/*-------------------------------- RESET CSS ---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/*============================ END RESET CSS =======================================*/


@font-face {
    font-family: "Rubik";
	font-weight: 400;
    src: url(font/Rubik-Regular.ttf);
}
@font-face {
    font-family: "Rubik";
	font-weight: 500;
    src: url(font/Rubik-Medium.ttf);
}
@font-face {
    font-family: "Rubik";
	font-weight: 700;
    src: url(font/Rubik-Bold.ttf);
}
/* @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap'); */
/*--- Icons ---*/
@font-face {
	font-family: 'icomoon';
	src:  url('/css/icons/5/icomoon.eot');
	src:  url('/css/icons/5/icomoon.eot#iefix') format('embedded-opentype'),
		url('/css/icons/5/icomoon.ttf') format('truetype'),
		url('/css/icons/5/icomoon.woff') format('woff'),
		url('/css/icons/5/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.icon {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-cat:before {
content: "\e900";
}
.icon-dog:before {
content: "\e901";
}
.icon-female:before {
content: "\e902";
}
.icon-male:before {
content: "\e903";
}
.icon-category_fe:before {
content: "\e904";
}
.icon-category_auto:before {
content: "\e905";
}
.icon-category_health:before {
content: "\e906";
}
.icon-category_health_insurance:before {
content: "\e998";
}
.icon-category_home:before {
content: "\e907";
}
.icon-category_life:before {
content: "\e908";
}
.icon-category_pet:before {
content: "\e909";
}
.icon-feature_1:before {
content: "\e90a";
}
.icon-feature_2:before {
content: "\e90b";
}
.icon-feature_3:before {
content: "\e90c";
}
.icon-quote_call:before {
content: "\e90d";
}
.icon-quote_online:before {
content: "\e90e";
}
.icon-back_button:before {
content: "\e90f";
}
.icon-coin-dollar:before {
  content: "\e93b";
}
  
/*=== END Icons ===*/

html, body{
	margin: 0;
	padding: 0;
	font-size: 17px;
	line-height: 21px;
	color: #555;
	/* background: #f7f7f7; */
	background: #fff;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;

	width: 100%;
	height: 100%;

	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}
::selection { 
	background: #0D85F5;
	color: #fff;
}
.gray {
	color: #555;
}
.navy {
	color: #1F2630;
}
.purple {
	color: #0D85F5;
}
.white {
	color: #fff;
}
.regular {
	font-weight: 400;
}
.medium {
	font-weight: 500;
}
.bold {
	font-weight: 700;
}
.underline {
	text-decoration: underline;
}
.center {
	text-align: center;
}
hr {
	border: 0;
	border-top: 1px solid rgb(87 138 230 / 20%);
}
a {
	color: inherit;
	text-decoration: none;
}
a:hover,
a:focus,
a:visited {
	color: inherit;
	text-decoration: none;
}
.spacer_10 {
	display: table;
	width: 100%;
	height: 10px;
}
.spacer_25 {
	display: table;
	width: 100%;
	height: 25px;
}
.section {
	display: table;
	width: 100%;
	margin: auto;
}
.section_inner {
	display: table;
	width: 100%;
	/* max-width: 95%; */
	max-width: 1000px;
	margin: auto;
}
.button {
	display: table;
    width: 100%;
    max-width: 250px;
    margin: auto;
    /* background: #0D85F5; */
	background: linear-gradient(45deg, #0D85F5, #46CEFA);
    color: #fff !important;
    font-size: 19px;
    line-height: 25px;
    font-weight: 700;
    padding: 15px 0;
    border-radius: 10px;
	text-align: center;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button:hover {
	cursor: pointer;
	background: linear-gradient(45deg, #46CEFA, #0D85F5);
}
.full {
	display: table;
	width: 100%;
}
.half {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin: auto;
	padding: 0 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.third {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: auto;
	padding: 0 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.quarter {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: auto;
	padding: 0 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ol,
ul {
	font-size: 15px;
	line-height: 19px;
}
.faq ul {
	list-style: disc;
}
.faq ul li {
	margin-left: 25px;
}

/*--- SECTION - HEADER ---*/
.section_header {
	font-size: 15px;
	line-height: 19px;
	padding: 15px 0;
	background-color: #e9e9e9;
}
.section_header .section_inner {
	position: relative;
}
.header_left {
	display: table;
	float: left;
}
.header_left a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	text-decoration: none;
	color: #555;
}
.header_left a:hover {
	text-decoration: underline;
}
.header_right {
	/* position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%); */
	display: table;
	float: right;
	text-decoration: none;
	color: #555;
	text-align: right;
}
.header_right_mobile {
	display: none;
	padding: 10px;
	background: #0D85F5;
	border-radius: 10px;
	/* margin-top: -3px; */
	position: relative;
}
.header_right_mobile img {
	display: table;
	margin: auto;
	width: 20px;
	height: auto;
}
.header_right_mobile span {
	display: table;
    position: absolute;
    top: -3px;
    right: -3px;
	width: 15px;
    height: 15px;
    background: #5CB85C;
    border-radius: 100%;    
}
.green_circle_live {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background: #5CB85C;
	border-radius: 100%;
}

.pulse_button {
	box-shadow: 0 0 0 rgba(92, 184, 92, 0.5);
	transform: scale(1);
	animation: pulse 1.5s infinite;
}
.pulse_button:hover {
	animation: none;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(92, 184, 92, 0.77);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 8px rgba(226, 39, 38, 0);
	}
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(226, 39, 38, 0);
	}
}

.header_right_row_1 span {
	display: inline-block;
	vertical-align: middle;	
}
.header_right_row_2 img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 15px;
}
.header_right_row_2 span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	color: #0D85F5;
}
.header_center {
	display: table;
	width: 100%;
	margin: auto;
}
.logo {
	display: table;
	margin: auto;
	text-decoration: none;
}
.logo img {
	width: auto;
	height: 60px;
	margin: auto;
}

/*--- SECTION HERO ---*/

/* Annimation for section_heo */
@keyframes scroll-left {
	0% {
		background-position: 100% bottom, 0% bottom;
	}
	100% {
		background-position: 0% bottom, 100% bottom;
	}
}

@keyframes scroll-right {
	0% {
		background-position: 0% bottom, 100% bottom;
	}
	100% {
		background-position: 100% bottom, 0% bottom;
	}
}

.section_hero {
	text-align: center;
	padding: 5vh 0 15vh 0;
	background-image: url(/img/hero_bkg_left.svg), url(/img/hero_bkg_right.svg), linear-gradient(#ffffff,#f7f7f7);
	background-size: 45%, 45%, 100%;
	background-repeat: no-repeat;
	background-position: 100% bottom, 0% bottom, center;
	animation: scroll-left 40s linear infinite, scroll-right 40s linear infinite;
}

.section_hero_auto {
	text-align: center;
	padding: 100vh 0 0; 
	background-image: url(/img/van.svg), url(/img/background.svg);
	background-size: 20%, 30%; /* Adjust the sizes to make the background smaller */
	background-repeat: no-repeat;
	background-position: center bottom, 50% bottom; /* Adjust the positions */
	animation: scroll-left 30s linear infinite, scroll-right 30s linear infinite;
}

h1 {
	display: table;
	margin: 0 auto 15px auto;
	font-size: 40px;
	line-height: 45px;
	width: 95%;
	max-width: 700px;
	text-align: center;
}
h2 {
	display: table;
	margin: 0 auto;
	font-size: 23px;
	line-height: 27px;
} 
h3 {
	display: table;
	margin: 0 auto;
	font-size: 17px;
	line-height: 21px;
}  
.hero_categories {
	display: table;
	margin: 30px auto 30px auto;
}
.category {
	display: inline-block;
	vertical-align: top;
	max-width: 150px;
	padding: 10px 23px;
	margin: 3px;
	color: inherit;
	background: #fff;
	border: 2px solid #f3f2f1;
	border-radius: 5px;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.category:hover {
	cursor: pointer;
	border-color: #0D85F5;
	box-shadow: 0 0 15px 5px rgb(87 138 230 / 15%);
}
.category_icon {
	display: table;
	margin: auto;
	background-color: #f7f7f7;
	border-radius: 100%;
	color: #1F2630;
}
.category_icon .icon {
	display: table;
	font-size: 90px;
	margin: auto;
}
.category_text {
	font-weight: 500;
    margin-top: 5px;
}
.category:hover .category_icon .icon,
.category:hover .category_text {
	color: #0D85F5;
}

.category_icon .icon,
.category_text {
  color: #000000;
}

/* Hover Hero Homepage */

a.category {
  border: 2px solid transparent;
  transition: all 0.3s ease;
  display: inline-block;
  padding: 10px;
}

a.category.auto:hover {
  color: #0d86f6;
  border-color: #0d86f6;
  box-shadow: 10 10 100px rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
	background-color: #d0e4f8;
}

a.category.health:hover {
  color: #30f60d;
  border-color: #30f60d;
  box-shadow: 10 10 100px rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
	background-color: #d0e4f8;
}

a.category.debt:hover {
  color: #b799ff;
  border-color: #b799ff;
  box-shadow: 10 10 100px rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
	background-color: #ece4fe;
}

a.category.life:hover {
  color: #3357FF;
  border-color: #3357FF;
  box-shadow: 10 10 100px rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
	background-color: #c9d3ff;

}

a.category.pet:hover {
  color: #51bffb;
  border-color: #51bffb;
  box-shadow: 10 10 100px rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
	background-color: #d7f0fd;
}

a.category.fe:hover {
  color: #54c4ba;
  border-color: #54c4ba;
  box-shadow: 10 10 100px rgba(0, 0, 0, 0.9);
  transform: scale(1.05);
	background-color: #d5e7e6;
}

a.category .category_icon .icon,
a.category .category_text {
  transition: color 0.3s ease;
}

a.category.auto:hover .category_icon .icon,
a.category.auto:hover .category_text {
  color: #0d86f6;
}

a.category.health:hover .category_icon .icon,
a.category.health:hover .category_text {
  color: #30f60d;
}

a.category.debt:hover .category_icon .icon,
a.category.debt:hover .category_text {
  color: #b799ff;
}

a.category.life:hover .category_icon .icon,
a.category.life:hover .category_text {
  color: #3357FF;
}

a.category.pet:hover .category_icon .icon,
a.category.pet:hover .category_text {
  color: #51bffb;
}

a.category.fe:hover .category_icon .icon,
a.category.fe:hover .category_text {
  color: #54c4ba;
}

.hero_rating {
	display: table;
	margin: 20px auto 50px auto;
}
p,
.hero_rating_text {
	font-size: 15px;
	line-height: 19px;
}
.hero_rating_img {
	display: table;
    width: auto;
    height: 50px;
    margin: 10px auto 0 auto;
}
.advertised_img {
	display: table;
	width: 100%;
	max-width: 700px;
	margin: auto;
	padding: 20px 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

/*--- SECTION COMPARE ---*/
.section_compare {
	padding: 50px 0 100px 0;
	text-align: center;
}
.section_compare .third:hover .icon {
	color: #0D85F5;
}
.section_compare h1 {
	margin-bottom: 50px;
}
.compare_icon {
	display: table;
	margin: auto;
	background-color: #f7f7f7;
    border-radius: 100%;
}
.compare_icon .icon {
	display: table;
	margin: auto;
	font-size: 110px;
}
.compare_title {
	margin: 10px auto 20px auto;
}

/*--- SECTION PERSONALIZED ---*/
.section_personalized {
	padding: 70px 0;
	background: #FAFAFA;
	border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
}
.section_personalized .section_inner {
	max-width: 700px;
}
.section_personalized_horizontal .section_inner {
	max-width: 1000px;
}
.section_personalized h1 {
	text-align: center;
	margin-bottom: 50px;
}
.personalized_title,
.personalized_text {
	/* text-align: left; */
	text-align: center;
}
.section_personalized .half {
	display: inline-block;
	vertical-align: middle;
}
.personalized_title {
	margin-bottom: 10px;
}
.personalized_img {
	display: table;
	margin: auto;
	width: 90%;
	max-width: 700px;
}

/*--- SECTION TESTIMONIALS ---*/
.section_testimonials {
	padding: 70px 0 0 0;
}
.section_testimonials .section_inner {
	display: block;
	max-width: calc(100vw - 20px);
}
.testimonials_stars {
	display: table;
	margin: auto;
	width: auto;
	height: 50px;
}
/*- testimonial carousel -*/
.testimonials {
	line-height: inherit;
	height: auto;
	width: 100%;
	margin: 30px auto;
	display: block;
}
.marquee {
	margin: 20px 0px !important;
	padding: 0px !important;
	overflow: hidden;
}
.js-marquee {
	margin-right: 0px !important;
} 
.testimonial {
	display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-right: 10px;
    padding: 10px;
    background: #fcfcfc;
    border: 2px solid #f3f2f1;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.testimonial_img {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	margin-right: 10px;
}
.testimonial_title {
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	line-height: 21px;
}
.testimonial_text {
	display: table;
	width: 100%;
	min-height: 95px;
	font-size: 15px;
	line-height: 19px;
	margin: 10px auto;
	text-align: left;
}
.testimonial_disclaimer {
	display: table;
    width: 95%;
    max-width: 700px;
    margin: 20px auto 70px auto;	
}
.testimonial_disclaimer p {
	font-size: 13px;
	line-height: 17px;
	text-align: center;
	font-style: italic;
}

/*--- SECTION FAQ ---*/
.section_faq {
	padding: 100px 0 100px 0;
	/* margin-top: -120px; */
	background: #fafafa;
	border-top: 1px solid #f3f2f1;
    border-bottom: 1px solid #f3f2f1;
		padding: 5vh 0 15vh 0;
    background-image: url(/img/hero_bkg_left.svg), url(/img/hero_bkg_right.svg), linear-gradient(#ffffff,#f7f7f7);
    background-size: 45%, 45%, 100%;
    background-repeat: no-repeat;
    background-position: left bottom, right bottom, center;
}
.section_faq h1 {
    margin-bottom: 50px;
}
.section_faq .section_inner {
	max-width: 700px;
}
.faq {
	display: table;
	width: 100%;
	padding: 20px 15px;
	margin: 5px auto;
	background-color: #fff;
	border: 2px solid #f3f2f1;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}
.faq:hover {
	cursor: pointer;
	background: #f7f7f7;
}
.faq_arrow {
	display: table;
    width: 15px;
    height: auto;
    position: absolute;
    top: 25px;
    right: 15px;
	transition-duration: 0.2s;
}
.faq_title {
	display: table;
	width: 100%;
	font-size: 17px;
	line-height: 21px;
	/* background-image: url('  q/img/arrow_down.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 15px; */
	padding-right: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.faq_answer {
	display: none;
	padding: 20px 20px 10px 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.faq_open .faq_answer {
	display: block;
}
.faq_open .faq_arrow {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.faq_answer p {
	margin-bottom: 5px;
}


/*--- SECTION CTA BOTTOM ---*/
.section_bottom {
	padding: 70px 0;
	text-align: center;
}
.section_bottom h3 {
	max-width: 500px;
}
.bottom_icon {
	display: table;
    margin: auto;
    background-color: #f7f7f7;
    border-radius: 100%;
}
.bottom_icon .icon {
	font-size: 110px;
}
.bottom_subtitle {
	font-size: 19px;
	line-height: 25px;
	margin: 15px auto;
}
.bottom_subtitle {
	display: inline-block;
	vertical-align: middle;
}
.bottom_buttons {
	text-align: center;
	position: relative;
}
.bottom_divider {
	display: inline-block;
    vertical-align: middle;   
    position: absolute;
	height: 100%;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.bottom_divider_line {
	display: table;
	width: 1px;
    height: 100%;
    background: #1f2630;
}
.bottom_divider_circle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	padding: 5px 7px;
	border: 1px solid #1f2630;
	border-radius: 100%;
}
.bottom_half_call {
	color: inherit;
}
.bottom_half_online:hover,
.bottom_half_call:hover {
	cursor: pointer;
}
.bottom_half_online:hover .icon-quote_online,
.bottom_half_call:hover .icon-quote_call {
	color: #0D85F5;
}
.bottom_half_online:hover .button_bottom_online,
.bottom_half_call:hover .button_bottom_call {
	background: linear-gradient(45deg, #46CEFA, #0D85F5);
}


/*--- SECTION FOOTER ---*/
.section_footer {
	padding: 100px 0 100px 0;
	background: #1F2630;
	color: #fff;
	text-align: center;
}
.footer_ty {
	display: none;
}
.logo_footer {
	display: table;
	margin-bottom: 10px;
}
.logo_footer img {
	display: table;
	width: auto;
	height: 60px;
}
.section_footer .quarter p {
	font-size: 13px;
	line-height: 17px;
}
.section_footer .quarter {
	text-align: left;
}
.footer_menu_title {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 20px;
}
.footer_menu_item {
	display: table;
	font-size: 17px;
	line-height: 21px;
	margin-bottom: 10px;
}
.footer_social {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
}
.footer_social:hover {
	cursor: pointer;
	opacity: 0.8;
}
.footer_social img {
	display: table;
	width: 30px;
	height: auto;
}
.quarter_inner {
	display: table;
	margin: auto;
}
.quarter_social {
	max-width: 150px;
}
.general_page {
	margin-bottom: 100px;
}
.general_page h1 {
	margin: 50px auto 30px auto;
}
.general_page h2 {
	font-size: 21px;
    line-height: 25px;
    margin: 30px 0 10px 0;
    font-weight: bold;
}
.general_page ul {
	list-style: disc;
}
.general_page ul li {
	margin-left: 25px;
}
.general_page p,
.general_page li {
	margin-bottom: 10px;
}
.general_page .section_inner {
	width: 95%;
}

.general_page .partners_list {
	list-style: disc;
}
.general_page .partners_list li {
	display: inline-block;
	vertical-align: top;
	width: 30%;
}

/*--- FORMS ---*/
input,
select {
	display: table;
	width: 100%;
	max-width: calc(100% - 4px);
	border: 2px solid #eee;
	background: #fff;
	color: #555;
	font-size: 17px; 
	padding: 15px 0;
	text-indent: 15px;
	border-radius: 10px;
	margin: 5px 0 10px 0;
	text-align: left;
	font-family: 'Rubik', sans-serif;
    font-weight: 500;
}
input::placeholder {
	color: #aaa;
	font-weight: 300;
}
input[type=text],
input[type=tel] {
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.inputError {
    border-color: #FF004E!important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 0 78 / 25%)!important;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAh0lEQVQ4T93TMQrCUAzG8V9x8QziiYSuXdzFC7h4AcELOPQAdXYovZCHEATlgQV5GFTe1ozJlz/kS1IpjKqw3wQBVyy++JI0y1GTe7DCBbMAckeNIQKk/BanALBB+16LtnDELoMcsM/BESDlz2heDR3WePwKSLo5eoxz3z6NNcFD+vu3ij14Aqz/DxGbKB7CAAAAAElFTkSuQmCC); */
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZSc+PHBhdGggZD0nTTcgN2wzLTMgMyAzbTAgNmwtMyAzLTMtMycgc3Ryb2tlPScjMzMzJyBzdHJva2Utd2lkdGg9JzEuNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+);
    background-repeat: no-repeat;
	background-position: center right 2px;
    background-size: 25px;
	/* text-align-last: center; */
	text-align-last: left;
}
input:active,
input:focus,
select:active,
select:focus {
	border-color: #0e85f5;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(14 133 245 / 25%);
}
input[type=radio] {
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 19px;
	border-radius: 100%;
}
input[type=radio]:active,
input[type=radio]:focus {
	box-shadow: none;
	border-color: initial;
}
input[type=radio]:hover {
	cursor: pointer;
}

.section_hero_forms {
	padding: 2vh 0 11vh 0;
	transition-duration: 0.3s;
	min-height: 430px;
}
.section_hero_forms_nopad {
	padding-top: 0;
}
.section_hero_forms_nobkg {
	background-position: left -50vw bottom, right -50vw bottom, center;
}
.hero_zip {
	display: table;
	margin: 50px auto 20px auto;
	width: 95%;
	max-width: 400px;
	background: #fff;
	padding: 5px;	
	border: 2px solid #f3f2f1;
	border-radius: 15px;
	box-shadow: 0px 0px 15px 0px #eee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#zip_code,
#drips_phone {
	display: table;
	width: 100%;
	float: left;
	background: transparent;
	border: 0;
	margin: 5px auto;
	padding: 10px 0;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 3px;
}
.zip_button,
.drips_button {
	width: 45%;
    max-width: 180px;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0%,-50%);
}
#zip_code:active,
#zip_code:focus,
#drips_phone:active,
#drips_phone:focus {
	border-color: transparent;
    outline: 0;
    box-shadow: none;
}
#zip_code::placeholder,
#drips_phone::placeholder {
	letter-spacing: 1px;
}
.form_view {
	display: none;
    width: 95%;
    max-width: 700px;
    margin: auto;
    /* background: rgb(87 138 230 / 5%);
    border: 2px solid #0e85f5; */
	background: #fff;
    border: 2px solid #f3f2f1;
	border-top: 0;
    border-radius: 0px 0px 5px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 20px 0px #eee;
	position: relative;
}
.form_view_inner {
	display: table;
	width: 100%;
	text-align: center;
	padding: 50px 20px 30px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.form_location {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0%);
    padding: 10px 20px;
    font-size: 15px;
    text-align: center;
    background: rgb(87 138 230 / 20%);
    /* border: 2px solid #0e85f5;
	border-top: 0; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form_location img {
	display: inline-block;
    vertical-align: middle;
    height: 17px;
    margin-right: 5px;
}
.form_location span {
	display: inline-block;
    vertical-align: middle;
}
.progress_bar {
	display: table;
	width: calc(100% + 4px);
    margin-left: -2px;
	background: rgb(14 133 245 / 25%);
}
.progress_bar_inner {
	display: table;
	height: 7px;
	background: #0e85f5;
	transition-duration: 0.2s;
}
.form_half {
	display: table;
	width: 48%;
	margin: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.form_question {
	font-size: 35px;
	line-height: 40px;	
	width: 80%;
	max-width: calc(100% - 90px);
	margin: 0 auto 40px auto;
}
.form_question_subtitle {
	font-size: 30px;
	line-height: 35px;	
	max-width: 80%;
	margin: 0 auto 10px auto;
}
.form_question_text {
	font-size: 20px;
	line-height: 35px;	
	max-width: 80%;
	margin: 0 auto 10px auto;
}
.form_button {
	display: table;
	width: 100%;
	margin: 10px auto;
	font-size: 20px;
	line-height: 25px;
	font-weight: 500;
	padding: 15px 0;
	text-align: center;
	border: 2px solid #eee;
	border-radius: 5px;
	background: #fff;
	transition-duration: 0.2s;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form_button:hover {
	cursor: pointer;
	background: rgb(13 133 245 / 10%);
    color: #0D85F5;
    border-color: #0D85F5;
}
.form_button_selected,
.form_button_selected:hover {
	color: #fff;
	background: #0D85F5;
	border-color: #0D85F5;
}
.view_div {
	display: table;
	width: 100%;	
	user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
/*
.button_age {
	display: inline-block;
	width: 23%;
	margin: 5px 1%;
}
.button_homeowner,
.button_insured,
.button_v2_insured {
	display: inline-block;
	width: 48%;
	margin: 10px 1%;
	max-width: 200px;
}
.button_homeowner:nth-child(1n),
.button_insured:nth-child(1n),
.button_v2_insured:nth-child(1n) {
	margin: 10px 2% 10px 0;
}
.button_homeowner:nth-child(2n),
.button_insured:nth-child(2n),
.button_v2_insured:nth-child(2n) {
	margin: 10px 0 10px 2%;
} 
.button_vehicles {
	display: block;
	width: 100%;
	max-width: 300px;
}
.button_v2_vehicles {
	display: inline-block;
	width: 100%;
	max-width: 18%;
	margin: 1%;
}
.button_tobacco,
.button_gender {
	display: inline-block;
	width: 48%;
	margin: 10px 1%;
	max-width: 200px;
}
.button_tobacco:nth-child(1n),
.button_gender:nth-child(1n) {
	margin: 10px 2% 10px 0;
}
.button_tobacco:nth-child(2n),
.button_gender:nth-child(2n) {
	margin: 10px 0 10px 2%;
}
.button_coverage {
	display: block;
	width: 100%;
	max-width: 300px;
}*/

/* .form_buttons {
	display: table;
	width: 100%;
}
.back_button {
	display: table;
	width: 20%;
	float: left;
	background: #aaa;
	
} */
.next_button {
	display: table;
	width: 100%;
	max-width: 400px;
}
.submit_button {
	display: table;
	width: 100%;
	max-width: 88%;
}
.form_label {
	font-size: 19px;
	line-height: 25px;
	text-align: left;
}
.tcpa {
    display: table;
    width: 95%;
    max-width: 500px;
    margin: auto;
    text-align: justify;
    font-size: 15px;
    line-height: 17px;
    color: #555;
}
.tcpa a {
	color: #555;
	text-decoration: underline;
}
.icon-back_button {
	display: table;
	position: absolute;
	top: 46px;
	left: 10px;
	font-size: 40px;
	color: #0D85F5;
	border-radius: 100%;
	z-index: 10;
}
.icon-back_button:hover {
	cursor: pointer;
	/* color: #0D85F5; */
	background: rgb(87 138 230 / 5%);
}




/*--- TY PAGES ---*/
.listings_hero {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.listings_hero_auto {
	background-image: url('/img/hero_auto.jpg');	
}
.listings_hero_life {
	background-image: url('/img/hero_life.jpg');	
}
.listings_hero_fe {
	background-image: url('/img/hero_fe.jpg');	
}
.listings_hero_health {
	background-image: url('/img/hero_health.jpg');	
}
.listings_hero_pet {
	background-image: url('/img/hero_pet.jpg');	
}
.listings_hero_home {
	background-image: url('/img/hero_home.jpg');	
}
.listings_hero .section_inner {
	background: rgba(0,0,0,0.5);
	padding: 20px 20px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.h2Listings {
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center;
}
.h3Listings {
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}
.listings_hero_u .section_inner {
	background: transparent;
	padding: 0;
}
.listings_hero_u .h2Listings,
.listings_hero_u .h3Listings {
	color: #1F2630;
}



/*--- PET ---*/
.buttonYN .icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
}
.buttonYN {
	display: inline-block;
    vertical-align: middle;	
    padding: 10px 0;    
    font-size: 17px;	
	text-align: center;
    border: 2px solid #eee;
    background: #f7f7f7;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.buttonYN2 {
	width: 47%;
	margin: 5px 1% 10px 1%;
}
.buttonYN3 {
	width: 31.33%;
	margin: 1% 1% 10px 1%;
}
.buttonYN:hover {
	cursor: pointer;
	border-color: #0e85f5;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.buttonYN_active {
	/* font-weight: bold; */
	color: #fff;
	background: #0e85f5;
	border-color: #0e85f5;
}
.button_icon {
	font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}
#pet_container {
	margin-bottom: 15px;
}
.pet_item {
	position: relative;
    margin: 10px 0;
    padding: 15px 0 10px 0;
}
.pet_delete {
	position: absolute;
    top: 10px;
    right: 0;
    width: 25px;
    border-radius: 100%;
}
.pet_delete:hover {
	cursor: pointer;
	background-color: rgba(233, 36, 37, 0.15);
}
.pet_item:not(.pet_item:first-child) {
	border-top: 1px solid rgb(87 138 230 / 20%);
	margin-top: 10px;
	padding-top: 15px;
}
.button_link {
	font-size: 17px;
    text-align: center;
    color: #0e85f5;
    text-decoration: underline;
}
.button_link:hover {
	cursor: pointer;
	color: #0e85f5;
	text-decoration: underline;
}
#add_pet {
    max-width: 250px;
    margin: auto;
}
.pet_age,
.pet_breed {
	font-weight: normal;
}
.table_w_border tr td {
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

/*--- select2 ---*/
#pet_container .select2-container {
	width: 100% !important;
	text-align: left;
}
#pet_container .select2-container .select2-selection--single .select2-selection__rendered {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZSc+PHBhdGggZD0nTTcgN2wzLTMgMyAzbTAgNmwtMyAzLTMtMycgc3Ryb2tlPScjMzMzJyBzdHJva2Utd2lkdGg9JzEuNScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center right 2px;
    background-size: 25px;
	padding-left: 0;
	text-indent: 15px;
	line-height: 21px;
	color: #1F2630;
}
#pet_container .select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
#pet_container .select2-container--default .select2-selection--single {
	border-radius: 10px;
	border: 2px solid #eee;
	height: auto;
    padding: 15px 0;
	margin: 5px 0 10px 0;
	font-size: 17px;
	/* font-weight: bold; */
}
#pet_container .select2-container--default .select2-container--open {
	cursor: pointer;
    border-color: #0e85f5;
    box-shadow: 0 0 0 0.2rem rgb(14 133 245 / 25%);
}
.select2-dropdown {
	background: #f7f7f7;
	border: 2px solid #eee !important;
	top: -17px;
}



/*------------ PET LISTINGS ---------------------*/
#prudent_container {
	text-align: center;
	padding: 30px 0;
}
.pet_title {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	margin: 30px auto 20px auto;
	/* text-align: left; */
	display: none;
}
.plan_tab {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin: 1%;
	background: #fff;
    border: 2px solid #0D85F5;
	border-radius: 5px;

    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.plan_tab .button_link {
	font-size: 15px;
}
.plan_title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	padding: 15px 0;
	background: #0D85F5;
	color: #fff;
	border-radius: 3px 3px 0 0;
    margin: -1px;
}
.plan_logo {
	display: table;
	width: 100%;
	max-width: 200px;
	margin: 10px auto 5px auto;
	/* display: none; */
}
.plan_price {
	margin: 10px auto;
}
.plan_price_1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	line-height: 45px;
	font-weight: bold;
	color: #0D85F5;	
}
.plan_price_2 {
	display: inline-block;
	vertical-align: middle;	
	text-align: left;
	color: #0D85F5;
}
.plan_price_2_1 {
	font-size: 20px;
	line-height: 21px;
	font-weight: bold;
}
.plan_price_2_2 {
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}
.plan_description {
	font-size: 17px;
    line-height: 19px;
    font-weight: bold;
    width: 200px;
    margin: 10px auto;
    color: #555;
}
.plan_text {
	font-size: 15px;
    line-height: 20px;
    /* font-weight: bold; */
    margin: 5px auto;
    color: #888;
}
.plan_benefit {
	display: table;
	width: 100%;
	margin: 10px auto;
	background: rgb(86 138 229 / 10%);
	padding: 15px 0;
}
.plan_benefit_price {
	font-size: 20px;
	font-weight: bold;
}
.plan_benefit_text {
	font-size: 15px;
	font-weight: normal;
}
.plan_button {
	display: table;
    width: 95%;
    /* background: linear-gradient(45deg, #0D85F5, #46CEFA); */
	/* background: #0D85F5; */
	background: #28ca6b;
    color: #fff!important;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0;
    margin: 10px auto;
    border-radius: 5px;
    text-decoration: none;
}
.plan_button:hover,
.plan_button:active,
.plan_button:focus {
	cursor: pointer;
	opacity: 0.95;
	box-shadow: 0 0 0 0.2rem rgb(40 202 107 / 25%);
	color: #fff;
}
.button_green {
	display: table;
	width: 100%;
	max-width: 94%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	margin: auto;
	background: #28ca6c;
	color: #fff;
	border-radius: 5px;
	border: 2px solid #28ca6c;
	position: relative;
	text-decoration: none;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.button_green:hover {
	cursor: pointer;
	background: #27AE60;
	color: #fff;
	box-shadow: 0 0 0 0.2rem rgb(39 174 96 / 25%);
}
.button_magenta {
	display: table;
	width: 100%;
	max-width: 94%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	margin: auto;
	background: #e91e63;
	color: #fff!important;
	border-radius: 5px;
	border: 2px solid #e91e63;
	position: relative;
	text-decoration: none;
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
.button_magenta:hover,
.button_magenta:active,
.button_magenta:focus {
	cursor: pointer;
	background: #da195b;
	color: #fff;
	box-shadow: 0 0 0 0.2rem rgb(218 26 90 / 25%);
}
.button_another_pet_mobile {
	display: none;
}
@media only screen and (max-width: 1000px) {
	.plan_tab {
		display: table;
		width: 95%;
		margin: 0 auto 20px auto;
	}
	.button_magenta {
		max-width: 95%;
	}
	.button_another_pet_mobile {
		display: table;
	}
}


/*--- AUTO LONGFORM ---*/
.section_progress {
	padding: 20px 0 20px 0;
    background: #f7f7f7;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.form_view_auto_longform .section_progress .section_inner {
	max-width: 800px;
}
.section_progress_text {
	font-size: 25px;
    line-height: 30px;
    margin: 0 auto 10px auto;
}
.state_autocomplete {
	font-weight: bold;
}
.progress_bar_top {
	display: table;
	width: 100%;
    margin-left: -2px;
	background: rgb(14 133 245 / 25%);
	border-radius: 5px;
}
.progress_bar_top_inner {
    display: table;
    height: 7px;
    color: #fff;
    font-weight: bold;
    text-align: right;
    padding: 1px 15px 1px 0;
    background: #0e85f5;
	background: linear-gradient(45deg, #46CEFA, #0D85F5);
    border-radius: 5px;
    transition-duration: 0.2s;
    box-sizing: border-box;
}
.form_view_auto_longform {
	display: none;
	width: 100%;
    margin: auto;    
	min-height: 75vh;	
}
.form_view_auto_longform .section_inner {
	width: 95%;
    max-width: 1000px;
	margin: auto;
	position: relative;
}
.form_view_auto_longform input,
.form_view_auto_longform select {
	border-radius: 5px;
}
.search_vehicle_make,
.search_vehicle_model {
	display: table;
	width: calc(100% - 4px);
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('/img/search_icon.svg');
	background-size: 20px;
    background-position: center left 7px;
    background-repeat: no-repeat;
    text-indent: 35px;
}
.button_vehicle_year {
	display: inline-block;
    width: 100px;
    margin: 5px;
}
.button_vehicle_make {
	display: inline-block;
    width: 25%;
    max-width: 200px;
    margin: 5px;
    text-align: center;
}
.button_vehicle_make_img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	display: table;
    margin: 10px auto;
    width: 100px;
    height: 50px;    
}
.button_vehicle_make_text {
	display: table;
    margin: 20px auto 0 auto;
	text-transform: capitalize;
}
.row {
	display: table;
	width: 100%;
}
.row_full {
	display: table;
	width: 100%;
	margin: 5px;
	box-sizing: border-box;
}
.row_half {
	display: inline-block;
	vertical-align: middle;
    width: 45%;
    max-width: 400px;
    margin: 5px;
	box-sizing: border-box;
}
.row_third {
	display: inline-block;
	vertical-align: middle;
    width: 32%;
    max-width: 400px;
    margin: 5px;  
	box-sizing: border-box;  
}
.form_button.row_half {
	text-align: center;
}
.row_dob {
	display: table;
    width: 90%;
    max-width: 400px;
	margin: auto;
	text-align: center;
	box-sizing: border-box;
}
.row_phone,
.row_email {
	display: table;
    width: 100%;
    max-width: 400px;
	margin: auto;
	text-align: center;
}
.dob_icon {
	display: table;
    float: left;
    width: auto;
    height: 30px;
    margin: 30px 10px 0 10px;
}
.email_phone_icon {
	display: table;
    float: left;
    width: auto;
    height: 30px;
    margin: 18px 10px 0 0;
}
.dob_container {
	display: table;
	float: left;
	margin: 10px auto;
	padding: 5px;
	background: #fff;
	border: 2px solid #eee;
	border-radius: 5px;
	box-sizing: border-box;
}
.input_dob_m,
.input_dob_d {
	display: inline-block;
	vertical-align: middle;
	border-color: transparent;
	background: transparent;
	width: 70px;
	margin: 0;
	text-indent: 0;
	text-align: center;
}
.input_dob_y {
	display: inline-block;
	vertical-align: middle;
	border-color: transparent;
	width: 100px;
	margin: 0;
	text-indent: 0;
	text-align: center;
}
.dob_container span {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
    color: #ddd;
	margin-left: 5px;
	margin-right: 5px;
}
.text_error {
	display: none;
	color: red;
	margin: 10px auto 0px auto;
}
.name_input {
	display: table;
	width: 100%;
	max-width: 400px;
	margin: 5px auto;
}
.address_container {
	display: table;
	width: 100%;
	max-width: 700px;
	margin: auto;
}
#address_street {
	display: inline-block;
    vertical-align: middle;
    width: 63.2%;
    margin: 5px 0;
}
#address_unit {
	display: inline-block;
    vertical-align: middle;
    width: 31%;
    margin: 5px 0 5px 1.2%;
}
#address_state {
	display: inline-block;
	vertical-align: middle;
	width: 31%;
	margin: 5px 0;
}
#address_city {
	display: inline-block;
	vertical-align: middle;
	width: 31%;
	margin: 5px 1.2%;
}
#address_zip {
	display: inline-block;
	vertical-align: middle;
	width: 31%;
	margin: 5px 0;
}
#phone,
#email {
	display: table;
    float: left;
    margin: 5px auto;
    width: 100%;
    max-width: 340px;
}
.row_email #phone,
.row_email #email {
    width: 85%;
}
.next_phone {
	position: relative;
}
.next_phone_notification {
	position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 2px solid #fff;
    background: #FA3E3E;
}
.next_phone_notification span {
	display: table;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    color: #fff;
}
.first_name_autocomplete {
	text-transform: capitalize;
}
.vehapi_loader {
	display: none;
	margin-top: 50px !important;
}
.section_auto_carriers {
	border-top: 1px solid #eee;
	padding-top: 30px;
	margin-top: 50px;
}
.section_auto_carriers .section_inner {
	max-width: 700px;
}
.auto_carriers_text {
	display: table;
    margin: 0 auto 15px auto;
    font-size: 17px;
    font-weight: bold;
}
.auto_carriers_logos {
	display: table;
    width: 100%;
}
.form_helper {
	display: table;
	width: 100%;
	margin: 40px auto;
	text-align: center;
}
.form_helper_img {
	display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 100%;
	box-shadow: 0px 0px 10px 0px #ddd;
}
.form_helper_text_container {
	display: inline-block;
	vertical-align: middle;
}
.form_helper_tick {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}
.form_helper_text {
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	line-height: 21px;
	color: #888;
}
.submit_form_active {
	opacity: 0.7;
}


/*--- MODALS ---*/
.modal {
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
}
.modal_inner {
	position: absolute;
	top: 11vh;
    left: 50%;
    transform: translate(-50%,0%);
	display: table;
	width: 95%;
	max-width: 700px;
	padding: 50px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 #333;
}
.modal_close {
	position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    border-radius: 100%;
}
.modal_close:hover {
	cursor: pointer;
	background-color: rgb(136 136 136 / 15%);
}
.modal_phone {
	display: table;
	margin: 40px auto 15px auto;
}
.modal_phone img {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 30px;
	margin-right: 10px;
}
.modal_phone span {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
}
.modal_agents_live {
	display: table;
	margin: auto;
}
.modal_agents_live .green_circle_live {
	width: 15px;
    height: 15px;
    margin-right: 5px;
    /* box-shadow: 0 0 0 0.2rem rgb(92 184 92 / 30%); */
}
.modal_agents_live .modal_agents_live_text {
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	line-height: 21px;
}
.button_modal_close {
	width: 100%;
    max-width: 500px;
    margin-top: 20px;
}
#mediaalpha_placeholder {
	margin-top: 30px;
}


/* ----------------- LOADER PURE CSS ------------------ */
#loaderBIGOuter {
	position: fixed;
	z-index: 1000;
	height: 100%;
	width: 100%;
	text-align: center;
	top: 0px;
	/*opacity: 0.977;*/
	background: #555;
}
#loaderBIGInner {
	position: relative;
	margin: 0px auto;
	display: block;
	top: 35%;
}
#loaderBIGInner img {
    display: block;
    margin: 10px auto 20px auto;
    width: 200px;
    height: auto;
}

.loaderQuotesText {
	margin-top: 15px;
	color: #fff;
	display: table;
	width: 95%;
	margin: 15px auto;
	font-size: 15px;
	line-height: 20px;
}

.loaderCSS {
	margin: 0px auto;
	font-size: 5px;
	position: relative;
	text-indent: -9999em;
	border-top: 0.7em solid rgba(255, 255, 255, 0.1);
	border-right: 0.7em solid rgba(255, 255, 255, 0.1);
	border-bottom: 0.7em solid rgba(255, 255, 255, 0.1);
	border-left: 0.7em solid #F8F8FF;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 0.30s infinite linear;
	animation: load8 0.30s infinite linear;
}
.loaderCSS,
.loaderCSS:after {
	border-radius: 50%;
	width: 5em;
	height: 5em;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.loaderCSS_blue {
	border-top: 0.7em solid rgba(14, 133, 245, 0.1);
    border-right: 0.7em solid rgba(14, 133, 245, 0.1);
    border-bottom: 0.7em solid rgba(14, 133, 245, 0.1);
    border-left: 0.7em solid #0e85f5;
}
/*============================== END LOADER PURE CSS =============================*/



/*----------- MEDIA QUERIES -------------*/

@media only screen and (max-width: 1000px) {	
	.section_hero {
		padding: 5vh 0 15vh 0;
		background-size: 80%, 80%, 100%;
		background-repeat: no-repeat;
		background-position: left -35vw bottom, right -35vw bottom, center;
	}
	.section_hero_forms_nobkg {
		background-position: left -85vw bottom, right -85vw bottom, center;
	}
	.section_advertised .section_inner,
	.section_header .section_inner,
	.section_personalized .section_inner,
	.section_faq .section_inner,
	.section_bottom .section_inner {
		max-width: 95% !important;
	}	
}
@media only screen and (max-width: 800px) {	
	h1 {
		font-size: 35px;
		line-height: 40px;
		max-width: 550px;
	}
	.tcpa {
		width: 100%;
	}
	.section_footer .quarter:first-child {
		display: table;
		width: 80%;
		margin-bottom: 50px;
		text-align: center;
	}
	.section_footer .quarter:last-child {
		display: table;
		width: 100%;
		margin-top: 50px;
	}
	.section_footer .quarter:nth-child(2),
	.section_footer .quarter:nth-child(3) {
		width: 45%;
	}
	.logo_footer {
		margin: 0 auto 10px auto
	}
	.testimonials_stars {
		height: 40px;
	}
	#mediaalpha_placeholder {
		margin-top: 0;
	}
}

@media only screen and (max-width: 600px) {
	/* .header_left {
		float: none;
    	margin: auto;
	} */
	.section_hero {
		padding: 1vh 0 15vh 0;
		background-size: 90%, 90%, 100%;
		background-repeat: no-repeat;
		background-position: left -45vw bottom, right -45vw bottom, center;
	}
	.section_hero_forms_nobkg {
		background-position: left -150vw bottom, right -150vw bottom, center;
	}
	h1 {
		font-size: 30px;
		line-height: 35px;
		max-width: 90%;
	}
	h2 {
		font-size: 21px;
		line-height: 25px;
		max-width: 90%;
	}
	.hero_h3 {
		max-width: 95%;
	}
	.section_personalized h1 {
		margin-bottom: 20px
	}
	.category {
		padding: 8px 19px;
	}
	.category_icon .icon {
		font-size: 70px;
	}
	.header_right_desktop {
		display: none;
	}
	.header_right_mobile {
		display: table;
		margin-top: 10px;
	}
	.personalized_title,
	.personalized_text {
		text-align: center;
	}
	.personalized_img {
		margin-top: 30px;
	}
	.half,
	.third {
		display: table;
		width: 100%;
		float: none;
		padding: 0;
	}	
	.section_compare .third {
		margin-bottom: 30px;
	}
	.bottom_divider {
		display: table;
		width: 100%;
		max-width: 300px;	
		height: 1px;
		background: #1F2630;
		position: relative;
		margin: 50px auto;			    	
	}
	.button {
		max-width: 90%;
	}
	.next_button,
	.button_vehicles {
		max-width: 100%;
	}
	.button_v2_vehicles {
		width: 48%;
		max-width: 48%;
	}
	.button_v2_vehicles:nth-child(1n) {	
		margin: 10px 0 10px 2%;	
	}
	.button_v2_vehicles:nth-child(2n) {		
		margin: 10px 2% 10px 0;
	}
	.quarter_social {
		max-width: 100%;
	}
	.testimonials_stars {
		height: 35px;
	}
	.icon-back_button {
		top: 18px;
		left: 0;
		font-size: 40px;
	}
	.icon-back_button:hover {		
		background: transparent;
	}
	.modal h2 {
		max-width: 100%;
	}
	.modal_inner {
		padding: 50px 20px;
	}
	.button_modal_close {
		max-width: 100%;
	}

	/* AUTO_LONGFORM */
	.section_progress_text {
		font-size: 20px;
		line-height: 25px;
	}
	.section_progress {
		padding: 10px 0 20px 0;
	}
	.form_view_inner {
		padding: 20px 0 30px 0;
	}
	.form_question {
		font-size: 20px;
		line-height: 30px;
		margin: 5px auto 30px auto;
	}
	.form_question_full {
		width: 90%;
		max-width: 90%;
	}
	.button_vehicle_make,
	.button_vehicle_model {
		display: inline-block;
		width: 48%;
	}
	.button_vehicle_make:nth-child(odd),
	.button_vehicle_model:nth-child(odd) {
		margin: 1% 1% 1% 0;
	}
	.button_vehicle_make:nth-child(even),
	.button_vehicle_model:nth-child(even) {
		margin: 1% 0 1% 1%;
	}
	.button_vehicle_model,
	.button_insured_carrier,
	.button_insured_since {
		display: table;
		width: 100%;
		max-width: 100%;
		margin: 5px 0;
		text-align: left !important;
		padding-left: 10px;
	}
	.dob_container {
		width: 80%;
		max-width: calc(100% - 55px);
	}
	.input_dob_m,
	.input_dob_d {
		width: 50px;
	}
	.input_dob_y {
		width: 70px;
	}
	#address_street,
	#address_unit,
	#address_state,
	#address_city,
	#address_zip {
		display: table;
		width: 100%;		
		margin: 5px 0;
	}
	#address_state {
		max-width: 100%;
	}
	.name_input,
	.row_phone,
	.row_email {
		max-width: 100%;
	}
	.email_phone_icon {
		display: none;
	}	
	#phone,
	#email {
		display: table;
		float: none;
		width: 100%;
		max-width: calc(100% - 4px);
	}
	.button_vehicle_model:nth-child(odd),
	.button_vehicle_model:nth-child(even) {
		text-align: left;
		margin: 3px 0;
	}
	.form_question_text {
		font-size: 15px;
		line-height: 25px;
		max-width: 90%;
		margin: 20px auto 20px auto;
	}
	.form_helper_img {
		margin: 10px;
	}
	.form_helper_tick {
		display: none;
	}
	.form_helper_text {
		font-size: 15px;
		line-height: 19px;
	}
}

@media only screen and (max-width: 400px) {
	.section_hero {
		padding: 2vh 0 10vh 0;
		background-size: 120%, 120%, 100%;
		background-repeat: no-repeat;
		background-position: left -75vw bottom, right -75vw bottom, center;
	}
	.section_hero_forms {
		padding-top: 0;
	}
	.section_hero_forms_nobkg {
		background-position: left -150vw bottom, right -150vw bottom, center;
	}
	/* .section_hero_forms {
		min-height: 430px;
	} */
}

/* Homepage How It Works */
.feature_image {
  width: 100px; 
  height: 100px; 
  border-radius: 50%; 
  border: 2px solid #000; 
  background-size: cover; 
}

.how_it_works {
  display: flex;
  flex-wrap: wrap; 
  justify-content: space-around; 
  font-weight: bold;
  color: black;
}

.section_feature {
  display: flex;
  flex-direction: column; 
  align-items: center; 
  text-align: center; 
  margin: 20px; 
  width: 200px;
  padding: 10px; 
  transition: transform 0.3s, box-shadow 0.5s;
}

.section_feature_title {
  font-size: 1.2em; 
  margin-bottom: 10px; 
  color: rgb(31, 31, 31); 
  width: 200px; 
}

.section_feature_text {
  font-size: 1em; 
  color: rgb(76, 65, 197); 
  width: 200px; 
  font-size: 0.8em;
}

.personalized_text.how_it_works {
  color: #333; 
  line-height: 1.5; 
  text-align: center;
  margin: 20px 0; 
}

.section_feature.how_it_works:hover {
  background-color: rgb(232, 236, 252); 
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}

.choice {
  background-image: url('img/choice.png');
}

.survey {
  background-image: url('img/survey.png');
}

.dependable {
  background-image: url('img/dependable.png');
}

.wallet {
  background-image: url('img/wallet.png');
}


/* FAQ Homepage */

.faq-homepage {
  text-decoration: underline; 
  color: blue; 
  background: none;  
  border: none; 
  padding: 0; 
  cursor: pointer; 
}

.faq-homepage:hover {
  text-decoration: none; 
  color: darkblue; 
}

/* Modal Cooke Popup */

.cookie-consent {
  position: fixed;
  display: none; 
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(118, 118, 118, 0.902);
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
  flex-direction: column; 
  box-shadow: 0 2px 10px 2px #0d85f6c5;
  width: auto;
  max-width: 600px;
  margin: 0 auto;
  z-index: 9999;
}

.cookie-consent p {
  margin: 0 0 10px 0; 
  font-size: 14px;
  text-align: left; 
  font-weight: 500;
}

.cookie-consent a {
  text-decoration: underline;
  color: #96c9ff; 
}

.cookie-consent a:hover {
  color: #0056b3; 
}

.cookie-consent .popup-buttons .close-button {
  border: 1px solid #fff;
}

.cookie-consent .privacy-link {
  text-decoration: underline; 
}

.cookie-consent .popup-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center; 
  width: 100%; 
}


.cookie-consent .accept-button {
  background-color: #007BFF;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  margin: 10px 5px 0; 
}

.cookie-consent .accept-button:hover {
  background-color: #0056b3;
}

.cookie-consent .close-button {
  background: none;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  padding: 10px 20px;
  margin: 10px 5px 0; 
}

.cookie-consent .close-button:hover {
  color: #ddd;
  border: #ddd;
}