/********** HEADER **********/

.shop header {

	background: #141414; 

} 

header .upper.has-shop .shop-wrapper > a,

header .upper.has-shop .shop-wrapper > div {

	position: relative;

	display: inline-block;

	padding: 10px;

	background-color: transparent;

	font-size: 0;

	cursor: pointer;

}

header .upper.has-shop .shop-wrapper > a + a,

header .upper.has-shop .shop-wrapper > div + a {

	margin-left: 10px; 

} 

.content.shop {

	background: url('/images/products-bg.jpg') 0%/cover;

	background-attachment: fixed;

}

.content.shop > .banner {

	min-height: 0;

	text-align: center;

	padding-bottom: 0;

}

.content.shop .products-listing {

	padding-top: 0;

}

.content.shop .products-listing > div {

	display: flex;

	flex-wrap: wrap;

}

header .upper.has-shop .shop-wrapper > a img,

header .upper.has-shop .shop-wrapper > div img {

	height: 20px;

	transition: var(--transition);

}

header .upper.has-shop .shop-wrapper > a:hover img,

header .upper.has-shop .shop-wrapper > a:focus img {

	transform: scale(1.1);

}



header .upper.has-shop .shop-wrapper > a span {

	position: absolute;

	top: 0;right: 2px;

	font-size: 11px;

	font-weight: 500;

	color: var(--green);

	line-height: 1;

}

header .upper.has-shop .shop-wrapper > div span {

	position: absolute;

	top: 5px;right: -2px;

	width: 9px;

	height: 5px;

	border-left: 2px solid var(--green);

	border-bottom: 2px solid var(--green);

	transform-origin: bottom left;

	transform: rotate(-45deg);

}





header .upper.has-shop .shop-wrapper > div > div {

	position: absolute;

	top: 100%;

	left: -45px;

	padding-top: 22px;

	opacity: 0;

	pointer-events: none;

	transition: var(--transition);

}

header .upper.has-shop .shop-wrapper > div:hover > div,

header .upper.has-shop .shop-wrapper > div:focus > div {

	opacity: 1;

	pointer-events: auto;

}



header .upper.has-shop .shop-wrapper > div > div > div {

	position: relative;

	padding: 27px 30px;

	background-color: var(--darkgrey);

}

header .upper.has-shop .shop-wrapper > div > div > div::before {

	content: "";

	position: absolute;

	bottom: 100%;

	left: 50px;

	height: 0;width: 0;

	border-bottom: 13px solid var(--darkgrey);

	border-left: 13px solid transparent;

	border-right: 13px solid transparent;

}



header .upper.has-shop .shop-wrapper > div a {

	display: inline-block;

	font-size: 10px;

	color: white;

	letter-spacing: .02em;

	text-transform: uppercase;

	white-space: nowrap;

	opacity: 0.5;

}

header .upper.has-shop .shop-wrapper > div a + a {

	margin-top: 15px;

}

header .upper.has-shop .shop-wrapper > div a:hover,

header .upper.has-shop .shop-wrapper > div a:focus {

	opacity: 1;

}



header .upper.has-shop .shop-wrapper > div hr {

	margin: 15px 0;

	border-color: var(--black)

}



@media(max-width: 767px) {

	header .upper.has-shop a.logo {

		max-width: 145px;

	}

	header .upper.has-shop a.logo img {

		margin-left: 5px;

	}



	header .upper.has-shop .shop-wrapper {

		position: absolute;

		top: 39px;bottom: 0;

		right: 10px;

		height: 40px;

		margin: auto;

	}



}



@media(max-width: 991px) {

	header .upper.has-shop > div > a.contact-us {

		font-size: 0;

		padding-right: 0;

		align-self: stretch;

	}

}



.container.container-full {

	max-width: 1280px;

	display: flex;

}



@media(min-width: 768px) {

	.container.container-xs {

		max-width: 600px; /* 520 + 40 padding */

	}

}

 

@media(min-width: 992px) {

	.container {

		max-width: 884px; /* 844 + 40 padding */

	}

}



/*************************************/

/********** GENERAL CONTENT **********/

/*************************************/



.content.shop {

	background-color: white;

	padding-top: 60px;

}



.content.shop > .top {

	padding: 0px;

}



.dummy {

	visibility: hidden;

}



/********** TEMPLATE **********/



.content.shop .listing.listing-button {

	margin: 60px 0;

}

.content.shop .listing.listing-button .button {

	padding: 20px 30px;

}



.content.shop h2,

.content.shop .h2,

.content.shop h3,

.content.shop .h3 {

	line-height: 1;

	font-size: 1.875rem;

	font-weight: 300;

	color: var(--black);

	text-align: center;

	font-family: var(--font-family-1);

}

.content.shop h3,

.content.shop .h3 {

	font-size: 1rem;

	font-weight: 400;

}

.content.shop p {

	font-size: 1.5rem;

	color: var(--green);

	line-height: 1.75;

	text-align: center;

}

.card .price {

	display: flex;

	justify-content: center;

    align-items: center;

}

.card .price s {

	color: #a6a5a6;

}

.card .price s + p {

	font-weight: bold;

}

.content .template .listing .product-inline .price s {

	color: var(--grey);

}

.content .template .listing .product-inline .price s,

.content.shop .card .price > * {

	margin: 0 2.5px;

	font-size: 1rem;

	

}

.card .price s + p,

.content.shop .card .price > p {

	font-family: var(--font-family-7);

}

.content .template .listing .product-inline .price p s{

	font-family: var(--font-family-2);

}

.card .price p {

	margin-bottom: 0;

}

.card .subtitle + a {

	display: block;

	text-align: center;

	line-height: normal;

	text-transform: uppercase;

	font-family: var(--font-family-3);

	font-weight: 600;

	font-size: 2.5rem;

}



.template:not(.products-listing) .content.shop .card .button {

	left: 50%; 

	transform: translateX(-50%);

}



@media(min-width: 992px) {

	.content.shop .listing.listing-button .button {

		padding: 17px 30px;

	}

}





/**************************/

/********** FORM **********/

/**************************/



.content .template .container-form {

	max-width: 500px;

}



.content .template .form:not(:first-child) {

	/*Pmargin-top: 2.5rem;*/

	margin-top: 17px;

}

.content .template .form:not(:last-child) {

	margin-bottom: 2rem;

}



.content .template .form .row + .row {

	margin-top: 32px;

	/*margin-top: 65px;*/

}



.content .template .form h2,

.content .template .form .h2 {

	margin: 0;

}





.content .template .form .row > div > label {

	margin: 20px 0 10px;

	display: inline-block;

}



.content .template .form label a {

	border-bottom: 1px solid currentColor;

}

.content .template .form label a:hover,

.content .template .form label a:focus {

	border-bottom-color: transparent;

}



.content .template .form span a {

	padding-bottom: 2px;

	border-bottom: 1px solid transparent;

}

.content .template .form span a:hover,

.content .template .form span a:focus {

	color: var(--black);

	border-bottom-color: currentColor;

}

.content.shop label + .small p {

	text-align: left;

}

.content.shop .small > * {

	font-size: 12px;

	color: #999999;

}

.center {

	text-align: center;

}

.content.shop .template .form input, 

.content.shop .template .form textarea, 

.content.shop .template .form select, 

.content.shop .template .form .custom-select .placeholder {

	font-size: 16px;

	color: var(--black);

}



.content.shop .template .form .input-wrapper.select-wrapper.filled .custom-select + .custom-select .placeholder {

	border-bottom-color: var(--green);

}



.content .template .form .password-wrapper .peek {

	position: absolute;

	top: calc(11px + 12px);

	right: 0;

	width: 25px;

	height: 25px;

    background-position: center;

    background-image: url(/images/shop/peek.svg);

    background-size: contain;

    background-repeat: no-repeat;

    cursor: pointer;

}

.content .template .form .password-wrapper .peek::before {

    content: "";

	position: absolute;

	top: 0;

	right: 5px;

	width: 28px;

	height: 1px;

    background-color: var(--black);

    transform: rotate(-60deg);

    transform-origin: right;

    pointer-events: none;

    opacity: 0;

    transition: var(--transition);

}

.content .template .form .password-wrapper .peek.active::before {

    opacity: 1;

}



.content .template .form .password-wrapper .password-requirements {

	margin-top: 20px;

}

.content .template .form .password-wrapper .password-requirements .row {

	margin: 5px -5px -5px;

}

.content .template .form .password-wrapper .password-requirements .row > div {

	padding: 5px;

}

.content .template .form .password-wrapper .password-requirements span {

	display: inline-block;

	font-size: 12px;

	font-style: italic;

	color: #c4c3c3;

}

.content .template .form .password-wrapper .password-requirements span.requirement {

	position: relative;

	padding-left: 20px;

	transition: var(--transition);

}

.content .template .form .password-wrapper .password-requirements span.requirement.active {

	color: var(--green);

}

.content .template .form .password-wrapper .password-requirements span.requirement::before {

	content: "";

	position: absolute;

	top: -2px;bottom: 0;

	left: 3px;

	margin: auto;

	width: 5px;

	height: 10px;

	border-right: 2px solid currentColor;

	border-bottom: 2px solid currentColor;

	transform: rotate(45deg);

}



.content .template .form input[type='password'] ~ a {

	position: relative;

	display: inline-block;

	font-size: 13px;

	color: var(--darkgrey);

	text-align: center;

	margin-top: 25px;

	border-bottom: 1px solid transparent;

	left: 50%;

	transform: translateX(-50%);

}

.content .template .form input[type='password'] ~ a:hover,

.content .template .form input[type='password'] ~ a:focus {

	border-color: currentColor;

}





@media(min-width: 768px) {

	.content .template .form .row > div > label {

		margin: 20px 0;

	}

}





/**********************************************************************/

/********** PRODUCT CATEGORY LISTING (Inherits Card Listing) **********/

/**********************************************************************/



.content .listing.listing-card .items.row {

	margin: -25px;

}

.content .listing.listing-card .items.row > div {

	padding: 25px;

} 



.content .listing.listing-card .card .image {

	position: relative;

	display: block;

}

.content .listing.listing-card .card .image img {

	transition: var(--transition);

}

.content .listing.listing-card .card .image:hover img,

.content .listing.listing-card .card .image:focus img {

	transform: scale(1.05);

}



.content .listing.listing-card .card .image + a {

	position: relative;

	display: inline-block;

	font-family: var(--brandon);

	font-size: 1.125rem;

	font-weight: bold;

	color: var(--black);

	text-transform: uppercase;

	margin-top: 25px;

	padding-right: 48px;

}

.content .listing.listing-card .card .image + a::after {

	content: "";

	position: absolute;

	top: 0;bottom: 0;

	right: 0;

	margin: auto;

	width: 28px;

	height: 13px;

	background-image: url('/template1/assets/img/arrow-black.svg');

	background-size: contain;

	opacity: 0;

	transition: inherit;

}

.content .listing.listing-card .card .image + a:hover::after,

.content .listing.listing-card .card .image + a:focus::after {

	opacity: 1;

}





/******************************************/

/********** PRODUCT PAGE CONTENT **********/

/******************************************/



.content .product-page {

	padding-top: 60px;

}



.content .product-page .banner {

	padding-top: 0;

}

.content .product-page .banner ul {

	color: var(--black);

}

.content .product-page .banner ul li::before {

	content: normal;

}

.content .product-page .banner ul li a {

	border: none;

	color: inherit;

}



.content .product-page > .row {

	margin: -20px 0;

}

.content .product-page > .row > div {

	padding: 20px 0;

}



.content .product-page .banner h1 {

	color: var(--black);

}

.content .product-page .banner h1 + span {

	display: inline-block;

	font-size: 1rem;

    font-style: italic;

    line-height: 1;

	color: var(--green);

	margin-top: 10px;

}



.content .product-page .product-details .price {

	display: inline-block;

	font-size: 1.875rem;

	font-weight: 300;

	color: var(--l-grey);

	line-height: 1;

}



.content .product-page .product-details .button {

	padding: 22px 60px;

	vertical-align: middle;

}



.content .product-page .product-details .button + .favorites {

	display: inline-block;

	position: relative;

	width: 36px;

	height: 32px;

	vertical-align: middle;

	margin-left: 35px;

}

.content .product-page .product-details .button + .favorites::before,

.content .product-page .product-details .button + .favorites::after {

	content: "";

	position: absolute;

	top: 0;bottom: 0;

	left: 0;right: 0;

	transition: var(--transition);

	background-size: contain;

	background-repeat: no-repeat;

}

.content .product-page .product-details .button + .favorites::before {

	background-image: url(/template1/assets/img/shop/header-favorites-color.svg);

}

.content .product-page .product-details .button + .favorites::after {

	background-image: url(/template1/assets/img/shop/header-favorites-color-fill.svg);

	opacity: 0;

}

.content .product-page .product-details .button + .favorites.active::before {

	opacity: 0;

}

.content .product-page .product-details .button + .favorites.active::after {

	opacity: 1;

}





.content .product-page .listing .accordion > .toggle-container {

	padding: 27px 0;

}

.content .product-page .listing .accordion > .toggle-container h3 {

	font-size: 1.125rem;

	font-style: italic;

	font-weight: 400;

	letter-spacing: normal;

	color: var(--green);

	text-transform: none;

}

.content .product-page .listing .accordion p {

	font-size: 1.0625rem;

}



.content .product-page .listing .accordion .description {

	padding: 0;

}

.content .product-page .listing .accordion .description > *:first-child {

	margin-top: 30px;

}

.content .product-page .listing .accordion .description > *:last-child {

	margin-bottom: 55px;

}



/********** PRODUCT PAGE SLIDER **********/



.content .product-page .slider-wrapper.fixed {

	position: fixed;

}



.content .product-page .slider:not(.slick-slider) {

	display: flex;

	overflow: hidden;

}

.content .product-page .slider:not(.slick-slider) > .slide {

	min-width: 100%;

	max-width: 100%;

}



.content .product-page .slider .slide img {

	width: 100%;

}



.content .product-page .slider-arrows {

	display: flex;

	flex-direction: row-reverse;

	justify-content: center;

}

.content .product-page .slider-arrows a {

	position: relative;

	display: inline-block;

	width: 50px;

	height: 23px;

}

.content .product-page .slider-arrows a + a {

	margin-right: 25px;

	transform: rotate(180deg);

}



.content .product-page .slider-arrows a::before {

	content: "";

	position: absolute;

	top: 0;bottom: 0;

	left: 0;right: 0;

	background-image: url('/template1/assets/img/arrow-color.svg');

	background-size: contain;

	opacity: .5;

	transition: inherit;

}

.content .product-page .slider-arrows a:hover::before {

	opacity: 1;

}



.content .template .form input, 

.content .template .form textarea, 

.content .template .form select {

    appearance: none;

    -webkit-appearance: none;

    font-size: 16px;

    font-weight: 400;

    color: var(--grey);

    line-height: 1;

    width: 100%;

    padding: 16px 0;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #d0d1d1;

    resize: none;

    transition: var(--transition);

    border-radius: 0;

}

.content .template .form input[type='checkbox'] + label, 

.content .template .form input[type='radio'] + label {

    display: inline-block;

    vertical-align: middle;

    height: 23px;

    width: 23px;

    cursor: pointer;

    position: relative;

	transition: var(--transition);

	border: 1px solid rgba(203, 201, 201, 0.98);

}

.content .template .form input[type='radio'] + label {

	border-radius: 100%;

}

.content .template .form input[type='checkbox'] + label::after,

.content .template .form input[type='radio'] + label::after {

	position: absolute;

	top: 0;left: 0;right: 0;bottom: 0;

	margin: 6px;

	opacity: 0;

	transition: all 0.4s ease;

}

.content .template .form input:checked + label::after {

	opacity: 1;

}

.content .template .form input[type='checkbox'] + label::after {

	content: "\f00c";

	font-family: "Font Awesome 5 Free";

	font-weight: 900;

	font-size: 10px;

	color: black;

}

.content .template .form input[type='radio'] + label::after {

	border-radius: 100%;

	content: '';

	background: var(--black);

}

.content .template .form .checkbox-wrapper {

    display: flex;

    align-items: flex-start;

	flex-wrap: wrap;

}

.content .template .form input[type='checkbox'] + label + label, 

.content .template .form input[type='radio'] + label + label {

    display: inline-block;

    padding-left: 10px;

    font-weight: 300;

    line-height: 1.25;

    flex: 1;

    margin-top: 2px;

    cursor: pointer;

}

.content .template .form .checkbox-wrapper label a {

	color: var(--green);

}

.content .template .form input[type='checkbox'], 

.content .template .form input[type='radio'] {

    display: none;

}

@media(max-width: 767px) {

	.content .product-page .product-details .form > .row > div:nth-of-type(2) {

		order: -1;

	}

	.content .product-page .product-details .form .quantity-select {

		margin-top: 28px;

		margin-left: auto;

	}

}



@media(min-width: 768px) {

	.content .product-page {

		padding-top: 100px;

	}

	.content .product-page > .row {

		margin: 0 -30px;

	}

	.content .product-page > .row > div {

		padding: 0 30px;

	}



	.content .product-page .slider-arrows {

		flex-direction: column;

		align-items: flex-end;

	}

	.content .product-page .slider-arrows a {

		width: 62px;

		height: 28px;

	}

	.content .product-page .slider-arrows a + a {

		margin: 0;

		margin-top: 30px;

		transform: rotate(180deg);

	}



	.content .product-page .product-details .button {

		padding: 26px 75px;

	}

}



@media(min-width: 992px) {

	.content .product-page > .row {

		margin: 0 -60px;

	}

	.content .product-page > .row > div {

		padding: 0 60px;

	}

}





/*************************************/

/********** PRODUCT LISTING **********/

/*************************************/



.content .template .listing.listing-product .header {

	display: flex;

	align-items: center;

}



.content .template .listing.listing-product .header h2 {

	font-family: var(--brandon);

	font-size: 1.5rem;

	font-weight: 400;

	font-style: normal;

	color: var(--black);

	text-align: center;

	text-transform: uppercase;

}

.content .template .listing.listing-product .header span.count {

	display: inline-block;

	font-size: 1.125rem;

	font-weight: 300;

	font-style: italic;

	color: #cac9c9;

	margin-left: auto;

}



.content .template .listing .listing-options {

	font-size: 0;

}

.content .template .listing .listing-options a {

	position: relative;

	display: inline-block;

	font-size: 10px;

	font-weight: 400;

	color: var(--black);

	line-height: 22px;

	height: 22px;

	min-width: 22px;

	letter-spacing: .19em;

	text-transform: uppercase;

	vertical-align: middle;

}

.content .template .listing .listing-options a + a {

	margin-left: 15px;

}

.content .template .listing .listing-options a.toggle-filter {

	padding-left: 45px;

}

.content .template .listing .listing-options a.active {

	pointer-events: none;

}



.content .template .listing .listing-options a::before {

	content: "";

	position: absolute;

	top: 0;left: 0;

	width: 22px;

	height: 22px;

	background-size: contain;

	background-repeat: no-repeat;

	opacity: .25;

	transition: var(--transition);

}

.content .template .listing .listing-options a.active::before {

	opacity: 1;

}

.content .template .listing .listing-options a.toggle-filter::before {

	background-image: url(/template1/assets/img/shop/icon-filter.svg);

	width: 30px;

	opacity: 1;

}

.content .template .listing .listing-options a.show-mosaic::before {

	background-image: url(/template1/assets/img/shop/icon-grid.svg);

}

.content .template .listing .listing-options a.show-fullscreen::before {

	background-image: url(/template1/assets/img/shop/icon-full.svg);

}





.content .template .listing.listing-product .row {

	margin: -15px;

}

.content .template .listing.listing-product .row > .product {

	padding: 15px;

}



.content .template .listing .product .details {

	margin-top: 15px;

}



.content .template .listing .product p {

    font-size: 16px;

    font-style: italic;

    color: var(--green);

	margin: 0;

	line-height: 1;

    margin-bottom: 1em;

}

.content .template .listing .product > div > span {

	display: block;

	font-size: 14px;

	font-weight: 400;

    color: var(--l-grey);

    line-height: 1;

}

.content .template .listing .product span + span {

	margin-top: 8px;

	text-transform: uppercase;

}

.content .template .listing .product span.title {

	font-family: var(--brandon);

	font-size: 16px;

	font-weight: bold;

	color: var(--black);

	line-height: 1.25;

	text-transform: uppercase;

	margin-bottom: 12px;

}

.content .template .listing .product > div > span s {

	color: #c2c2c2;

	padding-right: .25em;

}



.content .template .listing .product .buttons {

	margin-top: 20px;

	font-size: 0;

}

.content .template .listing .product .buttons .button {

	width: 100%;

	text-align: center;

	padding-top: 18px;

	padding-bottom: 18px;

}

.content .template .listing .product .buttons .button + .button {

	margin-top: 10px;

}





@media(min-width: 768px) {

	.content .template .listing .header .listing-options {

		display: none;

	}



	.content .template .listing.listing-product .row {

		margin: -35px;

	}

	.content .template .listing.listing-product .row > .product {

		padding: 35px;

	}

}



@media(min-width: 992px) {

	/* .content.shop {

		margin-top: 259px;

	} */

	.content.shop > .banner {

		padding: 70px 0 0 0;

	}

	.content .template .listing .product .buttons {

		display: flex;

		justify-content: space-between;

	}

	.content .template .listing .product .buttons .button,

	.content .template .listing .product .buttons .button + .button {

		margin: 0;

		max-width: calc(50% - 5px);

		min-width: calc(50% - 5px);

	}

}





/****************************************/

/********** LOGIN PAGE CONTENT **********/

/****************************************/



.content .template.login .container > .row {

	margin: -40px 0;

}

.content .template.login .container > .row > div {

	padding: 40px 0;

}

.content .template.login a.button + h2 {

	margin-top: 40px;

}

.content .template.login .container > .row div > .button {

	margin-top: 30px;

	left: 50%;

	transform: translateX(-50%);

}

.register .container > .form {

	background: white;

	padding: 10px 30px;

} 

header .logo {

	display: none;

}

.content.thank-you .template {

    padding: 60px 0 100px;

}

.content.thank-you .template p {

	font-size: 20px;

	font-weight: normal;

	color: #1a1919;

	line-height: 1.4;

}



.content.thank-you .container.container-full {

    padding: 0;

}



.content > div {

    padding: 100px 0;

}

.subscribe-us div[submit] {

	background: url(/images/icons/subscribe-arrow-green.svg) 0%/contain no-repeat;

}

section img[data-src].transparent-bg {

	position: absolute;

	top: -10px;

	width: 100%;

	height: auto;

}

.form input:-webkit-autofill,

.form input:-webkit-autofill:hover, 

.form input:-webkit-autofill:focus,

.form textarea:-webkit-autofill,

.form textarea:-webkit-autofill:hover,

.form textarea:-webkit-autofill:focus,

.form select:-webkit-autofill,

.form select:-webkit-autofill:hover,

.form select:-webkit-autofill:focus {

	-webkit-box-shadow: 0 0 0px 1000px white inset;

	transition: background-color 5000s ease-in-out 0s;

}

.button.center {

	left: 50%;

	transform: translateX(-50%);

}

.content .template.has-sidebar .sidebar .button.filled span,

.button.filled span {

	color: white;

	font-weight: 300;

}

.button span {

	font-size: 12px;

}

.button.filled.green::before {

	background: var(--green);

}

.content .template .form input.not-filled {

    border-bottom-color: var(--warning);

}

.content .template .form input[type='checkbox'].not-filled + label, .content .template .form input[type='radio'].not-filled + label {

    border-color: var(--warning);

}

.content .template .form .input-wrapper.filled input:not(.not-filled) {

    border-bottom-color: var(--green);

}

p.grey {

	color: #1a1919;

}

.content .template .form .warning {

	font-size: 11px;

	font-family: 'Apex New Book';

    font-weight: 400;

    color: var(--warning);

    height: 20px;

    margin: 0;

    margin-top: 7px;

    line-height: 20px;

	position: relative;

	text-align: left;

}

@media(min-width: 768px) {

	.content .template.login a.button + h2 {

		margin-top: 80px;

	}

	.content .template.login .container > .row {

		margin: 0 -50px;

	}

	.content .template.login .container > .row > div {

		padding: 0 50px;

	}

}

.content .template.login .container > .row > div > div {

	background: white;

	height: 100%;

	padding: 40px 30px 30px;

}

@media(min-width: 992px) {

	header .logo {

		display: flex;

	}

	.content .template.login .container > .row {

		margin: 0 -13px;

	}

	.content .template.login .container > .row > div {

		padding: 0 13px;

	}

}



@media(max-width: 767px) {

	

	.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline {

		background-color: white;

		margin: 0px -10px 25px;

		padding: 0px 10px;

		padding-right: 12px;

		max-height: 260px;

		overflow: auto;

	}



	.sidebar.cart-sidebar .price-breakdown {

		margin: 12px 30px;

	}



	.content .template {

		padding-top: 60px;

		padding-bottom: 100px;

	}



}

.content .template.has-sidebar .container {

    display: flex;

    align-items: flex-start;

    flex-direction: column;

}

.content .template.has-sidebar.has-sidebar-left > .container > div:not(.sidebar) {

    padding-top: 50px;

}

.content .template.has-sidebar.has-sidebar-left > .container > div.listing-total {

	width: 100%;

	padding-right: 20px;

}

.content .template.has-sidebar  > .container {

	padding: 0;

}

.content .template.has-sidebar  > .container .container-form {

	padding: 0 20px;

}

/*****************************/

/********** SIDEBAR **********/

/*****************************/

.content .template.has-sidebar .sidebar + div .container-form .form {

	width: 100%;

}

.content .template.has-sidebar .sidebar + div .container-form .form > .row {

	justify-content: center;

}

.content .template.has-sidebar .sidebar + div > .template-module > .container-form {

	margin: 0 auto;

	padding: 38px 20px;

}

@media(min-width: 768px) {

	.content .template.has-sidebar  > .container .container-form {

		padding: 0;

	}

	.content .template.has-sidebar  > .container {

		padding: 0 20px;

	}

	.content .template.has-sidebar .container {

		flex-direction: initial;

	}

	.content .template.has-sidebar.has-sidebar-left > .container > div:not(.sidebar) {

		padding-top: 60px;

	}

	.content .template.has-sidebar .sidebar + div > .template-module > .container-form {

		padding: 38px 0;

	}

}

.content .template.has-sidebar.has-sidebar-right > .container > div:not(.sidebar) {

	padding-bottom: 60px;

	width: 100%;

}



.content .template.has-sidebar .filter-sidebar + div:not(.sidebar) {

	padding-top: 0;

}

.content .template.has-sidebar .sidebar + div > .template-module {

	background: white;

}



.content .template.has-sidebar .sidebar + div > .template-module > .container-form .h2 + p {

	line-height: 1.4;

	color: var(--black);

	font-size: 20px;

}

.content .template.has-sidebar .sidebar {

	width: calc(100% + 40px);

	margin: 0 -20px;

	padding: 35px;

	background-color: white;

}

.content .template.has-sidebar .sidebar.fixed {

	position: fixed;

}

.content .template.has-sidebar .sidebar .h3 {

	line-height: 1;

	margin: 0;

	text-align: left;

	font-family: var(--font-family-3);

	font-size: 1.5rem;

	letter-spacing: -0.48px;

	font-weight: bold;

}

.content .template.has-sidebar .sidebar > p {

	font-size: 24px;

	text-align: left;

	font-style: italic;

	color: var(--green);

	font-family: var(--font-family-1);

	line-height: 1;

	margin-top: 0;

	margin-bottom: 1.5em;

}

.content.shop .orders > p {

	text-align: left;

	color: #1a1919;

	font-size: 20px;

	font-weight: normal;



} 

.content .template.has-sidebar .sidebar ul {

	display: block;

	padding: 0;

	margin: 0;

	list-style: none;

}

.content .template.has-sidebar .sidebar ul li {

	font-size: 14px;

	font-weight: 400;

	color: var(--black);

}

.content .template.has-sidebar .sidebar ul li::before {

	content: normal;

}

.content .template.has-sidebar .sidebar ul li + li {

	margin-top: 20px;

}

.content .template.has-sidebar .sidebar ul li a {

	display: inline-block;

	color: inherit;

	border: none;

}

.content .template.has-sidebar .sidebar ul li a:hover,

.content .template.has-sidebar .sidebar ul li a:focus,

.content .template.has-sidebar .sidebar:not(.filter-sidebar) ul li.active > a {

	font-weight: bold;

}

.content .template.has-sidebar .sidebar .button span {

	color: var(--black);

}

.content .template.has-sidebar .sidebar span {

	display: block;

	font-size: 11px;

	color: #888787;

	line-height: 1;

}









@media(min-width: 768px) {

	/* .content .template.has-sidebar {

		display: flex;

		align-items: flex-start;

	} */





	.content .template.has-sidebar .sidebar .price-breakdown{

		padding-left: 30px;

		padding-right: 30px; 

	}



	.content .template.has-sidebar.has-sidebar-left > .container > div:not(.sidebar),

	.content .template.has-sidebar.has-sidebar-right > .container > div:not(.sidebar) {

		padding: 0;

		flex: 1;

	}

	.content .template.has-sidebar.has-sidebar-left > .container > div:not(.sidebar) {

		padding-left: 85px;

	}

	.content .template.has-sidebar.has-sidebar-right > .container > div:not(.sidebar) {

		padding-right: 85px;

	}



	.content .template.has-sidebar .sidebar {

		width: 270px;

		padding: 40px 8px;

		margin: 0;

	}

	.content .template.has-sidebar .cart-sidebar {

		width: 330px;

	}

	.content .template.has-sidebar .cart-sidebar .button-wrapper{

		margin: 0 30px;

	}



	.content .template.has-sidebar .sidebar + div {

		max-width: calc(100% - 270px);

	}

}

.content .template .form .input-wrapper {

    position: relative;

}

.content .template .form .input-wrapper input:focus + label, 

.content .template .form .input-wrapper input[placeholder] + label, 

.content .template .form .input-wrapper textarea:focus + label, 

.content .template .form .input-wrapper textarea[placeholder] + label, 

.content .template .form .input-wrapper.filled label {

    transform: translateY(-6px);

    font-size: 10px;

}

.content .template .form .input-wrapper label {

    position: absolute;

    top: 0;

    transform: translateY(16px);

    pointer-events: none;

    transition: var(--transition);

	font-weight: normal;

	left: 0;

	bottom: 0;

	margin: auto;

	opacity: 0.6;

}

.content.shop .template .form > div > div {

    margin: 12px 0;

}

.content.shop .template .form > div > div.process_order {

	background: white;

	padding: 20px;

}

.register .banner h1 {

	max-width: 530px;

}

.shop .banner h1 {

    font-size: 60px;

}

.custom-bg .container {

	padding: 30px;

	background: white;

}

.custom-bg .container > p {

	font-size: 20px;

	font-family: var(--font-family-2);

	color: #1a1919;

}

.custom-bg .container-xs {

	max-width: 620px;

}

.content.shop .template .form > div > div.prefix {

	margin-right: auto;

}

.content.shop .template .form > div > div.process_order .h2 {

	text-align: left;

}

@media(min-width: 992px) {

	.shop .banner h1 {

		font-size: 110px;

	}

	.content.shop .template .form > .sidebar div.process_order {

		padding: 0 30px;

	}

	.content.shop .template .form > div > div.process_order {

		padding: 30px 50px;

		margin: 0;

	}

	.content.shop .template .form .row .billing-address > *, 

	.content.shop .template .form .access-info .btn,  

	.content.shop .template .form > div > div:not(.process_order) {

		margin: 25px 0;

	}

	.content.shop .template .form > div > div.small {

		margin: 10px 0;

	}

	.content .template.has-sidebar.has-sidebar-right > .container > div:not(.sidebar) {

		padding-right: 76px;

	}

}



/********** CART SIDEBAR **********/



.content .template.has-sidebar .cart-sidebar .price-breakdown > div {

	display: flex;

	font-size: 16px;

	font-weight: 400;

	line-height: 1;

	color: var(--black);

}

.content .template.has-sidebar .cart-sidebar .price-breakdown > div:last-child {

	font-weight: bold;

	text-transform: uppercase;

}

.content .template.has-sidebar .cart-sidebar .price-breakdown > div:last-child span {

	font-weight: 400;

	text-transform: none;

}



.content .template.has-sidebar .cart-sidebar .price-breakdown > div + div {

	margin-top: 25px;

}



.content .template.has-sidebar .cart-sidebar .price-breakdown > div > div:last-child {

	margin-left: auto;

}



.content .template.has-sidebar .cart-sidebar .price-breakdown > div span {

	color: #a9a8a8;

	margin-top: 8px;

}



.content .template.has-sidebar .cart-sidebar .price-breakdown hr {

	border-top-color: rgba(0,0,0, 0.12);

	margin: 28px 0;

}



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline {

	/*background-color: white;

	margin: 0px -10px 25px;

	padding: 0px 10px;

	padding-right: 12px;

	max-height: 260px;

	overflow: auto;*/

	background-color: white;

    margin: 0px 30px 0px 18px;

    padding: 0px 10px;

    max-height: 260px;

    overflow: auto;

}



@media(max-width: 767px) {

	

	.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline {

		background-color: white;

		margin: 0px 0px 25px;

		padding: 0px 10px 0px 0px;

		max-height: 260px;

		overflow: auto;

	}



	.content .template.has-sidebar .cart-sidebar .button-wrapper:not(.fixed){

		margin: 0 30px;

	}

}	



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .price {

	margin-top: 0;

	margin-left: auto;

}



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline::-webkit-scrollbar-track {

    background-color: transparent;

}

.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline::-webkit-scrollbar {

    width: 2px;

    background-color: #ebeaea;

}

.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline::-webkit-scrollbar-thumb {

    background-color: var(--green);

}



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline {

	flex-direction: initial;

	align-items: flex-start;

	padding: 10px;



}

.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline + .product-inline {

	margin-top: 10px;

}



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline .image {

	max-width: 70px;

	min-width: 70px;

	height: 84px;

}



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline .details {

	margin: 0;

	margin-left: 10px;

	display: block;

	padding: 3px 0;

	text-align: left;

	min-width: auto;

}

.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline span.title {

	font-size: 18px;

	margin-bottom: 5px;

	margin-right: 15px;

}

.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline span:not(.title) {

	color: #807f7f;

	font-size: 10px;

	margin: 0;

}

.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline .price span.title {

	font-family: var(--font-family-2);

	font-size: 14px;

	font-weight: bold;

	margin: 0;

	margin-top: 5px;

}



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .product-inline .price s {

	font-size: 14px;

	margin: 0;

    margin-top: 5px;

}



.content .template.has-sidebar .cart-sidebar .listing.listing-product-inline .image img{

	height: auto;

}



.content .template.has-sidebar .cart-sidebar .discount-code {

	margin: 30px 0px 40px;

	/*padding: 28px 20px 30px;*/

	padding: 25px 23px 30px 21px;

	/*border: 1px solid rgba(128, 128, 128, 0.2);*/

	border: solid 2px rgba(244, 244, 244, 0.98);

}

.content .template.has-sidebar .cart-sidebar .discount-code .form a {

	padding: 13px;

}



.content .template.has-sidebar .cart-sidebar .discount-code .form div.input-wrapper {

	cursor: pointer;

	padding: 0;

}



.content .template.has-sidebar .cart-sidebar .discount-code .form div.button-transparent {

	cursor: pointer;

	padding: 18px 23px 17px 23px;

}



.content .template.has-sidebar .cart-sidebar .discount-code .form a span {

	color: #1a1919;

}



.content .template.has-sidebar .cart-sidebar .discount-code .form div span {

	color: #1a1919;

}



.content .template.has-sidebar .cart-sidebar .discount-code .form {

	display: flex;

	align-items: flex-end;

	margin-bottom: 0;

}

.content .template.has-sidebar .cart-sidebar .discount-code .form .input-wrapper {

	flex: 1;

	margin-right: 18px;

	cursor: default;

}

.content .template.has-sidebar .cart-sidebar .discount-code .form input,

.content .template.has-sidebar .cart-sidebar .discount-code .form .input-wrapper label {

	font-size: 16px;

	color: #999999;

}



@media(max-width: 767px) {

	.content .template.has-sidebar .cart-sidebar .discount-code .form input,

	.content .template.has-sidebar .cart-sidebar .discount-code .form .input-wrapper label {

		font-size: 14px;

		color: #999999;

	}

}	



.content .template.has-sidebar .cart-sidebar .discount-code .form a.button {

	padding-top: 18px;

	padding-bottom: 18px;

}



.content .template.has-sidebar .cart-sidebar .discount-code .msg {

	position: relative;

	display: block;

	font-size: 12px;

	line-height: 14px;

	padding-left: 25px;

	margin-top: 20px;

}

.content .template.has-sidebar .cart-sidebar .discount-code .msg::before {

	content: "";

	position: absolute;

	top: 0;bottom: 0;

	left: 0;

	width: 14px;

	height: 14px;

	font-family: "Font Awesome 5 Free";

	font-size: 14px;

	font-weight: 400;

	color: inherit;

}

.content .template.has-sidebar .cart-sidebar .discount-code .msg.ok {

	color: #9fb812;

}

.content .template.has-sidebar .cart-sidebar .discount-code .msg.ok::before {

	content: "\f058";

}

.content .template.has-sidebar .cart-sidebar .discount-code .msg.nok {

	color: #e22525;

}

.content .template.has-sidebar .cart-sidebar .discount-code .msg.nok::before {

	content: "\f057";

}





.content .template.has-sidebar .cart-sidebar .form input[type='checkbox'] + label + label {

	font-size: 12px;

	margin-top: 3px;

}





.content .template.has-sidebar .cart-sidebar .button-wrapper.fixed {

	position: fixed;

	bottom: 0;left: 0;

	width: 100%;

	padding: 10px 35px;

	background-color: #fafafa;

	z-index: 10;

}

.content .template.has-sidebar .cart-sidebar .button {

	display: block;

	text-align: center;

}

.content .template.has-sidebar .cart-sidebar > .button-wrapper + span {

	margin-top: 30px;

	text-align: center;

}

.content.shop .template .form input {

	font-family: var(--font-family-2);

}

/********** PRODUCT LISTING FILTER SIDEBAR **********/



.content .template.has-sidebar .filter-sidebar {

	position: fixed;

	top: 0;left: 0;

	width: 100%;

	height: 100%;

	padding: 60px 35px 80px;

	background-color: white;

	z-index: -1;

	margin: 0;

	overflow: auto;

	opacity: 0;

	pointer-events: none;

	transition: var(--transition);

}

.content .template.has-sidebar .filter-sidebar.open {

	opacity: 1;

	pointer-events: all;

	z-index: 10;

}



.content .template.has-sidebar .filter-sidebar .filter-close {

	position: absolute;

	top: 20px;

	right: 20px;

	width: 18px;

	height: 18px;

}

.content .template.has-sidebar .filter-sidebar .filter-close::before,

.content .template.has-sidebar .filter-sidebar .filter-close::after {

	content: "";

	position: absolute;

	top: 0;bottom: 0;

	left: -3px;

	margin: auto;

	width: 24px;

	height: 1px;

	background-color: var(--black);

	border-radius: 2px;

}

.content .template.has-sidebar .filter-sidebar .filter-close::before {

	transform: rotate(45deg);

}

.content .template.has-sidebar .filter-sidebar .filter-close::after {

	transform: rotate(-45deg);

}



.content .template.has-sidebar .filter-sidebar hr {

	margin: 0;

	border-top: 1px solid #ebeaea;

}



.content .template.has-sidebar .filter-sidebar ul.nav li {

	font-size: 14px;

}

.content .template.has-sidebar .filter-sidebar div:last-child .nav li + li {

	margin-top: 12px;

}

.content .template.has-sidebar .filter-sidebar ul.nav li + li {

	margin-top: 7px;

}

.content .template.has-sidebar .filter-sidebar ul.nav > li {

	font-weight: 500;

}

.content .template.has-sidebar .filter-sidebar ul.nav > li {

	color: #090712;

	line-height: 1;

	letter-spacing: .1em;

	text-transform: uppercase;

}

.content .template.has-sidebar .filter-sidebar ul.nav > li > a:hover,

.content .template.has-sidebar .filter-sidebar ul.nav > li > a:focus {

	color: #090712;

	line-height: 1;

	text-transform: uppercase;

}

.content .template.has-sidebar .filter-sidebar ul.nav ul {

	padding-left: 20px;

	max-height: 0;

	overflow: hidden;

}

.content .template.has-sidebar .filter-sidebar ul.nav li.active > ul {

	max-height: none;

}

.content .template.has-sidebar .filter-sidebar ul.nav ul li:first-child {

	margin-top: 1.25em;

}.content .template.has-sidebar .filter-sidebar ul.nav ul li:last-child {

	margin-bottom: 1em;

}

.content .template.has-sidebar .filter-sidebar ul.nav ul li {

	font-family: var(--open);

	font-weight: 300;

	color: var(--l-grey);

	letter-spacing: normal;

	text-transform: none;

}

.content .template.has-sidebar .filter-sidebar ul.nav ul li.active > a,

.content .template.has-sidebar .filter-sidebar ul.nav ul li a:hover,

.content .template.has-sidebar .filter-sidebar ul.nav ul li a:focus {

	font-weight: inherit;

	color: #090712;

}

.content .template.has-sidebar .filter-sidebar ul.nav ul li.active > a {

	font-weight: 400;

}



.content .template.has-sidebar .filter-sidebar > div .upper {

	position: relative;

	padding: 0 0 19px 0;

}

.content .template.has-sidebar .filter-sidebar > div:first-of-type .upper {

	padding-top: 0;

}

.content .template.has-sidebar .filter-sidebar > div.tab .upper {

	cursor: pointer;

}

.content .template.has-sidebar .filter-sidebar > div.tab .upper::before,

.content .template.has-sidebar .filter-sidebar > div.tab .upper::after {

	content: "";

	position: absolute;

	top: 0;bottom: 0;

	right: 0;

	margin: auto;

	width: 15px;

	height: 1px;

	background-color: var(--green);

	transition: var(--transition);

}

.content .template.has-sidebar .filter-sidebar > div.tab .upper::after {

	transform: rotate(90deg);

}

.content .template.has-sidebar .filter-sidebar > div.tab.open .upper::after,

.content .template.has-sidebar .filter-sidebar > div.tab.active .upper::after {

	transform: none;

}



.content .template.has-sidebar .filter-sidebar > div .upper p {

	color: var(--green);

	line-height: 1;

	margin: 0;

	text-align: left;

	font-family: var(--font-family-1);

}



.content .template.has-sidebar .filter-sidebar > div.tab .lower {

	overflow: hidden;

	max-height: 0;

	transition: var(--transition);

}

.content .template.has-sidebar .filter-sidebar > div.tab.active .lower {

	max-height: none;

}

.content .template.has-sidebar .filter-sidebar > div .lower > div {

	padding: 15px 0 40px;

}



.content .template.has-sidebar .filter-sidebar .form .row {

	margin: -7px;

}

.content .template.has-sidebar .filter-sidebar .form .row > div {

	padding: 7px;

}



.content .template.has-sidebar .filter-sidebar .form .checkbox-wrapper.color-checkbox {

	padding-left: 3px;

}



.content .template.has-sidebar .filter-sidebar .form input[type='checkbox'] + label {

	width: 20px;

	height: 20px;

}

.content .template.has-sidebar .filter-sidebar .form input[type='checkbox'] + label + label {

	margin: 0;

}

.content .template.has-sidebar .filter-sidebar .form .checkbox-wrapper.color-checkbox input[type='checkbox'] + label {

	border: none;

}



.content .template.has-sidebar .filter-sidebar .form input[type='checkbox'] + label::before {

	top: 0;

	margin: auto;

	width: 8px;

	height: 8px;

	border: none;

	background-color: var(--black);

	transform: none;

}

.content .template.has-sidebar .filter-sidebar .form .checkbox-wrapper.color-checkbox input[type='checkbox'] + label::before {

	top: -3px;bottom: -3px;

	left: -3px;right: -3px;

	width: auto;

	height: auto;

	background-color: transparent;

	border: 1px solid var(--black);

}

.bg {

	position: absolute;

	top: 0;left: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

}

.content .template.has-sidebar .filter-sidebar label > input ~ p {

	transition: all 0.4s ease;

}

.content .template.has-sidebar .filter-sidebar label > input:checked ~ p,

.content .template.has-sidebar .filter-sidebar .nav li.active > a {

	color: #292828;

}

.content .template.has-sidebar .filter-sidebar .nav li a {

	color: #888787;

}

.content .template.has-sidebar .filter-sidebar .nav > li > a {

	font-family: var(--font-family-3);

}

.content .template.has-sidebar .filter-sidebar input {

	display: none;

}

.content .template.has-sidebar .filter-sidebar li {

	cursor: pointer; 

}

.content .template.has-sidebar .filter-sidebar li > label {

	display: flex;

	margin: 5px 0;

	position: relative;

	cursor: pointer;

}

.content .template.has-sidebar .filter-sidebar label > input ~ p {

	padding-left: 35px;

}

.content .template.has-sidebar .filter-sidebar label > input:checked + label::after {

	opacity: 1;

}

.content .template.has-sidebar .filter-sidebar label > label::after {

	position: absolute;

	opacity: 0;

	top: 0;left: 0;right: 0;bottom: 0;

	margin: auto;

	content: "\f00c";

    font-family: "Font Awesome 5 Free";

	color: black;

	font-weight: 900;

	font-size: 10px;

	width: 10px;

    height: 10px;

	transition: all 0.4s ease;

}

.content .template.has-sidebar .filter-sidebar label > label {

	position: absolute;

	width: 20px;

	height: 20px;

	left: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	border-radius: 100%;

	border: 1px solid #dad9d9;

}

.content .template.has-sidebar .filter-sidebar label p {

	font-size: 14px;

	color: #888787;

	text-align: left;

	text-transform: capitalize;

	letter-spacing: 0;

	margin: 0;

	pointer-events: none;

}

@media(min-width: 768px) {

	.button-sm,

	.button-sm:hover,

	.button-sm:focus {

		padding: 10px 16px;

	}

	.button,

	.button:hover,

	.button:focus {

		padding: 18px 40px;

	}

	.content .template.has-sidebar .filter-sidebar .nav > li > a {

		font-size: 30px;

		font-weight: 600;

	}

	.content .template.has-sidebar .filter-sidebar {

		position: static;

		z-index: initial;

		width: 282px;

		height: auto;

		padding: 27px 20px;

		opacity: 1;

		pointer-events: all;

		transition: none;

		background: white;

	}



	.content .template.has-sidebar .filter-sidebar .filter-close {

		display: none;

	}



	.content .template.has-sidebar .filter-sidebar + div {

		max-width: calc(100% - 282px);

	}

}





/*************************************/

/********** PRODUCT LISTING **********/

/*************************************/



.content .template .listing.listing-product .row {

	margin: -15px;

}

.content .template .listing.listing-product .row > .product {

	padding: 15px;

}



.content .template .listing .product .details {

	margin-top: 15px;

}



.content .template .listing .product p {

    font-size: 22px;

    font-style: italic;

    color: var(--green);

	margin: 0;

	line-height: 1;

	margin-bottom: 6px;

	text-align: center;

	font-family: var(--font-family-1);

}

.content .template .listing .product > div > span {

	display: block;

	font-size: 14px;

	font-weight: 400;

    color: var(--l-grey);

    line-height: 1;

}

.content .template .listing .product span + span {

	margin-top: 0;

}

.content .template .listing .product .details span.title {

	font-family: var(--font-family-3);

	font-size: 30px;

}

.content .template .listing .product span.title {

	font-weight: bold;

	color: var(--black);

	line-height: 1.25;

	text-transform: uppercase;

	margin-bottom: 12px;

}

@media screen and (min-width:700px) {

	.content .template .listing .product p {

		text-align: left;

	}

	.content .template .listing .product .details span.title {

		font-size: 40px;

	}

}

.content .template .listing .product > div > span s {

	color: #c2c2c2;

	padding-right: .25em;

}



.content .template .listing .product .buttons {

	margin-top: 20px;

	font-size: 0;

}

.content .template .listing .product .buttons .button {

	width: 100%;

	text-align: center;

	padding-top: 18px;

	padding-bottom: 18px;

}

.content .template .listing .product .buttons .button + .button {

	margin-top: 10px;

}





@media(min-width: 768px) {

	.content .template .listing.listing-product .row {

		margin: -35px;

	}

	.content .template .listing.listing-product .row > .product {

		padding: 35px;

	}

}



@media(min-width: 992px) {

	.content .template .listing .product .buttons {

		display: flex;

		justify-content: space-between;

	}

	.content .template .listing .product .buttons .button,

	.content .template .listing .product .buttons .button + .button {

		margin: 0;

		max-width: calc(50% - 5px);

		min-width: calc(50% - 5px);

	}

}





/************************************/

/********** ACCOUNT ORDERS **********/

/************************************/



/********** ACCOUNT ORDERS LISTING **********/

.content .template .listing .order {

	background: white;

	margin-bottom: 10px;

}



.content .template .listing .order .upper {

	display: flex;

	padding: 30px 20px;

	flex-wrap: wrap;

}

.content .template .listing .order .upper span {

	display: block;

	font-size: 14px;

	font-weight: 400;

	color: var(--grey);

	line-height: 1;

}

.content .template .listing .order .upper span + span {

	margin-top: 11px;

}

.content .template .listing .order .upper span b {

	font-weight: 600;

	color: var(--black);

}



.content .template .listing .order .upper > div:first-child {

	max-width: 100%;

	min-width: 100%;

	margin: 40px 0 25px;

}



.content .template .listing .order .upper .status-bar {

	max-width: 125px;

	min-width: 125px;

}

.content .template .listing .order .upper .status-bar .bar {

	position: relative;

	width: 100%;

	height: 10px;

	background-color: #f3f2f2;

	border-radius: 5px;

	overflow: hidden;

	margin-bottom: 15px;

}

.content .template .listing .order .upper .status-bar .bar::before {

	content: "";

	position: absolute;

	top: 0;left: 0;

	height: 100%;

}

.content .template .listing .order .upper .status-bar .bar.pending::before {

	background-color: #ec6958;

	width: 20%;

}

.content .template .listing .order .upper .status-bar .bar.paid::before {

	background-color: #64d3cf;

	width: 40%;

}

.content .template .listing .order .upper .status-bar .bar.processing::before {

	background-color: #f4ca49;

	width: 60%;

}

.content .template .listing .order .upper .status-bar .bar.dispatched::before {

	background-color: #ec961b;

	width: 80%;

}

.content .template .listing .order .upper .status-bar .bar.delivered::before {

	background-color: #bddf34;

	width: 100%;

}



.content .template .listing .order .upper .thumbnails {

	position: relative;

	order: -1;

	min-width: 100%;

	max-width: 100%;

	padding-right: 40px;

}

.content .template .listing .order .upper .thumbnails .row {

	margin: 0 -5px;

}

.content .template .listing .order .upper .thumbnails .row > div {

	padding: 0 5px;

	max-width: 100px;

	max-height: 89px;

	flex: 0 0 100%;

}

.content .template .listing .order .upper .thumbnails .row > div img {

	width: 100%;

	height: 100%;

	object-fit: contain;

	position: relative;

}

.content .template .listing .order .upper .thumbnails .row > div .image {

	width: 100%;

	padding-top: 88.4%;

	background-size: contain;

	background-position: center;

}

.content .template .listing .order .upper .thumbnails > span {

	position: absolute;

	top: 0;bottom: 0;

	right: 0;

	height: 1em;

	margin: auto;

	font-size: 16px;

	line-height: 1;

	font-family: 'Apex New';

	color: var(--black);

	font-weight: bold;

}



.content .template .listing .order .upper .order-content-toggle {

	position: relative;

	max-width: 40px;

	min-width: 40px;

	margin: 10px 0;

	border: 1px solid var(--green);

	margin-left: auto;

}

.content .template .listing .order .upper .order-content-toggle::before {

	content: "";

	position: absolute;

	top: -5px;bottom: 0;

	left: 0;right: 0;

	margin: auto;

	width: 10px;

	height: 10px;

	border-right: 2px solid var(--green);

	border-bottom: 2px solid var(--green);

	transform: rotate(45deg);

	transition: inherit;

}

.content .template .listing .order.open .upper .order-content-toggle::before {

	transform: rotate(-135deg) translate(-3px, -3px);

}



.shop header {

    background: url(/images/header_shop.png) 0%/cover no-repeat;

}

@media(min-width: 992px) {

	.content .template .listing .order .upper > div:first-child,

	.content .template .listing .order .upper > div:first-child + div {

		align-self: center;

	}

	.content .template .listing .order .upper > div:first-child {

		max-width: 240px;

		min-width: 180px;

		margin: 0;

	}



	.content .template .listing .order .upper > div + div,

	.content .template .listing .order .upper > .order-content-toggle {

		margin-left: 65px;

	}

	.content .template .listing .order .upper .order-content-toggle {

		margin-left: auto;

	}

	.content .template .listing .order .upper .thumbnails {

		min-width: auto;

		max-width: none;

		order: initial;

	}

}



/********** ORDER CONTENT **********/



.content .template .listing .order .order-content {

	background-color: white;

	font-size: 0;

	max-height: 0;

	overflow: hidden;

	transition: var(--transition);

}

.content .template .listing .order.open .order-content {

	max-height: none;

}



.content .template .listing .order .order-content > div {

	padding: 40px 20px;

}

.content .template .listing .order .order-content:first-child > div {

	border-top: none

}



.content .template .listing .order .order-content .order-details.row {

	margin: -20px;

}

.content .template .listing .order .order-content .order-details.row > div {

	padding: 20px;

}



.content .template .listing .order .order-content .order-details p {

	font-size: 16px;

	color: var(--black);

	line-height: 1;

	margin-bottom: 25px;

	text-align: left;

	font-family: var(--font-family-1);

}

@media screen and (min-width: 900px) {

	.content .template .listing .order .order-content .order-details p {

		font-size: 27px;

	}

}

.content .template .listing .order .order-content .order-details .button-sm span {

	font-size: 12px;

	font-weight: 600;

}



.content .template .listing .order .order-content .order-details span {

	display: block;

	line-height: 1;

	margin-bottom: 15px;

	font-size: 14px;

}

.content .template .listing .order .order-content .order-details span:last-child {

	margin-bottom: 0;

}

.content .template .listing .order .order-content .order-details span b {

	font-weight: 600;

	color: var(--black);

	font-family: var(--font-family-4);

}



.content .template .listing .order .order-content .listing.listing-product-inline {

	margin: 40px 0;

}

.content .template .listing .order .order-content .listing.listing-product-inline .product-inline {

	padding: 30px;

}

.content .template .listing .order .order-content .listing.listing-product-inline .product-inline.checkbox-wrapper {

	flex-direction: initial;

	padding: 18px;

}

.content .template .listing .order .order-content .listing.listing-product-inline .product-inline + .product-inline {

	margin-top: 10px;

}

.content .template .listing .order .order-content .listing.listing-product-inline .product-inline.checkbox-wrapper + .product-inline {

	margin-top: 5px;

}



.content .template .listing .order .order-content  .listing.listing-product-inline .product-inline .image {

	position: relative;

	max-width: 180px;

	min-width: 180px;

	height: auto;

}



@media(max-width: 767px) {

	.content .template .listing .order .order-content  .listing.listing-product-inline .product-inline .image {

		position: relative;

		max-width: 90px;

		min-width: 90px;

		height: auto;

	}



	.content .template .listing .product p {

		font-size: 18px;

	}



	.content .template .listing .product .details span.title {

		font-size: 24px;

	}



	.price{

		margin-top: 12px;

	}



}



.content .template .listing .order .order-content  .listing.listing-product-inline .product-inline .image img {

	display: block;

	max-height: 100%;

	margin: auto;

}

.content .template .listing .order .order-content  .listing.listing-product-inline .product-inline.returned .image img {

	opacity: 0.2;

}



.content .template .listing .order .order-content  .listing.listing-product-inline .product-inline.returned .image span {

	position: absolute;

	top: 0;bottom: 0;

	left: 0;right: 0;

	margin: auto;

	height: 27px;

	font-size: 14px;

	font-weight: 600;

	color: var(--black);

	line-height: 1;

	text-align: center;

	text-transform: uppercase;

	padding: 8px;

	background-color: rgba(var(--primary), .3);

	pointer-events: none;

}





.content .template .listing .order .order-content .footer p {

	font-size: .875rem;

	color: var(--grey);

	line-height: 1;

}

.content .template .listing .order .order-content .footer p a {

	font-weight: 600;

}

.content .template .listing .order .order-content .footer p a:hover,

.content .template .listing .order .order-content .footer p a:focus {

	border-bottom-color: transparent;

}

.content .listing.listing-card .items.row  > .card-parent  > div {

	background: white;

	position: relative;

}



.content .listing.listing-card .items.row > .card-parent > div.promo::before {

	top: 10px;

}



.content .listing.listing-card .items.row > .card-parent > div.new .icon_novo{

	position: absolute;

	right: 10px;

	top: 10px;

	width: 40px;

	height: 40px;

	display: flex;

    justify-content: center;

    align-items: center;

}

.content .listing.listing-card .items.row > .card-parent > div.new .icon_novo::after {

	position: absolute;

	right: 0px;

	top: 0;

	left: 0;

	bottom: 0;

	background: var(--black);

	content: '';

	border-radius: 100%;

}



.content .listing.listing-card .items.row > .card-parent > div.new .icon_novo span{

	font-family: var(--font-family-7);

	text-transform: uppercase;

	color: var(--green);

	font-size: 12px;

	text-align: center;

	z-index: 1;

	position: relative;

}

.content .listing.listing-card .items.row > .card-parent > div.new.promo::before {

	top: 56px;

} 

.content .listing.listing-card .items.row > .card-parent > div.promo::before {

	position: absolute;

	right: 10px;

	width: 40px;

	height: 40px;

	background: var(--green);

	color: white;

	content: attr(data-promo)"%";

	font-weight: bold;

	font-size: 12px;

	text-align: center;

	border-radius: 100%;

	display: flex;

	align-content: center;

	padding: 11px 0;

	justify-content: center;

}

.content .listing.listing-card .card .image + a.subtitle:hover {

	color: #231f20;

}

.content .listing.listing-card .card .image + a.subtitle {

	line-height: 1;

	margin: 30px 0 10px 0;

	font-size: 1.375rem;

	color: var(--green);

	text-align: center;

	display: block;

	padding: 0;

	font-family: var(--font-family-1);

	text-transform: capitalize;

	font-weight: 300;

}

.content.shop .price + p {

	font-size: 12px;

	color: #a6a5a6;

	margin: 4px 0 20px 0;

}

.content .listing.listing-card .items.row  > .card-parent > div img {

	padding: 0;

	max-width: 247px;

}

.content .listing.listing-card .items.row  > .card-parent > div {

	padding: 26px 30px 30px;

	display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

@media(min-width: 768px) {

	.content .template .listing .order .order-content .listing.listing-product-inline {

		margin: 60px 0;

	}

	.content .listing.listing-card .items.row {

		margin: -15px;

	}

	.content .listing.listing-card .items.row  > .card-parent {

		padding: 15px;

	}

}



@media(min-width: 992px) {

	.content .template .listing .order .order-content > div {

		padding: 75px 95px 80px;

	}



	.content .template .listing .order .order-content .listing.listing-product-inline .product-inline {

		margin-left: -30px;

		margin-right: -30px;

	}

}

.content.cart .template .listing .product-inline:not(:last-child) {

	background: white;

	padding: 20px 24px;

}



/********************************************/

/********** PRODUCT INLINE LISTING **********/

/********************************************/



.content .template .listing .product-inline {

	display: flex;

	flex-direction: column;

	align-items: center;

	position: relative;

	border: solid 2px rgba(244, 244, 244, 0.98);

	/*border: 1px solid rgba(128, 128, 128, 0.185);*/

}

.content .template .listing .product-inline + .product-inline:last-child {

	margin-top: 70px;

}

.content .template .listing .product-inline + .product-inline {

	margin-top: 10px;

}



.content .template .listing .product-inline .remove {

	position: absolute;

	top: 0;left: 0;

	width: 40px;

	height: 165px;

	color: var(--green);

	border: 1px solid currentColor;

	cursor: pointer;

}

.content .template .listing .product-inline .remove:hover,

.content .template .listing .product-inline .remove:focus {

	color: rgb(var(--banner-content));

}

.content .template .listing .product-inline .remove::before,

.content .template .listing .product-inline .remove::after {

	content: "";

	position: absolute;

	top: 0;bottom: 0;

	left: 0;right: 0;

	margin: auto;

	width: 17px;

	height: 1px;

	background-color: currentColor;

}

.content .template .listing .product-inline .remove::before {

	transform: rotate(45deg);

}

.content .template .listing .product-inline .remove::after {

	transform: rotate(-45deg);

}

.content.cart .template .listing .product .details > p {

	text-align: center;

	margin-bottom: 19px;

}



.content .template .listing .product-inline .image {

	max-width: 220px;

	height: 194px;

}

.content .template .listing .product-inline .image img {

	height: 100%;

	margin: 0 auto;

	display: block;

}

.content .template .listing .product-inline .details {

	min-width: 100%;

	max-width: 100%;

	margin-top: 35px;

	text-align: center;

}



.content .template .listing .product-inline .details .quantity-select {

	margin: 20px auto 10px;

}



.content .template .listing .product-inline > div > span {

    font-size: 12px;

}



.content .template .listing .product-inline .price span.title {

	margin: 0;

	position: relative;

	color: var(--green);

}



.content .template .listing .product-inline .button {

	padding-top: 20px;

	padding-bottom: 20px;

	align-self: stretch;

	text-align: center;

	margin: 0 15px;

}





@media(min-width: 768px) {

	.content.cart .template .listing .product .details > p {

		text-align: left;

		margin-bottom: 8px;

	}

	.content .template .listing .product-inline .button {

		align-self: flex-start;

		margin: 0;

	}



	.content .template .listing .product-inline .image {

		min-width: 220px;

	}

}





@media(min-width: 992px) {

	.content .template .listing .product-inline {

		flex-direction: initial;

		align-items: initial;

	}



	.content .template .listing .product-inline .details {

		flex: 1;

		margin: 0;

		margin-left: 60px;

		min-width: auto;

		max-width: none;

		text-align: left;

		display: flex;

		flex-direction: column;

		justify-content: center;

	}

	.content .template .listing .product-inline .details .quantity-select {

		margin: 0;

		margin-top: auto;

	}

	.content.cart .template .listing .product-inline .price {

		display: block;

		margin-top: 30px;

	}

	.content .template .listing .product-inline .price {

		margin-left: auto;

		display: flex;

		flex-direction: column;

		justify-content: center;

	}



	.content .template .listing .product-inline .remove {

		position: relative;

		height: auto;

		margin-right: 30px;

	}

}





.content.cart .template > .container:not(.form) .listing .product-inline + .product-inline:last-child{

	border: none;

	background: none;

}





/*************************************/

/********** QUANTITY SELECT **********/

/*************************************/



.content .template .quantity-select {

    position: relative;

    padding: 12px;

    border-radius: 30px;

    border: 1px dashed var(--green);

	width: 116px;

	font-size: 0;

}



.content .template .quantity-select span {

	display: block;

	font-size: 14px;

	line-height: 1;

	color: var(--black);

	text-align: center;

}



.content .template .quantity-select a {

    position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

    width: 15px;

    height: 15px;

    font-size: 0;

}



.content .template .quantity-select div {

    position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

    width: 15px;

    height: 15px;

    font-size: 0;

	-webkit-transition: all ease-in-out .2s;

    text-decoration: none;

    cursor: pointer;

    color: currentColor;

    outline: none;

    box-shadow: none;

}



.content .template .quantity-select a.disabled {

	opacity: 0.5;

	pointer-events: none;

}



.content .template .quantity-select div.disabled {

	opacity: 0.5;

	pointer-events: none;

}



.content .template .quantity-select a.minus {

    left: 14px;

}



.content .template .quantity-select div.minus {

    left: 14px;

}



.content .template .quantity-select a.plus {

    right: 14px;

}



.content .template .quantity-select div.plus {

    right: 14px;

}





.content.cart .template.has-sidebar .sidebar > p {

	font-style: normal;

	padding: 0 30px;

}

.content .template .quantity-select a::before,

.content .template .quantity-select a.plus::after {

    content: "";

    position: absolute;

	top: 0;bottom: 0;

	left: 0;

    margin: auto;

    width: 100%;

    height: 2px;

    background-color: var(--green);

    transition: inherit;

}



.content .template .quantity-select div::before,

.content .template .quantity-select div.plus::after {

    content: "";

    position: absolute;

	top: 0;bottom: 0;

	left: 0;

    margin: auto;

    width: 100%;

    height: 2px;

    background-color: var(--green);

    transition: inherit;

}



.content .template .quantity-select a.plus::after {

    transform: rotate(90deg);

}

.content .template .quantity-select div.plus::after {

    transform: rotate(90deg);

}

.content .template .quantity-select a:hover::before,

.content .template .quantity-select a:hover::after,

.content .template .quantity-select a:focus::before,

.content .template .quantity-select a:focus::after {

    background-color: rgb(var(--banner-content));

}



.content .template .quantity-select div:hover::before,

.content .template .quantity-select div:hover::after,

.content .template .quantity-select div:focus::before,

.content .template .quantity-select div:focus::after {

    background-color: rgb(var(--banner-content));

}





/****************************************/

/********** PROCESS ORDER PAGE **********/

/****************************************/



.shop .form .row.billing-address {

	margin-top: 40px;

}



/********** CHECKBOX LISTING **********/



.shop .form .listing.listing-checkbox {

	margin: 60px 0 0;

}



.shop .listing.listing-checkbox .item {

	padding: 30px 20px;

	border: 1px solid rgba(128, 128, 128, 0.2);

	display: flex;

	align-items: flex-start;

	align-items: center;

}

.shop .listing.listing-checkbox .item + .item{

	margin-top: 10px;

}



.shop .listing.listing-checkbox .item .checkbox-wrapper {

	flex: 1;

}

.shop .listing.listing-checkbox .item .checkbox-wrapper + div {

	margin-left: 20px;

	font-size: 16px;

	font-family: var(--font-family-2);

  	font-weight: bold;

	color: var(--black);

}



.shop .listing.listing-checkbox .item input[type='checkbox'] + label,

.shop .listing.listing-checkbox .item input[type='radio'] + label {

	background-color: white;

}

.shop .listing.listing-checkbox .item input[type='checkbox'] + label + label,

.shop .listing.listing-checkbox .item input[type='radio'] + label + label {

	color: var(--black);

}

.shop .listing.listing-checkbox .item input[type='checkbox'] + label + label span,

.shop .listing.listing-checkbox .item input[type='radio'] + label + label span {

	display: block;

	margin-top: 5px;

	color: #a9a8a8;

	line-height: 1.5;

	font-size: 12px;

	line-height: 1.82;

	font-family: 'Open Sans';

}



.shop .listing.listing-checkbox .item.payment-method.mb img {

	width: 33px;

}

.shop .listing.listing-checkbox .item.payment-method.paypal img {

	width: 73px;

}

.shop .listing.listing-checkbox .item.payment-method.mbway img {

	width: 50px;

}

.shop .listing.listing-checkbox .item.payment-method.credit-card img {

	width: 93px;

}



.shop .listing.listing-checkbox .item.payment-method.mbway .details {

	min-width: 100%;

	max-width: 100%;

	margin-top: 40px;

}

.shop .listing.listing-checkbox .item.payment-method.mbway .details > label {

	color: var(--black);

	margin-bottom: 20px;

	line-height: 1.5;

}





@media(min-width: 992px) {

	.shop .listing.listing-checkbox .item .checkbox-wrapper + div {

		margin-left: 60px;

	}

	.shop .listing.listing-checkbox .item.payment-method .checkbox-wrapper + div {

		min-width: 80px;

		text-align: right;

	}



	.shop .listing.listing-checkbox .item.payment-method.mbway .details {

		min-width: 420px;

		max-width: 420px;

		margin-left: 36px;

		margin-top: 60px;

		margin-bottom: 20px;

	}

	.shop .listing.listing-checkbox .item.payment-method.mbway .details > label {

		line-height: 1;

	}

}





/************************************/

/********** THANK YOU PAGE **********/

/************************************/



.shop.thank-you .mb-details {

	margin: 50px auto;

	padding: 35px 40px;

	background-color: white;

	display: flex;

	width: 390px;

	max-width: 100%;

}

.shop.thank-you .mb-details img {

	max-width: 57px;

}

.shop.thank-you .mb-details div {

	flex: 1;

	text-align: left;

	margin-left: 38px;

}

.shop.thank-you .mb-details div span {

	display: block;

	font-size: 14px;

	font-weight: 300;

	color: #888787;

	line-height: 1;

	font-family: var(--font-family-4);

}

.shop.thank-you .mb-details div span + span {

	margin-top: 15px;

}

.shop.thank-you .mb-details div span b {

	font-weight: bold;

	color: #090712;

}



.shop.thank-you .template > .button {

	margin-top: 70px;

}

.shop.thank-you .mb-details + .button {

	margin-top: 0;

}





.template.has-sidebar.products-listing > .header {

	margin-bottom: 20px;

}

@media(min-width: 768px) {

	.shop.thank-you .mb-details {

		margin: 70px auto;

		padding: 35px 70px;

	}

	.template.has-sidebar.products-listing > .header {

		margin-bottom: 33px;

	}

}

.template .header {

	color: var(--green);

	text-align: right;

	font-family: var(--font-family-1);

	font-size: 24px;

}

.subscribe-us {

	background: #323232;

}

@media(min-width: 768px) {

	.content .header {

		font-size: 24px;

		margin: 20px auto 30px auto;

	}

}