/*
 * Page Styles
 * ------------------------------------------------------------------------------------------------
*/








/*
 * Section Top
 * ------------------------------------------------------------------------------------------------
*/
.section-top {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
	padding-top: 65px;
	padding-bottom: 145px;
}
.section-top:before {
	content: '';
	display: block;
	position: absolute;
	left: calc(calc(100vw - 1170px) / 2 - 67px);
	top: 0;
	background-color: rgba(0, 21, 71, 0.7);
	backdrop-filter: blur(6px);
	width: 600px;
	height: 100%;
	-webkit-transform: skew(10deg);
	-moz-transform: skew(10deg);
	-ms-transform: skew(10deg);
	-o-transform: skew(10deg);
	transform: skew(10deg);
}
.section-top:after {
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg height="80" width="1332" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3CclipPath id="a"%3E%3Cpath d="m0 0h1331.9v146.1h-1331.9z"/%3E%3C/clipPath%3E%3Cpath d="m-1-1h1334v82h-1334z" fill="none"/%3E%3Cpath clip-path="url(%23a)" clip-rule="evenodd" d="m0 146.1c444.9 0 887.6-1 1331.9-1v-105.1c-14.5 0-24.2-12.7-38.6-18.4-18.9-7.5-30.1-5.6-46.5 2.4-12.2 6-24.5 15.1-39.3 17.8-19.1 3.5-31.7-.5-48-7.5-25.5-10.9-31.9-31.5-85.7-7.3-6.8 3.1-13.7 5.2-20.8 8.2-24.2 9.9-48.3 6.6-68.6-6.7-3.2-2.1-5.3-3.7-8.4-5.6-1.6-1-2.8-1.6-4.3-2.7-15.2-10.6-28.2-17.7-45.8-5.2-9.6 6.9-5.7 5.7-18.4 10.6-16.2 6.3-33.2 5.7-46.1-3.1-4.2-2.9-2.7-3.7-7.1-6.9-8.8-6.8-18.2-11.6-29.8-14.1-17.9-4-35.1.7-46 8.2-6.8 4.7-10.2 7.5-15.8 13.2-19.4 19.7-38.6 3.4-63.1-5.4-6.9-2.4-14.9-5.4-24.5-4.3-9.7 1.1-13.8 5.2-20.1 9-3.2 1.9-5.1 3.7-8.2 5.8-12 7.9-36.6 23.4-50.6 21-3.8-.7-6.3-2.9-9.2-4.8-21-14.2-49.3-27.5-75.2-22.3-10.5 2.1-12.3 5.1-19.9 9.1-12.7 6.7-22.3 16.9-42 5-11.9-7.3-22.2-16.5-40.1-17.9-30-2.4-46.1 29.5-87.9 26-7.3-.6-16.6-3.6-22.2-5.8-3.7-1.5-6.1-2.6-9.4-4.6-7.7-4.6-21.5-13-29.1-15-9.2-2.4-17.1-1.4-25.5.3-31.3 6.4-52.6 28.7-91.3 21.6-34.8-6.4-49.9-42.8-80.4-26.2-31.6 17.1-35.2 25.2-64 25.6v106.1z" fill="%23fff" fill-rule="evenodd"/%3E%3C/svg%3E');
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: contain;
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 80px;
}
.section-top .container {
	position: relative;
}
.section-top .sec_top_head {
	position: relative;
	max-width: 450px;
	padding-left: 0;
	z-index: 2;
}
.section-top .sec_top_head .section-top-title {
	color: #FFF;
	font-size: 58px;
	font-weight: 700;
	line-height: 68px;
	max-width: 500px;
	margin-top: 0;
	margin-bottom: 15px;
}
.section-top .sec_top_head .section-top-subtitle {
	color: #FFF;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	max-width: 500px;
	margin-bottom: 35px;
}
.section-top .sec_top_head .section-top-subtitle b {
	font-weight: 500;
}
.section-top .sec_top_head .sec_top_btns {
	display: block;
}
.section-top .sec_top_head .zip_form_wrap {
	max-width: 338px;
	margin-top: 15px;
}
.section-top .sec_top_head .sec_top_btns a {
	min-width: 338px;
	overflow: hidden;
}
@media (max-width: 1199px) {
	.section-top {
		background-position: 60% center;
	}
	.section-top:before {
		width: 60%;
	}
	.section-top .sec_top_head {
		padding-left: 0;
	}
}
@media (max-width: 1024px) {
	.section-top:before {
		width: 70%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.section-top .sec_top_head .sec_top_btns .site_white_btn {
		font-size: 32px;
		line-height: 67px;
		height: 67px;
		padding: 0 14px;
		margin-left: 0;
		min-width: 320px;
		max-width: 320px;
	}
}
@media (max-width: 991px) {
	.section-top {
		background-position: center;
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.section-top:before {
		left: -50px;
		width: 60%;
	}
	.section-top .sec_top_head .section-top-title {
		font-size: 35px;
		line-height: 40px;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.section-top .sec_top_head .section-top-subtitle {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 25px;
		max-width: 350px;
	}
	.section-top .sec_top_head .sec_top_btns {
		display: block;
	}
	.section-top .sec_top_head .zip_form_wrap {
		
		margin-top:10px;
	}
}
@media (max-width: 767px) {
	.section-top:before {
		left: 57%;
		width: 80%;
		-webkit-transform: skew(8deg) translateX(-100%);
		-ms-transform: skew(7.5deg) translateX(-100%);
		transform: skew(7.5deg) translateX(-100%);
	}
	.section-top .sec_top_head {
		max-width: 100%;
		text-align: center;
	}
	.section-top .sec_top_head .section-top-title {
		display: inline-block;
		font-weight: 700;
		font-size: 32px;
		line-height: 38px;
		text-align: center;
		margin-top: 0;
	}
	.section-top .sec_top_head .section-top-title br {
		display: none;
	}
	.section-top .sec_top_head .section-top-subtitle {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-top .truck {
		position: static;
		min-width: 50%;
		width: 350px;
		max-width: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin-bottom: 15px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.section-top .sec_top_head .sec_top_btns a {
		min-width: auto;
		width: 100%;
		max-width: 350px;
	}
	.section-top .sec_top_head .zip_form_wrap {
		width: 100%;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-top .sec_top_head .zip_form_wrap .zipcodeform {
		width: 100%;
		max-width: 350px;
	}
}
@media (max-width: 600px) {
	.section-top:before {
		left: 59%;
	}
	.section-top .sec_top_head .sec_top_btns {
		display: block;
		text-align: center;
	}
}
@media (max-width: 500px) {
	.section-top {
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.section-top:before {
		left: 60.5%;
	}
}
@media (max-width: 400px) {
	.section-top:before {
		left: 61.5%;
	}
}
@media (max-width: 370px) {
	.section-top:before {
		left: 63%;
	}
}









/*
 * Section Steps
 * ------------------------------------------------------------------------------------------------
*/
.section-steps {
	padding-top: 60px;
	padding-bottom: 100px;
}
.section-steps .steps {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: -20px;
}
.section-steps .steps:after {
	content: '';
	width: 367px;
}
.section-steps .steps .step {
	border-radius: 4px;
	width: 367px;
	max-width: 100%;
	margin-bottom: 20px;
}
.section-steps .steps .step .step-wrap-num {
	position: relative;
	margin-bottom: 10px;
}
.section-steps .steps .step .step-wrap-dot {
	text-align: center;
}
.section-steps .steps .step .step-dot {
	display: inline-block;
	background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle opacity="0.2" cx="10" cy="10" r="10" fill="%233772FF"/%3E%3Ccircle cx="10" cy="10" r="4" fill="%233772FF"/%3E%3C/svg%3E');
	width: 20px;
	height: 20px;
	margin: 15px 0;
	z-index: 1;
}
.section-steps .steps .step .step-inner {
	border-radius: 4px;
	padding: 30px;
}
.section-steps .steps .step:nth-child(3n+1) .step-inner {
	background: #FFE1B9;
}
.section-steps .steps .step:nth-child(3n+2) .step-inner {
	background: #DEDEFF;
}
.section-steps .steps .step:nth-child(3n+3) .step-inner {
	background: #D2FFFC;
}
.section-steps .steps .step .step-label {
	color: #A1A2B6;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
}
.section-steps .steps .step .step-num {
	color: #0C0C4F;
	font-size: 58px;
	font-weight: 700;
	line-height: 58px;
	text-align: center;
}
.section-steps .steps .step .title {
	margin-top: 15px;
	margin-bottom: 15px;
}
@media (min-width: 1200px) {
	.section-steps .steps .step:not(:last-child):not(:nth-child(3n+3)) .step-dot:before {
		content: '';
		display: block;
		background-color: #ddd;
		position: absolute;
		width: 100%;
		width: calc(100% - 20px);
		height: 1px;
		margin-left: 30px;
		margin-top: 9px;
		z-index: -1;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.section-steps .steps .step:not(:last-child):not(:nth-child(2n+2)) .step-dot:before {
		content: '';
		display: block;
		background-color: #ddd;
		position: absolute;
		width: 100%;
		width: calc(100% - 20px);
		height: 1px;
		margin-left: 30px;
		margin-top: 9px;
		z-index: -1;
	}
}
@media (max-width: 1199px) {
	.section-steps .steps {
		max-width: 755px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (max-width: 991px) {
	.section-steps {
		padding-top: 45px;
		padding-bottom: 80px;
	}
	.section-steps .steps {
		display: block;
		margin-bottom: -35px;
	}
	.section-steps .steps .step {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 35px;
	}
	.section-steps .steps .step .step-wrap-num {
		display: flex;
		align-items: flex-end;
		position: initial;
		margin-left: -25px;
		margin-bottom: 8px;
	}
	.section-steps .steps .step .step-label {
		font-size: 20px;
		line-height: 26px;
		text-align: left;
		margin-left: 10px;
		order: 3;
	}
	.section-steps .steps .step .step-num {
		font-size: 32px;
		line-height: 32px;
		text-align: left;
		margin-left: 8px;
		order: 2;
	}
	.section-steps .steps .step .step-wrap-dot {
		text-align: left;
		order: 1;
	}
	.section-steps .steps .step .step-dot {
		background-size: contain;
		width: 16px;
		height: 16px;
		margin: 0;
	}
	.section-steps .steps .step:not(:last-child) .step-dot:before {
		content: '';
		display: block;
		background-color: #ddd;
		position: absolute;
		width: 1px;
		height: 100%;
		height: calc(100% - 7px);
		margin-left: 8px;
		margin-top: 29px;
		z-index: -1;
	}
}
@media (max-width: 767px) {
	.section-steps {
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.section-steps .steps .step {
		padding-left: 30px;
	}
	.section-steps .steps .step .step-inner {
		padding: 15px;
	}
}