body{
	font: 400 14px/26px Arial, Helvetica, sans-serif;
	color: #383838;
	margin-top: 140px;
}
header{
	background-color: #fff;
	height: 130px;
	position: relative;
	z-index: 100;
	position: fixed;
	width: 100%;
	top: 0;
}
#header-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
input[type=text]:focus, input[type=number]:focus{
	box-shadow: none;
}
h1{
	font: 600 23px/33px Arial, Helvetica, sans-serif;
	margin-top: 0;
	color: #000;
}
h2{
	font: 600 18px/26px Arial, Helvetica, sans-serif;
	margin-top: 0;
	color: #000;
}
h3{
	font: 600 16px/24px Arial, Helvetica, sans-serif;
	margin-top: 0;
	color: #000;
}
ul, ol{
	padding: 0 0 0 10px;
}
a:hover{
	text-decoration: none;
}
.nav-phone-container{
	padding-top: 20px;
}
.nav-phone{
	font: 400 20px/33px Arial, Helvetica, sans-serif;
	color: #000;
}
.nav-phone a{
	font: 600 20px/33px Arial, Helvetica, sans-serif;
	color: #000;
}
#menu{
	float: left;
}
#logo img{
	width: 100%;
}
.call-us-now{
	text-transform: uppercase;
	font-size: 26px;
	color: #000;
}
.top-box a{
	margin-right: 15px;
}
.top-box .cart{
	top: 11px;
	position: relative;
}
#navbar{
	margin-top: 10px;
}
#navbar ul li a, .top-box.open>.dropdown-menu li a{
	font: 12px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
}
.top-box.open>.dropdown-menu li a{
	padding-left: 20px;
	padding-right: 0;
}
#navbar ul li a:hover{
	background: none;
	font-weight: bold;
}
#navbar .nav .open > a, #navbar .nav .open > a:focus, #navbar .nav .open > a:hover,
#navbar .nav > li > a:focus, #navbar .nav > li > a:hover{
	border: none;
	outline: 0;
	background: none;
	font-weight: bold;
}
#navbar .dropdown-menu{
	border: none;
	width: 330px;
	top: 100%;
	box-shadow: none;
	border-radius: 0;
}
#navbar .dropdown-menu li, .top-box.open>.dropdown-menu li{
	padding: 5px 0;
}
.dropdown:not(.open) .dropdown-menu{
	display: none!important;
}
#navbar .nav .dropdown .active{
	font-weight: bold!important;
}
.nav-action-icons{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
.nav-action-icons .glass-btn{
	width: 60%;
	margin: unset;
	display: inline-block
}
.cart{
	background: url(../images/cart.jpg) no-repeat left top;
	width: 32px;
	height: 32px;
	display: inline-block;
	position: relative;
}
.cart span{
	position: absolute;
	width: 16px;
	text-align: center;
	line-height: 16px;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 8px;
	background: #000;
	border-radius: 50%;
}
.profile{
	background: url(../images/profile-icon.jpg) no-repeat;
	width: 34px;
	height: 32px;
	display: inline-block;
}
.profile.logged-in{
	background: url(../images/logged-in.png) no-repeat;
	width: 34px;
	height: 32px;
	display: inline-block;
}
.top-box.open>.dropdown-menu {
	display: block;
	border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	top: calc(100% - 2px);
	left: 65px;
	min-width: 170px;
}
.top-box .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
}
.top-box .dropdown-menu>li:hover>a, .dropdown-menu>li:focus>a {
	font-weight: 600;
}
.g-image{
	position: absolute;
	background-position: center;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
#banner{
	position: relative;
	max-height: 600px;
	overflow: hidden;
}
#banner .slides li{
	position: relative;
}
#banner .flex-direction-nav, #banner .flex-control-nav{
	display: none;
}
.ban-text-content {
	text-align: right;
}
.ban-text{
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	z-index: 90;
}
.ban-text h1{
    font: 600 14px "Alegreya SC", serif;
    color: #fff;
    text-shadow: 2px 2px 1px #4c4c4c;
    text-transform: uppercase;
    padding-right: 20px;
}
.ban-text .sub-label p{
	font: 600 14px "Work Sans", sans-serif;
	color: #fff;
	text-shadow: 2px 2px 1px #4c4c4c;
	border-top: 4px #fff201 solid;
	position: relative;
	padding: 10px 30px 0px 10px;
	display: inline-block;
}
.ban-text .sub-label p:before{
	content: '\f363';
	position: absolute;
	color: #fff201;
	font-size: 30px;
	right: 0px;
	top: 0px;
	font-family: "Ionicons";
}
.ban-image{
	position: relative;
}
.ban-nav{
	position: absolute;
	left: 0;
	width: 100%;
	top: 40px;
	z-index: 10;
}
.ban-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.ban-nav ul li{
	float: left;
	width: 300px;
	margin-bottom: 15px;
	margin-right: 15px;
}
.ban-nav ul li:last-child{
	margin-right: 0;
}
.ban-nav ul li a{
	background-color: #fff201;
	font: 14px/50px Arial, Helvetica, sans-serif;
	padding: 0 20px;
	text-transform: uppercase;
	display: block;
	height: 50px;
	color: #000;
	text-decoration: none;
}
.ban-nav ul li a:hover{
	background-color: #000;
	color: #fff;
}
.ban-nav ul li.active a{
	background-color: #000;
	color: #fff;
}
.flexslider{
	margin-bottom: 0;
	border: none;
}
#intro{
	padding: 80px 0;
	text-align: center;
	color: #383838;
	letter-spacing: 1px;
}
.category-box{
	margin-bottom: 20px;
	display: block;
}
.cat-text{
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	padding: 18px 0 0 3vw;
	font-weight: bold;
	letter-spacing: 1px;
}
#testimonial{
	padding: 14px 0 0;
}
#testimonial h1{
	text-align: center;
	margin-bottom: 40px;
	text-transform: uppercase;
	font: 600 23px/33px Arial, Helvetica, sans-serif;
	color: #000;
}
.testimonial-box{
	color: #383838;
	padding: 20px 30px;
	text-align: center;
	margin-bottom: 30px;
	line-height: 23px;
	font-size: 14px;
	color: #383838;
	-webkit-box-shadow: 1px 2px 5px 2px #c4c4c4;
	-moz-box-shadow: 1px 2px 5px 2px #c4c4c4;
	box-shadow: 1px 2px 5px 2px #c4c4c4;
}
.testimonial-box .g-name{
	margin-bottom: 10px;
	font-weight: bold;
	color: #000;
}
.gallery-content{
	padding: 50px 0;
}
.gallery-box{
	text-align: center;
}
.gallery-box img{
	width: 100%;
	margin: 15px 0;
}
#content{
	color: #383838;
	text-align: center;
	line-height: 23px;
	font-size: 14px;
}
#content h1{
	font: 600 23px/33px Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 40px;
}
#content .content-box{
	max-width: 400px;
	margin: auto;
	padding-top: 50px;
	color: #383838;
}
#content .findout-box{
	max-width: 350px;
	margin: auto;
	background-color: #fff201;
	text-decoration: none;
	margin-top: 40px;
}
#content .findout-box a{
	text-align: center;
	font-weight: bold;
	display: block;
	color: #000;
	text-transform: uppercase;
	padding: 15px 0;
}
#content{
	padding: 50px 0;
}
.h-gen h1{
	font: 600 18px/28px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.g-title h1{
	font: 600 25px/33px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#featured-products{
	margin-bottom: 50px;
}
#featured-products h1{
	letter-spacing: 5px;
	font-size: 23px;
	line-height: 33px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 0;
	text-transform: uppercase;
}
#featured-products .feat-image{
	height: 300px;
	position: relative;
}
#featured-products .featured-box{
	position: relative;
	display: block;
}
.sale{
	position: absolute;
	top: 0;
	left: 0;
	padding: 3px 8px;
	color: #000;
	background-color: #fff201;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
footer{
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	padding: 50px 0 30px;
	color: #030303;
	line-height: 18px;
	font-size: 12px;
}
.foot-menu h3{
	margin: 0 0 10px;
	font: 600 12px/18px Arial, Helvetica, sans-serif;
}
.foot-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.foot-menu ul li{
	margin-bottom: 10px;
}
.foot-menu ul li a{
	color: #000;
	font: 12px/18px Arial, Helvetica, sans-serif;
}
.follow-us{
	display: block;
	width: 120px;
}
#copyright{
	text-align: center;
	text-transform: uppercase;
	font: 10px/18px Arial, Helvetica, sans-serif;
	padding: 20px 0;
}
#cart h1{
	text-align: center;
	margin-bottom: 30px;
}
.cart-items h3{
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.cart-item{
	width: 39%;
}
.cart-item .row-table > div{
	float: none;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.cart-item .row-table > div:nth-child(1){
	width: 30px;
	text-align: left;
}
.row-table{
	display: table;
	width: 100%;
}
.cart-delete{
	font-size: 18px;
	color: #383838;
	margin-top: 50px;
	display: block;
}
.cart-info{
	width: 59%;
}
.cart-info .row-table > div{
	text-align: center;
	display: table-cell;
}
.cart-info .row-table > div > div{
	display: table-cell;
	width: 185px;
	height: 150px;
	vertical-align: middle;
	color: #353535;
	font-size: 14px;
}
.cart-info .row-table > div > div span{
	padding-right: 10px;
}
.quantity{
	background-color: #ededed;
}
.quantity input{
	border: 1px #000 solid;
	background: none;
	padding: 0 8px;
	width: 100%;
	height: 40px;
}
.quantity .spinner{
	width: 90px;
	margin: auto;
}
.unit-price{
	background-color: #e1e1e1;
}
.unit-price > div{
	text-align: right;
}
.sub-total{
	background-color: #cbc9c9;
}
.sub-total > div{
	text-align: right;
}
.cart-image{
	height: 150px;
	position: relative;
}
.g-btn{
	text-transform: uppercase;
	color: #000;
	text-align: center;
	border: none;
	font-weight: bold;
	border-radius: 0;
	background-color: #fff201;
}
.cart-total{
	padding: 60px 0;
}
.promo-code{
	padding-left: 30px;
}
.promo-code input[type=text]{
	border-radius: 0;
	border: 1px #aaa solid;
	font-size: 12px;
	padding: 13px;
	height: 40px;
}
.promo-code .g-btn{
	width: 105px;
	margin-left: -15px;
	height: 40px;
	letter-spacing: 1px;
}
.promo-code .g-btn:hover{
	background-color: #fff201;
	opacity: 1;
	color: #000;
}
.cart-all-total{
	font-size: 15px;
}
.cart-all-total table{
	width: 95%;
}
.cart-all-total table tr td{
	text-align: right;
	padding-bottom: 10px;
}
.cart-all-total table tr td:first-child{
	text-align: left;
	width: 150px;
	text-transform: uppercase;
}
.cart-all-total table .total td div{
	margin-top: 20px;
	border-top: 1px #000 solid;
	padding-top: 15px;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 2px;
}
.cart-buttons{
	margin-bottom: 40px;
}
.cart-buttons a:hover{
	color: #000;
}
.cart-buttons button {
	padding: 8px 40px;
}

.cart-buttons button span, .cart-buttons a span{
	line-height: 45px;
}
		
.proceed-btn, .continue-shop{
	font-weight: bold;
}
.proceed-btn span{
	background: url(../images/cart-icon.png) no-repeat right center;
	background-size: 20px;
	padding-right: 40px;
	display: inline-block;
}
.cart-update-btn{
	background-color: #fff;
	border: 4px solid #fff201;
	padding: 4px 40px !important;
}

/**contact**/
.map{
	height: 400px;
	position: relative;
}
#contact .wrapper{
	padding-top: 35px;
}
.contact-link strong{
	font: 600 18px/28px "Alegreya SC", serif;
	color: #010101;
}
.glass-btn{
	background-color: #fff201;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	line-height: 40px;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	margin: auto;
	max-width: 300px;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
.glass-btn:hover, .glass-btn:focus{
	text-decoration: none;
	color: #000;
}
.btn-yellow{
	font-weight: 500;
	background-color: #fff201;
	color: #000;
	border-color: #fff201;
}
.btn-yellow:hover, .btn-yellow:focus{
	background-color: #fff201;
	color: #000;
	border-color: #fff201;
}
.btn-quote-yellow{
	background-color: #fff201;
	letter-spacing: 1px;
	text-align: center;
	display: inline-block;
	line-height: 40px;
	border: 1px solid #fff201;
	border-radius: 0;
	text-transform: uppercase;
	margin: auto;
	width: 210px;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	float: right;
}
.btn-quote-yellow:first-child + .btn-quote-yellow{
	margin-right: 25px;
}
.quote-footer-row{
	margin-top: 18px;
	margin-bottom: 40px;
}
.glass-btn.logged-in{
	background-color: #efefef;
}
.btn-modal-yellow{
	margin-left: 40px;
}
.modal-btn-container{
	margin-top: 15px;
}
.btn-white{
	float: none;
	background-color: #ffffff;
	border: 1px solid #000000;
}
.find-dist-btn{
	margin-top: 30px;
	margin-bottom: 30px;
}
.dist-back-btn{
	background-color: #fff201;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	line-height: 40px;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	max-width: 100px;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}
.dist-back-btn:hover{
	color: #000!important;
}
.contact-info{
	padding-left: 2vw;
	padding-right: 10vw;
}
.contact-form .form-group, .login-form .form-group{
	margin-bottom: 20px;
}
.contact-form label, .login-form label{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
}
.contact-form label span, .login-form label span{
	color: #fe0101;
}
.contact-form input[type=text], .contact-form textarea, .login-form input[type=text], .login-form textarea, .login-form input[type=password]{
	border: 1px #000 solid;
	border-radius: 0;
}
.contact-form .glass-btn, .login-form .glass-btn{
	margin-top: 30px;
	margin-bottom: 60px;
	height: 40px;
	padding-top: 0;
	width: 300px;
}
.contact-form .glass-btn:hover, .login-form .glass-btn:hover{
	background-color: #fff201;
}
.contact-form textarea, .login-form textarea{
	height: 155px;
}
/***content***/
#inner-banner{
	position: relative;
}
.inner-ban-img{
	position: relative;
	max-height: 600px;
	overflow: hidden;
}
.inner-ban-img img{
	width: 100%;
	overflow: hidden;
}
#body{
	padding-top: 130px;
}
#body.lesspad{
	padding-top: 30px!important;
}
.content-side-box{
	margin-bottom: 20px;
	display: block;
	color: #383838;
}
.content-side-box.active{
	background-color: #fff2017d;
}
.content-side-box:hover{
	color: #383838;
}
.content-side-box h1{
	font: 600 14px/18px Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	padding: 0;
}
.content-side-box p{
	margin: 0 0 5px;
	padding: 0;
}
.content-side-box .findoutmore{
	font-weight: bold;
	color: #000;
	position: relative;
	display: inline-block;
	padding-right: 20px;
}
.content-side-box .findoutmore:before{
	content: '\f363';
	position: absolute;
	color: #000;
	font-size: 16px;
	right: 0;
	top: 1px;
	font-family: "Ionicons";
}
.content-side-box .findoutmore:hover{
	color: #000;
}
.content-side-box .content-side-desc{
	padding-right: 15px;
	line-height: 22px;
	padding-top: 5px;
	margin-left: -15px;
}
.side{
	position: relative;
	margin-bottom: 30px;
}
.side:before{
	position: absolute;
	left: -5px;
	top: 0;
	height: 100%;
	width: 1px;
	background: #000;
	content: '';
}
.side{
	padding-left: 30px;
}
.content-desc{
	margin-bottom: 60px;
	padding: 0 6vw 0 4vw;
	position: relative;
}
.content-desc h1{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}
.content-desc h2{
	text-align: center;
	margin-bottom: 20px;
}
.content-desc h3{
	text-align: left;
	margin-bottom: 20px;
}
.content-desc .glass-btn{
	margin: 40px auto;
	padding: 10px 0;
	display: block;
}
.content-desc ul, .content-desc ol{
	margin-bottom: 30px;
}
.body-content{
	color: #000000;
	font-size: 14px;
}
.body-content h1{
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.body-content strong{
	color: #000;
}
.find-dist{
    padding: 20px 0 30px;
}
.find-dist h3{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-top: 14px;
	text-align: center;
}
.dist-location{
	max-width: 500px;
	margin: auto;
}
.find-form{
	position: relative;
}
.find-form input{
	border: 2px #000 solid;
	width: 100%;
	padding: 0 30px;
	height: 50px;
}
.find-form input:focus + div{
	display: block;
}
.find-form .find-form-list{
	position: absolute;
	width: 100%;
	top: 96%;
	display: none;
	left: 0;
	background-color: #e1e1e1;
}
.find-form .find-form-list a{
	color: #383838;
	display: block;
	height: 60px;
	padding: 20px 20px 20px 50px;
	background: url(../images/loc-icon.png) no-repeat 20px center;
}
#dist-map-filter-options{
	padding: 0;
	line-height: 16px;
}
#dist-map-filter-options h4{
    margin: 0px;
    margin-bottom: 5px;
}
#dist-map-filter-options p.help-block{
    margin: 0px;
    font-size: 13px;
}
#dist-map-filter-options p:not(.help-block){
	margin: 16px 0px 0px;
}
.content-center{
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: unset;
	text-align: center;
}
.body-row{
	margin-bottom: 50px;
}
.dist h1{
	font-size: 17px;
}
.dist-list-row{
	position: relative;
}
.dist-list-row a{
	border-top: 1px #000 solid;
	padding: 4px 15px;
	display: block;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}
.dist-list-row a:hover{
	color: #000;
}
.dist-list-row .dist-list-info{
	margin-top: 20px;
	background-color: #e6e6e5;
	display:none;
	position: absolute;
	z-index: 1;
	width: 100%;
	padding: 15px;
	margin: 0px;
}
.dist-list-row .dist-list-info h3{
	font-size: 16px;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.dist-tools{
    margin-bottom: 5px;
    text-align: right;
}
.dist-map{
	position: relative; 
    width: 100%;
    height: 800px;
}

.myaccount-box{
	max-width: 650px;
	margin: auto;
	color: #383838;
	text-align: center;
	padding-top: 20px;
}
.myaccount-box h1{
	font-size: 20px;
	letter-spacing: 1px;
}
.forgot-pass{
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.forgot-pass a{
	color: #383838;
}
.login-form{
	margin-top: 60px;
}
.login-form h2{
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.login-form label{
	text-align: left;
	display: block;
}
.login-form input[type=text], .login-form input[type=password]{
	height: 50px;
	margin-bottom: 20px;
}
.login-form .glass-btn{
	height: 60px;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 30px;
}
#portfolio{
	padding-top: 80px;
}
.portfolio-listing-listing-box{
	margin-bottom: 15px;
}
.portfolio-box{
	margin-bottom: 30px;
	padding: 0 1.2vw;
	display: block;
}
.portfolio-text{
	text-align: center;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	color: #000;
}
.portfolio-text > div{
	max-width: 700px;
	background: rgba(255, 242, 1, 0.5);
	margin: 9% auto;
	letter-spacing: 1px;
	padding: 40px 0;
}
.portfolio-text h1{
	font: 600 40px/38px "Alegreya SC", serif;
	color: #000;
	margin-bottom: 14px;
}
.portfolio-text h2{
	font: 16px/28px Arial, Helvetica, sans-serif;
}
.portfolio-box h3{
	text-transform: uppercase;
	font: 600 18px/30px Arial, Helvetica, sans-serif;
	padding: 20px 0;
	letter-spacing: 1px;
	color: #000;
	text-align: center;
}
.portfolio-cont .content-desc{
	min-height: 850px;
	padding-right: 0;
}
.portfolio-cont h1{
	text-align: left;
}
.portfolio-list-img{
	margin-top: 20px;
	margin-bottom: 50px;
}
.portfolio-list-img a{
	float: left;
	width: 30%;
	padding: 5px;
}
.service-box{
	margin-bottom: 40px;
	display: block;
}
.service-box h3{
	font: 600 16px/23px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 20px;
}
.service-box .service-img{
	margin-bottom: 20px;
}
#product{
	border-top: 1px #000 solid;
	padding-top: 30px;
}
.product-side h3{
	font: 600 18px/23px Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.product-side ul, .customer-side ul{
	margin: 0;
	list-style: none;
	padding: 0;
}
.product-side ul li, .customer-side ul li{
	margin-bottom: 20px;
}
.product-side ul li a, .customer-side ul li a{
	color: #383838;
	font-size: 16px;
}
.product-side ul li a:hover,.product-side ul li a.active, .customer-side ul li a:hover, .customer-side ul li a.active{
	font-weight: bold;
	color: #000;
}
.product-side ul li.active a, .customer-side ul li.active a{
	font-weight: bold;
	color: #000;
}
#flexslider-product-thumbnail{
	margin-top:10px;
}
.product-slide{
	position: relative; 
	min-height: 480px;
}
.product-slide .flex-direction-nav a{
	text-indent: 99999px;
	overflow: hidden;
}
.product-slide .flex-direction-nav a:before{
	display: none;
}
.product-slide .flex-direction-nav .flex-nav-prev a{
	background: url(../images/prod-slide-left.png) no-repeat left top;
	width: 53px;
	height: 53px;
	left: 0 !important;
}
.product-slide .flex-direction-nav .flex-nav-next a{
	background: url(../images/prod-slide-right.png) no-repeat left top;
	width: 53px;
	height: 53px;
	right: 0 !important;
}
.product-slide .flex-control-paging li{
	margin: 0 4px;
}
.product-slide .flex-control-paging li a{
	background-color: #000;
}
.product-slide .flex-control-paging li a:hover, .product-slide .flex-control-paging li a.flex-active{
	background-color: #fff201;
	box-shadow: none;
}
.product-slide .custom-controls-container ol{
	position: relative;
	bottom: 0;
	margin-top: 20px;
}
.product-slide .custom-controls-container ol li a{
	outline: none !important;
}
.custom-navigation{
	position: absolute;
	left: 0;
	top: 35%;
	width: 100%;
}
.custom-navigation a{
	position: absolute;
}
.custom-navigation .flex-prev{
	background: url(../images/prod-slide-left.png) no-repeat left top;
	width: 53px;
	height: 53px;
	left: 0px !important;
	display: block;
}
.custom-navigation .flex-next{
	background: url(../images/prod-slide-right.png) no-repeat left top;
	width: 53px;
	height: 53px;
	display: block;
	right: 0px !important;
}
.product-title{
	font: 600 23px/33px Arial, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 30px;
}
.product-title span{
	display: block;
	color: #383838;
	font-weight: normal;
}
.prod-desc{
	font: 16px/28px Arial, Helvetica, sans-serif;
	color: #383838;
}
.prod-options{
	border: 1px #aaa solid;
	padding: 10px 13px;
	margin-bottom: 20px;
}
.prod-options span, .prod-options .select{
	float: left;
}
.prod-options span{
	color: #000;
	width: 40%;
	text-transform: uppercase;
}
.prod-options span.color{
	width: 30%;
}
.prod-options .select{
	width: 69%;
	float: right;
	position: relative;
}
.prod-options .select select{
	width: 100%;
	margin-top: 3px;
	border: none;
	color: #626262;
}
.prod-options .select .select-arrow{
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
	text-align: center;
	height: 30px;
	background-color: #fff;
	z-index: 99;
	cursor: pointer;
	pointer-events: none;
}
.prod-options .spinner{
	width: 55%;
	border: none;
	float: right;
	margin-bottom: 0;
	padding-top: 0;
	border: none;
	color: #626262;
}
.prod-options .spinner .input-group-addon{
	top: -5px !important;
	right: -3px !important;
}
.prod-options .spinner input{
	border: none;
	box-shadow: none;
}
.prod-options .spinner .form-control{
	height: 26px;
	text-align: left;
	padding-left: 2px;
}
.prod-select{
	margin-top: 40px;
	margin-bottom: 25px;
}
.image-float{
	position: relative;
}
.image-float img{
	width: 100%;
}
.prod-image{
	position: relative;
	height: 350px;
}
.prod-colours{
	margin-top: 40px;
}
.prod-colours h1{
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 20px;
}
.prod-colours h2{
	font: 18px/26px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #383838;
}
.prod-colours p{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #383838;
}
.add-cart{
	font: 18px/23px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: #fff201;
	display: inline-block;
	width: 100%;
	padding: 14px 0;
	text-align: center;
	color: #000;
	border: none;
}
.add-cart:hover{
	color: #000;
}
.add-cart span{
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding-right: 30px;
}
.add-cart span:before{
	content: '\f363';
	position: absolute;
	color: #000;
	font-size: 30px;
	right: 0;
	top: 0px;
	font-family: "Ionicons";
}
.prod-colour-box{
	margin-top: 30px;
}
.prod-colour-text{
	text-align: center;
	padding: 15px 0 0;
	font: 14px/23px Arial, Helvetica, sans-serif;
	color: #010101;
}
.prod-colours-list{
	max-width: 820px;
	padding: 0 4vw 50px;
	border-bottom: 1px #000 solid;
	margin: 0px auto 30px;
}
.blockA{
	margin-top: 30px;
}
.blockA h1{
	margin: 30px 0;
}
.blockA-img{
	position: relative;
}
.blockA-box{
	color: #383838;
	font-size: 12px;
	line-height: 18px;
}
.blockA-box .blockA-desc{
	padding-left: 15px;
	padding-top: 15px;
}
.blockA-box h3{
	font: 400 16px/26px Arial, Helvetica, sans-serif;
	margin-bottom: 14px;
	color: #000;
}
.product-title span.special,.blockA-desc span.special{
	color: #f3342f;
	display: inline;
}
.a-link{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.a-link:hover{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
.h-gen2 h1{
	font: 600 23px/33px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#our-team{
	padding-top: 50px;
}
#our-team h1{
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 40px;
}
.our-team-box{
	display: block;
	margin-bottom: 60px;
	padding: 0 1vw;
	text-align: center;
}
.our-team-box:hover{
	text-decoration: none;
}
.our-team-box p{
	color: #383838;
}
.our-team-box h3{
	margin-top: 15px;
	text-transform: uppercase;
	padding-bottom: 0px;
	font: 600 16px/24px Arial, Helvetica, sans-serif;
}
.team-desc{
	color: #383838;
	padding: 0 2vw 0 5vw;
}
.team-desc .team-details{
	padding-left: 2vw;
}
.team-desc .row{
	margin-bottom: 60px;
}
.team-desc h3{
	text-transform: uppercase;
	line-height: 30px;
}
.team-desc h3 span{
	color: #383838;
	display: block;
	text-transform: none;
	font-weight: normal;
}
.team-contact{
	margin-top: 30px;
	font-size: 14px;
	color: #383838;
	margin-bottom: 30px;
}
.team-side h1{
	font-weight: normal;
}
.team-side .content-side-box a{
	margin-top: 10px;
}
.back-team{
	text-align: right;
	padding-top: 40px;
}
.back-team a{
	font-weight: bold;
	text-decoration: underline;
	display: inline-block;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
}
.back-team a:hover{
	color: #000;
}
.spinner.input-group .input-group-addon a.spin-up,
.spinner.input-group .input-group-addon a.spin-down{
	color: #000;
}
.spinner{
	position: relative;
}
.spinner input{
	border-radius: 0;
}
.spinner .input-group-addon{
	background: none;
	border: none;
	position: absolute;
	right: 2px;
	top: 2px;
	height: 100%;
	width: 30px;
	z-index: 99;
}
.with-border{
	border-top: 1px #000 solid;
	padding-top: 40px;
}
.load-more{
	padding: 30px 0;
	margin-bottom: 20px;
	text-align: center;
}
.load-more a{
	letter-spacing: 1px;
	padding: 10px 0;
	font-weight: bold;
}
.content-desc.product{
	padding-left: 0;
	padding-right: 0;
	min-height: 0;
	margin-bottom: 20px;
}
.content-desc.product .blockA-box{
	margin-top: 40px;
}
.blockA-box{
	display: block;
}
.blockA-box:hover p{
	color: #383838;
}
.services-list .row{
	margin-left: -5px;
	margin-right: -5px;
}
.services-list .row > div{
	padding: 0 5px;
}
/*	OVERRIDES*/
.navbar {
     min-height: 0px;
     margin-bottom: 0px;
}
.top-box .block-top .navbar{
	display: none;
}
.fb-logo{
	height: 50px;
}

.distributor-detail-content{
	margin-top: 15px;
}
.distributor-detail-content .distributor-contact-details{
	margin-bottom: 15px;
}
.distributor-detail-content .distributor-contact-details p{
	margin-bottom: 0px;
	font: 600 16px/24px Arial, Helvetica, sans-serif;
	color: #000;
}
.distributor-detail-content .distributor-contact-details span, .distributor-detail-content .distributor-contact-details a{
	font-weight: 400;
}

/*CUSTOMER DETAILS SECTION*/
.customer-details {
	margin-bottom: 40px;
}
.customer-details h1, .customer-dashboard h1, .modal-header h1{
	letter-spacing: 2.5px;
}
.customer-details p {
	margin: 0 0 0px;
	font: 400 14px/18px Arial, Helvetica, sans-serif;
}
h1.project-reference{
	cursor: pointer;
}
h1.project-reference i{
	font-size: 18px;
}
.quote-date{
	letter-spacing: 1px;
}
/* CUSTOMER DETAILS DATA TABLES OVERRIDES*/
#my-quote-products-summary{
	width: 100%;
}
#my-quote-products-summary thead tr th{
	padding: 10px 18px;
	border-bottom: 1px solid #000000;
}
#my-quote-products-summary tbody tr td{
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 8px 10px;
}
#my-quote-products-summary tbody tr td:last-child{
	border-right: none;
	min-width: 80px;
}
#my-quote-products-summary tbody tr:last-child td{
	border-bottom: 1px solid #000000;
}
.official-order-disclaimer{
	background-color: #fff201;
}
#my-quote-summary{
	margin: auto;
}
#my-quote-summary th, #my-quote-summary td{
	padding: 6px 10px;
}
table.dataTable{
	padding-top: 15px;
}
table.dataTable tr td{
	border-color: #000000;
}
table.dataTable tr td:last-child, table.dataTable tr td.border-r-none{
	border-right: none!important;
}
table.dataTable tr td:first-child{
	border-left: none!important;
}
table.dataTable tr:last-child td{
	border-bottom: 1px solid black;
}
table.dataTable.no-footer{
	border-bottom: none;
}
#my-quotes-tabs button{
	text-transform: uppercase;
	background-color: #fff;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: none;
	display: inline;
	font-size: 14px;
	font-weight: 600;
	min-width: 110px;
	padding: 10px 15px;
}
#my-quotes-tabs button:last-child{
	border-right: 1px solid black;
}
#my-quotes-tabs button:hover:not(.active){
	border:none;
}
#my-quotes-tabs button:not(:first-child):not(.active):hover{
	border-left: 1px solid black;
	padding: 11px 15px;
}
#my-quotes-tabs button.active + button:hover{
	border-left: none!important;
}
#my-quotes-tabs button:hover, #my-quotes-tabs button.active, #my-quotes-tabs button:focus{
	background-color: #efefef;
	outline: none;
}
#my-quotes-tabs button.active{
	border-color: #fff201;
	background-color: #fff;
	border-width: 4px;
	border-right: 4px solid #fff201;
	padding: 8px 12px;
}
#my-quotes thead tr th, #my-view-quote thead tr th{
	text-align: left;
}
#my-quotes tbody tr td:hover:not(:last-child){
	cursor: pointer;
}
.dataTable .quote-content-box{
	white-space: normal;
}
.quote-content-box p{
	margin: 0px;
}
.quote-content-box .footer-row{
	margin-top: 20px;
}
.quote-content-box .footer-row .btn-quote-grey, .quote-content-box .footer-row .btn-quote-action{
	font-weight: 600;
	letter-spacing: .5px;
	font-size: 12px;
	border-radius: 0px;
	padding: 15px 65px;
}
.quote-content-box .footer-row .btn-quote-grey i, .quote-content-box .footer-row .btn-quote-action i{
	font-weight: 600;
	font-size: 16px;
	margin-right: 3px;
	top: 3px;
}
.quote-content-box .footer-row button:last-child{
	float: right;
}
#my-quotes thead .mobile-cell{
	border-bottom: none;
}
#my-quotes tbody .mobile-cell{
	border-bottom: 1px solid #000000;
	border-top: none;
}
table#my-view-quote.cell-border thead .mobile-cell{
	border-bottom: none;
	padding: 0px;
}
table#my-view-quote.cell-border tbody td.mobile-cell{
	padding: 20px 10px;
} 
table#my-view-quote.cell-border tbody td{
	border-right: 1px solid #000000;
}
table#my-view-quote.cell-border tbody tr:not(:first-child) td{
	border-top: 1px solid #000000;
}
.new-quote-btn{
	width: 70%;
	float: right;
	margin-top: 20px;
	margin-bottom: 40px;
}
.btn-quote-action{
	background: #ebebeb;
	padding: 4px 8px;
	font-size: 12px;
}
a.btn-quote-action i{
	color: #383838;
}
.btn-quote-grey{
	background-color: #efefef;
	border-color: #efefef;
}
a.btn-quote-action, button.btn-quote-action{
	margin: 0 5px;
}
.dataTables_filter, .dataTables_info{
	position: absolute;
}
.dataTables_wrapper .dataTables_filter label{
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.dataTables_wrapper .dataTables_filter label::before{
	content: "\e003";
	position: absolute;
	right: 20px;
	top: 50%;
	font-size: 15px;
	transform: translateY(-50%);
}
.dataTables_wrapper .dataTables_filter input {
	width: 35vw;
	max-width: 640px;
	padding: 6px 20px;
	margin-left: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	font: 400 14px/26px Arial, Helvetica, sans-serif;
}
.dataTables_wrapper .dataTables_filter input::placeholder{
	color: #000000;
	font-weight: 400;
}
.dataTables_info{
	right: 0;
}
.dataTables_filter{
	left: 50%;
	transform: translateX(-50%);
}
.dataTables_paginate.paging_simple_numbers{
	float: left;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover{
	background: none!important;
	border: none!important;
	color: #000000!important;
	padding: 0.5em 1em!important;
	min-width: unset!important;
}
.dataTables_wrapper .dataTables_paginate span .paginate_button.current, .dataTables_wrapper .dataTables_paginate span .paginate_button:hover{
	text-decoration: underline!important;
	border: none!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
	background: none;
	box-shadow: none;
	color: black!important;
	border: none;
}

/*NEW QUOTE FORM START*/
.modal-content{
	padding: 25px 45px;
	border-radius: 0;
}
.bootbox-alert .modal-content{
	padding: 5px 15px;
}
.modal-header{
	padding: 5px 0;
	margin-bottom: 10px;
}
.modal-header h1{
	margin-bottom: 0;
	display: inline-block;
}
.modal-content form{
	margin: 0px 0px;
}
.modal-content form .form-group{
	display: block;
	margin-top: 15px;
	min-height: 40px;
	margin-bottom: 25px;
}
.modal-content form .form-group.no-bottom-margin{
	margin-bottom: -10px;
}
.modal-content form .form-group .form-group-inner{
	margin-bottom: 25px;
}
.modal-content form .form-group .error.has-error {
	position: absolute;
	bottom: -19px;
	left: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 87%;
}
.modal-content form .form-group label, .modal-content form .form-group input{
	display: inline-block;
}
.modal-content form .form-group input, .modal-content form .form-group textarea{
	border-radius: 0;
	box-shadow: none;
	border-color: #000000;
	border-width: 1px;
	width: 100%;
	padding: 4px 10px;
}
.modal-content form .form-group input[name="file"]{
	padding-right: 50px;
}
.modal-content form .form-group label{
	line-height: 34px;
	margin-bottom: 0;
	letter-spacing: 1px;
}
.show-mobile{
	display: none!important;
}
.job-type-checkbox {
	min-width: 100px;
	max-height: 34px;
	border: 1px solid #000000;
	padding: 9px 30px;
	display: inline-block;
	margin-right: 20px;
	line-height: 1;
	cursor: pointer;
}
.job-type-checkbox.selected{
	border: 2px solid #fff201;
	padding: 8px 30px;
}
.job-type-checkbox:hover{
	border: none;
	padding: 10px 32px;
	background-color: #efefef;
}
.job-type-checkbox:not(.selected):hover{
	padding: 10px 31px;
}
/*ADD PRODUCT*/
.glass-size-inputs{
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0;
	padding-left: 0;
}
.glass-size-inputs div:first-child:after{
	content: "X";
	position: absolute;
	top: 4px;
	right: 0;
}
.glass-size-inputs input{
	width: 58%!important;
	margin: 0px 8px;
}
.glass-size-inputs span.has-error{
    display: block;
    position: absolute;
    margin-top: 2px;
}
input#cutouts{
	width: 40%;
}
.existing-image{
	margin-top: 5px;
	max-width: calc(100% - 151px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 24px;
}
#replace-image{
	right: 15px;
	top: 2px;
	position: absolute;
	border-radius: 0;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 2px 20px;
}
.modal-btn-container button.btn-quote-yellow{
	margin-right: 0px!important;
}
label[for="width"], label[for="height"], label[for="diameter"]{
	font-weight: 400;
	font-size: 12px;
}
.bootbox-confirm .modal-content{
	text-align: center;
}
.bootbox-confirm .modal-footer{
	border-top: none;
}
.bootbox-confirm .bootbox-close-button{
	visibility: none;
	display: none;
}
.quote-approval-buttons .btn-quote-grey{
	margin-right: 25px;
}
#quote-totals{
	margin-top: 15px;
	width: 100%;
	border: none;
}
#quote-totals tbody tr td:first-child{
	font-weight: 600;
}
#quote-totals tbody tr td:last-child{
	text-align: right;
}
/*SPECIAL INSTRUCTIONS FORM*/
.modal-content form#approve-quote-form .form-group label[for="job_address"] {
	line-height: 20px;
}
#approve-quote-form textarea{
	width: 100%;
	border-color: #000000;
}
.custom-select.markup-select {
	margin-top: 15px;
	width: 245px;
	display: inline-block;
	position: relative;
}
.preference-container{
	position: absolute;
	top: 7px;
	right: -20px;
	transform: translateX(100%);
}
.preference-container input{
	top: 3px;
	position: absolute;
}
.preference-container label{
	padding-left: 20px;
}
.modal-content form#approve-quote-form .form-group label {
	line-height: 16px;
}
#my-quotes_wrapper{
	padding-top: 20px;
}
#date_ready_for_measure{
	position: relative;
}
#date_ready_for_measure::after{
	position: absolute;
	content: "asddsa";
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #000000 transparent transparent transparent;
}
#suburb + .select-selected, #suburb + .select-selected + .select-items div{
	display: none;
}
.select-items{
	overflow: scroll;
	max-height: calc(50vh - 100px);
}
span.has-error{
    color: #a94442;
    display: inline-block;
    line-height: 16px;
}
.select-selected.half-width {
	width: 50%;
}
.full-width-select + .select-selected.half-width:after{
	left: 255px;
	right: none;
}
#add-product-form .select-selected.disabled, #add-product-form input[disabled]{
	background-color: #efefef;
	border-style: solid;
	cursor: not-allowed;
}
a.btn-datepicker-open {
	top: 15px;
	right: 35px;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #000000 transparent transparent transparent;
}
a.btn-datepicker-open.active {
	top: 9px;
	border-color: transparent transparent #000000 transparent;
}
button.btn-modal-centered{
	float: none;
	display: block;
	margin: auto!important;
}
p.artwork-disclaimer{
	color: #a94442;
	margin-top: 15px;
	line-height: 16px;
	font-weight: 400px;
}
ul#file-listing{
	list-style: none;
	border-radius: 0;
	margin-top: 22px;
	box-shadow: none;
	border: 1px solid #000000;
	width: 100%;
	padding: 0px 10px;
}
ul#file-listing li{
	position: relative;
	padding: 4px 0px;
}
ul#file-listing li:not(:last-child){
	border-bottom: 1px dotted #131313;
}
ul#file-listing li .clear-file-input{
	position: absolute;
	top: 11px;
	right: 10px;
	cursor: pointer;
}
.clear-uploader-input{
	position: absolute;
	top: 8px;
	right: 35px;
	cursor: pointer;
}
input[type="file"] {
	line-height: 10px;
	padding-left: 3px!important;
	border: 1px solid black;
}
button.btn.btn-quote-yellow.btn-quote-grey.btn-sm.pull-left {
	font-size: 12px;
	padding: 0px 10px!important;
	width: 120px;
	display: block;
	margin-top: 10px;
}
a.btn-dashboard-approve{
	width: auto;
}
#add-product-button ~ .tooltip .tooltip-inner{
	padding: 7px 25px;
	color: #a94442;
	text-align: center;
	background-color: #fff;
	border-radius: 0px;
	border: 1px solid #a94442;
	font: 400 14px/26px Arial, Helvetica, sans-serif;
}
#add-product-button ~ .tooltip .tooltip-arrow{
	border-top-color: #a94442;
}
/*	OVERRIDES*/
@media (min-width: 1200px){
	.inner-ban-img{
		position: relative;
	}
	.our-team-list{
		padding: 0 4vw;
	}
}
@media (min-width: 992px){
	.hide-tablet{
		display: block;
	}
	.show-tablet{
		display: none!important;
	}
	.wrapper{
		max-width: 1250px;
		width: auto;
	}
	.cart-wrapper{
		max-width: 1000px;
		width: auto;
	}
}
@media (max-width: 1299px){
	#navbar{
		padding: 0;
	}
	#navbar ul li a{
		padding-left: 1vw;
		padding-right: 1vw;
	}
}
@media (max-width: 1100px){
	#navbar{
		padding: 0;
	}
	#navbar ul li a{
		padding-left: 0.8vw;
		padding-right: 0.8vw;
	}
	.cart, .profile{
		margin-left: 1.8vw;
	}
	.top-box{
		width: 280px;
	}
	.call-us-now{
		width: 120%;
	}
	.profile{
		margin-left: 15px;
	}
	.block-top{
		width: 110%;
	}
	.p-initial{
		padding-left: 0;
	}
	.quote-approval-buttons .btn-quote-grey {
		margin-left: 0;
		margin-bottom: 10px;
		display: block;
		float: none!important;
	}
}
	
@media (min-width: 1175px) and (max-width: 1192px){
	.top-box{
		width: 280px;
	}
}
@media (max-width: 1174px){
	body{
		margin-top: 0px;
	}
	#banner, #inner-banner{
		margin-top: 60px;
	}
	.ban-nav{
		top: 100px;
	}
	.ban-nav ul li a{
		font: 11px/50px Arial, Helvetica, sans-serif;
	}
	.nav-action-icons{
		text-align: right;
	}
	header{
		position: relative;
		height: 225px;
	}
	header .wrapper{
		padding-top: 28px;
	}
	#logo img{
		max-width: 308px;
	}
	.top-box a{
		margin-right: 10px;
	}
	#menu{
		float: none;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 3;
		background-color: #fff;
		width: 100%;
		min-height: 0;
		margin-bottom: 0;
	}
	.p-initial{
		width: 100%;
	}
	.logo-container, .nav-action-icons{
		width: 50%;
	}
	#navbar{
		padding: 0 15px;
	    text-align: center;
	}
	#navbar ul li a{
		font-size: 16px;
		text-align: center;
	}
	#navbar .dropdown > a span{
		position: relative;
		display: inline-block;
		padding-right: 20px;
		padding-left: 10px;
	}
	#navbar .dropdown > a span:before{
		content: '\f123';
		position: absolute;
		right: 0;
		top: 0;
		font-family: "Ionicons";
	}
	#navbar .dropdown-menu{
		width: auto;
		margin: 0;
		padding: 0;
	}
	#navbar .dropdown-menu li a{
		font-size: 12px;
	}
	#navbar ul.nav.navbar-nav{
		display: inline-block;
		float: unset;
	}
	
	.navbar-toggle{
		font-size: 30px;
		color: #000;
		margin: 0;
	}
	#logo{
		width: unset;
		height: 100%;
	}
	.top-box{
		width: 100%;
	}
	.block-top a{
		margin-right: 10px;
	}
	.ban-nav ul li{
		width: 200px;
	}
	.with-border{
		padding-top: 60px;
		margin-top: 60px;
	}
	#intro br{
		display: none;
	}
	#body{
		padding-top: 80px;
	}
	.find-form input {
	    padding: 0 15px;
	}
	.top-box.open>.dropdown-menu{
		left: unset;
		right: 15px;
		width: 300px;
	}
}
/***tablet***/
@media (min-width: 768px) and (max-width: 991px){

	.hide-tablet{
		display: none!important;
	}
	.show-tablet{
		display: inline-block;
	}
	.cart-buttons a{
		font-size: 14px;
	}
	.cart-buttons .proceed-btn span{
		padding-right: 30px;
	}
	.add-cart{
		padding-left: 20px;
		padding-right: 20px;
	}
	.prod-desc{
		font: 16px/26px Arial, Helvetica, sans-serif;
	}
	#my-quotes-tabs{
		margin-top: 3px;
	}
	#my-quotes-tabs button{
		min-width: unset;
	}
	.dataTables_wrapper .dataTables_filter input {
	    width: 300px;
	}
	.glass-size-inputs {
		margin-bottom: 16px;
	}
}
@media (max-width: 991px){
	.modal-content form .form-group input::placeholder{
		font-size: 12px;
	}
	.find-dist {
	    padding: 0;
		margin: 10px 0;
	}
	.dist-tools {
		margin-top: 5px;
	    margin-bottom: 40px;
	}
	#dist-map-filter-options{
		margin: 10px 0;
	}
	.find-form input {
	    padding: 0 10px;
	}
	.customer-details h1, .customer-dashboard h1{
		font-size: 18px;
	}
	.customer-details {
		margin-bottom: 20px;
	}
	.new-quote-btn{
		width: 100%;
		float: right;
		max-width: unset;
	}
	.modal-content form .form-group label {
		line-height: 18px;
	}
	.modal-content form .form-group .glass-size-inputs input{
		margin: 0 0;
		width: 100%!important;
	}
	.modal-btn-container {
		margin-top: 35px;
	}
	.glass-size-inputs span{
		float: right;
	}
	input#cutouts {
		margin-top: 15px;
	}
	label[for="cutouts"]{
		float: left;
		margin-top: 20px;
	}
	.modal-content form#approve-quote-form .form-group label, .modal-content form#approve-quote-form .form-group label[for="job_address"]{
		line-height: 18px;
	}
	.glass-size-inputs div:first-child:after {
	    right: -5px;
	}

	.top-box.open>.dropdown-menu{
		width: 207px;
	}
}
/***mobile***/
@media (max-width: 767px){
	header{
		height: unset;
	}
	header .wrapper{
		padding-top: 30px;
	}
	#menu.navbar{
		overflow-y: scroll;
	}
	.nav-phone-container{
		 border-bottom: none;
		 padding: 0px;
		 padding-bottom: 10px;
		 margin: 20px 0px;
	}
	.nav-phone-container .nav-phone{
	    float: left;
	    margin-left: 18px;
	    margin-top: 15px;
	}
	.nav-phone-container .navbar-header{
		font-size: 40px;
		margin-right: 14px;
	}
	.nav-phone-container .navbar-header .navbar-toggle > i{
		font-size: 40px;
	}
	header .wrapper {
	    padding-top: 0px;
		padding-bottom: 20px;
	}

	header .wrapper .nav-action-icons .top-box > a {
	    display: inline-block;
	}
	
	.top-box .block-top .navbar{
		display: block;
	}
	.call-us-now{
		width: 100%;
	}
	.block-top{
		width: 100%;
	}
	.nav-phone-container{
		 border-bottom: none;
		 padding: 0px;
		 padding-bottom: 10px;
		 margin: 20px 0px;
	}
	.nav-phone-container .nav-phone{
	    float: left;
	    margin-left: 18px;
	    margin-top: 15px;
	}
	.nav-phone-container .navbar-header{
		font-size: 40px;
		margin-right: 14px;
	}
	.nav-phone-container .navbar-header .navbar-toggle > i{
		font-size: 40px;
	}
	header .wrapper {
	    padding-top: 0px;
		padding-bottom: 20px;
	}

	header .wrapper .nav-action-icons .top-box > a {
	    display: inline-block;
	}
	#banner{
		margin-top: 0px;
	}
	#banner .flex-control-nav{
		display: block;
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
	}
	#banner .flex-control-nav li{
		margin: 0 3px;
	}
	#banner .flex-control-nav li a{
		background-color: #fff201;
	}
	#banner .flex-control-nav li a.flex-active{
		background-color: #000;
	}
	#banner .ban-nav{
		display: none;
	}
	#inner-banner{
		margin-top: 0;
	}
	.ban-text{
		bottom: 50px;
	}
	.cat-image{
		margin: 0 -15px;
	}
	.hide-mobile{
		display: none!important;
	}
	.show-mobile{
		display: inline-block!important;
	}
	.testimonial-box{
		box-shadow: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.featured-box{
		margin-bottom: 30px;
	}
	footer{
		text-align: center;
		padding: 30px 0;
	}
	.foot-menu, .foot-contact{
		margin-bottom: 30px;
	}
	.follow-us img{
		display: inline-block;
	}
	.cart-buttons .row > div{
		float: none !important;
	}
	.g-btn {
		text-align: center;
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.cart-buttons a{
		margin-right: 0;
		float: none !important;
		width: auto;
	}
	.cart-all-total table{
		width: 100%;
	}
	.promo-code{
		margin-bottom: 30px;
		padding-left: 0;
	}
	.promo-code .form-group{
		margin-bottom: 0;
	}
	.promo-code .g-btn{
		margin-left: 0px;
		width: 100%;
	}
	.follow-us{
		margin: auto;
	}
	#contact .wrapper{
		padding-top: 30px;
	}
	.contact-info{
		text-align: center;
		margin-bottom: 40px;
		padding: 0;
	}
	.contact-form .glass-btn{
		margin: 10px 0 30px;
		width: 100%;
		max-width: 100%;
	}
	.side{
		float: none !important;
	}
	.side:before{
		display: none;
	}
	.content-desc{
		padding: 0;
		min-height: 0;
	}
	#body{
		padding-top: 30px;
	}
	.portfolio-text > div{
		margin: 70px 20px 0;
	}
	.portfolio-box{
		max-width: 430px;
		margin: 0 auto 40px;
		display: block;
	}
	.load-more{
		margin-top: 0;
		padding-top: 0;
	}
	.content-side{
		margin-bottom: 50px;
	}
	.service-img img{
		width: 100%;
		max-width: 100%;
	}
	.product-slide{
		margin-bottom: 30px;
	}
	.add-cart{
		width: 100%;
		margin-top: 0;
	}
	.prod-select{
		max-width: 400px;
		margin: 40px auto 0;
	}
	.prod-colours{
		border-top: 1px #000 solid;
		padding-top: 30px;
		margin-top: 60px;
	}
	.prod-colours-list{
		margin-top: 30px;
	}
	.prod-colour-box{
		max-width: 263px;
		margin: 0 auto 40px;
	}
	.blockA-box{
		max-width: 412px;
		margin: 0 auto 40px;
	}
	.blockA{
		margin: 0 -15px;
		padding: 0 15px;
		border-bottom: 1px #000 solid;
	}
	.product-side{
		margin-bottom: 40px;
	}
	.prod-options span{
		width: 25% !important;
	}
	.prod-options .select, .prod-options .spinner{
		width: 72%;
		float: right;
	}
	.team-desc{
		padding: 0;
		margin-top: 20px;
	}
	.team-desc .team-details{
		padding-left: 0;
	}
	.team-desc .row{
		margin-bottom: 10px;
	}
	.team-desc-img{
		margin-bottom: 20px;
	}
	.team-desc-img img{
		width: 100%;
	}
	.back-team{
		text-align: left;
		margin-bottom: 40px;
	}
	.content-side-box img{
		width: 100%;
	}
	.side{
		padding-left: 15px;
	}
	#testimonial{
		padding-top: 60px;
		margin-bottom: 20px;
	}
	#testimonial h1{
		margin-bottom: 0;
	}
	.testimonial-box{
		padding-top: 40px;
		max-height: unset;
	}
	.testimonial-box .g-name{
		margin-top: 20px;
	}
	.navbar{
		margin-bottom: 0;
		min-height: 0;
	}
	.portfolio-img img{
		width: 100%;
	}
	.service-box{
		margin-bottom: 25px;
	}
	.content-img{
		margin-bottom: 10px;
	}
	.g-title h1{
		font-size: 23px;
		line-height: 33px;
	}
	.navbar{
		border: none;
	}
	.with-border{
		padding-top: 25px; 
		margin-top: 0px;
	}
	#dist-map-filter-options{
		padding: 10px 0 0px;
	}
	.content-side{
		border-top: 1px #000 solid;
		margin: 0 -15px;
		padding: 40px 15px 30px;
	}
	.our-team-list{
		max-width: 400px;
		margin: auto;
	}
	.btn-quote-yellow{
		width: 100%;
	}
	.btn-white{
		width: 40%;
		float: right;
		display: inline-block;
		padding-top: 0;
		padding-bottom: 0;
	}
	.modal-content form {
		margin: 0 -15px;
	}
	.modal-header h1{
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.modal-btn-container {
		margin-top: 25px;
	}
	#suburb.full-width-select + .select-selected{
		margin-top: 6px;
	}
	#suburb.full-width-select + .select-selected:after {
		top: 21px;
		right: 35px;
	}
	.col-xs-12.pull-right{
		float: none!important;
	}
	.btn-quote-yellow:first-child + .btn-quote-yellow{
		margin-right: unset;
		width: 48%;
		float: right;
	}
	#my-quotes {
	    padding-top: 30px;
	}
	#my-quotes tbody tr td .quote-content-box .row{
		margin-bottom: 10px;
	}
	.quote-reference{
		line-height: 20px;
	}
	#my-quotes .quote-content-box .col-one{
		width: 75%;
	}
	#my-quotes .quote-content-box .col-two{
		width: 25%;
	}
	#my-quotes_filter, #my-quotes_length{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#my-quotes_filter label{
		width: 100%;
	}
	#my-quotes_info{
		position: absolute;
		top: 15px;
	}
	.dataTables_length .select-selected:after {
		left: 165px;
	}
	.dataTables_wrapper .dataTables_filter input {
		width: 100%;
		max-width: unset;
		display: block;
		float: none;
	}
	.bootbox-confirm.modal .btn-white{
		width: 48%;
		float: left;
		margin-bottom: 15px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.customer-dashboard h1{
		margin-top: 35px;
		margin-bottom: 5px;
	}
	input#cutouts {
		width: calc(50% - 15px);
	}
	.top-box.open>.dropdown-menu{
		width: 55%;
	}
	
	.modal-content form .form-group{
	    margin-top: 10px;
	    margin-bottom: 18px;
	}
	button.btn.btn-quote-yellow.btn-quote-grey.btn-sm.pull-left {
		width: 100%;
		font-size: 16px;
		padding: 5px 10px;
	}
}
@media screen and (max-width: 640px){
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{
		float: left;
		text-align: left;
	}
	.dataTables_wrapper .dataTables_filter {
		margin-top: 0;
	}
}

/***endmobile***/
@media (max-width: 600px){
	#logo{
		width: 175px;
	}
	.block-top a{
		margin-right: 0;
		margin-left: 0;
	}
	.block-top .profile{
		margin-left: 3vw;
		margin-right: 3vw;
	}
	.navbar-toggle{
		padding-left: 0;
		padding-right: 0;
	}
	.unit-price, .sub-total{
		display: none !important;
	}
	.cart-info .row-table > div > div{
		display: flex;
		height: 130px;
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	.cart-item{
		width: 55%;
	}
	.cart-image{
		height: 130px;
	}
	.cart-info{
		width: 40%;
	}
	.map{
		height: 250px;
	}
	.cat-text{
		font-size: 14px;
		line-height: 22px;
	}
	#testimonial h1{
		font-size: 22px;
		margin-bottom: 0;
		line-height: 32px;
	}
	#content .content-box{
		padding-top: 30px;
	}
	#content h1{
		margin-bottom: 25px;
	}
	.h-gen2 h1{
		font-size: 20px !important;
		line-height: 25px !important;
	}
	.portfolio-box h3, .service-box h3{
		font-size: 14px;
		line-height: 24px;
	}

	.find-form input {
		font-size: 12px;
	}
}
@media (max-width: 615px){
	.find-dist h3 {
		margin: 0px;
	}
}
@media (max-width: 520px){
	#logo {
	    width: 100%;
	    margin-top: 9px;
	}
	.block-top{
		padding-top: 10px;
	}
	.call-us-now{
		line-height: 18px;
		margin-top: 8px;
	}
	.call-us-now strong{
		display: block;
	}
	header .wrapper{
		padding-top: 0px;
	}
	.testimonial-box br{
		display: none;
	}
	.cart-buttons a{
		font-size: 14px;
	}
	.cart-buttons .proceed-btn span{
		padding-right: 30px;
	}
	#my-quotes .quote-content-box .col-one{
		width: 66.66666667%;
	}
	#my-quotes .quote-content-box .col-two{
		width: 33.33333333%;
	}

	.custom-select.markup-select {
		width: 100%;
	}
	.custom-select.markup-select .select-selected{
		float: right;
	}
	.custom-select.markup-select .preference-container{
		top: 21px;
		left: 0;
		right: unset;
		transform: unset;
	}
	.quote-content-box .footer-row .btn-quote-action{
		padding: 15px 55px;
	}
}
@media (max-width: 450px){
	.quote-content-box .footer-row .btn-quote-grey {
	    padding: 15px 25px;
	}
	.quote-content-box .footer-row .btn-quote-action{
		padding: 15px 45px;
	}
	.bootbox-confirm.modal .btn-white {
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	header .wrapper .nav-action-icons .top-box > a{
		font-size: 8px;
	    padding: 0 0;
	}
	.btn-quote-yellow{
		font-size: 10px;
	    padding: 0 0;
	}
	.modal-header h1{
		font-size: 15px;
	}
}
@media (max-width: 400px){
	.block-top {
	    width: 100%;
	}
	#logo {
		margin-top: 11px;
	}
	.call-us-now{
		line-height: 18px;
		margin-top: 5px;
	}
	.call-us-now strong{
		display: block;
	}
	.block-top a{
		width: 22px;
		height: 23px;
		background-size: 100% 100%;
	}
	.block-top .profile{
		margin-top: 10px;
	}
	.portfolio-list-img a{
		width: 30%;
	}
	#my-quotes .quote-content-box .col-one{
		width: 55%;
	}
	#my-quotes .quote-content-box .col-two{
		width: 45%;
	}
	.quote-content-box .footer-row .btn-quote-action {
	    padding: 10px 25px;
	}
}
@media (max-width: 320px){
	.nav-phone-container {
	    padding-bottom: 0px;
	    margin: 4px 0px;
	}
	.nav-phone-container .nav-phone{
	    margin-left: 0px;
	    margin-top: 22px;
		font-size: 16px;
	}
	.nav-phone-container .nav-phone a{
		font-size: 16px;
	}
	#logo {
		margin-top: 13px;
	}
	header .wrapper .nav-action-icons .top-box > a {
	    display: inline-block;
	    padding: 0px 4px;
	    line-height: 35px;
	}
	header .wrapper .nav-action-icons .top-box > a.cart {
	    background-size: contain;
	  	width: 27px;
	    height: 26px;
	}
	#my-quotes .quote-content-box .col-one{
		width: 100%;
	}
	#my-quotes .quote-content-box .col-two{
		width: 100%;
	}
}
/* OVERRIDE STYLES */
a.black-link{
	color: #000!important;
}
.invalid-feedback, .has-error label{
	color: #a94442!important;
}
.has-error .form-control{
	border-color: #a94442!important;
}
.nav>li>a{
	padding: 10px 10px!important;
}
.cart-nav li.active{
	background-color: #fff201;
}
.cart-nav li.active a:hover{
	background-color: #fff201;
}
.cart-nav li h2{
	margin:0;
}
.new-quote-modal :not(#installation-type) ~ .select2-container .select2-selection.select2-selection--single[aria-disabled="true"]{
	visibility: hidden;
}
/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"]{
	-moz-appearance: textfield;
}
.btn-quote-action[disabled]{
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 0.45;
}