/* Theme Info

Theme Name: Red Shark Digital
Theme URI: https://redsharkdigital.com/
Author: Red Shark Digital
Version: 3.0

Theme Info */

/* General Resets */
*, ul li {padding: 0; margin: 0 auto; box-sizing: border-box; line-height: 1;}
li {list-style-type: none;}
html {font-size: 10px; font-family: "Nunito Sans";}
input[type=submit], input[type=button], a, button {text-decoration: none; transition: background-color .25s, color .25s; display: inline-block; cursor: pointer; -webkit-appearance: none; border: 0;}
figure, .figure {background-position: center; background-size: cover;}
img {vertical-align: middle; max-width: 100%; height: auto;}
h1, h2, h3, h4, h5 {font-weight: 400;}
h1 {font-size: 4.8em;}
h2 {font-size: 3.2em;}
h3 {font-size: 2.4em;}
h4 {font-size: 2em;}
h5 {font-size: 1.8em;}
p {font-size: 16px; line-height: 1; color: #5D5D5D;}
a {font-size: inherit; color: inherit;}
body {top: 0 !important;}

#google_translate_element, .skiptranslate {display: none;}

.fancybox-overlay {background: rgba(0,0,0,.7) !important; padding: 16px; box-sizing: border-box;}
.fancybox-inner {width: 100% !important; max-width: 900px !important; box-sizing: border-box; overflow: visible !important;}
.fancybox-skin {box-sizing: border-box;}


#searchResults {padding: 150px 0 50px;}
#searchResults form {padding: 16px;}
#searchResults form ul {border: 1px solid #333333; border-radius: 8px; width: auto; display: inline-block; overflow: hidden;}
#searchResults input {border: 0;}
#searchResults input[type="text"] {padding: 24px;}
#searchResults .results a {border: 1px solid #eee; border-radius: 8px; padding: 16px; transition: all .5s;}
#searchResults .results a:hover {box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);}


/* content division */
.center {display: table; width: 100%; table-layout: fixed;}
.center > * {display: table-cell; vertical-align: middle;}
.wide {max-width: 1440px; width: 100%;}
.slim {max-width: 1200px; width: 100%;}
.gutters > * {padding: 16px;}

/* Form Styles */
input, select, textarea, .gfield_radio, .gfield_checkbox {width: 100%; display: block; padding: 25px; font-size: 1.8rem; border: 1px solid #979797; background: #fff; font-size: 12px; line-height: 15px; letter-spacing: 2px; font-weight: 700; text-transform: uppercase;}
input::placeholder {color: #939393;}
label, input[type="radio"], input[type="checkbox"] {display: inline-block; width: auto; padding: 5px;}
.gform_wrapper {background: #fff; padding: 50px 40px !important; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5); position: relative; z-index: 5;}
.gform_heading {text-align: center; padding: 0 0 50px;}
.gform_heading h3 {color: #018559; font-size: 4.8rem; letter-spacing: 4px; line-height: 5.4rem; font-weight: 700; text-transform: uppercase;}
.gform_fields li {padding: 12px;}
.gform_fields > li > label {display: none;}
.gform_footer {padding: 50px 12px 12px; text-align: center;}
.gform_footer input {max-width: 300px; width: 100%; background: #F06449 !important;}
.gform_footer input:hover {background: #018559 !important;}
a.gform_anchor {display: none;}
ul.gform_fields li.gform_validation_container {display: none;}
.hidden_label > label {display: none !important;}
.gform_wrapper .screen-reader-text {display: none !important;}
.gsection {width: 100%;}
.entry ul.gform_fields > li {padding: 16px 8px 8px !important;}
.entry ul.gform_fields li label {padding: 0 0 4px; text-transform: none; font-size: 14px; letter-spacing: 1px;}
.entry ul.gform_fields > li > label {display: block;}
.entry ul.gform_fields li > div:not(.ginput_complex) > span {font-size: 14px; display: block; padding: 4px}

.gfield_radio,
.gfield_checkbox
{display: block; line-height: 0; padding: 0; margin: 0; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; box-sizing: border-box;}
.gfield_radio > li,
.gfield_checkbox > li
{width: 50%; position: relative; line-height: 1; padding: 0 !important; margin: 0; display: inline-block; zoom: 1; *display: inline; letter-spacing: normal; word-spacing: normal; text-rendering: auto; box-sizing: border-box;}
.gfield_radio > li input,
.gfield_checkbox > li input,
.ginput_container_consent input
{position: absolute; top: 27px; left: 16px;}
.gfield_radio > li label,
.gfield_checkbox > li label,
.ginput_container_consent label
{padding: 26px 12px 26px 40px !important; cursor: pointer; display: block; text-transform: none !important;}
.ginput_container_consent {position: relative; border: 1px solid #979797; background: #fff;}

.ginput_complex {display: block; line-height: 0; padding: 0; margin: 0; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; box-sizing: border-box;}
.ginput_complex > span {line-height: 1; padding: 12px 0; margin: 0; display: inline-block; zoom: 1; *display: inline; letter-spacing: normal; word-spacing: normal; text-rendering: auto; box-sizing: border-box;}

.ginput_complex > .name_first {width: 50%; padding-right: 8px;}
.ginput_complex > .name_last {width: 50%; padding-left: 8px;}
.ginput_complex > .address_line_1 {width: 50%;  padding-right: 8px;}
.ginput_complex > .address_line_2 {width: 50%; padding-left: 8px;}
.ginput_complex > .address_city {width: 50%; padding-right: 8px;}
.ginput_complex > .address_state {width: 25%; padding-left: 8px; padding-right: 8px;}
.ginput_complex > .address_zip {width: 25%; padding-left: 8px;}
.ginput_complex > .address_country {width: 50%; padding-right: 8px;}

.gf_progressbar {display: block; width: 100%; background: #ccc; color: #fff; position: relative; height: 24px; margin-bottom: 24px;}
.gf_progressbar_percentage {position: absolute; left: 0; height: 100%; display: block; background: #023F63;}
.gf_progressbar_percentage span {position: absolute; top: 4px; right: 10px; font-size: 16px; font-weight: bold; line-height: 1;}

.gform_wrapper .gfield_description {font-size: 14px; padding: 12px 0 0; color: #777;}
.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea
{text-transform: none;}

body .ginput_container_list table.gfield_list tbody tr td.gfield_list_icons img {padding: 0 !important;}

body .ginput_list table {width: 100% !important;}
.entry h2.gsection_title {font-size: 24px; line-height: 1.2;}
.gform_page_footer {padding: 16px 8px; height: 65px; position: relative;}
.gform_page_footer .gform_button,
.gform_page_footer .gform_previous_button,
.gform_page_footer .gform_next_button
{display: inline-block; padding: 24px 60px; position: absolute; top: 8px; width: auto; font-size: 14px; line-height: 1 !important; border-radius: 0; font-weight: normal; min-width: 0;}
.gform_page_footer .gform_button {background: #F06449; color: #fff; right: 8px;}
.gform_page_footer .gform_previous_button {background: #eee; color: #333; left: 8px;}
.gform_page_footer .gform_next_button {background: #018559; color: #fff; right: 8px;}

.validation_error {padding: 16px; margin: 0 8px; background: #c00; color: #fff; text-align: center;}

/* buttons */
.btn, input[type="submit"], button {padding: 25px; color: #fff !important; background-color: #333; font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 1; letter-spacing: 3px; min-width: 235px; text-align: center; border-radius: 5px}
.btn:hover {background: #555;}

.btn.green {background-color: #018559;}

.keepReading {padding: 50px 0 0; text-align: center;}

#announcement {text-align: center;}
#announcement a {display: block; background: #F06449; color: #fff; font-size: 16px; padding: 8px 16px; text-transform: uppercase; font-weight: 500;}


/* content styles */
.quieter, .entry h5 {font-size: 12px; line-height: 15px; letter-spacing: 2px; font-weight: 700; color: #464646; text-transform: uppercase;}
.quiet, .entry h4 {font-size: 1.8rem; line-height: 2.2rem; letter-spacing: 3px; font-weight: 700; text-transform: uppercase;}
.loud, .entry h3 {font-size: 3.0rem; line-height: 3.7rem; letter-spacing: 2px; font-weight: 800;}
.louder, .entry h2 {font-size: 4.8rem; line-height: 5.4rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 800}
.loudest, .entry h1 {font-size: 6rem; line-height: 6.9rem; letter-spacing: 5px; text-transform: uppercase; font-weight: 800;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5 {padding: 10px 0;}
.entry > *:first-of-type {padding-top: 0;}
.entry p {padding: 0 0 10px;}
.entry h3 {text-transform: uppercase; color: #353535; font-size: 18px; line-height: 22px; letter-spacing: 3px;}
.entry a {color: #023F63}
.entry > ul {padding-left: 30px; padding-bottom: 10px;}
.entry li {list-style-position: outside; margin: 0; padding: 0 0 10px 0; line-height: 1.4; list-style-type: disc; font-size: 16px; line-height: 22px; color: #5D5D5D;}
.entry li:last-of-type {padding: 0;}
.entry blockquote {padding: 10px 20px; background: #fff; margin: 0 0 20px; font-style: italic; border-left: 4px solid #111111; box-shadow: 0 0 1px rgba(0,0,0,.3);}

.entry em {padding: 2px;}

/* social links */
.social_links a {margin: 5px; padding: 4px; text-align: center;}
.social_links a i {display: inline-block; vertical-align: middle; font-size: 2.4rem; color: #fff; transition: all .5s;}

.pbg, .pbgh {background-color: #023F63;}
.pbgh:hover {background-color: #444444;}

.sbg, .sbgh {background-color: #F06449 !important;}
.sbgh:hover {background-color: #018559 !important;}

.tbg, .tbgh {background-color: #018559;}
.tbgh:hover {background-color: #666666;}

.pfc, .pfch {color: #023F63;}
.pfch:hover {color: #444444;}

.sfc, .sfch {color: #F06449;}
.sfch:hover {color: #018559;}

.tfc, .tfch {color: #018559;}
.tfch:hover {color: #666666;}


#mobile_menu .menu li[class*="current"] > a,
#mobile_menu .menu li a:hover {background: #111111;}

/* header */
header.top {width: 100%; z-index:11000; position: relative;}
header.top .wide {padding: 0 16px;}
/* header.top .wide > div {display: table-cell; vertical-align: middle;} */
.top_logo {width: auto; position: absolute; top: 0; z-index: 11000}
.top_logo::before {height: inherit; width: 500px; top: 0; left: -500px; content: ''; background: #fff; position: absolute;}
.top_logo img {width: auto; height: inherit;}
.top_logo a {display: block; font-size: 2.4rem; height: inherit;}

/* navigation */
.main_menu {text-align: right;}
.main_menu .menu li > a {padding: 16px; display: inline-block; font-size: 1.4rem; text-transform: uppercase; font-weight: 700; border-right: 1px solid #EAEAEA}
.main_menu .menu li:first-of-type > a {border-left: 1px solid #EAEAEA;}
.main_menu .menu li > a > span {font-size: 12px;}
.main_menu .menu li > a > span > span {font-size: 10px;}
.main_menu .menu li[class*="current"] a,
.main_menu .menu li > a:hover {font-weight: 700;}

/*.mainMenu.staying .menu-main-navigation-container {padding-left: 298px;}*/

.mainMenu.scrolling {position: fixed; z-index: 13000; width: 100%; top: -150px; transition: top .25s; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); /*padding-left: 298px;*/}
.mainMenu.scrolling.show {top: 0;}
.mainMenu.scrolling .wide {position: relative;}
.mainMenu.scrolling .wide a.scrollLogo {position: absolute; top: -5px; left: 16px; padding: 0; width: 130px; z-index: 11000}

.mainMenu {background: linear-gradient(303.47deg, #02BB92 0%, #018559 100%); text-align: right; position: relative; z-index: 500;}
.mainMenu a {color: #fff; padding: 16px; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; line-height: 2.1rem; font-size: 1.7rem; position: relative;}
.mainMenu a::after {position: absolute; content: ''; bottom: 14px; left: 50%; height: 2px; width: 0; transition: all .5s; background: #fff; opacity: 0;}
.mainMenu li[class*="current"] a::after,
.mainMenu a:hover::after {left: 16px; width: calc(100% - 32px); opacity: .8}

.contactInfo.inline {padding: 0 0 20px; border-bottom: 1px solid #D8D8D8;}
.contactInfo.inline h4 {color: #AFEBE5; font-size: 14px; font-weight: 700; line-height: 17px; text-transform: uppercase; padding: 0 0 20px;}
.contactInfo.inline p {font-size: 14px; line-height: 22px; color: #fff;}
.contactInfo.inline p a {color: #fff;}

.menu li {position: relative;}
/* ul.sub-menu {position: absolute; display: none; left: 0; z-index: 13000; width: 300px; background: #fff;}
ul.sub-menu li {background: #fff; display: inline-block; width: 100%;}
ul.sub-menu a {padding: 10px 20px; display: block; color: #111 !important; width: auto; z-index: 12000; background: #fff;}
ul.sub-menu li[class*="current"], ul.sub-menu a:hover {background: #111; color: #fff !important;}
ul.menu li:hover > ul.sub-menu {display: block; background: #fff;}
ul.sub-menu > li > ul.sub-menu {left: 280px; z-index: 13000; top: -2px;} */

.mobileMenu {position: relative; z-index: 3000;}
.mobileMenu .menuwrapper {position: absolute; display: none; width: 100%; background: #fff; text-align: center;}
.mobileMenu .menu li {display: block;}
.mobileMenu .menu li a {display: block; padding: 20px 10px; text-transform: uppercase; font-size: 16px; text-align: right;}
.mobileMenu .menu li[class*="current"] > a, .mobileMenu .menu li a:hover {color: #018559;}
a.mobileNav {font-size: 3.6rem; display: none;}
.mobile {display: none;}

.mainMenu.scrolling .dropdown .menu {display: none; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); z-index: 1000;}
.mainMenu.scrolling .dropdown .menu > li {display: block; width: 100%;}
.mainMenu.scrolling .dropdown .menu > li > a {color: #111; text-align: right; display: block; width: 100%; font-weight: 300; font-size: 16px; padding: 20px 10px;}
.mainMenu.scrolling .dropdown .menu > li > a:hover {color: #018559;}
.menuwrapper {box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);}

/* footer */
.contact {background: #BCCACD;}
.contact.theMap {height: 600px !important; position: relative; margin-top: -75px}
.contact .topSide {background: #fff; position: relative; overflow: hidden;}
.mapApi {transform: skewY(7deg); position: relative;}
#theMap {height: 600px;}

.bottom {}
.bottom .topSide {background: #BCCACD;}
footer {background: linear-gradient(232.89deg, #05739C 0%, #023F63 100%);}
.contactUs {background: #BCCACD; padding: 75px 16px 0;}
.contactUs h2 {padding: 0 0 16px;}
.contactUs p {display: inline-block; max-width: 460px; padding: 0 0 30px;}
.contactUs form h3 {font-size: 1.8rem; line-height: 2.2rem; letter-spacing: 1px; font-weight: 800; text-transform: uppercase;}
.contactUs form .inline {padding: 16px 0;}
.contactUs form .inline > li {padding-right: 30px; font-size: 14px; line-height: 17px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700;}
.contactUs form .inline > li > * {vertical-align: middle; display: inline-block; padding: 0;}
.contactUs form .inline > li > input {height: 17px; width: 17px;}
.contactUs form .signup {font-size: 0;}
.contactUs form .signup > input {border-radius: 0; display: inline-block; font-size: 12px; line-height: 15px; padding: 25px; border: 0; height: 65px; }
.contactUs form .signup > input.e_mail {width: calc(100% - 235px); text-transform: uppercase; font-weight: 800; letter-spacing: 2px;}
.contactUs form .signup > input.e_mail::placeholder {text-transform: uppercase; font-weight: 800; letter-spacing: 2px;}
.contactUs form .signup > input.signup {width: 235px;}
.contactUs .half {vertical-align: top;}
.contactUs .emergency {text-align: right;}
.contactUs .emergency a {color: #fff; display: block;}
.contactUs .emergency p > a {display: inline-block;}
.contactUs .phones p {display: block; max-width: 100%;}

footer .logo.wide {padding: 50px 0 10px; position: relative;}
footer .logo.wide::after {position: absolute; content: ''; height: 1px; width: calc(100% - 32px); bottom: 0; left: 16px; background: #D8D8D8;}
footer .logo.wide .links {text-align: right;}

footer .footerMenu {padding: 32px 16px 65px;}
footer .footerMenu a {color: #fff; font-size: 14px;}
footer .footerMenu .menu {width: 100%; display: block;}
footer .footerMenu .menu > li:last-of-type {padding-right: 0 !important;}
footer .footerMenu .menu > li > a {font-weight: 700; line-height: 17px; text-transform: uppercase;}
footer .footerMenu .menu > li > .sub-menu {display: block; padding: 20px 0 0;}
footer .footerMenu .sub-menu > li > a {line-height: 38px;}
footer .contactMenu {padding: 0 16px;}
footer .extraLinks {padding: 0 16px;}
footer .extraLinks > li > a {padding: 0 8px; border-right: 2px solid #BCCACD; color: #BCCACD; font-size: 14px; line-height: 17px; font-weight: 700;}
footer .extraLinks > li:first-of-type > a {padding-left: 0;}
footer .extraLinks > li:last-of-type > a {border-right: 0;}

.copyright {font-size: 1.4rem; padding: 10px 16px; text-align: right; color: #fff;}
.copyright > span {display: inline-block; font-size: 12px; line-height: 16px;}

/* Tiles */
.tile {perspective: 1000px;}
.tile:hover .block {transform: rotateY(180deg);}
.tile > .block {position: relative; transform-style: preserve-3d; transition: all .5s;}
.block > * {position: absolute; color: #fff; top: 0; left: 0; backface-visibility: hidden; display: block;}
.block > .front {z-index: 2; transform: rotateY(0deg);}
.block > .back {transform: rotateY(180deg);}

/* Zoom Box */
.zoom {overflow: hidden; position: relative;}
.zoom > * {height: inherit; width: 100%;}
.zoom > figure {transform: scale(1); transition: all .5s; position: absolute; width: 100%; top: 0; left: 0; z-index: -1;}
.zoom:hover > figure {transform: scale(1.1);}

/* Gallery */
ul.gallery {padding: 0 !important;}
ul.gallery li {padding: 10px;}
ul.gallery li a {display: block;}


/* Lightbox */
#lightbox {display: none; width: 100%; height: 100vh; position: fixed; z-index: 5000; text-align: center; top: 0;}
#lightbox .shade {background: rgba(0, 0, 0, .7); position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 5500;}
#lightbox.on {display: flex; justify-content: center; align-items: center;}
#lightbox .frame {position: relative; display: inline-block; border: 2px solid #111; background: #111; max-width: 90%; z-index: 6000;}
#lightbox img {max-height: 90vh;}
#lightbox .flex a {color: #fff; padding: 10px; text-transform: uppercase; font-size: 1.4rem; flex: 1;}
#lightbox .flex a:hover {background: #fff; color: #111;}


.split {overflow: hidden;}
.split .topSide {border-radius: 0 0 75px 0; height: 300px; transform: skewY(-7deg); height: inherit; position: relative;}

/* Slider Styling */
.slider {z-index: 5;}
.slider > * {position: absolute; z-index: 1; opacity: 0; transition: all .75s;}
.slider .active {position: relative; z-index: 2; opacity: 1;}


.slim {position: relative;}
/* everything else */
#slides {position: relative; padding: 0 0 100px; /*overflow: hidden;*/}
#slides .curveWrapper {border-radius: 0 0 75px 0; transform: skewY(-7deg); overflow: hidden; position: absolute; width: 100%; left: 0;}
#slides .curveWrapper > figure {transform: skewY(7deg); position: relative; padding: 25px 0; min-height: 800px; position: relative; height: inherit;}
#slides figure > video {position: absolute; top: -1px; left: 0; z-index: 1; min-height: inherit; min-width: 100%;}
#slides figure > img {position: absolute; top: 0; left: 0; z-index: 1; width: 100%;}
#slides .wide {padding: 110px 16px; color: #fff; position: relative; background-image: url(media/deepblue.svg); background-size: contain; background-repeat: no-repeat; background-position: top left; z-index: 5;}
/* #slides .wide .hexagon {position: absolute; top: 40px; left: -40px; z-index: -5;} */
/* #slides .slim {z-index: 6;} */
/* #slides .slim .wrapper {padding: 75px 0;} */
#slides h2 {text-shadow: 0 0 10px rgba(0,0,0,.4);}
#slides h3 {font-size: 16px; line-height: 3.4rem; padding: 0 0 30px;}
.slideLinks {text-align: center; position: absolute; bottom: 10px; width: 100%;}
.slideLinks ul.inline {background: #fff; border-radius: 5px; box-shadow: 0 4px 11px 0 rgba(0,0,0,0.26); display: inline-block; padding: 10px 35px 0}
.slideLinks ul.inline li {width: 150px;}
.slideLinks figure {height: 80px; width: 80px; background-size: contain; background-repeat: no-repeat;}
.slideLinks span {display: inline-block; padding: 20px 0 0; font-size: 11px; line-height: 29px; text-transform: uppercase; font-weight: 700;}



#welcome {padding: 100px 0; position: relative;}
#welcome p {font-size: 1.6rem; line-height: 3.4rem; color: #5D5D5D; max-width: 590px; margin: 0; padding: 16px 0 40px;}
#welcome .images {position: relative;}
#welcome .hexagon {position: absolute; z-index: 1000;}
#welcome .hexagon.blue {top: 100px; right: 45px;}
#welcome .hexagon.teal {left: -16px; top: 150px;}
#welcome .hexagon.red {top: 325px; left: 90px;}



#special {padding: 100px 0 0; z-index: 2; position: relative;}
#special h2 {text-align: center; padding: 0 16px 48px;}
#special article {box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5); display: table; width: 100%; border-radius: 5px; overflow: hidden; background: #fff;}
#special article > * {display: table-cell;}
#special article .image {width: 145px; overflow: hidden; position: relative;}
#special article .image > figure {width: 145px; transform: skewY(-25deg); position: absolute; top: -50px; overflow: hidden; border-radius: 4px; z-index: 2; left: 0;}
#special article .image > figure .imageBox { transform: skewY(25deg); position: absolute; top: 50px; left: 0; height: inherit; max-width: none; z-index: -1; display: inline-block; width: 145px;}
#special article .content {padding: 20px 50px 30px;}
#special article .content h3 {padding: 0 0 13px;}
#special article .content p {color: #5D5D5D; font-size: 16px; line-height: 34px; padding: 0 0 24px;}
#special article .content a {font-size: 16px; line-height: 34px; font-weight: 800; text-transform: uppercase;}
#special article .content a::after {content: ">"; padding-left: 10px;}

#whatsnew {padding: 64px 0 0; z-index: 2; position: relative;}
#whatsnew h2.louder {padding: 0 16px 16px;}
#whatsnew article {background: #fff; padding: 24px 32px 58px; border-radius: 8px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5); position: relative;}
#whatsnew article p {font-size: 16px; line-height: 2.2; color: #686868; padding: 16px 0 0;}
#whatsnew article .links {position: absolute; bottom: 24px; left: 32px;}
#whatsnew article .links a {text-transform: uppercase; font-size: 16px; color: #018559; line-height: 1; font-weight: bold;}
#whatsnew article .links a:hover {color: #666;}
#whatsnew article .links a::after {content: ">"; padding-left: 10px;}

/* #banner {position: relative; overflow: hidden; border-radius: 0 0 75px 0;}
#banner .shapes {background: rgba(0,0,0,.4);}
#banner .shapes .wide {padding: 100px 16px;}
#banner .shapes .wide, #banner .shapes .slim {position: relative;}
#banner h1 {color: #fff; text-transform: uppercase; z-index: 10; position: relative;}
#banner .hexagon {position: absolute;}
#banner .hexagon.blue {top: 10px; left: 16px; height: 170px;}
#banner .hexagon.teal {bottom: 0; left: -21px; height: 110px;}
#banner .hexagon.red {bottom: 0; left: 100px; height: 110px;} */
/* #banner .curveWrapper > figure {height: inherit; transform: skewY(7deg); position: relative;} */

.faqSections h5 {padding: 0 0 16px;}
.faqSections li a {text-transform: uppercase; color: #018559; padding: 0 16px; border-right: 2px solid #018559; font-weight: 700;}
.faqSections li:last-of-type a {border-right: 0;}
.faqSections li:first-of-type a {padding-left: 0;}



#banner {position: relative; height: 375px;}
#banner .shapes {position: absolute; width: 100%; top: 0; left: 0; z-index: 5;}
#banner .shapes .wide, #banner .shapes .slim {position: relative;}
#banner h1 {color: #fff; text-transform: uppercase; z-index: 10; position: relative; position: absolute; top: 100px; left: 16px;}
#banner .hexagon {position: absolute;}
#banner .hexagon.blue {top: 0px; left: 16px; height: 375px;}
#banner .hexagon.teal {top: 295px; left: -100px; height: 220px;}
#banner .hexagon.red {top: 180px; left: 365px; height: 220px;}
#banner .curveWrapper {border-radius: 0 0 75px 0; transform: skewY(-7deg); overflow: hidden; position: absolute; width: 100%; left: 0; height: inherit;}
#banner .curveWrapper > figure {height: inherit; transform: skewY(7deg); position: relative; background-color: rgba(0,0,0,.3); background-blend-mode: multiply;}


.simple_content {padding: 110px 16px 32px; position: relative; z-index: 1;}

#theContent {padding: 110px 16px 50px; position: relative; z-index: 100;}
#theContent.simple_content {padding: 110px 16px 16px;}
#theContent .inline .half {vertical-align: middle; text-align: left;}
#theContent .entry {position: relative; z-index: 1000}
#theContent .entry h2 {color: #018559; padding: 0 0 16px;}
#theContent .entry p {color: #5D5D5D; font-size: 16px; line-height: 24px;}
#theContent .entry p.special {color: #5D5D5D; font-size: 24px; line-height: 1.4;}
#theContent .entry .special {color: #5D5D5D; font-size: 24px; line-height: 1.4;}
#theContent .entry p a {font-weight: bold;}
#theContent .hexagon {position: absolute;}
#theContent .teal {bottom: -150px; right: 225px; height: 220px;}
#theContent .red {bottom: 80px; right: 150px; height: 220px;}
#theContent .entry h4.date {padding: 0 0 32px;}
#theContent .center > * {vertical-align: top;}
nav.sidebar + .contentWrapper {padding-left: 80px;}

#newsKids {padding: 175px 0 0;}
#theContent.blogs {padding: 0 16px 50px;}
#theContent.blogs .half > img {width: 85%;}


#blocks {padding: 200px 0 100px; position: relative; text-align: center; z-index: 1000; overflow:hidden;}
#blocks li {padding: 25px;}
#blocks a {display: block; border-radius: 5px; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5); padding: 24px; color: #023F63; transition: box-shadow .5s; background: #fff; width: 350px;}
#blocks a:hover {box-shadow: 0 10px 16px 0 rgba(0,0,0,.3);}
#blocks figure {margin-bottom: 16px; padding: 30px 0; background-image: url('media/teal.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
#blocks img {height: 60px; width: auto;}
#blocks .hexagon {position: absolute; z-index: -1}
#blocks .blue {bottom: 100px; right: -215px; height: 435px;}
#blocks .teal {bottom: 270px; right: 195px; height: 220px;}
#blocks .red {bottom: 455px; right: 80px; height: 220px;}

#theContent + #blocks {padding-top: 0;}
#theContent + #blocks .blue {top: 30px; right: -150px; height: 435px;}
#theContent + #blocks .teal {display: none;}
#theContent + #blocks .red {display: none;}

.moreBlogs {overflow: hidden;}
.moreBlogs .hexagon {position: absolute; z-index: -1}
.moreBlogs .blue {bottom: 100px; right: -100px; height: 435px;}

.faqSections article {padding: 5rem 0 0;}



#contactUs {padding: 75px 0 0; position: relative; overflow: hidden;}
#contactUs .inline > * {padding: 25px 50px;}
#contactUs .entry h3 {color: #023F63; text-transform: uppercase;}
#contactUs .entry a {color: #018559;}
#contactUs .hexagon {position: absolute;}
#contactUs .hexagon.blue {bottom: 20px; right: -300px; height: 435px;}
#contactUs .hexagon.teal {bottom: 185px; right: 110px; height: 220px;}
#contactUs .hexagon.red {bottom: 375px; right: 0px; height: 220px;}
#contactUs .locations {position: relative; z-index: 5;}

#childNav {background: #fff; text-align: right; position: relative; z-index: 500;}
#childNav a {padding: 16px; color: #5d5d5d; font-size: 14px; letter-spacing: 2px; line-height: 17px; text-transform: uppercase; font-weight: 700;}
#childNav li {padding-left: 20px;}
#childNav li.active a, #childNav a:hover {color: #018559}

#newsKids .inline > li {vertical-align: bottom;}
#newsKids h3 {font-size: 30px !important; text-transform: uppercase; font-weight: 900;}
#newsKids a {padding: 0 16px; color: #777; text-transform: uppercase; font-size: 16px;}
#newsKids a:hover {color: #018559}

#our_videos {padding: 100px 0 50px;}
#our_videos iframe {width: 100%; border-radius: 8px;}
#our_videos h3 {color: #353535; font-size: 18px; line-height: 22px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; padding: 15px 0 0;}

.sidebar {width: 360px; vertical-align: top !important;}
.sidebar ul.tops {box-shadow: 0 2px 4px 0 rgba(0,0,0,.5); text-align: left; width: 100%; max-width: 450px;}
.sidebar ul.tops > li > a {color: #353535; font-size: 18px; font-weight: 800; line-height: 22px; letter-spacing: 3px; text-transform: uppercase; border-left: 7px solid transparent; padding: 16px 32px; background: #fff;}
.sidebar ul.tops li.active > a,
.sidebar ul.tops li a:hover {color: #018559; border-color: #018559;}
nav.sidebar + .contetWrapper {padding-left: 80px; text-align: left;}
.sidebar ul.subnav {padding-left: 32px;}
.sidebar ul.subnav > li > a {font-size: 14px; line-height: 18px; padding: 8px; text-transform: uppercase; font-weight: 700; color: #353535;}


.entry + .faqs {padding: 6.4rem 0 0;}
.faqs > li { padding: 3.7rem 6.4rem 5rem; position: relative; z-index: 5;}
.faqs > li::before {position: absolute; content: ''; top: 0; left: 0; height: 120px; width: 120px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(media/teal.svg); z-index: -1;}
.faqs > li:last-of-type {margin: 0 auto;}
.faqs h2 {font-size: 3.9rem; line-height: 4.8rem; letter-spacing: 3px; text-transform: uppercase; color: #023F63; font-weight: 800;}
.faqs p {padding-top: 24px; color: #353535; line-height: 24px;}

.entry p iframe {width: 100%;}


.entry img {padding-bottom: 20px;}
.entry img.alignright {float: right; padding-left: 20px;}
.entry img.alignleft {float: right; padding-right: 20px;}


ul.resources li {padding: 16px;}
ul.resources li:nth-of-type(3n+1) {padding-left: 0;}
ul.resources li:nth-of-type(3n+3) {padding-right: 0;}
ul.resources a {display: flex; justify-content: center; align-items: center; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); min-height: 125px; padding: 16px; text-align: center;}
ul.resources a span {font-size: 12px; line-height: 15px; letter-spacing: 3px; text-transform: uppercase; font-weight: 700; color: #023F63; max-width: 200px;}

.accordianWrap {padding: 32px 0 0;}
.accordianWrap .singleAccordian {border-top: 2px solid #ddd;}
.accordianWrap h2 {padding: 16px 0;}
.accordianWrap h2 i {padding-left: 20px;}
.accordianWrap h2 .fa-chevron-up {display: none;}
.accordianWrap .resources {display: none;}
.accordianWrap .active .resources {display: flex;}
.accordianWrap .active h2 .fa-chevron-up {display: inline-block;}
.accordianWrap .active h2 .fa-chevron-down {display: none;}



#popup {position: fixed; bottom: 0; right: 0; padding: 16px; z-index: 5000;}
#popup.active form {display: block;}
#popup.active a.btn {display: none;}
#popup form {background: #fff; max-width: 350px; padding: 16px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); border-radius: 5px; position: relative; display: none;}
#popup form > a {font-size: 20px; position: absolute; top: 16px; right: 16px;}
#popup form input {padding: 12px;}

.link_blocks {max-width: 1200px !important;}
.link_blocks.blocks--1 > li {flex: 0 0 100%;}
.link_blocks.blocks--2 > li {flex: 0 0 50%;}
.link_blocks.blocks--3 > li {flex: 0 0 33.33%;}
.link_blocks.blocks--4 > li {flex: 0 0 25%;}
.link_blocks.blocks--5 > li {flex: 0 0 20%;}

/* Mobile Styles */
.flex {display: flex; flex-wrap: wrap; justify-content: center;}
.flex > * {margin: 0;}
.flex > * > * {height: 100%;}
.inline, .menu, ul.gform_fields, .gform_radio, .gform_checkbox {font-size: 0;}
.inline > *, .menu > li, ul.gform_fields > li, .gform_radio > li, .gform_checkbox > li, .ginput_complex > span {font-size: initial; display: inline-block; vertical-align: top;}

.mx01 {width: 8.333%;}
.mx02 {width: 16.666%;}
.mx03 {width: 25%;}
.mx04 {width: 33.333%;}
.mx05 {width: 41.666%;}
.mx06 {width: 50%;}
.mx07 {width: 58.333%;}
.mx08 {width: 66.666%;}
.mx09 {width: 75%;}
.mx10 {width: 83.333%;}
.mx11 {width: 91.666%;}
.mx12 {width: 100%;}
.full {width: 100%;}
[class*="fifth"] {width: 20%;}
[class*="fourth"] {width: 25%;}
[class*="third"] {width: 33.33%;}
[class*="half"] {width: 50%;}
[class*="full"] {width: 100%;}
[class*="two-thirds"] {width: 66.66%;}
[class*="three-fourths"] {width: 75%;}

/* Large Screen Size */
@media (max-width: 1200px) {
    .lg01 {width: 8.333%;}
    .lg02 {width: 16.666%;}
    .lg03 {width: 25%;}
    .lg04 {width: 33.333%;}
    .lg05 {width: 41.666%;}
    .lg06 {width: 50%;}
    .lg07 {width: 58.333%;}
    .lg08 {width: 66.666%;}
    .lg09 {width: 75%;}
    .lg10 {width: 83.333%;}
    .lg11 {width: 91.666%;}
    .lg12 {width: 100%;}

    [class*="fifth"] {width: 25%;}
    [class*="fourth"] {width: 33.33%;}

    html {font-size: 9px;}

    .mainMenu .menu {display: none;}
    .mobileMenu.on .menuwrapper {display: block;}
    a.mobileNav {display: inline-block}

    nav#childNav {display: none;}

    header.top .wide {padding: 0;}
    .mainMenu.scrolling .dropdown .menu.on {display: block;}

    header.top .main_menu {display: none;}
    header.top .top_logo img {height: 90px; padding-left: 16px; position: relative;}
    header.top .top_logo::before {position: absolute; content: ''; background: #fff; top: 0; left: 0; height: 90px; width: 16px; z-index: 11000}

}

/* Medium Screen size - Mobile starts here */
@media (max-width: 992px) {
    .mobile {display: inline-block;}
    .desktop {display: none;}
    ul.sub-menu {display: none !important;}


    .top_logo {width: 200px;}

    .md01 {width: 8.333%;}
    .md02 {width: 16.666%;}
    .md03 {width: 25%;}
    .md04 {width: 33.333%;}
    .md05 {width: 41.666%;}
    .md06 {width: 50%;}
    .md07 {width: 58.333%;}
    .md08 {width: 66.666%;}
    .md09 {width: 75%;}
    .md10 {width: 83.333%;}
    .md11 {width: 91.666%;}
    .md12 {width: 100%;}

    [class*="fifth"] {width: 33.33%;}
    [class*="third"] {width: 50%;}
    [class*="half"] {width: 100%;}
    .center, .center > * {display: block;}

    ul.resources li:nth-of-type(2n+1) {padding-left: 0 !important;}
    ul.resources li:nth-of-type(2n+2) {padding-right: 0 !important;}

    /* .gutters > * {padding: 8px;} */

    html {font-size: 8px;}

    footer, .contactUs .emergency {text-align: center;}

    .split {display: none !important;}

    .contactUs {padding: 100px 16px}

    #special {padding: 100px 16px;}

    footer .logo.wide .links {text-align: center;}
    footer .footerMenu .menu > li {width: 100%; text-align: center; padding: 8px;}
    .contactInfo.inline > li {width: 100%; text-align: center; padding: 0 0 50px;}

    .copyright {text-align: center;}
    #slides {padding: 0 0 40px;}
    #slides {overflow: visible; height: auto !important;}
    #slides .curveWrapper, #slides .curveWrapper figure {transform: skewY(0deg); border-radius: 0; top: 0 !important;}
    #slides .curveWrapper {position: relative;}
    .slideLinks {position: relative; bottom: auto;}
    .slideLinks > ul.inline {display: block; position: relative;}

    #welcome {text-align: center;}
    #welcome p {margin: 0 auto;}
    #welcome .blue {display: none;}

    nav.sidebar {padding: 0 0 32px; width: 100%;}
    nav.sidebar ul.tops {max-width: 100%;}
    nav.sidebar + .contentWrapper, nav.sidebar + .contetWrapper {padding: 16px;}
    .contentWrapper, .contetWrapper {position: relative; z-index: 1100;}

    .gform_wrapper {padding: 20px !important;}

    #contactUs .locations {text-align: center;}

    #banner .shapes img.teal, #banner .shapes img.red {display: none;}
    #banner .curveWrapper, #banner .curveWrapper figure {transform: skewY(0deg); top: 0 !important; border-radius: 0;}
    #banner .hexagon.blue {left: 0;}

    #theContent {padding: 50px 16px}
    .faqs > li {padding: 16px;}
    .faqs p {padding: 10px 0 0;}

    #theContent .wide.inline.gutters {display: table; z-index: 900; position: relative;}
    #theContent .wide >.half:last-of-type {display: table-header-group;}
    #theContent .wide >.half:first-of-type {display: table-footer-group;}
    #theContent.blogs .entry { text-align: center; background: #fff; padding: 16px;}
    #theContent.blogs .wide {box-shadow: 0 2px 4px 0 rgba(0,0,0,.3); border-radius: 8px; overflow: hidden;}
    
    .main_menu .menu li > a {padding: 8px;}

    #blocks li {padding: 16px;}

    section#contactUs > img {display: none;}
    
    #whatsnew {padding: 0;}
    #whatsnew h2.louder {text-align: center;}
}

/* Small Screen Size */
@media (max-width: 768px) {
    .sm01 {width: 8.333%;}
    .sm02 {width: 16.666%;}
    .sm03 {width: 25%;}
    .sm04 {width: 33.333%;}
    .sm05 {width: 41.666%;}
    .sm06 {width: 50%;}
    .sm07 {width: 58.333%;}
    .sm08 {width: 66.666%;}
    .sm09 {width: 75%;}
    .sm10 {width: 83.333%;}
    .sm11 {width: 91.666%;}
    .sm12 {width: 100%;}

    [class*="fifth"], [class*="fourth"] {width: 50%;}
    [class*="third"] {width: 100%;}

    ul.resources li {padding: 16px 0 !important;}

    html {font-size: 7px;}

    #special article, #special article > * {display: block; text-align: center; width: 100% !important;}
    #special article .image > figure {height: 200px !important; transform: skewY(0deg); position: relative; top: auto; left: auto; width: 100%; overflow: visible; background: none !important;}
    #special article .image {overflow: visible; height: auto;}
    #special article .image figure > .imageBox {position: relative; top: auto; left: auto; transform: skewY(0deg); width: auto !important; padding: 20px 0 0; width: 100% !important;}

    .contactUs form .signup > * {width: 100% !important;}
    .contactUs form .signup > input::placeholder {text-align: center;}

    #special article .content {padding: 16px;}
    
    .ginput_complex > span {width: 100% !important; display: block !important; padding: 12px 0 !important;}
    .gform_page_footer {text-align: center; height: auto;}
    .gform_page_footer .gform_button,
    .gform_page_footer .gform_previous_button,
    .gform_page_footer .gform_next_button
    {position: static; margin: 16px 0;}
    .gfield_radio > li, .gfield_checkbox > li {width: 100%;}

}

/* Miminum Screen Size */
@media (max-width: 500px) {
    .mn01 {width: 8.333%;}
    .mn02 {width: 16.666%;}
    .mn03 {width: 25%;}
    .mn04 {width: 33.333%;}
    .mn05 {width: 41.666%;}
    .mn06 {width: 50%;}
    .mn07 {width: 58.333%;}
    .mn08 {width: 66.666%;}
    .mn09 {width: 75%;}
    .mn10 {width: 83.333%;}
    .mn11 {width: 91.666%;}
    .mn12 {width: 100%;}

    [class*="fifth"], [class*="fourth"] {width: 100%;}

    html {font-size: 6px;}
}










#serviceAddress form[name="addressService"] div.loading {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}