/*! reset.css */
 body {
     color: #333;
     font-size: 14px;
     font-family: 'Trebuchet MS', Helvetica, sans-serif;
     line-height: 1.5 
}
 body, p, h1, h2, h3, h4, h5, h6, a, a img, div, blockquote, cite, address {
     margin: 0;
     padding: 0 
}
 table, thead, caption, tbody, tr, td {
     border: none;
     border-collapse: separate;
     border-spacing: 0;
     text-align: left;
     vertical-align: top 
}
 img {
     border: 0;
     vertical-align: bottom 
}
 h1, h2, h3, h4, h5, h6 {
     font-size: 1.1em;
     font-weight: normal;
     line-height: 1.25;
     margin-bottom: 0.5em;
     margin-top: 1em 
}
 h1 {
     font-size: 2em;
     margin-top: 0 
}
 h2 {
     font-size: 1.5em 
}
 h3 {
     font-size: 1.2em 
}
 a {
     outline: 0;
     text-decoration: underline 
}
 a:hover {
     text-decoration: none 
}
 a, a span, button {
     cursor: pointer 
}
 p, ul, ol {
     margin-bottom: 0.8em 
}
 ul, ol {
     margin-left: 0;
     padding-left: 30px 
}
 li {
     margin-bottom: 0.5em 
}
 blockquote {
     background: url(../img/design/quotes.png) no-repeat;
     border-bottom: 3px double #e2e2e2;
     margin: 10px;
     font-family: Georgia, serif;
     color: #666;
     overflow: hidden;
     padding: 13px 15px 1px 60px 
}
 .group:after, .clearfix:after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     font-size: 1px;
     line-height: 1px;
     overflow: hidden;
     visibility: hidden 
}
 .group, .clearfix {
     display: block;
     zoom: 1 
}
 .clear {
     clear: both 
}
/*! form.css */
 form.validate, form.validate fieldset, form.validate input {
     margin: 0;
     padding: 0 
}
 form.validate {
     background: #f8f8f8;
     border: 1px solid #e2e2e2;
     padding: 10px;
     width: 90%;
     margin-bottom: 1.5em 
}
 form.validate p {
     clear: both;
     margin: 0 0 8px;
     padding: 2px 
}
 form.validate fieldset {
     border: 0;
     margin: 1em 0;
     padding: 1em 
}
 .home-slider-img {
         border-radius: 12px !important;
    }
 form.validate legend {
     _margin-left: -7px;
     color: #000C7A;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 1em;
     font-weight: bold;
     margin-bottom: 10px 
}
 form.validate label {
     float: left;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.9em;
     margin-right: 5px;
     width: 30% 
}
 form.validate input {
     border: 1px solid #999;
     padding: 5px;
     width: 60% 
}
 form.validate input#hours {
     color: #333 
}
 form.validate textarea {
     border: 1px solid #999;
     height: 100px;
     padding: 5px;
     width: 60% 
}
 form.validate h2 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 0.9em 
}
 form.validate input.radio, form.validate input.checkbox {
     float: left;
     margin-right: 5px;
     width: auto 
}
 form.validate .radiolabel, form.validate .checkboxlabel {
     margin-right: 25px;
     width: auto 
}
 form.validate p.note {
     font-size: 0.9em;
     font-style: italic;
     margin-bottom: 20px 
}
 form.validate em.required {
     color: red;
     font-size: 0.9em;
     font-style: normal 
}
 form.validate label.error, form.validate input.submit {
     color: red;
     margin: 5px 0 0 
}
 form.validate input.submit {
     width: auto 
}
 form.validate div {
     overflow: hidden 
}
 form.validate div input, form.validate div button {
     background: #1B3E2C;
     color: #fff;
     float: right;
     font-size: 90%;
     margin-right: 37px;
     margin-top: 15px;
     padding: 3px 5px;
     text-transform: uppercase;
     width: 20% 
}
 form#mini div input, form#mini div button {
     margin-right: 15px 
}
 form.validate input#city {
     background: #fff;
     margin-right: 15px;
     width: 40% 
}
 form.validate input#state {
     width: 10% 
}
 form.validate input#zip, form.validate input#datepicker {
     width: 20% 
}
 form.validate input#verif_box {
     width: 20% 
}
 form.validate label.error {
     display: block;
     width: 100%;
     clear: both;
     float: none;
     color: red;
     font-size: .85em 
}
 form.validate input.error {
     border: 1px solid red;
     color: #333 
}
 input#verif_box {
     width: 20% 
}
 label.error {
     display: block;
     width: 100%;
     clear: both;
     float: none;
     color: red;
     font-size: .85em 
}
 input.error {
     border: 1px solid red;
     color: #333 
}
/*! superfish.css */
 #nav-wrapper {
     background: url(../img/design/nav.png) repeat-x;
     padding: 0;
     margin: 0;
     position: relative;
     z-index: 80 
}
 #nav {
     height: 43px;
     padding: 3px 0 1px 0 
}
 .sf-menu, .sf-menu * {
     margin: 0;
     padding: 0;
     list-style: none 
}
 .sf-menu {
     line-height: 1.0 
}
 .sf-menu ul {
     position: absolute;
    /*top: -999em;
    */
     display: none;
     width: 16em 
}
 .sf-menu ul li {
     width: 100%;
     height: auto 
}
 .sf-menu li:hover {
     visibility: inherit 
}
 .sf-menu li {
     float: left;
     position: relative 
}
 .sf-menu a {
     display: block;
     position: relative 
}
/*.sf-menu li:hover ul, .sf-menu li.sfHover ul {
     left: 0;
     top: 42px;
     z-index: 99 
}
*/
/*.sf-menu li.last:hover ul, .sf-menu li.last.sfHover ul {
     left: inherit;
     right: 0;
     top: 42px;
     z-index: 99 
}
*/
/*ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
     top: -999em 
}
*/
 ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
     left: 16em;
     top: 0 
}
/*ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
     top: -999em 
}
*/
 ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
     left: 16em;
     top: 0 
}
 .sf-menu {
     float: left 
}
 .sf-menu li a {
     padding: 0 1.5em;
     line-height: 43px;
     height: 43px;
     font-size: 1em;
     text-decoration: none;
     text-transform: uppercase 
}
 .sf-menu li li a {
     padding: .75em 1em;
     height: auto;
     line-height: 1.2em;
     text-decoration: none;
     font-size: 1em 
}
 @media only screen and ( min-width: 950px ) {
     .sf-menu li a {
         padding: 0 2.5em;
    }
}
 .sf-menu a, .sf-menu a:visited {
     color: #FFF 
}
 .sf-menu li {
     border-left: 1px solid #131417;
     border-right: 1px solid #636973;
     border-top: none 
}
 .sf-menu li.first {
     border-left: none 
}
 .sf-menu li.last {
     border-right: none 
}
 .sf-menu li li {
     background: #373a3e;
     border-left: 1px solid #636973;
     border-top: 1px solid #636973 
}
 .sf-menu li li li {
     background: #373a3e 
}
 .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
     background: url(../img/design/activeNav.png) repeat-x;
     outline: 0 
}
 .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
     background: url(../img/design/activeNav.png) repeat-x;
     outline: 0 
}
 .sf-menu a.sf-with-ul {
     padding-right: 3em;
     min-width: 1px 
}
/*.sf-sub-indicator {
     position: absolute;
     display: block;
     right: 1.5em;
     top: 1.05em;
     width: 10px;
     height: 10px;
     text-indent: -999em;
     overflow: hidden;
     background: url('../img/design/arrows-ffffff.png') no-repeat -10px -100px 
}
 a > .sf-sub-indicator {
     top: 1em;
     background-position: 0 -100px 
}
 a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
     background-position: -10px -100px 
}
 .sf-menu ul .sf-sub-indicator {
     background-position: -10px 0 
}
 .sf-menu ul a > .sf-sub-indicator {
     background-position: 0 0 
}
 .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
     background-position: -10px 0 
}
*/
 .sf-shadow ul {
     background: url('../img/design/menu/shadow.png') no-repeat bottom right;
     padding: 0 8px 9px 0;
     -moz-border-radius-bottomleft: 17px;
     -moz-border-radius-topright: 17px;
     -webkit-border-top-right-radius: 17px;
     -webkit-border-bottom-left-radius: 17px 
}
 .sf-shadow ul.sf-shadow-off {
     background: transparent 
}
 #nav .selected {
     background: url(../img/design/activeNav.png) repeat-x 
}
/*#nav .selected:before {
}
.home #nav #nav-home, .about #nav #nav-about, .services #nav #nav-services, .portfolio #nav #nav-portfolio, .request #nav #nav-request, .contact #nav #nav-contact {
     background: url(../img/design/activeNav.png) repeat-x 
}
*/
 .sf-menu li:hover a, .home #nav #nav-home a, .about #nav #nav-about a, .services #nav #nav-services a, .portfolio #nav #nav-portfolio a, .request #nav #nav-request a, .contact #nav #nav-contact a {
     color: #FFF 
}
 .sf-menu li:hover li a {
     color: #FFF 
}
 .sf-menu li li a:hover, .home #nav #nav-home li:hover a, .about #nav #nav-about li:hover a, .services #nav #nav-services li:hover a, .portfolio #nav #nav-portfolio li:hover a, .request #nav #nav-request li:hover a, .contact #nav #nav-contact li:hover a {
     color: #FFF 
}
 #nav a.nolink, #nav a.nolink span, #nav a.no-link, #nav a.no-link span {
     cursor: default 
}
/*! jquery.lightbox.css */
 #jquery-overlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 90;
     width: 100%;
     height: 500px 
}
 #jquery-lightbox {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 100;
     text-align: center;
     line-height: 0 
}
 #jquery-lightbox a img {
     border: none 
}
 #lightbox-container-image-box {
     position: relative;
     background-color: #fff;
     width: 250px;
     height: 250px;
     margin: 0 auto 
}
 #lightbox-container-image {
     padding: 10px 
}
 #lightbox-loading {
     position: absolute;
     top: 40%;
     left: 0%;
     height: 25%;
     width: 100%;
     text-align: center;
     line-height: 0 
}
 #lightbox-nav {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 10 
}
 #lightbox-container-image-box > #lightbox-nav {
     left: 0 
}
 #lightbox-nav a {
     outline: none 
}
 #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
     width: 49%;
     height: 100%;
     zoom: 1;
     display: block 
}
 #lightbox-nav-btnPrev {
     left: 0;
     float: left 
}
 #lightbox-nav-btnNext {
     right: 0;
     float: right 
}
 #lightbox-container-image-data-box {
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #fff;
     margin: 0 auto;
     line-height: 1.4em;
     overflow: auto;
     width: 100%;
     padding: 0 10px 0 
}
 #lightbox-container-image-data {
     padding: 0 10px;
     color: #666 
}
 #lightbox-container-image-data #lightbox-image-details {
     width: 70%;
     float: left;
     text-align: left 
}
 #lightbox-image-details-caption {
     font-weight: bold 
}
 #lightbox-image-details-currentNumber {
     display: block;
     clear: left;
     padding-bottom: 1.0em 
}
 #lightbox-secNav-btnClose {
     width: 66px;
     float: right;
     padding-bottom: 0.7em 
}
/*! layout.css */
 body {
     background: #eee;
     font-family: Arial, Helvetica, sans-serif;
     color: #555 
}
 h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: #707c31;
     font-family: Arial, Helvetica, sans-serif 
}
 h1 {
     padding-bottom: 10px;
     border-bottom: 1px dotted #777 
}
 a {
     color: #91421c 
}
 .breadcrumb {
     font-size: 85%;
     padding-bottom: 10px 
}
 .logos {
     text-align: center 
}
 .logos img {
     padding: 5px;
     vertical-align: middle 
}
 #container {
     background: url(../img/design/bannerBg.jpg) 0 197px repeat-x 
}
 #branding, #nav, #columns, #footer {
     margin: 0 auto;
     position: relative;
     width: 940px 
}
 #branding-wrapper {
     background: #fff;
     height: 150px 
}
 #branding {
     height: 150px 
}
 #logo, #contact-info, #request-button, #service-area, .social-media {
     margin: 0;
     position: absolute 
}
 #logo {
     height: 113px;
     left: 365px;
     top: 22px;
     width: 210px 
}
 #logo a {
     display: block;
     height: 100% 
}
 #contact-info {
     background: url(../img/design/phone.png) top left no-repeat;
     left: 10px;
     text-align: left;
     top: 68px;
     color: #555;
     font-size: 1.143em 
}
 #contact-info .phone--wrapper {
     display: block;
     font-weight: bold;
     padding: 0 0 0 30px;
     line-height: 1.25em 
}
 #contact-info .address {
     color: #555;
     display: block;
     float: none;
     clear: both;
     padding: 5px 0 0 0 
}
 #contact-info .phone strong {
     font-weight: bold;
     display: block;
     width: 90px;
     float: left 
}
 #service-area {
     left: 400px;
     text-align: left;
     top: 10px 
}
 #request-button {
     top: 58px;
     right: 0 
}
 #request-button a {
     display: block;
     font-family: Arial, Helvetica, sans-serif;
     height: 72px;
     line-height: 1.2em;
     width: 258px;
     font-size: 1.1em;
     text-decoration: none;
     color: #555;
     padding: 8px 0 0 14px 
}
 #request-button a strong {
     font-size: 1.4em;
     font-weight: normal;
     line-height: 1.5em;
     color: #91421c;
     display: block 
}
 #request-button a:hover {
     background-position: top right;
     color: #91421c 
}
 #banner {
     display: block;
     margin: 20px 0 20px 0 ;
     border-radius: 16px;

}
 #columns {
     background: url(../img/design/gradiantGreen.png) 0 10px repeat-x;
     margin-bottom: 10px;
     position: relative;
     min-height: 550px 
}
 .home #columns {
     min-height: inherit 
}
 #leftcol {
     float: left;
     position: relative;
     width: 300px 
}
 #leftcol-inner {
     padding: 15px 0 0 0;
     background: url(../img/design/leftcolumnBGtop.png) top no-repeat 
}
 #leftcol-inner-bottom {
     background: #e7e7e7 url(../img/design/leftcolumnBGbottom.png) bottom no-repeat;
     padding: 0 0 20px 4px 
}
 #rightcol {
     float: right;
     position: relative;
     width: 630px 
}
 #rightcol-inner {
     padding: 30px;
     margin-right: 10px;
     margin-top: 20px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -khtml-border-radius: 10px;
     border-radius: 10px;
     background: #eee;
     min-height: 550px 
}
 #affiliation-logos {
     text-align: center;
     padding: 20px 0 10px 0 
}
 #affiliation-logos img {
     padding: 0 8px 
}
 #callouts {
     width: 290px;
     margin: 0 0 0 10px 
}
 #callouts h3 {
     color: #fff;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 1.429em;
     font-style: italic;
     padding: 5px 0 5px 10px 
}
 .callouts ul {
     list-style-type: none;
     margin: 0 0 20px;
     padding: 0 
}
 .callouts li {
     float: left;
     margin: 0 0 10px;
     padding: 0;
     width: 100% 
}
 .callouts li.last {
     margin: 0 
}
 .callouts .content {
     background: url(../img/design/calloutSprite.png) no-repeat;
     height: 53px;
     line-height: 53px;
     padding: 82px 0 0 0;
     display: block;
     color: #b8c091;
     text-decoration: none 
}
 .callouts li a:hover {
     color: #fff 
}
 .callouts span {
     display: block;
     font-size: 1.429em;
     padding: 0 12px;
     margin: 0 
}
 #callout-1 .content {
     background-position: 0 0 
}
 #callout-2 .content {
     background-position: 0 -143px 
}
 #callout-1 .content:hover {
     background-position: -290px 0 
}
 #callout-2 .content:hover {
     background-position: -290px -143px 
}
 #footer-wrapper {
     background: url(../img/design/footerBg.png) 
}
 #footer {
     font-family: Georgia, serif;
     font-size: 0.786em;
     line-height: 1.2em;
     margin: 0 auto;
     padding: 20px 0;
     text-align: center 
}
 #footer, #footer a {
     color: #fff 
}
 #footer p {
     margin: 0 
}
 #footer p.legal {
     float: left;
     width: 780px;
     text-align: left;
     padding: 0 0px 
}
 #footer p.cc_logos {
     float: right;
     width: 120px;
     text-align: right;
     padding-right: 10px 
}
 #footer p.cc_logos img {
     padding: 0;
     margin: 0 2px 0 0 
}
 .copyright-and-payments {
     overflow: hidden;
}
 .footer-nav {
     margin-top: 10px;
     text-align: center;
}
 .footer-nav__list {
     margin: 0;
     padding: 0;
}
 .footer-nav__list-item {
     display: inline-block;
     margin-right: 10px;
}
 .footer-nav__list-item.bigfin:before {
     content: '|';
     display: inline-block;
     margin-right: 10px;
}
 @media only screen and ( min-width: 740px ) {
     .footer-nav {
         text-align: left;
    }
}
 #jwbox_background {
     display: none;
     position: fixed;
     top: 0%;
     left: 0%;
     width: 100%;
     height: 100%;
     background-color: black;
     z-index: 200;
     zoom: 1;
     -moz-opacity: 0.8;
     opacity: 0.80;
     filter: alpha(opacity 80);
     overflow: auto 
}
 .jwbox_hidden {
     display: none;
     position: fixed;
     padding: 16px 16px 25px 16px;
     border: 16px solid white;
     background-color: white;
     z-index: 210;
     overflow: hidden;
     background-position: bottom right;
     background-repeat: no-repeat 
}
 .jwbox_content {
}
.jwbox {
     cursor: pointer 
}
 .jwbox:hover {
     background: #e7e7e7 url(../img/design/video2.png) no-repeat 
}
 .slideshow {
     height: 325px;
     width: 615px;
     margin: auto;
     overflow: hidden 
}
 .slideshow img {
     height: 325px;
     width: 615px 
}
 .photographs {
     padding: 10px;
     text-align: center;
     text-decoration: none 
}
 .photographs img {
     border: 1px solid #3e3e3e;
     margin-bottom: 3px 
}
 .photographs a img, .photographs a {
     text-decoration: none 
}
 .photographs a:hover img {
     border: 1px solid #fff 
}
 .photographs a:hover {
     color: #fff 
}
 .social-media {
     right: 138px;
     top: 25px 
}
 .social-media img {
     margin: 1px 
}
/******** Bigfin Styles ********/
/* General */
 html, body {
     position: relative;
     height: 100%;
     width: 100%;
     overflow-x: hidden;
}
/* Header */
 #branding-wrapper, #branding {
     position: relative;
     overflow: hidden;
     height: auto;
}
 #branding {
     padding: 20px 0;
     text-align: center;
}
 #logo, #contact-info, .header-utilities-wrapper, #request-button, .social-media {
     position: static;
     display: inline-block;
     text-align: left;
}
 #contact-info {
     position: absolute;
     bottom: 20px;
     left: 0;
}
 #logo {
     margin: 0 auto;
}
 .header-utilities-wrapper {
     position: absolute;
     bottom: 15px;
     right: 0;
}
 .social-media {
     display: block;
}
 .social-media a {
     text-decoration: none !important;
}
 #request-button a {
     padding: 8px 0 0;
}
 .mobile-menu-trigger {
     cursor: pointer;
     display: none;
     padding: 10px;
     text-transform: uppercase;
     font-weight: bold;
     color: #fff;
}
 .fa.fa-caret-down {
     position: absolute;
     top: 13px;
     right: 8px;
}
 @media only screen and ( min-width: 950px ) {
     .fa.fa-caret-down {
         right: 15px;
    }
}
 @media only screen and ( min-width: 651px ) {
     #nav-list.sf-menu {
         display: block !important;
    }
}
/******** Sidebar ********/
 .jwbox:hover {
     background: initial;
}
/******** Form ********/
 form.validate textarea {
     resize: none;
}
 form.validate div button[type="submit"] {
     text-align: center;
     padding: 10px;
}
 form.validate input {
     margin-bottom: 10px;
     width: 60% !important;
}
 label[for="hp_home-phone"], input#hp_home-phone {
     display: none !important;
}
/******** Portfolio Lightbox ********/
 #jquery-overlay {
     position: fixed;
}
 #jquery-lightbox {
     right: 0;
     margin: 0 auto;
}
 #jquery-lightbox, #lightbox-container-image-box, #lightbox-container-image-data-box {
     max-width: 740px !important;
     box-sizing: border-box;
}
 #lightbox-container-image-box {
     margin: 0 !important;
     width: 100% !important;
     height: auto !important;
}
 #lightbox-container-image-data-box {
     padding: 0;
     width: 100% !important;
}
 #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
     height: 100% !important;
}
 #lightbox-container-image-box img {
     max-width: 100%;
}
/******** Footer ********/
 #footer {
     padding: 10px;
}
 #footer p.legal {
     width: auto;
}
 #footer .social-media {
     display: none;
}
/******** Media Queries ********/
 @media only screen and ( max-width: 980px ) {
     #branding, #nav, #columns, #footer {
         max-width: 100%;
         width: auto;
    }
     #branding {
         padding-left: 10px;
         padding-right: 10px;
    }
     #contact-info {
         left: 10px;
    }
     .header-utilities-wrapper {
         right: 10px;
    }
     #rightcol {
         width: 67%;
    }
     #banner.slideshow {
         width: 98%;
    }
     #banner.slideshow img {
         max-width: 86%;
         margin: 0 auto !important;
         right: 10px;
    }
     #leftcol {
         width: 33%;
    }
     #callouts {
         width: 91%;
    }
     #callouts.callouts .group li a {
         display: block;
         border-radius: 7px;
    }
     #leftcol-inner {
         background: none;
         width: 100%;
    }
     .jwbox {
         width: 100%;
    }
     .jwbox img {
         max-width: 100%;
         width: 100%;
         height: auto;
    }
}
 @media only screen and ( max-width: 860px ) {
     #branding {
         padding: 35px 0;
    }
     #logo {
         width: 150px;
         height: auto;
    }
     #logo a img {
         max-width: 100%;
         object-fit: contain;
    }
     #contact-info, .header-utilities-wrapper {
         font-size: 12px;
    }
     #request-button a {
         width: 220px;
    }
     .callouts span {
         font-size: 1.2em;
    }
     #footer p.legal, #footer p.cc_logos {
         float: none;
    }
     #footer p.cc_logos {
         margin-top: 10px;
    }
}
 @media only screen and ( max-width: 830px ) {
     .sf-menu li a {
         padding: 0 1.5em;
         font-size: 0.8em;
    }
     .fa.fa-caret-down {
         right: 7px;
    }
     #leftcol #callouts h3 {
         font-size: 1.2em;
    }
}
/* single column */
 @media only screen and ( max-width: 740px ) {
     #branding {
         padding: 60px 10px 20px;
    }
     #contact-info {
         background: none;
         top: 0;
         left: 0;
         right: 0;
         bottom: initial;
         background-color: #214B35;
         padding: 10px;
    }
     #contact-info .phone {
         padding: 0;
    }
     #contact-info .phone.phone--wrapper, #contact-info .phone.phone--number a, #contact-info .address {
         display: inline-block;
         color: #fff;
    }
     #contact-info .address {
         position: absolute;
         right: 10px;
         bottom: 10px;
    }
     #contact-info .phone.phone--wrapper.phone--253, #contact-info .phone.phone--wrapper.phone--800 .phone--title, .header-utilities-wrapper {
         display: none;
    }
     #contact-info .phone.phone--number a {
         text-decoration: none;
    }
     #leftcol, #rightcol {
         width: 100%;
    }
     #rightcol-inner {
         margin: 0;
         border-radius: 0;
         min-height: 0;
    }
     #callouts {
         width: 100%;
         margin: 0;
         background-color: #1B3E2C;
         padding: 10px 30px;
         box-sizing: border-box;
    }
     .callouts li {
         width: auto;
         display: inline-block;
         width: 43%;
         overflow: hidden;
    }
     .callouts li.last {
         margin-left: 15px;
    }
     #columns {
         background: none;
    }
     #banner.slideshow {
         background-color: #214B35;
         width: auto;
         padding: 20px;
    }
     .home-slider-img {
         max-width: 100%;
         height: auto !important;
         top: 50% !important;
         right: 0 !important;
         left: 0 !important;
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         transform: translateY(-50%);
         margin: 0 auto !important;
         border-radius: 12px !important;
    }
     .jwbox {
         text-align: center;
    }
     .jwbox img {
         width: 70%;
    }
     form.validate {
         width: 100%;
         margin-bottom: 0;
         box-sizing: border-box;
    }
     form.validate div button[type="submit"] {
         width: 100%;
         box-sizing: border-box;
    }
     #jquery-lightbox, #lightbox-container-image-box, #lightbox-container-image-data-box {
         width: 100% !important;
    }
     #jquery-lightbox img {
         max-width: 100%;
         height: auto;
    }
     #footer .cc_logos, #footer .social-media {
         display: inline-block;
         width: auto;
         margin-top: 10px;
    }
     #footer .social-media {
         margin-left: 10px;
    }
}
 @media only screen and ( max-width: 686px ) {
     .sf-menu li a {
         font-size: 0.8em;
    }
     .fa.fa-caret-down {
         top: 16px;
         right: 5px;
    }
}
 @media only screen and ( max-width: 630px ) {
     .jwbox, .jwbox_hidden, .jwbox_content, .jwbox_content iframe {
         width: 100%;
    }
     .jwbox_content {
         padding: 0 15px;
         box-sizing: border-box;
    }
}
 @media only screen and ( max-width: 596px ) {
     #callouts.callouts {
         text-align: center;
    }
     .callouts li.first, .callouts li.last {
         display: block;
         width: 290px;
         margin: 0 auto;
         float: none;
         text-align: left;
    }
     .callouts li.first {
         margin-bottom: 10px;
    }
}
 @media only screen and ( max-width: 650px ) {
     .mobile-menu-trigger {
         display: block;
    }
     #nav {
         text-align: center;
    }
     #nav-list.sf-menu {
         display: none;
         border-top: 1px solid #60656C;
    }
     .sf-menu li, .sf-menu__sub-menu, .sf-menu__sub-menu--item {
         display: block;
         width: 100% !important;
         font-size: initial;
         background-color: #3F4247;
         border-bottom: 1px solid #60656C;
    }
     .sf-menu ul.sf-menu__sub-menu {
         position: static;
         display: block !important;
         width: 100%;
    }
     .sf-menu li li a {
         font-size: 0.9em;
    }
     .fa.fa-caret-down {
         top: 14px;
         right: initial;
         margin-left: 10px;
    }
}
 @media only screen and ( max-width: 530px ) {
     #banner.slideshow {
         padding: 0;
    }
}
 @media only screen and ( max-width: 500px ) {
     form.validate label, form.validate div button[type="submit"] {
         float: none;
         display: block;
    }
     form.validate label, form.validate input, form.validate textarea {
         width: 100% !important;
         box-sizing: border-box;
    }
}
 @media only screen and ( max-width: 480px ) {
     #rightcol img {
         float: none !important;
         max-width: 100%;
         margin-left: 0 !important;
    }
}
 @media only screen and ( max-width: 410px ) {
     #photo-gallery1.photographs {
         padding: 0;
    }
     #photo-gallery1.photographs a {
         display: inline-block;
         width: 44%;
    }
     #photo-gallery1.photographs a img {
         height: auto !important;
    }
}
 @media only screen and ( max-width: 365px ) {
     .callouts li.first, .callouts li.last {
         width: 100%;
    }
     #contact-info .address {
         font-size: 0.9em;
    }
}
 @media only screen and ( max-width: 335px ) {
     #contact-info .address {
         font-size: 0.8em;
    }
}

div#temp-banner {
    
}