/* Add here all your CSS customizations */
 .m-0 {margin: 0px !important}
.m-5 {margin: 5px !important}
.m-10 {margin: 10px !important}
.m-15 {margin: 15px !important}
.m-20 {margin: 20px !important}
.m-30 {margin: 30px !important}
.m-40 {margin: 40px !important}
.m-50 {margin: 50px !important}
.m-60 {margin: 60px !important}
.m-70 {margin: 70px !important}
.m-80 {margin: 80px !important}
.m-90 {margin: 90px !important}
.m-100 {margin: 100px !important}
.m-110 {margin: 110px !important}
.m-120 {margin: 120px !important}
.m-130 {margin: 130px !important}
.m-140 {margin: 140px !important}
.m-150 {margin: 150px !important}
.m-160 {margin: 160px !important}
.m-170 {margin: 170px !important}
.m-180 {margin: 180px !important}
.m-190 {margin: 190px !important}
.m-200 {margin: 200px !important}

/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {padding: 0!important;}
.p-5 {padding: 5px !important}
.p-10 {padding: 10px !important}
.p-15 {padding: 15px !important}
.p-20 {padding: 20px !important}
.p-30 {padding: 30px !important}
.p-40 {padding: 40px !important}
.p-50 {padding: 50px !important}
.p-60 {padding: 60px !important}
.p-70 {padding: 70px !important}
.p-80 {padding: 80px !important}
.p-90 {padding: 90px !important}
.p-100 {padding: 100px !important}
.p-110 {padding: 110px !important}
.p-120 {padding: 120px !important}
.p-130 {padding: 130px !important}
.p-140 {padding: 140px !important}
.p-150 {padding: 150px !important}
.p-160 {padding: 160px !important}
.p-170 {padding: 170px !important}
.p-180 {padding: 180px !important}
.p-190 {padding: 190px !important}
.p-200 {padding: 200px !important}

/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {margin-top: 0!important;}
.mt-5 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.mt-80 {margin-top: 80px !important}
.mt-90 {margin-top: 90px !important}
.mt-100 {margin-top: 100px !important}
.mt-110 {margin-top: 110px !important}
.mt-120 {margin-top: 120px !important}
.mt-130 {margin-top: 130px !important}
.mt-140 {margin-top: 140px !important}
.mt-150 {margin-top: 150px !important}
.mt-160 {margin-top: 160px !important}
.mt-170 {margin-top: 170px !important}
.mt-180 {margin-top: 180px !important}
.mt-190 {margin-top: 190px !important}
.mt-200 {margin-top: 200px !important}

/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {margin-right: 0!important;}
.mr-5 {margin-right: 5px !important}
.mr-10 {margin-right: 10px !important}
.mr-15 {margin-right: 15px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mr-60 {margin-right: 60px !important}
.mr-70 {margin-right: 70px !important}
.mr-80 {margin-right: 80px !important}
.mr-90 {margin-right: 90px !important}
.mr-100 {margin-right: 100px !important}
.mr-110 {margin-right: 110px !important}
.mr-120 {margin-right: 120px !important}
.mr-130 {margin-right: 130px !important}
.mr-140 {margin-right: 140px !important}
.mr-150 {margin-right: 150px !important}
.mr-160 {margin-right: 160px !important}
.mr-170 {margin-right: 170px !important}
.mr-180 {margin-right: 180px !important}
.mr-190 {margin-right: 190px !important}
.mr-200 {margin-right: 200px !important}

/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {margin-bottom: 0!important;}
.mb-5 {margin-bottom: 5px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}
.mb-80 {margin-bottom: 80px !important}
.mb-90 {margin-bottom: 90px !important}
.mb-100 {margin-bottom: 100px !important}
.mb-110 {margin-bottom: 110px !important}
.mb-120 {margin-bottom: 120px !important}
.mb-130 {margin-bottom: 130px !important}
.mb-140 {margin-bottom: 140px !important}
.mb-150 {margin-bottom: 150px !important}
.mb-160 {margin-bottom: 160px !important}
.mb-170 {margin-bottom: 170px !important}
.mb-180 {margin-bottom: 180px !important}
.mb-190 {margin-bottom: 190px !important}
.mb-200 {margin-bottom: 200px !important}

/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {margin-left: 0!important;}
.ml-5 {margin-left: 5px !important}
.ml-10 {margin-left: 10px !important}
.ml-15 {margin-left: 15px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.ml-60 {margin-left: 60px !important}
.ml-70 {margin-left: 70px !important}
.ml-80 {margin-left: 80px !important}
.ml-90 {margin-left: 90px !important}
.ml-100 {margin-left: 100px !important}
.ml-110 {margin-left: 110px !important}
.ml-120 {margin-left: 120px !important}
.ml-130 {margin-left: 130px !important}
.ml-140 {margin-left: 140px !important}
.ml-150 {margin-left: 150px !important}
.ml-160 {margin-left: 160px !important}
.ml-170 {margin-left: 170px !important}
.ml-180 {margin-left: 180px !important}
.ml-190 {margin-left: 190px !important}
.ml-200 {margin-left: 200px !important}

/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {padding-top: 0!important;}
.pt-5 {padding-top: 5px !important}
.pt-10 {padding-top: 10px !important}
.pt-15 {padding-top: 15px !important}
.pt-20 {padding-top: 20px !important}
.pt-30 {padding-top: 30px !important}
.pt-40 {padding-top: 40px !important}
.pt-50 {padding-top: 50px !important}
.pt-60 {padding-top: 60px !important}
.pt-70 {padding-top: 70px !important}
.pt-80 {padding-top: 80px !important}
.pt-90 {padding-top: 90px !important}
.pt-100 {padding-top: 100px !important}
.pt-110 {padding-top: 110px !important}
.pt-120 {padding-top: 120px !important}
.pt-130 {padding-top: 130px !important}
.pt-140 {padding-top: 140px !important}
.pt-150 {padding-top: 150px !important}
.pt-160 {padding-top: 160px !important}
.pt-170 {padding-top: 170px !important}
.pt-180 {padding-top: 180px !important}
.pt-190 {padding-top: 190px !important}
.pt-200 {padding-top: 200px !important}

/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {padding-right: 0!important;}
.pr-5 {padding-right: 5px !important}
.pr-10 {padding-right: 10px !important}
.pr-15 {padding-right: 15px !important}
.pr-20 {padding-right: 20px !important}
.pr-30 {padding-right: 30px !important}
.pr-40 {padding-right: 40px !important}
.pr-50 {padding-right: 50px !important}
.pr-60 {padding-right: 60px !important}
.pr-70 {padding-right: 70px !important}
.pr-80 {padding-right: 80px !important}
.pr-90 {padding-right: 90px !important}
.pr-100 {padding-right: 100px !important}
.pr-110 {padding-right: 110px !important}
.pr-120 {padding-right: 120px !important}
.pr-130 {padding-right: 130px !important}
.pr-140 {padding-right: 140px !important}
.pr-150 {padding-right: 150px !important}
.pr-160 {padding-right: 160px !important}
.pr-170 {padding-right: 170px !important}
.pr-180 {padding-right: 180px !important}
.pr-190 {padding-right: 190px !important}
.pr-200 {padding-right: 200px !important}

/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {padding-bottom: 0!important;}
.pb-5 {padding-bottom: 5px !important}
.pb-10 {padding-bottom: 10px !important}
.pb-15 {padding-bottom: 15px !important}
.pb-20 {padding-bottom: 20px !important}
.pb-30 {padding-bottom: 30px !important}
.pb-40 {padding-bottom: 40px !important}
.pb-50 {padding-bottom: 50px !important}
.pb-60 {padding-bottom: 60px !important}
.pb-70 {padding-bottom: 70px !important}
.pb-80 {padding-bottom: 80px !important}
.pb-90 {padding-bottom: 90px !important}
.pb-100 {padding-bottom: 100px !important}
.pb-110 {padding-bottom: 110px !important}
.pb-120 {padding-bottom: 120px !important}
.pb-130 {padding-bottom: 130px !important}
.pb-140 {padding-bottom: 140px !important}
.pb-150 {padding-bottom: 150px !important}
.pb-160 {padding-bottom: 160px !important}
.pb-170 {padding-bottom: 170px !important}
.pb-180 {padding-bottom: 180px !important}
.pb-190 {padding-bottom: 190px !important}
.pb-200 {padding-bottom: 200px !important}

/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {padding-left: 0!important;}
.pl-5 {padding-left: 5px !important}
.pl-10 {padding-left: 10px !important}
.pl-15 {padding-left: 15px !important}
.pl-20 {padding-left: 20px !important}
.pl-30 {padding-left: 30px !important}
.pl-40 {padding-left: 40px !important}
.pl-50 {padding-left: 50px !important}
.pl-60 {padding-left: 60px !important}
.pl-70 {padding-left: 70px !important}
.pl-80 {padding-left: 80px !important}
.pl-90 {padding-left: 90px !important}
.pl-100 {padding-left: 100px !important}
.pl-110 {padding-left: 110px !important}
.pl-120 {padding-left: 120px !important}
.pl-130 {padding-left: 130px !important}
.pl-140 {padding-left: 140px !important}
.pl-150 {padding-left: 150px !important}
.pl-160 {padding-left: 160px !important}
.pl-170 {padding-left: 170px !important}
.pl-180 {padding-left: 180px !important}
.pl-190 {padding-left: 190px !important}
.pl-200 {padding-left: 200px !important}
.main{
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-size:  50% auto;
	background-attachment: fixed;
	background-position: left -40% top;
}
.privacy p{
	font-size: 11px;
	line-height: 1.2;
}
.topUltra{
	background-color: #ff0000; padding: 7px 0;
}
.topUltra h3{
	margin: 0; color: #fff; font-size: 18px;
}
html.boxed .body,
html.boxed #header .header-body
{
	/*max-width: 1300px;*/
	margin-top: 0;
}

input.newsletter-email{
	border-radius: 30px !important;
}
 
html .text-color-primary:not(.no-skin), html .text-primary:not(.no-skin) {
    color: #35b577 !important;
}

html .btn-primary, html.sticky-header-active .btn-sticky-primary {
    border-color: #35b577;
    color: #ffffff;
    background-color: #35b577;
}

html .bg-primary:not(.no-skin) {
    background-color: #35b577 !important;
}

html .btn-primary:hover, html.sticky-header-active .btn-sticky-primary:hover, html .btn-primary:focus, html.sticky-header-active .btn-sticky-primary:focus {
    border-color: #111;
    background-color: #111;
    color: #ffffff;
}

html.boxed body{
 
	background-size: cover;
	background-attachment: fixed;
}

.sticky-header-enabled .header-body{
	box-shadow: 0 10px 12px -6px rgba(0,0,0,0.4);
}

.rev_slider li.slide-overlay.slide-overlay-level-4 .slotholder:after {
    opacity: 0.2;
}



.image-frame.image-frame-style-1.image-frame-effect-2 .image-frame-wrapper .image-frame-action,
.image-frame.image-frame-style-1.image-frame-effect-2 .image-frame-wrapper .image-frame-action a{
	width: 100%;
	max-width:  120px;
	display: block;
	border-radius: 30px;
}

@media (min-width: 1140px) {

	html.boxed.sticky-header-active #header .header-body{
		    max-width: 1300px;
	}
	
}

#header .header-logo img{
	margin-top: 0.4rem;	
	margin-bottom: 0.4rem;
}

h2.slab{
	font-size: 44px;
	font-family: 'Roboto Slab', serif;
}

.btn-rounded-angles{
	/* border-radius: 12px 0 12px 0;*/
}

.bg-grey{
	background-color: #f4f4f4;
}
.image-frame .image-frame-wrapper h2{
	text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
}
.image-frame .image-frame-wrapper > a{
	display: block;
	height: 180px;
	/*height: auto;*/
	/*padding-bottom: 80%;*/
	text-align: center;
	/*border: 1px solid #ddd;*/
	background-color: #f4f4f4;
}

.section_offers .image-frame .image-frame-wrapper > a{
	height: 300px;
}
.contatti p{
	font-size: 20px;
}

.image-frame img{
	width: auto;
	height: 100%;

	object-fit: cover;
	display: inline-block;
}
.frame-banner-home img{
	width: 100%;
	height: 500px;

	object-fit: cover;
	display: inline-block;
}
.image-frame a img{
		object-fit: contain;
}

select option:disabled{
	color: #aaa;
}

#frm_carrello select{
	background-color: #f4f4f4;
}

.tp-caption { white-space: nowrap !important; }

.tp-caption.slab{
	font-family: 'Coda' !important;
}

.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before {
    opacity: 0.6;
}

.art_title{
	font-size: 22px;

}

.art_title a{
	/*font-family: 'Roboto Slab', serif;*/
	display: block;
	font-size: 13px;
	height: 53px;
	overflow: hidden;
	line-height: 1;
	font-weight: 600;
	padding-left: 12px;
	padding-right: 12px;
		color: #222;
}

.btn-sm{
	line-height: 1;
	padding-top: 6px;
	padding-bottom: 6px;
}

.old-price,
.price s{
	color: #cc0000;
}

.price s{
	font-size: 75%;
}

#frm_cart_pz select{
	background-color: #f4f4f4 !important;
}

.discount{
	position: absolute;
	right: -15px;
	font-size: 20px;
}

.bg-pattern_1{
	background-image: url(../img/pattern_1.jpg);
}

.bg-pattern_2{
	background-image: url(../img/pattern_2.png);
}

.btn.slab{
	font-family: 'Roboto Slab', serif;
	font-size: 26px;
	font-weight: 600;
}

.word-rotator.slab{
	font-size: 44px;
}

.icon-box .icon-box-icon object, .icon-box .icon-box-icon img {
 
    filter: hue-rotate(275deg);
}

#footer .footer-copyright{
	background-color: #35b577;
}

.call-to-action{
	/*background-color: #35b577;*/
	background-color: #111;
}

.lead { 
    color: #35b577;
}

.rev_slider li.slide-overlay .slotholder{
	z-index: 0 !important;
	position: absolute;
}

.rev_slider li.slide-overlay .tp-parallax-wrap {
	z-index: 1 !important;
}



p{
	color: #222;
}

.link_facebook{
	background-color: #3b5998;
	color: #fff !important;
}
.link_twitter{
	background-color: #1DA1F2;
	color: #fff !important;
}
.link_pinterest{
	background-color: #BD081C;
	color: #fff !important;
}
.link_whatsapp{
	color: #fff !important;
	background-color: #4AC959;
}

.link_instagram{
	color: #fff !important;
	background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.nav-link { 
    padding: .5rem;
}

.credits_link{
	color: #38B5E6 !important;
	font-weight: 700;
	font-family: sans-serif;
}

.credits_link:hover{
	color: #fff !important;
}

	.credits_link:before{
		content: "";
		vertical-align: middle;
		width:16px;
		height: 16px;
		display: inline-block;
		margin-right: 5px;
		margin-left: 5px;
		background-image: url(https://www.clion.it/favicon-96x96.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: center center;

		transition: all 450ms ease;
	}

		.credits_link:hover:before{
			transform: scale(1.5) rotateZ(360deg) rotateY(360deg);
		}

#header .header-nav-main nav > ul > li > a{
	color: #35b577;
	font-size: 0.9rem;
	/*font-weight: 300;*/
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: 700;
}

.home_cats_slide{
	padding: 4px;
}

.home_cats_slider .slick-arrow{
	top: 31%;
}

.home_cats_slider .slick-arrow:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f104";
	color: #f68029;
	font-size: 35px;
}

.home_cats_slider .slick-next:before{
content: "\f105";
}

.home_cats_slide a{
	display: block;
	text-align: center;
	position: relative;
	background-color: #f68029 ;
	padding-bottom: 100%;
	border-radius: 20px;
	margin-bottom: 50px;
	 transition: all 150ms ease; 
	 transform: scale(0.8);
}


.home_cats_slide a:hover{
	background-color: #35b577;
	border-radius: 50%;
	transform: scale(1);
}

	.home_cats_slide a img{
		position: absolute;
	 	max-width: 54px;
	 	width: 60%;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	.home_cats_slide a span{
		display: block;
		position: absolute;
		top: 100%;
		padding-top: 10px;
		width: 100%;
		font-size: 13px;
		line-height: 1.2;
		/*font-weight: 800;
		color: #f68029 ;*/
	}
.social-icons li.social-icons-facebook a {
    background: #3b5a9a !important;
}
#recaptcha1, 
#recaptcha2, 
#recaptcha3 {
    transform: scale(0.80);
    -webkit-transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin: 10px 0;
}

@media (min-width: 992px) {
	#header .header-nav-main nav > ul > li > a{
		padding-left:0.5em;
		padding-right:0.5em;
		
	}

	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn){
		font-size: 1rem;
	}

	
	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
	    padding: 20px 20px;
	}


}

@media (max-width: 520px){

	.page-header{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.header-logo img{
			height: 45px;
	}

}

.header-search-button{
	color: #35b577;
}

#header .header-btn-collapse-nav .hamburguer span{	
    background: #0c5dae;
}

.header-search-expanded .input-group,
#header .header-search-expanded > form input{
	border-radius: 40px;
}

.image-frame.image-frame-style-1 .image-frame-wrapper.image-frame-wrapper-overlay-light:after{
	display: none;
}

.brand_icon{
	height: 39px;
	position: absolute;
	left: 50%;
	transform:  translateX(-50%);
	z-index: 10;
	top: 0px;
	background-color: rgba(255,255,255,0.6);
	padding:  3px;
	border-radius: 0 0 3px 3px;
	padding-top: 7px;
}

.cat_header{
	/*height: 200px;*/
	height: auto;
	padding-bottom: 90%;
	position: relative;
	background-size: cover;
	background-position: center center;
}

	.cat_header h4{
		display: block;
		position: absolute;
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px; 
		z-index: 1;
		text-shadow: 0 2px 1px rgba(0,0,0,0.5);
		top: 50%;
		transform:  translateY(-50%);
		width: 100%;
	}

	.cat_header:before{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		position: absolute;
		z-index: 0;
		background-color: rgba(0,0,0,1);
		opacity: 0.2;
		 transition: all 200ms ease; 
	}

	.cat_header:hover:before{
		background-color: #35b577;
		opacity: 0.5;
		transform: scale(0.9);
	}

.cat__col{
	 transition: all 150ms ease; 
	/*border: 3px solid #35b577;*/
}

.home_cats:hover .cat__col{
	opacity: 0.5;
}

.home_cats:hover .cat__col:hover{
	opacity: 1;
}

.subcats{
	background-color: #35b577;
}

	.subcats li{
		list-style-type: none;
	}

		.subcats a{
			display: block;
			padding:6px;
			padding-bottom: 8px;
			color: #fff;
			 transition: all 350ms ease; 
		}

		.subcats a:hover{
			color: #fff !important;
			background-color: rgba(255,255,255,0.3);
		}


.form_home{
	background-color: #fff;
	width: 700px;
	max-width: 100%; 
	position: relative;
	z-index: 1000;
	/*bottom: 0;*/
	margin-bottom: -100px;
	left: 50%;
	transform: translateX(-50%) translateY(-67%);
	border-radius: 5px 5px 0 0;
	box-shadow: 0 -10px 15px -8px rgba(0,0,0,0.6);
}

	.form-control{
		background-color: #f2f2f2;
		border: 1px solid #ddd !important;
	}

input.form-control:not([size]):not([multiple]){
    height: calc(2.25rem + 2px);
}

@media (max-width: 991px) {

	.form_home{
		position: relative;
		width: 100%;
			left: 0%;
			margin: 0;
	transform: translateX(0%);
	}

	#header .header-nav-main:before{
		    background: #15406b;
	}

	#header .header-nav-main nav > ul li{
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	}


	#header .header-nav-main nav > ul li a:not(.btn){
		/*color: #fff;*/
		color: #000;
	}


	
}


.floating-wpp{position:fixed;z-index: 1000;bottom:15px;left:15px;font-family:'Open sans';font-size:14px;transition:bottom 0.2s}.floating-wpp .floating-wpp-button{width:72px;height:72px;background-color:#25D366;background-image:url(whatsapp.svg);background-position:center;background-size:180%;border-radius:50%;box-shadow:1px 1px 4px rgba(60,60,60,.4);transition:box-shadow 0.2s;cursor:pointer}.floating-wpp:hover{bottom:17px}.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60,60,60,.4)}.floating-wpp .floating-wpp-popup{border-radius:6px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow:1px 2px 8px rgba(60,60,60,.25);width:0;height:0;bottom:82px;transition:width 0.2s,height 0.2s,padding 0.2s;transform-origin:bottom}.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px 12px;width:260px;height:auto}.floating-wpp .floating-wpp-popup .floating-wpp-message{background-color:white;padding:8px;border-radius:0 5px 5px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.15);opacity:0;transition:opacity 0.2s}.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:0.2s}.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:white;margin:0 -15px 10px -15px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}.floating-wpp .floating-wpp-input-message{background-color:white;margin:10px -15px -15px -15px;padding:0 15px;display:flex;align-items:center}.floating-wpp .floating-wpp-input-message textarea{border:1px solid #ccc;border-radius:4px;box-shadow:none;padding:8px;margin:10px 0;width:100%;max-width:100%;font-family:inherit;font-size:inherit;resize:none}.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}

.mypage-alo-phone-2 {
        position: fixed;
        left: -20px;
        visibility: visible;
        background-color: transparent;
        width: 110px;
        height: 110px;
        cursor: pointer;
        bottom: 0 !important;
    }
    .mypage-alo-ph-circle-fill-2 {
        width: 60px;
        height: 60px;
        top: 28px;
        left: 28px;
        position: absolute;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-color: #38bd4b;
        opacity: .75 !important;
    }
    .mypage-alo-ph-img-circle-2 {
        width: 30px;
        height: 30px;
        top: 43px;
        left: 43px;
        position: absolute;
        background: rgba(30,30,30,.1) url(../img/whatsapp-logo.png) no-repeat center center;
        background-color: rgba(30,30,30,.1);
        background-size: auto auto;
        background-color: rgba(30,30,30,.1);
        background-size: auto auto;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid transparent;
        opacity: .7;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background-color: #27b43e;
        background-size: 70%;
      }
.mypage-alo-ph-img-circle-2 img{
	width: 26px;
	height: 26px;
}

@media (min-width: 992px) {

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content{
		max-height: calc( 100vh - 150px );
    overflow-y: auto;
	}

	.col__sidebar{
	  border-right: 1px solid rgba(0, 0, 0, 0.1);
	}

	.sidebar  {
		position: sticky;
		top: 90px;
	}

	#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {	
	    margin-top: 0.6rem;	    
	}

/*	.top__cats{
		display: block !important;

		  -moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap: 3%;
    column-width: 30%;
	}

		.top__cats .box{
			display: block;
			margin-bottom: 20px;
			height: 130px;
    	overflow: hidden;
		}*/
	
}

#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title{
	font-size: 11px;
	line-height: 1.2;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn){
	font-size: 13px;
	white-space: initial;
	line-height: 1.1;
	padding: 6px 0;
}


.side_menu{
	list-style-type: none;
	padding-left: 0;
	margin: 15px 0;
	margin-top: 0;
	/*border-right: 1px solid #eeeeee;*/
	position: relative;
	z-index: 10;
	font-size: 14px;
	/*	font-family: "Courgette";*/
	background-color: rgba(191, 191, 191, 0.29);
}

	.side_menu ul{
		padding-left: 0;
		background-color: rgba(191, 191, 191, 0.29);
	}

	.side_menu li{
		line-height: 1.3;
		/*padding-left: 10px;*/
	}



		.side_menu li > a{
			display: block;
			padding: 10px;
			padding-left: 20px;
			position: relative;
			color: #000;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid rgba(255, 255, 255, 0.35);
			/*background-color: rgba(0,0,0,0.05);*/
		}

		.side_menu > li {
			/*border-bottom: 2px solid #ddd;*/
		}



		.side_menu > li > a{
			/*font-family: "Playfair Display";*/
			font-weight: 500;
			/*font-style: italic;*/
		}

			.side_menu li.opened > a{				
				/*text-decoration: line-through;*/
			
			}

	

			.side_menu li:hover > a, .side_menu li.active > a{			 
				color: #0053a6;			
				background-color: rgba(255, 255, 255, 0.15);
			}

			.side_menu li.has_child > a{
				padding-right: 30px;
			}

			.side_menu li.has_child > a:after{
				font-weight: 600;
				font-family: "Font Awesome 5 Free";
				content: "\f054";
				font-style: normal;

				position: absolute;
				right: 14px;
    			top: 25%;

    			-webkit-transition: all 350ms ease;
				-moz-transition: all 350ms ease;
				-ms-transition: all 350ms ease;
				-o-transition: all 350ms ease;
				transition: all 350ms ease;
			}

			.side_menu li.opened.has_child > a:after{
				transform: rotateZ(90deg);
			}

			.side_menu > li > .submenu > li > a{
				/*text-transform: uppercase;*/
				font-weight: bold;
				/*background-color: rgba(236, 226, 176, 0.52);*/
			}

			.side_menu > li > .submenu > li:hover > a{
				color: #0053a6;	
				/*background-color: rgba(189, 177, 113, 0.52);*/
			}

			.side_menu > li > .submenu > li.opened > a{
				/*background-color: rgba(236, 226, 176, 1) !important;*/
				color: #0053a6;	
			}

			.side_menu .submenu{
				background-color: rgba(0,0,0,0.05);
				display: none;
				list-style-type: none;
				/*padding-left: 25px;*/
				font-size: 13px;
				line-height: 1.3;
				/*background-color: rgba(0,0,0,0.1);*/
			}

				.side_menu .submenu li a{
					display: block;
					padding: 6px;
					padding-left: 25px;
				}

.sidebar{
	padding: 14px;
	padding-top: 0;
}

.close_sidebar{
	margin-right: 15px;
	cursor: pointer;
	text-align: center;
	width: 31px;
	background-color: #000;
	color: #fff;
	border-radius: 30px;
	display: none;

}

.close_sidebar i{
	margin-right: 0;
		font-size: 18px;
		line-height: 1.7;
}

.btn_showsidebar{
	margin: 10px auto;
	display: none;
	max-width: 240px;
	background-color: #000;
	border-color: #000;
}


.subscribe-content-3 .subscribe-form-3 .mc-form .clear{
	position: relative;
	-webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 0;
    vertical-align: middle;
}

@media (max-width: 991px) {

	.btn_showsidebar{
		display: block;
		position: fixed;
		right: 10px;
		bottom: 10px;
		z-index: 10000;
		box-shadow: 0 0 0 3px rgba(0,0,0,0.2);
	}

	.close_sidebar{
		display: block;
	}

	html.opened_sidebar{
		overflow: hidden;
	}

	.brand_search{
		transform: scale(0.9);
	}

	.col__sidebar{
		position: fixed !important;
		width: 100% !important;
		height: 100vh;
		z-index: 10000;
		left: 0;
		top: 0;
		background-color: #fff;
		max-width: none !important;
		padding: 0 !important;
		transform: translateX(-100%);
		transition: all 350ms ease;
	}

	html.opened_sidebar .col__sidebar{
		transform: translateX(0%);
	}

	.side_menu{		
		overflow-y: auto;
		height: calc( 100vh - 80px);
	}
	
}


.side__banner{
	display: block;
	border-radius: 0px;
	height: 190px;	
	overflow: hidden;
	position: relative;
	box-shadow: 0 14px 20px -10px rgba(0,0,0,0.5);
}

	.side__banner .banner__text{
		margin: 0;
		position: absolute;
		left: 0;
		width: 100%;
		padding-top: 8px;
		padding-bottom: 8px;
		text-align: center;
		color: #fff;
		background-color: rgba(0,0,0,0.5);
	}

		.banner__text i.fas{
			font-size: inherit;
		}

	.banner__color2 .banner__text{
		color: #fff;
		background-color:#35b577aa;
	}

	.side__banner .__bottom{
		bottom: 0;
	}

	.side__banner img{
		object-fit: cover;
		height: 100%;
		width: 100%;
	}


.owl-item .image-frame-wrapper,
.single_product .image-frame-wrapper{
	display: block !important;
}

.owl-item .image-frame-wrapper > a,
.single_product .image-frame-wrapper > a{
	display: block;
	height: auto;
	position: relative;
	padding-bottom: 90%;
	background-color: #f4f4f4;
	text-align: center;
}

.owl-item .image-frame-wrapper > a img,
.single_product .image-frame-wrapper > a img{
	width: 100%;
	display: block;
	height: 100%;
	position: absolute;
	object-fit: contain;
}

.thumb_container{
	height: 100px;
}

.thumb_container img{
	width: auto;
	height: 100%;
	/*object-fit: contain;*/
	object-fit: contain;
	 
}

.banners .image-frame{
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
}

html #header .header-nav-main nav > ul > li.open > a, html #header .header-nav-main nav > ul > li:hover > a, html #header .header-nav-main nav > ul > li:focus > a {
    color: #2a2a2a;
}

.option-color{
	display: inline-block;
	width: 25px;
	border: 1px solid black;
}

.option-unset{
	opacity: 0.5;
}

.border-black{
	border: 1px solid black;
}

.border-green{
	border: 1px solid #008800;
}

.link-disabled {
  pointer-events: none;
}



/* wishlist */
.btn-wishlist{
	border: 1px solid #23408f;
	border: 1px solid #35b577;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	padding:20px;
	background-color: transparent;
	color: #23408f;
	font-weight: bold;
}
.btn-wishlist:hover{
	border: 1px solid #23408f;
	border: 1px solid #35b577;
	background-color: transparent;
	color: #ff0000;
}
.btn-wishlist-remove{
	border: 1px solid #35b577;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	padding:20px;
	background-color: transparent;
	color: #ff0000;
	font-weight: bold;
}
.btn-wishlist-remove:hover{
	border: 1px solid #35b577;
	background-color: transparent;
	color: #23408f;
}