*{margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* Elements */
html{height:100%}
body{font:80%/1.5 'Roboto Condensed',Arial, Helvetica, sans-serif;padding-top:105px;}
h1,.sub-head{text-transform:uppercase;font-size:48px;margin-top:28px;color:#333;background:url(../images/green-line.jpg) no-repeat bottom center;padding-bottom:17px;margin-bottom:32px}
p{margin:0px 0px 15px;line-height:22.22px;font-size:18px;font-weight:300}
ul,ol{list-style:none}
img{max-width:100%}
a{color:#51b93c;text-decoration:none}
a:hover{text-decoration:underline}

/* Main Sections */
#wrapper{width:100%;}
#header .inner{max-width:1726px}
#header{height:105px;background:#000;position:fixed;top:0px;left:0px;width:100%;z-index:999}
#main{width:100%;text-align:center}

/* Identifiers */
#datepicker{background:url(../images/calendar.png) no-repeat right 10px top 13px;background-size: 19px;cursor:pointer}
#info-top{float:right;color:#fff;font-size:24px;}
#info-top .fa{font-size:21px}

/* Classes */
.behalf .inner{max-width:1015px;margin:0px auto;color:#fff;padding:62px 0px}
.behalf p{font-size:18px;text-transform:uppercase;line-height:36px;font-weight:bold}
.breadcrumbs{background:#eee;color:#000}
.clr{clear:both}
.col-3-servicing,.col-3{float:left;width:100%;margin-bottom:45px}
.col-3{margin-top:30px}
.col-3-servicing li,.col-3 li{float:left;width:31.333%;margin-right:3%;text-align:left;background:#f7f7f7;min-height:1120px;height:auto}
.col-3 li{min-height:370px;background:#eee;padding:20px;text-align:center}
.col-3 li:nth-child(2){background:#f9f9f9}
.col-3 li h3{font-size:24px;text-transform:uppercase;margin-bottom:10px}
.col-3-servicing li:nth-child(3),.col-3 li:nth-child(3){margin-right:0px}
.col-3-servicing h2,.col-2-bvm li h2{background:#51b93c;padding:6px 0px;text-transform:uppercase;color:#343434;font-size:30px;font-weight:bold;padding:3px 18px}
.col-3-servicing li ul li{float:left;width:100%;font-size:18px;color:#343434;line-height:24px;min-height:0px}
.col-3-servicing .fa-li{left:-2.14285714em;width:3.143em;top:0.29em;}
.col-3-servicing ul{margin:11px 2.3em 20px;float:left}
.col-3-servicing h3,.col-2-bvm li h3{text-transform:uppercase;margin-bottom: 15px;line-height: 22px;font-size:24px;clear:both;margin-left:17px;}
.col-4{max-width:1536px;width:95%;margin:0px auto}
.col-4 li h3{font-size:22px;margin-bottom:20px;font-weight:300;text-transform:uppercase}
.col-4.home-box{margin:30px auto 50px auto}
.col-4 li{width:17.1875%;margin-right:10.2213%;float:left;}
.col-4 li:nth-child(4n){margin-right:0px}
.col-4 li img{margin-bottom:13px}
.col-4.services-home li{width:25%;margin-right:0px}
.col-4.services-home li li,.col-3.re-mapping li li{width:100%;text-align:left;font-size:18px}
.col-3-re-mapping li li{line-height:22px;margin-bottom:15px;width: 100%;font-size: 18px;}
.col-3-re-mapping h2{font-size: 30px !important;line-height: 38px !important;margin-bottom: 10px;text-transform: uppercase;}
.col-3-re-mapping li{float:left;width:30.333%;margin-right:3%;text-align:left}
.col-3-re-mapping li:nth-child(3){margin-right:0px}
.col-2-bvm{float:left;width:100%;margin:30px 0px}
.col-2-bvm li{float:left;width:48%;margin-right:2%;text-align:left;background:#f7f7f7;min-height:426px;margin-bottom:20px}
.col-2-bvm li:nth-child(2){margin-right:0px}
.col-2-bvm li p{padding:0px 18px}
.col-2-bvm li h2{margin-bottom:15px}
.booking-form h2{clear:both;text-transform: uppercase;margin-bottom: 20px;}
.booking-form label {font-size: 16px;}
.contact-us,.booking-form{clear:both;padding:40px 0px;max-width:990px;margin:0px auto;}
.booking-form{margin-top:5px}
.contact-us h2,.manufacturers h2{font-size:48px;text-transform:uppercase;}
.contact-us h3{text-transform:uppercase;font-size:30px;}
.contact-us .fields,.booking-form .booking-field{width:48%;margin-right:4%;border:1px solid #000;padding:12px 28px;text-transform: capitalize;margin-bottom:24px;font-family:'Roboto Condensed';font-size:18px}
.booking-form .booking-field{width:100%}
.booking-form .booking-field.half{width:48%;margin-right:4%;float:left;}
.booking-field.security{width: 50px !important;padding: 3px 10px !important;float: none !important;margin-left: 5px;margin-top: 10px;}
.contact-us .fields:nth-child(2),.booking-form .booking-field.half.margin{margin-right:0px;}
.contact-us .fields.long{width:100%;}
.contact-us .fields.message,.booking-form .booking-field.message{height:105px}
.contact-left{float:left;width:45%;margin-right:5%;text-align: left;}
.contact-right{float:left;width:50%;margin-bottom:40px}
.contact-right input, .contact-right select,.contact-right textarea {width: 100%; margin-bottom: 10px;padding: 11px 9px;border: 1px solid #888;font-family: 'Roboto Condensed';font-size: 16px;}
.contact-right .submit-btn{padding:5px;font-size:20px}
.contact-fields.security {width: 46px;height: 32px;padding: 0px 6px;margin-left: 7px;}
.green{color:#51b93c}
.green-line{max-width:175px;width:100%;margin:37px auto 51px;border:1px solid #51b93c;}
.inner{max-width:1536px;width:95%;margin:0px auto}
.inner.smaller{max-width:1100px;}
.large-font{font-size:32px;text-transform:uppercase}
.logo{float:left;margin-top:14px}
.mapprint{display:none}
.manufacturers{width:100%;padding:35px 15px 55px 15px;}
.medium-font{font-size:26px}
.pathway{display:inline-block;text-decoration:none;color:#000;}
.seperator{display:inline-block;width:30px;text-align:center}
.wrap-black{background:#000;padding:40px 0px;float:left;width:100%;clear:both;color:#fff;margin:30px 0px;}
.wrap-black h2{text-align:center;font-size:48px;line-height:24px;margin-bottom:43px;text-transform:uppercase;}
.wrap-black h3{font-size:24px;font-weight:bold;line-height:22.22px;margin-bottom:20px}
.wrap-black.servicing{margin:30px 0px 45px}
.sitemap li {display: inline-block;margin: 10px 4%;vertical-align: top;}
.sitemap li li{display:block;margin:0px;font-size:18px}
.submit-btn{width:100%;background:#51b93c;color:#fff;font-family:"Roboto Condensed";font-size:26px;text-transform:uppercase;font-weight:300;border:none;padding:4px 0px;cursor:pointer}
.white{color:#fff}
.white-btn{width:100%;display:block;color:#51b93c;text-align:center;text-decoration:none;font-size:24px;text-transform:uppercase;font-weight:300;border:2px solid #51b93c;padding:10px;}
.white-btn .fa{font-weight:300;font-size:20px}

/* Footer */
#footer{height: auto;float: left;width: 100%;background:#333;padding:27px 0px;margin-top:35px}
#footer ul li{float:left;width:25.6%;margin-right:1%;}
#footer ul li.first{width:20%;}
#footer ul li p,#footer ul li ul li a,#footer ul li ul li{color:#fff;line-height:24px;width:100%;text-decoration:none;font-size:18px;font-weight:300;display:block}
#footer ul li:nth-child(4){margin-right:0px}
#footer ul li .module-title{font-size:24px;text-transform:uppercase;line-height:22.22px;margin-bottom:25px;color:#fff}
#footer-bottom{background:#000;padding:14px 0px;clear:both}
#footer-bottom span{color:#fff;font-size:18px;font-weight:300}

/* Navigational Menu */
#mobile-nav{display:none}
#nav{float:right;margin-top:10px;clear:right}
#nav ul li{float:left;margin-right:24px}
#nav ul li.item-114{margin:0px}
#nav ul li.active a,#nav ul li a:hover{color:#86d676;border-bottom:1px solid #86d676;padding-bottom:4px}
#nav ul li a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:24px;transition:ease 0.4s}
#nav ul ul {display: none;}
#mobile-nav a#pull{display:none;}


/************************************************************/
/************************ RESPONSIVE ************************/
/************************************************************/

@media only screen and (max-width :1760px){
#nav ul li {margin-right: 18px;}
#nav ul li a {font-size: 22px;} 
}

@media only screen and (max-width :1580px){
#nav ul li a {font-size: 20px;}
}

@media only screen and (max-width :1470px){
#nav ul li a {font-size: 18px;}
.logo {margin-top: 18px;width: 230px;}
}

@media only screen and (max-width :1340px){
#nav{margin-top:18px}
#nav ul li a {font-size: 16px;}
.logo {margin-top: 29px;width: 190px;}
}

@media only screen and (max-width :1180px){
#nav{margin-top: 30px;}
#nav ul li {margin-right: 14px;}
#nav ul li a {font-size: 15px;}
.logo {margin-top: 31px;width: 170px;}
}

@media only screen and (max-width :1080px){
#header {height: 126px;}
#nav {margin-top: 0px;clear: both;float: left;}
.logo {margin-top: 17px;width: 230px;}
.booking-form {padding: 0px 40px;}
.contact-us, .booking-form {clear: both;padding: 0px 40px 40px;max-width: 990px;margin: 0px auto;}
}

/** Tablet **/
@media only screen and (max-width :860px){
/* Elements */

/* Main Sections */	

/* Identifiers */

/* Classes */
.col-3-servicing h2, .col-2-bvm li h2 {font-size: 22px;padding: 9px 16px;line-height: 28px;}
.col-3-servicing li ul li {font-size: 16px;line-height: 22px;margin-bottom: 4px;}
.col-3-servicing h3, .col-2-bvm li h3 {margin-bottom: 5px;line-height: 22px;font-size: 20px;}
.col-4 li li{margin-bottom: 0px;}
.col-4 li {width: 47%; margin-right: 6%;margin-bottom:35px}
.col-4 li:nth-child(2n){margin-right:0px}
.col-4.home-box li {width: 47%;margin-right: 6%;float: left;margin-bottom: 33px;}
.col-4.home-box li:nth-child(2n) {margin-right: 0px;}
.col-4.services-home li li, .col-3.re-mapping li li {font-size: 16px;}
.col-4.services-home li {width: 50%;margin-bottom: 0px;}
/* Right */

/* Navigational Menu */
}

@media only screen and (max-width :800px){
#nav ul li a {font-size: 14px;}
}

/** Mobile **/
@media only screen and (max-width :750px){
/* Elements */
h1, .sub-head {font-size: 36px;margin-top: 15px;padding-bottom: 7px;margin-bottom: 27px;}
p {font-size: 16px;}
body {padding-top: 120px;}

/* Main Sections */	
#header{text-align:center;padding:10px;height:auto;}

/* Identifiers */
  #info-top{display:none}
/* Classes */
.behalf .inner {padding: 25px 0px;}
.behalf p {font-size: 17px;line-height: 24px;}
.contact-us h2, .manufacturers h2{font-size: 30px;}
.contact-us h3,.col-3-re-mapping h2  {font-size: 26px !important}
.contact-us .fields, .booking-form .booking-field {font-size: 16px;}
.col-2-bvm li {width: 100%;margin-right: 0%;min-height: auto;margin-bottom: 20px;}
.col-3-servicing{margin-bottom: 0px;}
.col-3-servicing li{width: 100%;margin-right: 0px;min-height: auto;margin-bottom: 20px;}
.col-3-servicing li li{margin-bottom:0px}
.col-3-servicing h2, .col-2-bvm li h2 {font-size: 20px;padding: 7px 18px;line-height: 22px;}
.col-3-servicing li ul li {font-size: 16px;}
.col-3-servicing ul {margin: 7px 2em 14px;float: left;}
.col-4 li h3 {font-size: 20px;margin-bottom: 12px;}
.green-line {margin: 16px auto 39px;}
.large-font {font-size: 24px;line-height: 15px}
.logo {float: none;margin:0px auto;}
.medium-font {font-size: 20px;}
.submit-btn {font-size: 20px;}
.white-btn {font-size: 20px;padding: 6px;}
.wrap-black h2 {font-size: 28px;line-height: 19px;margin-bottom: 26px;}
.wrap-black h3 {font-size: 20px;margin-bottom: 13px;}
.wrap-black {padding: 20px 0px;}
.wrap-black.servicing {margin: 16px 0px 24px;padding: 17px 0px 6px;}

/* Footer */
#footer {height: auto;padding: 16px 0px;margin-top: 30px;float: left;width: 100%;}
#footer-bottom {clear: both;float: left;width: 100%;}
#footer ul li,#footer ul li.first {width: 47%;margin-right:6%;margin-bottom:15px}
#footer ul li:nth-child(2n){margin-right:0px}

/* Navigational Menu */
#nav{display:none;}
#mobile-nav{display:block;position: fixed;top: 82px;width: 100%;z-index:999}
#mobile-nav ul,#mobile-nav ul ul li{display:none;height:auto}
#mobile-nav ul ul{position:static;left:0px;top:0px;width:100%}
#mobile-nav ul li{float:left;display:block;width:100%;margin-bottom:0px;position:relative;border:none}
#mobile-nav ul li a{display:block;border-radius:0px;color:#fff;font-size:18px;padding:10px 0px 10px 11px;background:#444;text-decoration:none}
#mobile-nav ul li.active a{background-color:#000}
#mobile-nav ul li.item-142 a::after{content:"Activity Feed";}
#mobile-nav ul li:nth-child(1) img{display:none}
#mobile-nav ul li.item-142 a{height:auto;}
#mobile-nav a#pull{display:block;padding:4px 0px 0px 10px;background-color:#444;width:100%;position:relative;height:38px;color:#fff;font-size:18px;text-decoration:none}
#mobile-nav a#pull:after{content:"";background:url(../images/nav-icon.png) no-repeat;width:22px;height:22px;position:absolute;right:10px;top:9px;}
#mobile-nav ul li ul li a{padding-left:30px;background:url(../images/bul-nav.png) no-repeat top 18px left 20px #000!important;}
}

@media only screen and (max-width :500px){
h1,.sub-head {font-size: 28px;margin-top: 15px;margin-bottom: 24px;}
h2,.contact-us h2, .manufacturers h2,.col-3-re-mapping h2 {font-size:22px !important;line-height:24px}
h3,.contact-us h3{font-size:20px!important;line-height:24px}
p,.col-3-re-mapping li li,.col-3-servicing li ul li {font-size: 14px;}
.booking-form .booking-field.half {width: 100%;}
.col-4.home-box li {width: 100%; margin-right: 0px;float: left;margin-bottom: 40px;padding: 0px 20px;}
.col-4.home-box li:nth-child(4){margin-bottom:0px}
.col-3-re-mapping li {float: left;width: 100%;margin-right: 0px;text-align: left;}
.col-3-re-mapping h2{text-align:left}
.col-4.services-home li {width:100%;margin-bottom:0px !important}
.contact-left,.contact-right{width:100%;margin-bottom:15px}
.contact-left p{padding:0px}
.contact-us .fields, .booking-form .booking-field {width: 100%;margin-right: 0%;padding: 10px 22px;margin-bottom: 13px;}
#footer ul li,#footer ul li.first{width:100%;margin:0px 0px 20px}
#main p{padding:0px 15px}
}