/*
	Theme Name: Direct National
	Description: Custom Theme Design
	Version: 1.0
	Author: Phil Kingham 2015
*/

/***********************************************************/
/******************** WP v4.7.5 Updates ********************/
/***********************************************************/
.page-id-315 .product-wrapper {
    display: none !important;
}

.single-mainproduct h2, .single-product h2 {
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #0185ae !important;
}
.woocommerce-loop-category__title mark,
.woocommerce-loop-category__title .count {
    display: none;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0!important;
}
.product-inner h2 {
    display: block!important;
    text-align: left!important;
}
.woocommerce-store-notice, p.demo_store {
    position: fixed!important;
}
.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item,
.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item a img {
    height: 100% !important;
}

@media screen and (max-width: 600px) {
.product-inner h3 {
    font-size: 14px!important;
}
.page-id-2 .product-inner ul li {
    width: 48% !important;
}
.product-inner ul li {
    min-height: 180px !important;
}
.video-wrapper span {
    margin: 0px 1% !important;
}
.product-left,
.product-right,
.content-left,
.content-right {
    width: 100% !important;
    padding-right: 5% !important;
    padding-left: 5% !important;
    margin: 20px 5% 20px 0px !important;
}
.call-price {
    width: 100% !important;
}
.brands,
.content-right-products {
    display: none;
}
}
@media screen and (min-width: 601px) {
.page-id-2 .product-inner ul li {
    width: 24% !important;
}
}
@media screen and (min-width: 801px) {
button#responsive-menu-button {
    display: none !important;
}
}
@media screen and (max-width: 800px) {
.woocommerce {
    padding-right: 5% !important;
    padding-left: 5% !important;
}
.woocommerce table.cart .product-thumbnail,
.woocommerce #content table.cart .product-thumbnail {
    display: -webkit-box
}
button#responsive-menu-button {
    display: inline-block;
    transition: transform 0.5s, background-color 0.5s;
    width: 55px;
    height: 55px;
    position: absolute!important;
    top: 48px !important;
    right: 5%;
    background: #0085ae!important;
    padding: 0 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 99999;
    outline: none;
    margin-top: -40px !important;
}
.responsive-menu-inner {
    background-color: #fff!important;
}
.responsive-menu-boring .responsive-menu-inner {
    transition-property: none;
}
.nav {
    display: none;
}
.products-nav {
    display: none;
}
}
.notifire-title {
    font-weight: 400!important;
    text-align: center!important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
.nav ul li ul li a
    left: -9999px;
}
.nav ul li ul li a:hover {
    left: 0px;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {

}
body {
	font-family: 'Lato', sans-serif; margin:0px;padding:0px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;  -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

h1 {
	font-family: 'Muli', sans-serif;
	font-size:34px; 
	width: 50%;
	font-weight:400; 
	letter-spacing:0.01em;
	text-transform: ; 
	margin:0px; padding:0px;
	line-height: 40px;
	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
			}
h2 { font-family: 'Roboto', sans-serif; font-size:24px; font-weight:400; text-transform: ;letter-spacing:0.01em;}
h3  { font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; letter-spacing:0.01em;text-transform: ;}
.product-inner h2 {color:#00A5E1; font-weight:700; text-align:center; margin-top:0px;}
.product-inner h3 {color:#0086AF; text-transform:  ;margin-top:0px;letter-spacing: 0px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;  font-size: 19px; transition:all 0.3s ease-in; margin-bottom: 5px;}
.col50 { width:50%; float:left;}
.home-product-title h3{ font-size:19px;  padding:0px; color:#fff; letter-spacing:0.01em;margin: 40% 0px 0px 0px;}
.content-right-products h3 { font-size:19px;  padding:0px; color:#fff; letter-spacing:0px;margin: 80px 0px 0px 0px;}
.news-summary-excerpt h3 {color:#00A5E1; font-size:18px; letter-spacing:0px;margin: 10px 0px 0px 0px;}.news-summary-excerpt h3 a {color:#00A5E1; }
.footer h3 { color:#50C2EB; font-weight:400; text-transform: capitalize; font-size:16px;margin: 0px 0px 10px 0px; padding:0px;}
.home-feature-banner h3 { font-family: 'Roboto', sans-serif; font-size:36px; line-height:44px; font-weight:400; width:40%;margin: 0px 0px 30px 0px; padding:0px;text-shadow: 2px 2px 0px #000;letter-spacing:1px;}

.product-feature-inner h3 { width:90%;font-size:30px; line-height:40px; font-weight:400; width: ;margin: 5px 0px 10px 0px; padding:0px; letter-spacing:1px;}

.single-mainproduct h2,.single-product h2 { font-size:20px;color:#0085AE; font-weight:700; margin-top:0px; }.single-mainproduct h3, .single-product h3 {color:#0085AE;}
.meet-team h3 { color: #00A5E1; font-size: 18px; letter-spacing: 0px; margin: 0px 0px 0px 0px; }
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
 color: #00A5E1;
margin-top: 0px;font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
/* .woocommerce ul.products li {
clear:none!important;
} */
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 8px;
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.3);
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}

/* wrapper */
/* .wrapper { width:100%; margin:0px; position:relative; float:left; } */
@media screen and (min-width: 1300px) {
    .wrapper { 
        width:1300px; 
        margin:0 auto;
        position:relative; 
    }
}
@media screen and (max-width: 1299px) {
    .wrapper { 
        width:100%; 
        margin:0px; 
        position:relative; 
        float:left; 
    }
}
/* header */
.header-wrapper { width:100%; margin:0px; height:90px; border-bottom: solid 1px #eee; padding: 20px 4%; float:left; }
.header { max-width:1140px; margin: 0px auto;}
/* logo */
.logo { max-width:240px;float:left;margin-top: 7px;}
.logo-img { max-width:240px; height:auto;}
.search { float:right;}
.search-input {color:#fff; background-color:#2A5873; border: solid 0px;padding:5px;margin: 10px 0px 0px 30px;width:110px;}
.search-input:focus {background-color:#21445A; border: solid 0px;padding:5px;}
.search-submit {color:#fff; background-color:#2A5873;width:28px; border: solid 0px;padding:5px; margin: 10px 0px 0px 0px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.search-submit:hover {background-color:#21445A;}
::-webkit-input-placeholder {
   color: white;
   font-size:14px;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;  
   font-size:14px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;  
   font-size:14px;
}

:-ms-input-placeholder {  
   color: white;  
   font-size:14px;
}

/* nav */
.nav { width:100%; float:left; height:50px; background-color:#0086AF; position:relative; z-index:9999; margin: 0px 0px 0px 0px;padding: 0px 4%; background-image: url(img/top-nav-bg.png); background-repeat: no-repeat; background-position: top left;}
.nav-inner { max-width:1140px; margin: 0px auto;}
.nav ul li a {
	text-transform:  ;
	font-family: 'Muli', sans-serif;
	font-size: 15px;line-height:50px;
	color: #fff;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 400;
	display: block;
	width: ;
	float: ;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
.nav ul li a:hover {
	color: #50C3EC;
}
.nav .current_page_item a { color: #50C3EC; font-weight:700; }
.nav ul {
	list-style: none;
	padding: 0;
	margin: 0;text-align:right;
    float: right;
	position: relative;
	z-index: 3000;
}
.nav ul li {
        float: left;
        position: relative;
        width: ;
		text-align:right!important;
    }
	.nav li ul {
	position: absolute;
	top: 0;
	display: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	}
	
.nav ul li ul li a {
 
	line-height:22px!important;
	margin: 0px 0px 0px 0px!important;
 padding: 10px 20px;
}

.nav ul li:hover ul.sub-menu{
	display: block;
	top: 50px;
	background: #0086af;
}
.nav ul li>ul.sub-menu li{
    white-space: nowrap;
}
	
.products-nav { width:70%; float:right; margin: 0px 0px 0px 0px;padding: 0px 0%; }

.products-nav ul li a {
	text-transform:  ;
	font-size: 15px;
	font-family: 'Muli', sans-serif;
	color: #333;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 400;
	display: block;
	width: ;
	float: ;
	margin: 16px 0px 0px 24px;
	padding: 0px;
}
.products-nav ul li a:hover {
	color: #00A69C;
}
.products-nav .current_page_item a, .products-nav  li.current-page-ancestor a{  color:#0086AF;font-weight:400;  }
 
.current-page-ancestor a { color:#0086AF; font-weight:700; }

.products-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
    float: right;
	position: relative;
	z-index: 3000;
}
.products-nav ul li {
        float: left;
        position: relative;
        width: ;
		text-align:left!important;
    }
.products-nav li ul {
	position: absolute;
	top: 0;
	display: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	}
	
#menu-products-services li ul.sub-menu li {
    background: #eee;
    border-bottom: 1px solid #ddd;
}
	
/* Home Slider */
.home-feature-banner {width:100%; float:left; margin:0px; position:relative; padding:0px; background-color:#444;}
.feature-product-subtitle {font-size:19px; font-weight:400;line-height:20px; text-transform: ;letter-spacing:1px;}
.feature-product-subheading {width:100%; float:left;font-size:20px; line-height:20px; font-weight:300;margin: 0px 0px 30px 0px; letter-spacing:0px; text-transform: ;}
.home-feature-banner ul { margin:0px; padding:0px;}
.home-feature-banner li {  height:500px; font-size:40px; line-height:46px; color:#fff; font-weight:400; margin:0px; padding: 0px 4% 0px 8%; background-position: center center;background-size:cover!important;}
.banner_text { width:100%;position:absolute; top:36%;}
.home-feature-banner li a{ font-family: 'Roboto', sans-serif; letter-spacing:1px;color:#fff; text-transform:uppercase; font-size:15px; font-weight:700; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;padding:12px 22px; background-color:#00AAE5; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.home-feature-banner li a:hover{background-color:#16181E; }
.feature-product-title { max-width: 1140px; margin:0px auto;}
.rslides1_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}
.rslides1_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: 0;
	z-index: 9999;
	opacity: 1;color:#fff;
	text-indent:-9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("img/arrows.png") no-repeat left top;
	margin-top: -45px;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

 /* Major products */
 .brands {width:100%; float:left; font-size:14px; color:#777;}
.download-brochure {text-transform:uppercase; color:#fff!important; text-align:center;font-size:14px; letter-spacing:1px;padding:10px 14px;background-color:#3b4458; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.download-brochure:hover {background-color:#1e2127; }

 .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {margin: 80px 5% 20px 0px; float: left; width: 40%; }

 .breadcrumb { width:100%; float:left; font-size:13px; margin: 10px 0px 0px 0px;}
.product-left {width:40%; float:left; margin: 80px 5% 20px 0px;color:#333;font-size:14px; line-height:22px;}
.product-left img { width:100%; height:auto; float:left; border: solid 1px #CBCBCB; margin: 0px 0% 40px 0px;}
.product-right {width:55%; float:left; margin: 80px 0px 20px 0%;  border-left: solid 1px #ddd; padding-left:5%; color:#333; font-size:15px; line-height:24px;}
.product-left strong {color:#222; }.product-left a, .product-right a {color:#0085AE; }
.product-left ul, .product-right ul  {list-style:none;margin: 0px 0px 30px 0px; width: 100%;
float: left;padding:0px; }
.product-left ul li, .product-right ul li{width:100%; float:left;list-style:none;margin:0px 0% 0px 0px; padding: 0px; background-image: url(img/li.png); background-repeat: no-repeat;
padding-left: 16px; background-position: left 7px;}
.wpcf7-text, .wpcf7-textarea { width:100%; padding:12px; background-color:#eee; border: solid 1px #ccc;}
.wpcf7-textarea { height:140px; margin-bottom:8px;}
.wpcf7-submit {font-size:16px; text-transform:uppercase; color:#fff; border: solid 0px #0085AE; padding:14px 18px;background-color:#0085AE; border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.call-price {text-transform:uppercase; color:#fff!important; text-align:center;font-size:14px; float:left; width:28%; margin: 30px 72% 30px 0px; padding:8px 12px;background-color:#0085AE; border-radius: 4px; -moz-border-radius: 4px;  -webkit-border-radius: 4px;}
.call-price:hover, .wpcf7-submit:hover { color:#fff; background-color:#343A4D;}
.short-description {font-size:18px; margin-bottom:30px;}
.product-faq { width:100%; float:left; margin: 0px 0px 40px 0px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.product-enquiry {width:100%; float:left; margin: 40px 0px 0px 0px; padding-top:20px;border-top: solid 1px #ccc; }
.product_meta, .woocommerce-breadcrumb { display:none;}
.page-template-page-entry-level-dp .add_to_cart_button, .page-template-page-entry-level-dp .price  { display:none!important;}
/* Content */
.content-wrapper { max-width: 1140px; margin: 0px auto;}
.content-left { width:60%; float:left;margin: 60px 10% 60px 0px; color:#333; font-size:15px; line-height:24px;}
.content-left ul{ list-style:none; margin:0px; padding:0px;}
.content-left li{ background-image: url(img/li.png); background-repeat:no-repeat; padding-left:16px;background-position: center left;}
.content-left blockquote, .single-post blockquote, .single-product blockquote { color:#0085AE; margin-left: 0px; font-size:22px; line-height:30px;}
.content-left a { color: #0085AE;}
.content-right { width:30%; float:left;margin: 60px 0px; font-size:15px; line-height:24px;}
.content-right-products { width:100%; float:left; position:relative;padding: 140px 5% 24px 0%; margin: 0px 0px 10px 0px; background-color:#0086AF; background-size:cover;}
.content-cs { width: 100%; float: left; margin: 60px 10% 60px 0px; color: #333; font-size: 15px; line-height: 24px; }
.content-cs blockquote { color: #0085AE; margin-left: 0px; font-size: 22px; line-height: 30px; }
.content-cs a { color: #0085AE; }

.home-about-wrapper { width:100%; float:left; padding: 80px 5%; min-height:300px;background-color:#0085AE; color:#fff; background-image: url(img/home-about-bg.png); background-repeat: no-repeat; background-position:top left;}
.home-about-inner { max-width: 940px; margin: 0px auto; font-size:15px; line-height:24px;font-weight:400;}
.home-about-inner a { color:#fff; padding: 8px 26px; font-size:13px; text-transform:uppercase;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color:#3C4459; float:right;}

.home-about-inner a:hover { background-color:#1B1F29;}
.home-3-wrapper { width:100%; float:left; padding: 0px 4% 60px 4%;}
.home-3-inner { max-width: 1140px; margin:0px auto;}

.home-3-inner ul { width:100%; list-style:none; float:left; margin: 20px 0px 0px 0px; padding:0px;}
.home-3-inner ul li { width: 32.33%; height:240px; position:relative;float:left;margin: 0px 1% 30px 0px; list-style:none; background-color:#0086AF; background-size:cover; }
.home-product-title {width:100%; float:left; position:absolute; top:0px; bottom:0px; left:0px; right:0px; padding: 10px 0px 10px 6%; background-color:rgba(0, 0, 0, 0.6);-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;  
    transition:all 0.3s ease-in;}
.home-product-title:hover, .home-product-titles:hover {background-color:rgba(0, 0, 0, 0.2);}
.home-product-title2 {width:100%; float:left; position:absolute; top:0px; bottom:0px; left:0px; right:0px;padding: 5px 0px 5px 6%; background-color:rgba(0, 0, 0, 0.6);-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;  
    transition:all 0.3s ease-in;}
.home-product-subtitle {width:100%; float:left; font-size:14px; color:#fff;}

.col50 { width: 45%; float:left; margin:0px 5% 0px 0px;}

.product-feature-banner {width:100%; float:left; position:relative; margin:0px; height: ; padding: 100px 0px 40px 0px; background-color:#444; background-size:cover; background-position: center center;} 
.product-feature-inner { width: 60%; margin: 0px 0px; padding:30px 5% 50px 5%;float:left;color:#fff;/*background-color:rgba(0, 135, 176, 0.9);*/ background-image:url(img/product-feature-bg.png); background-position: center right; background-repeat: no-repeat;background-size: auto 100%;}

.single-mainproduct .product-feature-banner, .single-product .product-feature-banner {width:100%; height: ;float:left; position:relative; margin:0px; height: ; padding: 140px 0px 40px 0px; background-color:#444; background-size:cover; background-position: center bottom;} 
.single-mainproduct .title-banner-inner, .single-product .title-banner-inner {font-size:30px;line-height: 42px; font-weight: 300;}

.product-feature-inner a { font-family: 'Roboto', sans-serif; color:#fff;text-transform: uppercase; font-size: 14px; letter-spacing:1px;font-weight: 700; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 6px 12px; border:solid 1px #fff; position:relative; top:12px;}
.product-feature-inner a:hover { color:#0086B0;background-color: #fff}
.feature-tag {font-size:15px; font-weight:400;letter-spacing:1px; text-transform: ; color:#fff;}
.product-subtitle {width:100%; float:left; font-size:14px; color:#fff;}
.page-template-page-led-touch-php .product-wrapper { width:100%; float:left; padding: 46px 0% 0px 0%;}

.page-template-page-interactive-benq .product-feature-banner,.page-template-page-interactive-traceboard-php .product-feature-banner, 
.page-template-page-interactive-smart-technology-php .product-feature-banner { padding: 140px 0px 40px 0px; background-position: center bottom;
}
.page-template-page-interactive-benq .product-feature-inner h3,
.page-template-page-interactive-traceboard-php .product-feature-inner h3,
.page-template-page-interactive-smart-technology-php .product-feature-inner h3 {line-height: 42px; font-weight: 300; }

.page-template-page-led-touch-php .product-feature-banner {display:none;}
.page-template-page-led-touch-php .product-inner { max-width:1640px; margin:0px auto;}
.page-template-page-led-touch-php .product-inner ul { width:100%; list-style:none; float:left; margin: 20px 0px 0px 0px; padding:0px;}
.page-template-page-led-touch-php .product-inner ul li { width: 100%; position:relative;background-size:cover; background-color:#333;background-position:center bottom; float:left; height: ; padding:100px 0px;margin: 0px 0% 0px 0px; list-style:none; }
.page-template-page-led-touch-php .product-inner h3:hover{ color:#fff; }
.page-template-page-led-touch-php .product-feature-inner a { float:left; top:6px;  }
.page-template-page-led-touch-php .product-feature-inner p { width: ; line-height: 26px; }
.page-template-page-led-touch-php  .product-inner h3 { width:90%;color: #fff;font-size: 30px; text-transform:  ; margin:0px;font-weight: 400;line-height: 40px;}
.page-template-page-led-touch-php  .product-feature-inner { padding:30px 5% 40px 5%;background-image:url(img/product-feature-bg-light-blue.png);}
.inner-feature { max-width:1140px; margin:0px auto;}

.product-wrapper { width:100%; float:left; padding: 46px 4% 10px 4%;}
.product-inner { max-width:1140px; margin:0px auto;}
.video-wrapper { 
	max-width:1140px; 
	margin:0px auto;
}
.video-wrapper span{ 
	width:48%; 
	float:left;
	margin:0px 0.5%;
}
.video-wrapper img{ 
	width:100%; 
	height:auto;
}
.video-wrapper a:hover{ 
	opacity:0.5; 

}
.product-inner ul { width:100%; list-style:none; float:left; margin: 20px 0px 0px 0px; padding:0px;}
.product-inner ul li { width: 24%; float:left; min-height: 350px; margin: 0px 1% 30px 0px; list-style:none; }
.product-inner h3:hover{ color:#444; }
.product-inner ul li img{ width: 100%; height:auto; margin: 0px 0% 16px 0px; border: solid 1px #ddd; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.product-inner ul li img:hover{opacity:0.6;}
.title-banner { width:100%; float:left; background-color:#00AAE5;padding:54px 4%; background-image: url(img/title-bar-corner.png); background-repeat: no-repeat; background-position: top right; background-size: auto 100%;}
.title-banner-inner { max-width:1140px; margin:0px auto; color:#fff;}
.breadcrumbs { width:100%; float:left; margin: 10px 0px 0px 0px;font-size:14px;color:#3C4459;}.breadcrumbs a {color:#3C4459;}
/* WooCommerce */

.woocommerce div.product p.price, .woocommerce div.product span.price { color: #0085AE; font-size: 1.25em; }
.woocommerce .quantity .qty { width: 3.631em; text-align: center; height: 34px; margin-right:10px; }
.woocommerce ul.products li.product .price { color: #77a464; font-weight: 400; margin-bottom: .5em; font-size: 20px;float: left;width: 50%; }
.woocommerce ul.products li.product .button {margin-top: -6px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 24%; float:left; min-height: 330px; margin: 0px 1% 30px 0px; list-style:none; }
woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { width: 20%; }
.related   { border-top: solid 1px #ccc; padding-top:40px;width:100%; float:left;}.main-related   { padding-top:40px;border-top: solid 1px #ccc; width:100%; }
.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img, .woocommerce .upsells.products ul li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul li.product img, .woocommerce-page .upsells.products ul.products li.product img { width: 100%; height: auto; border: solid 1px #CCCCCC; }

.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
font-size: 14px;text-transform:uppercase;
margin: 0;
line-height: 1em;
cursor: pointer;
position: relative;
font-family: inherit;
text-decoration: none;
overflow: visible;
padding: 10px 14px;
font-weight: bold;
-webkit-border-radius: 4px;
border-radius: 4px;
left: auto;
text-shadow: 0 0px 0 #1196bf;
color: #e4f7fc;
text-shadow: 0 0px 0 rgba(0,0,0,0.8);
border: 0px solid #003748;
background: #0085ae;
background: -webkit-gradient(linear,left top,left bottom,from(#0085ae),to(#0085ae));
background: -webkit-linear-gradient(#0085ae,#0085ae);
background: -moz-linear-gradient(center top,#0085ae 0%,#0085ae 100%);
background: -moz-gradient(center top,#0085ae 0%,#0085ae 100%);
white-space: nowrap;
display: inline-block;
-webkit-box-shadow: inset 0 0px 0 rgba(0,0,0,0.075), inset 0 0px 0 rgba(255,255,255,0.3), 0 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 0px 0 rgba(0,0,0,0.075), inset 0 0px 0 rgba(255,255,255,0.3), 0 1px 0px rgba(0,0,0,0.1);
box-shadow: inset 0 0px 0 rgba(0,0,0,0.075), inset 0 0px 0 rgba(255,255,255,0.3), 0 1px 0px rgba(0,0,0,0.1);
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
background: #0085ae;
background: -webkit-gradient(linear,left top,left bottom,from(#0085ae),to(#0085ae)); 
background: -webkit-linear-gradient(#0085ae,#0085ae);
background: -moz-linear-gradient(center top,#0085ae 0%,#0085ae 100%);
background: -moz-gradient(center top,#0085ae 0%,#0085ae 100%);
border-color: #0085ae; 
color: #fff; 
text-shadow: 0 0px 0 rgba(0,0,0,0.6); 
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
color: #444444;
display: block;
font-weight: 700;
margin-bottom: .5em;
}
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {height: 70px;}

/* Meet The Team */
.meet-team { width:100%; float:left; margin: 0px 0px 30px 0px; padding: 20px 0px; border-bottom: solid 1px #ccc;}
.team-photo { width:30%; float:left;margin:0px 5% 0px 0px;}
.team-photo img{ width:100%; float:left;height:auto;}
.team-name {width:65%; float:left;}
.team-title {width:65%; float:left; color:#222;font-weight:600;line-height:22px;}
.team-bio {width:65%; float:left;font-size:14px; line-height:22px;}

/* Latest News */
.date { width:100%; float:left; color:#00AAE5;}
.news-summary { width:100%; float:left; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px;border-bottom: solid 1px #ccc;}
.news-summary-img { width:30%; float:left; margin: 0px 5% 0px 0px;}.news-summary-img img  { width:100%; height:auto; }
.news-summary-excerpt { width:65%; float:left; margin: 0px 0% 0px 0px;}
.news-more{ color: #fff!important; background-color: #00A5E1; font-size:13px;padding: 8px 14px; text-transform:uppercase;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.news-more:hover{ color: #fff; background-color: #3C4459;}
.news-date  { width:100%; color:#777; float:left; margin: 0px 0px 10px 0px;}

/* Contact */

.google-map {width:100%; float:left;}
.contact-form { width:70%; margin: 30px 0px 0px 0px;float:left;}
/* footer */
.footer-wrapper { width: 100%; font-size:13px; line-height:22px; color: #fff; background-color:#1B1F29;float:left; padding: 60px 4%;margin: 0px 0%; }
.footer { max-width:1140px; margin:0px auto; padding:0px;}
.bottom-footer { width:100%; color:#E5E5E5; float:left; text-align:center; margin-top:50px;}
.bottom-footer a { color:#E5E5E5; margin: 0px 0px 0px 30px;webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in;  -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.bottom-footer a:hover { color:#50C2EB;}
.copyright { width:100%; float:left; text-align:right; position:relative; }
.footer-nav { width:20%; float:left;}
.footer-products-nav { width:20%; float:left;}
.footer-mailchimp { width:35%; float:left; margin:0px 0px 0px 5%;}
.footer ul li a {
text-transform:;
	font-size: 13px; 
	color: #fff;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: 400;
	display: block;
	width: ;
	float: ;
	margin: 0px 0px 0px 0px;
	padding: 0px;

}
.footer ul li a:hover {
	color: #50C2EB;
}
.footer .current_page_item a { color: #50C2EB; }
.footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
    float: left;
	position: relative;
	z-index: 3000;
}
.footer ul li {
        float: left;
        position: relative;
        width: 100%;
		text-align:left;
    }
.footer li ul {
	position: absolute;
	top: 0;
	display: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	}
#mc4wp_name, #mc4wp_email { width:100%; float:left;background-color:#3C4459; color:#fff; padding:8px; border: solid 0px;}
#chimp-submit { color:#fff; font-size:14px; padding: 7px 14px; background-color:#0085AE; border: solid 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#mc4wp_email { margin-bottom: 27px;}
.mc4wp-form label {
display: block;
font-weight: 400!important;
margin-bottom: 5px;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width: 480px) {
.logo-img { max-width: 190px; }
h1 { font-size: 20px; width: 100%; line-height: 30px;}
h2 { font-size: 18px; }
.product-feature-inner h3 { width: 90%; font-size: 20px; line-height: 28px; margin: 5px 0px 10px 0px; }
.page-template-page-led-touch-php .product-inner h3 { width: 90%; font-size: 20px; line-height: 30px;}
.page-template-page-led-touch-php .product-feature-inner p { width:80% ;font-size:14px; line-height: 20px; }
.product-feature-inner { width: 90%; padding: 30px 5% 50px 5%; background-image: url(img/product-feature-bg.png);background-size: auto 100%;}
.product-feature-banner { padding: 40px 0px 20px 0px;}
.title-banner { padding:24px 4%; background-image: none; }
.home-3-inner ul li { width: 100%; height: 180px; margin: 0px 0% 10px 0px;}
.home-product-title h3 { font-size: 18px; margin: 30% 0px 0px 0px; }
.product-wrapper { padding: 30px 5% 10px 5%;}
.product-inner ul li { width: 100%; min-height: ; margin: 0px 0% 20px 0%;}
.page-template-page-led-touch-php .product-inner ul li { background-position: center bottom;padding: 40px 0px 20px 0px;}
.col50 { width: 100%; margin: 0px 0% 0px 0px; }
.footer-nav, .footer-products-nav { width: 50%;margin: 0px 0px 20px 0%;}
.footer-mailchimp { width: 100%; margin: 0px 0px 20px 0%; }
.footer-products-nav a {color:#fff;}
 .page-template-page-led-touch-php .product-feature-inner { padding: 30px 5% 30px 5%; }
}

/* iPads (portrait) ----------- */
@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
.logo-img { max-width:; }
.title-banner { padding: 44px 4%; background-image: none; }
.content-wrapper { width:100%; float:left;padding-left:4%; padding-right:4%;}
.product-feature-inner { width: 80%; padding: 30px 5% 50px 5%;background-size: auto 100%;}
.search-input { border-radius:0px;}
input,textarea,search { -webkit-appearance:none; border-radius:0px!important; -webkit-border-radius:0px!important; -moz-border-radius:0px!important;}
.call-price { font-size: 14px; width: 60%; margin: 20px 40% 30px 0px;}
.product-inner ul li { width: 32%; min-height: 300px; margin: 0px 0.5% 30px 0.5%; list-style: none; }
h1 { font-size: 28px; width: 100%; line-height: 40px;}
}


/* iPads (landscape) ----------- */
@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
	input,textarea,search { -webkit-appearance:none; border-radius:0px!important; -webkit-border-radius:0px!important; -moz-border-radius:0px!important;}
	.content-wrapper { width:100%; float:left;padding-left:4%; padding-right:4%;}
	.logo-img { max-width: 200px; }
	.nav ul li a { font-size: 12px; margin: 0px 0px 0px 20px;}
	.products-nav ul li a { font-size: 13px; margin: 16px 0px 0px 14px; padding: 0px; }
	.call-price { font-size: 14px; width: 60%; margin: 20px 40% 30px 0px;}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/********************/
/* DEEPERLOOK EDITS */
/********************/

/*** 2017 Updates ***/
.hide-menu {
    display: none !important;
}
.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {
    width: auto !important;
}
.woocommerce a.remove:hover {
    color: #fff!important;
    background: #0085ae;
}
.woocommerce a.remove {
    font-size: 14px;
    color: #cccccc!important;
}
.banner_text {
    display: none!important;
}
.rslides1_nav.next {
    margin-right: 40px;
}
.rslides1_nav {
    margin-left: 40px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 0 0 10px 0;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    display: block;
    margin-bottom: 1em;
    width: 100%;
}
.woocommerce ul.products li.product .price del {
    display: inline;
    padding-right: 5px;
}
@media only screen and (max-width: 768px) {
    .home-feature-banner {
        display: none !important;
    }
}

/*** LANDING PAGES ***/
.title-banner-qassp {
    width: 100%;
    float: left;
    background-color: #00AAE5;
    padding: 54px 4%;
    background-image: url(https://directnational.com.au/wp-content/uploads/2017/03/title-bar-corner-qassp.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
}
.price-beat { background-color: #50C3EC; padding: 0px 20px 10px; border-radius: 10px; text-align: center; }
.price-beat h3 {font-size: 24px; line-height: 34px; color: #fff;}
.price-beat p {font-size: 18px; line-height: 26px; text-align: center; color: #0a2855;}

.price-less { background-color: #50C3EC; padding: 58px 20px; border-radius: 10px; text-align: center; }
.price-less h3 {font-size: 24px; line-height: 34px; color: #fff;}

.touch-here img {vertical-align: middle; margin-right:20px;}

.landing-title h2 {color: #00aae5; text-align: center; font-size: 34px; line-height: 40px; width: 85%; margin: 30px 7.5% 30px; text-transform: uppercase;}

.services-img { margin: 20px 0px; }

.services-txt { margin: 20px 0px; }
.services-txt h3 {color: #00A5E1; font-size: 18px; text-transform: capitalize; line-height: 30px; }
.services-txt p {font-size: 17px; line-height: 29px; }

.full-width img { max-width: none !important;}
.content-full-wrapper { max-width: 1140px; margin: 0px auto; text-align:center;}
.content-full-wrapper-btm { max-width: 100%; margin: 0px auto; background: #524E65;}

.content-lp-full { width: 100%; margin: 0; color: #333; background: #F9C553; padding: 10px 30px; font-size: 24px;border-radius: 10px;}

.content-lp-full ul{ list-style:none; margin:0px; padding:0px;}
.content-lp-full li{ background-image: url(img/li.png); background-repeat:no-repeat; padding-left:16px;background-position: center left;}
.content-lp-full blockquote, .single-post blockquote, .single-product blockquote { color:#0085AE; margin-left: 0px; font-size:22px; line-height:30px;}
.content-lp-full a { color: #0085AE;}
.content-lp-full h2 { }

.content-lp-left { width: 70%; float: left; margin: 30px 2.5% 30px 0px; color: #333; font-size: 15px; line-height: 24px;}
.content-lp-left ul{ list-style:none; margin:0px; padding:0px;}
.content-lp-left li{ background-image: url(img/li.png); background-repeat:no-repeat; padding-left:16px;background-position: center left;}
.content-lp-left blockquote, .single-post blockquote, .single-product blockquote { color:#0085AE; margin-left: 0px; font-size:22px; line-height:30px;}
.content-lp-left a { color: #0085AE;}
.content-lp-left img { border-radius: 10px;}

.content-lp-right { width: 27.5%; float: left; margin: 30px 0px 30px; font-size: 15px; line-height: 24px;}
.content-lp-right-products { width:100%; float:left; position:relative;padding: 140px 5% 24px 0%; margin: 0px 0px 10px 0px; background-color:#0086AF; background-size:cover;}
.content-lp-right img { width: 280px; height: auto;}

.content-lp-col1 { width: 48%; float: left; margin: 30px 2.5% 30px 0px; }
.content-lp-col1 h3 { color: #00aae5; font-size: 28px; line-height: 38px; }
.content-lp-col1 p { color: #333; font-size: 16px; line-height: 26px; text-indent: -40px; padding-left: 40px; }
.content-lp-col1 p img { width: 26px; margin-right: 15px; }


.content-lp-col2 { width: 48%; float: left; margin: 30px 0px 30px; }
.content-lp-col2 h3 { color: #00aae5; font-size: 28px; line-height: 38px; }
.content-lp-col2 p { color: #333; font-size: 16px; line-height: 26px; text-indent: -40px; padding-left: 40px; }
.content-lp-col2 p img { width: 26px; margin-right: 15px;}


.bundle-area { text-align: center;}
.bundle-area img { width: 300px; }

@media only screen and (max-width: 768px) {
.content-lp-col1, .content-lp-col2 { width: 100%; padding: 0 15px !important;}
}

@media only screen and (max-width: 999px) {
.content-lp-left, .content-lp-right { width: 100%; padding: 0 15px;}
.content-lp-right img { width: 400px; height: auto;}
.hero-img { padding: 0; margin: 0;}
.price-beat { padding: 0 20px 15px; margin: 0; }
.hero-img img, .title-banner-qassp { display:none;}
.touch-here img { width: 45px; }
.price-beat, .touch-here {border-radius: 0px;}
.landing-title h2 { font-size: 24px !important; line-height: 34px !important; width: 90% !important; }
.services-img, .services-txt {margin: 0;}
.services-img img { width: 100% }
.services-txt h3, .services-txt p { text-align: center; }
.services-txt h3 { font-size: 18px; line-height: 28px; font-weight: 600;}
.services-txt p { margin-bottom: 35px; font-size: 16px; line-height: 26px;}
}
/*** END: LANDING PAGE ***/

@media only screen and (max-width: 800px) {
  .feature-product-title span, 
  .feature-product-title h3 { 
    display: none !important; 
  }
  .banner_text {
    top: 41%;
    text-align: center;
    opacity: 0.9;
  } 
  .home-feature-banner li a {
    background-color: #ee9833;
  }
}
@media only screen and (max-width: 800px) {
.header-wrapper {
    margin: 20px 0 0;
    height: 50px !important;
    }
#click-menu {
    margin-top: 50px !important;
}
#responsive-menu {
    margin-top: 72px !important;
}
.logo {
    margin-top: -20px !important;
}
}

#popuppress-2340 .gform_wrapper_product form li, #popuppress-2340 .gform_wrapper li {
    display: inline-table !important;
}
#popuppress-2340 .gform_wrapper li .gfield_description {
    display: none !important;
}
#popuppress-2340 .gform_wrapper .gform_validation_container {
    display: none !important;
}
#popuppress-2340 .gform_wrapper .gform_footer input.button, 
#popuppress-2340 .gform_wrapper .gform_footer input[type=submit] {
    margin: 5px 16px 0 0 !important;
    padding: 11px 30px !important;
}
/*body.post-id-5 .title-banner {
    margin-bottom: 60px !important;
}*/

.blurb-wrapper { width:100%; float:left; padding: 80px 5%; min-height:300px;background-color:#0085AE; color:#fff; background-image: url(img/home-about-bg.png); background-repeat: no-repeat; background-position:top left;}
.blurb-inner { max-width: 1140px; margin: 0px auto; font-size:15px; line-height:24px;font-weight:400;}
.blurb-inner a { color:#fff; padding: 8px 26px; font-size:13px; text-transform:uppercase;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color:#3C4459; float:right;}

.product-left .date,
.content-left .date {
    margin-bottom: 10px;
}
.product-left .author,
.content-left .author {
    display: none;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #E6E6E6 !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
}
.woocommerce form .form-row input.input-text:hover, .woocommerce form .form-row textarea:hover, .select2-container .select2-choice:hover{
    border: 1px solid #00AAE5 !important;
}
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .select2-container .select2-choice:focus {
    border: 1px solid #00AAE5 !important;    
    box-shadow: 0 0 5px rgba(0, 170, 229, 0.5) !important;
}
.select2-container .select2-choice {
    border: 1px solid #E6E6E6 !important;
    padding: 2px 12px !important;
    border-radius: 4px !important;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info {
    margin: 0em 0 1em!important;
}
.woocommerce .woocommerce-message {
    margin: 1em 0 0em!important;
}

@media only screen and (max-width: 480px) {
	.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
	    margin: 0em 0 0em!important;
	}
}

/** ADDED TO CART POPUP PLUGIN **/
td.xoo-cp-remove .fa {
    font-size: 12px!important;
    color: #d4d4d4!important;
}
.xoo-cp-pdetails {
    min-height: 130px;
}

/** GRAVITY FORMS PLUGIN **/
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex select,
.woocommerce form .form-row select {
    border: 1px solid #E6E6E6 !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):hover,
.gform_wrapper .ginput_complex select:hover,
.woocommerce form .form-row select:hover {
    border: 1px solid #00AAE5 !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper .ginput_complex select:focus,
.woocommerce form .form-row select:focus {
    border: 1px solid #00AAE5 !important;
    box-shadow: 0 0 5px rgba(0, 170, 229, 0.5) !important;
}
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip {
    margin-right: 9px !important;
}
.gform_wrapper .ginput_complex .ginput_left {
    width: 102% !important;
}
.gform_wrapper .ginput_complex .ginput_right {
    width: 100% !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 16px;
    width: auto;
    margin: 0 16px 0 0;
    padding: 8px 30px;
    background: #0085ae;
    color: #fff;
    Border: 0px;
    border-radius: 3px;
}

.gform_wrapper_optin .gform_footer {
    float: right !important;
    margin: -62px 0px 0 0 !important;
}

#popuppress-2340 .pps-content, 
#popuppress-2340 .pps-content p, 
#popuppress-2340 .pps-content ul, 
#popuppress-2340 .pps-content ol, 
#popuppress-2340 .pps-content em, 
#popuppress-2340 .pps-content span, 
#popuppress-2340 .pps-content a {
    overflow: visible !important;
}

.product-inner h2 {
    display: none;
}
.product-feature-banner {
    display: none;
}

.gform_wrapper_product form li, .gform_wrapper li {
    background: none !Important;
}
.gform_wrapper_product input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea.medium {
    border: 1px solid #E6E6E6 !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
}
.gform_wrapper_product input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):hover,
.gform_wrapper textarea.medium:hover {
    background: #ffffff;
    border: 1px solid #00AAE5 !important;    
}
.gform_wrapper_product input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper textarea.medium:focus {
    background: #ffffff;
    border: 1px solid #00AAE5 !important; 
    box-shadow: 0 0 5px rgba(0, 170, 229, 0.5) !important;   
}
.gform_wrapper_product .gform_footer input.button, 
.gform_wrapper_product .gform_footer input[type=submit], 
.gform_wrapper_product .gform_page_footer input.button, 
.gform_wrapper_product .gform_page_footer input[type=submit] {
    float: right !important;   
    margin-right: 0px !important;   
}

#gallery-2 img {
    border: 2px solid #ffffff !important;   
}

#menu-item-314 a {
    background: #fff;
    padding: 0 15px;
    color: #80C2D7;
}
::-webkit-input-placeholder {
   color: #80C2D7;
}

:-moz-placeholder { /* Firefox 18- */
   color: #80C2D7;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #80C2D7;  
}

:-ms-input-placeholder {  
   color: #80C2D7;  
}

.page-id-5 .breadcrumbs {
    display: none !important;
}
.page-id-5 .woocommerce .woocommerce-message {
    margin: 0!important;
}

.page-id-6 .woocommerce .order_details li {
    width: 20% !important;
}

p.demo_store {
   background-color: #ee9833!important;
}

.nav {
    margin: 0px !important;
}

#menu-products-services li a{
	line-height: 50px;
	margin-top: 0;
}

#menu-products-services li:hover ul.sub-menu{
	display: block;
	top: 100%;
	background: #fff;
}

#menu-products-services li:hover ul.sub-menu li{
	width: 100%;
}

#menu-products-services li:hover ul.sub-menu li a{
	margin-right: 24px;
	white-space: nowrap;
}
/****** Edited on 10/24/17 Kim ******/
/* #menu-products-services li:hover ul.sub-menu li:hover{ */
	/* background: #0086af; */
/* } */
/* #menu-products-services li:hover ul.sub-menu li:hover a{ */
	/* lor: #fff; */
/* } */
#menu-products-services li:hover ul.sub-menu li:hover{
	background: #adadad;
}
#menu-products-services li:hover ul.sub-menu li:hover a {
    color: #333;
}
#menu-products-services li.sub-menu-main ul.sub-menu li:hover {
    background: #0086af;
    color: #fff;
}
#menu-products-services li.sub-menu-main ul.sub-menu li:hover a {
    color: #fff;
}
#menu-products-services ul li ul.sub-menu {
    position: absolute;
    left: 193px;
    top: 0px!important;
}
#menu-products-services li.sub-menu-main ul.sub-menu {
    display: none;
}
#menu-products-services li.sub-menu-main:hover ul.sub-menu {
    display: block;
}
@media screen and (max-width: 480px) {
.product-inner ul li {
    width: 45%;
    min-height: ;
    margin: 0px 2% 20px 0%;
    min-height: 230px;
}
}
@media screen and (max-width: 800px) {
	.home-feature-banner li {
	    height: 300px !important;
	    font-size: 20px !important;
	    line-height: 26px !important;
	}
	.home-feature-banner h3 {
	    font-family: 'Roboto', sans-serif !important;
	    font-size: 26px !important;
	    line-height: 34px !important;
	    font-weight: 400 !important;
	    width: 100% !important;
	    margin: 0px 0px 0px 0px !important;
	}
.header { max-width:1140px; margin: 0px auto;text-align: center;}
.logo { max-width:100%;float:none;margin-top: 30px;}

}
@media screen and (min-width: 801px) {
.menu-item-1661,
.menu-item-2666,
.menu-item-21,
.menu-item-314,
.menu-item-45,
.menu-item-20 {
display: none;
}
}