/*
Theme Name: Barnhill`s Services

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:0px;line-height:0px; display:block;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{}
body										{color:#b1b1b1; font-family: 'Open Sans', sans-serif; font-size:18px;}
.flt_Lt										{float:left; display:inline;}
.flt_Rt										{float:right; display:inline;}

input:hover, input:focus, .slick-slide{outline: 0px!important;}
/* ---------------------------------------------------------------------------------*/


/* ----------------------- layout ----------*/
.wrapper									{margin:0 auto;}
.container									{width:1144px; margin:0 auto; border-top:0 none;}

/* ------------------ HEADER HERE -------------------*/

.headerwrap {width: 100%; margin: 0 auto; position: relative; border-top: 4px solid #7ec348;}
.topheaderwrap {width: 100%; margin: 0 auto; position: relative; background: #ffffff; padding: 13px 0;}

.logo {width: 290px; position: relative; float: left;}
.logo img {width: 100%; height: auto; display: block;}

.getquote {width: 420px; position: relative; float: left; margin-top: 15px;}
.getquotebtn {width: 223px; height: 60px; display: block; border: 3px solid #7ec348; padding: 12px 60px 12px 10px; box-sizing: border-box; background: url(images/getaquoteimg.png)no-repeat 95% center; }
.getquotebtn em {font-family: 'Yesteryear', cursive; font-size: 36px; line-height: 40px; text-align: left; color:#0076bf;}
.getquotebtn b {font-weight: 400; color:#83c54e; font-size: 36px; line-height: 40px; text-align: left;  font-family: 'Yanone Kaffeesatz', sans-serif; margin-left: 5px;}
.contactleft {width: 434px; float: right; position: relative; margin-top: 15px;}
.contactleft h4{text-align: center; font-size: 29px; line-height: 34px; color:#0076bf; font-family: 'Yesteryear', cursive;}
.contactleft h5 {font-family: 'Montserrat', sans-serif; font-size: 36px; line-height: 40px; text-align: center; font-weight: 700; color:#000;}


/*--navwrap --*/
.navwrap {width: 100%; position: relative; background: #0076bf; border-top: 3px solid #005488; border-bottom:2px solid #005488;}
.desknav {width: 100%; position: relative; margin: 0 auto;}
.desknav ul {list-style: none; margin: 0 auto; padding: 3px 0;}
.desknav ul li {display: inline-block; text-align: center; background: url(images/devider_headermenu.jpg)no-repeat right center; position: relative;}
.desknav ul li a{font-size: 20px; line-height: 23px; text-align: center; color: #fff; display: block; padding: 8px 17px; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', sans-serif;}
.desknav ul li a:hover {color: #015488; text-decoration: none; background: #fff;}
.desknav ul li.last {background: none;}
.desknav ul li ul.sub-menu {width: 250px; position: absolute; z-index: 9; top:100%; background: #0076bf; display: none;}
.desknav ul li ul.sub-menu li {display: block; width: 100%; background: none;}
.desknav ul li ul.sub-menu li a {font-size: 23px; line-height: 23px; text-align: center; color: #fff; display: block; padding: 8px 17px; text-transform: uppercase;  font-family: 'Yanone Kaffeesatz', sans-serif;}
.desknav ul li ul.sub-menu li a:hover {color: #015488; text-decoration: none; background: #fff;}

/*--bannerwrap--*/
.bannerwrap {width:100%; margin: 0 auto; position: relative;}
.topbannerwrap {width: 100%; margin: 0 auto; position: relative;}
.sliderplate {width: 100%; position: relative; height: 440px;}
.sliderplate img {width: 100%; margin: 0 auto; position: relative; z-index: 0; }
.sliderplate > img  {height: 100%; object-fit: cover;}
.sliderplate .sliderinfowrap {width: 1144px; margin-left: -572px; left: 50%; position: absolute; top: 50%; z-index: 5; margin-top: -60px;}
.sliderplate .sliderinfowrap h1 {font-size:60px; line-height: 66px; text-align: center; font-family: 'Yesteryear', cursive; color:#fff; font-weight: 400; }
.sliderplate .sliderinfowrap h2 {font-family: 'Yanone Kaffeesatz', sans-serif;  font-size: 60px; line-height: 64px; text-align: center; color:#fff; font-weight: 400;}
.topbanner button.slick-prev.slick-arrow {background: url(images/slider_prevarw.png)no-repeat 0 0; left: 22%; margin-left: -45px;}
.topbanner button.slick-next.slick-arrow {background: url(images/slider_nextarw.png)no-repeat 0 0; right: 22%; margin-right: -45px;}
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow {width: 91px; height: 91px; position: absolute; z-index: 99; font-size: 0px; text-indent: -999; border: 0px; outline: 0; top:30%; margin-top: -45px;}
.topbanner button.slick-next.slick-arrow:hover {background: url(images/slider_nextarw.png)no-repeat 0 -119px;}
.topbanner button.slick-prev.slick-arrow:hover {background: url(images/slider_prevarw.png)no-repeat 0 -119px;}
.bottomsliderinfo .left > img {max-width: 480px;}

.bottombannerwrap {width: 100%; margin: 0 auto; position: relative;}
.bottombannerslider {width:100%; position: relative;}
.titlebannerwrap {width: 100%; margin: 0 auto; position: relative; background: url('images/bannerimgbg.png') repeat-x top left;}
.titlebanner{width: 100%; margin: 0 auto; position: relative;}
.titlebanner h4 {font-size: 42px; line-height: 48px; text-align: right; color:#fff; font-weight: 400; font-family: 'Yanone Kaffeesatz', sans-serif;  padding: 12px 28px 4px 0; }
.bottomsliderinfowrap {width: 100%; margin: 0 auto; position: relative;}
.bottomsliderinfo {width: 100%; margin: 0 auto; position: relative;}
.bottomsliderinfo .left {float: left; position: relative;}
.bottomsliderinfo .left img {width: auto; height: auto; display: block; margin-top: -188px;}
.bottomsliderinfo .right{float: right; width: 623px; margin-right: 28px; position: relative; margin-top: 22px;}
.bottomsliderinfo .right p {font-size:28px; line-height: 32px; color:#000; text-align: right; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.bottomsliderinfo .right p em {color:#80c44b; font-size: 48px; line-height: 52px; text-align: left;  font-family: 'Yesteryear', cursive;}

.bottomsliderinfowrap {position:relative; top:400px; transition:all 1s ease; opacity:0;}
.slick-active .bottomsliderinfowrap { top:0; opacity:1;}


/*--whowswrap--*/
.whowswrap {width: 100%; margin: 0 auto; position: relative; background: #f3f3f3; padding: 40px 0 50px;}
.whoweserve {width: 100%; margin: 0 auto; position: relative;}
.whoweserve .left {width: 100%; position: relative;}
ul.whoweservetab {width: 650px; }
ul.whoweservetab li{display: inline-block; float: left; width: 138px; margin: 0 12px 28px;}

.tab-h-content h3 {color: #fff; background: #0076bf; font-size: 60px; line-height: 64px; text-align: center; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; padding: 15px 0; }
ul.whoweservetab li span {display: block; text-align: center; font-size: 24px; line-height: 28px; color:#80c44b; font-family: 'Yanone Kaffeesatz', sans-serif;}
.tab1hover a {width:128px; height: 128px; display: block; background: url(images/icon_constructionsprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab1hover a:hover {width:128px; height: 128px; display: block; background: url(images/icon_constructionsprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab2hover a {width:128px; height: 128px; display: block; background: url(images/icon_specialeventsprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab2hover a:hover {width:128px; height: 128px; display: block; background: url(images/icon_specialeventsprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab3hover a {width:128px; height: 128px; display: block; background: url(images/icon_weddingsprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab3hover a:hover {width:128px; height: 128px; display: block; background:url(images/icon_weddingsprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab4hover a {width:128px; height: 128px; display: block; background: url(images/icon_concertssprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab4hover a:hover {width:128px; height: 128px; display: block; background: url(images/icon_concertssprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab5hover a {width:128px; height: 128px; display: block; background: url(images/icon_countyfairssprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab5hover a:hover {width:128px; height: 128px; display: block; background: url(images/icon_countyfairssprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab6hover a {width:128px; height: 128px; display: block; background: url(images/icon_stadiumsprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab6hover a:hover {width:128px; height: 128px; display: block; background: url(images/icon_stadiumsprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab7hover a {width:128px; height: 128px; display: block; background:url(images/icon_disastersprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab7hover a:hover {width:128px; height: 128px; display: block; background: url(images/icon_disastersprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab8hover a {width:128px; height: 128px; display: block; background:url(images/icon_sportingeventsprite.png)no-repeat 0px 0px; transition: all 0.5s ease 0s; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.tab8hover a:hover {width:128px; height: 128px; display: block; background: url(images/icon_sportingeventsprite.png)no-repeat 0 -143px; display: block; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
ul.whoweservetab li a {background-color:#e7e7e7; }
ul.whoweservetab li:hover > a, ul.whoweservetab li.active a {background-color:#0076bf;}
ul.whoweservetab li.active a {background-position:0 -143px;}
ul.whoweservetab li.last {margin: 0 0 28px 12px!important;}

ul.whoweservetab li .tab-h-content {position: absolute; z-index: 999; right: -50%; top: 0; opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; width: 350px;}
ul.whoweservetab li.active .tab-h-content { opacity: 1;  visibility: visible;transition: all 0.5s ease 0s; right: 0;}
.infodiv {width: 300px; display: block; position: relative; background: url(images/image_whoweserve.jpg)no-repeat top left; padding: 18px 25px; background-size: 100% 100%;}
.infodiv p {font-size: 16px; line-height: 24px; text-align: left; color:#fff; font-weight: 400; font-family: 'Montserrat', sans-serif;  background: url(images/whowserverbg.png)no-repeat top left; padding: 45px 20px 20px;  background-size: 100% 100%;}

.whoweserve > .left h3 em {color:#80c44b; font-size: 96px; line-height: 100px; font-family: 'Yesteryear', cursive; text-transform: capitalize; font-style: normal;}
.whoweserve > .left h3 i {font-style: normal; color:#0076bf; font-size: 56px; line-height: 60px; text-align: left; text-transform: uppercase;}


/*--spetictankwrap--*/
.spetictankwrap {width: 100%; margin: 0 auto; position: relative;}
.information { position: absolute; z-index: 999; top:26px; width: 1144px; margin-left: -572px; left: 50%; }
.information h3 {font-size: 72px; line-height: 76px; text-align: center; color:#ffffff; font-weight:400;font-family: 'Yesteryear', cursive; text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}
.information p {font-family: 'Open Sans', sans-serif; font-size: 28px; line-height: 34px; text-align: center; color:#fff; font-weight: 400;}

.home-animation { position: relative; overflow: hidden; height: 500px}
.home-animation .animation-bg {position: absolute;width: 200%;height: 100%;left: 0;background-repeat: repeat-x; top: 0;}

.home-animation .animation-bg > div {position: absolute;width: 100%;left: 0;background-repeat: repeat-x;background-size: 50% 100%;}
.home-animation .city {background-image: url(images/truckbg.jpg);height: 432px;background-repeat: repeat-x;}
.home-animation .road {background-image: url(images/roadimage.jpg);height: 69px;bottom: 0;}
.home-animation .van {position: absolute;width: 100%;height: 191px;bottom: 4em; left: 0%;}
.home-animation .van > div {position: relative;width: 559px;height: 191px;margin: auto;}
.home-animation .van > div:before,.home-animation .van > div:after {content: ' ';display: block;position: absolute;width: 94px;height:95px;background-image: url(images/truck_backwheel.png);background-size: contain;}
.home-animation .van > div:before {left: 100px;top:131px;}
.home-animation .van > div:after {left: 498px;top: 127px;}


/*--on scroll css--*/

.viewed { position: relative; overflow: hidden; height: 500px}
.viewed .animation-bg {position: absolute;width: 200%;height: 100%;left: 0;background-repeat: repeat-x;-webkit-animation: MoveIn3 4s ease 0s 3 forwards;-moz-animation: MoveIn3 4s ease 0s 3 forwards;-o-animation: MoveIn3 4s ease 0s 3 forwards;animation: MoveIn3 4s ease 0s 3 forwards;top: 0;}.viewed .animation-bg.z-change {-webkit-animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards;-moz-animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards;-o-animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards; animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards; pointer-events: none;}
.viewed .van {-webkit-animation: CarIn 2s ease 0s 1 forwards;-moz-animation: CarIn 2s ease 0s 1 forwards;-o-animation: CarIn 2s ease 0s 1 forwards; animation: CarIn 2s ease 0s 1 forwards;}
.viewed .van > div:before, .viewed .van > div:after {-webkit-animation: WheelSpin 4s ease 0s 3 forwards;-moz-animation: WheelSpin 4s ease 0s 3 forwards;-o-animation: WheelSpin 4s ease 0s 3 forwards;animation: WheelSpin 4s ease 0s 3 forwards;}
.home-animation .van > div:before {left: 39px; top: 131px;}
.home-animation .van > div:after {left: 452px; top: 127px;}
.viewed .van {-webkit-animation: CarIn 2s ease 0s 1 forwards;-moz-animation: CarIn 2s ease 0s 1 forwards;-o-animation: CarIn 2s ease 0s 1 forwards;
animation: CarIn 2s ease 0s 1 forwards;}
	  /*.handheld .home-animation .animation-bg {-webkit-animation: intial !important;-moz-animation: intial !important;-o-animation: intial !important;animation: intial !important;}*/
/*.home-animation .animation-bg.z-change {-webkit-animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards;-moz-animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards;-o-animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards; animation: MoveIn3 4s ease 0s 3 forwards, ZChange 4s linear 24s 1 forwards; pointer-events: none;}*/


.viewed .home-animation .animation-bg {-webkit-animation: intial !important;-moz-animation: intial !important;-o-animation: intial !important;animation: intial !important;}


/*-- car animation --*/
@-webkit-keyframes CarIn {
	0% {
		-webkit-transform: translateX(-65%);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes CarIn {
	0% {
		-moz-transform: translateX(-65%);
	}
	100% {
		-moz-transform: translateX(0);
	}
}

@-o-keyframes CarIn {
	0% {
		-o-transform: translateX(-65%);
	}
	100% {
		-o-transform: translateX(0);
	}
}

@keyframes CarIn {
	0% {
		transform: translateX(-65%);
	}
	100% {
		transform: translateX(0);
	}
}
@-webkit-keyframes WheelSpin {
	0% {
		-webkit-transform: rotate(0);
	}
	50% {
		-webkit-transform: rotate(2880deg);
	}
	100% {
		-webkit-transform: rotate(2880deg);
	}
}

@-moz-keyframes WheelSpin {
	0% {
		-moz-transform: rotate(0);
	}
	50% {
		-moz-transform: rotate(2880deg);
	}
	100% {
		-moz-transform: rotate(2880deg);
	}
}

@-o-keyframes WheelSpin {
	0% {
		-o-transform: rotate(0);
	}
	50% {
		-o-transform: rotate(2880deg);
	}
	100% {
		-o-transform: rotate(2880deg);
	}
}

@keyframes WheelSpin {
	0% {
		transform: rotate(0);
	}
	50% {
		transform: rotate(2880deg);
	}
	100% {
		transform: rotate(2880deg);
	}
}
@-webkit-keyframes MoveIn2 {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
	}
}

@-moz-keyframes MoveIn2 {
	0% {
		-moz-transform: translateX(0);
	}
	100% {
		-moz-transform: translateX(-50%);
	}
}

@-o-keyframes MoveIn2 {
	0% {
		-o-transform: translateX(0);
	}
	100% {
		-o-transform: translateX(-50%);
	}
}

@keyframes MoveIn2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

@-webkit-keyframes MoveIn3 {
	0% {
		-webkit-transform: translateX(0);
	}
	50% {
		-webkit-transform: translateX(-50%);
	}
	100% {
		-webkit-transform: translateX(-50%);
	}
}

@-moz-keyframes MoveIn3 {
	0% {
		-moz-transform: translateX(0);
	}
	50% {
		-moz-transform: translateX(-50%);
	}
	100% {
		-moz-transform: translateX(-50%);
	}
}

@-o-keyframes MoveIn3 {
	0% {
		-o-transform: translateX(0);
	}
	50% {
		-o-transform: translateX(-50%);
	}
	100% {
		-o-transform: translateX(-50%);
	}
}

@keyframes MoveIn3 {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(-50%);
	}
}



/*-- portajohnwrap --*/
.portwrap {width: 100%; margin: 0 auto; position: relative; background: #ffffff; padding: 45px 0 30px;}
.portajohn {width: 100%; position: relative;}
.portajohn .left {float: left; width: 650px;}
.portajohn .left h2 {color:#0076bf; font-size: 72px; line-height: 78px; text-align: left; font-family: 'Yesteryear', cursive; margin: 0 28px 8px;}
.portajohn .left h4 {color:#80c44b; font-size: 30px; line-height: 35px; text-align: left; font-family: 'Montserrat', sans-serif; margin-bottom: 20px;}
.portajohn .left p {font-size: 18px; line-height: 24px; text-align: left; color:#7e7e7e; font-weight: 400; font-family: 'Montserrat', sans-serif; margin-bottom: 25px;}

.portajohn .right {float: right; width: 320px;}
.articleimage {width: 321px; height: auto; position: relative;background: url(images/jonhrentalbg.png)no-repeat top left; background-size: 100% 100%; text-align: center;}
.articleimage img {width: 191px; height: auto; display: block; margin: 0 auto;}

/*--what our customersays--*/
.whatourccsaywrap {width: 100%; margin: 0 auto; position: relative; background: url(images/whatourcustomersaysbg.jpg) no-repeat top left;}
.whatourccsay {width: 100%; position: relative; padding:32px 0; text-align: center;}
.whtourcsay {width:900px; margin: 0 auto;}
.whatourccsay h3 {color:#0076bf; font-size: 62px; line-height: 66px; text-align: center;  font-family: 'Yesteryear', cursive; margin-bottom: 33px;}
.whtourcsay p {font-size: 20px; line-height: 24px; text-align: center; font-weight: 400; font-family: 'Montserrat', sans-serif; color:#fff; background: rgba(0,0,0,0.3); padding: 20px 40px;}
.whtourcsay footer {color:#fff; font-size:36px; line-height: 40px; text-align: center; font-weight: 400;  font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: capitalize; background: #80c44b; border: 4px solid rgba(0,0,0,0.3); display: inline-block; margin: 0 auto; width: 210px; -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding;  -webkit-background-clip: padding;  background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box;}
.whatourccsay button.slick-prev.slick-arrow, button.slick-next.slick-arrow {float: none; position: absolute; width: 35px; height: 63px; margin-top: -31px; top: 50%; z-index: 0; font-size: 0px; text-indent: -999; border: 0px; outline: 0px;}
.whatourccsay button.slick-prev.slick-arrow {left: -90px; background: url(images/prevarrw_customer.png)no-repeat 0 0;}
.whatourccsay button.slick-prev.slick-arrow:hover {left: -90px; background: url(images/prevarrw_customer.png)no-repeat 0 -68px;}
.whatourccsay button.slick-next.slick-arrow {right: -90px; background: url(images/nextarrw_customer.png)no-repeat 0 0;}
.whatourccsay button.slick-next.slick-arrow:hover {right: -90px; background: url(images/nextarrw_customer.png)no-repeat 0 -68px;}

/*--getquotewrap --*/

.getquotewrap {margin: 0 auto; position: relative; width: 100%; background: #80c44b;}
.getquotec {width: 100%; margin: 0 auto; position: relative; height: auto; position: relative;}
.getquotec::before, .getquotec::after {width:15px; height: 100%; position: absolute;  content: ""; }
.getquotec::before {top: 0; left: 0; -webkit-box-shadow: -12px 1px 20px -4px rgba(0,0,0,0.41);-moz-box-shadow: -12px 1px 20px -4px rgba(0,0,0,0.41);
box-shadow: -12px 1px 20px -4px rgba(0,0,0,0.41);}
.getquotec::after { top: 0; right: 0; -webkit-box-shadow: 11px 2px 20px -4px rgba(0,0,0,0.41);
-moz-box-shadow: 11px 2px 20px -4px rgba(0,0,0,0.41);
box-shadow: 11px 2px 20px -4px rgba(0,0,0,0.41);}

.getquotec .left {float: left; padding: 16px 28px; position: relative; width: 344px;  background: #fff;}
.getquotec .left address {float: left; position: relative; padding-left: 56px; background: url(images/icon_location.png) no-repeat top left;}
.getquotec .left address p {font-family: 'Montserrat', sans-serif; font-size: 27px; line-height: 32px; text-align: left; color:#000000; margin-bottom: 30px; }
.flogo {float: left; margin-bottom: 30px;}
.flogo img {width: 100%; height: auto; display: block;}
.telnumber {font-family: 'Montserrat', sans-serif; font-size: 36px; line-height: 45px; text-align: left; color:#000000; padding-left: 56px; background: url(images/icon_tel.png)no-repeat top left; font-weight: 400; margin-bottom: 28px; display: block;  float: left;}
.socialgroup {width: auto; float: left; position: relative;}
.socialgroup ul {list-style: none; margin: 0px;}
.socialgroup ul li {width: 95px; height: 91px; float: left; margin-right: 28px;}
.socialgroup ul li.last {margin-right: 0px;}
.socialgroup ul li:nth-child(1){ display: block; background: url('images/icon_fbsprite.png') no-repeat 0 0; background-size: 100% auto;}
.socialgroup ul li:nth-child(2){display: block; background: url('images/icon_gplussprite.png') no-repeat 0 0;  background-size: 100% auto;}
.socialgroup ul li:nth-child(3){display: block; background: url('images/icon_emailsprite.png') no-repeat 0 0; background: 100% auto;}
.socialgroup ul li:nth-child(1):hover{display: block; background: url('images/icon_fbsprite.png') no-repeat 0 -99px; background-size: 100% auto;}
.socialgroup ul li:nth-child(2):hover{display: block; background: url('images/icon_gplussprite.png') no-repeat 0 -99px;  background-size: 100% auto;}
.socialgroup ul li:nth-child(3):hover{display: block; background: url('images/icon_emailsprite.png') no-repeat 0 -99px;  background-size: 100% auto;}


.getquotec .right {width: 678px; float: right; background:#eaeaea; padding: 0 33px;}
.getquotec .right h4{ font-size:60px; line-height: 64px; font-weight:400;  font-family: 'Yesteryear', cursive;  color:#0076bf; text-align: center; position: relative; padding: 18px 0 20px;}
.getquotec .right h4 em {color:#80c44b; font-family: 'Yanone Kaffeesatz', sans-serif; text-transform: uppercase;}
.getquotec .right h4::after, .getquotec .right h4::before {width: 205px; height: 3px; background: #80c44b; position: absolute; content: ""; top:50%; margin-top: -2px;}
.getquotec .right h4::after {right:0;}
.getquotec .right h4::before{left: 0;}

.form_wp {width: 100%; margin: 0 auto 20px; position: relative;}

/*--footer --*/
.footerwrap {width: 100%; margin: 0 auto; position: relative; background: #f5f5f5; padding: 15px 0;}
.footerwrap footer {width: 100%; position: relative;}
.footerlogo {width: 353px; float: left; background: #f5f5f5; padding-left: 28px; padding-right: 19px;} 
.footerlogo img {width: 100%; height: auto; display: block; float: left;}
.rights{width: 372px; float: left; background: #f5f5f5;}
.rights p {font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 20px; text-align: left; color:#4d4d4d; font-weight: 400; padding: 30px 93px 0 64px;}
.madeby {width: 344px; margin-right: 28px; float: left;}
.madeby ul {list-style: none; margin: 0px; display: table;}
.madeby ul li {display: table-cell; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 24px; text-align: left; color:#0076bf; font-weight: 400;  vertical-align: middle; padding-right: 48px;}
.madeby ul li.last{padding-right: 0;}

/*--mobile menu --*/
#showRightPush{display: none;}

/* General styles for all menus */
.cbp-spmenu {background: #0076bf; position: fixed;}

.cbp-spmenu a {display: block;color: #fff;font-size: 1.1em;font-weight: 300;}
.cbp-spmenu a:active {background: #afdefa;color: #47a3da;}

.bg-overlay { background-color: #303441;display: none;height: 100%; opacity: 0.8; position: fixed;width: 100%; z-index: 999;}	 
.bg-overlay.ective { display: block;}
#showRightPush {z-index: 99999; position:absolute; display:none; width: 35px; height: 35px; border: 1px solid #808183; outline:none; right:0px; top: 5px;}
#showRightPush .bar {width: 20px; height: 2px; background: #808183; display: block; margin: 0 0 2px;}
#showRightPush:hover {border: 1px solid #ec3028;}

.arrow_level1 {width: 0;height: 0;border-style: solid;border-width: 15px 7.5px 0 7.5px; border-color: #ffffff transparent transparent; position: absolute; z-index: 9; top: 15px; right: 15px; }
.arrow {width: 0;height: 0;border-style: solid;border-width: 15px 7.5px 0 7.5px; border-color: #ffffff transparent transparent; position: absolute; z-index: 9; top: 15px; right: 15px; }
.arrowblack {width: 0;height: 0;border-style: solid;border-width: 15px 7.5px 0 7.5px; border-color: #737373 transparent transparent; position: absolute; z-index: 9; top: 15px; right: 15px; }

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {width: 270px;height: 100%;top: 0;z-index: 1000;}
.cbp-spmenu-vertical a {border-bottom: 1px solid #258ecd;padding: 1em;}
.cbp-spmenu-horizontal {width: 100%;height: 150px;left: 0;z-index: 1000;overflow: hidden;}
.cbp-spmenu-horizontal h3 {height: 100%;width: 20%;float: left;}
.cbp-spmenu-horizontal a {float: left;width: 20%;padding: 0.8em;border-left: 1px solid #258ecd;}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {left: -270px;}
.cbp-spmenu-right {right: -270px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}
.cbp-spmenu-right.cbp-spmenu-open {right: 0px;}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {top: -150px;}
.cbp-spmenu-bottom {bottom: -150px;}
.cbp-spmenu-top.cbp-spmenu-open {top: 0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom: 0px;}

/* Push classes applied to the body */
.cbp-spmenu-push {overflow-x: hidden;position: relative;left: 0;}
.cbp-spmenu-push-toright {left: 270px;}
.cbp-spmenu-push-toleft {left: -270px; overflow: hidden;}

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.cbp-spmenu-right.cbp-spmenu-open {overflow-y: scroll;}
/* Example media queries */

@media screen and (max-width: 55.1875em){
.cbp-spmenu-horizontal {font-size: 75%;	height: 110px;}
.cbp-spmenu-top {top: -110px;}
.cbp-spmenu-bottom {bottom: -110px;}
}

@media screen and (max-height: 26.375em){
.cbp-spmenu-vertical {font-size: 90%;width: 190px;}
.cbp-spmenu-left, .cbp-spmenu-push-toleft {left: -190px;}
.cbp-spmenu-right {right: -190px;}
.cbp-spmenu-push-toright {left: 190px;}
}

/*--animation button hover --*/
/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #80c44b;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: 1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #528827;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	padding: 14px 15px;
	color: #80c44b;
	font-size:14px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


a.animated-button.sandy-three {
	 border: 2px solid #80c44b;
    color: #80c44b;
    width: 214px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 22px;
    line-height: 45px;
    font-weight: 400;
    height: 45px;
    vertical-align: middle;
    padding: 0;
}
a.animated-button.sandy-three:after {
	border: 3px solid #80c44b;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.sandy-three:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #80c44b;
}

.portajohn .right a.animated-button.sandy-three {margin: 30px auto 0;}

.bottomsliderinfo a.animated-button.sandy-three {float: right; margin-bottom: 45px;}
.whoweserve .left {overflow: hidden;}
.footerlogo ul {list-style: none; margin: 0px; position: relative;}
.footerlogo ul li {display: inline-block; float: left; margin-right: 38px;}
.footerlogo ul li img {width: 100%; height: auto; display: block;}
.footerlogo ul li.last {margin-right: 0px;}
.footerlogo ul li:nth-child(1){width: 55%; margin-right: 8%;}
.footerlogo ul li:nth-child(2){width: 33%;}
.madeby ul li.last {width: 30%;}
.madeby ul li.last img {width:100%; height: auto; display: block;}

/*--4.6.2017--*/
.getquotebtn {width: 223px; margin-left: 28px;}
.contactleft {margin-left: 142px; width: 292px;}
.sliderplate .sliderinfowrap {top:30%;}
.topbanner button.slick-prev.slick-arrow, .topbanner button.slick-next.slick-arrow {margin-top: -90px;}
.whoweserve .left > h3 {padding-left:28px; margin-left: 28px;}
.whoweserve .whoweservetab {margin-left: 28px;}
.whoweserve > .left > h3 {position: relative;  display: inline-block;}
.whoweserve > .left > h3 i{font-family: 'Montserrat', sans-serif; letter-spacing: 10px; margin-left: 15px; font-weight: 600;}
.whoweserve > .left > h3::before, .whoweserve > .left > h3::after{ width: 56px; height: 5px; content: ""; display: inline-block; position: absolute; top: 50%; margin-top: -3px;} 
.whoweserve > .left > h3::before {background: url(images/whoweserve-ttbefore.png)no-repeat top left; left: 0;}
.whoweserve > .left > h3::after {background: url(images/whoweserve-ttafter.png)no-repeat top right; right: -50px; }
.whoweserve > .left > h3 em {padding-left:27px;}
ul.whoweservetab li .tab-h-content {top: 28px;}
ul.whoweservetab li.active .tab-h-content {right: 28px;}
ul.whoweservetab li span, .information h3 {margin-top: 15px;}
.information p { padding: 0 145px;}
.portajohn .left h4 {font-weight: 400; margin-left: 28px;}
.portajohn .left p {margin-left: 28px;}
.portajohn .right {margin-right: 28px;}
.madeby ul li {text-align: right; padding-right: 14px;}

.page_cont h1{ color: #0076bf; font-size: 60px; line-height: 78px; text-align: left; font-family: 'Yesteryear', cursive; margin-bottom : 20px;}
.page_cont p   { font-size: 18px;  line-height: 24px; text-align: left;  color: #7e7e7e; font-weight: 400; font-family: 'Montserrat', sans-serif; 
margin-bottom: 25px; }
.page_cont h3 a {   font-size: 25px; line-height: 32px;  text-transform: uppercase;}
.page_cont .article { padding: 20px 0;}

#gform_wrapper_1.gform_wrapper .top_label .gfield_label {display: none;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding: 8px 12px!important; border:2px solid #d2d2d2; border-radius: 0px!important; color:#a5a5a5; font-size: 18px!important; line-height: 22px!important; font-family: 'Montserrat', sans-serif!important; font-weight: 400!important; color:#a5a5a5!important; }
.gform_wrapper textarea { padding: 8px 12px!important; border:2px solid #d2d2d2; border-radius: 0px!important; color:#a5a5a5; font-size: 18px!important; line-height: 22px!important; font-family: 'Montserrat', sans-serif!important; font-weight: 400!important; height: 85px!important; }

.ginput_container_select select.gfield_select option {font-family: 'Montserrat', sans-serif; }
.ginput_container_select select.gfield_select:focus {outline:none!important;}
.ginput_container_select select.gfield_select option, .gform_wrapper select { padding: 8px 12px!important; border:2px solid #d2d2d2; border-radius: 0px!important; color:#a5a5a5; font-size: 18px!important; line-height: 22px!important; font-family: 'Montserrat', sans-serif!important; font-weight: 400!important; color:#a5a5a5!important;}
.ginput_container_select select.gfield_select {background:#fff url('http://wp1.upupload.com/blog62383/ska5jtutyq62383/wp-content/uploads/2017/04/dropdwncustom.png')no-repeat 95% center!important;}
.gform_wrapper select, .gf_placeholder, .large gfield_select { color:#a5a5a5!important;}

#gform_wrapper_1.gform_wrapper .gform_footer #gform_submit_button_1{font-family: 'Yanone Kaffeesatz', sans-serif; color:#ffffff; font-size: 50px; line-height: 64px; background: #80c44b; text-align: center; font-weight: 400; border:5px solid #fff; text-transform: uppercase; width: 344px; height: 69px;     bottom: 5px; position: absolute; right: 0;} 
#gform_wrapper_1.gform_wrapp { margin: 0;}
#gform_wrapper_1.gform_wrapp  .form_wp {margin: 0 auto;}
.gform_wrapper ul li.gfield {margin-bottom: 0px!important; margin-top: 0px!important;}
.gform_wrapper {margin: 0!important;}

.getquotec .right h4 {padding: 18px 0 5px;}

#showRightPush{background: #0076bf;}
#showRightPush .bar {background: #fff;}
#showRightPush:hover{border: 1px solid #0076bf;}
.gform_wrapper .field_description_below .gfield_description {padding-top: 2px!important;}
#gform_wrapper_1 .gform_wrapper div.validation_error { margin-bottom: 0; position: absolute;}
#gform_1 div.validation_error {position: absolute; padding: 1px 0; border:0px;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border-bottom:0px!important; border-top:0px!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error.gfield_contains_required, #gform_fields_1 li {margin-bottom: 0px!important;}
.gform_wrapper .gfield_description {position: absolute!important;}
#gform_fields_1 li {position: relative;}
.gform_wrapper li.gfield_error {padding-left: 0px!important;}

article.page_cont {position: relative;}
.titlebannerwrap {position: absolute; bottom: 0px;}
.gform_hidden {position: absolute; bottom: 0;}
.gform_wrapper .gform_footer {padding: 0!important; margin: 0px!important;}

a.animated-button:link, a.animated-button:visited {text-shadow: none!important;}
.home-animation .van > div:after {
     left: 450px;
    top: 131px;
}
.home-animation .van > div:before {
    left: 36px;
    top: 131px;
}


/*----new--------*/
.inner_banner h4 {    font-size: 42px; line-height: 48px; text-align: center; color: #fff;    font-weight: 700;    font-family: 'Yanone Kaffeesatz', sans-serif;   padding: 0;    text-transform: uppercase;}
.inner_banner article { min-width : 350px; width : 100%; background: url(images/bannerimgbg.png) repeat-x top left;}

.inner_banner .banner_text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); width:auto!important;     padding: 12px 10px 10px 10px; }



/*--new menu --*/

#showRightPush { background: #fff; width: 68px;  height: 55px; border: 0px; outline: 0px; right: 10px; position: absolute;}
#showRightPush .bar { background: #0076bf; position: relative; width: 42px;  height: 9px; margin-left: 10px;}
.bar::before { width: 5px;  height: 5px;  background: #8dd64f; border-radius: 50%; -webkit-border-radius: 50%; content: ""; display: block; position: absolute; left: -9px; top: 3px;}


.mobilemenuwrap {width: 100%; position: relative; display: none;}
.mlogo {display: none;}

.mobilemenu {background: #0076bf;}
input[type=button] {
 -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}
input[type=text] {
 -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}
input[type=submit] {
 -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}




.socialgroup {margin-bottom: 28px;}
.credit_cards img {max-width: 341px;}
.rights img {max-width: 341px;}
.credit_cards p{    font-family: 'Montserrat', sans-serif; text-align: center;    font-size: 16px;    line-height: 20px;   color: #4d4d4d;    font-weight: 400; }


.socialgroup ul li a {
    display: block;
    width: 100%;
    height: 100%;
}