@charset "utf-8";

html, body {margin: 0; padding: 0; height:100%; font-size:19.2px;}
body  {text-align: center; font-family:'Open Sans', sans-serif; font-size:0; font-weight:300; line-height:1.2; color:#212121; height:100%;}
a img {border:none;}

/* -------- Text ------------ */
h1 {font-family:"futura-pt-bold", sans-serif; position:relative; font-size:160px; line-height:1; font-weight:700; color:#DADDDE; margin:16px 0;}
h2, h1.h1black {font-family:"futura-pt-bold", sans-serif; position:relative; font-size:48px; line-height:1.2; font-weight:700; color:#4F4F4F; margin:16px 0;}
h3 {font-family:"futura-pt-bold", sans-serif; position:relative; font-size:36px; line-height:1.2; font-weight:700; color:#4F4F4F; margin:16px 0;}
h4 {font-family:"futura-pt-bold", sans-serif; position:relative; font-size:24px; line-height:1.4; font-weight:700; color:#4F4F4F; margin:16px 0;}
h5 {font-family:"futura-pt", sans-serif; position:relative; font-size:24px; line-height:1.4; font-weight:300; color:#4F4F4F; margin:16px 0;}
h6 {font-family:"futura-pt-bold", sans-serif; position:relative; font-size:18px; line-height:1.8; font-weight:700; color:#212121; margin:16px 0;}
p {font-size:16px; line-height:1.8; font-weight:300; color:#212121; margin:16px 0;}

a  {color:#0080BD; text-decoration:none;}
a:hover {text-decoration:underline;}
a.disabled {cursor:default;}
b, strong {font-weight:700;}

hr {border:none; border-bottom:1px solid #122E39; margin:40px 0; clear:both;}
blockquote {padding:16px; border-left:6px solid #80A400; margin:16px 0;}
blockquote.align-right {border-left:none; border-right:6px solid #80A400;}
blockquote * {margin:0;}
table, li {font-size:16px;}

.center, .align-center {text-align:center;}
.right, .align-right {text-align:right;}
.large {font-size:1.25em;}
.large2 {font-size:1.875em; line-height:1;}
.small {font-size:0.5em;}
.blue {color:#0080B1;}
.green {color:#80A400;}

.indent {margin-left:90px;}
.col-2 .outdent {margin-left:-50%;}
.col-1 .overhang, .banner-wrap > div:first-child .overhang {margin-right:-50%;}
.inline {display:inline-block; margin:0 20px 0 0;}

.header-button {position:relative;}
.header-button:after {content:""; display:block; clear:both;}
.header-button h1, .header-button h2 {display:inline-block;}
.header-button h6 {float:right; margin:4% 0 0 20px;}

/* -------- Lists ------------ */
ul {list-style:none; padding:0; margin:0 0 0 90px;}
ul li {position:relative; list-style:none; padding:0 0 0 50px; margin:16px 0; font-size:18px; color:#212121;}
ul li:before {content:""; display:block; width:18px; height:18px; border-radius:9px; background:#0080BD; position:absolute; left:0; top:0; margin:8px 0;}

/* -------- Table Scroll Wrap ------------ */
.table-wrap-inner {font-size:16px; overflow-x:auto;}
table {width:100%; margin:16px 0; border-spacing:0;}
th {padding:16px; background:#ffffff; font-family:"futura-pt-bold", sans-serif; font-size:16px; font-weight:700;}
td {padding:16px; font-family:"futura-pt", sans-serif; font-size:16px; font-weight:300;}
tr:nth-child(even) {background:#E6E9EA;}

/* -------- General Forms ------------ */ 
form {margin:0 auto; font-size:0;}
form .row {max-width:480px; margin:0 auto;}
label {display:block; font-size:18px; font-weight:700; color:#212121; line-height:26px; margin:20px 0 10px 0;}
input[type="submit"] {position:relative; display:inline-block; width:auto; vertical-align:top; background-color:#0080B1;  color:#ffffff; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; line-height:26px; text-align:center; text-decoration:none; padding:17px 40px; margin:16px 0; border-radius:6px; transition:all 0.3s; white-space:normal; border:none; height:auto;}
input[type="submit"]:hover {background-color:#007599; color:#ffffff; text-decoration:none; cursor:pointer;}
input, textarea, select, option {width:100%; font-size:16px; line-height:24px; padding:18px 10px; box-sizing:border-box; border:none; background:#DADDDE;}
select, option {font-family:'IBM Plex Sans', sans-serif; font-size:16px; line-height:26px; font-weight:300;}
select {padding:0 50px 0 10px; height:52px; line-height:50px;  -moz-appearance:none; -webkit-appearance:none; background-position:right center; background-repeat:no-repeat; background-image:url(../images/select.png); background-image:url(../images/select.svg), linear-gradient(transparent, transparent), none; cursor:pointer;}
select::-ms-expand {display:none;}
textarea {resize:vertical;}
input[type="checkbox"], input[type="radio"] {width:auto;}

/* Powermail Forms */
.powermail_form > h3 {display:none;}
.powermail_form > fieldset {padding:0; border:none;}
.powermail_form > fieldset > legend {display:none;}
.mandatory {color:#c00000; margin-left:3px;}
.powermail_fieldwrap {margin:0;}
.parsley-error {border-color:#c00000;}
.parsley-errors-list {font-size:14px;}

.radio, .checkbox {display:inline-block; vertical-align:top;}
.radio label, .checkbox label {display:inline-block;}

.checkbox, .radio {position:relative; display:inline-block; vertical-align:top; margin-right:30px;}
.checkbox input[type="checkbox"], .radio input[type="radio"] {position:absolute; top:0; left:0; opacity:0; width:60px; height:60px;}
.checkbox input[type="checkbox"] + label, .radio input[type="radio"] + label {display:block; position:relative; padding:17px 0 17px 80px; margin-right:8px;}
.checkbox input[type="checkbox"] + label:before, .radio input[type="radio"] + label:before {content:""; display:block; top:0; left:0; position:absolute; width:60px; height:60px; background:#DADDDE; cursor:pointer;}
.radio input[type="radio"] + label:before {border-radius:30px;}
.checkbox input[type="checkbox"]:checked + label:before {background-position:-520px -120px;}
.radio input[type="radio"]:checked + label:before {border:20px solid #DADDDE; box-sizing:border-box; background-color:#0080b1;}
.powermail_fieldwrap_type_radio .radio {display:inline-block; vertical-align:top;}

input[type='number'] {-moz-appearance:textfield; appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.number {position:relative; max-width:220px;}
.number input {padding-left:70px; padding-right:70px;}
.number button {position:absolute; top:0; display:block; width:60px; height:60px; font-family:"futura-pt", sans-serif; font-weight:300; font-size:42px; transition:background 0.3s;}
.number button:hover {background:rgba(0,0,0,0.1);}
.number-remove {left:0; line-height:50px; padding-bottom:10px; border-right:1px solid #ffffff;}
.number-add {right:0; line-height:60px; border-left:1px solid #ffffff;}

.powermail_fieldwrap_type_submit {text-align:center;}

.form_left {display:inline-block; width:50%; padding-right:10px; box-sizing:border-box;}
.form_right {display:inline-block; width:50%; padding-left:10px; box-sizing:border-box;}

/* -------- Icons ------------ */
.btn-nav,
.header-phone button:before,
.icon-facebook:before,
.icon-phone:before,
.icon-email:before,
.icon-location:before,
.close,
.scroll-top,
.glide__arrow,
.checkbox input[type="checkbox"]:checked + label:before,
.nav ul li ul li.sub:after,
.btn-sub,
.btn-phone:before,
.footer-location:before,
.icon-measure:after,
.more:after,
.est-tab:after,
.page-browse a.browse-prev:before,
.page-browse a.browse-next:after {background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none;}

/* -------- Header ------------ */
#header {height:100px; position:fixed; left:50%; top:0; width:1840px; margin-left:-880px; min-width:320px; box-sizing:border-box; z-index:50; text-align:right; font-size:0; background:#ffffff; white-space:nowrap;}

.btn-nav {display:block; width:80px; height:100px; position:absolute; left:-80px; top:0; cursor:pointer; text-align:center; background-color:#80A400; white-space:nowrap; background-position:-10px 0; transition:background-color 0.3s;}
.btn-nav:after {content:"Menu"; display:block; position:absolute; left:0; right:0; top:100%; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; color:#ffffff;}
.btn-nav:hover {background-color:#779300;}
.btn-nav.open {background-position:-110px 0;}
.btn-nav.open:after {content:"Close";}
.scroll-bottom .btn-nav:after {display:none;}

.header-logo {display:inline-block; vertical-align:top; float:left; padding:10px; max-width:300px;}

.header-quote {position:relative; display:inline-block; vertical-align:top; background-color:#80A400; padding:36px 30px; transition:background-color 0.3s; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; line-height:28px; color:#ffffff;}
.header-quote:hover {background-color:#779300; text-decoration:none;}

.header-contact {position:relative; display:inline-block; vertical-align:top; background-color:#0080B1; padding:36px 30px; transition:background-color 0.3s; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; line-height:28px; color:#ffffff;}
.header-contact:hover {background-color:#007599; text-decoration:none;}

.header-phone {position:relative; display:inline-block; vertical-align:top;}
.header-phone button {position:relative; display:block; width:80px; height:100px; background-color:#80A400; transition:background-color 0.3s;}
.header-phone button:before {content:""; display:block; width:60px; height:60px; margin:20px 10px; background-color:#ffffff; border-radius:30px; background-position:-520px -520px;}
.header-phone:hover button {background-color:#779300;}
.phone-box {position:absolute; right:0; top:100%; overflow:hidden; max-height:0; width:440px; text-align:left; background:#ffffff; transform:translateY(-20px); opacity:0; box-shadow:-8px 8px 16px rgba(0,0,0,0.1); transition:max-height 0s 0.3s, transform 0.3s, opacity 0.3s;}
.header-phone:hover .phone-box, .header-phone.open .phone-box {max-height:800px; transform:translateY(0); opacity:1; transition:max-height 0s 0s, transform 0.3s, opacity 0.3s;}
.phone-box .content-padding {margin:50px;}
.phone-box p {margin:0;}
.phone-box p:not(:last-child) .btn-phone:after {content:""; display:block; position:absolute; left:80px; right:0; bottom:0; border-bottom:1px solid #212121;}

/* -------- Modals ------------ */
.overlay {overscroll-behavior:contain; position:fixed; width:1840px; min-width:320px; left:50%; margin-left:-880px; top:0; bottom:100%; background:rgba(99,102,106,0); overflow:hidden; -webkit-overflow-scrolling:touch; overflow-y:auto; z-index:110; transition:background 0.5s, top 0s 0.5s, bottom 0s 0.5s;}
.overlay.open {top:100px; bottom:0; background:rgba(99,102,106,0.8); transition:background 0.5s, top 0s, bottom 0s;}
.drawer-box {position:relative; overflow:hidden; margin:0 0 0 auto; -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); transform:translateX(-100%); transition:transform 0.5s; box-shadow:0 4px 9px rgba(0,0,0,0.5); background:#ffffff; text-align:left;}
.overlay.open .drawer-box { -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.close {position:absolute; top:0; right:0; z-index:10; width:80px; height:80px; background-color:#80A400; background-position:-210px -10px; cursor:pointer; transition:background-color 0.3s;}
.close:hover {background-color:#779300;}

.drawer-box .columns {margin:0;}

.drawer-contact .col-1 {width:60%;}
.drawer-contact .content-padding {overflow:hidden;}
.contact-column {position:relative; overflow:hidden; float:left; padding:0 4% 0 0; box-sizing:border-box;}
.contact-column + .contact-column {border-left:1px solid #212121; padding:0 0 0 4%; margin-left:-1px;}
.drawer-contact hr {padding-top:40px; margin-top:0;}

/* -------- Top Nav ------------ */
/* Nav First Level */
.nav {margin:0; padding:0; display:inline-block; vertical-align:top;}
.nav ul {display:block; margin:0; list-style:none; font-size:0; padding:0; text-align:left;}
.nav ul li {position:relative; display:inline-block; vertical-align:top; padding:0; margin:0;}
.nav ul li:before {display:none;}
.nav ul li a {position:relative; display:block; padding:36px 30px; color:#0080B1; text-decoration:none; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; line-height:28px; transition:background-color 0.3s;}
.nav ul li:hover {z-index:1;}
.nav ul li:hover > a {text-decoration:none; background-color:#DADDDE;}
/* Nav Second Level */
.nav ul li ul {display:block; overflow:hidden; position:absolute; background:#ffffff; width:280px; max-height:0; white-space:normal; box-shadow:2px 2px 4px rgba(0,0,0,0.5); transform:translateY(-20px); opacity:0; transition:max-height 0s 0.3s, transform 0.3s, opacity 0.3s;}
.nav ul li:hover > ul {overflow:visible; max-height:800px; transform:translateY(0); opacity:1; transition:max-height 0s 0s, transform 0.3s, opacity 0.3s;}
.nav ul li ul li {display:block;}
.nav ul li ul li.sub:after {content:""; display:block; width:40px; height:40px; background-position:-55px -105px; background-size:300px auto; position:absolute; right:0; top:50%; margin-top:-20px;}
.nav ul li ul li a {padding:16px 30px;}
.nav ul li ul li:hover > a {background-color:#ECEFF1;}
/* Nav Third Level */
.nav ul li ul li ul {left:100%; top:0; transform:translateX(-20px);}
.nav ul li ul li:hover > ul {transform:translateX(0);}
/* Mega Menu */
.nav ul li.mega {position:static;}
.nav ul li.mega > ul {display:flex; flex-wrap:wrap; width:auto; left:0; right:0;}
.nav ul li.mega ul li {position:relative; display:inline-block; vertical-align:top; width:20%; flex:0 1 20%; text-align:center;}
.nav ul li.mega ul li:hover a {background:none;}
.nav ul li.mega ul li a:after {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0); transition:background 0.3s;}
.nav ul li.mega ul li a:hover:after {background:rgba(0,0,0,0.14);}
.mega-image {padding-bottom:40%; background-repeat:no-repeat; background-position:center; background-size:contain;}

/* -------- Side Nav ------------ */
/* Sub Buttons */
.btn-sub {display:none; position:absolute; right:0; top:0; width:60px; height:60px; background-position:-320px -220px; cursor:pointer; z-index:1; transition:background-color 0.3s;}
.open > .btn-sub {background-position:-220px -220px;}
.btn-sub:hover {background-color:#DADDDE;}
/* Nav First Level */
.nav-side {position:relative; display:flex; flex-wrap:wrap; margin:0 -2.4% 0 0;}
.nav-side ul {display:block; position:relative; list-style:none; padding:0; margin:0;}
.nav-side > ul {display:inline-block; vertical-align:top; width:16.66%; flex:0 1 16.66%; padding:0 2.4% 0 0; margin-bottom:2.4%; box-sizing:border-box;}
.nav-side ul li {display:block; position:static; padding:0; margin:0;}
.nav-side ul li:before {display:none;}
.nav-side > ul > li:after {content:""; display:block; border-left:1px solid #212121; position:absolute; left:0; top:60px; bottom:0;}
.nav-side > ul:nth-child(6n+1) > li:after {display:none;}
.nav-side ul li a {position:relative; display:block; padding:16px 10%; color:#0080B1; text-decoration:none; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; line-height:28px; transition:background-color 0.3s;}
.nav-side ul li a:hover {text-decoration:none; background-color:#DADDDE;}
.nav-side > ul > li:first-child > a {padding:6px 10%; font-size:24px; color:#ffffff; background:#80A400; margin-bottom:20px;}
.nav-main ul ul{display:none;}
.nav-main ul li.open > ul{display:block;}
.nav-main ul li ul {margin-left:16px; border-left:1px solid #e2e2e2;}
.nav-main ul li {position:relative;}
.nav-main ul li ul li a {font-family:"futura-pt", sans-serif; font-weight:500;}
.nav-side ul li ul li a.disabled {display:none;}

/* -------- Body ------------ */
#body{display:table; table-layout:fixed; width:1920px; max-width:1920px; margin:0 auto; height:100%; min-height:100%; min-width:320px; position:relative; text-align:left;}
.body-cell {display:table-cell;}

/* -------- Content ------------ */
#content {display:table-row; position:relative;}
#content .body-cell {box-sizing:border-box; padding:100px 0 4% 0; border-left:80px solid #80A400;}

.content-inner {position:relative; max-width:1920px; margin:0 auto;}
.columns{position:relative; display:table; table-layout:fixed; width:100%; box-sizing:border-box; margin:40px 0;}
.col {position:relative; display:table-cell; vertical-align:top;}
.content-padding {margin:80px;}
.ce-textpic {overflow:visible;}

.clear {clear:both;}
iframe {max-width:100%;}
img {max-width:100%; height:auto; vertical-align:bottom;}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0;}
.sticky {position:sticky; top:94px; padding:1px 0;}

.blue-bar {position:relative; overflow:hidden; background:#0080B1;}
.blue-bar .ce-center .ce-row {text-align:center;}
.blue-bar .ce-center .ce-column {display:inline-block; float:none; margin:10px;}
.blue-bar * {color:#ffffff;}
.blue-bar ul li:before {background:#ffffff;}

.blue-box {background:#0080BD; padding:40px; box-sizing:border-box; max-width:420px; box-shadow:-8px 8px 16px rgba(0,0,0,0.21);}
.blue-box * {color:#ffffff;}
.blue-box .btn3 {border-color:#ffffff;}
.blue-box .btn3:hover {color:#ffffff;}

.video-box {position:relative; height:0; padding-bottom:56.25%;}
.video-box iframe {position:absolute; left:0; right:0; width:100%; height:100%;}

.image {position:relative; overflow:hidden; display:inline-block; margin:0;}
.image-caption {text-align:left; position:absolute; left:0; bottom:0; padding:9% 36% 3% 6%; color:#ffffff; font-size:16px; font-weight:400; background-image:url(../images/caption.png); background-image:url(../images/caption.svg), linear-gradient(transparent, transparent), none; background-size:100% 100%;}
.caption-title {display:block;font-family:"futura-pt-bold", sans-serif; font-size:21px; font-weight:700; color:#4F4F4F;}

.section-head .content-padding {position:relative; padding:0 0 40px 60px; margin-bottom:0; overflow:hidden;}
.section-head-sidetitle {position:absolute; right:100%; top:0; font-family:"futura-pt-bold", sans-serif; font-size:16px; font-weight:700; color:#4F4F4F; text-transform:uppercase; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transform-origin:right top; -moz-transform-origin:right top; transform-origin:right top;}
.section-head-sidetitle:before {content:""; display:block; width:9999px; position:absolute; right:100%; top:50%; margin-right:20px; border-top:1px solid #212121;}
.section-head-subtitle {display:inline-block; background:#80A700; color:#ffffff; padding:5px 16px; margin:0;}
.section-head .ce-textpic {max-width:800px; margin:0 auto;}

/* -------- Fluid Element Image Position ------------ */
.ce-left .ce-gallery, .ce-right .ce-gallery {max-width:50%;}
.ce-left:after, .ce-right:after {content:""; display:block; clear:both;}

/* -------- Buttons ------------ */
button {-webkit-appearance:none; -moz-appearance:none; border:none; font-family:inherit; font-size:100%; line-height:inherit; text-transform:none; padding:0; margin:0; background:none; cursor:pointer;}

.btn, .btn2, .btn3 {position:relative; display:inline-block; vertical-align:middle; background-color:#0080B1; color:#ffffff; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; line-height:26px; text-align:center; text-decoration:none; text-transform:none; padding:17px 40px; border-radius:6px; margin:16px; transition:all 0.3s;}
.btn:hover, .btn2:hover, .btn3:hover {background-color:#007599; color:#ffffff; text-decoration:none;}

.btn2 {background-color:#80A400;}
.btn2:hover {background-color:#779300;}

.btn3 {background:none; color:#212121; border:2px solid #212121; padding:15px 38px; box-shadow:none;}
.btn3:hover {background-color:rgba(33,33,33,0.08); color:#212121;}

.glide__arrows {text-align:center; margin:16px 0;}
.glide__arrow {position:relative; display:inline-block; vertical-align:top; width:64px; height:60px; padding:0; background-position:-18px -420px; cursor:pointer; margin:5px;}
.glide__arrow.glide__next {background-position:-118px -420px;}
.glide__arrow:hover {}
.arrow-mid {display:inline-block; vertical-align:top; width:60px; height:60px; border-radius:30px; background:#DADDDE; margin:5px 15px;}

.btn-phone {display:block; padding:24px 0 24px 80px; position:relative; font-family:"futura-pt-bold", sans-serif; font-size:36px; line-height:1.2; font-weight:700; color:#0080B1; text-transform:uppercase; transition:color 0.3s;}
.btn-phone:before {content:""; display:block; width:60px; height:60px; border-radius:30px; position:absolute; left:0; top:50%; margin:-30px 0 0 0; background-color:#0080B1; background-position:-420px -520px; transition:background-color 0.3s;}
.btn-phone:hover {text-decoration:none; color:#007599;}
.btn-phone:hover:before {background-color:#007599;}

.icon-phone, .icon-email, .icon-location {display:block; position:relative; font-family:"futura-pt-bold", sans-serif; font-size:24px; font-weight:700; color:#0080B1; padding:12px 0 12px 90px; margin:16px 0;}
.icon-phone:hover, .icon-email:hover, .icon-location:hover {text-decoration:none;}
.icon-phone:before, .icon-email:before, .icon-location:before {content:""; display:block; width:60px; height:60px; border-radius:30px; position:absolute; left:0; top:0; background-color:#0080B1; transition:background-color 0.3s;}
.icon-phone:hover:before, .icon-email:hover:before, .icon-location:hover:before {background-color:#007599;}
.icon-phone:before {background-position:-420px -520px;}
.icon-email:before {background-position:-220px -520px;}
.icon-location:before {background-position:-320px -520px;}

.icon-facebook {position:relative; display:inline-block; vertical-align:middle; padding:17px 10px 17px 80px; font-size:18px; font-weight:700; line-height:26px; text-align:left;}
.icon-facebook:before {content:""; position:absolute; left:0; top:0; display:block; width:60px; height:60px; border-radius:30px; background-color:#0080B1; background-position:-20px -520px; transition:background-color 0.3s;}
.icon-facebook:hover {color:#007599; text-decoration:none;}  
.icon-facebook:hover:before {background-color:#007599;}  

/* -------- Browse Menu ------------ */
.page-browse-wrap {margin-left:0; margin-top:0;}
.page-browse {display:table; width:50%; margin:0 0 0 auto;}
.page-browse div {display:table-cell;}
.page-browse a {display:table-cell; vertical-align:middle; width:48%; box-sizing:border-box; transition:background 0.3s; position:relative; padding:17px; border:1px solid #212121; font-family:"futura-pt-bold", sans-serif; position:relative; font-size:18px; line-height:26px; font-weight:700; color:#212121;}
.page-browse a:hover {text-decoration:none; background:rgba(33,33,33,0.08);}
.page-browse a.browse-prev {padding-left:100px; text-align:right;}
.page-browse a.browse-prev:before {content:""; display:block; width:100px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px; background-position:0 -420px;}
.page-browse a.browse-next {padding-right:100px; text-align:left;}
.page-browse a.browse-next:after {content:""; display:block; width:100px; height:60px; position:absolute; right:0; top:50%; margin-top:-30px; background-position:-100px -420px;}

/* -------- Banner ------------ */
.banner-wrap {display:table; table-layout:fixed; width:100%; position:relative; margin-bottom:3%; box-sizing:border-box; padding:0 80px 0 0;}

.banner-wrap  > div , .banner-wrap  > a {display:table-cell; vertical-align:middle; position:relative; background-size:cover;}
.banner {background-position:center; padding:1px 0;}
.banner-text {position:relative; display:block; overflow:hidden; padding:4% 10%; margin:8% 0 12% 0; background:rgba(255,255,255,0.96);}
.banner-birds {pointer-events:none; position:absolute; left:0; bottom:0; width:44%; max-width:460px;}
.banner-birds:before {content:""; display:block; padding-bottom:56.5%; margin-bottom:-12%; background:url(../images/birds.png) no-repeat center bottom; background-size:contain;}

.banner-home {}
.banner-home .banner-text {font-size:0; text-align:center;}
.banner-left {font-size:19.2px; display:inline-block; vertical-align:middle; width:70%; max-width:600px; padding-right:4%; box-sizing:border-box; border-right:1px solid #212121; text-align:right;}
.banner-right {font-size:19.2px; display:inline-block; vertical-align:middle; width:30%; padding-left:4%; box-sizing:border-box; text-align:left;}

.banner-estimator-home  {width:32%; background-size:cover; background-position:center bottom;}
.banner-estimator-home:hover {text-decoration:none;}
.banner-estimator-home .banner-text {margin:0; background:none;}
.banner-estimator-home .banner-text:after {content:""; display:block; margin:0 auto; height:12px; max-width:201px; background-image:linear-gradient(to right, #DADDDE 0, #DADDDE 1px, transparent 1px), linear-gradient(to right, #DADDDE 0, #DADDDE 1px, transparent 1px); background-size:20px 12px, 5px 7px; background-position:bottom left; background-repeat:repeat-x;}
.banner-estimator-home h2 {margin:0; color:#0080B1; text-align:left;}
.banner-estimator-home h3 {margin:0; text-transform:uppercase; color:#80A400; text-align:left;}
.banner-estimator-home h6 {text-align:center; color:#4F4F4F;}
.icon-measure:after {content:""; display:inline-block; width:1.944em; height:1.26em; margin:0 10px; background-size:11.664em auto; background-position:-9.72em -12.05em;}
.banner-link {position:absolute; left:0; right:0; top:0; bottom:0;}

.banner-estimator {width:60%;}
.banner-estimator h1 {margin:0; color:#0080B1; text-align:left;}
.banner-estimator h2 {margin:0; text-transform:uppercase; color:#80A400; text-align:left;}
.banner-estimator h6 {text-align:center; color:#4F4F4F;}
.banner-estimator .banner-text {margin:0; background:none;}

.banner-image {z-index:-1; background-size:cover; background-position:center;}
.col .banner-image {position:absolute; left:0; right:0; top:0; bottom:0;}

/* -------- Image Slider ------------ */
.image-slider-wrap {position:relative;}
.image-slider-wrap .glide__arrows {position:absolute; left:0; right:0; bottom:0; margin:45px; text-align:right;}
.image-slider-wrap .glide__arrow {background-position:-18px -320px;}
.image-slider-wrap .glide__arrow.glide__next {background-position:-118px -320px;}
.image-slider-wrap .glide__arrow:hover {}

.image-slider-wrap .glide__slides {align-items:center;}
.image-slider-wrap .glide__slide img {display:block; margin:0 auto;}

.image-slide {display:none; position:relative; text-align:center;}
.image-slide:first-child, .glide .image-slide {display:block;}

/* In Text - Left */
.image-slider-element .csc-textpic-intext-left .image-slider-wrap {width:50%; float:left; margin:0;}
/* Beside Text - Left */
.image-slider-element .csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left:54%;}
.image-slider-element .csc-textpic-intext-left-nowrap .image-slider-wrap {width:50%; float:left; margin:0;}
/* In Text - Right */
.image-slider-element .csc-textpic-intext-right .image-slider-wrap {width:50%; float:right; margin:0;}
/* Beside Text - Right */
.image-slider-element .csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right:54%;}
.image-slider-element .csc-textpic-intext-right-nowrap .image-slider-wrap {width:50%; float:right; margin:0;}

/* -------- News ------------ */
.news-slider-wrap {position:relative; width:auto; margin:0 0 60px 45px;}
.news-slider {position:relative;}
.news-list-view {font-size:0; margin:0 45px;}
.news-slider-wrap .news-list-view {margin:0;}
.news-list-view .article {position:relative; display:inline-block; vertical-align:top; width:50%; height:auto; box-sizing:border-box; margin:0; padding:0;}
.news-block {position:relative; overflow:hidden; background-position:center; background-size:cover; margin:0 35px 70px 35px; height:440px;}
.news-block:before {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to right, #63666A, transparent); opacity:0.6; mix-blend-mode:multiply;}
.news-text {position:relative; overflow:hidden; max-width:340px; max-height:70%; overflow-y:auto; padding:0 4%; margin:10% 0; box-sizing:border-box; text-align:left; font-size:19.5px; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#E0E0E0 rgba(255,255,255,0.1);}
.news-text * {color:#ffffff;}
.more {display:block; width:200px; box-sizing:content-box; padding:70px 6% 16px 160px; position:absolute; right:0; bottom:0; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; color:#212121; background-image:url(../images/news-more.png); background-image:url(../images/news-more.svg), linear-gradient(transparent, transparent), none; background-size:100% 100%;}
.more:hover {text-decoration:none; filter:brightness(0.95);}
.more:after {content:""; display:inline-block; vertical-align:middle; width:80px; height:34px; background-position:-110px -433px; margin-left:16px;}

/* Chrome Safari */
.news-text::-webkit-scrollbar {width:8px;}
.news-text::-webkit-scrollbar-track {width:6px; background:rgba(255,255,255,0.1);}
.news-text::-webkit-scrollbar-thumb {background:#E0E0E0;}

/* News Detail */
.news-single .article .news-img-wrap {float:none; width:auto; margin:0; background:none;}
.news-single .article .news-img-wrap-slides {align-items:center;}
.news-single .article .news-img-wrap .mediaelement-image {display:block; position:relative; width:auto; height:auto;}
.news .article .news-img-wrap a {float:none; padding:0; border:none; background:none;}
.news-single .article .news-img-wrap img {position:relative; float:none; display:block; margin:0 auto; width:auto; height:100%; max-width:none;}

/* -------- Grid ------------ */
.col-layout-grid {display:block; padding:40px 0; margin:80px; display:block; width:auto; position:relative; overflow:hidden;}
.col-layout-grid > .col {display:block; display:flex; flex-wrap:wrap; position:relative; border-top:1px solid #122E39;}
.col-layout-grid > .col > div {flex:0 0 33.33%; position:relative; display:inline-block; vertical-align:bottom; width:33.33%; box-sizing:border-box; padding:2.3%; border-bottom:1px solid #122E39; margin:0;}
.col-layout-grid > .col > div:after {content:""; display:block; position:absolute; right:-1px; top:0; bottom:0; margin:-40px 0; border-left:1px solid #122E39;}
.col-layout-grid > .col > div > .content-padding {padding:0; max-width:280px; margin:0 auto;}

/* -------- Image Menu ------------ */
.image-menu-wrap {position:relative; overflow:hidden;}
.image-menu {margin:3% -1.75%; font-size:0; text-align:center;}
.image-menu-item {position:relative; display:inline-block; vertical-align:top; width:20%; padding:0 1.75%; box-sizing:border-box; margin:0 0 20px 0; font-family:"futura-pt-bold", sans-serif; font-size:1.875rem; font-weight:700; text-align:center; color:#212121;}
.image-menu-image {position:relative; background-size:cover; background-position:center; padding-bottom:66%; margin:0 0 10px 0;}
.image-menu a {display:block; color:#212121;}
.image-menu a:hover {text-decoration:none;}
.image-menu-image:after {content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0); transition:background 2s;}
.image-menu a:hover .image-menu-image:after {background:rgba(0,0,0,0.14); transition:background 0.5s;}
.content-padding .image-menu-item {font-size:24px;}

/* -------- Logo Slider ------------ */
.logo-slider-wrap {position:relative; margin:0 4%; width:auto;}
.logo-slider-wrap .glide__track {border:1px solid #122E39; border-width:1px 0; padding:40px 0;}
.logo-slider-wrap .glide__slide {padding:20px; box-sizing:border-box;}
.logo-slider-wrap .glide__arrows {text-align:right;}

/* -------- Expand ------------ */
.expand.content-padding {margin-top:0; margin-bottom:-1px;}
.expand header {position:relative; padding:26px 16px 26px 60px; border:1px solid #212121; border-width:1px 0; cursor:pointer;}
.expand.open header {background:#E6E9EA;}
.expand header:before {content:"+"; display:block; position:absolute; left:0; top:0; width:40px; line-height:80px; text-align:center; font-family:"futura-pt-bold", sans-serif; font-size:36px; font-weight:700; color:#0080BD;}
.expand.open header:before {content:"\2013"; line-height:74px;}
.expand header * {font-family:"futura-pt-bold", sans-serif; font-size:24px; font-weight:700; color:#212121; padding:0; margin:0;}
.expand header *:before {display:none;}
.expand > .ce-textpic {height:0; padding:0 16px; overflow:hidden; position:relative; transition:height 0.5s, padding 0.5s;}
.expand.open > .ce-textpic {padding:16px;}

/* -------- Tabs ------------ */
.tabs {display:table; width:100%;}
.tab, .tab-header {position:relative; cursor:pointer; display:table-cell; padding:35px 16px; background:#DADDDE; font-family:"futura-pt-bold", sans-serif; font-size:21px; line-height:30px; font-weight:700; color:#0080B1; text-align:center;}
.tab-header {display:none; padding:15px 16px;}
.tab:hover, .tab-header:hover {background:#CACCCC;}
.tab.active {background:#0080B1; color:#ffffff;}

.tab-element.active .tab-header {background:#0080B1; color:#ffffff;}
.tab-element {position:relative;}
.tab-element .tab-content {display:none;}
.tab-element.active .tab-content {display:block;}
.tab-element header {display:none;}
.tab-element .expand header {display:block;}

/* -------- Estimator ------------ */
/* Tabs */
.estimator-tabs {display:table; table-layout:fixed; position:relative; width:100%; box-sizing:border-box; border:1px solid #212121; border-bottom:none;}
.est-tab {display:table-cell; position:relative; font-size:16px; padding:30px 50px; cursor:pointer; transition:background 0.3s;}
.est-tab:hover {background:rgba(0,0,0,0.07);}
.est-tab.active {background:rgba(0,0,0,0.14);}
.est-name {position:relative; display:block; padding:0 0 0 1.94em; font-family:"futura-pt-bold", sans-serif; font-size:1.875rem; line-height:1.6; font-weight:700; color:#212121;}
.est-step {position:absolute; left:0; top:0; display:block; width:1.6em; height:1.6em; border-radius:30px; background:#0080B8; text-align:center; line-height:1.6em; color:#ffffff;}
.est-selected {display:block; font-family:"futura-pt-bold", sans-serif; font-size:1.25rem; font-weight:700; margin-top:0.5em;}
.disabled .est-step {background:#4F4F4F;}
.disabled .est-name {color:#4F4F4F;}
.active.disabled .est-step {background:#0080B8;}
.active.disabled .est-name {color:#212121;}
.est-tab:not(:last-child):after {content:""; display:block; width:80px; height:34px; background-position:-110px -433px; position:absolute; right:0; top:0; margin:42px -40px 0 0;}

/* Slides */
.estimator {display:none; position:relative; overflow:hidden; border:1px solid #212121; margin-bottom:10px; background:#ffffff;}
.estimator-slides .estimator {display:block;}
.estimator .columns {margin:0;}
.estimator .col-1 {border-right:1px solid #212121;}

/* Use & Type */
.estimator ul {list-style:none; padding:0; margin:0 auto; max-width:1220px; text-align:center;}
.estimator li {list-style:none; padding:1%; margin:0; cursor:pointer; display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; font-size:0;}
.estimator li:before {display:none;}
.est1 ul {display:none;}
.estimator ul li span {display:block; margin-bottom:5px; font-family:"futura-pt-bold", sans-serif; font-size:24px; font-weight:700;}
.est-rates {display:none;}
.est-image-wrap {padding:8%; background:#ffffff; transition:background-color 0.3s;}
.est-image {padding-bottom:75%; background-size:cover; background-position:center; box-shadow:3px 3px 8px rgba(0,0,0,0.2);}
.estimator li:hover > .est-image-wrap {background-color:#E1E4E5;}
.estimator li.active > .est-image-wrap {background-color:#0080B8;}

.est2 li {display:none;}
.est2 > li.active {display:block; width:auto; padding:0;}
.est2 li.active li {display:inline-block;}
.est2 > li.active > span {display:none;}
.est2 > li.active > div {display:none;}
.est2 li.active ul {display:block;}
.est2 li.active ul {display:block;}

/* Summary */
.est-sum {position:relative; overflow:hidden; border:1px solid #212121; border-width:1px 0; margin:0 0 -1px 0; padding:26px 0; text-align:justify;}
.est-sum:after {content:""; display:inline-block; width:100%;}
.est-sum .est-name {display:inline-block; vertical-align:middle; margin-right:20px;}
.est-selection {display:inline-block; vertical-align:middle; max-width:370px;}
.est-selection span {display:inline-block; vertical-align:middle; font-family:"futura-pt-bold", sans-serif; font-size:1.25rem; font-weight:700; margin:0 1em 0 0; width:200px; text-align:right;}
.est-selection .est-image-wrap {display:inline-block; vertical-align:middle; padding:0;}
.est-selection .est-image {width:7.3rem; height:7.3rem; padding:0; box-shadow:none;}
.est-sum3 .est-selection span {display:inline-block; vertical-align:bottom; width:180px; margin:0 20px 0 0; text-align:right; color:#212121;}
.est-sum3 .est-selection span:last-child {width:170px; margin:0; text-align:left;}
.est-sum4 .est-selection span {display:inline-block; vertical-align:bottom; width:180px; margin:0 20px 0 0; text-align:right; color:#212121;}
.est-sum4 .est-selection span:last-child {width:170px; margin:0; text-align:left; font-size:1.5em;}
.est-selection h4 {font-size:1.25rem;}
.est-sum h6 {display:inline-block; width:100%; font-family:"futura-pt", sans-serif; font-weight:300; text-align:left;}
.estimator .powermail_fieldwrap_type_text {text-align:center;}

/* -------- Footer ------------ */  
#footer {display:table-row; width:100%; height:1px;}
  #footer .body-cell {position:relative; box-sizing:border-box;}

  .scroll-top {position:absolute; z-index:1; left:10px; top:20px; width:60px; height:100px; background-position:-220px -300px; cursor:pointer;}
  .scroll-top:hover {opacity:0.8;}
  .scroll-top span {display:block; position:absolute; right:100%; top:100%; font-family:"futura-pt-bold", sans-serif; font-size:18px; line-height:60px; font-weight:700; color:#ffffff; white-space:nowrap; -webkit-transform-origin:right top; -moz-transform-origin:right top; transform-origin:right top; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}

  .footer-top {position:relative; overflow:hidden; background:#DADDDE; border-left:80px solid #80A400;}
  .footer-top .content-padding {margin-bottom:0;}

  .footer-links {display:flex; flex-wrap:wrap; font-size:0; margin-bottom:5%; position:relative; overflow:hidden;}
  .footer-links ul {position:relative; list-style:none; margin:0; padding:0;}
  .footer-links > ul {display:inline-block; vertical-align:top; width:20%; flex:0 1 20%; margin-left:-1px; border-left:1px solid #212121;}
  .footer-links ul li {list-style:none; margin:0; padding:0;}
  .footer-links ul li:before {display:none;}
  .footer-links ul li a {display:block; padding:16px 10%; font-family:"futura-pt-bold", sans-serif; font-size:18px; line-height:28px; font-weight:700; color:#212121;}
  .footer-links ul li a.disabled {display:none;}
	.footer-links ul li a:hover {text-decoration:none; background:rgba(0,0,0,0.05);}
  .footer-links > ul > li > a {font-size:24px; font-weight:700; color:#0080B1;}
  
  .footer-top .columns {display:table; width:100%; margin:0; padding:36px 0; border:1px solid #212121; border-width:1px 0;}
  .footer-top .columns > div {display:table-cell;}
  .footer-top .columns > div:not(:first-child) {border-left:1px solid #212121;}
  .footer-top .columns > div .content-padding {margin:0; text-align:center;}
  .footer-top .columns * {overflow:visible;}
  
  .footer-location {position:relative; display:inline-block; background:#80A400; color:#ffffff; padding:4px 16px; margin:0; min-width:210px; box-sizing:border-box;}
  .footer-location:before {content:""; display:block; width:60px; height:60px; border-radius:30px; position:absolute; left:-80px; top:50%; margin:-30px 0 0 0; background-color:#0080B1; background-position:-120px -520px;}

  .footer-social {width:33%; margin:4.5% 0 4.5% auto; text-align:center; min-height:60px;}

  .footer-bottom {position:relative; padding:50px 0; background:#ffffff; text-align:center; font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; color:#0080B1; text-transform:uppercase;}
  .footer-birds {position:absolute; left:50%; bottom:100%; width:25%; margin:0 0 -3% -18%;}
  .footer-bottom .content-padding {margin-top:0; margin-bottom:0;}
  
  .footer-bottom .columns {margin:0;}
  .footer-bottom .col {vertical-align:middle;}
  .footer-bottom .col-1 {text-align:left;}
  .footer-bottom .col-2 {text-align:center;}
  .footer-bottom .col-3 {text-align:right;}
      
  .website {}
  .website span {display:inline-block; vertical-align:middle; padding:0 10px 0 0;}
  .website a {display:inline-block; vertical-align:middle; margin-left:10px;}
  .website a:hover {opacity:0.7;}

/* -------- Media Queries ------------ */
@media screen and (max-width:1920px) {  
  /* -------- Text ------------ */
  html {font-size:1vw;}
  h1 {font-size:8.333rem;}
  h2, h1.h1black {font-size:2.5rem;}
  h3 {font-size:1.875rem;}
  /* -------- Header ------------ */
  #header {left:80px; right:0; width:auto; margin:0;}
  /* -------- Modal ------------ */
  .overlay {width:auto; left:80px; right:0; margin-left:0;}
  /* -------- Body ------------ */
  #body {width:100%;}
}

@media screen and (max-width:1600px) {
  /* -------- Header ------------ */
  #header  {left:60px; height:80px;}
  .btn-nav {left:-60px; width:60px; height:80px; background-position:-20px -10px;}
  .btn-nav.open {background-position:-120px -10px;}
  .btn-nav:after {font-size:16px;}
  .header-logo {height:100%; box-sizing:border-box;}
  .header-logo img {height:100%; width:auto;}
  .header-quote {padding:26px 20px;}
  .header-contact {padding:26px 20px;}
  .header-phone button {width:60px; height:80px;}
  .header-phone button:before {width:50px; height:50px; margin:15px 5px; background-position:-525px -525px;}
  .phone-box {width:320px;}
  .phone-box .content-padding {margin:8%;}
  .btn-phone {font-size:28px;}
  /* -------- Nav ------------ */
  .nav ul li a {padding:26px 20px;}
  .nav-side > ul > li:first-child > a {font-size:18px;}
  .nav-side ul li a {font-family:'futura-pt'; font-size:16px; line-height:24px; font-weight:500;}
  /* -------- Content ------------ */
  #content .body-cell {border-left-width:60px; padding-top:80px;}
  .content-padding {margin:60px 40px;}
  /* -------- Modals ------------ */
  .overlay {left:60px;}
  .overlay.open {top:80px;}
  .close {width:60px; height:60px; background-position:-220px -20px;}
  /* -------- Footer ------------ */
  .scroll-top {left:0;}
  .footer-top {border-left-width:60px;}
  /* -------- Banner ------------ */
  .banner-wrap {padding-right:60px;}
  /* -------- Image Slider ------------ */
  .image-slider-wrap .glide__arrows {margin:20px;}
  /* -------- News ------------ */
  .news-slider-wrap {margin:0 0 60px 20px;}
  .news-list-view {margin:0 20px;}
  .news-block {margin:0 20px 40px 20px;}
  /* -------- Grid ------------ */
  .col-layout-grid {margin:40px;}
  /* -------- Estimator ------------ */
  /* Summary */
  .est-sum3 .est-selection span {width:160px;}
  .est-sum3 .est-selection span:last-child {width:140px;}
  .est-sum4 .est-selection span {width:160px;}
  .est-sum4 .est-selection span:last-child {width:140px;}
}

@media screen and (max-width:1500px) {
  /* -------- Text ------------ */
  h3 {font-size:28px;}
}

@media screen and (max-width:1300px) {
  /* -------- Text ------------ */
  h2, h1.h1black {font-size:32px;}
  /* -------- Header ------------ */
  #header {height:60px;}
  .btn-nav {height:60px; background-size:450px auto; background-position:-8px -8px;}
  .btn-nav.open {background-position:-83px -8px;}
  .header-logo {padding:5px 10px;}
  .header-quote {padding:16px 20px;}
  .header-contact {padding:16px 20px;}
  .header-phone button {width:60px; height:60px;}
  .header-phone button:before {margin:5px;}
  /* -------- Modals ------------ */
  .overlay.open {top:60px;}
  /* -------- Nav ------------ */
  .nav ul li a {padding:16px 20px;}
  .nav-side > ul {width:33.33%; flex:0 1 33.33%;}
  .nav-side > ul:nth-child(3n+1) > li:after {display:none;}
  .nav-side ul li a {padding:8px 10%;}
  /* -------- Content ------------ */
  #content .body-cell {border-left-width:60px; padding-top:60px;}
  .content-padding {margin:40px;}
  /* -------- Browse Menu ------------ */
  .page-browse {width:100%; max-width:600px;}
  /* -------- Footer ------------ */
  .footer-links ul li a {padding:6px 10%; font-family:"futura-pt", sans-serif; font-size:16px; font-weight:500;}
  .footer-links > ul > li > a {font-size:18px;}
  .footer-location {display:block; font-size:18px; margin:70px 16px 0 16px; min-width:auto;}
  .footer-location:before {left:50%; top:-70px; margin:0 0 0 -30px;}
  .footer-top .columns h4 {font-size:18px;}
  .footer-top .columns h6 {font-family:"futura-pt", sans-serif; font-size:16px; font-weight:500;}
  /* -------- Banner ------------ */
  .banner-wrap {padding:0;}
  /* -------- Image Sliders ------------ */
  .image-slider-wrap .arrow-mid {width:20px; height:20px; margin:25px 5px;}
  .image-caption {font-size:14px;}
  .caption-title {font-size:16px;}
  /* -------- Tabs ------------ */
  .tab {padding:15px 16px; font-size:18px;}
  /* -------- Image Menu ------------ */
  .content-padding .image-menu-item {font-size:1.85rem;}
  /* -------- Estimator ------------ */
  /* Tabs */
  .est-tab {padding:16px;}
  .est-name {font-size:24px;}
  .est-selected {font-size:16px;}
  .est-tab:not(:last-child):after {display:none;}
  /* Use & Type */
  .estimator ul li span {font-size:1.85rem;}
  /* Summary */
  .est-selection {max-width:280px;}
  .est-selection .est-image {width:95px; height:95px;}
  .est-selection span {font-size:16px; width:120px;}
  .est-sum3 .est-selection span {width:120px;}
  .est-sum3 .est-selection span:last-child {width:120px;}
  .est-sum4 .est-selection span {width:120px;}
  .est-sum4 .est-selection span:last-child {width:120px;}
  .est-selection h4 {font-size:16px;}
}
 
@media screen and (max-width:1080px) {
  /* -------- Text ------------ */
  .col-2 .outdent {margin-left:0;}
  .col-1 .overhang {margin-right:0;}
  .header-button:after {display:none;}
  .header-button h1, .header-button h2 {display:block;}
  .header-button h6 {float:none; margin:16px 0;}
  /* -------- Header ------------ */
  #header {left:0; padding-left:60px;}
  .btn-nav {left:0;}
  .btn-nav:after {display:none;}
  /* -------- Nav ------------ */
  .nav {display:none;}
  /* -------- Footer ------------ */
  .scroll-top {display:none;}
  .footer-top {border:none;}
  .footer-links > ul {width:33.33%; flex:0 1 33.33%; margin-bottom:16px;}
  /* -------- Modals ------------ */
  .overlay {left:0; right:0;}
  .drawer-contact .col-1 {width:auto;}
  /* -------- Content ------------ */
  #content .body-cell {padding-top:60px; border:none;}
  .columns {display:block;}
  .col{display:block; width:auto;}
  .content-padding {margin:60px 20px;}
  .blue-box {padding:4%;}
  /* -------- Footer ------------ */
  .footer-social {width:auto; margin:40px 0; text-align:right;}
  .footer-birds {left:0; margin:0 0 -28px 0; width:240px;}
  .footer-bottom .col-1 {text-align:center; margin:16px 0;}
  .footer-bottom .col-3 {text-align:center; margin:16px 0;}
  /* -------- Banner ------------ */
  .banner-wrap  > div.banner-home {display:block; z-index:1;}
  .banner-wrap  > a.banner-estimator-home {display:block; width:auto; text-align:center;}
  .banner-estimator-home .banner-text {display:inline-block; padding:20px;}
  .col .banner-image {position:relative; left:auto; right:auto; top:auto; bottom:auto; padding-bottom:30%; background-attachment:fixed;}
  /* -------- News ------------ */
  .news-slider-wrap {margin:0 0 60px 10px;}
  .news-list-view {margin:0 10px;}
  .news-block {margin:0 10px 20px 10px;}
  /* -------- Image Slider ------------ */
  .image-slider-wrap {max-width:600px; margin:0 auto;}
  /* In Text - Left */
  .image-slider-element .csc-textpic-intext-left .image-slider-wrap {width:auto; float:none;}
  /* Beside Text - Left */
  .image-slider-element .csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left:0;}
  .image-slider-element .csc-textpic-intext-left-nowrap .image-slider-wrap {width:auto; float:none;}
  /* In Text - Right */
  .image-slider-element .csc-textpic-intext-right .image-slider-wrap {width:auto; float:none;}
  /* Beside Text - Right */
  .image-slider-element .csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right:0;}
  .image-slider-element .csc-textpic-intext-right-nowrap .image-slider-wrap {width:auto; float:none;}
  /* -------- Tabs ------------ */
  .drawer-contact .tabs {box-sizing:border-box; padding-right:60px;}
  /* -------- Grid ------------ */
  .col-layout-grid {margin:20px;}
  /* -------- Estimator ------------ */
  .estimator .col-1 {border-right:none;}
  .est-sum {max-width:480px; margin:0 auto -1px auto;}
}


@media screen and (max-width:960px) {
	/* -------- Fluid Element Image Position ------------ */
  .ce-left .ce-gallery, .ce-right .ce-gallery {float:none; max-width:none;}
  .ce-intext.ce-left .ce-gallery {margin-right:0;}
  .ce-intext.ce-right .ce-gallery {margin-left:0;}
  /* -------- Grid ------------ */
  .col-layout-grid > .col > div {flex:0 0 50%; width:50%;}
}

@media screen and (max-width:800px) {
  /* -------- TYPO3 CSS Styled Content ------------ */
  .csc-textpic-text {margin:0 !important;}
  .csc-textpic-imagewrap {float:none !important;}
  /* -------- Text ------------ */
  .indent {margin-left:20px;}
  .banner-wrap > div:first-child .overhang {margin-right:0;}
  /* -------- Banner ------------ */
  .banner {display:block;}
  .banner-wrap > div {display:block; background-color:rgba(255,255,255,0.9); padding:1px 0; margin:10% 0;}
	.banner-wrap > div.banner-home {margin:0;}
	.banner-wrap > div.banner-estimator-home {margin:0;}
	.banner-wrap > div.banner-estimator {margin:0;}
  .banner-wrap > div.banner-image {position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; margin:0;}
  .banner-left {display:block; width:auto; padding:0; border:none; text-align:center;}
  .banner-right {display:block; width:auto; padding:0; text-align:center;}
  .banner-estimator {width:auto;}
  .banner-estimator-home {width:auto; text-align:center;}
  .banner-estimator-home .banner-text {text-align:left;}
	.banner-wrap h1 {color:#4F4F4F;}
  /* -------- Footer ------------ */
  .icon-facebook {font-size:0; color:transparent; width:60px; height:60px; padding:0;}
  /* -------- Image Menu ------------ */
  .image-menu-item {width:33.33%; font-size:3.4rem;}
  .content-padding .image-menu-item {font-size:3.4rem;}
  /* -------- Estimator ------------ */
  .est-tab .est-name {padding:0; font-size:20px; text-align:center;}
  .est-tab .est-step {position:relative; margin:0 auto;}
  .est-selected {display:none;}
  .estimator li {width:33.33%;}
  .estimator ul li span {font-size:2.5rem;}
}

@media screen and (max-width:600px) {
  /* -------- Text ------------ */
  h1 {font-size:50px;}
  /* -------- Forms ------------ */
  .form_left {display:block; width:auto; padding-right:0;}
  .form_right {display:block; width:auto; padding-left:0;}
  /* -------- Header ------------ */
  .header-logo {padding:5px 8px;}
  .header-quote {display:none;}
  .header-contact span {display:none;}
  .header-contact {width:60px; height:60px; padding:0; background-image:url(../images/icons.png); background-image:url(../images/icons.svg), linear-gradient(transparent, transparent), none; background-position:-120px -520px;}
  .header-phone {display:none;}
  /* -------- Nav ------------ */
  .nav-side > ul {display:none;}
  .nav-side {display:block;}
  .nav-side > ul.nav-main {display:block; width:auto;}
  .nav-side ul li a {font-family:"futura-pt-bold", sans-serif; font-size:18px; font-weight:700; line-height:28px; padding:16px 20px; border-bottom:1px solid #e2e2e2;}
  .nav-side > ul > li:first-child > a {background:none; margin-bottom:0; color:#0080B1; padding:16px 20px;}
  .nav-side > ul > li:first-child > a:hover {background-color:#DADDDE;}
  .btn-sub {display:block;}
  .nav-main ul li.sub > a {padding-right:60px;}
	.nav-side ul li ul li a.disabled {display:block;}
  /* -------- Content ------------ */
  .content-padding {margin:16px;}
  .section-head .content-padding {padding-left:0;}
  .section-head-sidetitle {display:none;}
  /* -------- Browse Menu ------------ */
  .page-browse {display:block;}
  .page-browse a {display:block; width:auto; max-width:400px; margin:5px auto;}
  /* -------- Footer ------------ */
  .footer-links {display:block;}
  .footer-links > ul {display:block; width:auto; margin:0; border:none;}
  .footer-links ul li ul {display:none; margin-left:16px; border-left:1px solid rgba(0,0,0,0.05);}
  .footer-links ul li.open > ul {display:block;}
  .footer-links ul li a {font-size:18px; line-height:28px; padding:16px 20px; border-bottom:1px solid rgba(0,0,0,0.05);}
  .footer-links > ul > li > a {font-family:"futura-pt-bold", sans-serif; font-weight:700;}
  .footer-top .columns {display:block; width:auto;}
  .footer-top .columns > div {display:block; text-align:left; margin:16px 0}
  .footer-top .columns > div:not(:first-child) {border:none;}
  .footer-top .columns > div br {display:none;}
  .footer-location:before {display:none;}
  .footer-top .columns > div h6, .footer-top .columns > div h4 {margin:0;}
  /* -------- Buttons ------------ */
  .btn-line-left {margin:16px;}
  .btn-line-left:before {display:none;}
  /* -------- News ------------ */
  .news-slider-wrap {margin:0 0 40px 8px;}
  .news-list-view {margin:0 8px;}
  .news-block {margin:0 8px 16px 8px;}
  .news-list-view .article {display:block; width:auto;}
  /* -------- Grid ------------ */
  .col-layout-grid {margin:0;}
  .col-layout-grid > .col {display:block; margin:0;}
  .col-layout-grid > .col > div {display:block; width:auto; margin:0;}
  .col-layout-grid > .col > div:after {display:none;}
  /* -------- Image Sliders ------------ */
  .image-slider-wrap .glide__arrows {position:relative; left:auto; right:auto; bottom:auto; margin:16px 0; text-align:center;}
  .image-slider-wrap .glide__arrow {background-position:-18px -420px;}
  .image-slider-wrap .glide__arrow.glide__next {background-position:-118px -420px;}
  .image-slider-wrap .arrow-mid {width:60px; height:60px; margin:5px 15px;}
  /* -------- Tabs ------------ */
  .tabs {display:none;}
  .tab-header {display:block;}
  .tab-element.active {border:none;}
}

@media screen and (max-width:480px) {
  /* -------- Estimator ------------ */
  .est-tab {padding:10px;}
  .est-tab .est-name {font-family:"futura-pt", sans-serif; font-weight:500; font-size:14px;}
  .est-selected {display:none;}
  .estimator li {width:50%;}
  .estimator ul li span {font-size:3.8rem;}
  .est-sum3 .est-selection span {margin-right:10px;}
  .est-sum4 .est-selection span {margin-right:10px;}
}

@media screen and (max-width:380px) {
  /* -------- News ------------ */
  .news-slider-wrap {margin-right:8px;}
}