body {
font-size: 16px;
font-family:'Arimo', sans-serif;
background: #f7f7f7;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
html { scroll-behavior: smooth; }
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 {font-family: 'Arimo', sans-serif; margin-top: 0px;}
h2 {
font-size: 1.5em;
margin: .83em 0
}
h3 {
font-size: 1.17em;
margin: 1em 0
}
h4 {
font-size: 1em;
margin: 1.33em 0
}
h5 {
font-size: .83em;
margin: 1.67em 0
}
h6 {
font-size: .75em;
margin: 2.33em 0
}
img { max-width: 100%; } .entry-content a {text-decoration: underline;}
.entry-content a:hover, .entry-title a:hover {color: #1c2128!important;}
.btn, .childbuttons ul li a {cursor: pointer;    
background: linear-gradient(to bottom, rgb(56, 127, 210) 0%, rgba(32, 122, 199) 17%, rgba(32, 124, 202) 18%, rgb(41, 122, 191) 31%, rgb(40, 126, 198) 42%, rgb(31, 126, 207) 55%, rgb(46, 128, 197) 58%, rgb(50, 128, 192) 71%, rgb(37, 115, 176) 91%);
border-color: #46b8da;
padding: 12px;
margin-bottom: 10px;
font-size: 1rem;
line-height: 1.5;
font-weight: 600!important;
border-radius: 4px;
color: #fff!important;
box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, .2);
}
.btn-primary, input[type="button"], input[type="reset"], input[type="submit"], .btn-outline-primary, .button.add_to_cart_button, .wc-proceed-to-checkout .checkout-button.button, .price_slider_amount button[type="submit"] {
border-color: #46b8da!important;}
.btn:hover {    background-color: #31b0d5!important;
border-color: #269abc!important;
}
.broken_link, a.broken_link {text-decoration: underline!important;}
.home-buttons {text-align: center; margin-bottom: 20px}
.home-buttons a {padding: 20px; border: 1px solid #DDDDDD; display: block; border-radius: 10px; font-size: 135%; font-weight: bold;}
.home-buttons a:hover {text-decoration: none; color: #fff;}
.childbuttons ul li {float: right; list-style: none; margin-left: 15px} .green {color: #81c341}
.orange {color: #f99f1b}
.blue {color: #28b1c5}
.greenBG, .firstButton:hover {background: #81c341}
.orangeBG, .secondButton:hover {background: #f99f1b}
.blueBG, .thirdButton:hover {background: #28b1c5} #va-commonBanner, body .va-agency-bar-container {position: fixed!important;
width: 100%!important;
top: 0;
right: 0;
left: 0;
z-index: 999999!important;}
.screen-reader-text {display: none;}
#masthead {
background: #f7f7f7;
float: left;
display: block;
padding-bottom: 20px;
}
#masthead.short {
box-shadow: -2px 5px 15px 0px rgba(0, 0, 0, .1);
}
.site-branding {
width: 100%;
float: left;
display: grid;
grid-template-columns: 160px auto;
gap: 30px;
transition: all .3s ease;
}
#masthead.short .site-branding {
grid-template-columns: 90px auto;
}
.site-logo  {
height: 160px!important;
margin-top: 20px;
float: left;
margin-right: 30px;
transition: all .3s ease;
}
#masthead.short .site-logo {
height: 90px!important;
}
.site-branding-text {
float: left;
clear: none;
display: flex;
align-content: center;
flex-wrap: wrap;
}
.site-branding-text h1 {
text-align: left!important;
margin-top: 30px;
max-width: 640px;
transition: all .3s ease;
}
.site-branding-text h1 a {
color: #144F95;
font-size: 34px;
font-weight: 400!important;
text-align: left!important;
transition: all .3s ease;
}
.site-branding-text h1 a span {
display: block;
color: #222;
font-size: 22px;
transition: all .3s ease;
}
#masthead.short .site-branding-text h1 a {
font-size: 24px;
}
#masthead.short .site-branding-text h1 a span {
font-size: 18px;
}
.site-branding-text h1 a:hover {
text-decoration: none;
}
@media (max-width:650px) {
.site-branding-text h1 a {
font-size: 24px;
}
.site-logo {
height: 120px!important;
}
.site-branding-text h1 a span {
font-size: 18px;
}
#masthead.short .site-branding-text h1 a span {
font-size: 16px;
}
#masthead.short .site-branding-text h1 a {
font-size: 20px;
}
.site-branding {
grid-template-columns: 120px auto;
}
}
@media (max-width:495px) {
.site-logo {
display: none;
}
#masthead.short .site-branding,
.site-branding {
grid-template-columns: 1fr;
gap: 0;
}
.navbar {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width:395px) {
.site-branding-text h1 a {
font-size: 20px;
}
}
.navbar { 
max-width: 1140px;
margin: 0 auto;
display: block;
position: relative;
padding-top: 0;
padding-bottom: 0;
transition: all .3s ease;
}
#masthead.short .navbar {
margin-top: -20px;
}
.navbar-top {
width: 100%;
float: left;
margin-top: 10px;
}
.search-input {
padding-right: 30px;
width: 70%;
width: calc(95% - 64px)!important;
max-width: 1000px;
float: left;
}
.search-input input {
border-color: #eaeaea!important;
height: 44px;
}
.logged-in .navbar {padding-top: 30px;}
.navbar-brand, .navbar-brand:hover {color:#fff; font-size: 1.8vw;}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-toggler {
display: block;
background: red;
}
}
.sideNavigation {display: block; position: fixed; top: 175px; left: 0px; max-width:205px}
.sideNavigation ul {list-style: none; padding-left: 0px;}
.sideNavigation ul li {border-left: 10px solid #267bc5; margin-bottom: 20px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;    padding: 4px 10px;
max-width: 200px; line-height: 1em;}
.sideNavigation ul li a {color: #000}
.sideNavigation ul li a:hover {text-decoration: none;}
.sideNavigation ul li:hover {left: 4px; position: relative; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
#mega-menu-wrap-side-menu .mega-menu-toggle .mega-toggle-blocks-left {
position: absolute;
right: 0;
top: 30px;
z-index: 99999999;
transition: all .3s ease;
}
#mega-menu-wrap-side-menu .mega-menu-toggle .mega-toggle-block {
width: 44px;
padding-left: 1px;
height: 44px;
background: #fff;
border-radius: 5px;
border: solid 1px #eaeaea!important;
margin-left: 0!important;
}
#mega-menu-wrap-side-menu .mega-menu-toggle .mega-toggle-block button {
margin-left: 3px;
}
.mega-toggle-blocks-center,
.mega-toggle-blocks-right,
.mega-toggle-block-1 {
display: none!important;
}
#mega-menu-wrap-side-menu .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner, #mega-menu-wrap-side-menu .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before, #mega-menu-wrap-side-menu .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {
background-color: #144F95;
}
ul.mega-menu-vertical {
top: 0!important;
padding-top: 60px!important;
padding-bottom: 20px!important;
background: rgba(255,255,255,.4)!important;
backdrop-filter: blur(10px);
padding-left: 30px!important;
padding-right: 30px!important;
}
ul.mega-menu-vertical li a {
max-width: 1100px!important;
margin: 0 auto!important;
display: block!important;
position: relative!important;
margin-top: 16px!important;
padding-bottom: 15px!important;
background: transparent!important;
color: #222!important;
font-size: 16px!important;
border-bottom: solid 1px rgba(20, 79, 149,.4)!important;
border-left: none!important;
padding-left: 5px!important;
font-weight: 500!important;
}
@media screen and (min-width: 1241px) {
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {padding: 8px 25px 0px 25px!important;}
}
@media screen and (max-width: 1240px) {
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {padding: 8px 10px 0px 10px!important;}
}
@media screen and (min-width: 1000px) {
.mega-menu-wrap {flex-grow: 1}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {height: 55px; color: #404041 }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {max-width: 1236px; margin-left: auto; margin-right: auto; float: none!important; padding-top: 10px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {background: #1c2128; color: #fff!important;}
.mega-current-menu-parent > a.mega-menu-link, .mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {}
ul.mega-sub-menu h4.mega-block-title {color: #7cbde6!important; font-size: 12px!important; display: inline-block!important;}
ul.mega-sub-menu h4.mega-block-title:after {content: ""; display: block; margin: 0; width: 50px; padding-top: 5px;border-bottom: 1px solid #fff;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
ul.mega-sub-menu h4.mega-block-title:hover::after {width: 100%;}
ul.mega-sub-menu ul.menu {list-style: none; padding-left: 0px; }
ul.mega-sub-menu ul.menu > li > a {color: #fff; font-size: 12px;}
ul.mega-sub-menu ul.menu > li > a:hover {text-decoration: none; color: #7cbde6;}
a.mega-custom-icon:hover {background: #fff!important; opacity: 0.8!important;}
li.two-column-nav {  columns: 2; -webkit-columns: 2; -moz-columns: 2;}
ul.contact-info-menu {    list-style: none;
padding-left: 0px;
color: #fff;
font-size: 12px;
}
ul.contact-info-menu li a {color: #7cbde6!important}
li.top-column {padding-top: 20px}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-45 > a.mega-menu-link {background: #238f27!important;
color: #fff!important;}
}
#mega-menu-wrap-button-menu #mega-menu-button-menu {
gap: 40px;
margin-bottom: 20px;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu > li.mega-menu-item {
padding: 0;
box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, .2);
border-radius: 4px;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu > li.mega-menu-item > a.mega-menu-link {
height: 44px;
text-align: left;
line-height: 44px;
padding: 0px 20px 0px 20px;
overflow: hidden;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu > li.mega-menu-flyout ul.mega-sub-menu {
padding: 0;
box-shadow: 0px 11px 12px 0px rgba(0, 0, 0, .2);
}
#mega-menu-wrap-button-menu #mega-menu-button-menu > li.mega-menu-flyout ul.mega-sub-menu a.mega-menu-link {
line-height: 155%!important;
padding-top: 10px!important;
padding-bottom: 10px!important;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
border-bottom: none!important;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu > li.mega-menu-flyout ul.mega-sub-menu a.mega-menu-link {
border-bottom: solid 1px rgba(255,255,255,.3);
transition: all .3s ease;
padding-left: 20px!important;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu > li.mega-menu-flyout ul.mega-sub-menu a.mega-menu-link:hover {
color: rgba(255,255,255,.8)!important;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
width: 38px;
background: rgba(0,0,0,.1);
position: absolute;
right:0;
top: 0;
text-align: center;
font-size: 26px;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
transition: all .3s ease;
}
#mega-menu-wrap-button-menu #mega-menu-button-menu li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator:after {
transform: rotate(-180deg);
} #nav-upnav {
background-color:#f6c51b;
text-align: center; 
padding:10px 0px;
}
#nav-upnav a:hover {color: #234c67!important;}
#nav-upnav .nav-title {font-size: 18px} .site-footer { padding-top: 30px; color: #222!important; padding-bottom: 60px; font-weight: 500;}
a.text-white {color: #222!important;}
.footer-1-area, .footer-2-area {padding-top:80px;}
.footer-3-area {padding-top: 60px}
.site-info {padding-bottom: 30px;}
.site-info p, .site-info a {display: inline; font-size: 14px}
ul.social-footer-links {list-style: none; padding-left: 0px;}
ul.social-footer-links li {display: inline-block; margin-right: 10px;}
.s-footer-nav ul {list-style:none;}
.s-footer-nav ul li {display: inline-block; padding: 0px 10px; font-size: 16px}
.site-footer a.info-link,
.s-footer-nav ul li a {
color: #144F95!important;
font-weight: 500;
position: relative;
}
.site-footer a:hover {
text-decoration: none;
}
.site-footer a::after {
content: '';
position: absolute;
display: block;
left: 50%;
width: 0;
height: 1px;
bottom: -5px;
background: #144F95;
transition: all .3s ease;
}
.site-footer a:hover::after {
width: 100%;
left: 0;
}
a.scrollup::after {
display: none;
} .breadcrumbs a {color:#0c598e;}
.breadcrumbs a:hover {color:#404041;} .page .post-thumbnail img {width: 100%;}
.page h1 {font-weight: 600; text-align: center; font-size: 26px;}
.page .entry-content {border-top: 1px solid #DDDDDD; margin-top: 0px; padding: 10px 10px 0px 10px; padding-left: 20px; padding-right: 20px;}
.content-area .card {border: 1px solid #DDDDDD; background: white; border-radius: 10px;} .list-group {padding-right: 0; float: left; text-align: center; margin: 10px 30px 0px 0px; line-height: 1.7;  color: #fff;list-style: none;}
.list-group li {padding: 10px 15px; background: #596571; margin-bottom:1px;}
.list-group li a {color:#fff!important; text-decoration: none;}
.list-group li:first-child {padding-top: 15px; background: #343a40; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.list-group li:last-child {padding-bottom: 15px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} .togbtn > button {cursor: pointer;    
background-color: transparent!important;
border-color: transparent!important;
padding: 6px 12px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
border-radius: 4px;
display: inline-block;}
.togbtn > button:after {
font-family: FontAwesome;
content: "\f067";
padding-left: 5px;
font-size: 14px;
color: #007bff;
}
.toggle {display: none;} .site-content {padding-top: 360px;}
.border-bottom {padding: 10px}
.wp-block-separator, hr {border-bottom: 1px solid #DDDDDD!important; border-top: 0px!important;}
.childbuttons, .breadcrumbs {margin-bottom: 20px} .wp-block-image img {max-width: 100%; height: 100%;} .widget_categories, .widget_archive, .wp-bp-sidebar-width {display: none} .search .card {margin-bottom: 20px}
@media only screen and (max-width: 1500px) {
#va-commonBanner__container {padding-right: 30px!important}
.sideNavigation {z-index: 1060; right: 0; left:auto; top:4px }
.sideNavigation {max-width: 100%;}
}
@media only screen and (max-width: 1140px) {
.site-content {padding-left: 10px; padding-right: 10px;}
}
@media only screen and (max-width: 990px) {
.navbar-brand, .navbar-brand:hover {font-size:3vw; white-space: normal; text-align: center;}
.site-content .container {padding-top: 30px;}
}
@media (max-width:650px) {
.site-content .container {padding-top: 0;}
.site-content {padding-top: 340px;}
}
@media (max-width:500px) {
.site-content {padding-top: 380px;}
}
.scrollup {
width: 44px;
height: 44px;
background: rgb(20,79,149);
background: linear-gradient(0deg, rgba(20,79,149,1) 50%, rgba(40,177,197,1) 100%);
display: none;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
position: relative;
border: none;
position: fixed;
right: 30px;
bottom: 40px;
box-shadow: 0px 1px 10px 4px rgba(0, 0, 0, .2);
}
.scrollup .arrow path {
fill: white;
}
.scrollup .text {
font-size: 0.7em;
width: 100px;
position: absolute;
color: #222;
display: flex;
align-items: center;
justify-content: center;
bottom: -38px;
opacity: 0;
transition-duration: .7s;
text-shadow: 0px 2px 8px rgba(0, 0, 0, .4);
}
.scrollup:hover .text {
opacity: 1;
transition-duration: .7s;
}
.scrollup:hover .arrow {
animation: slide-in-bottom .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-in-bottom {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}