@charset "UTF-8";
/* Auto Banner V2 - Mobile Redesign with Product Icon */

@font-face {
  font-family: "Allstate Objektiv",  Arial, sans-serif;
  src: url("https://fonts.googleapis.com/css?family=Allstate+Objektiv:100,100i,300,300i,400,400i,700,700i,800,800i&key=7gw5RZn4zm8X2MRJ");
}

.quote__inner {
    margin-left: 1200px;
}

.quote__blurb {padding-top: 110px;color: #fff; width: 440px; margin: 0 auto; text-align: center;}

.quote__blurb h2 {font-size: 33px; line-height: 36px; margin-bottom: 20px; font-family: "Allstate Objektiv", Arial, sans-serif;
}

.quote__cta {width: 440px; margin: 0 auto; text-align: center;}

.quote__cta__zip {margin-right: 7px;}

.quote__cta__zip, .quote__cta__submit {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;display: inline-block;width: 140px;}

#quote-zip, .quote__cta__submit {font-size: 16px; font-weight: 500; border: none; border-radius: 4px;padding: 8px 10px;}

#quote-zip {border-radius: 4px; border: none; padding: 3px 11px; background-color: #F8F8F8; height: 38px;
width: 100%;
}

#quote-zip::-webkit-input-placeholder { font-size: 16px; }
#quote-zip::-moz-placeholder { font-size: 16px; }
#quote-zip:-ms-input-placeholder { font-size: 16px; }
#quote-zip:-moz-placeholder { font-size: 16px; }

.quote__cta__submit {background-color: #C74E10; color: #fff;}

.quote__cta__submit:hover,
.quote__cta__submit:focus {
  background-color: #b63a25;
}

.quote__cta__submit > span {
    background: url(/resources/Allstate/images/global/caret-right-white.png) no-repeat right 5px;
    padding-right: 20px;
}

.quote__retrieve {font-size: 14px;color: #fff;text-decoration: none;display: block;clear: both;margin-top: 15px;}

.quote__retrieve:hover,
.quote__retrieve:active {
  text-decoration: underline;
  color: #fff;
}

.jumbotron {background: #0033a0 url(/resources/Allstate/images/global/hero-banners/auto-hero-split.png) 0% 0% no-repeat; margin-bottom: 1px;}

.bsHeroBanner .jumbotron.hero {
    background-size: auto; height: 370px; margin-left: -10%;
}

.bsHeroBanner .jumbotron {margin-top: 5px;}
.bsHeroBanner .jumbotron .container {
    margin: 0;
    max-width: none;
}
.bsHeroBanner .jumbotron .container .freeTextBar {
    max-height: 208px;
    margin-top: 50px;
    background-color: #fff;
    box-shadow: 0 0 15px;
    text-align: left; width: auto;
}

.bsHeroBanner .jumbotron p {
    text-transform: none;
    color: #0033a0;
    line-height: 36px; padding-bottom: 16px; padding-left: 7px;
}
.bsHeroBanner .jumbotron .btn-quote {
    height: 36px;
    padding: 6px 20px;
}


@media (max-width: 1920px) {
.bsHeroBanner .jumbotron.hero {
    margin-left: -10%;}
.quote__inner {
    margin-left: 1203px;}
} 
            
@media (max-width: 1680px) {
.bsHeroBanner .jumbotron.hero {
    margin-left: -12%;}
.quote__inner {
    margin-left: 1124px;}
}  
           
 @media (max-width: 1440px) {
.bsHeroBanner .jumbotron.hero {
    margin-left: -18%;}
.quote__inner {
    margin-left: 1000px;}
}  
            
@media (max-width: 1366px) {
.bsHeroBanner .jumbotron.hero {
    margin-left: -20%;}
.quote__inner {
    margin-left: 1000px;}
}           
            
@media (max-width: 1200px) {
.quote__inner {
    margin-left: 694px;}
}

@media (min-width: 992px) {
.bsHeroBanner .jumbotron .container {
    margin: 0;}

.bsHeroBanner .container {
    width: 0;}
}

@media (max-width: 768px) {
	.blue-top {
		background-color: #0033A0;
		padding-bottom: 20px; width: 103%;
	}

.quote__inner {
    margin-left: 0px;
}

.quote__blurb {
    padding-top: 14px;
    color: #fff;
    width: 400px;
    margin: 0 auto;
    text-align: left;
}

.quote__cta {
    text-align: center;
    margin-left: 14px;
    width: 97%;
    margin: 0 auto;
}
  
.floating-quote {
  display: block;
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  text-align: center;
  padding: 18px 35px;
  box-sizing: border-box;
  box-shadow: 0px -1px 7px 0px rgba(0,0,0,.2);
  z-index: 20001;
  text-transform: none;
right:0px;
}

.bsHeroBanner .jumbotron.hero {
    height: 230px;
    margin-left: -10%;
}

.bsHeroBanner .jumbotron .btn-quote {
    height: 36px;
    padding: 7px 96px;
}

.btn {
    font-size: 17px;
}

.bsHeroBanner .jumbotron p {
    text-transform: none;
    color: #333;
    line-height: 36px;
    font-weight: bold;
    font-size: 26px;
    padding-bottom: 10px;
    padding-left: 49px;
}
	.main-page-banner {
		background-color: #fff;
		padding-top: 0px;
	}
	.bsHeroBanner .jumbotron {
		margin-top: -2px; height: 248px;
	}
	.col-md-1 {
		background: transparent url(/resources/Allstate/images/global/hero-banners/interior-mobile/auto-icon.png); background-repeat: no-repeat;
		width: 68px;
		height: 68px;
                margin-left: 35px;
	}

	.bsHeroBanner .jumbotron .container .freeTextBar {
		max-height: 208px;
		margin-top: 0px;
		background-color: #fff;
		box-shadow: 0 0 15px;
		text-align: left;
	}
	.bsHeroBanner .jumbotron.hero {
		background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAwIDIwOSI+PHBhdGggZmlsbD0iIzAwMzNBMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjAwMCAyMDguMTk4QzE2OTMuMTY0IDEyNi45NjYgMTM1NS4zMTMgODIgMTAwMC41IDgyIDY0NS4zMDEgODIgMzA3LjEwMiAxMjcuMDY0IDAgMjA4LjQ2M1YwaDIwMDB2MjA4LjE5OHoiLz48L3N2Zz4=');
		background-repeat: no-repeat; width: 117%; 
	}
	.bsHeroBanner .jumbotron .container {
    margin: 0 auto;
    max-width: 500px;
}
}
/****** show hide ******/
.container .jumbotron, .container-fluid .jumbotron { border-radius: 0px;}
.bsHerobanner .jumbotron {display: none !important;}
.bsHeroBanner .jumbotron .container .freeTextBar {box-shadow: none;}
.hideMobile {display: none !important;}
.showMobile {display: block !important;}
.mobile-only {display: block !important;}
.desktop-only {display: none !important;}
		/**.bgBlueCurve {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAwIDIwOSI+PHBhdGggZmlsbD0iIzAwMzNBMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjAwMCAyMDguMTk4QzE2OTMuMTY0IDEyNi45NjYgMTM1NS4zMTMgODIgMTAwMC41IDgyIDY0NS4zMDEgODIgMzA3LjEwMiAxMjcuMDY0IDAgMjA4LjQ2M1YwaDIwMDB2MjA4LjE5OHoiLz48L3N2Zz4=');background-repeat: no-repeat;width:100%;height:155px;background-position: center center;background-size:cover;margin-top:-30px;} /*need negative margin for IE */