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

#video-01{ /*position: absolute;
    top: 0;
    width: 34.6%;
    top: 11.5%;
    right: 15.4%;*/
    width: 35%;
    margin: 0% 0% 0% 49.9%; }

#video-02{ position: absolute;
    top: 0;
    width: 42.6%;
    top: 30.8%;
    right: 13.1%; }

#video-03{ position: absolute;
    top: 0;
    width: 42.6%;
    top: 41.4%;
    right: 13.1%; }

.btn-01, .btn-02{ background-color: #fdba12;
    font-size: 5.5vw;
    position: absolute;
    top: 24.2%;
    right: 0%;
    margin: 0 auto;
    left: 0%;
    font-family: 'Foco';
    text-align: center;
    font-weight: 900;
    display: inline-block;
    width: max-content;
    padding: 0.1% 15% 0% 7%;
    color: #000;
    border-radius: 100px; }

.btn-01:before, .btn-02:before{ content: "";
    width: 8.7%;
    height: 86%;
    /*background-color: #f0f;*/
    background-image: url("../img/part-07.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    right: 6.7%;
    top: 8%;  
    animation: example-01 4s infinite; }

 .btn-02{ top: 54.8%;
    padding: 0.1% 13% 0% 7%; }

.btn-02:before{ width: 7.7%; }

@keyframes example-01 {

  0%  { background-size: 100%; }
  50% { background-size: 90%; }
  100% { background-size: 100%; }

}

.btn-01:hover,
.btn-02:hover{ background-color: #bd8700;
    color: #000;
    text-decoration: none; }

#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,
#ns2{ position: relative; }

#ns1 .part-00,
#ns2 .part-00{ position: absolute;
    top: 7.2%;
    left: 6.4%;
    width: 88.1%; }

#ns1 .part-01,
#ns2 .part-01{ position: absolute;
    top: 7.2%;
    right: 0.8%;
    width: 51.8%;
    animation: example4 2.5s; }

#ns1 .part-02,
#ns2 .part-02{ position: absolute;
    top: 40%;
    left: 9%;
    width: 30%; }

#ns1 .part-03,
#ns2 .part-03{ position: absolute;
    bottom: 26.9%;
    left: 21.6%;
    width: 25%; }

#ns1 .part-04,
#ns2 .part-04{ position: absolute;
    bottom: 27.3%;
    right: 22.4%;
    width: 21.5%; }

#ns1 .part-05,
#ns2 .part-05{ position: absolute;
    bottom: -0.6%;
    left: 24.5%;
    width: 19.04%;
    animation: example3 2s; }

#ns1 .part-06,
#ns2 .part-06{ position: absolute;
    bottom: -0.2%;
    right: 23.8%;
    width: 19.04%;
    animation: example3 2.5s; }

#ns1 .part-166,
#ns2 .part-166{ position: absolute;
    position: absolute;
    bottom: 28.5%;
    left: -4.5%;
    width: 23.5%; }

#ns1 .part-08,
#ns2 .part-08{ position: absolute;
    top: -0.7%;
    right: -10.3%;
    width: 40.5%;
    animation: example2 13s infinite; }

#ns1 .part-09,
#ns2 .part-09{ position: absolute;
    top: 2.1%;
    right: 81.7%;
    width: 13%;
    transform: rotate(119deg); }

#ns1 .part-09-2,
#ns2 .part-09-2{ position: absolute;
    bottom: 17.8%;
    left: 9.4%;
    width: 13%; }

#ns1 .part-09-3,
#ns2 .part-09-3{ position: absolute;
    top: 16%;
    left: 31.6%;
    width: 13%;
    transform: rotate(8deg); }

#ns1 .part-09-4,
#ns2 .part-09-4{ position: absolute;
    top: 65.7%;
    right: 7%;
    width: 13%;
    transform: rotate(120deg); }

#ns1 .part-10,
#ns2 .part-10{ position: absolute;
    top: 15.8%;
    left: -1.8%;
    width: 22.9%;
    animation: example2 13s infinite; }

#ns1 .part-11,
#ns2 .part-11{ position: absolute;
    top: 26.8%;
    left: 4.5%;
    width: 32.5%; }

#ns1 .part-12,
#ns2 .part-12{ position: absolute;
    top: 64.5%;
    right: -1.4%;
    width: 23.2%;
    animation: example2 10.5s infinite; }

#ns1 .part-13,
#ns2 .part-13{ position: absolute;
    top: 0.8%;
    left: 40.5%;
    width: 21%;
    /*animation: example1 9s infinite;*/ }

#ns1 .part-14,
#ns2 .part-14{ position: absolute;
    bottom: 47.9%;
    left: 15.7%;
    width: 16%;
    animation: example1 12s infinite; }

#ns1 .part-15,
#ns2 .part-15{ position: absolute;
    bottom: 2.9%;
    left: -15.6%;
    width: 36%; }

#ns1 .part-16,
#ns2 .part-16{ position: absolute;
    bottom: 0%;
    right: -4%;
    width: 26.5%; }

.embed-responsive iframe{ /*border-radius: 25px;*/ }

#part-01{ position: relative; }

#part-01:before {
    content: "";
    /* background-color: #282828; */
    /* filter: brightness(0) saturate(100%) invert(13%) sepia(74%) saturate(2%) hue-rotate(14deg) brightness(95%) contrast(97%); */
    display: block;
    left: -10%;
    position: absolute;
    bottom: 0%;
    height: 15px;
    width: 120%;
    background-image: url("../img/bor.svg");
}

#part-01:after{ display: none !important; }

#part-01:after {
    content: "";
    /* background-color: #282828; */
    /* filter: brightness(0) saturate(100%) invert(13%) sepia(74%) saturate(2%) hue-rotate(14deg) brightness(95%) contrast(97%); */
    display: block;
    left: -10%;
    position: absolute;
    top: 0%;
    height: 15px;
    width: 120%;
    background-image: url("../img/bor.svg");
    transform: rotate(180deg);
}

#part-01 a{ color: #215732;
    font-family: 'Foco Bold';
    /*background-color: #ffc801;*/
    background-image: url("../img/btn-01.svg");
    background-size: 100% 100%;
    position: absolute;
    top: 63.6%;
    left: 16.5%;
    font-size: 3.4vw;
    padding: 0.5vw 1.6vw; }

#part-01 a:hover{ text-decoration: none;
    color: #fff; }

#part-02{ background-color: #205430;
    position: relative;
    background-image: url("../img/bg-001.jpg");
    padding: 3.1% 0 3.1% 0; }

#part-02 #p1{
    width: 28.3%;
    margin: 3.5% 0% 4.2% 15.1%; }

#part-02 h1{ font-family: 'Foco Bold';
    color: #fff;
    font-size: 7.4vw;
    position: absolute;
    top: 17.1%;
    left: 14.1%;
    text-align: center;
    letter-spacing: -0.34vw;
    line-height: 64%; }

#part-02 h1 span{ font-size: 5.3vw; }

#part-02 h1 b{ font-size: 10vw; }

#part-03{ background-color: #02572e;
    text-align: center; }


#part-03 .ttl{ position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70%;
    top: 7%; }

#part-03 .img{ width: 100%; }

#part-03 span{ position: relative;
    display: inline-block;
    overflow: hidden;
    width: 33.03%; }

#part-03 span:before {
    content: "";
    display: block;
    left: -10%;
    position: absolute;
    top: 0%;
    height: 15px;
    width: 120%;
    background-image: url(../img/bor.svg);
    transform: rotate(180deg); }

#part-03 span:after {
    content: "";
    display: block;
    left: -10%;
    position: absolute;
    bottom: 0%;
    height: 15px;
    width: 120%;
    background-image: url(../img/bor.svg);
    transform: rotate(0deg); }

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

#part-03 .ttl{  opacity: 1;
    animation: example 4s;
    animation-fill-mode: forwards; }

#part-03 .ttl.t1{ animation-delay: 2s; opacity: 0;  }

#part-03 .ttl.t2{ animation-delay: 4s; opacity: 0; }

#part-03 .ttl.t3{ animation-delay: 6s; opacity: 0; }

#part-03 .a1{ opacity: 1;
    animation: examplee 2s;
    animation-fill-mode: forwards; }

#part-03 .a2{ animation: examplee 4s; }

#part-03 .a3{ animation: examplee 6s; }

.bb1{ background-color: #1e5931;
    padding: 15px 0px;
    display: none; }

.bb1 img{ width: 130px;
    display: block;
    margin: 0 auto; }

@keyframes example {

  0%{ transform: scale(0.7); opacity: 0; top: 12%; }
  100% {  transform: scale(1); opacity: 1; top: 7%; }

}

@keyframes examplee {

  0%{ opacity: 0; top: 0%; }
  100% {  transform: scale(1); opacity: 1; top: 7%; }

}


@keyframes example1{

    0%  { opacity: 1; transform: rotate(322deg); }
    25% { opacity: 1; transform: rotate(357deg); }
    50% { opacity: 1; transform: rotate(322deg); }
    75% { opacity: 1; transform: rotate(357deg); }
    100%{ opacity: 1; transform: rotate(322deg); }

}

@keyframes example2{

    0%  { opacity: 1; transform: rotate(0deg); }
    25% { opacity: 1; transform: rotate(16deg); }
    50% { opacity: 1; transform: rotate(0deg); }
    75% { opacity: 1; transform: rotate(16deg); }
    100%{ opacity: 1; transform: rotate(0deg); }

}

@keyframes example3{

    0%  { opacity: 0; bottom: -10.2%; }
    100%{ opacity: 1; bottom: -0.9%; }

}

@keyframes example4{

    0%  { opacity: 0; }
    100%{ opacity: 1; }

}

/*#colophon.site-footer { background-color: #050505; }*/

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

  #ns2 .part-00 { top: 6%;
    left: 19.2%;
    width: 65.4%; }

   #ns2 .part-02 { top: 29.39%;
    left: 35%;
    width: 30%; }

  #ns2 .part-09 { top: 0.5%;
    right: 13.7%;
    width: 18%; }

    #ns2 .part-08{ top: 12.1%;
    right: -20%;
    width: 48.5%; }

    #ns2 .part-10 { top: 8.6%;
        left: -3.1%;
        width: 31.9%; }

    #ns2 .part-01 { top: 13.5%;
        right: 14.8%;
        width: 73.8%; }

    #ns2 .part-03 { bottom: 17.8%;
        left: 18.6%;
        width: 30%; }

    #ns2 .part-04 { bottom: 18.85%;
        right: 20.4%;
        width: 24.6%; }

    #ns2 .part-15 { bottom: 1.9%;
        left: -12.6%;
        width: 29%; }

    #video-01 { width: 85%;
        top: 20.3%;
        right: 7.1%;  }

    #video-02{ width: 85%;
        top: 37.1%;
        right: 7.1%; }

    #video-03{ width: 85%;
        top: 54.8%;
        right: 7.1%; }

    #ns2 .part-14 { bottom: 8.98%;
        right: 3.7%;
        width: 14%; }

    #ns2 .part-11{ display: none; }

    #ns2 .part-16 { bottom: 1.7%;
        right: -8.2%;
        width: 26.5%; }

    #ns2 .part-12 { top: 38.9%;
        left: -12.6%;
        width: 42%;
        transform: rotate(22deg); }

    #ns2 .part-13{ top: 82.4%;
        left: -1.5%;
        width: 22%; }

    #ns2 .part-05 { bottom: -0.2%;
        left: 21.8%;
        width: 25.34%; }

    #ns2 .part-06{ bottom: -0.2%;
        right: 21.8%;
        width: 25.34%; }

    .btn-01{ font-size: 7.5vw;
        top: 26.2%;}

    .btn-02 { top: 71.4%;
        padding: 0.1% 13% 0% 7%;
        font-size: 6.5vw; }

}
@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) {

    .bb1{ display: block; }

   #part-01:after{ display: block !important; }


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

    /**/

  #ns2 .part-00 { top: 6%;
    left: 19.2%;
    width: 65.4%; }

   #ns2 .part-02 { top: 29.39%;
    left: 35%;
    width: 30%; }

  #ns2 .part-09 { top: 0.5%;
    right: 13.7%;
    width: 18%; }

    #ns2 .part-08{ top: 12.1%;
    right: -20%;
    width: 48.5%; }

    #ns2 .part-10 { top: 8.6%;
        left: -3.1%;
        width: 31.9%; }

    #ns2 .part-01 { top: 13.5%;
        right: 14.8%;
        width: 73.8%; }

    #ns2 .part-03 { bottom: 20.8%;
        left: 18.6%;
        width: 30%; }

    #ns2 .part-04 { bottom: 21.7%;
        right: 20.4%;
        width: 24.6%; }

    #ns2 .part-15 { bottom: 1.9%;
        left: -12.6%;
        width: 29%; }

    #video-01 { width: 85%;
        top: 36.3%;
        right: 7.1%;  }

    #video-02{ width: 85%;
        top: 48.1%;
        right: 7.1%; }

    #video-03{ width: 85%;
        top: 59.8%;
        right: 7.1%; }

    /***/

    #video-01 { width: 85%;
        top: 22.3%;
        right: 7.1%;  }

    #video-02{ width: 85%;
        top: 36.1%;
        right: 7.1%; }

    #video-03{ width: 85%;
        top: 49.8%;
        right: 7.1%; }
        
    /**/

    #ns2 .part-14 { bottom: 8.98%;
        right: 3.7%;
        width: 14%; }

    #ns2 .part-11{ display: none; }

    #ns2 .part-16 { bottom: 1.7%;
        right: -8.2%;
        width: 26.5%; }

    #ns2 .part-12 { top: 38.9%;
        left: -12.6%;
        width: 42%;
        transform: rotate(22deg); }

    #ns2 .part-13{ top: 0.5%;
        left: 10.5%;
        width: 22%; }

    #ns2 .part-05 { bottom: -0.2%;
        left: 21.8%;
        width: 25.34%; }

    #ns2 .part-06{ bottom: 0%;
        right: 21.8%;
        width: 25.34%; }

    #ns2 .part-09-2 { bottom: 7.8%;
        left: 5.4%;
        width: 13%; }

    #ns1 .part-09-4, #ns2 .part-09-4{ top: 82.7%; }

    .btn-01{ font-size: 7.5vw;
        top: 26.2%;}

    .btn-02 { top: 64.4%;
        padding: 0.1% 13% 0% 7%;
        font-size: 6.5vw; }

    @keyframes example3{

        0%  { opacity: 0; bottom: -10.2%; }
        100%{ opacity: 1; bottom: -0.2%; }

    }

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

}