@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('img/exo2.woff2') format('woff2');
}

#esm-content {
  display: block;
  max-width: 1150px;
  font-family: 'Exo 2', 'Arial', sans-serif;
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: black
}

#esm-content * {
  box-sizing: border-box;
  line-height: 1.5
}

#esm-content a,
#esm-content div,
#esm-content h1,
#esm-content h2,
#esm-content h3,
#esm-content h4,
#esm-content h5,
#esm-content h6,
#esm-content img,
#esm-content li,
#esm-content ol,
#esm-content p,
#esm-content span,
#esm-content strong,
#esm-content table,
#esm-content tbody,
#esm-content td,
#esm-content th,
#esm-content thead,
#esm-content tr,
#esm-content ul {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  font-family: 'Exo 2', 'Arial', sans-serif;
}

#esm-content .esm-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0px
}

#esm-content [class*="esm-col-"] {
  width: 100%;
  padding: 0px
}

#esm-content .esm-col-1 {
  width: 8.3333%
}

#esm-content .esm-col-2 {
  width: 16.6666%
}

#esm-content .esm-col-3 {
  width: 25%
}

#esm-content .esm-col-4 {
  width: 33.3333%
}

#esm-content .esm-col-5 {
  width: 41.6666%
}

#esm-content .esm-col-6 {
  width: 50%
}

#esm-content .esm-col-7 {
  width: 58.3333%
}

#esm-content .esm-col-8 {
  width: 66.6666%
}

#esm-content .esm-col-9 {
  width: 75%
}

#esm-content .esm-col-10 {
  width: 83.3333%
}

#esm-content .esm-col-11 {
  width: 91.6666%
}

#esm-content .esm-col-12 {
  width: 100%
}

@media only screen and (min-width: 0px) {
  #esm-content .esm-col-s-1 {
      width: 8.3333%
  }
  #esm-content .esm-col-s-2 {
      width: 16.6666%
  }
  #esm-content .esm-col-s-3 {
      width: 25%
  }
  #esm-content .esm-col-s-4 {
      width: 33.3333%
  }
  #esm-content .esm-col-s-5 {
      width: 41.6666%
  }
  #esm-content .esm-col-s-6 {
      width: 50%
  }
  #esm-content .esm-col-s-7 {
      width: 58.3333%
  }
  #esm-content .esm-col-s-8 {
      width: 66.6666%
  }
  #esm-content .esm-col-s-9 {
      width: 75%
  }
  #esm-content .esm-col-s-10 {
      width: 83.3333%
  }
  #esm-content .esm-col-s-11 {
      width: 91.6666%
  }
  #esm-content .esm-col-s-12 {
      width: 100%
  }
}

@media only screen and (min-width: 600px) {
  #esm-content .esm-col-m-1 {
      width: 8.3333%
  }
  #esm-content .esm-col-m-2 {
      width: 16.6666%
  }
  #esm-content .esm-col-m-3 {
      width: 25%
  }
  #esm-content .esm-col-m-4 {
      width: 33.3333%
  }
  #esm-content .esm-col-m-5 {
      width: 41.6666%
  }
  #esm-content .esm-col-m-6 {
      width: 50%
  }
  #esm-content .esm-col-m-7 {
      width: 58.3333%
  }
  #esm-content .esm-col-m-8 {
      width: 66.6666%
  }
  #esm-content .esm-col-m-9 {
      width: 75%
  }
  #esm-content .esm-col-m-10 {
      width: 83.3333%
  }
  #esm-content .esm-col-m-11 {
      width: 91.6666%
  }
  #esm-content .esm-col-m-12 {
      width: 100%
  }
}

@media only screen and (min-width: 920px) {
  #esm-content .esm-col-1 {
      width: 8.3333%
  }
  #esm-content .esm-col-2 {
      width: 16.6666%
  }
  #esm-content .esm-col-3 {
      width: 25%
  }
  #esm-content .esm-col-4 {
      width: 33.3333%
  }
  #esm-content .esm-col-5 {
      width: 41.6666%
  }
  #esm-content .esm-col-6 {
      width: 50%
  }
  #esm-content .esm-col-7 {
      width: 58.3333%
  }
  #esm-content .esm-col-8 {
      width: 66.6666%
  }
  #esm-content .esm-col-9 {
      width: 75%
  }
  #esm-content .esm-col-10 {
      width: 83.3333%
  }
  #esm-content .esm-col-11 {
      width: 91.6666%
  }
  #esm-content .esm-col-12 {
      width: 100%
  }
}

#esm-content p,
#esm-content span,
#esm-content h3,
#esm-content h4,
#esm-content h5,
#esm-content h6 {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: black
}

#esm-content img {
  display: block;
  max-width: 100%;
  width: unset;
  border: 0;
  margin: 0 auto
}

#esm-content .esm-row-reverse {
  flex-direction: row-reverse;
}

#esm-content .esm-vertical-align {
  align-items: center
}

#esm-content .esm-banner-section .esm-image {
  max-width: 1150px;
  position: relative;
}

#esm-content .esm-banner-section .esm-banner-title {
  font-size: 26px;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 20px 25px;
  font-weight: bold;
}

#esm-content .shape {
  display: inline-block;
  width: 88px;
  height: 12px;
  background: #007fc8;
  transform: skew(0deg, -6deg);
  margin-bottom: 25px;
}

#esm-content .esm-icons-box {
  padding: 25px 0;
  justify-content: center;
}

#esm-content .esm-icons-box .esm-icon-box {
  width: 95px;
  padding: 0 10px;
}

#esm-content .esm-icons-box .esm-icon-box .esm-image {
  max-width: 60px;
  margin: 10px auto;
}

#esm-content .esm-icons-box .esm-icon-box .esm-name {
  font-size: 13px;
  text-align: center;
}

#esm-content .esm-model-section {
  justify-content: center;
  text-align: center;
}

#esm-content .esm-model-section .esm-model-packshot {
  margin: 0 auto;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#esm-content .esm-model-section .esm-model-packshot .esm-image {
  max-width: 300px;
  max-height: 400px;
  margin: 0 auto;
}

#esm-content .esm-model-section .esm-model-info {
  padding: 50px 25px;
  background-color: #f1f1f1;
  align-items: center;
}

#esm-content .esm-model-section .esm-model-info .shape {
  background: #007fc8;
}

#esm-content .esm-model-section .esm-model-info .esm-model-type {
  font-size: 20px;
  text-transform: uppercase;
  color: black;
}

#esm-content .esm-model-section .esm-model-info .esm-model-name {
  font-size: 30px;
  text-transform: uppercase;
  color: black;
}

#esm-content .esm-model-section .esm-model-info .esm-icons-box .esm-name {
  color: black;
}

#esm-content .esm-videos-section {
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 25px
}

#esm-content .esm-videos-section .esm-video-box .esm-video {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 45%;
  overflow: hidden;
  margin: 2.9% 10%
}

#esm-content .esm-videos-section .esm-video-box .esm-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
  overflow: hidden;
  border: 2px solid white
}

#esm-content .esm-icons-section {
  padding: 50px;
  text-align: center
}

#esm-content .esm-icons-section .shape {
  background: #9c9c9c
}

#esm-content .esm-icons-section .esm-model-name {
  text-transform: uppercase
}

#esm-content .esm-icons-section .esm-section-title {
  font-size: 28px
}

#esm-content .esm-icons-section .esm-title {
  padding-top: 25px;
  text-align: center
}

#esm-content .esm-icons-section .esm-icons-box {
  padding-top: 25px
}

#esm-content .esm-benfits-section {
  background-color: #f1f1f1
}

#esm-content .esm-benfits-section .esm-benefit-box .esm-benefit-description {
  height: auto;
  padding: 50px
}

#esm-content .esm-benfits-section .esm-benefit-box .esm-benefit-description .esm-benefit-name {
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
}

#esm-content .esm-benfits-section .esm-benefit-box .esm-benefit-description .esm-benefit-text {
  padding-top: 15px;
  text-align: center;
  font-size: 15px
}

#esm-content .esm-benfits-section .esm-benefit-box .esm-image {
  max-width: 800px;
  margin: 0 auto;
}

#esm-content .esm-image .esm-image-title {
  position: absolute;
  top: 25px;
  right: 25px;
  color: white;
  font-weight: bold;
  font-size: 20px;
}

#esm-content div {
  text-align: center;
}

#esm-content .esm-star {
  text-align: left;
}

#esm-content .esm-star span {
  color: white !important;
  font-size: 14px !important;
}

#esm-content .esm-benefit-description {
  text-align: left;
}

#esm-content h3 {
  font-size: 26px;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 20px 25px;
}

#esm-content .esm-line {
  border: 1px solid white;
  width: 105px;
  display: block;
  margin: 20px auto;
}

#esm-content .esm-line-left {
  border: 1px solid black;
  width: 105px;
  display: block;
  margin: 20px auto 20px 0;
}

#esm-content .esm-banner-description {
  color: white;
  padding: 25px;
  font-size: 16px;
}

#esm-content .esm-banner-description-container {
  background-color: #737373;
  margin-top: -1px;
}



#esm-content .esm-videos-section .esm-background-video-1-title {
  color: white;
  font-weight: bold;
  font-size: 20px;
}

#esm-content .esm-footer {
  justify-content: center;
  display: flex;
  flex-direction: column;
  background-color: #5f5f5f;
  padding: 20px 0;
}