@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');
header{
	float:left;
	width:100%;
	background-color:#fff;
}

body{
	font-family: 'Poppins', sans-serif;
}
.logo{
	float:left;
	width:100%;
	text-align:left;
}
.logo a{
	display:inline-block;
	width: 170px;
}
.logo img{
	width: 100%;
	float: left;
}

.header-contact{
	float:left;
	width:100%;
	margin: 11px 0px;
}
.header-contact ul{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}
.header-contact ul li{
	float:left;
	width:100%;
	border-top:solid 1px #e9e9e9;
	color:#888080;
	padding:5px 10px;
}
.header-contact ul li p, .header-contact ul li a{
	color:#888080;
	margin:0px;
	font-weight:300;
}
.header-contact ul li:first-child{
	border:none;
}
.search{
	float:right;
	width:200px;
	position:relative;
	margin: 12px 0px;
}
.search .search-btn{
	background-color: transparent;
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	padding:5px 15px;
	color:#4c4c4c;
	border:none;
}
.search input[type="text"]{
	float:left;
	width:100%;
	height:40px;
	border:solid 1px #ccc;
	padding:5px 15px;
	border-radius: 50px;	
	color:#999;
}
/*
==================================
BANNER SECTION
==================================
*/

.banner{
	float:left;
	width:100%;
	background-color:#dfdfdf;
	background-image:url(images/banner-bg3.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.banner .text{
	float:left;
	position:absolute;
	left:50%;
	top:35%;
	margin-left:-600px;
}
.banner .banner-img{
	position: absolute;
	top: 50%;
	right: 45%;
	margin-right: -500px;
	transform: translate(0, -50%);
}
.banner .text h2{
	margin: 0px;
	font-size:60px;
	text-transform:uppercase;
	font-weight:bold;
	color: #fff; 
	text-shadow: 4px 7px 15px rgba(0,0,0,0.5);
}
.banner .text p{
	font-size:34px;
	color:#fff;
	letter-spacing:7px;
	text-transform:uppercase;
	margin:0px 0px 20px 0px;
	text-shadow: 4px 7px 15px rgba(0,0,0,0.5);
}
.banner .text a.view-more{
	display:inline-block;
	padding:13px 30px;
	font-size:20px;
	border-radius: 50px;
	font-weight:bold;
	color:#2b2b2b;
	background-color:#fff;
	text-transform:uppercase;
}
.banner .text a.view-more:hover{
	text-decoration:none;
}
.banner .bx-wrapper img{
	width: auto;
	height: 500px;

}
.banner .bxslider li{
	min-height:600px;
}
.logo-container{
	float:left;
	width:100%;
	padding:20px 0px;
}
.banner .bx-pager{
	display:none;
}
.bx-wrapper .bx-controls-direction a{
	height:60px;
	text-indent:0px;
	width:60px;
	left:0px;
}
.bx-wrapper .bx-controls-direction a.bx-next{
	left:auto;
	right:0px;
}
.bx-wrapper .bx-controls-direction a:before{
	content:"\f104";
	position:absolute;
	left:0px;
	width:100%;
	text-align:center;
	font-family:FontAwesome;
	font-size:40px;
	top:0px;
	color:#666;
}
.bx-wrapper .bx-controls-direction a.bx-next:before{
	content:"\f105";
}
/*
==================================
NAVIGATION SECTION
==================================
*/
.navigation{
	float:left;
	width:100%;
	margin: 0 0px;
}
.navigation .hidden-sm{
	list-style:none;
	margin:10px 0px;
	padding:0px;
	float:left;
}
.navigation .hidden-sm li{
	float:left;
	position:relative;
}
.navigation .hidden-sm li a{
	display:block;
	padding:12px 20px;
	font-size:14px;
	text-transform:capitalize;
	color:#2b2b2b;
	border-radius: 50px;
	font-weight: bold;
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
}
.navigation ul li:hover > a{
	text-decoration:none;
	background-color:#fff;
	color: #fff;
}
.navigation .hidden-sm ul{
	position:absolute;
	left:0px;
	top:100%;
	width:250px;
	background-color:#fff;
	z-index:10;
	visibility:hidden;
	opacity:0;
	margin:20px 0px 0px 0px;
	padding: 10px;
	border-radius: 20px;
	box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.2)
}
.navigation .hidden-sm li:hover ul{
	visibility:visible;
	opacity:1;
	margin:0px;
}
.navigation .hidden-sm ul li{
	float:left;
	width:100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.navigation .hidden-sm ul li a{
	display:block;
	padding:12px 20px;
	font-weight:normal;
	text-transform: capitalize;
}
/*
==================================
SMALL BANNER SECTION
==================================
*/
.small-banner-section{
	padding:30px 0px;
	float:left;
	width:100%;
}
.small-banner{
	float:left;
	width:100%;
	position:relative;
}
.small-banner img{
	width:100%;
}
.small-banner .text{
	position:absolute;
	left:0px;
	top:0px;
	padding:30px;
}
.small-banner h2{
	font-size:44px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
	color:#fff;
}
.small-banner h2.small{
	font-size: 24px;

}
.small-banner .text a.view-more{
	display:inline-block;
	padding:13px 30px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	text-transform:uppercase;
}
.small-banner .text a.view-more{
	text-decoration:none;
}
.small-banner .caption{
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 20px;
	background:linear-gradient(0deg, black, transparent);
	width: 100%;
}
/*
==================================
FEATURED PRODUCTS SECTION
==================================
*/
.heading{
	float:left;
	width:100%;
}
.heading h2{
	color:#343434;
	font-size:30px;
	font-weight:bold;
	padding:0px 0px 30px 0px;
	margin:0px 0px 30px 0px;
	position:relative;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:4px;
}
.heading h2:before{
	content:"";
	position:absolute;
	left:0px;
	right:0px;
	margin:auto;
	bottom:0px;
	background-image:url(images/heading-line.png);
	background-position:center;
	background-repeat:no-repeat;
	height:12px;
	width:100%;
}
.product-section{
	float:left;
	width:100%;
	padding:50px 0px 30px 0px;
	background-color: #f2f6f8;
}
.product-cover {
	float:left;
	width:100%;
	background: #fff;
	border-radius: 20px;
	overflow:hidden;
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
}
.product-cover:hover{
	box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.15);
}
.product-cover .thumb img{
	display: inline-block;
	max-height: 300px;
}
.product-cover .thumb{
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
	text-align: center;
	border-radius: 0;
	overflow-x: hidden;
	padding-bottom: 80px;
	background-color: #fff;
}
.product-cover .text{
	float:left;
	width:100%;
	text-align:center;
	position: absolute;
	left: 0px;
	bottom: 10px;
	padding:0px 15px; 
}
.product-cover .text h4{
	text-transform:capitalize;
	margin:0px 0px 10px 0px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.product-cover .text a{
	color: #333;
	text-decoration: none;
}
.product-cover .text p{
	margin:0px 0px 15px 0px;
}
.product-cover .inq-btn{
	display:inline-block;
	font-size:14px;
	text-transform:capitalize;
	color:#333;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align-last: center;
	position: absolute;
	right: 15px;
	top: 15px;
}
.product-cover:hover .inq-btn{
	color:#fff;
	text-decoration:none;
}
.product-cover:hover .inq-btn:hover{
	background-color:#000;
	border-color:#000;
}
.product-section ul{
	list-style:none;
	padding:0px;
}
.product-section ul li{
	margin-bottom:30px;
}
.product-cover .caption{
	width:100%;
	background-color:#e2e6ea;
	text-align:center;
	padding:0px 0px;
	float: left;
	border-radius: 0px 0px 20px 20px;
	overflow: hidden; 
}
.product-cover:hover .caption{
	opacity:1;
	top:0px;
}
.product-cover .caption a{
	font-size:14px;
	color:#505050;
	font-weight:bold;
	display:block;
	text-transform:uppercase;
	margin: 0px;
	padding:20px 10px 20px 10px;
	float: left;
	width: 50%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
}
.product-cover .caption a:hover{
	text-decoration:none;
	color: #fff;
}
.product-cover .caption a i{
	margin:3px 5px 0px 0px;
}

/*
==================================
ONLINE STORE SECTION
==================================
*/
.online-store-section{
	float:left;
	width:100%;
	background:url(images/bg.jpg);
	background-size:cover;
	padding:150px 0px;
	position:relative;
	text-align:center;
	background-attachment: fixed;
}
.online-store-section:before{
	content:"";
	background-color:rgba(0,0,0,0.7);
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
}
.online-store-section .container{
	position:relative;
}
.online-store-section h2{
	font-size:60px;
	font-weight:bold;
	text-transform:uppercase;
}
.online-store-section p{
	font-size:16px;
	color:#fff;
	margin-bottom:20px;
}
.online-store-section .go{
	display:inline-block;
	padding:13px 30px;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
}
.online-store-section .go:hover{
	text-decoration:none;
	background-color:#fff;
	color:#333;
}
/*
==================================
TESTIMONIALS SECTION
==================================
*/
.testimonials{
	float:left;
	width:100%;
	background:url(images/bg1.jpg);
	background-size:cover;
	padding:50px 0px;
	position:relative;
	text-align:center;
}
.testimonials:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.7);
}
.testimonials .container{
	position:relative;
}
.testimonials .heading h2{
	color:#fff;
}
.testimonials .heading h2:before{
	background-image:url(images/heading-line-2.png);
}
.testimonials .item{
	padding:20px;
}

.client-testimonial{
	float:left;
	width:100%;
	padding:20px;
	text-align:center;
	background-color:#fff;
}
.client-testimonial .thumb{
	display:inline-block;
	height:70px;
	width:70px;
	border-radius:100%;
	overflow:hidden;
	margin-bottom:15px;
}
.client-testimonial .text{
	float:left;
	width:100%;
}
.client-testimonial .text h4{
	font-size:18px;
}
.client-testimonial .text p{
	color:#999;
}
/*
==================================
TESTIMONIALS SECTION
==================================
*/

.newsletters{
	float:left;
	width:100%;
	padding:30px 0px;
	background-color: #d1d8dc;
}
.newsletters h2{
	font-size:26px;
	color:#000;
	text-transform:capitalize;
	margin:0px 0px 20px 0px;
}
.newsletters .submit-newsletter{
	float:right;
	position:relative;
	width:100%;
}
.newsletters .submit-newsletter input[type="text"]{
	float:left;
	width:100%;
	height:56px;
	background-color: #fff;
	color:#3c3c3c;
	padding:6px 90px 6px 30px;
	border-radius: 50px;
	border: none;

}
.newsletters .submit-newsletter input[type="text"]:focus{
	outline: none;
}
.newsletters .submit-btn{
	position:absolute;
	right:0px;
	border:none;
	background-color:#404040;
	position:absolute;
	top:0px;
	height:100%;
	right:0px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 25px;
	border-radius: 50px;
	transition: all ease-in-out 0.3s;

}
.newsletters .submit-btn:hover{
	background-color:#e4e4e4;
	color:#000;
	
}
/*
==================================
FOOTER
==================================
*/
footer{
	float:left;
	width:100%;
	padding:50px 0px;
	background-color:#001f31;
}
footer .widget{
	float:left;
	width:100%;
}
footer .widget iframe{
	height:150px;
	width:100%;
	border:none;
}
footer h2{
	font-size:20px;
	text-transform:uppercase;
	color:#eff3f5;
	margin:0px 0px 10px 0px;
}
footer p{
	color:#ccd5da;
}

.sitemap-widget ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
.sitemap-widget ul li{
	float:left;
	width:100%;
	margin:5px 0px;
	padding: 0px 0px 0px 20px;
	position:relative
}
.sitemap-widget ul li:before{
	content:"\f105";
	position:absolute;
	left:0px;
	top:0px;
	font-family:FontAwesome;
	color:#8b8b8b;
}
.sitemap-widget ul li a{
	display:inline-block;
	color:#ccd5da;
}
.sitemap-widget ul li a:hover{
	text-decoration:none;
}


.contact-widget{
}
.contact-widget ul{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}
.contact-widget ul li{
	float:left;
	width:100%;
	margin:5px 0px;
}
.contact-widget ul li i{
	height:30px;
	width:30px;
	border-radius:100%;
	background-color:#697176;
	color:#8f8f8f;
	float:left;
	text-align:center;
	line-height:30px;
}
.contact-widget ul li .text{
	padding:0px 0px 0px 40px;
}
.contact-widget ul li p{
	display:inline-block;
	margin:0px;
}
.contact-widget ul li a{
}


.social-icons{
	float:left;
	width:100%;
}
.social-icons ul{
	list-style:none;
	margin:8px 0px 0px 0px;
	padding:0px;
	float: left;
	width: 100%;
}
.social-icons ul li{
	display:inline-block;
}
.social-icons ul li a{
	display:block;
	height:36px;
	width:36px;
	border-radius:5px;
	color:#000;
	background-color:#fff;
	font-size:18px;
	text-align: center;
	line-height:36px;

}
.copyrights{
	float:left;
	width:100%;
	padding:15px 0px;
	background-color:#002c45;

}
.copyrights p{
	margin:0px;
	color:#ccd5da;
	font-size:12px;
	text-transform:uppercase;
	float: left;
	margin: 12px 0px;
}
.copyrights img{
	float: right;
}

.sub-banner{
	float:left;
	width:100%;
	background-image:url(images/header-bg3.jpg);
	background-size:cover;
	background-position:center;
	position:relative;
}
.sub-banner h2{
	font-size:50px;
	color:#fff;
	text-transform:uppercase;
	margin:70px 0px;
	text-align:left;
	line-height:50px;
	font-weight:bold;
	text-shadow:3px 3px 5px rgba(0,0,0,0.5);
	
}
/*.sub-banner:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.5)
}*/
.sub-heading{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.sub-heading h2{
	font-size:28px;
	color:#333;
	text-transform:uppercase;
	margin:0px;
}
.sidebar{
	margin-bottom:30px;
}

.sidebar h2{
	font-size:28px;
	color:#333;
	text-transform:uppercase;
	margin:0px 0px 30px 0px;
}
/*
==================================
PRODUCT CATEGORIES
==================================
*/

.product-categories{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.product-categories .panel-heading{
	border-radius:0px;
	color:#4c4c4c;
	text-transform:uppercase;
	font-weight:bold;
	border:none;
	padding:0px;
}

.product-categories .panel-group .panel{
	border:none;
	border-radius:0;
	float:left;
	width:100%;
}
.product-categories .panel-title{
	font-size:16px;
}
.product-categories .panel-title a{
	display:block;
	padding:15px 15px;
	background-color:#eee !important;
	border-radius:  10px 10px 0px 0px;
}
.product-categories .panel-title a:hover, .product-categories .panel-title a:focus{
	text-decoration:none;
	outline:none;
	border-radius: 10px;
}
.product-categories .panel-body{
	float:left;
	width:100%;
	padding:0px;
}
ul.product-list{
	float:left;
	width:100%;
	padding:0px;
	list-style:none;
	margin:15px 0px 0px 0px;
}
.product-list li span{
	float:right;
}
ul.product-list li{
	float:left;
	width:100%;
	margin:0px;
	padding: 0px 15px;
	margin: 1px 0px;
}
ul.product-list li a{
	display:block;
	padding:8px 15px;
	color:#333;
	position:relative;
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	border-radius: 50px;
}
ul.product-list li a:before{
	content:"\f105";
	position:absolute;
	left:0px;
	top:9px;
	color:#333;
	font-family:FontAwesome;
	transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
}
ul.product-list li.active a{
}
ul.product-list li:hover a:before, 
ul.product-list li.active a:before{
	left:15px;
	color:#fff;
}
ul.product-list li a:hover, ul.product-list li a:focus, 
ul.product-list li.active a{
	color:#fff;
	text-decoration:none;
	outline:none;
	padding:8px 15px 8px 25px ;
}

.product-section .pagination{
	float:left;
	width:100%;
	text-align:center;
}
.product-section .pagination > li{
	display:inline-block;
	margin:0px;
}

.products-large{
	float:left;
	width:100%;
}
.large-view{
	float:left;
	width:100%;
	margin-bottom:30px;
	position:relative;
	background-color: #fff;
	padding:20px; 
}
.large-view a.zoom{
	position:absolute;
	right:20px;
	bottom:20px;
	display:inline-block;
	text-transform:uppercase;
	color:#333;
	font-size:12px;
	padding:5px 10px;
	color:#fff;
}
.large-view .thumb{
	float:left;
	width:100%;
	position:relative;
	text-align: center;
	padding: 0px 100px;
}
.large-view .thumb img{
	display: inline-block;
}
.large-view .text{
	float: left;
	width: 100%;
}
.large-view .text h4{
	font-size:26px;
	margin:0px 0px 15px 0px;
	text-transform:uppercase;
}
.large-view .text p{
	margin:0px 0px 30px 0px;
}
.buttons{
	float:left;
	width:100%;
}
.buttons a{
	display:inline-block;
	padding:15px 30px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}
.buttons a:hover{
	background-color:#000;
	text-decoration:none;
}
.quantity{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.large-view .quantity h4{
	float:left;
	text-transform:uppercase;
	margin:10px 30px 10px 0px;
	font-size:14px;
}
.quantity select{
	float:left;
	border:none;
	background-color:#f6f6f6;
	height:36px;
	width:100px;
	padding:0px 10px;
}

.small-slider{
	float:left;
	width:100%;
}
.small-slider .caption{
	position:absolute;
	bottom:0px;
	width:100%;
	float:left;
	text-align:center;
	padding:15px 20px;
	display: none;
	
}
.small-slider .caption h2{
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin:0px;
}
.small-slider .bx-controls-direction{
	display:none;
}

.inquiry-form{
	float:left;
	width:100%;
}

.contact-info{
	float:left;
	width:100%;
}
.inquiry-form .inquiry{
	float:left;
	margin: 0 0 0 4%;
    width: 48%;
}
.inquiry-form div.inquiry:first-child{
	margin:0px;
}
.contact-info .inquiry label, .ur-business .inquiry label, .feedback label{
	float:left;
	font-weight:normal;
	font-size:12px;
	text-transform:uppercase;
}
.contact-info .inquiry input, .contact-info .inquiry select{
	float:left;
	width:100%;
	margin-bottom:20px;
	border:solid 1px #CCC;
	height:44px;
	padding:6px 10px;
}
.contact-info .inquiry textarea, .send-comments textarea{
	border:solid 1px #CCC;
	width:100%;
	height:214px;
}
.ur-business{
	float:left;
	width:100%;
}

.ur-business .inquiry span{
	float:left;
	width:100%;
	margin:10px 0px;
}
.ur-business .inquiry input[type="checkbox"]{
	margin:3px 10px 0 0;
	float:left;
}
.ur-business .inquiry input[type="text"]{
	float:left;
	margin-bottom:20px;
	border:solid 1px #CCC;
	height:40px;
	padding:6px 10px;
	width:100%;
}
.send-comments{
	float:left;
	width:100%;
}
.send-comments textarea{
	margin-bottom:30px;
}
.send-comments .send-inq, .feedback .submit{
	float:right;
	padding:10px 20px;
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	border:none;
}
.send-comments .send-inq:hover, .feedback .submit:hover{
	background-color:#000;
}
.contact-info2{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.contact-info2 p{
	margin:5px 0px;
}
.feedback{
	float:left;
	width:100%;
	margin:0px 0px 30px 0px;
}
.feedback input[type="text"]{
	float:left;
	width:100%;
	border:solid 1px #ccc;
	height:40px;
	padding:6px 10px;
	margin:0px 0px 20px 0px;
}
.feedback textarea{
	float:left;
	width:100%;
	border:solid 1px #ccc;
	margin:0px 0px 30px 0px;
	padding:6px 10px;
	height:250px;
}
.location-map{
	float:left;
	width:100%;
}
.location-map iframe{
	float:left;
	width:100%;
	border:none;
	height:300px;
}
/*

font-family: 'Roboto Slab', serif;

*/
/* Common styles of menus */
.dl-menuwrapper {
	float: left;
	position: relative;
	z-index:1000;
	padding: 10px 0;
	display: none;
}

.dl-menuwrapper button {
	border: none;
	width: 40px;
	height: 40px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	background:#fff;
	padding:0px;
	border-radius:0;
}
.dl-menuwrapper ul{
	/* background-color:#000; */

}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
	background: #666;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 3px;
	background: #fff;
	top: 12px;
	left:0;
	right: 0px;
	margin: auto;
	box-shadow: 
		0 7px 0 #fff, 
		0 14px 0 #fff;
}
.dl-menuwrapper button:hover:after ,
.dl-menuwrapper button.dl-active:after{
	background-color: #fff;
}
.dl-menuwrapper button:hover:after ,
.dl-menuwrapper button.dl-active:after {
	box-shadow: 
		0 7px 0 #fff, 
		0 14px 0 #fff;
}
.dl-menuwrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
	list-style: none;
	text-align:left;
	width: 100%;
	padding: 0;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	list-style: none;
	padding: 10px 20px !important;
	font-size: 16px !important;
	line-height: 20px !important;
	font-weight: 300 !important;
	color: #fff;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	color:#fff;
	text-decoration: none;
	/* background-color: #333; */
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 38px !important;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 40px;
	font-family: FontAwesome;
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\f105";
	font-size: 16px;
	color: #fff;
}

.dl-menuwrapper li.dl-back:after {
	left: 20px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 15px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 0;
	position: absolute;
	width: 230px;
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 200px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}



/*large view css*/

.large-carousel .flex-control-nav{
	margin:0px;
	padding: 0px; 
	float: left;
	width: 100%;
	list-style: none;
}
.large-carousel .flex-control-nav li{
	float: left;
	width: 25%;
	cursor: pointer;
	position: relative;
	background-color: #000;
}
.large-carousel .flex-control-nav li:hover img{
	opacity: 0.5;
}
.large-carousel .flex-control-nav li img{
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;

}

.flex-direction-nav{
	display: none;
}



/*new css for inquiry form*/

.cart-detail{
	float: left;
	width: 100%;
}
.cart-detail .form-header{
	float: left;
	width: 100%;
	display: flex;
	text-transform: uppercase;
	color: #fff;
}

.cart-detail .form-header .p-description{
	width: 40%;
	padding: 15px;
	font-weight: 500;
	color: #fff;
	text-align: left;
}
.cart-detail .form-header .p-image,
.cart-detail .form-header .p-quantity,
.cart-detail .form-header .p-remove{
	width: 20%;
	padding: 15px;
	font-weight: 500;
	text-align: center;
}
.form-body{
	float: left;
	width: 100%;
	border: solid #ccc 1px; 
}
.form-row:nth-child(even){
	background-color: #e5eef2;
}
.form-row:hover{
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
	position: relative;
	z-index: 1;
}
.cart-detail .form-row{
	float: left;
	width: 100%;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	margin: 0px;
}

.cart-detail .form-body .p-description{
	width: 40%;
	padding: 20px;
	vertical-align: middle;
	text-align: left;
}

.cart-detail .form-body .p-image,
.cart-detail .form-body .p-quantity,
.cart-detail .form-body .p-remove{
	width: 20%;
	padding: 20px;
	vertical-align: middle;
	text-align: center;
}


.cart-detail .form-body input[type="number"]{
	width: 100px;
	display: inline-block;
	border-radius: 50px;
	border: solid 1px #ccc;
	height: 40px;
	padding: 10px 15px; 
}
.cart-detail .form-body input[type="number"]:focus{
	outline: none;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}

.cart-detail a.delete{
	border-radius: 50px;
	height: 40px;
	text-align: center;
	padding: 10px 25px;
	color: #fff;
}
.cart-detail a.delete:hover{
	text-decoration: none;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
}

.cart-detail .form-footer{
	float: left;
	width: 100%;
	background-color: #b6c3ca;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.cart-detail .form-footer .p-description{
	width: 40%;
	padding: 20px;
	vertical-align: middle;
	text-align: left;
}

.cart-detail .form-footer .p-image,
.cart-detail .form-footer .p-quantity,
.cart-detail .form-footer .p-remove{
	width: 20%;
	padding: 20px;
	vertical-align: middle;
	text-align: center;
}