/* ==========================================================================
   Fonts
   ========================================================================== */


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
a { outline: none!important; text-decoration: none; transition: all 300ms ease; }
a:hover { text-decoration: none; }
p { margin: 0; line-height: 1.4em; font-weight: 400; color: #10202d; }
ul,li { margin: 0; padding: 0; list-style: none; }
h1,h2,h3,h4,h5 { margin: 0; padding: 0; font-weight: bold;}
img { max-width: 100%; height: auto; }
blockquote { margin: 0; }
strong {  font-weight: 700; }
html, body{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */  }
body {  font-size: 15px; font-family: 'Open Sans', sans-serif; color:#10202d;}
html,body { overflow-x:hidden; }

.fa.fa-square-x-twitter {
	font-family:sans-serif;
    position: relative;
    top: 2px;
}
.fa.fa-square-x-twitter::before{ 
    display: inline-block;
    content: url('/wp-content/themes/dht/css/x.svg');
    width: 28.29px;
    height: 28.29px;
    filter:  invert(1) grayscale(1);
    background: #fff;
    border-radius: 8px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.container { margin: 0 auto; position: relative; width: 1090px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }
.container-fluid { width: 100%; padding: 0 15px; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }



/* ==========================================================================
   Responsive helpers
   ========================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
 * Grid helpers inspired from Twitter Bootstrap
 */
.row { margin: 0 -20px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }
.row>div { padding: 0 20px; }
.row-0 { margin: 0; }
.row-0>div { padding: 0; }
.row-1 { margin:  0 -1px; }
.row-1>div { padding: 0 1px; }
.row-2 { margin: 0 -2px; }
.row-2>div { padding: 0 2px; }
.row-8 { margin: 0 -8px; }
.row-8>div { padding: 0 8px; }
.row-11 { margin: 0 -11px; }
.row-11>div { padding: 0 11px; }


.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.news .col3{width:25%;float:left;min-height: 350px;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}
.col-1-5{width:20%;float:left;}

.hidden-desktop { display: none; }

.pull-right{float:right;}
.pull-left{float: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-underline{text-decoration: underline;}

.background-red{background-color: #ed2539;}
/* .background-purple{background-color: #10202d;} */
.background-purple{background-color: #565656;}
/* .background-green{background-color: #288417;} */
.background-green{background-color: #000000;}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }



/* ==========================================================================
   Homepage
   ========================================================================== */
header{ position: relative; width: 100%; z-index: 100;}
.logo {max-width: 350px;}
.footer-logo {max-width: 250px; height: auto;}
.page-template-page-home header{position: absolute;}
.header-up{background-color: rgba(255,255,255,0.9);  padding: 8px 0;}
.menu-group{background-color: rgba(255,255,255,0.7); padding: 3px 0;}
.social{ margin-right: 46px;}
.social li{ display: inline-block; margin-left: 10px;}
.social li a{display: block; font-size: 33px; color:#000;}
.instagram-icon{ position: relative; top: 2.3px;}
.search-group p{display: inline-block; font-size: 24px; font-weight: 800; color: #10202d;}
.search-form{display: inline-block;}
.search-form input[type="text"]{line-height: 30px; width: 210px; border: 1px solid #cccccc; height: 30px; outline: none; padding-left: 15px; margin: 0 10px;}
.search-form input[type="submit"]{background: transparent url('../images/search-icon.png') no-repeat; text-indent: -999999px; outline: none; width: 23px; height: 23px; border: none; }
.search-group{ clear: both;}
.main-menu{float: right;}
.main-menu > li{ display: inline-block; margin-left: 25px;}
.main-menu > li > a{font-weight: 600; font-size: 19px; color:#10202d;}
.main-menu li a:hover{text-decoration: underline;}
.submenu-group{ opacity: 0; visibility: hidden; width: 960px; position: absolute; background-color: #fff;left: 95px; padding-bottom: 2px; margin-top: 3px; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
.main-menu li:hover .submenu-group{ opacity: 1; visibility: visible; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
.submenu-group .box .menu{opacity: 1;}
.submenu-group .box{height: 100%;}
.submenu-group .box .find-rep{opacity: 1;}
.submenu-group .box h5{ font-size: 18px; line-height: 40px;}
.submenu-group .box h5 a{ color:#fff; display: block;}
.pad-top-130{padding-top: 130px;}
.hero{height: 1050px;position: relative;}
.hero-info{ display: table; padding-bottom: 31px; padding-top: 180px;}
.hero-info h2{ font-size: 43px; font-weight: 700; line-height: 1em; letter-spacing: -2px;}
.hero-info h1{ font-size: 65px; font-weight: 700; line-height: 1em;  letter-spacing: -2px;}
.hero-info p{ font-size: 19px; text-decoration: underline; font-weight: 600;  text-align: right; margin-top: 15px;}
.hero-info a{ color: #000000;}
.box{height: 350px; position: relative; color:#fff;}
.box h5{color:#fff;  font-size: 24px; font-weight: 800; text-align: center; line-height: 55px;}
.box h5 a{color:#fff; display: block;}
.box .menu{opacity: 0; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
.box:hover .menu{ opacity: 1; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
.box .menu li{display: block; background-color: rgba(16,32,45,0.8); line-height: 28px; margin: 1px 0;}
.box .menu li a{ padding: 7px 0 7px 25px; color:#fff;  font-size: 14px; display: block; line-height: 1em;}
.box .menu li a:hover{text-decoration: underline;}
.box .find-rep{display: block; padding-left: 25px; line-height: 28px; color:#fff; font-size: 16px; opacity: 0; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
.box:hover .find-rep{opacity: 1; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
.intro-text{background-color: rgba(196,191,191,0.8); position: absolute; bottom: 0; width: 100%;}
.intro-text p{ font-size: 30px; font-weight: 700; padding: 22px; line-height: 1.2em;}
#menu-home-box1 + .find-rep{background-color:#ed2539; }
/*#menu-home-box2 + .find-rep{background-color:#10202d; } */
#menu-home-box2 + .find-rep{background-color:#565656; }
/* #menu-home-box3 + .find-rep{background-color:#288417; } */
#menu-home-box3 + .find-rep{background-color:#000000; }
#menu-home-box3-1 + .find-rep{background-color:#000000; }

.featured-title{text-align: center; background: url("../images/line1.png") no-repeat center center; font-size: 24px; font-weight: 600; padding: 10px 0; letter-spacing: 1px;     text-indent: -18px;}
.frame { height: 200px; position: relative;  }
.frame img { max-height: 100%;  max-width: 100%;  width: auto;  height: auto;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  margin: auto;  }
.featured-product{margin: 15px 0; outline: none;}
.featured-product span{text-align: center; font-size: 15px; font-weight: 700; display: block; margin: 20px 0; color:#10202d;}
.case-section{ padding-top: 20px; padding-bottom: 50px; color:#fff;}
.case-section h3{ padding-left: 15px; font-weight: 700; font-size: 24px;}
.case-section h3 a{ color: #ffffff;}
.case-box{height: 150px; position: relative; border-radius: 5px;}
.case-box p, .case-box a{color: #fff;}
.case-box2 ul li {
    margin-left: 20px;
    font-size: 18px;
    list-style: disc;
    margin-top: 7px;
}
.case-box1{ background-color:  #4a647a; padding: 15px; padding-top: 20px;}
.case-box1 .learn-more{text-decoration: underline; position: absolute; right: 15px; bottom: 8px;}
.case-box1 h5{ border-bottom: 1px solid #fff; font-size: 15px;}
.case-box1 h4{ font-size: 18px; font-weight: 700; padding-top: 10px;}
.case-box2{/*background: url("../images/case-home2.jpg") no-repeat center center;*/background-color:  #4a647a; background-size: cover;  padding: 15px; padding-top: 20px;}
.case-box2 p{width: 60%; font-size: 15px; font-weight: 300; line-height: 1.2em;}
.case-box2 .learn-more{text-decoration: underline; position: absolute; left: 15px; bottom: 8px;}
.case-box3{background-color: #fff;}
.case-box3 h5{ color:#10202d; line-height: 37px; padding-left: 25px; font-size: 15px;}
.case-box3 ul li{margin-bottom: 2px;}
.case-box3 ul li a{ display: block; line-height: 34px; font-size: 18px; font-weight: 700; padding-left: 25px;}


footer{background-color: #000; color:#fff; padding-top: 20px; padding-bottom: 10px;}
footer p, footer a{color:#fff;}
.widget-footer ul{margin-left: 15px;}
.widget-footer ul li a{font-size: 14px;}
.widget-footer h5{font-size: 18px;}
.widget-footer .find-rep{color:#ed2539}
.footer-down{margin-top: 10px;}
.footer-menu {padding-top: 50px;}
.footer-menu  li{ display: inline-block;}
.footer-menu  li a{font-size: 15px;}
.footer-menu  li:after{content: "|"; padding:  0 2px;}
.footer-menu  li:last-child:after{content: none; padding: 0;}



/* ==========================================================================
   Hamburger
   ========================================================================== */
.hamburger {
    padding: 15px 15px;
    display: none;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    right: 10px;
    top: 0;}
.hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
    width: 24px;
    height: 20px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 24px;
    height: 3px;
    background-color: #10202d;;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -8px; }
.hamburger-inner::after {
    bottom: -8px; }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #10202d;; }
.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease;
    background-color: #10202d;; }
.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #10202d;; }


/*	Landing Page*/
	.col2-3 {
	    width: 20%;
	    float: left;
	}


	ul.services-list {
	    text-indent: 2px;
	    list-style: none;
	    list-style-position: outside;
	    font-size: 1.1rem;
	    line-height: 1.8rem;
	    padding-right: 3rem;
	}
	.companies-item {
	    margin-top: 3rem;
	}
	
	section.models-brands h3 {
	    font-size: 1.8rem;
	    text-align: center;
	    margin-top: 2rem;
	    margin-bottom: 0.3rem;
	}
	section.models-brands p {
	    font-size: 0.9rem;
	    text-align: center;
	    font-weight: bold;
	}
	p.dht {
	    font-size: 1rem;
	    font-weight: normal!important;
	    font-style: italic;
	    margin-top: 2rem;
	    margin-bottom: 2rem;
	}

	.landing-products img { max-height: 185px;}

/* ==========================================================================
   Subpage
   ========================================================================== */
.position-absolute{position: absolute;}
.bg-lightblue{ position: absolute;  z-index: -1;     top: -200px;  z-index: -1; right: -180px;}
.head-title{padding: 3px 0;}
.head-title .title{color:#fff; font-weight: 800; font-size: 24px;}
.head-title .title span{font-weight: 400;}
.content{padding-top: 35px; padding-bottom: 70px;}
.main-content{padding-left: 30px; padding-right: 55px;}
.main-content h1, .main-content h2 , .main-contenth3,  .main-contenth4, .main-content h5, .main-content h6{font-family: 'Roboto Condensed', sans-serif;}
.main-content h2{font-size: 31px; letter-spacing: -1px; line-height: 1em; }
.main-content h1{font-size: 47px; letter-spacing: -1px; line-height: 1em}
.main-content h3{font-size: 24px;  line-height: 1em; margin-top: 30px;}
.main-content h4{font-size: 20px;  line-height: 1em; margin-top: 30px;}
.main-content h5{font-size: 18px;  line-height: 1em; margin-top: 30px;}
.main-content p{font-size: 18px; margin-top: 30px; }
.main-content ul{margin-left: 20px; list-style: disc;}


.main-content a{font-size: 18px;  font-weight: 600; color:#000;}
.main-content a.text-underline{padding-left: 25px;}
.padding-bottom-500{padding-bottom: 500px;}
.sidebar-widget{margin-bottom: 60px;}

.main-content ul li {
    margin-left: 20px;
	font-size: 18px;
    list-style: disc;
	margin-top: 7px;
}

.main-content a {text-decoration: underline;}

/* ==========================================================================
   Contact
   ========================================================================== */
.contact-form{ border:0; margin-top: 35px;}
.contact-form input{width: 100%; font-weight: 600; font-size: 18px; border-radius: 5px; height: 45px; line-height: 45px; padding-left: 15px; border:1px solid #7e7e7e; margin-bottom: 10px; outline: none;}
.contact-form textarea{width: 100%; border-radius: 5px; height: 165px;  padding-left: 15px; border:1px solid #7e7e7e; margin-bottom: 10px; outline: none;}
.contact-form label{ font-size: 18px; font-weight: 600;  padding-top: 8px; display: block;}
.contact-form input[type="submit"]{ color:#fff;  background-color: #10202d; width: 180px; padding: 0; float:right; margin-top: 20px; }
.sidebar-widget{margin: 50px 0;}
.sidebar-widget h5{ font-size: 20px; font-weight: bold;}
.sidebar-widget p{font-size: 18px; color:#000;}
.sidebar-widget p a{ color:#000; text-decoration: underline;}
.img-big img {max-height: 500px; width: auto;}



/* ==========================================================================
   Category
   ========================================================================== */
.intro-category{background-color: rgba(255,255,255,0.8); margin-top: 25px;}
.intro-category .container{ padding:15px 20px; padding-bottom: 0;}
.intro-category p{margin-top: 0; margin-bottom: 20px; font-size: 18px; font-weight: 600;}
.intro-category h2{font-size: 31px; letter-spacing: -1px; line-height: 1em;font-family: 'Roboto Condensed', sans-serif; }
.intro-category h1{font-size: 47px; letter-spacing: -1px; line-height: 1em; font-family: 'Roboto Condensed', sans-serif;}
.slider-category-group h3{padding-bottom: 20px;}


/* ==========================================================================
   Category
   ========================================================================== */
.head-title ul{margin-left: 45px;}
.head-title  li{ display: inline-block; line-height: 35px;}
.head-title  li a{font-size: 18px; color:#fff;}
.head-title  li:after{content: "|"; padding:  0 10px; color:#fff; position: relative; top:-2px;}
.head-title  li:last-child:after{content: none; padding: 0;}

/* ==========================================================================
   Rep-page
   ========================================================================== */
.rep-main .main-content{ padding-right: 25px;}
.bullet-list{margin-left:30px; margin-bottom: 15px;}
.bullet-list li{list-style: disc; margin-top: 7px;}
.bullet-list li{ font-size: 18px;}
.bullet-list li a{ font-size: 18px;}
.rep-main .sidebar .video-sidebar{ margin: 55px 0;}


/* ==========================================================================
   Product
   ========================================================================== */
.accordion{margin-bottom: 5px;}
.acc-title{ background-color: #96989a; padding: 0 15px; cursor: pointer; }
.acc-title h3{ line-height: 33px; font-size: 24px; color:#fff; background: url("../images/acc-plus.png") no-repeat; background-position: 100%; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease; margin-top: 20px;}
.acc-open h3{ background: url("../images/acc-minus.png") no-repeat; background-position: 100%; -webkit-transition: all 300ms ease;  -moz-transition: all 300ms ease;  -ms-transition: all 300ms ease;  -o-transition: all 300ms ease;  transition: all 300ms ease;}
.acc-content{padding: 15px; display: none;}
.acc-content .file-list li a{/*display: table;*/  font-size: 18px; color:#000; text-decoration: underline; margin-bottom: 5px; /*background: url("../images/file.png") no-repeat;*/ background-position: 100%; padding-right: 20px;}
.certification img{margin-right: 20px;}
.sidebar .title-sidebar-widget{ font-size: 18px; font-weight: 700; padding-bottom: 15px;}
.sidebar-padd-55{padding-top: 55px;}
.search-results .featured-product{height: 240px;}
.slick-next{background: url("../images/arrow-right-icon.png") no-repeat; width: 20px; height: 40px; background-size: 20px 40px; text-indent: -99999px; margin-top: -25px;}

.slick-prev{background: url("../images/arrow-left-icon.png") no-repeat; width: 20px; height: 40px; background-size: 20px 40px; text-indent: -99999px;margin-top: -25px;}


/* ==========================================================================
   Rep Locator
   ========================================================================== */
.sidebar-locator{}
.sidebar-locator{font-weight: 600;}
.sidebar-locator h3{font-size: 18px; color:#fff; padding: 5px 10px;}
.sidebar-locator p{padding: 10px 20px; font-size: 16px; font-weight: 600;}
.form-map select, .form-map input{ width: 160px; font-size: 18px; font-weight: 500;  height: 35px; padding-left: 10px; margin-bottom: 15px; margin-right: 10px; border-radius: 5px; border:2px solid #7e7e7e;}
.form-map input[type="submit"]{padding-left: 0; background-color: #fff;}
::-webkit-input-placeholder {
    color: #828282;
    font-size:15px;
}
:-moz-placeholder { /* Firefox 18- */
    color: #828282;
    font-size:15px;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #828282;
    font-size:15px;
}
:-ms-input-placeholder {
    color: #828282;
    font-size:15px;
}
.wpgmza_sl_main_div{position: relative;}
.wpgmza_sl_main_div label{display:none;}
/*.wpgmza_sl_main_div {display:none;} */
.wpgmza_sl_radius_innerdiv1 label{display:none;}
#addressInput, #radiusSelect, .wpgmza_sl_search_button{width: 160px; font-size: 18px; font-weight: 500;  height: 35px; padding-left: 10px; margin-bottom: 15px; margin-right: 10px; border-radius: 5px; border:2px solid #7e7e7e;}
.wpgmza_sl_search_button{padding-left: 0; background-color: #fff;  position: absolute; top: 0;  left: 350px;}
#addressInput{position: absolute; top: 0;  left: 175px;}
#radiusSelect{position: absolute; top: 0; }
.tml-action-links{display: none!important;}
#loginform1{margin-top: 25px;}
#loginform1 p{margin-top: 0px;}
#loginform1 input[type="text"], #loginform1 input[type="password"], #loginform1 input[type="submit"]{width: 100%; font-weight: 600; font-size: 18px; border-radius: 5px; height: 45px; line-height: 45px; padding-left: 15px; border:1px solid #7e7e7e; outline: none;}
#loginform1 input[type="submit"]{color:#fff;  background-color: #10202d; width: 150px; padding: 0; float:right; margin-top: 20px;}

.news-post{margin-bottom: 45px; padding:  0 20px; text-align: center;}
.news-post h3{ text-align: center; font-size: 15px;  font-weight: 700;  display: block;  margin: 20px 0;  color: #10202d;}


.page-template-page-locator  .prettyMapList{ position: relative;  margin-top: 70px;}
.page-template-page-locator .prettyMapList .prettyFileBar{ position: absolute; width: 100%;  top: -60px;}
.page-template-page-locator .prettyMapList .customCategoryList{ position: absolute!important;}
.page-template-page-locator .prettyMapList .prettyFileBar .prettyMapListSearch{ position: absolute; top: 0;  left: 180px;}
.page-template-page-locator .prettyMapList .prettyFileBar .btn{  background: #fff; width: 160px; font-size: 18px;  font-weight: 500;  height: 35px;  padding-left: 10px;  margin-bottom: 15px;  margin-right: 10px;  border-radius: 5px;  border: 2px solid #7e7e7e; line-height: 20px;}
.page-template-page-locator .prettyMapList .customCategoryList .btn:before{background: none;}
.page-template-page-locator  .prettyMapList .customCategoryList>ul{ width: 155px; z-index: 9999;  top: 35px;  left: 5px; border: 2px solid #7e7e7e;}
.page-template-page-locator .prettyMapList .prettyFileBar .prettyMapListSearch label{ float: right; font-size: 20px; padding-top: 3px; padding-left: 10px;}
.page-template-page-locator .prettyMapList .directionsPostcode, .prettyMapList .prettyFileBar .prettyMapListSearch input, .prettyMapList .prettyFileBar .prettySearchValue{width: 155px;; height: 35px; border-radius: 5px!important;  border: 2px solid #7e7e7e!important; outline:0; }
.page-template-page-locator .prettyMapList .directionsPostcode, .prettyMapList .prettyFileBar .prettyMapListSearch input, .prettyMapList .prettyFileBar .prettySearchValue:focus{border-radius: 5px;  border: 2px solid #7e7e7e; outline:0;}
.page-template-page-locator  .prettyMapList .prettyFileBar .prettyMapListSearch .clearSearch {  margin-left: 3px;  position: relative;     top: 2px; left: 0;  width: 80px; }
.page-template-page-locator .prettyMapList .corePrettyStyle:hover a, .prettyMapList a.corePrettyStyle:hover{ color:#21759B!important;}
.page-template-page-locator .prettyMapList .customCategoryList ul a{ font-size: 16px; padding: 10px;}


.form-rep-wrapper{ margin: 45px 0;}
.form-rep { max-width: 380px; padding-right: 40px; position: relative; display: block; }
.form-rep select{width: 100%; margin-bottom: 10px; height: 33px; border-radius: 6px; padding-left: 15px; outline: none;}
.form-rep label{ position: relative; top: 5px;}
.main-content .results-rep h3{font-size: 17px; font-weight: bold; margin-bottom: 20px; margin-top: 35px;}
.main-content .results-rep h3.residential-rep{color:#da3c41;}
.main-content .results-rep h3.commercial-rep{color:#14202c;}
.main-content .results-rep h3.industrial-rep{color:#44812c;}
.main-content .results-rep p{margin-bottom: 0; font-weight: 500; font-size: 17px; margin-top: 0;}
.main-content .results-rep p:first-of-type{margin-bottom: 0;}
.loading-img{display: none; width: 30px;  height: 33px;  background: url(../images/ajax-loader-new.gif) no-repeat;  background-size: 30px 33px; position: absolute; top: 50%; margin-top: -18px; right: 0; }
.rep-cont { margin-bottom: 30px; }
.row-disabled { opacity: .3; pointer-events: none; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Modify as content requires.
   ========================================================================== */
/*
 * Tablet
 */
@media only screen and (max-width: 1120px) {
    /* Tablet grid */
    .col-md-12{width:100%;}
    .col-md-11{width:91.666666666667%;}
    .col-md-10{width:83.333333333333%;}
    .col-md-9{width:75%;}
    .col-md-8{width:66.666666666667%;}
    .col-md-7{width:58.333333333333%;}
    .col-md-6{width:50%;}
    .col-md-5{width:41.666666666667%;}
    .col-md-4{width:33.333333333333%;}
    .col-md-3{width:25%;}
    .col-md-2{width:16.666666666667%;}
    .col-md-1{width:8.3333333333333%;}

    /* Helpers */
    .hidden-tablet { display: none; }
    .visible-tablet { display: block; }

    .container{width: 100%; padding: 0 30px;}
    .logo{width: 320px; display: block;}
    .search-group p{font-size: 18px;}
    .search-form input[type="text"]{width: 170px;}
    .social li a{width: 25px;}
    .social { margin-right: 50px;}
    .main-menu li a{font-size: 16px;}
    .submenu-group{  width: 100%; left: 0;}
    .box .menu li a{font-size: 14px;}
    .box .find-rep{font-size: 14px;}
    .intro-text p{font-size: 25px;}
    .footer-menu li a{font-size: 13px;}
    .footer-down-right p{font-size: 14px;}

    /*----subpage----*/
    .main-content h2{font-size: 26px;}
    .main-content p{font-size: 15px;}
    .head-title  li a{font-size: 15px;}
    .head-title .title{float: none;}
    .head-title ul{float: none; margin-top: 10px; margin-left: 0;}

    .form-map select, .form-map input{width: 145px;}
}

/*
 * Mobile
 */
@media only screen and (max-width: 767px) {
    /* Mobile grid */
    .col-sm-12{width:100%;}
    .col-sm-11{width:91.666666666667%;}
    .col-sm-10{width:83.333333333333%;}
    .col-sm-9{width:75%;}
    .col-sm-8{width:66.666666666667%;}
    .col-sm-7{width:58.333333333333%;}
    .col-sm-6{width:50%;}
    .col-sm-5{width:41.666666666667%;}
    .col-sm-4{width:33.333333333333%;}
    .col-sm-3{width:25%;}
    .col-sm-2{width:16.666666666667%;}
    .col-sm-1{width:8.3333333333333%;}

    /* Helpers */
    .hidden-mobile { display: none; }
    .visible-mobile { display: block; }

    .container{padding: 0 20px;}
    .hamburger{display: inline-block;}
    .logo{float: none;  width: 75%;}
    .menu-group{padding: 20px 0;background-color: rgba(255,255,255,0.95); position: absolute; width: 100%;}
    .main-menu{float: none; text-align: center;}
    .main-menu > li{display: block; font-size: 20px; margin-left: 0; margin-bottom: 10px;}
    .header-right{float: none;}
    .social{  float: none; margin: 15px;}
    .social li a{width: 20px;}
    .search-group p{font-size: 16px; margin-left: 25px;}
    .hero{height: 100%;}
    .hero-info{padding-bottom: 65px;}
    .hero-info h1{font-size: 26px;}
    .hero-info h2{font-size: 20px;}
    .hero-info p{font-size: 14px;}
    .intro-text{position: inherit;}
    .box{margin-bottom: 35px;}
    .intro-text p{ font-size: 16px; padding:20px 0;}
    .box .menu li a{font-size: 12px;}
    .box h5 { font-size: 18px; line-height: 45px;}
    .box .find-rep{font-size: 12px;}
    .featured-title{font-size: 18px; letter-spacing: 0;}

    .case-box{margin-bottom: 25px;}
    .case-box1 h4{font-size: 16px;}
    .case-section h3{font-size: 18px;}
    .case-box1 .learn-more{font-size: 13px;}
    .case-box2 p{font-size: 13px;}
    .case-box1 h5{font-size: 13px;}
    .case-box3 h5{font-size: 13px;}
    .case-box3 ul li a{font-size: 15px;}

    .widget-footer{text-align: center; margin-bottom: 20px;}
    .widget-footer h5{font-size: 15px;}
    .footer-menu{padding-top: 0; padding-bottom: 30px;}
    .footer-menu li a{font-size: 12px;}
    .footer-down-right p{font-size: 12px;}

    /*----subpage----*/
    .padding-bottom-500{padding-bottom: 0;}
    .head-title .title{font-size: 20px;}
    .content{padding-bottom: 35px;}
    .main-content{padding: 0; padding-bottom: 35px;}
    .main-content h3{font-size: 13px;}
    .main-content h3{font-size: 18px;}
    .main-content h2{font-size: 22px;}
    .main-content h1{font-size: 28px;}
    .main-content p{font-size: 15px;}
    .main-content a{font-size: 15px;}
    .bg-lightblue {  position: absolute;  z-index: -1;  top: -240px; right: 0;}
	.main-content ul li { font-size: 15px; }

    /*----contact----*/
    .contact-form input , .contact-form textarea, .contact-form label{font-size: 13px;}
    .sidebar-widget h5{ font-size: 16px;}
    .sidebar-widget p{font-size: 13px; }

    /*----category-----*/
    .intro-category-left{margin-bottom: 25px;}
    .intro-category p{font-size: 13px; }
    .intro-category h2{font-size: 22px; }
    .intro-category h1{font-size: 28px;}

    .bullet-list li{ font-size: 13px;}
    .bullet-list li a{ font-size: 13px;}
    .head-title  li a{font-size: 13px;}

    /*----product-----*/
    .acc-content .file-list li a{font-size: 13px;}
    .sidebar .title-sidebar-widget{font-size: 13px;}

    /*----rep-locator----*/
    .sidebar-locator h3{font-size: 15px;}
    .sidebar-locator p{font-size: 13px;}
    .sidebar-widget{margin-bottom: 30px;}
    
    .form-rep label { top: auto; margin-bottom: 5px; display: block; }
}


/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
    line-height: 0;
    font-size: 14px;
    margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}


/* dropdown css */

#menu-item-495 .submenu-group {
    background-color: transparent;
}

#menu-item-495 .submenu-group li {
    background-color: rgba(16,32,45,1.0);
}

#menu-item-495 .box .menu li {
    margin: 0;
    border-bottom: 1px solid #fff;
}

#menu-main-menu .sub-menu {
    display: none; 
    position: absolute;
    top: 30px; 
}

#menu-main-menu .sub-menu li { 
    float: none; 
    width: 240px; 
/*    height: 50px;*/
    background-color: rgba(16,32,45,1.0);
    padding: 7px 15px 7px 15px;
}

#menu-main-menu .sub-menu li a { 
	padding: 10px 0;
    font-size: 16px;
    color: #fff;
	line-height: 1em;
}

#menu-main-menu li:hover > ul {
    display: block;
}