html {
    width: 100%;
}
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	padding:0;
	margin:0;
	height: 100%;
	overflow-x: hidden;
}
body.dark { background:#07193e;}
h1,h2,h3,h4,h5,h6,ul,p { padding:0; margin:0;}
ul { list-style:none; padding:0; margin:0;}
a { text-decoration:none;}
a:hover, a:focus { text-decoration:none; outline:none;}
.btn.focus, .btn:focus { box-shadow:none;}
a img { border:none;}
p a { color:#2daee4; text-decoration:underline;}
p a:hover { color:#1a8ebf; text-decoration:underline;}
strong { font-weight:700;}
.align-right { text-align:right;}
button:focus { outline:none;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}
.hide { display:none;}
button { cursor:pointer; border:0;}
* { -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; transition: all .1s;}
select { -webkit-appearance: none; border-radius: 0;}

.page { margin:auto; display:table; background:url(../img/bg-main.jpg) center top no-repeat; background-size:auto 100%; max-width:1500px; height:1195px; position:relative;}
.page:before { content:''; position:absolute; left:0; top:0; width:100%; height:50%; z-index:1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#101d31+25,000000+100&1+25,0+100 */
background: -moz-linear-gradient(top, rgba(16,29,49,1) 25%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(16,29,49,1) 25%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(16,29,49,1) 25%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101d31', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.page1 { background-image:url(../img/bg-main1.jpg);}
.page2 { background-image:url(../img/bg-main2.jpg);}

header { float:left; width:100%; padding:40px 0 0; position:relative; z-index:1;}
.logo { float:left;}
.menu-icon { float:right; font-size:20px; color:#00b3f5; border:1px solid #00b3f5; border-radius:5px; padding:0 10px; margin:0; display:none;}
.menu-icon:hover { color:#fff;}
.menu { margin:15px auto 0; display:table; transition: all 0.5s ease;}
.menu a { float:left; margin:0 25px; font-size:17px; font-weight:500; color:#fff;}
.menu a:last-child { margin:0px;}
.menu a:hover { color:#00b3f5;}
.call-us { float:right; font-size:15px; font-weight:400; line-height:16px; color:#fff; border-radius:5px; text-align:right; margin:5px 0 0 0;}
.call-us a { float:right; font-size:25px; font-weight:500; line-height:28px; color:#00b3f5; margin:5px 0 0 0;}
.call-us a i { font-size:20px; color:#00b3f5; line-height:25px; margin:0 5px 0 0;}

.inner-header { background:#151d2e; color:#fff; padding:25px 0 20px;}

.main { float:left; width:100%; text-align:center; position:relative; z-index:1; margin:60px 0 0 0;}
.main .container { position:inherit; z-index:1;}
.main h1 { float:left; width:100%; font-size:50px; font-weight:500; color:#fff; margin:0 0 40px 0;}
.main h2 { float:left; width:100%; font-size:20px; font-weight:500; color:#fff; margin:0 0 50px 0;}
.main h2 i { font-size:18px; color:#2ebf6c; margin:0 0 0 30px;}
.form { float:left; width:100%; text-align:center; margin:0 0 30px 0;}
.form input { display:block; margin:0 auto 10px; padding:10px 15px; background:#eff1f2; border:1px solid #b9c3cb; font-size:20px; font-weight:400; color:#555; border-radius:4px; min-width:350px;}
.form select { display:block; margin:0 auto 10px; padding:10px 15px; background:#eff1f2; border:1px solid #b9c3cb; font-size:20px; font-weight:400; color:#555; border-radius:4px; min-width:350px;}
.form-ntf { float:left; width:100%; text-align:center; margin:0 0 10px 0; font-size:15px; font-weight:500; color:red; display:none;}
.front { float:left; width:100%; padding:0 7%;}
.front ul { float:left; width:100%; margin:0 0 20px 0; text-align:center; display:flex; justify-content:space-between;}
.front ul li { display:inline-block; width:19%; background:#fff; padding:20px 10px; display:flex; justify-content:center; align-items:start; border-radius:20px;}
.front ul li:hover { box-shadow:0 5px 20px 10px rgba(0,0,0,0.3);}
.front ul li:last-child { margin:0px;}
.front ul li a { float:left; width:100%; position:relative; cursor:pointer;}
.front ul li a .front-icon { height:100px; display:flex; justify-content:center; align-items:center;}
.front ul li a .front-option { float:left; width:100%; font-size:16px; font-weight:500; color:#2e3437; text-align:center; margin:15px 0 0 0; line-height:20px; display:flex; justify-content:center; align-items:center; height:30px;}
.front ul li a input[type="radio"] { visibility: hidden; opacity:0; height:0px; position:absolute;}

.wizard { float:left; width:100%; margin:0 0 70px 0; min-height:400px; padding:0 15%; display:none;}
.wizard.active { display:block;}
.wizard h1 { float:left; width:100%; font-size:40px; font-weight:300; color:#2f2f2f; margin:0 0 30px 0;}
.wizard h1 span { float:left; width:100%; font-size:20px; margin:10px 0 0 0;}
.wizard ul { float:left; width:100%; margin:0 0 20px 0; text-align:center; display:flex; justify-content:space-around;}
.wizard ul li { display:inline-block; width:275px; height:275px; background:#f3f3f3; border-radius:275px; box-shadow:0 0px 3px 2px #e9e9e9 inset; margin:0 20px; padding:20px;}
.wizard ul li a { float:left; width:100%; position:relative; cursor:pointer;}
.wizard ul li a input[type="radio"] { visibility: hidden; opacity:0; height:0px; position:absolute;}
.wizard-icon { float:left; width:235px; height:235px; position:relative; border-radius:235px; box-shadow: 0 5px 4px 0px rgba(0,0,0,0.2); padding:20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.wizard-icon span { float:left; width:100%; height:140px; display:flex; justify-content:center; align-items:center;}
.wizard-option { float:left; width:100%; font-size:17px; font-weight:500; color:#30394e; text-align:center; line-height:20px;}
.wizard ul li a:hover .wizard-icon { background:#fff;}
.wizard ul li a:hover .wizard-option { color:#2182c6;}
.thanks-sec { float:left; width:100%; margin:0; border:0;}
.thanks-sec p { float:left; width:100%; font-size:20px; color:#555; font-weight:400;}
.thanks-sec h3 { float:left; width:100%; font-size:25px; color:#379ce3; font-weight:500;}
.thanks-sec span { float:left; width:100%; margin:10px 0; text-align:center;}
.thanks-sec span img { display:inline-block;}
.green-btn { margin:auto; display: table; padding:15px 20px; min-width:350px; border-radius: 5px; color:#fff; font-size:25px; font-weight: 500; border:none; cursor:pointer;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#15ca6a+0,2abe5b+100 */
background: rgb(21,202,106); /* Old browsers */
background: -moz-linear-gradient(top, rgba(21,202,106,1) 0%, rgba(42,190,91,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(21,202,106,1) 0%,rgba(42,190,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(21,202,106,1) 0%,rgba(42,190,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15ca6a', endColorstr='#2abe5b',GradientType=0 ); /* IE6-9 */
}
.green-btn i { float:right; margin:10px 0 0 0; font-size:20px;}
.green-btn:hover { background:#1aad4a; color:#fff;}
.back-btn { margin:20px auto 0; display:table; font-size:15px; color:#ccc;}
.back-btn i { font-size:13px;}
.thankyou-msg { color:#FF0000; font-size:25px; font-weight:500;}

.newsletter { float:left; width:100%; background:#112c55; padding:70px 0; color:#fff; text-align:center; display:none;}
.newsletter h2 { float:left; width:100%; font-size:35px; font-weight:500; margin:0 0 30px 0;}
.newsletter h3 { float:left; width:100%; font-size:20px; font-weight:400; margin:0 0 40px 0;}
.newsletter-box { margin:auto; width:500px;}
.newsletter-box input { float:left; width:70%; background:#116fb1; border:none; color:#fff; padding:12px 20px; border-radius:5px; font-size:17px; font-weight:500;}
.newsletter-box input::-webkit-input-placeholder { opacity:1; color:#fff;}
.newsletter-box input::-moz-placeholder { opacity:1; color:#fff;}
.newsletter-box input:-ms-input-placeholder { opacity:1; color:#fff;}
.newsletter-box input:-moz-placeholder { opacity:1; color:#fff;}
.newsletter-box input:focus { background:#2687cc;}
.newsletter-box button { float:left; width:30%; background:#fff; border:none; color:#2687cc; padding:12px; border-radius:5px; font-size:17px; font-weight:500; margin:0 0 0 -10px}
.newsletter-box button:hover { background:#4dc4f6; color:#fff; border-color:#4dc4f6;}

footer { float:left; width:100%; padding:0 15% 50px; background:#07193e;}
.footer-top { float:left; width:100%; padding:0 0 40px 0; margin:50px 0 30px; border-bottom:1px solid #224972; color:#fff;}
.footer-menu { float:left; width:100%;}
.footer-menu h4 { float:left; width:100%; font-size:20px; font-weight:500; margin:0 0 20px 0;}
.footer-menu a { float:left; width:100%; font-size:15px; line-height:30px; color:#fff; margin:0 0 12px 0;}
.footer-menu a:last-child { margin:0;}
.footer-menu a:hover { color:#00b3f5;}
.footer-bottom { float:left; width:100%; padding:20px 0;}
.yelp-sec { float:left; width:100%;}
.yelp-head { float:left; width:100%; margin:0 0 20px 0;}
.yelp-head h4 { float:left; font-size:20px; font-weight:500;}
.yelp-head h4 img { float:right; margin:-15px 0 0 10px;}
.yelp-head .all-reviews { float:right; font-size:15px; font-weight:500; color:#fff;}
.yelp-head .all-reviews:hover { color:#fb4d4d;}
.reviews-sec { float:left; width:100%; display:flex; justify-content:space-between;}
.review-block { width:49%; background:#0e234e; padding:20px; border:1px solid #34466a; border-radius:15px;}
.review-block h5 { float:left; font-size:17px; font-weight:500; color:#fff;}
.review-stars { float:right;}
.review-stars img { margin:0 0 0 1px;}
.review-block p { float:left; width:100%; font-size:14px; color:#fff; margin:20px 0;}
.review-block .review-author { float:left; font-size:15px; font-style:italic;}
.review-block .review-date { float:right; font-size:13px; color:#ccc;}
.footer-bottom { float:left; width:100%;}
.footer-logos { float:left; width:100%; margin:0 0 10px; text-align:center;}
.footer-logos img { margin:0 10px;}
.copyright { float:left; width:100%; color:#fff; margin:20px 0 0 0;}
.copyright p { float:left; width:100%; font-size:14px; text-align:center;}
.copyright p a { text-decoration:none; color:#fff;}
.copyright p a:hover { text-decoration:underline;}


.zipcode-sec {}

.estimated-prop-value input{}

.slider-block { float:left; width:100%; background:#f3f3f3; border-radius:5px; box-shadow:0 0px 3px 2px #e9e9e9 inset; padding:40px 0; margin:0 0 30px 0;}
.range-slider { float:left; width:100%;}
.range-slider .slider-range { float:left; width:100%; margin:0 0 30px; font-size:40px; font-weight:500; color:#30394e; text-align:center;}
.range-slider .slider-bar { float:left; width:60%; margin:0 20% 50px; height:7px; background:#dcdcdc; border:none; border-radius:20px; position:relative;}
.range-slider .slider-bar div { font-size:25px; font-weight:500; color:#00baff; margin:20px 0 0 0;}
.range-slider .slider-bar .slider-min { float:left;}
.range-slider .slider-bar .slider-max { float:right;}
.range-slider .slider-bar .ui-slider-handle { background:#0071ab; border:7px solid #66d6ff; border-radius:30px; width:30px; height:30px; top:-12px; cursor:pointer;}
.range-slider .slider-bar .ui-slider-handle:focus { outline:none;}


.credit-score-sec .wizard-option span { float:left; width:100%; text-align:center; font-weight:300; color:#379ce3; font-size:15px;}

.birth-date-sec .form select { display:inline-block; min-width:150px;}

.personal-info-sec .form input { width:30%;}
.address-sec .form input { width:22%; display:block !important;}
.gw_section-desc {
    color: #fff;
    font-size: 20px;
    max-width: 769px;
    margin: 0 auto 35px;
}
















