@charset "UTF-8";

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}

#wrapper{position: relative;}

.font20{font-size: 1.3333333333333333rem; letter-spacing: 1px; line-height: 1.6rem}

.screen-reader-text{display: none!important}

.col-lg-2:nth-child(n+7){margin-top: 30px}

.image-caption{padding: 0 2rem 2rem; opacity: 0.25; font-size: 12px; line-height: 1.2em}

/* =============================================================================
   editor content
   ========================================================================== */
.single-product-price + *{margin-top: 1.6666666666666667rem}
.cart + .editor-content{margin-top: 2.6666666666666665rem}
.editor-content + .editor-content{margin-top: 2rem}

.gallery{overflow: hidden; margin: -15px}
	.gallery > .gallery-item{float: left; padding: 15px; width: 16.66666666666667%}
	.gallery-item img{display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px}

	.col-md-6 .gallery > .gallery-item{width: 33.3334%}

.editor-content > * + *,
.woocommerce-MyAccount-content > * + *{margin-top: 2rem}

.woocommerce-MyAccount-content > .woocommerce-notices-wrapper + *{margin-top: 0}

.woocommerce-notices-wrapper > ul.woocommerce-error{margin: 0 0 30px 0; padding: 15px; list-style: none; border: 1px solid #efefef}

/*.editor-content > h1{font-size: 1.6rem}*/
/*.editor-content > h2{font-size: 1.3333333333333333rem}*/
/*.editor-content > h3{font-size: 1.2rem}*/
/*.editor-content > h4{font-size: 1.1333333333333333rem}*/
/*.editor-content > h5{font-size: 1.0666666666666667rem}*/
/*.editor-content > h6{font-size: 1rem}*/

.default-editor ul{margin-top: 1rem}

.editor-content > h1{font-size: 2rem}
.editor-content > h2{font-size: 1.6rem}
.editor-content > h3{font-size: 1.3333333333333333rem}
.editor-content > h4{font-size: 1.1333333333333333rem}
.editor-content > h5{font-size: 1.0666666666666667rem}
.editor-content > h6{font-size: 1rem}

.default-editor .editor-content > h1 + *,
.default-editor .editor-content > h2 + *,
.default-editor .editor-content > h3 + *,
.default-editor .editor-content > h4 + *,
.default-editor .editor-content > h5 + *,
.default-editor .editor-content > h6 + *{margin-top: 1.0666666666666667rem}

.editor-content > h1 + *,
.editor-content > h2 + *,
.editor-content > h3 + *,
.editor-content > h4 + *,
.editor-content > h5 + *,
.editor-content > h6 + *{margin-top: 1rem}


.editor-content > .row > .col-md-6 > * + *{margin-top: 2rem}
.editor-content > .row > .col-md-6 > h1 + *,
.editor-content > .row > .col-md-6 > h2 + *,
.editor-content > .row > .col-md-6 > h3 + *,
.editor-content > .row > .col-md-6 > h4 + *,
.editor-content > .row > .col-md-6 > h5 + *,
.editor-content > .row > .col-md-6 > h6 + *{margin-top: 0}

/* =============================================================================
   header
   ========================================================================== */
#header{border-bottom: 1px solid #e2e2e2; background-color: #fff; position: relative; z-index: 100; transition: 0.2s}
	#header a{text-decoration: none}
	#header > .container > .row{height: 10.933333333333334rem}
		#header > .container > .row > .col + .col-auto{padding-left: 45px}

.home #header{border-color: transparent; background-color: transparent; position: absolute; top: 0; left: 0; width: 100%}

	#header ul{margin: 0; padding: 0; list-style: none}
	
	* + #header-items{margin-top: 2rem}
	
	#header-items{font-size: 1.2rem; transition: 0.2s}
		#primary-menu a{display: block; color: #231f20}
		#primary-menu li{position: relative}
			#primary-menu li > ul{position: relative; background-color: #fff}
			#primary-menu li:hover > a{text-decoration: none}
			
		#primary-menu > ul > li{float: left}
		#primary-menu > ul > li + li{margin-left: 3rem}
			#primary-menu > ul > li > a{text-transform: uppercase; font-family: 'LatoWebBlack'; position: relative; padding: 0.3333333333333333rem 0}
				#primary-menu > ul > li > a:before,
				#primary-menu > ul > li > a:after{
					content: '';
					display: block;
					height: 3px;
					width: 0;
					background-color: #f3e403;
					position: absolute;
					bottom: 0;
					-webkit-transition: width 0.25s linear;
					-moz-transition: width 0.25s linear;
					-ms-transition: width 0.25s linear;
					-o-transition: width 0.25s linear;
					transition: width 0.25s linear
				}
				#primary-menu > ul > li > a:before{right: 50%}
				#primary-menu > ul > li > a:after{left: 50%}
				
				#primary-menu > ul > li:hover > a:before,
				#primary-menu > ul > li:hover > a:after,
				#primary-menu > ul > li.current-menu-item > a:before,
				#primary-menu > ul > li.current-menu-parent > a:before,
				#primary-menu > ul > li.current-menu-ancestor > a:before,
				#primary-menu > ul > li.current-page-item > a:before,
				#primary-menu > ul > li.current-page-parent > a:before,
				#primary-menu > ul > li.current-page-ancestor > a:before,
				#primary-menu > ul > li.current-menu-item > a:after,
				#primary-menu > ul > li.current-menu-parent > a:after,
				#primary-menu > ul > li.current-menu-ancestor > a:after,
				#primary-menu > ul > li.current-page-item > a:after,
				#primary-menu > ul > li.current-page-parent > a:after,
				#primary-menu > ul > li.current-page-ancestor > a:after{width: 50%}
			
			#primary-menu .sub-menu{font-size: 1.0666666666666667rem; border: 1px solid #e2e2e2; border-top: none; position: absolute; top: 100%; left: 0; white-space: nowrap; display: none}
			#primary-menu li:hover > .sub-menu{display: block}
				#primary-menu .sub-menu > li{border-top: 1px solid #e2e2e2}
					#primary-menu .sub-menu > li > a{padding: 0.8rem 1.2rem; line-height: 1.3333333333333333rem}
					#primary-menu .sub-menu > li > .sub-menu{left: 100%; top: -1px}
						#primary-menu .sub-menu > li:hover > a,
						#primary-menu .sub-menu > li.current-menu-item > a,
						#primary-menu .sub-menu > li.current-menu-parent > a,
						#primary-menu .sub-menu > li.current-menu-ancestor > a,
						#primary-menu .sub-menu > li.current-page-item > a,
						#primary-menu .sub-menu > li.current-page-parent > a,
						#primary-menu .sub-menu > li.current-page-ancestor > a{background-color: #f3e403}
							
	.header-actions{font-size: 0.8666666666666667rem; line-height: 1.6rem}
		#header .header-actions a:hover{text-decoration: underline}
		.wpml-ls{text-transform: uppercase}
			.wpml-ls > ul{overflow: hidden}
				.wpml-ls > ul > li{float: left}
				.wpml-ls > ul > li + li{margin-left: 0.3333333333333333rem}
					.wpml-ls a{color: #231f20; display: block; line-height: 1.3333333333333333rem; padding: 4px 0.5333333333333333rem 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px}
					.wpml-ls a:hover,
					.wpml-ls-current-language > a{background-color: #f3e403; text-decoration: none!important}
		
		.header-actions .col-auto ul{margin: 0; padding: 0; list-style: none}
			.header-actions .col-auto ul > li + li{margin-left: 1rem}
			.header-actions .col-auto ul > li.user-li + li.user-li{margin-left: 0}
				.header-actions .col-auto ul > li > *{display: block; line-height: 1.3333333333333333rem; padding-left: 1.7333333333333334rem; position: relative; padding-top: 0.2rem; color: #231f20}
					.header-actions .col-auto ul > li > * svg{width: 1.0666666666666667rem; height: 1.0666666666666667rem; position: absolute; top: 50%; margin-top: -0.5333333333333333rem; left: 0}
					.header-actions .col-auto ul > li > *.header-cart svg{width: 1.3333333333333333rem; height: 1.3333333333333333rem; margin-top: -0.6666666666666666rem}
						.header-actions .col-auto ul > li > * svg > path{fill: #231f20}

.archive.woocommerce #header{border-color: #fff}

/*sticky header*/
@media (min-width: 1024px){
	#wrapper.fixedheader{padding-top: 11rem;}
	#header.fixed{
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		background: #fff;
		z-index: 20000;
		border-bottom: 1px solid #dedede!important;
	}
	#header.fixed > .container > .row > .col + .col-auto{padding-left: 1rem}
	#header.fixed > .container > .row{height: unset}
	#header.fixed #header-logo{display: none}
	#header.fixed #header-logo + .col-auto{width: 100%; max-width: unset; flex:unset}
	/*#header.fixed .header-actions{visibility: hidden; transform: scaleY(0); height: 0}*/
	#header .header-actions{margin-top:1rem; transition: 0.2s}
	#header.fixed .header-actions{margin-top:1rem}
	#header.fixed #header-items{margin-top: 0.5rem; margin-bottom: 1rem}
}
/* =============================================================================
   search form
   ========================================================================== */
#search-toggle{border: none; background: none; text-transform: uppercase}
#search-toggle:hover{text-decoration: underline}

.center-element:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em}.center-element > .centered{display: inline-block; vertical-align: middle; width: 99%}
#searchform{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(243, 228, 3, 0.75);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
	#searchform .center-element{height: 100%; position: relative; width: 100%}
		#searchform .searchform-wrap{
			max-width: 60em;
			width: 100%;
			margin: 0 auto;
			position: relative;
			padding-top: 4em;
			padding-bottom: 8em;
			padding-left: 1rem;
			padding-right: 1rem
		}
			#searchform .searchform-wrap #close-search{
				background: none;
				outline: none;
				border: none;
				padding: 0;
				width: 20px;
				height: 20px;
				position: absolute;
				cursor: pointer;
				z-index: 10;
				top: 0;
				right: 15px;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
				opacity: 1;
			}
				#searchform .searchform-wrap #close-search svg path{fill: #323232}

#searchform.search-visible{opacity: 1; visibility: visible}
#searchform .woocommerce-product-search{font-size: 3.6666666666666665em; position: relative; /*55px*/}
	#searchform .woocommerce-product-search .search-field{
		border: none;
		background: none;
		color: #323232;
		font-weight: 700;
		border-bottom: 1px solid #323232;
		width: 100%;
		padding: 0.2727272727272727em 2.309090909090909em 0.2727272727272727em 0;
		height: 1.7636363636363634em
	}
	#searchform .woocommerce-product-search .search-field::-webkit-input-placeholder{color: #323232; opacity: 1}
	#searchform .woocommerce-product-search .search-field:-moz-placeholder{color: #323232; opacity: 1}
	#searchform .woocommerce-product-search .search-field::-moz-placeholder{color: #323232; opacity: 1}
	#searchform .woocommerce-product-search .search-field:-ms-input-placeholder{color: #323232; opacity: 1}
	#searchform .woocommerce-product-search .search-field:focus::-webkit-input-placeholder{opacity: 0}
	#searchform .woocommerce-product-search .search-field:focus:-moz-placeholder{opacity: 0}
	#searchform .woocommerce-product-search .search-field:focus::-moz-placeholder{opacity: 0}
	#searchform .woocommerce-product-search .search-field:focus:-ms-input-placeholder{opacity: 0}

	#searchform .woocommerce-product-search button[type="submit"]{
		position: absolute;
		background-color: #323232;
		top: 0;
		right: 0;
		border: none;
		height: 2.9393939393939394em;
		width: 2.9393939393939394em;
		font-size: 0.6em;
		padding: 0;
		-webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-ms-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
		cursor: pointer;
		color: #fff;
	}
	#searchform .woocommerce-product-search button[type="submit"]:hover{color: #fff; background-color: #5cb84a}	
		#searchform .woocommerce-product-search button[type="submit"]:hover svg path{fill: #fff}

/* =============================================================================
   wpcf7
   ========================================================================== */
.wpcf7-form-control {padding: 5px 5px 5px 10px; margin-top: 20px;}
.wpcf7-textarea {resize: vertical; min-height: 100px; height: 100px;}
.wpcf7-form-control:focus {box-shadow: 0 0 0 0.5rem rgba(243, 228, 3, 0.15); border-color: rgba(243, 228, 10, 0.95)}

.wpcf7{font-size: 1rem}

.wpcf7 span,
.wpcf7 label{
	width: 100%;
}
.wpcf7 input,
.wpcf7 textarea{
	padding: 0.5rem;
	width: 100%;
	border: 1px solid #231f20;
}

.wpcf7 .row > div{
	margin-top: 15px;
}

.wpcf7 input[type=submit]{width: auto!important; margin: 0 auto; padding: 0.9333333333333333rem 0.75rem 0.8rem;}
.wpcf7 input[type=submit],
.wpcf7 input[type=file]{
	border:none;
}
.wpcf7 input[type=checkbox]{
	width: auto;
}

.your-message textarea{
	min-height: 210px;
}

textarea{resize:none}
/* =============================================================================
   builder elements
   ========================================================================== */
.builder-element{position: relative}
	.builder-element > .element-inner{padding: 6.666666666666667rem 0}
	.builder-element.bg-default + .bg-default > .element-inner,
	.builder-element.bg-white + .bg-white > .element-inner,
	.builder-element.bg-default + .bg-white > .element-inner,
	.builder-element.bg-white + .bg-default > .element-inner{padding-top: 0}
	/*.builder-element.element-txtmedia + .builder-element:not(.element-txtmedia) > .element-inner{padding-top: 6.666666666666667rem}*/
	.builder-element.element-txtmedia.bg-default + .builder-element.bg-default:not(.element-txtmedia) > .element-inner,
	.builder-element.element-txtmedia.bg-gray + .builder-element.bg-gray:not(.element-txtmedia) > .element-inner{padding-top: 0}
		
.element-header h2{font-size: 2.1333333333333333rem}
.element-header + .element-body,
* + .element-footer{margin-top: 3rem}

.bg-gray .container > .element-header{padding-top: 3rem}
.element-header + .element-body > .row-txtmedia:first-child{padding-top: 0!important}

.element-hero{border-top: 5px solid #f3e403; font-size: 1.2rem; background-image: url(../images/hero-bg.png); background-position: center bottom; background-repeat: no-repeat}
	.element-hero + .bg-default > .element-inner,
	.element-hero + .bg-white > .element-inner{padding-top: 0}
	.element-hero > .element-inner{padding: 10.933333333333334rem 0 0 0; position: relative; z-index: 1}
		.element-hero > .element-inner > .container{position: relative}
			.element-hero > .element-inner > .container > .row{height: 41.666666666666664rem; padding-bottom: 9rem}
				.element-hero h1{font-size: 3.2rem; line-height: 1em; margin-right: -15px}
				.element-hero .element-header + *,
				.element-hero .element-body + *{margin-top: 2rem}
					.element-hero .element-body > * + *{margin-top: 1rem}
		
			.element-hero > .element-inner > .container > .hero-badge{width: 14.666666666666666rem; height: 14.666666666666666rem; position: absolute; z-index: 10; right: 15px; bottom: 5rem; background-color: #f3e403; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%}
				.element-hero > .element-inner > .container > .hero-badge > .inner > span{display: block; font-size: 1.3333333333333333rem; line-height: 1em}
				.element-hero > .element-inner > .container > .hero-badge > .inner > span.badge-txt-big{font-size: 4rem; padding-top: 0.3333333333333333rem}
				.element-hero > .element-inner > .container > .hero-badge > .inner > span.badge-txt-medium{font-size: 1.6rem}
				
	.element-hero > .element-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f0eeea; background-position: center top; background-repeat: no-repeat}
		.element-hero > .element-bg:after{content: ''; display: block; width: 100%; height: 254px; position: absolute; left: 0; bottom: 0; background-image: url(../images/hero-bg.png); background-position: center bottom; background-repeat: no-repeat}

.element-hero + .builder-element.bg-default{margin-top: -3.3333333333333335rem}

/* element boxed links */
.row-boxedlinks > div:nth-child(n+5){margin-top: 30px}
	.row-boxedlinks > div > a{position: relative; height: 100%; padding: 1.3333333333333333rem; text-decoration: none; color: #fff; background-color: #323232; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.2rem; line-height: 1.4rem; min-height: 8.666666666666666rem; overflow: hidden; background-image: url(../images/box-link-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover}
		.row-boxedlinks > div > a:before{
			content: '';
			display: block;
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000',GradientType=0 );
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
		}
		.row-boxedlinks > div > a > span{position: relative}


.cat-grid-item:nth-child(n+4){margin-top: 30px}
	.cat-grid-item > a{position: relative; height: 100%; padding: 1.3333333333333333rem; text-decoration: none; color: #fff; background-color: #323232; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 1.666666666667rem; line-height: 1.666666666667rem; min-height: 13.666666666666666rem; overflow: hidden; background-image: url(../images/box-link-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover}
		.cat-grid-item > a:before{
			content: '';
			display: block;
			background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000',GradientType=0 );
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%
		}
		.cat-grid-item > a > span{position: relative}

/* txt media */
.builder-element.element-txtmedia{font-size: 1.2rem; overflow: hidden}
.builder-element.element-txtmedia > .element-inner{padding: 0}

.row-txtmedia{padding: 6.666666666666667rem 0}
.row-txtmedia + .type_img.row-txtmedia{margin-top: 6.666666666666667rem}
.row-txtmedia.type_img + .type_img.row-txtmedia{margin-top: 0}
.no_content + .builder-element.bg-default .row-txtmedia{padding-top: 0}

.order-default > .row-txtmedia:nth-child(odd) > .col-md-6,
.order-reverse > .row-txtmedia:nth-child(odd) > .col-md-5,
.order-default > .row-txtmedia:nth-child(even) > .col-md-5,
.order-reverse > .row-txtmedia:nth-child(even) > .col-md-6{margin-left: 8.333333%}

.order-default > .row-txtmedia:nth-child(even) > .col-md-5,
.order-reverse > .row-txtmedia:nth-child(odd) > .col-md-5{-ms-flex-order: 1; order: 1}

.txtmedia-img{margin: -6.666666666666667rem 0}
	.txtmedia-img img{max-width: none}

.order-default > .row-txtmedia:nth-child(even) .txtmedia-img img,
.order-reverse > .row-txtmedia:nth-child(odd) .txtmedia-img img{float: right; margin-right: -15px}

.order-default > .row-txtmedia:nth-child(odd) .txtmedia-img img,
.order-reverse > .row-txtmedia:nth-child(even) .txtmedia-img img{float: left; margin-left: -15px}


/* txt media grid */

.element-txtmediagrid .component-header > h2{font-size: 1.6rem}
.element-txtmediagrid .row-txtmediagrid > .txtmediagrid-item:nth-child(n + 4){margin-top: 3rem}
.element-txtmediagrid .row-txtmediagrid > .txtmediagrid-item > .txtmediagrid-img{margin-bottom: 1rem}

.builder-element.bg-default + .builder-element.element-txtmediagrid.bg-default > .element-inner{padding-top: 0}

/*logo groups*/

.row-logogroups .row-logos{margin-top:2rem}
.row-logogroups + .row-logogroups{margin-top:4.3333333rem}

.row-logogroups .logo-item > div{border: 2px solid rgba(226, 226, 226, 0.6); border-radius: 0.8rem; padding: 15px 1.3rem; position: relative; height: 100%}
.row-logogroups .logo-item > a > img{transition: 0.25s}
.row-logogroups .logo-item > a:hover > img{transform: scale(1.2)}

.row-logogroups .component-header > h2{ text-align:center; font-family: LatoWebLight; position:relative}
/*.row-logogroups .component-header > h2::after{content:"";display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:1px;width:95%;background:#e2e2e2}*/

/* =============================================================================
   components
   ========================================================================== */
.col-md-5 .component-header,
.col-md-5 .component-body,
.col-md-5 .component-footer{margin-right: -2rem}

* + .component-body,
* + .component-footer{margin-top: 2rem}

/* =============================================================================
   content elements
   ========================================================================== */
.content-element{padding: 3.3333333333333335rem 0}
.content-element.archive-list{padding: 6.666666666666667rem 0}
.content-element.bg-white + .bg-white{padding-top: 0}
	.content-element .content-element-header h2{font-size: 2.1333333333333333rem; line-height: 0.85em; font-family: 'LatoWebBlack';}
	.content-element * + .content-element-body,
	.content-element * + .content-element-footer{margin-top: 2.6666666666666665rem}

.element-category-info{padding: 0}
	.element-category-info .container > .row{height: 340px}
		.element-category-info .container > .row > .col-md-6{position: relative}
		.element-category-info .container > .row > .col-md-6.category-img > img{
			max-width: none;
			position: absolute;
			top: 0;
			right: 0;
		}
		.element-category-info .container > .row > .col-md-6{position: relative}
			.element-category-info .container > .row > .col-md-6 > .row{position: relative; height: 100%}
	
	.element-category-info .content-element-header h1{font-size: 2.1333333333333333rem}

	.products-total-amount{display: inline-block; border: 1px solid #d9d9d9; font-size: 1.0666666666666667rem; line-height: 1.3333333333333333rem; padding: 1rem 0.75rem 0.8rem; min-width: 18rem; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px}
	
	.element-category-info * + .content-element-body,
	.element-category-info * + .content-element-footer{margin-top: 1.6666666666666667rem}

/* =============================================================================
   tabs
   ========================================================================== */
.nav-tabs{border: none; font-size: 1.2rem; font-family: 'LatoWebBold'}
	.nav-tabs > li + li{margin-left: 2.142857142857143rem}
		.nav-tabs .nav-link{border: none; padding: 0 0 0.7142857142857143rem 0; color: #231f20; position: relative; text-decoration: none}
			.nav-tabs .nav-link:before{
				content: '';
				display: block;
				height: 3px;
				width: 100%;
				position: absolute;
				left: 0;
				bottom: 0;
				background-color: #f3e403;
				opacity: 0
			}		
		.nav-tabs .nav-link.active,
		.nav-tabs .nav-item.show .nav-link{color: #231f20}
			.nav-tabs .nav-link:hover:before,
			.nav-tabs .nav-link.active:before,
			.nav-tabs .nav-item.show .nav-link:before{opacity: 1}

.tab-content{padding: 0; margin-left: -3.3333333333333335rem; margin-right: -3.3333333333333335rem}
	.tab-content .products .slick-list{padding: 3.3333333333333335rem}

.row.products{overflow:hidden}

.row.products .slick-slide{opacity: 0}
.row.products .slick-slide.slick-active{opacity: 1}

/* =============================================================================
   contact page
   ========================================================================== */
.element-contact{position:relative; overflow-x:hidden}
.element-contact .element-inner > iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.element-contact .contact-content{
	background-color: #fff;
	width: 45%;
	padding: 3.5rem;
	z-index: 20000;
	position: relative
}
.element-contact > .element-inner{z-index: 2}
.element-contact > .element-inner > .container{z-index: 2}


/* =============================================================================
   single product
   ========================================================================== */
.gallery-slider-body{border: 1px solid #e2e2e2}
	.gallery-slider-body a{display: block; padding: 3.6666666666666665rem 15px; position: relative}
	.gallery-slider-body img{display: block; margin: 0 auto}
		.gallery-slider-body .img-zoom{
			display: block;
			width: 3.3333333333333335rem;
			height: 3.3333333333333335rem;
			position: absolute;
			bottom: 20px;
			right: 20px;
			background-color: #f3e403;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%
		}
			.gallery-slider-body .img-zoom svg{display: block;margin: 0.8rem auto 0 auto;width:1.6rem;height:1.6rem}

.single-product-price > .col-pricetag{
	font-family: 'LatoWebHeavy';
	font-size: 4rem;
	line-height: 1em
}
.single-product-price > .stock{padding-left: 15px}
	.single-product-price > .col-pricetag ins,
	.single-product-price > .col-pricetag del{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		flex: 0 0 auto\0;	
	}
	
	.single-product-price > .col-pricetag ins{text-decoration: none}
	.single-product-price > .col-pricetag del{color: #7e7e7e; font-family: 'LatoWeb'; font-size: 1rem; line-height: 1em; -ms-flex-order: 1; order: 1}

	.col-price-discount > .d-flex{
		font-family: 'LatoWebHeavy';
		font-size: 1.6666666666666667rem;
		line-height: 0.85em;
		width: 5.333333333333333rem;
		height: 5.333333333333333rem;
		color: #fff;
		background-color: #5cb84a;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;	
	}
	
.col-product-info{padding-top: 1.6666666666666667rem}

.gallery-slider-nav{padding-left: 100px; padding-right: 100px; max-width: 360px; margin-left: auto; margin-right: auto; margin-top: 30px}

table.variations{width: 100%; border-collapse: collapse}
	table.variations td{padding: 15px!important; vertical-align: top}
	.variations_form.cart table.variations td.label label{font-size: 2rem; padding-top: 0.85rem; display: block}
	table.variations td select{
		display: block;
		width: 100%;
		height: 3.3333333333333335rem;
		padding: 0.375rem 1.1333333333333333rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #353535;
		background-color: #fff;
		background-clip: padding-box;
		border: 2px solid #e8e8e8;
		border-radius: 0;
		transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;	
	}

.table-responsive .table th,
.table-responsive .table td {
	padding: 10px !important;
}
.table-responsive .table thead {
	background: #f3e403;
}
.table-responsive .table thead th {
	border: none;
}
.table-responsive .table tbody tr:hover {
	background: #f7f7f7;
}

.single_variation_wrap{width: 100%}

.woocommerce-variation-add-to-cart{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin: 0 -15px	
}
	.woocommerce-variation-add-to-cart > div{padding: 0 15px}

.woocommerce-variation-price{
	font-family: 'LatoWebHeavy';
	font-size: 4rem;
	line-height: 1em;
	overflow: hidden
}
	.woocommerce-variation-price del{font-size: 2rem; font-family: 'LatoWeb';}
	.woocommerce-variation-price ins{text-decoration: none; float: left; margin-right: 30px}

/* =============================================================================
   category menu
   ========================================================================== */

#category-menu{position:sticky; top:2rem}
#header.fixed + #searchform + #content #category-menu,
#header.fixed + #content #category-menu{top:8rem}
#category-menu > ul{list-style: none; margin-top: 2rem; padding:0}
	#category-menu > ul > li > a{text-decoration: none}
	#category-menu > ul > li + li{margin-top: 0.5rem}

		#category-menu > ul > li > a{text-transform: uppercase; font-family: 'LatoWebBold'; position: relative; padding: 0.3333333333333333rem 0;}
		#category-menu > ul > li > a:after{
			content: '';
			display: block;
			height: 3px;
			width: 0;
			background-color: #f3e403;
			position: absolute;
			bottom: 0;
			-webkit-transition: width 0.25s linear;
			-moz-transition: width 0.25s linear;
			-ms-transition: width 0.25s linear;
			-o-transition: width 0.25s linear;
			transition: width 0.25s linear
		}
		#category-menu > ul > li > a:after{left: 0}

		#category-menu > ul > li > a:hover:after,
		#category-menu > ul > li.current-menu-item > a:after,
		#category-menu > ul > li.current-menu-parent > a:after,
		#category-menu > ul > li.current-menu-ancestor > a:after,
		#category-menu > ul > li.current-page-item > a:after,
		#category-menu > ul > li.current-page-parent > a:after,
		#category-menu > ul > li.current-page-ancestor > a:after{width: 100%}

		#category-menu > ul > li.current-menu-item > .sub-menu,
		#category-menu > ul > li.current-menu-parent > .sub-menu,
		#category-menu > ul > li.current-menu-ancestor > .sub-menu,
		#category-menu > ul > li.current-page-item > .sub-menu,
		#category-menu > ul > li.current-page-parent > .sub-menu,
		#category-menu > ul > li.current-page-ancestor > .sub-menu{display: block}

		#category-menu .sub-menu{font-size: 1.0666666666666667rem; margin-top: 0.9rem; margin-bottom: 0.9rem; margin-left: 2rem; display: none; padding: 0; list-style: disc}
		#category-menu .sub-menu > li > a{padding: 0.3rem; line-height: 1.3333333333333333rem; text-decoration: none; padding-left: 0; display: inline-block}
		#category-menu .sub-menu > li > .sub-menu{left: 100%; top: -1px}

		#category-menu .sub-menu > li:hover > a,
		#category-menu .sub-menu > li.current-menu-item > a,
		#category-menu .sub-menu > li.current-menu-parent > a,
		#category-menu .sub-menu > li.current-menu-ancestor > a,
		#category-menu .sub-menu > li.current-page-item > a,
		#category-menu .sub-menu > li.current-page-parent > a,
		#category-menu .sub-menu > li.current-page-ancestor > a{text-decoration: underline}

/* =============================================================================
   product grid
   ========================================================================== */
.row > .col-list-item{position: relative}
.row.columns-3 > .col-list-item{
	-ms-flex: 0 0 33.3333333333%;
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
	flex: 0 0 auto\0;
	position: relative
}
.row.columns-4 > .col-list-item{
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	flex: 0 0 auto\0;
}

.row > .col-list-item:before,
.row > .col-list-item:after{content: ''; display: block; position: absolute; background-color: #dedede}

.row.columns-3 > .col-list-item:nth-child(n+4):before,
.row.columns-4 > .col-list-item:nth-child(n+5):before{top: 0; left: 10%; right: 10%; height: 1px}
.row > .col-list-item:after{width: 1px; top: 10%; bottom: 10%; left: 0;}


@media (min-width:768px){ 
	.row.columns-3 > .col-list-item:nth-child(3n+1):after,
	.row.columns-4 > .col-list-item:nth-child(4n+1):after,
	.row.columns-4 > .col-list-item:nth-child(4n+1):after{display: none}
}

	.row .col-list-item > .list-item-content{display: block; position: relative; height: 100%; background-color: transparent; color: #363636; line-height: 1.2rem; z-index: 1; margin: -1px; padding-bottom: 6.666666666666667rem}
		.row .col-list-item > .list-item-content > a{display: block; color: inherit; text-decoration: none; padding: 30px 15px 0}
		.row .col-list-item > .list-item-content > .list-item-btn{
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			padding: 0 15px 30px 15px	
		}
		
	.row .col-list-item > .list-item-content:hover{
		z-index: 1000;
		text-decoration: none;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1)
	}

/*in slick*/
.row .col-list-item.slick-slide > .list-item-content:hover::before,
.row .col-list-item.slick-slide > .list-item-content:hover::after{display:none!important; content: none!important;}
.row .col-list-item.slick-slide + .col-list-item.slick-slide > .list-item-content:before,
.row .col-list-item.slick-slide + .col-list-item.slick-slide > .list-item-content:after{content: ''; z-index: -1; display: block; position: absolute; width: 1px; height: calc(100% - 6.666666666666667rem); top: 3.33333333333rem;  background-color: #dedede}

.row .col-list-item.slick-slide > .list-item-content:after{width: 1px; top: 10%; bottom: 10%; left: 0;}
.row .col-list-item.slick-slide:nth-child(4n + 1) > .list-item-content::before{content: none!important; display: none!important;}
.row .col-list-item.slick-slide:nth-child(4n + 1) > .list-item-content::after{content: none!important; display: none!important;}


.list-item-thumb{margin-bottom: 1.3333333333333333rem}
.list-item-price{margin-top: 1.3333333333333333rem; font-size: 1.6rem; line-height: 1em; font-family: 'LatoWebHeavy'}
	.list-item-price > .price{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0 -5px
	}
		.list-item-price > .price ins,
		.list-item-price > .price del{padding: 0 5px}
		.list-item-price > .price ins{text-decoration: none}
		.list-item-price > .price del{color: #a5a5a5; font-size: 1.0666666666666667rem; -ms-flex-order: 1; order: 1}


.woocommerce-notices-wrapper{max-width: 78rem; margin-left: auto; margin-right: auto; margin-top: -1px}
.woocommerce-message{padding: 15px; border: 1px solid #e2e2e2}
	.woocommerce-message > .button:first-of-type{margin-right: 1rem}

th.product-thumbnail,
td.product-thumbnail{width: 5.5rem}
.product-thumbnail img{width: 4rem}


.add_to_cart_button + .added_to_cart.wc-forward{display: none}

/* =============================================================================
   forms
   ========================================================================== */
.col2-set{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
	.col2-set > .col-1,
	.col2-set > .col-2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		flex: 0 0 auto\0;
	}
	
	.form-row{margin: 0}
		.form-row > label,
		.form-row > .woocommerce-input-wrapper{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			flex: 0 0 auto\0
		}
	.form-row + .form-row{margin-top: 15px}

/* =============================================================================
   quantity
   ========================================================================== */
form.cart{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin-left: -15px;
	margin-right: -15px
}
	form.cart > div{padding: 0 15px}

.quantity{position: relative;white-space:nowrap}
	.quantity > .minus,
	.quantity > .plus,
	.quantity > .input-text{
		border: 2px solid #000;
		height: 3.125rem;	
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		text-align: center;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		background-color: #fff;
		outline: none!important;
		color: #222
	}
	.quantity > .minus,
	.quantity > .plus{
		width: 3.125rem;
		font-size: 1.8666666666666667rem
	}
	.quantity > .minus:hover,
	.quantity > .plus:hover{border-color: #f3e403; background-color: #f3e403}
	.quantity > .input-text{
		padding-top: 0.2rem;
		font-size: 1.2rem;
		font-family: 'LatoWebHeavy';
		width: 5rem	
	}
	
	.product-quantity .quantity > .minus,
	.product-quantity .quantity > .plus,
	.product-quantity .quantity > .input-text{height: 2rem; border: 1px solid #000}
	
	.product-quantity .quantity > .minus,
	.product-quantity .quantity > .plus{width: 2rem}
	
	.product-quantity .quantity > .minus:hover,
	.product-quantity .quantity > .plus:hover{border-color: #f3e403}


.woocommerce-billing-fields + .woocommerce-shipping-fields{margin-top: 2rem}

.editor-content ul.payment_methods{margin: 0; padding: 0; list-style: none; border: 1px solid #e2e2e2}
.editor-content ul.payment_methods > li{padding: 15px}
	.editor-content ul.payment_methods > li + li{border-top: 1px solid #e2e2e2}
.editor-content ul.payment_methods > li:before{display: none}

* + #payment,
.editor-content * + ul.payment_methods,
.editor-content ul.payment_methods + *{margin-top: 2rem}

/* =============================================================================
   my account
   ========================================================================== */
.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	margin: 0 -15px	
}
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > nav,
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > div,
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > h2,
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > h2 + .woocommerce-form,
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > form{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		flex: 0 0 auto\0;
		width: 100%;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		padding: 0 15px	
	}
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > nav{
		-webkit-flex: 0 1 25%;
		-ms-flex: 0 1 25%;
		flex: 0 1 25%;
		flex: 0 0 auto\0;
		width: 25%
	}
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > nav + div{
		-webkit-flex: 0 1 75%;
		-ms-flex: 0 1 75%;
		flex: 0 1 75%;
		flex: 0 0 auto\0;
		width: 75%
	}
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > h2 + *{margin-top: 30px}
	
	
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > div.woocommerce-notices-wrapper{padding: 0}
	
.lost_reset_password p + p{margin-top: 15px}
	
.editor-content > .woocommerce > nav.woocommerce-MyAccount-navigation > ul{
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid #e2e2e2
}
	.editor-content > .woocommerce > nav.woocommerce-MyAccount-navigation > ul > li + li{border-top: 1px solid #e2e2e2}
		.editor-content > .woocommerce > nav.woocommerce-MyAccount-navigation > ul > li > a{display: block; padding: 0.6666666666666666rem 1rem; text-decoration: none}
		.editor-content > .woocommerce > nav.woocommerce-MyAccount-navigation > ul > li.is-active > a,
		.editor-content > .woocommerce > nav.woocommerce-MyAccount-navigation > ul > li:hover > a{
			text-decoration: none;
			background-color: #f3e403	
		}
		
.woocommerce-address-fields__field-wrapper + p,
.edit-account p > .button{margin-top: 2rem}

.editor-content * + fieldset{margin-top: 2rem}

.form-row * + .woocommerce-form__label-for-checkbox,
.form-row .woocommerce-form__label-for-checkbox + *{margin-top: 30px}

/* =============================================================================
   footer
   ========================================================================== */
#footer{font-size: 1.2rem; line-height: 1.8rem}
	#footer .container{position: relative; padding: 4rem 15px}
	#footer p + p{margin-top: 1rem}
	
	#ama{display: inline-block; position: absolute; right: 15px; bottom: 1rem; color: #363636; opacity: 0.5; font-size: 0.8666666666666667rem; line-height: 0.8666666666666667rem; text-decoration: none}
	#ama:hover{text-decoration: underline}

.woocommerce-terms-and-conditions-wrapper + *{margin-top: 2rem}

.woocommerce-billing-fields h3 + *,
.woocommerce-shipping-fields h3 + *,
* + .woocommerce-additional-fields,
#order_review_heading + *{margin-top: 2rem}

.woocommerce-form-coupon-toggle{margin-bottom: 2rem}
.woocommerce-form-coupon-toggle + .checkout_coupon{padding-bottom: 2rem}

/* =============================================================================
   media query
   ========================================================================== */
@media (min-width: 1024px){
	#mobile-toggle{display: none}
	#header-items{display: block!important}
}
@media (max-width: 1366px){
	.tab-content{margin-left: 0; margin-right: 0}	
}
@media (max-width: 1200px){
	
	html{font-size: 14px}
	
	#search-toggle .hide-mobile{display: none!important}
	#primary-menu > ul > li + li{margin-left: 1.5rem}
}
@media (max-width: 1023px){
	.noscroll{overflow: hidden!important}
	
	#mobile-toggle{
		display: block!important;
		transition: 0.8s ease;
		z-index: 9999;
		position: absolute;
		height: 40px;
		width: 40px;
		margin-top: -20px;
		top: 50%;
		right: 15px;
		border: 1px solid #003e7e;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background: none;
	}
		#mobile-toggle .menui {
			width: 24px;
			left: 50%;
			margin-left: -12px;
			height: 1px;
			background: #003e7e;
			transition: 0.6s ease;
			transition-timing-function: cubic-bezier(.75,0,.29,1.01);
			position: absolute;
		}
		#mobile-toggle .top-menu{top: 14px}
		#mobile-toggle .mid-menu{top: 19px}
		#mobile-toggle .bot-menu{top: 24px}
		#mobile-toggle .top-menu.animate{top: 19px!important; -webkit-transform: rotate(45deg); transform: rotate(45deg)}
		#mobile-toggle .mid-menu.animate{opacity: 0}
		#mobile-toggle .bot-menu.animate{top: 19px!important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg)}

	.element-hero h1{font-size: 24px; line-height: 1.2em}
	
	.col-md-5 .component-header, .col-md-5 .component-body, .col-md-5 .component-footer{margin-right: 0}

	#header > .container > .row{height: 80px;}
	#header > .container > .row > .col-lg-2 img{width: 80px; height: auto}
	#header > .container > .row > .col-lg-10{padding-right: 65px}

	.header-actions > div + div{padding-left: 15px!important}

	#header > .container > .row > .col + .col-auto{padding-left: 0}

	#header-items{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		padding: 0
	}
		#header-items > .row{height: 100%; position: relative; padding: 80px 0 40px 0; display: block!important; margin: 0}
		#header-items > .row > div{
			display: block!important;
			width: 100%;
			padding: 0
		}
		#header-items > .row > .col{position: relative; height: 100%; overflow-y: auto}
		#header-items > .row > .col-auto{text-align: center; position: fixed; left: 0; bottom: 0; padding: 15px; margin: 0; background-color: #fff;}
		
	#primary-menu > ul > li{float: none; text-align: center}
	#primary-menu > ul > li + li{margin: 1rem 0 0 0}
		#primary-menu > ul > li > a{display: inline-block}
		#primary-menu > ul > li > ul{display: none!important}
}
@media (max-width: 991px){
	.hide-mobile{display: none!important}
	.header-actions .col-auto ul > li > *{padding: 0}
	.header-actions .col-auto ul > li > * svg{position: static; margin: 0; display: inline-block; vertical-align: middle}
	
	.header-actions .col-auto ul > li + li{margin-left: 1rem}
	.header-actions .col-auto ul > li > *.header-cart svg{margin: 0}
	
	.builder-element > .element-inner{padding: 45px 0}
	
	#footer .container{padding: 45px 15px}
	
	#footer .row > div{text-align: center}
	#footer .row > div + div{margin-top: 30px}
	
	.col-md-4:nth-child(n+4){margin-top: 30px}
	
	.col-product-info{
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
		flex: 0 0 auto\0;
	}
	.col-product-info.offset-md-1{margin-left: 0}
	
	.product-list > .container > .row > .col-md-3,
	.product-list > .container > .row > .col-md-9,
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > nav,
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > nav + div{
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		flex: 0 0 auto\0;
		width: 100%;
		max-width: inherit
	}
	.product-list > .container > .row > .col-md-3,
	.woocommerce-account .element-primary .container > .element-body > .editor-content > .woocommerce > nav{-ms-flex-order: 1; order: 1; margin-top: 30px}
	
	.col-md-3:nth-child(n+5){margin-top: 30px}
	
	.element-contact .contact-content{padding: 20px}
	
	.wpcf7 .row > div{margin-top: 0}
	
	.col-lg-8 + *{margin-top: 30px}
}
@media (max-width: 767px){
	.element-category-info .container > .row{height: auto}
	.element-category-info .container > .row > .col-md-6.category-img{display: none}
	
	.col-sm-4:nth-child(n+4){margin-top: 30px}
	
	.tab-content .products .slick-list{padding: 30px}
	
	.builder-element > .element-inner,
	.row-txtmedia{padding: 45px 0}
	.row-txtmedia.type_img{padding-bottom: 0}
	
	.col-md-6 + .col-md-6,
	.col-md-5 + .col-md-6{margin-top: 30px}	
	
	.col-md-5 .component-header, .col-md-5 .component-body, .col-md-5 .component-footer{margin-right: 0}
	.order-default > .row-txtmedia:nth-child(odd) > .col-md-6, .order-reverse > .row-txtmedia:nth-child(odd) > .col-md-5, .order-default > .row-txtmedia:nth-child(even) > .col-md-5, .order-reverse > .row-txtmedia:nth-child(even) > .col-md-6{margin-left: 0}
	
	.col-md-6 .gallery > .gallery-item{width: 25%}
	
	.order-default > .row-txtmedia:nth-child(even) > .col-md-5, .order-reverse > .row-txtmedia:nth-child(odd) > .col-md-5{-ms-flex-order: 0; order: 0}
	.txtmedia-img{margin: 0}
	.col-sm-6:nth-child(n+3){margin-top: 30px} 
	
	.col-product-info{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		flex: 0 0 auto\0;
	}
	
	.row > .col-list-item{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		flex: 0 0 auto\0;
	}
	.row > .col-list-item:nth-child(n+3):before{
		top: 0;
		left: 10%;
		right: 10%;
		height: 1px;
	}
	
	.element-contact .contact-content{padding: 0; width: auto}
	.element-contact > iframe{position: static; width: 100%; height: 420px; display: block}
}
@media (max-width: 575px){
	.col-sm-6 + .col-sm-6,
	.col-6:nth-child(n+3){margin-top: 30px}
}

.element-category-info * + .woocommerce-widget-layered-nav-dropdown{margin-top: 1rem}
.element-category-info .woocommerce-widget-layered-nav-dropdown{text-align: center}
.element-category-info .woocommerce-widget-layered-nav-dropdown select{
	display: inline-block;
	border: 1px solid #d9d9d9;
	font-size: 1.0666666666666667rem;
	line-height: 1.3333333333333333rem;
	padding: 10px 0.75rem 10px;
	min-width: 18rem;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: left;
}

.woocommerce-orders-table__header-order-actions,
.woocommerce-orders-table__cell-order-actions{text-align: center!important}
.woocommerce-orders-table__cell{vertical-align: middle!important}

.button-sm{min-width: inherit; font-size: 12px; padding: 5px 15px; line-height: 20px}

h2 + .woocommerce-form,
.woocommerce-order-details h2 + *{margin-top: 15px}

* + .woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text + *{margin-top: 15px}

table.cart td.product-quantity .qty {
	padding: 0 1.41575em;
}


#shipping_method{margin: 0; padding: 0; list-style: none}
* + #shipping_method,
#shipping_method + *{margin-top: 20px}
#shipping_method li{margin-top: 10px}
.woocommerce-terms-and-conditions-wrapper div + .form-row{margin-top: 30px}

.woocommerce-form__label-for-checkbox{display: block; padding-left: 40px; position: relative; line-height: 30px}
.woocommerce-form__label-for-checkbox > input[type="checkbox"]{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}
.woocommerce-form__label-for-checkbox > input[type="checkbox"] + span{display: inline-block; vertical-align: middle}
.woocommerce-form__label-for-checkbox > input[type="checkbox"] + span:before,
.woocommerce-form__label-for-checkbox > input[type="checkbox"] + span:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden
}
.woocommerce-form__label-for-checkbox > input[type="checkbox"] + span:before{border: 2px solid #efefef; background-color: #fff}
.woocommerce-form__label-for-checkbox > input[type="checkbox"] + span:after{opacity: 0; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOSAyMS4wMzVsLTktOC42MzggMi43OTEtMi44NyA2LjE1NiA1Ljg3NCAxMi4yMS0xMi40MzYgMi44NDMgMi44MTd6Ii8+PC9zdmc+'); background-position: center; background-repeat: no-repeat; background-size: 16px 16px}
.woocommerce-form__label-for-checkbox > input[type="checkbox"]:checked + span:after{opacity: 1}

* + .woocommerce-account-fields{margin-top: 30px}

#seed-csp4-content{margin: 0!important; max-width: 50%!important; width: 100%!important}

#shipping_method li{display: flex}
#shipping_method input{margin: 4px 10px 0 0}
#shipping_method label{
	display: inline-flex;
	flex-wrap: wrap;
}
#shipping_method label .multiparcels-carrier-icon-image-holder{flex: 0 0 100%;order: 9}

#shipping_method{
	display: flex;
	flex-direction: column;
}
#shipping_method li:nth-child(2){order: -1}