@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

::-moz-selection { background: #1498ff; color: #fff; text-shadow: none; }
::selection { background: #1498ff; color: #fff; text-shadow: none; }
.fleft, .alignleft { float: left; }
.fright, .alignright { float: right; }
.top-row{background-color:#f1f1f1; border-bottom:5px solid #FFF; padding:8px 0px;}
.welcome{font-family: 'Roboto', sans-serif; font-size:13px; color:#898d96 !important; line-height:35px;}
.cart-img img{float:left; margin:0px 5px 0px 0px;}
.cart{background-color:#a74744; border-bottom:2px solid #692a28; border-radius:5px; width:127px; height:33px; float:left; font-family: 'Roboto', sans-serif; font-size:13px; color:#fff !important; line-height:15px;}
.glyphicon-shopping-cart{font-size:16px; color:#FFF; background-color:#8c3a38; padding:8px 8px; border-radius:5px 0px 0px 5px;}
.logo-area{background:url(../images/contentbg1.jpg) repeat-x center top #fefefe; padding:10px 0;}
.topcatg-bg{background:#00335b; border-top: 1px solid #ffffff24;}
.banner-text{font-family: 'Roboto', sans-serif; font-size:14px; color:#fff !important; line-height:24px; text-shadow:none; text-align:left;}
.banner-text strong{font-family: 'Oswald', sans-serif; font-size:50px; color:#fff !important; text-transform:uppercase; line-height:50px;}
.glyphicon-chevron-left{background-color:#444;}
.toplinks{ font-family: 'Roboto', sans-serif; font-size:12px; color:#444; float:right; background:#32ab3b; padding:5px 10px; width:100%; border-radius:10px;}
.toplinks a{ padding:10px; text-decoration:none; color:#fff; text-transform:capitalize;}
.toplinks a:hover{ color:#fff;}
.toplinks span{ color:#fff;}
.toplinks a > .fa{ font-size:18px !important;}
 .btn-fixed-whatsapp-desktop{
	 position:fixed;
	 bottom:0px;
	 left:90%;
 }
 .click-whatsapp-desktop{
	 display:block; position:fixed;
	 bottom:0px;
	 left:95%;
 }

.footer_arae{ background-color:#242424;}

.quick_fooer h4{ margin:0px; padding:25px 0px 18px 0px;font-size:18px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:900; text-transform:uppercase; background:url(../images/cta_footr_bor.png) left bottom no-repeat;}
.quick_fooer ul{ padding: 15px 0px; margin:0px;}
.quick_fooer ul li{ list-style:none;}
.quick_fooer ul li a{ font-size:14px; color:#909090; font-family: 'Open Sans', sans-serif;text-transform:capitalize; line-height:30px;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.quick_fooer ul li a:hover{color:#073a9c; text-decoration:none;}
.quick_fooer i{ margin:8px;}
.footer_contact h4{ margin:0px; padding:25px 0px 18px 0px;font-size:18px; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:900;text-transform:uppercase;background:url(../images/cta_footr_bor.png) left bottom no-repeat; margin-bottom:17px;}
.footer_contact p{color:#909090;font-family: 'Open Sans', sans-serif; margin:0px; padding:8px 0px;}
.footer_contact span{ color:#a1a1a1; margin:0px 15px; font-size:20px;}
.footer_contact h3{color:#909090;font-family: 'Open Sans', sans-serif; margin:0px; padding:8px 0px 0px 40px; margin:0px; font-size:14px;}



.search_q {outline: none; box-shadow: none; border: none; background-color: #dadada; color:#3a3a3a; border-radius:22px; font-size: 1.1rem; float:right; padding:8px; width:100%; margin-top:2%;}
.search_q input{ background:none; border:none; outline:none; width:88%; border-right:#999 solid 1px;}
.search_q button{ background:none; border:none; outline:none; float:right;}
.search_q button:hover{ color:#1498ff;}

.top_contc{margin-right:auto;padding:20px 0px 0px 0px;}
.top_contc ul{ margin:0px; padding:0px;}
.top_contc ul li{ list-style:none; display:inline-block; float:right; text-align:right;}
.contc_img{margin-right:-23px; float:right; margin-top:-15px;}
.top_contc h4{ margin:0px; padding:0px;font-size: 16px; font-family: 'Open Sans', sans-serif;  font-weight:bold; color:#fff; text-transform:capitalize; width:75%; float:right;}
.top_contc p{margin:0px; font-size: 13px; font-family: 'Open Sans', sans-serif;  color:#fff; width:75%; float:right;}
.top_contc p a{color:#fff;}
























#nav-main {
		padding-top:0px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out
}
.main_menu a{font-family: 'Roboto', sans-serif; font-size:14px; color:#999b8e !important; padding:8px 8px !important; width:100%; float:left; border-bottom: 0px none !important}
.main_menu a:hover{color:#fff !important; background-color:#f59001 !important;}
.email{float:right; width:100%; margin:10px 0px; clear:both; text-align:center;}
.email a{position:relative; font-family: 'Roboto', sans-serif; font-size:15px; color:#81817f !important;}
.glyphicon fa{font-size:24px !important; color:#F00 !important; font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;}
.glyphicon-search{margin:-1px 0px 0px -8px !important; padding:10px 10px; float:right; color:#FFF !important; background-color:#1498ff !important; text-decoration:none;}
.search{margin:0px 0px 0px 0px;}
.search_fld{width:92% !important; float:left !important;}
.form-control{
	height: 200 !important;
}

.quick_contact h4{ margin:0px; padding:20px 0px 10px 0px; font-size:20px; font-family: 'Oswald', sans-serif; color:#fff;text-transform:uppercase;}
.quick_contact li{font-size:14px;font-family: 'Open Sans', sans-serif; margin:0px; padding:3px 0;}
.quick_contact a{
color:#8d8d8d !important;
	margin:0px;
	padding:0px;
-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;}
.quick_contact a:hover{ color:#fff !important; text-decoration:none; }
.quick_contact p{font-size:12px; font-family: 'Roboto', sans-serif; color:#ddd; line-height:20px;}
.quick_contact p fa{ color:#fff;}
.quick_contact li h1{font-size:14px;font-family: 'Open Sans', sans-serif; color:#fff; margin:0px; padding:3px 0; font-weight:bold;}
.quick_contact li span{color:#092286 !important;}
092286{ margin:0px; padding:20px 0px 10px 0px; font-size:20px; font-family: 'Oswald', sans-serif; color:#092286; text-transform:uppercase;}
.abc{ color:#ddd; font-size:16px; list-style:none;padding:8px 0px;font-family: 'Roboto', sans-serif; margin-top:20px;}
.cont{ color:#ddd; font-size:16px; list-style:none; padding:10px 0px;font-family: 'Roboto', sans-serif; }
.mesge{ color:#ddd; font-size:16px; list-style:none; padding:10px 0px;font-family: 'Roboto', sans-serif; }
.grn-col{ color: #ddd;}
.copy{ font-size: 12px;font-family: 'Open Sans', sans-serif; color:#ddd; text-transform:capitalize; margin-top:10px; margin-bottom:10px;}
.copy a{ color:#fff;}
.copy a:hover{ color:#fff;}
.Design{ color:#fff; font-size: 14px;font-family: 'Open Sans', sans-serif; color:#fff; text-transform: capitalize;margin-top:15px; margin-bottom:15px;}
.Design a{ color:#fff; font-weight:bold;}

.home_about{ margin:0px; padding:0px; text-align:center;}
.home_about h2{ margin:0px 0 10px 0; padding:0px; font-weight:bold; font-family: 'Fjalla One', sans-serif;letter-spacing:1px; font-size:20px; text-transform:uppercase; color:#000; text-align:left;}
.home_about h2 span{ color:#092286;}
.home_about p{ margin:0px 0 10px 0; padding:0px 10px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; 
color:#000 !important; text-align:center;}
.home_about p span{color:#ee232b;}
.home_about p a{color:#ee232b;}
.header { height:160px !important;}
.contentbg{ background: url(../images/contentbg.jpg) no-repeat centert top;}








************************MENU CSS***************************
.navbar-nav>li>a{padding-top: 10px; padding-bottom: 10px;}
.navbar-nav>li{}
.navbar-inverse .navbar-nav>li>a{border-right:1px solid #333; font-family: 'Oswald', sans-serif; font-size:16px; letter-spacing:1px; color:#ddd !important; text-transform:uppercase;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out; 
}
.navbar-inverse .navbar-nav>li>a:hover{color:#fff !important; background-color:#1498ff;}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#898d96;}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#000; background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#000;background-color:transparent}
.nav>li>a{position:relative;display:block;padding:16px 17px;}
.hide-menu-text{float:left; font-family: 'Roboto', sans-serif; font-size:18px; color:#474747 !important; margin:15px 0px 0px 14px; display:none;}

.tabs-container{margin:0px 0px 0px 0px; padding:0px;}
.product-listing{
	float:left;
	padding:10px 15px;
	border:1px solid #e4e4e4;
	box-shadow: 0px 0px 3px 0px #e4e4e4;
	border-radius:10px; background:#fff;
	width:100%;
	margin-bottom:15px;
	margin-top:10px;
	position:relative;
    overflow:hidden;
	transition:0.5s; transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out; 
}
.product-listing:hover{ border:1px solid #1498ff;}

.testimmonials:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	bottom: -20px;
	border: 10px solid;
	border-color: #ececec transparent transparent #ececec;
}
.product-listing h2{
	padding:10px 15px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#494949 !important;
	text-transform:none;
	margin:0px 0px 10px -20px;
}
.product-listing .price{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#000; text-align:right;}
.stars{float:left; width:100%;}
.glyphicon-star{float:left; color:#1498ff; margin:2px 1px;}
.glyphicon-envelope{
	background-color:#1498ff;
	color:#FFF;
	padding:8px;
	border-radius:4px;
	cursor:pointer;
}
.fa-whatsapp{
	background-color:#367148;
	color:#FFF;
	padding:8px;
	border-radius:4px;
	cursor:pointer;
}
.fa-whatsapp:hover{
	background-color:#18e656;
	color:#FFF;
	padding:8px;
	border-radius:4px;
	cursor:pointer;
}

.fav-btns{float:left; text-align:left; margin-top:10px;}
.btn-order{
	background-color:#e5e5e5 !important;
	color:#000 !important;
	font-size:12px !important;
	text-transform:uppercase;
	 margin-top:10px;
	 float:right;
}
.btn-order:hover{
	background-color:#1498ff !important;
	color:#FFF !important;
	cursor:pointer;
}
.advertisement{
	margin:0px 0px 40px 14px; 
	padding:5px; 
	background-color:#FFF;
	float:left;
	border:solid 1px #dfdfdf;
	box-shadow: 0px 0px 5px #CCC;
	border-radius:8px;
	}

.newsletter{
	padding:12px 0px 0px 0px;
	border-radius:5px;
}
.social-links{float:left; margin:-10px 0px 0px 0px;}
.social-links img{float:left; margin:20px 0px 0px 5px;}
.news-updates{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4e5862;
	line-height:24px;
	text-align:justify;
}

.news-updates h1{
	font-family: 'Roboto', sans-serif; font-size:14px;
	font-size:24px;
	color:#f30606;
	text-transform:uppercase;
}


.news-updates a{
	color:#f30606;
	text-align:right !important;
	float:right;
	
}

.testimmonials
{
	position: relative;
	width: 92%;
	padding:8px;
	text-align: justify;
	line-height: 24px;
	background-color: #ececec;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#4e5862;
	margin-top:25px;
}

.testimmonials:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
	bottom: -20px;
	border: 10px solid;
	border-color: #ececec transparent transparent #ececec;
}
.testimmonials-link{
	margin-top:30px;
	font-family: 'Roboto', sans-serif; font-size:15px !important;
	color:#575757;
	text-transform:uppercase;
}
.testimmonials-link a{
	color:#f30606;
}
.footer-bg{
	background:url(../images/footer_bg.jpg) repeat-x center top #f5f5f5;
	margin-top:30px;
}
.footer-links{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b4b4b4;
	}
.footer-links h2{
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	color:#626262;
	text-transform:uppercase;
	}

ul.footer-links {
	margin:0px;
	float:left;
	}
ul.footer-links li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b4b4b4;
	list-style:none;
	padding:3px 0px !important;
	clear:both;
	}
ul.footer-links li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#b4b4b4 !important;
	list-style:none;
	text-decoration:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
	}
ul.footer-links li a:hover{
	color:#1498ff !important;
	margin-left:10px;
}
.news_updates{
	float:left; 
	width:52px; 
	background-color:#f8971e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	text-align:center;
	padding:2px 0px;
	margin:0px 5px 10px 0px;
	clear:both;
	}
.copy-rights{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#76787d;
	margin:7px 0px;
}

.copy-rights a{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#f30606;
	transition:0.5s;
}

.copy-rights a:hover{
	margin-left:8px;
}

.content{margin:12px 0px; padding:0px;}
.lmenu-heading{font-family: 'Roboto', sans-serif; font-size:19px; color:#FFF; margin:0px; padding:0px; float:left; width:100%; height:43px; line-height:43px; background:url(../images/lmenu_heading.jpg) no-repeat left top #cacaca; padding-left:53px; text-transform:uppercase;}
.lmenu{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}


.lmenu ul{
	margin:0px;
	padding:0px;
	float:left;
	width: 100%;
	list-style:none !important;
}

.lmenu ul li{
	margin:0px;
	float:left;
	width:100%;
	background:url(../images/plus-icon.jpg) no-repeat left 14px top 14px;
	font-family: 'Roboto', sans-serif; 
	font-size:14px;
	color:#3d4148;
	border-bottom:1px solid #a74744;
	padding:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
}

.lmenu ul li a{
	margin:0px;
	padding:0px 0px 0px 40px;
	float:left;
	width:100%;
	background:url(../images/plus-icon.jpg) no-repeat left 14px top 9px #FFF;
	font-family: 'Roboto', sans-serif; 
	font-size:14px;
	color:#3d4148 !important;
	line-height:34px;
	font-weight:bold;
}

.lmenu ul li a:hover{
	background:url(../images/plus-icon.jpg) no-repeat left 14px top 9px #1498ff;
	color:#FFF !important;
	text-decoration:none !important;
}
.lmenu ul li:hover{
	background:url(../images/plus-icon.jpg) no-repeat left 14px top 9px #1498ff;
	color:#FFF !important;
	text-decoration:none !important;
}

.lmenu ul li ul li{
	margin:0px;
	padding:0px 0px 0px 40px;
	float:left;
	width:100%;
	background:url(../images/minus-icon.jpg) no-repeat left 20px top 9px #FFF;
	font-family: 'Roboto', sans-serif; 
	font-size:14px;
	color:#3d4148 !important;
	border-bottom:1px solid #d0d0d0 !important;
	line-height:25px;
}


.lmenu ul li ul li a{
	margin:0px;
	padding:0px 0px 0px 50px;
	float:left;
	width:100%;
	background:url(../images/minus-icon.jpg) no-repeat left 20px top 6px #f0f0f0;
	font-family: 'Roboto', sans-serif; 
	font-size:12px;
	color:#3d4148 !important;
	line-height:25px;
	font-weight:normal;
}

.lmenu ul li ul li a:hover{
	background:url(../images/minus-icon.jpg) no-repeat left 20px top 6px #434343;
	color:#FFF !important;
}
.page-header img{margin:0px; padding:0px; position:absolute; z-index:100; margin-top:17px; }
.page-header h1{margin:0px; padding:0px 0px 0px 30px; font-family: 'Roboto', sans-serif; font-size:18px; color:#585c65; font-weight:bold; text-transform:uppercase;}
.pagination{float:right; margin-top:0px; font-weight:bold;}
.pagination a{color:#585c65;}
.pagination a:hover{color:#a74744;}
.sidebar-nav{margin:0px 0px 20px 0px;}
.rightpanel{margin:25px 0px 0px 0px; padding:0px; float:left; width:100%;}
.limg{margin:0px; padding:0px; float:left; width:100%; border:1px solid #d0d0d0; text-align:center;}
.limg-color{margin:10px 10px 0px 2px; padding:0px; float:left; width:84px; height:70px; border:1px solid #d0d0d0;}
.prod-info-large{margin:-20px 0px 0px 0px; padding:0px; float:left; width:100%; font-family: 'Roboto', sans-serif; font-size:12px; color:#4a4e55; text-align:justify; line-height:24px;}
.prod-info-large h1{font-family: 'Roboto', sans-serif; font-size:18px; color:#585c65;}
.prod-info-large strong{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#a74744;}
.prod-large-icons{margin:0px 0px 0px 15px; padding:0px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.qty{margin:0px; padding:0px; float:left; width:110px; height:40px; background-color:#FFF; border:1px solid #dddddd;}
.qty img{margin:0px 0px 0px 0px; padding:0px; float:left;}
.qty input{margin:0px; padding:0px; float:left; width:48px; height:38px; background-color:#FFF; border:1px solid #dddddd; border-bottom:none; border-top:none;  text-align:center; outline:0;}
.contact-map{margin:0px 0px 30px 0px; float:left;}
.contact-info{margin:0px 0px 0px 0px; float:left; line-height:24px;}
.contact-info strong{margin:0px 0px 0px 0px; font-size:18px; float:left; line-height:24px;}
.large_page_btn{margin:10px 10px 0px 0px; float:left; font-family: 'Monda', sans-serif; font-size:14px; color:#fff; background-color:#3d3d3d; text-transform:uppercase; height:34px; border-radius:6px;}
.large_page_btn a{padding:0px 10px; color:#fff; text-decoration:none; transition:0.5s; display:block; line-height:34px; border-radius:6px;}
.large_page_btn a:hover{margin:-5px 0px 0px 0px; background-color:#cb0101;}
.message{height:150px;}
@media (max-width: 767px) {
    
    .click-whatsapp-desktop{
	 display:block; position:fixed;
	 bottom:0px;
	 left:76% important;
 }

.navbar-header {float: none;}
.banner-text strong{ font-size:30px;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none! important;}
.navbar-nav {float: none!important; margin: 7.5px 0px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-text {float: none; margin: 15px 0;}/* since 3.1.0 */
.navbar-collapse.collapse.in { display: block!important;}
.collapsing {overflow: hidden!important;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0; display:block;}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto; display:block;}
}
.banner{margin:-10px 0px 0px 0px; float:left; width:100%; border:1px solid #d7d7d7; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.catg_thumb{margin:12px 0px; float:left;}
.catg_thumb img{opacity:1; transition:0.5s;}
.catg_thumb img:hover{opacity:0.5; cursor:pointer;}
