/*Mobile Headers*/
#mobileHomeHeader{background: url("../img/src/home-head.jpg") no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center; height:100vh}

/*Mobile Nav*/
#nav-wrap, #hamburger2{
	background-color:none; 
	color:#fff;
	text-align:left;
	margin-left:10px;
	}

#nav-wrap{width:100%;}

.nav{font-size:1rem;}

#main-nav{    
	list-style-type: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
	background-color:none; 
	padding:0; margin:0; 
	}

h1, h2{font-family: 'Red Hat Display Bold';}
h3, h4, h5{font-family: 'Red Hat Display Medium';}

#main-nav{width:100%; display:none; background-color: rgba(0,0,0,1); margin-top:79px; padding: 10px 0px 15px;}

#open-nav{cursor:pointer; width:32px; opacity:0.7;}
li{list-style: disc; margin: 10px 0px; line-height: 22px;}
#main-nav > li{text-align:center; display:block; list-style: none; color:#fff}
#main-nav > li a.nav-link:hover, li a.nav-link-child:hover{background-color:rgba(0,122,122,1); color:#fff; }

li a.nav-link-gChild:hover{background-color:#27a8b8; color:#fff; }
li a.nav-link-gChild{color:#27a8b8;}9k

#main-nav > li .nav-child-item{background-color:#000; color:#fff}

.nav-child{display:none; left:0; box-sizing:inherit; margin:0; padding:0; width:100%}
.nav-child-item{background-color:#000;}

.nav-link, .nav-link-child, .nav-link-gChild{width:100%; padding:5.5px 0px; line-height:1.5rem; display:block; cursor: pointer}

a.nav-link:link {color: #fff; font-family: 'Red Hat Display';}
a.nav-link:visited {color: #fff; font-family: 'Red Hat Display';}
a.nav-link:hover {color: #fff; font-family: 'Red Hat Display';}
a.nav-link:active {color: #fff; font-family: 'Red Hat Display';}

a.dropitem:link {color:#000}
a.dropitem:visited {color:#000}
a.dropitem:active {color:#000}
a.dropitem:hover {color:#27a8b8}

.blueService{background-color: #005eb8; color:#fff; padding:1rem; border-radius: 1rem;}

/*Main CSS*/
html, body, div, p{font-family: 'Red Hat Display'; font-size: 1rem; color:#000}



.paraSpace{padding-top:1rem; padding-bottom:1rem}

.overlay {

    position: absolute;
    width: 100%;
    height:50%;
    top: 0px;
    left: 0px;
    z-index: 10;
	color:#fff;
	font-size:5rem;
	text-align:center;
	
}


.zoom:hover {
  transform: scale(1.07); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
     -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
	overflow: hidden;
}

p.miniBtmMargin{margin-bottom:0.25rem}

.primaryCol{color:#0068d1}
.primaryColBack{background-color:#0068d1}

ul.bullets{list-style:square}

a.whiteDemi:link{font-family: 'Red Hat Display'; color:#fff; font-size: 0.8rem}
a.whiteDemi:active{font-family: 'Red Hat Display'; color:#fff; font-size: 0.8rem}
a.whiteDemi:visited{font-family: 'Red Hat Display'; color:#fff; font-size: 0.8rem}
a.whiteDemi:hover{font-family: 'Red Hat Display'; color:#fff; ; font-size: 0.8rem; text-decoration: underline}

a.nav:link{font-family: 'Red Hat Display'; color:#fff}
a.nav:active{font-family: 'Red Hat Display'; color:#fff}
a.nav:visited{font-family: 'Red Hat Display'; color:#fff}
a.nav:hover{font-family: 'Red Hat Display'; color:#fff; text-decoration: underline}

a.whiteLight:link{font-family: 'Red Hat Display'; color:#fff}
a.whiteLight:active{font-family: 'Red Hat Display'; color:#fff}
a.whiteLight:visited{font-family: 'Red Hat Display'; color:#fff}
a.whiteLight:hover{font-family: 'Red Hat Display'; color:#fff; text-decoration: underline}

a.blueMed:link{font-family: 'Red Hat Display Medium'; color:#0068d1}
a.blueMed:active{font-family: 'Red Hat Display Medium'; color:#0068d1}
a.blueMed:visited{font-family: 'Red Hat Display Medium'; color:#087bf0}
a.blueMed:hover{font-family: 'Red Hat Display Medium'; color:#0068d1; text-decoration: underline}

.roundedTop{border-top-left-radius: 10px; border-top-right-radius:10px}
.roundedBottom{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.whiteTitle{width:100%; text-align: center; color:#000; background-color: #fff; padding:1rem;}
.galleryTitle{font-family: 'Red Hat Display'; font-size: 1.5rem; color:#000}
.galleryInfo{font-family: 'Red Hat Display'; font-size: 1rem; color:#000}

.handPointer{cursor:pointer}

.transTealButton{margin-top:10px; background:none; border:2px solid #35469c;  color:#35469c; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}
.transTealButton:hover{background:#35469c;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}

.transOrangeButton{margin-top:10px; background:#9edcff; border:2px solid #9edcff; color:#000; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}
.transOrangeButton:hover{background:none; border:2px solid #9edcff;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}

.transWhiteButton{margin-top:10px; background:none; border:2px solid #fff;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}
.transWhiteButton:hover{background:#fff; color:#000; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}

.blueButton{background:#9edcff; border:2px solid #9edcff; color:#000; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}
.blueButton:hover{background:#0068d1; border:2px solid #0068d1;  color:#fff; border-radius: 0; padding:0.5rem; text-align: center; font-size: 1rem; font-family: 'Red Hat Display'; cursor: pointer}

#footerBack{width:100%; background-color: #1E1E1E}

@media only screen  {	
#homePage{width:100%; height:100vh; background:url('../img/mobile-home.jpg') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}

#mobileContactHeader{width:100%; height:100vh; background:url('../img/contact-back.jpg') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}
#mobileAbouttHeader{width:100%; height:100vh; background:url('../img/about-back.jpg') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}
#mobileBreakdownHeader{width:100%; height:100vh; background:url('../img/breakdown-back.jpg') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}
#mobileTransportHeader{width:100%; height:100vh; background:url('../img/transport-back.jpg') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}

#homeSection2{width:100%; background:url('../img/tools-back.png') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}
#testimonials{width:100%; background-color: #000c78;}
}

@media only screen and (min-width: 1000px) {	

#homeSection2{width:100%; background:url('../img/tools-back.png') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment: fixed; margin-top:-10px}


#testimonials{width:100%; background-color: #000c78; margin-top:-10px}
}


	/*Small*/
	@media only screen {		
		#catText{margin-top:10%;}
		.mobileHeadLogo{margin-top:60%}
	
		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:1.75rem}
		.largeFont{font-size:1.5rem; line-height:1.35;}
		.mediumFont{font-size:1rem}
		
		/*Sticky Hedaer*/
		header {
			padding-top:1rem;
			height: 180px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:9999;
			background-color:rgba(0,0,0,0.5);
		}

		.nav-up {
			top: -180px;
		}

		.menuBuffer{margin-top:230px}

	}


	/*Small*/
	@media only screen and (min-width: 35.0625em) {	
	
		.mobileHeadLogo{margin-top:55%}
		#catText{margin-top:10%;}
		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:1.75rem}
		.largeFont{font-size:1.15rem}
		.mediumFont{font-size:1rem}
		
		/*Sticky Hedaer*/
		header {
			padding-top:1rem;
			height: 180px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:9999;
			background-color:rgba(0,0,0,0.5);
		}

		.nav-up {
			top: -180px;
		}

		.menuBuffer{margin-top:270px}

	}


	/*Medium*/
	@media only screen and (min-width: 40.0625em) {
		#catText{margin-top:10%;}	
		.mobileHeadLogo{margin-top:50%}

		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:2rem}
		.largeFont{font-size:1.4rem}
		.mediumFont{font-size:1.1rem}

		/*Sticky Hedaer*/
		header {
			padding-top:1rem;
			height: 200px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:9999;
			background-color:rgba(0,0,0,0.5);
		}

		.nav-up {
			top: -200px;
		}

		.menuBuffer{margin-top:250px}

	}	
	

	/*Medium*/
	@media only screen and (min-width: 45.0625em) {
		#catText{margin-top:10%;}
		.mobileHeadLogo{margin-top:50%}
	

		.vhFix{padding-top:3rem; padding-bottom:3rem; height:auto}
		.hugeFont{font-size:2.5rem}
		.largeFont{font-size:1.9rem}
		.mediumFont{font-size:1.25rem}

		/*Sticky Hedaer*/
		header {
			padding-top:1rem;
			height: 220px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:9999;
			background-color:rgba(0,0,0,0.5);
		}

		.nav-up {
			top: -220px;
		}

		.menuBuffer{margin-top:270px}

	}


	/*Large*/
	@media only screen and (min-width: 54.0625em) {

		.vhFix{height:100vh}
		.hugeFont{font-size:3rem}
		.largeFont{font-size:2.4rem}
		.mediumFont{font-size:1.5rem}
		
		/*Sticky Hedaer*/
		header {
			padding-top:1rem;
			height: 200px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:9999;
			background-color:rgba(0,0,0,0.5);
		}

		.nav-up {
			top: -200px;
		}

		.menuBuffer{margin-top:300px}
	
	}

	/*Large*/
	@media only screen and (min-width: 64.0625em) {

		.vhFix{height:100vh}
		.hugeFont{font-size:3rem}
		.largeFont{font-size:2.4rem}
		.mediumFont{font-size:1.5rem}
		
		/*Sticky Hedaer*/
		header {
			padding-top:1rem;
			height: 126px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:9999;
			background-color:rgba(0,0,0,0.5);
		}

		.nav-up {
			top: -126px;
		}

		.menuBuffer{margin-top:126px}
	
	}


	/*Large*/
	@media only screen and (min-width: 75em) {		

		.vhFix{height:100vh}
		.hugeFont{font-size:3.6rem}
		.largeFont{font-size:2.7rem}
		.mediumFont{font-size:1.5rem}
		
		/*Sticky Hedaer*/
		header {
			padding-top:1rem;
			height: 126px;
			position: fixed;
			top: 0;
			transition: top 0.2s ease-in-out;
			width: 100%;
			z-index:9999;
			background-color:rgba(0,0,0,0.5);
		}

		.nav-up {
			top: -126px;
		}

.menuBuffer{margin-top:126px}

	}
	
	
/*Foundation Mods*/

.dropdown .is-dropdown-submenu a {padding: 0.5rem 1rem;}

.is-dropdown-submenu{min-width:320px; text-align:left; padding:10px 0px;}


/* Initiate Auto-Pulse animations */
.pulse-button {
	animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
}



/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0);
  }
}


.dropzone.dz-clickable {
	cursor: pointer;
}

.dropzone.dz-clickable * {
	cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
	cursor: pointer;
}

.dropzone.dz-started .dz-message {
	display: none;
}

.dropzone.dz-drag-hover {
	border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
	opacity: 0.5;
}

.dropzone .dz-message {
	text-align: center;
	margin: 2em 0;
}

.dropzone .dz-preview {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 16px;
	min-height: 6rem;
}

.dropzone .dz-preview:hover {
	z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 20px;
	background: #999;
	background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
	opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
	background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
	font-size: 14px;
	text-align: center;
	display: block;
	cursor: pointer;
	border: none;
}

.dropzone .dz-preview .dz-remove:hover {
	text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
	opacity: 1;
}

.dropzone .dz-preview .dz-details {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	font-size: 13px;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	color: rgba(0, 0, 0, 0.9);
	line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
	margin-bottom: 1em;
	font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
	white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
	border: 1px solid rgba(200, 200, 200, 0.8);
	background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
	background-color: rgba(255, 255, 255, 0.4);
	padding: 0 0.4em;
	border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-filter: blur(8px);
	filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
	border-radius: 20px;
	overflow: hidden;
	width: 120px;
	height: 120px;
	position: relative;
	display: block;
	z-index: 10;
}

.dropzone .dz-preview .dz-image img {
	display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
	-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	-o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
	pointer-events: none;
	opacity: 0;
	z-index: 500;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	margin-left: -27px;
	margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
	display: block;
	width: 54px;
	height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in;
	-moz-transition: opacity 0.4s ease-in;
	-ms-transition: opacity 0.4s ease-in;
	-o-transition: opacity 0.4s ease-in;
	transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
	-webkit-animation: pulse 6s ease infinite;
	-moz-animation: pulse 6s ease infinite;
	-ms-animation: pulse 6s ease infinite;
	-o-animation: pulse 6s ease infinite;
	animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
	opacity: 1;
	z-index: 1000;
	pointer-events: none;
	position: absolute;
	height: 16px;
	left: 50%;
	top: 50%;
	margin-top: -8px;
	width: 80px;
	margin-left: -40px;
	background: rgba(255, 255, 255, 0.9);
	-webkit-transform: scale(1);
	border-radius: 8px;
	overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
	background: #333;
	background: linear-gradient(to bottom, #666, #444);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	-webkit-transition: width 300ms ease-in-out;
	-moz-transition: width 300ms ease-in-out;
	-ms-transition: width 300ms ease-in-out;
	-o-transition: width 300ms ease-in-out;
	transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
	display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
	opacity: 1;
	pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
	pointer-events: none;
	z-index: 1000;
	position: absolute;
	display: block;
	display: none;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	border-radius: 8px;
	font-size: 13px;
	top: 130px;
	left: -10px;
	width: 140px;
	background: #be2626;
	background: linear-gradient(to bottom, #be2626, #a92222);
	padding: 0.5em 1.2em;
	color: white;
}

.dropzone .dz-preview .dz-error-message:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #be2626;
}


.roundedInput{ border: 1px solid #000}

.hideThis {display:none;}

.keywordsContainer {margin:0px -10px !important;}
.keywordButtons {margin:8px auto !important; padding:0px 6px !important; width:50% !important}

/* desktop menu */

.ul-1 {list-style:none; text-align:left;}
.ul-1 li {list-style:none; margin:0px 15px; display:inline-block;}
.ul-1 li a {color:white;}
.ul-1 li a:hover {text-decoration:underline;}
.ul-2 li a:hover {text-decoration:none;}
.ul-1-dropdown::after {
  display: inline-block;
  border: inset 8px;
    border-top-color: currentcolor;
    border-top-style: inset;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-bottom-width: 6px;
    border-left-color: currentcolor;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #2ba6cb transparent transparent;
  right: 5px;
  left: auto;
  margin-left: 6px;
}
.ul-2 {display:none; background:#ddd; position: absolute; top: 100%; left: 40px; right: 40px; padding:20px 10px;}
.ul-2 > li {display:block; color:#000; margin:7px 10px;}
.ul-2 > li > a {display:inline-block; color:#000; width:160px; padding:10px 10px;}
.ul-2 > li > span {display:inline-block; color:#000; width:160px; padding:10px 10px;}
.ul-3 {display:none; background:#fff; position:absolute; left:220px; top:10px; margin:0px; padding:5px 5px;}
.ul-3 > li {display:inline-block; color:#000; margin:0px; text-align:center;}
.ul-3 > li:hover {background:#ddd;}
.ul-3 > li > a {color:#000;}
.ul-3 > li img {width:250px; height:170px; padding:5px;}
.ul-3 > li div:last-of-type {font-size:0.8em;}
.li-selected {background:#9edcff; color:#fff;}

/* mobile menu */

.ul-1m {display:none; list-style:none; text-align:left; position: absolute;top: 100%;background: #000;width: 100%;left: -20px; padding: 20px 10px;}
.ul-1m li {list-style:none; margin:14px 5px; display:block;}
.ul-1m li a {color:white; Xletter-spacing:1px;}
.ul-1m li a.ul-1m-dropdown {color:white; letter-spacing:1.0px; text-transform:uppercase;}
.ul-1m li a:hover {text-decoration:none;}
.ul-1m-dropdown::after {
  display: inline-block;
  border: inset 8px;
    border-top-color: currentcolor;
    border-top-style: inset;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-bottom-width: 6px;
    border-left-color: currentcolor;
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #2ba6cb transparent transparent;
  right: 5px;
  left: auto;
  margin-left: 6px;
}
.ul-2m {display:none; background:#ddde; position: absolute; Xheight:639px; top: 68%; left:0px; right:0px; padding:10px 0px; margin:0px;}
.ul-2m > li {display:block; color:#000; margin:0px 4px 0px 0px; height:50px;}
.ul-2m > li > a {display:inline-block; color:#000; width:146px; padding:10px 10px; font-size:0.95em}
.ul-3m {display:none; background:#fff; position:absolute; left:154px; right:5px; top:10px; margin:0px; padding:4px 0px;}
.ul-3m > li {display:inline-block; color:#000; margin:0px; text-align:center;}
.ul-3m > li:hover {background:#ddd;}
.ul-3m > li > a {color:#000;}
.ul-3m > li img {width:250px; height:80px; padding:5px;}
.ul-3m > li div:last-of-type {font-size:0.8em; white-space: nowrap; height:20px;}
.li-selected {background:#9edcff; color:#fff;}

.mobileMenuClose {cursor:pointer;}

header.lessTall  {padding-top:4px;}
header.lessTall #hamburger2 {display:none;}
header.lessTall .mobileLogo {text-align:left;margin-left: 6px;}
header.lessTall .mobileLogo img {width:70px; text-align:left;margin-left: 2px;}
header.lessTall .mobilePhone {display:none;}
header.lessTall .mobileEmail {display:none;}
header.lessTall .ul-1m {margin-top:0px; padding-top:4px; top:42px;}
header.lessTall .ul-1m li {margin:0px 5px; }
header.lessTall .ul-1m li a {}

.uknr-bar {margin-top:0.7rem !important; margin-bottom:0.7rem !important; padding:0;}
.uknr-bar div {padding:0.6rem; border-radius:1rem; font-size:1.5rem; font-family:'Red Hat Display Medium'; cursor:pointer;}
.quote-bar div {background-color:darkgreen; color:white;}
.quote-bar img {margin-right:1rem;}
.drone-bar div {background-color:#8DB0EA; color:#fff;}
.drone-bar img {width:80px; height:35px; margin-left:20px;}
.emergency-bar div {background-color:#db002a; color:white; margin-bottom:1.0rem;}
.emergency-bar img {margin-right:1rem;}
.recruitment-bar div {background-color:#003200; color:#fff;}
.recruitment-bar img {margin-right:1rem;}

p.lessTall {margin-bottom:0.5rem !important;}
hr {margin:1.25rem 0 0.2rem !important;}

#index-boxes {width:100%;background-color: #fff; padding-top:3rem; padding-bottom:4rem;}

/*page header images*/
@media print, screen and (min-width: 769px) {
	.pageHeadImg {height:100vh;  width:100%;}
	.chimneyHeadImg {background:url('../img/page-header/chimney-head.jpg') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}
}
@media print, screen and (max-width: 768px) {
	.pageHeadImg {height:100vh;  width:100%;}
	.chimneyHeadImg {background:url('../img/page-header-mobile/chimney-head.jpg') no-repeat; background-repeat:no-repeat; background-size:cover; background-position:center;}
}
/* --- */
@media print, screen and (min-width: 64em) {
	.keywordButtons {width:25% !important;}
}

.serviceContent {padding-top:3rem; padding-bottom:1.3rem;}
.serviceHeading {font-size:40px;}
#homeSection2 .grid-container {max-width:75%;}
#homeSection2 h2 {margin-bottom:10px;}
#homeSection2 img {margin:20px 0px;}

#memberships {padding-top:0rem; padding-bottom:0rem;}
#memberships img {max-width:80%;}

#footerBack {width:100%; padding-top:2rem; padding-bottom:1rem; border-top: 7px solid #35469c; color:#fff}
#footerBack .footerNav {text-align:center;}
#footerBack .footerNav a {display:inline-block; font-size:14px; padding:0px 10px;}

#testimonials {padding-top:3rem; padding-bottom:1rem; color:#fff;}
/*
.editArea:hover {background: #efefef; border:1px solid #ccc; Xmargin:-1px;}
.editTextBtn {border:1px solid #444; border-radius:8px; padding:4px 10px; margin:4px 0px;}
.editTextBtn:hover {color:white; background:#444}
*/
@media print, screen and (max-width: 768px) {
	.hide-for-small {display:none;}
	.centerOnMobile {text-align:center !important; margin-top:32px;}
	.centerOnMobile img {max-width:180px !important;}
	header {height: 170px;}
	.serviceContent {padding-top:1.2rem;padding-bottom:1rem;}
	.serviceContent h1, .serviceHeading {font-size:28px; margin-bottom:0px !important}
	
	#index-boxes {padding-top:1.5rem; padding-bottom:1.0rem;}
	#index-boxes .img-div {margin:0; width:100%;}
	#homeSection2 .grid-container {max-width:100%;}
	#homeSection2 img {max-width:60%; margin:10px 0px;}
	#homeSection2 h2 {margin-bottom:15px;}
	#homeSection2 h3 {margin-top:40px; text-align:left;}
	
	#memberships {padding-top:0rem; padding-bottom:0rem;}
	#memberships img {max-width:50%; margin:auto;}

	#footerBack {padding-bottom:6rem;}
	
	#testimonials {padding-top:2rem; padding-bottom:0.6rem;}

	.logo-div {margin-top:2rem;}
}

/* from slick.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{

}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* end slick.css */
/* from slick-theme.css */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('ajax-loader.gif') no-repeat center;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);



    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;


}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;



    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.slick-next, .slick-arrow{cursor:pointer}
/* end slick-theme.css */