:root {
    --theme-color: #caad70;
    --alt-color: #d8ab5d;
    --dark-color: #444;
    --light-text: #676767;
}

.light-text { color:var(--light-text); font-weight: 300;}
.one-product .theme-button.add-to-cart {margin-top: 3px}
    

body {color: var(--dark-color); }
h1, h2, h3, h4, h5, h6, p, a, li, span {}
h1, h2, h3, h4, h5, h6 {font-weight: 400;}

h1 {font-weight: 400; font-size: 26px;}
h3 {font-size: 23px;}

.section-title {font-size: 24px; font-weight: 400; text-align: center; }


.theme-color {color: var(--theme-color);}
.theme-button, .add-to-cart-short .theme-button { background: var(--theme-color); padding: 0 0.8em; height: 40px; display: inline-flex; align-items: center; 
    font-size: 14px; font-weight: 400; text-transform: uppercase; position: relative; border: 0; color: #fff; transition: background .15s ease-in-out; text-decoration: none; cursor: pointer; 
    width: fit-content; border: 2px solid; border-color: var(--theme-color);
}
.theme-button:hover, .add-to-cart-short .theme-button:hover {background: #fff; transition: background .15s ease-in-out; color: var(--theme-color);}


.theme-button2, .add-to-cart-short .theme-button2 { background: #fff; color: var(--theme-color);padding: 0 0.8em; height: 40px; display: inline-flex; align-items: center; 
    font-size: 14px; font-weight: 400; text-transform: uppercase; position: relative; border: 0;  transition: background .15s ease-in-out; text-decoration: none; cursor: pointer; 
    width: fit-content; border: 2px solid; border-color: var(--theme-color);
}
.theme-button2:hover, .add-to-cart-short .theme-button2:hover {background: var(--theme-color); transition: background .15s ease-in-out; color: #fff;}

.margin-top-btn {margin-top: 23px;}



.theme-banner {min-height: 300px; display: flex; overflow: hidden; margin-bottom: 32px; border-radius: 64px 64px 0 0;}
.theme-banner h3 {position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; display: inline-block; background: #fff; padding: 15.5px 20px;
    max-width: 90%; font-size: 16px; font-weight: 700; line-height: 1.38; letter-spacing: 1px; text-transform: uppercase; text-align: left; margin: 0;}
.theme-banner p { line-height: 1.17; color: #fff; padding: 30px 45px; position: absolute; left: 0; top: calc(50% + 60px); z-index: 1; 
    transition: all .3s ease-in-out; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden;}
.theme-banner img {height: 300px; width: 100%; object-fit: cover; transition: all .3s ease-in-out;}
.theme-banner h3 {transition: all .3s ease-in-out;}
.theme-banner:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.6); opacity: 0; 
    transition: all .3s ease-in-out; }
.theme-banner:hover p, .theme-banner:focus p {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible;}
.theme-banner:hover img {-webkit-transform: scale(1.2); transform: scale(1.2);}
.theme-banner:hover:after {opacity: 1;}
@media screen and (min-width: 768px){
    .theme-banner img {height: 400px;}
}
@media screen and (min-width: 992px){
    .theme-banner {min-height: 400px; margin-bottom: 0;}
}

.flex-items-start {align-items: flex-start;}
.flex-items-end {align-items: flex-end;}
.overflow-hidden {overflow: hidden;}
.overlay:before {content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
.mx-auto {margin-left: auto; margin-right: auto;}
.text-left {text-align: left;}

.solid-menus .no-bg li.active a {font-weight: 500;}


header .menu-cart .cart-container a > svg {height: 22px; width: 22px;}
header .badge { background: #fbf5d6; border: 1px solid #eee; color: #333; font-size: 11px; padding: 3px 5px 3px 5px; position: absolute; right: 2px; top: auto; bottom: 0;}
header .menu-cart .cart-container a .badge {right: 0px; bottom: -1px;}
header .navbar-toggle .icon-bar {height: 1px;}


.about-us {overflow: hidden;}
.about-us:before {display: none; position: absolute; width: 100%; height: 100%; background-image: url(/img/bg/kakao2.png);
    background-repeat: no-repeat; background-size: 190px; background-position: 1% top; opacity: .2;}
@media (min-width: 1580px){.about-us:before {opacity: 1;}}
.about-us:after {content: ''; position: absolute; /*background: #f5f2eb;*/ width: 100%; height: 100%; top: 0; left: 0; opacity: .5; z-index: -2;}
.subtitle {font-weight: 300; font-size: 20px; margin-top: 0; color: #010101cf; font-style: italic;}
.about-us p { font-weight: 300;}
.about-us .img-about {box-shadow: rgb(100 100 111 / 20%) 0px 4px 20px 0px; border-radius: 4px;}
.about-us .img-about img {border-radius: 4px;}
.about-us .absolute-img-about {width: 260px; right: -113px; top: calc(100% - 50%); border-radius: 4px 48px 4px 4px;}
.about-us .absolute-img-about img {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border: 1px solid #e5e1e1; border-radius: 4px 48px 4px 4px;}
.about-us .absolute-img-about2 {width: 260px; left: -126px; top: calc(100% - 29px); z-index: -1; border-radius: 4px 4px 4px 36px;}
.about-us .absolute-img-about2 img {border-radius: 4px 4px 4px 36px;}
.absolute-img-about2:before {content: ''; position: absolute; right: -7px; width: 50px; height: 35px; background-image: url(/img/logo-notext.png); background-size: 50px auto; 
    background-repeat: no-repeat; background-position: center center; z-index: 2; bottom: -3px; transform: rotate(331deg);}
@media (min-width: 768px){
    .about-us {overflow: visible;}
    .about-us .row {flex-direction: row;}
}



.swiper-container.swiperProducts {padding-top: 12px; padding-left: 5px; padding-right: 5px;}
.one-product .product-holder {padding-bottom: 16px; /*border-radius: 32px 32px 0 0;*/ border: 2px solid transparent;}
.one-product .product-holder:hover {/*box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 0px 8px -1px;*/ transform: scale(1.03); border-color: var(--theme-color);}
.one-product .product-img a {display: flex; justify-content: center; background: #f7f7f7;}
.one-product .product-img a > img {padding: 10px; mix-blend-mode: multiply;}
.one-product img:hover {transform: scale(1.0);}
.one-product .follow-featured {line-height: 35px; width: 35px; text-shadow: none; top: 10px; left: 16px; z-index: 4; transform: translateX(-100px); transition: .25s ease-in-out;}
.one-product .follow-featured label {background: #fff; border: 1px solid #eee;
    border-radius: 50%; width: 35px !important; height: 35px !important; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; line-height: 0;}
.one-product input[type='checkbox'].icon-checkbox + label .unchecked, .one-product input[type='checkbox']:checked.icon-checkbox + label .checked {color: var(--theme-color); text-shadow: none;
    line-height: 1;  margin-top: 2px;}
.one-product .product-holder:hover .follow-featured {transform: translateX(0);}
.one-product .price {font-size: 16px; font-weight: 400; color: var(--dark-color);}
.one-product .product-holder a h3 { font-weight: 400; line-height: 1.22; color: var(--dark-color);}
.product-holder .add-to-cart-short .theme-button {border-radius: 0;}
.product-holder .add-to-cart-short .theme-button:hover {transform: none; box-shadow: none;}
.product-holder .add-to-cart-short .theme-button svg {stroke: var(--dark-color); width: 22px;}

.product-flags {z-index: 4;}

.swiper-slide .description {font-size: 50px;font-weight: 300;font-style: italic;line-height: 1.6;color: #000000; text-align: left;padding-left: 10%;}
.swiper-slide .description span {background: #ffffff73;}

.swiper-button-next, .swiper-button-prev {background: var(--theme-color); color: #f7f7f7!important; padding: 16px; border: 1px solid #e9cc6d;}
.swiper-button-prev {left: 0px!important; border-radius: 24px 0 0  24px;}
.swiper-button-next {right: 0px!important; border-radius: 0 24px 24px 0;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: #f7f7f7; color: #e9cc6d!important;}


.category .cat-title {padding: 0 0 20px; font-weight: 400;}

.breadcrumb {font-size: 13px;}

.checkout .form-title, label {font-weight: 400;}
.cart-checkout .okvir h2, .checkout h3  {color: var(--dark-color); font-weight: 400;}
.cart-checkout .okvir .editable {background: var(--theme-color);}
.cart-checkout .levo > span, .cart-checkout .desno > span { padding: 6px 0; display: inline-block;}
.checkout .checkout_free_delivery_over, .checkout .checkout_total_to_pay_desc {/*font-weight: 300;*/}
.cart-checkout .okvir .cart_product {display: flex; align-items: center;}
.cart-checkout .theme-button {display: flex; width: 100%; justify-content: center;}




footer .details {color: var(--dark-color); padding: 45px 0 0;}
footer .details a {color: var(--dark-color);  font-weight: 400;}
footer .details p.title {margin-bottom: 0; font-size: 22px;}
footer .details p.title::before {display: none;}
footer ul li a:hover {font-weight: 300; color: var(--theme-color);}
footer ul li {font-weight: 300;}
footer  ul.social-circle {margin: 0px 0 0;}



footer .signature {padding: 20px 0; font-size: 14px; }


.sticky-top{ top: -64px; transition: .5s;  }
.sticky-top.sticky-nav{ transition: .5s;position: fixed; width: 100%;background-color: #fff;}



@media only screen and (max-width: 767px) {
    .block-xs {display: block;}
    .banner-combo2 .insider-left { margin-left: 0px; margin-top: -250px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {background: #fff; color: var(--dark-color); font-weight: 400;}
    header .middle .badge {color: var(--dark-color); font-size: 14px; color: var(--dark-color); font-size: 14px; font-weight: 400; background-color: var(--theme-color); padding: 0; display: inline-flex;
        width: 23px; height: 21px; align-items: center; justify-content: center; top: 17px; right: 11px;}
    header .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: var(--dark-color); font-size: 15px;}    
    .cart-checkout .okvir .desno {font-size: 15px; color: var(--dark-color); font-weight: 400;}
    .cart-checkout .okvir .levo {font-size: 15px;}
    
    div.product-list-3 .one-product:nth-of-type(3n+1) {clear: none;}

    header .menu-cart .cart-container a .badge {right: 12px; bottom: -12px;}
    header .badge { padding: 4px 5px 0px 5px; }
}

@media (min-width: 768px){
    
    header .navbar-nav {margin-top: 0;}
    
    h1 {font-size: 27px;}
    .section-title {font-size: 26px;}
    h3 {font-size: 24px;}
    .about-us p {}
    .subtitle {font-size: 22px;}
    
    .theme-button, .add-to-cart-short .theme-button {padding: 0 15px; font-size: 16px;}
    
    .one-product .product-holder a h3 {font-size: 18px;}

    
}

.bow {left: 71%; top: 21%; position: absolute; width: 10rem; height: 10rem; background-image: url(https://pics.clipartpng.com/midle/Beautiful_Red_Bow_PNG_Clipart-518.png); background-repeat: no-repeat;
background-size: contain; background-position: center; transform: translate(-50%, -50%); z-index: 10; pointer-events: none;}



.rotating {
  position: absolute;
  top: 385px; left: 50px; margin-top: 0; margin-left: 0;
  animation: rotate 1s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -1s);
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

.up {animation: up .8s linear infinite; animation-play-state: paused; animation-delay: calc(var(--scroll) * -1s); animation-iteration-count: 1; animation-fill-mode: both;}

@keyframes rotate {
  to {
    transform: translateY(-1600px) rotate(360deg);
  }
}

@keyframes up {
  to {
    transform: translateY(-1800px);
  }
}



.scrollToTop {width: 45px; height: 34px; line-height: 35px; animation: none; border-color: var(--theme-color); border-radius: 45px 45px 0 0; background: var(--theme-color);}
.scrollToTop:hover span {background: transparent; color: #fff;}


#nav-section .navbar-default .navbar-nav > li:hover > a {color: var(--theme-color);}
#nav-section .navbar-default .navbar-nav > li.active > a {color: var(--theme-color);background-color: #f9f8f5!important;}



.product-details .sp-minus { color: var(--theme-color); background: #fff; }
.product-details .sp-plus { color: var(--theme-color); background: #fff; }
.product-details .quantity-input { padding-top: 8px}



.product-details .add-to-cart:hover, .product-details .sp-minus:hover, .product-details .sp-plus:hover { background: #fff;}






@media only screen and (min-width: 767px) {
    #navbar-inner-container .left { width: 300px;}
    #navbar-inner-container .right { width: 300px;justify-content: flex-end;}
    #navbar-inner-container .middle { flex: 1;background: transparent;padding: 0;}
    .navbar-collapse.collapse { display: flex!important; }
    .solid-menus .navbar-brand > img { height: 55px; width: auto; margin-top: -20px; }
    #nav-section .navbar-default .navbar-nav > li > a { letter-spacing: 0px; color: #454d57; font-size: 16px;}
    .solid-menus .dropdown-menu > li > a { /*font-size: 16px;*/}
}
@media only screen and (max-width: 767px) {
    .menu-cart { position: absolute; float: right; top: 2px; right: 10px; }
    #navbar-inner-container .middle { padding: 0;}
    .nav.navbar-nav { margin: unset }
    .solid-menus .navbar-brand > img { height: 45px; width: auto; margin-top: -15px;  margin-left: 0px; }
    header .badge { position: relative; top: unset; right: unset;}
    header .top .content {  font-size: 13px;}

    .swiper-slide .description {  font-size: 33px;}

    .m-t-xs-0 {margin-top: 0!important}
}




#noty_center_layout_container li {background: var(--theme-color)!important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px!important;}