*{padding:0; margin:0; }

body{font-family: 'Open Sans', sans-serif !important; font-size: 18px; font-weight: 100; color: #696969; background: #fff !important;}


/*MULTIPLE STYLING*/
h1, h2, h3, h4{text-align:center; font-size:25px; color:#2f932b;}
h2{font-size:18px; color:#afafaf;}
h3{font-size:15px; color:#FFFFFF;}
h4{font-size:18px; font-weight: 600; margin-bottom: 0;}
.container{max-width: 1200px; margin: 0 auto; }
.line{width: 100%; height: 1px; background-color: #f3f2f2;}
.padding{padding: 20px 0;}
.padding2{padding:12px 0;}
.space{padding:40px 0;}
.green{background-color: #2f932b;}
.maxwidth{width: 100%; }
.spacer{padding-top: 100px;}
.greybackground{ background-color: #fbfbfb; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.input-group{margin-bottom: 15px;}
a .button {text-decoration: none;}
a .button:hover {text-decoration: none;}
.btn-warning:hover { background: #277924; border-color: #1e5d1c;}
.btn-warning{border: none;}
#TestWhole{font-weight: 700;}
#TestText{font-weight:300;}
/*MULTIPLE STYLING*/

/*HEADER*/
.left{font-size: 18px; text-align: left;}
.right{font-size: 18px; text-align: right;}
.right img{ margin: 0 5px; width: 22px;}
.left p{margin: 0px; color: #afafaf;}
.right p{margin: 0px; color: #afafaf; float: right; margin-top: 1px;}
.logo img{margin-top: 20px; display: block;}
.number img{ float: left; margin: 25px 5px 0px 0px;}
.number h2{ font-size: 36px; font-weight: 700; float: left; margin: 20px 0px 0px 0px;  color:#444444;}
.number p {float: right; font-size: 19px; width: 100%; text-align: right; color:#afafaf;}
.number-wrap{ float: right; max-width: 390px;}
.close img{ max-width: 30px; margin-left: 10px;  }
.next-line{ display: none; }
.mob-number h2{ background-color: #0c58a1; display: none; font-weight: 700; padding: 10px; margin-top: 10px; text-align: center; color: #fff;}
.quote{font-size: 18px; font-weight: 600; color: #fff; background-color: #057a00; float: right; text-align: center; text-transform: uppercase; padding: 20px;}
/*HEADER*/

/*NUMBER MOB*/
.number-mob{display: none; text-align: center;}
.number-mob h2{display: inline;color: #fff;}
.number-mob p{display: inline;color: #fff;}
/*NUMBER MOB*/

/*BANNER*/
.banner{background-image: url(/images/banner-1.jpg) ;width: 100%; height: 577px;}
.banner h2{color: #fff; font-weight: 700; font-size: 65px; text-transform: uppercase;}
.banner h3{color: #fff; font-weight: 400; font-size: 28px; text-transform: uppercase;}
.green-title{color:#2f932b;}
.banner img{margin: 0 auto; width:248px; display: block; margin-top: 20px;}
.button {color: #fff; margin: 30px auto; max-width: 200px; width: 100%; transition: all 0.5s; cursor: pointer; text-align: center; font-weight: 400; font-size: 24px; padding: 10px; background-color: #2f932b; border-radius: 5px; border-bottom: 6px solid #057a00; text-transform: uppercase;}
/*BANNER*/

/*BANNER 2*/
.banner2{background-image: url(/images/banner-2.jpg) ;width: 100%; height: 180px;}
.banner2 h2{color: #fff; font-weight: 700; font-size: 40px; text-transform: uppercase;}
/*BANNER 2*/

/*Main*/
.main{padding:60px 40px;}
.main p{text-align: center; color: #5e5e5e;}
.main h2{font-size: 21px; color: #7c7c7c; margin:0; padding-bottom: 20px; font-weight: 500; text-transform: uppercase;}
.main h1{text-transform: uppercase;}
/*Main*/

/*CALL TO ACTION*/
.cta h2{color: #fff; font-size: 36px; font-weight: 200;}
/*CALL TO ACTION*/

/*SERVICES*/
.services{max-width: 850px;}
.services li{font-size: 18px; background: url(/images/tick.png) no-repeat left top; padding: 3px 0px 3px 30px; list-style: none; margin: 0; background-position: left;}
.services h2{font-size:25px; color:#2f932b; text-transform: uppercase; margin-bottom: 20px;}
.mid ul{text-align: center;}
.right ul{text-align: right;}
.glass p{text-align: center;}
.glass img{display: block; margin: 0 auto;}
/*SERVICES*/

/*CALL BACK*/
.callback h2{font-size:25px; color:#2f932b; text-transform: uppercase;}
.callback p{color:#444;}
.callback {text-align: center;}
.greybackground a{color: #2f932b !important;}
/*CALL BACK*/

/*COVERAGE*/
.coverage{background: url(/images/areas-full-background.jpg); height: 187px; background-attachment: fixed; background-repeat: no-repeat; background-position: bottom; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #e8e8e8;}
.coverage h2 {color:#444; font-weight: 600; text-transform: uppercase; font-size:25px;}
.coverage h3 {cursor: pointer; font-size: 18px;}
.coverage h3:hover{color: #057a00; text-decoration: underline;}
.areas{text-align: center;}
.areas ul>li{display: inline-block;}
.areas h2{font-size: 25	4px; color:#444;}
.areas li{display: inline; list-style: none;}
/*COVERAGE*/

/*COMPLIANCE*/
.compliance img{display: block; margin: 0 auto; max-width: 300px;}
/*COMPLIANCE*/

/*Footer*/
footer{text-align: center; color: #fff; background-color: #222;}
/*Footer*/

/*Fixed Mob Bottom*/
.fixed-bottom{width: 100%; background: #191919; position: fixed; bottom: 0; z-index: 100; display: none;}
.fixed-bottom h2{color: #fff;}
.call-button{color: #fff; max-width: 250px; width: 100%; transition: all 0.5s; cursor: pointer; text-align: center; font-weight: 400; font-size: 18px; padding: 10px; background-color: #2f932b;  border-bottom: 6px solid #057a00; text-transform: uppercase; margin: 0 auto; display: block;}
/*Fixed Mob Bottom*/




/*SCROLL TO TOP BUTTON*/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #2f932b url(/images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; z-index: 101;}
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
/*.cd-top.cd-fade-out { opacity: .5; }*/ 
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
/*SCROLL TO TOP BUTTON*/


/*OFF CANVAS MENU AND NAV*/
.menu-link span { display: block; position: absolute; height: 6px; width: 100%; max-width: 40px; background: #277924; border-radius: 9px; opacity: 1; left: 0;}
/* Icon 3 */
.menu-link span:nth-child(1) { top: 0px;}

.menu-link span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 12px;}

.menu-link span:nth-child(4) { top: 24px;}

.menu-link.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;}

.menu-link.open span:nth-child(2) { top: 4.5px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.menu-link.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.menu-link.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;}

/*OFF CANVAS MENU AND NAV*/
li.nav-title{ color: #fff; font-weight: 700; font-size: 18px; }
#menu { position: fixed; top: 0; bottom: 0; width: 220px; height: 100%; background-color: #277924; z-index: 999; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: 0.15s ease; -moz-transition: 0.15s ease; -o-transition: 0.15s ease; transition: 0.15s ease; right: -220px; }
#menu.active { -webkit-transform: translate(-11.755em, 0px); -moz-transform: translate(-11.755em, 0px); -o-transform: translate(-11.755em, 0px); -ms-transform: translate(-11.755em, 0px); transform: translate(-11.755em, 0px);}
.menu-link { position: absolute; top: 23px; left: -50px; height: 33px; width: 40px; background-position: center center; background-size: 50%; z-index: 99; -webkit-transition: opacity 0.15s ease; -moz-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; background-repeat: no-repeat; cursor: pointer;}
a { color: #fff !important; }
.active a.menu-link{ position: absolute; top: 30px; left: -50px; padding-left: 5px; padding-top: 4px; background-repeat: no-repeat; background-size: cover;}
.active a.menu-link.glyphicon{ color: #fff;}
#menu ul { list-style: none; padding-left: 0px;}
#menu ul li{ padding: 20px;}

.navbar{ margin: 0px !important;}
.navbar-right{}
.navbar-collapse{ width: 100%; max-width: 770px; float: left; padding: 0 !important;}
.navbar-inverse{ background-color: transparent !important; border-color: transparent !important;}
.navbar li>a{ padding-top: 20px !important; padding-bottom: 23px !important; padding-left:10px; padding-right:10px; color: #fff !important; font-size: 18px; font-weight: 400;}
.navbar-nav>li{ margin-right: 10px;}
li.nav-last{ margin-right: 0;}
.navbar-nav>li>a:hover {transition: all 0.5s; cursor: pointer; color: #fff !important; background-color: #057a00 !important;}
.mobile{ display: none;}
.desktop{ display: inline-block; float: left;}
/*OFF CANVAS MENU AND NAV*/
.navbar-fixed-top { background-color: #fff ; border-bottom: 4.5px solid #0957A0; /*height: 133.5px;*/ height: 135px;} 
.dropdown{ display: none; }
.mob-number h2{ background-color: #0c58a1; display: none; font-weight: 700; padding: 10px; margin-top: 10px; text-align: center; color: #fff;}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 12px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #2f922c;
    background-image: none;
    border: 1px solid #217a01;
    border-radius: 4px;
}
.navbar-inverse .navbar-toggle { border-color: #217a01;}
.navbar-inverse .navbar-toggle:hover {
    background-color: #217a01;
}
.navbar-inverse .navbar-toggle:focus{ 
    background-color: #2f922c;
}
/* LIGHT BOX */

.lb-loader,.lightbox{text-align:center;}body:after{display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;}.lb-nav a.lb-next{width:64%;right:0;float:right;}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}


@media only screen and (min-width: 300px) and (max-width: 767px) {
	
	
.mobile{ display: block;}
.logo img{margin: 0 auto;}
.desktop{ display: none;}
.number{ display: none;}
.padding2 {display: none}

/*MULTIPLE STYLING*/
.spacer{padding-top: 25px;}
.space {padding:20px}	
/*MULTIPLE STYLING*/	

/*NUMBER MOB*/
.number-mob{display: block;}
/*NUMBER MOB*/	
	
/*BANNER*/
.banner{ height: 370px;}
.banner h2{ font-size: 35px}
.banner h3{font-size: 18px;}
.banner img{margin: 0 auto; width:248px; display: block; margin-top: 20px;}
.button {}
/*BANNER*/

/*BANNER 2*/	
.banner2{background-image: url(/images/banner-2.jpg) ;width: 100%; height: 130px;}
.banner2 h2{color: #fff; font-weight: 700; font-size: 30px; text-transform: uppercase;}	
/*BANNER 2*/
	
/*Main*/
.main{padding:20px;}
.main p{font-size: 15px;}
.main h2{font-size: 18px;}
.main h1{font-size: 20px}
/*Main*/

/*CALL TO ACTION*/
.cta h2{color: #fff; font-size: 28px; font-weight: 200;}
/*CALL TO ACTION*/

/*SERVICES*/
.services ul{text-align: center; margin: 0 auto; max-width: 300px;}	
.services li{font-size: 15px; background: url(/images/tick.png) no-repeat left top; padding: 3px 0px 3px 30px; list-style: none; margin: 0; background-position: left;}
.services h2{font-size:22px; margin-bottom: 0px;}
.right ul{text-align: center;}
.glass p{text-align: center;}
.glass img{display: block; margin: 0 auto; max-width: 300px;}
	.glass {max-width: 400px;}	
/*SERVICES*/

/*CALL BACK*/
.callback h2{font-size:25px;}
.callback p{}
/*CALL BACK*/

/*COVERAGE*/
.coverage h2{font-size: 18px;}
/*COVERAGE*/
}

@media only screen and (min-width: 300px) and (max-width: 500px) {
/*Main*/
.main{padding: 20px 40px;}
.main p{font-size: 14px;}
.main h2{font-size: 15px;}
.main h1{font-size: 16px}
/*Main*/

/*NUMBER MOB*/
.number-mob{display: block;}
/*NUMBER MOB*/		
	
.callback, .glass p{font-size: 15px;}
	
/*CALL TO ACTION*/
.cta h2{color: #fff; font-size: 20px; font-weight: 200;}
/*CALL TO ACTION*/	
	
/*SERVICES*/
.services h2{font-size:22px; margin-bottom: 0px;}
/*SERVICES*/
	
/*COVERAGE*/
.coverage h2{font-size: 16px;}
/*COVERAGE*/
	
/*FOOTER*/	
footer{margin-bottom: 140px;}
/*FOOTER*/	

/*FIXED MOB BUTTON*/	
.fixed-bottom{display: block;}	
/*FIXED MOB BUTTON*/	
.cd-top{display: none;}	
}