@charset "utf-8";
body,html{
	height:100%;	
}
#container{
	min-height:100%;
}
.container{
	width:1200px;
	margin:0 auto;	
}
a img{
	border:none;
	text-decoration:none;	
}
a{
	text-decoration:none;
}
body,html{
	margin:0;
	padding:0;
	min-width:1100px;
	font-family: 'Open Sans', sans-serif;
}
.clearfix{clear:both;}
#mobile-menu{
	display:none;	
}
header{
	background:#fff;
	width:100%;
	min-height:145px;	
	border:none;
}
#headerLine{
	width:100%;
	height:32px;
	float:right;
	font-size:13px;
	line-height:32px;
}
header ul{
	width:auto;
	float:right;
	display:inline-block;
	white-space: nowrap;
	margin:0;
	padding:0;
	list-style:none;
	z-index:999;
	height:25px;
	overflow:hidden;
}
#headerLine .dropdown{
	position:relative;
	padding-right:20px !important;
	cursor:pointer;
	transition:ease 0.25s;
}
header ul:hover{
	overflow:visible;	
}
#headerLine .dropdown:before {
    font-family: 'FontAwesome';
    color:#333;
    position: absolute;
    right:8px;
    content: "\f107";
	top:-3px;
}
#headerLine li:first-of-type{
	border-top:none;	
}
#headerLine li{
	margin:0;
	padding:0 4px 0 20px;
	line-height:25px;
	height:25px;
	width:100%;
	white-space:nowrap;
	background:#fefefe;
	border-top:1px dotted #eee;
	z-index:999;
	font-size:13px;
	color:#777;
}
#headerLine li img{
	vertical-align:text-top;	
}
#headerLine a{	
	color:#13150f;
	transition:ease 0.25s;	
}
#headerLine a:hover{
	color:#83bc02;	
}
#headerLine .dropdown:hover > ul{ display:block; }
header .logo{
	float:left;
	height:90px;
	width:35%;
	overflow:hidden;
	z-index:1;
	margin:8px 0;	
}
header .logo img{
	height:90px;		
}
header .phoneOrders{ 
	float:right; 
	height:60px !important;
	width:24%;
	margin-left:3.5%;
	font-size:15px;
	line-height:20px;
	margin-top:5px;
}
header .phoneOrders span{
	font-size:15px;
	line-height:28px;
	margin-left:8px;
	color:#aaa;
	clear:both;
	float:left;
}
header .phoneOrders strong{
	font-size:22px;
	line-height:22px;
	margin-left:8px;
	color:#E81F00;
	clear:both;
	float:left;
}
header .phoneOrders a{
	color:#E81F00 !important;
}
.headerSearch{
	float:right;
	margin:10px 0 0 0;
	width:35%;	
}
.headerSearchForm{
	float:right;
	position:relative;
	width:100%;	
}
.headerSearchForm:before {
    font-family: 'FontAwesome';
    color:#333;
    position: absolute;
    right:10px;
    content: "\f002";
	font-size:22px;
	top:14px;
}
.headerSearchForm input{
	height:38px;
	line-height:38px;
	border:1px solid #cecece;
	width:80%;
	float:right;
	margin-top:5px;
	padding:0 35px 0 10px;
	background:none;
	border-radius:3px;
	-webkit-border-radius:3px;
}
header .phoneOrders{ 
	float:left; 
	height:42px;
	padding-top:20px;
}
#menu{
	margin:5px 0 0 0;
	height:35px;
	position:relative;
	width:100%;
	background:#363d97;	
}
#menu ul{
	width:98%;
	padding:0 1%;
	list-style:none;
	float:left;
	height:35px;
}
#menu li{
	float:left;
	padding:0;
	margin:0;
	height:35px;
	line-height:35px;
	overflow:visible;
	transition:ease 0.25s;	
}
#menu li a{
	color:#fefefe;
	font-size:13px;
	font-weight:700;	
	padding:0 15px;
	height:35px;
	line-height:35px;
	transition:ease 0.25s;
	float:left;
}
#menu li a:hover{
	color:#363d97;
	background:#dbdeff;	
}
#menu .menu-cart{
	background-color:#E81F00;
	height:35px;
	line-height:35px;
	position:relative;
	float:right;
}
#menu .menu-cart i{
	padding-right:8px;	
}
#menu a{
	cursor:pointer;	
}
.all-product-title h4:hover{
	background:#83bc02;
	color:#fefefe;
}
.footer-padding{
	height:273px;
	clear:both;	
}
#companies{
	width:100%;
	height:70px;
	padding:10px 0;
	border-top:1px solid #ddd;
	margin-top:20px;	
}
#companies img{
	margin:0 5px;
	float:left;
	opacity:0.4;
	-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
	cursor:pointer;
	transition:ease 0.25s;	
}
#companies img:hover{
	opacity:1;
	-webkit-filter: grayscale(0); 
    filter: grayscale(0);	
}
#footer{
	background:#212529;
	min-height:270px;	
	width:100%;
	border-top:5px solid #363d97;
}
#footer .ftitle{
	width:100%;
	display:inline-block;
	font-size:18px;
	line-height:25px;
	padding:0;
	margin:0;
	color:#888;
	float:left;
	clear:both;
	font-weight:700;
	position:relative;
	color:#fefefe;
}
#footer .ftitle:after{
	content:' ';
	width:15%;
	border-bottom:2px solid #E81F00;
	position:absolute;
	left:0;
	top:0;
	height:50px;
}
#footer .box-feed{
	width:39% !important;
	padding-right:3% !important;
}
#footer .box{
	width:32%;
	padding-right:1%;
	float:left;
	color:#fefefe;	
}
#footer ul{
	list-style:none;
	padding:0;	
}
#footer .feed li{
	width:100%;
	float:left;
	margin-bottom:18px;
}
#footer .feed .image{
	width:50px;
	height:40px;
	float:left;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;	
}
#footer .feed .title{
	padding-left:8px;
	font-size:13px;
	line-height:15px;
	max-height:30px;
	overflow:hidden;
	vertical-align:top;
}
#footer .feed .content{
	padding:4px 0 0 8px;
	font-size:12px;
	line-height:14px;
	max-height:30px;
	overflow:hidden;
	color:#aaa;
}
#footer .categories li{
	font-size:13px;
	line-height:20px;
	width:50%;
	float:left;	
}
#footer .social{ width:22% !important; }
#footer .social p{
	font-size:13px;
	line-height:22px;
	color:#aaa;
}
#footer .social strong{
	color:#fefefe !important;	
}
#footer .social i{
	color:#fefefe !important;
	padding-right:5px;
	width:12px;
	text-align:center;
}
#footer .social a{ 
	height:35px;
	overflow:hidden;
	float:left;
	margin-left:6px;
	transition:ease 0.25s;
}
.phone-orders-f{
	height:auto !important;	
}
.facebook{
	line-height:42px;
	font-size:25px;
	color:#fefefe;
	background:#3b5998;
	text-align:right;
	width:29px;
	padding-right:6px;
}
.facebook:hover{ background:#858585; }
.twitter{
	line-height:35px;
	font-size:25px;
	color:#fefefe;
	background:#00aced;
	text-align:center;
	width:35px;
}
.twitter:hover{ background:#858585; }
.googleplus{
	line-height:35px;
	font-size:17px;
	color:#fefefe;
	background:#d34836;
	text-align:center;
	width:35px;
}
.googleplus:hover{ background:#858585; }
.pinterest{
	line-height:35px;
	font-size:19px;
	color:#fefefe;
	background:#C92228;
	text-align:center;
	width:35px;
}
.pinterest:hover{ background:#858585; }
.youtube{
	line-height:35px;
	font-size:26px;
	color:#fefefe;
	background:#FF3333;
	text-align:center;
	width:35px;
}
.youtube:hover{ background:#858585; }
.tumblr{
	line-height:35px;
	font-size:20px;
	color:#fefefe;
	background:#2B4964;
	text-align:center;
	width:35px;
}
.tumblr:hover{ background:#858585; }
.instagram{
	line-height:35px;
	font-size:20px;
	color:#fefefe;
	background:#3f729b;
	text-align:center;
	width:35px;
}
.instagram:hover{ background:#858585; }
.linkedin{
	line-height:35px;
	font-size:19px;
	color:#fefefe;
	background:#4875B4;
	text-align:center;
	width:35px;
}
.linkedin:hover{ background:#858585; }
#footer ul li a{
	color:#fefefe;
	transition:ease 0.25s;
}
#footer ul li a:hover{
	color:#E81F00;	
}
#footer .phone-orders{
	margin-top:25px;
	width:100%;
}
#footer .payment-icons{
	margin:5px auto 0 auto;
	height:28px;
	display:block;
	text-align:center;
}
#footer-line{
	margin:20px 0 -5px 0;
	background:#212529 url(/images/footer-logo.png) repeat-x center;
	background-size:contain;
	height:60px;	
	width:100%;
}
#copyrights{
	background:#151515;
	width:100%;
	height:35px;
	color:#b1b1b1;
	line-height:35px;
	font-size:12px;
}
#copyrights a{
	color:#b1b1b1;	
}
#copyrights span{
	float:right;	
}
#copyrights a:hover{
	color:#fff;	
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
body{
	width:100%;
}
body,html{
	min-width:auto;
}
.container{
	width:98%;
	padding:0 1%;
	min-width:auto;	
}
.no-mobile{
	display:none;	
}
}
@media screen and (min-width: 769px) and (max-width: 1199px){
body{
	width:100%;
}
body,html{
	min-width:auto;
}
header{
	height:auto;
}
.container{
	width:98%;
	padding:0 1%;
	min-width:auto;	
}
.no-mobile{
	display:none;	
}
.container{
	width:98%;
	padding:0 1%;
	min-width:auto;	
}
.headerSearch{
	overflow:visible;
}
.headerSearchForm{
	width:100%;	
}
.headerSearchForm input{
	width:90%;	
}
header .phoneOrders{
	font-size:80%;
	background-size:80px 80px;
	background-position:bottom left;
	margin-top:0;
	line-height:1.2em;
	overflow:visible;	
}
.logo{
	width:25%;
	margin-top:1% !important;	
}
.logo img{
	width:90%;	
}
}
@media only screen and (max-width: 480px){
body,html{
	min-width:100%;
}
header{
	min-height:auto;
	height:auto;
	clear:both;
	border-bottom:none;	
}
header ul{
	width:100%;
	float:right;	
}
header .logo{
	float:none;
	margin:10px auto 5px auto;
	clear:both;
	display:block;
	width:80%;
	text-align:center;
}
.headerSearch{
	display:block;
	float:none;
	margin:0 auto;
	width:80%;
	clear:both;	
}
.headerSearchForm{
	width:100%;
	float:none;
	position:relative;
}
.headerSearchForm input{
	float:none;
	width:96%;
	padding:0 3% 0 1%;	
}
#footer .box, #footer .box-feed{
	width:98% !important;
	margin-left:1% !important;
	margin-right:1% !important;
	padding-right:0;
	float:none;
	clear:both;
	color:#fefefe;
	margin-top:10px;	
}
#footer .social{ 
	padding-top:15px; 
}
#footer .social p{
	width:98% !important;
	margin-left:1% !important;
	margin-right:1% !important;
	padding-left:0;
	padding-right:0;
}
#footer .phone-orders{
	margin-top:15px;
	width:100%;
}
#footer .payments{
	margin:15px auto 0 auto;
	height:auto;
	display:block;
	max-width:100%;		
}
#copyrights{
	background:#151515;
	width:100%;
	height:auto;
	margin-top:25px;
	color:#d1d1d1;
	line-height:35px;
	font-size:12px;
}
#copyrights span{
	float:none;
	clear:both;	
}
}
@media only screen and (max-width: 768px){
body,html{
	min-width:auto;
}
header{
	min-height:auto;
	height:auto;
	clear:both;
	border-bottom:none;	
}
header ul{
	width:100%;
	float:right;	
}
header .logo{
	float:none;
	margin:10px auto 5px auto;
	clear:both;
	display:block;
	width:80%;
	text-align:center;
}
.headerSearch{
	display:block;
	float:none;
	margin:0 auto;
	width:80%;
	clear:both;	
}
.headerSearchForm{
	width:100%;
	float:none;
	position:relative;
}
.headerSearchForm input{
	float:none;
	width:96%;
	padding:0 3% 0 1%;	
}
#footer .box{
	width:100%;
	padding-right:0;
	float:none;
	clear:both;
	color:#fefefe;
	margin-top:10px;	
}
#footer .social{ 
	padding-top:15px; 
}
#footer .phone-orders{
	margin-top:15px;
	width:100%;
}
#footer .payments{
	margin:15px auto 0 auto;
	height:auto;
	display:block;
	max-width:100%;		
}
#copyrights{
	background:#151515;
	width:100%;
	height:auto;
	margin-top:25px;
	color:#d1d1d1;
	line-height:35px;
	font-size:12px;
}
.phoneOrders{
	display:none;	
}
}