/* CSS Document */
body {
    background-color: #efefef;
}
a:hover {
    color: #2794dd;
}

.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}
.w100{width: 100% !important}
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}

.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
@media (min-width:576px){
	.float-sm-left{float:left!important}
	.float-sm-right{float:right!important}
	.float-sm-none{float:none!important}
	
	.text-sm-left{text-align: left !important;}
	.text-sm-right{text-align: right !important;}
}
@media (min-width:768px){
	.float-md-left{float:left!important}
	.float-md-right{float:right!important}
	.float-md-none{float:none!important}
	
	.text-md-left{text-align: left !important;}
	.text-md-right{text-align: right !important;}
}
@media (min-width:992px){
	.float-lg-left{float:left!important}
	.float-lg-right{float:right!important}
	.float-lg-none{float:none!important}
	
	.text-lg-left{text-align: left !important;}
	.text-lg-right{text-align: right !important;}
}
@media (min-width:1200px){
	.float-xl-left{float:left!important}
	.float-xl-right{float:right!important}
	.float-xl-none{float:none!important}
	
	.text-xl-left{text-align: left !important;}
	.text-xl-right{text-align: right !important;}
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.header-top-area {
    border-bottom: 1px solid rgba(39,148,221,1);
	background-color: rgba(39,148,221,1);
}
.header-top-area *, .header-top-area p, .header-top-area p a{color: #fff;}
	.language-currency-wrap .same-language-currency p, 
	.language-currency-wrap .same-language-currency a{
		color: #fff;
	}
	.language-currency-wrap .same-language-currency a:hover{
		color: #fff;
		opacity: 0.8;
	}
		.language-currency-wrap .same-language-currency p i{margin-right: 10px;}	
.logo{
	margin-top: 15px; margin-bottom:  15px;
}
.logo img{
	max-width: 250px;
}
.product-tab-list-2 a.active h4 {
    color: #003f69;
    border-bottom: 2px solid #003f69;
}
.subscribe-style-3 h2 {
    color: #003f69;
}
.subscribe-style-3 .subscribe-form-3 .clear-3 input {
    background-color: #003f69;
}
.header-hm8 .main-menu{
	
	background-color: #003f69;padding-bottom: 0px;
	border-radius: 20px 20px 0 0;
}	
.header-hm8 .stick .main-menu{
	
	border-radius:  0px;
}	
.main-menu nav ul li > a {
    color: #fff;font-size: 18px;
}
.main-menu nav ul li:hover a {
    color: #2794dd;
}
.product-wrap-4{border-radius: 20px;}
.owl-item.active .slider-animated-1 h3,
.owl-item.active .slider-animated-1 h1,
.owl-item.active .slider-animated-1 p{
	color: #fff;
	text-shadow: 0px 0px 22px rgba(0, 0, 0, 1);
}
.owl-categories{
	margin-top: 15px; position: relative;
}
.owl-categories .cat {display: block;padding: 0 10px;}
.owl-categories .cat div{
	background-color:  rgba(39,148,221,1);
	padding: 33%;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 10px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
	.owl-categories .cat:hover div{
		background-color:  rgba(1,87,144,1.00);
		
	}
	
.owl-categories .cat div img{
	width: 100%;
}
.owl-categories .cat h6{
	display: block;
	width: 100%;
	text-align: center;
	font-weight: 700;
}
.owl-categories .owl-stage-outer{
	z-index: 10;
}
.owl-categories .owl-nav{
	position: absolute;
	height: 24px;
    top: 50%;
    left: 0;
	right: 0;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
	z-index: 9;
}
.owl-categories .owl-nav .owl-prev{
	position: absolute;
	left: -15px;
}
.owl-categories .owl-nav .owl-next{
	position: absolute;
	right: -15px;
}

.product-wrap-4 h4 a{color: #fff; text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);}

.section-title-3 h4 {
    font-weight: 500;
    color: #2794dd;
    font-size: 36px;
}
.slider-active-3{
	margin-bottom: 30px;
}
select{
	color: #000;
}
select:disabled{
	opacity: 0.3;
}
.form__options select{
    padding: 9px 10px;
    border-radius: 20px;
	background-color: #eaeaea;
}
input[type=checkbox] {
    height: 16px;
    width: 16px;
    margin-bottom: 6px;
    vertical-align: middle;
    margin-right: 4px;
}
input[type=radio] {
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin-right: 4px;
}
.collection-product .collection-img a, 
.product-wrap .product-img a,
.product-wrap-5 .product-img a{
	display: block;
	height: 280px;
	position: relative;
}
.collection-product .collection-img a > img, 
.product-wrap .product-img a > img,
.product-wrap-5 .product-img a > img{
	 display: inline-block;
    width: auto; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.product-wrap .product-img a,
.product-wrap-5 .product-img a{
	display: block;
	height: 280px;
	position: relative;
}
.collections-area{
	background-color: #F4F4F4;
	border-top: 1px solid #C3C3C3;border-bottom: 1px solid #C3C3C3;
	margin-bottom: 60px;
}

.product-wrap .product-img,
.product-wrap-5 .product-img{
background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 20px;
    overflow: hidden;
}
.collection-wrap .product-wrap-5{opacity: 1 !important;}
.product-wrap .product-img span.purple,
.product-wrap-5 .product-img span.purple {
    background-color: #2794dd;
}
.product-wrap-5 .product-img span.pink, 
.product-wrap .product-img span.purple {
    background-color: #ff6b6b;
}
.product-wrap .product-action-4 .pro-same-action a:hover,
.product-wrap-5 .product-action-4 .pro-same-action a:hover {
    background-color: #ff6b6b;
}
.product-wrap .product-content-5 h3 a:hover
.product-wrap-5 .product-content-5 h3 a:hover {
    color: #2794dd;
}
.product-wrap .product-action-4,
.product-wrap-5 .product-action-4 {
    background: none repeat scroll 0 0 #2794dd;
}
.product-wrap .product-content-5 .price-5 span.old,
.product-wrap-5 .product-content-5 .price-5 span.old {
    color: red;
}

.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-img{
	width: 100%;
}

.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-img a{display: block;}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-img a img{width: 100%;}
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title h4,
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title h6,
.header-right-wrap .same-style.cart-wrap .shopping-cart-content ul li .shopping-cart-title span,
.shopping-cart-total h4, .shopping-cart-total h4 span{
	color: #000;
}


.btn-hover a:hover {
    border: 1px solid #2794dd;
}
.btn-hover a::after {
    background: #2794dd;
}
.header-right-wrap .same-style.header-search .search-content form .button-search {
    background: #ff6b6b;
}
.subscribe-style-3 .subscribe-form-3 .clear-3 input:hover {
    background-color: #2794dd;
}

.copyright .footer-logo {
    margin-bottom: 12px;
    margin-top: 0px;
}
.copyright .footer-logo a{display: block;}
.copyright .footer-logo a img{width: 100%;}


.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: rotateZ(360deg) rotateY(360deg);
  }

.footer-area{
	background-color: #2794dd;
}
.footer-area *, .footer-area a, .footer-area p, .footer-area span{
	color: #fff;
}
.footer-widget .footer-list ul li a {
    color: #ffffff;
}

.footer-widget .footer-list ul li a:hover{
	color: #fff;
	text-decoration: underline;
}

#scrollUp {
    background-color: #000000;
}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

.shop-area{
	background-image: url('../img/bg/pat1.png');
}
.sideBg{
	background-color: rgba(255,255,255,0.64);
	border-radius: 20px;
}

@media (max-width:  991px) {

	.sideBg{
		margin-bottom: 30px;	
	}
	
}

.pro-sidebar-search .pro-sidebar-search-form{
	background-color: #fff;
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 33px -6px #777;
	   -moz-box-shadow: 0 10px 33px -6px #777;
	        box-shadow: 0 10px 33px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}  

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}  
.breadcrumb-area{
	position: relative;
	background: rgb(39,148,221);
	/*background-color: linear-gradient(180deg, rgba(39,148,221,1) 14%, rgba(39,148,221,0.23012955182072825) 100%);*/
	background: url('../img/bg/bgHeader.png') no-repeat 70% center , linear-gradient(180deg, rgba(39,148,221,1) 14%, rgba(39,148,221,0.23012955182072825) 100%);

}
.breadcrumb-area *, .breadcrumb-area h2{color: #fff;}
.breadcrumb-content ul li::before {
    background-color: #fff;
}
.breadcrumb-content ul li {
    color: #000000;
}
.breadcrumb-content ul li a{color: #fff;}
.bgWhite{background-color: #fff;}
.wrapGal{
	position: relative;
	padding: 30px;
	height: 100%; min-height: 450px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.product-details-img{
	height: 100%;
}
.product-details-img .zoompro-wrap{
	height: 100%; 
}
.product-details-img .zoompro-wrap .zoompro-span {
    position: relative;
	height: 100%;
	border: 1px solid #dbdbdb;
}
.product-details-img .zoompro-wrap .zoompro-span > img{
	display: inline-block;
    width: auto; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.product-dec-slider-2 .product-dec-icon.product-dec-next {
    bottom: -30px;
}
.product-dec-slider-2.slick-vertical .slick-slide{
	position: relative;
	height: 90px;
}
.product-dec-slider-2.slick-vertical .slick-slide > img{
	display: inline-block;
    width: auto; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.product-details-content .pro-details-quality{
	background-color: #fff;
	border-radius: 15px;
}

.product-details-content .pro-details-quality .pro-details-wishlist{
	margin-right: 10px;
}
.product-details-content .pro-details-quality .pro-details-cart {
    margin: 0 10px 0 10px;
}
.product-details-content .pro-details-quality .pro-details-cart a {
    background-color: #000000;
    padding: 10px 10px 10px;
}
.product-details-content .product-details-price small{font-size: 65%;}
.product-details-content .pro-details-quality .cart-plus-minus {
    height: 35px;
}
.product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {
    height: 35px;padding-top:4px;
}
.product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {
    height: 35px;padding-top: 4px;
}
.product-details-content .pro-details-quality .cart-plus-minus {
    height: 35px;
}
.product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box{
    height: 35px;
    -moz-appearance: textfield;
     -webkit-appearance: none;
}

.product-details-content .pro-details-quality .cart-plus-minus input::-webkit-inner-spin-button, 
.product-details-content .pro-details-quality .cart-plus-minus input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.product-details-content .pro-details-quality .cart-plus-minus .qtybutton{
	line-height: 27px;
	 -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.input-group-prepend{
	line-height: 45px;
}

.zoompro-wrap .zoompro-span span{
	transform: scale(1.5);
	top: -10px;
}


.product-wrap-5 .product-content-5 .price-5 span:before,
.product-wrap .product-content .product-price span::before{
	display: none;
}

.product-wrap-5 .product-content-5 h3 a,
.product-wrap .product-content h3 a{
	display: block;
	height: 54px;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.2;
}

.product-wrap .product-content .product-price span.old{
	color: red;
}

.zoompro-border{
	display: block;
}

.menuDropDown{
		display: none;
		width: 100%;
		border-color: #ccc;



		outline: none;
		cursor: pointer;
		-webkit-transition: all 250ms ease;
		-moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		-o-transition: all 250ms ease;
		transition: all 250ms ease;
		
		
		-webkit-border-radius: 20px;
		background-color: #fafafa;

		border-style: solid;
		border-width: 1px;
		border-color: #cccccc;
		padding: 0.5rem;
		font-size: 14px;
		font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
		color: rgba(0, 0, 0, 0.75);
		line-height: normal;
		border-radius: 0;
		height: 38px;
	}
	.side-menu{
		/*background-color: #EFCBBF;*/
		display: block;
		font-family: "Poppins", sans-serif;
		margin-bottom: 0 !important;
		list-style-type: none;  
	  margin: 0;
	  padding: 0;  
	}

	

	

	  .side-menu > li{
	    font-size: 18px;
		  
		  position: relative;
		  padding: 7px 15px 7px 0;
		  
	  }
.side-menu > li:not(:last-child){
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
	  .side-menu > li.active > a{
	  	color: #2794dd;
	  }

.side-menu > li > a{
	display: block; width: 100%;
}
.side-menu > li.active > a.dropdown-toggle,.side-menu > li.active > a.dropdown-toggle.collapsed,
.side-menu > li > a.dropdown-toggle{
	color: #2794dd;
}
.side-menu > li > a.dropdown-toggle.collapsed{
	color: #000;
}

.side-menu > li > a.dropdown-toggle::after {
	display: block;
	position: absolute;
	right: 0;
	top:14px;
}
	.side-menu > li li{
		padding: 5px 15px 5px 15px;
	}	
		.side-menu > li li a{
			font-size: 14px;
		}


	.side_menu > li li{
		padding: 0 0 0 10px !important;
	}
	    .side_menu a{
			font-family: 'futura-pt', 'Source Sans Pro', Helvetica, Arial, sans-serif;
			display: block;
			position: relative;     
			padding: 6px 20px 6px 10px; 
			color: #000;
			text-decoration: none;
	    }
		
		.side_menu > li > a{
			color: #23b7bc;
		}
		
		
	    .side_menu a:hover{
	      color: #1d8b8e;
	      text-decoration: none;
	    }




	  .side_menu ul{
	    display: none;
	  }

	  li.opened > ul{
	    display: block;
	  }

	  .submenu{
	    font-size: 90%;
	  }

	    .submenu > li > a{
	      padding-left: 20px;
	    }


	    .submenu a{
	      color: #adcf66  !important;
	    }

	    .side_menu .submenu li > a:hover,
	    .side_menu .submenu li > a:active,
	    .side_menu .submenu li > a:hover:active{
	      background-color: rgb(153, 196, 60);
	      color: #fff !important;
	    }


	  .side_menu li.active > a,
	  .side_menu li.active > a:hover,
	  .side_menu li.active > a:active,
	  .side_menu li.active > a:hover:active{
	    color: #99c43c !important;
	    /*background-color: #fff !important;*/
	    text-decoration: underline;
	    font-weight: bold;
	  }
	  .submenu li.active > a:hover{
	  	color: #fff !important;
	  }
	@media only screen and (max-width: 768px)
	{
			.menuDropDown{
				display: block;
			}
			.side-menu{
				display:none;
			}
	}


.selectOptions{
	background-color: #fff;
	padding: 7px 15px;
	margin: 15px 0;
}
.product-wrap .product-img span.pink,.product-wrap .product-img .product-action > div,
.zoompro-wrap .zoompro-span span {
    background-color: #2794dd;
}

.dettaglio-articolo__page .zoompro-wrap .zoompro-span span{

}

.product-wrap-5 .product-content-5 h3 a:hover {
    color: #0092dd;
}
.product-details-content .wrapLg{
	background-color: #fff;
	padding: 10px;
	width: 100%;
	height: 90px;
	position: relative;
}
.product-details-content .wrapLg > img{
	display: inline-block;
    width: auto; 
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.scheda_dettaglio{
	background-color: #fff;
	border-radius: 10px;
}

@media screen and (max-width: 1440px) {

}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 991px) {

}
@media screen and (max-width: 767px) {

	.footer-widget.ml-50{
		margin-left: 0 !important
	}

	.hidden-xs{display: none;}
	.header-hm8 .mean-container a.meanmenu-reveal{
		    top: -56px;
	}

	.header-top-area .header-top-wap{
		margin-top: 0;
		padding-top: 10px
	}

	.header-right-wrap .same-style{
		padding-left: 7px;
		padding-right: 7px

	}

}
@media screen and (max-width: 425px) {

	.footer-area p{
		font-size: 11px;
		line-height: 1.2
	}

	h2 {
	    font-size: 24px;
	    line-height: 24px;
	}

	.language-currency-wrap{
		display: none
	}

	.breadcrumb-content{
		display: none
	}

	.logo img{
		max-width: 180px;
	}

}
@media screen and (max-width: 320px) {

}
@media screen and (min-width: 320px) and (max-width: 990px) {
  

}