/******** Allstate Fonts ********/
/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
@import url('https://fonts.googleapis.com/css?family=Allstate+Objektiv:100,100i,300,300i,400,400i,700,700i,800,800i&key=7gw5RZn4zm8X2MRJ');
/******** End Allstate Fonts ********/

body {font-family: 'AllstateObjecktiv', Arial, sans-serif; font-size: 16px;line-height: 1.38; color: #333333; background-color:#ffffff;margin-top: 0px}

/********* Quicken LP container and content ********/
.containerQuicken {font-family: 'AllstateObjecktiv', Arial, sans-serif; width:100%; max-width: 100%; margin:0 auto;padding-bottom:22px;}
.contentQuicken {/*max-width:1440px;*/width: 100%;background-color:#0033a0;margin:0px auto;}
.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 */
	
/******** TopHat ********/
.topHeader {background-color: #001b57; width: 100%;height: 75px;z-index:200;position: fixed;left:0;top:0;box-shadow: 0 1px 0 0 rgba(0, 51, 160, 0.1);}
.topHeader .topHeaderInner {position: relative;margin:0 auto;/*max-width: 1440px;*/width: 100%;overflow: hidden;}
.topHeader .allstate-logo{margin:20px 0 0 20px;text-decoration: none;}
.topHeader .castlekey-logo{margin:20px 0 0 20px;text-decoration: none;}
/*.topHeader .allstate-logo span {visibility: hidden;}*/
.topHeader p.arsTitle {text-align: right;height: 30px;width: 353px;font-size: 21px;color:#fff;letter-spacing: -0.2px;font-weight: 600;}
.topHeader .topHeaderInner a {color: #001e60;font-weight: bold;/*padding: 1px 15px;*/white-space: nowrap;}
.topHeader  a:link, a:visited {text-decoration: none;}
.topHeader h1 {color: #fff;}
.topHeader p {font-weight:bold;font-size: 1.2em;line-height:1.2em; ;margin-top:8px;text-align: left; display:block;}
.topHeader .rulesBtn {float: right;width: 150px;padding: 1.5% 5% 1% 0%;margin:0 3% 0 0;}
.topHeader .rulesBtn a {color: #fff;font-weight:700; font-size: 1em; float: right;text-decoration: none;}
.topHeader .rulesBtn a:hover {text-decoration: underline;}
.topHeader .downloadBtn {float: right;width: 150px;padding: 1.5% 5% 1% 0%;margin:0 5% 0 0;}
.topHeader .memberLoginBtn {width: 432px;height: 12px;font-family: AllstateObjektiv;font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 0.75;letter-spacing: normal;text-align: right;color: var(--white);}

/********* Headline ************/
.headlineWrapper {width: 100%; height: auto;margin:80px auto 0px;background-color:#0033a0;}
h1.headline {font-size:48px;line-height:52px;font-weight:500;text-align: center;width:100%;padding-bottom:1rem;}
h2.subtitle {font-size: 36px;line-height: 52px;font-weight: 500px;text-align: center;width: 100%;padding:1rem 0;}
	@media only screen and (max-width:769px){
		h1.headline {font-size:32px;line-height:42px;}
		h2.subtitle {font-size: 20px;line-height: 36px;}
	}
	@media only screen and (max-width:488px){
	h1.headline {padding:0 3%;}
	h2.subtitle {padding:0 3%;}
	}
/********* Hero Section ********/
.heroWrapper {width: 100%; height: auto;margin:60px auto;background-color:#0033a0;}
.hero {max-width:1248px;width: 97%; height: 507px;margin:0px auto;background: no-repeat rgba(0, 0, 0, 0);border-radius: 8px !important;}
.bg-hero-castle {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-bg-desktop.jpg);}
.bg-hero-allstate {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-white-desktop.jpg);}
.hero .copy-wrapper {max-width:400px;height: 250px;float:right;margin-right:20px;padding:10px;}
.hero .copy-wrapper h3 {font-size:64px;line-height: 56px;font-weight: 600;text-align: right;}
.hero .copy-wrapper p {font-size:40px;line-height: 42px;text-align: right;}

@media only screen and (max-width:1200px){
		.hero {max-width:992px;width: 95%; height: 465px;}
		.bg-hero-castle {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-sm-screen-1032.jpg);}
		.hero .copy-wrapper {max-width:350px;height: 250px;float:right;margin-right:10px;padding:10px;}
		.hero .copy-wrapper h3 {font-size:54px;}
		.hero .copy-wrapper p {font-size:35px;}
}
@media only screen and (max-width:992px){
		.hero .copy-wrapper {max-width:300px;margin-right:0px;}
		.hero .copy-wrapper h3 {font-size:44px;}
}
@media only screen and (max-width:769px){
		.heroWrapper {margin:20px auto;}
		.hero {max-width:688px;width: 95%; height: 310px;}
		.bg-hero-castle {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-bg-tablet-688.jpg);}
		.bg-hero-allstate {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-bg-tablet-688.jpg);}

}
	@media only screen and (max-width:418px){
		.hero {width: 90%;height: 239px;}
		.bg-hero-castle {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-bg-mobile-418.jpg);}
		.bg-hero-allstate {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-bg-mobile-418.jpg);}
	}
	@media only screen and (max-width:330px){
		.hero {width: 90%;height:189px;}
		.bg-hero-castle {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-bg-mobile-330.jpg);}
		.bg-hero-allstate {background-image: url(/resources/Allstate/images/landing-pages/quicken-loan-931/hero-bg-mobile-330.jpg);}
	}

.fw-hero-banner {max-width:1343px;width: 100%; height: 335px;margin:0px auto;background: no-repeat rgba(0, 0, 0, 0)}
.fw-hero-main {background-image: url(/resources/Allstate/images/landing-pages/drivewise-sweepstakes/car-and-arrow-hero-banner.png)}
	@media only screen and (max-width:1200px) {
		.fw-hero-banner {max-width:992px;width: 100%; height: 247px;margin:0px auto;background: no-repeat rgba(0, 0, 0, 0)}
		.fw-hero-main {background-image: url(/resources/Allstate/images/landing-pages/drivewise-sweepstakes/car-and-arrow-hero-banner-992.png)}
	}
/********* Title, paragraph, anchor tag fonts ********/
h1, h2, h3, h4, h5, p, ol, ul, a, li.p.capTxt, p.lrgCopy, p.xlrgCopy {font-family: 'AllstateObjektiv', Arial, sans-serif;}
h1 {font-size:58px;line-height:70px;font-weight:500;letter-spacing: -0.73px;}
h2 {font-size:32px;line-height:36px;font-weight:500;text-transform: none;letter-spacing: .5px;}
h3 {font-size:26px;line-height:1.5rem;font-weight:600;text-transform: none;letter-spacing: .5px;}
h3.lrgCopyTitle {font-size: 36px;}
h4 {font-size:20px;line-height:1.5em;font-weight:500;}
h5 {font-size:16px;line-height:1.5em;font-weight:700;}
h2.center,h3.center,h4.center,h5.center,p.center {text-align: center;}
p {font-size: 18px;line-height: 1.5em;font-weight: normal;}
p.titleSub {font-size:16px;line-height:1.5em;font-weight:700;}
p.lrgCopy {font-size:24px;font-weight: 500;line-height: 34px;}
p.xlrgCopy {font-size: 45px;line-height: 1.5em;font-weight: 500;}
p.xxlrgCopy {font-size: 55px;line-height:54px;font-weight:600;}
p.smCopy {font-size: 15px;}
p.xsmCopy {font-size: 12px;}
ol, ul {font-weight:normal;font-size:1em;line-height: 1.5em;}
a {color:#0033A0;text-decoration:none;}
.capTxt {text-transform: uppercase;}

/****** Buttons ******/
.btn, .btn:hover, .btn:visited {color: #0033a0;}
.btn-primary {color:#0033A0;background-color:#FF9E16 !important; background-image: none !important; border-radius:5px !important;border:none !important;padding: 5px 20px;}
.btn-primary:hover {color:#0033A0;background-color:#FF8400 !important;}
.btn-primary-org {color:#0033A0;background-color:#FF9E16 !important; background-image: none !important; border-radius:5px !important;border:none !important;padding: 5px 30px;}
.btn-primary-org:hover {color:#0033A0;background-color:#FF8400 !important;}
.btn-ltgray {color:#001e60;background-color:#f3f6f9;border-radius:5px !important;border:none !important; padding: 5px 20px; margin: 2px 0;}
.btn-ltgray:hover {color:#001e60;background-color:#ffffff;}
	@media only screen and (max-width:768px) {
		.btn-ltgray {width:100%;padding:10px;margin:0px;display: block;}
		.btn-primary-org {width:100%;display: block;padding:10px;}
	}
.padCtaMobile {padding:10% 5% 0;}/*padding for mobile CTA under hero */
/****** Background Color Theme ******/
.bg-white {background-color:#ffffff;}
.bg-charcoal {background-color:#333333;}
.bg-dk-grey {background-color: #435969;}
.bg-md-grey {background-color:#2f3847;}
.bg-lt-grey {background-color:#fafafa;}
.bg-dkr-blue {background-color:#001e60;}
.bg-dk-blue {background-color:#0033A0;}
.bg-md-blue {background-color:#41b6e6;}
.bg-blue-med {background-color: #1471B3;}
.bg-lt-blue {background-color: #e4e9f6;}
/****** Font Color Theme ******/
.white {color:#ffffff}
.charcoal {color:#333333;}
.dk-grey {color:#4e5969;}
.md-grey {color:#2f3847;}
.lt-grey {color:#fafafa;}
.dk-blue-black {color:#00223D;}
.dk-blue {color:#0033A0;}
.md-blue {color:#41b6e6;}
.blue-med {color: #1471B3;}

/*** Margins and Padding ***/
.titleMargin {margin: 5% 10% 2% 10%;padding-top:10px;}
.topMargin {margin-top: 5%;}/* used above footer */
.paddingContent {padding:5%;}
.paraPadIntro {margin-top: 4rem;padding: 0 8%;}/*padding for intro sentence */
.paraMargin {margin: 5% 5% 0% 5%;}
.paraMargin2 {margin: 0% 5% 0% 5%;}
.nopadding { padding: 0 !important; margin: 0 !important;}
.paraPadding {padding: 0% 2%;}
.paddingBtm {padding-bottom: 5%;}
.paddingBtmShort {padding-bottom: 3%;}
.padCtaMobile {padding:10% 5% 0;}/*padding for mobile CTA under hero */
.noBtmMargin {margin:5px 0 0 auto;}
.paddingTop {padding-top: 5rem;}/* used for blue callout boxes*/
.paddingTopWhiteBox {padding-top: 1rem;}
.lrgQuote {margin: 2%;padding:5%;}
.paddingBox {padding:0 5%;}/*padding to center the boxes */
.paddingBtmBox1 {padding-bottom: 23px;}
.paddingBtmBox2 {padding-bottom: 5px;}
.paddingBox1Icon {padding:8% 0;} /*padding for phone icon in boxes on allstate */
.paddingBox2Icon {padding:6.5% 0;} /*padding for home icon in boxes allstate*/
.paddingBox3Icon {padding:4% 0;} /*padding for bundle icon in boxes allstate*/
.paddingBox1cIcon {padding:6.5% 0;} /*padding for phone icon in boxes on castle */
.paddingBox2cIcon {padding:11% 0;} /*padding for home icon in boxes castle*/
.paddingBox3cIcon {padding:7% 0;} /*padding for bundle icon in boxes castle*/
.paddingWhtBoxBtm {padding-bottom: 8%;}/*padding for 1st white box */
.paddingWhtBoxBtm2 {padding-bottom: 13%;}/*padding for 2nd white box */
.margin-left-footer {margin-left: 20px;}
.centerTxt {display: flex;align-items: center;justify-content: center;text-align: center; }
/*@media only @media only screen and (max-width: 1200px){
	.paddingBox1Icon {padding:6% 0;} /*padding for phone icon in boxes */
/*}*/
/****** Borders ******/
.roundBtmBox {border-bottom-left-radius: 8px !important;border-bottom-right-radius: 8px !important;}
/****** Callouts ******/
.callOutContainer {justify-content: center;flex-wrap: wrap;display: flex;margin-bottom:30px;padding:0 5%;}
.callOutContentLeft {width: 50%; margin:0; padding: 0px;float: left;}
.callOutContentRight {width: 50%; margin:0; padding: 0px;float: left;}
.callOutMargin {margin: 5% 5% 2% 10%;}
.callOutBoxLeft {width:300px;margin:2% 5%;text-align: center;}
.callOutBoxRight {width:30%;margin:20px 10px;text-align: center;border-radius: 8px !important;float:left;background-color:#fff;}
.callOutHoriz {width:100%;background-color:#f3f6f9;border: 1px solid #b9c6d3;border-radius: 8px !important;}
.callOutHoriz .copyCallOut {padding: 2%;text-align: left;}
.callOutBoxRight p {padding:0 7%;}
.callOutBoxLeft, .callOutBoxRight h3 {margin:0 10px 20px 10px;font-size:24px;padding-top:4rem;line-height: 1em;}

@media only screen and (max-width: 992px) {
	.callOutBoxRight {width:50%;}
}
@media only screen and (max-width: 768px) {
	.callOutBoxRight {width:60%;}
}
	@media only screen and (max-width: 514px) {
		.callOutBoxRight {width:100%;margin:2% 0;}
		.callOutHoriz .copyCallOut {text-align: center;}
	}
.topBorders {border-top-right-radius: 8px !important;border-top-left-radius: 8px !important;}


/****** Footer for Quicken ******/
.stickBtmFooter {position: absolute;bottom: 0;width: 100%;height: 2rem;}
.footerSection {background-color:#0033A0;}
.footerSection2 {background-color:#ffffff;}
.footerContainer {font-family: 'AllstateObjecktiv', Arial, sans-serif;width:1028px; margin: 0 auto;}
.footerContent {/*justify-content: center;*/flex-wrap: wrap;display:flex;padding:3% 0;}/*for IE you can't have justify content center and margin auto*/
.logo-footer-allstate {width:268px;/*height:76px;*/display:block;margin:5% auto;}
.footerContent p.disclaimer {font-size:13px;font-weight:normal;text-align:center;padding:0 2rem 1rem;}
.footerContent hr {margin-bottom: 0px;}
hr {height: 1px;margin:2.5rem 0;padding:0; border:none;background-color: #94a1b0;}
.footerLinks {width:100%;}
.footerContent .copyright {float:left;font-size:13px;margin-top:10px;}
.footerContent .privacy {float: right;font-size:13px;margin-top:10px;}
.footerContent .privacy a, .privacy a:hover {font-weight: 500;text-decoration: underline;color:#fff;}
.footerContent .privacy2 {float: right;font-size:13px;margin-top:10px;}
.footerContent .privacy2 a, .privacy2 a:hover {font-weight: 500;text-decoration: underline;color:#4e5969;}
@media only screen and (max-width: 768px) {
	.footerContainer {width:100%;}
}
	@media only screen and (max-width: 488px){
		.footerContent .copyright {float: none;text-align: center;}
		.footerContent .privacy {float: none; text-align: center;}
		.footerContent .privacy2 {float: none; text-align: center;}
	}
.showMobile {display: none !important;}

/****** show hide ******/
	@media (min-width:769px) {
		.desktop-only {display:block !important;}
		.mobile-only {display:none !important;}
	}
	@media (max-width: 768px) {
		.hideMobile {display: none !important;}
		.showMobile {display: block !important;}
		.mobile-only {display:block !important;}
		.desktop-only {display:none !important;}
	}
.anchor {display: block;height: 130px;margin-top: -130px;visibility: hidden;}
.clear {clear: both;}