﻿.fa {margin-right:5px;}
.fa-globe {color:#00CCFF;    margin-right: 0;}

.fa-sign-out {color:#f00;}
.fa-user {color:#0f0;}
.fa-phone {color:#ffee00;}
.fa-list, .fa-lock{color: #f90;}
.fa-angle-right {color: #f90;}
.fa-check-circle {color:green;}
.fa-truck {color:#FF3300;}
.fa-handshake-o {color:#0066FF;}
.fa-search {font-size: 20pt !important;color: #aaa;}
.promo {
    width: 32.33%;
    float: left;
    margin-left: 2px;
    background-color: #fff;
    padding: 1em;
    border-radius: 3px;
    font-size:16pt;
    color:#444;
    font-weight: 300;
    text-align:center;
    flex-grow: 1;
    line-height: 1em;
}

.promo:first-child {margin-left:0;}

.promo .fa {
	font-size:24pt;
	/*float:left;*/
	margin-right:10px;
}

.top-header {
    background: #292929 !important;
}

ul.header-in li {
    color:#fbf1c0;
}

ul.header-in li a {

    color: #fff !important;
}

select.in-drop {
    color: #fff !important;
    background-color:#292929 !important;
    padding:2px !important; 
}

.logo img {
	/*background-color:#d41c3c !important;*/
}
	
.header-top {
    background: #ffffff;
}

.search1 input[type=text] {
	background-color: #f6f6f6 !important;
	    border-radius: 20px 0 0 20px !important;
	    border:1px solid #e0e0e0 !important;
}

.search1 input[type=button], .search1 input[type=submit] {
    background: #e0e0e0 !important;
    color: #292929 !important;
    border-radius: 0 20px 20px 0 !important;
    border: 1px solid #e0e0e0 !important;
    border-left: 0 !important;
    padding: 8px;
}

.subcatitem {
	padding:5px 15px;
	background-color:#fff;
	margin-right:0.5em;
}

.cart {
	background: #d41c3c !important;
    border-radius: 20px !important;
    padding: 5px 15px !important;
}

.box_1 h3 {
    font-weight: 300;
}

.box_1 h3 img {
	margin-top: -28px !important;
    margin-right: -9px !important;
	float: right;
}

.megamenu li {
	font-family: Roboto !important;
	font-weight: 400 !important;
}

.megamenu>li>a {
	    margin: 0 20px 0 0px;
}

.megamenu>li.active>a {
    color: #000000 !important;
    float: right !important;
}

.megamenu>li>a:hover {
    color: #d41c3c !important;
}



