/*  
Theme Name: qualityea3132018
Theme URI: http://studio313.com.au
Description: 2018 WP theme for Quality Air Equipment
Version: 1.0
Author: Studio 313
Author URI: studio313.com.au
*/

/** RESET **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/

body { -webkit-text-size-adjust: none; background-color:#fff; font-size:14px;}

h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; margin:0; padding:0; text-decoration:none; outline:none; border:none; line-height:1.4; font-weight:600;}

h1 { font-size: 24px; color:#82c341; margin:0 0 15px 0;}
h2 { font-size: 20px; color:#82c341; margin:0 0 10px 0;}
h3 { font-size: 18px; color:#82c341; margin:0 0 10px 0;}
h4 { font-size: 16px; color:#82c341; margin:0 0 10px 0; font-weight:400;}

p, a, li { font-family: 'Open Sans', sans-serif; margin:0; padding:0; text-decoration:none; outline:none; border:none;}
p, li { color:#545454; line-height:1.6;}
p { margin:0 0 7px 0;}

a { text-decoration:none; color:#82c341; outline:none; border:none; font-weight: 600;}
a, button { text-decoration:none; outline:none; border:none;
  -webkit-transition:opacity .2s ease-out, background .2s ease-out, color .2s ease-out;
  transition:opacity .2s ease-out, background .2s ease-out, color .2s ease-out;}
a:hover { text-decoration:none; color:#333;}

ul, ol { margin-left:20px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:0px auto 20px;}
/*th { text-transform:uppercase; border-bottom:2px solid #ccc !important; font-weight:600; font-size:16px; color:#545454; }
th, td { padding:15px 10px; border:1px solid #ccc; font-family: 'Open Sans', sans-serif;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}*/

b, strong { font-family: 'Open Sans', sans-serif; font-weight: 700;}
em, i { font-family: 'Open Sans', sans-serif; font-style: italic;}
em b, i b, em strong, i strong { font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 700;}

.container { width: 100%; max-width: 1400px;}
img { max-width: 100%; height: auto;}

@media only screen and (min-width :1000px) {
    body { font-size:16px;}
}

/* fonts:

font-family: 'Istok Web', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/* colours */
	


/** HEADER **/
header { position:relative; margin:0; padding:0; background:#fff; padding: 5px 0;}
header .container { /*background: url(images/qae-stripes.png) bottom right no-repeat; background-size: 20%;*/}
header .head-logo img { width:100%; height: auto; padding:0 5px;}
.top-panel { background: #fff; border-bottom: 1px solid #d2d3d4; padding: 5px 15px;}
.top-panel .navbar { background: #fff; border: 0; border-radius: 0; margin: 0; padding: 0; position: relative;}
.top-panel button.navbar-toggler { text-align: center; font-family: 'Istok Web', sans-serif; text-transform: uppercase; width: 100%;}
.top-panel ul.navbar-nav { margin: 0;}
.top-panel ul.navbar-nav li, .top-panel ul.navbar-nav li a { color: #a7a9ac; font-family: 'Open Sans', sans-serif; font-size: 12px; text-align: center;}
.top-panel ul.navbar-nav li i { font-size: 14px; margin-right: 7px; position: relative; top: 1px;}
.top-panel ul.navbar-nav li:nth-of-type(1) i {color: #00b3ed;}
.top-panel ul.navbar-nav li:nth-of-type(2) i {color: #82c341;}
.top-panel ul.navbar-nav li:nth-of-type(3) i {color: #da1a32;}

.top-panel ul.navbar-nav li span { padding-left:7px; padding-right:7px;}

.lang-flag { position: absolute; top: 5px; right: 5px; width: 50px;}

@media only screen and (max-width :992px) {
	header .head-logo img { max-width:500px; display:block; margin-left: auto; margin-right: auto;}
}
@media only screen and (max-width :767px) {
	.top-panel ul.navbar-nav li { width: 100%;}
}

@media only screen and (min-width :768px) {
    .top-panel ul.navbar-nav { width: calc(100% - 20px); text-align: center;}
    .top-panel ul.navbar-nav li { width: 30%;}
    header .head-logo img { width:100%; height: auto; margin-top:5px; margin-bottom:5px;}
    header .container { /*background: url(images/qae-stripes.png) bottom right no-repeat; background-size: auto; */   }
	.top-panel ul.navbar-nav li span { display:none;}
	.top-panel ul.navbar-nav li span.tp-ph, .top-panel ul.navbar-nav li span.tp-em { display:block; padding-left:0px; padding-right:0px;}
}



@media only screen and (min-width :1000px) {
	header .head-logo, header .head-logo img { margin-left:0 !important; margin-left:0 !important;}
	header .head-logo img { margin-top:10px; margin-bottom:10px;}
	.top-panel ul.navbar-nav li, .top-panel ul.navbar-nav li a { font-size:13px;}
	.top-panel ul.navbar-nav li i { font-size:16px;}
}

@media only screen and (min-width :1400px) {
	.top-panel ul.navbar-nav li i { display:inline-block;}
	.top-panel ul.navbar-nav li span { display:inline-block;}
	.top-panel ul.navbar-nav li span.tp-ph, .top-panel ul.navbar-nav li span.tp-em { display:inline-block; padding-left:0px; padding-right:0px;}
}

	/* nav */
	
	
@media only screen and (min-width :1023px) {
	.dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; }
	.dropdown-menu li:hover .sub-menu { visibility: visible; }
	.dropdown:hover .dropdown-menu { display: block; }
	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; }
	.navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px;}
	.navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; top: 11px; left: -6px;}
}



/** qae-breadcrumbs **/
.qae-breadcrumbs { background: #f2f2f2; border-top: 1px solid #d1d3d4; padding: 10px 0; font-family: 'Open Sans', sans-serif; color: #82c341; font-size: 12px;}
.qae-breadcrumbs a, .qae-breadcrumbs .breadcrumb_last { font-size: 12px; font-family: 'Open Sans', sans-serif; color: #545454; padding:0 7px;}
.qae-breadcrumbs a:hover { color: #82c341;}
	
/** CONTENT **/

/* home - carousel */

/*@media only screen and (max-width :550px) {
.home-carousel { display:none;}
}*/

/* home - brands */
.home-brands { padding: 80px 15px;}
.home-brands img { width: auto; height: 50px; margin-bottom: 20px; }
			
.home-brands-item { position: relative; padding: 0 15px 80px; margin-bottom: 30px;}
.home-brands-link { position: absolute; left: 15px; bottom: 0; width:calc(100% - 30px);}
.home-brands-link:after { color: #fff; content: '\f101'; position: absolute; bottom: -15px; right: -1px; font-size: 60px;font-family: FontAwesome;}
.home-brands-link a { background: #414042 url(images/home-brands-links.png) center right no-repeat; width: 100%; height: 50px; color: #fff !important;font-family: 'Istok Web', sans-serif; font-size: 14px; margin: 0; padding: 18px 20px; display: block;}
.home-brands-link a:hover { background: #333 url(images/home-brands-links.png) center right no-repeat;}

@media only screen and (min-width :575px) {
    .home-brands-link a { padding: 13px 50px 13px 10px;}
}

@media only screen and (min-width :800px) {
    .home-brands-link a { font-size: 16px; padding: 11px 50px 13px 20px;}
}



@media only screen and (min-width :1000px) {
    .home-brands-link a { font-size: 16px; padding: 18px 20px;}
}

@media only screen and (min-width :1200px) {
    .home-brands img { height: 65px;}
    .home-brands-link a { font-size: 18px; padding: 18px 40px;}
}

/* home - feed */
.home-feed { background: #f1f2f2; padding: 80px 15px;}
.home-feed-item { margin-bottom: 15px;}
.home-feed-item a { display: block; padding-bottom: 20px;}
.home-feed-item a:hover { background: rgba(255,255,255,0.5);}
.home-feed h2 { color:#00b3ed; font-family: 'Istok Web', sans-serif; font-size: 16px; font-weight: 700; padding: 0 15px;}
.home-feed p { width: 100%; padding: 0 15px; color: #545454;}
.home-feed-img {width: 100%; height: 200px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; margin-bottom: 20px;}

@media only screen and (min-width :1200px) {
    .home-feed h2 {font-size: 20px;}
}



.qae-body { padding: 40px 0px 0;}


/** MODULES **/
.qae-mod-title {}
.qae-mod-title h1 { color: #545454; font-family: 'Istok Web', sans-serif; font-size: 24px; font-weight: 600; text-align: center; padding: 20px;}
.qae-mod-title h1 img { width: auto; height: 24px; margin-right: 5px;}

@media only screen and (min-width :700px) {
    .qae-mod-title h1 { font-size: 36px; padding: 20px 20px 30px 20px;}
    .qae-mod-title h1 img { height: 36px; margin-right: 5px;}
}

@media only screen and (min-width :1000px) {
    .qae-mod-title h1 { font-size: 48px; padding: 20px 20px 40px 20px;}
    .qae-mod-title h1 img { height: 48px; margin-right: 5px;}
}

.qae-mod-pgintro { max-width: 900px; display: block; margin-left: auto; margin-right: auto; padding: 20px 0;}


.qae-mod-catgrid { margin: 50px auto;}
.qae-mod-catgrid ul { position: relative; list-style: none; margin: 0 auto; padding: 0; font-size: 0;}
.qae-mod-catgrid ul li { display: inline-block; width: 100%; border: 1px solid #e6e7e8; text-align: left; position: relative;}
.qae-mod-catgrid ul li:hover { border: 1px solid #d1d1d1; z-index: 1;}
.qae-mod-catgrid ul li:nth-of-type(1n + 2) { margin-top: -1px;}
.qae-mod-catgrid ul li a { position: relative; color: #797d82; font-size: 16px; display: block; padding: 30px 20px; padding-left: 70px;}
.qae-mod-catgrid ul li img { position: absolute; left: 20px; top: 50%;transform: translateY(-50%); width: 40px; height: auto; max-height:50px;}

@media only screen and (min-width :700px) {
    .qae-mod-catgrid ul li { width: 50%;}
    .qae-mod-catgrid ul li a { font-size: 18px; padding-left: 75px;}
    .qae-mod-catgrid ul li img { width: 45px;}
    .qae-mod-catgrid ul li:nth-of-type(even) { margin-left:-1px;}
}

@media only screen and (min-width :1200px) {
    .qae-mod-catgrid ul li:nth-of-type(even) { margin-left:0;}
    .qae-mod-catgrid ul li:nth-of-type(3n + 2) { margin-left: -1px;}
    .qae-mod-catgrid ul li:nth-of-type(3n + 3) { margin-left: -1px;}
    .qae-mod-catgrid ul li:nth-of-type(1n + 4) { margin-top: -1px;}
    .qae-mod-catgrid ul li { width: 33%;}
    .qae-mod-catgrid ul li a { font-size: 20px; padding: 40px 20px; padding-left: 90px;}
    .qae-mod-catgrid ul li img { width: 55px;}
}


.mod-cont { padding-bottom: 80px;}


.qae-mod-projects { background: #f1f2f2; padding: 80px 20px;}
.qae-mod-projects h4 { text-transform: uppercase; font-weight: 600; font-size: 14px; color: #00b3ed; margin-bottom: 40px;}
.qae-mod-projects h4 span { color: #fff; background: #00b3ed; padding: 10px;}

.qae-mod-projects ul.nav { margin: 0; margin-top: 80px;}
.qae-mod-projects ul.nav li { width: 100% !important;}
.qae-mod-projects li.nav-item { padding: 0px 0px;}
.qae-mod-projects li.nav-item a { background: #fff; text-align: left; padding: 15px; border-radius: 0; color: #545454; font-size: 14px;}
.qae-mod-projects li.nav-item a.active { background: #00b3ed !important;}

.qae-mod-projects .tab-content ul { margin: 0 ; padding: 0; display: inline-block; width: 100%;}
.qae-mod-projects .tab-content li { list-style: none; width:calc(100% - 0px); height: 175px; background-position: center !important;; background-repeat: no-repeat !important; background-size: cover !important; float: left; margin: 10px 0; position: relative;}
.qae-mod-projects .tab-content li p { position: absolute; right: 0; bottom: 5px; background: rgba(255,255,255,0.95); padding: 7px 15px; font-size: 12px; font-weight: 700;}

@media only screen and (min-width :700px) {
    .qae-mod-projects li.nav-item { padding: 0px 10px;}
    .qae-mod-projects .tab-content li { list-style: none; width:calc(50% - 20px); margin: 10px;}
}

@media only screen and (min-width :1000px) {
    .qae-mod-projects h4 { font-size: 18px;}
    .qae-mod-projects ul.nav li { width: 33% !important;}
    .qae-mod-projects .tab-content li { list-style: none; width:calc(33% - 20px);}
}

@media only screen and (min-width :1200px) {
    .qae-mod-projects h4 { font-size: 22px;}
    .qae-mod-projects li.nav-item a { font-size: 16px;}
    .qae-mod-projects h4, .qae-mod-projects p { text-align: left;}
    .qae-mod-projects .tab-content li {height: 200px;}
}




/** SHOP **/

a.cat-download { background: #797d82; color: #fff; font-size: 16px; text-transform: uppercase; width: calc(100% - 50px); display: block; padding: 15px; text-align: center; margin-left: 50px; position: relative;}
a.cat-download:before {content: '\f0ed'; font-family: FontAwesome; width: 50px; height: 46px; background: #BCBEC0; position: absolute; left: -50px; top: 0; font-size: 35px; padding-top: 5px;}
a.cat-download:hover { background: #444;}

.ecom-filter { margin: 60px auto; display: block;}
.ecom-filter .col-12 { margin-bottom: 5px;}
.ecom-filter input[type=text] { border: 1px solid #d2d3d4; height: 40px; padding: 0 10px; color: #545454; font-family: 'Open Sans', sans-serif; font-size: 12px; width: calc(100% - 45px);}
.ecom-filter button[type=submit] { background: #00b3ed; width: 40px; height: 40px; position: relative; top: -5px; cursor: pointer; overflow: hidden;}
.ecom-filter button[type=submit]:after { content: '\f002'; font-family: FontAwesome; position: absolute; color: #fff; top: 3px; left: 5px; font-size: 40px;-webkit-appearance: none;}

.ecom-filter .dropdown button { border: 1px solid #d2d3d4; height: 40px; padding: 0 10px; color: #545454; font-family: 'Open Sans', sans-serif; font-size: 12px; width: calc(100% - 45px); background: #fff; border-radius: 0; margin-left: 45px; text-align: left;}
.ecom-filter .dropdown button:before {content: '\f0b0'; font-family: FontAwesome; position: absolute; color: #fff; top: 0px; left: 0px; font-size: 40px; background: #da1a32; padding: 0; height: 40px; width: 40px; line-height: 0; padding-top: 25px;}
.ecom-filter .dropdown .dropdown-menu { width: calc(100% - 45px); margin-left: 45px; margin-top: -2px; border-radius: 0; padding: 0;}
.ecom-filter .dropdown .dropdown-item { padding: 10px; color: #545454; font-family: 'Open Sans', sans-serif; font-size: 12px;}
.ecom-filter .dropdown-toggle::after { display:none }

.ecom-filter form.woocommerce-ordering { border-right : 1px solid #d2d3d4; overflow: hidden;}
.ecom-filter form.woocommerce-ordering select { border: 1px solid #d2d3d4; height: 40px; padding: 0 10px; color: #545454; font-family: 'Open Sans', sans-serif; font-size: 12px; width: calc(100% - 45px); background: #fff url(images/select.png) 94% center no-repeat; border-radius: 0; margin-left: 45px; text-align: left; width: calc(100% - 30px);}
.ecom-filter form.woocommerce-ordering:before {content: '\f074'; font-family: FontAwesome; position: absolute; color: #fff; top: 0px; left: 15px; font-size: 35px; background: #82c341; padding: 0; height: 40px; width: 40px; line-height: 0; padding-top: 22px;}

@media only screen and (min-width :700px) {
    .ecom-filter .dropdown button:before { left: 5px;}
    .ecom-filter .dropdown button, .ecom-filter .dropdown .dropdown-menu { margin-left: 50px;}
    .ecom-filter form.woocommerce-ordering:before { left: 20px;}
    .ecom-filter .dropdown .dropdown-menu { margin-left: 50px;}
}

.prod-grid { padding: 0 30px 40px;}
.prod-grid div.col-12 { margin-bottom: 30px; border: 1px solid transparent;}
.prod-grid div.col-12:hover { border: 1px dotted #eee;}
.prod-grid div.col-12 img { padding: 10px;}
.prod-grid h2 { border-top: 1px solid #d2d3d4; font-family: 'Open Sans', sans-serif; font-weight: 700; color: #545454; text-transform: uppercase; font-size: 18px; text-align: center; padding: 10px;}
.prod-grid div.col-12:hover h2 { color: #82C341;}

.prod-grid h4 { color: #82C341; text-transform: uppercase; font-weight: 700; font-size: 18px; display: block; width: 100%; margin-bottom: 30px;}



.prod-details { margin-bottom: 30px;}
.prod-details img { width: auto; height: 60px; margin-bottom: 20px;}
.prod-details-txt h1 { color: #545454; text-transform: uppercase; font-size: 20px; font-weight: 700;}
.prod-details-txt table { width:100%;}


.prod-info { margin-bottom: 80px;}
.prod-info h4 { text-transform: uppercase; color: #545454; border-bottom: 1px solid #ccc; display: block; width: 100%; padding-bottom: 7px; font-weight: 700;}

ul.prod-downloads { list-style: none; position: relative; margin: 0; padding: 0;}
ul.prod-downloads li { display: block;}
ul.prod-downloads li a { font-weight: 400; color: #545454;}
ul.prod-downloads li a:before {font-family: FontAwesome; content: '\f1c1'; font-size: 30px; color: #EC2825; margin-right: 8px; position: relative; top: 6px;}
ul.prod-downloads li a:hover { color: #82C341;}

@media only screen and (min-width :700px) {
    .prod-grid { padding: 0 20px 40px;}
    
    /*.prod-details { margin-bottom: 80px;}*/
}


/** BLOG **/

.feed-grid { margin-bottom: 80px;}
.feed-grid ul { list-style: none; position: relative; text-align: center; margin: 0; padding: 0;}
.feed-grid ul li { display: inline-block; width: 100%; margin-bottom: 10px; border: 1px solid #eee; vertical-align: top;}
.feed-grid ul li:hover { background: #20B2E7;}
.feed-grid ul li .feed-grid-img { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; height: 200px;}
.feed-grid h1 { color: #545454; font-size: 14px; padding: 20px; line-height: 1.4; margin: 0; text-align: left;}
.feed-grid ul li:hover h1 { color: #fff;}

@media only screen and (min-width :700px) {
    .feed-grid ul li { width: calc(50% - 20px); margin: 5px; margin-bottom: 20px;}
    .feed-grid ul li .feed-grid-img { height: 250px;}
    .feed-grid h1 { font-size: 16px;}
}

@media only screen and (min-width :1000px) {
    .feed-grid ul li { width: calc(33% - 20px); margin: 5px;}
    .feed-grid ul li .feed-grid-img { height: 300px;}
    .feed-grid h1 { font-size: 18px; padding: 15px;}
}

.post-cont { border-bottom: 1px solid #d1d3d4; padding-bottom: 30px; margin-bottom: 30px;}

.post-sidebar-item { margin-bottom: 10px;}
.post-sidebar-item h4, .post-sidebar-item button { background: #f1f2f2; text-align: center; color: #545454; padding: 15px; display: block; font-weight: 700; margin: 0;}

.post-sidebar-item button { border: 0; border-radius: 0; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 16px;}
.post-sidebar-item button:hover { color: #fff; background: #82c341;}
.post-sidebar-item .dropdown-menu { width: 100%; margin-top: -1px; border-radius: 0; border:1px solid #f1f2f2;}
.post-sidebar-item .dropdown-item { font-size: 14px; color: #545454; padding: 10px;}

ul.sidebar-share {position: relative; text-align: center; list-style: none; padding: 0; margin: 0; font-size: 0;}
ul.sidebar-share li { display: inline-block; width: 25%; background: #fff;}
ul.sidebar-share li a { color: #545454; font-size: 24px; padding: 10px; display: block;}
ul.sidebar-share li a:hover { color: #fff; background: #82c341;}

ul.sidebar-feed { position: relative; list-style: none; margin: 0; padding: 10px 0;}
ul.sidebar-feed li { display: block; padding: 5px 10px;}
ul.sidebar-feed li a { font-weight: 400; color: #545454; font-size: 14px;}
ul.sidebar-feed li a:hover {color:#82c341;}

.post-foot-feed { background: #f5f5f5; padding:40px 0px;}
.post-foot-feed .col-12 { margin-bottom: 10px; position: relative;}
.post-foot-feed h4 { color: #545454; font-weight: 700; margin-bottom: 30px;}
.post-foot-item-img { width: 100%; height: 175px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;}
.post-foot-item-txt { background: #fff; position: relative;}
.post-foot-item-txt h1 { color: #545454; font-size: 18px; padding: 10px;}
.post-foot-item-txt a { background: #e6e7e8; color: #82c341; font-weight: 700; text-transform: uppercase; text-align: right; padding:10px 15px; display: block; display: block;}
.post-foot-item-txt a:after { content: '\00bb'; font-size: 22px; margin-left: 5px; position: relative; top: 1px;}
.post-foot-item-txt a:hover { background: #82c341; color: #fff;}

@media only screen and (min-width :767px) {
    .post-cont { border-right: 1px solid #d1d3d4; border-bottom: 0px solid #d1d3d4;}
    .post-sidebar-item { margin-bottom: 20px; padding-left: 10px;}
    
    .post-foot-item-img { width: 50%;}
    .post-foot-item-txt { width: 50%; position: absolute; top: 0; left: 50%;}
    .post-foot-div { min-height: 200px;}
    .post-foot-item-txt a { position: absolute; bottom: 0; width: 100%;}
}

@media only screen and (min-width :1100px) {
    .post-foot-item-txt h1 { padding: 20px;}
    .post-foot-div { min-height: 225px;}
}

/** CONTACT **/

.qae-contact { margin: 40px auto;}
.qae-contact h4 { text-transform: uppercase; font-weight: 600; font-size: 18px; color: #00b3ed; margin-bottom: 40px;}
.qae-contact h4 span { color: #fff; background: #00b3ed; padding: 10px 60px 10px 10px; margin-left: 5px;}
.qae-contact a { font-weight: 400; color: #545454;}
.qae-contact a:hover {color: #82c341;}

.qae-locations { margin-bottom: 40px;}
.qae-locations p { margin-left: 40px;}

.qae-contact p:before {color: #bcbec0; font-size: 18px; position: absolute; left: 15px; font-family: FontAwesome; width: 30px; text-align: center;}
.qae-contact p.loc-add:before { content: '\f041';}
.qae-contact p.loc-ph:before { content: '\f095';}
.qae-contact p.loc-fax:before { content: '\f1ac';}
.qae-contact p.loc-em:before { content: '\f0e0';}
.qae-contact p.loc-abn:before { content: 'ABN';font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 13px; margin-top: 3px;}

/* foot contact */
.foot-contact {background: #a9172b; background: -moz-linear-gradient(top, #a9172b 0%, #d71f37 100%); background: -webkit-linear-gradient(top, #a9172b 0%,#d71f37 100%); background: linear-gradient(to bottom, #a9172b 0%,#d71f37 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9172b', endColorstr='#d71f37',GradientType=0 ); padding: 20px; }
.foot-contact div { display: block; margin-left: auto; margin-right:auto; max-width: 550px; text-align: center;}
.foot-contact div p {font-family: 'Istok Web', sans-serif; color: #fff; font-size: 20px; font-weight: 600;}
.foot-contact div a { display:block; margin-left: auto; margin-right:auto; max-width: 250px; padding: 10px; text-align: center; color: #fff; text-transform: uppercase; font-size: 18px; font-weight: 800; background: rgba(0,0,0,0.4); border: 2px solid #fff; margin-top: 30px;}
.foot-contact div a:hover { background: #fff; color: #78111F; font-weight: 800;}

@media only screen and (min-width :700px) {
    .foot-contact { padding: 40px 20px;}
    .foot-contact div p { font-size: 24px;}
    .foot-contact div a { margin-top: 40px; padding: 15px;}
}

@media only screen and (min-width :1000px) {
    .foot-contact div p { font-size: 28px;}
    .foot-contact { padding: 60px 20px;}
}

/** FOOTER **/
footer { background:#333; padding:10px 10px; position:relative;}
footer p, footer p a {font-size:10px;}
	
.foot-menu { color: #fff; padding: 40px 15px 20px;}
.foot-menu .col-12 { margin-bottom: 20px;}
.foot-menu h4 {font-family: 'Istok Web', sans-serif; color: #fff; font-size: 13px;}
.foot-menu p, .foot-menu p a {font-family: 'Open Sans', sans-serif; color: #d1d3d4; font-size: 12px; line-height: 1.6;}
.foot-menu p a:hover { color: #fff;}


footer .credits p  { font-size:10px; text-align:center; padding-top:5px; color:#aaa;}
footer .credits a  { color:#aaa;}
footer .credits p a:hover { color:#fff;}
	
	@media only screen and (min-width :700px) {
	}

	
	
.foot-colours ul { position: relative; list-style: none; margin: 0; padding: 0; line-height: 0; font-size: 0;}
.foot-colours ul li { width: 33.33%; height: 5px; display: inline-block;}	
.foot-colours ul li:nth-of-type(1) { background: #00b3ed;}
.foot-colours ul li:nth-of-type(2) { background: #82c341;}
.foot-colours ul li:nth-of-type(3) { background: #da1a32;}


#mc_embed_signup { position: relative;}
.mc-field-group { width:calc(100% - 55px);}
.mc-btn { width: 50px; position: relative;}
.mc-field-group { float: left;}
.mc-btn { float: right; position: relative; margin-top:-50px;}
.mc-field-group input, .mc-btn input { width: 100%;}
.mc-field-group input[type=email] { background: #333; border: 1px solid rgba(255,255,255,0.25); padding: 18px 10px;font-family: 'Open Sans', sans-serif; color: #d1d3d4; font-size: 12px; }
.mc-field-group input[type=email]:active, .mc-field-group input[type=email]:focus { border: 1px solid rgba(255,255,255,0.6);}
.mc-btn input[type=submit] { background: #82c341; display: block; width: 50px; height: 50px; border: 0; margin-left: 7px; cursor: pointer;-webkit-appearance: none; position: relative;}
.mc-btn i { color: #333; display: block; position: absolute; top: 8px; left: 14px;  width: 50px; height: 50px; font-size: 36px;}
.mc-btn i:hover { cursor: pointer;-webkit-appearance: none; color: rgba(20,20,20,0.6);}

/* misc */
	
	/* form */
	.gform_wrapper label.gfield_label { font-size:12px; font-family: 'Open Sans', sans-serif; color:#808285; font-weight:400; padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border-radius: 0; background-color:#fff; padding:15px 20px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0;}
	.gform_wrapper input[type=submit] { background: #a9172b; background: -moz-linear-gradient(top, #a9172b 0%, #d71f37 100%); background: -webkit-linear-gradient(top, #a9172b 0%,#d71f37 100%); background: linear-gradient(to bottom, #a9172b 0%,#d71f37 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9172b', endColorstr='#d71f37',GradientType=0 ); color:#fff; text-transform:uppercase; font-weight:800 !important; width:calc(100% - 15px) !important; display:block; font:15px Arial, Helvetica, sans-serif; cursor:pointer; margin:0;-webkit-appearance: none; padding:15px 20px; text-align:right; border:0px;}
	.gform_wrapper input[type=submit]:hover { background-color:#808285; }
    .gform_confirmation_wrapper { font-size:14px; font-family: 'Open Sans', sans-serif;}

    .ginput_container_select { background: url(http://qualityairequipment.com.au/wordpress/wp-content/uploads/2018/02/select.png) no-repeat 97% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;}
    .ginput_container_select select { background: transparent; border: none; border:1px solid #ccc; border-radius: 0; font-size: 14px; height: 39px; padding: 5px;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}
    .stylin .ginput_container_select { background: #ededed url(http://qualityairequipment.com.au/wordpress/wp-content/uploads/2018/02/select.png) no-repeat 98% center; height: 44px; width: 100%;}
    .stylin .ginput_container_select select { border: none; background: transparent; border-radius:5px !important; font-size: 14px; height: 44px; width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}

.gform_wrapper #gform_2 input[type=submit] { background: #158db8; /* Old browsers */
background: -moz-linear-gradient(top, #158db8 0%, #1eb3e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #158db8 0%,#1eb3e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #158db8 0%,#1eb3e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#158db8', endColorstr='#1eb3e9',GradientType=0 ); /* IE6-9 */ padding:20px 25px; text-align:center; font:18px Arial, Helvetica, sans-serif;}

.gform_wrapper #gform_3 input[type=submit] { background: #67973a; /* Old browsers */
background: -moz-linear-gradient(top, #67973a 0%, #83c04a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #67973a 0%,#83c04a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #67973a 0%,#83c04a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67973a', endColorstr='#83c04a',GradientType=0 ); /* IE6-9 */ padding:20px 25px; text-align:center; font:18px Arial, Helvetica, sans-serif;}


				
/* WP Paginate */
	ol.wp-paginate { margin-top:30px; position:relative; text-align:center;}
	ol.wp-paginate li, ol.wp-paginate li a, ol.wp-paginate li span.current { background:none; border:1px solid #ccc;}
	ol.wp-paginate li a:hover { background:none; border:1px solid #ccc; color:#545454;}
	ol.wp-paginate li a { color:#ccc;}

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 500px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 499px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 1024px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 700px) and (max-width : 1023px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
    .m-hide { display: none;}
	}
	
.wp-megamenu-sub-menu { width:auto !important; min-width:280px;}
.wp-megamenu-sub-menu li ul.wp-megamenu-sub-menu { min-width:180px;}
.wp-megamenu-sub-menu li, .wp-megamenu-sub-menu li a { word-break:keep-all !important;}
.wp-megamenu-sub-menu img {height:20px; width:auto;}
.wp-megamenu-sub-menu li ul.wp-megamenu-sub-menu img {height:25px; width:auto; position:relative; top:6px;}
ul.wp-megamenu-sub-menu {box-shadow:none !important;}
.lang-flag ul { list-style:none;}
.pg-404 { padding:80px 20px; min-height:500px;}

.qae-mod-cols2offset { width:100%; max-width:1000px; display: block; margin-left:auto; margin-right:auto;}

.venobox img { width:100% !important; height:auto !important;} 
.slider-nav img { border:1px solid #ccc;}
.subsub { padding-left:70px !important; }
.subsub a { font-size:13px !important;}

nav.woocommerce-pagination { clear:both; display:block; width:100%;}
nav.woocommerce-pagination ul { position:relative; margin:0; padding:0; text-align:center; list-style:none;}
nav.woocommerce-pagination ul li { display:inline-block;}
nav.woocommerce-pagination ul li a { padding:10px;}

.qae-home img { width:auto; height:16px;}

.qae-menu-search { position: relative; margin-top:20px;}
.qae-menu-search form { position: relative; width: 100%; text-align: right; border-bottom:5px solid #fff;}
.qae-menu-search form input[type=text] { width: calc(100% - 50px); height: 35px; padding: 10px; background: rgba(255,255,255,1); border: 1px solid #ccc; -webkit-appearance: none; color: #ccc; font-family: 'Open Sans', sans-serif; font-size: 12px; float: left;}
.qae-menu-search form button { background: #82C341; width: 50px; border: 0; -webkit-appearance: none; height: 35px; position: relative;z-index: 1000; cursor: pointer;}
.qae-menu-search button i { color: #fff; font-size: 20px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.qae-menu-search button:hover i { font-size: 30px; }

.twist-pgs { border:1px solid #CCC;}

.nav-home img { width:auto; height:16px;}

.woocommerce-pagination.berocket_pagination { width:100%; display:block !important; padding-bottom:40px;}
.woocommerce-pagination.berocket_pagination ul { width:100%; display:block !important;}
.woocommerce-pagination.berocket_pagination ul.page-numbers li { display:inline-block !important;}

ul.page-numbers li a { font-size:18px;}

@media only screen and (min-width : 1000px) and (max-width : 1140px) {
	li.nav-home { display:none !important;}
}



/* 3/4/18 homepage updates */
.home-brands-new { padding-top: 80px; padding-bottom: 60px;}
.home-brands-new img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.home-grid-item-in { border: 1px solid #ddd; position: relative; margin-bottom: 30px;}
.home-grid-item-txt { text-align: center; padding: 15px;}
.home-grid-item-txt h2 { color: #545454; margin-bottom: 10px; font-weight: 700;}
.home-grid-item-txt a { margin-top: 10px; display: block; font-weight: 400; margin-bottom: 15px; color: #00b4ed;}
.home-grid-item-txt a:hover { color: #545454;}
.home-grid-item-img {width: 100%; height: 200px; display: block; background-position: center !important; background-size: cover!important; background-repeat: no-repeat!important;}

.home-feed { background: #fff;}

.home-feed h4 { border-bottom: 1px solid #ccc; position: relative; display: block; width: 100%; margin-bottom: 60px;}
.home-feed h4 span { text-align: center; text-transform: uppercase; margin: 0 auto; background: #fff; position: absolute; top: -16px; left: 50%; transform: translateX(-50%); padding: 0 30px; color: #545454; font-size: 22px; font-weight: 700;}

/*.foot-menu .col-sm-6:nth-of-type(1) a.secondary-email:before { display:inline-block; content:'E-mail:'; padding-right:4px; font-weight:400;}
.foot-menu .col-sm-6:nth-of-type(1) a.secondary-email:hover:before {color: #d1d3d4; cursor:default;}*/
.foot-menu a.secondary_email { padding-left:35px;}
.qae-contact p.loc-web:before { display:inline-block; content:'WEB'; padding-right:4px; font-weight:400;font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 13px; margin-top: 3px;}



/* 3/6/20 table update */
table { max-width: 100%; width:100%; font-family: 'Open Sans', sans-serif; }
tr:nth-child(odd) { background-color: #f5f5f5; }
th { background-color: #555; color: #fff; font-weight:700; }
th,
td { text-align: left; padding: 0.5em 1em; }
td::before { display: none; }

@media screen and (max-width: 900px) {
  table { border: 0; display: block; box-shadow: none; }
  thead { position: absolute; opacity: 0; }
  tbody { display: block; width: 100%; min-width: 19em; max-width: 100%; }
  tr { border-top: 2px solid #545454; border-bottom: 2px solid #545454; display: grid; grid-template-columns: -webkit-max-content auto; grid-template-columns: max-content auto; margin-bottom: 3px; }
  td { display: contents; }
  td::before { display: inline-block; font-weight: bold; padding: 0.5em; border-bottom: 1px solid #ccc; }
  td span { padding: 0.5em; border-bottom: 1px solid #ccc; }
	td:last-of-type::before,
	td:last-of-type span { border-bottom:0;}
  td:last-child { border-bottom: 0; }
}

.foot-social-icons {margin:20px 0; display:block;}
.foot-social-icons a { font-size:30px; color:#fff; margin-right:10px;}
.foot-social-icons a:hover {color:rgba(132, 194, 74, 1.0);}