/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section.

Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
/*--------------GENERAL ----------------*/
.banner{
	margin-top:-1em;
}
.billboard.breakout {
    margin-top: -3rem;
}

.wpcf7-form input[type=submit], button, html input[type="button"], input[type="reset"], input[type="submit"], a.contact-btn,.biziq-button,.client-button, #content .btn, #slider .btn, .view-article, .rev-read-more, #respond #submit, .btn, .link-button {
	color: #fff;
	background: #001996;
	font-weight: bold;
    border-radius: 30px;}

a{
	color: #001996;
}
    #footer .btn:hover, .link-button:hover, .billboard .slider-content a:hover, .video-container .slider-content a:hover, .btn:hover, #slider:hover .btn, button:hover, .rev-read-more:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #content .view-article:hover, .wpcf7-form input[type=submit]:hover, #content .btn:hover, #slider .btn:hover {
    	background: #C60F0F;
    	transition: 500ms;}


a:hover{
	color: #C60F0F;
}


/*--------------HEADER ----------------*/
#header, .sticky-background, .passed-header .sticky-background {
    background: #fff;}


.passed-header .nav-wrap {
    background: #003596;
    text-align: center;
    box-shadow: 0 8px 6px -6px black;
}

.passed-header .nav-bar ul a {
    color: #fff;
}

.phone a {
    background: #fed408;
    color: #222;
    font-size: 1.25em;
    font-weight: bold;
    border-radius: 30px!important;}


.phone a i {
    color: #222;
    margin-right: 3px;
}

.phone a:hover{
    background: #c60f0f;
    color: #fff;
    text-decoration: none;}


.nav-bar .sub-menu {
    background: #003596;
    }

.nav-bar ul .sub-menu a {
    color: #fff;
}
.header-b .stuck .nav-wrap {
    padding: .25rem 1rem;
}

.nav-bar ul a {
    display: inline-block;
    text-decoration: none;
    padding: 0 10px;
    color: #222;
    font-size: 1.10em;
    font-weight: bold;
}
/*--------------BILLBOARD----------------*/
.billboard .slide-header, .video-container .slide-header {
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
}

.billboard .slider-content a:hover, .video-container .slider-content a:hover {
	border-color: #c60f0f!important
}
.billboard .swiper-slide {
    height: 80vh;
    max-height: 750px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
    }

	.billboard .slider-content {
    max-width: 1920px;
    width: 100%;
    color: white;
    background: #12214099;
    text-align: center;
    padding: 2em;}
.billboard .slider-content .slider-cta-button, .video-container .slider-content .slider-cta-button, .billboard .slider-content a, .video-container .slider-content a {
	border-radius: 30px!important;}
/*--------------HOME ----------------*/
.underbanner hr {
    border-top: 5px solid #FED408;
    width: 40px;
    margin-top: -.75rem!important;
}

.breakout.underbanner {
    background: #003596;
    padding: 0.0em;
}
body.home .breakout.underbanner {
    padding: 2em 1.5em;	
}
.breakout.red-statement {
    background: #C60F0F;
}

ul.checked li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: '\f058';
    margin-right: 8px;
    color: #c60f0f;
}

.yellow-box, 
.col-md-10.p-4.home-bottom {
    border: 4px solid #fed408;
}

.yellow-box {position: relative;padding: 2em 1em;}

.yellow-box:before, 
.col-md-10.p-4.home-bottom:before {
    content: '\f02f';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    position: absolute;
    background-color: #fed408;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 55px;
    height: 55px;
    color: #222;
    text-align: center;
    line-height: 57px;
    font-size: 2.5em;
    font-weight: 900;
    top: -22px;
    left: calc(50% - 25px);
    box-shadow: 2px 2px 3px #00014b3b;
}

ul.marker li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: '\f276';
    margin-right: 5px;
    font-size: .9em;
    color: #001996;
}
/*--------------SERVICES ----------------*/

hr.left {
    margin-left: 0em;
}

.underbanner img {
    border: 5px solid #FED408;
    box-shadow: 2px 2px 10px #000;
}

.srv-row {
    border: 5px solid #FED408;
    margin-right: 0;
    margin-left: 0;
}
.srv-row > div:first-child {
	padding: 1em 1.5em;
}

.underbanner ul.checked li:before {
    color: #fed408;
}
.post-305 .wpcf7-select {
    width: 100%;
}

.post-305 .col-md-4, .post-305 .col-md-3, .post-305 .col-md-6, .post-305 .col-md-12 {
    margin-top: .5em;
    margin-bottom: .5em;
}
span.required {
    color: red;
}
/*--------------REVIEWS ----------------*/
.rev-wrap {
    padding: 2.5em 1em 1em;
    border: 2px solid #c50f0f;}

.rev-wrap:before {
    content: '\201C ';
    font-family: Times New Roman, Georgia;
    font-weight: bold;
    position: absolute;
    background-color: #001996;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 50px;
    height: 50px;
    color: #fff;}

.final-star {
    color: #FED408!important;
}

/*--------------CONTACT ----------------*/

.page-contact-us form.wpcf7-form {
    padding: 2rem;
    background: #fff;
    border: 4px solid #fed408;
    text-align: center;
}

.page-contact-us form.wpcf7-form:before {
    content: '\f02f';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    position: absolute;
    background-color: #fed408;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 55px;
    height: 55px;
    color: #222;
    text-align: center;
    line-height: 57px;
    font-size: 2.5em;
    font-weight: 900;
    top: -22px;
    left: calc(50% - 25px);
    box-shadow: 2px 2px 3px #00014b3b;
}
/*--------------FOOTER----------------*/
footer#footer{
	background: #122140;
	color: #fff;
}


footer a.btn {
	display: block;

}

.today {
    color: #FED408;
    font-weight: bold;
}

#copyright{
	background: #00000099;
	color: #fff;
}
/*--------------MOBILE ----------------*/

#mobile-menu-container .menu-bar {
	background: #003596;
}


#mobile-menu-container .menu, #mobile-menu-container .menu-icon, #mobile-menu-container.left, #mobile-menu-container.right {
	background:  #003596;
	}

@media only screen and (min-width: 770px){
	.billboard .slider-content {
    max-width: 1920px;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    position: relative;
    color: white;
    background: #12214099;
    text-align: center;
    padding: 2em;}

.billboard .swiper-slide {
    align-items: flex-start;}

.billboard .slider-content {
    /* max-width: 800px; */
    width: 100%;
    /* height: 100%; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    position: relative;
    color: white;
    background: #122140dd;
    text-align: center;
    padding: 2em;
}
	.billboard .slide-header, .video-container .slide-header {
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
}
}
@media only screen and (max-width: 27em){
	.medium-wrapper, .small-wrapper, .large-wrapper {
    padding: 2em;}

    .banner, .billboard.breakout, .billboard.breakout {
    	margin-top:-3em;
    }
	.breakout.underbanner img {
		margin-top: 2em;
	}
}

.accordion .btn-link {
    color: #fff;
    display: block;
    cursor: pointer;
    background: #001996;
    padding: .5em;
}

h3.btn-link[aria-expanded="false"]:after {
    content: '\f067';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    float: right;
    padding-right: 0;
    margin-bottom: 5px;
    color: #fed408;
}

h3.btn-link[aria-expanded="true"]:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    float: right;
    padding-right: 0;
    content: '\f068';
    margin-bottom: 5px;
    color: #122140;
}
h3.btn-link[aria-expanded="true"] {
	background: #fed408;
	color: #122140;
	margin-bottom: 0;
}
h3.btn-link:hover {
	text-decoration: none; 
}
h3.btn-link + div .inner {
    padding: 1em;
    border-bottom: solid 2px #fed408;
    border-left: solid 2px #fed408;
    border-right: solid 2px #fed408;
}


.my-auto a {
  color: #fff !important;
}