/*------------------------------------*
   $MISC
*------------------------------------*/
html {
  font-size: 16px;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background: #fff; 
  margin: 0;
  padding: 0;
  background: #f1f2ed;
  font-family: 14px/150%  "Franklin-Book", Helvetica, Arial, "冬青黑体", "Hiragino Sans GB", "microsoft yahei", "SimHei", sans-serif;
  font-weight: normal;
  line-height: 1;
  color: #2b2b2b;
}

*:focus,
a:focus {
  outline: none; }

#maincontent {
  padding: 0;
  max-width: 100%;
  line-height: 0;
}

@media only screen and (min-width: 768px){
  .columns .column.main {
    padding-bottom: 0px !important;
  }
}

#about-1 {
  height: 1px;
  width: 100%;
  position: absolute;
  margin-top: -64px;
}
#sk8Hi-1 {
  height: 1px;
  width: 100%;
  position: absolute;
  margin-top: -64px;
}
#drillChore-1 {
  height: 1px;
  width: 100%;
  position: absolute;
  margin-top: -64px;
}

*:active,
a:active {
  outline: none; }

.button.secondary:hover, .button.secondary:focus {
    background-color: #222;
    color: #fefefe;
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 1em 1.8em;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out,color 0.25s ease-out;
  transition: background-color 0.25s ease-out,color 0.25s ease-out;
  font-family: "franklin-gothic-urw-cond","Arial Narrow Bold",Arial,sans-serif;
  font-size: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  color: #fefefe;
}

.button.white {
  background: #fff;
  color: #000; 
  font-weight: 500;
}

button, .button {
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px){
  .cms-page-view .page-main {
      padding-top: 0px;
  }
}

footer {
  margin-top: 0; }

video {
  width: 100%;
  height: auto;
  display: block; }

.show-on-mobile {
  display: none; }
  @media (max-width: 640px) {
    .show-on-mobile {
      display: block; } }

@media (max-width: 640px) {
  .hide-on-mobile {
    display: none; } }

/*------------------------------------*
   $PAGE LEVEL
*------------------------------------*/
.mte-pg-wrap p {
  background: url("../img/h19-mte-black-background.jpg");
  line-height: 2em;
  color: #fff;
  font-size: 0.875rem;
  padding: 5px 5px;
  letter-spacing: 0.03em; }

@media (max-width: 640px) {
  .mte-pg-wrap p {
    line-height: 1.5em;
    font-size: 0.75rem;
    padding: 10px 10px; } }

/*------------------------------------*
   $HERO
*------------------------------------*/
.mte-hero__wrap {
  background: url("../img/h19-mte-trees-background.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 25px 0; }

.mte-hero__inner {
  max-width: 125.25rem;
  margin: 0 auto;
  width: 90%; }

@media (max-width: 1280px) {
  .mte-hero__inner {
    width: 80%; } }

@media (max-width: 1024px) {
  .mte-hero__inner {
    width: 90%; } }

@media (max-width: 768px) {
  .mte-hero__inner {
    width: 96%; } }

@media (max-width: 640px) {
  .mte-hero__wrap {
    padding-bottom: 0;
    background-attachment: scroll;
    background-attachment: initial; }
  .mte-hero__inner {
    width: 90%; } }

@media (max-width: 640px) {
  #vidDesktop {
    display: none; } }

#vidMobile {
  display: none; }
  @media (max-width: 640px) {
    #vidMobile {
      display: block; } }

.hero-banner {
  width: 100%;
  position: relative; }
  @media (max-width: 640px) {
    .hero-banner {
      visibility: hidden; } }

.tagline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 5; }
  @media (max-width: 768px) {
    .tagline {
      text-align: center; } }

@media (max-width: 768px) {
  .hdr-tagline {
    width: 70%; } }

@media (max-width: 640px) {
  .hdr-tagline {
    width: 92%;
    -webkit-transform: translateY(12vh);
        -ms-transform: translateY(12vh);
            transform: translateY(12vh); } }

.arrow-wrap {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center; }
  @media (max-width: 640px) {
    .arrow-wrap {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }

.icon-dwn {
  -webkit-transform: translateY(200px);
      -ms-transform: translateY(200px);
          transform: translateY(200px);
  visibility: hidden;
  cursor: pointer; }
  @media (max-width: 1280px) {
    .icon-dwn {
      display: none; } }
  @media (max-width: 640px) {
    .icon-dwn {
      display: block;
      margin-top: -20px;
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
      width: 30px; } }

.hero-message {
  height: 35vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center; }
  .hero-message p {
    background: url("../img/h19-mte-black-background.jpg");
    line-height: 4em;
    color: #fff;
    font-size: 0.875rem;
    padding: 0 25px;
    letter-spacing: 0.03em; }
  @media (max-width: 768px) {
    .hero-message {
      height: 25vh; } }
  @media (max-width: 640px) {
    .hero-message {
      height: auto;
      padding-bottom: 50px; }
      .hero-message p {
        line-height: 2em;
        padding: 25px;
        margin: 20px 0; } }

.cta-wrap {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center; }
  .cta-wrap .button {
    background: #000;
    margin: 10px; }
    .cta-wrap a {
      border: 0; }
  @media (max-width: 640px) {
    .cta-wrap {
      -ms-flex-preferred-size: 80%;
          flex-basis: 80%; }
      .cta-wrap .button {
        display: block; } }

/*------------------------------------*
   $FEATURED
*------------------------------------*/
.mte-featured {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr; }
  .mte-featured.sk8hi {
    background-size: cover;
    padding-bottom: 25px; }
  .mte-featured.coat {
    background: url("../img/h19-mte-drill-coat-background.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 25px 0; }
  @media (max-width: 640px) {
    .mte-featured {
      grid-template-columns: 1fr 1fr;
      -ms-grid-columns: 1fr 1fr; }
      .mte-featured.sk8hi {
        padding-bottom: 0; }
      .mte-featured.coat {
        background: url("../img/h19-mte-drill-coat-background.jpg") no-repeat;
        background-attachment: scroll;
        background-attachment: initial;
        background-size: 100%;
        background-position: top;
        padding: 40px 0 0; }
        .mte-featured.coat.featured-mte-dx {
          background: url("../img/indexBackground5.jpg") repeat;
          background-attachment: scroll;
          background-attachment: initial;
          background-size: 100%;
          background-position: top;
          padding: 40px 0 0;
          padding-bottom: 20px; } }

.feature-block--sk8hi-01 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-column: 1/3;
  grid-row: 1/3;
  position: relative; }
  .feature-block--sk8hi-01:after {
    content: '';
    position: absolute;
    right: -15px;
    z-index: 5;
    top: 0;
    width: 40px;
    height: 100%;
    background: url(../img/h19-mte-checkerboard-border.png);
    mix-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat; }

.feature-block--sk8hi-02 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 3/4;
  grid-row: 1/2; }

.feature-block--sk8hi-03 {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 4/5;
  grid-row: 1/2; }

.feature-block--sk8hi-04 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 3/4;
  grid-row: 2/3; }

.feature-block--sk8hi-05 {
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 4/5;
  grid-row: 2/3; }

@media (max-width: 640px) {
  .feature-block--sk8hi-01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 1/3;
    grid-row: 3/4;
    background: url("../img/h19-mte-black-background.jpg");
    background-size: cover; }
    .feature-block--sk8hi-01:after {
      content: none; }
  .feature-block--sk8hi-02 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1/2;
    grid-row: 1/2; }
  .feature-block--sk8hi-03 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 2/3;
    grid-row: 1/2; }
  .feature-block--sk8hi-04 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 1/2;
    grid-row: 2/3; }
  .feature-block--sk8hi-05 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 2/3;
    grid-row: 2/3; } }

.feature-block--coat-01 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-column: 3/5;
  grid-row: 1/3;
  position: relative; }
  .feature-block--coat-01:after {
    content: '';
    position: absolute;
    left: -20px;
    z-index: 5;
    top: 0;
    width: 40px;
    height: 100%;
    background: url(../img/h19-mte-checkerboard-border.png);
    mix-blend-mode: multiply;
    background-size: cover;
    background-repeat: no-repeat; }

.feature-block--coat-02 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 1/2; }

.feature-block--coat-03 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-column: 2/3;
  grid-row: 1/2; }

.feature-block--coat-04 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 1/2;
  grid-row: 2/3; }

.feature-block--coat-05 {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-column: 2/3;
  grid-row: 2/3; }

@media (max-width: 640px) {
  .feature-block--coat-01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-column: 1/3;
    grid-row: 3/4;
    background: url("../img/h19-mte-black-background.jpg");
    background-size: cover;
    margin-top: 35px; }
    .feature-block--coat-01:after {
      content: '';
      width: 100%;
      height: 35px;
      background: url(../img/h19-mte-drill-coat-background.jpg) no-repeat;
      background-size: cover;
      background-position: center;
      position: absolute;
      top: -35px;
      left: 0; }
  .feature-block--coat-02 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 1/2;
    grid-row: 1/2; }
  .feature-block--coat-03 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-column: 2/3;
    grid-row: 1/2; }
  .feature-block--coat-04 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 1/2;
    grid-row: 2/3; }
  .feature-block--coat-05 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-column: 2/3;
    grid-row: 2/3; }
    .feature-block--coat-mte-01 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-column: 1/3;
      grid-row: 0/4;
      background-size: cover; }
      .feature-block--coat-mte-01:after {
        content: '';
        width: 100%;
        height: 35px;
        background: url(../img/h19-mte-drill-coat-background.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: -35px;
        left: 0; }
    .feature-block--coat-mte-01 h4 {
      text-align: center;
      color: #fff;
      font-family: franklin-gothic-urw-cond;
      font-size: 1.775rem; }
    .feature-block--coat-mte-01 h6 {
      text-align: center;
      color: #fff;
      font-weight: normal;
      font-family: Helvetica Neue,Arial,sans-serif;
      font-size: 1.025rem; }
    .feature-block--coat-mte-02 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 1/2;
      grid-row: 3/4;
      width: 90%;
      margin: auto;
      margin-bottom: 33px; }
    .feature-block--coat-mte-03 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-column: 2/3;
      grid-row: 3/4;
      width: 90%;
      margin: auto;
      margin-bottom: 33px; }
    .feature-block--coat-mte-04 {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-column: 1/2;
      grid-row: 4/4;
      width: 90%;
      margin: auto;
      margin-bottom: 33px; }
    .feature-block--coat-mte-05 {
      -ms-grid-column: 2;
      -ms-grid-column-span: 1;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-column: 2/3;
      grid-row: 4/4;
      width: 90%;
      margin: auto;
      margin-bottom: 33px; } }
.block-message {
  width: 100%;
  height: 100%;
  padding: 20% 5% 20% 20%;;
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center; }
  
  .block-message img {
    width: 50%;
    margin-right: 0;
    margin-bottom: 25px;
    -ms-flex-item-align: center;
        align-self: center; }
  .block-message p {
    width: 100%;
    background: url("../img/h19-mte-black-background.jpg");
    line-height: 2em;
    color: #fff;
    font-size: 0.875rem;
    padding: 5px 10px;
    letter-spacing: 0.03em; }
  .block-message.coat {
    display: block;
    padding: 15% 15% 20%; }
  @media (max-width: 768px) {
    .block-message {
      padding: 8%; } }
  @media (max-width: 640px) {
    .block-message {
      width: 95%;
      position: relative;
      padding: 50px 0%;
      padding-left: 5%; }
      .block-message img {
        width: 80%;
        margin-right: auto; }
      .block-message p {
        background: none; }
      .block-message.coat {
        padding-left: 5%;
        padding-right: 0px; }
      .block-message-mte {
        width: 100%;
        padding: 12% 5% 8%!important;
      } }
.slick-slide h4 {
  display: none;
}
.slick-active h4 {
  display: block;
}


/*------------------------------------*
   $TECH
*------------------------------------*/
.mte-tech {
  background: url("../img/h19-mte-black-background.jpg");
  background-attachment: fixed;
  width: 100%;
  padding: 35px 0; }
  .mte-tech__inner {
    max-width: 86.25rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  @media (max-width: 1366px) {
    .mte-tech__inner {
      width: 96%; } }
  @media (max-width: 1024px) {
    .mte-tech {
      width: 100%;
      padding: 35px 0; }
      .mte-tech__inner {
        width: 98%; } }
  @media (max-width: 640px) {
    .mte-tech {
      width: 100%;
      background: url("../img/h19-mte-black-background.jpg");
      background-attachment: scroll;
      background-attachment: initial; }
      .mte-tech__inner {
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }

.tech-item {
  -ms-flex-preferred-size: calc(33% - 40px);
      flex-basis: calc(33% - 40px);
  margin: 0 20px;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 8px 8px 50px; }
  .tech-item.a01 {
    background-image: url("../img/h19-mte-tech1-back.jpg"); }
    .tech-item.a01 p {
      background-position: bottom; }
  .tech-item.a02 {
    background-image: url("../img/h19-mte-tech2-back.jpg"); }
    .tech-item.a02 p {
      width: max-content;
      /* width: 90%; */
      background-position: top; }
  .tech-item.a03 {
    background-image: url("../img/h19-mte-tech3-back.jpg"); }
    .tech-item.a03 p {
      width: max-content;
      /* width: 90%; */
      background-position: center; }
  @media (max-width: 1024px) {
    .tech-item {
      -ms-flex-preferred-size: calc(33% - 20px);
          flex-basis: calc(33% - 20px);
      margin: 0 10px; } }
  @media (max-width: 640px) {
    .tech-item {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin: 10px 0; } }

.message-wrap {
  padding: 0 4%;
  margin-top: -15px;
  position: relative;
  z-index: 2; }
  @media (max-width: 1366px) {
    .message-wrap {
      padding: 0 2%; } }
  @media (max-width: 640px) {
    .message-wrap {
      padding: 0 4%; } }

.tech-title {
  font-family: "franklin-gothic-urw-cond", "Arial Narrow Bold", Arial, sans-serif;
  font-weight: 600;
  font-size: calc(24px + (36 - 24) * (100vw - 320px) / (1920 - 320));
  background: url("../img/h19-mte-black-background.jpg");
  line-height: 1.2em;
  letter-spacing: 0.075em;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-left: 0 4%;
  padding-left: 5px; }
  @media (max-width: 1366px) {
    .tech-title {
      letter-spacing: 0.03em; } }
  @media (max-width: 640px) {
    .tech-title {
      font-size: 1.8rem; } }

/*------------------------------------*
   $VIDEO SECTION
*------------------------------------*/
.mte-vid {
  position: relative; }
  .mte-vid__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.vid-content {
  width: 32%;
  margin: 0 auto;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 768px) {
    .vid-content {
      width: 55%; } }
  @media (max-width: 640px) {
    .vid-content {
      width: 85%; }
      .vid-content p {
        padding-top: 10px;
        padding-bottom: 10px; } }

.vid-play-btn {
  display: inline-block;
  margin-bottom: 50px; }

/*------------------------------------*
   $VIDEO MODAL
*------------------------------------*/
.btn-close {
  width: 50px;
  height: 50px;
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 5%;
  right: 5%;
  z-index: 999; }
  @media (max-width: 1440px) {
    .btn-close {
      width: 45px;
      height: 45px;
      top: 5px;
      right: 20px; } }
  @media (max-width: 768px) {
    .btn-close {
      top: 20%; } }

.vid-wrap-dynamic,
.vid-wrap-hero {
  position: fixed;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease; }
  .vid-wrap-dynamic.show,
  .vid-wrap-hero.show {
    z-index: 600;
    opacity: 1; }

.vid-embed {
  width: 74%; }

#vidPlayer {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0; }

#vidPlayer iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute; }

.feature-img,
.feature-img-b,
.tech-img,
.reveal-elem {
  visibility: hidden; }
  @media (max-width: 640px) {
    .feature-img,
    .feature-img-b,
    .tech-img,
    .reveal-elem {
      visibility: visible;
      visibility: initial; } }