/* Arsocia rebrand (demo) */
.arsocia-name,.arsocia-name *{font-family:'Gantari',sans-serif!important;font-weight:700!important}
.header-area .logo img,.big-logo img,.small-logo img{height:72px;width:auto;max-width:none}
.arsocia-landing{position:relative;background:#fff;min-height:calc(100vh - 150px);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:60px 20px;text-align:center}
.arsocia-landing:before,.arsocia-landing:after{content:"";position:absolute;width:0;height:0;border-style:solid}
.arsocia-landing:before{top:0;left:0;border-width:250px 250px 0 0;border-color:#1b2589 transparent transparent transparent}
.arsocia-landing:after{bottom:0;right:0;border-width:0 0 230px 230px;border-color:transparent transparent #1b2589 transparent}
.arsocia-landing .al-inner{position:relative;z-index:1}
.arsocia-landing .al-logo{height:220px;width:auto;display:block;margin:0 auto 6px}
.arsocia-landing .al-sub{font-family:'Gantari',sans-serif;font-weight:700;color:#000;font-size:22px;letter-spacing:.5px;margin:0 0 28px}
.arsocia-landing .al-formerly{font-family:'Gantari',sans-serif;font-weight:700;color:#000;font-size:18px;margin:0 0 6px}
.arsocia-landing .al-old{font-family:'Gantari',sans-serif;font-weight:700;color:#000;font-size:28px;margin:0;text-transform:uppercase}
@media (max-width:767px){.arsocia-landing{min-height:auto;padding:80px 16px}.arsocia-landing:before{border-width:120px 120px 0 0}.arsocia-landing:after{border-width:0 0 110px 110px}.arsocia-landing .al-logo{height:150px}.arsocia-landing .al-sub{font-size:16px}.arsocia-landing .al-formerly{font-size:14px}.arsocia-landing .al-old{font-size:18px}.header-area .logo img,.big-logo img,.small-logo img{height:56px}}
/* clear the fixed header */
.arsocia-landing{padding-top:210px;padding-bottom:90px;min-height:100vh}
.arsocia-landing:before{top:151px}
@media (max-width:991px){.arsocia-landing{padding-top:150px}.arsocia-landing:before{top:90px}}
/* ===== Revision 1 (Vinay's comments, 6 Oct) ===== */
/* 5: ARSOCIA in bold capitals */
.ars-upper{font-weight:700;text-transform:uppercase;color:inherit}
/* 3: white header instead of black */
.header-area,.header-area .header-bottom,.header-area.header-sticky,.header-sticky.sticky-bar,.sticky-bar{background:#fff !important}
.header-area{border-bottom:1px solid #e6e9ee;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.header-area .header-top{border-bottom:1px solid #eef0f3 !important;background:#fff !important}
.header-area .header-top li,.header-area .header-top a,.header-area .header-top span{color:#333 !important}
.header-area .main-menu ul#navigation>li>a{color:#1a1a1a !important}
.header-area .slicknav_menu .slicknav_icon-bar{background-color:#1a1a1a !important}
.header-area .slicknav_btn{border-color:#1a1a1a}
/* 4: no horizontal scrolling - let the button column size to its content */
html,body{overflow-x:hidden;max-width:100%}
@media (min-width:992px){.header-bottom .row{flex-wrap:nowrap}}
.header-bottom .row>.col-xl-1.col-lg-1.col-md-1{flex:0 0 auto;max-width:none;width:auto}
.header-bottom .row>.col-xl-8.col-lg-8.col-md-8{flex:1 1 0%;max-width:none;width:auto}
.header-bottom .main-menu ul#navigation{display:flex;flex-wrap:nowrap;justify-content:flex-end}
.header-bottom .main-menu ul#navigation>li{float:none;white-space:nowrap}
@media (max-width:1399px){.header-area .main-menu ul#navigation>li>a{padding-left:9px !important;padding-right:9px !important;font-size:15px}}
@media (max-width:1199px){.header-area .main-menu ul#navigation>li>a{padding-left:6px !important;padding-right:6px !important;font-size:14px}.header-bottom a.btn{padding:12px 14px !important;font-size:12px}}
@media (max-width:991px){.header-bottom .row>.col-xl-1.col-lg-1.col-md-1{display:none}}
/* 1: same master logo everywhere; footer is dark so the logo sits on a white tile */
footer img[src*="arsocia_logo_color"]{background:#fff;padding:10px 14px;border-radius:6px;height:96px;width:auto}
/* 6 + 7 + 4: landing proportions, fits one screen */
.arsocia-landing{min-height:100vh;padding:165px 20px 40px;box-sizing:border-box}
.arsocia-landing .al-logo{height:min(330px,42vh);margin-bottom:2px}
.arsocia-landing .al-sub{font-size:calc(min(330px,42vh)*.047);letter-spacing:1.5px;margin:0 0 26px;font-weight:700}
.arsocia-landing .al-old{font-family:'Gantari',sans-serif;font-weight:400 !important;font-style:italic;text-transform:none;font-size:calc(min(330px,42vh)*.058);color:#333;margin:0}
@media (max-width:991px){.arsocia-landing{padding-top:120px}.arsocia-landing .al-logo{height:min(240px,36vh)}.arsocia-landing .al-sub{font-size:11px;letter-spacing:1px}.arsocia-landing .al-old{font-size:14px}}
/* Keep wide images (e.g. HDC map) inside the screen on mobile */
.img-responsive{max-width:100%}