@font-face {
	font-family: 'geico';
	src:  url('/public/design-kit/4.0/fonts/geico.eot?-xlxh80');
	src:  url('/public/design-kit/4.0/fonts/geico.eot?#iefix-xlxh80') format('embedded-opentype'), 
	    url('/public/design-kit/4.0/fonts/geico.woff?-xlxh80') format('woff'), 
	    url('/public/design-kit/4.0/fonts/geico.ttf?-xlxh80') format('truetype'), 
	    url('/public/design-kit/4.0/fonts/geico.svg?-xlxh80#geico') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('font/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

html, body {
	height: auto;
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF;
}

#primary-header {
	position: relative;
}

header {
	height: 60px;
	background-color: #154995;
}

#title-bar {
	height: 46px;
	font-style: bold;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	padding-top: 9px;
}

#lp--body {
	padding: 16px;
	background-color: #FFFFFF;
	background-image: url('images/Left_Gecko_Hero_Img_small.jpg');
	background-position: top 95px left;
	background-repeat: no-repeat;
	background-size: 80px auto;
}

@media all and (min-width: 366px) {
	#lp--body {
		background-position: top 85px left;
		background-size: 90px auto;
	}
}

@media all and (min-width: 1000px) {
	#lp--body {
		background-image: url('images/Left_Gecko_Hero_Img.jpg');
		background-position: top -165px left;
		background-size: auto 1020px;
	}
}

@media all and (min-width: 1200px) {
	#lp--body {
		min-height: 975px;
		background-image: url('images/Left_Gecko_Hero_Img.jpg'), 
							url('images/Right_Hero_Img.jpg');
		background-position: top -165px left, top right -40vw;
		background-size: auto 1020px, auto 100%;
	}
}

@media all and (min-width: 1300px) {
	#lp--body {
		background-position: 	top -165px left,
								top right -33vw;
	}
}

@media all and (min-width: 1400px) {
	#lp--body {
		background-position: 	top -165px left,
								top right -25vw;
	}
}

@media all and (min-width: 1500px) {
	#lp--body {
		background-position: 	top -165px left,
								top right -19vw;
	}
}

@media all and (min-width: 1600px) {
	#lp--body {
		background-position: top -165px left, top right -12vw;
	}
}

@media all and (min-width: 1700px) {
	#lp--body {
		background-position: top -165px left, top right -6vw;
	}
}

@media all and (min-width: 480px) {
	#quote-form-wrapper {
		max-width: 380px;
		margin: 0 auto;
	}
}

@media all and (min-width: 1000px) {
	#quote-form-wrapper {
		max-width: calc(100% - 400px);
	}
}

@media all and (min-width: 1200px) {
	#quote-form-wrapper {
		padding-right: 200px;
	}
}

@media all and (min-width: 1600px) {
	#quote-form-wrapper {
		padding-right: 100px;
	}
}

#quote-form-wrapper h1 {
	margin-top: 70px;
	color: #154995;
	font-size: 32px;
	font-weight: 900;
	text-align: center;
}

@media all and (min-width: 1000px) {
	#quote-form-wrapper h1 {
		font-size: 45px; /*56px*/
		line-height: 67.2px;
		text-align: left;
	}
}

@media all and (min-width: 1435px) {
	#quote-form-wrapper h1 {
		font-size: 56px;
	}
}

@media all and (min-width: 1000px) {
	#quote-form-wrapper h1 span {
		display: block;
	}
}

#quote-form-wrapper p {
	max-width: 240px;
	margin: 40px auto 50px;
	color: #222222;
	text-align: center;
}

@media all and (min-width: 1000px) {
	#quote-form-wrapper p {
		font-size: 20px;
		max-width: none;
		text-align: left;
	}
}

#quote-form-wrapper p b {
	font-weight: 900;
}

@media all and (min-width: 1000px) {
	#quote-form {
		display: flex;
		flex-direction: row;
		max-width: 700px;
	}
}

#zip {
	width: 100%;
	border-radius: 30px;
	border-color: #2C612B;
	margin-bottom: 25px;
	text-align: center;
}

#zip-submit {
	margin-bottom: 55px;
}

@media all and (min-width: 481px) {
	#zip-submit {
		width: 100%;
	}
}

@media all and (min-width: 1000px) {
	#zip, #zip-submit {
		margin-right: 30px;
	}
}

#features {
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media all and (min-width: 1000px) {
	#features {
		align-items: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
		max-width: calc(100% - 400px);
		margin: 0 auto;
	}
}

@media all and (min-width: 1000px) {
	#quote-form-wrapper,
	#features {
		max-width: calc(100% - 200px);
		margin: 0 auto 0 150px;
	}
}

#features h2 {
	color: #222222;
	font-size: 20px;
	font-weight: 900;
	text-align: center;
}

@media all and (min-width: 768px) {
	#features h2 {
		font-size: 26px;
	}
}

@media all and (min-width: 1000px) {
	#features h2 {
		width: 100%;
		margin-bottom: 30px;
		text-align: left;
	}
}

@media all and (min-width: 1300px) {
	#features h2 {
		margin-top: 50px;
	}
}

.highlight {
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	width: 100%;
	max-width: 335px;
	height: 125px;
	margin-bottom: 25px;
	background-color: #FFFFFF;
	border: 1px solid #1E4071;
	border-radius: 12px;
	overflow: hidden;
}

@media all and (min-width: 1000px) {
	.highlight {
		margin-right: 20px;
	}
}

.highlight--stat {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 100%;
	background-color: #F0F4FB;
}

#features .highlight .highlight--stat .geico-icon.icon-claims {
	overflow: visible;
	font-weight: normal !important;
	text-shadow: none !important;
}

@media all and (min-width: 375px) {
	.highlight--stat {
		width: 170px;
	}
}

.highlight--stat span {
	color: #154995;
	font-size: 45px;
	font-weight: bold;
}

.highlight--text {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 120px);
	height: 100%;
	/*padding: 0 30px;*/
	padding: 0 20px;
}

.highlight--text p {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 900;
}

@media all and (min-width: 375px) {
	.highlight--text {
		width: calc(100% - 170px);
	}
}

#contact-us {
	max-width: 350px;
	margin: 20px auto;
}

@media all and (min-width: 1000px) {
	#contact-us {
		position: absolute;
		top: 400px;
		right: 0;
	}
}

@media all and (min-width: 1200px) {
	#contact-us {
		top: 350px;
	}
}

#contact-title {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

@media all and (min-width: 1000px) {
	#contact-title {
		display: none;
	}
}

#contact-title h3 {
	margin: 0 25px;
	font-size: 16px;
	text-align: center;
}

#contact-title .line {
	display: block;
	width: 32px;
	height: 1px;
	margin-top: 13px;
	background-color: #000000;
}

#contact-methods {
	display: flex;
	justify-content: space-evenly;
	margin-top: 30px;
}

@media all and (min-width: 1000px) {
	#contact-methods {
		flex-direction: column;
		margin-top: -135px;
		margin-right: 10px;
	}
}

#contact-methods li {
	text-align: center;
}

@media all and (min-width: 1000px) {
	#contact-methods li {
		margin-bottom: 25px;
	}
}

#contact-methods a {
	color: #4A4A4A;
	text-decoration: none;
}

@media all and (min-width: 1000px) {
	#contact-methods .label {
		display: none;
	}
}

.animate-icon-on-rollover:hover .geico-icon::before {
	transform: scale(1.2);
	transition: all .2s ease-out;
}

.disclaimer {
	overflow-y: visible;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	color: #757374;
}

@media all and (min-width: 1000px) {
	.disclaimer {
		max-width: calc(100% - 380px);
	}
}

@media all and (min-width: 1632px) {
	.disclaimer {
		max-width: 1330px;
	}
}