/*  Base  */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

body { min-width: 320px; background: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.5; color: #3E3E3E; }

a { color: #764D29; text-decoration: none; }
a:hover { color: #f75319; }

figure { margin: 0; }

img { vertical-align: middle; max-width: 100%; height: auto; }

h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 0.5em;  font-family: 'Montserrat', sans-serif; color: #000; }

h1 { font-size: 50px; font-weight: 300; text-transform: uppercase; }
h2 { font-size: 40px; font-weight: 500; text-transform: uppercase; }
h3 { font-size: 30px; font-weight: 500; text-transform: uppercase; }
h4 { font-size: 24px; font-weight: 600; }
h5 { font-size: 16px; }
h6 { font-size: 13px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.1em; }

.visible-mobile { display: none !important; }

/*  Wrapper  */

.wrapper { overflow: hidden; }


/*  Container  */

.container { margin: 0 auto; padding: 0 18px; max-width: 1200px; }


/* Icons */
.icon-facebook { display: inline-block; vertical-align: middle; width: 12px; height: 23px; background: url(../images/icon-facebook.png); background-size: 100% 100%; }
.icon-instagram { display: inline-block; vertical-align: middle; width: 23px; height: 23px; background: url(../images/icon-instagram.png); background-size: 100% 100%; }
.icon-mail { display: inline-block; vertical-align: middle; width: 22px; height: 18px; background: url(../images/icon-mail.png); background-size: 100% 100%; }
.icon-arrow-right { display: inline-block; vertical-align: middle; width: 13px; height: 23px; background: url(../images/icon-arrow-right.png); background-size: 100% 100%; }
.icon-arrow-left { display: inline-block; vertical-align: middle; width: 13px; height: 23px; background: url(../images/icon-arrow-left.png); background-size: 100% 100%; }
.icon-arrow-down { display: inline-block; vertical-align: middle; width: 26px; height: 45px; background: url(../images/icon-arrow-down.png); background-size: 100% 100%; }
.icon-close { display: inline-block; vertical-align: middle; width: 18px; height: 19px; background: url(../images/icon-close.png); background-size: 100% 100%; }
.icon-cart { display: inline-block; vertical-align: middle; width: 30px; height: 29px; background: url(../images/icon-cart.png); background-size: 100% 100%; }

/*  Button  */

.btn { position: relative; display: inline-block; vertical-align: middle; padding: 14px 40px; min-width: 270px; background: #000; border: 0; border-radius: 0; color: #fff; font-weight: 500; line-height: 1.4; text-transform: uppercase; text-align: center; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; transition: all .2s ease-out; }
.btn:hover { background: #333; color: #fff; }


/*  Loader  */
.loader-overlay { position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.8); visibility: hidden; opacity: 0; transition: all 0.1s ease-out; }
.loader-overlay.is-visible { visibility: visible; opacity: 1; }
.loader-overlay:before { content: ''; position: absolute; left: 50%; top: 50%; width: 2rem; height: 2rem; margin: -1rem 0 0 -1rem; border-width: 3px; border-style: solid; border-color: #9a6a00 transparent transparent; border-radius: 50%; animation: 0.6s infinite loaderRotate linear; }

@keyframes loaderRotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}


/*  Header  */

.header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; padding: 30px 0; transition: all 0.2s ease-out; }

.header__inner { display: flex; align-items: center; justify-content: space-between; }

.header__logo { display: inline-block; vertical-align: middle; width: 255px; height: 75px; background-image: url(../images/logo.png); background-size: 100% 100%; transition: all 0.2s ease-out; text-indent: -1000px; overflow: hidden; }
.header__logo:hover { opacity: 0.7; }
.header.is-fixed { padding: 20px 0; background: rgba(255,255,255,.8); }
.header.is-fixed .header__logo { width: 170px; height: 50px; }

/*  Navigation  */

.nav { display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; text-transform: uppercase; transition: all 0.2s ease-out; }

.nav ul { display: flex; align-items: center; list-style: none outside none; }

.nav__item { margin-left: 30px; font-weight: 600; color: #000; }
.nav__item:first-child { margin-left: 0; }
.nav__item a { padding: 0 12px; color: inherit; }
.nav__item a:hover { color: #aa8352; }
.nav__item a:hover i { opacity: 0.8; }
.nav__item i { position: relative; }

.nav__item--alt { font-weight: normal; text-transform: none; }

.nav__count { position: absolute; right: -1em; top: -0.25em; font-size: 10px; min-width: 16px; padding: 0 1px; line-height: 1.6; font-weight: bold; color: #fff; background: #000; border-radius: 8px; text-align: center; }


/*  Cart  */
.cart { position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; overflow: hidden; transition: all 0.2s ease-out; }

.cart__inner { position: relative; width: 530px; max-width: 100%; height: 100%; overflow: auto; margin-left: auto; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); transform: translateX(100%); transition: all 0.2s ease-out; }

.cart__head { display: flex; align-items: center; justify-content: space-between; padding: 40px 30px; border-bottom: 1px solid #c4c4c4;  }
.cart__head h5 { font-weight: normal; margin: 0; }

.cart__close { apperance: none; border: 0; border-radius: 0; background: none; cursor: pointer; }
.cart__close:hover { opacity: 0.5; }

.cart__body { display: flex; align-items: center; gap: 30px; padding: 50px 30px; border-bottom: 1px solid #c4c4c4;  }
.cart__image { flex: 0 0 170px; }
.cart__content { flex: 1 1 auto; }

.cart__quantity { display: flex; align-items: center; justify-content: space-between; }
.cart__quantity input { width: 90px; height: 38px; padding: 6px; border: 1px solid #A8A8A8; text-align: center; }
.cart__price { font-size: 20px; font-weight: 600; letter-spacing: 0.1em; }

.cart__foot { padding: 50px 30px; }
.cart__foot ul { list-style: none outside none; margin: 0 0 50px; padding: 0;  }
.cart__foot li { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: 6px 0; font-weight: 600; letter-spacing: 0.1em;  }
.cart__checkout { width: 100%; }

.cart.is-visible { opacity: 1; visibility: visible; }
.cart.is-visible .cart__inner { transform: none; }

/*  Product  */

.product { padding: 170px 0 90px; }

.product__body { display: flex; flex-flow: row nowrap; align-items: center;  margin: 0 -15px; }
.product__image { flex: 0 0 50%; padding: 0 15px; min-width: 0; }
.product__content { flex: 0 0 50%; padding: 0 15px; }

.product__description { margin-bottom: 1em; font-size: 1.25em; }

.product__price { font-size: 25px; font-weight: bold; letter-spacing: 0.1em; line-height: 1;  }
.product__price span + span { position: relative; color: #a7a7a7; }
.product__price span + span:after { content: ''; position: absolute; left: 0; bottom: 0.1em; width: 80px; height: 2px; background: currentColor; transform: rotate(-15deg); transform-origin: 0 0; }
.product__price:after { content: ''; display: block; width: 180px; height: 1px; margin: 20px 0; background: #9a6a00; }
.product__image-current { margin-bottom: 30px; }
.product__image-thumbnails { position: relative; padding: 0 60px; }
.product__image-thumbnails .swiper-slide { align-self: center; opacity: 0.5; }
.product__image-thumbnails .swiper-slide-thumb-active { opacity: 1; }
.product__image .swiper-button-prev:after,
.product__image .swiper-button-next:after { content: none; }
.product__image .swiper-pagination { position: static; margin: -20px 0 0; }
.product__image .swiper-pagination-bullet { width: 11px; height: 11px; border: 1px solid #ccc; background: #fff; opacity: 1; }
.product__image .swiper-pagination-bullet-active { background: #000; border-color: #000; }

.is-loading .product__add { animation: 0.6s infinite submitLoading alternate linear; pointer-events: none; }

.product--small { padding: 90px 0; background: #efefef; }
.product--small .product__price { margin-bottom: 30px; }
.product--small .product__price:after { content: none; }


/*  About */

.about { position: relative; background: #000; color: #fff; }
.about__body { display: flex; width: 50%; min-height: 560px; padding: 60px 40px; }
.about__content { flex: 1 1 auto; align-items: center; margin: auto; }
.about__content h3 { margin-bottom: 1em; color: inherit; }
.about__content h3:after { content: ''; display: block; width: 180px; height: 1px; margin: 20px auto 0; background: #9a6a00; }
.about__content p { margin: 0 0 2em; }
.about__content p:last-child { margin-bottom: 0; }
.about__image { position: absolute; left: 50%; right: 0; height: 100%; }
.about__image img { width: 100%; height: 100%; object-fit: cover; }


/*  Partners  */
.partners { padding: 60px 0; }
.partners h3 { margin-bottom: 1em; text-align: center; }
.partners h3:after { content: ''; display: block; width: 180px; height: 1px; margin: 20px auto 0; background: #9a6a00; }
.partners ul { display: flex; flex-flow: row nowrap; align-items: center; gap: 45px; list-style: none outside none; margin: 0; padding: 0; }
.partners li { flex: 1 1 10%; }
.partners a { display: block; transition: all 0.2s ease-out; }
.partners a:hover { opacity: 0.7; }

/*  Products  */

.products { padding: 20px 0 90px; }

.products h3 { margin-bottom: 1em; text-align: center; }
.products h3:after { content: ''; display: block; width: 180px; height: 1px; margin: 20px auto 0; background: #9a6a00; }

.products__body { }

.products__items { list-style: none outside none; padding: 0; margin: 0; }
.products__item { display: flex; flex-flow: row nowrap; align-items: center; margin: 0 -18px 100px; }
.products__item:last-child { margin-bottom: 0; }
.products__image { flex: 0 0 50%; padding: 0 18px; }
.products__content { flex: 0 0 50%; padding: 0 18px; }
.products__content h4 { font-weight: normal; text-transform: uppercase;  }
.products__content h5 { margin-bottom: 1em; }
.products__item:nth-child(odd) .products__content { order: -1; text-align: right; }


/*  FAQ  */
.faq { padding: 60px 0; background: #1d1d1d; color: #fff; }
.faq h3 { margin-bottom: 30px; text-transform: none; font-weight: 600; color: inherit; }
.faq__items { list-style: none outside none;margin: 0; padding: 0; }
.faq__items li { margin-bottom: 30px; }
.faq__items details { padding-left: 40px; }
.faq__items summary { margin-left: -40px; }
.faq__items summary::-webkit-details-marker,
.faq__items summary::marker { display: none; content: ''; }
.faq__items h4 { position: relative; color: inherit; padding: 6px 40px 6px 10px; margin: 0; border-left: 7px solid #AA8352; cursor: pointer; }
.faq__items h4:after { content: '';  position: absolute; right: 0; top: 0; width: 27px; height: 15px; background: url(../images/icon-arrow-down.png) no-repeat 0 0 / 100% 100%; user-select: none; transition: all 0.2s ease-out; }
.faq__items [open] h4:after { transform: rotate(180deg); }

/*  Socials  */

.socials { padding: 60px 0 80px; background: #AA8352; color: #fff; }

.socials h3 { margin-bottom: 40px; font-weight: 500; letter-spacing: 0.1em; text-transform: none; }
.socials ul { display: flex; align-items: center; justify-content: space-between; list-style: none outside none; }
.socials ul a { display: inline-flex; flex-flow: row nowrap; color: #fff; font-weight: bold; }
.socials ul a:hover { color: #eee; }
.socials ul img { flex: 0 0 auto; margin-right: 0.5em; max-width: 22px; max-height: 22px; width: auto; height: auto; object-fit: contain; }


/*  Sticky Product  */
.sticky-product { position: fixed; z-index: 100; left: 0; bottom: 0; width: 100%; padding: 8px 0; background: #fff; transform: translateY(100%); transition: all 0.2s ease-out; }
.sticky-product.is-visible { transform: translateY(0); }
.sticky-product__body { display: flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; gap: 30px; }
.sticky-product__image { flex: 0 0 auto; }
.sticky-product__image img { max-height: 64px; width: auto; height: 100%; }
.sticky-product__name { margin-bottom: 0; font-size: 20px; font-weight: 500; letter-spacing: 0.2em; }
.sticky-product__price { font-weight: 500; letter-spacing: 0.1em; white-space: nowrap; }
.sticky-product__quantity { display: flex; flex-flow: row nowrap; align-items: center; }
.sticky-product__quantity label { margin-right: 16px; font-weight: 500; letter-spacing: 0.1em;  }
.sticky-product__quantity input { width: 114px; height: 46px; padding: 0 16px; background: #FAF8F1; border: 0; border-radius: 23px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  ont-size: 20px; font-weight: bold; text-align: center; }


/*  Footer  */

.footer { padding: 40px 0 120px; font-size: 15px; font-weight: 500; background-color: #000; color: #B1B1B1; }

.footer a { color: #B1B1B1; text-decoration: none; }
.footer a:hover { color: #fff; text-decoration: none; }

.footer .container { display: flex; align-items: center; justify-content: space-between; }

.footer__copyright { display: flex; align-items: center; list-style: none outside none; }
.footer__copyright li { margin-right: 40px; }

.footer__nav { display: flex; align-items: center; list-style: none outside none; }
.footer__nav li { margin-right: 40px; }


/*  Tablet  */

@media (max-width: 1199px) {
	body { font-size: 14px; }

	h1 { font-size: 40px; }
	h2 { font-size: 35px; }
}


/*  Mobile  */

@media (max-width: 1023px) {
	h1 { font-size: 30px; }
	h2 { font-size: 26px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }

	.hidden-mobile { display: none !important; }
	.visible-mobile { display: block !important; }

	.btn { padding: 15px 16px; min-width: 200px; }

	.wrapper { padding-top: 90px; }

	.header { padding: 20px 0; }
	.header__logo { width: 170px; height: 50px; margin: 0 auto; }

	.nav__toggle { position: absolute; left: 20px; top: 50%; width: 30px; height: 24px; margin-top: -12px; border-width: 2px 0; border-color: #000; border-style: solid; background: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.2s ease-out; }
	.nav__toggle:before,
	.nav__toggle:after { content: ''; position: absolute; left: 0; top: 9px; width: 100%; height: 2px; background: #000; transition: all 0.2s ease-out; }
	.nav__item { margin: 0; font-size: 16px; border-bottom: 1px solid #cbcbcb; }
	.nav__item i { position: relative; }
	.nav__item a { display: block; padding: 12px 30px; }
	.nav__item a:focus {}
	.nav__link{ padding-left: 0 !important; padding-right: 0 !important; }

	.nav { position: fixed; z-index: 200; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; overflow: hidden; transition: all 0.2s ease-out; }
	.nav ul { display: block; width: 330px; max-width: 100%; height: 100%; padding: 90px 30px 0; overflow: auto; background: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); transform: translateX(-100%); transition: all 0.2s ease-out; }

	.nav.is-visible { visibility: visible; opacity: 1; }
	.nav.is-visible ul { transform: none; }

	.nav.is-visible + .nav__toggle { z-index: 300; border-color: transparent; }
	.nav.is-visible + .nav__toggle:before { transform: rotate(45deg); }
	.nav.is-visible + .nav__toggle:after { transform: rotate(-45deg); }

	.nav__cart-toggle { position: absolute; right: 20px; top: 50%; margin-top: -15px; background: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; }

	.cart__inner { width: 330px; }
	.cart__head { padding: 20px; }
	.cart__body { padding: 20px; gap: 12px; align-items: start; }
	.cart__image { flex: 0 0 80px; }
	.cart__quantity input { width: 60px; }
	.cart__foot { padding: 20px; }
	.cart__foot ul { margin-bottom: 20px; }

	.product { padding: 0 0 40px; }
	.product__body { display: block; }
	.product__content { padding: 0; margin-top: 30px; text-align: center; }
	.product__image { margin: 0 -18px; }
	.product__price:after { margin-left: auto; margin-right: auto; }

	.product--small .product__image { margin-left: 0; margin-right: 0; }

	.about__content { position: relative; z-index: 10; width: 100%; }
	.about__body { width: 100%; min-height: 0; }
	.about__image { left: 0; width: 100%; opacity: .5; }

	.partners ul { flex-flow: row wrap; }
	.partners li { flex: 1 1 25%; width: 25%; text-align: center; }

	.products__item { display: block; margin-bottom: 60px; }
	.products__content { text-align: left !important; padding-top: 30px; }

	.socials { padding: 40px 0; }
	.socials ul { display: block; }
	.socials ul img { width: 22px; height: 22px; object-fit: contain; }
	.socials li { padding: 8px 0; }

	.sticky-product__body { display: block; text-align: center; }
	.sticky-product__image { display: none; }
	.sticky-product__name { font-size: 14px; line-height: 1.2; }
	.sticky-product__submit .btn { width: 100%; }
	.sticky-product__price { margin: 10px 0; }

	.footer { padding: 30px 0 150px; }
	.footer .container { display: block; }

	.footer__copyright,
	.footer__nav { display: block; }

	.footer__nav,
	.footer__copyright li,
	.footer__nav li { margin-bottom: 30px; }

	.footer__copyright li:last-child,
	.footer__nav li:last-child { margin-bottom: 0; }

	#sb_instagram.sbi_col_6 #sbi_images .sbi_item { width: 50% !important; }
}