/* Global Reset  outline:solid 1px #000; */
* {margin:0; padding:0; font-size:100%;}
ul {margin:0; list-style:none;}
form {margin: 0;}
a {color:#b7387b; text-decoration:none;}
.clear {clear:both; height:0px;}
h2 {font-size:60px; line-height:60px; font-weight:300; margin-bottom:50px;}
h3 {font-size:40px; line-height:40px; font-weight:300; margin-bottom:20px;}
h4 {font-size:30px; line-height:32px; font-weight:300; margin-bottom:20px;}
p {margin-bottom:15px;}
a img {border:0;}
#telephone a {color:#fff;}


/* Main layout */
html, body {font-family:'Open Sans', sans-serif; color:#393939; font-size:15px; line-height:22px; font-weight:300; height:100%;}
#wrapper {margin:0 auto;}
#header {background:#232222; padding-top:25px; text-align:center;}
.content {margin:0 auto; max-width:1000px;}
.whitebg {background-color:#fff; padding:30px 0;}
#logo {padding-bottom:35px;}
#intro {background:#fff; padding:65px 0;}
.left {float:left; width:49%;}
.right {float:right; width:49%;}
#clients-left {float:left; width:50%;}
#clients-right {float:right; width:50%;}
#clients-left img, #clients-right img {width:100%; height:auto;}
#content-left {float:left; width:65%; margin-right:3%;}
#content-right {float:left; width:32%;}
#content-right img {width:100%; height:auto;}
#content-title {height:235px;}
#boxes {background:#f0f2f4; padding:50px 0 25px 0;}
.box {float:left; width:32%; margin:0 2% 2% 0; text-align:center; height:300px; display:table;}
.box h1 {display:block; text-align:center; display: table-cell; vertical-align: middle;}
.box h1 a {display:block; margin:0 20px; font-size:38px; line-height:50px; color:#fff; font-weight:300; display: table-cell; vertical-align: middle;}
#box1 {background:#b7387b;}
#box2 {background:#009a3e;}
#box3 {background:#c3b54f;}
#box4 {background:#ce3539;}
#box5 {background:#1b7984;}
#box6 {background:#4ac2e2;}
.last {margin-right:0;}
.whitebg ul {list-style-type:none; margin:0; list-style:none; padding-left:0;}
.whitebg li {background:url('/images/design/bullet.gif') no-repeat 0 8px; padding:0 0 2px 18px;}
.whitebg ul li a {text-decoration:none; color:#666666;}
.whitebg ul li a:hover {text-decoration:none; color:#c7c5c5;}
#telephone {padding:20px 0; text-align:center; width:100%; background:#232222; color:#fff; font-size:20px; vertical-align:middle;}
#quote {padding:65px 0 50px 0; width:100%; background:#b7387b; color:#fff; font-size:15px; margin-top:25px; text-align:center; vertical-align:middle;}
#quote-wrapper {padding:0 20px;}
#quote strong {font-weight:bold;}
#locations {color:#b7387b; font-size:20px; line-height:22px;}
.sidebar-image {padding-bottom:25px;}
.getintouch #telephone {margin-top:25px;}
.greybox {background:#ebebeb; padding:20px; margin-bottom:20px;}


/* Navigation */
#navigation {text-align:center; max-width:1000px; padding-bottom:15px;}
#navigation ul {list-style:none; list-style-type:none; padding:0; margin:0 auto;}
#navigation li {display:inline; text-align:center; margin:0;}
#navigation a {font-size:13px; font-weight:bold; color:#fffeff; text-decoration:none; outline:none; padding:0 10px;}
#navigation a:hover {text-decoration:none; color:#b7387b;}
#subnav {background:#b7387b; padding:12px 0; text-align:center;}
#subnav ul {list-style:none; list-style-type:none; padding:0; margin:0 auto;}
#subnav li {display:inline; text-align:center; margin:0;}
#subnav a {font-size:12px; font-weight:400; color:#fffeff; text-decoration:none; outline:none; padding:0 8px;}
#subnav a:hover {text-decoration:none; color:#c0c0c0;}
.services #services a {color:#b7387b;}
.compliance #compliance a {color:#b7387b;}
.nationalcoverage #national-coverage a {color:#b7387b;}
.whychoose #whychoose a {color:#b7387b;}
.clients #clients a {color:#b7387b;}
.attention #attention a {color:#b7387b;}
.news #news a {color:#b7387b;}
.getintouch #getintouch a {color:#b7387b;}
.mobile-nav {display:none;}


/* Testimonials */
#testimonials {text-align:center; height:500px; width: 100% !important; position: relative; text-align: center; background:url('/images/design/testimonials.jpg') 50% 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#testimonials .title a {display:block; font-size:65px; padding:80px 0 55px 0; color:#393939;}
#testimonials .testimonial a {display:block; max-width:800px; margin:0 auto; font-size:30px; line-height:35px; font-style:italic; padding-bottom:25px; color:#393939;}
#testimonials .client a {display:block; font-size:18px; font-weight:bold; padding-bottom:50px; color:#393939;}


/* Clients  */
#clientlogos {background:#fff; text-align:center; padding:70px 0;}
#clouds {height:500px; width: 100% !important; position: relative; text-align: center; background:url('/images/design/cms-bg-2.jpg') 50% 0 no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
.quote {background:url('/images/design/quote.gif') no-repeat; width:100%; min-height:196px;}
.quote-text {text-indent:55px; padding:20px 0 0 10px; line-height:25px; font-style:italic;}
.quote-name {color:#af4283; text-align:right; padding-top:20px; font-weight:bold;}


/* News */
#newsfeed {background:#fff; padding:70px 0;}
#news-left {float:left; width:31%; padding:10px 2% 0 0;}
#news-right {float:left; width:66%;}
#news-left img {width:100%; height:auto;}
h3.news-title {font-size:15px;}
.news-date {font-size:15px; font-weight:bold; padding-bottom:20px;}
.news-summary {padding-bottom:30px;}
.news-more {color:#b7387b;}
.news-divider {height:1px; background:#343333; width:100%; margin:30px 0;}
.content-summary {padding-bottom:0px;}
#content-paging {padding-top:20px;}
.content-title, .content-title a {font-size:20px; margin-bottom:10px; display:block; color:#b7387b;}
.content-date {font-size:13px; font-weight:bold; margin-bottom:10px;}


/* CMS Pages */
#title-bg-1 {height:237px; width:100% !important; background:url('/images/title-images/title-extract-system-cleaning.jpg') no-repeat center; position:relative;}
#title-bg-2 {height:237px; width:100% !important; background:url('/images/title-images/title-extract-system-testing.jpg') no-repeat center; position:relative;}
#title-bg-3 {height:237px; width:100% !important; background:url('/images/title-images/title-fresh-air.jpg') no-repeat center; position:relative;}
#title-bg-4 {height:237px; width:100% !important; background:url('/images/title-images/title-kitchen-cleaning.jpg') no-repeat center; position:relative;}
#title-bg-5 {height:237px; width:100% !important; background:url('/images/title-images/title-national-coverage.jpg') no-repeat center; position:relative;}
#title-bg-6 {height:237px; width:100% !important; background:url('/images/title-images/title-oven-band.jpg') no-repeat center; position:relative;}
#title-bg-7 {height:237px; width:100% !important; background:url('/images/title-images/title-warehouse-cleaning.jpg') no-repeat center; position:relative;}
#title-bg-8 {height:237px; width:100% !important; background:url('/images/title-images/title-why-carbnoff.jpg') no-repeat center; position:relative;}
#title-bg-9 {height:237px; width:100% !important; background:url('/images/title-images/title-latest-news.jpg') no-repeat center; position:relative;}
h1.title {font-size:60px; line-height:65px; font-weight:300; color:#fff; width:100%; text-align:center; position:absolute; top:50%; margin-top:-50px;}
#cms-bg-1 {height:500px; width: 100% !important; position: relative; text-align: center; background:url('/images/design/cms-bg-1.jpg') 50% 0 no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#cms-bg-2 {height:500px; width: 100% !important; position: relative; text-align: center; background:url('/images/design/cms-bg-2.jpg') 50% 0 no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#cms-bg-3 {height:500px; width: 100% !important; position: relative; text-align: center; background:url('/images/design/cms-bg-3.jpg') 50% 0 no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }
#cms-bg-4 {height:500px; width: 100% !important; position: relative; text-align: center; background:url('/images/design/cms-bg-4.jpg') 50% 0 no-repeat fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }


/* Footer */
#footer-top {background:#141414; padding:50px 0 70px 0; color:#aeadad; font-size:13px;}
#footer-top a, #footer-bottom a {color:#aeadad;}
#footer-top .column1 {float:left; width:23%; margin-right:2%;}
#footer-top .column2 {float:left; width:23%; margin-right:2%;}
#footer-top .column3 {float:left; width:50%;}
#footer-top .column3 img {width:100%; height:auto; max-width:258px !important;}
.footer-title {font-size:16px; font-weight:bold; color:#ffffff; padding-bottom:15px;}
#footer-top ul {list-style-type:none; margin:0; list-style:none; padding-left:0;}
#footer-top li {border-bottom:solid 1px #343333; padding:10px 0;}
#footer-top li.last {border-bottom:none;}
#footer-bottom {background:#232222; padding:30px 0 80px 0; color:#aeadad; font-size:12px;} 
#footer-bottom .column1 {float:left; width:48%; margin-right:2%;}
#footer-bottom .column2 {float:left; width:33%; margin-right:2%;}
#footer-bottom .column3 {float:left; width:15%; text-align:right;}


/* parallax */
.background {background-repeat:no-repeat; background-position:50% 50%; background-position:50% 50%9 !important;}
.fullscreen, .content-a {width:100%; min-height:100%;}
.not-fullscreen, .not-fullscreen .content-a, .fullscreen.not-overflow, .fullscreen.not-overflow .content-a {height:100%; overflow:hidden;}


/* Forms */
#quick-contact {padding:50px 0 100px 0; background:#f0f2f4;}
.getintouch #quick-contact {display:none;} 
.contactfield {padding:15px; border:solid 1px #fff; margin-bottom:20px; color:#393939; font-size:15px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
input, textarea {font-family:'Open Sans', sans-serif; color:#393939; font-size:15px; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
.field {padding:15px; border:solid 1px #c1c1c1; margin-bottom:20px; color:#393939; font-size:15px; width:100%;}
.formlabel {font-weight:bold; padding:15px 10px 5px 0;}
.formfield input, .formfield textarea {padding:15px; border:solid 1px #c0c0c0; margin-bottom:20px; color:#393939; font-size:15px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
.formfield select {padding:15px; border:solid 1px #c0c0c0; margin-bottom:20px; color:#393939; font-size:15px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing: border-box;}
.formfield input[type=checkbox] {padding:0; border:none; margin-bottom:10px; color:#393939; font-size:15px; width:20px;}


/* Map */
#map {background:#f0f2f4; width:100%; margin:0; padding:0;}


/* Admin control bar */
#controlbar {position:fixed; height:15px; line-height:15px; top:0; left:25px; z-index:10; color:#411a50; padding:5px 12px 5px 12px; background:#e0e0e0; font-size:11px; border:solid 1px #fff; border-top:0;}
#controlbar a {color:#411a50; text-decoration:none;}
#controlbar a:hover {text-decoration:underline;}


/* Buttons */  
.btn-purple {font-size:14px; color:#ffffff; font-weight:bold; padding:20px 50px; text-decoration:none; background:#b7387b; margin-right:10px; display:inline-block; outline:none; cursor:pointer; text-align:center;}
.btn-green {width:100%; margin-top:25px; font-size:20px; color:#ffffff; padding:20px 0; text-decoration:none; background:#009a3e; display:inline-block; outline:none; cursor:pointer; text-align:center; vertical-align:middle;}
.btn-purple:hover, .btn-green:hover {color:#c0c0c0;}


/* Homepage gallery */
#gallery {height:388px; overflow:hidden; position:relative;}
.headerimg {background-position: center top; background-repeat: no-repeat; width:100%; height:388px; position:absolute;}
#headertxt {width:100%; margin:0 auto; clear:both; position:relative; top:110px;}
#firstline {color:#fff; font-size:60px; line-height:64px; text-align:center; display:block;}
.pictured {width:150px; margin:0 auto; background-color:#b7387b; color:#fff; font-size:14px; font-weight:bold; padding:20px 0; text-align:center; clear:both; margin-top:25px; }
.pictured a {font-size:14px; font-weight:bold; text-decoration:none; color:#fff; display:block;}
.pictured a:hover {color:#c0c0c0;}


/* Compliance Checker */
#compliance-checker {background:#ebebeb; padding:20px; margin-top:20px;}
.compliant-result {color:#b7387b; padding-bottom:20px; font-size:30px; line-height:32px;}
.compliance-dropdown {width:100%; padding:10px; border:solid 1px #c1c1c1; margin:5px 0 20px 0; color:#393939; font-size:15px; }


/* Image Fader */
#client-logos {width:100%; height:110px; padding-top:20px; position:relative;}
.fader {position: relative; width:100%; height:110px;}
.fader img {width:100%; height:auto; }


/* CMS */
.jcrop-holder{direction:ltr;text-align:left;}
.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
.jcrop-vline{height:100%;width:1px!important;}
.jcrop-vline.right{right:0;}
.jcrop-hline{height:1px!important;width:100%;}
.jcrop-hline.bottom{bottom:0;}
.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
.jcrop-dragbar.ord-n{margin-top:-4px;}
.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
.jcrop-dragbar.ord-w{margin-left:-4px;}
.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
.jcrop-holder img,img.jcrop-preview {max-width:none;}
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline {font-size: 0px; position: absolute; background: white url('Jcrop.gif') top left repeat;}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333;}
.jcrop-tracker { width: 100%; height: 100%; }
.custom .jcrop-vline, .custom .jcrop-hline {background: yellow;}
.custom .jcrop-handle {border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.reportlabel {float:left; width:240px; padding-top:5px; color:#b43f83;}
.reportlabelshort {float:left; width:100px; padding-top:5px; color:#b43f83;}
.reportfield {float:left; width:425px; padding-bottom:10px;}
.reportbutton {text-align:right;}
.addbutton {padding-top:0px;}
#popup {background:#fff; padding:20px;}
.item:hover {cursor:n-resize;}
#report-title {float:left; width:300px;}
#report-button {float:right; width:92px;}
.item-image {border:solid 2px #F0F1F1; margin-top:5px;}

.quote {background:url('/images/design/quote.gif') no-repeat; width:660px; min-height:196px; padding-bottom:50px;}
.quote-text {text-indent:55px; padding:20px 0 0 10px; line-height:25px; font-style:italic;}
.quote-name {color:#af4283; text-align:right; padding-top:20px; font-weight:bold;}

.pages #pages a {color:#b7387b;}
.reports #reports a {color:#b7387b;}
.news #news a {color:#b7387b;}
.quotes #quotes a {color:#b7387b;}

.admin {font-size:14px;}
.admin .field {margin:0; padding:0;}
.admin input,  .admin textarea,  .admin select {border:solid 1px #bdbdbd; font-family:Arial, Helvetica, sans-serif; color:#7d7d7d; padding:4px;}
.admin input[type="checkbox"] {border:0; padding-left:0;}
.admin input[type="radio"] {border:0; padding-left:0;}
.admin #view-larger {text-align:right; padding-top:5px;}
.admin #view-larger a {color:#00a950; text-decoration:none;}
.admin #view-larger a:hover {text-decoration:underline;}
.admin div.label {float:left; width:140px; padding-bottom:5px; color:#b43f83;}
.admin div.field {float:left; width:425px; padding-bottom:10px; border:none;}
.admin .button {text-align:right;}
.admin .datagrid td, .admin .datagrid th {padding-left:5px;}


/* Tablets */
@media (max-width: 999px) 
{   
    /* Navigation */
    #navigation {display: none;}
    .mobile-nav {display:block; position:relative; top:-80px; right:-20px;}
    .menu-btn {position:absolute; display:inline-block; right:20px; top:0; cursor:pointer;}
    .menu-btn span {display:block; width:30px; height:4px; margin:4px 0; background:#fff; border-radius:2px;}
    
    .responsive-menu {display:none; position:absolute; right:0; top:50px; font-size:22px; background:#232222; z-index:100;}
    .responsive-menu ul {background:#232222; position:relative; display:block; width:100%; right:0;}
    .responsive-menu li {background:#f232222; float:none; line-height:55px; width:100%; text-align:center; border-top:#c0c0c0 solid 1px; position:relative; padding:0;}
    .responsive-menu li a {font-size:13px; font-weight:bold; color:#fffeff; display:block; padding:0px 20px;}
    .responsive-menu li a:hover {color:#b7387b;} 
    .responsive-menu li:last-child {border-bottom:none;}
    .expand {display:block!important;}
    #subnav {padding:0;}
    #subnav li {float:left; width:50%; border-bottom:solid 1px #fff; padding:10px 0;}
    #subnav li.noborder {border-bottom:none;}

    /* Homepage gallery */
    #gallery {height:250px; overflow:hidden; position:relative;}
    .headerimg {height:250px;}
    #headertxt {width:600px; top:60px;}
    #firstline {font-size:40px; line-height:50px;}
    
    /* Clients */
    .box h1 a {font-size:30px; line-height:40px;}

    /* Testimonials */
    #testimonials {height:300px;}
    #testimonials .title a {display:block; font-size:40px; padding:30px 0 30px 0; color:#393939;}
    #testimonials .testimonial a {display:block; max-width:600px; margin:0 auto; font-size:16px; line-height:25px; font-style:italic; padding-bottom:25px; color:#393939;}

    /* News */
    #newsfeed {background:#fff; padding:40px 0;}

    /* General Layout */
    .content {margin:0 auto; max-width:979px; padding:0 20px;} 
    #header {text-align:left;}
    h1.title {margin-top:-70px;}
    h2 {font-size:40px; line-height:40px; font-weight:300; margin-bottom:40px;}
    h3 {font-size:32px; line-height:38px; font-weight:300; margin-bottom:20px;}
    #telephone {background-position:8% 22px;}
    #quote {padding:30px 0;}
    .getintouch #content-right br {display:none;}
    .getintouch #content-right #telephone {margin-bottom:20px;}
    #clouds {height:300px;}
    #cms-bg-1, #cms-bg-2, #cms-bg-3, #cms-bg-4 {height:300px;}

}


@media (max-width: 650px) 
{
    /* Homepage gallery */
    #headertxt {width:400px; top:35px;}
    #firstline {font-size:35px; line-height:45px;}

    /* General Layout */
    .left {display:block; width:100%;}
    .right {display:block; width:100%; padding-top:20px;}
    #intro {padding:40px 0;}
    .box {display:block; width:100%; margin:0 0 10px 0; text-align:center; height:auto;}
    .box h1 {display:block; width:100%;}
    .box h1 a {display:block; font-size:25px; line-height:32px; text-align:center; padding:20px;}
    #telephone {background-position:8% 22px;}
    h1.title {font-size:30px; line-height:45px; margin-top:-50px;}
    h2 {font-size:40px; line-height:40px; font-weight:300; margin-bottom:30px;}
    h3 {font-size:32px; line-height:38px; font-weight:300; margin:20px 0;}
    #content-left {display:block; width:100%; margin:0;}
    #content-right {display:block; width:100%;}
    #content-right img {display:none;}
    .clients #content-right img {display:block; max-width:320px;}

    /* Testimonials */
    #testimonials {height:350px;}
    #testimonials .title a {display:block; font-size:25px; padding:30px 0 30px 0; font-weight:bold;}
    #testimonials .testimonial a {font-size:16px; line-height:25px; padding-bottom:25px;}
    #testimonials .client a {font-size:16px; font-weight:bold; padding-bottom:50px;}

    /* Client Logos */
    #clientlogos {padding:50px 0;}

    /* News */
    #newsfeed {background:#fff; padding:50px 0;}
    #news-left {display:none;}
    #news-right {display:block; width:100%;}

    /* Footer */
    #footer-top .column1 {float:left; width:48%; margin-right:2%;}
    #footer-top .column2 {float:left; width:50%; margin-right:0;}
    #footer-top .column3 {display:block; width:100%; padding-top:20px;}
    #footer-bottom .column1 {float:left; width:48%; margin-right:2%;}
    #footer-bottom .column2 {float:left; width:50%; margin-right:0; text-align:right;}
    #footer-bottom .column3 {display:block; width:100%; padding-top:20px;}
    #footer-bottom {background:#232222; padding:30px 0 30px 0; color:#aeadad; font-size:12px;} 
  
    /* Image Fader */
    #fader-wrapper {margin:0px auto; text-align:center;  max-width:320px;}
    .fader {position: relative; height:110px; margin:0px auto;}
    #clouds {height:350px;}
    #cms-bg-1, #cms-bg-2, #cms-bg-3, #cms-bg-4 {height:350px;}

}


/* Mobiles */
@media (max-width: 400px) 
{
    /* Navigation */
    .responsive-menu {top:70px;}
    #subnav li {display:block; width:100%; border-bottom:solid 1px #fff; padding:10px 0;}
    #subnav li.noborder {border-bottom:solid 1px #fff;}
    #subnav li:last-child {border-bottom:none;}
   
    /* Homepage gallery */
    #headertxt {width:300px; top:50px;}
    #firstline {font-size:30px; line-height:40px;}
    .pictured {width:100px; font-size:12px; font-weight:bold; padding:10px 0; text-align:center; clear:both; margin-top:25px;}
    .pictured a {font-size:12px;}

    /* Clients */
    #clients-left {display:block; width:100%;}
    #clients-right {display:block;width:100%; padding-top:20px;}
    
    /* Testimonials */
    #testimonials {height:350px;}
    #testimonials .title a {display:block; font-size:20px; padding:20px 0 15px 0; font-weight:bold;}
    #testimonials .testimonial a {display:block; max-width:600px; margin:0 auto; font-size:14px; line-height:25px; font-style:italic; padding-bottom:15px; color:#393939;}
    #testimonials .client a {font-size:14px; padding-bottom:0px;}
    
    /* Footer */
    #footer-top .column1 {display:block; width:100%; margin:0;}
    #footer-top .column2 {display:block; width:100%; padding-top:20px; margin:0;}
    #footer-top .column3 {display:block; width:100%; padding-top:20px;}
    #footer-bottom .column1 {display:block; width:100%; margin:0;}
    #footer-bottom .column2 {display:block; width:100%; margin:0; padding-top:20px; text-align:left;}
    #footer-bottom .column3 {display:block; width:100%; padding-top:20px;}

    /* General Layout */
    .btn-purple {width:100%; font-size:14px; color:#ffffff; font-weight:bold; padding:20px 0; text-decoration:none; background:#b7387b; margin:0; display:inline-block; outline:none; cursor:pointer; text-align:center; vertical-align:middle;}
    #compliance-text {display:block !important; width:100% !important; margin-right:0 !important;}
    #compliance-stamp {display:none !important;}
}

/* ===== Footer ===== */

.grid {
	max-width: 1450px;
	margin: 0 auto;
	position: relative;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
}

.site-foot-logos {margin:0px auto;}

#site-foot {
	background-color: #141414;;
}

#site-foot .grid {
    padding: 40px 30px 0;
}
#site-foot .grid#footer_bottom {
    padding: 40px 30px 40px;
}

#site-foot .footer-top-left {
	grid-column: 1/13;
	text-align: center;
}
#site-foot .footer-top-right {
	grid-column: 1/13;
} 
#site-foot .footer-top-left img {
	width: 260px;
	height: 57px;
	margin: 0 auto;
	text-align: center;
}

#site-foot .footer-top-left p, .footer-top-right p {
	font-size: 0.8rem;
    line-height: 1.3rem;
	color:#fff;
	text-align: center;
}

#site-foot .footer-top-left p {
	font-size: 1rem;
	line-height: 1.7rem;
}

#site-foot .site-foot-content-bottom img {
	width: auto;
}

.site-foot-logos-container {
	background-color: #4c4c4c;
}

.site-foot-content {
	padding: 45px 40px;
	text-align: center;
}

#footer_bottom .site-foot-content {
	padding-top: 10px;
	padding-bottom: 0px;
}

.site-foot-content p {
	font-size: 0.875rem;
	line-height: 1.7rem;
	color:#fff;
	text-align: center;
}

.site-foot-content .menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
	color: #fff;
	text-align: center;
}

.site-foot-content .menu a, .site-foot-content .menu a:visited {
	font-family: var(--body-font);
	font-size: 1rem;
	line-height: 1.6rem;
	text-decoration: none;
	color: #fff;
	opacity: 1;
}

.site-foot-content .menu a:hover {
	opacity: 0.8;
}

.site-foot-content-bottom {
	background-color: #000000;
}

.site-foot-content-bottom p {
	font-size: 0.75rem;
	line-height: 1rem;
	color: #b0b0b0;
	padding-top: 5px;
}

 .site-foot-content img.footer-logo {
	 margin-bottom: 24px;
	 max-width: 272px;
	 margin: 0 auto 24px;
}


@media screen and (min-width:599px) {
	#site-foot .footer-top-right p {
		padding: 0 100px;
	}
}

@media screen and (min-width:992px) {
	
	#site-foot .grid {
		padding: 40px 50px 0;
	}
	
	#site-foot .grid#footer_bottom {
		padding: 30px 50px 30px 50px;
	}
	#site-foot .footer-top-left p, .footer-top-right p {
		font-size: 0.875rem;
		line-height: 1.7rem;
		text-align: left
	}

	#site-foot .footer-top-left p {
		font-size: 0.875rem;
		line-height: 1.7rem;
	}
	#site-foot .footer-top-right p {
		padding: 0;
	}
	
	#site-foot .footer-top-left {
		grid-column: 1/5;
		text-align: left;
	}
	#site-foot .footer-top-right {
		grid-column: 5/13;
	}
	 #site-foot .footer-top-left img {
        width: 272px;
        height: 60px;
		text-align: left;
	}
	.site-foot-content .menu li {
		padding: 10px 0;
	}
	.site-foot-content .menu a, .site-foot-content .menu a:visited {
		font-size: 0.875rem;
		line-height: 1.375rem;
	}
	.site-foot-content .menu li:not(:last-child) {
		border-bottom: solid 1px #343333;
	}
	.site-foot-content-bottom br {
		display: none;
	}
	
	#footer_bottom .site-foot-content {
		padding-top: 0;
	}


	.site-foot-logos img {
		height: 56px;
		width: auto;
	}
	.site-foot-content {
		padding: 24px 50px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.site-foot-content .menu {
		margin: 0;
	}
	 /*.site-foot-content img.footer-logo {
		margin-right: 100px;
	}*/
	.site-foot-content p, .site-foot-content .menu {
		text-align: left;
	}
	/*.site-foot-logos.site-foot-content {
		display: inline-block;
	}*/
	.site-foot-content-nav {
		padding: 0;
	}
	.foot-nav {
		width: 30%;
		margin-right: 1%;
	}

}

@media screen and (min-width:1200px) {
	#site-foot .footer-top-left {
        grid-column: 1 / 5;
    }
	#site-foot .footer-top-right {
		grid-column: 5/13;
	}
	#site-foot .grid {
		padding: 40px 100px 0;
	}
	#site-foot .grid#footer_bottom {
		padding: 30px 100px 30px 100px
	}
	
	.site-foot-logos-container .site-foot-content {
		margin: 0 auto;
	}
	.site-foot-content-bottom .site-foot-content {
		padding: 30px 100px;
	}
}


@media screen and (min-width:1400px) {
	#site-foot .grid {
		padding: 40px 100px 0;
	}
	#site-foot .footer-top-left {
        grid-column: 1 / 4;
    }
	#site-foot .footer-top-right {
        grid-column: 4 / 13;
    }
}

@media screen and (min-width:1600px) {
	#site-foot .footer-top-right p {
		padding-right: 165px;
	}
	
	.site-foot-logos .site-foot-content, .site-foot-content {
		max-width: 1450px;
	}
	.site-foot-content-bottom .site-foot-content {
		max-width: 1450px;
		margin: 0 auto;
	}
}