/* CSS Document */
#mobile:not( .mm-menu ) {display: none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
button:focus { outline:none !important; }
* {box-sizing: border-box; background-repeat:no-repeat;}
a:focus{outline: none;}
.stButton .stLarge:hover {background-position:0px !important;}
.sharethis-inline-share-buttons {margin-bottom:20px;}

@font-face {font-family: 'bebas_neuebold'; src: url('/wp-content/themes/onefifty/fonts/bebasneue_bold-webfont.woff2') format('woff2'), url('/wp-content/themes/onefifty/fonts/bebasneue_bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'bebas_neuebook'; src: url('/wp-content/themes/onefifty/fonts/bebasneue_book-webfont.woff2') format('woff2'), url('/wp-content/themes/onefifty/fonts/bebasneue_book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'bebas_neue_regular'; src: url('/wp-content/themes/onefifty/fonts/bebasneue_regular-webfont.woff2') format('woff2'), url('/wp-content/themes/onefifty/fonts/bebasneue_regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td, select {margin:0px; padding:0px; border:none;}
p {font-size:17px; line-height:1.5em;}
p, li, a, input, select {font-family: Helvetica, Arial, sans-serif; color:#7f7f7f;}
p a {color:#209fc6;}
h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a ,h4 a, h5 a, h6 a {font-weight:normal; font-family:"bebas_neuebook",sans-serif; color:#4d4d4a;}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong, 
h1 a strong, h2 a strong, h3 a strong,h4 a strong, h5 a strong, h6 a strong {font-weight:normal; font-family:"bebas_neuebold",sans-serif;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
.ErrorLabel {display:none;}
input {-webkit-appearance: none;}
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:40px; }
.videoWrapper iframe {position: absolute; top: 0;left: 0; width: 100%; height: 100%;}
.middle {display: table-cell; vertical-align: middle;}

#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left; overflow:hidden;}
#container>div, footer, main>div {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1222px; max-width: 100%;}
.content {float: left; width: 90%; max-width: 100%; margin:0 5%; position:relative;}
header .wrapper {width:1400px;}
#scroller .wrapper {width:1400px;}
#areas .wrapper {width:1400px;}
.margin {padding:30px 0;}
.blueBackground {background-color:#49afe2;}
.purpleBackground {background-color:#494f60;}
.redBackground {background-color:#e34919;}

@media only screen and (min-width: 768px) {
.margin {padding:60px 0;}
}


/* HEADER & FOOTER */

header {height:160px;}
header a.logo {position:absolute; top:50px; left:0px;}
header a.logo img {height:90px;}
header p.phone {position:absolute; top:0px; left:0px;}
header p.phone a  {float:left; padding-top:10px; margin-right:30px; font-family:"bebas_neuebook",sans-serif; color:#49afe2; font-size:24px; letter-spacing:2px;}
header .menuWrapper {position:absolute; top:0px; right:0px;}
header .menu-topnav-container {display:none;}

@media only screen and (min-width: 768px) {
header {height:130px;}
header a.logo {position:absolute; left:0px; top:0px;}
header a.logo img {height:auto;}
header p.phone {background-color:#e34919; float:right; margin-right:50px; position:relative; padding:3px 0 11px 30px;}
header p.phone a {color:#fff;}
}

@media only screen and (min-width: 1024px) {
  header p.phone {padding:1px 0 8px 30px; margin-right:0px;}
  header .menu-topnav-container {display:block; float:right;}
  ul#menu-topnav>li {float:left; display:block; background-color:#494f60; padding:15px 0;}
  ul#menu-topnav>li>a {float:left; color:#ffffff; font-size:20px; padding:0 15px; text-transform:uppercase; font-family: "bebas_neue_regular",sans-serif; border-left:1px solid #ffffff; line-height:15px; height:15px;  }
  ul#menu-topnav>li.Highlighted>a {color:#fff;}
  ul#menu-topnav>li>ul {display:none;}
  ul#menu-topnav>li:first-child a {padding-left:15px; border:0px;}
  ul#menu-topnav>li:last-child {background-color:#49afe2; }
  ul#menu-topnav>li:last-child a {border:0px;}
  ul#menu-topnav>li:hover {background-color:#5c6171;}
  ul#menu-topnav>li:hover>ul {display:block; z-index:200; position:absolute; text-align:left; margin-top:30px;}
  ul#menu-topnav>li>ul>li>a {background-color:#5c6171; display:block; color:#fff; font-family:"bebas_neue_regular",sans-serif; font-size:20px; padding:5px 10px;}
  ul#menu-topnav>li>ul>li>a:hover {background-color:#494f60; color:#fff;}
  header .menuWrapper {float:right; position:relative; clear:both;}
  }

footer {background-color:#494f60; } 
footer .content {background-image:url(assets/logo-inverse.png); background-position:top left; padding-top:0px; padding-bottom:60px;}
footer .social {float:left; width:100%; margin:50px 0 50px 0;}
footer .social a {display:block; margin-right:15px; float:left; background-size:contain;}
footer .social a.instagram {background-image:url(assets/icon-instagram.png); background-repeat:no-repeat; width:39px; height:33px;}
footer .social a.instagram:hover {background-image:url(assets/icon-instagram-hover.png);}
footer .social a.youtube {background-image:url(assets/icon-youtube.png); background-repeat:no-repeat; width:47px; height:33px;}
footer .social a.youtube:hover {background-image:url(assets/icon-youtube-hover.png);}
footer .social a.linkedin {background-image:url(assets/icon-linkedin.png); background-repeat:no-repeat; width:33px; height:33px;}
footer .social a.linkedin:hover {background-image:url(assets/icon-linkedin-hover.png);}
ul#menu-infonav {float:left; margin:100px 0 40px 0;}
ul#menu-infonav>li {float:left; padding-right:15px; border-right:1px solid #ffffff; margin-right:15px;}
ul#menu-infonav>li.last {padding:0px; margin:0px; border:0px;}
ul#menu-infonav>li>a {color:#ffffff; font-family:"bebas_neuebold",sans-serif; font-size:30px;}
ul#menu-infonav>li>a:hover {color:#49afe2;}

@media only screen and (min-width: 768px) {
footer .social {float:right; margin-bottom:0px; width:auto;}
footer .social a {margin:0 0 0 15px;}
ul#menu-infonav {margin:50px 0 40px 140px;}
}

@media only screen and (min-width: 1280px) {
  }



/* COPY CONTENT */

.copy {float:left; width:100%;}
.wide {float:left; width:90%; margin:0 0 30px 0;}
.left {float:left; width:100%; margin-bottom:30px;}
.right {float:right; width:100%;}
.narrow {float:left; width:100%;}
.copy.medium {float:left; width:90%; margin:0 0 30px 0;}

.fade {-webkit-box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5); box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5);}

.copy p {margin-bottom:20px;}
.copy p:last-child {margin-bottom:0px;}
.copy a.button {display:inline-block; background-color:#ffffff; padding:7px 30px; color:#e34919; font-family: "bebas_neuebold",sans-serif; font-size: 30px; margin-top:10px; text-decoration:none;}
.copy a.button:hover {background-color:#49afe2; color:#ffffff;}
.copy.white a.buttonRed {display:inline-block; background-color:#e34919; padding:7px 30px; color:#ffffff; font-family: "bebas_neuebold",sans-serif; font-size: 30px; margin-top:10px; text-decoration:none;}
.copy.white a.buttonRed:hover {background-color:#209fc6; color:#ffffff;}
.copy.white a.button {display:inline-block; background-color:#ffffff; padding:7px 30px; color:#e34919; font-family: "bebas_neuebold",sans-serif; font-size: 30px; margin-top:10px; text-decoration:none;}
.copy.white a.button:hover {background-color:#494f60; color:#ffffff;}
.copy p a.readMore {background-color:#49afe2; background-image:url(assets/arrow.png); background-size:auto 16px; background-position:90% center;  display:inline-block; color:#ffffff; padding:8px 25px 8px 12px; font-family:"bebas_neuebold",sans-serif; font-size:20px;} 
.copy p a.readMore:hover {background-color:#494f60;}

.copy ul {margin-bottom:15px;}
.copy li {font-size:17px; line-height:1.5em; list-style-type:disc; margin-bottom:5px; margin-left:20px;}
.copy ol {margin-bottom:15px;}
.copy ol>li {font-size:17px; line-height:1.5em; list-style-type:decimal; margin-bottom:5px; margin-left:20px;}
.copy ul li ul {margin-bottom:0px; margin-top:5px;}
.copy li a {color:#209fc6;}
.copy ul.tick li {color:#49afe2; font-weight:bold; line-height:25px; margin-bottom:10px; background-image:url(assets/tick.png); list-style-type:none; background-position:left top; margin-left:0px; padding-left:35px;}


.copy.white li {color:#fff;}

.copy h1 {font-size:40px; color:#49afe2; margin-bottom:30px;}
.copy h1 span {color:#49afe2;}
.copy h2 {font-size:36px; color:#494f60; margin-bottom:20px;}
.copy h3 {font-size:36px; color:#494f60; margin-bottom:20px;}
.copy h4 {font-size:36px; color:#49afe2; margin-bottom:20px;}
.copy h5 {font-size:24px; color:#7f7f7f; margin-bottom:20px;}

.copy.white p {color:#ffffff;}
.copy.white p a {color:#fff; text-decoration:underline;}
.copy.white h2 {color:#ffffff;}

.copy.white h1, .copy.white h2, .copy.white h3, .copy.white h4, .copy.white h5, .copy.white h6 {color:#ffffff;}
.copy.white h1 a, .copy.white h2 a, .copy.white h3 a, .copy.white h4 a, .copy.white h5 a, .copy.white h6 a {color:#ffffff;}
.copy.white h1 a:hover, .copy.white h2 a:hover, .copy.white h3 a:hover, .copy.white h4 a:hover, .copy.white h5 a:hover, .copy.white h6 a:hover {color:#494f60;}

.copy.blue h2 {color:#49afe2;}
.copy.blue h3 {color:#49afe2;}

@media only screen and (min-width: 768px) {
.narrow {float:left; width:33.33%;}
.copy.medium {width:70%; margin:0 30% 30px 0;}
.left {width:49%; margin-bottom:0px;}
.right {width:49%;}
	
.copy h1 {font-size:50px;}
.copy h2 {font-size:40px; margin-bottom:30px;}
	
ul.tick {margin:0px 0 100px 0;}
 }

@media only screen and (min-width: 1024px) {
.copy h1 {font-size:60px;}
.copy h2 {font-size:50px;}
  }


.thirds {float:left; width:100%; display:inline; margin-bottom:30px;}
.thirds .third {vertical-align:top; display:inline-block; float:none; width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #9d9c9c;}
.thirds .third.white {border-bottom:1px solid #fff;}
.thirds:last-child {margin-bottom:0px;}
.thirds .third:last-child {border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}

@media only screen and (min-width: 768px) {
.thirds {margin-bottom:0px;}
.thirds .third {width:35%; float:left; border-right: 1px solid #9d9c9c; border-bottom:none; margin-bottom:0px; padding:0 2.5% 0 2.5%; }
.thirds .third.white {border-right:1px solid #fff; border-bottom:none;}
.thirds .third:nth-child(3n+1) {width:32.5%; padding:0 2.5% 0 0; clear:left;}
.thirds .third:nth-child(3n+3) {width:32.5%; padding:0 0 0 2.5%; border-right:0px;}
.thirds .third:nth-child(3n+4) {margin-top:40px;}
.thirds .third:nth-child(3n+5) {margin-top:40px;}
.thirds .third:nth-child(3n+6) {margin-top:40px;}
.thirds .third:last-child {border-right:0px;}
}
	
	
	
.quarters {margin-bottom:0px; display:flex; flex-wrap:wrap; float:left; width:100%;}
.quarters .quarter {width:42%; border-left: 1px solid #9d9c9c; border-bottom:none;  margin:0 0 30px 4%; padding-left:4%; padding-bottom:0px; flex-grow:1;}
.quarters .quarter.white {border-left: 1px solid #fff; border-bottom:0px;}
.quarters .quarter:nth-child(2n+1) {clear:left; margin-left:0; padding-left:0; border-left:0px;}
  
@media only screen and (min-width: 1024px) {  
.quarters .quarter {width:23%; border-left: 1px solid #9d9c9c; margin:0 0 0 1.5%; padding-left:1.5%;}
.quarters .quarter:nth-child(2n+1) {clear:none; margin:0 0 0 1.5%; border-left: 1px solid #9d9c9c; padding-left:1.5%;}
.quarters .quarter:first-child {margin-left:0; padding-left:0; border-left:0px;}
.quarters .quarter.white {border-left: 1px solid #ffffff; border-bottom:none;}
.quarters .quarter.white:nth-child(2n+1) {clear:none; margin:0 0 0 2%; border-left:1px solid #fff; padding-left:2%;}
.quarters .quarter.white:first-child {border-left:0px;}
}





/* TEMPLATES - ACCREDITATIONS */

.accreditations {float:left; width:100%;}
.accreditations img {display:inline-block; margin-right:30px; margin-top:10px;}

@media only screen and (min-width: 768px) {
.accreditations img {margin-top:0px; margin-right:25px;}
  }



/* TEMPLATES - CONTACT FORM */

main div.wpforms-container .wpforms-form .wpforms-field-container h2 {font-size:36px; color:#fff; margin:0 0 30px 0;}
main div.wpforms-container-full:not(:empty) {margin:0px;}
main div.wpforms-container .wpforms-field-label {border-radius: 0px; border:0px; font-size:18px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#fff; }
main div.wpforms-container .wpforms-form input[type=text] {border-radius: 0px; border:0px; font-size:18px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#7f7f7f; }
main div.wpforms-container .wpforms-form input[type=email] {border-radius: 0px; border:0px; font-size:18px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#7f7f7f;}
main div.wpforms-container .wpforms-form textarea {resize:none; border-radius: 0px; border:0px; font-size:18px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#7f7f7f; }
main div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {border:0px; border-radius:0px; padding:9px 0 8px 0; }
main div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader .dz-message {font-size:14px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#7f7f7f;}
main div.wpforms-container .wpforms-field-checkbox .wpforms-field-label {font-weight:normal; font-size:14px;}
main div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label {color:#fff;}
main div.wpforms-container-full .wpforms-form button[type=submit] {padding:5px 30px; cursor:pointer; color:#fff; font-family: "bebas_neuebold",sans-serif; font-size: 30px; border-radius:0px;}
main div.wpforms-container-full .wpforms-form button[type=submit]:not(:hover):not(:active) {background-color:#4ab0e3; }
main div.wpforms-container-full .wpforms-form button[type=submit]:hover {color:#ffffff; background-color:#49afe2;}

@media only screen and (min-width: 768px) {
main div.wpforms-container .wpforms-form .wpforms-field-container  h2 {font-size:40px;}
 }

@media only screen and (min-width: 1024px) {
main div.wpforms-container .wpforms-form .wpforms-field-container  h2 {font-size:50px;}
  }


/* TEMPLATES - TESTIMONIALS */


.testimonials .snippet {width:100%;}
.testimonials .cycle-slideshow {float:left;}
.testimonials .cycle-slideshow p {color:#ffffff; white-space:normal; width:100%;  }
.testimonials .cycle-slideshow p.quote {font-size:20px; margin-bottom:20px;font-family:"bebas_neue_regular",sans-serif;}

@media only screen and (min-width: 768px) {
.testimonials .cycle-slideshow {width:100%;}
.testimonials .cycle-slideshow p.quote {font-size:30px;}
.testimonials .snippet {width:60%;}
.testimonials .testimonial-prev {display: block; width: 11px; height: 24px; background-image: url(assets/arrow-left.png); background-repeat: no-repeat; position: absolute; left: -30px; top: 100px; cursor:pointer;}
.testimonials .testimonial-next {display: block; width: 11px; height: 24px; background-image: url(assets/arrow.png); background-repeat: no-repeat; position: absolute; right: -30px; top: 100px; cursor:pointer;}
.testimonials .testimonial-prev:hover {background-image: url(assets/arrow-left-hover-blue.png);}
.testimonials .testimonial-next:hover {background-image: url(assets/arrow-hover-blue.png);}
.testimonials.blue .testimonial-prev:hover {background-image: url(assets/arrow-left-hover.png);}
.testimonials.blue .testimonial-next:hover {background-image: url(assets/arrow-hover.png);}
}

@media only screen and (min-width: 1024px) {
.testimonials .cycle-slideshow p.quote {font-size:36px;}
  }

@media only screen and (min-width: 1400px) {
.testimonials .testimonial-prev {left:-80px;}
.testimonials .testimonial-next {right:-80px;}
  }


/* TEMPLATES - CLIENTS */


.clients {}
.clients .cycle-slideshow {width:100%; float:left;}
.clients .cycle-carousel-wrap {float:left; width:100%;}
.clients img {padding:0 20px;}
.clients .client-prev {display: none;}
.clients .client-next {display: none;}

@media only screen and (min-width: 768px) {
.clients .cycle-slideshow {margin: 30px 0 0 0 ;}
.clients .client-prev {display: block; width: 11px; height: 24px; background-image: url(assets/arrow-left-hover.png); background-repeat: no-repeat; position: absolute; left: -30px; top: 155px; cursor:pointer;}
.clients .client-next {display: block; width: 11px; height: 24px; background-image: url(assets/arrow-hover.png); background-repeat: no-repeat; position: absolute; right: -30px; top: 155px; cursor:pointer;}
.clients .client-prev:hover {background-image: url(assets/arrow-left-hover.png);}
.clients .client-next:hover {background-image:url(assets/arrow-hover.png);}
}

@media only screen and (min-width: 1280px) {
.clients .cycle-slideshow { margin: 30px 0 0 0 ;}
  }

@media only screen and (min-width: 1400px) {
.clients .client-prev {left:-80px;}
.clients .client-next {right:-80px;}
  }


/* TEMPLATES - NEWS FEED */

.newsFeed {float:left; width:100%;}
.newsFeed .recentPost {float:left; width:100%; margin:0 0 30px 0;  flex-grow:1; background-color:#ffffff;}
.newsFeed .recentPost .image {height:200px; background-size:cover; background-position:center center;}
.newsFeed .recentPost .text { padding:20px;}
.newsFeed .recentPost .text h3 {font-size:36px; color:#49afe2; margin-bottom:20px;}
.newsFeed .recentPost .text p {color:#7f7f7f; margin-bottom:20px;}
.newsFeed .recentPost .text>a {color:#e34919; font-family:"bebas_neuebold",sans-serif; font-size:30px;}
.newsFeed .recentPost .text>a:hover {color:#49afe2;} 

@media only screen and (min-width: 768px) {
.newsFeed {width:100%; margin-bottom:0px; display:flex;}
.newsFeed .recentPost {float:left; width:45%; margin:0 0 0 10%;}
.newsFeed .recentPost:first-child {margin:0;}
.newsFeed .recentPost:last-child {display:none;}
}
@media only screen and (min-width: 1280px) {
.newsFeed .recentPost {width:30%; margin:0 0 0 5%;}
.newsFeed .recentPost:last-child {display:block;}
}


/* TEMPLATES - CASE STUDY FEED */


.caseStudyFeed {float:left; width:100%; }
.caseStudyFeed .caseStudyPreview {flex-grow:1; float:left; width:100%; margin-bottom: 40px; background-color:#ffffff; }
.caseStudyFeed .caseStudyPreview .image {height:200px; background-size:cover; background-position:center center;}
.caseStudyFeed .caseStudyPreview .text {padding:20px;}
.caseStudyFeed .caseStudyPreview .text h3 {font-size:36px; margin-bottom:20px;}
.caseStudyFeed .caseStudyPreview .text p {color:#7f7f7f; margin-bottom:20px;}
.caseStudyFeed .caseStudyPreview .text>a {color:#e34919; font-family:"bebas_neuebold",sans-serif; font-size:30px;}
.caseStudyFeed .caseStudyPreview .text>a:hover {color:#49afe2;}

@media only screen and (min-width: 768px) {
.caseStudyFeed {width:100%; margin-bottom:0px; display:flex;}
.caseStudyFeed .caseStudyPreview {float:left; width:45%; margin:0 0 0 10%;}
.caseStudyFeed .caseStudyPreview:first-child {margin:0;}
.caseStudyFeed .caseStudyPreview:last-child {display:none;}
}
@media only screen and (min-width: 1024px) {
.caseStudyFeed .caseStudyPreview {width:30%; margin:0 0 0 5%;}
.caseStudyFeed .caseStudyPreview:last-child {display:block;}
}
 

/*#SCROLLING GALLERY */

.imageWide .cycle-slideshow {float:left; width:100%; margin-bottom:0px; margin-top:30px;}
.imageWide.specialist .cycle-slideshow {margin:60px 0;}
.imageWide .cycle-carousel-wrap {float:left; width:100%;}
.imageWide .cycle-slideshow .image {width:100%; height:300px; background-size:cover; background-position:center center;}

@media only screen and (min-width: 768px) {
.imageWide .cycle-slideshow {}
.imageWide .cycle-slideshow .image {width:50%; height:400px; }
.imageWide.specialist .cycle-slideshow {margin:90px 0;}
  }

@media only screen and (min-width: 1024px) {
.imageWide .cycle-slideshow .image {width:33.3333%; height:500px}
  }


/* HOMEPAGE */

#scroller .banner {width:100%; background-size:cover; background-position:center center; height:500px; -webkit-box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5); box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5);}
#scroller.shorter .banner {height:300px;}
#scroller.shorter .copy {width:100%; margin-top:50px; }
#scroller .banner h1 {color:#ffffff; font-size:34px; margin-bottom:10px;}
#scroller .banner h2 {color:#ffffff; font-size:34px; margin-bottom:10px;}
#scroller .banner p {color:#ffffff; font-size:16px; width:80%;}
#scroller .banner a.youtube {display:block;} 
#scroller .banner a.youtube img {position:absolute; bottom:0px; right:0px; height:80px; width:80px;}

#scroller .cycle-pager {display:none; position:absolute; bottom:20px; left:0px; z-index:100;}
#scroller .cycle-pager span {display:block; width:24px; height:24px; background-color:#ffffff; color:#ffffff; float:left; margin-right:12px; cursor:pointer;}
#scroller .cycle-pager span.cycle-pager-active {background-color:#e34919; color:#e34919;}
#scroller .copy {background-color:rgba(73,175,226,0.5); padding:20px; margin-top:200px; position:relative;}

@media only screen and (min-width: 768px) {
#scroller .banner {height:700px;}
#scroller.shorter .banner {height:400px;}
#scroller.shorter .copy {width:75%; margin-top:100px;}
#scroller .banner h1 {font-size:54px;}
#scroller .banner h2 {font-size:54px;}
#scroller .banner p {font-size:23px;}
#scroller .cycle-pager {display:block; bottom:40px;}
#scroller .copy {width:75%; margin-top:300px;}
#scroller .banner a.youtube img {position:absolute; top:0px; right:-188px; width:188px; height:100%;}
  }
@media only screen and (min-width: 1024px) {
#scroller .copy {width:60%;}
#scroller .cycle-pager {bottom:60px;}
#scroller.shorter .copy {width:60%; margin-top:100px;}
  }
@media only screen and (min-width: 1400px) {
#scroller.shorter .banner {height:500px;}
#scroller.shorter .copy {width:60%; margin-top:150px;}
  }

#areas {background-image:url(assets/background.png); background-size:cover; }
#areas.areasReverse {background-image:url(assets/background2.png); }
#areas .content {width:100%; margin:0;}
#areas .copy {float:left; width:100%; position:relative; padding:40px 10%;}
#areas .copy h2 {margin-bottom:0px;}
#areas .copy h2 a {position:relative; display:inline-block; color:#ffffff; font-family:"bebas_neuebold",sans-serif; font-size:36px; margin-bottom:10px; z-index:1;}
#areas .copy h2 a img {margin-left:5px;}
#areas .specialist {background-color:#49afe2;}
#areas .surface {background-color:#494f60; flex:1;}
#areas .service {background-color:#e34919;}
#areas .specialist h2 a:hover img {margin-left:10px;}
#areas .surface h2 a:hover img {margin-left:10px;}
#areas .service h2 a:hover img {margin-left:10px;}
#areas.location .copy {text-align:center;}
#areas.location .copy img {margin-bottom:20px;}
#areas.location .copy p {font-family:"bebas_neue_regular",sans-serif; font-size:27px;}
@media only screen and (min-width: 768px) {
#areas .copy {float:left; width:33.33%; clear:none; padding:40px 5%;}
#areas .content {display:flex;}
}
@media only screen and (min-width: 1280px) {
}

.sectors .sector {width:100%; padding:0 5%; vertical-align:top;}
.sectors .sector img {margin-bottom:20px;}
.sectors .sector h3 {color:#49afe2; font-family:"bebas_neuebold",sans-serif; font-size:35px; margin-bottom:20px;}
.sectors .sector p {white-space:normal; color:#7f7f7f; margin-bottom:20px;}
.sectors .sector a {color:#49afe2;  font-family:"bebas_neuebold",sans-serif; font-size: 30px;}
.sectors .sector a:hover {color:#494f60;}
.sectors .cycle-slideshow {width:100%; float:left;}
.sectors .cycle-carousel-wrap {float:left; width:100%;}

@media only screen and (min-width: 768px) {
.sectors .sector {width:45.5%; padding:0 5% 0 0; margin-right:5%;}
.sectors .sector.cycle-slide-active { border-right:1px solid #d0d0d0;}
.sectors .prevProfile {top: 130px;}
.sectors .nextProfile {top: 130px;}
.sectors .prevProfile {display: block; width: 11px; height: 24px; background-image: url(assets/arrow-left-hover.png); background-repeat: no-repeat; position: absolute; left: -30px; top: 120px; cursor:pointer;}
.sectors .nextProfile {display: block; width: 11px; height: 24px; background-image: url(assets/arrow-hover.png); background-repeat: no-repeat; position: absolute; right: -30px; top: 120px; cursor:pointer;}
.sectors .prevProfile:hover {background-image: url(assets/arrow-left-hover.png);}
.sectors .nextProfile:hover {background-image: url(assets/arrow-hover.png);}
}

@media only screen and (min-width: 1280px) {
.sectors .sector {width:22.5%; padding-right:4%; margin-right:4%; border-right:1px solid #d0d0d0;}
.sectors .prevProfile {top: 226px; left:-40px;}
.sectors .nextProfile {top: 226px; right:-40px;}
}

@media only screen and (min-width: 1400px) {
.sectors .prevProfile {left:-80px;}
.sectors .nextProfile {right:-80px;}
  }



/* BANNER */

#banner {height:auto; background-size:cover; background-position:center center;}
#banner .content {display:flex; align-items: center; padding:50px 0;}
#banner .copy {width:100%; background-color:rgba(73,175,226,0.5); padding:20px;}
#banner .copy p {width:100%;}

@media only screen and (min-width: 768px) {
#banner {height:400px;}
#banner .content {height:400px; padding:0px;}
#banner .copy {width:75%;}
  }
@media only screen and (min-width: 1024px) {
#banner .copy {width:60%;}
  }

@media only screen and (min-width: 1400px) {
#banner {height:500px;}
#banner .content {height:500px; padding:0px;}
  }


/* SECTORS */

.sectorList {float:left; width:100%; margin:60px 0;}
.sectorList .sector {width:100%; padding:0; float:left; margin-bottom:100px;}
.sectorList .sector img {margin-bottom:30px;}
.sectorList .sector h3 {color:#49afe2; font-family:"bebas_neuebold",sans-serif; font-size:35px; margin-bottom:20px;}
.sectorList .sector p {white-space:normal; margin-bottom:20px;}
.sectorList .sector a {background-color:#49afe2; background-image:url(assets/arrow.png); background-size:auto 16px; background-position:90% center;  display:inline-block; color:#ffffff; padding:8px 25px 8px 12px; font-family:"bebas_neuebold",sans-serif; font-size:20px;} 
.sectorList .sector a:hover {background-color:#494f60;}

@media only screen and (min-width: 768px) {
.sectorList .sector {width:50%; padding:0 0 0 5%; border-left:1px solid #4B5061;}
.sectorList .sector:nth-child(2n+1) {clear:left; padding:0 5%  0 0; border-left:0px;}
}
@media only screen and (min-width: 1280px) {
.sectorList .sector {width:32.5%; padding:0 0 0 2.5%; border-left:1px solid #4B5061;}
.sectorList .sector:nth-child(2n+1) {clear:none; padding:0 0 0 2.5%; border-left:1px solid #4B5061;;}
.sectorList .sector:nth-child(3n+2) {clear:none; width:35%; padding:0 2.5%;}
.sectorList .sector:nth-child(3n+1) {width:32.5%; clear:left; padding:0 2.5% 0 0; border-left:0px;}
}


.sectorLeft {float:left; width:100%; clear:none; margin-bottom:40px;}
.sectorLeft img {margin-bottom:30px;}
.sectorRight {float:left; width:100%; margin-bottom:40px;}
.sectorRight img {margin-bottom:30px;}
.sectorLeft>a {background-image: url(assets/arrow.png); background-position: 90% center; margin-top:10px; background-color:#49afe2; display:inline-block; color:#ffffff; padding:8px 40px 8px 25px; font-family:"bebas_neuebook",sans-serif; font-size:30px;} 
.sectorLeft>a strong {font-family:"bebas_neuebold",sans-serif;}
.sectorLeft>a:hover {background-color:#494f60;}
.sectorRight>a {background-image: url(assets/arrow.png); background-position: 90% center; margin-top:10px; background-color:#49afe2; display:inline-block; color:#ffffff; padding:8px 40px 8px 25px; font-family:"bebas_neuebook",sans-serif; font-size:30px;} 
.sectorRight>a strong {font-family:"bebas_neuebold",sans-serif;}
.sectorRight>a:hover {background-color:#494f60;}

@media only screen and (min-width: 768px) {
.sectorLeft {float:left; width:50%; padding:0 7% 0 0; border-right:1px solid #4B5061; margin:30px 0 0 0;}
.sectorRight {float:left; width:50%;  padding:0 0 0 7%; margin:30px 0 0 0;}
  }



/* NEWS */


.newsBanner {background-image:url(assets/banner-news.jpg);}
.news {float:left; width:100%;}
.news .image {position:relative; width:100%; float:left; margin-bottom:30px; background-size:cover; background-position:center center; height:250px;}
.news .image.alignTop {background-position:top center;}
.news .image span.attribution {color:#fff; font-family: Helvetica, Arial, sans-serif; background-color:rgba(00,00,00,0.5); width:100%; position:absolute; bottom:0px; text-align:left; padding:10px; font-size:14px;}
.news .copy p img {width:100% !important;}
.news .copy h1 {font-size:36px; color:#494f60; margin-bottom:20px; font-weight:bold;}
.news .copy table {width:100% !important; font-family: Helvetica,Arial,sans-serif; color: #7f7f7f; font-size: 20px;  line-height: 1.5em;}
.news .copy table td {border-top:1px solid #49afe2; padding:3px 0;}
.news .copy table td:first-child {font-weight:bold;}
.news .copy table td:last-child {text-align:right;}
.news .copy h2 {font-family: "bebas_neuebold",sans-serif;}
.news .copy p.tags {margin-top:-20px;}
.news .copy p.tags a {color:#7f7f7f;}
.news .copy p.tags a:hover {color:#e34919;}
a.viewAll {float: left;color: #e34919; font-family: "bebas_neuebold",sans-serif; font-size: 30px; margin-top:40px;}
a.viewAll:hover {color: #49afe2;}
.sidebar {float:left; width:100%;}
.sidebar h3 {font-size:36px; color:#494f60; margin-bottom:20px; font-family:"bebas_neuebold",sans-serif;}
.sidebar a {padding:15px 0; display:block; color:#49afe2; font-size:20px !important; border-top:1px solid #4B5061;}
.sidebar a:hover {color:#e34919;}

@media only screen and (min-width: 640px) {
.news .image  {height:350px;}
  }

@media only screen and (min-width: 768px) {
.news .copy h1 {font-size:40px; margin-bottom:30px;}
.news .copy table {width:45% !important; float:left;}
.news .copy table + table {margin-left:10%;}
}

@media only screen and (min-width: 1024px) {
.news {width:65%;}
.news .copy h1 {font-size:50px;}
.sidebar {float:right; width:30%;}
}

@media only screen and (min-width: 1280px) {
.news .image  { height:450px;}
  }


.newsPreview {float:left; width:100%; border-bottom:1px solid #494f60; margin-bottom:30px; padding-bottom:30px;}
.newsPreview .image {margin-bottom:20px; float:left; width:100%; height:325px; background-size:cover; background-position:center center;}
.newsPreview .image.alignTop {background-position:top center;} 
.newsPreview .copy a {color: #e34919; font-family: "bebas_neuebold",sans-serif; font-size: 30px;}
.newsPreview .copy a:hover {color:#49afe2;}
.newsPreview .text h3 {font-size:36px; color:#494f60; margin-bottom:20px;}
.newsPreview .text p {color:#7f7f7f; margin-bottom:20px;}
.newsPreview .text>a {color:#e34919; font-family:"bebas_neuebold",sans-serif; font-size:30px;}
.newsPreview .text>a:hover {color:#49afe2;} 

.sideFilter {margin-bottom:10px;}

@media only screen and (min-width: 640px) {
.newsPreview .image  {height:350px;}
  }

@media only screen and (min-width: 1280px) {
.newsPreview .image  { height:450px;}
  }



/* PAGER */


.pager {float:left; font-family: "bebas_neuebold",sans-serif; color:#49afe2; font-size:30px; float:left; width:100%;}
.pager ul li {float:left; text-align:center;}
.pager ul li span {display:inline-block;}
.pager ul li span.current {color:#fff; background-color:#49afe2;  height:40px; width:40px; padding-top:3px; font-family: "bebas_neuebold",sans-serif; color:#fff; }
.pager ul li a {font-family: "bebas_neuebold",sans-serif; color:#49afe2; font-size:30px; height:40px; width:40px; display:inline-block; padding-top:3px;}
.pager ul li a.next {background-image:url(assets/pagerNextPage.png); background-position:center center; display:inline-block; width:25px; height:40px; margin-left: -6px; background-color: #fff;}
.pager ul li a.prev {background-image:url(assets/pagerPreviousPage.png); background-position:center center; display:inline-block; width:25px; height:40px; }
.pager a.page {border-right:1px solid #49afe2;}



/* CASE STUDIES */

.caseStudiesBanner {background-image:url(assets/banner-case-studies.jpg);}
.caseStudies {float:left; width:100%;}

.caseStudies .caseStudyPreview {float:left; width:100%; border-bottom: 1px solid #494f60; margin-bottom: 40px; padding-bottom: 10px;}
.caseStudies .caseStudyPreview .image {height:200px; background-size:cover; background-position:center center;}
.caseStudies .caseStudyPreview .image a {height:200px; width:100%; display:block;}
.caseStudies .caseStudyPreview .text {background-color:#ffffff; padding:20px;}
.caseStudies .caseStudyPreview .text h3 {font-size:36px; margin-bottom:20px;}
.caseStudies .caseStudyPreview .text p {color:#7f7f7f; margin-bottom:20px;}
.caseStudies .caseStudyPreview .text>a {color:#e34919; font-family:"bebas_neuebold",sans-serif; font-size:30px;}
.caseStudies .caseStudyPreview .text>a:hover {color:#49afe2;}
.caseStudies .sidebar {margin-top:40px;}
.caseStudies .copy h1 {font-size:36px; color:#494f60; margin-bottom:20px; font-weight:bold;}

@media only screen and (min-width: 768px) {
.caseStudies .caseStudyPreview {width:45%; margin-left:5%;} 
.caseStudies .caseStudyPreview:nth-child(2n+1) {clear:left; margin-left:0;}
.caseStudies .copy h1 {font-size:40px; margin-bottom:30px;}
}
@media only screen and (min-width: 1024px) {
.caseStudies .sideBar {margin-top:0px;}
.caseStudies .caseStudyPreview {width:30%; margin-left:5%;} 
.caseStudies .caseStudyPreview:nth-child(2n+1) {clear:none; margin-left:5%;}
.caseStudies .caseStudyPreview:nth-child(3n+1) {clear:left; margin-left:0;}
.caseStudies .copy h1 {font-size:50px;}
}

#filters {float:left; width:100%; margin-bottom:40px;}
#filters .filters-select {float:left; width:100%; color: #49afe2; text-transform: uppercase; border: 0; padding: 3px 10px; font-size: 16px; letter-spacing: 2px;}

@media only screen and (min-width: 768px) {
#filters .filters-select {width:45%; margin: 0 2.5%;}
  }

@media only screen and (min-width: 1024px) {
#filters .filters-select {width:30%; margin:0 1.6666%;}
  }

#gallery {float:left; width:100%; margin:20px 0 30px 0;}
#gallery a.gallery {float:left; width:48%; height:162px; background-size:cover; background-repeat:no-repeat; margin:0 2% 2% 0;}

@media only screen and (min-width: 640px) {
  #gallery a.gallery {width: 31.3333%;}
  }

@media only screen and (min-width: 960px) {
  #gallery a.gallery {width:18%;}
  }

#assCaseStudies h3 {font-size:36px; padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #494f60;}
#assCaseStudies .caseStudyPreview {flex-grow:1; float:left; width:100%; border-bottom: 1px solid #494f60; margin-bottom: 40px; padding-bottom: 10px;}
#assCaseStudies .caseStudyPreview .image {height:200px; background-size:cover;}
#assCaseStudies .caseStudyPreview .image a {height:200px; width:100%; display:block;}
#assCaseStudies .caseStudyPreview .text {background-color:#ffffff; padding:20px;}
#assCaseStudies .caseStudyPreview h3 {border:none; padding-bottom:0px; margin-bottom:20px;}
#assCaseStudies .caseStudyPreview p {margin-bottom:10px;}
#assCaseStudies .caseStudyPreview .text>a {color:#e34919; font-family:"bebas_neuebold",sans-serif; font-size:30px;}
#assCaseStudies .caseStudyPreview .text>a:hover {color:#49afe2;}

@media only screen and (min-width: 768px) {
#assCaseStudies .caseStudyPreview {width:45%; margin:0 2.5% 40px 2.5%;} 
#assCaseStudies .caseStudyPreview.item2 {clear:left;}
}

@media only screen and (min-width: 1024px) {
#assCaseStudies .caseStudyPreview {width:30%; margin:0 1.6666%;} 
#assCaseStudies .caseStudyPreview.item2 {clear:none;}
#assCaseStudies .caseStudyPreview.item3 {clear:left;}
}



/* CONTACT */


.contacts {background-image:url(assets/background-blue.png); background-size:cover;}
.contacts .content {width:100%; margin:0;}
.contacts .copy {float:left; width:100%; position:relative; padding:40px 10%;}
.contacts .left {background-color:#494f60;}
.contacts .right {background-color:#49afe2;}
.contacts .copy img {margin-right:20px; margin-bottom:-20px;}
.contacts .copy p {line-height:61px; font-family:"bebas_neue_regular",sans-serif; font-size:27px;}
.contacts .copy p a {line-height:61px; font-family:"bebas_neue_regular",sans-serif; font-size:27px; text-decoration:none;}

@media only screen and (min-width: 768px) {
.contacts .copy {float:left; width:50%; clear:none; padding:40px 5%;}
}

  
/* - MATERIALS */

.surfacePreview {float:left; width:100%; margin-bottom:60px;}
.surfacePreview h3 a {color:#49afe2; font-family:"bebas_neuebold",sans-serif;}
.surfacePreview .video {width:100%; background-color:grey; margin:0px 0 30px 0; position:relative;}
.surfacePreview video {width:100%; height:100%;}
.surfacePreview .button {position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.surfacePreview .button a.play {width:80px; height:80px; background-image:url(assets/play.png);}
.surfacePreview .button a.play:hover {background-image:url(assets/play-hover.png); cursor:pointer;}
.surfacePreview .copy>a {background-color: #49afe2; background-image:url(assets/arrow.png); background-size:auto 16px; background-position:90% center; display: inline-block; color: #fff; padding: 8px 25px 8px 12px; font-family: "bebas_neuebold",sans-serif; font-size: 20px;}
.surfacePreview .copy>a:hover {background-color:#494f60;}

@media only screen and (min-width: 480px) {
.surfacePreview {width:47.5%; margin-left:5%;}
.surfacePreview:nth-child(2n+1) {clear:left; margin-left:0;}
}

@media only screen and (min-width: 768px) {
.surfacePreview {width:30%; margin-left:5%;}
.surfacePreview:nth-child(2n+1) {clear:none; margin-left:5%;}
.surfacePreview:nth-child(3n+1) {clear:left; margin-left:0;}
}

@media only screen and (min-width: 1280px) {
.surfacePreview {width:22.75%; margin-left:3%;}
.surfacePreview:nth-child(2n+1) {clear:none; margin-left:3%;}
.surfacePreview:nth-child(3n+1) {clear:none; margin-left:3%;}
.surfacePreview:nth-child(4n+1) {clear:left; margin-left:0;}
}

  
.materialBanner {background-color:#49afe2;}
.materialBanner h1 {color:#ffffff; font-size:40px; margin-bottom:20px;}
.materialBanner .video {float:left; width:250px; background-color:grey; margin:0px 0 30px 0; position:relative;}
.materialBanner video {width:100%; height:100%;}
.materialBanner .button {position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.materialBanner .button a.play {width:80px; height:80px; background-image:url(assets/play.png);}
.materialBanner .button a.play:hover {background-image:url(assets/play-hover.png); cursor:pointer;}
.materialBanner .copy h2 {font-weight:bold; color:#ffffff;}
.materialBanner .copy p {color:#ffffff;}
  
@media only screen and (min-width: 768px) {
.materialBanner {margin-bottom:40px; min-height:470px;}
.materialBanner h1 {color:#ffffff; font-size:60px; margin-bottom:60px;}
.materialBanner .video {width:30%; position:absolute;}
.materialBanner .copy {float:right; width:65%; clear:none;}
.materialBanner .copy p {font-size:22px; line-height:35px;}
    }
  
.materialLeft {float:left; width:100%; clear:none; margin-bottom:40px;}
.materialLeft h4 {background-image:url(assets/where-used.png); background-position:left center; background-size:60px; padding:13px 0 0 70px; min-height:60px;}
.materialLeft p {clear:left;}
.materialRight {float:left; width:100%; clear:none; margin-bottom:40px;}
.materialRight h4 {background-image:url(assets/where-used.png); background-position:left center; background-size:60px; padding:13px 0 0 70px; min-height:60px;}
.materialRight p {clear:left;}


@media only screen and (min-width: 768px) {
.materialLeft {float:left; width:50%; padding:0 5% 0 0; margin-right:5%; border-right:1px solid #4B5061; margin-bottom:0px;}
.materialRight {float:left; width:45%;  padding:0;}
  }
  
  

/* CONTAMINANTS */

.contaminantPreview {float:left; width:100%; margin-bottom:80px;}
.contaminantPreview .image {width:237px; height:237px; background-size:cover; margin:0 0 30px 0;}
.contaminantPreview .image a {display:block; width:100%; height:237px;}
.contaminantPreview .copy a {background-color: #49afe2; background-image:url(assets/arrow.png); background-size:auto 16px; background-position:90% center; display: inline-block; color: #fff; padding: 8px 25px 8px 12px; font-family: "bebas_neuebold",sans-serif; font-size: 20px;}
.contaminantPreview .copy a:hover {background-color:#494f60;}

@media only screen and (min-width: 768px) {
.contaminantPreview {float:left; width:40%; margin:0 10% 80px 0%;}
.contaminantPreview:nth-child(2n+1) {clear:left;}
  }
  
#banner.contaminantIcon .content {display:block;  margin-top:200px;}

div.cleaningProducts {margin-top:140px;}
img.cleaningProducts {margin-top:-200px;}
div.cleaningProducts.graffitiRed {margin-top:0px; border-top:140px solid #e34919;}

@media only screen and (min-width: 768px) {
div.cleaningProducts {margin-top:100px;}
div.cleaningProducts.graffitiRed {margin-top:0px; border-top:100px solid #e34919;}
  }

/* ABOUT US */

  
.team .staff {float:left; width:100%; display:inline-block; font-size:0; padding:0 0 60px 0; vertical-align: top;}
.team .staff img {margin-bottom:40px; max-width:100%;}
.team .staff .copy h4 {color:#fff; margin-bottom:5px; font-size:36px; font-family:"bebas_neuebold",sans-serif;}
.team .staff .copy h4 a {color:#fff; margin-bottom:5px; font-size:36px; font-family:"bebas_neuebold",sans-serif;}
.team .staff .copy h5 {color:#fff; margin-bottom:25px; font-size:16px; font-family: Helvetica, Arial, sans-serif; }
.team .staff .copy p {color:#fff;}
.team .staff .copy>a {color:#fff; font-size:30px; font-family:"bebas_neuebold",sans-serif;}
.team .staff .copy>a:hover {color:#fff;}
.thirds.profile .third img {margin-bottom:40px;}
.thirds.profile .third h4 {font-size:27px;}
.thirds.profile .third h4 a {font-family:"bebas_neuebold",sans-serif; color:#49afe2;}


@media only screen and (min-width: 768px) {
.team .staff {width:30%; margin-right:5%; padding:0 5% 0 0; border-right:1px solid #fff;}
.team .staff:last-child {margin-right:0%; border-right:0px;}
}

#area2 {background-image: url(assets/aboutMap.png);  background-position: left 60% top -30px;  padding-bottom: 180px;
	}
	
	
/* HOW WE WORK */
	
.processLinks {background-color:#4a4f61; padding:40px 0;}
.processLink {float:left; width:100%;}
.processLink a {float:left; display:block; position:relative; background-size:cover; width:40px; height:40px;cursor:pointer; margin-bottom:20px;}
.processLink:nth-child(1) a {background-image:url(assets/process1fade.png);}
.processLink:nth-child(1) a:hover, .processLink.active:nth-child(1) a {background-image:url(assets/process1hover.png);}
.processLink:nth-child(2) a {background-image:url(assets/process2fade.png);}
.processLink:nth-child(2) a:hover, .processLink.active:nth-child(2) a {background-image:url(assets/process2hover.png);}
.processLink:nth-child(3) a {background-image:url(assets/process3fade.png);}
.processLink:nth-child(3) a:hover, .processLink.active:nth-child(3) a {background-image:url(assets/process3hover.png);}
.processLink:nth-child(4) a {background-image:url(assets/process3fade.png);}
.processLink:nth-child(4) a:hover, .processLink.active:nth-child(3) a {background-image:url(assets/process3hover.png);}
.processLink h3 { padding:7px 0 0 15px; float:left;  color:rgba(68,178,232,0.4); font-size:24px;}
.processLink.active h3  {color:rgba(68,178,232,1.0);}
.processLink.active:after {display:block; content:''; width:0px; height:0px; border-top:40px solid #4a4f61; border-left:40px solid transparent; border-right:40px solid transparent; position:absolute; bottom:-80px;}
.processContent {padding:80px 0 40px 0;}
.processText {display:none;}
.processText.active {display:block;}
	
.processLink.processProperty:nth-child(1) a {background-image:url(assets/client1.png);}
.processLink.processProperty:nth-child(1) a:hover, .processLink.processProperty.active:nth-child(1) a {background-image:url(assets/client1hover.png);}
.processLink.processProperty:nth-child(2) a {background-image:url(assets/client2.png);}
.processLink.processProperty:nth-child(2) a:hover, .processLink.processProperty.active:nth-child(2) a {background-image:url(assets/client2hover.png);}
.processLink.processProperty:nth-child(3) a {background-image:url(assets/client3.png);}
.processLink.processProperty:nth-child(3) a:hover, .processLink.processProperty.active:nth-child(3) a {background-image:url(assets/client3hover.png);}
	
.hands {background-image:url(assets/onefifty-hands-background.png); background-position:top -400px left 100px;}
.outOfHours {background-image:url(assets/background-out-of-hours.jpg); background-position:center center; background-size:cover;}
	
@media only screen and (min-width: 768px) {
.processLink {width:22%; margin-right:3%;}
.processLink h3 {padding:0px; font-size:32px;}
.processLink a {float:none; width:70px; height:70px;}
	
ul.line {border-left:1px solid #bfbfbf; margin-left:30px; padding-left:30px;}
.hands {background-position:top -400px right 000px;}
  }
	
@media only screen and (min-width: 1280px) {
.hands {background-position:top -400px right 200px;}
  }

	
/* WHO WE WORK WITH */

#supportLink .copy a.button {background-color: #49afe2; background-image: url(assets/arrow.png); background-size: auto 16px; background-position: 90% center; display: inline-block; color: #fff; padding: 8px 25px 8px 12px; font-family: "bebas_neuebold",sans-serif; font-size: 20px;}
#supportLink .copy a.button:hover {background-color:#494f60; color:#ffffff;}
.brochureHolder {display:none;}

@media only screen and (min-width: 960px) {
#supportLink .copy.wide {float:left; text-align:left; width:50%;}
#supportLink .content {background-image:url(assets/150brochure.jpg); background-position:right 30px center; background-size:300px auto;}
  }

@media only screen and (min-width: 1280px) {
#supportLink .content {background-size:400px auto; background-position: right 50px center; }
}

#supportLink .copy p.downloadBrochure { font-family:"bebas_neuebook",sans-serif; color:#7f7f7f; font-size:24px;}
#supportLink .copy p.downloadBrochure a.inline.button {background-position: 95% center; background-color:#494f60;}
#supportLink .copy p.downloadBrochure a.inline.button:hover {background-color:#e44a19;}
#brochure {background-image:url(assets/brochure-top.png); background-size:contain; background-position:top center; padding:60px 30px 30px 30px;}
#brochure h2 {color:#4ab0e3; font-size:30px; margin:0 0 30px 0;}
#brochure input[type=text] {border:1px solid #9d9d9c; padding:5px 10px;  font-size:18px; color:#575756; font-family: Helvetica, Arial, sans-serif;}
#brochure button[type=submit] {background-color:#e44a19; color:#fff; font-family:"bebas_neuebold",sans-serif; font-size:24px; display:block;  padding:5px 30px; float:left;}
#brochure  div.wpforms-container-full:not(:empty) {margin:0 auto 24px auto;}
#brochure .wpforms-container .wpforms-field {padding:0 0 15px 0;}

@media only screen and (min-width: 768px) {
#brochure h2 {font-size:60px;}
      }

.InfoLabel p {clear:both; color:#e44a19; width:100%; text-align:center;}



/* CAREER */

.dividerLine {border-bottom:1px solid #9d9c9c; width:100%; height:1px;}

.job .copy>a {color: #e34919; font-family: "bebas_neuebold",sans-serif; font-size: 30px;}
.job .copy>a:hover {color:#49afe2;}
.job p.basis {margin-bottom:30px;}
.job h1 {margin-bottom:0px;}
.jobPreview {float:left; width:100%; margin-bottom:50px; border-bottom:1px solid #9d9c9c; padding-bottom:50px;}
.jobPreview:last-child {border-bottom:0px; border-right:0px;}
.jobPreview a {color: #e34919; font-family: "bebas_neuebold",sans-serif; font-size: 30px;}
.jobPreview a:hover {color:#49afe2;}
.jobPreview .copy h3 {margin-bottom:5px;}
.job .copy ul {margin-bottom:20px;}

@media only screen and (min-width: 768px) {
.job p.basis {margin-bottom:40px;}
.jobPreview {width:50%; padding-right:5%; margin-right:5%; border-right:1px solid #9d9c9c; border-bottom:0px; padding-bottom:0px; margin-bottom:100px;}
.jobPreview:nth-child(even) {width:45%; padding-right:0px; margin-right:0px; border-right:0px;}
  }
	
@media only screen and (min-width: 1024px) {
.job .copy {width:70%;}
.job p.basis {margin-bottom:50px;}
  }

	
/* SERVICES */

	
.graffitiAssist {background-image:url(assets/graffiti-assist.jpg); background-position:center center; background-size:cover;}
.graffitiAssist .copy a.button {background-color:#e34919; color:#fff;}
.graffitiAssist .copy a.button:hover {color:#e34919; background-color:#fff;}
	
/* Graffiti Assist */

.graffitiTable table {width:100%; text-align:left; color:#fff; font-family: Helvetica,Arial,sans-serif; font-size: 17px; line-height: 1.5em; margin-top:50px; display:none;}
.graffitiTable table td {border-right:1px solid #fff;padding:0 15px;}
.graffitiTable table thead {width:100%;}
.graffitiTable table tbody {width:100%;}
.graffitiTable table tr {width:100%;}
.graffitiTable table td:nth-child(1) {width:60%;}
.graffitiTable table td:nth-child(2) {width:13.333%;}
.graffitiTable table td:nth-child(3) {width:13.333%;}
.graffitiTable table td:nth-child(4) {width:13.333%;}
.graffitiTable table td:first-child {width:50%;}
.graffitiTable table td:first-child {width:50%;}
.graffitiTable table td:last-child {border-right:none;}
.graffitiTable table td {width:100%;}
.graffitiTable table td tr {width:100%;}
.graffitiTable table th {font-family: "bebas_neuebold",sans-serif;  font-size:30px; border-right:1px solid #fff;padding:0 15px 15px 15px;}
.graffitiTable table th:last-child {border-right:none;}

@media only screen and (min-width: 1024px) {
.graffitiTable table {display:table;}
.hideDesktop {display:none;}
  }
	

/* CHERRY PICKER HIRE PAGE */

#cherryPicker {margin:60px 0 100px 0; float:left; width:100%:}
#cherryPicker h2 {color:#49afe2;}
#cherryPicker h4 {margin-top:40px;}
#cherryPicker img {max-width:80%; margin-bottom:20px;}
#cherryPicker a.download {margin-top:30px; background-image:url(assets/download.png); background-position:10px 10px; position:relative; display:inline-block; background-color:#4a4f61; padding:10px 20px 10px 45px; color:#49afe2;  font-family:"bebas_neuebold",sans-serif; font-size:24px;}

.cherryLeft {position:relative; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #ccc;}
.cherryRight {position:relative;}

@media only screen and (min-width: 768px) {
#cherryPicker:before {display:block;  background-color:#dbeff9; content:''; position: absolute;  top: 350px;  bottom: 0;  height:760px; width: 9600px;  right: 50%;  z-index: -1;}
#cherryPicker:after {display:block;  background-color:#dbeff9; content:''; position: absolute;  top: 350px;  bottom: 0;  height:760px; width: 9600px;  left: 50%;  z-index: -1;}
.cherryLeft {float:left; width:50%; padding-right:5%; margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.cherryLeft:before {display:block; content:''; height:calc(100% - 300px); width:1px; background-color:#ccc; z-index:10; right:0px; top:300px; position:absolute;}
.cherryRight {float:right; width:45%;}
  }



/* CLEANING SYSTEM */

#cleaningSystems {width:100%; float:left; margin:50px 0;}
.cleaningSystem {float:left; width:100%; background-size:cover; background-position:center center; height:400px; position:relative;}
.cleaningSystem .hover {display:none; width:100%; height:400px; position:relative; background-color: rgba(74,78,97,.5);}
.cleaningSystem .hover .copy {position:absolute; width:100%;  padding:30px; top: 50%; transform: translateY(-50%);}
.cleaningSystem .hover .copy h3 {width:100%; color: #fff; text-transform: uppercase; font-family: "bebas_neue_regular",sans-serif; font-size: 50px;}
.cleaningSystem .hover .copy p {color:#fff;}
.cleaningSystem .hover .copy a {background-color: #fff; padding: 5px 30px; cursor: pointer;  color: #494f60; font-family: "bebas_neuebold",sans-serif; font-size: 18px;}
.cleaningSystem .hover .copy a:hover {color: #fff; background-color: #49afe2;}
.cleaningSystem>a {width:100%; color: #fff; text-transform: uppercase; font-family: "bebas_neue_regular",sans-serif; font-size: 50px; height:400px; float:left; display: flex; align-items: center; justify-content: center;}
.cleaningSystem>a span {background-color: rgba(73,175,226,.5); padding: 20px;}
.cleaningSystem:hover span {display:none;}
.cleaningSystem:hover .hover {display:block; cursor:pointer;}

@media only screen and (min-width: 1024px) {
.cleaningSystem {width:50%;}
  }

.systemSteam {background-image:url(assets/system-steam.jpg); background-position:center center; background-size:cover;}
.systemSpecialist {background-image:url(assets/application-specialist-access.jpg); background-position:center center; background-size:cover;}


/* PRODUCTS */

.copy.white p a.buttonBlue {background-image: url(assets/arrow.png); background-position: 90% center; margin-top:10px; background-color:#187fc3; display:inline-block; color:#ffffff; padding:8px 40px 8px 25px; font-family:"bebas_neuebook",sans-serif; font-size:30px;  text-decoration:none;} 
.copy.white p a.buttonBlue strong {font-family:"bebas_neuebold",sans-serif;}
.copy.white p a.buttonPurple {background-image: url(assets/arrow.png); background-position: 90% center; margin-top:10px; background-color:#6e2678; display:inline-block; color:#ffffff; padding:8px 40px 8px 25px; font-family:"bebas_neuebook",sans-serif; font-size:30px;  text-decoration:none;} 
.copy.white p a.buttonPurple strong {font-family:"bebas_neuebold",sans-serif;}
.copy.white p a.buttonOrange {background-image: url(assets/arrow.png); background-position: 90% center; margin-top:10px; background-color:#eb9213; display:inline-block; color:#ffffff; padding:8px 40px 8px 25px; font-family:"bebas_neuebook",sans-serif; font-size:30px;  text-decoration:none;} 
.copy.white p a.buttonOrange strong {font-family:"bebas_neuebold",sans-serif;}




/* LANDING PAGES */


#ppcBanner {height:680px; background-position:center center; background-size:cover;}
.ppcBanner {float:left; background-color:rgba(73,175,226,0.7); padding:20px 20px; margin-top:20px; width:100%;}
.ppcBannerRight .ppcBanner {float:right;}
main .ppcBanner div.wpforms-container-full .wpforms-form button[type=submit]:not(:hover):not(:active) {background-color:#e44a19; color:#fff; padding:5px 50px;}
main .ppcBanner div.wpforms-container-full .wpforms-form button[type=submit]:hover {background-color:#494f60;; color:#fff; padding:5px 50px;}
main .ppcBanner .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {padding:10px 0;}
#areas.areasReverse .copy h4 {margin-bottom:10px; font-size:20px;}
#areas.areasReverse .copy h2 a {font-family:"bebas_neuebook",sans-serif; font-size:36px;}
#areas.areasReverse  .copy {padding: 20px 30px 10px 30px;}
.grayBackground #enquiryForm.upload .uploadControl {background-color:#49afe2;}

@media only screen and (min-width: 768px) {
#ppcBanner {height:700px;}
.ppcBanner {width:75%; margin-top:50px; padding:30px 40px;}
#areas.areasReverse .copy {padding: 20px 20px 10px 20px;}
#areas.areasReverse .copy h4 {font-size:24px;}
#areas.areasReverse .copy h2 a {font-size:36px;}
.left.ppcLeft {width:100%; margin-bottom:40px;}
.right.ppcRight {width:100%; text-align:left;}
  }

@media only screen and (min-width: 1024px) {
#ppcBanner {height:845px;}
.ppcBanner {width:50%;}
#areas.areasReverse .copy {padding: 30px 30px 20px 30px;}
#areas.areasReverse .copy h4 {font-size:30px;}
#areas.areasReverse .copy h2 a {font-size:44px;}
.left.ppcLeft {width:65%; margin-bottom:40px;}
.right.ppcRight {width:30%; text-align:left;}
}






/*CHERRY PICKER LANDING PAGE */

#mewps {background-color:#dbeff9;}
#mewps:before {display:block; content:''; background-color:#fff; width:100%; height:600px; top:0px; position:absolute;}
#mewps .copy h3 {color:#44b2e8; font-family: "bebas_neuebold",sans-serif; }
#mewps .copy.mewpLinks p, #mewps .copy.mewpLinks p a {color:#4a4f61;}
#mewps .offer {margin-bottom:60px;}
#mewps .offer p {padding:25px 20px; float:left; width:200px; display:block;}
#mewps .offer p {font-size:20px; color:#fff;  font-family: Helvetica, Arial, sans-serif;}
#mewps .offer p strong {color:#fff; font-size:40px; font-weight:bold; margin-bottom:0px;}
#mewps .offer p strong:last-child {font-size:30px;display:block; margin-top:5px; font-weight:normal;}
#mewps .offerRed p {background-color:#ed6a4b;}
#mewps .offerBlue p {background-color:#44b0e5;}
#mewps .offerGrey p {background-color:#4f5261;}
#mewps .copy:first-child img {margin:0 0 40px 0; width:90%; max-width:500px;}
.template24224 .imageWide .cycle-slideshow {margin-top:0px;}
.copy.diagrams img {width:100%;}
.copy.diagrams h2 {color:#44b2e8;}


.mewpLeft {float:left; width:100%;}
.mewpRight {float:left; width:100%;}
.mewpRight .copy:first-child h2 {color:#44b2e8;}
.mewpLeft .half {float:left; width:100%; margin-bottom:40px;}
.mewpRight .half {float:left; width:100%; margin-bottom:40px;}

@media only screen and (min-width: 768px) {
.mewpLeft .half {float:left; width:47.5%; }
.mewpLeft .half:nth-child(even) {margin-right:5%; clear:left;}
.mewpRight .half {float:left; width:47.5%;}
.mewpRight .half:nth-child(even) {margin-right:5%; clear:left;}
  }

@media only screen and (min-width: 1024px) {
.mewpLeft {border-right:1px solid #d0d0d0; float:left; width:50%; padding-right:3%;}
.mewpRight {float:right; width:47%;}
  }




/* Products */

.copy.darkBlue h2 {color:#187fc3;}
.copy.purple h2 {color:#6e2678;}
.copy.orange h2 {color:#eb9213;}

.products {margin-top:60px;}
.product {float:left; width:100%; text-align:center; margin-bottom:80px;  }
.product img {margin-bottom:20px;}
.product  h3 {font-weight: normal; font-family: "bebas_neuebold",sans-serif; color:#187fc3; font-size:36px; margin-bottom:10px;}
.product  h4 {font-weight: normal; font-family: "bebas_neuebold",sans-serif; color:#187fc3; font-size:24px; margin-bottom:20px;}
.product a.button {margin-top:10px; background-color:#187fc3; display:inline-block; color:#ffffff; padding:8px 25px 8px 25px; font-family:"bebas_neuebold",sans-serif; font-size:20px; margin-bottom:5px;  text-decoration:none;} 
.product a.safety {font-size:13px;}
.product a.safety:hover {text-decoration:underline;}
.productsPurple .product h3 {color:#6e2678;}
.productsPurple .product h4 {color:#6e2678;}
.productsPurple .product a.button {background-color:#6e2678;}
.productsOrange .product h3 {color:#eb9213;}
.productsOrange .product h4 {color:#eb9213;}
.productsOrange .product a.button {background-color:#eb9213;}

@media only screen and (min-width: 480px) {
  .product {width:50%; padding:0 4%; border-left:1px solid #4b5061;}
  .product:nth-child(2n+1) {border-left:0px; clear:left;}
  }
@media only screen and (min-width: 960px) {
  .product {width:33.3333%; padding:0 2%;}
  .product:nth-child(2n+1) {border-left:1px solid #4b5061; clear:none;}
  .product:nth-child(3n+1) {border-left:0px; clear:left;}
  }
  

/*
.margin {padding:30px 0;}
.marginSmall {padding:30px 0;}
.wide {float:left; width:90%; margin:0 0 30px 0;}
.copy.wide {float:left; width:90%; margin:0 0 30px 0;}
.copy.wideNoMargin {float:left; width:90%; margin:0 0 0px 0;}
.copy.white p strong a {color:#fff;}
.copy.white li {color:#fff;} 


.copy hr {margin:40px 0; line-height:1px; height:1px;  color: #494f60; background: #494f60; font-size: 0; border: 0;}
.copy:last-child {margin-bottom:0px;}
.copy.marginTop {margin-top:40px;}
.divider {float:left; width:100%; height:30px;}
a.link {text-transform: uppercase; color: #49afe2; font-family: "bebas_neuebold",sans-serif; font-size: 30px;}
.copy p big {line-height:1.6em;}
#caseStudies video {width:100%; max-width:100%; margin-bottom:20px;}
#blog video {width:100%; max-width:100%; margin-bottom:20px;}
.seoColumns video {width:100%; max-width:100%; margin-bottom:20px;}
.imageWide {width:100%;}
.imageWide img {width:100%; float: left;}

@media only screen and (min-width: 768px) {
.wide {width:70%; margin:0 15% 30px 15%;}
.copy.columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
.divider {height:60px;}
.imageWide img {width:33.3333%; float: left;}
 }

@media only screen and (min-width: 1024px) {
.blog {width:65%;}
  }



/*#004 - SERVICES

.serviceFlex .copy {flex-grow:1; width:100%; margin-bottom:30px;  padding:30px 20px 20px 20px;}
.serviceFlex .copy img {margin-bottom:20px;}
.serviceFlex .copy h3 {margin-bottom:0px;}
.serviceFlex .copy.redService {background-color:#e34919;}
.serviceFlex .copy.purpleService {background-color:#494f60;}
.serviceFlex .copy.blueService {background-color:#49afe2;}
.serviceFlex .copy.greyService {background-color:#9D9C9C; margin-bottom:0px;}
.process {margin-bottom:30px;}
.process .stageNo {background-color:#49afe2; display:inline-block; width:60px; height:60px; -webkit-border-radius: 30px;
border-radius: 30px; color:#ffffff; font-size:24px; font-family: Helvetica, Arial, sans-serif; padding-top:17px; margin-bottom:20px;}
.process a.readMore {font-weight:bold; text-transform:uppercase; color:#494f60; cursor:pointer; background-image:url(assets/down.png);background-repeat:no-repeat; background-position:center bottom; padding-bottom:30px;}
.process .processCopy {float:left; margin-top:50px;}
.process a.readMore.ui-state-active {background-image:url(assets/up.png);}

@media only screen and (min-width: 768px) {
.serviceFlex .copy {width:48%; margin-left:4%; margin-bottom:30px;}
.serviceFlex .copy.redService, .serviceFlex .copy.blueService  {margin-left:0; clear:left;}
.serviceFlexTop {display:flex; width:100%;}
.serviceFlexBottom {display:flex; width:100%;}
.serviceFlex .copy.blueService {margin-bottom:0px;}
.serviceFlex .copy.greyService {margin-bottom:0px;}
  }

@media only screen and (min-width: 1024px) {
.serviceFlex .copy {margin-bottom:0px;}
.serviceFlex {display:flex; width:100%;}
.serviceFlexTop {display:flex; width:49%;}
.serviceFlexBottom {display:flex; width:49%; margin-left:2%;}
  }

img.brochures {display:none;}
@media only screen and (min-width: 768px) {
img.brochures {display:inline-block; float:right; margin-top:-100px; max-width:45%;}
  }






#caseStudiesRelated .caseStudyPreview {float:left; width:100%; border-bottom: 1px solid #494f60; margin-bottom: 40px; padding-bottom: 10px;}
#caseStudiesRelated .caseStudyPreview .image {height:200px; background-size:cover; background-position:center center;}
#caseStudiesRelated .caseStudyPreview .text {background-color:#ffffff; padding:20px;}
#caseStudiesRelated .caseStudyPreview .text h3 {font-size:36px; margin-bottom:20px;}
#caseStudiesRelated .caseStudyPreview .text p {color:#7f7f7f; margin-bottom:20px;}
#caseStudiesRelated .caseStudyPreview .text>a {color:#e34919; font-family:"bebas_neuebold",sans-serif; font-size:30px;}
#caseStudiesRelated .caseStudyPreview .text>a:hover {color:#49afe2;}
@media only screen and (min-width: 768px) {
#caseStudiesRelated .caseStudyPreview {display: inline-flex;  padding-bottom: 40px;}
#caseStudiesRelated .caseStudyPreview .image {height:auto; float:left; width:47.5%; margin-right:5%;}
#caseStudiesRelated .caseStudyPreview .text { width:47.5%; padding:0px;}
  }
  

/*#008 - ABOUT US

.whiteSpacer {float:left; width:100%; height:100px;}



.clientLinks {background-color:#4a4f61; padding:40px 0;}
.clientLink {float:left; width:100%;}
.clientLink a {float:left; display:block; position:relative; background-size:cover; width:40px; height:40px;cursor:pointer; margin-bottom:20px;}
.clientLink:nth-child(1) a {background-image:url(/OneFifty/media/Images/client1.png);}
.clientLink:nth-child(1) a:hover, .clientLink.active:nth-child(1) a {background-image:url(/OneFifty/media/Images/client1hover.png);}
.clientLink:nth-child(2) a {background-image:url(/OneFifty/media/Images/client2.png);}
.clientLink:nth-child(2) a:hover, .clientLink.active:nth-child(2) a {background-image:url(/OneFifty/media/Images/client2hover.png);}
.clientLink:nth-child(3) a {background-image:url(/OneFifty/media/Images/client3.png);}
.clientLink:nth-child(3) a:hover, .clientLink.active:nth-child(3) a {background-image:url(/OneFifty/media/Images/client3hover.png);}
.clientLink h3 { padding:7px 0 0 15px; float:left;  color:rgba(68,178,232,0.4); font-size:24px;}
.clientLink.active h3  {color:rgba(68,178,232,1.0);}
.clientLink.active:after {display:block; content:''; width:0px; height:0px; border-top:40px solid #4a4f61; border-left:40px solid transparent; border-right:40px solid transparent; position:absolute; bottom:-80px;}
.clientContent {padding:80px 0 40px 0;}
.clientText {display:none;}
.clientText.active {display:block;}

@media only screen and (min-width: 768px) {
.clientLink {width:30%; margin-right:3.3333%;}
.clientLink h3 {padding:0px; font-size:32px;}
.clientLink a {float:none; width:70px; height:70px;}
  }
  

#thirds {float:left; width:100%; display:inline;  margin-bottom:30px;}
#thirds .third {vertical-align:top; display:inline-block; float:none; width:100%;; padding:0 2% 30px 2%; margin-bottom:30px; border-bottom:1px solid #9d9c9c;}
#thirds .third.white {border-bottom:1px solid #ffffff;}
#thirds .third.copy {clear:none;}
#thirds .third img {margin-bottom:20px;}
#thirds .third a img {margin-bottom:20px; transition: all .2s ease-in-out;}
#thirds .third a:hover img {transform: scale(1.2); transition: all .2s ease-in-out;}
#thirds:last-child {margin-bottom:0px;}
#thirds .third:last-child {border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}




.quarters {float:left; width:100%; display:inline; text-align:center; margin-bottom:30px;}
.quarters .quarter {vertical-align:top; display:inline-block; float:none; width:100%; text-align:center; margin:0 0 30px 0; padding-bottom:30px; border-bottom:1px solid #9d9c9c;}
.quarters .quarter.white {border-bottom:none;}
.quarters .quarter:last-child {border-bottom:0px;}

@media only screen and (min-width: 768px) {
#thirds {margin-bottom:0px;}
#thirds .third.white {border-right: 1px solid #ffffff; border-bottom:none;}
#thirds .third {width:31.3333%; border-right: 1px solid #9d9c9c; border-bottom:none; margin-bottom:0px; padding:0 2% 0px 2%;}
#thirds .third:last-child {border-right:0px;}
.thirds {margin-bottom:0px;}
.thirds .third.white {border-right: 1px solid #ffffff; border-bottom:none;}
.thirds .third {width:30%; border-right: 1px solid #9d9c9c; border-bottom:none; margin-bottom:0px; padding:0 5% 0 0; margin-right:5%;}
.thirds .third:last-child {border-right:0px; margin-right:0px;}
#area2 {background-image:url(/OneFifty/media/images/aboutMap.png); background-position: left 60% top -30px; padding-bottom:180px;}
#area2 h4 a {font-family: "bebas_neuebold",sans-serif; color:#49afe2;}
  

  

/*#BLOG

/*# SIGN UP FORM

.signup {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.signUpForm {margin-top:30px; float:left; width:100%;}
.signUpForm .spacer {float:left; width:100%; margin-bottom:20px;}
.signUpForm .spacer span {display:none;}
.signUpForm .spacer p {text-align:left; padding-top:5px;}
.signUpForm .spacer input[type=text] {width:100%; padding:10px; font-size:18px; font-weight:bold;}
.signUpForm .spacer textarea {resize:none; width:100%; padding:10px; height:100px; font-size:18px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#7f7f7f;}
.signUpForm .spacer .uploader-main {text-align:left; }
.signUpForm .spacer .uploader-main input {color:#ffffff;}
.signUpForm .spacer label {display:none;}
.signUpForm .newsletter.spacer {width:100%; border:1px solid #ffffff; padding:15px;}
.signUpForm .newsletter p { color:#ffffff; font-size:16px; margin-bottom:10px;}
.signUpForm .newsletter p a {color:#ffffff; text-decoration:underline;}
.signUpForm .newsletter span {display:block;}
.signUpForm .newsletter label {display:block; text-align:left;}
.signUpForm .spacer .CaptchaTable {width:100%; background-color: #fff; border-spacing:0px;}
.signUpForm .spacer .CaptchaTable td {height: 0px; line-height: 0px; margin:0px; padding:0px;}
.signUpForm .spacer .CaptchaTable td:nth-child(2) {width:120px;}
.signUpForm  input[type=submit] {background-color:#4ab0e3; padding:5px 30px; cursor:pointer; color:#fff; font-family: "bebas_neuebold",sans-serif; font-size: 30px;}
.signUpForm  input[type=submit]:hover {color:#ffffff; background-color:#49afe2;}
.signUpForm .center {width:100%; clear:left;}
.signUpForm p.expandForm {position:relative; float:left; cursor:pointer; text-align:left; padding-left:10px; line-height:50px; width:100%;}
.signUpForm p.expandForm img {margin-bottom:-8px; margin-right:10px; -webkit-transform:rotate(0deg); webkit-transform:rotate(0deg);}
.signUpForm .expandFormHidden {display:none; width:100%; float:left;}
.signUpForm p.expandForm img.close {-webkit-transform:rotate(45deg); webkit-transform:rotate(45deg);}
.signUpForm .spacer.upload2 {display:block;}
.signUpForm .spacer.upload1 {display:none; height:41px;}

[type="radio"]:checked,[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; margin-right:20px; cursor: pointer; line-height: 20px; display: inline-block; color: #ffffff; font-family: "myriad-pro",sans-serif; font-size:16px; margin-bottom:10px;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: #50b4d4; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

@media only screen and (min-width: 768px) {
.signUpForm .spacer {float:left; width:45%; margin:0 5% 20px 0;}
.signUpForm .spacer.upload1 {display:block;}
.signUpForm .spacer.upload2 {display:none;}
  }

.ErrorLabel {display:none;}
.Error input.WatermarkText {color:#ff0000;}
.Error input.marked {  color:#ff0000;}
  

  
  
/*#Clients
   
.relatedStrip {height:280px; background-image:url(assets/banner-related.jpg); background-size:cover; background-repeat:no-repeat;}
.techStrip {height:280px; background-image:url(assets/tech-strip.jpg); background-size:cover; background-repeat:no-repeat;}

@media only screen and (min-width: 768px) {
.techStrip {height:400px;}
  }
@media only screen and (min-width: 1280px) {
.techStrip {height:500px;}
    }
  


/*#SteamPLUS#*

.sprayMan .wide:last-child {margin:30px 5%; width:90%;}

@media only screen and (min-width: 768px) {
.sprayMan {background-image:url(assets/spray-man.png); background-position:10% 100%;}
.sprayMan .wide:last-child {margin:100px 15%; width:70%;}
  }

/*#Gallery#

.lightboxGallery {float:left; width:100%; margin-bottom:40px;}
.lightboxGallery h3 {float:left; clear:left; width:100%; font-size:36px; margin:20px 0; color:#49afe2; font-family: "bebas_neuebold",sans-serif;}
.lightboxGallery a.gallery {display:block; float:left; width:100%; height:300px; background-size:cover; background-repeat:no-repeat; background-position:center center; margin-bottom:5%;}
.gallerySection {float:left; border-bottom:1px solid #49afe2; width: 100%; margin-bottom:20px;}
.gallerySection:last-child {border:none; margin-bottom:0px;}
#inline1 {}
#inline1 img {}

@media only screen and (min-width: 480px) {
.lightboxGallery a.gallery {width:47.5%; margin-right:5%; margin-bottom:5%; height:240px;}
.lightboxGallery a.gallery:nth-child(2n+2) {margin-right:0px;}
  }

@media only screen and (min-width: 768px) {
.lightboxGallery a.gallery {width:31%; height:340px; margin-right:3.5%;  margin-bottom:3.5%;}
.lightboxGallery a.gallery:nth-child(2n+2) {margin-right:3.5%;}
.lightboxGallery a.gallery:nth-child(3n+3) {margin-right:0px;}
  }


/*#Testimonial

.testimonial {float:left; background-image:url(assets/quote.png); background-position:top left; border-bottom:1px solid grey; margin-bottom:30px; padding-bottom:30px; padding-left:70px; width:100%;}
.testimonial:last-child {border-bottom:0px; padding-bottom:0px; margin-bottom:0px;}
.testimonial p {margin-bottom:20px;}
.testimonial h3 {color:#49afe2; font-size:30px;  font-family: "bebas_neuebold",sans-serif;}


/*#Slider

#container>#slide {display: none; position: absolute; top: 200px; right: -350px; z-index: 101; width: 406px; min-width:auto; max-width:auto; }
#anchor {float: left; cursor: pointer; width: 56px; background-color:#49afe2;}
#anchor .anchor {z-index: 102; position: relative;}
#slideForm {background-color: #49afe2; width: 350px; padding: 20px 20px 5px 20px; float: left;}
#slideForm p {color:#ffffff; margin-bottom:10px;}

@media only screen and (min-width: 768px) {
#container>#slide {display: block;}
  }

#slideForm .spacer {float:left; width:100%; margin-bottom:10px;}
#slideForm .spacer input[type=text] {width:100%; padding:10px; font-size:18px; font-weight:bold;}
#slideForm .spacer label {display:none;}
#slideForm .spacer span {display:none;}
#slideForm .spacer .CaptchaTable {width:100%; background-color: #fff; border-spacing:0px;}
#slideForm .spacer .CaptchaTable td {height: 0px; line-height: 0px; margin:0px; padding:0px;}
#slideForm .spacer .CaptchaTable td:nth-child(2) {width:120px;}
#slideForm  input[type=submit] {background-color:#494f60; padding:5px 30px; width:100%; color:#ffffff; font-family: "bebas_neuebold",sans-serif; font-size: 30px; margin-bottom:20px;}
#slideForm .center {text-align:center; width:100%;}



/


/*#PPC LANDING PAGE RENDER

#beforeAfter {}
#beforeAfter .beforeRender {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/beforeRender.jpg);}
#beforeAfter .afterRender {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/afterRender.jpg);}
#beforeAfter .beforeFacade {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/beforeRender.jpg);}
#beforeAfter .afterFacade {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/afterRender.jpg);}
#beforeAfter .beforeGraffiti {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/beforeGraffiti.jpg);}
#beforeAfter .afterGraffiti {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/afterGraffiti.jpg);}
#beforeAfter .beforeGutter {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/beforeGutter.jpg); background-position:center center;}
#beforeAfter .afterGutter {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/afterGutter.jpg); background-position:center center;}
#beforeAfter .beforeCladding {float:left; width:100%; height:250px; background-size:cover; background-image:url(assets/claddingBeforeAfter.jpg); background-position:center center;}
#beforeAfter .copy {margin:54px 0 0 5%; display:flex; width:auto;}
#beforeAfter .copy h2 {background-color:#e34919; color:#ffffff; text-transform:uppercase; font-family: "bebas_neuebold",sans-serif; font-size:30px; flex-grow:1; padding:12px; margin:0px;}
#beforeAfter .copy p {background-color:#494f60; color:#ffffff; font-size:14px; padding:12px; flex-grow:1; margin:0px; line-height:1.3em;}
#beforeAfter .afterRender h2 {background-color:#494f60;}
#beforeAfter .afterRender p {background-color:#e34919;}
#beforeAfter .afterFacade h2 {background-color:#494f60;}
#beforeAfter .afterFacade p {background-color:#e34919;}
#beforeAfter .afterGraffiti h2 {background-color:#494f60;}
#beforeAfter .afterGraffiti p {background-color:#e34919;}
#beforeAfter .afterGutter h2 {background-color:#494f60;}
#beforeAfter .afterGutter p {background-color:#e34919;}

#landingVideo {}
#landingVideo .video {float:left; width:100%; background-color:grey; margin:0px 0 30px 0; position:relative;}
#landingVideo video {width:100%; height:100%;}
#landingVideo .button {position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
#landingVideo .button a.play {width:80px; height:80px; background-image:url(assets/play.png);}
#landingVideo .button a.play:hover {background-image:url(assets/play-hover.png); cursor:pointer;}
#landingVideo .copy h2 {font-weight:bold;}
#landingVideo .copy a {text-transform:uppercase; font-family: "bebas_neuebold",sans-serif; font-size:30px;}
  
@media only screen and (min-width: 768px) {
#beforeAfter .beforeCladding {width:100%; height:530px;}
#beforeAfter .beforeRender {width:50%; height:530px;}
#beforeAfter .afterRender {width:50%; height:530px;}
#beforeAfter .beforeFacade {width:50%; height:530px;}
#beforeAfter .afterFacade {width:50%; height:530px;}
#beforeAfter .beforeGraffiti {width:50%; height:530px;}
#beforeAfter .afterGraffiti {width:50%; height:530px;}
#beforeAfter .beforeGutter {width:50%; height:530px;}
#beforeAfter .afterGutter {width:50%; height:530px;}
#beforeAfter .copy h2 {font-size:40px; padding:15px;}
#beforeAfter .copy p {font-size:18px; padding:15px;}
#landingVideo .video {width:25%;}
#landingVideo .copy {float:right; width:70%; clear:none;}
#landingVideo .copy p {font-size:22px; line-height:35px;}
    }
@media only screen and (min-width: 1024px) {
#beforeAfter .copy h2 {font-size:50px; }
#beforeAfter .copy p {font-size:22px; }
  }


#landingForm {background-color:#e34919;}
#landingForm .enquiry {}
#landingForm .enquiry h2 {color:#ffffff; font-size:36px; font-family: "bebas_neuebold",sans-serif; margin-bottom:20px;}
#landingForm .enquiry p {color:#ffffff; font-size:17px; margin-bottom:20px; }
#landingForm .landingRight {float:left; width:100%; background-color:#49afe2; width:111.1111%; margin:0 0 -30px -5.5555%; padding:10%;}

#landingForm .spacer {float:left; width:100%; margin-bottom:20px;}
#landingForm .spacer span {display:none;}
#landingForm .spacer p {text-align:left; padding-top:5px;}
#landingForm .spacer input[type=text] {width:100%; padding:10px; font-size:18px; font-weight:bold;}
#landingForm .spacer textarea {resize:none; width:100%; padding:10px; height:100px; font-size:18px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#7f7f7f;}
#landingForm .spacer .uploader-main {text-align:left; }
#landingForm .spacer .uploader-main input {color:#ffffff;}
#landingForm .spacer label {display:none;}
#landingForm .spacer .CaptchaTable {width:100%; background-color: #fff; border-spacing:0px;}
#landingForm .spacer .CaptchaTable td {height: 0px; line-height: 0px; margin:0px; padding:0px;}
#landingForm .spacer .CaptchaTable td:nth-child(2) {width:120px;}
#landingForm  input[type=submit] {background-color:#ffffff; padding:5px 30px; cursor:pointer; color:#494f60; font-family: "bebas_neuebold",sans-serif; font-size: 30px;}
#landingForm  input[type=submit]:hover {color:#ffffff; background-color:#49afe2;}

@media only screen and (min-width: 768px) {
#landingForm {background-image: url(assets/background2.png); background-size: cover; background-position:center center;}
#landingForm .enquiry {float:left; width:45%;}
#landingForm .enquiry h2 {font-size:50px;}
#landingForm .enquiry p {font-size:26px;}
#landingForm .landingRight {float:right; width:45%; margin:0; padding:0%;}
#landingForm .landingRight li {font-size:26px;}
  }
  


/

/*#Landing Page Discoun

img.discount {position:absolute; top:130px; right:30px; z-index:3; width:160px;}

@media only screen and (min-width: 768px) {
img.discount {position:absolute; top:auto; bottom:0px; left:50%; right:auto; margin-left:-150px; margin-bottom:-40px; width:auto;}
}










/*#Gallery v2#

.galleryFilters {float:left; width:100%; margin-bottom:60px;}
.galleryFilters h2 { color:#49afe2; font-family: "bebas_neuebold",sans-serif; margin-bottom:40px;  font-size:40px;}
.galleryFilters select {float:left; width:100%; margin-bottom:20px; background-color:#4ab0e3; font-family: "bebas_neuebold",sans-serif; color:#fff; padding:6px; font-size:20px;}


.lightboxGallery2 {float:left; width:100%; margin-bottom:40px;}
.lightboxGallery2 h3 {float:left; clear:left; width:100%; font-size:36px; margin:20px 0; color:#49afe2; font-family: "bebas_neuebold",sans-serif;}
.lightboxGallery2 div.gallery {float:left; width:100%;}
.lightboxGallery2 a.gallery {display:block; float:left; width:100%; padding-top:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; margin-bottom:5%; position:relative;}
.lightboxGallery2 a.gallery img {position:absolute; left:50%; top:50%; margin-top:-27px; margin-left:-27px;}

@media only screen and (min-width: 480px) {
.lightboxGallery2 div.gallery {width:47.5%; margin-right:5%; margin-bottom:5%; }
.lightboxGallery2 div.gallery:nth-child(2n+2) {margin-right:0px;}
  }

@media only screen and (min-width: 768px) {
.lightboxGallery2 div.gallery {width:31%;  margin-right:3.5%;  margin-bottom:3.5%;}
.lightboxGallery2 div.gallery:nth-child(2n+2) {margin-right:3.5%;}
.lightboxGallery2 div.gallery:nth-child(3n+3) {margin-right:0px;}
.galleryFilters select {width:31%;  margin-right:3.5%;}
.galleryFilters select:last-child {margin-right:0;}
  }



/*#SEO PAGES

#enquiryForm {margin-top:0px; float:left; width:100%; text-align:center;}
#enquiryForm .ErrorLabel {display:none;}
#enquiryForm .spacerLeft {float:left; width:100%; }
#enquiryForm .spacerRight {float:right; width:100%; }
#enquiryForm .spacerLeft input[type=text] {width:100%; padding:10px; font-size:18px; font-weight:bold; margin-bottom:20px;}
#enquiryForm .spacerLeft select {width:100%; padding:10px; font-size:18px; font-weight:bold; margin-bottom:20px;}
#enquiryForm .spacerRight input[type=text] {width:100%; padding:10px; font-size:18px; font-weight:bold; margin-bottom:20px;}
#enquiryForm .spacerRight textarea {resize:none; width:100%; padding:10px; margin-bottom:20px; height:80px; font-size:18px; font-weight:bold; font-family: Helvetica, Arial, sans-serif; color:#7f7f7f; border:0px;}
#enquiryForm .spacerFull {width:100%; float:left;}
#enquiryForm  input[type=submit] {background-color:#ffffff; float:left; padding:5px 30px; cursor:pointer; color:#494f60; font-family: "bebas_neuebold",sans-serif; font-size: 30px;}
.purpleBackground #enquiryForm  input[type=submit]:hover {color:#ffffff; background-color:#49afe2;}
#enquiryForm  input[type=submit]:hover {color:#ffffff; background-color:#494f60;}
#enquiryForm.upload .spacerRight textarea {height:41px;}
#enquiryForm.upload .uploadControl {background-color:#494f60; padding:7px 10px; float:left; width:100%; text-align:left; margin-top:-2px; margin-bottom:20px;}
#enquiryForm.upload .uploadControl p {color:#fff; font-size:18px; font-weight:bold;  float:left; margin-right:20px;}
#enquiryForm.upload .uploader-upload {margin-top:3px;}
#enquiryForm.upload .uploader-upload input[type=file] {color: #fff;}
#seoBanner.switch #seoCopy .cta.copy h3 {margin-bottom: 0px;}
#seoBanner.switch #seoWrapper {display:none;}

@media only screen and (min-width: 768px) {
#enquiryForm .spacerLeft {float:left; width:48%; margin:0 1% 20px 1%; }
#enquiryForm .spacerRight {float:right; width:48%; margin:0 1% 20px 1%; }
#enquiryForm.upload .spacerLeft { margin:0 1% 0px 1%; }
#enquiryForm.upload .spacerRight { margin:0 1% 0px 1%; }
#enquiryForm.upload .uploadControl {width:98%; margin:0 1% 20px 1%;}
#seoBanner.switch #seoWrapper {display:block;}
  }

#caseStudiesRelated.seoCase .caseStudyPreview {border-bottom:0px;}
#caseStudiesRelated.seoCase .caseStudyPreview .text {text-align:center;}
#caseStudiesRelated.seoCase .caseStudyPreview:last-child {margin-bottom:0px;}

@media only screen and (min-width: 768px) {
#caseStudiesRelated.seoCase .caseStudyPreview {display:block; width:100%; padding:0 20%; border-bottom:0px;}
#caseStudiesRelated.seoCase .caseStudyPreview .image {width:100%; height:250px; margin-bottom:30px;}
#caseStudiesRelated.seoCase .caseStudyPreview .text {width:100%;}
  }

@media only screen and (min-width: 1024px) {
#caseStudiesRelated.seoCase .caseStudyPreview {display:block; width:50%; padding:0 2%; border-bottom:0px;}
  }




#seoBanner .cycle-slideshow {width:100%; height:100%;}
#seoBanner .cycle-slideshow .seoBA {background-size:cover; background-position:center center; width:100%; height:100%;}
#seoBanner #seoCopy .cta.copy h3 {margin-bottom:10px;}
#seoBanner #seoCopy .cta.copy h3 a:hover {color:#fff; text-decoration:underline;}
#seoBanner #seoCopy .cta.copy h4 {margin-bottom:0px;}
#seoBanner #seoCopy .cta.copy h4 a:hover {color:#fff; text-decoration:underline;}
.seoColumns .right.copy li {list-style-type:none; margin-left:0px;}

@media only screen and (max-width: 767px) {
#seoBanner #seoWrapper .seoBA .text {position:absolute; top:0px; background-color:#da4c25; width:100%;}
#seoBanner #seoWrapper .seoBA .text .grey {background-color: #4b5061; float:left; padding:3px 20px;}
#seoBanner #seoWrapper .seoBA .text .grey p {color: #fff; text-transform: uppercase; font-family: "bebas_neuebold",sans-serif; font-size: 42px;}
#seoBanner #seoWrapper .seoBA .text .red {float:left; padding:10px;}
#seoBanner #seoWrapper .seoBA .text .red p {color:#fff; font-size:16px;}
  }

@media only screen and (max-width: 1023px) {
#seoBanner #seoCopy {float:left; text-align:center; width:100%;}
#seoBanner #seoCopy .cta.copy {background-color:#4b4f61; clear:left;}
#seoBanner #seoCopy .cta.copy h3 {font-size:28px;}
#seoBanner #seoCopy .cta.copy h4 {font-size:28px;}
#seoBanner #seoCopy .copy {padding:20px;}
#seoBanner #seoCopy .copy h1 {margin-bottom:20px;}
#seoBanner #seoCopy .copy p big {font-size:16px;}
#seoBanner #seoWrapper {width:100%; float:left; height:250px;}
#seoBanner #seoCopy .cta.copy {}
.seoColumns .copy p big {font-size:16px;}
.seoColumns .left {text-align:center;}
.seoColumns .right {text-align:center;}
#enquiryAnchor .copy p big {font-size:16px;}
  }

@media only screen and (min-width: 768px) {
#seoBanner #seoWrapper .seoBA .text {position:absolute; top:40px; right:0px; background-color:#da4c25;}
#seoBanner #seoWrapper .seoBA .text .grey {background-color: #4b5061; float:left; padding:6px 20px;}
#seoBanner #seoWrapper .seoBA .text .grey p {color: #fff; text-transform: uppercase; font-family: "bebas_neuebold",sans-serif; font-size: 50px;}
#seoBanner #seoWrapper .seoBA .text .red {float:left; padding:10px;}
#seoBanner #seoWrapper .seoBA .text .red p {color:#fff; font-size:22px;}
  }

@media only screen and (min-width: 1024px) {
#seoBanner {display:flex;}
.switch {flex-direction:row-reverse;}
#seoBanner #seoWrapper {width:50%;  flex:1;}
#seoBanner #seoCopy {width:50%; flex:1; padding:50px 0;}
#seoBanner #seoCopy .cta.copy {background-color:#4b4f61; clear:left; width:500px; padding:20px 0; margin-left:0px; padding-left:40px;}
.seoColumns .right.copy li {list-style-type:disc; margin-left:20px;}
  }

@media only screen and (min-width: 1024px) {
#seoBanner #seoCopy .copy {width:600px; max-width:70%; margin-bottom:40px; margin-left:40px;}
  }


.seoColumns .videoWrapper {margin-bottom:0px;}

@media only screen and (min-width: 768px) {
.seoColumns .left {width:48%; float:left;}
.seoColumns .right {width:48%; float:right;}
  }




/*# Graffiti PPC Landing Pages

.template24163 #seoBanner .mobile {display:none;}
.template24163 .seoColumns .mobile {display:none;}

@media only screen and (max-width: 767px) {
.template24163 #header {height:132px; }
.template24163 #header .content {height:76px;}
.template24163 #header p.phone a {display:block; background-image:url(assets/phone.png); background-position:calc(50% - 115px) 50%; background-size:28px; background-color:#4b4f61; position:absolute; width:111.111%; 
    margin-left:-5.55%; top:76px; height:56px; color:#fff; font-family: Helvetica,Arial,sans-serif; font-weight:bold; font-size:30px; line-height:46px; padding-left:20px;
 -webkit-box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5); box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5);}
.template24163 #header a.logo img {height:53px; position:absolute; top:0px; left:0px;}
.template24163 #seoBanner.blueBackground {background-color:#fff;}
.template24163 #seoBanner .desktop {display:none;}
.template24163 #seoBanner .mobile {display:block;}
.template24163 #seoBanner .mobile h2 {margin-bottom:10px; font-size:32px;}
.template24163 #seoBanner .mobile p {color:#494f60; font-size:20px;}
.template24163 #seoBanner .cta {display:none;}
.template24163 .seoColumns.fade {box-shadow:none; -webkit-box-shadow:none; padding:0 0 30px 0;}
.template24163 .seoColumns .left {margin-bottom:10px;}
.template24163 .seoColumns .mobile {text-align:center; display:block;}
.template24163 .seoColumns .mobile h4 {margin-bottom:0px; font-weight:strong;}
.template24163 .seoColumns .mobile h4 span {font-family: Helvetica,Arial,sans-serif;  font-weight:bold; text-transform:uppercase; font-size:20px;}
.template24163 .seoColumns .mobile h4 a {color:#49afe2; font-size:42px; font-family: "bebas_neuebold",sans-serif;}
.template24163 .seoColumns .mobile a.button {margin-top: 15px; background-color: #49afe2; display: inline-block; color: #fff; padding: 8px 25px 8px 25px; font-family: "bebas_neuebold",sans-serif; font-size: 24px; margin-bottom: 15px; text-decoration: none;}
.template24163 .seoColumns .mobile p {color:#a5a7b0; font-size:20px;}
.template24163 .seoColumns .mobile img {margin-bottom:20px;}
  }
  
  
.template24165 #seoBanner .mobile {display:none;}
.template24165 .seoColumns .mobile {display:none;}

@media only screen and (max-width: 767px) {
.template24165 #header {height:132px; }
.template24165 #header .content {height:76px;}
.template24165 #header p.phone a {display:block; background-image:url(assets/phone.png); background-position:calc(50% - 115px) 50%; background-size:28px; background-color:#4b4f61; position:absolute; width:111.111%; 
    margin-left:-5.55%; top:76px; height:56px; color:#fff; font-family: Helvetica,Arial,sans-serif; font-weight:bold; font-size:30px; line-height:46px; padding-left:20px;
 -webkit-box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5); box-shadow:inset 0 15px 15px -15px rgba(00,00,00,0.5);}
.template24165 #header a.logo img {height:53px; position:absolute; top:0px; left:0px;}
.template24165 #seoBanner.blueBackground {background-color:#fff;}
.template24165 #seoBanner .desktop {display:none;}
.template24165 #seoBanner .mobile {display:block;}
.template24165 #seoBanner .mobile h2 {margin-bottom:10px; font-size:32px;}
.template24165 #seoBanner .mobile p {color:#494f60; font-size:20px;}
.template24165 #seoBanner .cta {display:none;}
.template24165 .seoColumns.fade {box-shadow:none; -webkit-box-shadow:none; padding:0 0 30px 0;}
.template24165 .seoColumns .left {margin-bottom:10px;}
.template24165 .seoColumns .mobile {text-align:center; display:block;}
.template24165 .seoColumns .mobile h4 {margin-bottom:0px;}
.template24165 .seoColumns .mobile h4 span {font-family: Helvetica,Arial,sans-serif;  font-weight:bold; text-transform:uppercase; font-size:20px;}
.template24165 .seoColumns .mobile h4 a {color:#49afe2; font-size:42px; font-family: "bebas_neuebold",sans-serif;}
.template24165 .seoColumns .mobile a.button {margin-top: 15px; background-color: #49afe2; display: inline-block; color: #fff; padding: 8px 25px 8px 25px; font-family: "bebas_neuebold",sans-serif; font-size: 24px; margin-bottom: 15px; text-decoration: none;}
.template24165 .seoColumns .mobile p {color:#a5a7b0; font-size:20px;}
.template24165 .seoColumns .mobile.white p {color:#fff;}
.template24165 .seoColumns .mobile img {margin-bottom:15px;}
.template24165 .seoColumns .mobile.redBackground {margin:20px 0; padding:30px 0; width:111.11%; margin-left:-5.55%;}
.template24165 .seoColumns .mobile.redBackground h3 { font-family: "bebas_neuebold",sans-serif; margin-bottom:10px;}
.template24165 .seoColumns .mobile.redBackground p {font-size:16px;}
.template24165 .seoColumns .mobile p.terms {font-size:12px; margin-bottom:30px;}
  }