body{background:#ececec;}

#intro1{
  position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;
  background:#fff;
  display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;
  overflow:hidden;
  transition:opacity 1000ms;
}
#intro1 .logo{}
#intro1 .logo img{width:270px;height:270px;object-fit:contain;
  transition:transform 1000ms;
}

#intro1.jsefect1{opacity:0;}
#intro1.jsefect1 .logo img{transform:scale(10);}


#home{}

#homeheader{
  padding:15px 0;
  background-size:contain;
  background-repeat:repeat;
  background-color:black;
}
#homeheader .grid{display:grid;grid-template-columns:auto auto;align-items:center;}
#homeheader .grid .s{}
#homeheader .grid .s.s1{}
#homeheader .grid .s.s1 img{height:60px;width:auto;}
#homeheader .grid .s.s2{justify-self:end;}
#homeheader .grid .s.s2 a{color:#fff;}
#homeheader .grid .s.s2 a{
  position:relative;z-index:1;display:inline-block;height:50px;line-height:50px;padding:0 50px;border-radius:50px;
  background:#2c2c2c;color:#fff;font-size:1.05rem;overflow:hidden;text-align:center;
  transition:background-color 400ms;
}
#homeheader .grid .s.s2 a:hover{background-color:#ddd;transition:background-color 2000ms;}
  #homeheader .grid .s.s2 a:before{
    content:"";position:absolute;z-index:1;left:-50%;top:20%;width:200%;height:60%;
    background:linear-gradient(to right,#ffffff,#c78713);/*#00ccff,#d400d4*/
    animation:sliderbutton1 4s linear infinite;
  }
  #homeheader .grid .s.s2 a:after{content:"";position:absolute;z-index:2;background:#000;inset:3px;border-radius:50px;}
  #homeheader .grid .s.s2 a span.text{position:absolute;z-index:3;display:block;left:0;top:0;width:100%;height:100%;}
  @keyframes sliderbutton1{
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
  } 
@media only screen and (max-width:1000px){
  #homeheader .grid .s.s1{padding:0 0 0 5px;}
}
@media only screen and (max-width:600px){
  #homeheader .grid .s.s2 a{height:40px;line-height:40px;padding:0 25px;border-radius:20px;}
}


#home .sect20{padding:30px 0 0 0;/*background:#666;*/}
#home .home_slider_wrap{position:relative;/*margin:40px 0 0 0;*/}
#home .home_slider_wrap .item{padding:0 0 15px 0;/*box-shadow:0 0 20px 0 #ccc;*/}
#home .home_slider_wrap .item a{}
#home .home_slider_wrap .item a .im{position:relative;z-index:1;display:block;padding-top:100%;border-radius:15px;overflow:hidden;}
#home .home_slider_wrap .item a .im img.im1{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#home .home_slider_wrap .item a .im:before{content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;transition:opacity 500ms;}
#home .home_slider_wrap .item a .im:after{content:"";position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.4;transition:opacity 200ms;}
#home .home_slider_wrap .item a.selected .im:after{opacity:0;}
#home .home_slider_wrap .item a .im img.im2{
  position:absolute;z-index:3;left:50%;top:50%;width:calc(100% - 40px);height:calc(100% - 40px);
  object-fit:cover;transform:translate(-50%,-50%);
  box-sizing:border-box;border:5px solid #fff;border-radius:10px;
}
#home .home_slider_wrap .item a .text{
  display:block;padding:5px 10px;text-align:center;
  /*font-family:'poppins_semibold';*/
  /*
  background:linear-gradient(to bottom,transparent,transparent,#fff);
  */
  border-radius:10px;box-shadow:0 10px 10px -12px #8f8f8f;
  /*
  position:absolute;z-index:3;left:0;bottom:0;
  display:block;width:100%;box-sizing:border-box;padding:10px 10px;
  font-family:'poppins_semibold';font-size:1.1rem;color:#fff;
  */
}
/*#home .home_slider_wrap .item a .text:before{
  content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:200%;
  background:linear-gradient(to bottom,transparent,#000);
}*/
#home .home_slider_wrap .hcnav{display:none;}
@media only screen and (max-width:650px){
  #home .home_slider_wrap .item a .im img.im2{width:calc(100% - 30px);height:calc(100% - 30px);border:1px solid #fff;/*box-shadow:0 0 5px 0 #fff;*/}
}


#sliderbuttons{margin:2px 0 15px 0;text-align:center;}
#sliderbuttons .flex{display:inline-flex;gap:10vw;flex-wrap:wrap;align-items:center;justify-content:center;}
#sliderbuttons .flex .f{font-family:'poppins_semibold';}
#sliderbuttons .flex .f a{display:inline-block;padding:8px 20px;border:1px solid #000;border-radius:5px;transition:all 250ms;}
#sliderbuttons .flex .f a.selected{background-color:#000;color:#fff;}
@media only screen and (max-width:800px){
  #sliderbuttons .flex{gap:10px;}
}


#home .info476{margin:0 0 10px 0;text-align:center;color:#999;}


#home .urunlist{margin:0px 0 0 0;}
#home .urunlist .item{
  padding:10px 10px 10px 20px;margin:0 0 10px 0;background:#fff;
  height:auto!important;
}
#home .urunlist .item .grid{display:grid;grid-template-columns:1fr auto;grid-gap:20px;align-items:center;}
#home .urunlist .item .content{}
#home .urunlist .item .content .name{font-size:1.8rem;text-transform:uppercase;}
#home .urunlist .item .content .info{margin:1px 0 0 0;font-size:0.9rem;}
#home .urunlist .item .content .price{margin:1px 0 0 0;font-size:1.8rem;text-transform:uppercase;}
#home .urunlist .item .im{}
#home .urunlist .item .im img{width:200px;height:200px;box-shadow:0 0 4px 1px #ddd;}
@media only screen and (max-width:650px){
  #home .urunlist .item .im img{width:30vw;height:30vw;}
  #home .urunlist .item .content .name{font-size:1.3rem;}
  #home .urunlist .item .content .info{font-size:0.9rem;}
  #home .urunlist .item .content .price{font-size:1.3rem;}
}



.homefooter{padding:22px 30px;background:#000;color:#fff;}
.homefooter a{color:#fff;}
.homefooter .grid{display:grid;grid-template-columns:auto auto;grid-gap:30px;align-items:center;}
.homefooter .grid .s{}
.homefooter .grid .s.s1{justify-self:start;}
.homefooter .grid .s.s2{justify-self:end;}
.homefooter .grid .s.s2 a{font-size:1.7rem;margin:0 0 0 10px;}
@media only screen and (max-width:800px){
  .homefooter{padding:15px 15px;}
  .homefooter .grid .s.s2 a{font-size:1.3rem;margin:0 0 0 7px;}
}





/*
#home .home_slider_wrap2{
  position:relative;z-index:1;left:0;top:0;width:100%;height:100vh;
  background:#000;overflow:hidden;
}
  #home .home_slider_wrap{
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;
  }
    #home .home_slider_wrap .hcnav{
      position:absolute;z-index:101;left:0;bottom:6%;width:100%;
      box-sizing:border-box;padding:0 3%;
    }
      #home .home_slider_wrap .hcnav .grid{display:grid;grid-template-columns:1fr;grid-gap:40px;}
        #home .home_slider_wrap .hcnav .grid .s{}
        #home .home_slider_wrap .hcnav .grid .s.s1{display:none;}
          #home .home_slider_wrap .hcnav .grid .s.s1 .flex{display:flex;gap:20px;}
            #home .home_slider_wrap .hcnav .grid .s.s1 .flex div{}
              #home .home_slider_wrap .hcnav .grid .s.s1 .flex div a{
                color:#fff;font-size:2rem;opacity:0.6;transition:opacity 300ms;
              }
              #home .home_slider_wrap .hcnav .grid .s.s1 .flex div a:hover{opacity:1;}
        #home .home_slider_wrap .hcnav .grid .s.s2{justify-self:center;}
          #home .home_slider_wrap .hcnav .grid .s.s2 .flex{display:flex;gap:4px;justify-content:center;}
            #home .home_slider_wrap .hcnav .grid .s.s2 .flex div{}
              #home .home_slider_wrap .hcnav .grid .s.s2 .flex div a{
                display:inline-block;background:#fff;width:15px;height:5px;opacity:0.6;
              }
              #home .home_slider_wrap .hcnav .grid .s.s2 .flex div a.active{width:30px;opacity:1;}
  
    #home .home_slider_wrap .item{position:relative;width:100%;height:100vh;overflow:hidden;}
      #home .home_slider_wrap .item:before{
        content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.4;
      }
      #home .home_slider_wrap .item img.img1{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}
 
      #home .home_slider_wrap .item .content{
        position:absolute;z-index:5;left:0;top:50%;width:100%;box-sizing:border-box;padding:0 5%;
        color:#fff;
        transform:translate(0,-150%);opacity:0;transition:transform 800ms, opacity 800ms;transition-delay:500ms;
      }
      
      #home .home_slider_wrap .item .content .xgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;align-items:center;}
      #home .home_slider_wrap .item .content .xgrids{align-items:center;}
      #home .home_slider_wrap .item .content .xgrids.s1{}
      #home .home_slider_wrap .item .content .xgrids.s2{}
      
      #home .home_slider_wrap .item .content .xflex{display:flex;gap:25px;padding:20px 30px;background:rgba(72,149,130,0.85);}
      #home .home_slider_wrap .item .content .xflex .f{position:relative;z-index:1;padding:0 0 0 10px;}
      #home .home_slider_wrap .item .content .xflex .f:before{content:"";position:absolute;z-index:1;left:0;top:0;width:3px;height:100%;background:rgba(255,255,255,0.3);}
      #home .home_slider_wrap .item .content .xflex .f:after{content:"";position:absolute;z-index:2;left:0;top:0;width:3px;height:25px;background:rgba(255,255,255,1);}

      #home .home_slider_wrap .item .content .box0{font-family:'avenir_medium';font-size:1vw;}
      #home .home_slider_wrap .item .content .box1{margin:10px 0 0 0;font-family:'avenir_medium';font-size:1.7vw;line-height:2.5rem;}
      #home .home_slider_wrap .item .content .box2{margin:15px 0 0 0;font-family:'poppins';font-size:0.9vw;line-height:1.6rem;}
      #home .home_slider_wrap .item .content .button12{margin:25px 0 0 0;;}
      #home .home_slider_wrap .item .content .button12 a{display:inline-block;padding:14px 45px;color:#fff;background:#67A696;transition:all 500ms;border-radius:4px;
        font-family:'poppins_medium';
      }
      #home .home_slider_wrap .item .content .button12 a:hover{background:#fff;color:#000;}
      #home .home_slider_wrap .owl-item.center .item .content{
        transform:translate(0,-50%);opacity:1;
      }
      #home .home_slider_wrap .owl-item.center .item img.img1{
        animation-name: dotanimate1;
        animation-duration: 15000ms;
        animation-timing-function: linear;
        animation-delay: 0s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
      }
      @keyframes dotanimate1 {
        0%   {transform:scale(1);}
        50%  {transform:scale(1.2);}
        100% {transform:scale(1);}
      }
    .owl_theme_hc1{}
        .owl_theme_hc1 .owl-nav{display:none;}
        .owl_theme_hc1 .owl-dots{display:none;}
  @media only screen and (max-width:1400px){
      #home .home_slider_wrap .hcnav .grid .s.s2 .flex{display:none;}
  }
  @media only screen and (max-width:1000px){
    #home .home_slider_wrap2{/*height:auto;}
    #home .home_slider_wrap .item{/*height:auto;}

    #home .home_slider_wrap .item .content .xgrid{display:grid;grid-template-columns:1fr;grid-gap:40px;align-items:center;}
    #home .home_slider_wrap .item .content .xgrids{align-items:center;}
    #home .home_slider_wrap .item .content .xgrids.s1{}
    #home .home_slider_wrap .item .content .xgrids.s2{display:none;}

    #home .home_slider_wrap .item .content .box0{font-size:1.5vw;}
    #home .home_slider_wrap .item .content .box1{font-size:2vw;line-height:2.5rem;}
    #home .home_slider_wrap .item .content .box2{font-size:2vw;line-height:1.6rem;}
    #home .home_slider_wrap .item .content .button12{margin:15px 0 0 0;;}
    #home .home_slider_wrap .item .content .button12 a{padding:8px 20px;border-radius:4px;}
  }
  @media only screen and (max-width:800px){
    #home .home_slider_wrap .item iframe{display:none;}
    #home .home_slider_wrap .item img.img_iframe{display:block;}

    #home .home_slider_wrap .item .content .box0{font-size:2vw;}
    #home .home_slider_wrap .item .content .box1{margin:10px 0 0 0;font-size:4vw;line-height:2rem;}
    #home .home_slider_wrap .item .content .box2{margin:10px 0 0 0;font-size:2.5vw;line-height:1.6rem;}
    #home .home_slider_wrap .item .content .button12{margin:10px 0 0 0;;}
    #home .home_slider_wrap .item .content .button12 a{padding:8px 20px;border-radius:4px;}
  }
*/