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;
}

#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';
    top: 40.6%;
    left: 0%;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 3.5vw;
    line-height: 114%; }

#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) {

  #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; }

}