/*  2.GENERAL FIX
======================================*/

::selection {color: #ffffff;background-color: #8f8f8f;}
::-moz-selection {color: #ffffff;background-color: #8f8f8f;}
::-webkit-scrollbar-track {background-color: #eeeeee;}
::-webkit-scrollbar{width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {cursor: pointer;background: #8f8f8f;border-radius: 0;}

#loader {position: fixed;width: 96px;height: 96px;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: rgba(255, 255, 255, 0.9);-webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);border-radius: 15px;opacity: 0;visibility: hidden;-webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;-o-transition: opacity .2s ease-out, visibility 0s linear .2s;transition: opacity .2s ease-out, visibility 0s linear .2s;z-index:99999;}
#loader.fullscreen {padding: 0;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform: none;-ms-transform: none;transform: none;background-color: #fff;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
#loader .loader-svg {-webkit-animation: loader-rotate 2s linear infinite;animation: loader-rotate 2s linear infinite;position: absolute;left: calc(50% - 24px);top: calc(50% - 24px);display: block;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
#loader .loader-svg .path {stroke-dasharray: 1, 200;stroke-dashoffset: 0;-webkit-animation: loader-dash 1.5s ease-in-out infinite;animation: loader-dash 1.5s ease-in-out infinite;stroke-linecap: round;}
#loader.show {-webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;-o-transition: opacity .4s ease-out, visibility 0s linear 0s;transition: opacity .4s ease-out, visibility 0s linear 0s;visibility: visible; opacity: 1;}
#loader .loader-svg .path, .back-to-top:hover {stroke:#8f8f8f;}
@keyframes loader-rotate {100% {transform: rotate(360deg);}}
@keyframes loader-dash {0% {stroke-dasharray: 1, 200;stroke-dashoffset: 0;}50% {stroke-dasharray: 89, 200;stroke-dashoffset: -35px;}100% {stroke-dasharray: 89, 200;stroke-dashoffset: -136px;}}

html, body{ overflow-x: hidden; margin:0px auto; padding:0px; font-size: 18px; max-width: 100%; min-width: 100%;}
body{ background:#fff; min-height: 100%; color: #747474; font-size:18px; line-height:1.5; font-family: 'Montserrat', sans-serif  !important; font-weight:normal; position: relative; overflow-x: hidden;}
html.iOS body { font-family: inherit !important; }
html.mac body { font-family: inherit !important; }
p {margin-bottom:1rem;}
strong, b {font-weight: bold;}
a {color: inherit; text-decoration:none; transition: all 0.15s cubic-bezier(0.1, 0.2, 0.8, 1);}
a:hover { text-decoration:none; transition: all 0.15s cubic-bezier(0.1, 0.2, 0.8, 1);}
hr {border: 0;border-top: 1px solid #747474; margin:30px 0;}
img { max-width:100%; height:auto; -webkit-user-select: none; -user-select:none; pointer-events: none;}


h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1320px) {
  h1, .h1 {
    font-size: 1.75rem;
}
}

h2, .h2 {
  font-size: calc(1.25625rem + 0.075vw);
}
@media (min-width: 1320px) {
  h2, .h2 {
    font-size: 1.625rem;
}
}

h3, .h3 {
  font-size: 23px;
}

h4, .h4 {
  font-size: 19px;
}

h5, .h5 {
  font-size: 1.125rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}


.input_text{ 
    color: #525252;
    outline: 0;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 400;
    padding: 15px 0px;
    border: none;
    border-bottom: 1px solid #525252;
    border-radius: 0!important;
}
.input_text:hover,
.input_text:focus{  }

.input_textarea{ color: #747474; border: 1px solid #01bee4  !important; border-radius: 5px; padding: 15px  !important;font-size: 16px  !important;font-weight: 400  !important;color: #0c0a31   !important; height: 120px  !important;}
.input_textarea:hover,
.input_textarea:focus{ }


::-webkit-input-placeholder { 
    color: #525252;line-height:normal!important;
}
::-moz-placeholder {
    color: #525252;line-height:normal!important;
}
:-ms-input-placeholder { 
    color: #525252;line-height:normal!important;
}
:-moz-placeholder { 
    color: #525252;line-height:normal!important;
}

.input_select{ 
    color: #525252;
    outline: 0;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 400;
    padding: 15px 0px;
    border: none;
    border-bottom: 1px solid #525252;
    border-radius: 0!important;
    position: relative  !important;-webkit-appearance: none  !important; -moz-appearance: none  !important; appearance: none  !important;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.496' height='10.413' viewBox='0 0 12.496 10.413'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cpath id='Path_3' data-name='Path 3' d='M0,0H12.5L6.248,10.413,0,0Z' transform='translate(0 0)' fill='%23000' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 10px 10px;background-position: calc(100% - 15px) 50%;}
    .input_select:hover,
    .input_select:focus{  }
    .input_select_bg {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.496' height='10.413' viewBox='0 0 12.496 10.413'%3E%3Cg id='Group_24' data-name='Group 24' transform='translate(0 0)'%3E%3Cpath id='Path_3' data-name='Path 3' d='M0,0H12.5L6.248,10.413,0,0Z' transform='translate(0 0)' fill='%23000' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 10px 10px;background-position: calc(100% - 15px) 50%;}


    .input_checkbox { display: none; }
    .input_checkbox+label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: #334b93; }
    .input_checkbox+label a{ color:  #ed1d24; text-decoration: underline; }
    .input_checkbox+label:before { content: ''; display: block; width: 20px; height: 20px; border: 2px solid #000000; position: absolute; left: 0; top: 5px; opacity: 1; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; }
    .input_checkbox:checked+label:before { width: 10px; top: 0px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

    .item-desktop { display: block !important; }
    .item-desktop-flex { display: flex !important; }
    .item-mobil { display: none !important; }

    .js-animate{ opacity: 0; transform: translate(0px, 125px); transition: all 2s; }
    .animate-on{ opacity: 1; transform: translate(0px, 0px); transition: all 2s; } 
    
    .relative { position: relative; }

/*  3.HEADER
======================================*/

.camping-banner { background: #000000; }
.camping-item { display: flex; align-items: center; justify-content: center; padding: 7px; }
.camping-banner a { font-size: 16px; font-weight: 300px; color: #fff; text-align: center; }

.header-top { background: rgb(206,206,206);
    background: linear-gradient(90deg, rgba(206,206,206,1) 0%, rgba(255,255,255,1) 50%, rgba(206,206,206,1) 100%); font-size: 13px; padding: 7px;}
    .header-top .left-box { padding-left: 10px; display: flex; align-items: center; justify-content: flex-start; } 
    .header-top .right-box { padding-right: 10px; display: flex; align-items: center; justify-content: flex-end; } 
    .header-top ul {padding: 0px; margin: 0px }
    .header-top ul li { list-style: none; display: inline-block } 
    .header-top a { color: #000000; font-size: 14px; padding: 10px 15px 10px 0px; font-weight: 400; -webkit-transition: all .3s ease; transition: all .3s ease } 
    .header-top a:hover { color: #000 } 
    .header-top .right-box a { padding-right: 0px; }

    #mainNav { }
    #mainNav .navbar-toggler-icon-all { height: 24px; width: 24px; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; }
    #mainNav .ntio { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z' fill='%23000'/%3E%3C/svg%3E"); }
    #mainNav .ntic { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 11.293l10.293-10.293.707.707-10.293 10.293 10.293 10.293-.707.707-10.293-10.293-10.293 10.293-.707-.707 10.293-10.293-10.293-10.293.707-.707 10.293 10.293z' fill='%23000'/%3E%3C/svg%3E"); }
    #mainNav .navbar-toggler .ntio { display: none; }
    #mainNav .navbar-toggler .ntic { display: block; }
    #mainNav .navbar-toggler.collapsed .ntio { display: block; }
    #mainNav .navbar-toggler.collapsed .ntic { display: none; }
    
    #mainNav .navbar-nav { display: flex; align-items: center; justify-content: center; }
    #mainNav .navbar-brand { padding: 10px 0px;}
    #mainNav .navbar-brand img { max-width: 130px; }
    #mainNav .nav-link{ font-size: 16px;  font-weight: 400; text-align: center;  color: #000; padding: 5px 0  !important; display: inline-block;}  
    #mainNav .nav-item{ position: relative; padding: 5px 15px;; }
    #mainNav .nav-item:hover .nav-link{ color: #900a0a; }  
    #mainNav .nav-item.active .nav-link{ color: #900a0a; }  
    #mainNav .nav-item.red .nav-link{ color: #900a0a; }  
    #mainNav .header-inline { margin: 0px; max-width: 30%; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; }
    #mainNav .header-inline .row { margin: 0px auto; }
    #mainNav .header-inline a { font-size: 12px;  font-weight: 400; text-align: center; color: #000;  display: inline-block;}  
    #mainNav .header-inline .box {     display: flex;    align-items: center;    justify-content: center; padding: 0px 5px; }
    #mainNav .header-inline .box img { display: block; margin: 5px auto ;height: 20px;    width: 20px;    object-fit: contain; }
    #mainNav .dropdown-menu:before { right: 0px; left: 20px; }
    #mainNav .mobil-icon-lists { display: none; }
    #mainShop .lighter-text { color: #abb0be; }
    #mainShop .main-color-text { color: #aaf0d1; }
    #mainNav .badge { background-color: #aaf0d1; border-radius: 10px; color: white; display: inline-block; font-size: 12px; line-height: 1; padding: 3px 7px; text-align: center; vertical-align: middle; white-space: nowrap; position: relative; right: auto; top: auto; }
    #mainNav .badgefix { position: absolute; right: calc(50% - 28px); top: 5px; }
    #mainShop .badge { background-color: #aaf0d1; border-radius: 10px; color: white; display: inline-block; font-size: 12px; line-height: 1; padding: 3px 7px; text-align: center; vertical-align: middle; white-space: nowrap; position: relative; right: auto; top: auto; }
    #mainShop .badgefix { position: absolute; right: calc(50% - 28px); top: 5px; }
    #mainShop .shopping-cart { display: none; margin: 0px; float: right; background: white; width: 320px; position: absolute; top: 0px; right: 15px; border-radius: 3px; padding: 20px; z-index: 2; overflow-x: hidden; overflow-y: scroll; max-height: 450px; box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.15);}





    #mainTopNav .header-inline { margin: 0px; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center;justify-content: end; }
    #mainTopNav .header-inline .row { margin: 0px auto; }
    #mainTopNav .header-inline a { font-size: 12px;  font-weight: 400; text-align: center; color: #000;  display: inline-block;}  
    #mainTopNav .header-inline .box {     display: flex;    align-items: center;    justify-content: center; padding: 0px 5px; }
    #mainTopNav .header-inline .box img { display: block; margin: 5px auto ;height: 20px;    width: 20px;    object-fit: contain; }
    #mainTopNav .badge { background-color: #aaf0d1; border-radius: 10px; color: white; display: inline-block; font-size: 12px; line-height: 1; padding: 3px 7px; text-align: center; vertical-align: middle; white-space: nowrap; position: relative; right: auto; top: auto; }
    #mainTopNav .badgefix { position: absolute; right: calc(50% - 28px); top: 5px; }


    

    #mainShop .colxx  { padding: 0px 5px; }
    #mainShop .shopping-cart .shopping-cart-header { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; }
    #mainShop .shopping-cart .shopping-cart-header .shopping-cart-total { float: right; }
    #mainShop .shopping-cart .shopping-cart-items { padding-top: 10px; }
    #mainShop .shopping-cart .shopping-cart-items li { margin: 5px auto; border-bottom: 1px solid #ddd; }
    #mainShop .shopping-cart .shopping-cart-items li:last-child { border:none }
    #mainShop .shopping-cart .shopping-cart-items img { }
    #mainShop .shopping-cart .shopping-cart-items .item-name { display: block; padding-top: 5px; font-size: 14px; font-weight: 400; }
    #mainShop .shopping-cart .shopping-cart-items .item-measure { display: block; padding-top: 5px; font-size: 13px; font-weight: 400; }
    #mainShop .shopping-cart .shopping-cart-items .item-price { font-size: 13px; }
    #mainShop .shopping-cart .price_old { display: inline-block; text-decoration: line-through; color: #900a0a; }
    #mainShop .shopping-cart .price_new { display: inline-block; color: #aaf0d1; }
    #mainShop .shopping-cart .shopping-cart-items .item-quantity { color: #abb0be; font-size: 13px; }
    #mainShop .shopping-cart .cart-icon { color: #515783; font-size: 24px; margin-right: 7px; float: left; }
    #mainShop .shopping-cart .button { background: #aaf0d1; color: white; text-align: center; padding: 12px; text-decoration: none; display: block; border-radius: 3px; font-size: 16px; display: block; }
    #mainShop .shopping-cart .button:hover { background: #900a0a; }
    #mainShop .shopping-cart .clearfix:after { content: ""; display: table; clear: both; }
    #mainShop .shopping-cart:after { bottom: 100%; left: 89%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: white; border-width: 8px; margin-left: -8px; }

    .menu-item-list { padding: 15px; }
    .menu-item-list .row { margin: 0px 0px 10px 0px; display: flex; align-items: center; justify-content: center; }
    .menu-item-list .colxx { padding: 0px 5px; font-size: 13px; font-weight: 400; }
    .menu-item-list a:last-child .row { margin-bottom: 0px; }
    .menu-item-list a:hover,
    .menu-item-list a:focus { color: #900a0a; }

    .menu-all-link { text-align: center;    font-size: 14px;    width: 100%;    display: block; }

    .header-search {position: relative;}
    .header-search .search-toggler {padding-top:0;padding-bottom:0;font-size: 16px;display: inline-block;}
    .header-search .search-content {position: absolute;top: 0;right: 100%;margin-top: 5px;width: 260px;z-index:99;}
    .header-search .search-content .form-control {padding: 10px 15px;border-radius: 0;border:1px solid #dddddd;font-size: 13px;}


    #loginModal {  }
    #loginModal .modal-dialog { max-width: 600px; }
    #loginModal .modal-body { padding: 30px; }
    #loginModal .modal-login ul.nav-tabs { background: #fff; } 
    #loginModal .modal-login ul.nav-tabs li { border: none; width: 50%; margin: 0px auto; } 
    #loginModal .modal-login ul.nav-tabs li a { width: 100%; padding: 15px; font-size: 16px; background: #fff; display: flex; align-items: center; justify-content: center; } 
    #loginModal .modal-login ul.nav-tabs li a:focus, 
    #loginModal .modal-login ul.nav-tabs li a:hover {  } 
    #loginModal .modal-login ul.nav-tabs li a.active { background: #aaf0d1; color: #000;width: 100%; padding: 15px; font-size: 16px; display: flex; align-items: center; justify-content: center; } 
    #loginModal .modal-login ul.nav-tabs li a.active:focus, 
    #loginModal .modal-login ul.nav-tabs li a.active:hover {  } 
    #loginModal .modal-login .form-group { padding: 15px 0px;    margin-bottom: 0px;}
    #loginModal .btn-green { margin-top: 30px; padding: 15px; width: 100%; background-color: #aaf0d1; color: #151515; font-weight: 400; font-size: 16px; }
    #loginModal label.label { font-size: 14px; color: #525252; }

    #accountModalBasket {  }
    #accountModalBasket .modal-dialog { max-width: 600px; }
    #accountModalBasket .modal-body { padding: 30px; }
    #accountModalBasket .modal-login ul.nav-tabs { background: #fff; } 
    #accountModalBasket .modal-login ul.nav-tabs li { border: none; width: 33%; margin: 0px auto; display: flex; align-items: center; justify-content: center; text-align: center;} 
    #accountModalBasket .modal-login ul.nav-tabs li a { width: 100%; padding: 15px; font-size: 16px; background: #fff; display: flex; align-items: center; justify-content: center; } 
    #accountModalBasket .modal-login ul.nav-tabs li a:focus, 
    #accountModalBasket .modal-login ul.nav-tabs li a:hover {  } 
    #accountModalBasket .modal-login ul.nav-tabs li a.active { background: #aaf0d1; color: #000;width: 100%; padding: 15px; font-size: 16px; display: flex; align-items: center; justify-content: center; } 
    #accountModalBasket .modal-login ul.nav-tabs li a.active:focus, 
    #accountModalBasket .modal-login ul.nav-tabs li a.active:hover {  } 
    #accountModalBasket .modal-login .form-group { padding: 15px 0px;    margin-bottom: 0px;}
    #accountModalBasket .btn-green { margin-top: 30px; padding: 15px; width: 100%; background-color: #aaf0d1; color: #151515; font-weight: 400; font-size: 16px; }
    #accountModalBasket label.label { font-size: 14px; color: #525252; }


    #formLoginUp { display: block; }
    #formForgotPassUp { display: none; }

/*  HOME ELEMENT
===================================*/

#slider { width: 100%; overflow: hidden; }
#slider img { width: 100%; height: 100%; object-fit: contain; }

#slider .swiper-prevnext { }
#slider .spn {  transform: translateY(-50%); }
#slider .swiper-button-prev { opacity: 1; z-index: 1; height: 64px; width: 64px;background-repeat: no-repeat; background-position: center; background-image: url("../img/leftok.png");}
#slider .swiper-button-next { opacity: 1; z-index: 1; height: 64px; width: 64px;background-repeat: no-repeat; background-position: center; background-image: url("../img/rightok.png");}
#slider .swiper-button-prev svg { width: 36px; }
#slider .swiper-button-next svg { width: 36px; }
#slider .swiper-button-prev svg path, #home-content .swiper-button-next svg path{ fill: #fff; }
#slider .swiper-container .swiper-pagination { margin: 15px auto; }
#slider .swiper-container .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid transparent; background: rgba(242, 242, 247, 1); }
#slider .swiper-container .swiper-pagination-bullet-active { background-color: #ddd !important; }


#slider-down-icon { padding: 5px 0px; background: #fff; font-size: 14px; }
#slider-down-icon ul { display: flex; align-items: center; justify-content: center; margin: 0px auto; padding: 0px; }
#slider-down-icon ul li { width: 25%; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; }
#slider-down-icon ul li.free-box svg { height: 25px !important;}
#slider-down-icon ul li.product-garranty svg { height: 24px !important;}
#slider-down-icon ul li.payment-options svg { height: 25px !important;}

.color-white { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgba(255, 255, 255, 1) !important;  }
.iOS .color-white { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgba(255, 255, 255, 1) !important; }

#home-filter {}
#home-filter form {padding: 30px 0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.7) 10%, rgba(255,255,255,0.8) 100%);}
#home-filter .hf-title { font-size: 36px; color: rgb(255, 255, 255); margin-bottom: 15px; text-align: center; }
#home-filter .hf-desc { font-size: 19px; color: rgb(255, 255, 255); margin-bottom: 15px; text-align: center; }
#home-filter .input_select { background-color: transparent; background-size: 24px 24px; background-position: calc(100% - 5px) 50%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='64px' height='64px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cg%3E%3Cpolyline fill='none' stroke='%23000000' stroke-width='2' stroke-linejoin='bevel' stroke-miterlimit='10' points='15,24 32,41 49,24 '/%3E%3C/g%3E%3C/svg%3E"); }
.dflacjc { display: flex; align-items: center; justify-content: center; }
#home-filter .btn-blue { background: #1fadb9; padding: 10px 25px; color: #fff; box-shadow: none; border-radius: 8px; }
.home-cat { padding: 50px 15px; }
.hc-title { font-size: 36px; color: #3b3b3b; text-align: center; margin-bottom: 50px;}
.rfi { position: relative; padding: 0px 5px; border-radius: 15px; overflow: hidden; }
.rfi2 { position: relative; padding: 0px 5px; margin-bottom: 10px; border-radius: 15px; overflow: hidden;}
.rfi2:nth-child(n+3),
.rfi2:nth-child(n+4) { margin-bottom: 0px; }
.rfi a, .rfi2 a { display: block; height: 100%; width: 100%;}
.rfi img, .rfi2 img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }
.home-cat span { position: absolute; top: 5%; right: 5%; border-radius: 15px; background-color: #1fadb9; color: #fff; font-size: 16px; font-weight: bold; padding: 3px 25px; }

.hovereffect { box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%); transition: .22s ease-out; transition-property: transform,box-shadow;  }
.hovereffect:hover { transform: translate3d(0,-0.1875rem,0); }

#kapok { background-color: #fff; background-repeat: no-repeat; background-position: top center; background-size: cover; background-image: url(../img/kapok.png); }
#kapok .c1 { height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
#kapok .c-1-title { font-size: 22px; color: #000000; font-weight: bold; margin-bottom: 15px; }
#kapok .c-1-desc { font-size: 14px; color: #000; font-weight: 400;  margin-bottom: 15px; }
#kapok .c-1-img { margin-bottom: 15px; }

#kapok .c2 { background-color: rgb(255,255,255,0.76); padding: 15px; text-align: center; }
#kapok .c-2-logo { margin: 30px auto; }
#kapok .c-2-logo img { max-width: 300px; }
#kapok .c-2-title { font-size: 22px; color: #634e42; font-weight: 400; margin-bottom: 15px; }
#kapok .c-2-desc { font-size: 14px; color: #634e42; margin-bottom: 30px; }
#kapok .c-2-img { margin-bottom: 100px; }
#kapok .c-2-img img { transform: scale(1.1); transform-origin : 0% 0%; }
#kapok .c-2-layer { margin: 15px auto 50px auto; }

#kapok .c3 { height: 100%; display: flex;   flex-direction: column;    align-items: center;    justify-content: flex-end; padding: 50px; }
#kapok .c3-border { margin: 0px 15px; padding: 30px 15px; border:1px solid transparent; background: #fff; border-radius: 45px; text-align: center; box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%); transition: .22s ease-out; transition-property: transform,box-shadow; }
#kapok .c3-border:hover { transform: translate3d(0,-0.1875rem,0);  }
#kapok .c-3-title { font-size: 22px; color: #000000; font-weight: bold; }
#kapok .c-3-desc {  font-size: 14px; color: #000000; }
#kapok .c-3-old-price { font-size: 14px; color: #000; text-decoration: line-through; }
#kapok .c-3-new-price { font-size: 22px; color: #d41a1a; margin-bottom: 15px; }
#kapok .c-3-link  {  }
#kapok .c-3-link a { font-size: 14px; background: #1fadb9; padding: 5px 25px; color: #fff; box-shadow: none; border-radius: 8px; }


#akilli-yatak { padding: 30px 0px 30px;  background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 14%, rgba(0,0,0,0.7) 14%, rgba(255,255,255,0.8) 100%); }
.akilli-yatak-title { font-size: 32px; color: #fff; text-align: center; }

#product-list { padding: 30px 0px; }
.tooltip-arrow,
.white-tooltip,
.tooltip,
.tooltip-inner {background-color: #fff !important;
    color: #000 !important;}

    .tooltip-arrow,
    .black-tooltip,
    .tooltip,
    .tooltip-inner {background-color: #fff !important;
        color: #000 !important;}
        .black-tooltip b { background: #fff; }
        .black-tooltip img { background: #fff; }


        #product-list .swiper-wrapper { padding: 15px 0px; }
        #product-list .swiper-slide { padding: 0px 15px; }
        #product-list .swiper-itemx { padding: 15px; height: 100%; display: flex; box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%); transition: .22s ease-out; transition-property: transform,box-shadow;  }
        #product-list .swiper-itemx:hover { transform: translate3d(0,-0.1875rem,0); }
        #product-list .swiper-itemx:hover .product-view-box a { background-color: #3b3b3b; color: #fff; }
        #product-list .spn {  transform: translateY(-50%); }
        #product-list .swiper-button-prev { left: -25px; opacity: 1; z-index: 99; height: 64px; width: 64px; background-color: transparent; border-radius: 8% ;background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");}
        #product-list .swiper-button-next { right: -25px; opacity: 1; z-index: 99; height: 64px; width: 64px; background-color: transparent; border-radius: 8% ;background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");}
        #product-list .swiper-button-prev svg { width: 36px; }
        #product-list .swiper-button-next svg { width: 36px; }
        #product-list .swiper-button-prev svg path, #product-list .swiper-button-next svg path{ fill: #c3cbcd; }
        #product-list .swiper-container .swiper-pagination { position: relative; margin: 15px auto; }
        #product-list .swiper-container .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid transparent; background: rgba(242, 242, 247, 1); }
        #product-list .swiper-container .swiper-pagination-bullet-active { background-color: #ddd !important; }


        #ev-tekstil { padding: 30px 0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.7) 10%, rgba(255,255,255,0.8) 100%); }
        #ev-tekstil .et-main-title { text-align: center; font-size: 28px; color: #fff; margin-bottom: 15px; }
        #ev-tekstil .et-main-desc { text-align: center; font-size: 16px; color: #fff; margin-bottom: 50px;}


        #ev-tekstil .ev-tekstil-item {display: flex;
            flex-direction: column;
            height: 100%;
            justify-content: center;
            align-items: center; 
            position: relative; text-align: center; box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%); transition: .22s ease-out; transition-property: transform,box-shadow;  border: 1px solid transparent; border-radius: 15px; 
            background: rgb(255,255,255,0.7);
            margin-top: 30px;
        }
        #ev-tekstil .ev-tekstil-item:hover { transform: translate3d(0,-0.1875rem,0); }
        #ev-tekstil .eti-img { margin: -60px auto 30px auto; }
        #ev-tekstil .eti-img img { height: 140px;
            width: auto;
            object-fit: cover;
            transform: scale(0.8);
            transform-origin: top; }
            #ev-tekstil .hhd { }
            #ev-tekstil .ev-tekstil-item-up { height: 100%; }
            #ev-tekstil .eti-title { font-size: 24px; color: #000; }
            #ev-tekstil .eti-discount { font-size: 18px; color: #e74242; }
            #ev-tekstil .eti-desc { font-size: 16px; color: #000; margin-top: 15px; }
            #ev-tekstil .eti-link { margin: 30px auto; }
            #ev-tekstil .eti-link a { margin: 30px auto; background: #1fadb9; padding: 5px 25px; color: #fff; box-shadow: none; border-radius: 8px; font-size: 13px; }

            #h-blog { background: #fff; padding: 30px 0px 60px 0px; }
            #h-blog .h-main-title { text-align: center; font-size: 24px; color: #000; margin-bottom: 50px; }
            #h-blog .blog-item { height: 100%; padding: 15px; text-align: center; border: 1px solid transparent; border-radius: 15px; background-color: #fff; margin-bottom: 15px; box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%); transition: .22s ease-out; transition-property: transform,box-shadow; }
            #h-blog .blog-item2 { padding: 15px; text-align: center; box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%); border: 1px solid transparent; border-radius: 15px; background-color: #fff; box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%); transition: .22s ease-out; transition-property: transform,box-shadow; }
            #h-blog .blog-item:hover { transform: translate3d(0,-0.1875rem,0); }
            #h-blog .blog-item2:hover { transform: translate3d(0,-0.1875rem,0); }

            #h-blog .blog-item-title { font-weight: bold; font-size: 16px; color: #000; margin-bottom: 15px; }
            #h-blog .blog-item-title a,
            #h-blog .blog-item-title a:hover,
            #h-blog .blog-item-title a:focus { color: #000; }
            #h-blog .blog-item-desc p { font-size: 14px; color: #000; }
            #h-blog .blog-item-link { margin-top: 30px; font-size: 12px; margin-bottom: 15px; text-decoration: underline; }
            #h-blog .blog-item-link a,
            #h-blog .blog-item-link a:hover,
            #h-blog .blog-item-link a:focus{  color: #1fadb9; }
            #h-blog .blog-item2 img { height: 100%; width: 100%; object-fit: cover; }
            #h-blog .blog-item-img {height: 100%;  }
            #h-blog .blog-item-img a { display: block; height: 100%; }
            #h-blog .blog-item-img img {     height: 100%;    object-fit: cover; }
            #h-blog .col-lg-5:first-child .blog-item-img { height: 100%; }
            #h-blog .col-lg-5:first-child .blog-item-img a { height: 100%; }
            #h-blog .col-lg-5:first-child .blog-item-img img { height: 100%; object-fit: cover; }

            #catalog { padding: 30px 0px 60px 0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.7) 10%, rgba(255,255,255,0.8) 100%); }
            #catalog .container { max-width: 1200px; }
            #catalog .catalog-main-title { text-align: center; font-size: 24px; color: #fff; margin-bottom: 15px; }
            #catalog .catalog-main-desc { text-align: center; font-size: 16px; color: #fff; margin-bottom: 50px;}
            #catalog .catalog-item { font-size: 18px; color: #000; text-align: center; background: #fff; border-radius: 45px; box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%);  padding:0px 15px 15px 15px; }
            #catalog .catalog-item a { display: block; }
            #catalog .catalog-item img { margin-bottom: 0px; transform: scale(1.1); transform-origin : 100% 100%; }


            #v2-banner { position: relative; min-height: 300px; background-color: #000; }
            #v2-banner .v2-banner-img { position: absolute; height: 100%; width: 100%; left: 0; top: 0; right: 0; }
            #v2-banner .v2-banner-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;  opacity: 0.4;}
            #v2-banner .v2-banner-content { height: 100%; display: flex; align-items: center; justify-content: center; position: relative; flex-direction: column; }
            #v2-banner .v2-category-breadcrumb { margin: 30px auto; }
            #v2-banner .v2-category-breadcrumb ol { text-align: center; background: 0 0; color: #fff; margin: 0; padding: 0; }
            #v2-banner .v2-category-breadcrumb ol li { display: inline-block; }
            #v2-banner .v2-category-breadcrumb ol li+li:before { content: "/"; padding: 0; color: #fff; font-size: 12px; margin: 0px 5px; }
            #v2-banner .v2-category-breadcrumb ol li a { font-size: 12px; font-weight: 300; line-height: 1.33; text-transform: uppercase; color: #fff; }
            #v2-banner .v2-category-breadcrumb ol li a span{  }
            #v2-banner .v2-category-name { text-align: center; }
            #v2-banner .v2-category-name h1 { font-size: 38px; color: #fff; line-height: 58px; font-weight: 500; }
            #v2-banner .v2-cat-count { text-align: center; }
            #v2-banner .v2-cat-count p { font-weight: 300; font-size: 14px;    color: #fff; }

            #v2-banner-filter { width: 100%; position: relative; margin: 0px auto; height: 50px; display: flex; align-items: center; } 
            #v2-banner-filter .dropdown  { width: 200px; text-align: right; float: right; }
            #v2-banner-filter .dropdown a { display: block; color: #151515; padding: 0; margin: 0; font-size: 18px; }
            #v2-banner-filter .dropdown:hover>.dropdown-menu {display: block;}
            #v2-banner-filter .dropdown>.dropdown-toggle:active {pointer-events: none;}
            #v2-banner-filter .sort-button { padding: 0; font-size: 18px;height: auto;margin: 0!important;font-weight: 400;}

            #v2-banner-filter .dropdown-menu {
                background: #fff; margin: 0; padding: 30px; min-width: 220px; border-radius: 10px; height: auto;
                -webkit-box-shadow: 0 5px 15px 0 rgb(0 0 0 / 8%);
                box-shadow: 0 5px 15px 0 rgb(0 0 0 / 8%);
            }



            #breadcrumb .product-breadcrumb { padding: 0; background: 0 0; padding-top: 20px; padding-bottom: 10px } @media only screen and (max-width:479px), only screen and (min-width:480px) and (max-width:767px) { #breadcrumb .product-breadcrumb { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 15px 20px } } 
            #breadcrumb .product-breadcrumb li { text-transform: capitalize; color: #a3a3a3; font-size: 12px; line-height: 16px; font-weight: 400; display: inline-block; } 
            #breadcrumb .product-breadcrumb li a { text-transform: capitalize; color: #a3a3a3; font-size: 12px; line-height: 16px; font-weight: 400; text-decoration: underline; cursor: pointer } 
            #breadcrumb .product-breadcrumb li:last-child a { text-decoration: none; cursor: default } 
            #breadcrumb .product-breadcrumb li+li:before { content: " > "; color: #a3a3a3; display: inline-block; padding: 0 4px }


            .pdd-slider { position: relative; }
            .pdd-slider a { display: block; }
            .pdd-slider img { height: 574px; width: 100%; object-fit: contain; }
            .pdd-slider .spn {  transform: translateY(-50%); }
            .pdd-slider .swiper-button-prev { opacity: 1; z-index: 1; height: 64px; width: 64px; background-color: transparent; border-radius: 8% ;background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");}
            .pdd-slider .swiper-button-next { opacity: 1; z-index: 1; height: 64px; width: 64px; background-color: transparent; border-radius: 8% ;background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");}
            .pdd-slider .swiper-button-prev svg { width: 36px; }
            .pdd-slider .swiper-button-next svg { width: 36px; }
            .pdd-slider .swiper-button-prev svg path, .pdd-slider .swiper-button-next svg path{ fill: #c3cbcd; }

            .pdd-slider-thumbnail  { margin-bottom: 15px; }
            .pdd-slider-thumbnail img { height: 100px;    width: 100%;    object-fit: cover; }
            .pdd-slider-thumbnail .spn {  transform: translateY(-50%); }
            .pdd-slider-thumbnail .swiper-button-prev { opacity: 1; z-index: 1; height: 64px; width: 64px; background-color: transparent; border-radius: 8% ;background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");}
            .pdd-slider-thumbnail .swiper-button-next { opacity: 1; z-index: 1; height: 64px; width: 64px; background-color: transparent; border-radius: 8% ;background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23848484' d='M7.33 24l-2.83-2.829 9.339-9.175-9.339-9.167 2.83-2.829 12.17 11.996z'/%3E%3C/svg%3E");}
            .pdd-slider-thumbnail .swiper-button-prev svg { width: 36px; }
            .pdd-slider-thumbnail .swiper-button-next svg { width: 36px; }
            .pdd-slider-thumbnail .swiper-button-prev svg path, .pdd-slider-thumbnail .swiper-button-next svg path{ fill: #c3cbcd; }

            .slide-tag-box { position: absolute; z-index: 22; right: 20px; top: 20px; width: auto; }
            .product-tags { margin: 0; float: left } .product-tags .product-tag-list { padding: 0; margin: 0; width: auto; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media only screen and (max-width:479px), only screen and (min-width:480px) and (max-width:767px) { .product-tags .product-tag-list { display: block; float: left; width: 100%; padding: 0px } } 
            .product-tags .product-tag-list .product-tag { width: auto; text-align: right; margin-bottom: 10px } @media only screen and (max-width:479px), only screen and (min-width:480px) and (max-width:767px) { .product-tags .product-tag-list .product-tag { margin-right: 10px } } 
            .product-tags .product-tag-list .product-tag img { display: none } 
            .product-tags .product-tag-list .product-tag span { display: block; padding: 8px 16px; font-size: 12px; line-height: 16px; font-weight: 400; color: #151515; border-radius: 10px; text-align: center } @media only screen and (min-width:480px) and (max-width:767px) { .product-tags .product-tag-list .product-tag span { padding: 10px 20px; font-size: 14px; line-height: 18px } } 
            .product-tags .product-tag-list .product-tag:first-child span { background: #cb372a; color: #fff } 
            .product-tags .product-tag-list .product-tag:nth-child(2) span { background: #008282; color: #fff } 
            .product-tags .product-tag-list .product-tag:nth-child(3) span { background: #151515; color: #fff } 
            .product-tags .product-tag-list .product-tag:nth-child(4) span { background: #ebf5ff; color: #151515 }

            #product-detail { padding: 0px; }
            #product-detail .product-name { padding: 0 10px; margin: 0; float: left; width: 100%; position: relative } 
            #product-detail .product-name h6 { margin: 0; float: left; width: 100%; display: block; margin-bottom: 10px; letter-spacing: 0 } 
            #product-detail .product-name h6 a { font-size: 14px; line-height: 18px; font-weight: 400; color: #525252; text-decoration: underline; cursor: pointer } 
            #product-detail .product-name h1 { margin: 0; font-size: 24px; line-height: 30px; color: #151515; font-weight: 500; padding: 0; margin-bottom: 20px; letter-spacing: 0 } @media only screen and (max-width:479px) { .product-detail .product-name h1 { float: left; width: 100% } } 
            #product-detail .product-name h5 { display: none!important } 
            #product-detail .product-name .short-description { font-size: 18px!important; line-height: 22px!important; font-weight: 400; color: #525252!important; letter-spacing: 0; float: left; width: 100%; margin: 0 } 
            #product-detail .product-name .product-brands { display: block; float: left; width: auto; position: absolute; top: 0; right: 0 } @media only screen and (max-width:479px), only screen and (min-width:480px) and (max-width:767px) { .product-detail .product-name .product-brands { right: 5px; top: -26px } } 
            #product-detail .product-name .product-brands .brands-box { display: block; float: right; text-align: right; width: auto } 
            #product-detail .product-name .product-brands .brands-box img { height: 70px; -o-object-fit: contain; object-fit: contain; width: 90px } 
            #product-detail .product-name .product-brands .brands-box label { display: none } 
            #product-detail .product-description { margin: 0; padding: 130px 0 } @media only screen and (max-width:479px), only screen and (min-width:480px) and (max-width:767px) { .product-detail .product-description { margin: 0; padding: 0; margin-top: 30px } } @media only screen and (min-width:768px) and (max-width:991px) { .product-detail .product-description { margin: 40px 0; margin-top: 80px } } @media only screen and (min-width:992px) and (max-width:1199px) { .product-detail .product-description { padding: 0; margin: 90px 0; margin-bottom: 30px; float: left } }

            #product-detail .product-speciality-with-popover { display: block; float: left; width: 100%; padding: 0 10px; margin: 20px 0; padding-right: 0 } @media only screen and (max-width:479px) { .product-speciality-with-popover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media only screen and (min-width:992px) and (max-width:1199px) { .product-speciality-with-popover { padding-right: 10px } } 
            #product-detail .product-speciality-with-popover label.speciality-title { display: block; float: left; width: 25%; font-size: 12px; line-height: 16px; color: #151515; font-weight: 400; margin: 0; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: underline; cursor: pointer } @media only screen and (max-width:479px) { .product-speciality-with-popover label.speciality-title { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100% } } 
            #product-detail .product-speciality-with-popover ul { display: block; float: left; width: 75%; padding: 0; margin: 0; text-align: right; line-height: 0 } @media only screen and (max-width:479px) { .product-speciality-with-popover ul { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; text-align: left } } 
            #product-detail .product-speciality-with-popover ul li { list-style: none; display: inline-block; display: none } 
            #product-detail .product-speciality-with-popover ul li.sertlik-derecesi { display: inline-block } 
            #product-detail .product-speciality-with-popover ul li.yukseklik { display: inline-block } 
            #product-detail .product-speciality-with-popover ul li:first-child a { margin-left: 0 } 
            #product-detail .product-speciality-with-popover ul li a { padding: 4px 10px; float: left; font-size: 12px; color: #151515; border-radius: 12px!important; width: 90px; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .08); box-shadow: 0 5px 15px rgba(0, 0, 0, .08); background: #fff; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; width: auto; margin-left: 10px; margin-bottom: 10px } 
            #product-detail .product-speciality-with-popover ul li a svg { width: 16px; height: 16px; margin-left: 4px } 
            #product-detail .product-speciality-with-popover ul li a svg path { fill: #151515 } 
            #product-detail .product-speciality-with-popover ul li .popover { max-width: initial; padding: 20px; border: none; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .08); box-shadow: 0 5px 15px rgba(0, 0, 0, .08); border-radius: 10px; text-align: center; width: 275px } @media only screen and (max-width:479px), only screen and (min-width:480px) and (max-width:767px) { .product-speciality-with-popover ul li .popover { width: auto } } 
            #product-detail .product-speciality-with-popover ul li .popover .arrow { display: none } 
            #product-detail .product-speciality-with-popover ul li .popover h3 { background: 0 0; border: none; margin-top: 10px; margin: 0; padding: 0; font-size: 14px; line-height: 18px; color: #151515; margin-bottom: 5px; font-weight: 500 } 
            #product-detail .product-speciality-with-popover ul li .popover .popover-content { padding: 0; font-size: 14px; line-height: 18px; letter-spacing: 0; color: #151515; font-weight: 500 } 
            #product-detail .product-speciality-with-popover ul li .popover .popover-content label { display: block; float: left; font-weight: 500; margin-bottom: 0; font-size: 12px; line-height: 20px; color: #151515; width: 100% }

            #product-detail .yt { height: 400px; }
            #product-detail .yt .card { position: relative; width: 100%; height: 400px; margin-bottom: 20px; } 
            #product-detail .yt .card-bg-vid { position: relative; margin: 0 auto; width: 250px; height: 250px; overflow: hidden; margin-bottom: 20px; background: transparent; } 
            #product-detail .yt .modest-vid-embed { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%; } 
            /*#product-detail .yt .modest-vid-embed--auto:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; } */
            #product-detail .yt .modest-vid-embed__wrapper { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 400px; } 
            #product-detail .yt .modest-vid-embed__item { position: absolute; top: 0; left: 0; width: 100%; height: 400px; border: 0; }

            .product-new-main-box .product-image-tag-box .product-image-box { height: auto !important; }
            .product-new-main-box .product-image-tag-box .product-image-box a { display: block; }

            #product-detail .price-percent { display: inline-flex !important; justify-content: flex-start !important; width: 50% !important; }
            #product-detail .all-price-v { display: inline-flex !important; /*justify-content: flex-end !important;*/ width: 50% !important; }

            #product-detail .nav-tabs.tab {     display: flex;    flex-direction: row;    align-items: center;    justify-content: center; }

            /*#product-detail .control-type-dropdown-label { width: 100% !important; display: flex; }*/

            .cc-window {
                max-width: 24em!important;
                width: 100%!important;
                padding: 30px!important;
                background-color: #000!important;
                border-top: 1px solid #343b45;
                font-family: Inter, sans-serif!important;
            }
            .cc-window {
                opacity: 1;
                -webkit-transition: opacity 1s ease;
                transition: opacity 1s ease;
            }
            .cc-revoke, .cc-window {
                position: fixed;
                overflow: hidden;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                font-family: Helvetica,Calibri,Arial,sans-serif;
                font-size: 16px;
                line-height: 1.5em;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
                z-index: 9999;
            }
            .cc-window.cc-floating {
                padding: 2em;
                max-width: 24em;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            .cc-color-override--1042357756.cc-window {
                z-index: 55555555555555555555;
            }
            .cc-left {
                left: 1em;
            }
            .cc-bottom {
                bottom: 1em;
            }
            .cc-color-override--1042357756.cc-window {
                color: rgb(255, 255, 255);
                background-color: rgb(37, 46, 57);
            }
            .cc-floating .cc-message {
                display: block;
                margin-bottom: 1em;
            }
            .cc-window .cc-message {
                font-size: 13px;
                text-align: left;
            }
            .cc-link {
                opacity: .8;
                display: inline-block;
                padding: 0.2em;
            }
            .cc-color-override--1042357756 .cc-link, .cc-color-override--1042357756 .cc-link:active, .cc-color-override--1042357756 .cc-link:visited {
                color: rgb(255, 255, 255);
            }
            .cc-link, .cc-revoke:hover {
                text-decoration: underline;
            }
            .cc-window.cc-floating .cc-compliance {
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
            }
            .cc-window .cc-compliance {
                padding: 0;
            }
            .cc-compliance {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -ms-flex-line-pack: justify;
                align-content: space-between;
            }
            .cc-floating .cc-compliance>.cc-btn {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }
            .cc-window .cc-compliance a {
                padding: 5px 0;
                border: 1px solid #fff;
                color: #fff;
                font-weight: 400;
                font-size: 14px;
                min-width: 100px;
            }.cc-btn {
                display: block;
                padding: 0.4em 0.8em;
                font-size: .9em;
                font-weight: 700;
                border-width: 2px;
                border-style: solid;
                text-align: center;
                white-space: nowrap;
            }





            #content {}
            #content .content-page-title { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
            #content .content-page-desc { font-weight: 400; }
            #content .heading__lg {font-size: 24px; }
            #content .heading__xl {font-size: 22px; }
            #content iframe { width: 100%; height: 500px; object-fit: cover;}

            #content .contact-maps-grid-box { margin: 30px auto; }
            #content .map-grid-box { padding: 15px; }
            #content .map-grid-box iframe { width: 100%; height: 400px; object-fit: cover; }
            #content .map-info-box { padding: 15px; }
            #content .map-info-box label { display: block; font-weight: 600; font-size: 20px; }
            #content .map-info-box ul {  }
            #content .map-info-box li { font-size: 16px; font-weight: 400;  margin-bottom: 15px;}
            #content .map-info-box li a { font-weight: 500; }


            #content .blog-title{font-weight:600;font-size:17px;color:#5f6162;text-transform:capitalize}
            #content .blog-image{margin-bottom:15px}
            #content .blog-image img{width:100%}
            #content .blog-image a{display:block}
            #content .blog-description{margin:0;font-size:13px;color:#5f6162;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:90px;line-height:23px;font-weight:400;text-align:justify;width:100%;float:left}
            #content .first-blog-part{margin-bottom:20px}
            #content .blog-go-button{--def:white;--inv:#aaf0d1;text-align:center}
            #content .blog-go-button .btn{position:relative;padding:8px 15px;font-size:13px;color:var(--inv);letter-spacing:1px;text-transform:uppercase;-webkit-transition:all .6s cubic-bezier(.77,0,.175,1);transition:all .6s cubic-bezier(.77,0,.175,1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700}
            #content .blog-go-button .btn:after,#content .blog-go-button .btn:before{content:'';position:absolute;-webkit-transition:inherit;transition:inherit;z-index:-1}
            #content .blog-go-button .btn:hover{color:var(--def);-webkit-transition-delay:.6s;transition-delay:.6s}
            #content .blog-go-button .btn:hover:before{-webkit-transition-delay:0s;transition-delay:0s}
            #content .blog-go-button .btn:hover:after{background:var(--inv);-webkit-transition-delay:.4s;transition-delay:.4s}
            #content .blog-go-button .from-left:after,#content .blog-go-button .from-left:before{top:0;width:0;height:100%}
            #content .blog-go-button .from-left:before{right:0;border:1px solid var(--inv);border-left:0;border-right:0}
            #content .blog-go-button .from-left:after{left:0}
            #content .blog-go-button .from-left:hover:after,#content .blog-go-button .from-left:hover:before{width:100%}




            #member {}

            .bb-grid .bb-img-box .col-lg-5 { min-height: 540px; }
/*  MEDIA QUERY
====================================*/


@media(min-width:991px) {
    #mainNav .dropdown-toggle::after { display: none; }
}


@media(min-width:1500px) {
    #mainNav .nav-item { padding: 5px 15px; }
    .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 80%; }
}

@media(min-width:1800px) {
    #mainNav .nav-item { padding: 5px 28px; }
}



@media(min-width:1920px) {

}
@media(max-width:1600px) { 

    #product-detail .nav-tabs.tab .nav-link{ font-size: 15px; }
}

@media(max-width:1500px) { 
    #mainNav .header-inline .box { padding: 5px; }
    #mainNav .nav-link { font-size: 14px; }
    #mainNav .header-inline { max-width: auto; }
    #slider-down-icon ul li { width: 26%; }

}

@media(max-width:1366px) { 
}


@media(max-width:1200px) { 
    #mainNav .header-inline .box span.box-text { display: none; }
    #mainNav .nav-item { padding: 5px; }
    #mainNav .nav-link { font-size: 14px; }
    #mainNav .header-inline a { padding: 0px; }

    #h-blog .blog-item { margin-bottom: 15px; }
    #h-blog .blog-item2 { margin: 15px auto; }
    #h-blog .blog-item-desc p { max-height: 250px; overflow: hidden; }
    #ev-tekstil .eti-img { padding: 15px; }
    #ev-tekstil .eti-img img { transform: scale(1); }
    .product-new-main-box .product-image-tag-box { margin-bottom: 30px; }
    #kapok .c3 { padding: 15px; }
    #slider-down-icon ul li { width: auto; }
    .pdd-slider img { height: 400px;}
}


@media(max-width:991px) {
    .header-search .search-content {position: absolute;top: 100%;right: 0;margin-top: 5px;width: 260px;z-index:99;}
    #mainTopNav .headerTopSearch{display: none;}
    .item-desktop-flex { display: none !important; }
    .item-desktop { display: none !important; }
    .item-mobil { display: block !important; }

    #mainNav .navbar-nav { align-items: flex-start; }
    #mainNav .mobil-icon-lists { display: flex; align-items: center; justify-content: center; }
    #mainNav .mobil-icon-lists a { padding: 0px 5px; }
    #mainNav .mobil-icon-lists img { display: block; margin: 5px auto; height: 20px; width: 20px; object-fit: contain; }
    #mainNav #cart2 { position: relative; }
    #mainNav .badgefix {position: absolute; right: -10px; top: -10px; }
    #mainNav .header-inline { display: none; }
    .rfi,.rfi2 { padding: 15px; margin: 0px auto; }
    #slider-down-icon ul li { width: 100%; font-size: 12px;}
    #slider-down-icon ul { flex-direction: column; }
    #h-blog .blog-item,#h-blog .blog-item2 { height: auto; }
    #ev-tekstil .ev-tekstil-item { height: auto; margin-bottom: 15px; }
    

    #kapok { background: #fff !important; }
    #kapok .c1 { padding: 15px; align-items: center; }
    #kapok .c-1-title { text-align: center; }
    #kapok .c-1-desc { text-align: center; }
    #ev-tekstil .ev-tekstil-item-up { padding: 0px 50px; margin-bottom: 60px; }
    #ev-tekstil .eti-img { margin: 0px auto; padding: 0px; }
    #ev-tekstil .eti-img { margin-top: -60px;}
    #ev-tekstil .eti-img img { transform: scale(0.8); transform-origin: top; }
    /*.all-layer-main-box { margin-top: 100px !important; }*/
    .pdd-slider img { height: 300px;}

    #product-detail .product-name .product-brands { position: relative; }
    #product-detail .all-price-v { width: 100% !important; }

    #product-detail .price-percent { display: flex !important; justify-content: center !important; width: 100% !important; }
    #product-detail .all-price-v { display: flex !important; justify-content: center !important; width: 100% !important; }
    #product-detail .product-add-to-cart.product-with-discount .product-price .price { flex-direction: column !important; }

}


@media(max-width:767px) {

    .header-top .left-box { justify-content: center; }
    .header-top .right-box { justify-content: center; }
    .header-top a { font-size: 9px; padding: 0px 2px; }
    .camping-banner a { font-size: 14px; font-weight: 300; }
    .header-top ul { text-align: center; }
    .pm-mb-0 { padding: 0px; }
    #ev-tekstil .eti-img img { transform: none; padding: 15px; }
    /*.all-layer-main-box { margin-top: 50px !important; }*/
    #product-detail .tab-content { padding: 30px 0px !important; }
    .right-box li a span{display: none;}
    .right-box{justify-content: right !important;}
    .location-button-magaza{margin-right: 10px !important}
}

@media(max-width:567px) {
    #home-filter .hf-title { font-size: 24px; }
    #home-filter .hf-desc { font-size: 14px; }
    .hc-title { font-size: 24px; }
    .home-cat span { font-size: 12px; }
    .akilli-yatak-title { font-size: 24px; }
    #kapok .c-2-logo img { max-width: 100%; }
    #kapok .c3 { margin-bottom: 30px; justify-content: center; }
    #kapok .c-2-img img { transform: scale(1); }
    #kapok .c-2-layer { margin: 15px auto; }
    #kapok .c-2-img { margin-bottom: 15px; }
    #product-list .swiper-slide { padding: 0px; }
    #product-list .swiper-itemx { padding: 0px; }
    .footer-full-part .footer-normal-part .footer-grid-box .footer-right-newsletter-contact-box .bambi-slogan-box { margin: 15px auto; text-align: center; }
    .footer-full-part .footer-normal-part .footer-grid-box .footer-right-newsletter-contact-box .bambi-slogan-box img { float: none !important; }
    .template-newsletter { width: 100%; padding: 15px; }
    .footer-full-part .footer-normal-part .footer-grid-box .footer-right-newsletter-contact-box .social-media-box { margin: 15px auto; }
    .footer-full-part .footer-normal-part .footer-grid-box .footer-right-newsletter-contact-box .social-media-box ul { text-align: center !important; }
    .footer-full-part .footer-normal-part .footer-grid-box .footer-right-newsletter-contact-box .mail-contact-box { text-align: center !important; }
    .footer-full-part .footer-normal-part .footer-grid-box .footer-right-newsletter-contact-box .phone-contact-box { text-align: center !important; }
    .hulyaavsar { text-align: center; }
    .bb-grid .bb-img-box .all-layer-main-box { padding: 15px !important; }

    .bb-grid .bb-img-box ul li button.layer1-buttons { right: 0px !important; }
    .bb-grid .bb-img-box ul li button.layer2-buttons { right: 50px !important; }
    .bb-grid .bb-img-box ul li button.layer3-buttons { right: 0px !important; top: 50px !important; }
    .bb-grid .bb-img-box ul li button.layer4-buttons { right: 50px !important; top: 50px !important; }

    #catalog .catalog-item { margin-bottom: 50px; }

}

@media(max-width: 490px) {

}

@media(max-width:375px) {
    #mainNav .navbar-brand img { max-width: 90px; }
    #mainNav .navbar-brand { margin-right: 0px; }
    #mainShop .shopping-cart { right: 0; }

}