/* CSS Document */
#mobile:not( .mm-menu ) {display: none;}
.EditMode .columns {-webkit-column-count: auto; -moz-column-count: auto; column-count:auto;}
.EditMode img.mask {display:none;}
button:focus { outline:none !important; }
.stButton .stLarge:hover {background-position:0px !important;}
.box .EditableTextEdit {min-width:300px;}
* {box-sizing: border-box; background-repeat:no-repeat;}
.Error input[type=text] {color:red;}
input:focus { outline: none  !important;}
textarea:focus { outline: none  !important;}


/* ----- 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,li {}
p, li, a, input, select, option, label, textarea, button, span, td, legend {font-family: "Montserrat", sans-serif; color:#706f6f; font-weight:normal; letter-spacing:0px;}
h1,h2,h3, h1 a, h2 a, h3 a {font-weight:bold; font-family: "Montserrat", sans-serif; color:#706f6f; letter-spacing:0px; line-height: 1.2em;}
h4,h5,h6, h4 a, h5 a, h6 a {font-weight:bold; font-family: "Montserrat", sans-serif; color:#706f6f;  letter-spacing:0px;}
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%;}

#container {position: relative; max-width: 100%; margin: 0px auto; text-align: left; overflow:hidden;}
#container>div, header, footer, section {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative;}
.wrapper {margin: 0 auto; width: 1450px; max-width: 100%;}
.content {float: left; width: 82%; max-width: 100%; margin:0 9%; position:relative;}
.margin {min-width:320px; width: 100%; max-width: 100%; float:left; position:relative; padding:30px 0;}

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

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


/* ----- Header, Footer ----- */
header {height:66px; width:100%;}
header a.logo {margin-top:25px; float:left; display:block; width:160px;}
header a.logo img {width:100%;}
header ul#menu-mainnav {display:none;}
header a#navButton {float:right; position:relative; display:block; height:40px; margin-top:26px; width:40px; color:#666666; font-size:16px; text-transform:uppercase;  background-image:url(/wp-content/themes/solutionists/assets/hamburger.png); background-repeat:no-repeat; background-position:center center;  -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
header a#navButton span {}
.menuWrapper {background-color:#36b2b0; height:48px;}
ul#menu-mainnav {display:none;}
header .contacts {display:none;}

@media only screen and (min-width: 768px) {
header {height:106px;}
header a.logo {margin-top:35px; width:300px;}
.menuWrapper {background-color:#36b2b0; height:68px;}
#container .menuWrapper .mega-menu-wrap {margin-top:10px;}
ul#menu-mainnav {display:block;}
ul#menu-mainnav {float:left; width:100%; margin-top:22px;}
ul#menu-mainnav>li {float:left;}
ul#menu-mainnav>li>a {cursor:pointer; font-weight:bold; font-size:20px; color:#fff; padding:22px 20px;}
ul#menu-mainnav>li>a.highlighted {background-color:rgba(245,168,0,0.9);}
ul#menu-mainnav>li>ul {display:none; width:100%; position:absolute; top:68px; left:0px;background-color:rgba(245,168,0,0.9); z-index:200; padding:10px 0 20px;}
ul#menu-mainnav>li>ul>li {float:left; width:33.3333%; padding:10px 20px 0 20px;}
ul#menu-mainnav>li>ul>li>a {font-weight:500; color:#fff;}
ul#menu-mainnav>li>ul>li>a:hover {color:#008bc5;}
header a#navButton {display:none;}
header .contacts {float:right; display:block;}
header .contacts a {color:#706f6f; font-size:18px; padding-left:38px; background-position: center left; line-height:28px; display:block; }
header .contacts a.phone {background-image:url(/wp-content/themes/solutionists/assets/phone.png);}
header .contacts a.email {background-image:url(/wp-content/themes/solutionists/assets/email.png); margin-bottom:10px; margin-top:20px;}
}

@media only screen and (min-width: 1024px) {
header {height:150px;}
header a.logo {margin-top:50px; width:auto;}
.menuWrapper {height:87px;}
#container .menuWrapper .mega-menu-wrap {margin-top:0px;}
ul#menu-mainnav {margin-top:25px;}
ul#menu-mainnav>li>a {font-size:30px; padding:25px 20px;}
ul#menu-mainnav>li>ul {top:87px; padding:15px 0 30px;}
ul#menu-mainnav>li>ul>li {padding:15px 20px 0px 20px;}
ul#menu-mainnav>li>ul>li>a {font-size:20px;}
ul#menu-mainnav>li>ul:before {display:block; content: ''; background-color: rgba(245, 168, 0, 0.8); width: 30px; position: absolute; left: -30px; height: 100%; top: 0px;}
ul#menu-mainnav>li>ul:after {display:block; content: ''; background-color: rgba(245, 168, 0, 0.8); width: 30px; position: absolute; right: -30px; height: 100%; top: 0px;}
header .contacts a {font-size:25px;}
header .contacts a.email {margin-top:40px;}}
}

@media only screen and (min-width: 1280px) {
ul#menu-mainnav>li>ul>li>a {font-size:25px;}
}

footer {width:100%; padding:40px 0 30px 0; background-color:#36b2b0;}
#subFooter {width:100%; padding:30px 0; background-color:#008ac4;}
#subFooter p {color:#fff;}
.social {float:right; }
.social a {display:block; width:44px; height:44px; margin-left:15px; background-position:center center; background-size:cover; float:left; }
.social a.linkedIn { background-image:url("/wp-content/themes/solutionists/assets/linkedin.png");}
.social a.facebook {background-image:url("/wp-content/themes/solutionists/assets/facebook.png");}
footer h5 {color:#fff; font-weight:bold; font-size:30px; width:100%; float:left; margin-bottom:30px;}
footer #menu-topicnav {float:left; width:100%; margin-bottom:80px;}
footer #menu-topicnav>li {float:left; width:100%; margin-bottom:20px;}
footer #menu-topicnav>li>a {font-size:20px; font-weight:normal; color:#fff;}
footer #menu-footernav {float:left; width:100%;}
footer #menu-footernav>li {float:left;  padding-right:15px; margin-right:15px; border-right:1px solid #fff;}
footer #menu-footernav>li>a {font-size:20px; font-weight:normal; color:#fff;}
footer #menu-footernav>li:last-child {margin-right:0px; padding-right:0px; border-right:0px;}

@media only screen and (min-width: 768px) {
	footer #menu-topicnav>li {float:left; width:45%; margin-right:5%;}
}

@media only screen and (min-width: 1024px) {
	footer #menu-topicnav>li {float:left; width:30%; margin-right:3.33333%;}
}



.copy h1 {color:#36b2b0; font-weight:800; margin-bottom:30px; font-size:25px;}
.copy h2 {font-weight:800; font-size:30px; color:#36b2b0; margin-bottom:20px;}
#news .copy h2 {font-size:20px;}
.copy h3 {font-weight:800; font-size:30px; color:#008ac4; margin-bottom:20px;}
#news .copy h3 {font-size:20px;}
.copy p {font-size:20px; margin-bottom:20px;}
.copy p:last-child, .copy h1:last-child, .copy h2:last-child, .copy h3:last-child, .copy h4:last-child, .copy h5:last-child, .copy h6:last-child {margin-bottom:0px;}
.copy p a {color:#eb643e;}
.copy p a:hover {text-decoration:underline;}
.copy p a.readMore {background-color:#eb643e; text-decoration:none; color:#fff; padding:12px 15px; font-size:15px; border-radius:10px; display:inline-block; margin-top:20px;}
.left {float:left; width:100%;}
.right {float:left; width:100%; position:relative;}
.wide {float:left; width:100%;}
.copy ul {margin-left:30px; margin-bottom:20px; font-size:15px;}
.copy ul>li {font-size:15px; list-style-type:disc; margin-bottom:5px;}
.copy ol {margin-left:30px; margin-bottom:15px; font-size:15px;}
.copy ol>li {font-size:15px; list-style-type:decimal; margin-bottom:5px;}
.copy p.date {margin:-25px 0 40px 0; font-size:18px; color:#0a8587;}

.topic h1 {color:#36b2b0; font-weight:800; margin-bottom:30px; font-size:25px;}
.topic h2 {color:#36b2b0; font-weight:800; margin:60px 0 30px 0; font-size:25px;}
.topic h2:first-child {margin:0 0 30px 0;}
.topic h3 {color:#706f6f; font-weight:bold; font-size:20px; margin-bottom:20px; min-height:25px;}
.topic h3:first-child {margin:0 0 20px 0;}
.topic h4 {color:#706f6f; font-weight:bold; font-size:20px; margin-bottom:20px; min-height:25px;}
.topic h5 {color:#706f6f; font-weight:bold; font-size:20px; margin-bottom:20px; min-height:25px;}
.topic p {margin-bottom:20px; font-size:16px; line-height:1.4em;}
.topic p a {color:#eb643e;}
.topic ul {margin-bottom:20px; font-size:15px; margin-left:25px;}
.topic ul>li {font-size:15px; list-style-type:disc; margin-bottom:10px; line-height:1.4em;}
.topic ul.ticks { margin-left:0px;}
.topic ul.ticks>li {background-image:url(/wp-content/uploads/2024/05/tick.png); list-style-type:none; background-size:25px; background-position:top 3px left; font-size:20px; padding-left:40px; margin-bottom:20px; min-height:20px;}
.topic li a {color:#eb643e;}
.topic ol {margin-left:25px; margin-bottom:20px;}
.topic ol>li {font-size:15px; list-style-type:none; margin-bottom:20px; padding-left:40px; line-height:1.4em;}
.topic ol>li:before {font-weight:bold; background-color: #f5a800; border-radius: 25px; width: 25px; height: 23px; display: block; color: #fff; text-align:center; content: counter(list-item); position: absolute; z-index: -1; left: 0px; padding-top: 2px; }

@media only screen and (min-width: 768px) {
.copy h1 {font-size:40px;}
.copy h2 {font-size:40px;}
#news .copy h2 {font-size:24px;}
.copy h3 {font-size:40px;}
#news .copy h3 {font-size:24px;}
.copy h4 {font-size:40px;}
.copy h5 {font-size:40px;}
.copy ul>li {font-size:20px;}
.copy ol>li {font-size:20px;}
#aboutUs .left {width:70%;}
.wide {float:left; width:70%;}

.topic h1 {font-size:40px;}
.topic h2 {font-size:40px;}
.topic h3 {font-size:24px; min-height:40px; padding-top:5px; margin-top:40px; }
.topic h3:first-child {margin:0 0 30px 0;}
.topic h4 {font-size:24px; min-height:40px; padding-top:5px; margin-top:40px; }
.topic h5 {font-size:24px;}
.topic p {font-size:20px;}
.topic ul>li {font-size:20px;}
.topic ol>li {font-size:20px;}
.topic ol {margin-bottom:20px;}
.topic ol>li {font-size:20px;}
.topic ol>li:before {width: 40px; height: 35px; padding-top: 5px; margin-top: -6px;}
}

@media only screen and (min-width: 1024px) {
.copy h1 {font-size:50px;}
.copy h2 {font-size:50px;}
#news .copy h2 {font-size:30px;}
.copy h3 {font-size:50px;}
#news .copy h3 {font-size:30px;}
.left {float:left; width:55%;}
.right {float:right; width:40%;}
#aboutUs .left {width:60%;}
	
.topic h1 {font-size:50px;}
}

@media only screen and (min-width: 1400px) {
.copy p {font-size:25px;}
.copy ul>li {font-size:25px;}
.copy ol>li {font-size:25px;}
	
.topic h2 {font-size:50px;}
.topic h3 {font-size:30px; min-height:50px; padding-top:5px; margin-top:40px; }
.topic h4 {font-size:30px; min-height:50px; padding-top:5px; margin-top:40px; }
.topic h5 {font-size:30px;}
.topic p {font-size:22px;}
.topic ul>li {font-size:22px;}
.topic ol>li {font-size:22px;}
.topic ol>li {font-size:22px; margin-bottom:25px;}
.topic ol>li:before {width: 50px; height: 43px; padding-top: 7px;}
}

/* ----- Homepage ----- */
#banner {height:450px; background-color:#a8dee3; position:relative; background-size:contain; background-position:bottom center;}
#banner .content {height:450px;}
#banner h1 {font-weight:800; color:#fff; font-size:40px; margin-bottom:20px; margin-top:20px;}
#banner p {font-weight:500; color:#fff; font-size:19px;}
#banner img {position:absolute; bottom:0px; right:-20%; width:140%; max-width:850px;}
#banner .copy {max-width:300px;}
#sections .content {width:100%; margin:0;}
#sections a {width:100%; display:block; color:#fff; text-align:center; font-weight:bold; font-size:20px; padding:10px 0;}
#sections a:nth-child(1) {background-color:#f5a800;}
#sections a:nth-child(2) {background-color:#008bc5;}
#sections a:nth-child(3) {background-color:#36b2b0;}
#questionBlocks {float:left; width:100%; margin-top:50px;}
#questionBlocks a {float:left; width:100%; display:block; font-weight:bold; font-size:20px; color:#fff; font-weight:bold; padding:20px 20px 50px 20px; margin-bottom:30px;}
#questionBlocks a:nth-child(1) {background-color:#eb643e;}
#questionBlocks a:nth-child(2) {background-color:#f5a800;}
#questionBlocks a:nth-child(3) {background-color:#36b2b0;}
#questionBlocks a:nth-child(4) {background-color:#a4d8de;}
#questionBlocks a:nth-child(5) {background-color:#cf3339;}
#questionBlocks a:nth-child(6) {background-color:#008bc5;}
#aboutUs {background-color:#dcf0fb; background-image:url(/wp-content/uploads/2024/05/about-us-mobile.png); background-size:cover; background-position:center bottom 0px ; padding:50px 0 200px;}

@media only screen and (min-width: 768px) {
#banner h1 {font-size:50px; margin-bottom:35px; margin-top:45px;}
#banner p {font-size:24px;}
#banner .copy {width:60%; max-width:none;}
#banner {height:500px;}
#banner .content {height:500px;}
#banner img {max-width:850px; right:-10%;}
#sections .content {width:90%; margin:0 5%; margin-top:-20px;}
#sections a {float:left; width:30%; margin-right:5%; color:#000; background-color:#fff !important; padding:0px; position:relative;}
#sections a:before {display:block; content:''; width:100%; height:40px; background-color:#f5a800; margin-bottom:30px;}
#sections a:nth-child(2):before {background-color:#008bc5;}
#sections a:nth-child(3):before {background-color:#36b2b0;}
#sections a:nth-child(3) {margin-right:0%;}
#sections a:after {display: block; position: absolute; content: ''; width: 0px; height: 0px; background-color: #f5a800; margin-bottom: 20px; left: 50%; margin-left: -15px; top: 40px; border-top: 20px solid #f5a800; border-left: 20px solid #fff; border-right: 20px solid #fff;}
#sections a:nth-child(2):after {border-top: 20px solid #008bc5;}
#sections a:nth-child(3):after {border-top: 20px solid #36b2b0;}
#questionBlocks a {width:47.5%; margin-right:5%; height:210px; padding:25px; font-size:24px; margin-bottom:5%;}
#questionBlocks a:nth-child(even) {margin-right:0%;}
#aboutUs {background-image:url(/wp-content/uploads/2024/05/about-us.png); background-position:right 0px bottom 0px; background-size:cover; padding:0px;}
}

@media only screen and (min-width: 1024px) {
#banner {height:630px;}
#banner .content {height:630px;}
#banner .copy {width:60%;}
#banner h1 {font-size:70px; margin-bottom:50px; margin-top:70px;}
#banner p {font-size:24px;}
#banner img {max-width:1100px; right:-10%;}
#questionBlocks {margin-top:70px;}
#questionBlocks a {width:31%; margin-right:3.5%; margin-bottom:3.5%;}
#questionBlocks a:nth-child(even) {margin-right:3.5%;}
#questionBlocks a:nth-child(3n+3) {margin-right:0;}
}

@media only screen and (min-width: 1400px) {
#banner {height:750px;}
#banner .content {height:750px;}
#banner .copy {width:50%;}
#banner h1 {font-size:76px; margin-bottom:50px; margin-top:70px;}
#banner p {font-size:30px;}
#banner img {max-width:1500px; right:0px;}
#questionBlocks {margin-top:90px;}
#questionBlocks a {height:326px;font-size:30px;}
}

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


/* ----- About Us ----- */
@media only screen and (min-width: 1400px) {
#about {background-image:url(/wp-content/uploads/2024/05/hand-and-phone.png); background-position:right 10% bottom 0px;}
}

/* ----- News ----- */

#news .copy img {width:100%; margin-bottom:50px;}

#bannerNews {height:400px; background-color:#a8dee3; position:relative; background-image:url(/wp-content/uploads/2024/05/news.png); background-size:450px ; background-position:bottom center;}
#bannerNews .content {height:400px;}
#bannerNews h1 {font-weight:800; color:#0a8587; font-size:40px; margin-bottom:20px; margin-top:20px;}
#bannerNews p {font-weight:500; color:#0a8587; font-size:19px;}

.newsPreviews {float:left; width:100%;}
.newsPreview {float:left; width:100%; margin-bottom:60px;}
.newsPreview .image {float:left; width:100%; background-size:cover; margin-bottom:30px; height:250px; background-position:center center;}
.newsPreview .image a {display:block; width:100%; height:250px;}
.newsPreview .copy {float:left; width:100%;}
.newsPreview .copy h3 {color:#706f6f; font-size:25px;}
.newsPreview .copy .date {margin-top:-15px; font-size:18px; color:#0a8587;}

@media only screen and (min-width: 768px) {
#bannerNews {height:350px; background-position:right bottom;}
#bannerNews .content {height:350px;}
#bannerNews h1 {font-size:50px; margin-bottom:35px; margin-top:45px;}
#bannerNews p {font-size:24px;}
#bannerNews .copy {width:35%; max-width:none;}
.newsPreview .copy h3 {font-size:28px;}
.newsPreview .image {width:47.5%;}
.newsPreview .copy {width:47.5%; float:right;}
}

@media only screen and (min-width: 1024px) {
#bannerNews {height:560px; background-size:auto; background-position:bottom right -250px ;}
#bannerNews .content {height:560px;}
#bannerNews h1 {font-size:80px; margin-bottom:50px; margin-top:110px;}
#bannerNews p {font-size:30px;}
.newsPreview .copy h3 {font-size:30px;}
.newsPreview .image {width:35%;}
.newsPreview .copy {width:60%;}
}

@media only screen and (min-width: 1280px) {
#bannerNews {background-image:none;}
#bannerNews .content {background-image:url(/wp-content/uploads/2024/05/news.png); background-size:auto; background-position:bottom right ;}
.newsPreview .image {width:30%;}
.newsPreview .copy {width:65%;}
}

/* ----- Contact ----- */
#contactBanner {background-color:#a8dee3; position:relative;}
#contactBanner h1 {color:#0a8587; font-weight:800; font-size:35px; margin:20px 0 20px 0;}
#contactBanner h3 {font-size:17px; font-weight:300; font-size:22px; color:#0a8587; margin:0px;}
#contactBanner p {color:#0a8587; font-weight:700; font-size:18px; margin:5px 0;}
#contactBanner img {float:left; width:100%; margin-top:30px;}
#contactBanner #enquiry {background-color:transparent; background-image:none;}
#contactBanner #enquiry p {color:#0a8587; font-weight:700;}

@media only screen and (min-width: 768px) {
#contactBanner h1 {font-size:45px; margin:50px 0 30px 0;}
#contactBanner h3 {font-size:25px;}
#contactBanner p {font-size:20px;}
}

@media only screen and (min-width: 1024px) {
#contactBanner {min-height:750px;}
#contactBanner h1 {font-size:60px; margin:60px 0 30px 0;}
#contactBanner h3 {font-size:35px;}
#contactBanner p {font-size:24px;}
#contactBanner img {width:60%; margin-left:5%; position:absolute; bottom:0px; left:0px; z-index:5;}
}

@media only screen and (min-width: 1400px) {
#contactBanner {min-height:920px;}
#contactBanner h1 {font-size:80px;  margin:70px 0 30px 0;}
#contactBanner h3 {font-size:45px;}
#contactBanner p {font-size:28px;}
#contactBanner img {max-width:fit-content;}
}

/* ----- Topic ----- */

ul.wpp-list {float:left; width:100%; margin-bottom:100px; margin-left:0px;}

#topicBanner .wrapper {z-index: 10; position: relative;}  
#topicBanner.blue {background-color:#b5d6f5;}
#topicBanner.lightblue {background-color:#d1e8f2;}
#topicBanner.green {background-color:#85c4c9;}
#topicBanner .topicBanner {float:left; width:100%:}
#topicBanner .topicBanner h4 {font-size:17px; font-weight:800; color:#000; margin:20px 0 5px;}
#topicBanner .topicBanner h1 {color:#0a8587; font-weight:800; font-size:25px; margin:0px 0 20px 0;}
#topicBanner .topicBanner p {color:#0a8587; font-weight:500; font-size:18px; margin:0px;}
#topicBanner .topicBanner a.readMore {display:inline-block; float:left; clear:both; background-image:url(/wp-content/themes/solutionists/assets/readmore.png); background-size:40px 40px; background-position:center left; padding-left:55px; color:#eb643e; font-weight:800; font-size:18px; line-height:40px;}
#topicBanner img {float:left; width:100%; margin-top:30px;} 
.topicBannerRight {float:left; width:100%:}
.topicBannerRight a.ppcQuote3 {width:100%; clear:both;}

@media only screen and (min-width: 768px) {
#topicBanner.bannerBackground>img {display:none;}
#topicBanner .topicBanner {width:60%; float:left;}
#topicBanner .topicBanner h4 {margin:40px 0 5px 0;}
#topicBanner .topicBanner p {font-size:20px;}
#topicBanner .topicBanner a.readMore {background-size:auto; line-height:52px; padding-left:70px; font-size:20px;}
#topicBanner img {width:60%; margin-left:5%; position:absolute; bottom:0px; left:0px; z-index:5;}
.topicBannerRight {float:right; width:35%; margin-top:60px;}
}

@media only screen and (min-width: 1024px) {
#topicBanner .topicBanner h4 {font-size:20px;}
#topicBanner .topicBanner h1 {font-size:40px; margin:0 0 30px 0;}
#topicBanner .topicBanner p {font-size:25px; margin-bottom:60px;}
#topicBanner .topicBanner a.readMore {font-size:25px;}
}
	
@media only screen and (min-width: 1400px) {
#topicBanner .topicBanner h4 {margin:60px 0 5px 0;}
#topicBanner .topicBanner p {font-size:27px;}
#topicBanner img {max-width:fit-content;}
}

@media only screen and (max-width: 767px) {
#topicBanner {background-image:none;}
#sectionBanner {background-image:none;}
}


#sectionBanner .wrapper {z-index: 10; position: relative;}  
#sectionBanner.blue {background-color:#b5d6f5;}
#sectionBanner.lightblue {background-color:#d1e8f2;}
#sectionBanner.green {background-color:#85c4c9;}
#sectionBanner img {float:left; width:320px; position:absolute; bottom:0px; left:20px; }
#sectionBanner .sectionBanner h1 {color:#0a8587; font-weight:800; font-size:35px; margin:30px 0 20px 0;}
#sectionBanner .sectionBanner p {color:#0a8587; font-weight:500; font-size:20px; margin:0px;}
#sectionBanner .sectionBanner a.readMore {display:inline-block; background-image:url(/wp-content/themes/solutionists/assets/readmore.png); background-position:center left; padding-left:70px; color:#eb643e; font-weight:800; font-size:20px; line-height:52px;}

@media only screen and (min-width: 768px) {
#sectionBanner.bannerBackground>img {display:none;}
#sectionBanner .sectionBanner {width:47.5%;}
#sectionBanner .sectionBanner h1 {margin:50px 0 20px 0;}
#sectionBanner img {width:60%; margin-left:5%; position:absolute; bottom:0px; left:0px; z-index:5;}
}

@media only screen and (min-width: 1024px) {	
#sectionBanner .sectionBanner h1 {font-size:40px; margin:50px 0 20px 0;}
#sectionBanner .sectionBanner p {font-size:25px; margin:0px;}
}

@media only screen and (min-width: 1400px) {
#sectionBanner img {max-width:fit-content;}
#sectionBanner .sectionBanner h1 {font-size:50px; margin:70px 0 40px 0;}
#sectionBanner .sectionBanner p {font-size:30px; margin:0px;}
}






.topic {position:relative; z-index:8;}
#enquiry .wpforms-field-label {color:#fff; font-size:15px; font-weight:500; margin-bottom:12px;}
#enquiry .wpforms-field-label-inline {color:#fff; font-size:15px; font-weight:500; margin-bottom:8px;}

#sticky-wrapper {clear:left;}
#enquiry {padding:30px 0; margin-top:40px;}
#enquiry p {font-size:19px; font-weight:500; margin:0px; color:#36b2b0;}
#enquiry p a {color:#0a8587;}
#enquiry h4 {font-size:19px; font-weight:700; margin:0px; color:#0a8587; margin-bottom:10px;}
#enquiry p span {color:#36b2b0; font-size:22px;}
#enquiry div.wpforms-container-full:not(:empty) {margin:20px 0;}
#enquiry .wpforms-field-text {padding:0 0 10px 0;}
#enquiry .wpforms-field-email {padding:0 0 10px 0;}
#enquiry .wpforms-field-textarea {padding:0 0 10px 0;}
#enquiry .wpforms-field-text input[type=text] {background-color:#def0f2; border:0px; border-radius:0px; font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
#enquiry .wpforms-field-email input[type=email] {background-color:#def0f2;  border:0px; border-radius:0px; font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
#enquiry .wpforms-field-textarea textarea {background-color:#def0f2;  border:0px; border-radius:0px; font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500; height:150px;}
#enquiry button {background-color:#eb643e; color:#fff; padding:12px 15px; font-size:15px; border-radius:10px; display:inline-block;  font-family: "Montserrat", sans-serif;}
#enquiry.enquiryDesktop {display:none;}
#enquiry.enquiryMobile {display:block; padding:20px 5%;}

.questions {float:left; width:100%; }
.questions a {display:block; float:left; width:100%; font-size:16px; padding:15px 80px 15px 0; border-top:2px solid #dddddd; color:#706f6f; font-weight:500; background-image:url(/wp-content/themes/solutionists/assets/question.png); background-position:right 20px center; transition:all 0.3s ease-in;}
.questions a:hover {background-image:url(/wp-content/themes/solutionists/assets/question-hover.png); background-position:right 0px center;  transition:all 0.3s ease-in;}


@media only screen and (min-width:480px) {
.questions a {font-size:22px;}
}

@media only screen and (min-width: 768px) {
.questions a {font-size:24px;}
#enquiry {margin-top:0px;}
}

@media only screen and (min-width: 1024px) {
#enquiry {width:100%; background-color:#a5d3d8; padding:30px; z-index:10; border-radius:10px; }
#enquiry p {color:#fff; font-size:25px;}
#enquiry h4 {color:#0a8587; font-size:27px;}
#enquiry p span {color:#fff;}
#enquiry .wpforms-field-text input[type=text] {background-color:#fff;}
#enquiry .wpforms-field-email input[type=email] {background-color:#fff; }
#enquiry .wpforms-field-textarea textarea {background-color:#fff; }
#enquiry.enquiryDesktop {display:block; position:absolute; width:47.5%; right:0px; top:60px;}
#enquiry.enquiryMobile {display:none;}
	
.questions a {font-size:30px;}
}

@media only screen and (min-width: 1400px) {
#enquiry {background-position:bottom 0px right 20px;}
}





#topicBanner {background-color:#a8dee3; position:relative; background-position:center bottom; background-size:120% auto; min-height:480px;}
#sectionBanner {background-color:#a8dee3; position:relative; background-position:center bottom;  background-size:120% auto; min-height:360px;}

@media only screen and (min-width: 640px) {
#sectionBanner {min-height:460px;}
#topicBanner {min-height:460px;}
}
@media only screen and (min-width: 768px) {
#sectionBanner {min-height:560px;}
#topicBanner {min-height:560px;}
}
@media only screen and (min-width: 1024px) {
#sectionBanner {height:660px;}
#topicBanner {height:660px;}
}
@media only screen and (min-width: 1280px) {
#sectionBanner {height:760px;}
#topicBanner {height:760px;}
}
@media only screen and (min-width: 1400px) {
#sectionBanner {height:860px; background-size:1920px auto;}
#topicBanner {height:860px; background-size:1920px auto;}
}
@media only screen and (min-width: 1920px) {
#sectionBanner {}
#topicBanner {}
}


/* ----- Calculator ----- */

.calculator {float:left; width:121.95%; background-color:#dbf5ff; padding:30px; margin-bottom:60px; margin-left:-10.975%;}
.calculator .row {float:left; width:100%; margin-bottom:15px;}
.calculatorLeft {float:left; width:100%;}
.calculatorLeft h3 {color:#0a8587; font-size:20px; font-weight:bold; margin-bottom:20px;}
.calculatorLeft p {color:#0a8587; font-size:15px; font-weight:500; margin-bottom:5px;}
.calculatorLeft input[type=text] {width:100%; padding:5px; font-size:15px;}
.calculatorRight {float:left; width:100%; margin-top:40px;}
.calculatorRight h3 {color:#008ac4; font-size:20px; font-weight:bold; margin-bottom:20px;}
.calculatorRight p {color:#008ac4; font-size:15px; font-weight:500; margin-bottom:5px;}
.calculatorRight .saving {float:left; background-color:#fff; width:100%; padding:5px; font-size:15px; border: 1px solid #dedede;}

@media only screen and (min-width: 768px) {
.calculator {width:100%; margin-left:0px;}
.calculatorLeft h3 {font-size:25px; float:left; width:100%; margin-bottom:30px;}
.calculatorLeft p {font-size:20px; width:45%; float:left; padding-top:4px;}
.calculatorLeft input[type=text] {float:right; width:50%; font-size:20px;}
.calculatorRight {margin-top:30px;}
.calculatorRight h3 {font-size:25px; float:left; width:100%; margin-bottom:30px;}
.calculatorRight p {font-size:20px; padding-top:4px; width:45%; float:left;}
.calculatorRight .saving {font-size:20px;float:right; width:50%;}
}

@media only screen and (min-width: 1280px) {
	.calculator {padding:40px;}
.calculatorLeft {float:left; width:50%; padding-right:4%; margin-right:4%; border-right:1px solid #706f6f;}
.calculatorRight {float:right; width:46%;}
.calculatorLeft p {width:65%;}
.calculatorLeft input[type=text] {float:right; width:30%;}
.calculatorRight {margin-top:0px;}
.calculatorRight p {width:65%;}
.calculatorRight .saving {float:right; width:30%;}
	
}



.topicRight {display:none; float:left; width:100%;}
a.related {float:left; display:block; width:100%; background-color:#e16544; border-radius:5px; padding:20px 20px 20px 70px; margin-bottom:20px; color:#fff; background-position:20px center; font-size:15px;}
a.related span {color:#fff; font-size:20px; font-weight:bold;}
a.related.buttonBusinessHomeCharging {background-image:url(/wp-content/themes/solutionists/assets/button-home-charging.png);}
a.related.buttonEVFuelCard {background-image:url(/wp-content/themes/solutionists/assets/button-ev-fuel-card.png);} 
a.related.buttonHVOFuelCard {background-image:url(/wp-content/themes/solutionists/assets/button-hvo-fuel-card.png);}
a.related.buttonFuelCardConsultancy {background-image:url(/wp-content/themes/solutionists/assets/button-ev-consultancy.png);}
a.related.buttonEVConsultancy {background-image:url(/wp-content/themes/solutionists/assets/button-ev-consultancy.png);}
a.related.buttonAllstar {background-image:url(/wp-content/themes/solutionists/assets/button-fuel-card.png);}
a.related.buttonAllstarChargepass {background-image:url(/wp-content/themes/solutionists/assets/button-fuel-card.png);}
a.related.buttonEsso {background-image:url(/wp-content/themes/solutionists/assets/button-fuel-card.png);}
a.related.buttonEssoFleet {background-image:url(/wp-content/themes/solutionists/assets/button-fuel-card.png);}
a.related.buttonFastfuel {background-image:url(/wp-content/themes/solutionists/assets/button-fuel-card.png);}
a.related.buttonKeyfuels {background-image:url(/wp-content/themes/solutionists/assets/button-fuel-card.png);}
a.related.buttonUKFuels {background-image:url(/wp-content/themes/solutionists/assets/button-fuel-card.png);}

.relatedSolutions {float:left; margin:30px 0 ; width:100%;}
.relatedSolutions h2 {padding-left:0px;}

@media only screen and (min-width: 768px) {
.relatedSolutions a.related {width:49%; margin-left:2%;}
.relatedSolutions a.related:nth-child(2n+1) {clear:left; margin-left:0;}
}

@media only screen and (min-width: 1024px) {
.relatedSolutions a.related {width:32%; margin-left:2%;}
.relatedSolutions a.related:nth-child(2n+1) {clear:none; margin-left:2%;}
.relatedSolutions a.related:nth-child(3n+1) {clear:left; margin-left:0;}
.topicRight {display:block; float:right; width:34%; margin-top:80px;}
}



#quote {background-color:#d1e8f2;}
#quote button {background-color:#eb643e; color:#fff; padding:15px 50px 15px 18px; font-size:20px; border-radius:10px; display:inline-block;  font-family: "Montserrat", sans-serif; height: auto; background-image:url(/wp-content/uploads/2024/10/arrow.png); background-position:right 10px center; background-repeat:no-repeat;margin-bottom:15px;}
#quote button.wpforms-page-prev {padding:15px 18px 15px 50px; background-position:left 10px center; background-image:url(/wp-content/uploads/2024/10/arrow-back.png); }
#quote #wpforms-714 {float:left; width:100%;}
#quote .quoteTitle h2 {font-size:40px; color:#0a8587; margin:0px 0 20px 0; padding:0px;}
#quote .quoteTitle h3 {font-size:24px; font-weight:600; color:#4a4a49;  margin:0 0 60px 0; padding:0px;}
#quote .quoteTitle p {font-size:30px; font-weight:bold; color:#0a8587;}
#quote .quoteTitle span {font-size:25px; font-weight:normal; color:#0a8587;}
#quote .progress span {color:#4a4a49; font-weight:800;}
#quote .progress .wpforms-page-indicator-page-progress-wrap {display:none;}
#quote .wpforms-page {margin-top:-30px;}
#quote .wpforms-field-text input[type=text] {background-color:#fff; border:0px; border-radius:0px; font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
#quote .wpforms-field-email input[type=email] {background-color:#fff;  border:0px; border-radius:0px; font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
#quote .wpforms-image-choices-modern {width:100%;}
#quote .wpforms-image-choices-modern li {width:100%;}


.piggyBank {background-color:#dbf5ff;}
.piggyBank .calculator {background-color:#bce3f6;}

@media only screen and (min-width: 640px) {
#quote .wpforms-image-choices-modern li {width:40%;}
}

@media only screen and (min-width: 768px) {
.piggyBank {background-color:#dbf5ff; background-image:url(/wp-content/uploads/2024/05/piggy-bank.png); background-position:bottom center; padding-bottom:200px; }
}

@media only screen and (min-width: 1280px) {
#quote .wpforms-image-choices-modern li {width:22%;}
}




#thankYou {background-image:url(/wp-content/uploads/2024/10/thank-you-banner.jpg); background-position:bottom right 50%; background-size:cover; height:500px;}
#thankYou p {font-size:25px; color:#0a8587; margin:80px 0 0 5%; }


@media only screen and (min-width: 768px) {
	#thankYou {height:600px; background-position:bottom left;}
	#thankYou p {font-size:25px; color:#0a8587; margin:110px 0 0 32%; ;}
}

@media only screen and (min-width: 1024px) {
	#thankYou {height:700px;}
	#thankYou p {font-size:34px; color:#0a8587; margin:95px 0 0 45%; }
}

@media only screen and (min-width: 1400px) {
	#thankYou {height:800px;}
	#thankYou p {font-size:40px; color:#0a8587; margin:90px 0 0 38%; }
}

@media only screen and (min-width: 1600px) {
	#thankYou p { margin:50px 0 0 35%; }
}

@media only screen and (min-width: 1800px) {
	#thankYou p { margin:20px 0 0 35%; }
}

.fuelCardSolutions {width:100%; background-color:#36b2b0; border-radius:10px; padding:20px 30px; margin-top:40px; margin-bottom:40px;}
.fuelCardSolutions h3 {color:#fff; font-size:24px; font-weight:bold; margin-bottom:20px;}
.fuelCardSolutions p {clear:left; color:#fff; font-size:20px; margin-top:20px;}
.fuelCardSolutions a:first-of-type {float:left; display:block; width:47.5%; padding:10px 20px 70px 20px; font-weight:500; border-radius:10px; background-color:#fff; color:#0a8587; font-size:18px; background-image:url(/wp-content/uploads/2024/10/arrowOrange.png); background-position:left 20px bottom 15px; background-size:40px; margin-bottom:20px;}
.fuelCardSolutions a:first-of-type:hover {background-color:#f7d6c4;}
.fuelCardSolutions a:last-of-type {float:right; display:block; width:47.5%; padding:10px 20px 70px 20px; font-weight:500; border-radius:10px; background-color:#ea633d; color:#fff; font-size:18px; background-image:url(/wp-content/themes/solutionists/assets/arrowWhite.png); background-position:left 20px bottom 15px; background-size:40px; margin-bottom:20px;}
.fuelCardSolutions a:last-of-type:hover {background-color:#f7d6c4;}


@media only screen and (min-width: 768px) {
	.fuelCardSolutions {width:65%;}
	.fuelCardSolutions h3 {font-size:30px;}
	.fuelCardSolutions p {font-size:25px;}
}


@media only screen and (min-width: 1024px) {
	.fuelCardSolutions {width:600px; padding:30px 40px; }
	.fuelCardSolutions h3 {font-size:35px; margin-bottom:30px;}
	.fuelCardSolutions p {font-size:30px; margin-top:30px;}
	.fuelCardSolutions a:first-of-type {margin-bottom:30px;}
}











/* ----- NEW CALLS TO ACTION ----- */

.questionCTA {background-color:#0a8587; border-radius:15px; padding:20px; margin:40px 0; }
.questionCTA h3 {color:#f5a800; font-size:26px; font-weight:bold; padding-bottom:5px;}
.questionCTA h4 {color:#ffffff; font-size:22px; font-weight:normal; padding-bottom:5px;}
.questionCTA p {color:#ffffff; font-size:16px; font-weight:bold;}

@media only screen and (min-width: 768px) {
.questionCTA  {background-image:url("/wp-content/themes/solutionists/assets/icon-phone.png"); background-position:20px 30px; padding-left:110px;}
.questionCTA h3 {font-size:30px;}
.questionCTA h4 {font-size:24px;}
.questionCTA p {font-size:20px;}
}

@media only screen and (min-width: 1024px) {
.questionCTA {margin:0 0 40px 0;}
}

@media only screen and (min-width: 1400px) {
.questionCTA {background-position:30px 30px; padding-left:130px;}
.questionCTA h3 {font-size:38px;}
.questionCTA h4 {font-size:36px;}
.questionCTA p {font-size:30px;}
	
}


.questionForm {background-color:#36b2b0; border-radius:15px; padding:20px; margin:40px 0 0 0; }
.questionForm h3 {color:#08595c; font-size:26px; font-weight:bold; padding-bottom:20px;}
.questionForm h4 {color:#08595c; font-size:26px; font-weight:bold; padding-bottom:20px;}
.questionForm .questionFormTop p {font-size:18px; color:#fff;}
.questionForm #wpforms-57-field_7-container {padding:0 0 15px 0;}
.questionForm #wpforms-57 .wpforms-field-label {color:#fff; font-size:15px; font-weight:500; margin-bottom:12px;}
.questionForm #wpforms-57 .wpforms-field-label-inline {color:#fff; font-size:15px; font-weight:500; margin-bottom:8px;}
.questionForm #wpforms-57 legend {color:#fff; font-size:15px; font-weight:500; margin-bottom:12px;}
.questionForm #wpforms-57 input[type=text] {border:0px; border:0px;  font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
.questionForm #wpforms-57 input[type=email] {border:0px; border:0px;  font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
.questionForm #wpforms-57.wpforms-container .wpforms-field {padding:0 0 15px 0;}
.questionForm #wpforms-57 button {background-color:#eb643e; color:#fff; width:auto; height:auto; font-weight:700; padding:15px 80px 15px 15px; font-size:18px; border-radius:10px; display:inline-block;  font-family: "Montserrat", sans-serif; background-image:url(/wp-content/themes/solutionists/assets/button-arrow.png); background-position:right 12px center; background-repeat:no-repeat; text-align:left;}
.questionForm #wpforms-57 button:hover {filter:brightness(1.1);}
.questionForm p {color:#08595c; font-size:16px;}
.questionForm p span {font-size:26px; color:#08595c;}
.questionForm p a {color:#08595c;}


@media only screen and (min-width: 768px) {
.questionForm {padding:20px 30px;}
.questionForm h3 {font-size:30px;}
.questionForm h4 {font-size:30px;}
.questionForm .questionFormTop p {font-size:22px;}
.questionForm p {font-size:20px;}
.questionForm p span {font-size:30px;}
}


@media only screen and (min-width: 1400px) {
.questionForm h3 {font-size:38px;}
.questionForm h4 {font-size:38px;}
.questionForm .questionFormTop p {font-size:24px;}
.questionForm p {font-size:26px;}
.questionForm p span {font-size:36px;}
}

#quoteLinks {float:left; width:100%; margin-bottom:40px;}
#quoteLinks p {font-size:24px; color:#36b2b0; padding:30px;}
#quoteLinks a:first-of-type {float:left; position:relative; display:block; width:47.5%; padding:80px 15px 80px 15px; font-weight:500; border-radius:10px; background-color:#dfeff3; color:#0a8587; font-size:16px; background-image:url(/wp-content/uploads/2024/10/arrowOrange.png); background-position:left 20px bottom 25px; background-size:40px;}
#quoteLinks a:first-of-type:before {display:block; content:''; background-image:url(/wp-content/themes/solutionists/assets/icon-savings-calculator.png); width:39px; height:50px; position:absolute; top:15px; left:15px;}
#quoteLinks a:first-of-type:hover {background-color:#f7e9da;}
#quoteLinks a:last-of-type {float:right; position:relative; display:block; width:47.5%; padding:80px 15px 80px 15px; font-weight:500; border-radius:10px; background-color:#dfeff3; color:#0a8587; font-size:16px; background-image:url(/wp-content/uploads/2024/10/arrowOrange.png); background-position:left 20px bottom 25px; background-size:40px;}
#quoteLinks a:last-of-type:before {display:block; content:''; background-image:url(/wp-content/themes/solutionists/assets/icon-quote.png); width:39px; height:50px; position:absolute; top:15px; left:15px;}
#quoteLinks a:last-of-type:hover {background-color:#f7e9da;}



@media only screen and (min-width: 768px) {
#quoteLinks a:first-of-type {font-size:24px;}
#quoteLinks a:last-of-type {font-size:24px;}
}


































/* ----- PPC Landing Pages ----- */


#ppcBanner {background-color:#a8dee3; }
#ppcBanner .left {float:left; width:100%; margin:20px 0;}
#ppcBanner .left img {width:100%;}
#ppcBanner .left h1 {color:#0a8587; font-size:40px; font-weight:800; margin-bottom:10px;}
#ppcBanner .left h2 {color:#f2521c; font-size:24px; font-weight:500; margin-bottom:20px;}
#ppcBanner .left h3 {font-size:16px; font-weight:500;}
#ppcBanner .right {float:right; width:100%; margin:0 0 20px 0;}
#ppcBanner.ppcCards {background-size:100%; padding-top:40%;}

.cycle-slideshow {float:left; width:100%; margin:30px 0;}
.cycle-carousel-wrap {float:left; width:100%;}
.stationSlide {width:50%; background-size:contain; height:60px; background-position:center center;}

.copy.ppc ul {margin-left:0px; margin-bottom:40px; margin-top:20px; float:left; width:100%;}
.copy.ppc ul>li {background-image:url(/wp-content/uploads/2024/05/tick.png); list-style-type:none; background-size:15px; background-position:top 3px left; font-size:16px; padding-left:25px; margin-bottom:20px; min-height:20px;}
.copy.ppc ul>li strong {font-size:19px;}
.copy.ppc h3 {color:#0d9ea3; font-weight:600; font-size:28px;}
.copy.ppc h3 strong {font-weight:800;}
.copy.ppc h4 {font-size:20px; margin-bottom:10px;}

.ppcLinks {float:left; width:100%; border-radius:10px; background-color:#dcf2f4; padding:15px;}
.ppcLinks h3 {color:#ea633d; font-size:28px; font-weight:800; margin-bottom:10px;}
.ppcLinks h4 {color:#0a8587; font-size:28px; font-weight:500; margin-bottom:10px;}
.ppcLinks p {color:#36b2b0; font-size:20px; font-weight:500; margin-bottom:10px;}

.ppcLinks2 {float:left; width:100%; padding:15px; margin-bottom:40px;}
.ppcLinks2 h4 {color:#0a8587; font-size:28px; font-weight:500; margin-bottom:10px;}

#ppcCard .margin {background-image:url("assets/ppc-advice-man.png"); background-position:bottom center;}
.ppcAdvice {float:left; width:100%; padding:40px 0 220px 0; }
.ppcAdvice p {color:#36b2b0; font-weight:500; font-size:20px;}
.ppcAdvice p span {font-size:27px; color:#36b2b0; font-weight:500;}
.ppcAdvice p strong {color:#0a8587; font-weight:800; font-size:30px;}

.ppcForm {float:left; width:100%; background-color:#36b2b0; padding:15px; border-radius:10px; margin:0px;}
.ppcForm h3 {margin:0 0 10px 0; color:#fff; font-size:24px; font-weight:800;}
.ppcForm h4 {margin:0 0 10px 0; color:#135a5d; font-size:20px; font-weight:800;}
.ppcForm h5 {margin:0 0 10px 0; color:#fff; font-size:20px; font-weight:800;}
.ppcForm h5 a {color:#fff; font-weight:300;}
.ppcForm h5 span {color:#fff; font-weight:800; font-size:16px;}
.ppcForm p {margin:0 0 10px 0; color:#135a5d; font-size:20px; font-weight:500;}

#wpforms-859-field_8-container {padding:0 0 15px 0;}
#wpforms-859.wpforms-container-full:not(:empty) {margin:24px 0 0 0;}
#wpforms-859 .wpforms-field-label {color:#fff; font-size:15px; font-weight:500; margin-bottom:8px;}
#wpforms-859 .wpforms-field-label-inline {color:#fff; font-size:15px; font-weight:500; margin-bottom:8px;}
#wpforms-859 legend {color:#fff; font-size:15px; font-weight:500; margin-bottom:8px;}
#wpforms-859 input[type=text] {border:0px; border:0px;  font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
#wpforms-859 input[type=email] {border:0px; border:0px;  font-family: "Montserrat", sans-serif; color:#706f6f; font-size:14px; font-weight:500;}
#wpforms-859.wpforms-container .wpforms-field {padding:0 0 15px 0;}
#wpforms-859 button {background-color:#eb643e; color:#fff; width:100%; font-weight:700; padding-right:40px; font-size:18px; border-radius:10px; display:inline-block;  font-family: "Montserrat", sans-serif; background-image:url(/wp-content/themes/solutionists/assets/button-arrow.png); background-position:right 12px center; background-repeat:no-repeat; text-align:left;}
#wpforms-859 button:hover {filter:brightness(1.1);}
.ppcForm .wpforms-container .wpforms-required-label {color:#fff;}

.ppcForm2 {float:left; width:100%; background-color:#dcf2f4; padding:15px; border-radius:10px; margin:0 0 20px 0;}
.ppcForm2 h3 {margin:0 0 5px 0; color:#ea633d; font-size:24px; font-weight:800;}
.ppcForm2 h4 {margin:0 0 5px 0; color:#0a8587; font-size:20px; font-weight:500;}
.ppcForm2 h5 {margin:0 0 5px 0; color:#ea633d; font-size:20px; font-weight:700;}
.ppcForm2 p {margin:0 0 5px 0; color:#36b2b0; font-size:20px; font-weight:500;}
.ppcForm2 #wpforms-859 legend {color:#0a8587;}
.ppcForm2 #wpforms-859 .wpforms-field-label {color:#0a8587;}
.ppcForm2 #wpforms-859 .wpforms-field-label-inline {color:#0a8587;}


#locationSpacer {float:left; width:100%; margin:60px 0;}
#questionSpacer {float:left; width:100%;}
.ppcQuestion>p {color:#0a8587; font-size:24px; margin-bottom:20px;}

@media only screen and (min-width: 768px) {
	
#ppcBanner.ppcCards {background-size:0 0; padding-top:0;}
	#ppcCard .margin { background-position:bottom left 80%;}
	#ppcBanner .left {width:47.5%; margin:40px 0;}
	#ppcBanner .right {width:47.5%; margin:40px 0;}
	#ppcBanner .left h1 {font-size:45px;}
	#ppcBanner .left h2 {font-size:40px;}
	#ppcBanner .left h3 {font-size:26px;}
	.cycle-slideshow {margin:60px 0;}
	.stationSlide {width:25%;}
	#ppcCard .copy h2 {margin-bottom:40px;}
	#ppcCard .copy h3 {font-size:45px;}
	#ppcCard .wide {width:100%;}
	.ppcSaving p {font-size:22px;}
	.ppcSaving p span {font-size:28px;}
	#ppcCard .left {width:47.5%;}
	#ppcCard .right {float:right; width:40%;}
	.ppcLinks h3 {font-size:43px; margin-bottom:5px;}
	.ppcLinks h4 {font-size:33px; margin-bottom:20px;}
	.ppcLinks p {font-size:27px; margin-bottom:10px;}
	.ppcSolutions {float:left; width:47.5%; clear:both; }
	.ppcForm {padding:20px;}
	.ppcForm h3 {font-size:30px;}
	.ppcForm h4 {font-size:22px;}
	.ppcForm h5 {font-size:22px;}
	.ppcForm h5 span {font-size:18px;}
	.ppcForm p {font-size:20px;}
	.ppcForm2 {padding:20px;}
	.ppcForm2 h3 {font-size:30px;}
	.ppcForm2 h4 {font-size:22px;}
	.ppcForm2 h5 {font-size:22px;}
	.ppcForm2 h5 span {font-size:18px;}
	.ppcForm2 p {font-size:20px;}
	#wpforms-859 button { font-size:20px;}
	.ppcAdvice {float:right; width:40%; padding:20px 0 220px 0;}
	.ppcAdvice p {font-size:25px;}
	.ppcAdvice p span {font-size:30px;}
	.ppcAdvice p strong {font-size:30px;}
	.ppcQuestion>p {font-size:30px; margin-bottom:30px;}
}

@media only screen and (min-width: 1024px) {
	#ppcBanner.ppcCards {background-size:800px auto; background-position:left -200px top;}
	#ppcBanner.ppcCards .left {margin-top:350px;}
	#ppcBanner .left {width:50%; margin:40px 0;}
	#ppcBanner .right {width:40%; margin:40px 0;}
	.ppcSaving {padding:10px 15px 10px 80px;  background-position:20px 22px; background-size:45px;}
	.ppcSaving p {font-size:25px; line-height:1.3em;}
	.ppcSaving p span {font-size:32px;}
	#ppcBanner .left h2 {margin-bottom:20px;}
	.stationSlide {width:20%;}
	.copy.ppc ul>li {background-size:20px; padding-left:30px; }
	.ppcLinks {padding:30px;}
	.ppcLinks h3 {font-size:45px;}
	.ppcLinks h4 {font-size:40px;}

	.ppcForm {padding:25px;}
	.ppcForm h3 {font-size:40px; margin-bottom:15px;}
	.ppcForm h4 {font-size:32px;}
	.ppcForm h5 {font-size:28px;}
	.ppcForm h5 span {font-size:24px;}
	.ppcForm p {font-size:22px; margin-bottom:15px;}
	.ppcForm2 {padding:25px;}
	.ppcForm2 h3 {font-size:40px;}
	.ppcForm2 h4 {font-size:32px;}
	.ppcForm2 h5 {font-size:28px;}
	.ppcForm2 h5 span {font-size:24px;}
	.ppcForm2 p {font-size:22px; margin-bottom:15px;}
	#wpforms-859 input[type=text] {font-size:22px;}
	#wpforms-859 input[type=email] {font-size:22px;}
	#wpforms-859 button {height:auto; padding:15px 0 15px 15px;}
	
    .copy.ppc ul>li {font-size:20px; padding-left:40px;}
	.copy.ppc h4 {font-size:30px; margin-bottom:10px;}
	.copy.ppc ul>li strong {font-size:25px;}
	
	#locationSpacer {float:left; width:100%; margin:120px 0;}
}


@media only screen and (min-width: 1280px) {
	#ppcCard .left {width:55%;}
	#ppcCard .right {width:40%;}
	.stationSlide {width:16.6666%;}
	.ppcSolutions {width:65%; margin-top:60px;}
	.ppcAdvice {width:30%; margin-top:60px; padding:20px 0 220px 0;}
	#ppcCard .margin {background-position:bottom right 10%;}
}

@media only screen and (min-width: 1600px) {
	#ppcBanner.ppcCards {background-position:left 10% top;}
}






a.ppcQuote {float:left; width:100%; border-radius:10px; background-color:#ea633d; padding:70px 50px 15px 15px; color:#fff; margin-top:20px; font-size:18px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-quote.png"); background-position:15px 15px;}
a.ppcQuote:hover {filter:brightness(1.1);}
a.ppcQuote:after {display:block; content:''; background-image:url("assets/ppc-button-orange.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:20px; position:absolute;}

a.ppcQuote2 {float:left; width:100%; border-radius:10px; background-color:#ea633d; padding:20px 50px 20px 60px; color:#fff; margin-top:20px; font-size:18px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-quote.png"); background-position:15px center; margin-bottom:20px;}
a.ppcQuote2:hover {filter:brightness(1.1);}
a.ppcQuote2:after {display:block; content:''; background-image:url("assets/ppc-button-orange.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:15px; position:absolute;}

a.ppcQuote3 {float:left; width:100%; border-radius:10px; background-color:#ea633d; padding:10px 50px 10px 60px; color:#fff; margin-top:20px; font-size:18px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-quote.png"); background-position:15px center; margin-bottom:20px; max-width:360px;}
a.ppcQuote3:hover {filter:brightness(1.1);}
a.ppcQuote3:after {display:block; content:''; background-image:url("assets/ppc-button-orange.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:10px; position:absolute;}

a.ppcQuote4 {float:left; width:100%; border-radius:10px; background-color:#ea633d; padding:10px 50px 10px 60px; color:#fff; margin-top:20px; font-size:15px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-quote.png"); background-position:15px center; margin-bottom:20px; max-width:360px;}
a.ppcQuote4:hover {filter:brightness(1.1);}
a.ppcQuote4:after {display:block; content:''; background-image:url("assets/ppc-button-orange.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:10px; position:absolute;}

a.ppcCalculator {float:left; width:100%; border-radius:10px; background-color:#f5a700; padding:70px 50px 15px 15px; color:#fff; margin-top:20px; font-size:18px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-calculator.png");  background-position:15px center; margin-bottom:20px;}
a.ppcCalculator:hover {filter:brightness(1.1);}
a.ppcCalculator:after {display:block; content:''; background-image:url("assets/ppc-button-orange-dark.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:20px; position:absolute;}

a.ppcCalculator2 {float:left; width:100%; border-radius:10px; background-color:#f5a700; padding:20px 50px 20px 60px; color:#fff; margin-top:20px; font-size:18px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-calculator.png"); background-position:15px 15px;}
a.ppcCalculator2:hover {filter:brightness(1.1);}
a.ppcCalculator2:after {display:block; content:''; background-image:url("assets/ppc-button-orange-dark.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:20px; position:absolute;}

a.ppcEVLink {float:left; width:100%; border-radius:10px; background-color:#ea633d; padding:80px 50px 15px 15px; color:#fff; margin-top:20px; font-size:18px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-ev.png"); background-position:15px 15px;}
a.ppcEVLink:hover {filter:brightness(1.1);}
a.ppcEVLink:after {display:block; content:''; background-image:url("assets/ppc-button-orange.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:20px; position:absolute;}

a.ppcHVOLink {float:left; width:100%; border-radius:10px; background-color:#ea633d; padding:80px 50px 15px 15px; color:#fff; margin-top:20px; font-size:18px; font-weight:500; position:relative;
background-image:url("assets/ppc-icon-hvo.png"); background-position:15px 15px;}
a.ppcHVOLink:hover {filter:brightness(1.1);}
a.ppcHVOLink:after {display:block; content:''; background-image:url("assets/ppc-button-orange.png"); background-size:contain; width:30px; height:30px; right:15px; bottom:20px; position:absolute;}


@media only screen and (min-width: 768px) {
	a.ppcQuote {font-size:22px; padding:70px 60px 15px 15px;}
	a.ppcQuote:after {width:40px; height:40px;}
	a.ppcQuote2 {font-size:22px; padding:15px 60px 15px 60px; }
	a.ppcQuote2:after {width:40px; height:40px;}
	a.ppcQuote3 {font-size:22px; padding:15px 60px 15px 60px; margin-bottom:40px;}
	a.ppcQuote3:after {width:40px; height:40px;}
	a.ppcQuote4 {float:right; font-size:18px; padding:15px 60px 15px 60px; margin-bottom:40px;}
	a.ppcQuote4:after {width:40px; height:40px;}
	a.ppcCalculator {font-size:22px; padding:70px 60px 15px 15px;}
	a.ppcCalculator:after {width:40px; height:40px;}
	a.ppcCalculator2 {font-size:22px; padding:15px 60px 15px 60px; }
	a.ppcCalculator2:after {width:40px; height:40px;}
	a.ppcEVLink {font-size:22px;}
	a.ppcEVLink:after {width:40px; height:40px;}
	a.ppcHVOLink {font-size:22px;}
	a.ppcHVOLink:after {width:40px; height:40px;}
}

@media only screen and (min-width: 1024px) {
	a.ppcQuote {font-size:25px; padding:80px 40% 20px 20px; background-position:20px 20px;}
	a.ppcQuote:after {right:20px; bottom:25px;}
	a.ppcQuote2 {font-size:25px; padding:20px 100px 20px 80px; background-position:20px center;}
	a.ppcQuote2:after {right:20px; bottom:15px;}
	a.ppcQuote3 {width:70%; margin-right:30%;  font-size:25px; padding:20px 100px 20px 80px; background-position:20px center;}
	a.ppcQuote3:after {right:20px; bottom:15px;}
	a.ppcQuote4 {font-size:20px; padding:20px 70px 20px 70px; background-position:20px center;}
	a.ppcQuote4:after {right:20px; bottom:15px;}
	a.ppcCalculator {font-size:25px; padding:80px 40% 20px 20px; background-position:20px 20px;}
	a.ppcCalculator:after {right:20px; bottom:25px;}
	a.ppcCalculator2 {font-size:25px; padding:20px 100px 20px 80px; background-position:20px center;}
	a.ppcCalculator2:after {right:20px; bottom:15px;}
	a.ppcEVLink {font-size:25px; padding:90px 20px 20px 20px; background-position:20px 20px;}
	a.ppcEVLink:after {right:20px; bottom:25px;}
	a.ppcHVOLink {font-size:25px; padding:90px 20px 20px 20px; background-position:20px 20px;}
	a.ppcHVOLink:after {right:20px; bottom:25px;}
}

@media only screen and (min-width: 1280px) {
	a.ppcEVLink {width:47.5%; float:left;}
	a.ppcHVOLink {width:47.5%; float:right;}
}














.table {width:100%; float:left; margin-bottom:60px; }
.table .tableHeader {float:left; width:100%; display:none; border-bottom:4px solid #b8b7b7; padding-bottom:20px;}
.table .tableHeader h4 {color:#36b2b0; font-weight:800; font-size:20px;}
.table .tableRow {float:left; width:100%; padding:20px 0; border-bottom:2px solid #b8b7b7; display:flex; flex-wrap:wrap; }
.table .tableNetwork {float:left; width:100%; display:none; align-content: center;}
.table .tableCard {float:left; width:100%;  align-content: center;}
.table .tableCoverage {float:left; width:100%;}
.table .tableCard p {margin-bottom:20px; font-size:18px; font-weight:800;}
.table .tableCoverage ul li {margin-bottom:5px; font-size:18px;}


@media only screen and (min-width: 768px) {
.table .tableCard {width:50%;}
.table .tableCoverage {width:50%;}
.table .tableHeader {display:block;}
.table .tableHeader h4 {font-size:25px;}
.table .tableCard p {font-size:20px;}
.table .tableCoverage ul li {font-size:20px;}
	.table {margin-top:60px;}
}


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


@media only screen and (min-width: 1280px) {
.table .tableNetwork {width:20%; display:block;}
.table .tableCard {width:30%;}
.table .tableCoverage {} 
}





/*#Sticky Nav#*/
#container>#sticky {display:none; position:fixed; background-color:#36b2b0; width:100%; height:50px; z-index:1000;}
#container>#sticky a.logo {display:none;}
#container>#sticky .content>p {color:#fff; display:none; font-weight:500;}
#container>#sticky a.phone {font-size:14px; font-weight:500; color:#fff; float:left;  background-size:15px auto; line-height: 50px;}
#container>#sticky span {cursor:pointer; position:relative; font-size:14px; font-weight:700; color:#fff;  background-size:20px auto; float:right; padding:0 18px 0 0; line-height: 50px; }
#container>#sticky span::after {position:absolute; right:0px; top:21px; display:block; content:''; background-image:url(/wp-content/themes/solutionists/assets/callback-arrow.png); background-size:cover; width:11px; height:8px;}
#container>#sticky span.active::after {transform:rotate(180deg);}

@media only screen and (min-width: 480px) {
#container>#sticky a.phone { background-image:url(/wp-content/themes/solutionists/assets/phone-icon-sticky.png); background-position:left 17px; padding-left: 20px;}
#container>#sticky span {background-image:url(/wp-content/themes/solutionists/assets/callback-icon-sticky.png); background-position:left 15px; padding:0 16px 0 25px;}
  
 }

@media only screen and (min-width: 650px) {
#container>#sticky {height:70px;}
#container>#sticky a.phone {float:right; font-size:15px;  margin:0 30px 0 0; padding-left: 30px; line-height: 70px;   background-size:24px auto; background-position:left 24px; }
#container>#sticky span {font-size:15px; padding:0 20px 0 35px; line-height: 70px;   background-size:24px auto; background-position:left 24px; margin-right:25px;}
#container>#sticky span::after {top:32px;}
}

@media only screen and (min-width: 768px) {
#container>#sticky a.logo {display:block; float:left;width:180px; height:22px; margin-top:22px; background-image:url(/wp-content/themes/solutionists/assets/solutionists-logo-sticky.png); background-size:contain;}
#container>#sticky span {margin-right:100px;}
#container>#sticky a.phone {margin-right:30px;}
}

@media only screen and (min-width: 1024px) {
	}
	
@media only screen and (min-width: 1280px) {
#container>#sticky .content>p {display:block; float:right; margin:25px 40px 0 0px;}
}

#callbackForm {display:none; background-color:#36b2b0; padding:0px 15px 15px 15px; width:280px; position:fixed; top:50px; right:0px; font-family: "Montserrat", sans-serif;}
#callbackForm div.wpforms-container-full {margin:0px; }
#callbackForm div.wpforms-container .wpforms-field {padding:5px 0px;}
#callbackForm div.wpforms-container .wpforms-field input {border:0px; border-radius:0px; color:#706f6f; font-size:14px;}
#callbackForm p {color:#fff; font-size:10px; margin-bottom:5px; float:left; width:100%;}
#callbackForm p:first-of-type {font-size:13px;}
#callbackForm button[type=submit] {background-color:#eb643e; border-radius:10px; font-size:14px;}

@media only screen and (min-width: 650px) {
#callbackForm {top:70px; width:320px; position:absolute; }
#callbackForm p {font-size:12px; margin:0 0 10px 0;}
#callbackForm p:first-of-type {font-size:15px;}
  }