/*Add Css Custom Here*/

/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px){
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {  line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}


/*******************************************************/
.socials{
	display: flex;
	margin-top: 3px;
	flex-wrap: wrap;
}
.socials li {
    margin-right: 15px;
    font-size: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    min-width: 31px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    padding: 0 7px;
    font-weight: 500;
}
.socials li a:hover {
    background-color: #72b31b;
    border-color: #72b31b;
    
}

.socials li a{
	color: #fff !important;
}

header.typeheader-11 .top-log li a:hover{
	color: #fff !important;
	opacity: 0.8;
}

.typeheader-11 .container-megamenu.horizontal ul.megamenu > li > a{
	font-size: 20px !important;
}

.typefooter-11 .footer-middle{
	padding-top: 50px !important;
	padding-bottom: 10px !important;
}

.socials-footer li{
	border: none !important;
}
.socials li a:hover{
	background-color: inherit !important;
	border-color: inherit !important;
}

.banner-text{
	margin-bottom: 40px !important;
}


/*.noUi-connect{
	background: #72b31b !important;
}*/

.ocfilter-option label small{
/*	background-color: #72b31b !important;*/
/*    color: #ffffff !important;*/
    font-size: 12px !important;
}

.label-success{
	background-color: #72b31b !important;
}

#accordion > div:nth-child(3), #collapse-payment-address > div > div.checkbox{
/*	display: none !important;*/
}

.products-list{
	display: flex;
	flex-wrap: wrap;
}

.refine-search__content{
	display: flex;
	flex-wrap: wrap;
}

.open-sidebar{
	display: none !important;
}

.content-about-us{
	margin-right: 15px;
	margin-left: 15px;
}

 
.floating, .sup-floating {
 		cursor: pointer;
    z-index: 1000;
    background-color: #72b31b;
    width: 60px;
    bottom: 100px;
    right: 10px;
    height: 60px;
    line-height: 63px;
    outline: none;
    position: fixed;
    display: block;
    text-align: center;
    border-radius: 50%;
    opacity: 1;
    }
.floating{
    animation: pulse 1.2s ease infinite;
}

    @keyframes pulse {
	  0% {
	    transform: scale(1, 1);
	  }
	  50% {
	    opacity: 0.3;
	  }
	  100% {
	    transform: scale(1.5);
	    opacity: 0;
	  }
