h1 {
	text-align: center;
	/* color: #707070; */
}

h1 a {
	text-decoration: none;
}

/***********************
	Utitlity classes
***/
.panel {
	padding: 6rem 0;
	overflow: hidden;
}

.circled {
	border: .2rem solid #FFF;
	border-radius: 50%;
	padding: 1.6rem;
}

#sidebar .dummy-login, #sidebar #LOGIN_policyNo, #sidebar #LOGIN_password {
	font-size: 1.2rem
}

.break {
	display: block;
}

#emergency_bar {
	text-align: center;
}

#emergency_bar div,
#emergency_bar.service div {
	display: table;
	margin: 0 auto;
	padding: 1rem 1rem 0;
}

#emergency_bar p {
	display: inline;
	vertical-align: middle;
	overflow: hidden;
	color: #b6091a;
	margin: 0;
}

#emergency_bar .icon {
	vertical-align: middle;
	color: #b6091a;
	font-size: 2.4rem;
	margin-right: 1rem;
}

@media all and ( min-width: 768px ) {
	#emergency_bar {
		height: 6rem;
	}

	#emergency_bar + #homepage_panels #sidebar {
		height: 67rem;
	}

	#emergency_bar div {
		position: relative;
		padding-right: 26rem;
	}
}

@media all and ( min-width: 900px ) {
	#emergency_bar div {
		padding-left: 12%;
	}
}
/***
	End utility classes
***********************/

/***********************
	Main panels
***/

#primary-panel {
	padding-bottom: 0;
}

#primary-panel form p {
	font-size: 1.4rem;
	margin: 3rem 0;
}

#primary-panel.quote .quote-form p {
	white-space: nowrap;
}

#primary-panel.quote .quote-form, #primary-panel.recall .recall-form, #primary-panel.claims .claims-form {
	margin: 6rem 0 3rem 0;
}

#primary-panel.quote .quote-form, #primary-panel.recall .recall-form, #primary-panel.claims .claims-form {
	text-align: center;
}

#primary-panel.quote .quote-form .select-box {
	margin: 0 0.5rem -1.6rem 0.5rem;
}

#primary-panel.quote .quote-form .select-box select {
	font-size: 1.4rem;
	padding-right: 3rem;
}

#primary-panel.recall .recall-form, #primary-panel.claims .claims-form {
	width: 30rem;
	margin: 0 auto;
}

#primary-panel.claims h3 {
	text-align: center;
}

#primary-panel.recall .recall-form .select-box, #primary-panel.recall .recall-form .btn, #primary-panel.claims .claims-form .btn {
	margin-bottom: 3rem;
}

#primary-panel.recall .recall-form .select-box {
	display: block;
}

#primary-panel.recall .recall-form select {
	width: 100%;
}

#primary-panel.recall .recall-form .btn {
	float: right;
}

#primary-panel.recall .recall-form hr {
	clear: both;
	max-width: 40rem;
	margin: 2rem auto;
}

#primary-panel.recall .recall-form .recall-options {
	overflow: auto;
}

#primary-panel.recall .recall-options .btn {
	float: none;
}

#primary-panel.recall .retrieved {
	font-size: 1.4rem;
	margin: 0;
}

#primary-panel.recall .recall-form .recall-saved-quote {
	padding: 10px 0 10px 10px;
	margin:auto;
}

#primary-panel.service #LOGIN_policyNo, #primary-panel.service #LOGIN_password {
	display: block;
	width: 100%;
	min-width: 24rem;
	margin-right: 2rem;
}

@media all and (min-width: 480px) {
	#recall_modal .modal-container {
		max-width: 40rem;
	}
}

#recall_modal .select-box {
	margin-bottom: 0;
}

#geolocation {
	font-size: 2rem;
	color: #707070;
	cursor: pointer;
}

#geolocation:hover {
	color: #CDCDCD;
}

#primary-panel .alt-link {
	text-align: center;
	font-size: 1.4rem;
}

picture img {
	width: 100%;
}

.primary .small-gecko {
	margin: 0 auto;
	display: block;
	width: 11rem;
	padding-top: 1rem;
}

.primary .service .small-gecko {
	display: none;
}

.primary .ers h3 {
	color: #EF5621;
}

.primary .claims h1 {
	color: #ef7014;
	margin-bottom: 1rem;
}

.primary .claims h3 {
	color: #707070;
	max-width: 250px;
	margin: 1rem auto 2rem;
}

.primary .claims h3.other {
	color: #ef7014;
}

.primary .claims ul {
	text-align: left;
	margin-left: 4.5rem;
}

.primary .claims ul li {
	margin-bottom: 0.5rem;
}

#primary-panel .policy-form h2 {
	text-align: center;
}

html[data-isIE="1"] #primary-panel.service #homepage_manage_ecams_form {
	border-top: 1px solid #444;
}

html[data-isIE="1"] #primary-panel.service #homepage_manage_ecams_form hr,
html[data-isIE="1"] #primary-panel.service #homepage_manage_ecams_form #homepage_manageForm input,
html[data-isIE="1"] #primary-panel.service #homepage_manage_ecams_form #homepage_manageForm label,
html[data-isIE="1"] #primary-panel.service #homepage_manage_ecams_form #homepage_manageForm a,
html[data-isIE="1"] #primary-panel.service #homepage_manage_ecams_form .formLinks {
	display: none;
}

html[data-isIE="1"] #primary-panel.service #homepage_manageForm .actions button {
	float: none;
	width: 100%;
	margin-top: 3rem;
}

#primary-panel.service #homepage_manage_policy_content .express_links {
	margin-top: 3rem;
}

#primary-panel.service #homepage_manage_policy_content .express_links span {
    float: left;
    background-color: #3773ca;
    font-size: 3rem;
    border-radius: 50%;
    color: #FFF;
    padding: 1rem;
    margin-right: 1rem;
}

#primary-panel.service #homepage_manage_policy_content .express_links ul {
    clear: both;
    display: block;
    margin-left: 6rem;
}

#primary-panel.service #homepage_manage_policy_content .express_links h3 {
    float: left;
    font-size: 2rem;
}

#primary-panel.service .select-content .btn {
	float: right;
	clear: both;
}

#primary-panel.service #homepage_manage_commercial_form .btn {
	float: none;
}

#service-contents {
	position: relative;
	overflow: auto;
}

#service-contents {
	margin-top: 6rem;
}

#service-form {
	width: 80%;
	min-width: 24rem;
	max-width: 48rem;
	margin: 0 auto;
}

#service-form .select-content {
	overflow: auto;
	border-top: 1px solid #444;
	padding-top: 2rem;
	margin-bottom: 6rem;
}

#service-form .select-content.no-border {
	border-top: none;
	padding-top: 0;
}

#service-form .select-content .textbox {
	width: 100%;
}

#service-form .select-box, #service-form select {
	width: 100%;
}

#service-form #LOGIN_password {
	margin-bottom: 2rem;
}

#service-form label[class='checkbox'] {
	padding-left: 3.3rem;
	padding-right:  0;
}

#service-form label[class='checkbox']::before {
	margin-left: 0;
}

#service-form label[class='checkbox']::after {
	left: 0.5rem;
}

@media all and (max-width: 370px) {
	#service-form .actions {
		margin-bottom: 7rem;
	}

	#service-form #manageSubmit {
		margin-left: 2rem;
	}
}

#service-form #manageSubmit {
	margin-top: 1rem;
}

#service-links {
	overflow: auto;
	padding: 3rem 0 2rem 0;
	margin-top: -1.3rem;
}

#service-links h3 {
	/* font-size: 2rem; */
}

#service-links ul {
	clear: both;
	display: block;
	margin-left: 6rem;
}

#service-links .links span {
	float: left;
	font-size: 3rem;
	border-radius: 50%;
	color: #FFF;
	padding: 1rem;
	margin-right: 1rem;
}

#service-links .links .express_links span {
	background-color: #3773ca;
}

#service-links .links .ers span {
	background-color: #EF5621;
}

#service-links .links .claims span {
	background-color: #ef7014;
}

#service-links .links h3 {
	float: left;
}

#service-links .links #findPartner span{
	color: inherit;
	font-size: inherit;
	padding:inherit;
	margin: inherit;
	border-radius: none;
	float:none;

}

#service-links .express_links, #service-links .claims, #service-links .ers {
	width: 25rem;
	margin: 0 auto;
}

#homepage_panels.default #sidebar {
	display: none;
}

#sidebar .extra-info {
	overflow: auto;
	background-color: #F7F7F7;
	margin-top: -1.3rem;
}
/* Dark mode adjustment */
.dark #sidebar .extra-info {
	background-color: #2B2B2F;
}
#sidebar .login-links {
	width: 30rem;
	margin: 0 auto;
}

#sidebar .login-links .express_links, #sidebar .login-links .claims, #sidebar .login-links .ers {
	float: left;
}

#sidebar .login-links .express_links {
	width: 49%;
	margin-left: 1%;
}

#sidebar .login-links .claims, #sidebar .login-links .ers {
	width: 45%;
	margin-left: 5%;
}

#sidebar .login-links h3 {
	font-size: 2rem;
}

#sidebar.recall .btn--secondary {
	padding-left: 25px;
	padding-right: 25px;
}

#sidebar.recall .recall-or {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	margin: 8px 0px;
}

#sidebar.recall .recall-or::before,
#sidebar.recall .recall-or::after {
	flex-grow: 1;
	margin: 0 8px;	
	height: 1px;
	background: #60574A;
	font-size: 0;
	line-height: 0;
	content: "";
}

#sidebar.recall .recall-or::before {
	margin-left: 0;
}

#sidebar.recall .recall-or::after {
	margin-right: 0;
}

@media all and ( min-width: 360px ) {
	#service-form .select-box {
		width: 20rem;
		z-index: 1;
	}

	#service-form .select-box select {
		padding-right: 2rem;
	}

	.primary .service .small-gecko {
		display: block;
		position: absolute;
		top: 3.5rem;
		left: 66%;
		width: 9rem;
	}

	#sidebar .login-links {
		width: 35rem;
	}

	#sidebar .login-links h3 {
		font-size: 2.2rem;
	}

	#sidebar .login-links li {
		font-size: 1.6rem;
	}

	#sidebar .login-links .claims, #sidebar .login-links .ers {
		width: 40%;
		margin-left: 10%;
	}
}

@media all and ( min-width: 480px ) {
	#primary-panel form p {
		font-size: 2rem;
	}

	#primary-panel.quote .quote-form .select-box {
		margin: 0 1rem -1.6rem 1rem;
	}

	#primary-panel.quote .quote-form input, #primary-panel select {
		font-size: 1.6rem;
	}

	.primary .service .small-gecko {
		top: 1.85rem;
		width: 11rem;
	}

	#service-links .links {
		width: 88%;
		max-width: 48rem;
		margin: 0 auto;
	}

	#service-links .links div {
		float: left;
	}

	#service-links .express_links {
		width: 49%;
		margin-left: 1%;
	}

	#service-links .claims, #service-links .ers {
		width: 45%;
		margin-left: 5%;
	}
}

@media all and ( min-width: 768px ) {
	#primary-panel {
		min-height: 60rem;
		padding-bottom: 2rem;
	}

	#primary-panel.quote {
		height: 90rem;
		padding-bottom: 0;
	}

	#primary-panel.service {
		height: 100%;

	}

	#homepage_panels:not(.default) #primary-panel .main-area {
		position: relative;
		z-index: 0;
		margin-left: -12rem;
	}

	#homepage_panels:not(.default) #primary-panel.quote .main-area,
	#homepage_panels:not(.default) #primary-panel.recall .main-area {
		margin-left: 0;
		margin-right: 30%;
	}

	#service-contents {
		max-width: 80rem;
		margin: 0 auto;
	}

	#service-form, #service-links {
		float: left;
		clear: none;
		padding: 0 2rem;
		margin: 3rem 0 0 0;
	}

	#service-form {
		width: 51%;
	}

	#service-links {
		width: 49%;
		overflow: hidden;
		background-color: transparent;
		padding-left: 1rem;
	}

	#service-links .links div {
		width: 100%;
		margin-left: 0;
	}

	#service-links .express_links {
		min-width: 18rem;
	}


	#primary-panel .quick-links-bg {
		padding: 6rem 0;
	}

	.primary .small-gecko {
		display: none;
	}

	.primary .service .small-gecko {
		margin-top: 3rem;
		left: 35%;
	}

	#primary-panel .gecko.large_only {
		position: absolute;
		top: 10rem;
		left: 15%;
		width: 13rem;
	}

	#sidebar {
		position: absolute;
		top: 6rem;
		right: 0;
		z-index: 1;
		width: 25rem;
		background-color: #F7F7F7;
		padding: 2rem;
		border-bottom-left-radius: 0.5rem;
	}
	/* Dark mode adjustment */
	.dark #sidebar {
		background-color: #2B2B2F;
	}

	#sidebar .select-content p {
		font-size: 1.4rem;
		margin-bottom: 1rem;
	}

	#sidebar .select-box, #sidebar input {
		background-color: #FFF;
	}
	#sidebar .select-box select{
		border-color:#CDCDCD;
	}
	/* Dark mode adjustment */
	.dark #sidebar .select-box{
		background-color: #2B2B2F;
	}
	#sidebar .actions {
		overflow: hidden;
	}

	#sidebar input, #sidebar button {
		width: 100%;
	}

	#sidebar .login-links {
		width: 100%;
	}

	#sidebar .extra-info {
		overflow: hidden;
		margin-top: 0;
		padding: 0;
	}

	#sidebar .login-links .express_links, #sidebar .login-links .claims, #sidebar .login-links .ers {
		width: 100%;
		margin-left: 0;
	}
}

@media all and (min-width: 1000px) {
	#service-form {
		width: 53%;
	}

	#service-links {
		width: 47%;
	}
}

#primary-panel.quote,
#primary-panel.recall {
	padding-top: 1rem;
}

@media all and (min-width: 855px) {
    #homepage_panels:not(.default) #primary-panel.quote {
        height: 83rem;
    }
}

@media all and ( min-width: 900px ) {
	#homepage_panels:not(.default) #primary-panel .gecko.large_only {
		position: absolute;
		top: 2rem;
		left: 7%;
		width: 20rem;
	}

	#homepage_panels:not(.default) #primary-panel .main-area {
		margin-left: auto;
	}
}

#homepage_panels:not(.default) #primary-panel.quote .gecko.large_only,
#homepage_panels:not(.default) #primary-panel.recall .gecko.large_only {
	display: none;
}
#homepage_panels:not(.default) #primary-panel.recall .main-area div.main-area-wrap {
	margin: 0 auto;
    display: block;
    position: relative;
    width: 100%;
    max-width: 96rem;
}
@media all and ( min-width:768px ) {
	#homepage_panels:not(.default) #primary-panel.recall .main-area div.main-area-wrap {
		margin: 0;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
}
@media all and ( min-width:855px ) {
	#homepage_panels:not(.default) #primary-panel.quote .main-area,
	#homepage_panels:not(.default) #primary-panel.recall .main-area {
		margin-left: 0;
		margin-right: 16%;
	}

	#homepage_panels:not(.default) #primary-panel.quote .gecko.large_only,
	#homepage_panels:not(.default) #primary-panel.recall .gecko.large_only {
		display: block;
		top: 110px;
		left: 0;
		width: 18rem;
	}
}

@media all and ( min-width:990px ) {
	#homepage_panels:not(.default) #primary-panel.quote .main-area,
	#homepage_panels:not(.default) #primary-panel.recall .main-area {
		margin: 0 auto;
	}

	#homepage_panels:not(.default) #primary-panel.quote .gecko.large_only,
	#homepage_panels:not(.default) #primary-panel.recall .gecko.large_only {
		top: 75px;
		left: 5%;
		width: 250px;
	}
}

@media all and ( min-width:1080px ) {

	#homepage_panels:not(.default) #primary-panel.quote .gecko.large_only,
	#homepage_panels:not(.default) #primary-panel.recall .gecko.large_only {
		left: 0;
	}
}

#quote-area {
	padding: 1rem 0 0 0;
	clear: both;
}

#quote-area hr {
	max-width: 80rem;
	margin: 0 auto 3rem auto;
}

#quote-area .gecko.large_only {
	display: none;
}

#primary-panel.quote h1,
#primary-panel.recall h1,
#quote-area h1 {
	font-weight: bold;
	margin: 0;
	padding: 0;
	color:#333333;
}
/* Dark mode adjustment */
.dark #primary-panel.quote h1,
.dark #primary-panel.recall h1,
.dark #quote-area h1 {
	color:#fff;
}
#primary-panel.service h1 {
	/* font-size: 3rem; */
	margin: 1.2rem;
}

#primary-panel.service > div > h3,
#primary-panel.service #service-contents h3 {
	/* color: #707070; */
    margin-bottom: 3rem;
}

#primary-panel.quote .h2,
#primary-panel.recall .h2,
#quote-area .h2 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #86c651;
	margin: 0 0 1rem 0;
	padding: 0;
	color:#333333;
}
/* Dark mode adjustment */
.dark #primary-panel.quote .h2,
.dark #primary-panel.recall .h2,
.dark #quote-area .h2 {
	color:#fff;
}
#quote-area .h3 {
	text-align:center;
}

@media all and ( min-width:768px ) {
	#primary-panel.quote h1,
	#quote-area h1 {
		margin-top: 10px;
	}
	#primary-panel.recall h1{
		margin-top: 10px;
		max-width: calc(100vw - 300px);
	}
	#primary-panel.quote .h2,
	#primary-panel.recall .h2,
	#quote-area .h2 {
		margin: 0 0 2rem 0;
	}

	#quote-area .main-area {
		margin: 0 auto;
	}
}

#primary-panel.quote .circle,
#primary-panel.recall .circle,
#quote-area .circle {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

#quote_container {
	position: relative;
	overflow: auto;
	min-width: 300px;
	max-width: 320px;
	margin: 24px auto 10px auto;
	padding-bottom: 3rem;
    /* border-bottom: 1px solid #DDDDDD; */
}

@media all and ( min-width: 768px ) {
	#quote_container {
		margin: 40px auto 30px auto;
	}
}

#quote_container #quoteForm #product_inputs p {
	width:165px;
	white-space:normal;
}

#primary-panel:not(.recall) #selected_product {
	float:left;
}

#primary-panel.quote #selected_product p {
	width:130px
}

#primary-panel.quote .quote-form {
	float:right;
}

#primary-panel.quote #pagination div.circle {
	margin:20px 5px
}

@media all and (min-width: 768px) {
	#quote_container {
		max-width: 480px;
	}

	#primary-panel:not(.recall) #selected_product {
		float:none;
	}

	#primary-panel.quote #selected_product p {
		width:100%;
	}

	#primary-panel.quote .quote-form {
		float:none;
	}

	#primary-panel.quote #pagination div.circle {
		margin-top:20px
	}
}

#primary-panel #selected_product .selected-wrap {
	position: relative;
	background: #fff;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

#primary-panel #selected_product .selected-wrap .circle {
	position: absolute;
	right: 0;
	bottom: 6px;
	background: #fff;
	border: 2px #144995 solid;
	width: 20px;
	height: 20px;
}

#primary-panel #selected_product .selected-wrap .circle::before {
	content: " ";
	display: block;
	position: absolute;
	top: -6px;
	left: -6px;
	width: 20px;
	height: 20px;
	border: 4px #fff solid;
	border-radius: 50%;
	box-sizing: content-box;
}

#selected_product .selected-wrap .geico-icon {
	display: block;
	color: #144995;
	font-size: 60px;
	padding: 15px 0 0 0;
	width: 100px;
	height: 100px;
}

#primary-panel #selected_product .circle img.icon {
	width: 75px;
	padding-left: 22px;
}

#primary-panel #selected_product .selected-wrap .circle .icon {
	position: absolute;
	top: 3px;
	left: 2px;
	font-size: 12px;
}

#primary-panel.service #selected_product .circle,
#primary-panel.recall #selected_product .circle,
.dark #primary-panel.service #selected_product .circle,
.dark #primary-panel.recall #selected_product .circle {
	position: relative;
	background: #144995!important;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

#primary-panel.service #selected_product .circle .circle,
#primary-panel.recall #selected_product .circle .circle {
	position: absolute;
	right: 0;
	border: 3px #fff solid;
	width: 30px;
	height: 30px;
}

.service #selected_product .circle .icon,
.recall #selected_product .circle .icon {
	display: block;
	color: #FFFFFF;
	font-size: 60px;
	padding: 15px 0 0 20px;
}

#primary-panel.recall #selected_product .circle .icon {
	padding: 15px 0 0 4px;
}

#primary-panel.service #selected_product .circle img.icon,
#primary-panel.recall #selected_product .circle img.icon {
	width: 75px;
	padding-left: 22px;
}

#primary-panel.service #selected_product .circle .circle .icon,
#primary-panel.recall #selected_product .circle .circle .icon {
	font-size: 15px;
	padding: 4px 0 0 4px;
}

#primary-panel #selected_product p,
.dark #primary-panel #selected_product p {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #144995!important;
	margin-top: 3px;
}
#primary-panel.recall #selected_product p{
	color: unset!important;
}
#primary-panel #available_products {
	position: relative;
	max-width: 435px;
	height: 190px;
	overflow: hidden;
	margin: 0 auto;
}

#primary-panel #quote-area #available_products {
	height: 100px;
}

#primary-panel #available_products .product,
#product-modal .product {
	float: left;
	width: 33%;
	height: 94px;
	margin-bottom: 1px;
	text-align: center;
}

#primary-panel.recall #available_products,
#primary-panel.recall #available_products .product{
	height: unset;
}
#primary-panel.recall #available_products .product{
	margin-bottom: 2.5rem;
}

#product-modal .product {
	height: 104px;
}

#primary-panel #available_products .product.no-mobile {
	display: none;
}

@media all and ( min-width: 768px ) {
	#primary-panel #available_products .product.no-mobile {
		display: block;
	}
}

#product-modal .product:last-child {
	height: 100px;
}

#primary-panel #available_products .highlighted,
#product-modal .product.highlighted {
	font-weight: bold;
}

#primary-panel #available_products .product p {
	font-size: 13px;
}

#primary-panel #product_container .chevron.highlighted {
	font-weight: bold;
	color: #757374;
}

#primary-panel #available_products .highlighted .circle {
	background-color: #FAFAFA;
	border-width: 4px;
}
#primary-panel.service #available_products .highlighted .circle {
	background-color: unset;
}
#primary-panel #available_products .highlighted .circle .icon {
	padding: 7px 0 0 7px;
}

#primary-panel.service #available_products .highlighted .circle .icon,
#primary-panel.recall #available_products .highlighted .circle .icon {
	padding: 7px 0 0 1px;
}

@media all and ( min-width:768px ) {
	#primary-panel #available_products .product {
		width: 25%;
	}
	#product-modal .product {
		width: 100px;
		height: 110px;
	}
}

#primary-panel #available_products .product .circle {
	cursor: pointer;
	margin-bottom: 8px;
}

#primary-panel #available_products .product .icon-more-dots {
	transform: rotate(90deg);
}

#primary-panel #available_products .circle {
	width: 50px;
	height: 50px;
	border: 2px #000 solid;
	margin: 0 auto;
}

#primary-panel #available_products .circle .icon,
#quote-area #available_products .circle .icon {
	display: block;
	color: #000;
	font-size: 27px;
	padding: 10px 0 0 10px;
}

#primary-panel.service #available_products .circle .icon,
#primary-panel.recall #available_products .circle .icon {
	padding: 10px 0 0 1px;
}

#primary-panel #available_products .circle img.icon {
	padding: 7px 0 0 9px;
}

#primary-panel .products #auto .circle, #primary-panel .products #auto .icon { border-color: #144995; color: #144995; }
#primary-panel .products #home .circle, #primary-panel .products #home .icon { border-color: #569cd5; color: #569cd5; }
#primary-panel .products #renters .circle, #primary-panel .products #renters .icon { border-color: #a893c6; color: #a893c6; }
#primary-panel .products #condo .circle, #primary-panel .products #condo .icon { border-color: #fcb116; color: #fcb116; }
#primary-panel .products #motorcycle .circle, #primary-panel .products #motorcycle .icon { border-color: #f4815e; color: #f4815e; }
#primary-panel .products #boat .circle, #primary-panel .products #boat .icon { border-color: #79c143; color: #79c143; }
#primary-panel .products #umbrella .circle, #primary-panel .products #umbrella .icon { border-color: #309fb0; color: #309fb0; }
#primary-panel .products #atv .circle, #primary-panel .products #atv .icon { border-color: #569cd5; color: #569cd5; }
#primary-panel .products #rv .circle, #primary-panel .products #rv .icon { border-color: #a893c6; color: #a893c6; }
#primary-panel .products #collector .circle, #primary-panel .products #collector .icon { border-color: #fcb116; color: #fcb116; }
#primary-panel .products #mobilehome .circle, #primary-panel .products #mobilehome .icon { border-color: #79c143; color: #79c143; }
#primary-panel .products #flood .circle, #primary-panel .products #flood .icon { border-color: #f4815e; color: #f4815e; }
#primary-panel .products #businessowners .circle, #primary-panel .products #businessowners .icon { border-color: #309fb0; color: #309fb0; }
#primary-panel .products #general .circle, #primary-panel .products #general .icon { border-color: #569cd5; color: #569cd5; }
#primary-panel .products #professional .circle, #primary-panel .products #professional .icon { border-color: #a893c6; color: #a893c6; }
#primary-panel .products #workerscompensation .circle, #primary-panel .products #workerscompensation .icon { border-color: #f4815e; color: #f4815e; }
#primary-panel .products #commercial .circle, #primary-panel .products #commercial .icon { border-color: #fcb116; color: #fcb116; }
#primary-panel .products #life .circle, #primary-panel .products #life .icon { border-color: #79c143; color: #79c143; }
#primary-panel .products #rideshare .circle, #primary-panel .products #rideshare .icon { border-color: #f4815e; color: #f4815e; }
#primary-panel .products #travel .circle, #primary-panel .products #travel .icon { border-color: #309fb0; color: #309fb0; }
#primary-panel .products #overseas .circle, #primary-panel .products #overseas .icon { border-color: #569cd5; color: #569cd5; }
#primary-panel .products #idtheft .circle, #primary-panel .products #idtheft .icon { border-color: #a893c6; color: #a893c6; }
#primary-panel .products #pet .circle, #primary-panel .products #pet .icon { border-color: #fcb116; color: #fcb116; }
#primary-panel .products #jewelry .circle, #primary-panel .products #jewelry .icon { border-color: #79c143; color: #79c143; }
#primary-panel .products #landlord .circle, #primary-panel .products #landlord .icon { border-color: #f4815e; color: #f4815e; }
#primary-panel .products #mexicoAuto .circle, #primary-panel .products #mexicoAuto .icon { border-color: #4ba449; color: #4ba449; }

#primary-panel.service .products #renters .circle, 
#primary-panel.service .products #home .circle,
#primary-panel.service .products #condo .circle,
#primary-panel.service .products #umbrella .circle {
	border: none;
	color: unset;
}
#primary-panel.service .products .product.selected .geico-icon,
#primary-panel.recall .products .product.selected .geico-icon {
	color: #000000;
	cursor:default;
}
.dark #primary-panel.service .products .product.selected .geico-icon,
.dark #primary-panel.recall .products .product.selected .geico-icon {
	color: #FFFFFF;
}

#primary-panel #available_products .selected p {
	font-weight: bold;
}

#primary-panel #product_container {
	position: relative;
	max-width: 480px;
	margin: 0 auto;
}

#primary-panel #product_container .chevron {
	position: absolute;
	top: 75px;
	z-index: 9;
	color: #CDCDCD;
	font-size: 30px;
	cursor: pointer;
}

#primary-panel #quote-area #product_container .chevron {
	top: 20px;
}

#primary-panel #product_container .icon-chevron-left {
	display: none;
	float: left;
	left: 0;
}

#primary-panel #product_container .icon-chevron-right {
	float: right;
	right: 0;
}

#primary-panel #pagination {
	overflow: auto;
	margin: 0 auto;
}

#primary-panel.quote #pagination {
	width: 100px;
}

#primary-panel.recall #pagination {
	width: 40px;

}

#primary-panel #pagination .circle {
	float: left;
	background: #CDCDCD;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 20px 5px 0 5px;
}

#primary-panel #pagination .circle.selected {
	background: #757374;
}

#primary-panel .promotional-panel .btn {
	width: 280px;
	white-space: normal;
}

@media all and ( min-width:768px ) {
	#primary-panel.quote #pagination,
	#pagination #quote-area {
		width: 80px;
	}

	#primary-panel #pagination div:nth-child(5) {
		display: none;
	}

	#primary-panel #pagination .circle {
		margin: 30px 5px 0 5px;
	}
}

#primary-panel.quote .quote-form,
#primary-panel.recall .recall-form {
	overflow: auto;
	margin: 20px auto 5px;
}

#primary-panel.quote .quote-form,
#quote-area.quote .quote-form {
	max-width: 354px;
}

#quote-area.quote .quote-form {
	overflow: auto;
	margin: 20px auto 5px;
	padding: 0.5rem 0 0.5rem 0;
}

#primary-panel.recall .recall-form {
	width: 100%;
}

#primary-panel .quote-form p {
	position: relative;
}

#primary-panel .quote-form #geolocation {
	position: absolute;
}

#primary-panel.quote .quote-form #insurancetype,
#quote-area.quote .quote-form #insurancetype {
	display: none;
}

#primary-panel.recall .recall-form #insurancetype, #primary-panel.recall .recall-form .select-box {
	display: none;
}

#primary-panel form p {
	margin: 0 0 1rem 0;
}

#primary-panel.recall .recall-form .btn {
	margin: 0 0 2rem 0;
	float: none;
}

#primary-panel.recall .recall-form #startNewButton {
	display: none;
}

#primary-panel.recall .recall-form #startNewButton.show {
	display: inline-block;
}

@media all and ( min-width:480px ) {
	#primary-panel.recall .recall-form {
		position: relative;
	}

	#primary-panel.service .select-content .btn {
		float: right;
		clear: none;
	}

	#primary-panel.service #homepage_manage_commercial_form .btn {
		float: none;
	}

	#primary-panel.recall .recall-form #startNewButton {
		margin-top: 1.6rem;
		margin-bottom: 1rem;
	}
}

@media all and ( min-width:768px ) {
	#primary-panel.quote .quote-form #product_inputs p,
	#quote-area.quote .quote-form #product_inputs p {
		width: 155px;
		white-space: normal;
	}

	#primary-panel.quote .quote-form p #geolocation,
	#quote-area.quote .quote-form p #geolocation {
		top: 12px;
		right: 18px;
	}
}

#primary-panel.quote #submitButton,
#quote-area.quote #submitButton {
	width: 15.6rem;
}

@media all and ( min-width:768px ) {
	#primary-panel.quote #submitButton,
	#quote-area.quote #submitButton {
		/* width: 17.2rem; */
		/* Above line gives issues on firefox*/
	}
}

#quote-area.quote #zip {
	margin-bottom: 1rem;
}

#primary-panel.quote #submitButton {
	margin-right: 0;
	margin-bottom: 0;
}

@media all and ( min-width:768px ) {
	#primary-panel.quote .quote-form {
		margin: 20px auto;
	}

	#quote-area.quote .quote-form {
		margin: 30px auto 5px;
	}

	#primary-panel.quote form p,
	#quote-area form p {
		float: left;
		margin: 0;
	}

	#primary-panel .zip-code-input {
		margin: 0;
	}

	.quote-form #submitButton {
		float: right;
		margin-right: 0;
	}

	#quote-area.quote #zip{
		margin-bottom: 1rem;
	}

	.quote-form .form-field.geozip {
		float: left;
		margin-bottom: 0;
	}
}

#primary-panel.quote #additional_links,
#quote-area.quote #additional_links {
	margin: 0 auto;
}

@media all and ( min-width:768px ) {
	#primary-panel.quote #additional_links {
		min-width: 320px;
		max-width: 45%;
		margin-top: 10px;
	}

	#primary-panel.quote #additional_links #recall_link,
	#quote-area #additional_links #recall_link {
		float: left;
	}

	#primary-panel.quote #additional_links #agents_link,
	#quote-area #additional_links #agents_link {
		float: right;
	}

	#quote-area.quote #submitButton {
		display: block;
		margin: 0 auto;
	}

	#quote-area #additional_links {
		min-width: 320px;
		max-width: 45%;
		margin-top: 50px;
	}
}

#service_container {position: relative; overflow:auto; min-width:300px; max-width: 320px;margin: 0px auto;}
#service_container #quoteForm #product_inputs p {width:165px;white-space:normal;}
#quote-area.quote #selected_product p {width:115px}
#quote-area.quote .quote-form {float:right;}
#quote-area.quote #pagination div.circle {margin:20px 5px}
@media all and (min-width: 768px) {
    #service_container { max-width: 480px}
    #selected_product {float:none;}
    #quote-area.quote #selected_product p {width:100%}
    #quote-area.quote .quote-form {float:none; margin:20px auto 20px auto;}
    #quote-area.quote #pagination div.circle {margin-top:20px}
}

#app-promo {
	padding-top: 30px;
	text-align: center;
}

#app-promo img {
	padding: 10px 0;
}
/***
	End main panels
***********************/

/***********************
    Zip Code Required Error Msg helper classes
***/
#zip.err {
  border-color: #b6091a;
  border-width: 0.2rem
} 
#quoteForm form-field--error { 
  float: left;
  margin-left: 10px;
}
#quoteForm .form-field--error .form-message { 
  margin-bottom: 0.5rem;
  text-align: center;
}

/***********************
    Claims center section CTA
***/

#primary-panel.quote .claims-center-section {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #dedede;
    text-align: center;
}

#primary-panel.service .claims-center-section {
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: center;
}

.claims-center-section .geico-icon {
    font-size: 60px;
    padding: 15px 0 0 0;
    width: 100px;
    height: 100px;
    min-width: 100px;
}

.claims-center-section .btn,
.claims-center-section .btn:active {
    display: block;
}

@media all and (min-width: 768px) {
	#primary-panel.quote .claims-center-section {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        width: 100%;
    }

    #primary-panel.service .claims-center-section {
        border-left: 1px solid #dedede;
    }

    .claims-center-section .claims-center-report-heading {
        margin: 0 5rem 0 2rem;
    }
}

/***
    End Claims center section CTA
***********************/

/***********************
	Promotional bar
***/

.promotions {
	background: #f7f7f7;
}
/* Dark mode adjustment */
.dark .promotions {
	background: #2B2B2F;
}
.promotions > .container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.promotions:not(.recall) .container {
	max-width: 120rem;
}

.promo {
	width: 30rem;
	padding: 0 1rem;
}

.promo.hide {
	display: none;
}

.promo h3 ~ * {
	margin-top: 1rem;
	margin-left: 8rem;
}

@media all and ( min-width: 600px ) {
	.promo {
		width: 50%;
	}
}

@media all and ( min-width: 900px ) {
	.promo {
		width: 33%;
	}
}

@media all and ( min-width: 1200px ) {
	.promo {
		width: 25%;
	}
}

/***
	End Promotional bar
***********************/

/***********************
	Promotional bar (recall page)
***/

.promotions.recall > .container {
	padding-top: 3rem;
}

.promotions.recall .container .promo {
	text-align: center;
} 

.promotions.recall .container .promo h1 {
	margin: 0;
	color: #3773ca;
}

.promotions.recall .container .promo p {
	margin: 0 auto 20px; max-width: 210px;
}

.promotions.recall .container .promo img {
	margin-bottom: 15px;
}

.promotions.recall hr {
	width: 80%;
	margin: 1em auto;
}

.promotions.recall .promo-other-reasons {
	color: #3773ca;
	text-align: center;
	margin-bottom: 30px;
}

.promotions.recall .container .promo-disclaimer {
	margin: 4rem 0;
	text-align: center;
}

.promotions.recall .container .promo-disclaimer p {
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-bottom: 1rem;
} 

/***
	End Promotional bar (recall page)
***********************/

/***********************
	Promotional panels
***/
.promotional-panel {
	margin: 0 auto;
	padding: 3rem 1rem;
}

.promotional-panel .headline {
	position: relative;
	border-bottom: 2px solid #ffffff;
	padding-bottom: 2rem;
}

.promotional-panel .headline > * {
	display: table-cell;
	vertical-align: middle;
}

.promotional-panel .headline h2 {
	width: 100%;
	padding-right: 2rem;
}

.promotional-panel .headline .icon {
	display: none;
	color: #FFFFFF;
	font-size: 3.2rem;
}

.promotional-panel .intro {
	margin: 2rem auto;
}

.promotional-panel .center {
	text-align: center;
}

.promotional-panel .btn, .promotional-panel .btn:active {
	display: block;
	width: 20rem;
	margin: 0.5rem auto 0;
}

.promotional-panel .footnote {
	text-align: center;
	font-size: 1.2rem;
	margin: 3rem 3rem 0 3rem;
}

@media all and ( min-width: 480px ) {
	.promotional-panel .headline .icon {
		display: block;
	}
}

@media all and ( min-width: 768px ) {
	.promotional-panel {
		max-width: 960px;
		padding-right: 4rem;
	}
}



/***
	Promotional Panels - Split sections
***/
.split-section {
	margin: 3rem auto;
	overflow: hidden;
}

.split-section > div {
	position: relative;
	padding: 1rem;
}

.split-section div img {
	display: block;
	margin: 0 auto;
	width: 19.5rem;
}

.split-section li {
	overflow: auto;
	margin: 1.6rem 0;
	padding-top: 2rem;
	display: table;
}

.split-section li > * {
	vertical-align: middle;
	display: table-cell;
}

.split-section .icon {
	color: #FFFFFF;
	font-size: 2rem;
	margin: 0 2rem 0 0;
}

@media all and ( min-width: 480px ) {

	.split-section .icon {
		font-size: 3.2rem;
	}
}

@media all and ( min-width: 768px ) {
	.split-section {
		margin: 2rem auto;
	}

	.split-section > div {
		display: table-cell;
		vertical-align: middle;
		position: relative;
		width: 50%;
	}

	.split-section div img {
		float: right;
		width: 100%;
		max-width: 32.4rem;
		margin: 0;
	}

	.split-section .split-image {
		width: 40%;
		padding: 5%;
	}

	.split-section .split-text {
		width: 60%;
	}
}


/***
	End promotional panels sections
***********************/

/***********************
	Default bundling panels
***/

#primary-panel #section1heading {
    margin: 10px auto 20px;
    height: 32px;
    color: rgb(34, 34, 34);
    font-weight: bold;
    text-align: center;
    letter-spacing: 0px;
}
/* Dark mode adjustment */
.dark #primary-panel #section1heading {
	color: #fff;
}

.headline-zip {
	width: 30rem;
	margin: 0 auto;
}

.headline-zip.hide {
	display: none;
}

#primary-panel.quote #section1heading {
	height: auto;
	margin-bottom: 1rem;
}

#primary-panel.quote .headline-zip p {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 1rem;
}

.headline-zip #zip_service {
	display: flex;
}

.headline-zip #zip_service #zipCodeService {
	margin-right: 1rem;
}

.headline-zip #zip_service #zipCodeService #ssp-service-zip {
	margin-bottom: 2rem;
	width: 20rem;
}
.headline-zip #zip_service #zipCodeService #ssp-service-zip.error{
	border-color: #E00B20;
}
.headline-zip #zip_service #geolocation {
	left: auto;
	right: 0.2rem;
}

.headline-zip .zip-code-form {
	width: auto;
}

.headline-zip #zipCode #geolocation {
	left: 16rem;
}

.headline-zip .zip-collected-message {
	display: none;
	font-weight: bold;
}

#quote_container {
    margin: 0 auto;
    display: block;
    position: relative;
    width: 100%;
    max-width: 96rem;
}

@media all and (min-width: 768px) {
	#quote_container {
		margin: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}

.gecko-waving {
	display: none;
}

@media all and (min-width: 768px) {
	.gecko-waving {
		display: block;
		align-self: flex-start;
		width: calc(50% - 6rem);
		margin-top: 5rem;
		margin-right: 4%;
		border-radius: 50%;
		box-shadow: 0 1.5rem 2rem 0 rgba(0, 0, 0, 0.2);
	}
}
@media all and (min-width: 855px) {
	#primary-panel.recall .container .gecko-waving {
		margin-top: 15rem;
	}
}
@media all and (min-width: 1360px) {
	#primary-panel.recall .container .gecko-waving {
		margin-top: 5rem;
	}
}

#quote_container .selected-wrap {
    margin: 2rem auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    max-width: 36rem;
}

#quote_container .selected-wrap.default {
	margin: 0 auto;
}

#quote_container .selected-wrap.default #product-banner,
#quote_container .selected-wrap.default #external_disclaimer,
#quote_container .selected-wrap.default #zipCode,
#quote_container .selected-wrap.default #submitBtn,
#quote_container .selected-wrap #external_disclaimer.hide-partners .external_company_wrapper {
	display: none !important;
}

#quote_container .selected-wrap.default.auto-only #product-banner {
	display: block !important;
}

#quote_container .selected-wrap:not(.default) #bundleModalBtn {
	display: none;
}

#quote_container #quoteForm {
    float: none;
}

#quote_container #quoteForm .gecko-small {
    width: 8rem;
    position: absolute;
    top: 0;
    right: 7px;
    display: none;
}

@media all and (min-width: 768px) {
	#quote_container #quoteForm .gecko-small {
		display: none;
	}
}

#quote_container #quoteForm #geolocation {
	left: 16rem;
}

#quote_container .selected-wrap .icons {
    margin-right: 10px;
    display: inline-block;
}

#quote_container .selected-wrap .products {
    display: inline-block;
}

#icon.icon-coverage {
    color: #4ba449;
    font-size: 5.7rem;
}

#icon-text {
    color: rgb(34, 34, 34);
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 43.13px;
}
/* Dark mode adjustment */
.dark #icon-text {
	color: #fff;
}

#zipCode .zip-code-form,
#zipCode2 .zip-code-form {
    width: 200px;
    margin: 0 auto;
}

#zipCode .zip-code-form input[type="tel"].zip-code-input, 
#zipCode2 .zip-code-form input[type="tel"].zip-code-input {
    width: 200px;
    margin-bottom: 20px;
}

#primary-panel form p.zip-code-reminder .icon-navigation-arrow {
    color: #757374;
    font-size: 20px;
    margin-right: 0.5rem;
}

#primary-panel form p.zip-code-reminder {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #757374;
    font-size: 14px;
    margin-bottom: 1.5rem;
    text-align: center;
}

.checkbox-bundle {
    display: none;
}
#checkbox-holder-1 {
    height: 60px;
    margin-bottom: 15px;
}

#primary-panel .checkbox-bundle .bundle-text {
    text-align: left;
    color: rgb(75, 164, 73);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
}

#quoteForm .view-more-products {
	text-align: center;
}

@media all and (min-width: 480px) {
	#quoteForm .view-more-products {
		font-size: 1.6rem;
	}
}

@media all and (min-width: 768px) {
	#primary-panel #quoteForm .view-more-products {
		margin-bottom: 1rem;
	}
}

#submitBtn,
#bundleModalBtn {
	width: 100%;
	text-align: center;
}

#bundleModalBtn {
	margin-top: 1rem;
}

#bundleModalBtn p {
	line-height: 1.5;
}

#submitBtn .btn,
#bundleModalBtn .btn {
	margin-bottom: 0;
}

#primary-panel form .text-message {
	display: none;
	width: 100%;
    height: 19px;
    color: rgb(34, 34, 34);
    font-size: 16px;
    line-height: 2rem;
    font-weight: bold;
    letter-spacing: 0px;
    margin-bottom: 30px !important;
    position: relative;
    z-index: 1;
}
/* Dark mode adjustment */
.dark #primary-panel form .text-message {
	color: #fff;
}

#primary-panel form .text-message.error {
	color: #E00B20;
}
.tagline-gecko-container,
.product-cards {
	width: 100%;
	max-width: 30rem;
}

@media all and (min-width: 375px) {
	.tagline-gecko-container,
	.product-cards {
		max-width: 33rem;
	}
}

@media all and (min-width: 480px) {
	.tagline-gecko-container,
	.product-cards
	{
		max-width: 36rem;
	}
}

@media all and (min-width: 768px) {
	#quoteForm {
		max-width: 36rem;
	}
}

.tagline-gecko-container {
	position: relative;
	margin: 0 auto;
}

@media all and (min-width: 768px) {
	.tagline-gecko-container {
		padding-top: 0;
	}
}

.product-cards {
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media all and (min-width: 768px) {
	.product-cards {
		margin: 0;
	}
}

.product-cards .card {
	overflow: hidden;
	border: 2px solid #E9E9E9;
	border-radius: 1rem;
	box-shadow: 0 1.5rem 1rem 0 rgba(0, 0, 0, 0.05);
	width: 9rem;
	height: 16.6rem;
	margin-right: 1.1rem;
	margin-bottom: 2.5rem;
	cursor: pointer;
	transition: background .2s, border-color .2s;
}

@media all and (min-width: 375px) {
	.product-cards .card {
		width: 10rem;
	}
}

@media all and (min-width: 480px) {
    .product-cards .card {
    	width: 11rem;
    }
}

@media all and (min-width: 480px) {
    .product-cards .card {
    	height: 17.6rem;
    }
}

.product-cards .card.extra,
.product-cards > div:nth-of-type(3) {
	margin-right: 0;
}
#primary-panel.recall #available_products.product-cards > div:nth-of-type(3){
	margin-right:1.1rem;
}
#primary-panel.recall .product-cards .card .icon-container.geico-icon{
	padding-top: 2rem;
	color: #0066FF;
}
#primary-panel.recall .product-cards .card.selected .geico-icon {
	color: #000;
}
.product-cards .card.selected {
	background: #F5F8FC;
	border-color: #3773CA;
}

/* Dark mode adjustment */
.dark .product-cards .card.selected {
	background: #154995;
}
/*.dark .product-cards .card.selected p{
	color: #222;
}*/

.product-cards .card.disabled {
	opacity: 0.5;
	cursor: default;
}

.product-cards .card.hidden {
	display: none;
}

.product-cards .card .icon-container {
	background: #EDEDED;
	width: calc(100% - 0.4rem);
	height: 8.4rem;
	margin: 0 auto 1.2rem;
	border-radius: 0.8rem;
	position: relative;
	top: 0.2rem;
}

@media all and (min-width: 768px) {
	.product-cards .card .icon-container {
		height: 9.4rem;
	}
}

/* Dark mode adjustment */
.dark .product-cards .card .icon-container {
	background: #333;
}

.product-cards .card .icon-container .product-checkbox {
	width: 2rem;
	height: 2rem;
	border: 1px solid #222;
	background: #fff;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	border-radius: 0.5rem;
}

.product-cards .card.selected .icon-container .product-checkbox {
	border-color: #3773CA;
	background: #3773CA;
}

.product-cards .card .icon-container > span {
	display: block;
	color: #0066FF;
	font-size: 4rem;
	width: 4rem;
	position: relative;
	top: 3.1rem;
	left: calc(50% - 2rem);
}

@media all and (min-width: 480px) {
    .product-cards .card .icon-container > span {
    	font-size: 5rem;
		width: 5rem;
		top: 2rem;
		left: 2.7rem;
    }
}

@media all and (min-width: 768px) {
    .product-cards .card .icon-container > span {
		top: 2.8rem;
    }
}

.product-cards .card .icon-container .product-checkbox span {
	display: none;
}

.product-cards .card.selected .icon-container .product-checkbox span {
	display: block;
	color: #ffffff;
	margin: 2px;
	font-size: 14px;
}

.product-cards .card p {
	display: flex;
	width: 100%;
	height: 6rem;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.5;
}

@media all and (min-width: 480px) {
    #primary-panel .product-cards .card p,
    .product-cards .card p {
    	font-size: 1.6rem;
    }
}

.stroke-separator {
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color:
        rgba(0, 0, 0, 0.15);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 232px;
    height: 2px;
    border: 1px solid rgb(235, 241, 249);
}

#main .claims-center-section {
    text-align: center;
    width: 95%;
    max-width: 345px;
    margin: 0 auto;
    display: block;
}

#gecko.default {
    display: none;
}

/* Modal Window Styling */
@media all and ( min-width: 769px ) {
	#product-modal .modal-container {
		max-width: 58rem;
	}
}
#product-modal .content-container {
	max-width: 48rem;
	margin: 0 auto;
}

#product-modal h2,
#product-modal p {
	text-align: center;
}

#product-modal h2 {
	margin-bottom: 2rem;
}

#product-modal p {
	font-weight: bold;
	font-size: 15px;
	line-height: 2rem;
	margin-bottom: 1rem;
}

#product-modal .product-list {
    width: 24rem;
    margin: 0 auto 2rem;
}

#product-modal .card {
    width: 100%;
    max-width: 23rem;
    height: 55px;
    background: rgb(255, 255, 255);
	border: 2px solid
    rgba(55, 115, 202, 0.5);
    border-radius: 4.53px;
    display: flex;
    align-items: center;
    margin: 0 0 1rem 0;
    cursor: pointer;
}
/* Dark mode adjustment */
.dark #product-modal .card {
	background: #2B2B2F;
}
#product-modal .card span {
    font-size: 22px;
    margin-left: 10px;
    margin-right: 7px;
    color: #0066FF;
}

#product-modal .card p {
    margin: 0 !important;
    font-weight: 700;
    text-align: left;
}

@media all and ( min-width: 550px ) {
	#product-modal h2,
	#homepage_panels.default #product-modal p {
		text-align: left;
	}

	#product-modal .product-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#product-modal .card {
		margin-right: 1rem;
	}
}

.main-area.default.container #recall-links {
	display: none;
	text-align: center;
}

.main-area.default.container #recall-links.mobile {
	display: block;
}

.stroke-separator.stroke-separator--vertical {
	display: none;
}

#product-banner {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
}

#product-banner .products {
	text-align: center;
}

@media all and (min-width: 768px) {
    #primary-panel #section1heading {
        color: rgb(34, 34, 34);
        font-weight: bold;
        text-align: left;
        letter-spacing: 0px;
        margin-top: 2rem;
        margin-bottom: 20px;
    }

    #primary-panel.quote .subheading {
    	text-align: left;
    }

    #primary-panel .font--center.h3 {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 45px;
    }

    #primary-panel.quote form p,
    #quote-area form p {
        float: none;
    }

    #recall-links p {
        margin: 1rem 0.5rem !important;
        display: inline-block !important;
    }

    #main .claims-center-section.default {
        width: 100%;
        max-width: 575px;
        display: flex;
        align-items: center;
        text-align: left;
        margin-bottom: 2rem;
    }

    #product-modal h2 {
        margin-left: 0;
    }

    /* RESET */
    #primary-panel.quote {
        height: auto;
    }
}

#bundle_modal .modal-container {
	max-width: 76rem
}

#bundle_modal .modal-headline {
	margin-bottom: 1rem;
}

#bundle_modal .modal-content:after {
	margin-bottom: 8rem;
}

#bundle_modal label {
	display: block;
	margin-bottom: 1rem;
}

#bundle_modal .bundle-top-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 31rem;
	margin-bottom: 1rem;
}

@media all and (min-width: 480px) {
	#bundle_modal .bundle-top-container {
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
}

@media all and (min-width: 600px) {
	#bundle_modal .bundle-top-container {
		align-items: flex-start;
		max-width: 60rem;
	}

	#bundle_modal .bundle-top-container .bundle-zip-container {
	}
}

#bundle_modal .bundle-top-container .bundle-zip-container .zip-code-input {
	margin-bottom: 1rem;
}

#bundle_modal .bundle-top-container .gecko-hands-up {
	width: 13rem;
	border-radius: 50%;
	box-shadow: 0 1.5rem 2rem 0 rgba(0, 0, 0, 0.2);
}

@media all and (min-width: 600px) {
	#bundle_modal .bundle-top-container .gecko-hands-up {
		width: 20rem;
		margin-right: 2rem;
	}

	#bundle_modal .bundle-bottom-container {
		margin-top: -13rem;
		max-width: 34rem;
	}

	#primary-panel #bundle_modal .bundle-bottom-container p {
		margin-bottom: 1rem;
	}
}

#bundle_modal .product-cards {
	justify-content: flex-start;
	margin-left: 0;
	margin-right: 0;
}

#bundle_modal .product-cards p {
	padding-right: 0;
}

@media all and (min-width: 600px) {
	#bundle_modal .product-cards {
		min-width: 40rem;
	}
}

/***
	End default bundling panels sections
***********************/

#special-announcement {
  background-color: #ededed;
  padding: 1.5rem 0;
  font-size: 18px;
  width: 100%;
  text-align: center;
}
/* Dark mode adjustment */
.dark #special-announcement {
	background-color: #000;
}

#doubleClick {
	display: none;
}

/**********************
	GeoTarget Message (Service)
***********************/
#primary-panel.service.geo-message {
    padding-top: 3rem;
}
#primary-panel.service.geo-message > div > h1 {
    color: #3773ca;
}
#primary-panel.service.geo-message > div > h3 {
    margin-bottom: 3rem;
    margin-left: 2rem;
    margin-right: 2rem;
    color: #222;
}
/* Dark mode adjustment */
.dark #primary-panel.service.geo-message > div > h3 {
	color: #fff;
}
@media all and (min-width: 768px) {
    #primary-panel.service.geo-message > div > h3 {
        margin-top: 3rem;
        margin-bottom: 6rem;
    }
}
#geo-highlight {
    margin: 0 3rem;
    max-width: 47rem;
}
@media all and (min-width: 520px) {
    #geo-highlight {
        margin: 0 auto;
        max-width: 47rem;
    }
}
#geo-highlight .navigational-box {
    /*border: none;
    background-color: #f0f6ff;*/
}
@media all and (min-width: 375px) and (max-width: 400px) {
    #geo-highlight .navigational-box-content-wrapper {
        padding: 2rem 1.7rem;
    }
    #geo-highlight .navigational-box p {
        font-size: 1.5rem;
    }
}
@media all and (min-width: 571px) {
    #geo-highlight .navigational-box-content-wrapper {
        padding: 2rem 2.8rem;
    }
}
#geo-highlight .navigational-box-content-wrapper-left {
    display: flex;
    align-items: center;
}
#geo-highlight .geico-icon--alert-indicator::after {
    bottom: 0;
    padding-top: 0.1rem;
    padding-left: 0.1rem;
    background-color: #3c823a;
    border: 1px solid #fff;
    content: '\e208';
    font-size: 1.1rem;
}
@media all and (min-width: 375px) {
    #geo-highlight .navigational-box-content span {
        display: inline-block;
        /*width: 6rem;*/
        margin-right: 1.6rem;
    }
}
@media all and (min-width: 571px) {
    #geo-highlight .navigational-box-content span {
        margin-right: 2.8rem;
    }
}
#geo-highlight .stroke-separator {
    display: none;
}
#geo-highlight .icon-chevron-link {
    text-decoration: none;
}
#geo-highlight a {
    text-decoration: none;
}

#primary-panel.service.geo-message #service-contents {
    margin-top: 3rem;
}
/**********************
	End GeoTarget Message (Service)
**********************/

body .gabby-wrapper .gabby-intro-bubble,
body .gabby-wrapper .icon-close {
	display: none;
}

/*@media all and (min-width: 480px) {
	body .gabby-wrapper .gabby-intro-bubble {
		display: block;
	}

	body .gabby-wrapper .icon-close {
		display: flex;
	}
}*/

#spanish_internal_quote_modal {
	z-index: 2000;
}

#external_disclaimer_quote_modal[data-product="flood"] .flood-content + p {
	display: none;
}

/*********************************************
	New 2021 bottom content redesign styles
**********************************************/
.bottom-content {
	padding-bottom: 4rem;
}

.bottom-content section {
	padding: 4rem 0;
	max-width: 40rem;
	margin: 0 auto;
}

@media all and (min-width: 600px) {
	.bottom-content section {
		max-width: none;
	}
}

.bottom-content h2 {
	margin-bottom: 2rem;
}

.bottom-content .h3 {
	margin-bottom: 2rem;
}

.bottom-content .header-subtext {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 0.5rem;
	margin-bottom: 1.8rem;
}
@media all and (min-width: 768px) {
	.bottom-content .header-subtext {
		font-size: 2.2rem;
	}
}
/* insurance promotions section */
@media all and (min-width: 600px) {
	.ins-promos-container {
		display: flex;
		flex-wrap: wrap;
	}
}

.ins-promo {
	border: 1px solid #DDDDDD;
	border-radius: 1rem;
	box-shadow: 0 0.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin-bottom: 2rem;
	position: relative;
}

@media all and (min-width: 600px) {
	.ins-promo {
		width: calc(50% - 1rem);
	}

	.ins-promo:nth-child(odd) {
		margin-right: 2rem;
	}
}

.ins-promo img {
	width: 100%;
}

.ins-promo a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

.ins-promo-content {
	padding: 2rem 2rem 5rem 2rem;
}

.ins-promo-content p {
	color: #222222;
}
/* Dark mode adjustment */
.dark .ins-promo-content p {
	color: #fff;
}

.ins-promo-cta {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #F5F8FC;
	border-top: 1px solid #DDDDDD;
	padding: 1rem;
}

.ins-promo-cta p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/* stats section */
.stats-container .stat {
	text-align: center;
	margin-top: 3rem;
	border-bottom: 1px solid #C4D1E4;
}

.stats-container .stat:last-child {
	border-bottom: none;
}

.stats-container .stat .stat-large {
	margin-bottom: 0;
	font-size: 4rem;
	font-weight: bold;
	line-height: 1.5;
}

@media all and (min-width: 600px) {
	.stats-container {
		display: flex;
		margin-top: 3rem;
	}

	.stats-container .stat {
		margin-top: 0;
		width: 33.33%;
		border-bottom: none;
		border-right: 1px solid #C4D1E4;
		padding: 2rem 1rem 0;
	}

	.stats-container .stat:last-child {
		border-right: none;
	}
}

/* quick links */
.circle-container {
	background: #C8F5F5;
	border-radius: 50%;
	width: 100%;
	max-width: 35rem;
	margin: 0 auto 3rem;
	position: relative;
}

.circle-container.geico-service {
	display: none;
}

@media all and (min-width: 768px) {
	.circle-container.geico-service {
		display: block;
	}
}

.circle-container.mobile-app {
	background: #F7DCFC;
}

.circle-container.living {
	background: #FFF8C0;
	max-width: 30rem;
}

.circle-container:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.circle-container img {
	width: 90%;
	position: absolute;
	top: 5%;
	left: 5%;
}

.circle-container.geico-service img {
	border: 1rem solid #FFFFFF;
	border-radius: 1rem;
	box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
}

.circle-container.mobile-app img {
	width: 70%;
	top: -13%;
	left: 15%;
}

@media all and (min-width: 768px) {
	.circle-container.mobile-app img {
		top: -15%;
	}
}

.circle-container.living img {
	width: 70%;
	top: 15%;
	left: 15%;
}

@media all and (min-width: 768px) {
	.quick-links {
		display: flex;
		align-items: center;
	}

	.circle-container {
		width: 45%;
		max-width: none;
		margin: 0 5% 0 0;
	}

	.quick-links-container {
		width: 50%;
	}

	.circle-container.living {
		width: 35%;
		max-width: none;
		margin: 0 auto
	}
}

.quick-links .navigational-box-wrapper {
	margin-bottom: 1rem;
}

/* mobile app section */
.mobile-app-outer-container > .circle-container {
	display: none;
}

.mobile-app-center-container {
	display: flex;
	align-items: center;
	padding: 2rem 0;
}

.mobile-app-center-container .mobile-app-features {
	width: calc(50% - 2rem);
	margin-right: 2rem;
}

.mobile-app-center-container .circle-container {
	width: 50%;
}

.mobile-app-ctas {
	text-align: center;
}

.mobile-app-ctas .btn {
	margin-bottom: 2rem;
}

@media all and (min-width: 600px) {
	.mobile-app-outer-container {
		display: flex;
		align-items: center;
		padding: 2rem 0;
	}

	.mobile-app-outer-container .mobile-app-inner-container {
		width: calc(50% - 2rem);
		margin-right: 2rem;
	}

	.mobile-app-outer-container .mobile-app-inner-container .mobile-app-center-container {
		padding: 0;
	}

	.mobile-app-outer-container .mobile-app-inner-container .mobile-app-center-container .mobile-app-features {
		width: 100%;
	}

	.mobile-app-outer-container .mobile-app-inner-container .mobile-app-center-container .circle-container {
		display: none;
	}

	.mobile-app-outer-container .mobile-app-inner-container .mobile-app-ctas {
		text-align: left;
	}

	.mobile-app-outer-container > .circle-container {
		display: block;
		width: 50%;
	}
}

@media all and (min-width: 768px) {
	.mobile-app-outer-container > .circle-container {
		max-width: 30rem;
		margin: 0 auto;
	}
}

/* dislcaimer */
.disclaimer {
	margin: 0;
}

#primary-panel .start-quote-disclaimer {
	margin: 2rem auto;
}

#primary-panel .start-quote-disclaimer p {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

/* Temporary commercial auto/business icon for homepage tile 3/20/2025  */
@font-face {
  font-family: 'icon_commercial_business';
  src:  url('/geico/public/fonts/commercial_business/icon_commercial_business.eot');
  src:  url('/geico/public/fonts/commercial_business/icon_commercial_business.eot') format('embedded-opentype'),
    url('/geico/public/fonts/commercial_business/icon_commercial_business.ttf') format('truetype'),
    url('/geico/public/fonts/commercial_business/icon_commercial_business.woff') format('woff'),
    url('/geico/public/fonts/commercial_business/icon_commercial_business.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

#commercial-auto-business, 
.selected-wrap #product-banner .icon-commercial-business,
.card.extra .icon-commercial-business {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon_commercial_business' !important;
  speak: never;
  font-size: 3.5rem !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  top:3.8rem !important;
  left:3.3rem !important;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.selected-wrap #product-banner .icon-commercial-business {
	font-size: 3.5rem !important;
}
.selected-wrap #product-banner .icon-commercial-business::before {
	color:#1C1C1E;
}
.dark .selected-wrap #product-banner .icon-commercial-business::before {
	color: #FAFAFA;
}
#product-modal .card span#commercial-auto-business {
	font-size: 1.6rem !important;
	margin-right: 10px;
}
.icon-commercial-business:before {
  content: "\e900";
  color: #06f;
}