*{font-family: allstatesansw-light,arial,sans-serif; color: #0e1941; -webkit-font-smoothing:antialiased;}
a {font-weight: 700; color: #0033A0;}
a:hover {background-color: #d9eeff; text-decoration: none;color: #0033A0;}
b, strong, sup, em {color: inherit;}
.top img {display: none;}
.mainNavigationContainer nav {background-color: #0e1941; font-family: allstatesansw-regular,arial,sans-serif;}
.mainNavigationContainer .container-fluid {max-width: 1440px;}
.mainNavigationContainer .navbar-default .navbar-nav>li>a,.mainNavigationContainer .navbar-default .navbar-nav>li>a .nav-label {color:#45bce5; font-family: allstatesansw-regular,arial,sans-serif;}
.mainNavigationContainer .navbar-default .navbar-nav>li>a:hover,.mainNavigationContainer .navbar-default .navbar-nav>li>a .nav-label:hover {color:#fff;}
.mainNavigationContainer .navbar-default .navbar-nav>li.dropdown>a:after {font-family: 'Glyphicons Halflings'; content: "\e114"; padding: 5px 10px; font-size: 12px;}
.mainNavigationContainer .navbar-default .navbar-nav>li.dropdown>a:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -3px;}
.mainNavigationContainer .navbar-default .navbar-nav>li.dropdown.open>a:after {font-family: 'Glyphicons Halflings'; content: "\e113";padding: 5px 10px; font-size: 12px;} 
.mainNavigationContainer .navbar-default #navigationPrimary .navbar-nav>li>a {font-size: 18px;font-weight: inherit;}
.mainNavigationContainer .navbar-default #navigationTopLinks .navbar-nav>li>a {font-size: 12px;font-weight: inherit;}
.mainNavigationContainer .dropdown-menu>li>a {color:#0033a0; white-space: break-spaces; font-size: 14px; line-height: 16px; padding: 8px 8px 8px 20px;}
.mainNavigationContainer .dropdown-menu>li>a:hover {background-color: #d5eeff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent; color:#fff;}
.mainNavigationContainer .navbar-default .navbar-toggle .icon-bar {background-color:#45bce5}
.mainNavigationContainer .navbar-default .navbar-toggle {border-color: transparent;}
 .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-nav>.open>a .nav-label, .navbar-default .navbar-nav>.open>a .nav-label:hover, .mainNavigationContainer .navbar-default .navbar-nav>li.dropdown.open>a .nav-label {color: #fff; background-color: transparent;}
.mainNavigationContainer .navbar-nav>li .dropdown-menu {border-top: solid 3px #45bce5; width: 260px; padding: 1px 1px 5px;margin-top: -2px; border-radius: 0; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 19%);}
.navigationEchoBar {height: 35px; width: 100%; background: #45bce5 url(/resources/Allstate/images/allstatecorporation/echo_navy.png) no-repeat; position: fixed; background-position-y: -425px; background-position-x: -535px; background-size: 1200px 1000px; background-attachment: fixed; box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 33%);} 
.mainNavigationContainer .navbar {margin-bottom: 0;}
li.subNavLabel {padding: 8px 8px 8px 20px; line-height: 16px; font-weight: bold;}
.dropdown-submenu{position:revert;}
.dropdown-submenu > .dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px; border-top: solid 3px #45bce5;width: 260px; height: auto; background-color: #f3f6f9;}
.mainNavigationContainer .dropdown-menu>li>a:hover:after {content: none;}
.mainNavigationContainer .dropdown-menu>li.dropdown-submenu>a:hover:after {font-family: 'Glyphicons Halflings'; content: "\e258"; padding: 0 10px; font-size: 12px; color: black; float:right;}
.mainNavigationContainer .dropdown-submenu>a:after {font-family: 'Glyphicons Halflings'; content: "\e258"; padding: 0 10px; font-size: 12px; color: black; float:right;}
.mainNavigationContainer .dropdown-submenu>a:hover:after {font-family: 'Glyphicons Halflings'; content: "\e258"; padding: 0 10px; font-size: 12px; color: black !important; float:right;}
.mainNavigationContainer .dropdown-menu>li.subMenuHeading {color: #0e1941; white-space: break-spaces; font-size: 14px; font-weight: bold; line-height: 16px; padding: 8px 8px 8px 20px;}
.dropdown-menu .divider {background-color: #fff;}
.navbar-brand {padding: 0px 15px;}
#bannerRow {padding-left: 0; padding-right:0;}
#bannerArea {padding-left: 0; padding-right:0;}
.skipnav {background-color: #fff;}
.skipnav:focus {background: #0e1941; color: #45bce5; padding: 16px; position: absolute; z-index: 10000;}
.fullWidthBanner {min-height: 420px; width: 100%;}
.fullWidthBanner.allstateBlueBackground {background-color: #0033a0;}
.fullWidthBanner.navyBackground {background-color: #0e1941;}
.fullWidthBanner.paleBlueBackground {background-color: #d9eeff;}
.fullWidthBanner.extraHeightBanner {min-height: 760px;}
.fullWidthBanner.shortBanner {min-height: auto;}
.navyOvalBackground {background: url(/resources/Allstate/images/allstatecorporation/oval_half_top.png) no-repeat; background-position-x: 65vw; background-position-y: -95px;} 
.secondaryBanner {min-height: 160px;background-color: #fff; width: 100%;}
.bannerContainer {max-width: 1440px; overflow:hidden; margin: 30px auto 0 auto;}
.bannerRowHeadline .bannerContainer {margin: 0 auto;}
.bannerCopy {padding: 72px 0 30px 160px;}
.secondaryBanner .bannerContainer {max-width: 1170px; overflow:hidden; margin: 0 auto;}
.secondaryBanner .bannerCopy {padding: 40px 15px;}
.newsAlertBanner {margin-bottom: -42px; min-height: 270px;} 
.homepageHero.heroImage img {width: 100%; height: auto;border-bottom: 2px solid #0e1941;}
.homePage.bannerCopy {padding: 72px 0 0 80px;}
.fullWidthBanner h1, .fullWidthBanner h2, .secondaryBanner h1{font-size: 54px;}
.fullWidthBanner p {font-size: 24px;line-height: 1.3;}
.fullWidthBanner p.disclaimerText, .mainPageBodyArea p.disclaimerText {font-size: 18px;line-height: 1.3;}
.fullWidthBanner .homePage p {font-size: 18px;line-height: 1.15;}
.fullWidthBanner h1:not(.eyeBrow){color: #fff; margin-bottom: 15px; margin-top: 0px;}
.secondaryBanner h1 {color: #0e1941;}
.fullWidthBanner h2:not(.eyeBrow), .fullWidthBanner p:not(.eyeBrow) {color: #fff; margin-bottom: 30px; margin-top: 0px;}
.fullWidthBanner.paleBlueBackground h1:not(.eyeBrow), .fullWidthBanner.paleBlueBackground h2:not(.eyeBrow), .fullWidthBanner.paleBlueBackground p:not(.eyeBrow) {color: #0e1941;}
.newsAlertBanner p.newsHeadline {font-size: 32px; line-height: 1.1;}
.newsAlertBanner a.btn {margin-bottom: 35px;} 
.btn {width: max-content; height: 44px; margin: 0 24px 0 0; padding: 12px 20px; border-radius: 22px; color: #0e1941; border: 3px solid transparent; text-decoration: none;line-height: 1; font-family:allstatesansw-medium,arial,sans-serif;}
.btn-green {background-color: #3CE4A5;}
.btn-green-hallow {background-color: transparent; border: 3px solid #3CE4A5; color: #3CE4A5;}
.btn-paleBlue {background-color: #45bce5;}
.btn-paleBlue-hallow {background-color: transparent; border: 3px solid #45bce5; color: #45bce5;}
.btn-purple {background-color: #D699FF;}
.btn-purple-hallow {background-color: transparent; border: 3px solid #D699FF; color: #D699FF;}
.btn-coral {background-color: #fc9983;}
.btn-coral-hallow {background-color: transparent; border: 3px solid #fc9983; color: #fc9983;}
.btn-coral:focus, .btn-coral:hover, .btn-coral-hallow:hover, .btn-coral-hallow:focus {background-color: #fff; color: #BA3821; border: 3px solid #fc9983; }
.btn-purple:focus, .btn-purple:hover, .btn-purple-hallow:hover, .btn-purple-hallow:focus {background-color: #fff; color: #9232E2; border: 3px solid #D699FF;}
.btn-green:focus, .btn-green:hover, .btn-green-hallow:hover, .btn-green-hallow:focus {background-color: #fff; color: #037e68; border: 3px solid #3CE4A5;}
.btn-paleBlue:focus, .btn-paleBlue:hover, .btn-paleBlue-hallow:hover, .btn-paleBlue-hallow:focus {background-color: #fff; color: #0033a0; border: 3px solid #45bce5;}
.fullWidthBanner .eyeBrow {font-family:allstatesansw-medium,arial,sans-serif; font-weight: inherit; font-size: 18px;margin-bottom: 0;}
.heroPortrait {height: auto; max-width: 350px; margin: 40px;}
.heroImage img {width: 100%; max-width: 410px;}
.heroVideo {padding: 110px 0 30px 50px;}
.bannerRowHeadline {background-color: #45bce5;}
.bannerRowHeadline p {margin-top: 0; padding: 30px 0 30px 180px; font-size: 42px;}
.bannerProductArea h2 {padding: 20px 0 20px 180px; color: #fff;}
.bannerProductArea {background-color: #0e1941; margin-top: -9px; padding: 60px 0;}
.bannerProductArea h2 {padding: 20px 0 20px 180px; font-size: 54px;}
.bannerProductsList, .bannerLinedList {list-style: none; font-size: 24px; line-height: 28px; padding: 40px 0 40px 180px;}
.bannerProductsList a, .bannerLinedList a {color: #45bce5; font-weight: 300;}
.bannerProductsList a:hover, .bannerLinedList  a:hover {text-decoration: none; color: #fff;background-color: transparent;}
.bannerProductsList a:hover:after, .bannerLinedList a:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Light_Cyan.png); padding: 0 12px 0 12px;}
.heroCoralEchoBG {background: url(/resources/Allstate/images/allstatecorporation/echo_medium_coral.png) no-repeat; background-position-x: 48vw;} 
.heroGreenEchoBG {background: url(/resources/Allstate/images/allstatecorporation/echo_medium_green.png) no-repeat; background-position-x: 48vw;}
.heroPurpleEchoBG {background: url(/resources/Allstate/images/allstatecorporation/echo_medium_purple.png) no-repeat; background-position-x: 48vw;}
.heroPaleBlueEchoBG {background: url(/resources/Allstate/images/allstatecorporation/echo_medium_paleblue.png) no-repeat; background-position-x: 48vw;}
.quoteWithImageBanner {margin-left: 180px;}
.quoteImage {width: 100%; height: auto; max-width: 270px;}
.quotesBoxImageWhite {background-color: #fff; margin-left: -67px; padding: 21px 40px; margin-right: -30px;}
.centerCTATop {display: flex; flex-direction: row;}
.centerCTA .contentBox {height: 397px; background-color: #0e1941;}
.contentBox {flex-basis: 34%;}
.centerCTA .contentBox {height: auto;}
.contentBoxText {margin: 60px auto 20px auto; padding: 0 30px 0 30px;}
.contentBoxText p {margin-bottom: 50%;}
.bodyAreaCTA h3:not(.eyeBrow) {margin-top: 10px; color: #0e1941; margin-bottom: 20px; font-size: 44px;}
.imageBox {flex-basis: 66%; flex-shrink:0;}
.imageBox img {height: auto; width:100%;}
.eyeBrow {font-size: 16px; font-weight: 700;}
.contentBoxText p {color: #fff; font-size: 32px; line-height: 1.0625; letter-spacing: -1.07px;}
.contentBoxText a {font-size: 12px;}
.centerCTA .contentBoxText p {color: #fff; font-size: 32px; line-height: 1.4; letter-spacing: -1.07px;}
.centerCTA .contentBoxText a {font-size: 12px;}
.featuredSection {margin: -130px 15px 80px 15px;}
.imageFloatingCTA {float: right; margin-top: -250px; margin-right: 50px; background-color: #0033a0; padding: 25px; min-height: 100%;}
.imageFloatingCTA p {color: #fff; font-size: 16px;}
.homePageBodyArea .eyeBrow {font-size: 16px; font-weight: 700; margin-bottom: 0px;}
.homePageBodyArea.greyBackground {background-color: #f3f6f9; box-shadow: 0 0 0 100vmax #f3f6f9; clip-path: inset(0 -100vmax);}
.homePageBodyArea {margin: 0 auto 0 auto; padding: 70px 0 70px 0; display: flex; align-items: center;}
.homePageBodyArea img.inCopyImage {margin-bottom: 30px; width: 100%; height: auto;}
.homePageBodyArea p.eyeBrow + h2 {margin-top: 10px; font-size: 40px; margin-bottom: 24px;}
.homePageBodyArea p {font-size: 20px;}
.homePageBodyArea .whiteImageBox p:not(.bottomAlignLink) {margin-bottom: 10px;}
.homePageBodyArea .whiteImageBox {margin: 30px -10px;}
.centerWellFreeTextStory {max-width: 900px; margin: 72px auto 0 auto;}
.centerWellFreeTextStory p.categoryTag {font-size: 16px; line-height: 1.25; letter-spacing: -0.73px;margin-bottom: -20px; font-weight: 700;}
.CenterWell {padding-top: 72px !important;}
.centerWellFreeTextStory h1, .CenterWell h1 {font-size: 50px; line-height: 1.08; letter-spacing: -1.8px; margin-bottom: 20px;}
.centerWellFreeTextStory h1+p {margin-bottom: 50px;}
.centerWellFreeTextStory h2, .CenterWell h2 {font-size: 24px; line-height: 1.35; font-family: allstatesansw-bold,arial,sans-serif; }
.centerWellFreeTextStory h3, .CenterWell h3 {font-size: 22px; line-height: 1.35; font-family: allstatesansw-bold,arial,sans-serif; }
.centerWellFreeTextStory p, .CenterWell p, .centerWellFreeTextStory li, .CenterWell li {font-size: 22px; line-height: 1.27; margin-bottom: 30px;}
.centerWellFreeTextStory ul, .centerWellFreeTextStory ol, ul.leftLinedList, ol.leftLinedList {border-left: 2px solid #00c39c; background-color: #f3f6f9; padding: 40px 30px 10px 50px; margin: 0px auto 25px auto;}
.centerWellFreeTextStory ul.purpleColored, .centerWellFreeTextStory ol.purpleColored, ul.leftLinedList.purple, ol.leftLinedList.purple {border-left: 2px solid #9232E2;}
.centerWellFreeTextStory ul.coralColored, .centerWellFreeTextStory ol.coralColored, ul.leftLinedList.coral, ol.leftLinedList.coral{border-left: 2px solid #BA3821;}
.centerWellFreeTextStory ul.paleBlueColored, .centerWellFreeTextStory ol.paleBlueColored, ul.leftLinedList.paleBlue, ol.leftLinedList.paleBlue {border-left: 2px solid #45bce5;}
.centerWellFreeTextStory ul li::marker, .centerWellFreeTextStory ol li::marker, ul.leftLinedList li::marker, ol.leftLinedList li::marker {font-family: 'allstatesansw-bold'; color: #037e68;}
.centerWellFreeTextStory ul.purpleColored li::marker, .centerWellFreeTextStory ol.purpleColored li::marker, ul.leftLinedList.purple li::marker, ol.leftLinedList.purple li::marker {font-family: 'allstatesansw-bold'; color: #9232E2;}
.centerWellFreeTextStory ul.coralColored li::marker, .centerWellFreeTextStory ol.coralColored li::marker, ul.leftLinedList.coral li::marker, ol.leftLinedList.coral li::marker {font-family: 'allstatesansw-bold'; color: #BA3821;}
.centerWellFreeTextStory ul.allstateBlueColored li::marker, .centerWellFreeTextStory ol.allstateBlueColored li::marker, ul.leftLinedList.allstateBlue li::marker, ol.leftLinedList.allstateBlue li::marker {font-family: 'allstatesansw-bold'; color: #0033a0;}
.centerWellFreeTextStory ul.paleBlueColored li::marker, ul.leftLinedList.paleBlue li::marker {font-family: 'allstatesansw-bold'; color: #45bce5;}
ul.leftLinedList.whiteBackground, ol.leftLinedList.whiteBackground {background-color: #fff;}
.centerWellFreeTextStory .row {margin-right: auto; margin-left: auto;}
.centerWellFreeTextStory img {width:100%; height: auto; margin: 10px -15px 0px -15px;}
.centerWellFreeTextStory img.headshotInContent {margin: auto; max-width: 90px; margin-left: -15px;}
.centerWellFreeTextStory .embed-responsive-16by9 {margin-bottom: 30px;} 
.coral, a.coral{color:#ed7766;}
.coralOnNavy, a.coralOnNavy{color:#fc9983;}
a.coralOnNavy:hover{color:#fc9983;}
.coralOnWhite, a.coralOnWhite{color:#BA3821;}
.green, a.green {color: #00c39c;}
.greenOnNavy, a.greenOnNavy {color: #3CE4A5;}
.greenOnWhite, a.greenOnWhite{color: #03725e;}
.purple, a.purple {color: #BD70F4;}
.purpleOnNavy, a.purpleOnNavy {color: #D699FF;}
.purpleOnWhite, a.purpleOnWhite {color: #9232E2;}
.paleBlue, a.paleBlue {color: #45bce5;}
.allstateBlue {color: #0033a0;}
.navyBlue {color:#0e1941;}
.bottomAlignLink {bottom: 0;position: absolute; margin-bottom: 20px; }
.quoteMarkSection {display: flex;justify-content: space-evenly; flex-direction: row;}
.bannerContainer .bannerCopy .quoteMarkSection {padding-top: 30px;}
.quotesMarkBoxCoral, .questionBoxCoral {background-color: #ed7766; height: 50px; width: 50px;margin-left: 0; margin-right: 0; flex-shrink:0;}
.quotesMarkBoxCoral svg {margin: 16px;}
.quotesMarkBoxWhite {background-color: #fff; height: 50px; width: 50px; margin-left: -15px; margin-right: 0; flex-shrink:0;}
.quotesMarkBoxWhite svg {margin: 16px;}
.quotesMarkBoxNavy, .questionBoxNavy {background-color: #0e1941; height: 50px; width: 50px;margin-left: 0; margin-right: 0; flex-shrink:0;}
.centerWellFreeTextStory .quotesMarkBoxNavy {background-color: #0e1941; height: 50px; width: 50px;margin-left: 0; margin-right: 0; flex-shrink:0;}
.quotesMarkBoxNavy svg {margin: 16px;}
.quotesMarkBoxGreen, .questionBoxGreen {background-color: #00c39c; height: 50px; width: 50px;margin-left: 0; margin-right: 0; flex-shrink:0;}
.quotesMarkBoxGreen svg {margin: 16px;}
.navyQuotes {fill: #0e1941;}
.greenQuotes {fill: #00c39c;}
.quotesMarkBoxPurple, .questionBoxPurple {background-color:#9232E2; height: 50px; width: 50px;margin-left: 0; margin-right: 0; flex-shrink:0;}
.quotesMarkBoxPurple svg {margin: 16px;}
.questionLinedCTA {display: flex;}
div[class^="questionBox"] p {font-size: 28px; text-align: center; line-height: 45px;}
.questionPurpleLined {border-left: 2px solid #9232E2; padding: 30px 30px 0px 30px; margin: 0px 0px 30px 0px;}
.questionGreenLined {border-left: 2px solid #00c39c; padding: 30px 30px 0px 30px; margin: 0px 0px 30px 0px;}
.questionCoralLined {border-left: 2px solid #ed7766; padding: 30px 30px 0px 30px; margin: 0px 0px 30px 0px;}
.questionPurpleLined p, .questionGreenLined p, .questionCoralLined p {font-size: 32px; line-height: 36px; letter-spacing: -1.07px; color: #0033a0; margin-bottom: 30px;}
.whiteQuotes {fill: #fff;}
.coralQuotes {fill: #ed7766;}
.purpleQuotes {fill: #BD70F4;}
.paleBlueQuotes {fill: #45bce5;}
[class^="quotesBox"] {margin-top: 50px;}
.quotesBoxWhite {background-color: #fff; margin-left: 0px; padding: 30px 40px; height: auto; margin-top: 0;}
.quotesBoxGreen {background-color: #00c39c; }
.quotesBoxNavy {background-color: #0e1941;}
.quotesBoxPurple {background-color: #BD70F4;}
[class^="quotesBox"] p:not(.fullWidthBannerHighlight p) {font-size: 24px; line-height: 1.15; color: #0e1941; padding: 30px 30px 0 30px; margin-bottom: 15px;}
.quotesBoxNavy p {color: white;}
.quotesBoxGrey {background-color: #f3f6f9;}
.quotesBoxPaleBlue {background-color:#45bce5; }
[class^="quotesBox"] p:not(.fullWidthBannerHighlight p).quoteFrom {font-size: 12px; line-height: 1.4; margin-top: 0; padding-bottom: 30px;}
#quoteBoxCarouselCareers [class^="quotesBox"] {margin-left: -40px;}                    
.fullColumnTeasers .col-md-12 {background-color: #fff; height: auto; margin: 15px 0; padding: 0;}
.fullColumnTeasers .col-md-12:hover {box-shadow: 0 0 8px 0 rgb(0 0 0 / 33%); cursor: pointer;}
.threeColumnTeasers {padding: 80px 0;}
.threeColumnTeasers .col-md-4 {background-color: #fff; width: 340px; height: 598px; margin: 15px; padding: 0;}
.threeColumnTeasers .col-md-4:hover, .historySection .col-md-4:hover, .centerCTATop:hover, .coralBoxCTA:hover, .mainPageBodyArea .whiteImageBox:hover, #agencyCareersBody .whiteImageBox:hover, .storiesMainPageBody .featuredArticle:hover {box-shadow: 0 0 8px 0 rgb(0 0 0 / 33%); cursor: pointer;}
.threeColumnTeasers .col-md-4 img {width: 100%; height: auto; }
.threeColumnTeaserContent {padding: 20px 30px;}
.threeColumnTeaserContent p:not(.articleDate) {font-size: 26px; line-height: 1; padding-bottom: 20px; font-weight: normal;}
.threeColumnTeaserContent p.downsizeContent {font-size: 22px; line-height: 1.1;}
.threeColumnTeaserContent p.arrowLink, .threeColumnTeaserContent p.externalLink {font-size: 14px; padding-bottom: 0px; font-weight: bold;}
.threeColumnTeaserContent p.arrowLink:focus {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
a.arrowLink, a.externalLink {font-size: 14px;}
a.arrowLink:hover {background-color: transparent;}
.arrowLink:after, .arrowLinkCoral:after {padding: 0 12px 0 12px;}
.coralOnWhite.arrowLink:after, .arrowLinkCoral:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Dark_Coral.png);}
.coralOnNavy.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Light_Coral.png );}
.greenOnWhite.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Dark_Green.png);}
.greenOnNavy.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Light_Green.png);}
.purpleOnWhite.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Dark_Purple.png);}
.purpleOnNavy.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Light_Purple.png);}
.navyBlue.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Navy.png);}
.allstateBlue.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Blue.png);}
.paleBlue.arrowLink:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Short_Light_Cyan.png );} 
.coralOnWhite.arrowLink:hover:after, .arrowLinkCoral:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Dark_Coral.png);}
.coralOnNavy.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Light_Coral.png);}
.greenOnWhite.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Dark_Green.png );}
.greenOnNavy.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Light_Green.png );}
.purpleOnWhite.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Dark_Purple.png);}
.purpleOnNavy.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Light_Purple.png);}
.navyBlue.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Navy.png);}
.allstateBlue.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Blue.png);}
.paleBlue.arrowLink:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Light_Cyan.png);}
a.externalAnchor{display: block; position: relative; top: -150px; visibility: hidden;}
ul.markerPurple li::marker, ol.markerPurple li::marker {color: #BD70F4;}
ul.markerCoral li::marker, ol.markerCoral li::marker {color: #ed7766;}
ul.markerBlue li::marker {color: #45BCE5;}
ol.markerBlue li::marker {color: #0033a0; font-family: allstatesansw-medium,arial,sans-serif;}
ul.markerGreen li::marker, ol.markerGreen li::marker {color: #00c39c;}
.contentIllustrationBox a#socialLinkedImageCTA:hover {background-color: transparent;}
.contentIllustrationBox img {width: 202px; height: auto; border-radius: 50%; padding: 20px 0;}
.quoterProfileImage {max-width: 65px;float: left; margin-top: -10px;}
.contentQuoteSection {padding: 60px 0 0 40px;}
.contentQuoteSection p {font-size: 42px; letter-spacing: -1.0px; line-height: 44px;}
.contentQuoteSection p.subHead {font-size: 18px; line-height: 24px;}
.contentQuoteSection .inlineQuoteBox {padding: 40px 20px 20px 65px;}
.contentQuoteSection .inlineQuoteBox p {font-size: 23px; line-height: 26px; margin: 20px 0 20px 80px;}
.contentQuoteSection .inlineQuoteBox p.suggsCTALink {font-size: 14px;} 
.relatedStoriesContainer.paleBlueBackground, .staticGalleryContainer.paleBlueBackground {background-color: #d9eeff; box-shadow: 0 0 0 100vmax #d9eeff; clip-path: inset(0 -100vmax);}
.relatedStoriesContainer.allstateBlueBackground, .staticGalleryContainer.allstateBlueBackground {background-color: #0033a0; box-shadow: 0 0 0 100vmax #0033a0; clip-path: inset(0 -100vmax);}
.relatedStoriesContainer.greyBackground, .staticGalleryContainer.greyBackground  {background-color: #f3f6f9; box-shadow: 0 0 0 100vmax #f3f6f9; clip-path: inset(0 -100vmax);}
.relatedStoriesContainer.navyBackground, .staticGalleryContainer.allstateBlueBackground {background-color: #0e1941; box-shadow: 0 0 0 100vmax #0e1941;
clip-path: inset(0 -100vmax);}
.relatedStoriesContainer.navyBackground h3.sectionTitle {color: #fff;}
.relatedStoriesContainer .threeColumnTeasers {max-width: 1110px; padding: 40px 0; margin: auto;}
.relatedStoriesContainer .threeColumnTeasers .col-md-4 {margin-bottom: 80px;}
.relatedStoriesContainer h3.sectionTitle {padding-left: 15px; font-weight: bold;}
.relatedStoriesContainer.allstateBlueBackground h3.sectionTitle {color: #fff;}
.threeColumnTeaserContent p + p.articleDate {margin-top: -15px;}
.coralRectangle {width: 100%; height: 68px; background-color: #ed7766;box-shadow: 0 0 0 100vmax #ed7766; clip-path: inset(0 -100vmax);}
.purpleRectangle {width: 100%; height: 68px; background-color: #BD70F4;box-shadow: 0 0 0 100vmax #BD70F4; clip-path: inset(0 -100vmax);}
.greenRectangle {width: 100%; height: 68px; background-color: #00c39c;box-shadow: 0 0 0 100vmax #00c39c; clip-path: inset(0 -100vmax);}
.paleBlueRectangle {width: 100%; height: 68px; background-color: #45bce5;box-shadow: 0 0 0 100vmax #45bce5; clip-path: inset(0 -100vmax);}
.purpleVerticalLine {border-right: 2px solid #9232E2; height: 240px; }
.coralVerticalLine {border-right: 2px solid #BA3821; height: 255px; }
.greenVerticalLine {border-right: 2px solid #037e68; height: 240px; }
.contentQuoteSection .inlineQuoteBox p.quoteFrom, p.quoteFrom {font-size: 12px; line-height: 16px; margin-top: 32px; letter-spacing: 0;}
p.quoteFrom {margin-bottom: 12px !important;}
.coralBoxCTA {background-color:#ed7766; width:100%; max-width: 1170px;}
.coralBoxCTA {padding: 45px; margin: 40px auto;}
.coralBoxCTA img:not(.quoterProfileImage) {width: 490px; margin: -30px 0 0 -45px;}
.coralBoxCTA img.quoterProfileImage {float: left; margin-top: -15px;}
.coralBoxCTA .ctaContentNavy, .coralBoxCTA .interiorBoxCTA {background-color: #0e1941;}
.coralBoxCTA .interiorBoxCTA {padding: 30px 30px 45px 30px;;}
.coralBoxCTA .ctaContentNavy h2, .coralBoxCTA .ctaContentNavy h3 {color: #fff; margin-top: 0;font-size: 32px;
margin-bottom: 16px;}
 .coralBoxCTA .ctaContentNavy h3 {font-size: 18px;}
 .coralBoxCTA .quotesBoxGrey p {padding: 30px 25px;}
.historySection [id*="photo-gallery"] {position:relative; margin: -1px -15px 0px -15px;}
.gallery-slider-for-history .slider-item {height: 370px; background-position: center;background-size: cover; }
.prev-history.slick-arrow {top: -64px; font-size: 36px; font-weight: bolder; text-decoration: none; padding: 3px;
background-color: #ed7766; color: #0e1941; position: relative; width: 63px; height: 63px; display: inline-block;
text-align: center; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; margin-right: -1px; border: 2px solid transparent;}
.prev-history.slick-arrow:hover {text-decoration:none; background-color: #fff; border: 2px solid #ed7766;}
.next-history.slick-arrow {top: -64px; font-size: 36px;font-weight: bolder; text-decoration: none; padding: 3px; background-color: #ed7766; color: #0e1941; position: relative; width: 63px; height: 63px; display: inline-block; text-align: center; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; border: 2px solid transparent;}
.next-history.slick-arrow:hover {text-decoration:none; background-color: #fff; border: 2px solid #ed7766;}
.historySection {margin: 60px auto;}
.historyAdCTA {background-color: #0e1941;}
.historySection .slideshowLowerContent {padding: 0 20px;height: 210px; margin-top: -25px;}
.historySection h2 {margin-top: 0; color: #fff;}
.historySection .storyOnRight {background-color: #fff; margin: 0 0 0 90px; padding: 0px;}
.historySection .storyOnRight img {width: 100%; height: auto;}
.historySection .storyOnRight .threeColumnTeaserContent {height: 250px;}
.financialContainer {background-color: #00c39c; padding: 0; height: 465px; margin-top: 80px;}
.financialContent {background-color: #0033a0; height: 400px; padding: 40px;}
.financialContent p{color: #fff; font-size: 46px; line-height: 48px; letter-spacing: -1.93px;}
.financialContent .btn-green {margin-top: 20px;}
.navyBack {background-color: #0e1941; height: 400px;}
.productsOverviewSection {background-color: #0033a0; padding: 60px 0;}
.productsOverviewSection h2, .productsOverviewSection p {color: #fff;}
.productsOverviewSection h2 {font-size: 44px; letter-spacing: -1.3px; margin: 10px 0 45px 60px;}
.productsOverviewSection .col-md-3 {padding-right: 5px; padding-left: 5px; height: 350px;}
.productsOverviewSection .col-md-3:first-of-type {padding-left: 0px;}
.productsOverviewSection .col-md-3:nth-of-type(4) {padding-right: 0px;}
.productsOverviewSection p {font-size: 16px;}
.productsOverviewSection h3 {color: #45bce5; font-size: 18px;font-weight: bold;}
.productsOverviewSection img {width: 100%; height: auto; max-height: 170px;}
.productsOverviewSection .productOverviewContent {padding: 0 20px;}
.productsOverviewSection .col-md-3:hover {background-color: #0e1941;}
.productsOverviewSection p {font-size: 16px;font-weight: initial;}
.productsOverviewSection p.btnContainer {text-align: center;margin-top: 30px;} 
/***Leaders & Board Pages***/
.corpBreadCrumb {padding-bottom: 30px;}
.ourLeadersIntro, .ourBoardIntro {padding-top: 72px; padding-bottom: 50px;}
.ourLeadersIntro h1, .ourBoardIntro h1 {font-size: 54px;margin-top: 0px;}
.ourLeadersIntro p.eyeBrow, .ourBoardIntro p.eyeBrow {margin-bottom: 0px;}
.ourLeadersIntro p:not(.eyeBrow), .ourBoardIntro p:not(.eyeBrow) {font-size: 18px;line-height: 22px;}
.ourBoard .col-md-3, .ourLeadership .col-md-3 {height: auto;min-height: 450px;}
.ourBoard img, .ourLeadership img {width: 100%; height: auto;}
p.memberName {margin-top: 20px; padding-left: 12px; margin-bottom: 5px;}
p.memberName a {font-size: 24px; line-height: 1.15; color: #0033a0; font-weight: 400; }
p.memberName a:hover {background-color: inherit; color: #0e1941;}
p.memberName a:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Light_Cyan.png); padding-left: 15px;}
p.memberDetail, p.memberDetailPosition{font-size: 12px; line-height: 1.5; padding: 0 20px 0 12px;font-weight: initial;}
p.memberDetail {font-style: italic;}
p.memberDetailPosition{margin-top: -5px;}
.leaderBoardCTA {background-color: #fff; padding: 10px 30px; margin: 60px 0;}
.leaderBoardCTA h2 {font-size: 28px;line-height: 32px;}
.leaderBoardCTA p {font-size: 18px;line-height: 24px;padding-bottom: 20px;}
.pageDisclaimerText {max-width: 1440px; margin: auto;}
.pageDisclaimerText p, .pageDisclaimerText ul li, .pageDisclaimerText ol li {font-size: 12px; line-height: 1.3;}
#footerRow {background-color: #fff; margin-top: 30px;}
.clickableProfile:hover {background-color: #fff; padding-bottom: 20px; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 19%);}
.leaderBio {margin-top: 72px;}
.leaderBio img {width: 100%; height: auto;margin-bottom: 40px;}
.leaderBio p, .leaderBio h1, .leaderBio ul {font-size: 18px; line-height: 1.2; letter-spacing: -0.58px; margin-left: 30px;}
.leaderBio h1.officerName {font-size: 42px; line-height: 1.05; letter-spacing: -1.4px;}
.leaderBio p.officerTitle {font-size: 12px; line-height: 1.7; letter-spacing: -0.4px; font-style: italic; margin-bottom: 0px;}
.leaderBio p.officerCompany {font-size: 12px; line-height: 1.7; letter-spacing: -0.4px; font-weight: 300;}
.mainPageBodyArea h2 {font-size: 44px; line-height: 1.05; letter-spacing: -1.0px; margin-top: 30px;}
.mainPageBodyArea h2 sup {top: -1em; font-size: 50%;}
.mainPageBodyArea h3 {font-family: allstatesansw-bold,arial,sans-serif;}
.mainPageBodyArea p {font-size: 24px; line-height: 1.35; letter-spacing: -0.8px; margin-bottom: 30px;}
.mainPageBodyArea ul, .mainPageBodyArea ul li, .mainPageBodyArea ol, .mainPageBodyArea ol li {font-size: 24px; line-height: 1.35; letter-spacing: -0.8px; margin-bottom: 25px;}
.mainPageBodyArea {margin: 0 auto 0 auto; padding: 70px 0 70px 0;}
.mainPageBodyArea:first-of-type {margin-top:-11px;}
.mainPageBodyArea.greyBackground {background-color: #f3f6f9; box-shadow: 0 0 0 100vmax #f3f6f9;
 clip-path: inset(0 -100vmax);}
.mainPageBodyArea.navyBackground {background-color: #0e1941; box-shadow: 0 0 0 100vmax #0e1941;
 clip-path: inset(0 -100vmax);}
.mainPageBodyArea.lightBlueBackground {background-color: #d8efff; box-shadow: 0 0 0 100vmax #d8efff;
 clip-path: inset(0 -100vmax);}
.mainPageBodyArea.allstateBlueBackground {background-color: #0033a0; box-shadow: 0 0 0 100vmax #0033a0; clip-path: inset(0 -100vmax);}
.mainPageBodyArea.allstateBlueBackground ul li, .mainPageBodyArea.allstateBlueBackground p, .mainPageBodyArea.allstateBlueBackground h2, .mainPageBodyArea.allstateBlueBackground h3  {color: #fff;}
.mainPageBodyArea.navyBackground ul li, .mainPageBodyArea.navyBackground p, .mainPageBodyArea.navyBackground h2, .mainPageBodyArea.navyBackground h3 {color: #fff;}
.mainPageBodyArea.navyBackground ul li::marker {color: #45bce5;}
.mainPageBodyArea.navyBackground.questionAnswer h2 {font-size: 28px;}
.mainPageBodyArea.navyBackground.questionAnswer p {font-size: 18px; line-height: 1.3;}
.mainPageBodyArea .blueCTAListBox {background-color: #0033a0; margin: 42px; padding: 20px;}
.mainPageBodyArea .blueCTAListBox ul li{font-size: 24px; line-height: 32px; letter-spacing: -0.8px; margin-bottom: 30px;}
.mainPageBodyArea.oneColumnView {margin-bottom: 0;}
.mainPageBodyArea img.inCopyImage {margin-bottom: 30px; width: 100%; height: auto;}
p.greenLineCallOut, p.purpleLineCallOut, p.coralLineCallOut, p.blueLineCallOut, p.paleBlueLineCallOut {padding: 20px 0; font-size: 32px; line-height: 1.125; letter-spacing: -1.4px; margin: 0 0 40px 0;}
p.greenLineCallOut {border-top: 3px solid #00c39c; border-bottom: 3px solid #00c39c;}
p.purpleLineCallOut {border-top: 3px solid #BD70F4; border-bottom: 3px solid #BD70F4;}
p.coralLineCallOut {border-top: 3px solid #ed7766; border-bottom: 3px solid #ed7766;}
p.blueLineCallOut {border-top: 3px solid #0033a0; border-bottom: 3px solid #0033a0;}
p.paleBlueLineCallOut {border-top: 3px solid #45bce5; border-bottom: 3px solid #45bce5;}
/***Equity***/
.allstateEmployeeStats, .allstateManagerStats {border-top: 2px solid #ced7e0; padding: 20px 0;margin-top: 20px;}
.greyProgressBar {background-color: #ced7e0;height:30px;margin-bottom: 60px;}
.coralProgressBar {background-color: #ed7766;height:100%;}
.purpleProgressBar {background-color: #a600fc;height:100%;}
.greenProgressBar {background-color: #00c39c;height:100%;}
.largeSizeGraphic {font-size: 80px; line-height: 80px; margin-right: -40px;}
.largeSizeGraphic sup {font-size: 46px;margin-left: 15px;}
.supplierDiversityGraphic {border-top: 4px solid #45bce5; padding: 40px 0; margin-top: 20px;} 
.learnMoreCTAContainer {display:flex;margin: 0 auto 60px auto;}
.learnMoreCTAWithImage {background-color: #f3f6f9; padding: 24px; margin: 60px auto 0 auto;}
.learnMoreCTAWithImage h3 {margin-top: 15px; font-family: 'allstatesansw-regular';}
.learnMoreCTAWithImage p, .learnMoreCTAWithImage ul li {font-size: 18px; line-height: 1.35; letter-spacing: -0.6px; padding-right: 20px;}
.learnMoreImage {margin-top: 60px; max-width: 100%; height: auto;}
.learnMoreCTAContainer.borderedCTA {padding: 40px;}
.learnMoreCTAContainer.borderedCTA.purple{background-color: #BD70F4;}
.learnMoreCTAContainer.borderedCTA.grey{background-color: #f3f6f9;}
.learnMoreCTAContainer.borderedCTA.paleBlue{background-color: #45bce5;}
.learnMoreCTAContainer.borderedCTA.green{background-color: #00c39c;}
.learnMoreCTAContainer.borderedCTA.coral{background-color: #ed7766;}
.learnMoreCTAContainer.borderedCTA.allstateBlue{background-color: #0033a0;}
.learnMoreCTAContainer.borderedCTA.navy{background-color: #0e1941;}
.learnMoreCTAContainer.borderedCTA .learnMoreCTAWithImage {background-color: #fff; padding: 24px; margin: 0 auto 0 auto;}
.learnMoreCTAContainer.borderedCTA .col-md-4.right {padding-left: 30px; padding-right: 0;}
.learnMoreCTAContainer.borderedCTA .col-md-4.left{padding-left:0; padding-right: 30px;}
.learnMoreCTAContainer.borderedCTA .learnMoreImage {margin-top: 0;}
/***Our Shared Purpose Page***/
.ourSharePurposeStandards{background-color: #0e1941; padding: 0; margin-bottom: 60px;}
.standardsContent {background-color: #0033a0; padding: 40px;}
.standardsContent h2{color: #45bce5; font-size: 46px; line-height: 48px; letter-spacing: -1.93px;}
.lightBlueBack {background-color: #45bce5; height: 157px;}
.echoImage {margin-left: -755px; width: 1110px; max-height: 540px;}
.whiteCallOutBox {background-color: #fff; margin: 60px;}
.noTopMargin {margin-top: 0 !important;}
.noRightMargin {margin-right: 0;}
.whiteCallOutBox p {font-size: 22px; line-height: 28px; letter-spacing: -1.07px; padding: 30px;}
/***Products and Services***/
.ourCompanies {margin-top: 20px; margin-bottom: -20px;}
.ourCompanies h2 {font-size: 54px;}
.ourCompanies p {font-size: 24px;} 
/***History***/
#historyAtGlanceSlider {padding-top: 40px;}
.historyImageContainer {padding-top: 40px; padding-bottom: 90px;}
.staticGalleryContainer {display: flex; justify-content: space-evenly; flex-wrap: wrap; padding: 60px 0 60px 45px; align-items: center; max-width: 1440px; margin: auto;}
.historyImage.greenLinedCaption, .staticGallery.greenLinedCaption {border-left: 3px solid #00c39c; margin-top: 40px;margin: 20px 0;}
.historyImage.coralLinedCaption, .staticGallery.coralLinedCaption {border-left: 3px solid #ed7766;margin: 20px 0;}
.historyImage.purpleLinedCaption, .staticGallery.purpleLinedCaption {border-left: 3px solid #a600fc;margin: 20px 0;}
.historyImage.blueLinedCaption, .staticGallery.blueLinedCaption {border-left: 3px solid #45bce5;margin: 20px 0;}
.historyImage img, .purpleLinedCaption img {width: 100%; height: auto; margin-left: -1px;max-width: 440px;}
.historyImageContainer .historyImage img, .staticGallery img {margin-left: -15px; max-width: 100%;}
.historyImage .historyImageCaption {font-size: 14px; line-height: 18px; padding: 15px; margin-bottom: 10px;}
p.imageCaption {font-size: 14px; line-height: 18px; padding: 20px; margin-bottom: 10px; margin-left: -16px; letter-spacing: 0;}
p.imageCaption strong {letter-spacing: .5px;}                                                                 
#goodHandsPromiseSlider {padding-top: 90px;}
.timelinePaleBlue {border-left: 6px solid #45bce5;}
.timelineCoral {border-left: 6px solid #ed7766;}
.timelinePurple {border-left: 6px solid #a600fc;}
.timelineGreen {border-left: 6px solid #00c39c;}
.timelineYearDetails .historyImage {margin-top: 30px;}
.historyMilestones h2 {color: #0033a0; margin-bottom: 60px;font-size: 44px; line-height: 46px; letter-spacing: -1.0px; margin-top: 30px;}
.timelineYearDetails {border-bottom: 1px solid #e4e9ed; padding:40px;}
p.timelineYear {font-size: 44px; line-height: 46px; letter-spacing: -1.8px;}
p.timelineDetails {font-size: 24px; line-height: 32px; letter-spacing: -0.8px;}
.imageRowContainer img {margin:15px; max-width: 100%;}
/***Stories Pages***/
.storiesMainPageBody .featuredArticle {margin: -130px 15px 80px 15px; background-color: #fff;}
.storiesMainPageBody .featuredArticle .contentBoxTextMain {margin: 45px auto 45px 20px;}
.storiesMainPageBody .featuredArticle .contentBoxTextMain p {color: #0e1941;font-size: 48px;line-height: 50px; margin-bottom: 15px;}
.featuredArticle .imageBoxMain { margin-left: -15px;}
.featuredArticle .imageBoxMain img {width: 100%; height: auto;}
.storiesMainPageBody .threeColumnTeasers {padding: 20px 0;}
.storiesMainPageBody .featuredArticle .contentBoxTextMain p.articleDate, p.articleDate, .centerCTA .contentBoxText p.articleDate {font-size: 14px; line-height: 1.4; letter-spacing: -0.5px; padding-bottom: 20px; font-weight: normal;}
.categoryTag {font-size: 18px; line-height: 18px; letter-spacing: -0.6px;}
.authorLeftLinedGreen {border-left: 2px solid #00c39c;}
.authorLeftLinedCoral {border-left: 2px solid #BA3821;}
.authorLeftLinedPurple {border-left: 2px solid #9232E2;}
.storyAuthorName {font-weight: bold;}
.storyAuthorTitle {font-size: 12px; font-style: italic;}
.storyPublishDate {font-size: 12px}
.shareArticleIcons {margin-top: 20px; border-top: 2px #ced7e0 solid; padding-top: 20px;}
.shareArticleIcons img {height: 24px; width: 24px; margin: 0 8px 0 0;}	
.shareArticleIcons p {font-size: 14px; line-height: 1.25; margin-bottom: 15px;}
.shareArticleIcons p a {color: #4e5969;}
.centerWellFreeTextStory .quoteMarkSection {margin-bottom: 30px;}
.greenLinedCTA {border-left: 2px solid #00c39c; background-color: #f3f6f9; padding: 30px 30px 0px 30px; margin: 0px auto 30px auto;}
.coralLinedCTA {border-left: 2px solid #BA3821; background-color: #f3f6f9; padding: 30px 30px 0px 30px; margin: 0px auto 30px auto;}
.purpleLinedCTA {border-left: 2px solid #9232E2; background-color: #f3f6f9; padding: 30px 30px 0px 30px; margin: 0px auto 30px auto;}
.greenLinedCTA p, .coralLinedCTA p, .purpleLinedCTA p {font-size: 32px; line-height: 36px; letter-spacing: -1.07px; color: #0033a0; margin-bottom: 30px;}
p.quoteSignature {font-size: 14px; line-height: normal;}
.learnMoreCTA, .progressBarCTA {background-color: #f3f6f9; padding: 30px; margin: 60px auto 0 auto;}
.learnMoreGreenLine, .horizontalGreenLine {border-top: 2px solid #00c39c;}
.learnMoreCoralLine, .horizontalCoralLine {border-top: 2px solid #ed7766;}
.learnMorePurpleLine, .horizontalPurpleLine {border-top: 2px solid #9232E2;}
.horizontalPaleBlueLine {border-top: 2px solid #45bce5;}
.horizontalAllstateBlueLine {border-top: 2px solid #0033a0;}
.learnMoreCTA h2, .learnMoreCTA h3, .progressBarCTA h2 {font-size: 28px; line-height: 32px; margin-top: 0px;font-family: 'allstatesansw-regular';}
.learnMoreCTA p, .progressBarCTA p, .learnMoreCTA ul li, .learnMoreCTAWithImage ul li {font-size: 18px; line-height: 1.35; letter-spacing: -0.6px; color:#4e5969}
.learnMoreCTA ul li, .learnMoreCTAWithImage ul li {margin-bottom: 10px;}
[id*="photo-gallery"] {position:relative;}
.col-md-6 [id*="photo-gallery"] .gallery-slider-for .slider-item, .col-md-7 [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 320px; background-position: center; background-size: cover;}
.col-md-7 #historyAtGlanceSlider [id*="photo-gallery"] .gallery-slider-for .slider-item {background-size: contain; background-repeat: no-repeat; background-color: #e4e9ed;}
.col-md-10 [id*="photo-gallery"] {margin-bottom: 30px;}
.col-md-10:not(#quoteBoxCarouselCareers)  [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 600px; background-position: center; background-size: contain; background-repeat: no-repeat;}
.col-md-12:not(.careersQuoteBox)  [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 600px; background-position: center; background-size: cover;}
.col-md-10 #secondaryImageSlider [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 300px; background-position: center; background-size: cover; }
.col-md-12 .arrow-container {float: left;}
.prev.slick-arrow {font-size: 36px; text-decoration: none; padding: 3px; color: #0033a0; background-color: #45bce5; position: relative; width: 63px; height: 63px; display: inline-block; text-align: center;-webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; margin-right: -1px;border: 2px solid transparent; }
.prev.slick-arrow:hover {text-decoration:none; border: 2px solid #0033a0; background-color: #fff;}
.next.slick-arrow {font-size: 36px; text-decoration: none; padding: 3px; color: #0033a0; background-color: #45bce5; position: relative; width: 63px; height: 63px; display: inline-block; text-align: center; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;border: 2px solid transparent; }
.next.slick-arrow:hover {text-decoration:none; border: 2px solid #0033a0; background-color: #fff;}
.centerWellFreeTextStory .captionsBox {padding: 20px 0px; margin: 0 0 40px -15px; max-width: 850px;}
.centerWellFreeTextStory .inlineImageContent {margin-bottom: 20px;}
.centerWellFreeTextStory .inlineImageContent .captionsBox {margin-bottom: 0;}
[id*="photo-gallery"] .captionsBox {padding:20px; border-left: 2px solid #45bce5; margin: 0 0 40px 0;}
.col-md-12 [id*="photo-gallery"] .captionsBox {padding: 20px; border: none;}
[id*="photo-gallery"] .captionsBox p, .centerWellFreeTextStory .captionsBox p {font-size: 14px;line-height: 1.25; font-family: allstatesansw-regularitalic,arial,sans-serif; margin-bottom: 0; }
.centerWellFreeTextStory .blueFactBox, .blueFactBox {background-color: #0033a0; padding: 18px; margin: 0 20px;}
.centerWellFreeTextStory .blueFactBox p, .blueFactBox p {font-size: 18px; line-height: 20px; color: #fff;margin-bottom: 0;}
.centerWellFreeTextStory .coralFactBox, .coralFactBox {background-color: #ed7766; padding: 18px; margin: 20px;}
.centerWellFreeTextStory .coralFactBox p, .coralFactBox p {font-size: 18px; line-height: 20px; color: #0e1941; margin-bottom: 0;}
.centerWellFreeTextStory .greyProgressBar {background-color: #ced7e0;height:8px;margin-bottom: 20px; margin-top: -10px;}
.centerWellFreeTextStory .largeSizeGraphic {font-size: 48px; line-height: 54px; margin-right: -40px;}
.centerWellFreeTextStory .largeSizeGraphic sup {font-size: 24px;margin-left: 0px;top: auto;}
/***Careers***/
.fullWidthSubBannerImage {width:100%; max-width: 1170px; margin: 0 auto;}
.careersFlipper.navyBackground {background-color: #0e1941;margin-top: -10px;}
.careersFlipper.navyBackground.echoAlignRight {background-image: url(/resources/Allstate/images/allstatecorporation/echo-background.png); background-repeat: no-repeat; background-position-x: 550px; background-size: 91%;}
#corporateCareersIntro, #agencyCareersIntro {padding: 0 10px 0 55px;}
.careersFlipper .bannerRowHeadline h2 {padding: 30px 0 30px 55px; float: left;}
.careersFlipper .bannerRowHeadline .blueHeadlineBannerBeacon {float:right;}
.careersFlipper h2:not(.bannerRowHeadline h2), .careersFlipper h3, .careersFlipper p {color: #fff;}
.careersFlipper h2:not(.bannerRowHeadline h2) {font-size: 62px; line-height: 64px; letter-spacing: -1px; margin-top: 90px; margin-bottom: 30px;}
.careersFlipper p {font-size: 24px; line-height: 32px; margin-bottom: 60px;}
.quotesBoxCoral {background-color: #ed7766;}
[class^="quotesBox"] .quoterProfileImage {margin: 22px 15px;}
[class^="quotesBox"].quoteImageHeadshotContainer {padding-left: 25px;}
[id^="jump"].mainPageBodyArea {scroll-margin-top: 100px;}
.selectCareerPath {padding: 30px 44px;}
[class^='sectionFlipper'] { font-size: 28px; line-height: 28px; float: left; padding-right: 15px; padding-left: 15px; padding-bottom: 30px; border-bottom: 2px solid #0033a0;cursor: pointer;}
[class^='sectionFlipper'].active {font-family: allstatesansw-medium,arial,sans-serif; color: #45bce5; border-bottom: 4px solid #45bce5;}
.careersHubMainSection .container {max-width: 1110px; width: auto;}
.coorporateQuote.arrow-container, .agentQuote.arrow-container {float: right; margin-right: 0px; margin-top: -63px;}
.coorporateQuote.arrow-container .slick-arrow, .agentQuote.arrow-container .slick-arrow {top: 65px;}
.col-md-10 .quotesBoxCoral [id*="photo-gallery"] .gallery-slider-for .slider-item {height: auto;}
.col-md-10 .quotesBoxPurple [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 325px;}
.panel-group {margin-top: 40px;}
.panel-default {border-color: transparent;}
.panel-group .panel {border-radius: 0; margin-bottom: 25px ;box-shadow: none; -webkit-box-sadow: none; border-left: 3px solid #45bce5; }
.panel-group .panel.green {border-left: 3px solid #00c39c;}
.panel-group .panel.coral {border-left: 3px solid #ed7766;}
.panel-group .panel.purple {border-left: 3px solid #BD70F4;}
.panel-default>.panel-heading {background-color: #fff;}
.panel-heading .accordion-toggle .panel-title:after {font-family: 'Glyphicons Halflings';content: "\e114";float: right; color: #0e1941; font-size: 14px; font-weight: 100; border-radius: 50%; background-color: #d9eeff; padding: 6px; line-height: 1;}
.panel-heading .accordion-toggle[aria-expanded="true"] .panel-title:after {font-family: 'Glyphicons Halflings';content: "\e113";}
.panel-heading .accordion-toggle[aria-expanded="false"] .panel-title:after {font-family: 'Glyphicons Halflings';content: "\e114";}
.panel-title {font-size: 24px; color: #0e1941; font-family: allstatesansw-medium,arial,sans-serif; padding: 10px 15px;}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: transparent;padding: 0px 15px;}
.panelBodyContent {border-top: 1px solid #ced7e0;padding: 20px;}
.panelBodyContent h2 {font-size: 24px; line-height: 30px; font-family: allstatesansw-bold,arial,sans-serif;}
.panelBodyContent ul li, .panelBodyContent ol li {font-size: 18px; line-height: 24px; margin-bottom: 15px;}
.panelBodyContent ol li::marker {color: #0033a0; font-family: 'allstatesansw-bold';}
.panel.green .panelBodyContent ol li::marker {color: #037e68;}
.panel.coral .panelBodyContent ol li::marker {color: #BA3821;}
.panel.purple .panelBodyContent ol li::marker {color: #9232E2;}
.panelBodyContent ul li::marker, {color: #45bce5;}
.panel.green .panelBodyContent ul li::marker {color: #00c39c;}
.panel.coral .panelBodyContent ul li::marker {color: #ed7766;}
.panel.purple .panelBodyContent ul li::marker {color: #BD70F4;}
.panelBodyContent p {font-size: 18px; line-height: 24px;}
.whiteImageBox {background-color: #fff; display: block; overflow: auto; margin: 30px 15px;}
.panelBodyContent .whiteImageBox {margin: auto 0 auto -30px;}
.mainPageBodyArea .whiteImageBox {margin: 30px -10px;}
.whiteImageBox .imageRight {float: right;padding-right: 0;}
.whiteImageBox .imageRight img {width: 100%;}
.whiteImageBox .contentLeft {float: left; padding: 20px 30px; min-height: 295px;}
.panelBodyContent .whiteImageBox .contentLeft {min-height: 260px;}
.whiteImageBox .contentLeft h3 {font-size: 24px; line-height: 28px; font-family: allstatesansw-medium,arial,sans-serif;}
.whiteImageBox .contentLeft p {font-size: 18px; line-height: 1.3;font-weight: 400;}
.whiteImageBox .contentLeft p.arrowLink {font-weight: 700;}
.mainPageBodyArea .whiteImageBox p:not(.bottomAlignLink) {margin-bottom: 10px;}
.agencySuccess {background-color: #0033a0; box-shadow: 0 0 0 100vmax #0033a0;
 clip-path: inset(0 -100vmax); margin-top: -60px;}
.agencySuccess .col-md-5 {background-color: #0e1941; margin: 42px; padding: 20px;}
.agencySuccess ul li::marker {color: #ed7766;}
.agencySuccess h2, .agencySuccess ul li, .agencySuccess p {color: #fff;}
.numberedContentList {display: flex; justify-content: flex-start; align-items: center; margin: 20px; flex-wrap: nowrap; flex-direction: row;}
.numberedContentList .whySectionNumber {margin-right: 20px; width: 10px;}
.numberedContentList .whySectionNumber .coralOnNavy {color: #fc9983}
.numberedContentList .whySectionDetail {border-left: 2px solid #45bce5; padding: 0 30px; margin: 10px 0;}
.numberedContentList .whySectionDetail .whySectionDeatailHeading {font-weight: bold;}
.agencySuccess h3, .agencySuccess p {padding-left: 15px;}
.btn.alignRight {float: right; margin-right: 40px;}
.whiteBorderBox {background-color: #fff; border-left: 4px solid #45bce5; margin: 40px 20px 0 0; padding: 20px;}
.whiteBorderBox.purpleLined{border-left: 4px solid #BD70F4;}
.whiteBorderBox.coralLined{border-left: 4px solid #ed7766;}
.whiteBorderBox.greenLined{border-left: 4px solid #00c39c;}
.whiteBorderBox h2, .whiteBorderBox h3 {margin-top: 10px; font-weight: 700; font-size: 30px; line-height: 1.1;}
.mainPageBodyArea .whiteBorderBox p {font-size: 24px; line-height: 28px; letter-spacing: -0.8px; margin-bottom: 10px;}
.whiteBorderBox a:hover:after {content: url(/resources/Allstate/images/allstatecorporation/icons/Link_Arrow_Long_Dark_Coral.png); padding: 0 12px 0 12px;}
/***Careers 2024***/
.iconColumns {display: flex; justify-content: space-evenly; margin-top: 50px;}
.iconColumns img {padding-bottom: 20px;}
.iconColumns p, .iconColumns ul li {font-size: 16px; margin-bottom: 10px;}
.bodyAreaCTA {margin: 60px 0;}
.bodyAreaCTA .eyeBrow {font-family: allstatesansw-light,arial,sans-serif;}
.bodyAreaCTA.green {background-color: #00c39c; padding: 60px;}
.bodyAreaCTA.coral {background-color: #ed7766; padding: 60px;}
.bodyAreaCTA.purple {background-color: #BD70F4; padding: 60px;}
.bodyAreaCTA.paleBlue {background-color: #45bce5; padding: 60px;}
.bodyAreaCTA .imageBox {flex-basis: 35%;}
.bodyAreaCTA .contentBox {flex-basis: 65%;}
.bodyAreaCTA.balancedTall .imageBox, .bodyAreaCTA.balancedTall .contentBox {flex-basis: 50%;}
.bannerLinedList {display: flex; flex-direction: column; padding: 0;}
.bannerLinedList li {margin: 15px 10px 15px 30px;}
.bannerLinedList.coral {border-left: 2px solid #ed7766;}
.bannerLinedList.purple .col-md-4 {border-left: 2px solid #BD70F4;}
.bannerLinedList.green .col-md-4 {border-left: 2px solid #00c39c;}
.bannerLinedList.paleBlue .col-md-4 {border-left: 2px solid #45bce5;}
img.imageInCallOut {max-width: 100%;}
.careersQuoteBox {margin-top: 60px;} 
.quarterEchoBanner .btn {margin-top: 15px;} 
.mainPageBodyArea .leftLinedContentCoral {border-left: 2px solid #ed7766; padding-left: 20px; margin-top: 40px;}
.mainPageBodyArea .leftLinedContentPurple {border-left: 2px solid #BD70F4; padding-left: 20px; margin-top: 40px;}
.mainPageBodyArea .leftLinedContentGreen {border-left: 2px solid #00c39c; padding-left: 20px; margin-top: 40px;}
.mainPageBodyArea .leftLinedContentPaleBlue, .leftLinedContentPaleBlue {border-left: 2px solid #45bce5; padding-left: 20px; margin-top: 40px;}
.mainPageBodyArea.imageCTABanner {padding-bottom: 0; margin-bottom: 0;}
.mainPageBodyArea .disclaimerMainArea {font-size: 16px; line-height: 1.125; margin-bottom: 45px;}
.quarterEchoBanner {display: flex; box-shadow: 0 0 0 100vmax #0e1941; clip-path: inset(0 -100vmax); padding: 0;}
.centerWellFreeTextStory + .quarterEchoBanner {margin-top: 40px;}
.quarterEchoBanner .lightBlueEchoBack {background: url(/resources/Allstate/images/allstatecorporation/echo_navy.png) #45bce5 bottom -185px right no-repeat;  box-shadow: 20vmax 0px 0px 20vmax #45bce5; clip-path: inset(0 -100vmax);}
.quarterEchoBanner .contentArea {background-color: #0e1941; padding: 40px; }
.quarterEchoBanner .contentArea h2, .quarterEchoBanner .contentArea p {color: #fff;}
.quarterEchoBanner.noBottomSpace {margin-bottom: -40px;}
.careersVideoContainer {border-left: 3px solid #00c39c; margin-top: 40px; margin: 20px 0; max-width: 215px;} 
.careersVideoContainer p {background-color: #fff; font-size: 18px; line-height: 20px; padding: 15px; margin-bottom: 10px;}
.careersVideoContainer p span.signature {font-size: 12px; line-height: 14px;}
.statementsList {list-style: none; font-size: 24px; line-height: 40px; padding: 60px 0 0 0;}
.fullWidthBannerHighlight .downloadLink, .fullWidthBannerHighlight .externalLink {font-size: 14px; line-height:20px;}
.fullWidthBannerHighlight h2, .fullWidthBannerHighlight p {color: #0e1941 !important;}
.fullWidthBannerHighlight h2 {font-size: 24px; line-height: 28px; padding-bottom: 20px; border-bottom: 2px solid #45bce5;}
.fullWidthBannerHighlight p {font-size: 18px; line-height: 24px; margin-bottom: 3px !important;}
.fullWidthBannerHighlight {display: flex; justify-content: center; flex-direction: row;}
.fullWidthBannerHighlight img {height: auto; padding-left: 20px; max-width: 315px;}
.fullWidthBannerHighlight .quotesBoxWhite {width: 700px;height: auto;}
.fullWidthBannerHighlight .bottomAlignLink {margin-bottom: 60px;}
.externalLink {background-image: url(/resources/Allstate/images/allstatecorporation/icons/external-link.png); background-repeat: no-repeat; background-position: right; padding-right: 22px;}
.purpleOnWhite.externalLink {background-image: url(/resources/Allstate/images/allstatecorporation/icons/external-link-purple.png);}
.reportArchive .whiteImageBox .imageRight img {border-left: 1px solid #E4E9ED;}
.reportArchive .whiteImageBox .contentLeft {min-height: 245px;}
.downloadLink {background-image: url(/resources/Allstate/images/allstatecorporation/icons/download.png); background-repeat: no-repeat; background-position: right; padding-right: 22px;} 
.partnerStrategicVentures{background-color: #0e1941; padding: 0; margin: 60px auto 0 auto;}
.partnerStrategicVentures .lightBlueBack {height: 206px;}
.standardsContent p {color: #45bce5; font-size: 22px; line-height: 28px; letter-spacing: -.73px;}
/***Footer***/
.mainFooterContainer {width:100%; max-width: 1440px; margin:40px auto;}
.mainFooterContainer a {color:#0033a0; font-size: 14px; font-weight: inherit; text-align: right; margin: 10px 12px 10px 12px;}
.mainFooterContainer p {color:#6b7789; font-size: 12px; text-align: right; margin: 10px 12px;}
.mainFooterLogo {padding: 0 15px; max-width: 165px; max-height: 30px;}
.mainFooterLinks {float: right;}
.mainFooterLinks ul {list-style: none;}
.mainFooterLinks ul li {float:left; line-height: 2;}
.socialFooterLinks {float: right; margin-bottom: 15px; width: 355px;}
.socialFooterLinks ul { list-style: none;}
.socialFooterLinks p, .socialFooterLinks ul li { float: left;}
.socialFooterLinks p {font-weight: bold; color: #0e1941; font-size: 14px; margin: auto 5px;}
.socialFooterLinks a {margin: 0 5px;}
.socialFooterLinks img {width: 24px; height: 24px;}
@media (min-width: 768px){
.mainNavigationContainer .navbar-right .dropdown-menu {right: 0; left: 0;}
.mainNavigationContainer {min-height:96px;}
.mainNavigationContainer .navbar-right .dropdown-submenu .dropdown-menu {left: 100%; right: auto; width: 100%; margin-top: -2px; min-height: -webkit-fill-available; margin-left: 0;}
.ourLeadership .quotesBoxGreen {margin-left: -61px;}
.contentIllustrationBox .whiteBorderBox:not(:first-of-type) {margin-left: 60px;}
}
@media (min-width: 992px){
.mainNavigationContainer .container-fluid {padding-right: 45px;}
.mainNavLogo {margin-left: 30px;}
.centerCTA:not(.bodyAreaCTA) {margin-top: -120px; margin-left: 0px;}
.ourLeadership .quotesBoxGreen {margin-left: -22px;}
}
@media (min-width: 1200px) {
.ourLeadership .quotesBoxGreen {margin-left: -52px;margin-right: -15px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
.echoImage {margin-left: -623px;width: 930px;max-height: 467px;}
.bannerCopy {padding: 72px 0 30px 60px;}
.heroImage img {margin-left: 75px}
}
@media (min-width: 1440px) {
.navigationEchoBar {background-position-x: calc(178px + (50vw - 1440px));}
} 
@media (max-width: 992px) {
.featuredSection {margin: -60px 15px 80px 15px;}
.navyOvalBackground {background: url(/resources/Allstate/images/allstatecorporation/oval_half_top_mobile.png) no-repeat; background-position-x: unset; background-position-y: 585px;}
.featuredSection img {width: 100%;}
.homePageBodyArea {flex-direction: column;}
.homePageBodyArea.imageRight {flex-direction: column-reverse;}
.imageFloatingCTA {margin-top: auto; margin-right: auto;}
.centerCTA .contentBox {height: 280px;}
.contentBoxText {padding: 20px;}
.heroImage {height: auto;}
  .centerCTATop {flex-direction: column;}
.contentQuoteSection p {font-size: 26px; letter-spacing: -1.4px; line-height: 28px;}
.contentQuoteSection .inlineQuoteBox p {font-size: 20px; line-height: 24px;}
.threeColumnTeasers .col-md-4 {width: 273px; height: auto; margin: 30px 15px;} 
.authorLeftLinedCoral {margin-bottom: 30px; margin-left: 15px;}
.authorLeftLinedGreen {margin-bottom: 30px; margin-left: 15px;}
.authorLeftLinedPurple {margin-bottom: 30px; margin-left: 15px;}
.shareArticleIcons {flex-direction: row; display: flex;}
.shareArticleIcons p {margin-right: 15px;}
.financialContainer {background-image: url(/resources/Allstate/images/allstatecorporation/echo-background.png); background-size: cover; background-repeat: no-repeat; background-position-x: -145px; background-position-y: 60px;}
.careersFlipper .bannerRowHeadline .blueHeadlineBannerBeacon {display: none;}
.bannerCopy {padding: 72px 40px 30px 80px;}
.coralLinedCTA, .purpleLinedCTA, .greenLinedCTA {padding: 30px 30px 10px 30px;}
p.greenLineCallOut, p.purpleLineCallOut, p.coralLineCallOut, p.blueLineCallOut {margin: auto;}
.echoImage {margin-left: -589px; width: 707px;}
.heroCoralEchoBG, .heroGreenEchoBG, .heroPurpleEchoBG, .heroPaleBlueEchoBG {background-position-x: 10vw; background-position-y: 265px;} 
.bannerProductsList .col-md-4 {margin-top: -30px; padding-bottom: 10px;}
.bannerRowHeadline h2 {padding: 30px;}
.quoteWithImageBanner {margin-left: inherit;}
.quoteImage {max-width: 245px; margin-left: 50px;}
 #corporateCareersIntro, #agencyCareersIntro {padding: 0 10px 0 10px;}
.empoweringEmployees, .takingAStand, .investingInCommunities, .diverseSuppliers {padding: 15px;}
.learnMoreCTAContainer {flex-direction: column;}
.learnMoreCTAContainer.borderedCTA {padding: 16px;}  
.learnMoreImage {width: 100%; height: auto; margin-top: 0;}
.centerWellFreeTextStory .quoteMarkSection {margin-top: 60px;}
.col-md-12 .arrow-container {float: unset;}
.noRightMargin {margin-right: auto;}
.whiteCallOutBox {margin: 20px;}
} 
@media (max-width: 767px) {
.mainNavigationContainer .navbar-default #navigationPrimary .navbar-nav>li>a {font-size: 26px;line-height: 2;}
.mainNavigationContainer .navbar-default #mobileNavFooterLinks .navbar-nav>li>a {font-size: 18px;}
.mainNavigationContainer .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.mainNavigationContainer .navbar-nav>li>.dropdown-menu {border-top: none; width: 100%; padding: 1px 1px 5px; background-color:#fff; height: auto;}
.mainNavigationContainer .navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#0033a0; white-space: break-spaces; font-size: 26px; line-height: 1.3; padding: 8px 0 8px 20px;}
.mainNavigationContainer .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 100vh;}
.navbar-fixed-top .navbar-collapse {overflow-y: auto;}
.mainNavigationContainer .navbar-default .navbar-toggle.collapsed .topBar, .mainNavigationContainer .navbar-default .navbar-toggle.collapsed .bottomBar {transform: rotate(0);}
.mainNavigationContainer .navbar-default .navbar-toggle.collapsed .middleBar {visibility: visible;}
.mainNavigationContainer .navbar-default .navbar-toggle .icon-bar:not(.middleBar) {transition: all 0.2s;}
.mainNavigationContainer .navbar-default .navbar-toggle .topBar {transform: rotate(45deg); transform-origin: 5px 0px;}
.mainNavigationContainer .navbar-default .navbar-toggle .middleBar {visibility: hidden;}
.mainNavigationContainer .navbar-default .navbar-toggle .bottomBar {transform: rotate(-45deg); transform-origin: 0px 0px;}
.mainNavigationContainer .navbar-nav>li>.dropdown-menu .dropdown-submenu .dropdown-menu{border-top: #45bce5 solid 2px; width: 100%; padding: 1px 1px 5px; background-color: #F3F6F9;}
.mainNavigationContainer .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #0033a0;}
.mainNavigationContainer .navbar-nav>li>.dropdown-menu {background-color: #fff;}
.mainNavigationContainer .navbar-nav>li>.dropdown-menu {height: auto;}
.mainNavigationContainer .navbar-nav>li>.dropdown-menu .dropdown-submenu .dropdown-menu>li>a {color: #0033a0;}
li.subNavLabel {font-size: 26px;}
.dropdown-primary-level > li.subNavLabel {color: #0E1941;}
.dropdown-secondary-level > .dropdown-menu > li.subNavLabel {display:none;}
.mainNavigationContainer .dropdown-submenu>a:after {font-family: 'Glyphicons Halflings'; content: "\e113"; padding: 0 10px; font-size: 18px; color: black; float:right;}
.mainNavigationContainer .dropdown-menu>li.dropdown-submenu>a:hover:after {font-family: 'Glyphicons Halflings'; content: "\e114"; padding: 0 10px; font-size: 18px; color: black; float:right;}                                                                               
.navbar-brand {padding: 8px 15px;}
.navigationEchoBar {background-position-y: -320px; background-position-x: -415px; position: sticky; height: 24px; margin-bottom: -1px; background-size: 900px 700px;}
.fullWidthBanner {height: 100%; padding-top: 60px;}
.fullWidthBanner h1, .fullWidthBanner h2, .newsAlertBanner p.newsHeadline {font-size: 38px; line-height: 1.1;}
.fullWidthBanner p:not(.quoteFrom):not(.newsHeadline) {font-size: 20px; line-height: 24px;}
.navyOvalBackground {background: unset;}
.bannerContainer {width: 100%;}
.bannerCopy, .homePage.bannerCopy {padding: 40px 35px;}
.relatedStoriesContainer h3.sectionTitle {padding-left: 0;}
.heroVideo {padding: 40px 35px;}
.newsAlertBanner {min-height: 430px;}
.homepageHero.heroImage img {border-bottom: none;}
.centerCTA {margin-top: auto; padding-right: 0; padding-left: 0;}
.centerCTA .contentBox {height: 280px;}
[class^="quotesBox"] {margin-top: 0px;}                                                                                
[class^="quotesBox"] p {font-size: 17.5px; line-height: 21px;}
.quotesBoxWhite {padding: 0;}
.quoteMarkSection {flex-direction: column;}
.quoteMarkSection img.quoteImage {max-width: 100%; margin-left: auto;}
.threeColumnTeasers {padding: 40px 0;}
.threeColumnTeasers .col-md-4 {width: 100%; height: auto; margin: 40px auto;}
.threeColumnTeaserContent p {font-size: 22px; line-height: 24px;padding-bottom: 40px; padding-top: 10px;}
.contentQuoteSection {padding: 40px 0 40px 0;}
.contentQuoteSection .inlineQuoteBox {padding: 20px 10px 20px 0;} 
.coralBoxCTA {padding: 10px;}
.coralBoxCTA .interiorBoxCTA {padding: 0;}
.coralBoxCTA img:not(.quoterProfileImage) {margin: 10px 0 20px 0;width: 100%;}
.coralBoxCTA .ctaContentNavy {margin: 20px;}
.coralBoxCTA .ctaContentNavy h2, .historySection h2 {font-size: 22px; line-height: 24px;}
.historySection .storyOnRight {margin: 40px 0 20px 0;}
.financialContent p {font-size: 26px; line-height: 30px;}
.productsOverviewSection h2 {font-size: 38px;margin: 0 30px 40px 30px;}
.productsOverviewSection .col-md-3 {padding-right: 0px; padding-left: 0px;height: auto;}
.productsOverviewSection .productOverviewContent {padding: 0 15px 20px 15px;}
.ourLeadersIntro, .ourBoardIntro {margin-top: 40px;}
.ourBoard .col-md-3, .ourLeadership .col-md-3 {min-height: 460px;}
.col-md-10 [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 660px;}
.bannerRowHeadline h2, .careersFlipper .bannerRowHeadline h2 {padding: 30px; font-size: 36px;}
.bannerProductArea {padding: 0;}
.bannerProductArea h2 {padding: 45px 30px 20px 30px; font-size: 40px;}
.bannerProductsList {font-size: 20px; line-height: 24px; padding: 40px;}
.bannerProductsList .col-md-4 {margin-top: -20px; padding-bottom: 8px;}
.mainPageBodyArea {padding: 5px;}
.agencySuccess {padding: 5px 15px 60px 15px;}
.ourCompanies h2 {font-size: 36px;}
.ourCompanies p {font-size: 20px;}
.historyMilestones h2, .mainPageBodyArea h2 {font-size: 36px; line-height: 40px; letter-spacing: -2.12px; margin-top: 20px;}
.historyEarlyMilestones p, .careersHubMainSection p, .mainPageBodyArea p, .mainPageBodyArea ul, .mainPageBodyArea ul li, .mainPageBodyArea ol {font-size: 20px; line-height: 24px; letter-spacing: -0.67px; margin-bottom: 30px;}
p.greenLineCallOut, p.purpleLineCallOut, p.coralLineCallOut, p.blueLineCallOut {font-size: 24px; line-height: 28px; margin: 30px auto;}
.largeSizeGraphic {font-size: 60px; line-height: 60px; margin-right: -36px;}
.largeSizeGraphic sup {font-size: 38px; margin-left: 10px;} 
.greyProgressBar {margin-top: -10px;}
.imageBox {padding-left: 0; padding-right: 0;}
.contentBoxText {margin: 20px auto 20px auto; padding: 20px; }
.storiesMainPageBody .featuredArticle {margin: 60px auto 0 auto;}
.storiesMainPageBody .featuredArticle .contentBoxTextMain p {font-size: 36px; line-height: 40px; letter-spacing: -2px; padding-bottom: 60px;}
.storiesMainPageBody .featuredArticle .contentBoxTextMain p.articleDate, p.articleDate {margin-top: -50px; padding-bottom: 60px;}
.storiesMainPageBody .threeColumnTeasers {padding: 0;} 
.threeColumnTeaserContent p + p.articleDate {margin-top: -30px;}
.centerWellFreeTextStory {margin: 90px auto 0 auto;}
.centerWellFreeTextStory h1 {font-size: 36px; line-height: 32px;}
.centerWellFreeTextStory h2 {font-size: 20px; line-height: 24px;}
.centerWellFreeTextStory p, .centerWellFreeTextStory li {font-size: 20px;line-height: 24px;}
.centerWellFreeTextStory p.categoryTag {margin-bottom: 10px;}
.centerWellFreeTextStory img {margin: 10px auto 0 auto;}
.centerWellFreeTextStory .captionsBox {margin: auto;} 
.centerWellFreeTextStory .blueFactBox {margin: 0 10px 40px 10px;}
.shareArticleIcons img {margin: auto;}	
.shareArticleIcons p {font-size: 14px; line-height: 18px;}
.greenLinedCTA p, .coralLinedCTA p, .purpleLinedCTA p {font-size: 24px; line-height: 28px;}
.learnMoreCTA h3 {font-size: 22px; line-height: 27px;}
.learnMoreCTA p {font-size: 16px; line-height: 20px;}
.learnMoreCTAContainer.borderedCTA .col-md-4, .learnMoreCTAContainer.borderedCTA .col-md-4.right {padding-left: 0; padding-right: 0;}
.learnMoreCTAContainer.borderedCTA .learnMoreImage {margin-left: 0; margin-right: 0;}   
.quarterEchoBanner .contentArea {padding: 20px; border: #0e1941 solid;}
.timelineYearDetails {padding: 30px 15px;}
.col-md-12 [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 270px;}
p.timelineYear {font-size: 36px; line-height: 40px;}
p.timelineDetails {font-size: 20px; line-height: 24px; letter-spacing: -0.8px;}
[class^='sectionFlipper'] {font-size: 22px; line-height: 24px;max-width: 135px;}
.selectCareerPath {padding: 30px 15px;}
.careersFlipper h2:not(.bannerRowHeadline h2) {font-size: 36px;line-height: 40px; margin-top: 60px;}
.careersFlipper p {font-size: 20px; line-height: 24px;}
/***careers 2024***/
.iconColumns {flex-direction: column;}
.iconColumns img {padding-top: 30px;}
.iconColumns p, .iconColumns ul li {margin-bottom: 10px;}                                                                                
.bodyAreaCTA.green {padding: 16px;}
.bodyAreaCTA.coral {padding: 16px;}
.bodyAreaCTA.purple {padding: 16px;}
.bodyAreaCTA.paleBlue {padding: 16px;}
.bodyAreaCTA h3:not(.eyeBrow) {font-size: 40px;}
.bannerLinedList {flex-direction: column;}
.mainPageBodyArea .whiteBorderBox p {font-size: 16px; line-height: 20px; margin-bottom: 0px;}
.contentIllustrationBox .whiteBorderBox:last-of-type {margin-bottom: 40px;}
.panel-title {font-size: 20px;}
.panelBodyContent .whiteImageBox {margin: auto;}
.panelBodyContent .whiteImageBox .contentLeft {padding: 20px 5px; min-height: 350px;}
.whiteImageBox .contentLeft {padding: 20px 15px; min-height: 350px;}
.whiteImageBox .contentLeft h3 {font-size: 20px; line-height: 24px;}
.whiteImageBox .contentLeft p {font-size: 16px; line-height: 20px;}
.whiteImageBox .imageRight {padding-left: 0;}
.agencySuccess .col-md-5 {margin: 15px 5px;}
.fullWidthBannerHighlight {flex-direction: column-reverse;}
.fullWidthBannerHighlight img {width: 100%; padding-left: 0;}
.fullWidthBannerHighlight .quotesBoxWhite {width: 100%;}
.reportArchive .whiteImageBox .imageRight img {border-left:none; border-bottom: 1px solid #E4E9ED;}
.reportArchive .whiteImageBox .contentLeft {min-height: 155px;}
.mainPageBodyArea .blueCTAListBox {background-color: transparent;margin: 0; padding: 0;}
.imageCTABanner .bannerContainer {display: flex; flex-direction: column-reverse;}
.centerCTA .contentBoxText p {margin-top: 15px;}
.careersVideoContainer {display: none;}
/***Footer***/
.mainFooterLinks ul {padding-left: 0; margin: 10px 0;}
.mainFooterLinks ul li {width: 50%;}
.mainFooterContainer a {padding: 0; font-size: 12px;}
.mainFooterContainer p {text-align: left; margin: 10px 0; width: 100%; float: left;}
#footerRow {padding-right: 0; padding-left: 0;}
.socialFooterLinks {width: 325px;}
[class^="quotesBox"]{flex-basis: 82%;}
}
@media (max-width: 375px) { 
.quoteMarkSection {flex-wrap: wrap;}
.echoImage {margin-left: -277px; width: 320px;}
.ourLeadership .quotesBoxGreen {margin: 0 -60px 40px -81px;}
.ourLeadership .quotesMarkBoxNavy {margin-left: -60px; margin-right: -15px;}
.ourBoard .col-md-3, .ourLeadership .col-md-3 {min-height: 420px;}
.purpleVerticalLine {height: 275px;}
.coralVerticalLine {height: 315px;}
.heroEchoBG {background-position-y: 40vh; background-position-x: -15vw;}
.fullWidthBanner a.btn:nth-of-type(2), .bannerContainer a.btn:nth-of-type(2) {margin-top: 15px;}
.lightBlueBack {height: 220px;}
.standardsContent {background-color: #0033a0; padding: 35px;}
.standardsContent h2 {font-size: 38px; line-height: 40px;}
.whiteCallOutBox {margin: 30px;}
.col-md-10 [id*="photo-gallery"] .gallery-slider-for .slider-item, .col-md-12 [id*="photo-gallery"] .gallery-slider-for .slider-item {height: 200px;}
.top img{background-color:gray;border-radius:25px;bottom:90px;display:block;height:auto;padding:8px;position:fixed;right:10px;width:auto;z-index:1000}
}
@font-face{ 
	font-family: 'allstatesansw-light'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-light.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-light.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-light.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-light.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-light.svg#webfont') format('svg'); 
font-display: swap;}
@font-face{ 
	font-family: 'allstatesansw-lightitalic'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-lightitalic.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-lightitalic.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-lightitalic.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-lightitalic.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-lightitalic.svg#webfont') format('svg'); 
font-display: swap;}
		
@font-face{ 
	font-family: 'allstatesansw-regular'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-regular.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-regular.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-regular.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-regular.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-regular.svg#webfont') format('svg'); 
font-display: swap;}	
		
@font-face{ 
	font-family: 'allstatesansw-regularitalic'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-regularitalic.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-regularitalic.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-regularitalic.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-regularitalic.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-regularitalic.svg#webfont') format('svg'); 
font-display: swap;}	

@font-face{ 
	font-family: 'allstatesansw-medium'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-medium.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-medium.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-medium.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-medium.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-medium.svg#webfont') format('svg'); 
font-display: swap;}
@font-face{ 
	font-family: 'allstatesansw-mediumitalic'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-mediumitalic.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-mediumitalic.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-mediumitalic.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-mediumitalic.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-mediumitalic.svg#webfont') format('svg'); 
font-display: swap;}
@font-face{ 
	font-family: 'allstatesansw-bold'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-bold.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-bold.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-bold.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-bold.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-bold.svg#webfont') format('svg'); 
font-display: swap;}
@font-face{ 
	font-family: 'allstatesansw-bolditalic'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-bolditalic.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-bolditalic.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-bolditalic.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-bolditalic.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-bolditalic.svg#webfont') format('svg'); 
font-display: swap;}
@font-face{ 
	font-family: 'allstatesansw-black'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-black.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-black.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-black.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-black.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-black.svg#webfont') format('svg'); 
font-display: swap;}
@font-face{ 
	font-family: 'allstatesansw-blackitalic'; 
	src: url('https://resources.allstate.com/fonts/allstatesansw-blackitalic.eot'); 
	src: url('https://resources.allstate.com/fonts/allstatesansw-blackitalic.eot?#iefix') format('embedded-opentype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-blackitalic.woff') format('woff'), 
		url('https://resources.allstate.com/fonts/allstatesansw-blackitalic.ttf') format('truetype'), 
		url('https://resources.allstate.com/fonts/allstatesansw-blackitalic.svg#webfont') format('svg'); 
font-display: swap;}
@font-face {
 font-family: 'Glyphicons Halflings';
 src: url('https://resources.allstate.com/fonts/glyphicons-halflings-regular.eot');
 src: url('https://resources.allstate.com/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://resources.allstate.com/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://resources.allstate.com/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://resources.allstate.com/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://resources.allstate.com/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
	font-display: swap;}
}