@import '/MuseoSans/stylesheet.css' screen; 

body, #wrapper{font-family:'Museo Sans', sans-serif}
		 


/*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;}

}



.list_more {
list-style: none;
padding: 0;
}
.list_more li {
    padding: 7px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-left: 10px solid #f05d22;
    box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1), -2px -2px 5px 0 rgba(0,0,0,.1), 2px 2px 5px 0 rgba(0,0,0,.1), -2px 2px 5px 0 rgba(0,0,0,.1);
    font-size: 17px;

    transition: 0.3s all linear;
}


.brandlist {
counter-reset: li; 
list-style: none; 

padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.brandlist li {
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #dadada;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}
.brandlist li:hover {background: #DCDDE1;}       
.brandlist li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #9097A2;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.brandlist li:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.brandlist li:hover:after {
left: -.5em;
border-left-color: #9097A2;
}

.aboutus p {
    font-size: 17px;
}

.loc {
    text-align: right;
    float: left;
    font-weight: 300;
    padding-left: 45px;
    font-size: 17px;
}

body .typeheader-2 .search-header-w {
    width: 40%;
}

body .container-megamenu.vertical #menuHeading .megamenuToogle-pattern .container {

    border-radius: 30px;
}

body .typeheader-2 .search-header-w #sosearchpro .search button {

    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;

}

body .typeheader-2 .search-header-w #sosearchpro .search {

    border:0;
    border-bottom: 1px solid #e5e5e5;
        border-top: 1px solid rgb(244 244 244 / 10%);
    border-radius: 20px;
    background-color: #fff;
    padding-right: 0px;
}

body .typeheader-2 .search-header-w #sosearchpro .search button i {
    display: block;
}

body .typeheader-2 .container-megamenu.horizontal ul.megamenu > li > a strong {
    font-weight: 500;
    font-size: 15px;
    color: black;
    text-decoration: underline;
    text-transform: none;
}

.block-policy24 {
    display: inline-block;
    margin: 25px 0;
    width: 100%;
}

.block-policy24 .col-lg-3 {
    
    border: 1px solid #e5f4ff;
    border-radius: 28px;
}

@media (max-width: 991px) {
	.layout-24.common-home .block-policy24 ul li {
		margin: 5px 0;
	}
}

.block-policy24 ul li .item-inner {
    display: inline-block;
}

.block-policy24 ul li .item-inner .content {
    position: relative;
    padding-left: 105px;
}

.block-policy24 ul li.item-1 .item-inner .content:before {
    background-position: 0 3px;
}

.block-policy24 ul li.item-2 .item-inner .content:before {
    background-position: 0 -107px;
}

.block-policy24 ul li.item-3 .item-inner .content:before {
    background-position: 0 -219px;
}

.block-policy24 ul li.item-4 .item-inner .content:before {
    background-position: 0 -328px;
}
.block-policy24 ul li .item-inner .content:before {
    background: url(/image/catalog/icon/id24-promotion.png) no-repeat;
    width: 50px;
    height: 50px;
    top: 0;
    left: 30px;
    position: absolute;
    content: "";
}

.container-megamenu.horizontal ul.megamenu > li {

    border-right: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);

    margin-right: 2px;
}

body .typeheader-2 .container-megamenu.horizontal ul.megamenu > li > a {

    padding: 1em 2em;

}

body .typeheader-2 .header-bottom {

    background-color: #fff;

}

#aboutust {
    margin: 45px 10px;
    display: flow-root;
}

@media (max-width: 767px) {
    body .shopping_cart a strong {
        
        font-size: 20px;
    }
    
    body .shopping_cart span {
font-size: 11px;
}

}
.shopping_cart a strong {
font-size: 24px;
    font-weight: 500;
    color: #e6021d;
}

.shopping_cart span {
font-size: 13px;
}

.typeheader-2 .shopping_cart {

    line-height: 17px;

}

@media (min-width: 768px) {
.typeheader-2 .shopping_cart {

     margin-top:10px;

}

}

body .typeheader-16 .container-megamenu.horizontal ul.megamenu > li > a {
    line-height: 50px;

}

body .module.sohomepage-slider .so-homeslider img {
    margin: 0 auto;
    display:block;
}

body .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a strong {

    text-transform: uppercase;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    font-size: 13px;
    font-weight: 300;
}

body .slider-cates2.so-categories .cat-wrap .content-box .cat-title a {
    text-transform: uppercase;

    line-height: 25px;
    font-weight: 300;
    font-size: 14px;
}

body .slider-cates2.so-categories .cat-wrap .box-2 .cat-title {

    text-align: center;
}

