/*
 * b4st CSS
 */

/* Sticky Footer */
html{ scroll-behavior: smooth; }

a{ color: #119cf7; }

body {
    display: flex;
    min-height: 100vh;
	flex-direction: column;
	color: #08141f; 
}
main {
    flex: 1 0 auto;
}

.site-header-image {
	display: block;
	margin: auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}

.bypostauthor {}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	clear: both;
	display: block;
}

/* Max img widths */

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* Author bio */

.author-bio .avatar {
	border: 1px solid #dee2e6;
	border-radius: 50%;
}

/* Main content */

/* Sidebar */

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* Comments */

#comments,
#reply-title {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.commentlist,
.commentlist ul {
	padding-left: 0;
}

.commentlist li {
	padding: 1rem;
}

.comment-meta {
	margin-bottom: 1rem;
}

.comment > .children {
	margin-top: 1rem;
	margin-right: -0.625rem;
	margin-bottom: -1.625rem;
}
/* Site footer */

.clear{ clear: both; }

h4{ font-size: 20px; font-weight: bold; }

.navbar{ padding: 0px; background: #000; padding-right: 30px; }
.navbar .phn, .navbar .phn a{ color: #fff; font-size: 24px; }
.navbar .phn{ margin-left: auto; }

.nav-link{ color: #fff !important; }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{ color: #119cf7 !important; }

.hero{ height: 600px; width: 100%; background-image: url('../img/hero.jpg'); background-size: cover; background-position: 50%; }
.footer-hero{ background-image: url('../img/footer-img.jpg');  }
.hero-content{ display: flex; align-items: center; height: 600px; background: rgba(0,0,0,0.5); color: #fff; font-size: 22px;}

.btn{ color: #fff; background: #119cf7; padding: 10px 30px; border-radius: 5px; margin-top: 10px; display: inline-block; }
.hero-content .btn{ font-size: 30px; margin-top: 20px; }

.btn:hover{ color: #fff; background: #1e1ca4; }

.page-hero{ height: auto; }
.page-hero .hero-content{ height: auto; padding: 60px 0; }

.page-lead{ border-bottom: 1px dotted #000; padding-bottom: 30px; margin-bottom: 30px; }
hr{ border-top: 1px dotted #000; }

#gform_1 .gform_drop_area{ padding: 10px; }

.hero-content .col-md-7{ color: #fff; font-size: 22px; }

.before, .after{ background-size: cover; width: 50%; height: 600px; position: relative; float: left; background-position: 50%; }
.before span, .after span{ color: #fff; position: absolute; bottom: 15px; left: 15px; font-size: 20px; text-transform: uppercase; }

.segment{ padding: 60px 0; }

.whychoose svg{ font-size: 50px; }
.whychoose .col-md-2{ display: flex; align-items: center; justify-content: center; }

.whychoose .col-md-4:last-of-type{ margin-bottom: 0px; }

.testimonials{ background: #193a59; color: #fff; }
.thequote{ font-size: 24px; }
.thequoted{font-size: 32px; line-height: 42px; }
.thequoted small{ font-size: 16px; }
.thequoted .fad{ color: #fff !important;}

#contact{ background: #111; color: #fff; }

.step{ font-size: 120px; font-weight: bold; line-height: 80px; } 

.step3{color: #295986; }
.step2{color: #193a59;}
.step1{color: #08141f;}

.fad{ color: #08141f !important; }
footer{ background: #050505; padding: 15px; color: #fff; }
footer a{ color: #fff !important; }

#gform_submit_button_1{ background: #119cf7; font-size: 24px; width: 100%; border: none; padding: 10px 30px; }
.gform_wrapper ul.gform_fields li.gfield{ padding-right: 0px !important; }

.navbar{ width: 100%; }
.navbar-nav{ list-style-type: none; }
.menu-item{ padding: 15px; }
.menu-item a{ padding: 5px; color: #fff; transition: color 0.3s; }
.menu-item.btn{ margin-left: 20px; }
.open-menu{ display: none; color: #fff !important; }

#menu-main{ display: flex; width: 100%; padding-left: 0px; margin: 0px; }

.dropdown-menu{ position: absolute; background: #fff; padding: 0px; list-style-type: none; padding: 10px 0; margin-top: 10px; display: none; z-index: 9999; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); }
.dropdown-menu li{ padding: 0px; }
.dropdown-menu a{ color: #333; padding: 10px 20px; display: block; }

.navbar-collapse.show{ position:relative; opacity: 1; z-index: inherit; top: 0; }

.phone-stuff{ float: left; }

@media(max-width: 1640px){
	#navbar{ flex-flow: row wrap; padding-right: 0px; }
	#navbar img{ order: 1; }
	#navbar .phn{ order: 2; text-align: right; padding-right: 30px; }
	#navbar .btn{ order: 2; }
	#menu-main{ justify-content: space-around; }
	#navbar #navbarDropdown{ order: 3; width: 100%; background: #111; }
	#navbar #navbarDropdown li{ border-right: 1px dotted #333; width: 100%; text-align: center; }
}

@media(max-width: 991px){
	#navbar{ justify-content: space-between; }
	#navbar img{ order: 1; }
	#navbar .open-menu{ order: 2; }
	#navbar .phn{ order: 3; width: 100%; padding-right: 0px; display: flex; align-items: center; background: #050505;}
	#navbar .ortext{ display: none; }
	#navbar .phn span{ display: inline-block; text-align: center;  }
	#navbar .phn .btn{ width: 50%; border-radius: 0px; }
	.open-menu{ margin-right: 30px; }

	.hero{ height: auto;  }
	.hero-content{ height: auto; padding-top: 60px; padding-bottom: 60px; }

	.phone-stuff{ width: 50%;
		text-align: center;}


}

@media(max-width: 767px){
	.open-menu{ margin-right: 30px; }
}

@media(max-width: 523px){
	.open-menu{ margin: 0px !important; width: 100%; border-radius: 0px; }
	.phn{ position: fixed; bottom: 0; width: 100%; z-index: 999; }
	.phn .btn{  width: 50%;}
	.phn span * { font-size: 20px !important; }
	body{ padding-bottom: 49px; }
}

@media(max-width: 420px){
	/* #navbar .phn{ display: none; } */
}


.sidebox{ margin-bottom: 30px; background: #000; color: #fff; padding: 30px; }
.sidebox h4{ margin-top: 0px; }
.sidebox p:last-of-type{ margin-bottom: 0px; }

.gsection_description{ margin-top: 15px; }

nav .btn{ margin-left: 15px; font-size: 18px !important; margin-top: 0px !important; }

footer ul{ list-style-type: none; padding-left: 0px; display: flex; width: 100%; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
footer ul li{ margin-bottom: 15px; width: 33%; padding: 0 15px; }

@media(min-width: 992px){
    #menu-main{
        align-items: center;
    }


}

@media(max-width: 991px){
  

    .navbar-collapse{ display: block; position: absolute;top: 156px;background: #ebe4de;z-index: -1;width: 100%;left: 0;  transition: all 0.5s; }
    .navbar-collapse li{ width: 100% !important; padding: 0; }
    .navbar-nav{ margin: 0; padding: 0; }
    .menu-item.btn{ margin-left: 0px; align-self: flex-end; }
    .navbar-collapse li a{ width: 100%; display: block; text-align: center; padding: 15px; }
    .open-menu{ float: right; margin-left:auto; display: block; }

	#menu-main{ display: block !important; top: 0 !important; opacity: 1 !important;}
	nav .collapse{ opacity : 0; z-index: -1; }
	
	.whychoose .col-md-4{ margin-bottom: 60px; }
}

.nav-link:hover{ cursor: pointer; }
.locbar{ display: flex; justify-content: space-evenly; flex-grow: 1; padding: 10px 0; background: #090909; }
.locbar a{ color: #fff; }
#menu-item-2018{ display: none; }

@media(max-width: 767px){
	.locbar{ display: none; }
	#menu-item-2018{ display: block; }
	
}

.blackbox{ background: #050505; padding: 20px; margin-top: 10px; color: #fff; margin-bottom: 30px; }
.blackbox a{ color: #fff; border-bottom: 1px dotted #fff; text-decoration: none !important; }
.blackbox p:last-child{ margin-bottom: 0px; }
.blackbox .btn{ margin-top: 20px; }

#gform_4 label{ display: none; }

#gform_4 .gform_drop_instructions{ display: none; }
#field_4_1 label{ display: block; }
#gfield_description_4_1{ padding: 0px; }
#gform_submit_button_4{ width: 100%; }
#gform_wrapper_4, #gform_wrapper_4 .gform_footer{ padding-bottom: 0px; margin: 0px; }
#gform_4 .gform_title{ margin-top: 0px; }

.segment ol, .segment ul{ padding-left: 16px; }
.segment li{ margin-bottom: 10px; }

.question{ color: #fff !important; font-size: 20px; border-bottom: 1px dashed #fff; display: block; padding-bottom: 20px; }
.question:before{ content: "-"; display: block; float: left; margin-right: 15px; width: 36px; text-align: center; height: 36px; border: 1px solid #ffff; }
.question.collapsed:before{ content: "+"; }
.answer{ margin-bottom: 30px; }

.ortext, .ortext a{ font-size: 12px !important; text-align: center; }