﻿.intro-single { padding: 0; }

.consultation { position: relative; z-index: 99998; position: relative; float: left; width: 100%; }
.consultation .schedule { width: 100%; display: inline-block; position: relative; }
.consultation .schedule a { text-transform: uppercase; text-decoration: none; position: absolute; padding: 8px 20px; border-radius: 50px; color: #fff; font-size: 22px; border: 0px solid #f46831; font-weight: 600; background: #f46831; width: fit-content; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -60px; }
.consultation .schedule a:hover { text-decoration: none; }

.features1 { padding: 180px 0 160px; }
.features2 { padding-bottom: 10px; }
.features .feature-icons { margin: 0px; }
.features .vid-overlay { position: relative; }
.features .vid-overlay iframe { position: absolute; left: 74px; top: 18px; width: 487px; height: 297px; }

#header { padding-bottom: 10px; }
#header .main-logo { text-align: left; }
#header .main-phone { text-align: center; }
#header .main-phone a { color: #666; font-weight: bold; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 20px; }
#header .main-phone a:hover { color: #666; font-weight: bold; text-decoration: none; }
#header .main-btn { text-align: right; }
#header .main-btn .navbar { display: block; float: right; }

#hero2 { display: none !important; }

.title-single-box { display: none; }

#carousel { background-color: #c8cbd1; padding: 20px 0; margin-top: 0px; }

.slick-slide img { max-width: 150px; padding: 0 15px; }

.section-header h2 { font-family: 'Montserrat', sans-serif; color: #000; font-weight: bold; text-transform: uppercase; text-align: left; font-size: 28px; }
.section-header p { font-family: 'Montserrat', sans-serif; color: #000; text-align: left; font-size: 18px; line-height: 25px; }
.section-header .join { width: 100%; display: inline-block; position: relative; margin: 10px 0 20px; }
.section-header .join a { text-transform: uppercase; text-decoration: none; position: absolute; padding: 8px 20px; border-radius: 50px; color: #fff; font-size: 22px; border: 0px solid #f46831; font-weight: 600; background: #f46831; width: fit-content; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.section-header .join a:hover { text-decoration: none; }

h1.lz-secondary { font-family: 'Montserrat', sans-serif; color: #000; font-weight: bold; text-transform: uppercase; text-align: center; }
h1.lz-secondary span { color: #176cb5; }
.lz-secondary-body p { font-size: 16px; line-height: 22px; color: #000; font-family: 'Montserrat', sans-serif; }

#tabs { float: left; width: 100%; border: 0 !important; }
#tabs h2 { float: left; width: 100%; font-family: 'Montserrat', sans-serif; color: #000; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 30px; }
#tabs h2 span { color: #96be52; }
#tabs ul { padding: 0 !important; margin: 0 !important; width: 100%; display: flex; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#tabs ul li { width: 100%; margin: 0 !important; border: 0 !important; border-right: 1px solid #000 !important; border-top-right-radius: 0; border-top-left-radius: 0; }
#tabs ul li:last-child { border-right: 0 !important; }
#tabs ul li.ui-state-active { background-color: #FFF; }
#tabs ul li a { width: 100%; text-align: center; font-weight: bold; }
#tabs ul li.ui-state-active a { color: #f46831; }
#tabs .container { padding-top: 15px; padding-bottom: 55px; border-bottom: 2px solid #3c84c1; max-width: 100%; margin: 0 0 20px; float: left; }
#tabs .full-col-content { width: 98%; float: left; padding: 0 1%; }
#tabs .full-col-content h3, #tabs .right-col-content h3 { float: left; width: 100%; color: #000; font-family: 'Montserrat', sans-serif; text-transform: uppercase; background-image: url(https://lionzone.com/images/green-line.jpg); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 10px; margin-bottom: 35px; font-weight: bold; }
#tabs .full-col-content p { font-family: 'Arial', sans-serif; color: #000; padding: 5px 0; font-size: 18px; line-height: 24px; }
.ui-tabs .ui-tabs-panel { min-height: 288px; }
#tabs .left-col-content p img, #tabs .right-col-content p img { position: absolute; left: 0; right: 0; width: inherit !important; max-width: 375px; float: none; margin: 0 auto; }
#tabs .left-col-content { width: 48%; float: left; padding: 0 1%; }
#tabs .left-col-content h3, #tabs .right-col-content h3 { float: left; width: 100%; color: #000; font-family: 'Montserrat', sans-serif; text-transform: uppercase; background-image: url(https://lionzone.com/images/green-line.jpg); background-repeat: no-repeat; background-position: bottom left; padding-bottom: 10px; margin-bottom: 35px; font-weight: bold; }
#tabs .left-col-content p, #tabs .right-col-content p { font-family: 'Arial', sans-serif; color: #000; padding: 5px 0; font-size: 18px; line-height: 24px; position: relative; }
#tabs .left-col-content p small, #tabs .right-col-content p small { font-size: 14px; line-height: 16px; font-weight: bold; }
#tabs .right-col-content { width: 48%; float: left; padding: 0 1%; }
#tabs .optimize { width: 100%; display: inline-block; position: relative; margin: 10px 0 20px; }
#tabs .optimize  a { text-transform: uppercase; text-decoration: none; text-align: center; position: absolute; padding: 8px 20px; border-radius: 50px; color: #fff; font-size: 22px; border: 0px solid #f46831; font-weight: 600; background: #f46831; width: fit-content; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0px; }
#tabs .optimize  a:hover { text-decoration: none; }

#quote { float: left; width: 100%; display: none; }
#quote .outer-box { width: 100%; position: relative; float: left; background-color: #3c84c1; }
#quote .outer-box .inner-box { background-color: #FFF; margin: 30px 50px; border-radius: 50px; display: flex; }
#quote .outer-box .inner-box .image { float: left; padding-left: 50px; display: flex; }
#quote .outer-box .inner-box .image img { max-width: 200px; }
#quote .outer-box .inner-box .text { float: left; margin: 0 50px; padding: 15px 0; }
#quote .outer-box .inner-box .text p { color: #9699a0; font-family: "Montserrat", sans-serif; text-transform: uppercase; font-weight: bold; font-size: 24px; }
#quote .outer-box .inner-box .text p span.smaller { font-size: 16px; }

#faqs { float: left; width: 100%; padding: 0 5px; margin: 85px 0; }
#faqs h2 { margin-bottom: 30px; font-size: 29px; font-weight: bold; text-transform: uppercase; }

#footer { float: left; width: 100%; }

.ui-accordion .ui-accordion-header { font-weight: bold; font-size: 21px; text-transform: uppercase; }

#lightbox { display: none; z-index: 99999; position:fixed; /* keeps the lightbox window in the current viewport */  top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,.7); text-align:center; overflow: auto; }
#lightbox p { text-align:right;  color:#fff;  margin-right:20px;  font-size:12px; }
#application { float: inherit; width: 100%; max-width: 940px; background-image: linear-gradient(to bottom, #6d93b5, #186cb5); padding: 15px; margin-top: 40px; box-shadow:0 0 25px #111; display: inline-block; border: 4px solid #FFF; overflow: auto; }
#application .container { position: relative; }
#application .close-icon { position: absolute; right: 0; cursor: pointer; }
#application .close-icon svg { color: #FFF; }
#application h2 { width: 100%; float: left; text-align: center; font-size: 38px; color: #FFF; letter-spacing: 1px; font-family: "Montserrat", sans-serif; font-weight: bold; }
#application p { color: #6b97cd; font-size: 16px; text-align: justify; }
#application .bottom-border { margin-top: 20px; height: 10px; background-image: linear-gradient(to right, #5c371a, #cc8e65, #5c371a); width: 100%; float: left; }
#application form .alert { float: left; width: 100%; }
#application form .alert p { color: #000; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: bold; margin: 0; }
#application form .row { margin-bottom: 10px; float: left; width: 100%; --bs-gutter-x: 0; }
#application form .row .form-group { float: left; padding: 0 5px; }
#application form .row .form-group label { color: #FFF; font-weight: bold; font-family: 'Montserrat', sans-serif; margin-bottom: 5px; float: left; width: 100%; }
#application form .row .form-group input { float: left; width: 100%; }
#application form .form-group { }
#application form .form-group label { color: #FFF; font-weight: bold; font-family: 'Montserrat', sans-serif; margin: 10px 0 5px; }
#application form .g-recaptcha { float: left; margin-top: 15px; }

@media (max-width: 767px) {
	#header { z-index: 99999999; }
	.features1 { padding-top: 120px !important; }
	#carousel { margin-top: 50px; }
	.section-header h2 { text-align: center; }
	.section-header .join { text-align: center; margin-bottom: 40px; }
	.section-header .join a { position: relative; }
	.features1 .section-header .join a { font-size: 17px !important; }
	#tabs ul { display: inline-block; border: 0 !important; }
	#tabs ul li { border: 0 !important; }
	#tabs .left-col-content p, #tabs .right-col-content p { word-break: break-word; float: left; width: 100%; }
	#tabs .left-col-content p img, #tabs .right-col-content p img { position: relative; margin-bottom: 15px; }
	#tabs .optimize a { font-size: 15px !important; }
	.consultation .schedule a { font-size: 15px !important; }
	#faqs { margin: 35px 0; }
	#quote .outer-box .inner-box { display: inline-block; }
	#quote .outer-box .inner-box .image { display: inline-block; float: left; width: 100%; margin: 0; padding: 0; text-align: center; }
	#header .d-flex { display: block !important; }
	#header .main-logo { text-align: center; margin-bottom: 5px; }
	#header .main-phone { margin-bottom: 5px; }
	#header .main-btn { display: none; }
	#tabs .left-col-content { width: 98%; float: left; padding: 0 1%; }
	#tabs .right-col-content { width: 98%; float: left; padding: 0 1%; }
}

@media only screen and (max-width: 575px) {
	/*.features .vid-overlay iframe { position: absolute; left: 53px; top: 13px; width: 352px; height: 215px; }*/
	.features .vid-overlay iframe { position: absolute; left: 39px; top: 9px; width: 258px; height: 157px; }
}

@supports (-webkit-touch-callout: none) {
	@media only screen and (max-width: 575px) {
		.features .vid-overlay iframe { position: absolute; left: 47px; top: 11px; width: 310px; height: 190px; }
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.features .vid-overlay { padding-top: 60px; }
	.features .vid-overlay iframe { position: absolute; left: 60px; top: 74px; width: 396px; height: 243px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.features .vid-overlay { padding-top: 60px; }
	.features .vid-overlay iframe { position: absolute; left: 81px; top: 79px; width: 533px; height: 326px; }
	#tabs ul { display: block; }
	#tabs ul li { border-right: 0 !important; }
	#tabs .left-col-content p img, #tabs .right-col-content p img { max-width: 275px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.features .vid-overlay iframe { position: absolute; left: 53px; top: 13px; width: 350px; height: 213px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.features .vid-overlay iframe { position: absolute; left: 63px; top: 15px; width: 419px; height: 256px; }
}