@charset "utf-8";
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
@import url("/resources/App_Themes/Components-Non-BS.min.css");

@font-face {
    font-family: 'FontAwesome';
    src:url('https://resources.allstate.com/fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('https://resources.allstate.com/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://resources.allstate.com/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://resources.allstate.com/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://resources.allstate.com/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://resources.allstate.com/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
}
 

/***LiveSite Overwrites ***/
* {box-sizing: border-box;}
body {width: 100%;}
#bodyContainer {margin-top: 30px}
#bodyRow {width: 100%; padding: 0; margin: 0;}
.GlobalNavigation .skipnav:link {
    color: #00467f;
    background: #fff;}
    
.wrap {width: 100%;}
.LayoutBannerFull {width: 100%;}
@media (max-width: 768px){.LayoutBannerFull { margin-top: 0;}}

.LayoutBody {float: none}
.LayoutBodyArea {float: left; width: 100%;}
.CenterWell { margin-left: 15px; margin-top: -20px;}
.breadcrumb {background-color: transparent;}
@media (min-width: 992px){ol.breadcrumb {font-size: 12px;}}
ul.linkedBullet li, li.linkedBullet {font: 16px/1.6 Arial,sans-serif;line-height: 1.5;list-style-type: none;margin: 15px 20px 15px -15px;min-height: 20px;padding: 0 20px 0 40px;background: rgba(0,0,0,0) url(https://www.allstate.com/resources/Allstate/images/global/icons/bullet-arrow.png) no-repeat scroll left top;}
a[class*=icon-], div[class*=icon-], i[class*=icon-] {display: block;padding: 0;margin: 0;}

input::placeholder {font-size: 14px}

/**Navigation Updates**/
.IconTopNavigation ul#MainMenu > li > a:hover {color: #c53710;}
.GlobalNavigation .topnavOuter {background-color: #202020;}
.GlobalNavigation .topnavInner a {border-right: none;color: #fff;}
.GlobalNavigation .topnavOuter {border-bottom: none;}
.GlobalNavigation .allRowBg .odd {background-color: #f3f3f3;}
.GlobalNavigation .top-navigation .inner-wrapper ul li a { text-transform: capitalize; font-size: 1em;}                                                    
.GlobalNavigation .top-navigation .inner-wrapper ul li a {color: #202020;}
.GlobalNavigation .top-navigation .inner-wrapper ul li.nav-parent.expanded > a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: #c53710; border-image: none; border-style: none none solid;border-width: 0 medium 8px;color: #666;margin: 10px 0 0;padding: 10px 25px 19px;}                         
.GlobalNavigation .topnavInner .search, .GlobalNavigation .topnavInner .search:hover, .GlobalNavigation .search.active:hover {background-color: #202020 !important;}
.GlobalNavigation .search, .GlobalNavigation .zip {border: 1px solid #000; margin: 7px 12px;}
.GlobalNavigation .search input, .GlobalNavigation .zip input {background-color: #ffffff;border: 0px none;color: #4d4d4d;font-size: 10px;}
.GlobalNavigation .search.active, .GlobalNavigation .zip.active {border: medium none; margin: 0;}
.GlobalNavigation .zipTopnav { background: transparent url("/resources/EncompassInsurance/images/global/pin.png") no-repeat scroll left center;}
.GlobalNavigation .top-navigation .mobile-header { background-color: #fff; border-bottom: #d9d9d9 solid 1px;}
.GlobalNavigation .top-navigation .mobile-header .mobile-navbar .icon-bar { background-color: #202020;}
.GlobalNavigation .top-navigation .inner-wrapper .mobile-subheader { background-color: #3b3b3b;}
.GlobalNavigation .top-navigation .inner-wrapper .mobile-footer {background-color: #3b3b3b;}

@media (max-width: 992px){.GlobalNavigation .top-navigation .inner-wrapper ul li.nav-parent.expanded > a {margin:0;}}                              
@media (min-width: 992px) {
    .GlobalNavigation .top-navigation .inner-wrapper>ul>li>a {padding: 10px 25px 19px;margin: 10px 0 0;}

	.GlobalNavigation .top-navigation .inner-wrapper ul li.nav-parent>a:after { background: none;}
	.GlobalNavigation .top-navigation { border-bottom: #d9d9d9 solid 1px;}                                                 
	.GlobalNavigation .top-navigation .inner-wrapper ul li .nav-child { top: 101px;}
	.GlobalNavigation .desktopLogo { margin-top: -18px; margin-bottom: -13px;}
    .GlobalNavigation .top-navigation .inner-wrapper ul li .nav-child ul li a {width: 140px;}  
}   
@media (min-width: 1212px) and (max-width: 1363px){ 
	.GlobalNavigation .top-navigation .inner-wrapper ul li.nav-allstate a {margin-right: 300px;}}

@media (min-width: 992px) and (max-width: 1211px){ 
  .GlobalNavigation .top-navigation .inner-wrapper ul li.nav-allstate a {margin-right: 100px;}}  
@media (min-width: 1212px){ 
  	.GlobalNavigation .top-navigation .inner-wrapper ul li.nav-allstate a {margin-right: 300px;}}
    
@media (min-width: 1200px){.GlobalNavigation .top-navigation .inner-wrapper ul li .nav-child ul li { max-width: 135px;}}


.GlobalNavigation ul#MainMenu > li > a:focus {outline: 0 !important; color: #c53710 !important;}
/**mobile menu **/
.nav-account-login {display: none;}
.nav-agent {display: none;}                                                                 
/**End Navigation Updates **/     
                                                                                      
.bsLeftNavigation .glyphicon { color: #307876;}                                                          
.bsLeftNavigation .bs-docs-sidebar .nav>li>a {font-size: 12px;}
 .bsLeftNavigation .bs-docs-sidebar .nav>li>a:hover {color: #307876; background: transparent; text-decoration: underline;}
.bsLeftNavigation .bs-docs-sidebar .subnav>li>a {
    color: #6a6a6a;
    margin-left: 30px;
}
.bsLeftNavigation .bs-docs-sidebar .subnav>li>a:hover {
    text-decoration: underline;
    background: transparent;
}
.bsLeftNavigation .nav>li { border-top: none;}                             
@media (max-width: 992px){.bsLeftNavigation .nav { margin-top: 40px;}}        
                                                        
.Breadcrumb {border-bottom: none;}
.Breadcrumb .Breadcrumbs a {font-weight:700;}        
.icon-a {  background-image: url(/resources/EncompassInsurance/images/icons/encompass-e-icon.jpg);  width: 13px;   height: 13px;} /**Small A overwrite**/
                                      
.NavigationFooter {background-color: #252525; border-bottom: medium none;}
.NavigationFooter a, .NavigationFooter a:hover {color: #fff;}
@media (min-width: 768px){.NavigationFooter .bottomLinks a { font-size: 11px;}}
.roadsideApp {margin: 10px 0 30px;} 
.roadsideApp a, .roadsideApp a:hover {color: #fff;}
.roadsideApp img {display: inline; padding-right: 10px;}
                                      
.TextLeft p{color: #fff; padding: 10px 0;}

#footerRow {background-color: #000;}
#footerRow a {color: #fff;}

.CenterWell h1.TitleOnly { color: #383838; display: block;  margin: -25px 0 15px;}
/*.CenterWell .ParagraphText {font: 0.93em/1.6em arial, sans-serif;}*/
.CenterWell .ParagraphText {font: 16px/1.6 arial, sans-serif;}
.CenterWell .ParagraphText a { color: #307876}
.CenterWell .ParagraphText a:visited { color: #307876}
.CenterWell .ParagraphText a:hover {color: #307876;}
.CenterWell h1.SubTitle, .CenterWell h2.SubTitle { color: #000; margin-bottom: 10px;}
/*.CenterWell p, .CenterWell .ParagraphText {font: 1.1em/1.6em arial, sans-serif;}*/
.CenterWell h1 {color: #383838;}
.CenterWell h2 {color: #383838;font-size: 1.4em; font-weight: bold;}/*check font size*/
.CenterWell h3 {margin: 0px 0px 15px 0px; color: #383838;font-size:1.2em;}
.CenterWell h4 {margin: 0;}
.CenterWell h5 {color: #307876; font-size: 1.2em; font-weight: bold;margin: 0;}
.CenterWell a { color: #307876; font-weight: bold;}
.CenterWell a:hover, a:active { color: #307876;}

.orangeNavBkgrnd {background-color: #c53710; padding: 13px !important;}

.tab-content {margin-left: 15px;}
.tab-content h4{margin-bottom: 20px;} 
@media screen and (min-width:768px){ 
	.tab-content h4{margin-top:20px;}
}
                                
/***** End LiveSite Overrides *****/
h1 {color: #c53710; font-size: 2em; font-weight: bold; margin: 0;}
h2 {color: #000; font-size: 1.2em; font-weight: bold;}
h3 {margin: 0; color: #000;font-size:1.3em;}/*check font size*/
h4 {margin: 0;}
h5 {color: #307876; font-size: 1.2em; font-weight: bold; margin: 0;}
a {color: #307876; font-weight: bold;}
a:hover, a:active { color:#307876;text-decoration:underline;}
img { width:auto;}
hr {background: #d9d9d9 none repeat scroll 0 0;border: 0 none;height: 1px;margin: 30px 0 20px;}
hr.callOuts {background: #c53710 none repeat scroll 0 0;border: 0 none;height: 3px;margin: 0 0 10px;width:13%;}
hr.homepageCallOuts {background: #c53710 none repeat scroll 0 0;border: 0 none;height: 2px; margin: 3% 25%; width: 50%;}
.btn-cta {background-color: #307876; border-radius: 6px; color: #fff !important; display: inline-block;font: 17px/23px "Open Sans",sans-serif;margin: 0;padding: 10px 20px;text-decoration: none !important;}
.btn-cta:hover {background-color: #286a70;}

.banner {background-color: #c53812; border-radius: 6px; color: #fff !important; display: inline-block;font: 17px/23px "Open Sans",sans-serif;padding: 10px 20px;text-decoration: none !important; margin-top: 15px;}
.banner:hover  {background-color: #dd4510;}
.show-grid {background-color: #eee;border: 1px solid #fff;height: 40px;margin-bottom: 10px;padding: 10px 0;text-align: center;}
.clear {clear: both;}
.fiftySpacer {height: 50px;}
.oneFiftySpacer {height: 150px;}
.threeFiftySpacer {height: 350px;}
.findAnAgent {background-image: url("/resources/EncompassInsurance/images/global/tab-find-an-agent.png"); background-repeat: no-repeat; cursor: pointer; display: block; height: 63px; padding: 10px 20px 10px 60px;  position: fixed; right: 0;  text-align: right; top: 40%; z-index: 999995;}
.findAnAgent a, .findAnAgent a:hover  {color: #fff; text-decoration: none;}
.orangeArrow {display: inline; margin-right: 1%;}
.article-img {max-width: 748px; width: 100%; margin-bottom: 20px;}
.red {color:#c53710;}
a:focus, button:focus, select:focus, input:focus {outline: 1px dotted !important;}


/***** Banners *****/
.mClaims-Banner {display: none;}

.hero-main {height: 280px;}
.hero-main .cta {background-color:rgba(0,0,0,0.6);color: #fff; height:280px;left:16%;overflow:hidden;position:relative;top:0;width:340px;}
.hero-main h1 {color: #fff;font: 1.3em/1.2 arial, sans-serif;font-weight: lighter;letter-spacing: 1px;margin: 12% 0 20px 30px;width: 80%;}
.hero-main .red-line {border-bottom:#c53710 solid 2px;display:none;margin-left:15px;width:60px;}
.hero-main p {color: #fff; font: 2em/1 arial, sans-serif;font-weight: lighter;letter-spacing:1px;margin: 30px 30px 30px 30px;}
.hero-main p a {font-weight: bold; margin-top: 4%;}
.hero-main sup, .hero-tert sup {font-size:55%;top:-0.9em;}            
.hero-interior {height: 185px;}
.hero-interior .cta {background-color:rgba(0,0,0,0.6);color: #fff; height:185px;left:10%;overflow:hidden;position:relative;top:0;width:340px;}
.hero-interior h1 {color: #fff;font: 1.3em/1.2 arial, sans-serif;font-weight: lighter;letter-spacing:1px;margin: 12% 0 10px 15px;width: 100%;}
.hero-interior p {color: #fff; font: 2em/1.4 arial, sans-serif;font-weight: lighter;letter-spacing:1px;margin: 40px 30px 30px 30px;}
.hero-interior p a {font-weight: bold; margin-top: 4%;}
.hero-interior sup, .hero-tert sup {font-size:55%;top:-0.9em;}              
.resourcesMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/hero-resources-v2.png") no-repeat scroll center center;}
.aboutUsMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/hero-about-us-v2.png") no-repeat scroll center center;}
.additonalProductsMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/hero-additional-products-v3.jpg") no-repeat scroll center center;}
.autoMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/ENCauto.jpg") no-repeat scroll center center;}
.claimsMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/claims-hero-v2.jpg") no-repeat scroll center center;}
.encompassoneMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/ENC_ins_overview.jpg") no-repeat scroll center center;}
.homeInsuranceMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/ENChome_spring_alt.jpg") no-repeat scroll center center;}
.insuranceProductsMainBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/ENC_overview.jpg") no-repeat scroll center center;}
.insuranceProductsEliteBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/istock-473909128.jpg") no-repeat scroll center center; margin-top: -10px; background-size: 100%;}
.aboutUsCareers {background: #202020 url("/resources/EncompassInsurance/images/banners/work-meeting.jpg") no-repeat scroll center center; margin-top: -10px; background-size: 100%;}
.hero-tert {height: 140px; margin-top: 0px}
.hero-tert .cta {padding: 0% 42% 0% 6%;;overflow: hidden;position: relative;top: 3%;text-align: center;}
.hero-tert h1 { color: #fff; font: 2.1em/1.2 "Open Sans",sans-serif; margin-bottom: 30px; margin-top: 3%;width: 100%;}
.careersTertBanner {background: #C53710 no-repeat scroll center center;}
.agencyInsightsTertBanner {background: #C53710 no-repeat scroll center center;}
.articleInsightsTertBanner {background: #C53710 no-repeat scroll center center;}
.insightsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompass-insurance-tools-v2_1280x140.jpg") no-repeat scroll center center;}
.encompassHistoryTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompass-history_1280x140.jpg") no-repeat scroll center center;}
.encompassLeadershipTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompass-leadership_1280x140.jpg") no-repeat scroll center center;}
.encompassOneEliteTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompassone-elite-insurance-policy_1280x140.jpg") no-repeat scroll center center; }
.encompassOneDeluxeTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompassone-deluxe-insurance-policy_1280x140.jpg") no-repeat scroll center center;}
.encompassOneSpecialTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompassone-special-insurance-policy_1280x140.jpg") no-repeat scroll center center;}
.financialRatingsTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/encompass-financial-ratings_1280x140.jpg") no-repeat scroll center center;} 
.additionalProductsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/motorcycle-insurance_1280x140.jpg") no-repeat scroll center center;}
.autoClaimsfaqsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/auto-insurance-claims_1280x140.jpg") no-repeat scroll center center;}
.becomeAgentTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/become-agent.png") no-repeat scroll center center;}
.boatProductsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/boat-insurance_1280x140.jpg") no-repeat scroll center center;}
.catClaimsfaqsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompass-catastrophe-claims-faq_1280x140.jpg") no-repeat scroll center center;}
.claimsTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/home-insurance-claims-v2_1280x140.jpg") no-repeat scroll center center;}
.claimsAutoTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/auto-insurance-claims_1280x140.jpg") no-repeat scroll center center;}
.claimsCATTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/catastrophic-insurance-claims_1280x140.jpg") no-repeat scroll center center;}
.claimsSubroTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/subrogation-claim_1280x140.jpg") no-repeat scroll center center;}
.customerTestimonialsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompass-customer-testimonials_1280x140.jpg") no-repeat scroll center center;}
.findclaimsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/find-a-claims-office_1280x140.jpg") no-repeat scroll center center;}
.faqsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompass-faqs_1280x140.jpg") no-repeat scroll center center;}
.globalTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/global-hero.png") no-repeat scroll center center;}
.calulatorTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/encompass-calculators_1280x140.jpg") no-repeat scroll center center;}
.homeClaimsfaqsTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/encompass-home-claims-faq_1280x140.jpg") no-repeat scroll center center;}
.homeBusinessProductsTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/home-business-insurance_1280x140.jpg") no-repeat scroll center center;}
.homeInsuranceTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/homeowners-insurance_1280x140.jpg") no-repeat scroll center center;} 
.condoInsuranceTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/condo-insurance_1280x140.jpg") no-repeat scroll center center;} 
.rentersInsuranceTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/renters-insurance_1280x140.jpg") no-repeat scroll center center;} 
.roadsideTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/encompass-roadside-assistance_1280x140.jpg") no-repeat scroll center center;}
.identityProductsTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/identity-theft-insurance_1280x140.jpg") no-repeat scroll center center;} 
.legalTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/legal-hero.png") no-repeat scroll center center;} 
.lifestyleProductsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/insurance-endorsement_1280x140.jpg") no-repeat scroll center center;} 
.pupProductsTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/personal-umbrella-insurance_1280x140.jpg") no-repeat scroll center center;} 
.recreationalProductsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/rv-insurance_1280x140.jpg") no-repeat scroll center center;} 
.resourcesTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/resources-hero.png") no-repeat scroll center center;} 
/***** End Banners ******/

.imageBox {border: 1px solid #ccc;margin-bottom: 20px;margin-right: 20px;width: 99%;}
.imageBox .image {margin: 0; padding: 0 31px 0 0;}
.imageBox .content { margin: 0;padding: 0;}
.imageBox h3 { margin: 40px 0 0;}
.imageBox h5 {margin: 3% 0 10px;}
.topImageBox {margin: 0;padding: 0;}
.topImageBox .imageBox {border: 1px solid #ccc;margin-bottom: 10px;margin-right: 2.5%;padding: 0;width: 221px;}
.topImageBox .imageBox p {padding: 10px 5px 10px 10px;}
.agent { margin: 0; padding: 0 5% 0 0;}
.agent p { padding: 3% 3% 0 1%;}
.agentImg { padding: 0;}
.circleCallouts {margin-bottom: 30px;}
.leftIcon { margin-bottom: 30px;}
.leftIcon h3 { margin: 5px 0 20px;}
.leftIcon img { padding-top: 25%;}
.leftImagebox { float: right;}

.rightLine {border-right: 1px solid #ccc;}
.leftLine {border-left: 1px solid #ccc;}

ul.checkmarkBullet {list-style: outside none none; margin-top: 25px; font: 16px/1.6 arial,sans-serif;}
ul.checkmarkBullet li {background: rgba(0, 0, 0, 0) url("/resources/EncompassInsurance/images/global/bullet-checkmark.png") no-repeat scroll 0 0; margin-bottom: 20px; padding-left: 40px; vertical-align: top;}
ul.checkmarkBullet h2 {margin: 0; padding-top: 0; padding-bottom: 5px;font: 16px/1.6 arial,sans-serif;font-weight:bold;}/*check font size*/
ul.checkmarkBullet p {margin: 0; padding-top: 0; padding-bottom: 5px;font: 16px/1.6 arial,sans-serif;}/*check font size*/

ul.orangeBullet {list-style: outside none none; margin-left: 5.5em; padding: 10px 0 0 0; position: relative; font:1em/1.6 arial, sans-serif}
ul.orangeBullet li::before {color: #c53710; content: "\2022"; font-size: 40px; left: -0.8em; margin-right: 5px; margin-top: -0.5em; position: absolute;}
ul.orangeBullet h2 {margin: 0; padding: 0;font-size:1.1em}

.encompassOne {display: inline;}
.mobileEncompassOne {display: none;}

.popover {background-color: #307876; border-radius: 0; overflow: visible;}
.popover.right {width: 100%; z-index: 1;}
.popover.right > .arrow::after {border-right-color: #307876;}
.popover.bottom {width: 100%; z-index: 1;}
.popover.bottom > .arrow::after {border-bottom-color: #307876;}
.popover.left {width: 100%; z-index: 1;}
.popover.left > .arrow::after {border-left-color: #307876;}
.popover-title {background-color: #307876; border-radius: 0; color: #fff;}
.popover-content {color: #fff;}
.popSourceBlock {display: none;}

.glyphicon-info-sign {color: #307876;font-size: 12px; vertical-align: top;}
.glyphicon-star {color: #c53710;}
.glyphicon-chevron-right {color: #666;font-size: 45px;}
.glyphicon-chevron-left {color: #666; font-size: 45px;}

.encompassOneTable {border: 1px solid #ccc; margin: 0;padding: 0;}
.encompassOneRows {border-right: 1px solid #ccc;}
.encompassOneRows h3 {margin: 30px 0 0;}
.encompassOneRows img {margin: 0 auto;}
.encompassOneRows .title {height: 130px; text-align: center;}
.encompassOneRows .content {border-top: 1px solid #ccc; height: 150px; padding: 0 5%; text-align: center;}
.encompassOneRows .content img {padding: 10% 0 5%;}

.moreFeatures {min-height: 70px !important; padding: 10% 0 !important;}
.elite {border: 2px solid #c53710;}
.features {background-color: #f7f7f7;}
.features h3 {padding: 20% 0;}
.last {border-right: medium none;}
.twoColumnImages {padding: 0;}
.iconCircles {margin-right: 15px;padding: 0;}
.threeColumnsCenter {padding: 0; text-align: center;}
.threeColumnsCenter img {margin: 0 auto;padding-bottom: 5%;}
.twoColumnsCenter {text-align: center;}
.twoColumnsCenter img {margin: 0 auto; padding-bottom: 5%;}

.encompassOne-orangeHouse {
    background: rgba(0, 0, 0, 0) url(/resources/EncompassInsurance/images/encompassone/orange-house.png) no-repeat scroll 0 0;
    height: 140px;
    margin: 0 10% 5%;
    padding: 12% 80px 0 40px;
}
.encompassOne-orangeHouse h3 {color: #c53710; margin: 0 0 5px 0;}
.encompassOne-orangeHouse p {color: #c53710;}

.encompassOne-greyHouse {
    background: rgba(0, 0, 0, 0) url(/resources/EncompassInsurance/images/encompassone/grey-house.png) no-repeat scroll 0 0;
    height: 140px;
    margin: 0 10% 5%;
    padding: 15% 11% 15% 2%;
}
.encompassOne-greyHouse p {margin: 0;padding: 0;}
.resourcesBox {border-bottom: 1px solid #ccc;margin: 0 0 5%;padding: 0 0 1.5%;}
.resourcesBox ul {margin: 0;padding: 0 0 1px;}
.resourcesBox li {border-right: 1px solid #ccc;display: inline;margin: 0 0 1.5%;padding: 0 4% 1.9%;}
.resourcesBox li.last {border-right: medium none;}
.resourcesBox li a {color: #000;padding: 0 10px;}
.resourcesBox li a.active {border-bottom: 3px solid #c53710;color: #c53710;padding: 0 10px 1.5%;}

.alr {color: #333;font-family: "Open Sans",sans-serif;font-size: 1.1em;font-style: normal;}
.borderBottom {border-bottom: 6px solid #307876;}
.alrheader {margin: 0;}
.section-content {margin-top: 10px; padding: 0;}
.productSelector {padding: 0;text-align: center;}
.productSelector .product {height: auto;}
.productSelector .product img {display: inline;float: none;max-width: 100%;width: auto;}
.productSelector .product h3 {font-size: 1.1em;}
.fade {opacity: 0;transition: opacity 0.15s linear 0s;}
.fade.in {opacity: 1;}
.collapse {display: none;}
.collapse.in {display: block;}
.collapsing {height: 0;overflow: hidden;position: relative;transition-delay: 0s;transition-duration: 0.35s;transition-property: height, visibility;transition-timing-function: ease;}
.tab-pane {display: none;}
.tab-pane.active {display: inline;}
.tab-pane h3 {margin: 20px 0;}
a:focus {outline: medium none;}

.life a {background: rgba(0, 0, 0, 0) url("/resources/EncompassInsurance/images/icons/house-icon.png") no-repeat scroll 10px 0;color: #666;height: 140px;}
.college a {background: rgba(0, 0, 0, 0) url("/resources/EncompassInsurance/images/icons/car-icon.png") no-repeat scroll 10px 0;color: #666;height: 140px;width:130px;}
.retirement a {background: rgba(0, 0, 0, 0) url("/resources/EncompassInsurance/images/icons/house-umbrella-icon-lg.png") no-repeat scroll 10px 0;color: #666;height: 140px;}

.nav-tabs>li>a { padding: 120px 0 50px 0;max-width: 120px;}

.sitemap h2 {color:#c53710}
.sitemap h3 {color:#97999b}
.sitemap a {color:#000 !important;text-decoration:none;}
.sitemap a:hover {color:#000;text-decoration:underline}


/*****  Agent CTA's on Consurmer and Agency blogs*/
.agent-blog-cta .col-md-8 {padding-right:0}	
.agent-blog-cta .agentImgBlog {margin:0 0 0 -30px;}	
.agent-blog-cta .cta-blog-title {font-size:20px;margin:3% 0 0;}
.agent-blog-cta .cta-blog-teaser {padding:1% 0% 0% 0%}
.agent-blog-cta .cta-blog-spacing {padding:1% 0% 0% 0%}
.consumer-blog-cta .col-md-8 {padding-right:0}	
.consumer-blog-cta .agentImgBlog {margin:0 0 0 -30px;}	
.consumer-blog-cta .cta-blog-title {font-size:20px;margin:4% 0 0;}
.consumer-blog-cta .cta-blog-teaser {padding:1% 0% 0% 0%}
.consumer-blog-cta .cta-blog-spacing {padding:2% 3% 0% 0%}

@media screen and (max-width:768px){
	.agent-blog-cta, .consumer-blog-cta {text-align:center;}	
	.agent-blog-cta .agentImgBlog, .consumer-blog-cta .agentImgBlog {margin:0;padding:0;}
	.agent-blog-cta .agentImgBlog img, .consumer-blog-cta .agentImgBlog img {margin:0 auto;max-width:100%;}
}

/***** TABLET & LAPTOP STYLES *****/
@media (max-width: 1897px) and (min-width: 1551px) {
	.resourceImagesContainer { padding: 0 15.5% 0 23.5%;}
	.resourcesLeftImage { margin: 0;}

	.hero-tert .cta { padding: 1% 60% 0% 17%;}

	.encompassOneHmpg { padding: 0 10%;}
	.hero-main .cta { left: 15%; padding: 0;}
	.resourcesContent {padding: 0 18%;}
	.resourcesImageBox {padding: 0 18%;}
}

@media (max-width: 1550px) and (min-width: 1280px) {
	.resourceImagesContainer { padding: 0 15.5% 0 23.5%;}
	.resourcesLeftImage { margin: 0;}

	.hero-tert .cta { padding: 1% 53% 0% 3%;}

	.encompassOneHmpg { padding: 0 10%;}
	.hero-main .cta { left: 6%;top:0;width:340px;height:280px}
	.resourcesContent {padding: 0 18%;}
	.resourcesImageBox {padding: 0 18%;}
	.resourcesVideo { margin-bottom: 0; padding: 0 5%;}
	.resourceImagesContainer {padding: 0 14%;}
	.resourcesLeftImage { margin: 0 2% 0 8.3%;}
}

/*** ipad mini landscape ***/
@media (max-width: 1279px) and (min-width: 1024px) {

	.encompassOneHmpg { margin: -50px 0;}

	.hero-main .cta {left: 0; padding: 0 3%;}
	.hero-main .cta h1 {margin:10% 0 0 15px}
	.hero-tert .cta { padding: 2% 62% 0% 4%;}
	.resourcesContent {padding: 0 18%;}
	.resourcesImageBox { padding: 0 13%;}
	.resourceImagesContainer { padding: 0 4%;}
	.resourcesVideo { margin-bottom: 0; padding: 0;}
	.logoFooterContent {padding: 0 10%;}

}
@media (max-width: 954px) and (min-width: 830px) {.LayoutBodySingleRail {width: 75%;}}
@media (max-width: 829px) and (min-width: 769px) {.LayoutBodySingleRail {width: 70%;}}
@media (max-width: 1023px) and (min-width: 769px) {

	.hero-main .cta {left: 0; padding: 0 3%;}
	.hero-tert .cta { padding: 1% 62% 0% 0%}
	.resourcesContent {padding: 0 18%;}
	.resourcesImageBox { padding: 0 13%;}
	.resourceImagesContainer { padding: 0 4%;}
	.resourcesVideo { margin-bottom: 0; padding: 0;}
	.resourcesVideo img {max-width: 100%;}
	.encompassOneHmpg { margin: 0; padding: 0 25%; position: relative; z-index: 100;}
	.LayoutFooter {position: relative !important;}
	.resourcesVideo .resourceBkgrnd {width: 100%;}
	.resourceImagesContainer { padding: 0 25%;}
	.resourcesLeftImage { margin: 0 0 5%;}
}

.nav-tabs>li {
    margin: 0 50px -1px 20px;
}                    
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-bottom: 6px solid #307876;
    border-top: none;
    border-right: none;
    border-left: none;
}               
                                      
/****ENCOMPASSONE HOMEPAGE Tablet and smaller****/
@media (max-width: 992px) {	
	.encompassOne {display: none;}
	.mobileEncompassOne {display: inline;}
	.life a {background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;}
	.life a:focus, .life a:hover, .life a:active { background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;}
	.nav-tabs > li.active.life > a, .nav-tabs > li.active.life > a:focus, .nav-tabs > li.active.life > a:hover {     background: none;
    border-bottom: 6px solid #307876;
    border-top: none;
    border-right: none;
    border-left: none;}
	.college a {background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;}
	.college a:focus, .college a:hover, .college a:active { background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;}
	.nav-tabs > li.active.college > a, .nav-tabs > li.active.college > a:focus, .nav-tabs > li.active.college > a:hover { background: none;
    border-bottom: 6px solid #307876;
    border-top: none;
    border-right: none;
    border-left: none;}
	.retirement a {background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;}
	.retirement a:focus, .retirement a:hover, .retirement a:active { background: none;
    border-bottom: 6px solid #307876;
    border-top: none;
    border-right: none;
    border-left: none;}
	.nav-tabs > li.active.retirement > a, .nav-tabs > li.active.retirement > a:focus, .nav-tabs > li.active.retirement > a:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
	.productTabbedBox { margin: 0 2%; width: 96%;}
	.mobileEncompassOneChart {padding: 2%;}
	.mobileEncompassOneChart img {float: left; padding: 2% 5%} 
}
@media screen and (min-width:768px){ 
	.s-mobile{display:none}
}

/*****MOBILE*****/
@media (max-width: 768px)and (min-width: 420px) {
    img {max-width: 100%;}
	ul.checkmarkBullet { padding: 0;}
	ul.orangeBullet {margin-left: 2.5em;}
	.GlobalNavigation .search input, .GlobalNavigation .zip input { display: none;}
	.findAnAgent {display: none;}
	
	.orangeNavBkgrnd {background-color: #e9e9e9; padding: 0 !important;}
	.agentImg {padding: 2% 30%;}
	.leftIcon {margin-bottom: 0; text-align: center;}
	.leftIcon img {margin: 0 auto;padding: 10% 0;}
	.leftImagebox {padding: 5% 0; width: 100%;}
	.leftImagebox img {max-width: 100%;}
	.imageBox {border-bottom: 1px solid #ccc;  padding: 0 5%;  width: 98%;}
	.resourcesImageBox { padding: 0;}
	.encompassOneHmpg { margin: 0; padding: 0; position: relative; z-index: 100;}
	.imageBox {  border-color: -moz-use-text-color -moz-use-text-color #ccc; border-style: none none solid; border-width: 0 0 1px; padding: 0 5%; width: 98%;}
	.imageBox .image {margin: 0 auto; padding: 0 3%;}
	.imageBox h3 {margin: 0;}
	.leftLine {border-left: medium none;}
	.encompassOne-orangeHouse { margin: 0 7%; padding: 15% 20%;}
	.twoColumnImages {text-align: center;}
	.twoColumnImages p {margin-bottom: 10%;}
	.encompassOne-greyHouse {margin: 0 7%; padding: 15% 20%;}
	.topImageBox .imageBox {margin: 0 auto 10px;}
	.nav > li > a {margin: 10px; padding: 10% 0;}
	.LayoutFooter { background-color: #202020;text-align: center;}
	.logoFooterContent {padding: 0 30%;}
	.logoFooter ul {margin: 0;padding: 0;}
	.logoFooter img {padding: 3% 3% 10% 0;}

	
	.resourceImages {margin: 5% 22.5%; width: 100%;}
	.resourceBkgrnd {width: 379px;}
	.resourcesBox {font-size: 0.9em; border-bottom: 1px solid #ccc; border-right: 0; border-left: 0; border-top: 0; margin: 20px 0; padding: 0 0 1.5%;}
	.resourcesBox li {padding: 0;}
	.resourcesBox li a { color: #000; padding: 0 2%;}
	.resourcesBox li a.active {padding: 0 2% 1.5%;}
	.alr .section .section-content .callouts h2 { padding-top: 20px;}

                   
	.iconCircles {margin: 0;}
	.iconCircles img {margin: 0 auto 5%;}
	.agentImg { padding: 0 20%;}
	.circleCallouts img {margin: 2% auto 10%; }
	.btn-cta { margin: 20px 10%;}

	.productTabbedBox { margin: 0 2%; width: 96%;}
	.mobileEncompassOneChart {padding: 2%;}
	.mobileEncompassOneChart img {float: left; padding: 2% 5%} 
    .mobileEncompassImage { float: left;  padding: 0 2%;  width: 120px;}
	.mobileEncompassLink  {text-align: center;}

	
	/***BANNERS***/
	.LayoutBannerFull {z-index:100}
	.hero-main { background-position: center top; background-size: 100% auto; height: auto;}
	.hero-main .cta { background-color:#fff;; height: 230px;  left: 0; top: 100px; width: 100%;}
	.hero-main h1 {color: #000;margin:2% 0 0 15px; }
	.hero-main p {color: #000; font: 1em/1.2 arial, sans-serif;font-weight: lighter;}
	.hero-main .cta .btn-cta {background-color: #fff; border-radius: 0; color: #c53710 !important; margin: 0; padding: 0;}	
	.resourcesMainBanner {background-color:#fff;}
	.aboutUsMainBanner {background-color:#fff;}
 	.additonalProductsMainBanner {background-color:#fff;}
	.autoMainBanner {background-color:#fff;}
	.claimsMainBanner {background-color:#fff;margin-top:35px;}
	.encompassoneMainBanner {background-color:#fff;}
	.homeInsuranceMainBanner {background-color:#fff;}
	.insuranceProductsMainBanner {background-color:#fff;}
	
	.hero-tert {height: auto;margin-top: -8%;}
	.hero-tert h1 { margin-top: 0;}
	.hero-tert .cta { padding: 16% 0px 20% 0%;}
    .careersTertBanner {background: #C53710 no-repeat scroll right bottom;}
    .articleInsightsTertBanner {background: #C53710 no-repeat scroll right bottom;}
    .agencyInsightsTertBanner {background: #C53710 no-repeat scroll right bottom;}
	.insightsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompass-insurance-tools-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .autoClaimsfaqsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/mobile/auto-insurance-claims-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .encompassHistoryTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompass-history-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .encompassLeadershipTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompass-leadership-mobile_767x150.jpg") no-repeat scroll right bottom;}
	.encompassOneEliteTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompassone-elite-insurance-policy-mobile_767x150.jpg") no-repeat scroll right bottom;}
	.encompassOneDeluxeTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompassone-deluxe-insurance-policy_767x150.jpg") no-repeat scroll right bottom;}
	.encompassOneSpecialTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompassone-special-insurance-policy_mobile-767x150.jpg") no-repeat scroll right bottom;}
    .financialRatingsTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/mobile/encompass-financial-ratings-mobile_767x150.jpg") no-repeat scroll right bottom;} 
	.additionalProductsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/mobile/motorcycle-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;}
	.becomeAgentTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/become-agent.png") no-repeat scroll right bottom;}
    .faqsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompass-faqs-mobile_767x150.jpg") no-repeat scroll right bottom;}
	.boatProductsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/mobile/boat-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;} 
	.claimsTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/mobile/home-insurance-claims-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .calulatorTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompass-calculators-mobile_767x150.jpg") no-repeat scroll right bottom;} 
    .claimsAutoTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/mobile/auto-insurance-claims-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .claimsCATTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/catastrophic-insurance-claims-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .catClaimsfaqsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompass-catastrophe-claims-faq-mobile_767x150.jpg") no-repeat scroll right bottom;}
    
    .claimsSubroTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/mobile/subrogation-claim-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .customerTestimonialsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/encompass-customer-testimonials-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .findclaimsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/find-a-claims-office-mobile_767x150.jpg") no-repeat scroll right bottom;}
	.globalTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/global.png") no-repeat scroll right bottom;}
	.homeBusinessProductsTertBanner {background: #efae01 url("/resources/EncompassInsurance/images/banners/mobile/additional-products-home-business.png") no-repeat scroll right bottom;} 
	.condoInsuranceTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/mobile/condo-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .rentersInsuranceTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/mobile/renters-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .roadsideTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/mobile/encompass-roadside-assistance-mobile_767x150.jpg") no-repeat scroll right bottom;}
    .homeClaimsfaqsTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/mobile/encompass-home-claims-faq-mobile_767x150.jpg") no-repeat scroll center center;}
    .homeInsuranceTertBanner {background: #FDB924 url("/resources/EncompassInsurance/images/banners/mobile/homeowners-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;}
	.identityProductsTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/mobile/identity-theft-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;} 
	.legalTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/legal.png") no-repeat scroll right bottom;}
	.lifestyleProductsTertBanner {background: #C53710 url("/resources/EncompassInsurance/images/banners/mobile/insurance-endorsement-mobile_767x150.jpg") no-repeat scroll right bottom;} 
	.pupProductsTertBanner {background: #7A9A01 url("/resources/EncompassInsurance/images/banners/mobile/personal-umbrella-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;} 
	.recreationalProductsTertBanner {background: #00567C url("/resources/EncompassInsurance/images/banners/mobile/rv-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;}  
	.resourcesTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/resources.png") no-repeat scroll right bottom;} 
}

/***** SMALLER MOBILE STYLES *****/
@media (max-width: 420px) {
	img {max-width: 100%;}
	ul.checkmarkBullet { padding: 0;}
	ul.orangeBullet {margin-left: 2.5em;}
	.GlobalNavigation .search input, .GlobalNavigation .zip input { display: none;}
	.findAnAgent {display: none;}
	
	.orangeNavBkgrnd {background-color: transparent; padding: 0 !important;}
	.encompassOne {display: none;}
	.mobileEncompassOne {display: inline;}
	.leftIcon {margin-bottom: 0; text-align: center;}
	.leftIcon img {margin: 0 auto;padding: 10% 0;}
	.leftImagebox {padding: 5% 0; width: 100%;}
	.imageBox {border-bottom: 1px solid #ccc;  padding: 0 5%;  width: 98%;}
	.resourcesImageBox { padding: 0;}
	.encompassOneHmpg { margin: 0; padding: 0; position: relative; z-index: 100;}
	.imageBox .image {margin: 0 auto; padding: 0 3%;}
	.imageBox h3 {margin: 0;}
	.leftLine {border-left: medium none;}
	.encompassOne-orangeHouse { margin: 0 7%; padding: 15% 20%;}
	.twoColumnImages {text-align: center;}
	.twoColumnImages p {margin-bottom: 10%;}
	.encompassOne-greyHouse {margin: 0 7%; padding: 15% 20%;}
	.topImageBox .imageBox {margin: 0 auto 10px;}
	.nav > li > a {margin: 10px; padding: 10% 0;}
	.LayoutFooter { background-color: #202020;text-align: center;}
	.mobileEncompassImage { float: left;  padding: 0 2%;  width: 120px;}
	.mobileEncompassLink  {text-align: center;}
	.resourcesBox {font-size: 0.9em; border-bottom: 1px solid #ccc; border-right: 0; border-left: 0; border-top: 0; margin: 20px 0; padding: 0 0 1.5%;}
	.resourcesBox li {padding: 0;}
	.resourcesBox li a { color: #000; padding: 0 2%;}
	.resourcesBox li a.active {padding: 0 2% 1.5%;}
	.alr .section .section-content .callouts h2 { padding-top: 20px;}
	.nav-tabs > li { padding: 0;}
	.nav-tabs > li.active::after, .nav-tabs > li.active::before { border: medium none;}
	.iconCircles {margin: 0;}
	.iconCircles img {margin: 0 auto 5%;}
	.agentImg { padding: 0 20%;}
	.circleCallouts img {margin: 2% auto 10%; }
	
	/***BANNERS***/
	.LayoutBannerFull {z-index:100}
	
	.hero-main {height: auto;}
	.hero-main .cta {height: 120px; left: 3%; top: 130px; width: 100%;background-color:transparent;}
	.hero-main h1 {color: #000;margin-top:6%;}
	.hero-main p {color: #000; font: 1em/1.2 arial, sans-serif;font-weight: lighter; margin: 10px 30px}
	.hero-main .cta .btn-cta {background-color: #fff; border-radius: 0; color: #c53710 !important; margin: 0; padding: 0;}	
	.resourcesMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/resources-main-v2.png") no-repeat scroll right top / 100% auto;}
	.aboutUsMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/about-us-v2.png") no-repeat scroll right top / 100% auto;}
	.additonalProductsMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/additional-products-main-v2.png") no-repeat scroll right top / 100% auto;}
	.autoMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/auto-overview-v3.png") no-repeat scroll right top / 100% auto;}
	.claimsMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/claims-main-v3.png") no-repeat scroll right top / 100% auto;margin-top:35px;}
	.encompassoneMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/encompassone-v2.png") no-repeat scroll right top / 100% auto;}
	.homeInsuranceMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/home-insurance-main-v2.png") no-repeat scroll right top / 100% auto;}
	.insuranceProductsMainBanner {background: #fff url("/resources/EncompassInsurance/images/banners/mobile/insurance-products-v3.jpg") no-repeat scroll right top / 100% auto;}
	
	.hero-tert {height: auto;}
	.hero-tert h1 {font: 1.4em/1.2 "Open Sans",sans-serif;  margin-top: 8%;}
	.hero-tert .cta { padding: 5% 40% 0 2%;}
	.insightsTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/resources.png") no-repeat scroll right bottom;}
	.encompassOneEliteTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/encompassone-elite.png") no-repeat scroll right bottom;}
	.encompassOneDeluxeTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/encompassone-deluxe.png") no-repeat scroll right bottom;}
	.encompassOneSpecialTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/encompassone-special.png") no-repeat scroll right bottom;} 
	.additionalProductsTertBanner {background: #005b82 url("/resources/EncompassInsurance/images/banners/mobile/additional-products.png") no-repeat scroll right bottom;} 
	.becomeAgentTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/become-agent.png") no-repeat scroll right bottom;}
	.boatProductsTertBanner {background: #005b82 url("/resources/EncompassInsurance/images/banners/mobile/additional-products-watercraft.png") no-repeat scroll right bottom;} 
	.claimsTertBanner {background: #efae01 url("/resources/EncompassInsurance/images/banners/mobile/claims.png") no-repeat scroll right bottom;}
	.globalTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/global.png") no-repeat scroll right bottom;}
	.homeBusinessProductsTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/home-business-insurance-mobile_767x150.jpg") no-repeat scroll right bottom;} 
	.homeInsuranceTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/home-insurance.png") no-repeat scroll right bottom;}
	.identityProductsTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/additional-products-identity.png") no-repeat scroll right bottom;} 
	.legalTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/legal.png") no-repeat scroll right bottom;} 
	.lifestyleProductsTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/additional-products-lifestyle.png") no-repeat scroll right bottom;} 
	.pupProductsTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/additional-products-pup.png") no-repeat scroll right bottom;} 
	.recreationalProductsTertBanner {background: #005b82 url("/resources/EncompassInsurance/images/banners/mobile/additional-products-recreational.png") no-repeat scroll right bottom;} 
	.resourcesTertBanner {background: #202020 url("/resources/EncompassInsurance/images/banners/mobile/resources.png") no-repeat scroll right bottom;} 
}
@media screen and (max-width: 767px)and (min-width: 319px) {
	.h-mobile{display:none}
  .encompassHero {margin-top: 105px;}
}	


.icon-find-agent {  background-image: url('/resources/EncompassInsurance/images/global/agent-icon.png');  background-position: 0;  width: 90px; height: 90px;}
.cta-panel { border: none;  border-radius: 10px;  color: #ffffff; padding: 20px 100px 20px 30px; margin: 40px 0; text-align: left; font-size: 1.2em; line-height: 1.6; font-weight: normal;}
.cta-panel a {font-weight: bold; color: #fff !important; text-decoration: underline;}
.panel-agent { background-color: #fff; border: 2px solid #286a70; color: #286a70;}
.panel-agent a { font-weight: bold; color: #286a70 !important; text-decoration: underline;}
.panel-quote { background-color: #c53710;}
.cta-feature .icon {display: inline-block; margin: 0 0 20px 30px;}

.productCallOuts {margin-bottom: 50px;}
.insights {margin: 30px 0;}
.insights p {margin-bottom: 0; margin-top: 10px;}
.homeHeader {border-bottom: 8px solid #286a70;}
h2.homeHeader  {color: #286a70; padding: 30px 0 10px;}
.autoHeader {border-bottom: 8px solid #c53710; }
h2.autoHeader {color: #c53710; padding: 50px 0 10px;}
.personalPropertyHeader{border-bottom: 8px solid #949494;}
h2.personalPropertyHeader {color: #949494;  padding: 50px 0 10px ;}
.lifestyleHeader{border-bottom: 8px solid #313131;}
h2.lifestyleHeader {color: #313131; padding: 50px 0 10px;}

.topIconsResources {text-align: center;}
.topIconsResources img {margin: 0 auto 10px;} 
.topIconsResources a {margin: 160px 0; text-transform: uppercase; color: #1f1f1f;} 

/***Landing Page ***/
.encompassSSE {background: #202020 url(/resources/EncompassInsurance/images/banners/encompass-hero-sse.jpg) no-repeat scroll center 100%;height: 300px; background-size: 100% 100%;}
.hero-homepage h1 {color: #fff;font: 1.6em/1.2 arial, sans-serif;font-weight: lighter;letter-spacing: 1px;margin: 3% 0 10px 0;text-align: center;text-transform: uppercase;width: 100%;}
      
/***HOMEPAGE 2018 ***/
.encompassHero {background: #202020 url(/resources/EncompassInsurance/images/banners/ENChome_spring.jpg) no-repeat scroll center 100%;height: 279px;margin-top: 100px;}
.hero-homepage .cta {background-color: rgba(0,0,0,0.6);color: #fff;height: 100%;left: 10%; position: relative;padding: 12px 50px;width: 461px;}
.hero-homepage h1 {color: #fff;font: 1.6em/1.2 arial, sans-serif;font-weight: lighter;letter-spacing: 1px;margin: 3% 0 10px 0;text-align: center;text-transform: uppercase;width: 100%;}
.hero-homepage p {color: #fff;font: 1.1em/1.5 arial, sans-serif;font-weight: lighter;letter-spacing: 1px;text-align: center;margin: 0 0 25px 0;}
.encompassHero p.icons {margin: 0 auto;width:180px;}
.encompassHero img {width: 60px;float: left;padding: 0 5px;}

@media screen and (min-width: 769px) {
	.encompassHero {margin-top:0; }
}

@media screen and (max-width: 768px) {
	.LayoutBannerFull {margin-top: 0 !important;}
	.encompassHero {background: url(/resources/EncompassInsurance/images/banners/mobile/ENChome_spring-mobile.jpg) no-repeat;background-size: 100%;top: 0;height: 460px; margin-top: 0;}
	.hero-homepage .cta {left: 0;padding: 0 5%;text-align: center;top: 140px;width: 100%;background-color: #000;color: #fff;}
	/*.encompassHero .icons {padding: 0 22%;}*/
	.mClaims-Banner {background-color: #fff;color: #307876;display: block;border: 1px solid #307876;border-radius: 6px;font-size: 1.1em;height: auto;margin: 5px;padding: 10px 0 0;text-align: center;}
	.mClaims-Banner a{color: #307876; text-decoration: underline;}
}
  
@media screen and (max-width: 420px) {
	.hero-homepage .cta {top: 115px;}
	/*.encompassHero .icons {padding: 0 0 0 28%;}*/
}

@media screen and (min-width: 500px) and (max-width: 768px) {
	.hero-homepage .cta {top: 145px;}
	.encompassHero {height: 500px; margin-top: 0;}
}

.homepageContent {margin: 60px 0; padding: 0 5%;}  
@media screen and (max-width: 420px) {
	.homepageContent {width: 75%; margin: 50px auto 60px;}
}
                      
@media screen and (max-width: 768px){
	.homepageContent {margin: 50px 0;padding: 0 12%;width: 100%;}                                     
}
                      
.homepageContent h2 { font-size: 36px; font-weight: bold;text-align: center;color: #383838; text-transform: uppercase;}
@media screen and (max-width: 768px) {
	.homepageContent h2 {font-size: 2em;}
}

.homepageContent p {font-size: 16px;text-align: center;color: #383838;width: 70%;margin: 0 auto;}
@media screen and (max-width: 768px){ 
	.homepageContent p {width: 100%;}
}

.whiteCTAsRow { margin: 40px 22% 40px 22%;}
.whiteCTAs {background-color: #fff; text-align: center; margin-right: 40px; padding: 35px 30px; height:350px; }
@media screen and (max-width: 768px){ 
	.whiteCTAs {height:auto;}
}
.whiteCTAs h3 {margin: 20px 0; font-size: 20px;}
.whiteCTAs p {padding-bottom: 20px;}
.whiteCTAs img {margin: 0 auto;}
            

.homepageTwoCTAs {background-color: #000; background-image: url('/resources/EncompassInsurance/images/homepage/istock-672824030.jpg'); background-repeat: no-repeat; min-height: 680px; margin: 0 -15px; background-size: 100%;}
@media screen and (max-width: 1338px){ 
	.homepageTwoCTAs {min-height:480px;}	
}

.homepageTwoCTAs .cta {background-color: rgba(0,0,0,.6);height: auto;left: 22%;position: relative;top: 40px;width: 58%;color: #fff;text-align: center;font-size: 2em; padding: 40px; margin-bottom: 80px;}
.homepageTwoCTAs .cta h2 {color: #fff; font-size: 1em; text-transform: uppercase; font-weight: normal; margin: 10px;}
.homepageTwoCTAs .cta p{font-size: 0.7em;padding: 10px 10%;font-weight: 300; line-height: 1.6;}

@media screen and (max-width: 1338px) {
	.homepageTwoCTAs .cta {background-repeat: no-repeat;margin: 0;top: 0; padding: 20px 40px; width: 100%;left: 0;}
	.homepageTwoCTAs .cta h2 {font-size: 1em;}
  	.homepageTwoCTAs .cta p {font-size: .6em;}
  	.whiteCTAsRow {margin: 0 0 10px; background-color: #e9e9e9;}
	.whiteCTAs {margin: 0 2% 0 4%; background-color: transparent;}	
}            
                       
.nav-tabs {border-bottom: none;} 
.nav-tabs > li { padding: 0;}
.nav-tabs > li.active::after, .nav-tabs > li.active::before { border: medium none;}
.nav>li>a {
    position: relative;
    display: block;
    /*padding: 10px 15px;*/
}
.nav-color-tabs {border: 0}
.nav-color-tabs .active {background: #307876; color: #fff}
.nav-color-tabs > li.active.primaryTab > a, .nav-color-tabs > li.active.primaryTab > a:focus/*, .nav-color-tabs > li.active.primaryTab > a:hover*/ {color: #fff;background: #307876;}
.nav-color-tabs>.nav>li>a {color: #fff;}
.nav-color-tabs>.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;/*background-color:#307876;*/}
.nav-color-tabs>.nav>li.disabled>a{color:#fff;}
.nav-color-tabs>.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#fff; text-decoration:none;cursor:not-allowed;background-color:transparent}

.primaryTab > a{color: #fff;}
.primaryTab > a:hover {color: #307876;border: 0;}

.secondaryTab > a{color: #fff;}
.secondaryTab > a:hover {color: #307876;border: 0;}

.tertiaryTab > a {color: #fff;}
.tertiaryTab > a:hover {color: #307876;border: 0;}

/*Begin Code added by KH*/
/*.nav > li > a {background-color:#ccc;padding:5%;color:#307876;}*/

.nav-color-tabs > li.active.primaryTab > a, 
.nav-color-tabs > li.active.primaryTab > a:focus {color: #fff;background: #307876;}
.nav-color-tabs > li.active.primaryTab > a:visited {color: #666;background: #ccc;}

.nav-color-tabs > li.active.secondaryTab > a, 
.nav-color-tabs > li.active.secondaryTab > a:focus {color: #fff;background: #307876;}
.nav-color-tabs > li.active.secondaryTab > a:visited {color: #666;background: #ccc;}

.nav-color-tabs > li.active.tertiaryTab > a, 
.nav-color-tabs > li.active.tertiaryTab > a:focus {color: #fff;background: #307876;}
.nav-color-tabs > li.active.tertiaryTab > a:visited {color: #666;background: #ccc;}

/*End CSS added by KH*/
.secondaryTab > a {
    color: #fff;
    background-color: #686868;
}
.nav-color-tabs > li { border-right: 4px solid #fff; float: left; /*padding: 10px; */ width: 33.33%; background: #686868;}
.nav-color-tabs > li:hover {/*color: #fff; background:#686868;*/}
.nav-color-tabs > li.active::before {border-color: #c53710 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 31px; margin-left: -31px;}
.nav-color-tabs > li.active::after {border-color: #c53710 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-width: 30px;margin-left: -30px;}
.homeProductTabbedBox {  border: none; width: 75%; margin: 0 auto 80px;}
@media (max-width: 768px) {.homeProductTabbedBox { width: 85%; }}
.tabHeader {padding: 0;  text-align: center; margin: 20px 0 40px;}

@media screen and (max-width: 768px){.tab-pane h3{margin: 20px 0;}}
                                    
.homepageCallout {background-color: #286a70; color: #fff; padding: 40px 0}

.whiteCalloutArea {color: #fff;margin: 8% 0;padding: 0 8%;text-align: center; }

.whiteCalloutArea h2 {color: #fff; font-size: 2.5em; font-weight: 400; text-transform: uppercase; }
/*@media screen and (max-width: 768px) {
	.whiteCalloutArea h2 {margin:0 10%}
	.whiteCalloutArea p {margin:0 10%}
}*/

.homepageCalloutWhite {background-color: #fff; padding: 60px; color: #333;}
@media screen and (max-width: 768px) {
	.homepageCalloutWhite {margin: 0 0 0 6%; width: 87%;}
	.homepageCalloutWhite h3{padding: 20px 10px 10px 0;}
    .homepageCalloutWhite p{padding: 0 10px 10px 0;} 
	.homepageCalloutWhite .col-sm-6 a {magin-bottom:15px;}
}

.LayoutFooterArea { width: 100%;}
@media screen and (min-width: 1200px){
  	.NavigationFooter .companyLogo {padding: 20px 25px 25px;width: 33%;}
  	.NavigationFooter .centerColumns {float: left;width: 33%;}
  	.NavigationFooter .lbnColumn {width: 33%; float: left;}
}

.NavigationFooter ul.social li {float: left;padding-right: 5px;}
.NavigationFooter ul {list-style: none;padding: 0; margin: 0;}
@media screen and (min-width: 992px){
	.NavigationFooter .bottomLinks {width: 80%;padding: 25px 0 0;} 
}                     
.NavigationFooter .bottomLinks h4, .NavigationFooter .centerColumns h4 {color: #fff;}                       
@media screen and (min-width: 768px){
	.NavigationFooter .cColumn {max-width: 365px;width: 43%;font-size: 12px;}
}
#footerRow a {text-transform: uppercase;}
                                   
.lbnImage{background: transparent url(/resources/EncompassInsurance/images/global/encompass-social-sprite.png) center top no-repeat; width:43px ;height:42px;}
@media screen and (max-width : 767px){
	.lbnImage{background: transparent url(/resources/EncompassInsurance/images/global/encompass-social-sprite.png) center top no-repeat; width:43px ;height:42px;}
}

.lbnNavIcon_sIcon1 img { background-position: center 0px !important;}
.lbnNavIcon_sIcon1 img:hover { background-position: center -42px !important;}
@media screen and (max-width : 767px){
	.lbnNavIcon_sIcon1 img { background-position: center 0px !important;}
	.lbnNavIcon_sIcon1 img:hover { background-position: center -42px !important;}
}

.lbnNavIcon_sIcon2 img { background-position: center -84px !important;}
.lbnNavIcon_sIcon2 img:hover { background-position: center -126px !important;}

@media screen and (max-width : 767px){
	.lbnNavIcon_sIcon2 img { background-position: center -84px !important;}
	.lbnNavIcon_sIcon2 img:hover { background-position: center -126px !important;}
}

.lbnNavIcon_sIcon3 img { background-position: center -168px !important;}
.lbnNavIcon_sIcon3 img:hover { background-position: center -210px !important;}

@media screen and (max-width : 767px){
	.lbnNavIcon_sIcon3 img { background-position: center -168px !important;}
	.lbnNavIcon_sIcon3 img:hover { background-position: center -210px !important;}
}

@media (min-width: 1200px){
	.NavigationFooter .footerNav {margin: auto;max-width: 1396px;padding: 30px 0;}
}

@media (max-width: 1199px) {
	.NavigationFooter ul.social {width: 144px; margin: 20px auto;}
	.SocialFreeText {text-align:center;}	
}

@media (max-width: 768px) {
	.NavigationFooter ul.social li { margin: 0 0 30px;}
	.roadsideApp { margin: 0 auto;text-align: center;}
}

.disclaimer-home {margin: 0 10%; text-align: center; line-height: 1.6;}

/*New Internal Site Search Overrides*/
#ctl02_lblSearchResults {color: #c53812;}
.bsInternalSiteSearch .results .pagination a {color: #c53812 !important;}
.bsInternalSiteSearch .results .heading a {color: #c53812 !important;}
.bsInternalSiteSearch .results .link a {color: #307876 !important;}
.bsInternalSiteSearch input[type=submit] {background: url(/resources/EncompassInsurance/images/icons/search.svg) center center no-repeat  !important;}
.bsInternalSiteSearch .results .pagination .next {background: url(/resources/EncompassInsurance/images/icons/chevron-right.svg	) center center no-repeat !important;}
/*Override hidden label for ADA*/
.GlobalNavigation .hiddenLabel {display: inherit;height: 1px !important;overflow: hidden;}
