/*
  Simple FlexBox Grid created by Mary Adkins GraphixStation June 23 2021.
  Copyright GraphixStation 
  All Rights Reserved
  Contact at https://www.graphixstation.com
*/
/* 
  ======================================
  Copyright GS FlexBox Grid 2022 updated
  ======================================
*/
.grid-container {margin: 0 auto; max-width: 1240px; overflow: hidden; position: relative; transition: all 0.3s linear;width: 100%;}
.grid-padding {padding: 1.5% 0 0 1.5%;}
.grid-container:after {content: ''; clear: both;display: block;}
.grid-row {display:flex; justify-content: flex-start; flex-flow: row wrap; transition: all 0.3s linear;}
  
/* new update to grid style to remove asterisk */
.gr-col {margin: 0 auto; padding: 0 1.5% 1.5% 0; position: relative; transition:0.3s linear;}
.col-1ew {flex: 1; margin: 0 auto; padding: 0 1.5% 1.5% 0; position: relative; transition:0.3s linear;} /* Equal widths */

.col-1-1 {flex-basis: 100%; width: 100%;}
.col-1-2, .col-6-12 {flex-basis: 50%; width: 50%;}
.col-1-3, .col-4-12 {flex: 1; flex-basis: 33.33%; width: 33.33%;}
.col-1-4, .col-3-12 {flex-basis: 25%; width: 25%;}
.col-1-5 {flex-basis: 20%; width: 20%;}
.col-5-12 {flex-basis: 41.66%; width: 41.66%;}
.col-7-12 {flex-basis: 58.33%; width: 58.33%;}
.col-8-12 {flex-basis: 66.66%; width: 66.66%;}
.col-9-12 {flex-basis: 75%; width: 75%;}
.grid-content {padding: 20px; position: relative;}

@media only screen and (max-width: 880px) {
.col-1ew {flex-basis: 33.33%;}
.col-1-4 {flex-basis: 50%; width: 50%;}
.col-3-12 {flex: 1; flex-basis: 30%; width: 30%;}
.col-4-12 {flex-basis: 40%; width: 40%;}
.col-7-12 {flex-basis: 50%; width: 50%;}
.col-8-12 {flex-basis: 60%; width: 60%;}
.col-9-12 {flex-basis: 70%; width: 70%;} 
}
@media only screen and (max-width: 768px) {
.col-1ew {flex-basis: 50%;} 
.grid-content {padding: 1rem;}
}
@media only screen and (max-width: 480px) {
	.grid-padding {padding: 0;}
	.gr-col {flex-basis: 100%; padding: 2.5% 3%;} 
	.col-1ew {flex-basis: 100%; padding: 2.5% 3%;}
	.col-1-2, .col-1-3, .col-1-4,.col-3-12,.col-4-12, col-1-5, .col-5-12, .col-6-12, .col-7-12,.col-8-12,.col-9-12 {flex-basis: 100%; padding: 2.5% 5%;} 
}
/* 
  ======================================================================================
  GS FlexBox Grid 2022 with equal heights using Flex Direction Column for PUSH feature
  ======================================================================================
*/
/* to make each column equal width and height */
.rowF {display: flex;}
.colF {flex: 1; flex-direction: column; color: #fff; display: flex; padding: 1em; margin: 0 1.5% 1.5% 0;}
.push {margin-top: auto; background-color: red; color: #fff; padding: 10px;}
/* end equal width and height */
@media only screen and (max-width: 800px) {.colF {flex-basis: 50%;}}
@media only screen and (max-width: 654px) {.colF {padding: .5em;}}
@media only screen and (max-width: 480px) {.rowF {display: block;} .colF {margin: 2.5% 5%; width: auto;}}
/* 
  ======================================
  CSS Reset
  ======================================
*/
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
html {scroll-behavior: smooth;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
figure {position: relative;} figure img {width: 100%;}
body {background: #fff; color: #000; font-family: 'Roboto', sans-serif; font-size: 16px; margin: 0; min-height: 100vh;}

/* Font Styles */
h1 {font-family: 'Oswald', sans-serif; font-size: 60px; font-weight: bold; line-height: 64px; padding-bottom: 12px; text-transform: uppercase;}
h2 {font-family: 'Oswald', sans-serif; font-size: 38px; letter-spacing: 1px; line-height: 42px; padding-bottom: .50rem; text-transform: uppercase;} 
h3 {font-family: 'Roboto', sans-serif; font-size: 28px; line-height: 30px; padding-bottom: 4px;}
h4 {font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 24px; padding-bottom: 2px;}
p {font-family:'Roboto', sans-serif; font-weight: 300; font-size: 16px; line-height: 22px; padding-bottom: 1rem;}
a:link {text-decoration: none;} a {transition: color 0.3s ease 0s;}

.quote-box {margin: 0 auto; max-width: 100%; padding: 10px; position: relative; width: 75%;}
blockquote:before {display: block; content: "\201C"; color: #284454; font-size: 80px; position: relative; left: -50px; padding-left: 20px; top: 30px; }
blockquote, blockquote p {color: #284454; font-size: 18px; line-height: 24px; font-style: italic; font-weight:300;}
blockquote {margin: 0 auto; padding: 30px 20px 0;}
blockquote cite {display: block; color: #284454;}
blockquote cite:before {content: "\2014 \0020";}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {color: #284454;}

em {font-style: italic; line-height: 14px;}
.small {font-size: 80%; line-height: 50%;} /* used in footer and copyright */
strong {font-weight: bold;}
.phone a {color: #284454; font-weight: bold;}
.linethru {text-decoration: line-through;}
.center-text {text-align: center;}
.blk-underline {border: 0; border-bottom: 1px solid #003366; clear: both; margin: 3px 0 14px 0; padding: 0;}

hr {background-color: #ccc; border: 0; box-sizing: content-box; height: 1px; margin: 20px 0 35px; overflow: visible;}
hr.style4 {border: 0; border-bottom: 1px dotted #003366; clear: both; margin: 0 0 14px 0; padding: 0;}
hr.fade {background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); border: 0; clear: both; height: 1px; margin: 40px 30px 75px; padding: 0;}
  
/* Alternate font title sizes */
.bolder-h3 {border-bottom: 1px solid #5d87a1; font-size: 32px; font-weight: bold; letter-spacing: -.025rem; line-height: 34px; padding-bottom: 8px;} /* used in Special offers */
.innerpg-sub-title {font-family:'Roboto', sans-serif; font-weight: 300; font-size: 26px; letter-spacing: normal; line-height: 28px; padding-bottom: 0; text-transform: none;} /* used in top header under page h1 title and on Before and After page as title*/
.category-titles {font-size: 22px; line-height: 24px; padding-bottom: 10px;} /* used on home page */
.category-titles-sm {font-size: 20px; line-height: 24px; padding-bottom: 10px;} /* used on Home page categories with icons - long title needed to be smaller */
.list-title {font-size: 22px; line-height: 24px; padding-bottom: 8px;}
.hightlight-text {font-size: 18px; line-height: 26px; padding-bottom: 2rem; padding-top: .40rem;} /* used on Our Mission */
.bio-name-titles {font-size: 24px; line-height: 26px; padding-bottom: 4px;} /* used on staff page */
/* Alternate font title spacing */
.section-title {margin: 0 0 2rem 0; text-align: center;} 
.parag-top-spacing {padding-top: 12px;}
.feature {border: 1px solid #ccc; margin-top: 10px; padding: 6px;}  /* outlining title to help stand out */
.feature p {padding: 0;}

.fancy {line-height: 0.15;text-align: center;}
.fancy span {display: inline-block;position: relative;  }
.fancy span:before,
.fancy span:after {content: "";position: absolute;height: 5px;border-bottom: 1px solid #5d87a1;border-top: 1px solid #5d87a1;top: 0;width: 600px;}
.fancy span:before {right: 100%;margin-right: 15px;}
.fancy span:after {left: 100%;margin-left: 15px;}

/* Site theme font colors */
.dk-blue {color: #284454;}
.light-blue {color: #5d87a1;} /* main background color */
.faint-blue {color: #eef3f5;} /* News story backgrounds */
.bright-light-blue {color: #7BB3D5;} /* used on titles on dark blue backgrounds footer - from #60a2cc made ligher per wave */
.grey {color: #ccc;}
.light-grey {color: #f2f2f2;}
.white {color: #fff;}
.gold {color: #8d8c65;}
.alert-red {color: red;}

/* Body background colors */
.bk-dk-blue {background-color: #284454;}
.bk-light-blue {background-color: #5d87a1;} /* main background color */
.bk-faint-blue {background-color: #eef3f5;}  /* News story backgrounds */
.bk-grey {background-color: #ccc;}
.bk-light-grey {background-color: #f2f2f2;}
.bk-white {background-color: #fff;}
.bk-gold {background-color: #8d8c65;}

/* Images */
/*img {display: block;max-width: 100%; height: auto;} hid because it jacked with the home page split feature images and overlay */
.floatleft {float: left; height: auto; margin: 6px 25px 15px 0; max-width: 100%;}
.floatright {float: right; height: auto; margin: 0 auto; padding: 6px 0 15px 25px; max-width: 100%;}
.floatcenter {display: block; height: auto; margin: 0 auto; max-width: 100%;}

.gsicon {margin: 0 auto; padding: 6px 0 8px 0;}
.jump-up {margin: 0 auto;padding: 0;max-width: 100%;height: auto;position: absolute; bottom: 0;left: 0;right: 0;}
.logo {display: inline-block; margin: 0 auto; max-width: 100%; position: relative; transition: all 0.5s ease 0s; z-index: 1000;}
.logo-footer {display: inline-block; margin: 0 auto; max-width: 100%; padding-bottom: 10px; position: relative; transition: all 0.5s ease 0s; z-index: 1000;}
.social-icons {display: inline-block;height: auto;margin: 0; max-width: 100%; padding-right: 5px;position: relative; vertical-align: bottom;}
.quote-photo-left {border-radius: 50%;float: left; height: auto;margin: 45px 50px 50px 0;max-width: 100%;position: relative;}
.bio-photos-left {border-radius: 50%;float: left; height: auto;margin: 0 50px 30px 0; max-width: 100%;position: relative;} /* margin: 0 50px 85px 0; */
.bio-photos-right {border-radius: 50%; float: right; height: auto; margin: 0 0 30px 40px; max-width: 100%; position: relative;} /* margin: 30px 0 30px 50px; */
.pmt-icons {display: inline-block;height: auto; margin: 0; max-width: 100%; padding: 0 5px 5px 0;position: relative; vertical-align: bottom;}
.ins-logos {display: inline-block;height: auto; max-width: 100%; margin: 0 18px 18px 0; position:relative; padding: 0; vertical-align: bottom;}
.zoom-logo {display: inline-block; margin: 20px 0 0 0; max-width: 100%; position: relative; transition: all 0.5s ease 0s;}

/* Buttons */
.quickbtn {background-color: #996600; border-radius: 50px; color: #fff; display: inline-block; font-size: 18px; font-weight: lighter; letter-spacing: 0.3px; margin: 0 auto; margin: 4px 2px; padding: 8px 26px 8px; position: relative; text-align: center;}
.quickbtn a {color: #fff;}
.quickbtn:hover {background-color: #cc9933; color: #fff;}

/* Buttons left justified */
.quickbtn-blue {background-color: #284454; border-radius: 30px; color: #fff; display: inline-block; font-size: 18px; font-weight: lighter; margin: 4px 2px; padding: 8px 26px 8px; position: relative; text-align: center;}
.quickbtn-blue a {color: #fff;}
.quickbtn-blue:hover {background-color: #8d8c65;}
.quickbtn-white a:hover {color: #fff;}

/* Buttons left justified */
.quickbtn-white {background-color: #fff; border-radius: 30px; display: inline-block; font-size: 18px; font-weight: lighter; margin: 4px 2px; padding: 8px 26px 8px; position: relative; text-align: center;}
.quickbtn-white a {color: #284454;}
.quickbtn-white:hover {background-color: #8d8c65; color: #fff;}
.quickbtn-white a:hover {color: #fff;}
.push {margin-top: auto; background-color: red; padding: 10px;}

/* #CLearFix */
.clearfix:before,.clearfix:after {content: " "; display: table;}.clearfix:after {clear: both;}.clear {clear: both;}.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* ----------- PAGE LAYOUTS ----------- */
.wrapper {height: 100%; margin: 0 auto; max-width: 100%; position: relative; width: 100%;}
section {margin: 0 auto; position: relative;}
article {margin: 0 auto; position: relative;}
.section-padding {padding: 3rem 0 8.4rem;} /* padding: 6.4rem 0 8.4rem; */
.section-padding-less {padding: 3rem 0;} /* used for quote rotator, quotes and news posts */

header {margin: 0 auto; padding: 0; position: relative;}
.site-header {padding: 0;position: relative;width: 100%;z-index: 99;}
.header-wrap {background: #fff; border-top: #ccc 25px solid; display: table; height: 105px; padding: 0; position: relative; width: 100%; z-index: 100;}
.header-container {height: 100%; margin: 0 auto; max-width: 1240px; padding: 20px 20px 0; position: relative;}
.logo-container {float: left; height: 100%; margin: 0 auto; max-width: 250px; position: relative; z-index: 1000;}

.icon-top-container {height: 50px;padding: 0;position: relative;}
.phone-text {color: #000;letter-spacing: .5px;padding: 5px 12px 5px 0;text-align: right;}
.phone-text a {color: #000; text-decoration: none;}

/* -------------------- NEW main navigation 2022 ---------------------------------*/
.pixel {display: none;}
nav {float: right; font-family:'Roboto', sans-serif; margin: 0 auto; margin-top: 10px; padding: 0; position: relative; right: 0; top: 0; width: auto;}
nav ul {height: auto; list-style: none; margin: 0; padding: 0; text-decoration: none;}
nav ul li {float: left; margin: 0; padding: 0; position: relative; width: auto;}
nav ul li a {color: #284454; display: inline-block; font-size: 16px; height: 100%; line-height: 20px; list-style: none; padding: 10px 12px; position: relative; text-align: center; text-decoration: none; transition: all 0.5s ease 0s; width: auto;}
nav ul li a:hover {background-color: #5d87a1; color: #fff;} 
nav li, #toggle-menu, nav a {display: block; height: 100%; position: relative;}
#tm:checked + .main-menu {display: block;}
nav input[type="checkbox"], nav ul span.drop-icon {display: none;}
.menu-toggle {cursor: pointer; display: none; padding: 1em; position: absolute; right: 0; top: 0; z-index: 3000;}
.hamburger,.hamburger::before,.hamburger::after {background: #8d8c65; border-radius: 3px; content: ''; display: block; height: 3px; transition: all ease-in-out 500ms; width: 1.75em;}
.hamburger::before {transform: translateY(-6px);}
.hamburger::after {transform: translateY(3px);}
.open .hamburger {transform: rotate(45deg);}
.open .hamburger::before {opacity: 0;}
.open .hamburger::after {transform: translateY(-3px) rotate(-90deg);}

nav input[type="checkbox"]:checked + .sub-menu {display: block;}
#toggle-menu .drop-icon, nav li label.drop-icon {position: absolute; right: 0; top: 0;}
nav label.drop-icon, #toggle-menu span.drop-icon {color: #fff; color: rgba(255, 255, 255, .75); background-color:#000; background-color: rgba(0, 0, 0, .25); font-size: 1em; text-shadow: 0 0 0 transparent; padding: .75em; text-align: center; width: 20%;}
/* - MAIN DESKTOP SUB DROP DOWN MENU MIN WIDTH 980 PX - */
@media only screen and (min-width: 980px) {
#tm:checked + .main-menu {display: block; margin: 0 auto;}
#toggle-menu, nav label.drop-icon {display: none;}
nav ul span.drop-icon {display: inline-block;}
/*DESKTOP DROP DOWN ON HOVER*/
nav .sub-menu {border-width: 0; margin: 0; position: absolute; top: 40px; left: 0; min-width: 100%; width: 120%; z-index: 3000;}
nav .sub-menu li {border-bottom: 1px solid #fff; border-width: 0 0 1px; float: none; width: 120%;} 
nav .sub-menu li a {background-color: #284454; color: #fff; font-size: 15px; text-align: left; width:100%;} /*DESKTOP DROP DOWN BACKGROUND COLOR*/
nav .sub-menu, nav input[type="checkbox"]:checked + .sub-menu {display: none;}
nav .sub-menu .drop-icon {position: absolute; top: 0; right: 0; padding: 1em;}
nav li:hover > input[type="checkbox"] + .sub-menu {display: block;}
nav .sub-menu li .last {border-width: 0; width: auto;}
nav .sub-menu .sub-menu {top: 0;left: 100%;}
}
/* ------ PAGE SECTIONS ------ */
.welcome-hero-container-div {margin: 0 auto; max-width: 1240px; height: auto; position: relative;transition: all 0.5s ease 0s;} 
.welcome-hero-container {background: #fff url('../images/hero-gp-staff-2024.jpg') top center no-repeat;background-size: auto;background-size: cover;margin: 0 auto; max-width: 85%; min-height: 400px; position: relative;transition: all 0.5s ease 0s;} /* changed from 330 height and from 80% width 09 16 22 */
.our-services-containers {background-color: #f2f2f2; border-radius: 20px; margin: 0 auto; padding: 10px; position: relative;}
.our-services-containers:hover {background-color: #eef3f5;}
.our-services-icons {display: block;margin: 0 auto;max-width: 100%;padding: 10px 0;width: 25%;}
.our-services-containers a {color: #000;}
.our-services-containers a:hover {color: #284454;}

/* home pg features */
.splits {position: relative;width: 100%;min-height: 1px;} /*--splits--*/
.left-side {background: #ccc url('../images/pic-specials.jpg') center center no-repeat; background-size: cover; margin: 0 auto; min-height: 340px; padding: 0; position: relative;}/*--left side--*/
.right-side {background: #ccc url('../images/pic-news.jpg') center center no-repeat; background-size: cover; margin: 0 auto; min-height: 340px; padding: 0; position: relative;}/*--right side--*/
.split-side {align-items: center; justify-content: center;} /*padding: 3rem;*/ 
.split-content-left {background-color: rgba(255,255,255, 0.7); min-height: 240px; padding: 3rem; width: 100%;}
.split-content-left-text {color: #284454; text-align: left;} /* padding: 0 1.8rem 0 5rem; width: 80%; */

.split-content-right {background-color: rgba(40,68,85, 0.9); min-height: 240px; mix-blend-mode: multiply; padding: 3rem; width: 100%;} /* background-color: rgba(21,67,96, 0.9);*/
.split-content-right-text {color: #fff; text-align: left;} /* padding: 0 3rem 0 1.5rem; width: 80%; */
.split-content {padding-bottom: 3rem; padding-top: 3rem;}

@media (min-width: 768px) {
.splits {flex: 0 0 50%; max-width: 50%;}
.height-100 {height: 450px;}
.h-100 {height: 100% !important;}
.disp-flex {display: flex !important;}
}
/* NEW UPDATED CSS QUOTE TEXT ROTATOR SLIDER ON HOME PAGE */
.content-slider {min-height: 160px;width: 100%;}
.slider {min-height: 160px;margin: 0 auto; overflow: visible; position: relative; width:900px;}
.mask {min-height: 160px;overflow: hidden;}
.slider ul {margin: 0;padding: 0;position: relative;}
.slider li {list-style: none; min-height: 160px; position: absolute; top: -325px; width: 900px;}
.slider .quote {color: #284454; font-size: 16px; font-style: italic; line-height: 22px;}
.slider .source {color: #284454; font-size: 16px; font-weight: bold; padding-top: 10px; text-align: left;}
.slider li.anim1 {animation: cycle 28s linear infinite;}
.slider li.anim2 {animation: cycle2 28s linear infinite;}
.slider li.anim3 {animation: cycle3 28s linear infinite;}
.slider li.anim4 {animation: cycle4 28s linear infinite;}
.slider li.anim5 {animation: cycle5 28s linear infinite;}
.slider:hover li {animation-play-state: paused;}

@keyframes cycle {
  0% {top: 0px;}
  4% {top: 0px;}
  16% {top: 0px;opacity: 1;z-index: 0;}
  20% {top: 325px;opacity: 0;z-index: 0;}
  21% {top: -325px;opacity: 0;z-index: -1;}
  50% {top: -325px;opacity: 0;z-index: -1;}
  92% {top: -325px;opacity: 0; z-index: 0;}
  96% {top: -325px;opacity: 0;}
  100% {top: 0px;opacity: 1;}
}
@keyframes cycle2 {
  0% {top: -325px;opacity: 0;}
  16% {top: -325px;opacity: 0;}
  20% {top: 0px;opacity: 1;}
  24% {top: 0px;opacity: 1;}
  36% {top: 0px;opacity: 1;z-index: 0;}
  40% {top: 325px;opacity: 0;z-index: 0;}
  41% {top: -325px;opacity: 0;z-index: -1;}
  100% {top: -325px;opacity: 0;z-index: -1;}
}
@keyframes cycle3 {
  0% {top: -325px;opacity: 0;}
  36% {top: -325px; opacity: 0;}
  40% {top: 0px;opacity: 1;}
  44% {top: 0px;opacity: 1;}
  56% {top: 0px;opacity: 1;z-index: 0;}
  60% {top: 325px;opacity: 0;z-index: 0;}
  61% {top: -325px;opacity: 0;z-index: -1;}
  100% {top: -325px;opacity: 0;z-index: -1;}
}
@keyframes cycle4 {
  0% {top: -325px;opacity: 0;}
  56% {top: -325px;opacity: 0;}
  60% {top: 0px;opacity: 1;}
  64% {top: 0px;opacity: 1;}
  76% {top: 0px;opacity: 1;z-index: 0;}
  80% {top: 325px;opacity: 0;z-index: 0;}
  81% {top: -325px;opacity: 0;z-index: -1;}
  100% {top: -325px;opacity: 0;z-index: -1;}
}
@keyframes cycle5 {
  0% {top: -325px;opacity: 0;}
  76% {top: -325px; opacity: 0;}
  80% {top: 0px;opacity: 1;}
  84% {top: 0px; opacity: 1;}
  96% {top: 0px; opacity: 1;z-index: 0;}
  100% {top: 325px; opacity: 0; z-index: 0;}
}

/* inner page headers */
.inner-pg-header {color: #fff; margin: 0 auto; min-height: 180px; padding: 0; position: relative;}
.inner-pg-header .title-container {color: #fff; display: inline-block; padding: 20px;}

/* inner page mainbody styles */
.mainbody {height: auto; margin: 0 auto; padding: 0 0 50px 0; position:relative; width: 100%;}
.mainbody ul {list-style-type: none; min-height: 200px; padding: 10px 0;}
.mainbody ul li::before {content: "\00BB \0020";}
.mainbody ul li {color: #000; font-size: 16px;line-height: 20px;list-style: outside none;font-stretch: normal; margin-left: 10px; padding: 0 0 10px 0; text-indent: -10px;}
.mainbody a {color: #5d87a1;}

/* Brand Logo and Pmt icon Divs */
.logo-pmt-container {height: auto; margin: 0 auto; padding: 10px 0; position: relative; width: 100%;}

/* In the News article posts */
.news-post {height: auto; margin: 0 auto; max-width: 100%; padding: 12px 0; position: relative;}
.news-post a {color: #284454;}
.news-post a:hover {color: #5d87a1;}

/* Google Map and any videos */
.video-wrapper {clear: both; background-color: #fff; border: #dddddd 4px solid;margin-bottom: 10px;max-width: 100%;position: relative;}
.video-container {height: 0;overflow: hidden;padding-bottom: 56.25%;padding-top: 30px;position: relative;}
.video-container iframe,
.video-container object,
.video-container embed {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}

/* footer styles */
footer {background-color: #284454; color: #fff; min-height: 300px; width: 100%;}
footer a {color: #fff;}
footer a:hover {color: #000;}
.footer-text {color: #fff; min-height: 300px; padding: 50px 0;}
.footer-title {font-size: 22px; line-height: 28px; padding-bottom: 10px;}

.footer-nav ul {height: auto; margin: 0 auto; padding-bottom: 20px; position: relative;}
.footer-nav li {letter-spacing: 0.02em; line-height: 20px; list-style-type: none; margin-left: 0; padding-bottom: 8px;}
.footer-nav li a {color: #fff; font-weight: normal; text-decoration: none;}
.footer-nav li a:hover {color: #cc9933; font-weight: normal; text-decoration: none;}

.designed-by {background-color:#5d87a1; position: relative; text-align: center; width: 100%;}
.designed-by p {color: #fff; padding-bottom:8px;}
.designed-by a {color: #fff; font-weight: normal; text-decoration: none;}
.designed-by a:hover {color: #ecd9ae; font-weight: normal; text-decoration: none;}

/*------------------------------------------- MOBILE MOBILE MOBILE DEVICE AREA SETTINGS ----------------------------------------------*/
/*Styles for screen 1194px and lower*/
@media only screen and (max-width: 1194px) {
.welcome-hero-container-div {padding: 20px;}
.welcome-hero-container {max-width: 100%;}
}
/* ------------------ START NAVIGATION MOBILE STYLE --------------------- */
/*Styles for screen 1024px to 768px for NAVIGATION*/
@media screen and (max-width: 1100px) and (min-width: 768px) { }

/* NAV Styles for screen 1024px to 980px*/
@media screen and (max-width: 1024px) and (min-width: 980px) {nav ul li a { font-size: 14px; padding: 16px 8px;}}

/* NAV Styles for screen 980px and lower for NAVIGATION*/
@media only screen and (max-width: 980px) {
.navbar-collapse{height: 1vh; overflow: hidden; position: absolute; right: 0; top: 0; transition: all 0.6s ease; z-index: 1000;}
.collapse {height: 100vh;}
.menu-toggle {display: block; top: 10px}
nav .main-menu {display: block;}

/* NAV MOBILE DROP DOWN BACKGROUND COLOR dark rust*/
nav {background: #284454; height: auto; margin: 0 auto; right: 0; top: 125px; transition: 0.5s; width: 250px; z-index: 1000;} /*  height: 100vh; */
nav ul li {display: block; list-style: none; width: 100%;}
nav ul li a {border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,1); color: #fff; display: block; text-align: left;}
nav ul li a:hover {background-color: #fff; color: #02224d;}

nav .sub-menu li a {background-color: #8d8c65; color: #fff; font-size: 15px; } /*MOBILE DROP DOWN BACKGROUND COLOR #cc9933*/
/*nav .sub-menu li a:last-child {border-width: 0;}*/
nav .sub-menu {display: none;} /* - FOR MOBILE DROP DOWN MENUS TO WORK - */
}
/* NAV Styles for screen 768px and lower*/
@media only screen and (max-width: 768px) {}
/* NAV Styles for screen 414px and lower*/
@media only screen and (max-width: 414px) {}

/* NAV Styles for screen 390px and lower*/
@media only screen and (max-width: 390px) {nav {width: 220px;}}
/* ------------------ END NAVIGATION --------------------- */

/*Styles for screen 980px and lower*/
@media only screen and (max-width: 980px) {
.header-container {padding: 20px;}
.section-title {margin-bottom: 1.56rem;}
.inner-pg-header {min-height: 100px;}
h1 {font-size: 44px; line-height: 50px; padding: 0; text-align: center;}
h2 {font-size: 32px; line-height: 38px;}
.bold-subtext {text-align: center;}
.tagline-text {text-align: center;}
.hightlight-text {font-size: 16px; line-height: 22px; padding-bottom: 1rem;}
p {font-size: 1rem; padding-bottom: .5rem;}
.category-titles {font-size: 20px;}
.our-services-icons {width: 18%;}
}
/*Styles for screen 854px and lower*/
@media only screen and (max-width: 854px) {
.welcome-hero-container-div {padding: 0;} /* added for newer group photo 09 16 22 */
.welcome-hero-container {max-width: 100%; min-height: 300px;} /* added for newer group photo 09 16 22 */
.section-padding {padding: 3rem 0 7rem;}
}
/*Styles for screen 834px to 768px for split feature*/
@media screen and (max-width: 834px) and (min-width: 770px) {
.split-content-right {padding: 3rem 0 3rem 3rem;}
 }
/*Styles for screen 768px and lower*/
@media only screen and (max-width: 768px) {
.logo {display: block; float: none; max-width:85%;}
.section-padding {padding: 2rem 0 4rem;}
h4 {padding-bottom: .25rem;}
.section-title {margin-bottom: 1.56rem;}
.quote-box {width: 100%;}
blockquote, blockquote p {font-size: 16px; line-height: 22px;}
.slider {max-width: 100%; min-height: 250px;}
.slider li {max-width: 100%; min-height: 250px;}
.mask {min-height: 250px;}
}
/*Styles for screen 635px and lower*/
@media only screen and (max-width: 635px) {
	.top-padding-only {padding: 5rem 0 0 0;}
	.section-padding-less {padding: 2rem 0 3rem 0;}
	h4 {font-size: 22px;}
	.our-services-icons {width: 16%;}
	.mainbody ul {min-height: 1px;}
	.quote-box {padding: 10px 0 25px;}
	.bio-photos-left {display: block; float: none; margin: 0 auto; margin-bottom: 20px;}
	.bio-photos-right {display: block; float: none; margin: 0 auto; margin-bottom: 20px;}	
	.quote-photo-left {display: block; float: none; margin: 0 auto; margin-top: 20px;}
	.right-side {display: flex;}
	.left-side {display: flex;}
	.split-side {display: flex;}
	.split-content-left {min-height: 100px; padding: 2rem;}
	.split-content-right {min-height: 100px; padding: 2rem;}
	.split-content-left-text {text-align: center;}
	.split-content-right-text {text-align: center;}
	.logo-pmt-container {text-align: center;}
	.footer-text {padding: 40px 0;}
}
/*Styles for screen 428px and lower*/
@media only screen and (max-width: 428px) {
	h1 {font-size: 40px; line-height: 46px;}
	h3 {font-size: 24px; line-height: 26px;}
	.bolder-h3 {font-size: 28px; line-height: 32px;}
	h4 {font-size: 20px; line-height: 24px;}
	.floatleft {display: block; float: none; margin: 0 auto; padding-bottom: 15px;}
	.welcome-hero-container-div {padding: 0;}
	.welcome-hero-container {min-height: 155px;} /* reduced from 200px */
	footer {text-align: center;}
}
/*Styles for screen 390px and lower*/
@media only screen and (max-width: 390px) {
	h2 {font-size: 30px; line-height: 34px;}
	.bold-subtext {font-size: 26px; line-height: 30px;}
}
/*Styles for screen 375px and lower*/
@media only screen and (max-width: 375px) {
	.welcome-hero-container {min-height: 145px;} /* added for newer group photo 09 16 22 */
}