@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,500,600,700&display=swap');
@import 'bootstrap.css';
@import 'animate.css';
@import 'ionicons.css';
@import 'nice-select.css';
@import '../plugins/mobilemenu/mobilemenu.css';
@import '../plugins/tooltipster/tooltipster.bundle.min.css';
@import '../plugins/tooltipster/tooltipster-sideTip-punk.min.css';
@font-face { font-family: 'pantonregular'; src: url("../fonts/panton-regular.woff") format("woff"), url("../fonts/panton-regular.ttf") format("truetype"); font-weight: normal; }
@font-face { font-family: 'pantonbold'; src: url("../fonts/panton-bold.woff") format("woff"), url("../fonts/panton-bold.ttf") format("truetype"); font-weight: normal; }

/*============================================================================================*/
/* GLOBAL CSS */
/*============================================================================================*/
* { margin: 0px; padding: 0px; border: 0 none; outline: 0 none; list-style-type: none; }
body { position: relative; font-family: 'pantonregular'; font-size: 14px; line-height: normal; margin: 0; padding: 0; background: #eee; background: rgba(134, 153, 35, .3); color: #333; -webkit-font-smoothing: antialiased !important; }

a { color: #FF8040; }
a, a:active, a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { text-transform: none; }

.transition, a, h2, h3, h4, h5, .navmenu > li > a::before, .product-style, .add_to_cart { transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; }

#main-wrapper { position: relative; max-width: 100%; margin: 0 auto; }
#main { position: relative; display: block; padding: 0; margin: 0; }
.container { position: relative; width: 1200px; max-width: 1200px; margin: 0 auto; padding: 0; clear: both; }
.container:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

img { max-width: 100%; }

.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mb-20 { margin-bottom: 20px !important; }

.pull-left { float: left !important; }
.pull-right { float: right !important; }

.p-0 { padding: 0 !important; }

.dHidden { display: none !important; }

.empty-results { display: block; text-align: center; font-size: 17px; color: #777; font-style: italic; padding: 20px 0; }

#onfocus { height: 0px; line-height: 0px; }

.btn-style-1 { padding: 0 10px; margin: 0; color: #27282c; font-size: 13px; font-weight: normal; }
.btn-style-1:after { content: "\f363"; font-family: "Ionicons"; display: inline; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; font-size: 14px; }
.btn-style-1:hover { color: #d82439; }

.btn-style-2 { position: relative; display: inline-block; margin: 10px 0 0 0; font-size: 15px; font-weight: normal; padding: 5px 30px; border-left: 1px solid #00cebd; border-top: 1px solid #00cebd; border-right: 1px solid #777; border-bottom: 1px solid #777; color: #3c3b3b; cursor: pointer; }
.btn-style-2:after { content: "\e910"; color: #aaa; font-family: "icomoon"; display: inline; display: inline-block; vertical-align: middle; margin: 0 0 0 10px; font-size: 16px; font-weight: normal; }
.btn-style-2:hover { background: #f9f9f9; border-left: 1px solid #777; border-top: 1px solid #777; border-right: 1px solid #00cebd; border-bottom: 1px solid #00cebd; color: #333; }

.btn-style-3 { position: relative; display: inline-block; margin: 10px 0 0 0; font-size: 14px; font-weight: normal; padding: 5px 15px; border-left: 1px solid #00cebd; border-top: 1px solid #00cebd; border-right: 1px solid #777; border-bottom: 1px solid #777; color: #3c3b3b; cursor: pointer; }
.btn-style-3:hover { background: #f9f9f9; border-left: 1px solid #777; border-top: 1px solid #777; border-right: 1px solid #00cebd; border-bottom: 1px solid #00cebd; color: #333; }

.head-title { position: relative; display: block; padding: 0; margin: 0 0 50px 0; text-align: center; }
.head-title h2 { font-size: 48px; }
.head-title h3 { font-size: 38px; }
.head-title .title { position: relative; display: inline-block; margin: 0; padding: 0; line-height: normal; font-family: 'pantonregular'; color: #392724; font-weight: bold; text-transform: none; letter-spacing: 2px; }
.head-title .title:after { position: absolute; bottom: -10px; left: 20%; width: 60%; height: 1px; background: #869923; background: linear-gradient(90deg, transparent 0%, #869923 50%, transparent 100%); content: ""; z-index: 1; }
.head-title .title:before { position: absolute; bottom: -14px; left: 5%; width: 90%; height: 1px; background: #fff; background: linear-gradient(90deg, transparent 0%, #869923 50%, transparent 100%); content: ""; z-index: 1; }

@media only screen and (max-width: 768px) {
	body { width: 100%; max-width: 100%; margin: 0; padding: 0; }
	#main-wrapper { position: relative; max-width: 100%; width: 100%; overflow-x: hidden; margin: 0; padding: 0; }

	.head-title { margin: 0 10px 40px 10px; }
	.head-title h2 { font-size: 36px; letter-spacing: normal; }
	.head-title h3 { font-size: 26px; letter-spacing: normal; }

	.container { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
	.p-0 { padding: 0 !important; }
	.m-0 { margin: 0 !important; }
	.mHidden { display: none; }
	.dHidden { display: inherit !important; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* HEADER */
/*============================================================================================*/
.header-top { height: 50px; background: #392724; border-bottom: 1px solid rgba(106,91,92,.2); }
.header-top .header-contacts { display: block; margin: 0; padding: 0; float: left; }
.header-top .header-contacts li { display: block; float: left; height: 50px; margin: 0 10px 0 0; padding: 0; }
.header-top .header-contacts li a { display: block; margin: 0; height: 50px; line-height: 50px; padding: 0 10px; font-size: 14px; color: #fff; }
.header-top .header-contacts li a strong { display: inline; display: inline-block; vertical-align: middle; color: #fff; font-weight: normal; font-size: 14px; }
.header-top .header-contacts li a:hover strong { color: #eee; }
.header-top .header-contacts li a i { display: inline; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; font-size: 20px; color: #eee; }
.header-top .header-contacts li a i.ion-logo-facebook { font-size: 28px; }

.header-top .header-links { float: right; padding: 0; margin: 0 0 0 20px; }
.header-top .header-links li { display: block; float: left; height: 50px; margin: 0 0 0 5px; padding: 0; }
.header-top .header-links li a i { display: inline; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; font-size: 20px; color: #fff; }
.header-top .header-links li a { display: block; margin: 0; height: 50px; line-height: 50px; padding: 0 15px; font-size: 15px; font-weight: 500; background: #869923; color: #fff; text-transform: none; }

.header-bottom { position: relative; margin: 0; padding: 10px 0; background: #fff; }
.header-bottom .logo { position: relative; display: block; height: 80px; margin: 0; padding: 0; float: left; }
.header-bottom .logo img { height: 80px; margin: 0; padding: 0; }

@media only screen and (max-width: 768px) {
	.header-top .header-contacts { display: none; }
	.header-bottom .logo { height: 70px; margin-left: 10px; }
	.header-bottom .logo img { height: 70px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* HEADER MINI CART */
/*============================================================================================*/
.header-mini-cart { position: relative; height: 40px; float: right; cursor: pointer; position: relative; margin: 20px 0 0 20px; padding: 0 0 0 30px; border-left: 1px solid #D1C7BE; }
.header-mini-cart:hover .cart-box-count span.cart-notification { color: #fff; }
.header-mini-cart .cart-box-count { position: relative; display: block; float: left; padding: 0 20px 0 0; height: 40px; line-height: 40px; font-size: 36px; font-weight: 700; color: #392724; position: relative; }
.header-mini-cart .cart-box-count span.cart-notification { top: -7px; right: 7px; width: 22px; height: 22px; line-height: 22px; font-size: 13px; text-align: center; color: #fff; position: absolute; border-radius: 50%; display: block; background: #869923; font-weight: normal; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

@media only screen and (max-width: 768px) {
	.header-mini-cart { margin: 17px 10px 0 20px; }
	.header-mini-cart .cart-box-count { font-size: 40px; }
}

/*============================================================================================*/
/* NAVMENU */
/*============================================================================================*/
.navmenu { position: relative; float: right; height: 80px; margin: 0; padding: 0; }
.navmenu > li { position: relative; display: block; float: left; height: 80px; margin: 0; padding: 0; }
.navmenu > li > a { position: relative; display: block; height: 80px; line-height: 80px; color: #392724; font-size: 15px; text-transform: uppercase; padding: 0 35px; font-weight: 700; }
.navmenu > li.active > a, .navmenu > li > a:hover { color: #869923; }
.navmenu > li > a::before { position: absolute; display: block; left: -2px; top: 37px; content: ''; background: #D1C7BE; width: 6px; height: 6px; border-radius: 6px; margin-right: 10px; }
.navmenu > li:first-child > a::before { display: none; }

.sticky { margin: 0; padding: 0; z-index: 8; }
.fixed { position: fixed; z-index: 999; top: 0; width: 100%; margin: 0 auto; }
.fixed .navmenu { height: 50px; }
.fixed .navmenu > li { height: 50px; }
.fixed .navmenu > li > a { height: 50px; line-height: 50px; font-size: 14px; }
.fixed .logo { height: 50px; }
.fixed .logo img { height: 50px; }
.fixed .navmenu > li > a::before { top: 22px; }
.fixed .header-mini-cart {  margin-top: 5px; }

@media only screen and (max-width: 768px) {
	.fixed, .navmenu { display: none; }
}

/*============================================================================================*/
/* HOME SLIDER */
/*============================================================================================*/
#home-page { position: relative; }
#home-page .home-slider { position: relative; width: 100%; height: 100vh; }
#home-page .home-slider .swiper-slide { position: relative; background-color: #fff; height: 100vh; text-align: center; min-width: 100%; vertical-align: center; line-height: 100vh; text-align: center; margin: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#home-page .home-slider .swiper-slide .overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, .3); z-index: 9; }
#home-page .home-slider .swiper-slide .slide-text { z-index: 99; position: absolute; display: block; left: 0; width: 100%; line-height: normal; text-align: center; background: rgba(0, 0, 0, .3); padding: 30px 0; box-shadow: 0 0 10px #000; }
#home-page .home-slider .swiper-slide .slide-text h2 { position: relative; display: block; padding: 0; margin: 0 0 30px 0; font-size: 62px; letter-spacing: 3px; color: #fff; font-weight: bold; text-transform: none; text-shadow: 0px 10px 2px rgba(0, 0, 0, .5); }
#home-page .home-slider .swiper-slide .slide-text h2:before { content: ''; position: absolute; bottom: -15px;  display: inline; display: inline-block; vertical-align: middle; background: #869923; height: 2px; width: 40%; left: 30%; }
#home-page .home-slider .swiper-slide .slide-text p { display: block; margin: 0; padding: 0; text-align: center; font-size: 20px; font-weight: normal; text-transform: uppercase; color: #fff; text-shadow: 0px 2px 2px rgba(0, 0, 0, .5); letter-spacing: 1px; }
#home-page .home-slider .swiper-slide img { z-index: 8; width: 100%; max-width: 100%; margin: 0 auto; }
#home-page .home-slider .home-slider-pagination { position: absolute; z-index: 99 !important; right: 0 !important; left: 0 !important; top: auto; bottom: 50px; height: 16px !important; text-align: center; }
#home-page .home-slider .home-slider-pagination .swiper-pagination-bullet { display: inline; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 16px; margin: 0 5px !important; background: transparent; border: 1px solid #fff; opacity: .8; }
#home-page .home-slider .home-slider-pagination .swiper-pagination-bullet-active { background: #869923; border: 1px solid #869923; opacity: 1; }

@media only screen and (max-width: 768px) {
	#home-page .home-slider { height: auto; }
	#home-page .home-slider .swiper-slide { position: relative; height: auto; line-height: normal; display: block; }
	#home-page .home-slider .swiper-slide .slide-text { padding: 20px 0 40px 0; box-shadow: none; }
	#home-page .home-slider .swiper-slide .slide-text h2 { margin: 20px 0; font-size: 24px; letter-spacing: normal; }
	#home-page .home-slider .swiper-slide .slide-text p { font-size: 18px; letter-spacing: normal; text-transform: none; }
	#home-page .home-slider .home-slider-pagination { bottom: 25px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* SECTION ICONS */
/*============================================================================================*/
#section-icons { position: relative; margin: 80px 0; text-align: center; }
#section-icons img { width: 70%; max-width: 100%; margin: 0 auto; }

@media only screen and (max-width: 768px) {
	#section-icons { margin: 30px 0; }
	#section-icons img { width: 70%; margin-bottom: 20px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* SECTION BANNERS */
/*============================================================================================*/
#section-banners { position: relative; margin: 50px 0; text-align: center; }
#section-banners .banner { padding: 20px; border-radius: 5px; border: 1px dashed #869923; }
#section-banners .banner img { float: left; height: 80px; margin: 0 20px 0 0; padding: 0; }
#section-banners .banner .text { margin: 0; padding: 0; text-align: left; }
#section-banners .banner .text h4 { display: block; margin: 0; padding: 0; font-weight: 600; font-size: 22px; line-height: normal; }
#section-banners .banner .text p { display: block; margin: 5px 0 0 0; padding: 0; font-weight: 500; font-size: 15px; line-height: normal; }

@media only screen and (max-width: 768px) {
	#section-banners { margin: 30px 0 20px 0; }
	#section-banners .banner { border-radius: 0; margin-bottom: 10px; }
	#section-banners .banner img { height: 50px; }
	#section-banners .banner .text h4 { font-size: 23px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* PRODUCTS SECTION */
/*============================================================================================*/
#products-section { position: relative; margin: 50px 0; }
#products-section .row > div { padding-left: 10px; padding-right: 10px; }
.product-style { position: relative; display: block; margin: 0 0 30px 0; padding: 5px; border: 1px solid #ccc; background: #fff; background: rgba(255, 255, 255, .5); border-radius: 10px; }
.product-style:hover { background: #fff; }
.product-style .product-carbohydrates { position: absolute; display: block; top: -25px; right: -15px; width: 100px; height: 96px; z-index: 8; background: url('../img/carbohydrates.png') no-repeat; text-align: center; line-height: normal; }
.product-style .product-carbohydrates span { display: block; margin: 24px 0 0 0; padding: 0; text-align: center; color: #fff; height: 24px; line-height: 24px; font-size: 13px; }
.product-style .product-carbohydrates strong { display: block; margin: 0; padding: 0; text-align: center; color: #fff; height: 24px; line-height: 24px; font-size: 24px; }
.product-style .product-carbohydrates strong em { margin: 0 3px; }

.product-style .product-carbohydrates-small { position: absolute; display: block; top: -25px; right: -15px; width: 60px; height: 58px; z-index: 8; background: url('../img/carbohydrates-small.png') no-repeat; text-align: center; line-height: normal; }
.product-style .product-carbohydrates-small span { display: block; margin: 8px 0 0 0; padding: 0; text-align: center; color: #fff; height: 20px; line-height: 20px; font-size: 13px; }
.product-style .product-carbohydrates-small strong { display: block; margin: 0; padding: 0; text-align: center; color: #fff; height: 20px; line-height: 20px; font-size: 15px; }
.product-style .product-carbohydrates-small strong em { margin: 0 2px; }

.product-style figure { display: block; position: relative; margin: 0; padding: 0; }
.product-style figure img { width: 100%; max-width: 100%; border-radius: 10px; }
.product-style .content { position: relative; padding: 5px; text-align: center; }
.product-style .content h3 { display: block; margin: 10px 0 0 0; padding: 0; font-weight: 600; font-size: 22px; color: #392724; }
.product-style .content .pieces { display: block; margin: 0; padding: 5px 0; font-weight: 600; text-align: center; font-size: 16px; color: #392724; }
.product-style .content .price { position: relative; display: block; color: #aaa; font-size: 18px; font-weight: bold; margin: 10px 0; padding: 0; }
.product-style .content .price span { display: inline; display: inline-block; vertical-align: middle; color: #aaa; font-size: 18px; font-weight: normal; margin: 0; padding: 0; text-decoration: line-through; font-style: normal; }
.product-style .content .price strong { display: inline; display: inline-block; vertical-align: middle; color: #869923; font-size: 18px; font-weight: bold; margin: 0; padding: 0; }
.product-style .content .info { display: block; font-size: 13px; color: #333; margin: 0 0 10px 0; }
.product-style .content .more { display: inline; display: inline-block; vertical-align: middle; padding: 7px 25px; margin: 0 0 10px 0; background: #869923; border-radius: 5px; color: #fff; font-size: 14px; }
.product-style .content .more:hover { background: #392724; }

@media only screen and (max-width: 768px) {
	#products-section { margin: 30px 0; }
	.product-style { border: 0; border-radius: 0; }
	.product-style figure img { border-radius: 0; }
	.product-style .content { padding: 10px; }
	.product-style .content h3 { font-size: 32px; }
	.product-style .content .price, .product-style .content .price span, .product-style .content .price strong { font-size: 24px; }
	.product-style .content .info { margin: 0 0 20px 0; font-size: 16px; }
	.product-style .content .more { padding: 10px 30px; font-size: 16px; }
	.product-style .product-carbohydrates-small { position: absolute; display: block; top: -25px; right: 15px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* WHY US SECTION */
/*============================================================================================*/
#why-us-section { position: relative; margin: 0; padding: 50px 0; text-align: center; background: #f5f5f5; }
#why-us-section h4 { display: table; width: 100%; max-width: 100%; margin: 15px 0; padding: 0; text-align: left; }
#why-us-section h4 figure { display: table-cell; vertical-align: middle; width: 50px; }
#why-us-section h4 figure img { margin: 0; width: 50px; height: 50px; border-radius: 50px; border: 3px solid #869923; }
#why-us-section h4 strong { display: table-cell; vertical-align: middle; text-align: left; line-height: normal; font-size: 18px; padding: 0 0 0 20px; }

@media only screen and (max-width: 768px) {
	#why-us-section { padding: 30px 0; }
	#why-us-section h4 { margin: 0 5% 15px 5%; width: 90%; }
	#why-us-section h4 strong { font-size: 17px; padding-left: 10px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* SHOP PAGE */
/*============================================================================================*/
#shop { position: relative; padding: 70px 0 0 0; }
#shop .row > div { padding-left: 10px; padding-right: 10px; }
#shop .show-products { display: block; text-align: center; padding: 0; margin: 0 0 30px 0; float: none; }
#shop .show-products p { display: block; margin: 0; padding: 10px 0; text-align: center; line-height: normal; color: #333; font-size: 15px; }
#shop .show-products p strong { color: #000; }


@media only screen and (max-width: 768px) {
	#shop { position: relative; padding: 20px 0 0 0; }
	#shop .show-products { margin: 0 0 20px 0; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* CUSTOM PAGE */
/*============================================================================================*/
#custom-page { position: relative; padding: 70px 0; }
#custom-page .page-info { padding: 0; }
#custom-page .page-info h2 { font-size: 24px; font-weight: 600; }
#custom-page .page-info p { display: block; padding: 0; margin: 5px 0; font-size: 17px; line-height: 28px; color: #222; }

@media only screen and (max-width: 768px) {
	#custom-page { position: relative; padding: 30px 0; }
	#custom-page .page-info { padding: 0 20px; }
	#custom-page .page-info p { font-size: 18px; line-height: 22px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* CONTACTS PAGE */
/*============================================================================================*/
.contacts-page { position: relative; margin: 50px 0; }
.contacts-page h3 { display: block; margin: 0 0 20px 0; font-weight: 600; padding: 0; font-size: 26px; }
.contacts-page .contacts-list { margin: 0; width: 100%; padding: 10px; }
.contacts-page .contacts-list li { display: block; margin: 0; padding: 25px 0; }
.contacts-page .contacts-list li i { display: inline-block; vertical-align: middle; background: #869923; color: #fff; font-size: 48px; margin: 0; width: 80px; height: 80px; line-height: 80px; border-radius: 80px; text-align: center; }
.contacts-page .contacts-list li a { display: inline-block; vertical-align: middle; margin: 0 0 0 20px; padding: 0; font-size: 22px; color: #222; }
.contacts-page .contacts-list li a:hover { color: #000; }

.contacts-page .contact-form { padding: 10px; margin: 0; }
.contacts-page .contact-form .form-group { position: relative; }
.contacts-page .contact-form .form-control { background: rgba(255, 255, 255, .7); height: 46px; font-size: 14px; color: #111; }
.contacts-page .contact-form textarea { width: 100%; max-width: 100%; min-height: 168px; max-height: 168px; height: 168px; padding: 15px; }
.contacts-page .contact-form img { float: left; margin: 1px 5px 0 0; border-radius: 5px; }

.contacts-page .contact-form .captcha { float: left; width: 150px; }
.contacts-page .contact-form .form-group-inline { display: block; float: left; position: relative; margin: 0; }
.contacts-page .contact-form .btn { display: block; float: right; background: #392724; border: 0; outline: 0; font-size: 16px; text-transform: uppercase; padding: 10px 50px; margin: 0; color: #fff; }
.contacts-page .contact-form .btn:hover { background: #111; border: 0; outline: 0; }
.contacts-page .contact-form .btn:focus { border: 0; outline: 0; }
.contacts-page .contact-form .error_string { display: block; position: absolute; right: 10px; top: 15px; color: red; font-size: 13px; }
.contacts-page .contact-form .contact-error { border-color: red !important; }
.contacts-page .contact-form-message { background: #fff; padding: 40px 0; border-radius: 10px; border: 1px solid #eee; margin: 30px 0 0 0; display: block; text-align: center; color: #392724; font-size: 26px; font-weight: bold; }

@media only screen and (max-width: 768px) {
	.contacts-page { padding: 0 10px; }
	.contacts-page h3 { text-align: center; margin: 0 0 10px 0; font-size: 30px; }
	.contacts-page .contacts-list { margin: 0 0 30px 0; }
	.contacts-page .contacts-list li { display: table; width: 100%; max-width: 100%; margin: 0 0 10px 0; padding: 0; }
	.contacts-page .contacts-list li i { display: table-cell; margin: 0; font-size: 36px; width: 60px; height: 60px; line-height: 60px; border-radius: 60px; }
	.contacts-page .contacts-list li a { display: table-cell; margin: 0; padding: 0 0 0 15px; font-size: 18px; }

	.contacts-page .contact-form .form-group-inline { display: block; text-align: center; margin: 0 auto; float: none; }
	.contacts-page .contact-form .captcha { display: inline; display: inline-block; margin: 0 auto; float: none; }
	.contacts-page .contact-form img { display: inline; display: inline-block; float: none; margin: 0 5px 0 0; }
	.contacts-page .contact-form .btn { display: block; margin: 20px auto 0 auto; float: none; padding: 10px 75px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* PRODUCT PAGE */
/*============================================================================================*/
.product-page { position: relative; padding: 100px 0; }
.product-page .row > div { position: relative; }
.product-page .product-image { position: relative; display: block; margin: 0 40px 0 0; padding: 0; border: 1px solid #ddd; border-radius: 15px; }
.product-page .product-image .product-carbohydrates { position: absolute; display: block; top: -35px; right: -35px; width: 100px; height: 96px; z-index: 8; background: url('../img/carbohydrates.png') no-repeat; text-align: center; line-height: normal; }
.product-page .product-image .product-carbohydrates span { display: block; margin: 24px 0 0 0; padding: 0; text-align: center; color: #fff; height: 24px; line-height: 24px; font-size: 13px; }
.product-page .product-image .product-carbohydrates strong { display: block; margin: 0; padding: 0; text-align: center; color: #fff; height: 24px; line-height: 24px; font-size: 24px; }
.product-page .product-image figure { position: relative; display: block; margin: 0; padding: 0; }
.product-page .product-image figure img { max-width: 100%; margin: 0; padding: 0; border-radius: 15px; }
.product-page .product-title { position: relative; display: block; padding: 0; line-height: normal; border-bottom: 1px solid #e5e5e5; margin: 0 0 30px 0; }
.product-page .product-title h1 { position: relative; display: inline-block; font-size: 42px; margin: 0; line-height: normal; padding: 0 0 15px 0; color: #222; font-weight: 600; }
.product-page .product-title h1:before { position: absolute; left: 0; height: 3px; bottom: -2px; content: ""; background: #869923; width: 50%; }
.product-page .product-short-info { display: block; margin: 0; padding: 0; color: #444; font-size: 18px; line-height: normal; }

.product-page .product-price { position: relative; display: block; text-align: left; color: #aaa; font-size: 26px; font-weight: bold; margin: 30px 0; padding: 0; }
.product-page .product-price span { display: inline; display: inline-block; vertical-align: middle; color: #aaa; font-size: 28px; font-weight: normal; margin: 0; padding: 0px; text-decoration: line-through; font-style: normal; }
.product-page .product-price strong { display: inline; display: inline-block; vertical-align: middle; color: #869923; font-size: 34px; font-weight: bold; margin: 0; padding: 0px; }
.product-page .product-price em { display: inline; display: inline-block; vertical-align: middle; color: #222; font-size: 34px; font-weight: bold; margin: 0; padding: 0px; font-style: normal; }

.product-page .product-info { position: relative; border-top: 1px solid #ccc; color: #222; font-size: 17px; line-height: 24px; margin: 40px 0 0 0; padding: 30px 0 0 0; }
.product-page .product-info * { color: #333; margin: 0px; padding: 0px; }
.product-page .product-info h2 { display: block; font-weight: bold; margin: 10px 0; font-size: 26px; color: #111; line-height: normal; text-transform: none; }
.product-page .product-info h3 { display: block; font-weight: bold; margin: 10px 0; font-size: 22px; color: #111; line-height: normal; text-transform: none; }
.product-page .product-info p { display: block; margin: 0 0 3px 0; padding: 0px; color: #111; font-size: 18px; line-height: 32px; }
.product-page .product-info a:hover { text-decoration: underline; color: #082F50; }
.product-page .product-info table { width: 100%; max-width: 100%; background: #fff; margin: 0; padding: 0; }
.product-page .product-info table tr:nth-child(even) { background: #fff; }
.product-page .product-info table tr:nth-child(odd) { background: #eee; }
.product-page .product-info table th, .product-page .product-info table td { border: 1px solid #bbb; color: #111; font-size: 15px; margin: 0px; padding: 8px; line-height: normal; }
.product-page .product-info ul, .product-page .product-info ol { margin: 10px; }
.product-page .product-info li { display: block; margin: 5px 0; font-size: 17px; color: #333; line-height: normal; }
.product-page .product-info ol li { list-style-type: decimal !important; }
.product-page .product-info ul li:before { font-family: "Ionicons"; content: "\f284"; color: #ed1c24; font-size: 18px; margin: 0 10px 0 0; }
.product-page .product-out-of-stock { display: block; margin: 0 0 15px 0; padding: 0; font-size: 18px; color: #392724; font-style: italic; opacity: .8; font-weight: normal; }

.add_to_cart { display: block; float: left; background: #392724; border: 0; outline: 0; font-size: 17px; text-transform: none; padding: 0 50px; height: 50px; line-height: 50px; margin: 0; color: #fff; border-radius: 4px; cursor: pointer; }
.add_to_cart:hover { background: #869923; border: 0; outline: 0; }
.add_to_cart:focus { border: 0; outline: 0; }

.quantity-row { position: relative; float: left; width: 128px; height: 50px; margin: 0 20px 0 0; overflow: visible; }
.quantity-row .qty { position: relative; width: 50px; height: 50px; border-radius: 0; text-align: center; left: 39px; font-size: 18px; font-weight: 600; padding: 0; color: #392724; }
.quantity-row .button_inc { text-indent: -9999px; cursor: pointer; position: absolute; width: 40px; height: 50px; z-index: 9; }
.quantity-row .dec { background: #eee url(../img/minus.png) no-repeat center center; border: 1px solid #ccc; left: 0; top: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.quantity-row .inc { background: #eee url(../img/plus.png) no-repeat center center; right: 0; top: 0; border: 1px solid #ccc; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

@media only screen and (max-width: 768px) {
	.product-page { padding: 30px 15px; }
	.product-page .product-image { border-radius: 0; margin: 15px -15px 0 -15px; }
	.product-page .product-image figure img { border-radius: 0; }
	.product-page .product-image .product-carbohydrates {top: -55px; right: 0px; }
	.product-page .product-image .product-carbohydrates span { font-size: 13px; }
	.product-page .product-image .product-carbohydrates strong { font-size: 24px; }
	.product-page .product-title h1 { display: inline-block; font-size: 38px; margin: 0; padding: 15px 0; }

	.add_to_cart { padding: 0 15px; font-size: 15px; }

	.quantity-row .qty { font-size: 16px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* SHOPPING CART BOX */
/*============================================================================================*/
.shopping-cart-box { position: absolute; z-index: 999; top: 72px; right: 0; margin-left: auto; margin-right: auto; width: 350px; color: #869923; background: #fff; border-radius: 5px; padding: 15px 0 0 0; display: none; }
.shopping-cart-box .close-shopping-cart-box { display: block; position: absolute; top: 4px; right: 4px; text-decoration: none; text-transform: lowercase; background: #869923; color: #fff; font-size: 18px; padding: 5px 10px; border-radius: 5px !important; }
.shopping-cart-box .close-shopping-cart-box:hover { background: #222; }
.shopping-cart-box .shopping-cart-empty { display: block; text-align: center; font-weight: normal; font-size: 17px; font-style: italic; color: #222; padding: 20px 0 30px 0; margin: 0; }

.shopping-cart-box .cart-products-total { background: #eee; display: block; margin: 0; padding: 15px 0; border-radius: 0 0 5px 5px; }
.shopping-cart-box .cart-products-total span { display: block; float: left; height: 32px; line-height: 32px; font-size: 18px; color: #333; margin: 0 0 0 15px; text-transform: none; font-weight: 500; }
.shopping-cart-box .cart-products-total span strong { font-weight: bold; color: #869923; font-size: 20px; text-transform: none; }
.shopping-cart-box .cart-products-total a { display: block; float: right; height: 32px; line-height: 32px; padding: 0 15px; margin: 0 15px 0 0; background: #392724; color: #fff; border-radius: 4px; font-size: 14px; text-transform: none; }
.shopping-cart-box .cart-products-total a:hover { background: #000; }

#shopping-cart-results .cart-loading { width: 40%; margin: 30px auto; }
#shopping-cart-results ul.cart-products-loaded { width: 100%; max-width: 100%; margin: 20px 0 0 0; padding: 0; list-style: none; }
#shopping-cart-results ul.cart-products-loaded li { position: relative; display: block; background: #f5f5f5; margin: 0; padding: 15px; border: 0; border-top: 1px solid #ccc; }
#shopping-cart-results ul.cart-products-loaded li:first-child { border-top: 0; }
#shopping-cart-results ul.cart-products-loaded li:nth-child(even) { background: #fff; }
#shopping-cart-results ul.cart-products-loaded li:nth-child(odd) { background: #fff; }
#shopping-cart-results ul.cart-products-loaded li .image { display: block; float: left; width: 40px; margin: 0 15px 0 0; text-align: center; }
#shopping-cart-results ul.cart-products-loaded li .image img { max-width: 40px; max-height: 50px; margin: 0; padding: 0; }
#shopping-cart-results ul.cart-products-loaded li div { line-height: normal; }
#shopping-cart-results ul.cart-products-loaded li div.delivery { line-height: normal; font-size: 15px; color: #000; font-weight: bold; }
#shopping-cart-results ul.cart-products-loaded li div strong { display: block; margin: 0; padding: 0 25px 0 0; font-size: 17px; color: #000; }
#shopping-cart-results ul.cart-products-loaded li div span { display: block; margin: 0; padding: 0; font-size: 13px; color: #444; }
#shopping-cart-results ul.cart-products-loaded li a { position: absolute; top: 50%; right: 15px; margin: -20px 0 0 0; display: block; height: 40px; line-height: 40px; }
#shopping-cart-results ul.cart-products-loaded li a i { text-decoration: none; font-size: 20px; color: #ed1c24; font-weight: normal; }
#shopping-cart-results ul.cart-products-loaded li a:hover i { color: #111; }

#addProductSuccess { display: none; z-index: 999; position: fixed; top: 0; left: 0; right: 0; text-align: center; }
#addProductSuccess span { display: inline; display: inline-block; background: #000; margin: 0; height: 40px; line-height: 40px; padding: 0 50px; font-size: 15px; color: #fff; border-radius: 0 0 5px 5px; }

@media only screen and (max-width: 768px) {
	.shopping-cart-box { position: fixed; width: 100%; top: 145px; margin: 0; border-radius: 0; }
	#addProductSuccess { left: 15px; right: 15px; }
	#addProductSuccess span { display: block; height: 40px; line-height: 40px; padding: 0 10px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* CART PAGE */
/*============================================================================================*/
#cart-page { position: relative; margin: 20px 0; padding: 0; }
#cart-page .cart-steps { position: relative; width: 90%; margin: 70px auto 40px auto; }
#cart-page .cart-steps ul { display: block; width: 100%; height: 6px; background: #392724; }
#cart-page .cart-steps ul li { display: block; position: absolute; top: -8px; width: 22px; height: 22px; border-radius: 22px; background: #392724; }
#cart-page .cart-steps ul li span { display: block; position: absolute; top: -30px; left: 50%; width: 200px; margin-left: -100px; text-align: center; padding: 0; color: #392724; font-size: 13px; font-weight: normal; }
#cart-page .cart-steps ul li.active { background: #869923; }
#cart-page .cart-steps ul li.active span { color: #869923; font-weight: 600; }
#cart-page .cart-steps ul li:nth-child(1) { left: 0; }
#cart-page .cart-steps ul li:nth-child(2) { left: 50%; }
#cart-page .cart-steps ul li:nth-child(3) { right: 0; }

.cart-btns { display: block; float: right; text-align: right; margin: 20px 0 0 0; }
.cart-btns .btn { display: inline-block; height: 44px; margin: 0; padding: 0 20px; vertical-align: middle; background: #869923; border: 0; text-transform: uppercase; font-size: 15px; font-weight: normal; line-height: 44px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.cart-btns .btn i { display: inline; display: inline-block; vertical-align: middle; font-size: 20px; padding: 0; margin: 0 5px; }
.cart-btns .btn span { display: inline; display: inline-block; vertical-align: middle; font-size: 15px; margin: 0; padding: 0; }
.cart-btns .btn.btn-revoke { background: #222; }
.cart-btns .btn.btn-revoke:hover { background: #000; }
.cart-btns .btn:hover { background: #111; }
.cart-btns .btn:hover, .checkout-page .cart-btns .btn:focus { border: 0; outline: 0; }

.cart-table { position: relative; width: 100%; max-width: 100%; padding: 0; background: transparent; margin: 0; border: 0; border-radius: 6px; }
.cart-table thead { background: #392724; border: 0; border-radius: 6px 6px 0 0; }
.cart-table thead tr th { padding: 15px 0; margin: 0; border: 0; line-height: normal; vertical-align: middle; text-align: center; color: #fff; font-size: 16px; font-weight: 600; }
.cart-table tbody { border: 0 none; }
.cart-table tbody tr { position: relative; border-bottom: 1px solid #ccc; }
.cart-table tbody tr.even { background: #fff; }
.cart-table tbody tr.odd { background: #fefefe; }
.cart-table tbody tr.order_delivery { background: #f9e3e8; }
.cart-table tbody tr.order_delivery td { padding: 15px 10px; }
.cart-table tbody tr td { padding: 15px 0; border: 0; vertical-align: middle; text-align: center; color: #392724; }
.cart-table tbody tr td.image img { max-width: 80px; max-height: 100px; border: 0; outline: 0; }
.cart-table tbody tr td.image img:hover, .cart-table tbody tr td.image img:focus { border: 0 !important; outline: 0 !important; }
.cart-table tbody tr td.name { color: #869923; font-size: 18px; font-weight: 600; }
.cart-table tbody tr td.name a { color: #869923; font-size: 18px; font-weight: 600; }
.cart-table tbody tr td.name a:hover { color: #392724; text-decoration: underline; }
.cart-table tbody tr td.name span { display: inline; display: inline-block; vertical-align: middle; line-height: normal; color: #392724; font-size: 16px; font-weight: normal; font-style: italic; }
.cart-table tbody tr td.name em { display: inline; display: inline-block; vertical-align: middle; line-height: normal; color: #392724; font-size: 13px; font-weight: normal; margin-left: 5px; }
.cart-table tbody tr td.size { color: #392724; font-size: 15px; }
.cart-table tbody tr td.price { color: #392724; font-size: 17px; font-weight: 600; }
.cart-table tbody tr td.delivery_price { color: #392724; font-size: 18px; font-weight: normal; }
.cart-table tbody tr td.quantity { position: relative; text-align: center; }
.cart-table tbody tr td.quantity .quantity-row { float: none; margin-left: auto; margin-right: auto; }
.cart-table tbody tr td.total { padding: 20px 30px 10px 0; text-align: right; background: #fff; color: #fff; font-size: 22px; font-weight: normal; }
.cart-table tbody tr td .remove-btn { background: transparent; display: inline; display: inline-block; cursor: pointer; }
.cart-table tbody tr td .remove-btn i { display: block; width: 40px; height: 34px; line-height: 34px; border-radius: 5px; text-align: center; font-size: 26px; color: #ed1c24; font-weight: normal;}
.cart-table tbody tr td .remove-btn:hover i { color: #392724; }
.cart-table tbody tr td span { margin-left: 5px; display: inline; display: inline-block; vertical-align: middle; }
.cart-table tbody tr.order_taxes { background: #f4f2e8; }
.cart-table tbody tr.order_taxes td.delivery { width: 70px; text-align: center; }
.cart-table tbody tr.order_taxes td i { display: block; background: #fff; font-size: 30px; color: #555; }

.cart-total { display: block; margin: 20px 10px 0 10px; float: right; }
.cart-total div { margin: 5px 0; display: table; }
.cart-total div span, .cart-total div strong { display: table-cell; vertical-align: middle; height: 32px; line-height: 32px; }
.cart-total div span { width: 250px; padding: 0 5px 0 0; color: #111; text-align: right; text-transform: none; font-size: 20px; text-transform: uppercase; }
.cart-total div strong { color: #111; text-align: left; padding: 0 0 0 5px; font-weight: bold; font-size: 20px; }
.cart-total div strong del { color: #777; text-align: left; padding: 0; font-weight: normal; font-size: 20px; }

.checkout-page { position: relative; margin: 0 0 20px 0; padding: 0; }
.checkout-page .cart-total { float: left; text-align: left; }
.checkout-page .cart-total div { display: block; }
.checkout-page .cart-total div span, .checkout-page .cart-total div strong { width: auto; display: inline; display: inline-block; vertical-align: middle; height: 50px; line-height: 50px; text-align: left; }
.checkout-page .empty-cart { display: block; margin: 0; padding: 40px 0; font-size: 20px; font-weight: normal; font-style: italic; color: #ddd; text-align: center; }
.checkout-page .empty-cart strong { color: #ddd; }
.checkout-page .cart-products-count { display: block; text-align: center; margin: 0 0 10px 5px; padding: 0; font-size: 13px; font-style: italic; color: #444; font-weight: normal; }
.checkout-page .cart-products-count strong { color: #000; padding: 0 2px; }

.address-page { position: relative; margin: 0 0 20px 0; padding: 0 0 50px 0; }
.address-page .form-group { position: relative; }
.address-page .form-group label { display: block; font-size: 14px; margin: 0; padding: 3px 0; }
.address-page h4 { display: block; margin: 20px 0 10px 0; padding: 15px; background: #392724; border-radius: 5px; color: #fff; font-size: 16px; }
.address-page textarea { height: 100px; max-width: 100%; width: 100%; }
.address-page .error_string { display: block; position: absolute; right: 10px; height: 40px; bottom: 0px; line-height: 40px; color: #ed1c24; font-size: 13px; }
.address-page .form-error { border-color: #ed1c24 !important; }

.sending-page { position: relative; margin: 0 0 20px 0; padding: 0; }
.sending-page h2 { display: block; margin: 0 0 15px 0; padding: 0; text-align: left; font-weight: 500; color: #111; font-size: 20px; }
.sending-page ul { display: block; padding: 0; margin: 20px 0; }
.sending-page ul li { display: block; height: 40px; line-height: 40px; clear: both; font-size: 15px; border-bottom: 1px solid #eee; }
.sending-page ul li span { display: block; width: 50%; float: left; text-align: right; padding: 0 5px; }
.sending-page ul li strong { display: block; width: 50%; float: right; text-align: left; padding: 0 5px; }
.sending-page ul li.order-info { display: block; height: auto; line-height: normal; text-align: center; padding: 10px 5px; }
.sending-page ul li.order-info em { font-weight: bold; font-style: normal; }

.sending-page .sending-form .form-group { position: relative; }
.sending-page .sending-form .error_string { display: block; position: absolute; right: 10px; height: 40px; bottom: 0px; line-height: 40px; color: #ed1c24; font-size: 13px; }
.sending-page .sending-form .captcha { position: relative; display: block; float: left; height: 42px; line-height: 42px; padding: 0; margin: 20px 0 0 0; font-size: 13px; cursor: pointer; cursor: pointer; color: #222; transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; }
.sending-page .sending-form .captcha img { margin: 0; padding: 0; height: 42px; float: left; border-radius: 5px 0 0 5px; }
.sending-page .sending-form .captcha .input-captcha { float: left; height: 42px; line-height: 42px; font-size: 14px; padding: 0 15px; width: 160px; border: 0; background: #fff; transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; color: #000; border-radius: 0 5px 5px 0; }

.sending-page .sending-form .useful { position: relative; display: block; float: left; height: 42px; line-height: 42px; padding: 0 30px 0 0; text-decoration: none; font-size: 15px; color: #111; font-weight: normal; border: 0; outline: 0; margin: 20px 0 0 30px; }
.sending-page .sending-form .useful input { display: inline; display: inline-block; vertical-align: middle; cursor: pointer; margin: 0; padding: 0; }
.sending-page .sending-form .useful strong { display: inline; display: inline-block; vertical-align: middle; font-weight: normal; margin: 0 0 0 6px; padding: 0; cursor: pointer; }
.sending-page .sending-form .useful a { display: inline; display: inline-block; vertical-align: middle; margin: 0; padding: 0; font-weight: 600; text-decoration: underline; color: #000; }
.sending-page .sending-form .useful a:hover { color: #869923; }
.sending-page .sending-form .useful a:hover, .sending-page .sending-form .useful a:focus { border: 0; outline: 0; }
.sending-page .sending-form .useful-error a { color: #fff !important; }

.sending-page .sending-form .promo-code { position: relative; display: block; float: right; height: 42px; line-height: 42px; padding: 0; margin: 20px 0 0 0; font-size: 13px; cursor: pointer; cursor: pointer; color: #222; transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; }
.sending-page .sending-form .promo-code .form-control { float: left; height: 42px; line-height: 42px; font-size: 14px; padding: 0 15px; width: 150px; border: 0; background: #fff; transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; color: #000; border-radius: 0; border-radius: 4px 0 0 4px; }
.sending-page .sending-form .promo-code button { float: left; height: 42px; line-height: 42px; font-size: 15px; padding: 0 15px; border: 0; background: #869923; color: #fff; border-radius: 0; border-radius: 0 4px 4px 0; cursor: pointer; }
.sending-page .sending-form .promo-code button:hover { background: #111; }

.sending-page .sending-form .promo-code-message { display: block; float: right; height: 42px; line-height: 42px; text-align: right; color: #222; font-size: 16px; padding: 0 10px; margin: 20px 0 0 0; }
.sending-page .sending-form .promo-code-message strong { background: #869923; color: #fff; padding: 2px 7px; margin: 0 4px; }

#fixed-loading { display: none; position: fixed; width: 198px; height: 198px; top: 30%; left: 50%; margin: -99px 0 0 -99px; z-index: 999; }

.success-page { position: relative; margin: 50px 0 20px 0; padding: 0; }
.success-page h2 { display: block; margin: 0; padding: 0; text-align: center; font-weight: bold; color: #111; font-size: 26px; }
.success-page h3 { display: block; margin: 10px 0; padding: 0; text-align: center; font-weight: normal; color: #111; font-size: 18px; }
.success-page h4 { display: block; margin: 0; padding: 0; text-align: center; font-weight: normal; color: #555; font-size: 13px; }
.success-page button { display: inline; display: inline-block; background: #869923; margin: 20px 0 0 0; padding: 10px 20px; color: #fff; text-align: center; cursor: pointer; border: 0; outline: 0; border-radius: 10px; }
.success-page button:hover { background: #111; }
.success-page button i { display: inline; display: inline-block; vertical-align: middle; font-size: 28px; margin: 0 15px 0 0; }
.success-page button strong { display: inline; display: inline-block; vertical-align: middle; font-size: 20px; font-weight: normal; text-transform: uppercase; }

#printContent { display: none; }

@media only screen and (max-width: 768px) {
	#cart-page { padding: 0 0 20px 0; }
	#cart-page .cart-steps { width: 80%; margin: 70px auto 30px auto; }
	#cart-page .cart-steps ul li span { top: -40px; left: 50%; width: 100px; margin-left: -50px; font-size: 12px; }

	.cart-btns { float: none; text-align: center; margin: 30px 0 0 0; }
	.cart-btns .btn { display: block; width: 80%; margin: 10px auto 0 auto; padding: 0 10px; font-size: 13px; }

	.checkout-page .cart-products-count { text-align: center; margin: 0 0 10px 0; font-size: 12px; }

	.cart-table { border-radius: 0; }
	.cart-table thead tr th { border-radius: 0; font-size: 14px; font-weight: 500; }
	.cart-table thead tr th.image { display: none; }
	.cart-table tbody tr td { text-align: center; }
	.cart-table tbody tr td.image { display: none; }
	.cart-table tbody tr td.name { font-size: 15px; font-weight: 500; }
	.cart-table tbody tr td.name a { font-size: 15px; font-weight: 500; }
	.cart-table tbody tr td.name span { font-size: 14px; }
	.cart-table tbody tr td.price { font-size: 15px; font-weight: 600; }
	.cart-table tbody tr td.quantity .quantity-row { font-size: ; }

	.cart-btns { float: none; width: 100%; text-align: center; }
	.cart-btns .btn { padding: 0 10px; font-size: 14px; }
	.cart-btns .btn i { font-size: 18px; }
	.cart-btns .btn span { font-size: 15px; text-transform: none; }

	.checkout-page .cart-total { float: none; margin: 10px 0; text-align: center; }

	.address-page { margin: 0 10px 20px 10px; padding: 0 0 20px 0; }

	.sending-page { margin: 0 10px 20px 10px; }
	.sending-page h2 { margin: 0 0 10px 0; text-align: center; font-size: 18px; }
	.sending-page .sending-form .captcha { float: none; margin: 20px auto 0 auto; text-align: center; }
	.sending-page .sending-form .captcha img { display: inline; display: inline-block; vertical-align: middle; float: none; }
	.sending-page .sending-form .captcha .input-captcha { display: inline; display: inline-block; vertical-align: middle; float: none; margin-left: -2px; }
	.sending-page .sending-form .useful { float: none; padding: 0; font-size: 14px; margin: 20px auto 0 auto; text-align: center; }
	.sending-page .sending-form .promo-code { float: none; margin: 10px auto; text-align: center; }
	.sending-page .sending-form .promo-code .form-control { display: inline; display: inline-block; vertical-align: middle; float: none; }
	.sending-page .sending-form .promo-code button { display: inline; display: inline-block; vertical-align: middle; float: none; margin-left: -2px; }

	.success-page { margin: 30px 10px; }
	.success-page h2 { font-size: 20px; }
	.success-page h3 { font-size: 16px; }
	.success-page h4 { font-size: 12px; }
	.success-page button i { font-size: 22px; }
	.success-page button strong { font-size: 18px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  
}

/*============================================================================================*/
/* LOGIN / REGISTRATION */
/*============================================================================================*/
.login-page { position: relative; padding: 50px 0; }
.login-page .row > div { position: relative; }
.login-page .form-box { margin-top: 20px; }
.login-page .form-box .form-top { overflow: hidden; padding: 10px 25px; background: #392724; border-radius: 6px 6px 0 0; text-align: left; }
.login-page .form-box .form-top .form-top-left { float: left; width: 75%; padding: 5px 0 0 0; }
.login-page .form-box .form-top .form-top-left h3 { margin: 0; padding: 0; color: #fff; font-weight: 500; font-size: 26px; }
.login-page .form-box .form-top .form-top-left p { margin: 3px 0 0 0; padding: 0; color: #aaa; font-size: 13px; }
.login-page .form-box .form-top .form-top-right { float: left; width: 25%; padding: 0; margin: 0; font-size: 48px; color: #fff; line-height: normal; text-align: right; opacity: 0.9; }
.login-page .form-box .form-bottom { padding: 25px 25px 30px 25px; background: rgba(255, 255, 255, .5); -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; text-align: left; }
.login-page .form-box .form-bottom form button.btn { width: 100%; }
.login-page .registration-message { display: block; margin: 0; padding: 30px 0; text-align: center; font-size: 24px; background: #eee; color: #111; border: 1px solid #ddd; border-radius: 10px; }
.login-page .login-message { display: block; margin: 0; padding: 0 0 20px 0; text-align: center; font-size: 20px; color: #df0000; }

.login-page .form-group { position: relative; }
.login-page .form-group label { display: block; font-size: 14px; margin: 0; padding: 3px 0; }
.login-page h4 { display: block; margin: 20px 0 10px 0; padding: 15px; background: #222; border-radius: 5px; color: #fff; font-size: 16px; }
.login-page textarea { height: 100px; max-width: 100%; width: 100%; }
.login-page .form-control { font-size: 14px; color: #111; }
.login-page .error_string { display: block; position: absolute; right: 10px; height: 40px; bottom: 0px; line-height: 40px; color: #ed1c24; font-size: 13px; }
.login-page .input-error { border-color: #ed1c24 !important; }
.login-page .btn { display: block; height: 44px; margin: 10px 0 0 0; padding: 0 20px; background: #869923; border: 0; text-transform: uppercase; font-size: 15px; font-weight: normal; line-height: 44px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.login-page .btn:hover { background: #111; }

@media only screen and (max-width: 768px) {
	.login-page { padding: 0 0 30px 0; }
	.login-page .form-box .form-top { padding: 10px; border-radius: 0; }
	.login-page .form-box .form-top .form-top-left h3 { font-size: 24px; }
	.login-page .form-box .form-top .form-top-left p { font-size: 12px; }
	.login-page .form-box .form-top .form-top-right { font-size: 42px; }
	.login-page .form-box .form-bottom { padding: 15px 15px 20px 15px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* PROFILE PAGE */
/*============================================================================================*/
.account-page { position: relative; margin: 40px 0; }
.account-page .account-content { position: relative; display: block; background: rgb(0,0,0); background: linear-gradient(90deg, #fff 0%, #ddd 50%, #fff 100%); margin: 30px 0 0 0; font-size: 17px; color: #333; line-height: normal; padding: 40px 20px; }
.account-page .account-content .btn { display: block; height: 44px; margin: 10px auto 0 auto; padding: 0 20px; background: #869923; border: 0; text-transform: uppercase; font-size: 15px; font-weight: normal; line-height: 44px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
.account-page .account-content .btn:hover { background: #111; }
.account-page .account-content .account-left { text-align: center; color: #333; margin-top: 4%; }
.account-page .account-content .account-left img { margin: 0 auto; margin-bottom: 30px; width: 50%; }
.account-page .account-content .account-left h3 { display: block; text-align: center; font-size: 28px; font-weight: lighter; padding: 0; margin: 0; }
.account-page .account-content .account-left p { display: block; text-align: center; font-size: 16px; font-weight: lighter; padding: 10px 0 30px 0; margin: 0; }
.account-page .account-content .account-left .btn { width: 60%; cursor: pointer; }

.account-page .account-content .account-right {  }
.account-page .account-content .account-right ul.tabs { margin: 0; padding: 0; list-style: none; }
.account-page .account-content .account-right ul.tabs li { background: #ccc; color: #333; display: inline-block; padding: 0 25px; height: 50px; line-height: 50px; margin: 0 2px; border-radius: 6px; cursor: pointer; font-size: 18px; }
.account-page .account-content .account-right ul.tabs li.current { background: #869923; color: #fff; }
.account-page .account-content .account-right .tab-content { display: none; background: transparent; padding: 30px 0 0 0; }
.account-page .account-content .account-right .tab-content.current { display: inherit; }
.account-page .account-content .account-right .user-message { display: block; margin: 0; padding: 30px 0 0 0; text-align: center; font-size: 20px; color: #869923; }
.account-page .account-content .account-right .no-orders { display: block; margin: 0; padding: 0 0 0 10px; text-align: left; color: #444; font-weight: normal; font-style: italic; font-size: 18px; }

.account-page .account-content .account-right label { display: block; font-size: 14px; margin: 0; padding: 10px 5px; }
.account-page .account-content .account-right textarea { height: 100px; max-width: 100%; width: 100%; }
.account-page .account-content .account-right .form-control { font-size: 14px; color: #111; }

.account-page .account-content .orders-table { width: 100%; min-width: 100%; max-width: 100%; border: 0; border-radius: 6px; }
.account-page .account-content .orders-table { position: relative; width: 100%; max-width: 100%; padding: 0; background: transparent; margin: 0; border: 0; border-radius: 6px; }
.account-page .account-content .orders-table thead { background: #869923; border: 0; border-radius: 6px 6px 0 0; }
.account-page .account-content .orders-table thead tr th { padding: 15px 0; margin: 0; border: 0; line-height: normal; vertical-align: middle; text-align: center; color: #fff; font-size: 17px; font-weight: normal; }
.account-page .account-content .orders-table tbody { border: 0 none; }
.account-page .account-content .orders-table tbody tr { position: relative; border-bottom: 1px solid #ccc; }
.account-page .account-content .orders-table tbody tr:nth-child(odd) { background: #fff; }
.account-page .account-content .orders-table tbody tr:nth-child(even) { background: #fefefe; }
.account-page .account-content .orders-table tbody tr td { padding: 15px 0px; border: 0; font-size: 14px; vertical-align: middle; text-align: center; color: #111; }
.account-page .account-content .orders-table tbody tr td .order-id { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; padding: 0; border-radius: 6px; background: #111; background: rgba(255, 255, 255, .9); color: #00305b; font-weight: bold; }
.account-page .account-content .orders-table tbody tr td a { color: #111; }
.account-page .account-content .orders-table tbody tr td a i { color: #999; font-size: 24px; }

.order-modal-view { background: white; padding: 14px 0; text-align: left; width: 70%; margin: 0 15%; position: relative; box-shadow: 0px 0px 5px #000; border-radius: 6px; }
.order-modal-view h4 { display: block; color: #00386B; font-size: 36px; padding: 20px 0; margin: 0; text-align: center; font-weight: bold; }

.order-modal-view .mfp-close { top: 10px; right: 10px; margin: 0; padding: 0; font-size: 0px; line-height: 0px; text-indent: -9999; opacity: 1; }
.order-modal-view .mfp-close:focus, .order-modal-view .mfp-close:hover { border: 0; outline: 0; margin: 0; padding: 0; }
.order-modal-view .mfp-close:before { display: block; font-family: "Ionicons"; content: "\f2c0"; color: #000; font-size: 28px; border: 2px solid #000; width: 44px; height: 44px; line-height: 44px; border-radius: 6px; text-align: center; margin: 0; padding: 0; }
.order-modal-view .mfp-close:hover.mfp-close:before { border-color: #df0000; color: #df0000 !important; }

@media only screen and (max-width: 768px) {
	.account-page { margin: 0; }
	.account-page .account-content { margin: 0; font-size: 15px; padding: 20px 10px 50px 10px; }

	.account-page .account-content .account-left { margin: 0 0 40px 0; }
	.account-page .account-content .account-left img { display: none; }
	.account-page .account-content .account-left p { padding: 10px 0; }
	.account-page .account-content .account-left .btn { display: none; }

	.account-page .account-content .account-right ul.tabs { margin: 0; padding: 0; list-style: none; text-align: center; }
	.account-page .account-content .account-right ul.tabs li { padding: 0 15px; margin: 0 2px; font-size: 16px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* FOOTER */
/*============================================================================================*/
#footer { position: relative; margin: 50px 0 0 0; padding: 30px 0; background: #392724; }
#footer .footer-menu { display: block; margin: 0; }
#footer .footer-menu li { display: inline; display: inline-block; vertical-align: middle; padding: 0 10px 0 0; margin: 0 9px 0 0; border-right: 1px solid #888; }
#footer .footer-menu li:last-child { border-right: 0; }
#footer .footer-menu li a { display: block; padding: 0; font-size: 15px; color: #fff; }
#footer .footer-menu li a:hover { text-decoration: underline; }

#footer .footer-contacts { display: block; text-align: left; margin: 0; }
#footer .footer-contacts li { display: block; margin: 0 0 5px 0; padding: 0 0 5px 0; }
#footer .footer-contacts li a { margin: 0; padding: 0; font-size: 14px; color: #ddd; }
#footer .footer-contacts li a i { margin: 0 2px 0 0; padding: 0; }

#footer .footer-logo { display: block; }
#footer .footer-logo img { max-width: 100%; }

#footer .footer-text { display: block; margin: 20px 0 0 0; text-align: left; font-size: 14px; line-height: 20px; color: #aaa; }
#footer .footer-text p { display: block; margin: 0 0 5px 0; padding: 0; }
#footer .footer-text p a { color: #ccc; }
#footer .footer-text p a:hover { text-decoration: underline; }

@media only screen and (max-width: 768px) {
	#footer .footer-menu { display: none; }
	#footer .footer-logo { text-align: center; }
	#footer .footer-logo img { width: 70%; margin: 0 auto; }
	#footer .footer-contacts { margin: 30px 0 0 0; text-align: center; }
	#footer .footer-contacts li a { font-size: 16px; }
	#footer .footer-text { text-align: center; margin: 10px 10px 0 10px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}


/*============================================================================================*/
/* BREADCRUMB */
/*============================================================================================*/
.breadcrumb { position: relative; margin: 0; padding: 40px 0; background-image: url('../img/breadcrumb.jpg'); background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0; }
.breadcrumb .container { position: inherit; }
.breadcrumb strong { display: block; text-align: center; font-size: 44px; font-weight: 600; color: #fff; }
.breadcrumb ul { display: block; margin: 20px 0 0 0; padding: 0; text-align: center; }
.breadcrumb ul li { display: inline; display: inline-block; vertical-align: middle; height: 30px; line-height: 30px; }
.breadcrumb ul li a, .breadcrumb ul li span, .breadcrumb ul li i { display: block; position: relative; height: 30px; padding: 0 10px; color: #fff; font-size: 14px; font-weight: 400; }
.breadcrumb ul li a:hover { text-decoration: underline !important; }
.breadcrumb ul li i { color: #aaa; }
.breadcrumb ul li span { color: #eee; }

@media only screen and (max-width: 768px) {
	.breadcrumb { padding: 20px 0; }
	.breadcrumb.breadcrumb-pages { padding: 20px 0; }
	.breadcrumb strong { font-size: 38px; font-weight: 600; }
	.breadcrumb ul { margin: 10px 0 0 0; }
	.breadcrumb ul li a, .breadcrumb ul li span, .breadcrumb ul li i { padding: 0 2px; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	
}

/*============================================================================================*/
/* PAGINATION */
/*============================================================================================*/
.pagination { display: block; position: relative; margin: 40px 0 70px 0; text-align: center; }
.pagination li { display: inline-block; vertical-align: middle; margin: 0 2px; padding: 0; }
.pagination li.arrow-trans { opacity: .2; }
.pagination li a, .pagination > li > span { position: relative; display: inline-block; padding: 0; width: 38px; height: 38px; line-height: 38px; text-align: center; font-weight: 500; font-size: 17px; text-decoration: none; border: 0; background: transparent; color: #392724; border-radius: 10px; }
.pagination li i { text-align: center; margin: 0; padding: 0; font-size: 38px; }
.pagination li.active span { background: #869923 !important; color: #fff; }
.pagination li.active:hover span { color: #fff; }
.pagination li:first-child a, .pagination li:first-child span { margin-left: 0; }
.pagination li a:focus, .pagination li a:hover { z-index: 2; background: transparent; color: #392724; opacity: 1; }
.pagination li.arrow-number a:focus, .pagination li.arrow-number a:hover { z-index: 2; background: #fff; color: #869923; opacity: 1; }
.pagination li span:focus, .pagination li span:hover { z-index: 2; background: transparent; color: #392724; }
.pagination .active a, .pagination .active a:focus, .pagination .active.arrow-number a:hover, .pagination .active.arrow-number span, .pagination .active.arrow-number span:focus, .pagination .active span:hover { background: #869923 !important; }
.pagination .disabled a,.pagination .disabled a:focus,.pagination .disabled a:hover,.pagination .disabled span,.pagination .disabled span:focus, .pagination .disabled span:hover { cursor: not-allowed; }

@media only screen and (max-width: 768px) {
	.pagination li { margin: 0 1px; }
}


/*============================================================================================*/
/* SCROLL TO TOP */
/*============================================================================================*/
.scrollToTop { bottom: 30px; right: 30px; margin: 0px; padding: 0; width: 50px; height: 50px; display: none; position: fixed; line-height: normal; z-index: 999; border: 0; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; background: #869923; border-radius: 50px; font-weight: normal; opacity: .7; }
.scrollToTop:after { display: block; position: absolute; top: 0; left: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; font-family: "Ionicons"; content: "\f3d8"; font-size: 28px; font-weight: normal; color: #fff; }
.scrollToTop:focus { background: #111; text-decoration: none; outline: 0; }
.scrollToTop:hover { background: #111; opacity: 1; text-decoration: none; outline: 0; }

@media only screen and (max-width: 768px) {
	.scrollToTop { display: none; visibility: hidden; opacity: 0; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	.scrollToTop { display: none; visibility: hidden; opacity: 0; }
}

/*============================================================================================*/
/* PAGE 404 */
/*============================================================================================*/
.page404 { position: relative; text-align: center; padding: 50px 0; margin-bottom: -40px; background: #fff; }
.page404 img { max-width: 60%; }

@media only screen and (max-width: 768px) {
	.page404 img { max-width: 100%; }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	.page404 img { max-width: 100%; }
}

/*============================================================================================*/
/* HOVER IMAGES */
/*============================================================================================*/
.hover1 figure { position: relative; overflow: hidden; margin: 0; padding: 0; }
.hover1 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.hover1 figure:hover::before { -webkit-animation: shine .95s; animation: shine .95s; }
@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }