a, a:hover, a :visited, a:focus {color: inherit;text-decoration: none;}
/*=========== Global Styles ===========*/
.wid16{width: 16.66666667%;}
.wid20{width:20%;}
.wid100{width:100%;}
.block{display:block;}
.inline-block{display:inline-block;}
.font10{font-size:10px;font-size:1rem;}
.font14{font-size:14px;font-size:1.4rem;}
.font16{font-size:16px;font-size:1.6rem;}
.font18{font-size:18px;font-size:1.8rem;}
.font20{font-size:20px;font-size:2rem;}
.font24{font-size:24px;font-size:2.4rem;}
.font26{font-size:26px;font-size:2.6rem;}
.font30{font-size:30px;font-size:3rem;}
.font32{font-size:32px;font-size:3.2rem;}
.font38{font-size:36px;font-size:3.8rem;}
.strong{font-weight:700;}
.nopadding{padding:0;}
.dramatic-shadow{position:relative;box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
/*quote button*/
.red-button{
  padding:.2em .5em;
  border:1px solid #5d0f15;
  border-radius:6px;
  color:#fff;
  cursor:pointer;
}
.red-button:hover{
  color:#fff;
  text-decoration:none;
}


.red-button{/*red button is now blue*/
    color: #FFF;
    padding: 5px 16px;
    font-size: 0.96em;
    font-weight: bold;
    text-shadow: 0 1px 0 #03497d;
    border: 1px solid #0c69ae;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px #57b1f3;
    -moz-box-shadow: inset 0 1px 1px #57b1f3;
    box-shadow: inset 0 1px 1px #57b1f3;
    background: #006dcc;
    background: -webkit-linear-gradient(#0f91f1, #0a70bc, #0c69ae);
    background: -o-linear-gradient(#0f91f1, #0a70bc, #0c69ae);
    background: -moz-linear-gradient(#0f91f1, #0a70bc, #0c69ae);
    background: linear-gradient(#0f91f1, #0a70bc, #0c69ae);
}
.red-button:hover,.blue-button:hover {
    color:#FFF;
    text-decoration:none;
    border: 1px solid #0a5a96;
    -webkit-box-shadow: inset 0 1px 1px #559ace;
    -moz-box-shadow: inset 0 1px 1px #559ace;
    box-shadow: inset 0 1px 1px #559ace;
    background: #0b6fb9;
    background: -webkit-linear-gradient(#0b6fb9, #0a5a96);
    background: -o-linear-gradient(#0b6fb9, #0a5a96);
    background: -moz-linear-gradient(#0b6fb9, #0a5a96);
    background: linear-gradient(#0b6fb9, #0a5a96);
}
.red-button:active {
    border: 1px solid #0a5a96;
    -webkit-box-shadow: inset 0 2px 4px #094d80;
    -moz-box-shadow: inset 0 2px 4px #094d80;
    box-shadow: inset 0 2px 4px #094d80;
    background: #0b6fb9;
    background: -webkit-linear-gradient(#0b6fb9, #0a5a96);
    background: -o-linear-gradient(#0b6fb9, #0a5a96);
    background: -moz-linear-gradient(#0b6fb9, #0a5a96);
    background: linear-gradient(#0b6fb9, #0a5a96);
}
.red-button:after{
	content: ">";
	vertical-align:top;
	margin-left:.5em;
}

/*agent*/
.agent>img{
	vertical-align:top;
}
.agent>.inline-block{
	padding-left:1.5em;
	width:12em;
}
.agent .red-button{display:inline-block;margin-top:.5em;}
/*=========== Logo Bar ===========*/
header{
	background-color:#E1261C;
	z-index:3;
}
header>div{
	padding:.333em 0;
	z-index:3;
}
.logo-bar{
	color:#fff;
}
.logo-bar:before{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.logo{margin-top:1em;}
.logo-bar>div{
	vertical-align:middle;
}
.logo-bar>div>button{margin:0;line-height:0;}
.logo-bar>div>button>span{margin:0;}
.logo-bar>div>button>img{margin-left:1em;vertical-align:baseline;}
.logo-cta{line-height:2.2em;}
.logo-cta img{
vertical-align:baseline;
margin-right:.7em;
}
/*=========== Nav Bar ===========*/
.nav-bar-wrapper{
	background-color:#e6e6e6;
	z-index:2;
}
.nav-bar{
  background-color:#e6e6e6;
  z-index:2;
}
.nav-bar>ul{
  margin-bottom:0;
  width:100%;
}
.nav-bar>ul>li{padding:0;}
.nav-bar>ul>li:not(:last-of-type){border-right:1px solid #cecece;}
.nav-bar>ul>li>a{
  display:block;
  width:100%;
  padding:.35em 0;
  text-align:center;
  font-size: 1.28em;
  color:#000;
}
.nav-bar>ul>li.nav-active{background-color:#b6b6b6;}
/*========== Hero Bar ==========*/
.hero-bar-wrapper{
	background-color:#fff;
	position:relative;
	height:200px;
}
/*Desktop Image only*/
.index .hero-bar-wrapper,.four-oh-four .hero-bar-wrapper {background: #f3f4ef url(../img/hero-index-desk.jpg) no-repeat center center;}
.auto .hero-bar-wrapper{background: #e8e8ea url(https://statefarm2.ptdev.dacgroup.com/resources/img/hero-auto-desk.jpg) no-repeat center center;}
.homeowners .hero-bar-wrapper{background: #fff url(https://statefarm2.ptdev.dacgroup.com/resources/img/hero-home-desk.jpg) no-repeat center center;}
.condo .hero-bar-wrapper{background: #f5f5f5 url(https://statefarm2.ptdev.dacgroup.com/resources/img/hero-condo-desk.jpg) no-repeat center center;}
.tenant .hero-bar-wrapper, .renters .hero-bar-wrapper{background: #d8cfbe url(https://statefarm2.ptdev.dacgroup.com/resources/img/hero-rent-desk.jpg) no-repeat center center;}
.life .hero-bar-wrapper{background: #f3f4ef url(https://statefarm2.ptdev.dacgroup.com/resources/img/hero-life-desk.jpg) no-repeat center center;}

.hero-bar{
	padding:0;
}
.hero-bar>img{
	width:100%;
	min-height:8em;
}
.hero-bar>.hero-title {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0 14em 0 50em;
 }
.hero-title>h1{
  font-size: 2.0625em;
  text-align: left;
  font-weight: 700;
  text-shadow: 0 0 .2em #fff,0 0 .2em #fff,0 0 .2em #fff;
  margin:0;
}
.hero-title:before{content:""; height:100%;}
.hero-title>h1, .hero-title:before{
	display:inline-block;
	vertical-align:middle;
}
 .hero-title>h1 sup {
    font-size: .5em;
    top: -1em;
}
/*========= Featured Bar =========*/
.featured-bar-wrapper{background-color: #E1261C;}
.featured-bar>.col-sm-8{
	padding-bottom:1em;
}
.featured-bar .agent{
	margin:1em 0 0 10em;
	color:#fff;
}
.agent{letter-spacing:0.05em;}
.agent>img{
	width:24%;
	height:auto;
	max-width:155px;
	border:4px solid #fff; /*comment this out, and one in tab view to remove #white border #whiteborder*/
}
.agent>.inline-block{
	width:73%;
}
.featured-bar>.col-sm-4{
	margin: 2.44em 0;
	font-size: 1.57em;
	color:#fff;
	text-align:center;
}
.featured-bar>.col-sm-4>div.font2em{
	font-size:2em;/*44px*/
	font-weight:bold;
	}
/*========= Left Content =========*/
/*.content-left>div{display:inline-block;}*/
.red-button.directions-button{
    margin-top: 1em;
    padding: .2em .9em;
    display: inline-block;
}
.hours-of-operation{
	vertical-align:top;
	padding-left:2em;
}
.hours-of-operation>div.clearfix{
	padding:.25em;
	margin-left: 1em;
}
.highlighted-date{background: #FFE4C7;}
.hours-of-operation .hoh-title{font-size:1.57em;/*22px*/}
.hours-of-operation>div>span{float:left;}
.hours-of-operation .hoh-day{width:40%;}
.hours-of-operation .hoh-time{width:60%;}
.content-left>ul {
	margin-bottom: 2.1em;
	padding-left: 1.3em;
	font-size: 1.5rem;
}
/*map*/
#map{width:100%;max-width:100%;height:25em;}
/*======== Right Content ========*/
.content-right{
  padding: 1.6em 1em 1em 4em;
}
.content-right>img{
	width:100%;
	height:auto;
}
.content-right>div{
	background-color:#f0f0f0;
	padding:1em;
}
.content-right>div>ul{
	line-height:1.9em;
	padding-left:1em;
	font-size:1.5rem;
}
/*============ Footer ============*/
footer{
	padding-top:2em;
	border-top:1px solid #dcdcdc;
	margin-top:6em;
	padding-bottom:2em;
	font-size:.786em;
	color:#8c8c8c;
	background-color:#e5e5e5;
}
.foot>div{margin-bottom:1em;}

.StickyFooter {display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: .5em .5em 0 .5em;
	background: #f0f0f0;
	border-top: 10px solid #c31820;
	font-size: 14px;
	}

.StickyFooter .blue-button {
    bottom: 0;
    width: 100%;
    max-width: none;
    height: auto;
    padding: .25em;
	}

footer {
    margin-bottom: 10em;
}

/*============ Responsive ============*/
@media(max-width:1199px){
.hero-bar-wrapper{height:auto;}
.hero-bar{width:100%;}
.hero-bar>.hero-title{
	max-width: 970px;
	padding: 3em 2em 3em 50.6%;
}
.featured-bar .agent{margin-left:0;}
}
/*Tablet (sm)*/
@media(max-width:991px){
.container{
	width:100%;
}
.content-right{
	padding: 1em;
}
.featured-bar>.col-sm-4>div.font2em{font-size:1.5em;}
.hours-of-operation .hoh-day{width:25%;}
.hours-of-operation .hoh-time{width:75%;}
}
/*============ Mobile (xs) ============*/
@media(max-width:767px){
.blue-button{
	display:block;
	width:100%;
	margin:1em 0;
	max-width:20em;
	font-size:1.5em;
    border-radius: 6px;
	color:#fff;
	text-align:center;
    border: 1px solid #0c69ae;
    background: #006dcc;
    background: -webkit-linear-gradient(#0f91f1, #0a70bc, #0c69ae);
    background: -o-linear-gradient(#0f91f1, #0a70bc, #0c69ae);
    background: -moz-linear-gradient(#0f91f1, #0a70bc, #0c69ae);
    background: linear-gradient(#0f91f1, #0a70bc, #0c69ae);
	}
.blue-button>a{
    padding: .25em 0;
	display:inline-block;
	width:100%;
	background: url("../img/phone-icon.png") 5% 50%/7% no-repeat;
	cursor:pointer;
}
.content-left>ul,.content-left p,.content-right>div>ul{font-size:16px;line-height: 1.55;}

.red-button{font-size:1.25em;font-weight: 100;}
/*logo bar*/
.logo{margin-top:.5em;}
/*ugly. Please fix in future*/
.logo-bar>div:not(:last-of-type) {
    vertical-align: middle;
    float: none;
    width: 48%;
    display: inline-block!important;
}
.logo-bar>div.text-right{
	padding-right: 0;
}
.logo-bar>div>button{
	padding-right:0;
}
/*Nav*/
.container>.navbar-collapse{width:100%;margin:0;}/*prevent bootstrap extra space on nav*/
.nav-bar .wid20, .nav-bar .wid16{width:100%;}
.nav-bar>ul{margin: 0;}
.nav-bar>ul>li{
	padding: .5em 0;
	font-size: 1.5rem;
}
.nav-bar>ul>li:not(:last-of-type){
	border-right:none;
	border-bottom:1px solid #cecece;
}
.nav-bar>ul>li>a{
	padding: 1em 0 1em 1em;
	text-align:left;
}
/*hero*/
.hero-bar>.hero-title{
	padding: 2em 2em 3em 33.6%;
	text-align:right;
}
.hero-bar>.hero-title>h1{text-align:right;}
/*featured*/
.agent{
	width:100%;
	padding:0;
}
.agent .blue-button {
    width: 90%;
    margin: 1em auto;
}
.agent>img{
	width:24%;
	height:auto;
	max-width:155px;
	border:2px solid #fff;
}
.agent .col-xs-5{
    float: none;
    display: block;
    margin: 0 auto;
    width: 40%;
}
.agent .col-xs-5 .red-button{width:100%;text-align: center;}
/*content*/
.content-right>div{
	padding:1em 0;
}
.hours-of-operation {
   padding-left: 0;
   font-size:16px;
}
.hours-of-operation .hoh-day{width: 35%;font-weight: 700;}
.hours-of-operation .hoh-time{width: 65%;letter-spacing: .05em;}
.red-button.directions-button {
	display: table;
	margin: 1em auto 0;
	font-weight: 400;
}
.content-right{width:75%;margin:0 auto;}
.content-right>div{
	width:100%;
	padding:1em;
}
.content-left>ul {
	padding-left: 1.75em;
}
.content-right>img{width:100%;}
/*footer*/
footer{
	margin-top:0;
	padding-bottom:2em;
}
}
/*################tiny mobile################*/
@media(max-width:500px){
.navbar-toggle img{width:30px; height:auto;}
.navbar-toggle .font30{font-size:20px;font-size:2rem;}/*Menu text*/
.hero-bar>.hero-title{
	padding: 0;
	padding-right: 18px;
}
.hero-bar>.hero-title>h1{
	font-size:1.7em;
	width:80%;
}
.blue-button{
	font-size:1.2em;
}
.featured-bar{padding:1em 0;}
.agent .font26 {
    font-size: 2rem;
}
.agent .font20 {
    font-size: 1.6rem;
}
.agent .visible-xs .col-xs-5, .agent .visible-xs .col-xs-7{
	width:50%;
}
.content-left{padding:0;}
.content-left .row{margin:0;}
.content-left .blue-button{font-size: 21px;font-size: 2.1rem;}
.content-right{width:100%;}
}
@media(min-width:767px) {
    .mobOnly {
        display: none;
    }
}