@media (max-width:320px){
   .sliderBackgroundColor{
    background: #f3f3f3 !important; padding: 10px;
  }
  .menugoster{display: none;}
  .sag-menu-pad-bg{background-color: white !important; padding: 25px 15px;}
  .ust-sag-menu{padding: 35px 50px 0px 0px; font-size: 20px;} 
  .ust-dil{padding: 28px 15px 0px 0px; font-size: 14px;}
  .ust-sol-menu{position: absolute; margin: 120px 0px 0px 0px; width: 100%; display: block;}
  .ust-sol-menu-pad{padding: 0px 130px 100px 30px; font-size: 20px;}
  .sticky .ust-sol-menu{display: none;}

  .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 200px; background-size: 200px; height: 31px; display: block; margin: 22px 15px 22px 15px;}
  .sticky .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 200px; background-size: 200px; height: 31px; display: block; margin: 22px 15px 22px 15px;}

  .dis-div{ padding: 0px;}
  .footer-pd{ padding: 0px;margin: 50px 0 0 0;}
  .footer-bg{background: rgb(143,152,157); background: linear-gradient(180deg, rgba(143,152,157,1) 0%, rgba(8,18,22,1) 100%); background-size: 100%; min-height: 250px;width: 100%;padding: 50px 0 50px 0;}
  .ms-5{ margin: 0 0 0 30px;}



  .social-link{ color: #fff !important; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }

  .header-right-position{margin: 30px 20px 0 0;}

  .sticky .header-right-position{margin: 30px 20px 0 0;}
  .sticky .social-link{ color: #fff !important; background: #2f3f4b; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }

  .slogan-position{position: absolute; bottom:150px; left: auto; z-index: 13; width: 80%; padding: 0px 20px;}
  .slogan-1{ font-size: 20px; color: #fff; font-weight: 700;}
  .slogan-2{ font-size: 12px; color: #fff; font-weight: 300; margin: 0 0 15px 0 !important;}

  .right-image-width{width: 60%;}
  .right-image-position{position: absolute; z-index: 12; bottom: -50px; text-align: center; width: 100%; right:15px;} 

  .sticky {
    position: fixed !important;
    z-index:999;
    margin-top: 0px;
    -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
  background: rgba(255, 255, 255, 0.863) !important; /* yarı saydam beyaz */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
    }
    .sidenav-menu li a{ display: block; color: #fff; text-align: left; font-size: 20px; line-height: 25px; padding-left: 20px; font-weight: 500; border-left: solid 4px rgba(255, 255, 255, 0); margin: 15px 15px;}
    .ic-title{ color: #fff; font-size:30px; text-align: center; margin: 0 0 20px 0;}
    .ic-content{z-index: 9; margin-top:-640px;}
    .ic-content-bg{min-height: 200px;}
    .ic-content-pd{padding: 25px;}

    .product-list-title{ font-size: 16px; font-weight: 600;}
    .padding-1{ padding: 0px 0px 1px 25px; }
    .text-padding{ padding: 0px;}
    .for-season{ color: #000;}

    .fs-80mb{ font-size: 25px}

    .footer-text-pd{padding: 20px;  text-align: left;}
    .fab-text{font-size: 25px;}
    .hak-text{font-size: 16px;}
    .hak-h{padding: 0px 0px 120px 0px !important;}

    .product-h{margin-top: 5%; margin-bottom: 5% !important;}
}
@media (min-width:321px){
   .sliderBackgroundColor{
    background: #f3f3f3 !important; padding: 10px;
  }
  .ugrup .uk-dotnav>*>* {width: 7px; height: 7px;}
  .ugrup .uk-dotnav>* {padding-left: 7px;}
  .neden-icon-wh{width: 60px; height: 60px; object-fit: contain !important;}
  .neden-ikon-fs{font-size: 16px; color: #333;}
  .fs16-ugrp{font-size: 14px;}
  .fs20-hab{font-size: 16px;}
  .ugrup-fs{font-size: 34px; line-height: 39px;}
  .ugrup-p3{padding: 15px 0px !important;}
  .product-bg-padding{padding: 15px 15px;}

  .menugoster{display: none;}
  .submenu-link{margin:0px !important; line-height:20px !important; font-size:13px !important;}
  .overlaymenu{ position:absolute; background:  #060607e7 no-repeat left top; background-size: contain; opacity:1; z-index:1 !important; top:0px; left:0px;  width:100%; height:100%; display:none;	}
  .sag-menu-pad-bg{background-color: white !important; padding: 25px 15px;}
  .ust-sag-menu{padding: 35px 50px 0px 0px; font-size: 20px;} 
  .ust-dil{padding: 28px 15px 0px 0px; font-size: 14px;}
  .ust-sol-menu{position: absolute; margin: 120px 0px 0px 0px; width: 100%; display: block;}
  .ust-sol-menu-pad{padding: 0px 130px 100px 30px; font-size: 20px;}
  .sticky .ust-sol-menu{display: none;}

  .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 200px; background-size: 200px; height: 31px; display: block; margin: 22px 15px 22px 15px;}
  .sticky .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 200px; background-size: 200px; height: 31px; display: block; margin: 22px 15px 22px 15px;}

  .dis-div{ padding: 0px;}
  .footer-pd{ padding: 0px;margin: 50px 0 0 0;}
  .footer-bg{background: rgb(143,152,157); background: linear-gradient(180deg, rgba(143,152,157,1) 0%, rgba(8,18,22,1) 100%); background-size: 100%; min-height: 250px;width: 100%;padding: 50px 0 50px 0;}
  .ms-5{ margin: 0 0 0 30px;}



  .social-link{ color: #fff !important; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }

  .header-right-position{margin: 30px 20px 0 0;}

  .sticky .header-right-position{margin: 30px 20px 0 0;}
  .sticky .social-link{ color: #fff !important; background: #e53618; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }

  .slogan-position{position: absolute; bottom:250px; left: auto; z-index: 13; width: 80%; padding: 0px 20px;}
  .slogan-1{ font-size: 25px; color: #fff; font-weight: 700;}
  .slogan-2{ font-size: 14px; color: #fff; font-weight: 300; margin: 0 0 15px 0 !important;}

  .right-image-width{width: 60%;}
  .right-image-position{position: absolute; z-index: 12; bottom: -50px; text-align: center; width: 100%; right:15px;} 

  .sticky {
    position: fixed !important;
    z-index:999;
    margin-top: 0px;
    -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
   background: rgba(255, 255, 255, 0.863) !important; /* yarı saydam beyaz */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
    }
    .sidenav-menu li a{ display: block; color: #fff; text-align: left; font-size: 20px; line-height: 25px; padding-left: 20px; font-weight: 500; border-left: solid 4px rgba(255, 255, 255, 0); margin: 15px 15px;}
    .ic-title{ color: #fff; font-size:30px; text-align: center; margin: 0 0 20px 0;}
    .ic-content{z-index: 9; margin-top:-640px;}
    .ic-content-bg{min-height: 200px;}
    .ic-content-pd{padding: 25px;}

    .product-list-title{ font-size: 18px; font-weight: 600;}
    .padding-1{ padding: 0px 0px 1px 25px; }
    .text-padding{ padding: 0px;}
    .for-season{ color: #000;}

    .fs-80mb{ font-size: 25px}

    .footer-text-pd{padding: 0px 0 40px 0px;  text-align: left;}
    .haberbg{height: 350px; background-color: #f6f6f6;}
    .haber-text{padding: 0px 0px 15px 0px;}
    .fab-text{font-size: 25px;}
    .hak-text{font-size: 16px;}
    .hak-h{padding: 0px 0px 50px 0px !important;}

    .product-h{margin-top: 5%; margin-bottom: 5% !important;}

}
@media(min-width:640px){
.sliderBackgroundColor{
    background: #f3f3f3 !important; padding: 10px;
  }

  .ugrup .uk-dotnav>*>* {width: 10px; height: 10px;}
  .ugrup .uk-dotnav>* {padding-left: 12px;}
  .neden-icon-wh{width: 70px; height: 70px; object-fit: contain !important;}
  .neden-ikon-fs{font-size: 18px; color: #333;}
  .fs16-ugrp{font-size: 16px;}
  .fs20-hab{font-size: 18px;}
  .ugrup-fs{font-size: 40px; line-height: 45px;}
  .ugrup-p3{padding: 15px 0px !important;}
  .product-bg-padding{padding: 40px 40px;}

  .menugoster{display: none;}
  .submenu-link{margin:0px !important; line-height:20px !important; font-size:16px !important;}
  .overlaymenu{ position:absolute; background:  url(../images/menubg1.webp) #060607 no-repeat left top; background-size: contain; opacity:1; z-index:1 !important; top:0px; left:0px;  width:100%; height:100%; display:none;	}
  .sag-menu-pad-bg{background-color: white !important; padding: 35px 25px;}
  .ust-sag-menu{padding: 35px 50px 0px 0px; font-size: 20px;} 
  .ust-dil{padding: 38px 50px 0px 0px; font-size: 14px;}
  .ust-sol-menu{position: absolute; margin: 120px 0px 0px 0px; width: 100%; display: block;}
  .ust-sol-menu-pad{padding: 0px 130px 100px 30px; font-size: 20px;}
  .sticky .ust-sol-menu{display: none;}

  .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 272px; background-size: 200px; height: 31px; display: block; margin: 35px 30px 30px 30px;}
  .sticky .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 272px; background-size: 200px; height: 31px; display: block; margin: 35px 30px 30px 30px;}

  .for-season-fs{ font-size: 60px; line-height: 90px;font-style: italic;}
  .icon-circle{width: 110px; height: 110px; background: #fff; cursor: pointer;}
  .icons-top{top: 140px;}
  .icon-position{ position: absolute;}
  .home-center-bg{background: url(/images/home-bg.webp) no-repeat center bottom; background-size: cover; min-height:500px; z-index: -1; position: relative;margin: 0px;}
  .cevre-text-1{color: #1c6a33; font-size: 40px; font-weight: 700; line-height: 50px;}
  .cevre-text-2{color: #081216;font-size: 40px; font-weight: 700; line-height: 50px;}
  .cevre-text-3{color: #081216;font-size: 25px; font-weight: 700; line-height: 25px;}

  

  .social-link{ color: #fff !important; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }
  .social-link-all{ display: none !important; color: #fff !important; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }
  .header-right-position{margin: 30px 40px 0 0;}

  .sticky .header-right-position{margin: 45px 40px 0 0;}
  .sticky .social-link{ display: none !important; color: #fff !important; background: #2f3f4b; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }
  .social-link2{ color: #2f3f4b !important; background: #fff; padding: 3px; border: solid 2px #2f3f4b; width: 25px; height: 25px; line-height: 25px; margin: 0 0 12px 0; text-align: center; display: block; border-radius: 50%; }

  .sticky .social-link-all{ display: block !important; color: #fff !important; padding: 3px; border: solid 2px #fff; width: 25px; height: 25px; line-height: 25px; margin: 0 0 15px 0; text-align: center; display: block; border-radius: 50%; }

  .slogan-position{position: absolute; bottom:100px; left: 50px; z-index: 13; width: 42%; padding: 0px;}
  .slogan-1{ font-size: 20px; color: #fff; font-weight: 700;}
  .slogan-2{ font-size: 15px; color: #fff; font-weight: 300; margin: 0 0 15px 0 !important;}

  .right-image-width{width: 35%;}
  .right-image-position{position: absolute; z-index: 12; bottom: 0px; text-align: right; width: 100%; right: 40px;}  

  .sticky {
    position: fixed !important;
    z-index:999;
    margin-top: 0px;
    -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
    background: rgba(255, 255, 255, 0.863) !important; /* yarı saydam beyaz */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
    }
    .sidenav-menu li a{ display: block; color: #fff; text-align: left; font-size: 30px; line-height: 25px; padding-left: 20px; font-weight: 300; border-left: solid 4px rgba(255, 255, 255, 0); margin: 25px 15px;}
    .ic-title{ color: #fff; font-size:40px; text-align: center; margin: 0 0 20px 0;}
    .ic-content{z-index: 9; margin-top:-580px;}
    .ic-content-bg{ min-height: 700px; }
    .ic-content-pd{padding: 40px;}
    .product-list-title{ font-size: 20px; font-weight: 600;}

    .fs-80mb{ font-size: 35px}
    .fab-text{font-size: 30px;}
    .hak-text{font-size: 16px;}
    .hak-h{padding: 0px 0px 120px 0px !important;}
    
}
@media(min-width:960px){
 .sliderBackgroundColor{
    background: #f3f3f3 !important; padding: 10px;
  }

  .neden-icon-wh{width: 90px; height: 90px; object-fit: contain !important;}
  .neden-ikon-fs{font-size: 1.2rem; color: #333;}
  .ugrup-fs{font-size: 40px; line-height: 45px;}
  .ugrup-p3{padding: 15px 0px !important;}
  .product-bg-padding{padding: 40px 40px;}

  .menugoster{display: none;}
  .overlaymenu{ position:absolute; background:  url(../images/menu-bg-1.webp) #060607 no-repeat top center; background-size: cover; opacity:1; z-index:1 !important; top:0px; left:0px;  width:100%; height:100vh !important; display:none;	}
  .ust-sag-menu{padding: 35px 50px 0px 0px; font-size: 16px;} 
  .ust-dil{padding: 38px 50px 0px 0px; font-size: 14px;}
  .ust-sol-menu{position: absolute; margin: 120px 0px 0px 0px; width: 100%; display: block;}
  .ust-sol-menu-pad{padding: 0px 130px 100px 30px; font-size: 20px;}
  .sticky .ust-sol-menu{display: none;}

  .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 272px; background-size: 200px; height: 31px; display: block; margin: 35px 30px 30px 30px;}
  .sticky .logo-header{ background: url('/images/logo.webp') no-repeat left center; width: 272px; background-size: 200px; height: 31px; display: block; margin: 35px 30px 30px 30px;}


  .for-season-fs{ font-size: 70px; line-height: 100px;font-style: italic;}
  .icon-circle{width: 120px; height: 120px; background: #fff;}
  .icons-top{top: 140px;}

  .sticky {
    position: fixed !important;
    z-index:999;
    -moz-transition: all 0.2s ease-out;  	-o-transition: all 0.2s ease-out;  	-webkit-transition: all 0.2s ease-out;  	-ms-transition: all 0.2s ease-out;
    background: rgba(255, 255, 255, 0.863) !important; /* yarı saydam beyaz */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
    }

  .icon-position{ position: absolute;}
  .home-center-bg{background: url(/images/home-bg.webp) no-repeat center bottom; background-size: 100%; min-height: 603px; z-index: -1; position: relative;}
  .cevre-padding{ padding: 300px 0 0 0;}
  .dis-div{ padding: 0px;}
  .footer-pd{ padding: 35px; margin: 0px 0 0 0;}
  .footer-bg{background: url('/images/footer-bg.webp') no-repeat center top; background-size: cover; min-height: 350px;width: 100%; padding: 220px 0 70px 0;}

  .slogan-position{position: absolute; bottom:140px; left: 100px; z-index: 13; width: 42%; padding: 0px;}
  .slogan-1{ font-size: 30px; color: #fff; font-weight: 700;}
  .slogan-2{ font-size: 18px; color: #fff; font-weight: 300; margin: 0 0 15px 0 !important;}

  .right-image-width{width: 35%;}
  .right-image-position{position: absolute; z-index: 12; bottom: -80px; text-align: right; width: 100%; right: 50px;}
  .ic-content{z-index: 9; margin-top:-640px;}
  .ic-content-bg{ min-height: 400px;}
  .ic-content-pd{padding: 60px; font-size: 16px;}
  .padding-1{ padding: 1px; }
  .footer-text-pd{padding:0 0 70px 0; text-align: right;}
  .footer-text{ color: #fff; font-size: 25px; font-style: italic; font-weight: 200; margin: 0px 50px 0px 50px; line-height: 60px;}
  .fab-text{font-size: 40px;}
  .hak-text{font-size: 18px;}
  .hak-h{padding: 0px 0px 120px 0px !important;}

  .product-h{margin-top: 140%;}
  .product-right{font-size: 20px; padding: 30px 0px 0px 0px;}
  .product-button{background-color: #171312; padding: 3px 15px 3px 15px; font-size: 18px;}
}

@media(min-width:1200px){
  .sliderBackgroundColor{
    background: #f3f3f3 !important;
    padding-top: 45px !important;
    padding-bottom: 30px !important; padding-left: 0px; padding-right: 0px;
  }

  .ugrup-fs{font-size: 40px; line-height: 45px;}
  .ugrup-p3{padding: 15px 0px !important;}
  .product-bg-padding{padding: 40px 40px;}

  .menugoster{display: none;}
  .sag-menu-pad-bg{background-color: white !important; padding: 35px 15px;}
  .ust-sag-menu{padding: 35px 10px 0px 0px; font-size: 15px;} 
  .ust-dil{padding: 38px 50px 0px 0px; font-size: 14px;}
  .ust-sol-menu{position: absolute; margin: 120px 0px 0px 0px; width: 100%; display: block;}
  .ust-sol-menu-pad{padding: 0px 130px 100px 30px; font-size: 20px;}
  .sticky .ust-sol-menu{display: none;}

  .w-100{ width:100% !important;}
  .for-season-fs{ font-size: 80px; line-height: 80px; font-style: italic;}
  .icon-circle{width: 130px; height: 130px; background: #fff;}
  .icons-top{top: 240px;}
  .footer-pd{ padding: 35px; margin: 0px 0 0 0;}
   .footer-bg{background: url('/images/footer-bg.webp') no-repeat center top; background-size: cover; min-height: 350px;width: 100%; padding: 220px 0 70px 0;}

   .slogan-position{position: absolute; bottom:140px; left: 100px; z-index: 13; width: 42%;}
   .slogan-1{ font-size: 30px; color: #fff; font-weight: 700;}
   .slogan-2{ font-size: 18px; color: #fff; font-weight: 300; margin: 0 0 15px 0 !important;}
   .ms-5{ margin: 0 80px 0 40px;}
   .right-image-width{width: 32%;}
  .right-image-position{position: absolute; z-index: 12; bottom: -80px; text-align: right; width: 100%; right: 150px;}
  .ic-content{z-index: 9; margin-top:-700px;}

  .footer-text-pd{padding: 0 0 135px 0;  text-align: right;}
  .footer-text{ color: #fff; font-size: 35px; font-style: italic; font-weight: 200; margin: 0px 50px 0px 50px; line-height: 60px;}

  .logo-header{ background: url('/images/logo.webp') no-repeat left center;width: 200px;background-size: 200px;height: 31px;display: block;margin: 35px 20px 28px 20px;}
  .sticky .logo-header{ background: url('/images/logo.webp') no-repeat left center;width: 200px;background-size: 200px;height: 31px;display: block;margin: 35px 20px 28px 20px;}
  .ustmenu-margin{margin: 33px 0px 0px 0px !important}
  .uk-navbar-nav{ gap: 25px;}

  .uk-offcanvas-bar{ width: 320px;}
  .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ min-height: 35px !important;}
  .uk-navbar-nav>li>a{ color: #000; font-size: 16px; margin: 0px;}
  .uk-navbar-nav>li.uk-active>a{ color: #000; font-size: 16px;}
  .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #000;}
  .uk-navbar-dropdown{ min-width: 300px !important;}
  .uk-navbar-dropdown-nav>li>a{ color: #000; font-size: 16px;}
  .uk-navbar-dropdown-nav>li>a:hover{ color: #e53618; }
  .uk-button-text{ color: #e53618 !important;}
  .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ font-family: 'Titillium Web', sans-serif; text-transform:capitalize}
  
  .nav-menu-margin{margin:-6px 30px 0 0;}  
  .uk-button-text::before{ border-bottom:solid 1px #000}
  .fab-text{font-size: 50px;}
  .hak-text{font-size: 18px;}
  .hak-h{padding: 0px 0px 150px 0px !important;}

  .product-h{margin-top: 120%;}
  .product-right{font-size: 22px; padding: 30px 0px 0px 0px;}
  .product-button{background-color: #171312; padding: 3px 15px 3px 15px; font-size: 18px;}
}
@media(min-width:1340px){.menugoster{display: block;}}
@media(min-width:1400px){
.fs20-hab{font-size: 18px;}
.ugrup-fs{font-size: 45px; line-height: 55px;}
.ugrup-p3{padding: 15px 0px !important;}
.product-bg-padding{padding: 40px 40px;}

.sag-menu-pad-bg{background-color: white !important; padding: 35px 15px;}
.ust-sag-menu{padding: 35px 10px 0px 0px; font-size: 16px;} 
.ust-dil{padding: 38px 50px 0px 0px; font-size: 14px;}
.ust-sol-menu{position: absolute; margin: 120px 0px 0px 0px; width: 100%; display: block;}
.ust-sol-menu-pad{padding: 0px 130px 100px 30px; font-size: 20px;}
.sticky .ust-sol-menu{display: none;}

.slogan-position{position: absolute; bottom:180px; left: 100px; z-index: 13; width: 40%;}
.slogan-1{ font-size: 42px; color: #fff; font-weight: 700;}
.slogan-2{ font-size: 20px; color: #fff; font-weight: 300; margin: 0 0 15px 0 !important;}

.logo-header{ background: url('/images/logo.webp') no-repeat left center;width: 230px;background-size: 230px;height: 35px;display: block;margin: 30px 30px 28px 20px;}
.sticky .logo-header{ background: url('/images/logo.webp') no-repeat left center;width: 230px;background-size: 230px;height: 35px;display: block;margin: 30px 30px 28px 20px;}
.ustmenu-margin{margin: 33px 0px 0px 0px !important}
.uk-navbar-nav{ gap: 25px;}

.uk-offcanvas-bar{ width: 320px;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ min-height: 35px !important;}
.uk-navbar-nav>li>a{ color: #000; font-size: 16px; margin: 0px;}
.uk-navbar-nav>li.uk-active>a{ color: #000; font-size: 16px;}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #000;}
.uk-navbar-dropdown{ min-width: 300px !important;}
.uk-navbar-dropdown-nav>li>a{ color: #000; font-size: 16px;}
.uk-navbar-dropdown-nav>li>a:hover{ color: #e53618; }
.uk-button-text{ color: #e53618 !important;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ font-family: 'Titillium Web', sans-serif; text-transform:capitalize}

.nav-menu-margin{margin:-6px 70px 0 0;}  

.fab-text{font-size: 50px; line-height: 60px;}
.hak-text{font-size: 18px;}
.hak-h{padding: 0px 0px 180px 0px !important;}

.product-h{margin-top: 100%;padding-left: 65px !important;}
.product-right{font-size: 24px; padding: 30px 0px 0px 0px;}
.product-button{background-color: #171312; padding: 3px 15px 3px 15px; font-size: 18px;}
}
@media(min-width:1600px){
.ugrup-fs{font-size: 45px;}
.ugrup-p3{padding: 15px 0px !important;}
.product-bg-padding{padding: 40px 40px;}

.sag-menu-pad-bg{background-color: white !important; padding: 35px 25px;}
.ust-sag-menu{padding: 35px 20px 0px 0px; font-size: 18px;} 
.logo-header{ background: url('/images/logo.webp') no-repeat left center;width: 260px;background-size: 260px;height: 40px;display: block;margin: 28px 40px 28px 30px;}
.sticky .logo-header{ background: url('/images/logo.webp') no-repeat left center;width: 260px;background-size: 260px;height: 40px;display: block;margin: 28px 40px 28px 30px;}
.ustmenu-margin{margin: 35px 0px 0px 0px}
.uk-navbar-nav{ gap: 25px;}
.uk-navbar-nav>li>a{ color: #000; font-size: 18px; margin: 0px;}
.uk-navbar-nav>li.uk-active>a{ color: #000; font-size: 18px;}
}



.sliderBtn{
  background: rgba(0, 0, 0, 0.6) !important;
  padding: 0px !important;
  display: none;
  border: none !important;
  width: 25% !important;
  border-radius: 5px !important;
}
.sliderBtnIcon{
  color: #fff!important;
}
.sliderImage{
  width: 95%;
  height: 100%;
  object-fit: contain;
  max-height: 680px;
  border: solid 1px #b1b1b1;
}

.previous{
  margin-top: 10px !important;
}
.next{
  margin-bottom: 30px !important;
}
.product-baslik{padding: 40px 50px;}
.haber-bg{background-color: #f6f6f6;}
.mw-50{min-width: 50px !important;}
.z-index-3{ z-index: 3;}
.circle-position{z-index: -1; position: absolute; width: 100%; text-align: center; margin: 80px 0 0 0;}
#cevir {
  z-index: -1;
      -webkit-animation:spin 64s linear infinite;
      -moz-animation:spin 64s linear infinite;
      animation:spin 64s linear infinite;
  }
  @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
  @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
  @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.right-0{right: 0px;}
.social-span{width: 15px !important; height: 15px !important;}

.z-index-5{z-index: 5;}


.img-fit-320{object-fit: cover; height: 280px !important; width:100%; padding: 20px;}
.img-fit-200{object-fit: contain; height: 140px !important; width:100%; padding: 20px;}

.header-absolute{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out; z-index: 99; width: 100%; position: absolute; background: #ffffffd0;}


.uk-w-100{ width: 100% !important;}
.h-80-vh{height: 80vh;}
.h-100{ height: 100%;}
.h-100px{height: 100px;}
.slide-gradiend{position: absolute;background: rgb(13,23,27);background: linear-gradient(24deg, rgb(0 0 0) 0%, rgb(17 32 40 / 12%) 100%);width: 100%;height: 100%;z-index: 2;top: 0px;}


.home-product-category li { display: block;}
.home-product-category li a{ display: block; color: #fff; text-align: left; font-size: 20px; line-height: 45px; font-weight: 200;}
.home-product-category li a:hover{ color: #e53618;}

.sidenav-menu li { display: block;}
.sidenav-menu li a:hover{ color: #e53618;border-left: solid 4px #e53618;}

.left-menu li { display: block;}
.left-menu li a{ display: block; color: #000; text-align: left; font-size: 16px; line-height: 15px; padding-left: 10px; font-weight: 500; border-left: solid 4px rgba(255, 255, 255, 0); margin: 0px 0px 15px 15px;}

.left-menu li .act{ color: #e53618;border-left: solid 4px #e53618;}
.left-menu li a:hover{ color: #e53618;border-left: solid 4px #e53618;}



.padding-right-0{ padding-right: 0px;}
.sky-bg{background: url('/images/sky-bg.webp') no-repeat center top; background-size: 100%; min-height:550px;}
.logo{ background: url('/images/logo.webp') no-repeat center center; width: 171px; background-size: 171px; height: 83px; display: block;}

.icon-circle:hover{ background: #e53618;}
.icon-circle:hover img{
  -webkit-filter: invert(100%) !important;
}
.ml-30{ margin-left: -30px;}


@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

@media(max-width:768px){
  .mobileCenter{
    text-align: center;
  }
  .mobilePadding{
    padding: 40px !important;
  }
  .sliderImage{
    width: 87% !important;
    padding: 0px !important;
    margin: 0px !important;
  }  
}

@media(max-width:1200px){
  .sliderImage{
    width: 100% !important;
    height: 400px !important;
  }  
  .imageBtns{
    display: inline !important;
  }
}

.ic-text2 ul li b {font-weight: 500 !important; }


.img-white{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.detayli-incele-slider:hover{color: #fff;}


.btn-green{background:#32b719 ;}
.whatsapp-color{color: #32b719; font-size: 20px !important;}
.br-10{border-radius: 10px;}


.w-80{ width: 70px !important; min-width: 70px !important;}
.btn-orange{ background: #ef7a10; color: #fff !important; text-align: center;}

.box-gr{background: rgb(16,23,31);background: linear-gradient(0deg, rgba(16,23,31,1) 0%, rgba(16,23,31,0) 50%); width: 100%; height: 100%; z-index: 1;}
.box-title{position: absolute; bottom: 30px; left: 30px; color: #fff; padding-bottom: 10px;}

.w-650{width: 290px !important;}

.phone-margin{margin: 90px 0 0 30px;}
.omagaza-margin{margin: 80px 0 0 0px;}
.omagaza-margin-1{height: 45px; line-height: 45px; padding: 0 15px 0 15px; color: #fff !important; background: #000; display: block;}

.slide-img-2{ margin: 0 0 100px 0 !important;}


.lh-100{line-height: 100px;}
.h-60{ height: 60px;}

.br-10{ border-radius: 10px;}
.owl-theme .owl-controls .carousel_ileri_geri2 [class*=owl-]:hover { color: #fff;   background: #7c4245;text-decoration: none;}
.owl-theme .owl-controls .carousel_ileri_geri3 [class*=owl-]:hover { color: #fff;   background: #7c4245;text-decoration: none;}


.bordorenk{color: #e53618;}
.siyahlink2:hover{color: #878787;}

.bordobg{background: #e53618 !important;}
.bordolink{color: #e53618;}
.bordolink:hover{color: #878787;}

.siyahlink{color: #161614;}
.siyahlink:hover{color: #878787;}

.dikeyortalama{height: 100vh; display: flex; align-items: center}

.sosyalicon{width: 28px; height: 28px;  line-height: 25px; border-radius: 50%; font-size: 18px; color: #161614;}
.sosyalicon:hover{width: 28px; height: 28px;  line-height: 25px; border-radius: 50%; font-size: 18px; color: #878787;}


.lang-link{ border: solid 1px #c6b38d; color: #c6b38d !important; padding: 2px 4px 2px 4px; text-align: center; font-size: 14px; font-weight: 400;}
.search-bg{ background: url(/images/search.webp) no-repeat center center; width: 23px; height: 23px;}

.tp-caption1{white-space:normal !important;}
.text-kblue{color: #0a0a0a;}
.bg-blue{background: #081216;}
.bottom-25{bottom: 25px;}
.border-brown{ border: solid 1px #daceb5;}
.border-bottom-brown{ border-bottom: solid 1px #847a6c;}

.fixed-header{background:#2c3c47; position:fixed; width:100%; z-index:70;}


.imageBtns{
  background: black !important;
  border: none !important;
  padding: 10px!important;
  margin-top: 5px;
  display: none;
}
.cntplus{
  font-size: 60px;
  font-weight: bold;
}
.cnt{
  font-size: 60px;
  font-weight: bold;
}
.cntText{
  font-size: 30px;
}
.cntMain{
  border: 7px solid #ececec !important;
  padding: 40px !important;
  border-radius: 15px!important;
  margin-bottom: 20px !important;
}
.cntImg{
  height: 60px !important;
}

.bysrvslr{
  background:white !important;
  border: 1px solid #e5e5e5 !important;
}
.bysrvslr:not([multiple]):not([size]) option {
  color: black !important;
}
.dealersServices{
  display: none;
}
.dealersServicesMain{
  display: none;
}

.productsDetailTab{
  background: black !important;
  padding: 20px !important;
}
.productsDetailTab a {
  color: white !important;
}
.uk-tab>.uk-active>a {
  border-color: white !important;
}

.sidenav { height: 100vh; position: fixed;  z-index: 1; top: 0px;  transition: 0.5s;  }

.w-650{height: 100% !important;}

.w-270{height:100%;display:block; width:100%;}
.m-menu-alt{padding:6px 10px 6px 50px !important; background:#ffffff17; font-size:15px !important;font-weight:400;}

.cursor-p{cursor:pointer}
.bar3{width:75px;height:1px;background-color:#000;margin:5px 0px 5px 0px;transition:0.4s;border-radius:5px;}
.bar2{width:75px;height:1px;background-color:#000;margin:5px 0px 5px 0px;transition:0.4s;border-radius:5px;}
.bar1{width:75px;height:1px;background-color:#000;margin:5px 0px 5px 0px;transition:0.4s;border-radius:5px;}

.bar1, .bar2 {
  width: 55px;
  height: 3px;
  background-color: #000;
  margin: 5px 0px 5px 0px;
  transition: 0.4s;
}

.bar3 {
  width: 40px;
  height: 3px;
  background-color: #000;
  margin: 1px 0px 1px 0px;
  transition: 0.4s;
  float: right;
}

.change .bar1 {
  -webkit-transform: rotate(45deg) translate(-6px, 5px);
  transform: rotate(-45deg) translate(-6px, 5px);
  background-color: #000;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -4px);
  transform: rotate(45deg) translate(-4px, -4px);background-color: #000;
}


.headerrenk{background-color: none ;}
.webtext{color: #e53618 !important;}
.product-bg{background-color: #f04f3d; }
.agrey{ color:#7e8392;}
.agrey-link{ color:#7e8392;}
.agrey-link:hover{ color:#000;}
.text-grey{ color:#90909f;}
.grey-link{ color:#cbccd2;}
.grey-link:hover{ color:#FFFFFF;}
.bg-brown{background: #c6b38d;}
.brown{ color:#b6a075;}
.brown-link{ color:#b6a075;}
.brown-link:hover{ color:#FFFFFF; padding: 0 0 0 5px;}
.border-left-brown{border-left:solid 5px #c6b38d}
.white-link{ color:#fff; opacity: 1;}
.white-link:hover{ color:#fff; opacity: 0.5; padding: 0 0 0 5px;}

.altmenuler ul{ padding:0px; margin:0px; }
.altmenuler li a{ color:#fff; font-size:14px;}
.altmenuler li a:hover{ color:#fff !important;}
.overflow-y{ overflow-y:hidden; overflow-x: hidden;}
body{margin:0px; font-family: 'Titillium Web';  background:#fff;font-weight:400;font-size:15px;color:#0a0909; outline:none; }
html{overflow-y:scroll;overflow-x:hidden;height:100%; }

.scroller {
  height: 100vh; 
}

.ul{ list-style:none; padding:0px; margin:0px;}
.compensate-for-scrollbar{margin-right:0px !important; margin-bottom: 0px !important;}

body::-webkit-scrollbar {
  width: 10px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #161614;
  outline: 1px solid #161614;
}
.bkapasite{border-radius: 20px; border: 1px solid red; padding: 10px 20px; display: inline-block; font-size: 17px}
.uk-text-white{ color: #fff !important;}
.uk-text-grey{ color: #c7cacc !important;}

.uk-text-white-link{ color: #000 !important;}
.uk-text-white-link:hover{ color: #e53618 !important;}

.box-gradiend{background: rgb(143,152,157);
  background: linear-gradient(180deg, rgba(143,152,157,1) 0%, rgba(8,18,22,1) 100%);}

.fw-2{ font-weight: 200;}
.text-red{color: #e53618;}
.bg-red{ background: #e53618 !important;}
.bg-red:hover{ background: #fff !important;}

a{text-decoration:none;color:#0c202c;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
a:hover{text-decoration:none;color:#e53618;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.uk-text-black{ color: #000;}

h1,h2,h3,h4,h5,h6{border:0;font-size:100%;margin:0;padding:0;font-weight:normal; font-family: 'Titillium Web', sans-serif !important;}
.z-1{ z-index:1;}
.fw9{font-weight:900;}
.fw7{font-weight:700;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw8{font-weight:800;}
.fw4{font-weight:400 !important;}
.fw3{font-weight:300 !important;}
.fw2{font-weight:200;}
.fw1{font-weight:100;}
.fs7{font-size:7px;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px;}
.fs20{font-size:20px !important;}
.fs23{font-size:23px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;}
.fs29{font-size:29px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}
.fs45{font-size:45px;}
.fs50{font-size:50px;}
.fs55{font-size:55px;}
.fs60{font-size:60px;}

.opacity-01{ opacity: 0.1;}
.opacity-02{ opacity: 0.2;}
.opacity-03{ opacity: 0.3;}
.opacity-04{ opacity: 0.4;}
.opacity-05{ opacity: 0.5;}
.opacity-06{ opacity: 0.6;}
.opacity-07{ opacity: 0.7;}
.opacity-08{ opacity: 0.8;}
.opacity-09{ opacity: 0.9;}

.p0{padding: 0px !important;}
.p3{padding: 3px !important;}
.hover-top{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.hover-top-shadow{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top-shadow:hover{ box-shadow: 0px 6px 22px #ebebeb; transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

.altbilgi:hover{ color:#c6b38d; font-weight: bold;}


.hover-top2{-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.hover-top2:hover{transform:translateY(-3px); -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

@font-face{font-family: 'Titillium Web';src:url(/fonts/TitilliumWeb-Regular.ttf) format("truetype");font-style:normal; font-display: swap;}
@font-face{font-family: 'Titillium Web Light';src:url(/fonts/TitilliumWeb-Light.ttf) format("truetype");font-style:normal; font-display: swap;}
@font-face{font-family: 'Titillium Web ExtraLight';src:url(/fonts/TitilliumWeb-ExtraLight.ttf) format("truetype");font-style:normal; font-display: swap;}
@font-face{font-family: 'Titillium Web Light Italic';src:url(/fonts/TitilliumWeb-LightItalic.ttf) format("truetype");font-style:normal; font-display: swap;}
@font-face{font-family: 'Titillium Web Bold';src:url(/fonts/TitilliumWeb-Bold.ttf) format("truetype");font-style:normal; font-display: swap;}
@font-face{font-family: 'Titillium Web Semi Bold';src:url(/fonts/TitilliumWeb-SemiBold.ttf) format("truetype");font-style:normal; font-display: swap;}
@font-face{font-family: 'Titillium Web Black';src:url(/fonts/TitilliumWeb-Black.ttf) format("truetype");font-style:normal; font-display: swap;}

.font-regular{font-family: 'Titillium Web';}
.font-light{font-family: 'Titillium Web Light';}
.font-extra-light{font-family: 'Titillium Web ExtraLight';}
.font-light-italic{font-family: 'Titillium Web Light Italic';}
.font-bold{font-family: 'Titillium Web Bold';}
.font-semi-bold{font-family: 'Titillium Web Semi Bold';}
.font-black{font-family: 'Titillium Web Black';}