@media (max-width:320px){
  .uk-margin-large-top-ic-sayfa{margin-top: 20px;}
  .ic-fs-30{color: #b2a98b; font-size: 30px;}
  .ic-sayfa-alt-menu{letter-spacing: 1px !important; color:#373737 !important; padding: 8px 12px; display: block;}
  .iletisim-buton-link{background: #b2a98b; padding: 14px 35px; color:#fff; font-size: 16px; letter-spacing: 1px;}
  .header-h{height: 450px; object-fit: cover}

  .submenu-link{font-size: 18px; color:#000 !important; font-weight: 400 !important; display: block !important;}
  .uk-margin-slide-top{margin-top: 15px;}
  .logo{ background: url('/images/logo.webp') no-repeat left center; width: 100px; background-size:100px; height: 37px; display: block; margin: 20px 0 15px 0px;}
 
  .menu-gap{gap: 50px !important;}
  .uk-navbar-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; margin: 0 0px 0 0px; letter-spacing: 0.23em;}
  .uk-navbar-nav>li.uk-active>a{ color: #b2a98b; font-size: 14px;}
  .uk-navbar-dropdown-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; padding:5px 0px !important; display: block;} 
  .uk-navbar-dropdown{background: #f4f1ee; min-width: 250px !important; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.15);}
  
  .cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%);transition-delay: 1000ms; }
  .cookiealert a {  text-decoration: underline}

  .cookiealert .acceptcookies { padding: 5px 10px; vertical-align: baseline;}
  .cookiealert{position:fixed;bottom:0px; margin:0px ;  z-index:99999;opacity:0;visibility:hidden;border-radius:0;transform:translateY(100%);transition:all 500ms ease-out;color:#fff;background:#b2a98b ;    padding: 15px 25px; font-size: 13px;}
}
@media (min-width:321px){
  .uk-margin-large-top-ic-sayfa{margin-top: 20px;}
  .ic-fs-30{color: #b2a98b; font-size: 30px;}
  .ic-sayfa-alt-menu{letter-spacing: 1px !important; color:#373737 !important; padding: 8px 12px; display: block;}
  .iletisim-buton-link{background: #b2a98b; padding: 14px 35px; color:#fff; font-size: 16px; letter-spacing: 1px;}
  .header-h{height: 450px; object-fit: cover}

  .submenu-link{font-size: 25px; color:#000 !important; font-weight: 400 !important; display: block !important;}
  .uk-margin-slide-top{margin-top: 15px;}
  .logo{ background: url('/images/logo.webp') no-repeat left center; width: 100px; background-size:100px; height: 37px; display: block; margin: 20px 0 15px 0px;}
 
  .menu-gap{gap: 50px !important;}
  .uk-navbar-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; margin: 0 0px 0 0px; letter-spacing: 0.23em;}
  .uk-navbar-nav>li.uk-active>a{ color: #b2a98b; font-size: 14px;}
  .uk-navbar-dropdown-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; padding:5px 0px !important; display: block;} 
  .uk-navbar-dropdown{background: #f4f1ee; min-width: 250px !important; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.15);}
 
  .cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%);transition-delay: 1000ms; }
  .cookiealert a {  text-decoration: underline}

  .cookiealert .acceptcookies { padding: 5px 10px; vertical-align: baseline;}
  .cookiealert{position:fixed;bottom:0px; margin:0px ;  z-index:99999;opacity:0;visibility:hidden;border-radius:0;transform:translateY(100%);transition:all 500ms ease-out;color:#fff;background:#b2a98b ;    padding: 15px 25px; font-size: 13px;}
  
}
@media(min-width:640px){
  .uk-margin-large-top-ic-sayfa{margin-top: 20px;}
  .ic-fs-30{color: #b2a98b; font-size: 30px;}
  .ic-sayfa-alt-menu{letter-spacing: 1px !important; color:#373737 !important; padding: 5px 12px; display: inline-block;}
  .iletisim-buton-link{background: #b2a98b; padding: 14px 35px; color:#fff; font-size: 16px; letter-spacing: 1px;}


  .instagrampost .alt-instagram{opacity: 0 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}
  .instagrampost:hover .alt-instagram{opacity: 1 !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}

  .uk-margin-slide-top{margin-top: 15px;}
  .logo{ background: url('/images/logo.webp') no-repeat left center; width: 150px; background-size:150px; height: 55px; display: block; margin: 20px 0 25px 0px;}
 
  .menu-gap{gap: 50px !important;}
  .uk-navbar-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; margin: 0 0px 0 0px; letter-spacing: 0.23em;}
  .uk-navbar-nav>li.uk-active>a{ color: #b2a98b; font-size: 14px;}
  .uk-navbar-dropdown-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; padding:5px 0px !important; display: block;} 
  .uk-navbar-dropdown{background: #f4f1ee; min-width: 250px !important; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.15);}
 
  .cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%);transition-delay: 1000ms; }
  .cookiealert a {  text-decoration: underline}
  .cookiealert{position:fixed;bottom:15px;right:15px; margin:0px ; width:300px;z-index:99;opacity:0;visibility:hidden;border-radius:0;transform:translateY(100%);transition:all 500ms ease-out;color:#fff;background:#b2a98b; padding: 15px 25px; font-size: 12px; border-radius: 0px;}  
}
@media(min-width:960px){
  .uk-margin-large-top-ic-sayfa{margin-top: 20px;}
  .ic-fs-30{color: #b2a98b; font-size: 35px;}
  .ic-sayfa-alt-menu{letter-spacing: 1px !important; color:#373737 !important; padding: 5px 12px; display: inline-block;}
  .iletisim-buton-link{background: #b2a98b; padding: 14px 35px; color:#fff; font-size: 16px; letter-spacing: 1px;}
  .header-h{height: 450px; object-fit: cover}

  .uk-margin-slide-top{margin-top: 15px;}
  .logo{ background: url('/images/logo.webp') no-repeat left center; width: 150px; background-size:150px; height: 55px; display: block; margin: 20px 0 25px 0px;}
 
  .menu-gap{gap: 50px !important;}
  .uk-navbar-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; margin: 0 0px 0 0px; letter-spacing: 0.23em;}
  .uk-navbar-nav>li.uk-active>a{ color: #b2a98b; font-size: 14px;}
  .uk-navbar-dropdown-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; padding:5px 0px !important; display: block;} 
  .uk-navbar-dropdown{background: #f4f1ee; min-width: 250px !important; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.15);}
 
}
@media(min-width:1200px){
  .ic-fs-30sss{font-size: 60px !important;}
  .uk-margin-large-top-ic-sayfa{margin-top: 80px;}
  .ic-fs-30{color: #b2a98b; font-size: 35px;}
  .ic-sayfa-alt-menu{letter-spacing: 1px !important; color:#373737 !important; padding: 5px 12px; display: inline-block;}
  .iletisim-buton-link{background: #b2a98b; padding: 14px 35px; color:#fff; font-size: 16px; letter-spacing: 1px;}
  .header-h{height: 650px; object-fit: cover}

  .uk-margin-slide-top{margin-top: 25px;}
  .logo{ background: url('/images/logo.webp') no-repeat center center; width: auto; background-size:200px; height: 73px; display: block; margin: 20px 0 25px 0px;}
 
  .menu-gap{gap: 50px !important;}
  .uk-navbar-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; margin: 0 0px 0 0px; letter-spacing: 0.23em;}
  .uk-navbar-nav>li.uk-active>a{ color: #b2a98b; font-size: 14px;}
  .uk-navbar-dropdown-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; padding:5px 0px !important; display: block;} 
  .uk-navbar-dropdown{background: #f4f1ee; min-width: 250px !important; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.15);}
 
}

@media(min-width:1400px){
  .uk-margin-large-top-ic-sayfa{margin-top: 80px;}
  .ic-fs-30{color: #b2a98b; font-size: 35px;}
  .ic-sayfa-alt-menu{letter-spacing: 1px !important; color:#373737 !important; padding: 5px 12px; display: inline-block;}
  .iletisim-buton-link{background: #b2a98b; padding: 14px 35px; color:#fff; font-size: 16px; letter-spacing: 1px;}


  .uk-margin-slide-top{margin-top: 25px;}
  .logo{ background: url('/images/logo.webp') no-repeat center center;   background-size:200px; height: 73px; display: block; margin: 20px 0 25px 0px;}
 
  .menu-gap{gap: 50px !important;}
  .uk-navbar-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; margin: 0 0px 0 0px; letter-spacing: 0.23em;}
  .uk-navbar-nav>li.uk-active>a{ color: #b2a98b; font-size: 14px;}
  .uk-navbar-dropdown-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; padding:5px 0px !important; display: block;} 
  .uk-navbar-dropdown{background: #f4f1ee; min-width: 250px !important; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.15);}

}
@media(min-width:1600px){
  .uk-margin-large-top-ic-sayfa{margin-top: 80px;}
  .ic-fs-30{color: #b2a98b; font-size: 35px;}
  .ic-sayfa-alt-menu{letter-spacing: 1px !important; color:#373737 !important; padding: 5px 12px; display: inline-block;}
  .iletisim-buton-link{background: #b2a98b; padding: 14px 35px; color:#fff; font-size: 16px; letter-spacing: 1px;}

  .uk-margin-slide-top{margin-top: 25px;}
  .logo{ background: url('/images/logo.webp') no-repeat center center;  background-size:200px; height: 73px; display: block; margin: 20px 0 25px 0px;}
 
  .menu-gap{gap: 50px !important;}
  .uk-navbar-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; margin: 0 0px 0 0px; letter-spacing: 0.23em;}
  .uk-navbar-nav>li.uk-active>a{ color: #b2a98b; font-size: 14px;}
  .uk-navbar-dropdown-nav>li>a{ color: #2d2d2d; font-size: 14px; font-weight: 300; padding:5px 0px !important; display: block;} 
  .uk-navbar-dropdown{background: #f4f1ee; min-width: 250px !important; border-radius: 0px; box-shadow: 0 0px 0px rgba(0,0,0,.15);}

  .cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%);transition-delay: 1000ms; }
  .cookiealert a {  text-decoration: underline}
}

.gonder-buton-link{background: #b2a98b; padding: 8px 30px !important; color:#fff; font-size: 14px; letter-spacing: 1px;}
.gonder-buton-link:hover{background: #c4bda4;color:#fff;}

.ic-sayfa-alt-menu:hover{color:#b2a98b !important;}
.box-shadow-altmen{box-shadow: 5px 10px 40px 0 rgba(0,0,0,.25);}



.iletisim-buton-link:hover{background: #c4bda4;color:#fff;}


.overlay-darkk{background: rgb(0 0 0 / 23%);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}
.overlay-darkk:hover{background: rgb(209 209 209 / 33%);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}

.overlay-instagram{background: rgba(0, 0, 0, 0);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}
.overlay-instagram:hover{background: rgba(0, 0, 0, 0.493);-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}


.uk-text-instagram-link{ color: #fff !important;}
.uk-text-instagram-link:hover{ color: #fff !important;}


.yellow-link{color: #b2a98b !important;}
.yellow-link:hover{color: #6b6349 !important;}


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

.border-0{border: 0px !important;}
.slider-z-index{z-index: 10;}
.slider-gradient{background: rgb(241,91,40);
  background: linear-gradient(25deg, rgba(241,91,40,0.742734593837535) 0%, rgba(164,61,68,0.8407738095238095) 36%, rgba(55,19,106,0.8295693277310925) 76%); opacity: 0.6; position: absolute; z-index: 9; width: 100%; height: 100%;}
.uk-navbar-nav>li>a:hover{ color: #b2a98b !important;}

.alt-hizmet-link:hover{color: #b2a98b !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; transition: all 0.2s ease;}

.slogan-link:hover{text-transform: uppercase;  border:1px solid #fff;  color: #37136a !important; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;}

.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:#fff !important;
  box-shadow: 2px 22px 22px #8d8d8d1c;
}

/* 
.next-prev-btn{padding:10px; margin:0px; background: #eeeff420; width: 100px; text-align:center}
.next-prev-btn:hover{background: #e21c1c;} */

.teklif-al-btn{border: none !important;}
.teklif-al-btn2{border: none !important; cursor: pointer;}

.teklif-al-btn3{border: none !important; background: none !important; cursor: pointer; color: #fff !important; font-size: 18px !important;}


.teklif-al-btn:hover{background: #b2a98b;  color:#fff;}
.yumusak{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease;}
  
.mb-150-icon{margin-bottom: 100px !important;}
.absolute-center{left: 50%; transform: translate(-50%, -50%);}



.change-res{ background-color: #000; background-repeat: no-repeat;   background-size: cover !important; background-position: center center !important;}



.first-img-animate{transform: scale(1) !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;}

/* hover menu with pictures **********************************/
.list-menu-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	overflow: hidden;
}

.list-menu-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}




.list-menu-img img.active {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 1; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 1; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 1; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 1; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 1; }
  100% { opacity: 1; }
}


.list-menu__item {
	position: relative;
	list-style: none;
}



.list-menu__item:hover .list-menu__link {color: #f15b28;}

.list-menu__item:hover::before {
	opacity: 1;
}



.wrapp .uk-grid-divider>:not(.uk-first-column)::before {
  border-color: #fff !important; border-width: 3px;
}



.model-section{width: 230px; height: 230px; background: #fff; border-radius:50%; border:25px solid rgba(255, 255, 255, 0.3); -webkit-background-clip: padding-box; background-clip: padding-box;}
#section07 a {
  padding-top: 10px;
}
#section07 a span {
  position: absolute;
  z-index:999;
  bottom: 20px;
  width: 15px;
  height: 15px;
  margin-left: -12px;
  border-left: 2px solid #f15b28;
  border-bottom: 2px solid #f15b28;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
#section07 a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#section07 a span:nth-of-type(2) {
  bottom: 10px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#section07 a span:nth-of-type(3) {
  bottom: 0px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



.dutch-center-back .uk-grid-divider>:not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-image: linear-gradient( to bottom,  rgba(0, 0, 0, 0),  #111f46 ) 1 100%;
}

.pl-0{padding-left: 0px !important;}


.whatsapp-btn{background:#e73c32; padding:15px; text-align:center; color:#fff !important;}

.word {
  margin: 200px -30px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.logo-wh{object-fit: contain; height: 100px !important; width:100%; padding: 20px;}
.image-grey {
max-width: 100%;
height: auto;
transition: filter 0.3s ease-in-out;
filter: grayscale(100%); /* Siyah-beyaz efektini kaldır */
}

.image-grey:hover {
filter: grayscale(0%); /* Siyah-beyaz efektini kaldır */
}

.ht-text{border-right: solid 10px #e73c32; padding:5px 0 5px 0; color:#fff; font-size:25px}
.send-btn{border:0px; width:100%; background:#e73c32; color:#fff}

.uk-nav-primary>li>a, .uk-nav-primary .uk-nav-sub a{ color: #fff  !important;}

.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center]{ gap: 0 !important;}

.uk-navbar-dropdown-nav>li>a:hover{ color: #b2a98b !important; }


.p10{ padding: 0 30px 0 30px !important;}
.services-margin{background: rgb(211,187,202); background: linear-gradient(0deg, rgba(211,187,202,1) 0%, rgba(251,243,248,0) 100%); margin-top:-150px}
.services-padding{padding:0; border-radius: 20px !important; background: #cfd3da;}
.white-mask{background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 47%); position:absolute; width:100%; height:100%; z-index:3;}
.detay-btn{ border: solid 1px #e73c32; padding: 10px 35px; border-radius: 5px; display: inline-block; font-size: 13px; color: #e73c32 !important;}
.services-img{object-fit: cover; height: 350px !important; width:100%; border-radius: 0px ;}
.slogan span {
  background: linear-gradient(to right, #683a57 10%, #ff129d 50%, #683a57 60%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 7.5s linear infinite;
  display: inline-block;
}

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


.img-home-center{object-fit: cover; height: 650px !important; width:100%; -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;}
.for-box-bg{background: #fff; height:100%; border:solid 1px #fff;}
.for-box-bg:hover{background: #fff; height:100%; border:solid 1px #fff;}
.footer-title-1{font-size:15px; font-weight: 700; border-bottom: 1px solid #cecece; padding-bottom: 15px;}

.mb15{ margin-bottom: 15px;}
.slide-mask{background:#00000090; width:100%; height:100%; z-index:9999999; display:block; position:absolute;}
.orange-btn{border-left:solid 4px #f15b28; padding:5px 25px; font-weight: 500; display:inline-block; color: #e73c32 !important;}
.margin-2-2{margin:0 2px 0 2px !important}
.uk-overlay-black{ background: rgba(34,34,34,.5);}

.uk-offcanvas-overlay::before{background:#000000d3 !important}
.p-20{ padding: 20px;}
.for-line{height:3px; background:#fff; width:50px; display:inline-block}

.product-list-title{ font-size: 18px; color: #000; z-index: 6; position: relative; }
.whatsapp-button{z-index: 9; bottom: 10px; right: 10px; display: inline-block; position: fixed; background: #1cb367; padding: 15px; color: #fff;}

.uk-button-text::before{border-bottom :1px solid #fff }
.uk-padding-10{padding: 10px;}
.uk-margin-20{margin: 20px !important;}
.uk-margin-70-20{margin: 70px 20px !important;}

.uk-offcanvas-bar{ background: #f15b28 !important;  width: 320px;}

.orange-color{color: #b5441e  !important;  ;}

.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #b2a98b;}


.uk-navbar-dropdown-nav>li>a:hover{ color: #000; }
.uk-button-text{ color: #000 !important;}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{ font-family: 'Poppins'; text-transform:capitalize; min-height: 48px !important;}


.pr-20{ padding-right: 20px !important;}
.box-pd{padding: 10px 7px 0px 7px !important;}


.footer-bg-2{background-color: #f15b28;}
.footer-bg-3{background-color: #111f46;}
.footer-bg-grey{background: rgb(225,225,225); background: linear-gradient(32deg, rgba(225,225,225,1) 0%, rgba(254,254,254,1) 46%, rgba(225,225,225,1) 100%);}
.footer-logo-border{border-right: solid 1px #e73c32; padding-right:25px}
.center-logo-border{border-right: solid 5px #e73c32; padding-right:25px}




.img-fit-320{object-fit: contain; height: 280px !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: 80; width: 100%; position: absolute; background: #fff;}


.br-card-10{border-radius: 10px;}
.br-card-10-img{border-radius: 10px 10px 0px 0px;}


.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, rgba(13,23,27,1) 0%, rgba(39,68,83,0.7) 100%); width: 100%; height: 100%; z-index: 2; top: 0px;}

.footer-menu li { display: block;}
.footer-menu li a{ display: block; color: #fff; text-align: left; font-size: 15px; font-weight: 200; margin: 14px 0 14px 0;}
.footer-menu li a:hover{ color: #e73c32;}

.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: #e73c32;}

.sidenav-menu li { display: block;}
.sidenav-menu li a:hover{ color: #b2a98b !important;}

.left-menu li { display: block;}




.overlaymenu{ position:absolute; background:#fff; opacity:1; z-index:1; top:0px; left:0px;  width:100%; height:100%; display:none;	}


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

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

.w-270{height:100%;display:block; width:100%;}

.bar1, .bar2, .bar3 {
  width: 25px;
  height: 1px;
  background-color: #2d2d2d;
  margin: 5px 0px 5px 0px;
  transition: 0.4s;
}

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

.change .bar2 {opacity: 0;}

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

.overflow-y{ overflow-y:hidden; overflow-x: hidden;}
body{margin:0px; font-family: 'Poppins';  background:#fff;font-weight:400;font-size:14px;color:#2d2d2d; 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;}

body::-webkit-scrollbar {
  width: 5px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #b2a98b;
  outline: 1px solid #b2a98b; border-radius: 0px;
}
.b-title{height:1px; background:#111f46; width:150px; margin:15px 0 0 0}
.uk-bg-pink{ background: #e73c32;}
.uk-bg-grey{background: #f3f6f6;}
.uk-bg-blue{background: #111f46;}

.uk-text-orange{ color: #e73c32;}
.uk-text-white{ color: #fff !important;}
.uk-text-grey{ color: #898989 !important;}
.mt-50{margin-top: -50px;}


.uk-link-orange{ color: #f15b28;}
.uk-link-orange:hover{ color: #5f3d7f;}

.uk-text-blue{ color: #111f46;}
.uk-text-bluelink{ color: #010e17  !important;}
.uk-text-bluelink:hover{ color: #000 !important;}
.uk-text-bgblue{ background: #f15b28 !important; color: #fff; padding: 20px 10px;}

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

.uk-text-yellow{ color: #e73c32 !important;}
.uk-text-yellow:hover{ color: #fff !important;}
.efekt{-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{text-decoration:none;color:#2d2d2d;-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:#b2a98b;-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 !important;}
.input-empty{ background: none; border: 0px; border-bottom: solid 1px #b3b3b3a6;}

.input-empty, ::-webkit-input-placeholder { /* Edge */
  color: #b3b3b3 !important;
}
.ablue { /* Edge */
  color: #b3b3b3 !important;
}
h1,h2,h3,h4,h5,h6{border:0;font-size:100%;margin:0;padding:0;font-weight:normal;font-family: 'Poppins' !important;}
.z-1{ z-index:1;}
.z-99{ z-index:99;}
.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;}
.fs17{font-size:17px !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;}
.fs65{font-size:65px;}
.fs70{font-size:70px;}

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

.slide-height img {object-fit:cover; height:700px !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;}

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

#style-1::-webkit-scrollbar { 
  display: none; 
}
/* ::-webkit-scrollbar { 
  display: none; 
} */

/* poppins-100 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-100italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - devanagari_latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/poppins-v20-devanagari_latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.playfair{font-family: 'Playfair Display' !important;}


/* playfair-display-regular - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-italic - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500 - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500italic - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600 - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600italic - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700italic - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800 - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-800italic - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900 - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-900italic - cyrillic_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/playfair-display-v36-cyrillic_latin_latin-ext_vietnamese-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}