/*STYLE 1*/

/*Include
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
in index.php*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
html {scroll-behavior: smooth;}
body {background: url('../images/backgrounds/pagesurround/preset3/background.jpg');background-color: #F2F0EC;background-repeat: no-repeat;background-position: top center;background-size: 100% 1600px;min-height: 1000px;font-family: 'lato', Verdana, Helvetica, Arial, sans-serif;}

a {color:#0092b3;}
a:hover {color: #026e86;}
h1,h2,h3,h4{color:#0092b3;}


.width-95{width:100%;} /*To make full width modules match the width of the header*/
.moduletable {padding: 0 4%;}/*Adds left and right padding to each module area*/

/*HEADER AREA*/
#header-surround {box-shadow: none; position: static;}
#header {color: #2F2F2F;background-color:#174163;padding: 0px 0px 0 0px;height: 88px;}/*May need to modify header height for other logos*/
#header-height{display: none;}/*not needed unless we have a sticky header*/
#header .moduletablelogo img {display: block;}
#header .moduletablelogo {display: block;float: left;background: #fff; padding: 15px;}
.top-custom-menu img {width: auto !important;}/*top social icons*/
.top-custom-menu {float: right;font-size: 88%;margin: 0;position: absolute;top: -5px;right: 2%;}
.fab-top, .far-top {color:#ffffff;}.fab-top:hover, .far-top:hover {color:#797878;}
#header .moduletablemenu {display: block;float: right;}/*float menu right*/


/*SHOWCASE AREA*/
#showcase {background: none;padding: 0 4%; color: #FFFFFF;margin-top: 24px;margin-bottom: -92px;
}
#showcase a{color:#07659e}
#showcase-boxes {padding: 30px 0 42px 0;/* overflow:  auto; */max-width:  1200px;margin: 0 auto;}
#showcase h2, #showcase h3, #showcase h4 {color: #9facb9;}


/*BREADCRUMB AREA*/
#breadcrumb {
    margin: 0 auto;
    max-width: 1200px;
    width: 92%;
    padding: 0;
    margin: 0 auto;
}
#breadcrumb ul {margin-bottom: 0;}
#breadcrumb .moduletable {padding: 0;}

/*TOP AREA*/
#top {box-shadow: none;padding: 1% 4% 0 4%;margin-top:21px;margin-bottom: -53px;}
#top-boxes {padding: 0;padding-top: 14px;margin-top:23px;background-color:#fff;}
.layout-slideshow {margin: 0 0 0 0;padding-top: 0;}
#top::after {content: '';}/*Removes arrow icon from background*/
#top h2, #top h3, #top h4 {margin: 0;color:#5e5e5e}
#top p {
    display: block;
    font-size: 17.25px;
    font-weight: normal;
    text-transform: none;
    opacity: 0.8;
    margin: 8px 0 30px 0;
}


/*UTILITY AREA*/
#utility {padding: 0 4% 0 4%;margin: 0;margin-bottom: -50px;}
#utility-boxes {background:  #fff;padding:22px 0 0; overflow: auto;}
.home-left {text-align: left;padding-top: 13px; display: block;}
.visible-phone {display: none;}

/*FEATURE AREA*/
#feature {padding: 0 4% 0 4%;margin: 0;}
#feature-boxes {text-align: left;color: #6F849B;margin-top:50px;}

/*FEATURE AREA*/
#feature-boxes {background-color: #fff;text-align:left;padding-top:4px;}
#feature-boxes a:hover {color: #6F849B;}
#feature-a img, #feature-b img, #feature-c img {
  width: 100%;
}
.service-times{padding-left:4%;padding-right:2%;}

/*NEEDED FOR ROLLOVER IMAGES ON HOME PAGE - SHOULD BE MOVED TO CSS.CSS*/
.gantry-width-25{display:block;
float:left;
width:25%;
color: #6F849B;
text-align: center;}
.gantry-width-25 h5 {font-size: 17px;margin: 20px 0 10px 0;}
.gantry-width-25 p {padding: 0 10px 10px 10px;font-size: 15px;line-height:  25px;/* font-weight: bold; */}
.gantry-width-25 a {}
.gantry-width-25 .rt-icon-badge a {font-size: 60px;}
.gantry-width-spacer {padding-top: 30px;}
.rt-desc-overlay {display: none;} /*hidden for now*/

/*MAINTOP AREA*/
#maintop {padding: 0 4%;margin-top: 39px;}
#maintop-boxes{background-image: url(../../V1/images/backgrounds/maintop/background.jpg);
background-size: cover;background-repeat: no-repeat;margin: -40px auto;}
#maintop-boxes {padding: 87px 0 57px;; color: #fff;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}

.promo2 {font-style: italic; font-size: 22px;}
.nomarginbottom {margin-bottom: 0;}

/*EXPANDEDTOP AREA*/
#expandedtop {background: none;padding: 0 4%;color:#fff;}
#expandedtop-boxes {background:#174163;padding: 40px 0 50px;/* overflow:  auto; */}
#expandedtop h2, #expandedtop h3, #expandedtop h4 {color: #9facb9;}
.gantry-width-33{display:block;
float:left;
width:33%;}
.gantry-width-33 h5 {font-size: 20px; margin-bottom: 0;}
.gantry-width-33 p {padding: 0 20px 20px 20px;font-size: 15px;/* font-weight: bold; */}
.gantry-width-33 a {color: #B7473F;}
.rt-text-accent2 {color: #54b4c0;}
#expandedtop-boxes .far, #expandedtop-boxes .fas {font-size: 70px;}
.rt-text-accent3 {color: #e4b766;}

/*MAINBODY AREA*/
#mainbody {background: #F8F8F8;padding: 0 0 20px 0;margin-top:53px;}

/*SIDEBAR B AREA*/
.sidebar-b-container {width: 29%;}
#sidebar-b {width: auto;margin: 50px 8% 0 8%;background-color: #9facbb;}

/*SIDEBAR A AREA*/
#sidebar-a {width: auto;margin: 50px 8% 0 8%;color: #ffffff;
  background: #0092b3;}
#sidebar-a h2, #sidebar-a h3{color:#fff;}
#sidebar-a a{color:#fff;}

/*CONTENT TOP AREA*/
#content-top {width: auto;margin: 25px 0 0 0;}

@media only screen and (max-width: 959px){
.sidebar-a-container {width: 100%;}
#sidebar-a, #sidebar-b {width: auto;margin: 0 4% 0 4%;}
#content-top {margin: 0; padding-top: 40px;}
}

/*MAINCONTENT AREA*/
#main-content {padding: 30px 4% 10px;}
#main-content img {width: 100%;height:  auto;}
.gantry-width-66 {
    width: 66.666666666%;
    float:  left;
}
.gantry-width-spacer {
    margin: 0 15px;
}
.gantry-row {overflow: auto;margin: 0 -15px;}
.rt-image img {border-radius: 3px;}

/*EXPANDEDBOTTOM AREA*/
#expandedbottom {background: none;padding: 0 4%;color: #6F849B;}
#expandedbottom-boxes {color: #ffffff;background: #0092b3;padding: 40px 0;}
#expandedbottom h1, #expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #fff;}
#expandedbottom .width-95 {width: 95%;}
.sprocket-strips-item {
    padding-bottom: 75%;
}
#expandedbottom::after {content: '';}/*Removes arrow icon from background*/
.custombox3 {
    color: #ffffff;
    background: #E5B85F;
    border-radius: 3px;
    padding: 1px 15px;
    text-align: left;
}
.custombox3 h2, .custombox3 h3, .custombox3 h4 {color: #fff !important;}
.custombox3 a:not([class^="readon"]) {
    color: #a9791b !important;
}

/*MAINBOTTOM AREA*/
#mainbottom {background: none;padding: 0 4%;}
#mainbottom-boxes {background:#fff;text-align:left;padding: 40px 0 0 3%;width:97%; color:#174163;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

/*FULLWIDTH AREA*/
#fullwidth {background-color: #FFFFFF;margin: 0 4%;width: 92%;padding: 20px 0;max-width:  1200px;margin:  0 auto;}

/*EXTENSION AREA*/
#extension {background:none;padding: 0 4%;color: #fff;font-size: 15px;}
#extension-boxes {padding: 40px 0 45px 0;background-color:#174163}
#extension h3 {font-size: 22px;color:#fff;}

/*FOOTER AREA*/
#footer {background: none; padding: 0 4%; color:#174163; font-size: 15px}
#footer-boxes {background: #fff; padding: 40px 0 30px 0;}
#footer a {color: #026e86;}
.rt-icon-badge.rt-badge-left {
    float: left;
    padding: 0 25px 0 0;
}
.rt-icon-badge {
    font-size: 5em;
}
#footer h2 {text-align: left;}
#footer p {text-align: left; ;}
#footer ul li {text-align: left;}
.bottom-social-icon-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.fab-bottom:hover, .far-bottom:hover {color:#797878;}

/*COPYRIGHT AREA*/
#copyright {padding: 0 4% 0 4%;margin: 0;text-align: left;}
#copyright-boxes {background:#174163;padding: 30px 0 0 0;overflow: auto;/* text-align: left; */}
#copyright-a, #copyright-b, #copyright-c {text-align: left;}
#copyright h2, #copyright h3, #copyright h4{color:#787878;}
#gantry-totop {
    color: #ffffff;
    background:#026e86;
    display: inline-block;
    text-align: center;
    float: right;
    padding: 3px;
    line-height: 33px;
    width: 35px;
    height: 35px;
    margin-bottom: 25px;
    border-radius: 100%;
}
#gantry-totop:before {
    font-family: FontAwesome;
    content: "\f062";
}

/*FORMS*/
textarea, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    color: #6e6e6e;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*READON BUTTONS*/
.readon, .readon2 {
    border-radius: 3px;
    color: #ffffff !important;
    background-color:#0092b3  !important;
    border: 2px solid transparent;
    display: inline-block;
    padding: 15px 20px;
    line-height: normal;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;     
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.readon:hover, .readon2:hover {
    color: #ffffff !important;
    background-color: #006880 !important;
    border: 2px solid transparent;
}

.readon2 {background-color: #B7473F !important;}
.readon2:hover {background-color: #c3665e !important;}

#sidebar-b .readon, #sidebar-a .readon {background-color: #2d3944 !important;}
#sidebar-b .readon:hover, #sidebar-a .readon:hover {background-color: #4e5f6f !important;}

.readon3 {
    border-radius: 3px;
    color: #ffffff !important;
    background-color: #E5B85F !important;
    border: 2px solid transparent;
    display: inline-block;
    padding: 15px 20px;
    line-height: normal;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;     
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.readon3:hover {
    color: #ffffff !important;
    background-color: #dea533 !important;
    border: 2px solid transparent;
}

.readon4 {
    border-radius: 3px;
    color: inherit !important;
    background-color: transparent !important;
    border: 2px solid;
    display: inline-block;
    padding: 15px 20px;
    line-height: normal;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;     
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
.readon4:hover {
    color: #ffffff !important;
    background-color: #006880 !important;
    border: 2px solid transparent;  }

/*RED HEADLINE ON HOME PAGE*/
.moduletablefp-feature-02 {background: #B7473F;}
.sprocket-headlines {
	background: transparent;
    border-radius: 0;
    border: 0;
    color: #fff;
    padding: 26px 0 26px 0px;
    font-size: 14px;
    margin: -14px 0 0 0;
    }
    .sprocket-headlines-navigation .arrow {
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.5);
}.sprocket-headlines-navigation .arrow {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    z-index: 10;
    text-align: center;
    font-size: 24px;
    line-height: 38px;
    opacity: 0.7;
    transform: translateZ(0px);
    backface-visibility: hidden;
}
.sprocket-headlines-navigation .prev {
    left: 25px;
}
ul.sprocket-headlines-list li {padding: 0 70px;}

/*Visible and invisible to phones*/
.moduletablevisible-phone {display: none;}
@media only screen and (max-width: 480px) {
.moduletablevisible-phone {display: block;/* background: #000; */}
}




/*RESPONSIVE STYLES*/

@media screen and (max-width: 960px) {
.hide950{display:none !important;}
.hide960{display:none !important;}
.top-custom-menu{display:none;}
}

@media (max-width: 767px) {
#header-b.width-45{width:100%;margin-top: -78px;}
.mobilemenuck-bar-button{top:-41px;}
.sprocket-strips-s-block {margin: 1% 0px 1% 0;}
div#maximenuck314 ul.maximenuck li.maximenuck.level1{padding: 4px 6px 2px 6px;}
.gantry-width-25{display:block;float:left;}
.gantry-width-25{width:100%;}
.gantry-width-33{display:block;float:left;}
.gantry-width-33{width:100%;}
.gantry-width-66{display:block;float:left;}
.gantry-width-66{width:100%;}
.hidden-phone{display:none !important;}
.visible-phone{display:block !important; margin-top: -10px;}
#footer .moduletable, #copyright .moduletable{padding: 0 15%;}
#copyright-b, #copyright-c {margin: 34px auto 0;}
.rt-icon-badge.rt-badge-left{padding-left:2%;}
}

@media (max-width: 524px) {
#footer .moduletable, #copyright .moduletable{padding: 0 10%;}
}

@media (max-width: 480px) {
.top-custom-menu {display: none;}/*removes top social icons on mobile*/
}