@charset "utf-8";

/* CSS Document */
@media screen and (max-width: 767px) {
	.skip-to-content-link {
		transform: translateY(-500%);
	}

	.skip-to-content-link:focus {
		transform: translateY(-360%);
	}

	.carousel-inner.main>.item>img {
		margin-top: 0px;
	}

	.county-auto {
		float: none;
		margin: 30px auto;
		display: block;
	}

	.box-2,
	.box-4 {
		border-right: none;
	}

	.box-1,
	.box-2,
	.box-3,
	.box-4 {
		border-bottom: 1px solid #2c598f;
	}

	.footer-nav .dropdown-menu.right-open-cs {
		margin: 0 0 0 -32px;
	}

	.col {
		height: auto !important;
	}

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

	.navbar-nav>li a.active,
	.navbar-nav>li a:hover,
	.navbar-nav>li a:focus {
		background: transparent !important;
		color: #eabe53 !important;
	}

	.mar-top-abt {
		margin-top: 15px;
	}

	.navbar-nav>li a {
		padding: 7px 0px;
	}

	#index-heading::after {
		bottom: 2px;
		color: #000000;
	}

	.qte-btn-ins:active {
		width: 100%;
	}

	#index-heading {
		position: relative;
		margin-bottom: 0px;
	}

	.inside-banner-hd {
		height: auto;
	}

	.lob-row-content {
		display: block;
	}

	.sitelock-logo {
		text-align: center;
	}

	h1,
	h1 a,
	h1 a:focus {
		font-size: 22px !important;
	}

	.anc-jmp-fnt,
	.anc-jmp-fnt:focus {
		color: #e31351;
		font-size: 18px;
		line-height: 40px;
	}

	.footer-list-style {
		padding: 0px 15px;
	}

	.white-bg .row {
		display: block;
		width: auto;
	}

	.white-bg [class*=" col-"] {
		display:block;
	}
	
	/* .white-bg { */
		/* height: 100px; */
	/* } */
	
	.eqht {
		height: auto !important;
	}

	.mar {
		margin-top: 106px !important;
		position: relative;
		z-index: 8;
	}

	.logo-block {
		z-index: 99;
	}

	.mobile-quote {
		margin-top: 0px;
	}

	.gold_content h2 {
		font-size: 21px;
	}

	.mar .ht-mb {
		pointer-events: auto;
		margin-top: 70px;
	}

	.overlay .in-top>div {
		padding: 0px;
	}

	.navbar-collapse.collapse {
		z-index: 99;
	}

	.navbar {
		z-index: 99;
	}

	.navbar-nav {
		top: 0px;
	}

	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover {
		background: transparent;
		border: none;
		float: right;
		margin-right: 0px;
		margin-top: -115px;
		padding-left: 0px;
		padding-right: 0px;
		box-shadow: none;
	}

	.navbar-default {
		background: transparent;
		border: 0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff !important;
		line-height: 30px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #eabe53 !important;
	}

	.collapse {
		display: none;
		min-height: auto;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a.active {
		color: #eabe53 !important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #eabe53 !important;
	}

	.overlay {
		padding: 0px;
		top: -106px;
	}

	.navbar-nav {
		position: relative;
		margin: 0;
	}

	.navbar .navbar-nav {
		float: none;
	}

	.navbar-collapse {
		background: #212052;
		position: absolute;
		width: 100%;
		border: initial;
		margin-top: -10px;
	}

	.navbar-default .navbar-nav>.open>a,
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open>a:focus,
	.navbar-nav>li:hover,
	.navbar-nav>li a:hover,
	.navbar-nav>li:hover,
	.navbar-nav>li a:focus {
		background: transparent !important;
		color: #eabe53 !important;
	}

	.navbar-default .navbar-nav .dropdown .dropdown-menu {
		background: #2b2a6c;
		border: none;
	}

	.navbar-nav>li>a {
		text-align: center;
		color: #fff !important;
	}

	.navbar-nav .open .dropdown-menu {
		background-color: #070605;
		border: 0 none;
		box-shadow: none;
		float: none;
		margin-top: 0;
		position: static;
		width: auto;
		text-align: center;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
	}

	.dropdown:hover .dropdown-menu {
		display: none;
	}

	.open>.dropdown-menu {
		display: block !important;
	}

	.caption {
		margin-top: 425px;
		margin-left: 10px;
		padding: 0;
	}

	.caption h2 {
		font-size: 17px;
		line-height: 24px;
		padding: 10px;
	}

	.caption h2 span {
		font-size: 28px;
		line-height: 32px;
	}

	.ins-types a {
		margin-bottom: 20px;
	}

	.ins-boxes h3 {
		font-size: 17px;
	}

	.carousel-control.left-testi {
		left: 40%;
		width: 20px;
		height: 30px;
	}

	.carousel-control.right-testi {
		left: 52%;
		width: 20px;
		height: 30px;
	}

	.blog-left,
	.blog-right {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	footer {
		height: auto;
		text-align: center;
		padding: 0 0 20px;
	}

	footer h4 {
		padding-bottom: 2px;
		margin-top: 40px;
	}

	.qte-btn-ins,
	.qte-btn-ins:focus {
		width: 100%;
	}

	.copyright p {
		text-align: center;
		font-size: 12px;
	}

	.inside-banner {
		height: auto !important;
		overflow: hidden;
	}

	.jot-form {
		height: 1000px !important;
	}

	.whats-new-content p {
		text-align: center;
	}

	.ht-mb {
		margin-top: 50px;
	}

	.footer-nav .dropdown-menu.right-open {
		margin: 0 0 0 -20px;
		text-align: center;
	}

	.right-cnt {
		margin-top: 20px;
	}

	.site-info li {
		text-align: center;
		float: none;
		font-size: 13px;
		display: inline-block;
		margin: 0 auto;
	}

	.site-info ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.footer-nav .dropdown-menu {

		right: 0;
		width: 175px;
	}

	.navbar {
		margin-bottom: 0px;
		min-height: 0px;
	}

	.myaccount-mob-expand li a:hover,
	.myaccount-mob-expand li a:focus {
		color: #eabe53 !important;
	}

	.caption {
		display: none;
	}

	.right-caret {
		border-bottom: 4px solid transparent;
		border-top: 4px solid transparent;
		border-left: 4px solid #fff;
		display: inline-block;
		height: 0;
		width: 0;
		margin: 0px 0px 3px 6px;
	}

	.footer-addrss .fa {
		color: #fff;
		font-size: 16px;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 5px;
		padding-top: 3px;
		float: none;
	}

	.navbar-collapse.collapsing {
		z-index: 99;
	}

	.footer-list-style span {
		display: inline;
	}

	.carousel-control.left {
		margin-left: 0px;
	}

	.carousel-control.right {
		margin-right: 0px;
	}

	.jot-lob-form {
		height: 311px !important;
	}

	.inside-quote-lob {
		height: 400px !important;
	}

	@-moz-document url-prefix() {
		.inside-quote-lob {
			height: 355px;
		}
	}

	.logo-block a {
		margin: 20px 0;
		max-width: 200px;
		display: block;
	}

	.clogo {
		margin-left: 10px;
	}

	.inside-quote h2,
	.inside-quote-lob h2 {
		padding-top: 10px;
	}

	#ci-form-head {
		font-size: 19px !important;
	}

	#cnt-editable1 p,
	#cnt-editable2 p,
	#cnt-editable3 p {
		font-size: 13px;
		text-align: left;
	}

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

	.footer-list-style li>figure {
		display: inline !important;
	}

	.inside-banner img {
		width: 100%;
		height: auto !important;
	}

	.nbs-flexisel-container {

		max-width: 97%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.ins-boxes img {
		height: 39px;
	}

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

	.abt-middle p {
		text-align: center;
		font-size: 10px;
		color: #000;
	}

	.styleOption select {
		padding: 0px 20px;
	}

	.qte-btn.btn-default {
		padding: 8px 30px;
	}

	.footer-list-style {
		font-size: 11px;
	}

	.top-nav li {
		margin-right: 5px !important;
		padding-right: 10px !important;
	}

	/*.ed-1, .ed-2, #tp-ph {
	font-size: 12px!important;
} */
	.navbar-nav>li:hover,
	.navbar-nav>li a:focus,
	.navbar-default .navbar-nav>li>a:focus {
		background-color: transparent;
		color: #000;
	}

	.styleOption select {}

	.inside-quote-lob {
		height: 350px;
	}

	.csIframe {
		resize: both !important;
		overflow: auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.top-cst a {
		padding: 0px;
	}

	.agency-logo {
		margin: 20px 0;
		max-width: 160px;
	}

	h1,
	h1 a,
	h1 a:focus {
		font-size: 24px !important;
	}

	h3,
	.h3 {
		font-size: 19px;
	}

	.anc-jmp-fnt,
	.anc-jmp-fnt:focus {
		color: #e31351;
		font-size: 20px;
		line-height: 56px;
	}

	.top-bar {
		height: 35px;
	}

	.top-bar .ed-1,
	.top-bar .ph-1 {

		height: 35px;
		padding-top: 7px;
	}

	.top-bar .ed-2 {
		padding-top: 7px;
	}

	.top-nav {
		padding: 0px 0 0 0;
	}

	.top-nav li {
		line-height: 18px;
		margin-right: 12px;
		padding-right: 12px;
	}

	.top-social {
		margin-top: -7px;
	}

	/*.ed-1, .ed-2{
font-size:13px;
} */
	.shadowed {
		display: block;
	}


	.top-my-account {
		margin-top: 5px;
	}

	/*.white-bg {
	height: 94px;
}*/
	.carousel-control {
		top: 55%;
	}

	.top-cst {
		font-size: 14px;
		height: 30px !important;
		margin-top: 0px;
		padding: 3px 14px;
	}

	.navbar-nav>li a {
		font-size: 10px;
		line-height: 17px;
		padding: 6px 8px;
	}

	.caption {
		margin-left: 10px;
		padding: 0;
	}

	.caption h2 {
		font-size: 20px;
		margin-top: -10px;
		line-height: 24px;
	}

	.caption h2 span {
		font-size: 28px;
		line-height: 32px;
	}

	.styleOption {
		margin: -10px 0 0 0;
	}

	.ins-boxes h3 {
		font-size: 14px;
	}

	.ins-types h4 {
		font-size: 15px;
	}

	.inside-quote-lob {
		/*height: 297px;*/
		padding: 4px;
	}

	.inside-quote-lob h2 {
		padding: 1px 10px 3px;
		font-size: 15px;
		margin-top: 0;
	}

	.dropdown:hover .dropdown-menu {
		display: none;
	}

	.open>.dropdown-menu {
		display: block !important;
		margin-top: 10px;
	}

	.styleOption-inside select {
		margin-top: 0px;
	}

	.inside-quote {
		height: 185px;
		padding: 5px;
	}

	.btn-default,
	.btn-default:hover {
		margin-top: 8px;
	}

	.right-cnt h2 {
		font-size: 25px;
		line-height: 35px;
	}

	ul.footer-nav {
		font-size: 16px;

	}

	.footer-addrss p,
	.footer-addrss p a {
		font-size: 13px;
		line-height: 20px;
	}

	.inside-banner {
		/* I took the width from your post and placed it in css  width: 760px; */
		height: 350px;
	}

	/* This will style any <img> element in .parent div */
	.inside-banner img {
		height: 100%;
		width: 100%;
	}

	.styleOption select {
		background: transparent;
		height: 40px;
		color: #fff;

	}

	.grid h4 {
		font-size: 16px;
	}

	.caption {
		margin-top: 120px;
	}

}

@media screen and (min-width: 320px) and (max-width: 360px) {
	.footer-list-style li {
		font-size: 16px;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.inside-banner-hd {
		height: 184px;
	}

	.styleOption-inside select {
		margin-top: 8px;
	}

	.i-box-1,
	.i-box-2,
	.i-box-3,
	.i-box-5,
	.i-box-6,
	.i-box-4 {
		padding-bottom: 28px;
	}

	.inside-quote h2 {
		font-size: 19px;
		margin-top: 12px !important;
		line-height: 19px;
	}

	.footer-list-style>li:last-child {
		margin-top: 8px;
	}

	.white-bg {
		height: 135px;
	}

	.navbar-nav {

		top: 50px;
	}

	.carousel-inner.main>.item>img {
		margin-top: 170px;
	}
}

@media screen and (min-width: 980px) and (max-width: 1199px) {

	.abt-middle p {
		text-align: center;
		font-size: 13px;
		color: #000;
	}

	.inside-banner-hd {
		height: 240px;

	}

	/*.pet-img {
object-position :0px -30px;
}*/
	.right-cnt h2 {
		font-size: 35px;
	}

	.navbar-nav>li a {
		font-size: 14px;
		line-height: 17px;
		padding: 6px 8px;
	}

	/*.ed-1, .ed-2{
font-size:13px;
} */
	.caption {
		margin-top: 100px;
		margin-left: 10px;
		padding: 0;
	}

	.caption h2 {
		font-size: 24px;
		line-height: 29px;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.caption h2 span {
		font-size: 32px;
		line-height: 36px;
	}

	.inside-quote {
		height: 241px;
	}


	.styleOption-inside select {
		margin-top: 8px;
	}

	.styleOption select {

		height: 40px;

	}

	.qte-btn-ins {
		font-size: 14px;
	}

	.ins-boxes h3 {
		font-size: 17px;
	}

	.i-box-1,
	.i-box-2,
	.i-box-6 {
		padding-bottom: 28px;
	}

	.i-box-3,
	.i-box-5,
	.i-box-4 {
		padding-bottom: 28px;
	}

	.dropdown:hover .dropdown-menu {
		display: none;
	}

	.open>.dropdown-menu {
		display: block !important;
		margin-top: 10px;
	}
	
	.styleOption select, .styleOption input {
		width: 22%;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1699px) {
	.caption {
		margin-top: 150px;
	}

	.caption h2 {
		font-size: 40px;
		line-height: 55px;
	}

	.caption h2 span {
		font-size: 52px;
		line-height: 60px;
	}
}

/*
@media screen and (max-width: 530px) {
.jot-lob-form {
	height: 220px !important;
}
} */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.inside-quote input {
		padding-left: 4px !important;
	}

	.styleOption select,
	.styleOption input {
		background: #fff;
		color: #000;
		width: 30%;
	}

	.styleOption option {
		color: #fff;
	}

	#index-heading {
		font-size: 34px;
	}
}

@media screen and (min-width: 980px) and (max-width: 991px) {
	.agency-logo {
		margin: 30px 0;

	}

	.caption {
		margin-top: 28px !important;
	}

	.inside-quote h2 {
		font-size: 19px;
		margin-top: 5px !important;
		line-height: normal;
	}

	.inside-banner-hd {
		height: 184px;
	}

	.inside-quote {
		height: 185px !important;
	}

	.navbar-nav>li a {
		font-size: 12px;
		line-height: 18px;
		padding: 6px 7px;
	}

	.inside-banner img {
		height: 100%;
		width: 100%;
	}

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.styleOption select {
		padding: 0px 20px;
	}

	.squote h2 {
		font-size: 28px;
	}

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

}