img{
  max-width: -webkit-fill-available;
}


@font-face {
    font-family: 'Foco';
    src: url('../fonts/Foco-Regular.eot');
    src: url('../fonts/Foco-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Foco-Regular.woff2') format('woff2'),
        url('../fonts/Foco-Regular.woff') format('woff'),
        url('../fonts/Foco-Regular.ttf') format('truetype'),
        url('../fonts/Foco-Regular.svg#Foco-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Foco Bold';
    src: url('../fonts/Foco-Bold.eot');
    src: url('../fonts/Foco-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Foco-Bold.woff2') format('woff2'),
        url('../fonts/Foco-Bold.woff') format('woff'),
        url('../fonts/Foco-Bold.ttf') format('truetype'),
        url('../fonts/Foco-Bold.svg#Foco-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


#box-text{ position: absolute;
    top: 32.9%;
    left: 54.6%;
    width: 45%; }

#box-text-1,
#box-text-2,
#box-text-3,
#box-text-4{ width: 34%;
    display: inline-block;
    margin: 0% 7% 3% 0%; }

#box-text-02{ font-family: 'Foco';
    margin: 0 auto;
    width: 47.5%;
    color: #fff;
    text-align: center;
    font-size: 2.05vw;
    line-height: 114%;
    position: absolute;
    top: 70.4%;
    background-color: #125627;
    padding: 25px 0 13px 0;
    left: 0;
    right: 0;
    border-radius: 52px 52px 0px 0px; }

#box-text-02 b{ font-weight: bold;
    color: #90c72a; }

#box-text-03{ background-color: #072d13;
    position: absolute;
    top: 78.5%;
    color: #fff;
    font-family: 'Foco';
    font-size: 2.2vw;
    left: 0;
    right: 0;
    width: 91%;
    text-align: center;
    margin: 0 auto;
    padding: 24px 0 20px 0;
    border-radius: 51px;
    font-weight: 600; }

#box-text-03 span{}

#ns1{ overflow: hidden; }

#div-truck img{ position: absolute;
    top: 60.1%;
    overflow: hidden;
    width: 23%;
    right: -22%;
    /*right: 22%;*/
    margin: 0px;
    opacity: 1;
    animation: example 12s infinite; }

@keyframes example {

  0%  { right: -22%; opacity: 1; }
  10% { right: 3%; opacity: 1; }
  90% { right: 3%; opacity: 1; }
  100% { right: 40%; opacity: 0; }

}

#ns1 .btn-1,
#ns1 .btn-2{ position: absolute;
    top: 62.5%;
    left: -3%;
    right: 0;
    margin: 0 auto;
    width: 19%; }

#ns1 .pt1,
#ns2 .pt1{ position: absolute;
    top: 4.2%;
    left: 5.5%;
    right: 0;
    margin: 0 auto;
    width: 66%; }

#ns1 .pt2,
#ns2 .pt2{ position: absolute;
      top: 11.6%;
      left: 4.4%;
      margin: 0 auto;
      width: 24.6%; }

#ns1 .pt3,
#ns2 .pt3{ /*position: absolute;*/
    font-family: 'Foco';
    margin: 0 auto;
    width: 100%;
    color: #fadf2f;
    font-size: 1.92vw;
    font-weight: 800;
    line-height: 114%;
    white-space: nowrap; }

#ns1 .pt3-1,
#ns2 .pt3-1{ /*position: absolute;*/
    font-family: 'Foco';
    margin: 0 auto;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.50vw;
    line-height: 114%; }

#ns1 .pt3-2,
#ns2 .pt3-2{ /* position: absolute; */
    font-family: 'Foco';
    margin: 0 auto;
    width: 100%;
    color: #9bb933;
    font-size: 1vw;
    line-height: 114%;
    margin: 3% 0 0 0;
    text-align: center; }


#ns1 .box-text-1{ width: 50%; }

#ns1 .pt3 b,
#ns2 .pt3 b{ color: #ffe000;
  font-family: 'Foco Bold';
  font-weight: normal; }

#ns1 .pt4,
#ns2 .pt4{ position: absolute;
    width: 36.5%;
    bottom: 0; }

#ns1 .pt4 img,
#ns2 .pt4 img{ width: 100%; }

#ns1 .box-1,
#ns2 .box-1{ background: rgb(242,204,49);
background: linear-gradient(180deg, rgba(242,204,49,1) 53%, rgba(242,110,36,1) 100%);
    position: absolute;
    width: 27.4%;
    top: 47.2%;
    left: 14.4%;
    border-radius: 0px 91px 0px 91px;
    text-align: center;
    /*overflow: hidden;*/ }

#ns1 .box-1 .ibox:before,
#ns1 .box-2 .ibox:before,
#ns2 .box-1 .ibox:before,
#ns2 .box-2 .ibox:before{ content: "";
    width: 159%;
    height: 65%;
    display: block;
    background-color: #004a25;
    position: absolute;
    top: -10%;
    z-index: revert-layer;
    border-radius: 66%;
    left: -33%;
    right: 0;
    margin: 0 auto; }

#ns1 .box-2,
#ns2 .box-2{ background: rgb(52,91,167);
    background: linear-gradient(0deg, rgba(52,91,167,1) 20%, rgba(56,178,231,1) 100%);
    position: absolute;
    width: 27.4%;
    top: 47.2%;
    right: 12.9%;
    border-radius: 91px 0px 91px 0px;
    text-align: center;
    /*overflow: hidden;*/ }

#ns1 .box-1 .ibox,
#ns1 .box-2 .ibox,
#ns2 .box-1 .ibox,
#ns2 .box-2 .ibox{ position: relative;
  overflow: hidden; }

#ns1 .box-1 a,
#ns1 .box-2 a,
#ns2 .box-1 a,
#ns2 .box-2 a{ font-family: 'Mada-Bold';
    background-color: #ffe000;
    color: #004a25;
    font-weight: 800;
    font-size: 2.5vw;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: fit-content;
    margin: -7% auto 0 auto;
    padding: 2% 8.5% 1.2% 8.5%;
    border-radius: 44px 0px 44px 0px; }

#ns1 .box-1 a:hover,
#ns1 .box-2 a:hover,
#ns2 .box-1 a:hover,
#ns2 .box-2 a:hover{ text-decoration: none;
  background-color: #004a25;
  color: #fff; }

#ns1 .box-3 a,
#ns2 .box-3 a{ font-family: 'Mada-Bold';
    background-color: #ffe000;
    color: #004a25;
    font-weight: 800;
    font-size: 2.5vw;
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: fit-content;
    margin: -7% auto 0 auto;
    padding: 2% 8.5% 1.2% 8.5%;
    border-radius: 44px 0px 44px 0px; }

#ns1 .box-3 a:hover,
#ns2 .box-3 a:hover{ text-decoration: none;
  background-color: #8abd24;
  color: #fff; }

#ns1 .box-1 .pt7,
#ns2 .box-1 .pt7{ width: 65%;
    margin: 9% 0 11% 0;
    z-index: 1;
    position: relative; }

#ns1 .box-2 .pt7,
#ns2 .box-2 .pt7{ width: 51%;
    margin: 10.8% 0 11% 0;
    z-index: 1;
    position: relative; }

#ns1 .box-1 img, #ns1 .box-2 img,
#ns2 .box-1 img, #ns1 .box-2 img{ margin: 0 auto; }

#ns1 .box-1 h5,
#ns1 .box-2 h5,
#ns2 .box-1 h5,
#ns2 .box-2 h5{ color: #fff;
    margin: 5% auto 7% auto;
    font-size: 1.8vw;
    line-height: 122%;
    font-family: 'Foco Bold'; }

#ns1 .box-1 h5 span,
#ns1 .box-2 h5 span,
#ns2 .box-1 h5 span,
#ns2 .box-2 h5 span{ font-size: 3.25vw;
  display: block; }

#ns1 .box-1 p,
#ns1 .box-2 p,
#ns2 .box-1 p,
#ns2 .box-2 p{ color: #fff;
    margin: 0 0 11% 0;
    font-size: 1.75vw;
    line-height: 109%;
    font-family: 'Foco'; }

#ns1 .box-1 .pt8,
#ns2 .box-1 .pt8{ position: absolute;
    top: 6%;
    right: -26%;
    width: 31.5%; }

#ns1 .box-2 .pt8,
#ns2 .box-2 .pt8{ position: absolute;
    top: 6%;
    left: -26%;
    width: 31.5%; }

#ns1 .box-3,
#ns2 .box-3{ background-color: #004a25;
    position: absolute;
    width: 45.1%;
    /*height: 457px;*/
    top: 79.15%;
    left: 42%;
    border-radius: 91px 0px 91px 0px; }

#ns1 .box-3 .ibox,
#ns1 .box-2 .ibox,
#ns2 .box-3 .ibox,
#ns2 .box-2 .ibox{ position: relative;
  /*background-color: #f0f;*/ }

#ns1 .box-3 .ibox p,
#ns1 .box-2 .ibox p,
#ns2 .box-3 .ibox p,
#ns2 .box-2 .ibox p{ /*margin: 0;
    color: #fff;
    font-size: 4vw;
    left: 20%;
    line-height: 116%;
    margin: 10% 0 0 19%;*/ }

#ns1 .pt5,
#ns2 .pt5{ position: absolute;
    width: 38.5%;
    top: -29%;
    left: -21%; }

#ns1 .pt6,
#ns2 .pt6{ position: absolute;
    left: -0.5%;
    right: 0%;
    margin: 0 auto;
    top: -72%;
    width: 35%; }

#ns1 .box-3 .ibox p,
#ns2 .box-3 .ibox p{ margin: 0;
    color: #fff;
    font-size: 4vw;
    line-height: 103%;
    margin: 11% 9% 15% 22.6%;
    font-family: 'Foco Bold'; }

#ns1 .box-3 .ibox p b,
#ns2 .box-3 .ibox p b{ color: #f26e24;
  font-weight: normal; }

#ns1 .box-3 .ibox p span,
#ns2 .box-3 .ibox p span{ color: #bad32f; }

#ns1 #video-1,
#ns2 #video-1{ width: 38.5%;
    position: absolute;
    top: 13.6%;
    right: 0;
    left: 4%;
    border-radius: 20px;
    margin: 0 auto; }

#ns1 #video-2{ width: 21.5%;
    position: absolute;
    top: 50.8%;
    right: 3.5%;
    border-radius: 20px; }

#colophon .container{ max-width: 100%; }

#colophon #footer-logo{ max-width: 100%; }

#colophon #footer-logo p { font-family: 'Foco';
    font-size: 2.64vw;
    font-weight: 500;
    margin: 70px 0 75px 0; }

#colophon #footer-logo p b{ color: #f7dd2f; }

#colophon #carouselfooter .bx{ background-color: #000;
    display: inline-block;
    position: relative;
    border-radius: 63px;
    width: 28.5%;
    margin: 0 1.36%;
    overflow: hidden; }

#colophon #carouselfooter .bx img{ width: 100%; }

#colophon #carouselfooter .bx:before{ content: "";
    width: 19.5%;
    height: 33%;
    display: block;
    background-image: url(../img/play.png);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    position: absolute;
    top: 35%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    background-repeat: no-repeat;
    z-index: 1; }

#colophon #carouselfooter .bx:hover .pt9{ opacity: 0.65; }

#colophon #carouselfooter .bx:hover:before{ opacity: 1; }

#colophon  .carousel-control-prev{
    left: 0;
    width: 45px;
    height: 45px;
    top: 50%;
    background-color: #ffe000;
    opacity: 1;
    border-radius: 50%; }

#colophon  .carousel-control-prev:before{ content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    border-left: 2px solid #215732;
    border-top: 2px solid #215732;
    transform: rotate(317deg);
    left: 17px; }

#colophon  .carousel-control-next:before{ content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    border-left: 2px solid #215732;
    border-top: 2px solid #215732;
    transform: rotate(135deg);
    left: 11px; }

#colophon .carousel-control-next{
    right: 0;
    width: 45px;
    height: 45px;
    top: 50%;
    background-color: #ffe000;
    opacity: 1;
    border-radius: 50%; }

#colophon .carousel-control-prev-icon,
#colophon .carousel-control-next-icon{ opacity: 0; }

#ns1 #video-3{ width: 21.5%;
    position: absolute;
    top: 74.3%;
    right: 3.5%;
    border-radius: 20px; }

#ns2 #video-4{ top: 59%;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 0 0% 0%; }

#ns2 #video-5{ top: 72%;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 0 0% 0%; }

#ns2 #video-6{ top: 85%;
    position: absolute;
    width: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 0 0% 0%; }

#ns2 .cr1{ position: absolute;
    left: -18%;
    z-index: 1;
    width: 31%;
    left: 0%;
    transform: translate(-58%, -145%); }

#ns1 .row .col-12{
  padding-right: 0px;
  padding-left: 0px;
}
#ns1 .img1{
  position: relative;
  z-index: 1;
}

#ns1 .img2{
  padding-top: 120px;
  z-index: 2;
  position: relative;
}

#ns1 .img3{
  z-index: 2;
  position: relative;
  margin-bottom: -20px;
}
#ns1 .img4{
  max-width: 240px;
  margin-top: 120px;
  width: 100%;
}
#ns1 .imgbg2{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
}
#ns1 .imgbtn1{
  z-index: 2;
  position: relative;
  margin-bottom: -70px;
  max-width: 250px;
}

#ns2{
  /*background-color: #ffe000;
  padding: 80px 0px 80px 0px;*/
}

#ns2 .row .col-12{
  padding-right: 0px;
  padding-left: 0px;
}

#ns2 img{ width: 100%; }

#ns2 .btn-1{ position: absolute;
    top: 52.5%;
    left: 0%;
    right: 0;
    margin: 0 auto;
    width: 43%; }

#ns2 .btn-2{ position: absolute;
    top: 93.3%;
    left: -4%;
    right: 0;
    margin: 0 auto;
    width: 29%; }

 #ns2 #video{ width: 70%;
    position: absolute;
    bottom: 12%;
    right: 0%;
    left: 0%;
    margin: 0 auto; }

#ns2 .imgbtn2{
  z-index: 2;
  position: relative;
  margin-top: 40px;
  max-width: 190px;
}
.iframevideo{
  max-width: 500px;
  margin: 0 auto;
}
.img6{
  max-width: 60px;
position: absolute;
top: -45px;
right: 6%;
}
.img7{
  max-width: 60px;
position: absolute;
bottom: 0px;
    left: 6%;
}

.dvd{ width: 100%;
    position: relative;
    height: 100%; }

.cr1{ position: absolute;
    left: -18%;
    z-index: 1;
    width: 31%;
    left: 0%;
    transform: translate(-58%, -145%); }

.embed-responsive{ overflow: visible !important; }

#masthead{ display: none; }


#footer-logo{ height: 0px;
    overflow: hidden; }

.hamburger{ display: none !important; }



/************************************** MEDIA *******************************/

@media (max-width: 599px) {
  .hidden-xs {
    /*display: none !important;*/
  }
  #ns1 {
    padding-top: 90px;
}
  .imgbtn1{
    margin-top: 35px;
    margin-right: -118px;
    margin-bottom: -125px !important;
    max-width: 160px !important;
  }
  .img1m{
    margin-bottom: -110px;
    z-index: 2;
position: relative;
  }
  .iframevideo {
    max-width: 80%;
}
.img6 {
    max-width: 40px;
    position: absolute;
    top: -50px;
    right: 3%;
}
.img7 {
    max-width: 40px;
    position: absolute;
    bottom: -8px;
    left: 1%;
}
#ns2 .imgbtn2 {
    z-index: 2;
    position: relative;
    margin-top: 40px;
    max-width: 155px;
    margin-bottom: 25px;
}
}
@media (min-width: 600px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }

}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }

}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }

}

@media (max-width: 1500px) {

  #colophon #carouselfooter .bx{ border-radius: 30px;  }

  #colophon .carousel-control-prev,
  #colophon .carousel-control-next{ top: 35%; }

}

@media (max-width: 992px) {

    #box-text-1, #box-text-2, #box-text-3, #box-text-4 {
    width: 49%;
    display: inline-block;
    margin: 0% 0% 4.5% 0%; }

    #ns1 .pt3-2, #ns2 .pt3-2{ font-size: 2.5vw; }

    #ns1 .pt3-1, #ns2 .pt3-1 { font-size: 3.5vw !important;
        /*margin: 1% auto 0 auto !important;*/
        margin: 4% auto -1% auto !important;
        left: -6px;
        position: relative; }

   #ns2 .pt3{ font-size: 4vw;
        letter-spacing: 1.4px; }

  #ns2 .pt2{ top: 1.3%;
      left: 31.4%;
      width: 37.6%; }

  #ns2 .pt1{ position: absolute;
    top: 8.8%;
    left: 2%;
    right: 0;
    margin: 0 auto;
    width: 95%; }

   #ns2 #video-1{ width: 82.5%;
      position: absolute;
      top: 12.8%;
      right: 0;
      left: 0%;
      border-radius: 20px;
      margin: 0 auto; }

    #ns2 .pt3{ /*position: absolute;
      font-family: 'Foco';
      top: 37.8%;
      left: 0%;
      margin: 0 auto;
      width: 100%;
      color: #fff;
      text-align: center;
      font-size: 6.1vw;
      line-height: 100%;*/ }

    #ns2 .box-1 { width: 57.4%;
        top: 42.2%;
        left: 29.4%; }

    #ns2 .box-2 { width: 59.4%;
        top: 60.85%;
        left: 13.5%; }

    #ns2 .box-1 .pt8 { position: absolute;
      top: -3%;
      left: -27%;
      right: initial;
      width: 32.5%; }

    #ns1 .box-1 .pt7, #ns2 .box-2 .pt7 { width: 65%;
      margin: 10% 0 26% 0;
      z-index: 1;
      position: relative; }

    #ns1 .box-1 .ibox:before, #ns1 .box-2 .ibox:before, 
    #ns2 .box-1 .ibox:before, #ns2 .box-2 .ibox:before { height: 64%; }

    #ns2 .box-2 .ibox img{ width: 52%;
      margin: 10% 0 7% 0; }

    #ns1 .box-2 .pt8, #ns2 .box-2 .pt8 { top: -2.2%;
      left: initial;
      right: -28%;
      width: 31.5%; }


    #ns1 .box-3, #ns2 .box-3{ background-color: #004a25;
      position: absolute;
      width: 72.1%;
      /* height: 457px; */
      top: 89.15%;
      left: 19%;
      border-radius: 50px 0px 50px 0px; }

    #ns2 .pt4{ position: absolute;
        width: 36.5%;
        bottom: 11.15%;
        transform: rotate(90deg);
        left: 0;
        right: 0;
        margin: 0 auto;
        overflow: hidden; }

    #ns2 .pt4 img{ transform: rotatex(180deg); }

    #ns2 .pt4 img{ margin: 0 0 0 -33%; }

    #ns2 .box-1 h5, #ns2 .box-2 h5 { margin: 6% auto 7% auto;
      font-size: 4vw; }

    #ns2 .box-1 h5 span, #ns2 .box-2 h5 span{ font-size: 7.25vw; }

    #ns2 .box-1 p, #ns2 .box-2 p{ font-size: 4.05vw; }

    #ns2 .box-1 a, #ns2 .box-2 a{ font-size: 5.4vw; }

    #ns2 .pt5{ /*top: -29%;
        left: -35%;
        width: 45.5%;*/
        top: -102%;
        left: -35%;
        width: 58.5%; }

    #ns2 .box-3{ width: 66%;
        top: 87.18%;
        left: 27%; }

    #ns2 .pt6 { /*left: -0.5%;
      right: -2%;
      margin: 0 auto;
      top: -79%;
      width: 43%;*/
        left: -0.5%;
        right: -2%;
        margin: 0 auto;
        top: -107%;
        width: 43%; }

    #ns2 .box-3 .ibox p { /*font-size: 7vw;
      line-height: 103%;
      margin: 15% 9% 18% 11.6%;*/
        font-size: 5vw;
        line-height: 103%;
        margin: 16% 9% 18% 21.6%; }

    #ns1 .box-3 a, #ns2 .box-3 a { font-size: 5.5vw;
      margin: -10% auto 0 auto; }


    #colophon #carouselfooter .bx{ width: 80%; }

    #colophon #carouselfooter .bx.dsk{ display: none; }

    #colophon #carouselfooter .bx{ border-radius: 38px; }

    #colophon #footer-logo p{ font-size: 5.5vw;
    line-height: 113%; }

    #ns2 .box-1 a, #ns2 .box-2 a{ border-radius: 24px 0px 24px 0px; }

    #ns2 .box-3 a { border-radius: 22px 0px 22px 0px; }

    #colophon #footer-logo p { margin: 45px 0 38px 0; }

}