#home{position:relative;}


#home .sect15{position:relative;z-index:1;height:100vh;background:#000;max-width:100%;overflow:hidden;}
  #home .sect15 .backs{

  }
    #home .sect15 .backs img{
      position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
      opacity:0;transition:opacity 1000ms;
    }
    #home .sect15 .backs img.back1{}
    #home .sect15 .backs img.back2{}
    #home .sect15 .backs img.back3{}
    #home .sect15 .backs img.back4{}
    #home .sect15 .backs img.active{opacity:0.3;}
  #home .sect15 .grid{
    position:absolute;z-index:2;left:15%;top:0;width:70%;height:100%;
    display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 3fr;
    grid-column-gap:50px;align-items:center;
  }
    #home .sect15 .grid .s{position:relative;}
    #home .sect15 .grid .s.s1{grid-column:3 span;justify-self:center;align-self:end;}
    #home .sect15 .grid .s.s2{}
    #home .sect15 .grid .s.s3{}
    #home .sect15 .grid .s.s4{}
      #home .sect15 .grid .s.stype2{

      }
        #home .sect15 .grid .s.stype2 a{position:relative;z-index:1;display:block;padding-top:100%;
          border-radius:20px;overflow:hidden;
        }
          #home .sect15 .grid .s.stype2 img.back1{
            position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
          }
          #home .sect15 .grid .s.stype2 a:before{content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;
            transition:opacity 500ms;
          }
          #home .sect15 .grid .s.stype2 .content{
            position:absolute;z-index:3;left:0;top:50%;width:100%;transform:translate(0,-50%);
            text-align:center;transition:opacity 500ms;
          }
            #home .sect15 .grid .s.stype2 .content img{height:70px;width:auto;}
            #home .sect15 .grid .s.stype2 .content .button{margin:20px 0 0 0;}
              #home .sect15 .grid .s.stype2 .content .button span{
                display:inline-block;height:40px;line-height:40px;padding:0 25px;
                border:1px solid #fff;color:#fff;border-radius:20px;font-family:'montserrat_semibold';
              }
        #home .sect15 .grid .s.stype2 a:hover:before{opacity:0;}
        #home .sect15 .grid .s.stype2 a:hover .content{opacity:0;}
@media only screen and (max-width:1000px){
    #home .sect15{display:none;}
}


#home .header1m{display:none;position:absolute;z-index:2;left:0;top:0;width:100%;padding:30px;box-sizing:border-box;}
  #home .header1m .grid{display:grid;grid-template-columns:1fr;justify-items:center;}
    #home .header1m .grid .s{}
    #home .header1m .grid .s.s1{}
      #home .header1m .grid .s.s1 a{}
        #home .header1m .grid .s.s1 a img{
          max-width:120px;height:auto;
        }
    #home .header1m .grid .s.s2{justify-self:end;}
      #home .header1m .grid .s.s2 a{display:none;}
        #home .header1m .grid .s.s2 a img{
          width:40px;height:auto;
        }
@media only screen and (max-width:1000px){
  #home .header1m{display:block;position:relative;}
  #home .header1m .grid .s.s1 a img{max-width:80px;}
}
/*
@media only screen and (max-width:800px){
  #home .header1{position:relative;z-index:2;left:auto;top:auto;width:100%;padding:20px;background:#222;}
  #home .header1 .grid{display:grid;grid-template-columns:1fr;justify-items:center;}
}
*/
@media only screen and (max-width:900px){
  #home .header1m{position:relative;z-index:2;left:auto;top:auto;padding:15px;}
}

/*
#home{}
  #home .head1{position:relative;z-index:1;height:100vh;width:100vw;max-width:100%;}
    #home .head1:before{
      content:"";position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
      background:#000;
    }
    #home .head1:after{
      content:"";position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;
      background-image:url('../img/pattern1.png');
      background-repeat:repeat;
    }
    #home .head1 video{
      position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0.6;
    }
    #home .head1 .text{
      position:absolute;z-index:4;left:0;top:50%;width:100%;
      text-align:center;
      transform:translate(0,-50%);
    }
      #home .head1 .text img{max-width:80%;height:auto;}
*/





/*
#home .sect25{position:relative;z-index:1;}
  #home .sect25 img.back{
    position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:cover;
  }
  #home .sect25 .wrap{position:relative;padding-top:56%;}
    #home .sect25 .wrap .item{
      position:absolute;z-index:1;left:0;top:0;width:33.334%;height:100%;
      background-repeat:no-repeat;
      background-position:center center;overflow:hidden;
      transition:width 1000ms,left 1000ms;
    }
    #home .sect25 .wrap .item:nth-child(1){z-index:15;}
    #home .sect25 .wrap .item:nth-child(2){z-index:14;left:33.333%;}
    #home .sect25 .wrap .item:nth-child(3){z-index:13;left:66.666%;}
      #home .sect25 .wrap .item:before{
        content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;
        transition:opacity 1000ms;
      }
      #home .sect25 img.itemback{
        position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;object-fit:cover;
      }
      #home .sect25 .wrap .item .flex{
        display:flex;height:100%;align-content:center;justify-items:center;align-items:center;
        text-align:center;
        color:#fff;
      }
        #home .sect25 .wrap .item .content{display:block;text-align:center;width:100%;min-width:250px;max-width:100%;}s
          #home .sect25 .wrap .item .content .img{display:block;}
            #home .sect25 .wrap .item .content .img img{max-width:80%;height:auto;}
          #home .sect25 .wrap .item .content .buton{margin:30px 0 0 0;display:inline-block;
            height:40px;line-height:40px;padding:0 30px;
            color:#af9c5e;border:1px solid #af9c5e;border-radius:20px;
            cursor:pointer;transition:background 500ms, color 500ms;
          }
            #home .sect25 .wrap .item .content .buton:hover{background:#af9c5e;color:#fff;}

    #home .sect25 .wrap.active1{}
    #home .sect25 .wrap.active1 .item{width:10%;}
    #home .sect25 .wrap.active1 .item:nth-child(1){left:0;width:80%;}
    #home .sect25 .wrap.active1 .item:nth-child(2){left:80%;}
    #home .sect25 .wrap.active1 .item:nth-child(3){left:90%;}
    #home .sect25 .wrap.active1 .item:nth-child(2) .content .img{display:none;}
    #home .sect25 .wrap.active1 .item:nth-child(2) .content .buton{display:none;}
    #home .sect25 .wrap.active1 .item:nth-child(3) .content .img{display:none;}
    #home .sect25 .wrap.active1 .item:nth-child(3) .content .buton{display:none;}

    #home .sect25 .wrap.active2{}
    #home .sect25 .wrap.active2 .item{width:10%;}
    #home .sect25 .wrap.active2 .item:nth-child(1){left:0;}
    #home .sect25 .wrap.active2 .item:nth-child(2){left:10%;width:80%;}
    #home .sect25 .wrap.active2 .item:nth-child(3){left:90%;}
    #home .sect25 .wrap.active2 .item:nth-child(1) .content .img{display:none;}
    #home .sect25 .wrap.active2 .item:nth-child(1) .content .buton{display:none;}
    #home .sect25 .wrap.active2 .item:nth-child(3) .content .img{display:none;}
    #home .sect25 .wrap.active2 .item:nth-child(3) .content .buton{display:none;}

    #home .sect25 .wrap.active3{}
    #home .sect25 .wrap.active3 .item{width:10%;}
    #home .sect25 .wrap.active3 .item:nth-child(1){left:0;}
    #home .sect25 .wrap.active3 .item:nth-child(2){left:10%;}
    #home .sect25 .wrap.active3 .item:nth-child(3){left:20%;width:80%;}
    #home .sect25 .wrap.active3 .item:nth-child(1) .content .img{display:none;}
    #home .sect25 .wrap.active3 .item:nth-child(1) .content .buton{display:none;}
    #home .sect25 .wrap.active3 .item:nth-child(2) .content .img{display:none;}
    #home .sect25 .wrap.active3 .item:nth-child(2) .content .buton{display:none;}

    #home .sect25 .wrap.active1 .item:nth-child(1):before{opacity:0.3;}
    #home .sect25 .wrap.active2 .item:nth-child(2):before{opacity:0.3;}
    #home .sect25 .wrap.active3 .item:nth-child(3):before{opacity:0.3;}
*/

#home .sect25m{display:none;}
  #home .sect25m img.back{
    position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:cover;
  }
  #home .sect25m{}
    #home .sect25m .item{position:relative;display:block;padding:80px 20px;text-align:center;overflow:hidden;}
    #home .sect25m .item:before{
      content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;
      transition:opacity 1000ms;
    }
      #home .sect25m img.itemback{
        position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;object-fit:cover;
      }
      #home .sect25m .item .img{display:block;}
        #home .sect25m .item .img img{max-width:60%;height:auto;}
      #home .sect25m .item .buton{margin:30px 0 0 0;display:inline-block;
        height:40px;line-height:40px;padding:0 30px;
        color:#af9c5e;border:1px solid #af9c5e;border-radius:20px;
        cursor:pointer;transition:background 500ms, color 500ms;
      }


@media only screen and (max-width:1000px){
  #home .sect25 .wrap .item .content .buton{height:26px;line-height:26px;padding:0 13px;border-radius:13px;}
}
@media only screen and (max-width:1000px){
    #home .sect25{display:none;}
    #home .sect25m{display:block;}
}



#home .sect20{padding:50px 50px;}
  #home .sect20 .grid{display:grid;grid-template-columns:250px 1px 1fr;grid-gap:25px;}
    #home .sect20 .grid .s{}
    #home .sect20 .grid .s1{padding:25px 0;font-size:2.5em;line-height:100%;
      transform:translate(-100%,0);opacity:0;
      transition:opacity 500ms, transform 500ms;
    }
    #home .sect20.on_screen .grid .s1{transform:translate(0,0);opacity:1;}
      #home .sect20 .grid .s1 .text1{font-family:'montserrat_light';}
      #home .sect20 .grid .s1 .text2{font-family:'montserrat_bold';}
    #home .sect20 .grid .s2{background:#555;}
    #home .sect20 .grid .s3{position:relative;padding:25px 0;}
      #home .sect20 .grid .s3 .slider_wrap{
        position:absolute;z-index:1;left:0;top:0;width:calc(100% - 0px);height:100%;
      }
        #home .sect20 .grid .s3 .slider1{}
        #home_slider1 .item{padding:30px 15px 0 15px;text-align:center;}
          #home_slider1 .item a{display:block;}
            #home_slider1 .item .icon{height:60px;}
              #home_slider1 .item .icon img{width:100%;height:100%;object-fit:contain;}
            #home_slider1 .item .name{margin:20px 0 0 0;font-family:'montserrat_semibold';}
            #home_slider1 .owl-nav{
              position:absolute;z-index:1;right:-30px;top:0;width:30px;
            }
              #home_slider1 .owl-nav button{display:block;width:100%;box-sizing:border-box;font-size:2.5em;opacity:0.5;}
              #home_slider1 .owl-nav button:hover{opacity:1;}
@media only screen and (max-width:1000px){
  #home .sect20{padding:30px 10px;}
  #home .sect20 .grid{grid-template-columns:1fr;}
  #home .sect20 .grid .s1{font-size:1.5em;text-align:center;}
  #home .sect20 .grid .s2{height:1px;background:#ddd;}
  #home .sect20 .grid .s3{position:relative;padding:25px 0;}
  #home .sect20 .grid .s3 .slider_wrap{position:relative;z-index:1;left:auto;top:auto;width:85vw;max-width:90%;height:auto;margin:0 auto;}
    #home .sect20 .grid .s3 .slider1{}
    #home_slider1 .item{padding:30px 15px 0 15px;text-align:center;}
      #home_slider1 .item a{display:block;}
        #home_slider1 .item .icon{height:50px;}
          #home_slider1 .item .icon img{width:100%;height:100%;object-fit:contain;}
        #home_slider1 .item .name{margin:20px 0 0 0;font-family:'montserrat_semibold';}
        #home_slider1 .owl-nav{
          position:absolute;z-index:1;right:-30px;top:0;width:30px;
        }
          #home_slider1 .owl-nav button{display:block;width:100%;box-sizing:border-box;font-size:2.5em;opacity:0.5;}
          #home_slider1 .owl-nav button:hover{opacity:1;}
}



.accordion {width:100%;height:350px;overflow:hidden;margin:0 auto;}
.accordion ul {width: 100%;display: table;table-layout: fixed;margin: 0;padding: 0;height:80vh;}
.accordion ul li {display: table-cell;vertical-align: bottom;position: relative;width: 16.666%;height: 350px;
  background-repeat: no-repeat;background-position: center center;transition: all 500ms ease;
}
.accordion ul li div {display: block;overflow: hidden;width: 100%;}
.accordion ul li div a {
  display: block;height: 350px;width: 100%;position: relative;z-index: 3;verttransition: all 200ms ease;
}
.accordion ul li div a * {opacity: 0;margin: 0;width: 100%;text-overflow: ellipsis;position: relative;z-index: 5;white-space: nowrap;overflow: hidden;
  -webkit-transform: translateX(-20px);transform: translateX(-20px);-webkit-transition: all 400ms ease;transition: all 400ms ease;
}
.accordion ul li div a h2 {font-family: Montserrat, sans-serif;text-overflow: clip;font-size: 24px;text-transform: uppercase;margin-bottom: 2px;top: 160px;}
.accordion ul li div a p {top: 160px;font-size: 13.5px;}
.accordion ul li:nth-child(1) { background-image: url("https://unsplash.it/650/350?image=675"); }
.accordion ul li:nth-child(2) { background-image: url("https://unsplash.it/650/350?image=674"); }
.accordion ul li:nth-child(3) { background-image: url("https://unsplash.it/650/350?image=673"); }
.accordion ul:hover li { width: 8%; }
.accordion ul:hover li:hover { width: 60%; }
.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }
.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 @media screen and (max-width: 600px) {



.accordion { height: auto; }

.accordion ul li,
.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
}
}




#home .sect30{}
  #home .sect30 .item{position:relative;padding:100px 0;}
    #home .sect30 .item:before{
      content:"";position:absolute;z-index:-2;left:0;top:0;width:100%;height:100%;background:#132635;
    }
    #home .sect30 .item img.back1{
      position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;object-fit:cover;
      opacity:0.2;
    }
    #home .sect30 .item .inner{position:relative;}
      #home .sect30 .item .grid{display:grid;grid-template-columns:6fr 4fr;grid-template-areas:"s1 s2";}
        #home .sect30 .item .grid .s{}
        #home .sect30 .item .grid .s.s1{grid-area:s1;position:relative;padding-top:70%;/*background:#000;*/}
          #home .sect30 .item .grid .s.s1 img{
            position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
            opacity:0;transform:scale(0);
            transition:opacity 800ms, transform 800ms;
          }
        #home .sect30 .item .grid .s.s2{grid-area:s2;}
      #home .sect30 .item .content{
        position:absolute;z-index:1;left:40%;top:50%;width:60%;
        transform:translate(0,-50%);
      }
      #home .sect30 .item .inner .content .text1{color:#c79f62;font-size:7em;font-family:'prata';font-weight:600;line-height:110%;letter-spacing:3px;
        opacity:0;transform:rotateY(180deg);transition:opacity 800ms, transform 800ms;transition-delay:500;
      }
      #home .sect30 .item .inner .content .text2{color:#fff;font-size:7em;font-family:'prata';font-weight:600;line-height:110%;letter-spacing:3px;
        opacity:0;transform:scale(0);transition:opacity 800ms, transform 800ms;transition-delay:500;
      }
      #home .sect30 .item .inner .content .text3{margin:10px 0 0 0;color:#fff;font-size:1.2em;font-family:'montserrat_semibold';text-align:right;}
  #home .sect30 .item:nth-child(2){}
    #home .sect30 .item:nth-child(2)::before{background:#1e2f1d;}
  #home .sect30 .item:nth-child(3){}
    #home .sect30 .item:nth-child(3)::before{background:#0b2c33;}
  #home .sect30 .item:nth-child(even){}
    #home .sect30 .item:nth-child(even) .grid{grid-template-columns:4fr 6fr;grid-template-areas:"s2 s1";}
    #home .sect30 .item:nth-child(even) .content{left:0;}
      #home .sect30 .item:nth-child(even) .inner .content .text3{text-align:left;}

  #home .sect30 .item.on_screen .grid .s.s1 img{
    opacity:0.8;transform:scale(1);
  }
  #home .sect30 .item.on_screen .inner .content .text1{opacity:1;transform:rotateY(0deg);}
  #home .sect30 .item.on_screen .inner .content .text2{opacity:1;transform:scale(1);}
@media only screen and (max-width:1000px){
  #home .sect30 .item .grid{display:grid;grid-template-columns:1fr;grid-template-areas:"s1" "s2";}
    #home .sect30 .item .grid .s{}
    #home .sect30 .item .grid .s.s1{grid-area:s1;position:relative;padding-top:50%;/*background:#000;*/}
    #home .sect30 .item .grid .s.s2{grid-area:s2;}
    #home .sect30 .item .content{
      position:relative;z-index:1;left:auto;top:auto;width:100%;margin:25px 0 0 0;
      transform:translate(0,0);
    }
    #home .sect30 .item .inner .content .text1{font-size:2em;}
    #home .sect30 .item .inner .content .text2{font-size:2em;}
    #home .sect30 .item .inner .content .text3{text-align:left;margin:10px 0 0 0;font-size:1em;}


  #home .sect30 .item:nth-child(even){}
    #home .sect30 .item:nth-child(even) .grid{grid-template-columns:1fr;grid-template-areas:"s1" "s2";}
    #home .sect30 .item:nth-child(even) .content{left:auto;}
      #home .sect30 .item:nth-child(even) .inner .content .text3{text-align:left;}
}




#home .sect50{padding:7vh 0 0 0;text-align:center;font-size:2.5em;}
@media only screen and (max-width:1000px){
  #home .sect50{font-size:1.3em;}
}



