@charset "utf-8";

@media screen and (max-width: 767px) {
.inner-main-content .right-side {
    margin-bottom: 0px;
}
.main-content ul {
    column-count: 2;
}
.callout img {
    max-width: none;
    min-width: auto;
    max-height: 300px;
    min-height: 200px;
    height: auto;
    object-position: 0 50%;
}
.callout .wrap {
    flex-direction: column;
    gap: 20px;
}
.inner-main-content .col-md-8 {
    padding-right: 0px;
}
.gradient-bg:has(.ins-boxes) {
    padding: 0px;
}
.ins-boxes {
    border-radius: 0px;
    box-shadow:none;
}
 .carousel-inner.main>.item>img {
height: auto;
     max-height: 300px;
     min-height: 200px;
}
 .carousel-inner.main.index>.item>img {
height: auto;
     max-height: 300px;
     min-height: 200px;
}
	.fixed-cta h2 {

    font-size: 17px!important;
  }
.top-bar ul.top-phone {
    display:none;
}
 .mobile-issue-fix {
    margin-top: 175px;
  }
.cqFix, .no-img {
	display: none;
}
.carousel-inner.main>.item>img {
    height: auto;
}
.banner-gad {
	display: none;
}
div.ins-boxes .col-md-3.grid-change {
    border-bottom: 1px solid #cbc8cc;
	border-right: 1px solid #cbc8cc;
	border-left: 1px solid #cbc8cc;
}
#agency-logo {
margin:34px 0 0;
/*! width:120px; */
}
.margin-fix {
	padding-top:150px;
}
.ins-quote-ht {
    height: auto !important;
}
h1 {
font-size:36px;
line-height: 44px;
}
.hightlight h1 {
    margin-bottom: 5vh;
}
.copyright p .nobreak {
  display: inline-block;
}
.cover-insurance-heading h2,.review-sections h2,.carrier h2 {
font-size:24px
}
.cover-insurance{
	padding:0 30px;
}
.cover-insurance .col-md-4 {
    margin: 5vh 0;
}
.main-content p {
font-size:16px
}


.white-bg .row {
display:block;
width:auto
}

.white-bg [class*=" col-"] {
display:block
}

.white-bg {
height:160px;
background:#0d0c0d;
position: fixed;

width: 100%;
}

.eqht {
height:auto!important
}

.mar {
margin-top:90px!important;
position:relative;
z-index:8
}

.mar .ht-mb {
pointer-events:auto;
margin-top:66px
}

.overlay .in-top > div {
padding:0
}

.overlay {
padding:0;
top:0;
z-index:9
}

.agency-logo {
margin-top:25px;
max-width:230px
}

.myaccount-mob-expand {
background-color:#0d0c0d;
width:100%;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
text-align:center;
z-index:1;
border: 1px solid #cbc8cc;
}

.myaccount-mob-expand ul {
margin:10px 0 0;
padding-bottom:10px;
margin-top:0;
padding-left:0
}

.myaccount-mob-expand li {
padding:8px 0 0;
list-style-type:none
}

.myaccount-mob-expand li a {
color:#fff;
font-weight:700
}

.myaccount-mob-expand li a.active {
color:#fff;
color:#fff
}

.myaccount-mob-expand li a:hover {
color:#f6931e;
text-decoration:none
}

.phone-view {
margin-top:175px;
}

.mobile-go {
color:#fff;
padding:10px 18px;
font-size:18px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border:0;
margin-bottom:10px;
text-align:center;
background:#1a171a;
border: 1px solid #403b40;
width:100%
}
.mobile-go:hover, .mobile-go:focus {
	background: #0d0c0d;
	color:#fff;
}
.phone-view .fa {
    color: #f6931e;
}
.mobile-address {
background:#cbc8cc;
color:#0d0c0d;
padding:5px 0 20px;
text-align:center;
margin-bottom:20px;
margin-top:10px
}

.mobile-address h5 {
font-size:21px
}

.mobile-address p {
font-size:16px;
line-height:30px;
color:#0d0c0d;
margin:15px 0
}

.mobile-direction {
background:#0d0c0d;
padding:4px 20px;
font-size:16px;
border-radius:0;
color:#fff;

font-style:italic
}
.mobile-direction:hover, .mobile-direction:focus {
	background: #262326;
	color: #fff;
}
div.ins-boxes .col-md-3.grid-change {
width:100%;
border-bottom: 1px solid #7f7d80;
}

.col-md-3.box-1,.col-md-3.box-2,.col-md-3.box-3,.col-md-3.box-4,.col-md-3.box-5 {
background-size:100%
}

.color-tab {
position:relative
}

.color-tab1,.color-tab2,.color-tab3 {
width:100%
}

hr.sub-title-border,hr.title-border {
width:100%
}

.social-mid {
height:160px
}

.social-mid li a .fa {
font-size:24px
}

.social-mid li a {
padding:12px;
border-radius:60px
}
.collapsing {
-webkit-transition: height .25s ease;
-o-transition: height .25s ease;
transition: height .25s ease;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a: hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a: focus {
color:#0d0c0d;
background-color:#cbc8cc
}

.menu-top > li.active {
background-color:#cbc8cc;
border-bottom:none;
padding-left:30px;
padding-right:0
}

.navbar-collapse > ul.navbar-nav {
text-align:justify;
position:relative;
z-index:9999;
padding-left:30px;
padding-right:0;
border-bottom:none;
padding-bottom:300px;
}

.dropdown-menu li {
padding-left:15px;
padding-right:15px
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
border:none
}

.no-pad-in {
padding-left:15px;
padding-right:15px
}

.nav-top {
height:100%;
left:0;
overflow-x:hidden;
overflow-y:auto;
position:fixed;
background:#0d0c0d;
width:100%;
top:150px;
padding-bottom:150px;
visibility:hidden
}

.nav-bg .nav-top {
transform:translate3d(0px,0px,0px);
transition:transform .5s ease 0;
visibility:visible;
margin-top:10px
}

.pos-fix {
position:fixed;
overflow:hidden
}

.menu-top > li {
display:block;
float:none
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a: hover,.navbar-default .navbar-nav > .active > a: focus {
background-color:transparent;
border-bottom:none
}

.navbar-default .navbar-nav > li > a: hover,.navbar-default .navbar-nav > li > a: focus {
color:#eee;
background-color:transparent;
text-shadow:none;
border-bottom:none
}

.navbar .navbar-collapse {
position:absolute;
width:100%
}

.navbar {
min-height:0;
margin-bottom:0;
padding-top:0;
margin-top:0
}

.navbar-collapse > ul.navbar-nav > li {
text-align:center
}

.nav-top {
height:100%;
left:0
}

.nav {
background:transparent;
width:100%;
float:none!important
}

.navbar-nav .open .dropdown-menu {
padding:0
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a ,
.navbar-default .navbar-nav .dropdown-menu li a.submenu-link{
color:#fff;
text-align:center;
font-size:15px;
margin:15px 0;
font-weight:600
}


.navbar-default .navbar-nav .open .dropdown-menu > li > a: hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a: focus {
color:#f6931e
}

.nav-content {
padding:0;
z-index:10
}

.mar-top-soc {
background-color:#cbc8cc
}

.logo-agency img {
max-width:100%;
display:inline-block;
width:200px
}

.navbar-header {
position:absolute;
top:-80px;
right:0
}

.navbar-toggle {
padding-top:0;
margin-top:15px;
margin-right:0;
border:0
}

.navbar-toggle,.navbar-default .navbar-toggle: hover,.navbar-default .navbar-toggle: focus {
border:none!important;
background:none;
padding:0
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
background:transparent;
border:0
}

.logo-anchor {
display:inline-block;
margin:12px 0
}

.logo-size {
width:150px
}

.navbar-default .navbar-nav > li > a {
margin:18px 17px;
font-size:18px;
z-index:9999;
position:relative;
color: #fff !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff !important;
}
.navbar-default .navbar-nav > li > a.active {

    color: #fff !important;

}
.nav > li {
    position: relative;
    display: block;
	z-index:9999;
}
.navbar-toggle span: nth-child(1) {
top:15px
}

.navbar-toggle span: nth-child(2) {
top:22px
}

.navbar-toggle span: nth-child(3) {
top:22px;
opacity:0
}

.navbar-toggle span: nth-child(4) {
top:29px;
transition:all .25s ease-in-out 0;
-webkit-transition:all .25s ease-in-out 0
}

.navbar-toggle.nav-bg span: nth-child(1),.navbar-toggle.nav-bg span: nth-child(4) {
opacity:0;
top:24px
}

.navbar-toggle.nav-bg span: nth-child(2) {
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transition-delay:.25s;
-webkit-transition-delay:.25s
}

.navbar-toggle.nav-bg span: nth-child(3) {
opacity:1;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transition-delay:.25s;
-webkit-transition-delay:.25s
}

.navbar-toggle {
background-color:transparent;
cursor:pointer;
height:43px;
overflow:hidden;
width:43px;
float:right;
z-index:100;
bottom:20px;
margin-top: 20px;
}

.navbar-toggle span {
background:#f6931e none repeat scroll 0 0;
display:block;
height:3px;
left:9px;
opacity:.8;
position:absolute;
transform:rotate(0deg);
-webkit-transform:rotate(0deg);
transition:all .25s ease-in-out 0;
-webkit-transition:all .25s ease-in-out 0;
width:26px
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color:#fff;
}

.tablet-view {
height:auto!important
}

.mobile-container {
padding-left:0;
padding-right:0
}

.cover-insurance h2 {
padding-left:20px
}

.cover-insurance p a.btn-default {
float:none;
display:block;
margin-left:auto;
margin-right:auto
}
.cover-insurance img{
	width:100%;
}
.column-p {
height:auto!important
}

.lob-jot-form {
border:0;
height:311px!important;
width:96%
}
	

.submenu-wrapper {
  display: inherit!important;
}
.navbar-default .navbar-nav .dropdown-menu li a.submenu-link{
	color:#fff!important;
}
.navbar-default .navbar-nav .dropdown-menu li a.submenu-link {
  padding-right: 0;
}

 .navbar-default .navbar-nav .dropdown-menu .dropdown-submenu i {
    color: #f6931e;
    font-size: 18px;
    width: 18px;
    height: 18px;
    background: #0d0c0d;
    padding: 0px;

    border-radius: 40px;
  }
  
  .dropdown-submenu {
  text-align: center;
}


}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  .quote-box input, .quote-box select, .quote-box textarea {
     color: #0d0c0d;
  	}
	.collapsing {
-webkit-transition: height .25s ease;
-o-transition: height .25s ease;
transition: height .25s ease;
}
}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.quote-box input, .quote-box select, .quote-box textarea {
     color: #0d0c0d;
  	}
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  
  .quote-box input, .quote-box select, .quote-box textarea {
     color: #0d0c0d;
  	}

}


@media screen and (min-width: 768px) and (max-width: 991px) {
.main-content ul {
    column-count: 2;
}
.inner-main-content .col-md-8 {
    padding-right: 0px;
}
.ins-boxes h3 {
font-size: 16px;
}

	.fixed-cta h2 {

    font-size: 17px!important;
  }
.top-bar ul > li > a, .top-bar ul.top-phone li {
font-size:14px;
}
.top-bar ul>li {
    margin-left: 5px;
}
.dropdown.top-accnt {
    margin-left: 10px !important;
}
.carousel-inner.main.no-img>.item>img, .cqFix {
	height: 160px;
}
.column-p {
height:auto!important
}
.carriers-box h3 {
	font-size:12px;
}
#agency-logo {
	width:140px;
}
.ins-quote-ht {
    height: auto !important;
}
.top-bar ul > li > a {
font-size:1em
}

hr.nav-border {
width:69%
}

.navbar-default .navbar-nav > li > a {
margin:15px 5px;
font-size:12px
}

.caption {
margin-top:60px;
}

.caption h2 {
font-size:24px;
margin-top:0px;
}

.caption p {
font-size:14px;
line-height:20px
}
.carousel-inner.main>.item>img {
     max-height: 500px;
     min-height: 400px;
}
 .carousel-inner.main.index>.item>img {
     max-height: 600px;
      min-height: 450px;
}

.col-sm-4.tablet-view {
width:33.3333333%;
border-right:2px solid #f6931e
}

.right-side h3, .right-side h2 {
font-size:20px
}

.quote-box, ul.servicing-states, .col-sm-4.tablet-view:last-child {
border-bottom:0;
border-right:0
}

ul.servicing-states li {
  font-size: 13px;
  line-height: 22px;
}

.inner-main-content .right-side {
margin-left:-10px;
width:103%
}

/*.inner-main-content .color-tab {
background:#0d0c0d
}*/

.color-tab1, .color-tab2 {
	width: 100%;
}


.color-tab3 {
height:2px;
width:100%
}

.styleOption select {
width:50%;
display:block
}

.i-box-1,.i-box-2,.i-box-3,.i-box-4,.i-box-5 {
padding:30px 0
}
.carriers-box p{
font-size:11px;
}
.copyright p, .copyright p a {
    font-size: 14px;
}

.styleOption
{
	margin: 8px 0 20px;
}

}

  
@media screen and (min-width: 980px) and (max-width: 1199px) {
.ins-boxes h3 {
font-size: 20px;
}
.carousel-inner.main>.item>img {
     max-height: 650px;
     min-height: 450px;
}
 .carousel-inner.main.index>.item>img {
     max-height: 750px;
      min-height: 500px;
}
.carousel-inner.main.no-img>.item>img, .cqFix {
	height: 220px;
}
.top-bar ul > li > a, .top-bar ul.top-phone li {
font-size:15px;
}
.top-bar ul>li {
    margin-left: 5px;
}
.caption {
margin-top:60px;
}

.caption h2 {
font-size:24px;
margin-top:0px;
}

.caption p {
font-size:16px;
line-height:22px
}
.styleOption {
    margin: 10px 0;
}
.qte-btn.btn-default {
    margin-top: 10px;
}

.styleOption
{
	margin: 8px 0 20px;
}


}

@media screen and (max-width: 991px) {
hr.title-border,hr.sub-title-border {
width:100%
}
}

@media screen and (min-width: 991px) {
.tablet-view {
height:auto!important
}
}

@media screen and (min-width: 980px) and (max-width: 991px) {

.carousel-inner.main.no-img>.item>img, .cqFix {
	height: 160px!important;
}
.navbar-default .navbar-nav > li > a {
padding:5px 9px 0 0;
font-size:11px
}
}
@media screen and (max-width: 1199px) {
  a.sms-txt {
    cursor: pointer;
    pointer-events: auto;
    text-decoration: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.navbar-default .navbar-nav > li > a {
font-size:14px;
margin:15px 10px
}
.footer-content ul li {
	font-size:14px;
}

.carriers-box h3 {
	font-size:16px;
}
hr.nav-border {
width:64%
}
}

@media screen and (min-width: 320px) and (max-width: 560px) {
  .lob-jot-form {
 
    height: 426px !important;


  }
}
@media screen and (max-width: 450px) {
    .main-content ul {
    column-count: 1;
}
}
@media (min-width: 768px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

  .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  position: absolute;
  background: #0d0c0d;
  background: linear-gradient(90deg, #0d0c0d, #0d0c0d);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  }

  .dropdown-submenu {
    position: relative;
  }
  
 #bs-example-navbar-collapse-1 .dropdown-menu {
 
  min-width: 196px;
  
  
}
  .navbar-default .navbar-nav .dropdown-menu li a.submenu-link {
    padding: 3px 0 3px 20px;
    color: #fff;
  }

  .navbar-default .navbar-nav .dropdown-menu .dropdown-submenu i {
    padding: 10px 10px 10px 0;
    color: #f6931e;
  }


}



