@media (max-width:320px){
  .cookiealert .acceptcookies { padding: 5px 10px; vertical-align: baseline;}
  .cookiealert{position:fixed;bottom:15px;right:15px; margin:0px ; width:280px;z-index:9;opacity:0;visibility:hidden;border-radius:0;transform:translateY(100%);transition:all 500ms ease-out;color:#fff;background:#9a8c66; padding: 15px 25px; font-size: 14px; border-radius: 10px;} 
}
@media (min-width:321px){
  .cookiealert .acceptcookies { padding: 5px 10px; vertical-align: baseline;}
  .cookiealert{position:fixed;bottom:15px;right:15px; margin:0px ; width:280px;z-index:9;opacity:0;visibility:hidden;border-radius:0;transform:translateY(100%);transition:all 500ms ease-out;color:#fff;background:#9a8c66; padding: 15px 25px; font-size: 14px; border-radius: 10px;} 

  .sticky {
    position: fixed !important;
    z-index:999;
    margin-top: -40px;
    -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:#01070a;
    }
    
  .logo{ background: url('/images/logo.webp') no-repeat center left; width:150px; background-size:150px; height: 100px; display: block; margin: 10px 0 0 0px;}
  .sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 135px; background-size:135px; height: 85px; display: block; margin: 10px 0 10px 0px;}
  .slogan-1{font-size: 35px; color: #ede9df;}
  .slogan-2{font-size: 30px; color: #ede9df;}
  .fs35mb{font-size: 20px;}
  .bg-bird{background:url(/images/bird.webp) no-repeat center top; min-height:auto; background-size:contain}

  .label {
    height: 100%;
    font-size:25px !important;
    white-space: nowrap;
    display: inline-block;
    position: relative;
  }
  .koleksiyon-bg{position:relative; background: rgb(37,33,23);background: linear-gradient(90deg, rgba(37,33,23,1) 0%, rgba(50,50,50,1) 48%, rgba(37,33,23,1) 100%); padding:20px}
  .uk-padding-mb{ padding: 15px;}
}
@media(min-width:640px){
  .cookiealert .acceptcookies { padding: 5px 10px; vertical-align: baseline;}
  .cookiealert{position:fixed;bottom:15px;right:15px; margin:0px ; width:300px;z-index:9;opacity:0;visibility:hidden;border-radius:0;transform:translateY(100%);transition:all 500ms ease-out;color:#fff;background:#9a8c66; padding: 15px 25px; font-size: 14px; border-radius: 10px;} 

  .slogan-1{font-size: 35px; color: #ede9df;}
  .slogan-2{font-size: 30px; color: #ede9df;}
  .fs35mb{font-size: 35px;}
  .bg-bird{background:url(/images/bird.webp) no-repeat center top; min-height:auto; background-size:contain}

  .label {
    height: 100%;
    font-size:35px !important;
    white-space: nowrap;
    display: inline-block;
    position: relative;
  }

  .arrow-margin{margin: 0px 0 80px 40px;}
  .koleksiyon-bg{position:relative; background: rgb(37,33,23);background: linear-gradient(90deg, rgba(37,33,23,1) 0%, rgba(50,50,50,1) 48%, rgba(37,33,23,1) 100%); padding:20px}
  .uk-padding-mb{ padding: 35px;}
}
@media(min-width:960px){
  .sticky {
    position: fixed !important;
    z-index:999;
    margin-top: -40px;
    -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:#01070a;
    }
    
  .logo{ background: url('/images/logo.webp') no-repeat center left; width:175px; background-size:175px; height: 115px; display: block; margin: 20px 0 0 0px;}
  .sticky .logo{ background: url('/images/logo.webp') no-repeat center left; width: 130px; background-size:130px; height: 80px; display: block; margin: 10px 0 10px 0px;}

  .uk-navbar-nav>li>a{ color: #ede9df; font-size: 18px; font-weight: 300; margin: 0 10px 0 10px;}
  .uk-navbar-nav>li.uk-active>a{ color: #c0b296; font-size: 16px;}
  .uk-navbar-dropdown-nav>li>a{ color: #000; font-size: 16px; text-align: left;}
  .slogan-1{font-size: 60px; color: #ede9df;}
  .slogan-2{font-size: 45px; color: #ede9df;}

  .bg-bird{background:url(/images/bird.webp) no-repeat center top; min-height:1520px; background-size:contain}
  .koleksiyon-h{min-height: 550px;}
  .label {
    height: 100%;
    font-size:55px !important;
    white-space: nowrap;
    display: inline-block;
    position: relative;
  }
  .label-text {
    position: absolute;
    top: 0;
    left:40px;
    transform-origin: top left;
    transform: rotate(-90deg) translateX(-100%);
    color:#a28c63;
  }
  .arrow-margin{margin: 0px 0 80px 40px;}
  .koleksiyon-bg{position:absolute; background: rgb(37,33,23);background: linear-gradient(90deg, rgba(37,33,23,1) 0%, rgba(50,50,50,1) 48%, rgba(37,33,23,1) 100%); padding:80px 10px 80px 0px}
  .ic-title-mb{margin-bottom: 50px !important;}
  .header-bg{object-fit: cover; height: 450px !important; width:100%; }

  .home-slogan{font-size: 35px; color: #b2a892;}
}
@media(min-width:1200px){

  .uk-navbar-nav>li>a{ color: #ede9df; font-size: 18px; font-weight: 300; margin: 0 15px 0 15px;}
  .uk-navbar-nav>li.uk-active>a{ color: #c0b296; font-size: 16px;}
  .uk-navbar-dropdown-nav>li>a{ color: #000; font-size: 16px; text-align: left;}
  .slogan-1{font-size: 80px; color: #ede9df;}
  .slogan-2{font-size: 50px; color: #ede9df;}
  
  .bg-bird{background:url(/images/bird.webp) no-repeat center top; min-height:1550px; background-size:contain}
  .koleksiyon-h{min-height: 650px;}
  .label {
    height: 100%;
    font-size:80px !important;
    white-space: nowrap;
    display: inline-block;
    position: relative;
  }
  .label-text {
    position: absolute;
    top: 0;
    left:40px;
    transform-origin: top left;
    transform: rotate(-90deg) translateX(-100%);
    color:#a28c63;
  }
  .arrow-margin{margin: 0px 0 80px 60px;}
}

@media(min-width:1400px){
  .bg-bird{background:url(/images/bird.webp) no-repeat center top; min-height:1700px; background-size:contain}
  .koleksiyon-h{min-height: 780px;}
  .label {
    height: 100%;
    font-size:100px !important;
    white-space: nowrap;
    display: inline-block;
    position: relative;
  }
  .label-text {
    position: absolute;
    top: 0;
    left:65px;
    transform-origin: top left;
    transform: rotate(-90deg) translateX(-100%);
    color:#a28c63;
  }
  .arrow-margin{margin: 0px 0 80px 100px;}
}

.img-mask{background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 46%, rgba(5,5,5,1) 100%); position: absolute; bottom:0px; width:100%; height:100%; z-index:0}

.arrow-btn{background: #000; padding:20px 10px; margin:5px}

.uk-padding-15{ padding: 0 15px 0 15px;}
.slogan span {
  background: linear-gradient(to right, #b8a576 10%, #ecece9 50%, #b8a576 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;
  }
}

.uk-text-green{  font-size: 72px;
  background: -webkit-linear-gradient(#a68f59, #dbd7cc,#a68f59);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.uk-button-default{border: 0px !important;}
.uk-text-cream{color: #c0b296;}
.lang-link{color: #c0b296;}
.lang-link:hover{color: #ede9df;}
.asari{color: #ede9df;}
.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
.cookiealert a {
  text-decoration: underline
}

.uk-margin-20{margin: 20px !important;}
.uk-margin-70-20{margin: 70px 20px !important;}

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

.uk-navbar-left, .uk-navbar-right, [class*=uk-navbar-center]{ gap: 0 !important;}
.uk-navbar-dropdown-nav>li>a{ color: #000; font-size: 15px;}
.uk-navbar-dropdown-nav>li>a:hover{ color: #c0b296 !important; }
.uk-search-navbar .uk-search-input{ font-size: 14px !important;}

.uk-offcanvas-bar{ background: rgb(129,112,78);
  background: linear-gradient(195deg, rgba(129,112,78,1) 0%, rgba(199,187,162,1) 100%); width: 320px;}

.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a[aria-expanded=true]{ color: #c0b296;}
.uk-navbar-dropdown{ min-width: 300px !important;}

.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: 'Oswald'; text-transform:capitalize; min-height: 48px !important;}


.pr-20{ padding-right: 20px !important;}
.box-pd{padding: 10px 7px 0px 7px !important;}
.img-fit-320{object-fit: contain; height: 280px !important; width:100%; padding: 20px;}
.product-img{object-fit: cover; height: 550px !important; width:100%;}
.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;}

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

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

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

.left-menu li .act{ color: white;border-left: solid 6px white;}
.left-menu li a:hover{ color: white;border-left: solid 6px white;}
.overlaymenu{ position:absolute; background:#0f1014; opacity:0.95; 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: 55px;
  height: 1px;
  background-color: #fff;
  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: #fff;
}

.change .bar2 {opacity: 0;}

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

.overflow-y{ overflow-y:hidden; overflow-x: hidden;}
body{margin:0px; font-family: 'Oswald'; font-weight:300;font-size:15px;color:#e7e3d9; outline:none; }
html{overflow-y:scroll;overflow-x:hidden;height:100%; background: #000 !important;}

.scroller {
  height: 100vh; 
}

.ul{ list-style:none; padding:0px; margin:0px;}
.compensate-for-scrollbar{margin-right: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;
}
.b-title{height:1px; background:#072130; width:150px; margin:15px 0 0 0}
.uk-bg-pink{ background: #c0b296;}
.uk-bg-grey{background: #f3f6f6;}
.uk-bg-blue{background: #072130;}

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


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

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

.uk-text-yellow{ color: #c0b296 !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:#072130;-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:#c0b296;-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;
}
.ayellow { /* Edge */
  color: #c9bda6 !important;
}
h1,h2,h3,h4,h5,h6{border:0;font-size:100%;margin:0;padding:0;font-weight:normal;font-family: 'Oswald' !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 !important;}
.fw1{font-weight:100 !important;}
.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;}
.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;}


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

#element::-webkit-scrollbar { 
  display: none; 
}
::-webkit-scrollbar { 
  display: none; 
}

/* oswald-200 - cyrillic-ext_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: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/oswald-v53-cyrillic-ext_latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-300 - cyrillic-ext_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: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/oswald-v53-cyrillic-ext_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-regular - cyrillic-ext_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: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/oswald-v53-cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-500 - cyrillic-ext_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: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/oswald-v53-cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-600 - cyrillic-ext_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: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/oswald-v53-cyrillic-ext_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - cyrillic-ext_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: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/oswald-v53-cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}