@charset "utf-8";

/* Media Queries */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
	.header-content {
		padding: 5px 20px 100px !important;
		overflow-y: auto;
		overflow-X: hidden;
		height: 80vh;
	}

	.header-content h1 {
		font-size: 16px;
		line-height: 20px;
	}

	.header-content h2 {
		font-size: 13px;
		line-height: 18px;
	}

	.header-content img {
		width: 150px;
	}

	.custom-select,
	.btn-block {
		height: 8vh;
		margin: min(6px, .8rem) auto;
	}

	h2#questions_sec {
		font-size: 16px;
		line-height: 18px;
	}

	.carrier-bg {
		padding: 18px 0 100px 0 !important;
	}

	.get_started p {
		font-size: 13px;
		line-height: 18px;
	}

	.get_started {
		padding-bottom: 100px !important;
	}

	.btn-qte {
		height: 40px !important;
	}

	.inner_form_content {
		padding: 101px 0 10px 0;
	}

	.inner_form_content {

		height: 300px;

		overflow-y: scroll;

	}

}

@media screen and (max-width: 480px) {

	.pp-section {
		height: 100%;
		position: fixed;
		width: 100%;
		backface-visibility: hidden;
	}

	body,
	html {
		overflow-x: hidden;
	}

	.nbs-flexisel-inner {

		float: none;
		width: 200px !important;

		height: 67px !important;

		display: block;
		margin: 0 auto;

	}
}


@media screen and (max-width: 767px) {

	.footer_mb_bg_fx {
		background: #1F1B1B;

		overflow-y: auto;
		overflow-x: hidden;

		height: 110vh;
	}
	.center-container h2 {
	line-height: 50px;
}

	/* splash Screen */
	.splash-header img {
		width: 180px !important;
	}

	.splash-icon {
		width: 30px;
		height: 30px;
		font-size: 13px;
	}

	/* Fixed footer which is for desktop */
	#footer {
		display: none;
	}

	/* Fixed footer only for mobile */
	.bottom-bar {
		display: flex;
		align-items: center;

	}

	/* Fixed navbar button which is for desktop */
	.navbar-toggle {
		display: none;
	}

	/*************/
	.third-section .container {
		max-width: 100%;
	}

	.footer {
		height: 50px;
	}

	.top-banner1 {
		position: relative;
	}

	.header-content {
		/*width: 340px;
	height: calc(100vh - 75px);
	margin: 15px auto;
	padding: 30px 20px 10px;*/
		width: 340px;
		height: 80vh;
		margin: 0px auto;
		padding: 30px 20px 10px;
	}

	.first-section .section-1 .row {
		height: calc(100vh - 60px);
		display: flex;
		align-items: center;
	}

	.custom-select,
	.btn-block,
	.btn-us-call,
	.btn-email,
	.input-medium,
	.get_started .btn-review-view {
		max-width: 300px;
		min-width: 225px;
		width: 100%;
	}

	.input-medium {
		height: 34px;
		margin: 5px 0;
	}

	.btn-us-call,
	.btn-email {
		display: block;

	}

	.form_elements {
		padding: 0px;
	}

	h2#questions_sec {
		font-size: 24px;
		font-weight: 400;
		line-height: 32px;
		text-align: center;
	}

	.we_service h2 i {
		display: inline-block;
		font-size: 20px;
	}

	/* Modal Popup */
	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(255, 255, 255, 1);
		animation: slideIn 0.5s ease-out;
	}

	.mobileslide {
		animation: slideOut 0.5s ease-out forwards;
	}

	@keyframes slideIn {
		from {
			transform: translateY(100%);
		}

		to {
			transform: translateY(0);
		}
	}

	@keyframes slideOut {
		from {
			transform: translateY(0);
		}

		to {
			transform: translateY(100%);
		}
	}

	.lobmobileslide {
		animation: slideOutLob 0.5s ease-out forwards;
	}

	@keyframes slideOutLob {
		from {
			top: 0;
		}

		to {
			top: 100%;
		}
	}

	.modal-content {
		background-color: #fefefe;
		margin: 5% auto;
		padding: 0px;
		border: 1px solid #fff;
		width: 100%;
		border-radius: 10px;
		box-shadow: none;
	}

	.modal-content h2 {
		color: #1F1B1B;
		font-family: Poiret One;
		font-size: 25px;
		font-weight: 400;
		line-height: 12px;
		letter-spacing: 0em;
		text-align: left;
		margin-top: 0;
		padding-top: 0;
		display: inline-block;
	}

	#myModal .modal-content h2 {
		width: 290px;
		display: block;
		font-size: 22px;
		font-weight: 400;
		line-height: 30px;
	}

	#myModal.modal {
		padding: 0 10px;
	}

	#myModal.modal .close {
		margin-right: 0px;
		margin-top: 0px;
	}

	.header {
		position: absolute;
		top: 0;
		right: 0;
	}

	.close-text {
		color: #1F1B1B;
		font-family: Open Sans;
		font-size: 16px;
		font-weight: 300;
		line-height: 28px;
		letter-spacing: 0em;
		text-align: center;
		position: absolute;
		right: 26px;
		top: -5px;
	}

	.close {
		float: right;
		opacity: 1;
		width: 20px;
		height: 20px;
		border-radius: 40px;
		margin-left: 0px;
		font-size: 16px;
		font-weight: 400;
		line-height: 17px;
		letter-spacing: 0em;
		text-align: center;
		margin-right: 10px;
		z-index: 9;
	}

	.close:hover,
	.close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}

	#menuModal .close {
		position: absolute;
		right: 0;
	}

	.insurance_quotes_btn {
		margin-top: 20px;
	}

	.insurance_quotes_btn .row {
		height: 100%;
	}

	div.insurance_quotes_btn button {
		border-radius: 40px;
		height: 60px;
		margin-bottom: 20px;
		text-align: left;
		width: 100%;
		color: #000;
		font-family: Poiret One;
		font-size: 15px;
		font-weight: 400;
		line-height: 36px;
		letter-spacing: 0em;
		text-align: left;
	}


	/* Third Section */
	#thirdP {
		background: #fff;
		/* height: calc(100vh - 200px);*/
	}

	.lob_wrapper {
		align-items: start;
		height: calc(100vh - 60px);
	}

	.box {
		width: 100%;
		height: 206px;
	}

	.lob-banner {
		height: calc(100vh - 60px);
	}

	.lob-sections {
		background: #fff;
		padding: 20px 20px 10px 20px;

	}

	.lob-sections h2 {
		font-size: 30px;
	}

	.lob-sections p {
		font-size: 13px;
		line-height: 20px;
	}

	.services-wrap {
		display: block;
		margin: 0 auto;
		height: calc(100vh - 220px);
		padding: 10px 10px 40px 0;
		overflow-y: auto;
	}

	/* Map */
	.active div.animation-slight-up {
		animation: none !important;
	}

	.active div.animation-left-to-right-map {
		animation: none !important;
		margin-right: 0px;
		animation-delay: 0;

	}

	.jk-absolute1 {
		position: absolute;
		width: auto;
		z-index: 5;
	}

	.expandable-div {
		color: white;
		padding: 10px;
		width: 341px !important;
		height: 60px;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		transition: height 2s ease;
		margin: 0 15px;
		cursor: pointer;
	}

	.expanded {
		height: 99.9%;
		width: 341px;
		margin: 0 14px;
	}

	.cover-relative1 {
		background: #fff;
	}

	.custom-container-states {
		padding: 0;
		width: 340px;
		display: block;
		height: 85vh;
		overflow-y: auto;
		overflow-x: hidden;
		background: rgba(234, 234, 234, 1);
	}

	.custom-container-reviews {
		padding: 0;
		width: 340px;
		display: block;
		height: 80vh;
		overflow-y: auto;
		overflow-x: hidden;
		box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.5);
	}

	.map_wrapper,
	.review_wraper {
		height: calc(100vh - 60px);
	}

	.image-wrapper {
		height: 60px;
		width: 60px;
	}

	.testimonials_section {
		padding: 20px 25px 80px 25px;
        height: calc( 100% - 60px);
	}
    .banner-ht {
    height: 100%;
    }
	.testimonials_section h2 {
		font-size: 18px;
		line-height: 28px;
	}

	.testimonials_section p {
		font-size: 14px;
		line-height: 22px;
	}

	.expanded-heading {
		margin-top: 40px;
		margin-bottom: 0px;
	}

	.map_section img {
		margin: 20px auto;
	}

	.active div.reveal-text {
		position: relative;
		right: 0;
		top: 0;
	}

	.active .expandable-div.expanded div.map_section img {
		width: 50%;
		animation: zoomInOutMp 2s ease-in 0s 1 normal forwards !important;
		transition: transform 1s !important;
	}

	@keyframes zoomInOutMp {
		0% {
			transform: scale(1.2);
			width: 50%;
		}

		100% {
			transform: scale(0.8);
			width: 80%;
		}
	}

	.active .expandable-div div.map_section img {
		width: 40%;
		animation: zoomOutIn 2s ease-in 0s 1 normal forwards !important;
		transition: transform 1s;
	}

	@keyframes zoomOutIn {
		0% {
			transform: scale(1.2);
			width: 80%;
		}

		100% {
			transform: scale(1);
			width: 30%;
		}
	}

	.two-column-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-left: 0;
		list-style-type: none;
	}

	.two-column-list li {
		flex-basis: 42%;
		text-align: center;
		margin-bottom: 0px;
		text-align: center;
		list-style: none;
		display: flex;
		align-items: center;
		justify-content: center;
        
	}
    .reveal-text ul li, .reveal-text ul li a {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 0px;
    }
    .cover-relative1 {
        height: calc( 100% - 103px );
    }
	.two-column-list li::before {
		font-family: 'FontAwesome';
		content: '\00b7';
		font-size: 30px;
		color: #17a8dc;
		margin-right: 5px;
		font-weight: 900;
		vertical-align: middle;
		line-height: 18px;
	}

	.carrier-bg {
		background: rgba(234, 234, 234, 1);
		padding: 18px 0;
		box-shadow: none;
		margin: 0px;
	}

	.nbs-flexisel-inner {

		float: none;
		width: auto;

		height: 65px !important;

		display: block;
		margin: 0 auto;

	}

	/* Google review */
	.active div.custom-fadeInRightAgain {
		animation: customFadeInRightAgain 2s ease forwards !important;

		animation-delay: 1.7s !important;
	}

	#grw-widget {
		position: relative;
		width: 320px;
		height: 680px;
		margin: auto;
		overflow: hidden;
		/*	background: rgba(31, 27, 27, 1);*/
	}

	.grw-wrapper {

		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(31, 27, 27, 1);
		transition: height 2s ease;
	}

	.grw-wrapper {
		width: 100%;

		background-color: transparent;

	}


	.grw-wrapper.middle {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: auto;
		background: #fff;
		transition: top 2s ease;
		animation: mobileReveal;


	}

	.active div.grw-wrapper.middle {
		animation: revealSecond 2.5s forwards;
		animation-delay: 2s;
		z-index: 2;
	}

	@keyframes revealSecond {
		0% {
			top: 100%;
		}

		100% {
			top: 50%;
		}
	}

	.google-reviews {
		width: 320px;
		opacity: 0;
		animation: moveFromBottomMbRv 1.7s ease forwards;
		animation-delay: 1.7s;
	}

	@keyframes moveFromBottomMbRv {
		from {
			transform: translateY(100%);
			opacity: 0;
		}

		to {
			transform: translateY(0);
			opacity: 1;
		}
	}

	/*.active div.google-reviews {
  width: 320px;
  opacity: 0; 
  animation: moveFromBottomMbRv 1.7s ease forwards;
  animation-delay: 1.7s;
}

@keyframes moveFromBottomMbRv {
  from {
    transform: translateY(100%);
    opacity: 0; 
  }
  to {
    transform: translateY(0);
    opacity: 1; 
  }
}*/

	.middle {
		width: 320px;
		float: none;
		position: relative;
		margin: 0 auto;
		z-index: 1;
		right: 0px;
	}

	.grw-business-header {
		margin: 0;
		padding: 15px 0;
	}

	.animate-widget {
		animation: none !important;
		width: 100%;
		animation-delay: .5s;
		margin-bottom: auto;
	}

	.grw-wrapper {
		max-width: 320px;
		padding: 0px;
		background: #fff;
	}

	.section-4 .container {
		width: auto;
	}

	.grw-slider .grw-reviews-wrapper .grw-review-slide {
		width: 252px;
	}

	div.grw-review-content {
		width: auto;
	}

	.grw-header-content-wrapper h2 {
		padding-bottom: 0px;
	}

	.grw-business-name a {
		font-size: 18px;
		line-height: 30px;
	}

	.grw-header-content-wrapper {
		padding-bottom: 10px;
	}

	.grw-review-btn {
		width: 180px;
		font-size: 12px;
		height: 32px;
		margin-bottom: 0px;
	}

	.grw-slider {
		overflow: hidden;
		padding: 20px 0px 10px 0px;
	}

	div.grw-review {
		margin: 0 0 10px;
		padding: 0;
	}

	.grw-view-all-btn {
		width: 180px;
		font-size: 12px;
		height: 32px;
		margin-bottom: 0px;
	}

	div.grw-review-content p {
		font-size: 12px;
		text-align: left !important;
		line-height: 16px !important;
	}

	.grw-slider .grw-slider-nav {
		text-align: center;
		padding: 0 0 0px;
	}

	#fifthP {
		height: calc(100vh - 60px);
		display: flex;
		align-items: center;
	}

	.get_started {
		padding: 20px;
		width: 340px;
		margin: 0px auto;
		text-align: center;
		float: none;
		height: 80vh;
		box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.5);
		overflow-y: auto;
		overflow-x: hidden;
	}

	.get_started h2 {

		font-size: 27px;
		font-weight: 400;
		line-height: 34px;
		margin-bottom: 15px;
	}

	.get_started p {
		font-size: 16px;
		line-height: 26px;
	}

	/* Footer */
	.footer_contents {
		padding: 10px 0 10px 0 !important;
	}

	.footer_contents img {
		width: 250px;
	}

	.info_contact {
		text-align: center;
	}

	.footer_contents h2 {
		font-size: 22px;
		line-height: 26px;
		text-align: center;
	}

	p.contact-details,
	p.contact-details a {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
		margin-bottom: .3rem;
	}

	.footer_contents h3 {
		font-size: 20px;
		line-height: 23px;
		text-align: center;
	}

	.btn-click {
		margin: min(5px, .8rem) auto;

	}

	.btn-click.start-quote {
		margin: min(10px, .8rem) 0;
	}

	.footer_social {
		padding: 6px 0 5px 0;
		text-align: center;
		display: flex;
		margin: 0 auto;
		width: 220px;
        justify-content:center;
	}

	.footer_social li {
		padding-right: 15px;
        padding-left: 15px;
		font-size: 14px;
		line-height: 21px;
	}

	.gmap {
		width: 300px;
		height: 120px;
	}

	.agent_box_scroll .gmap {
		width: 100%;
		height: 220px;
	}

	.copyright {
		padding: 0px 0 100px;
		text-align: center;
	}

	.copy-ul li a,
	.copy-ul li {
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}

	/* Inner Pages */
	.hidden-xs {
		display: none;
	}


	.content_inner {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.inner_body {
		overflow-y: hidden;
	}

	.inner_body_contentMobile {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		background-size: cover;

	}

	.inner_body_contentMobile .commercial_bg {
		background-attachment: fixed;
	}

	.inner_form_contentMobile .icon-container {
		animation: slideUpAndHideInner 2.5s forwards;

	}

	@keyframes slideUpAndHideInner {
		0% {
			transform: translateY(0%);
		}

		100% {
			transform: translateY(-400%);
		}
	}

	.inner_text_content {
		position: relative;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 1);
		animation: slide-from-bottom 2s forwards;

		z-index: 6;
        min-height: 100vh;
        height: 100%;
	}
    .write_up {
    padding: 0px 0 40px 0;
}
	.animation-left-to-right-email {
		animation: none !important;
		animation-delay: 0s;
		height: 100%;
		margin-right: 0px;
		animation-delay: 0s;
	}

	.jk-absolute.email_agent_bg {
		background: none !important;
	}

	.email_agent_page {
		position: relative;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 1);
		animation: slide-from-bottomMb 3s forwards !important;
		margin: 0 !important;
		z-index: 6;
	}

	@keyframes slide-from-bottomMb {
		0% {
			opacity: 0;
			transform: translateY(100%);
		}

		100% {
			opacity: 1;
			transform: translateY(0%);
		}
	}

	.email_agent_page {
		background: transparent !important;
	}

	.email_agent_hd h2 {
		color: #fff;
		font-family: Poiret One;
		font-size: 26px !important;
		font-weight: 400;
		line-height: 44px;
		text-align: center !important;
	}


	.inner_form_contentMobile .email_agent_hd {
		animation: slideUpAndFadeOutE 2s forwards !important;
		display: block;
	}

	@keyframes slideUpAndFadeOutE {
		0% {
			transform: translateY(0%);
			opacity: 1;
		}

		100% {
			transform: translateY(-800%);
			opacity: 0;
		}
	}

	.email_agent_page h1 {
		color: #fff !important;
		font-size: 27px;
		line-height: 34px;
	}

	ul.breadcrumb {

		padding: 10px 0 20px 0;

	}

	.email_agent_page ul.breadcrumb li {
		color: #fff;
	}

	.email_agent_bg {
		background-position: 81% 20%;
		animation: zoomInOut 1.5s ease-in forwards;
	}

	@keyframes zoomInOut {
		0% {
			transform: scale(2);
		}

		100% {
			transform: scale(1.4);
		}
	}

	/* Apply animation only when necessary */
	.animate1 .inner_text_content {
		top: 0;

		display: block;
		visibility: visible;
	}

	@keyframes revealContent {
		0% {
			top: 0%;
		}

		100% {
			top: -100%;
			visibility: visible;

		}
	}


	.background-image1 {

		width: 100%;
		height: 100%;
		background-image: url('../img/featured-auto-insurance.png');
		background-size: cover;
	}

	.visible-xs {
		display: block;
	}

	.inner_body_contentMobile {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}

	.inner_form_contentMobile .icon-container {
		width: 150px !important;
		height: 150px !important;
	}

	.inner_form_contentMobile .icon-container i {
		box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);

		width: 150px !important;
		height: 150px !important;
		font-size: 70px;
		display: block;
		margin: 0 auto;
		line-height: 152px;
		text-align: center;
		border-radius: 50%;
	}

	.inner_form_content,
	.inner_body_content {
		animation: none !important;
	}

	.inner_form_content {
		display: flex;
		padding: 20px 0px;
		height: 85vh;
		width: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.inner_form_content>* {
		width: 100%;
	}

	.inner_body_content {
		height: 100vh;
		width: 100vw;
		position: relative !important;
	}

	.jotform_ht {
		height: 450px !important;
	}

	.inner_anim {
		padding-right: 0px;
		/*overflow-y: scroll;*/
	}

	.inner_body_content.jot-fix-stlye,
	.jot-fix-stlye .inner_form_content,
	.jot-fix-stlye .gradient_overlay {
		min-height: 800px;
	}

	.jot-fix-stlye .inner_form_content {
		justify-content: flex-start;
	}

	p.back_home.visible-xs a {
		position: absolute;
		margin-top: 0;
		left: 20px;
		/*bottom: 10px;*/
		display: block;
		text-align: center;
		color: #fff;
		padding: 0;
	}

	.jot-fix-stlye p.back_home.visible-xs a {
		bottom: auto;
	}

	.carriers_info_box p.back_home a {
		position: relative;
		margin-top: 0;
		bottom: 0px;
		display: inline;
		text-align: center;
		color: #000;
		padding: 0;
	}

	p.back_home_cc a {
		text-align: center;
		position: relative;
		display: inherit;
	}

	.inner_meet_content {

		animation: none;

		background-size: cover;
	}

	.menu_first img {
		display: block;
        margin: 0 auto 20px;
	}

	.menu_first,
	.menu_second {
		border-right: none !important;
	}

	.menu_first,
	.menu_first h3,
	.menu_first p.blog_title,
	.menu_first p.blog_content,
	.menu_first p a,
	.menu_first p.blog_time,
	.menu_first p {
		text-align: center !important;
	}

	.menu_first p.blog_title,
	.menu_first p.blog_content {
		padding-right: 0px;
		padding: 0 40px;
	}

	#menuFirst>ul:first-of-type,
	#menuFirst>ul:nth-of-type(2) {
		display: flex;
	}

	#menuFirst>ul {
		display: none;
	}

	p.back_home a {
		display: none;
	}

	p.home_email a {
		color: #fff;
		z-index: 9;
		position: relative;
		text-align: center !important;
		display: block !important;
		left: 0;
		right: 0;
		padding: 0px;
		margin-top: 50px;
	}

	p.back_home_lob a {
		color: #fff;
		z-index: 9;
		position: absolute;
		text-align: center !important;
		bottom: 40px;
		left: 0;
		right: 0;
		padding: 0px;
		display: block !important;
		margin-top: -50px;
	}

	p.back_home {
		text-align: center !important;
	}

	p.back_home_lob {
		display: none;
	}

	.location_1 {
		width: 100%;
		padding: 15px;
	}

	.location_1 h3 {
		font-size: 20px;
		line-height: 28px;

	}

	.location_1 p,
	.location_1 p a {

		font-size: 14px;

		line-height: 28px;

	}

	.agent_box {
		padding: 10px;
	}

	.agent-details h3 {
		font-size: 20px;
	}

	.agent_box p {
		font-size: 13px;
	}

	.contact-list li span {
		font-size: 10px;
	}


	.inner_meet_content {
		padding: 60px 10px;
		position: relative;
	}

	.agent_box {
		margin-right: 0px;
		padding: 10px;
		width: 95%;
		min-width: 300px;
	}

	.contact-list {
		flex-direction: column;
		align-items: flex-start;
	}

	.agent-image {
		margin-right: 10px;
	}

	.agent-details h3 {
		font-size: 20px;
	}

	.agent_box p {
		font-size: 14px;
	}

	.contact-list li span {
		font-size: 11px;
	}

	.mCSB_container_wrapper {
		margin-right: 10px;
	}

	.contact-list li {
		margin-right: 5px;
	}

	.contact-list li span,
	.contact-list li span a {
		font-size: 11px;
	}

	.mCSB_container_wrapper>.mCSB_container {
		padding-right: 10px !important;
	}

	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar::after {
		bottom: 2px !important;
	}

	.content1 {
		width: 100vw !important;
	}

	.box.hovered .content_box {
		height: 60px;
		line-height: 60px;
	}

	.box.hovered .bottom-box p {
		opacity: 1;
	}

	.box.hovered .content_box i {
		font-size: 12px;
		line-height: 40px;
		width: 40px;
		height: 40px;
		webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		transition-timing-function: ease;
		transition-timing-function: ease-in;
	}

	.box.hovered .content_box span {
		font-size: 24px;
		webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		transition-timing-function: ease;
		transition-timing-function: ease-in;
	}

	.box.hovered .auto_box,
	.box.hovered .home_box,
	.box.hovered .commercial_box,
	.box.hovered .health_box,
	.box.hovered .boat_box,
	.box.hovered .motorcycle_box,
	.box.hovered .life_box,
	.box.hovered .umbrella_box {
		height: 145px;
		/* Increased height on hover */
	}

	.inner_body_content::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: linear-gradient(180deg, #393333 0%, #764099 10%);
		mix-blend-mode: multiply;
		z-index: 6;
	}

	.inner_text_content_left {
		margin: 0 20px;
		padding: 0 12px;
	}

	.cs_pages, .cq_pages {
		margin: 0;
		padding: 0 12px;
	}
    .cq_pages {
    height: calc(100vh - 60px);
    }
    .cs_pages {
    height: calc(100vh - 60px);
}
	


	.active div.slide-from-bottomAgain {
		animation: moveFromBottom 2s ease forwards;

	}

	@keyframes slide-from-bottomAgain {
		0% {
			opacity: 0;
			transform: translateY(100%);
		}

		100% {
			opacity: 1;
			transform: translateY(-100%);
		}
	}

	#pp-nav.right {

		z-index: 121;
		position: absolute;
		right: calc(100% - 28px);
	}

	.form_elements,
	.inner_form_content .auto_icon.scale-down,
	.form_elements,
	.inner_form_content .home_icon.scale-down,
	.inner_form_content .commercial_icon.scale-down,
	.inner_form_content .health_icon.scale-down,
	.inner_form_content .life_icon.scale-down,
	.inner_form_content .other_icon.scale-down {
		animation: none !important;
        margin-bottom: 10px;
	}

	.form_elements {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.moveLeftdiv {
		transform: translateX(0%) !important;
		transition: transform 1.2s ease-in-out, width 1.2s ease-in-out;
	}

	.active div.animate__fadeInUp {
		animation: none !important;
	}

	.modal_resrvd {
		margin-top: 50px;
	}

	.no-gutters {
		margin-right: 0;
		margin-left: 0px;
	}

	.pad-10 {
		margin: 0px;
	}

	.lastDiv.active+div.footer {
		opacity: 1;
		height: 0;
		overflow: hidden;
		transition: height 1s ease-out, opacity 1s ease-in;
		pointer-events: none;
	}

	.no_jot {
		position: relative;
	}

	.gradient_overlay {
		height: calc(100vh + 50%);
	}

	.gradient_overlay_no_jot {
		height: calc(100vh + 10%);
	}

	.gradient_overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		/* height: calc(100vh + 60%);*/
		height: 100vh;
        background: linear-gradient(45deg, rgba(62, 189, 237, .6), rgba(0, 0, 0, .8) 80%);
		opacity: 0.8;
		animation: none;
		animation-delay: 1.5s;
	}

	.h_scroll {
		overflow-x: hidden!important;
	}

	.copy-ul {
		padding-bottom: 100px;
	}

	.btn-us-call,
	.btn-email,
	.btn-block {
		margin: min(6px, .8rem) auto;
	}

	.write_up_carrier_cntct {
		padding: 0px 0 100px 0;
	}
	.section-6 {
  height: 135vh;
}

.btn-us-call, .btn-email {
  height: 5vh;
  line-height: 5vh;
  font-size: clamp(1rem, 1.0000rem + 0.0000vw, 2rem) !important;
}

.homepage-links a {
  width: auto;
  float: none;
  margin: 10px !important;
}


.iq-opt-fx{
	margin-bottom: 60px;
}

.img-fluid.footer_logo {
  margin-bottom: 5px;
}
.partner-logos {
	display: block;
}
.partner-logos .logo-item img {
	max-height: 30px;
	margin: 10px 0;
}
}

@media only screen and (min-width: 811px) and (max-width: 813px) and (min-height: 374px) and (max-height: 376px) {

	#firstP .col-md-6,
	#fifthP .col-md-6 {
		max-width: 100% !important;
		flex: 0 0 100%;
	}

	.header-content {
		height: calc(100vh - 90px);
	}

	h1 {
		font-size: 23px !important;
		margin: 5px 0 !important;
	}

	.nobrk {
		display: none;
	}

	.header-text h2 {
		font-size: 18px;
		line-height: 20px;
	}

	.custom-select,
	.btn-block,
	.btn-us-call,
	.btn-email,
	.input-medium {
		width: 300px;
		height: 24px !important;
		padding: 0 10px !important;
		margin: 1px 0 !important;
	}

	h2#questions_sec {
		font-size: 20px !important;
		line-height: 20px !important;
		margin: 5px 0 !important;
	}

	.footer {
		height: 90px !important;
	}

	.footer-left p {
		line-height: 18px !important;
	}

	.footer-right {
		margin: 28px 0 !important;
	}

	.testimonials_section p {
		font-size: 10px !important;
		line-height: 14px !important;
	}

	.testimonials_section p a {
		font-size: 11px !important;
		line-height: 14px !important;
	}

	.carrier-bg {
		padding: 4px 0 !important;
	}

	.nbs-flexisel-item img,
	.nbs-flexisel-inner {
		height: 50px;
	}

	.services-wrap {
		margin: 5px 0 !important;
	}

	.bottom-box p {
		display: none;
	}

	.bottom-box p+p {
		display: block !important;
	}

	.bottom-box p+p a {
		line-height: 40px;
	}

	.box.hovered .auto_box,
	.box.hovered .home_box,
	.box.hovered .commercial_box,
	.box.hovered .health_box,
	.box.hovered .boat_box,
	.box.hovered .motorcycle_box,
	.box.hovered .life_box,
	.box.hovered .umbrella_box {
		height: 40px !important;
	}

	.box {
		height: 100px !important;
		margin-bottom: 10px !important;
	}

	.lob-subtext {
		margin-bottom: 0;
		line-height: 16px !important;
	}

	.lob-sections h2 {
		font-size: 20px !important;
		line-height: 24px !important;
		margin-top: 14px !important;
	}

	.get_started {
		padding: 5px 20px !important;
	}

	.get_started h2 {
		margin-bottom: 0px !important;
	}

	.btn-review-view {
		margin: 2px auto !important;
	}

	.footer_img_contacts_logo img {
		width: 220px;
	}

	.footer_contents h2 {
		font-size: 14px !important;
	}

	.gmap {
		height: 200px !important;
	}

	.grw-business-header {
		padding: 70px 0 50px 0 !important;
	}

	.grw-header-content-wrapper h2 {
		font-size: 24px !important;
		line-height: 24px !important;
		padding-bottom: 10px !important;
	}

	.grw-business-name a {
		font-size: 24px !important;
		line-height: 24px !important;
	}

	.grw-header-content-wrapper {
		padding-bottom: 10px !important;
	}

	div.grw-review,
	.grw-slider {
		margin-bottom: 10px !important;
	}

	div.grw-review-content p {
		font-size: 10px !important;
		line-height: 16px !important;
	}

	.grw-slider {
		padding-bottom: 10px !important;
	}

	#pp-nav.right {
		top: 50% !important;
	}

	.btn-click,
	.btn-review,
	.btn-review-view,
	.custom-select,
	.btn-block,
	.btn-us-call,
	.btn-email,
	.input-medium {
		font-size: 11px !important;
		line-height: 6vh !important;
		margin: min(2px, .8rem) 0;
	}

	.grw-review-btn,
	.grw-view-all-btn {
		height: 30px !important;
		font-size: 14px !important;
		line-height: 17px !important;
	}

	ul.breadcrumb {
		padding: 10px 0 10px 0;
	}

	.write_up h1 {
		margin-bottom: 12px !important;
	}

	.write_up p,
	.write_up ul li {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 5px;
	}

	.inner_meet_content {
		padding: 10px !important;
	}

	.inner_meet_content_info h2 {
		font-size: 16px;
		line-height: 24px;
	}

	.content1 {
		height: calc(100vh - 100px) !important;
	}

	.form_elements .custom-select,
	.btn-block,
	.btn-us-call,
	.btn-email,
	.input-medium {
		margin: 5px auto !important;
	}

	.no_jot {
		height: 142px;
	}

	.inner_text_content {
		padding: 10px 20px;
	}

	.btn-us-call,
	.btn-email {
		margin: min(6px, .8rem) auto;
	}

	p.contact-details,
	.footer_contents h3 {
		margin-bottom: 2px;
	}

	.footer_social {
		padding: 1% 0 0 0;
		margin-bottom: 0;
	}

}


@media screen and (min-width: 768px) and (max-width: 991px) {
	.icon-container{
		margin-top: 10px !important;
	}
	.grid-divider h2.h4-style {
  color: #393939;
  font-size: 16px;
  font-family: Poiret One;
}
	.header-content {
		padding: 30px 20px 10px;
	}

	#pp-nav.right {
		right: 0;
		top: 35%;
		z-index: 121;
		position: absolute;
	}

	.pp-section {
		height: 100%;
		position: fixed;
		width: 100%;
		backface-visibility: hidden;
	}

	.menu_second h2 {
		font-size: 20px;
		line-height: 42px;
	}

	.menu_third h2 {
		font-size: 20px;
		line-height: 48px;
	}

	.menu_first h3,
	.menu_second h3,
	.menu_third h3 {
		font-size: 20px;
		line-height: 36px;
	}

	.ml-auto li,
	.ml-auto li a {
		font-size: 12px;
		line-height: 24px;
	}

	.menu_first p.blog_content,
	.menu_first p.blog_time {
		font-size: 12px;
		line-height: 20px;
	}


	.header-content img {
		margin: 10px auto 0px;
		width: 220px;
	}

	h2#questions_sec {
		font-size: 26px;
		line-height: 36px;

	}

	.custom-select,
	.btn-block,
	.btn-us-call,
	.btn-email,
	.input-medium {
		width: 300px;

	}

	.custom-container-states {
		height: auto !important;
	}

	.image-wrapper {
		height: 60px;
		width: 60px;
	}

	.testimonials_section h2 {
		font-size: 24px;
	}

	#thirdP {
		background: #fff;
		height: 100%;
	}

	.lob-sections {
		padding: 10% 0;
	}

	.services-wrap {
		margin: 5% 0;
	}

	.box {
		height: 206px;
		margin-bottom: 30px;
	}

	.box.hovered .auto_box,
	.box.hovered .home_box,
	.box.hovered .commercial_box,
	.box.hovered .health_box,
	.box.hovered .boat_box,
	.box.hovered .motorcycle_box,
	.box.hovered .life_box,
	.box.hovered .umbrella_box {
		height: 135px;
	}

	.box.hovered .content_box {
		height: 60px;
		line-height: 60px;
	}

	.box.hovered .bottom-box p {
		opacity: 1;
	}

	.box.hovered .content_box i {
		font-size: 12px;
		line-height: 25px;
		width: 25px;
		height: 25px;
		webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		transition-timing-function: ease;
		transition-timing-function: ease-in;
	}
    .content_box {
    gap: 5px;
}
	.box.hovered .content_box span {
		font-size: 12px;
        line-height: 18px;
		webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		transition: all .5s ease;
		transition-timing-function: ease;
		transition-timing-function: ease-in;
	}


	.testimonials_section p {
		font-size: 15px;
		line-height: 24px;
	}

	.content_box i {

		width: 40px;
		height: 40px;
		font-size: 12px;
		line-height: 40px;

	}

	.content_box span {
		font-size: 14px;
	}

	.bottom-box p {
		font-size: 12px;
		line-height: 16px;
	}

	.we_care .contents {
		padding: 20px 0;
	}

	.we_care h2 {
		font-size: 28px;
		line-height: 38px;
	}

	.footer-left p {
		font-size: 14px;
		line-height: 28px;
	}

	.we_care h3 {
		font-size: 22px;
	}

	.btn-review,
	.btn-review-view {
		width: 240px;
		height: auto !important;
	}

	.review_content {
		padding: 15px;
	}

	.review_exp p {
		font-size: 12px;
		line-height: 18px;
	}

	.get_started {
		padding: 30px 20px;
	}

	.get_started h2 {
		font-size: 26px;
		line-height: 38px;
		margin-bottom: 15px;
	}

	.get_started p {
		font-size: 14px;
		line-height: 24px;
	}

	.footer_bar_nav li {
		padding: 0 6px;
		font-size: 14px;
		line-height: 21px;
	}

	.footer_bar_nav li a {
		font-size: 16px;
	}

	.footer-right h2 {
		font-size: 18px;
	}

	.btn-fixed-quote {
		font-size: 12px;
	}


	.grw-header-content-wrapper h2 {
		font-size: 34px;
		line-height: 48px;
	}

	div.grw-review-content {
		width: 300px;
	}

	div.grw-review-content p {
		font-size: 12px;
		line-height: 17px !important;
	}

	.grw-view-all-btn,
	.grw-review-btn {
		width: 220px;
	}

	.moveLeftdiv {
		transform: translateX(0%) !important;
		transition: transform 1.2s ease-in-out, width 1.2s ease-in-out;
	}

	.active div.reveal-text {
		right: auto;
		position: relative;
		float: none;
        top: 0;
	}

	.reveal-text ul {
		float: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 10px;
	}

	.reveal-text ul li {
		flex-basis: 25%;
		text-align: center;
		list-style: none;
		display: flex;
		align-items: center;
		justify-content: center;

	}
	.reveal-text ul li, .reveal-text ul li a {
  font-size: 10px;
  line-height: 16px;
}

	.reveal-text ul li:before {
		font-family: 'FontAwesome';
		content: '\00b7';
		font-size: 30px;
		margin-right: 5px;
		font-weight: 900;
		vertical-align: middle;
		color: #17a8dc;

	}

	.inner_meet_content {
		padding: 80px 10px;
	}

	.agent_box,
	.location_1 {
		margin-right: 0px;
		padding: 10px;
		width: 302px;
	}

	.agent-image {
		margin-right: 10px;
	}

	.agent-details h3 {
		font-size: 20px;
	}

	.agent_box p {
		font-size: 14px;
	}

	.contact-list li span,
	.contact-list li span a {
		font-size: 11px;
		color: #1F1B1B;
	}

	.mCSB_container_wrapper {
		margin-right: 10px;
	}

	.contact-list li {
		margin-right: 5px;
	}

	.box.hovered .bottom-box p {
		opacity: 1;
	}

	.email_agent_bg {
		background-position: 70% 10%;
	}

	.grw-slider {
		padding: 54px 20px 25px 40px;
	}

	.inner_body_content {
		display: flex !important;
		position: fixed !important;
	}

	.gradient_overlay {
		height: 200vh;
	}

	.inner_form_content .auto_icon.scale-down,
	.inner_form_content .home_icon.scale-down,
	.inner_form_content .commercial_icon.scale-down,
	.inner_form_content .health_icon.scale-down,
	.inner_form_content .life_icon.scale-down,
	.inner_form_content .other_icon.scale-down {
		/*animation-delay: 1s;*/
	}

	.footer {

		width: 100vw;
		color: #fff;
		text-align: center;
		padding: 0px 30px;
		height: 100px;
		z-index: 12;
	}

	.section-6 {
		height: 100vh !important;
	}

	.btn-us-call,
	.btn-email {
		margin: min(6px, .8rem) auto;
	}
	
	div.insurance_quotes_btn button {
	  font-size: 15px;
	}
	
	#secondP .reveal-text ul.two-column-list {
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
#secondP .reveal-text ul.two-column-list li {
  list-style-position: inside;
  margin: 5px 10px;
  display: flex;
  align-items: center;
}
.grid-divider h4 {
  font-size: 21px;
}
.get_started {
	margin-top: 0%;
}
.partner-logos .logo-item img {
	max-height: 50px;
	margin: 10px 0;
}
.partner-logos {
	display: block;
}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
.get_started h2 {
    font-size: clamp(24px, 2rem + 1.5vw, 36px);
    line-height: clamp(32px, 2rem + 1.5vw, 30px);
}
.banner-ht {
  height: 70%;
}
	.footer_bar_nav li {
		padding: 0px 10px;
	}

	.footer_bar_nav li a {
		font-size: 18px;
	}

	#pp-nav.right {
		right: 0;
		top: 35%;
		border-radius: 10px;
		z-index: 121;
		position: absolute;
	}

	.pp-section {
		height: 100%;
		position: fixed;
		width: 100%;
		backface-visibility: hidden;
	}

	.header-content {
		text-align: center;
		background-color: #fff;
		width: 670px;

		/*top: 55px;*/
		padding: 30px 100px 0 100px;
		box-shadow: 8px 8px 4px 0px rgba(0, 0, 0, 0.5);
	}

	.header-content {
		padding: 30px 40px 10px;
	}

	.header-text {
		margin-bottom: 1vh;
	}

	h2#questions_sec {
		margin: 0;
	}

	.custom-container-states {
		height: auto !important;
	}

	.testimonials_section h2 {

	}

	.review_exp p {
		font-size: 15px;
		line-height: 28.5px;
	}

	.content_box span {
		font-size: 16px;
        line-height: 22px;
	}

	.inner_meet_content {
		padding: 80px 10px;
	}

	.agent_box,
	.location_1 {
		margin-right: 0px;
		padding: 15px;
	}

	.agent-image {
		margin-right: 10px;
	}

	.agent-details h3 {
		font-size: 20px;
	}

	.agent_box p {
		font-size: 14px;
	}

	.contact-list li span {
		font-size: 13px;
	}

	.mCSB_container_wrapper {
		margin-right: 10px;
	}

	.contact-list li {
		margin-right: 10px;
	}

	.moveLeftdiv {
		animation: none !important;
		position: relative;
	}

	.active div.reveal-text {
		right: 15px;
	}
	

	div.grw-review-content {
		width: 405px;
	}


	.email_agent_bg {
		background-position: 70% 10%;
	}

	.grw-business-footer {
		padding-bottom: 25px;
	}

	.btn-review,
	.btn-review-view {
		height: auto !important;
		margin: min(6px, .8rem) auto;
	}

	.inner_body_content {
		display: flex !important;
	}

	.inner_form_content .auto_icon.scale-down,
	.inner_form_content .home_icon.scale-down,
	.inner_form_content .commercial_icon.scale-down,
	.inner_form_content .health_icon.scale-down,
	.inner_form_content .life_icon.scale-down,
	.inner_form_content .other_icon.scale-down {
		/*animation-delay: 1s;*/
	}

	.lob-sections h2 {
		margin-bottom: 20px;
	}

	p.lob-subtext {
		font-size: clamp(.7rem, 1rem + 0.7vw, 1.6rem);
		line-height: clamp(2rem, -1.0980rem + 3.2000vw, 2.4rem);
	}

	.get_started p {
		font-size: 17px;
		line-height: 26px;
	}

	.footer-right h2 {
		font-size: 24px;
	}

	.footer-left p {
		font-size: 18px;
		line-height: 24px;
	}

	.btn-us-call,
	.btn-email {
		margin: min(6px, .8rem) auto;
	}
	.reveal-text ul li, .reveal-text ul li a {
  font-size: 12px;
	}
	.partner-logos .logo-item img {
	width: 200px;
}
.partner-logos {
	gap: 10px;
}
}


@media screen and (min-width: 1200px) and (max-width: 1298px) {
	.inner_body_content {
		display: flex !important;
	}

	.lob-sections h2 {
		margin-bottom: 20px;
	}


}

@media screen and (min-width: 1299px) {
	.header-content {
		padding: 30px 2vw 10px;
	}

	h2#questions_sec {
		padding: 2vh 0;
	}

	.custom-container-states {
		height: auto;
		margin: 5vh auto;
	}

	.testimonials_section {
		padding: 3vh 1vw;
	}

	p.contact-details,
	p.contact-details a,
	.copy-ul li a,
	.copy-ul li,
	div.grw-review-content p {

		font-size: clamp(0.8rem, -1.5980rem + 3.2000vw, 1.12rem);
		line-height: clamp(1.3rem, -1.0980rem + 3.2000vw, 1.5rem);
		margin-bottom: 1rem;
	}

	.lob-sections p {

		margin-bottom: 0.5rem;
	}

	.services-wrap p {

		margin-bottom: 0.5rem;
	}


	.get_started p {

		margin-bottom: 1rem;
	}

	.we_service {
		padding: 4%;
	}

	.we_service h2 {

	}

	.footer_contents {
		padding: 4% 0 1% 0;
	}

	.box {
		margin-bottom: 30px;

	}

	.content_box i {
		width: 50px;
		height: 50px;
		font-size: 18px;
		line-height: 50px;
	}

	.box:hover .content_box {
		height: 60px;
		line-height: 60px;
	}

	.content_box span {
		font-size: 20px;
		line-height: 30px;
	}

	.grw-business-header {
		padding: 60px 0 100px 0;
		border-bottom: 0;
	}

	.grw-business-footer {
		padding-bottom: 70px !important;
	}

	.inner_body_content {
		display: flex !important;
	}

	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		.grw-business-footer {
			padding-bottom: 69px !important;
		}
	}

	.no_jot {
		height: 244px;
	}

	.inner_form_content .auto_icon.scale-down,
	.inner_form_content .home_icon.scale-down,
	.inner_form_content .commercial_icon.scale-down,
	.inner_form_content .health_icon.scale-down,
	.inner_form_content .life_icon.scale-down,
	.inner_form_content .other_icon.scale-down {

		width: 100px;
		height: 100px;
		font-size: 45px;
		display: block;
		margin: 0 auto 10px;
		line-height: 100px;

	}

}

@media screen and (max-width: 1199px) {
	
.btn-us-call, .btn-email {
  height: 4vh;
  font-size: clamp(0.7rem, 0.70000rem + 0.0000vw, 1.4rem);
  line-height: 4vh;
}

	a.sms-txt {
		cursor: pointer;
		pointer-events: auto;
		text-decoration: none;
	}

}