body { position: relative; font-family: 'HelveticaNowDisplay'; color: #000033; }
@font-face {
    font-family: 'HelveticaNowDisplay-bold';
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Bold.eot');
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('../fonts/ldb-landing/HelveticaNowDisplay-Bold.woff') format('woff'), url('../fonts/ldb-landing/HelveticaNowDisplay-Bold.ttf') format('truetype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Bold.svg#HelveticaNowDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay-light';
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Light.eot');
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Light.woff2') format('woff2'), url('../fonts/ldb-landing/HelveticaNowDisplay-Light.woff') format('woff'), url('../fonts/ldb-landing/HelveticaNowDisplay-Light.ttf') format('truetype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Light.svg#HelveticaNowDisplay-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay-medium';
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Medium.eot');
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Medium.woff2') format('woff2'), url('../fonts/ldb-landing/HelveticaNowDisplay-Medium.woff') format('woff'), url('../fonts/ldb-landing/HelveticaNowDisplay-Medium.ttf') format('truetype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Medium.svg#HelveticaNowDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay';
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Regular.eot');
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Regular.woff2') format('woff2'), url('../fonts/ldb-landing/HelveticaNowDisplay-Regular.woff') format('woff'), url('../fonts/ldb-landing/HelveticaNowDisplay-Regular.ttf') format('truetype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Regular.svg#HelveticaNowDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNowDisplay-thin';
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Thin.eot');
    src: url('../fonts/ldb-landing/HelveticaNowDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Thin.woff2') format('woff2'), url('../fonts/ldb-landing/HelveticaNowDisplay-Thin.woff') format('woff'), url('../fonts/ldb-landing/HelveticaNowDisplay-Thin.ttf') format('truetype'), url('../fonts/ldb-landing/HelveticaNowDisplay-Thin.svg#HelveticaNowDisplay-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-Light.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-LightItalic.otf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-Regular.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-Italic.otf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-BoldItalic.otf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-Black.otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Loreal";
  src: url("../fonts/Drackerman/LOREALEssentielle-BlackItalic.otf");
  font-weight: 900;
  font-style: italic;
}




/* main.css overwrite start*/
.sbs-brand #content.artf1768561 .product-category, .sbs-brand #content.artf1768561 .search-container { padding-top: 30px !important; }
.sbs-brand.sbs-events .generique-02 header { padding-top: 30px; }
.sbs-brand .myskinceuticals.report-container { margin-top: 0; }
.sbs-brand .product-page.SkinbetterScience { padding-top: 0; }
.sbs-resources #content #content { padding-top: 0 !important; }
.pg_integrated-skincare #div_art1 { margin-top: 20px; }
.skinceuticals.downloadable .top { padding-top: 40px; }
.skinceuticals .slider-container { margin-top: 15px !important; }
.skinceuticals .rep-container { margin-top: 30px !important; }
.skinceuticals .clinical .topic { margin-top: 0; }
.skinceuticals.clinical-landing .clinical { padding-top: 20px; }
.clinical.vichy .topic { margin-top: -190px; }
.clinical.Cerave .topic,.clinical.lrp .topic { padding-top: 20px; }
.vichy #div_art1,.vichy #div_form { margin-top: 30px; }
.cerave-landing .slider-container { margin-top: 0; }
#Loggedin.vichy .slider-container { margin-top: 0; }
.sbs-brand .slider-container { margin-top: 0; }
.user-login #content { padding-top: 130px; }
.user-login .acd-header { margin-top: 0 !important; }
.user-login #header { border-bottom: none !important; }
.Dermablend .product-page,
/*.Dermablend .product-category,*/
.Cerave .product-page,
/*.Cerave .product-category,*/
.lrp .product-page,
.vichy .product-page,
/*.lrp .product-category,*/
.skinceuticals .product-page { margin-top: 50px; }
.skinceuticals.privacy#Loggedin #content,
.privacy-choices#Loggedin #content,
.notice-at-collection#Loggedin #content, 
.accessibility-statement#Loggedin #content { margin-top: 0 !important; }
/* main.css overwrite end */

/* download.css overwrite start */
.sbs-brand .downloads-tabbing-block { margin-top: 0; }
.main.pc-inner-pages { padding-top: 25px !important; }
/* download.css overwrite end */

.sbs-brand #footer .site-footer .copy-right a {color: #797979 !important; font-family: 'HelveticaNowDisplay' !important;}
.sbs-brand #footer .site-footer .copy-right a:hover {color: #000000 !important; }
.sbs-brand #footer .site-footer .copy-right p,
.skinceuticals #footer .site-footer .copy-right p,
.sbs-brand #footer .site-footer .footer-links a {color: #797979 !important;  font-family: 'HelveticaNowDisplay-light' !important;}
.sbs-brand #footer .site-footer .footer-links a:hover { color: #000000 !important; }
.lrp #footer,
.skinceuticals #footer {border-top: none;}
#Loggedin .site-header .header-inner .right-block .sign-in a:hover { text-decoration: none; cursor: default; }
.pg_calendar#Loggedin #content { padding-top: 290px; }
.prelogin-home#Loggedin #content { padding-top: 120px !important; }
.lrp .socialnetwork-container { border-bottom: 1px solid #ccc !important }
.vichy .vichy-header .component.plain-html { margin-top: 0 !important; }
#footer .site-footer { padding-top: 50px;}

/* Need to add this class only for .prelogin-home prelogin and home page body section */
.prelogin-home .site-header { margin-bottom: 0; }
.prelogin-home .component { margin-top: 0; }
.prelogin-home #content { padding-top: 120px !important; }
.prelogin-home .title-wrapper h2 { border-bottom: none; text-transform: capitalize; }
#Loggedin.pg_productDetails.vichy #content { padding-top: 300px !important; }
.prelogin-home #footer .site-footer { padding-top: 0; }
/* end */

.prelogin-home .btn.black-border-btn { background-color: #ffffff; color: #000000; }
.prelogin-home .btn.black-border-btn:hover { background-color: #000000; color: #ffffff; }
.prelogin-clinical-heading { display: block; border-bottom: 1px solid #d5d5d5; padding-bottom: 15px; margin-bottom: 15px; }
.prelogin-clinical-heading img { max-height: 50px; }
.skinceuticals.clinical-landing .clinical .prelogin-clinical-heading img { max-height: 30px; }
.skinceuticals.clinical-landing .clinical .prelogin-clinical-heading { margin-top: 0;}

.mobile-image { display: none !important; }
.site-header { position: sticky; width: 100%; left: 0; top: 0; margin-bottom: 10px; z-index: 11; transition: all 0.5s; }
.site-header .top-header { background-color: #000034; }
.site-header .container {max-width: 1450px;padding: 0 25px;width: 100%;margin: 0 auto;}
.site-header .bottom-header .mobile-search { display: none; }
.site-header .header-inner { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; }
.site-header .header-inner .toggle-icon { display: none; }
.site-header .header-inner .toggle-icon span { display: block; width: 28px; height: 3px; background-color: #ffffff; transition: all 0.3s ease-in-out; }
.site-header .header-inner .toggle-icon span:not(:last-child) { margin-bottom: 6px; }

.site-header .header-inner .home-link { width: 25px; display: flex;  align-items: flex-start;  margin-right: auto; }

.site-header .header-inner .logo-link { width: 458px; margin: 0 auto; position: absolute; left: 0; right: 0; transition: all 0.5s; }
.site-header .header-inner .right-block { display: flex; align-items: center; margin-left: auto; }
.site-header .header-inner .right-block .sign-in { margin-right: 31px; display: flex;}
.site-header .header-inner .right-block .sign-in a, .site-header .language span { display: flex; align-items: center; font-family: 'HelveticaNowDisplay' !important; font-weight: normal; font-size: 14px !important; line-height: 1.3; color: #ffffff !important; }
.site-header .header-inner .right-block .sign-in a:hover { text-decoration: underline; }
.site-header .header-inner .right-block .sign-in a span.user-name { display: inline-block; min-width: 73px; max-width: 115px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.site-header .header-inner .right-block .sign-in a i { width: 26px; margin-left: 8px; }
.site-header .header-inner .right-block .sign-in .btn { min-width: auto; top: 0 !important; line-height: 0; padding: 0; margin-left: 10px; }
.site-header .header-inner .right-block .sign-in img { width: 26px;}
.site-header .header-inner .right-block .sign-in .user-icon.open a { color: #000 !important; font-size: 14px !important; }
.site-header .language span i { width: 26px; margin-left: 5px; }
.site-header .brands-wrapper { background-color: #ffffff; border-bottom: 1px solid rgba(0, 1, 44, 0.3); }
.site-header .brands-wrapper ul { display: flex; justify-content: center; margin-bottom: 0;}
.site-header .brands-wrapper ul li { display: flex; align-items: center; justify-content: center; max-width: 16.66%; flex: 0 0 16.66%; padding: 14px 15px; transition: all 0.5s; }
.site-header .brands-wrapper ul li a img { max-height: 32px; width: auto; }
.site-header .brands-wrapper ul li a span { display: none; }
.site-header .brands-wrapper ul li:not(:last-child) { border-right: 1px solid rgba(0, 1, 44, 0.3); }
.site-header.fixed .header-inner { padding: 12px 0; }
.site-header.fixed .brands-wrapper ul li { padding: 10px 15px; }
.site-header .header-inner .right-block .user-icon.open .myaccount-dropdown { left: -20px; }
/* footer { position: absolute; width: 100%; left: 0; bottom: 0; } */
footer .footer-links { padding: 0px 15px 13px; border-bottom: 1px solid #b3b1bf; }
footer .footer-links .logo-img { text-align: center; margin-bottom: 20px; }
footer .footer-links .logo-img a { width: 423px; display: inline-block; }
footer .footer-links ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
footer .footer-links ul li { margin: 0 21px !important; background: none !important; }
footer .footer-links ul li a { font-family: 'HelveticaNowDisplay-light' !important; font-weight: 300; font-size: 16px !important; line-height: 1.2; color: #000000 !important; transition: all 0.3s; }
footer .footer-links ul li a:hover { color: #000033; opacity: 0.8; }
footer .copy-right { padding: 23px 0 16px; }
footer .copy-right p { font-family: 'HelveticaNowDisplay' !important; font-weight: normal; font-size: 13px !important; line-height: 1.3; color: #797979 !important; text-align: center; margin-bottom: 8px; }
footer .copy-right ul { display: flex; justify-content: center; align-items: center; }
footer .copy-right ul li { margin: 0 12px !important; background: none !important; }
footer .copy-right ul li a { font-family: 'HelveticaNowDisplay' !important; font-weight: normal; font-size: 13px !important; line-height: 1.3; color: #797979 !important; transition: all 0.3s; }
footer .copy-right ul li a:hover { color: #000000 !important; }
.product-launches-section { padding: 40px 0; }
.product-launches-section .title-wrapper { display: flex; justify-content: space-between; margin-bottom: 23px; }
.product-launches-section .title-wrapper .sort-by { position: relative; }
.product-launches-section .title-wrapper .sort-by select { border: 0; appearance: none; padding: 0px 26px 0px 5px; font-family: 'HelveticaNowDisplay-medium'; font-weight: 500; font-size: 20px; line-height: 1.4; letter-spacing: 0.5px; min-width: 100px; background-color: transparent; cursor: pointer; background-image: url('/-/media/images/ldb-landing/dropdown-arrow.svg'); background-size: 20px; background-position: right 10px; background-repeat: no-repeat; box-shadow: none; }
.product-launches-section .title-wrapper .sort-by select option { font-size: 16px; font-family: 'HelveticaNowDisplay'; font-weight: normal; line-height: 1.3;    /*padding: 10px;*/ }
.product-launches-section .product-brands-slider { padding-bottom: 45px; }
.product-launches-section .product-brands-slider .image-block {min-height: 285px; margin-bottom: 19px; text-align: center; }
.product-launches-section .product-brands-slider .image-block img { max-height: 285px; }
.product-launches-section .product-brands-slider .content-block { text-align: center; padding: 0 7px; }
.product-launches-section .product-brands-slider .content-block h3 { font-family: 'HelveticaNowDisplay-light'; font-weight: 700; font-size: 16px; line-height: 1.2; letter-spacing: 1.1px; color: #000000; text-transform: unset; margin-bottom: 2px; }
.product-launches-section .product-brands-slider .content-block p { font-family: 'HelveticaNowDisplay'; font-weight: 500; font-size: 18px; line-height: 1.2; letter-spacing: 0.6px; color: #000000; margin-bottom: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-launches-section .product-brands-slider .content-block .black-border-btn { min-width: 155px; }
.product-launches-section .product-brands-slider .swiper-horizontal>.swiper-scrollbar, .product-launches-section .product-brands-slider .swiper-scrollbar.swiper-scrollbar-horizontal { left: 50%; transform: translateX(-50%); width: 93%; }
.title-wrapper h2 { font-weight: normal; font-size: 32px; line-height: 1.2; color: #000033; letter-spacing: 1.05px; font-family: 'HelveticaNowDisplay-light'; }
.title-wrapper { margin-bottom: 15px; }
.title-wrapper h2 span { display: block; color: #519cbb; }
.scrollbar-slider { padding-bottom: 70px; }
.prelogin-home .white-border-btn { font-size: 20px; letter-spacing: 0.51px; border: 2px solid #fff; color: #fff !important; font-family: 'HelveticaNowDisplay-medium'; height: 50px; line-height: 46px; transition: all 0.5s; padding: 0 30px; display: inline-block }
.prelogin-home .white-border-btn:hover { background-color: #fff; color: #000033 !important; }
.text-link { font-size: 14px; line-height: 1.2; border-bottom: 1px solid #000034; color: #000034; transition: all 0.5s; letter-spacing: 1px; padding-bottom: 0px; }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { background: #d7d7d7; height: 5px; width: 87%; left: 6.2%; bottom: 0; cursor: pointer; height: 25px; background-color: transparent; }
.swiper-horizontal>.swiper-scrollbar:after, .swiper-scrollbar.swiper-scrollbar-horizontal:after { position: absolute; content: ''; left: 0; top: 10px; width: 100%; background: #d7d7d7; z-index: 1; height: 5px; z-index: -1; border-radius: 10px; }
.swiper-scrollbar-drag { background: #3d3d3d; top: 10px; height: 5px; }
.max-container { max-width: 1600px; margin: 0 auto; }

/* brand section */

.brand-section .brand-slider-wrapper .brand-slider-thumb .swiper-wrapper{
	display: flex;
  justify-content: center;
}


.brand-section { padding: 40px 0; }
.brand-section .brand-slider-wrapper .brand-slider-main .brand-slide-item { padding: 14.9% 0 100px; background-color: #f5f5f5; position: relative; position: relative; }
.brand-section .brand-slider-wrapper .brand-slider-main .brand-slide-item::after { position: absolute; background: rgba(0, 0, 0, 0.4); left: 0; top: 0; height: 100%; width: 100%; content: ''; z-index: -1; }
.brand-section .brand-slider-wrapper .brand-slider-main .brand-slide-item .brand-slide-bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; object-fit: cover; }
.brand-section .brand-slider-wrapper { position: relative; }
.brand-section .brand-slider-wrapper .brand-slider-main .inner-content { transform: translateY(25px); transition: transform 0.5s; opacity: 0; }
.brand-section .brand-slider-wrapper .brand-slider-main .swiper-slide-visible .inner-content { transform: translateY(0); opacity: 1; }
.brand-section .brand-slider-wrapper .brand-slider-main .brand-slide-item .container { max-width: 1460px; }
.brand-section .brand-slider-wrapper .brand-slider-thumb-wrapper { position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(48, 34, 16, 0.15); z-index: 1; overflow: hidden; }
.brand-section .brand-slider-wrapper .brand-slider-thumb-wrapper .container { max-width: 1510px; }
.brand-section .brand-slider-wrapper .brand-slider-main h3 { font-size: 56px; line-height: 1.2; color: #fff; margin-bottom: 12px; font-family: 'HelveticaNowDisplay'; font-weight: normal; letter-spacing: 1.2px; text-transform: inherit; }
.brand-section .brand-slider-wrapper .brand-slider-main span { display: block; font-size: 26px; letter-spacing: 0.65px; color: #fff; font-family: 'HelveticaNowDisplay-medium'; margin-bottom: 20px; line-height: 1.2; }
.brand-section .brand-slider-wrapper .brand-slider-main p { font-size: 16px; line-height: 1.4; color: #fff; font-family: 'HelveticaNowDisplay-light'; margin-bottom: 27px; }
.brand-section .brand-slider-wrapper .brand-slider-main .inner-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; max-width: 681px; height: 100%;}
.brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item { padding: 10px; min-height: 57px; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: all 0.5s; }
.brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item+.slide-item { border-left: 1px solid rgba(218, 211, 206, 0.3); }
.brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item.swiper-slide-thumb-active, .brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item:hover { background-color: #2c231a; }
.brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item img { max-height: 32px; }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link { display: block; width: 100%; position: relative; padding-bottom: 101.4%; overflow: hidden; cursor: pointer; }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link::after { position: absolute; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; height: 100%; width: 100%; content: ''; opacity: 0; transition: all 0.5s; }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .brand-slide-bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .content-block { position: absolute; padding: 43px 15px 43px 50px; bottom: 0; left: 0; right: 0; z-index: 1; max-width: 380px; transform: translateY(calc(100% - 110px)); transition: all 0.5s; }
.brand-section .brand-slider-wrapper .brand-slider-normal p { font-size: 23px; line-height: 1.2; margin-bottom: 10px; color: #fff; font-family: 'HelveticaNowDisplay-medium'; margin-bottom: 24px; letter-spacing: 0.7px; }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .logo-block { min-height: 57px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; margin-bottom: 24px; }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link:hover .content-block { transform: translateY(0); }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .logo-block img { height: 55px; width: auto; }
.brand-section .brand-slider-wrapper .brand-slider-normal.scrollbar-slider { padding-bottom: 40px; }
.brand-section .brand-slider-wrapper .brand-slider-normal .swiper-horizontal>.swiper-scrollbar, .brand-section .brand-slider-wrapper .brand-slider-normal .swiper-scrollbar.swiper-scrollbar-horizontal { left: 5.2%; }
.brand-section .brand-slider-wrapper .brand-slider-normal .inner-link:hover::after { opacity: 1; }

/* upcoming convention slider */
.upcoming-convention { padding: 40px 0 75px; }
.upcoming-convention .title-wrapper { margin-bottom: 20px; }
.upcoming-convention .upcoming-convention-slider .image-block { padding-top: 44.5%; background-color: #f5f5f5; position: relative; overflow: hidden; }
.upcoming-convention .upcoming-convention-slider .image-block img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; transition: all 0.5s; }
.upcoming-convention .upcoming-convention-slider .content-block { padding: 18px 18px 0; }
.upcoming-convention .upcoming-convention-slider h3 { font-size: 24px; font-weight: normal; line-height: 1; color: #000000; font-family: 'HelveticaNowDisplay'; letter-spacing: 1.2px; margin-bottom: 8px; transition: all 0.5s; text-transform: inherit; }
.upcoming-convention .upcoming-convention-slider h4 { font-size: 16px; line-height: 1.2; color: #000000; font-family: 'HelveticaNowDisplay-medium'; transition: all 0.5s; }
.upcoming-convention .upcoming-convention-slider ul li { font-size: 16px; line-height: 1.2; color: #000000; font-family: 'HelveticaNowDisplay-light'; transition: all 0.5s; }
.upcoming-convention .upcoming-convention-slider ul { display: flex; align-items: center; margin-bottom: 11px; }
.upcoming-convention .upcoming-convention-slider ul li+li { padding-left: 10px; margin-left: 10px; border-left: 2px solid #000 }
.upcoming-convention .upcoming-convention-slider .slide-inner { display: block; width: 100%; transition: all 0.5s; }
.upcoming-convention .upcoming-convention-slider .slide-inner:hover .image-block img { transform: scale(1.1); }
.upcoming-convention .upcoming-convention-slider .slide-inner:hover h3, .upcoming-convention .upcoming-convention-slider .slide-inner:hover h4, .upcoming-convention .upcoming-convention-slider .slide-inner:hover ul li, .upcoming-convention .upcoming-convention-slider .slide-inner:hover .text-link { color: #cdc4ba; }
.upcoming-convention .upcoming-convention-slider .slide-inner:hover .text-link { border-color: #cdc4ba; }
.upcoming-convention .upcoming-convention-slider .slide-inner:hover ul li+li { border-color: #cdc4ba; }
.upcoming-convention .title-wrapper h2 span { display: inline-block; color: #000033; }
/* speciality-corner-section */
.speciality-corner-section { background-color: #f2f0ee; padding: 40px 0 0; position: relative; margin-bottom: 90px; }
.speciality-corner-section::after { position: absolute; content: ''; left: 0; right: 0; background: #fff; bottom: 0; height: 143px; }
.speciality-corner-section .scrollbar-slider { padding-bottom: 28px; }
.speciality-corner-section .swiper-horizontal>.swiper-scrollbar, .speciality-corner-section .swiper-scrollbar.swiper-scrollbar-horizontal { left: 3px; width: 97%; }
.speciality-corner-section .speciality-corner-wrapper { display: flex; }
.speciality-corner-section .title-wrapper { margin-bottom: 30px; }
.speciality-corner-section .speciality-corner-wrapper .left-content { max-width: 21.4%; flex: 0 0 21.4%; padding: 13px 20px 80px 0; z-index: 1; }
.speciality-corner-section .speciality-corner-wrapper .left-content ul li a { font-size: 22px; color: #000034; letter-spacing: 0.65px; font-family: 'HelveticaNowDisplay-thin'; position: relative; line-height: 1.1; transition: all 0.5s; display: inline-flex; align-items: baseline; }
.speciality-corner-section .speciality-corner-wrapper .left-content ul li a:hover { color: #cdc4ba; }
.speciality-corner-section .speciality-corner-wrapper .left-content ul li a:hover::before { background-color: #cdc4ba; }
.speciality-corner-section .speciality-corner-wrapper .left-content ul li a::before { left: 0; bottom: 6px; width: 20px; background-color: #000034; content: ''; height: 1px; transition: all 0.5s; margin-right: 5px; display: inline-block; }
.speciality-corner-section .speciality-corner-wrapper .left-content ul li+li { margin-top: 27px; }
.speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper { max-width: 100%; flex: 0 0 100%; }
.speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper .image-block { padding-top: 113%; background-color: #f5f5f5; position: relative; margin-bottom: 10px; overflow: hidden; }
.speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper .image-block img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; transition: all 0.5s; }
.speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper a:hover .image-block img { transform: scale(1.1); }
.speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper a { display: block; width: 100%; }
.speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper h3 { font-size: 22px; font-weight: normal; font-family: 'HelveticaNowDisplay-thin'; color: #000034; letter-spacing: 0.65px; padding-left: 10px; transition: all 0.5s; text-transform: capitalize; }
.speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper a:hover h3 { color: #cdc4ba; }

/* form element css  */
.prelogin-home .form-group { margin: 0 0 35px; }
.prelogin-home .form-group label { display: block; margin: 0 0 7px; font-family: 'HelveticaNowDisplay-medium'; font-size: 20px; letter-spacing: 0.5px; color: #000000; }
.prelogin-home .form-control { outline: none !important; box-shadow: none !important; border: none; border-bottom: 2px solid #000034; width: 100%; background-color: transparent; font-size: 20px; line-height: 1.37; padding: 0; }
.prelogin-home .btn { border: 2px solid #000034; background-color: #000034; color: #000034; font-family: 'HelveticaNowDisplay-medium'; color: #fff; font-size: 17px; line-height: 40px; text-align: center; min-width: 197px; transition: all 0.5s; }
.prelogin-home .btn:hover { background-color: transparent; color: #000034; transition: all 0.5s; }
.prelogin-home .primary-link { text-decoration: underline; font-size: 20.5px; font-family: 'HelveticaNowDisplay-bold'; line-height: 1.2; text-align: center; color: #000034; text-underline-offset: 6px; }
.prelogin-home .primary-link:hover { text-decoration: none; }
.prelogin-home .text-center { text-align: center; }

/* pre-login banner  */
.home-banner-section { position: relative; display: flex; align-items: flex-end; padding: 33% 0 50px; min-height: 550px; }
.home-banner-section .banner-bg-video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.home-banner-section .banner-bg-video::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.1); }
.home-banner-section .banner-bg-video video, .home-banner-section .banner-bg-video img, .home-banner-section .banner-bg-video iframe { height: 100%; width: 100%; object-fit: cover; object-position: center; }
.home-banner-section .container { position: relative; }
.home-banner-section .banner-content { position: relative; z-index: 1; color: #fff; }
.home-banner-section .banner-content h1 { font-size: 40px; line-height: 1.2; letter-spacing: 1.23px; color: #fff; font-family: 'HelveticaNowDisplay'; text-transform: capitalize; font-weight: 700; }

/* join-us section  */
.join-us-section { padding: 60px 0 40px; }
#signin.join-us-top  { padding: 120px 0 40px; }
.join-us-section .custom-row { display: flex; align-items: top; margin: 0 -15px; }
.join-us-section .custom-row .left-block { flex: 0 0 63%; max-width: 63%; padding: 0 15px; }
.join-us-section .custom-row .left-block .content-wrap { max-width: 733px; margin-top: 20px; }
.join-us-section .custom-row .left-block .content-wrap p { font-family: 'HelveticaNowDisplay-light'; font-size: 16px; line-height: 1.5; margin-bottom: 15px; }
.join-us-section .custom-row .title-wrapper h2 { letter-spacing: 0; text-transform: capitalize; }
.join-us-section .custom-row .left-block .title-wrapper { margin-bottom: 20px; }
.join-us-section .custom-row .right-block { flex: 0 0 37%; max-width: 37%; padding: 0 15px; }
.join-us-section .custom-row .right-block h2 { margin-bottom: 17px; border-bottom: none; }
.join-us-section .custom-row .right-block .str_left { width: 100%; padding-right: 5px; }
.join-us-section .custom-row .right-block .form-wrap { padding: 20px 30px 20px 35px; background-color: #f2f0ee; }
.join-us-section .custom-row .right-block .form-wrap .btn-wrap { margin: -10px 0 20px; }
.join-us-section .custom-row .right-block .form-wrap .btn-wrap .btn { width: auto; padding: 0; border: 2px solid #000034; background-color: #000034; background-image: none; color: #000034; font-family: 'HelveticaNowDisplay-medium'; color: #fff; font-size: 17px; line-height: 40px; text-align: center; min-width: 197px; transition: all 0.5s; text-shadow: none; }
.join-us-section .custom-row .right-block .form-wrap .btn-wrap .btn:hover { background-color: transparent; color: #000034; transition: all 0.5s; }
.join-us-section .custom-row .right-block .form-wrap .btn-wrap .primary-link { text-decoration: underline; font-size: 20.5px; font-family: 'HelveticaNowDisplay-bold'; line-height: 1.2; text-align: center; color: #000034; text-underline-offset: 6px; }
.join-us-section .custom-row .right-block .form-wrap .btn-wrap .primary-link:hover { text-decoration: none; }
.join-us-section .form-group { margin: 0 0 35px; }
.join-us-section .form-group label { display: block; margin: 0 0 7px; font-family: 'HelveticaNowDisplay-medium'; font-size: 20px; letter-spacing: 0.5px; color: #000000; }
.join-us-section .form-control { outline: none !important; box-shadow: none !important; border: none; border-bottom: 2px solid #000034; margin-bottom: 4px; width: 100%; background-color: transparent; font-size: 16px; line-height: 1.37; padding: 0; font-family: 'HelveticaNowDisplay-light'; }
.join-us-section .form-group label.error { font-size: 14px; color: #f00; font-family: 'HelveticaNowDisplay-light'; }
.join-us-section .custom-row .right-block .form-wrap .link-wrap { display: flex; align-items: center; margin: 15px -13px 0; }
.join-us-section .custom-row .right-block .form-wrap .link-wrap li { padding: 0 12px; position: relative; margin-bottom: 7px; }
.join-us-section .custom-row .right-block .form-wrap .link-wrap li:after { content: ''; width: 1px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 15px; background-color: #000; }
.join-us-section .custom-row .right-block .form-wrap .link-wrap li:last-child::after { display: none; }
.join-us-section .custom-row .right-block .form-wrap .link-wrap li a { text-transform: uppercase; display: block; font-size: 14px; line-height: 1.2; color: #000; font-family: 'HelveticaNowDisplay-medium'; text-decoration: none; }
.join-us-section .custom-row .right-block .form-wrap .link-wrap li a:hover { text-decoration: underline; }
.join-us-section input::-webkit-input-placeholder { opacity: 1 !important; color: #333333; font-size: 16px; font-family: 'HelveticaNowDisplay-light'; }
.join-us-section input::-moz-placeholder { opacity: 1 !important; color: #333333; font-size: 16px; font-family: 'HelveticaNowDisplay-light'; }
.join-us-section input:-ms-input-placeholder { opacity: 1 !important; color: #333333; font-size: 16px; font-family: 'HelveticaNowDisplay-light'; }

/* post login banner  */
.post-login-banner-section .banner-slider .swiper-slide img { max-width: 100%; width: 100%; height: auto; object-fit: cover; max-height: calc(100vh - 126px); object-position: top; }
.post-login-banner-section .banner-slider .swiper-slide video { height: 100%; width: 100%; object-fit: cover; object-position: top; }
.swiper { width: 100%; height: 100%; }
.post-login-banner-section .banner-slider-wrapper { margin: 0 -25px; width: calc(100% + 50px); }
.post-login-banner-section .banner-slider .swiper-slide { height: auto; padding-bottom: 10px; }
.post-login-banner-section .thumb-slider { background-color: rgba(255, 255, 255, 0.7); position: absolute; bottom: 0; height: auto; left: 0; right: 0; z-index: 2; overflow: visible; }
.post-login-banner-section .thumb-slider .swiper-slide { position: relative; pointer-events: auto; height: auto !important; margin-bottom: 7px; cursor: pointer; }
.post-login-banner-section .thumb-slider .swiper-slide::after { content: ''; height: 7px; width: calc(100% - 5px); position: absolute; bottom: 3px; background-color: #000; transition: all 0.5s; right: 0; }
.post-login-banner-section .thumb-slider .swiper-slide:first-child::after { left: 0; right: 0; width: 100%; }
.post-login-banner-section .thumb-slider .swiper-slide.swiper-slide-thumb-active::after { transform: scale(1, 1.7); }
.post-login-banner-section .thumb-slider .swiper-slide:hover::after { transform: scale(1, 1.7); }
.post-login-banner-section .thumb-slider .thumb-content { padding: 25px; color: #000; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; overflow: hidden; }
.post-login-banner-section .thumb-slider .thumb-content p { font-family: 'HelveticaNowDisplay'; font-size: 21px; line-height: 1.2; letter-spacing: 0.8px; color: #000; transition: font-size 0.3s; }
.post-login-banner-section .thumb-slider .thumb-content .title { text-transform: uppercase; font-family: 'HelveticaNowDisplay-bold'; font-size: 14px; line-height: 1.2; letter-spacing: 0.83px; }
.post-login-banner-section .thumb-slider .thumb-content .text-wrap { transform: translateY(48px); transition: all 0.5s; width: 100%; }
.post-login-banner-section .thumb-slider .thumb-content a { margin-top: 10px; text-decoration: underline; }
.post-login-banner-section .thumb-slider .thumb-content a:hover { text-decoration: none; color: #000034; }
.post-login-banner-section .thumb-slider .swiper-slide-thumb-active .thumb-content .text-wrap { transform: translateY(0); }

/* commited section  */
.commited-section { padding: 80px 0 40px; }
.commited-section h2 { color: #519cbb; }
.commited-section p { font-size: 16px; line-height: 1.5; max-width: 1056px; margin: 0 auto; letter-spacing: -0.1px; }

.skinceuticals.privacy #footer,
.skinceuticals.terms #footer,
.accessibility-statement #footer {border-top: none; padding-top: 50px;}
.skinceuticals.privacy #footer .copy-right p,
.skinceuticals.terms #footer .copy-right p,
.skinceuticals.privacy #footer a,
.skinceuticals.terms #footer a {color: #797979 !important;}
.skinceuticals.privacy #footer .footer-links ul li a,
.skinceuticals.terms #footer .footer-links ul li a {color: #000 !important;}

#signin h1.prelogin-clinical-heading { text-transform: uppercase; margin-bottom: 30px; border-bottom: 1px solid #d5d5d5; font-size: 30px; }
#signin.Cerave h1.prelogin-clinical-heading { font-family: 'DIN'; color: #0772ba; }
#signin.vichy h1.prelogin-clinical-heading  { padding-bottom: 8px; font-family: "vichy-FuturaND-DemiBold" !important; }
#signin.lrp h1.prelogin-clinical-heading  { padding-bottom: 8px; font-family: "Locator-regular"; color: #1c1c1c; }
#signin.sbs-brand h1.prelogin-clinical-heading  { padding-bottom: 8px; font-family: "GTAmericaTrialCompRegular", Helvetica,Roboto, Arial, sans-serif !important; color: #00254a; }
#signin.skinceuticals h1.prelogin-clinical-heading  { padding-bottom: 8px; font-family: 'FuturaBT-Medium', arial !important; color: #2e9ebe; }

@media (min-width:1921px) {
    .post-login-banner-section .banner-slider .swiper-slide img { max-height: none; }
}
@media (min-width:1200px) {
    .post-login-banner-section .thumb-slider .swiper-slide { flex: 1; }
}
@media (min-width:1451px) {
    .site-header .brands-wrapper ul { margin-right: -67px; margin-left: -40px; }
}
@media (min-width:1601px) {
    .home-banner-section { padding-top: 29%; }
}
@media(max-width:1366px) {
    .speciality-corner-section .speciality-corner-wrapper .left-content { max-width: 25%; flex: 0 0 25%; }
    .speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper { max-width: 100%; flex: 0 0 100%; }
    .speciality-corner-section::after { height: 110px; }
}
@media(max-width:1199px) {
    .site-header .header-inner .logo-link { left: 70px; right: auto; width: 360px; }
    .site-header .header-inner .right-block .sign-in a, .site-header .header-inner .right-block .language span { font-size: 14px; }
    .site-header .header-inner .right-block .sign-in { margin-right: 16px; }
    .site-header .header-inner .right-block .sign-in a i { width: 22px; }
    .site-header .header-inner .right-block .language span i { width: 22px; }
    .site-header .brands-wrapper ul li { padding: 14px 10px; transition: all 0.3s; }
    .site-header.fixed .brands-wrapper ul li { padding: 10px; }
    .site-header.fixed .header-inner .logo-link { width: 360px; }
    .product-launches-section .title-wrapper { align-items: center; }
    .product-launches-section .title-wrapper .sort-by select { font-size: 18px; padding-right: 25px; width: 100px; }
    .product-launches-section .title-wrapper .sort-by i { width: 18px; right: 0; }
    .product-launches-section .product-brands-slider .content-block h3 { font-size: 16px; }
    .product-launches-section .product-brands-slider .content-block p { font-size: 18px; }
    .product-launches-section .product-brands-slider .swiper-horizontal>.swiper-scrollbar, .product-launches-section .product-brands-slider .swiper-scrollbar.swiper-scrollbar-horizontal { width: 87%; }
    .product-launches-section .product-brands-slider .content-block .black-border-btn { min-width: 170px; }
    footer .footer-links ul li { margin: 0 12px; }
    footer .footer-links ul li a { font-size: 16px !important; }
    .title-wrapper h2 { font-size: 32px; }
    .brand-section .brand-slider-wrapper .brand-slider-main h3 { font-size: 48px; }
    .brand-section .brand-slider-wrapper .brand-slider-main span { font-size: 22px; }
    .speciality-corner-section .speciality-corner-wrapper .left-content ul li a { font-size: 22px; }
    .speciality-corner-section .speciality-corner-wrapper .left-content ul li+li { margin-top: 15px; }
    .speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper h3 { font-size: 22px; }
    .speciality-corner-section .speciality-corner-wrapper .left-content { padding-bottom: 0; padding-top: 0; }
    .upcoming-convention .upcoming-convention-slider h3 { font-size: 20px; }
    .upcoming-convention .upcoming-convention-slider ul li { font-size: 16px; }
    .text-link { font-size: 14px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal p { font-size: 20px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .content-block { padding: 20px; transform: translateY(calc(100% - 90px)); }
}
@media (max-width:1024px) {
    .join-us-section .custom-row .right-block .form-wrap { padding: 25px; }
    
    .brand-section .brand-slider-wrapper .brand-slider-thumb .swiper-wrapper{
  justify-content: flex-start;
}
@media (min-width:768px) and (max-width: 1024px) {
    .lrp-landing .slider-container { margin-top: 0 !important;  }
}

}
@media(max-width:991px) {
    .sbs-brand #content.artf1768561 .search-container { margin-top: 50px; padding-top: 0 !important; }
    .sbs-brand .myskinceuticals.report-container { margin-top: 30px; }
    .show-filter .downloads-tabbing-block .downloads-tab-details-wrapper .downloads-tab-inner .downloads-filter-block { top: 190px !important; }
    .skinceuticals.downloadable .top { padding-top: 0; margin-top: 30px; }
    .clinical.Cerave .topic,.clinical.lrp .topic { padding-top: 115px; }
    .clinical.vichy .topic { margin-top: -80px; }
    #Loggedin #header.main .full-width > button { top: unset !important; }
    .nav-mobile.menuOpen .header-container.acd-header { display: none; } 
    .site-header .top-header .container { padding: 0 25px; }
    .skinceuticals .image.logo { margin-left: 13%; width: 245px; margin-top: 13px; }
    #header.main .component { margin-top: 0; }    
    #Loggedin #common-header-wrapper .logo img {  width: auto !important; max-height: 40px; }
    #Loggedin.commitments #header.main .full-width > button { display: none; }    
    #Loggedin.commitments .ourcommitment-banner-section { padding-top: 0; }    
    #Loggedin.commitments .ourcommitment-banner-section .content-block { padding-top: 15px; }

    .speciality-corner-section .speciality-corner-wrapper .left-content { max-width: 100%; flex: 0 0 100%; padding-right: 0; order: 2; padding-left: 15px; }
    .speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper { max-width: 100%; flex: 0 0 100%; order: 1; margin-bottom: 18px; }
    .speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper .right-slider-inner { margin: 0 -25px !important; }
    .speciality-corner-section .speciality-corner-wrapper { flex-wrap: wrap; }
    .speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper .image-block { padding-top: 100%; }
    .speciality-corner-section { background: transparent; padding-top: 0;margin-bottom: 100px; }
    .upcoming-convention { padding-bottom: 80px; }
    .join-us-section .custom-row { flex-wrap: wrap; }
    .join-us-section .custom-row .left-block { flex: 0 0 100%; max-width: 100%; margin-bottom: 42px; }
    .join-us-section .custom-row .right-block { flex: 0 0 100%; max-width: 100%; }
    .join-us-section .custom-row .right-block .form-wrap { padding: 50px; }
    /* downloads.css overwrite start*/
}
@media(max-width:767px) {
    /* main.css overwrite start*/  
	footer .copy-right ul{ flex-direction: column;}
    .show-filter .downloads-tabbing-block .downloads-tab-details-wrapper .downloads-tab-inner .downloads-filter-block { top: 130px !important; }
     #Loggedin.MyAccount #header.main .full-width > button { display: none; } 
     #Loggedin.MyAccount.pg_myskinceuticals div.main { padding-top: 0; } 
     #Loggedin.pharmacy.pharmacy-landing #header.main .full-width > button { top: 70px !important; height: 40px; }       
    .plain-html .component-content .container { padding-bottom: 0; }
     .Cerave .header-search-container { margin-top: 25px !important; }
     .skinceuticals .image.logo { margin-left: 10%; }
     .skinceuticals.sbs-brand .image.logo { margin-left: 16%; margin-top: 20px; }
     .lrp .header-search-container { margin-top: 25px !important; }
     #signin.sbs-brand .clinical .topic { margin-top: 20px  }
     .pharmacy .recommended-rt p { padding: 0 15px; }
      /* main.css overwrite end*/    

    .mv-hide {display: none !important; }
    .prelogin-home #content {padding-left: 0; padding-right: 0; }
    .prelogin-home#Loggedin #content {padding-top: 77px !important; }    
    .site-header { margin-bottom: 0;}
	.site-header .header-inner .home-link{ display: none; }
	.site-header .top-header .container { padding: 0 25px }
    .site-header .header-inner .right-block .sign-in .btn { margin-left: 0; }
    .user-login #content {padding-top: 70px !important;}
    .mobile-image { display: block !important; }
    .desktop-image { display: none !important; }
    .site-header .header-inner .toggle-icon { display: block; margin-right: 12px; }
    .site-header .header-inner { justify-content: flex-start; padding: 20px 0; }
    .site-header.fixed .header-inner { padding: 20px 0; }
    .site-header .header-inner .logo-link { position: static; width: 205px; margin: 0; }
    .site-header.fixed .header-inner .logo-link { width: 265px; }
    .site-header .header-inner .right-block { margin-left: auto; }
    .site-header .header-inner .right-block .sign-in { margin-right: 0; }
    .site-header .header-inner .right-block .sign-in a span { display: none; }
    .site-header .header-inner .right-block .sign-in a span.user-name { display: none; width: 65px; }
    .site-header .header-inner .right-block .sign-in a { font-size: 14px; }
    .site-header .header-inner .right-block .sign-in a i { width: 21px; margin-left: 5px; }
    .site-header .header-inner .right-block .language { display: none; }
    .site-header .brands-wrapper .language { padding: 12px 0; }
    .site-header .brands-wrapper .language span i { width: 21px; }
    .site-header .bottom-header { position: fixed; bottom: 0; left: -100%; background-color: #000034; width: 100%; top: 61px; padding: 26px 32px; transition: all 0.5s; overflow-y: auto; }
    body.menu-open { overflow: hidden; }
    .menu-open .site-header .bottom-header { left: 0; }
    .menu-open .site-header .header-inner .right-block .sign-in a { font-size: 0; }
    .menu-open .site-header .header-inner .toggle-icon span:first-child { transform: translateY(-0.5px) rotate(45deg); margin-bottom: 0; border-radius: 6px; }
    .menu-open .site-header .header-inner .toggle-icon span:last-child { transform: translateY(-3.5px) rotate(-45deg);        /*margin-top: -3px;*/ border-radius: 6px; }
    .menu-open .site-header .header-inner .toggle-icon span:nth-child(2) { display: none; }
    .site-header .header-inner .right-block .language { display: none; }
    .site-header .bottom-header .mobile-search { display: block; margin-bottom: 25px; position: relative; }
    .site-header .bottom-header .mobile-search input { border: 1px solid #676786; border-radius: 0; font-size: 16px; line-height: 1.2; height: 42px; color: #ffffff; font-family: 'HelveticaNowDisplay'; font-weight: normal; padding: 16px 48px 16px 16px; background-color: transparent; width: 100%; }
    .site-header .bottom-header .mobile-search input[type=text] {box-sizing: border-box;}
    .site-header .bottom-header .mobile-search .search-icon { position: absolute; right: 16px; top: 48%; transform: translateY(-50%); width: 22px; }
    .site-header .bottom-header .mobile-search input::-webkit-input-placeholder { color: #ffffff; font-size: 16px; }
    .site-header .bottom-header .mobile-search input::-moz-placeholder { color: #ffffff; font-size: 16px; }
    .site-header .bottom-header .mobile-search input:-ms-input-placeholder { color: #ffffff; font-size: 16px; }
    .site-header .bottom-header .mobile-search input:-moz-placeholder { color: #ffffff; font-size: 16px; }
    .site-header .brands-wrapper { border: 0; background-color: transparent; }
    .site-header .brands-wrapper .container { padding: 0; }
    .site-header .brands-wrapper ul { display: block; }
    .site-header .brands-wrapper ul li { width: 100%; border-right: 0; max-width: 100%; flex: 0 0 100%; border-bottom: 1px solid #676786; text-align: left; display: block; padding: 14px 0; }
    .site-header.fixed .brands-wrapper ul li { padding: 14px 0; }
    .site-header .brands-wrapper ul li a img { display: none; }
    .site-header .brands-wrapper ul li a span { display: block; font-size: 16px; line-height: 1.2; color: #ffffff; font-weight: normal; font-family: 'HelveticaNowDisplay'; }
    .site-header .header-inner .right-block .user-icon.open .myaccount-dropdown { left: -110px;}    
    .product-launches-section { padding: 20px 0; }
    .product-launches-section .title-wrapper .sort-by { display: none; }
    .product-launches-section .product-brands-slider .content-block h3 { font-size: 16px; }
    .product-launches-section .product-brands-slider .content-block p { font-size: 18px; }
    .product-launches-section .product-brands-slider .content-block h3, .product-launches-section .product-brands-slider .content-block p { font-size: 16px; }
    .product-launches-section .product-brands-slider .content-block .black-border-btn { min-width: 135px; width: 135px; }
    .product-launches-section .product-slider-wrapper { margin-right: 0 !important; }
    .product-launches-section .product-brands-slider { padding-bottom: 40px; }
    .product-launches-section .product-brands-slider .swiper-horizontal>.swiper-scrollbar, .product-launches-section .product-brands-slider .swiper-scrollbar.swiper-scrollbar-horizontal { width: 100%; left: 0; transform: none; }
    footer .footer-links { padding: 0 25px 30px; }
    footer .footer-links .logo-img a { width: 243px; }
    footer .footer-links ul li { width: 100%; text-align: center; }
    footer .footer-links ul li:not(:last-child) { margin-bottom: 15px; }
    footer .footer-links ul li a { font-size: 16px !important; }
    footer .copy-right p { font-size: 12px; }
    footer .copy-right ul li a { font-size: 11px !important; }
    footer .copy-right { padding: 15px; }
    footer .copy-right ul li { margin: 0 5px !important; }
    .title-wrapper h2 { font-size: 24px; letter-spacing: 0.6px; }
    .upcoming-convention .title-wrapper, .speciality-corner-section .title-wrapper { margin-bottom: 15px; }
    .brand-section .brand-slider-wrapper .brand-slider-main h3 { font-size: 32px; margin-bottom: 8px; }
    .brand-section .brand-slider-wrapper .brand-slider-main span { font-size: 15px; margin-bottom: 16px; }
    .brand-section .brand-slider-wrapper .brand-slider-main p { font-size: 14px; margin-bottom: 17px; }
    .brand-section .brand-slider-wrapper .brand-slider-main .inner-content { justify-content: flex-end;}
    .prelogin-home .white-border-btn { height: 42px; line-height: 36px; font-size: 18px; padding: 0 20px; }
    .brand-section .brand-slider-wrapper .brand-slider-thumb-wrapper .container { padding: 0; }
    .upcoming-convention .upcoming-convention-slider h3 { font-size: 18px; margin-bottom: 5px; }
    .upcoming-convention .upcoming-convention-slider ul li { font-size: 14px; }
    .upcoming-convention .upcoming-convention-slider ul { margin-bottom: 5px; }
    .text-link { font-size: 14px; padding-bottom: 2px; }
    .brand-section { padding: 20px 0; }
    .brand-section .brand-slider-wrapper .brand-slider-main .brand-slide-item { padding: 129.4% 0 0; }
    .brand-section .brand-slider-wrapper .brand-slider-main .brand-slide-item .container { position: absolute;left: 0;bottom: 95px;right: 0;}
    .brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item { min-height: 45px; height: 45px;padding: 5px 10px; }
    .brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item img, .brand-section .brand-slider-wrapper .brand-slider-thumb .slide-item.laroche-posay-logo img { max-height: 26px; width: auto; }
    .upcoming-convention { padding: 20px 0 40px; }
    .upcoming-convention .upcoming-convention-slider .image-block { padding-top: 49%; }
    .upcoming-convention .upcoming-convention-slider .content-block { padding: 10px 10px 0; }
    .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal, .speciality-corner-section .swiper-horizontal>.swiper-scrollbar, .speciality-corner-section .swiper-scrollbar.swiper-scrollbar-horizontal { width: calc(100% - 5px); left: 5px; height: 14px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal .swiper-horizontal>.swiper-scrollbar, .brand-section .brand-slider-wrapper .brand-slider-normal .swiper-scrollbar.swiper-scrollbar-horizontal { left: 25px; width: calc(100% - 50px); }
    .swiper-scrollbar-drag { top: 5px; height: 4px; }
    .swiper-horizontal>.swiper-scrollbar:after, .swiper-scrollbar.swiper-scrollbar-horizontal:after { top: 5px; height: 4px; }
    .scrollbar-slider { padding-bottom: 34px; }
    .speciality-corner-section .speciality-corner-wrapper .right-slider-wrapper .image-block { margin-bottom: 2px; }
    .speciality-corner-section .scrollbar-slider { padding-bottom: 16px; }
    .speciality-corner-section .speciality-corner-wrapper .left-content ul li a::before { width: 15px; margin-right: 1px; }
    .speciality-corner-section .speciality-corner-wrapper .left-content ul li a { font-size: 18px; }
    .speciality-corner-section .speciality-corner-wrapper .left-content ul li+li { margin-top: 19px; }
    .speciality-corner-section { padding-top: 0; margin-bottom: 0;padding-bottom: 20px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal .inner-link::after { opacity: 1; }
    .brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .content-block { transform: translateY(0); padding: 30px 23px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal .inner-link { padding-bottom: 129.4%; }
    .brand-section .brand-slider-wrapper .brand-slider-normal p { font-size: 15px; margin-bottom: 14px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .logo-block { margin-bottom: 19px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal .inner-link .logo-block img { height: 42px; }
    .brand-section .brand-slider-wrapper .brand-slider-normal.scrollbar-slider { padding-bottom: 19px; }

    /* form element css  */
    .prelogin-home .form-group label { font-size: 18px; letter-spacing: 0.85px; margin: 0 0 15px; }
    .prelogin-home .form-control { font-size: 18px; line-height: 1.34; }
    .prelogin-home .btn { height: 42px; font-size: 18px; line-height: 36px; width: auto; padding: 0 20px; max-width: 100%; min-width: auto; }
    .prelogin-home .primary-link { font-size: 18px; }

    /* pre-login home banner  */
    .home-banner-section { padding-top: 117%; }
    .home-banner-section .banner-content h1 { font-size: 40px; }

    /* join us section  */
    .join-us-section { padding: 40px 0 20px; }
    .join-us-section.join-us-top { padding: 40px 0 20px; }
    .join-us-section .custom-row .left-block .title-wrapper { margin-bottom: 25px; }
    .join-us-section .custom-row .left-block .content-wrap p { line-height: 1.58; }
    .join-us-section .custom-row .right-block .form-wrap .link-wrap { flex-wrap: wrap; }
    .join-us-section .custom-row .right-block .form-wrap .link-wrap li a { font-size: 16px; margin-top: 0; }
    .join-us-section .custom-row .right-block .form-wrap .link-wrap { margin: 30px -12px 5px; }
    .join-us-section .custom-row .right-block .form-wrap { max-width: 660px; margin: 0 auto; }
    .join-us-section .custom-row .right-block .form-wrap .btn-wrap .btn { height: 42px; font-size: 18px; line-height: 36px; width: auto; padding: 0 20px; max-width: 100%; min-width: auto; }

    /* post-login banner-section  */
    .post-login-banner-section .banner-slider .swiper-slide { padding: 0; }
    .post-login-banner-section .banner-slider .swiper-slide img { max-height: 680px; }
    .post-login-banner-section .thumb-slider .swiper-slide::after { display: none; }
    .post-login-banner-section .thumb-slider .thumb-content { padding: 0; justify-content: center; align-items: center; }
    .post-login-banner-section .thumb-slider .thumb-content .text-wrap { padding: 20px 25px; max-width: 718px; margin: 0 auto; }
    .post-login-banner-section .thumb-slider .swiper-slide { margin: 0; }
    .post-login-banner-section .thumb-slider .thumb-content p { font-size: 21px; }
    .post-login-banner-section .thumb-slider .thumb-content .title { font-size: 16px; letter-spacing: 1.43px; }
    .post-login-banner-section .thumb-slider .thumb-content .text-wrap, .post-login-banner-section .thumb-slider .thumb-content a { transform: none; }

    /* commited section  */
    .commited-section { padding: 40px 0 20px; }
    .commited-section p { font-size: 16px; line-height: 1.58; letter-spacing: -0.34px; }
    .commited-section h2 { font-size: 24px; }
}
@media (max-width:575px) {

    /* form element css  */
    .form-group label { margin: 0 0 15px; }
    .form-group { margin: 0 0 35px; }

    /* post login banner section  */
    .home-banner-section .banner-content h1 { font-size: 30px; }
    .home-banner-section { padding-top: 96%; min-height: auto; }

    /* join-us section  */
    .join-us-section .custom-row .right-block .form-wrap { padding: 25px; }

    /* post-login banner section */

    /*.post-login-banner-section .banner-slider .swiper-slide { height: 650px; }*/
    .post-login-banner-section .thumb-slider .thumb-content .text-wrap { padding: 20px; }
}
@media(max-width:399px) {
    .site-header .header-inner .logo-link { width: 175px; }
    .site-header.fixed .header-inner .logo-link { width: 175px; }
}
/* @media(max-width:374px) {
    .site-header .bottom-header { padding: 15px 32px; }
    .site-header .header-inner .right-block .sign-in a { font-size: 0px; }
    .site-header .header-inner .right-block .sign-in a span.user-name { display: none; }
    footer .copy-right p { font-size: 11px; }
    footer .copy-right ul li a { font-size: 11px; }
    .brand-section .brand-slider-wrapper .brand-slider-main .brand-slide-item .container { bottom: 70px;}
} */

body.drackerman {
  margin: 0;
  font-family: "Loreal", Helvetica, Arial, sans-serif;
  color:#333;
}

body.drackerman #content{
	padding: 0;
}

.drackerman .colored-bg-lightest .container{
	max-width: 1170px;
	padding:0;
}

.drackerman h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: uppercase;
  color: #07326A;
  margin-top: 0;
  margin-bottom:10px;
}
.drackerman h2.alt {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  text-transform: none;
  margin-bottom: 26px;
}

.drackerman h4 {
  font-size: 20px;
  line-height: 26px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  color: #07326A;
  margin-bottom: 16px;
}

.drackerman h5 {
  font-size: 18px;
  line-height: 22px;
  font-style: normal;
  margin: 0;
}

.drackerman h6 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.drackerman p {
  font-size: 16px;
  font-weight:initial;
  line-height:22px;
  margin-bottom:10px;
}
p.bio {
  font-size: 14px;
  font-weight:initial;
}

.drackerman .container-fluid {
  padding-top: 48px;
  padding-bottom: 48px;
}
.drackerman .container-fluid.colored-bg-lightest {
  background-color: #FCF9F6;
}
.drackerman .container-fluid.colored-bg-light {
  background-color: #F7F0E8;
}
.drackerman .container-fluid.hero {
  padding: 0;
}

.drackerman .logo-lockup {
  max-width: 320px;
  margin: 0 auto 32px auto;
}
.drackerman .logo-lockup h3 {
  font-size: 16px;
  color: #07326A;
  font-weight: 700;
  margin-top:20px;
  margin-bottom:10px;
}
.drackerman .thumbnail{
	border-radius:0;
}

.drackerman .colored-bg-light .btn {
  background-color: #0052A2;
  background-image: url("/-/media/images/ldb-landing/arrow.svg");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 12%;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  border-radius: 0;
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 14px;
  padding: 10px 48px 10px 24px;
}
.drackerman .btn:hover {
  color: #fff;
}

.drackerman .cs-text {
  background-color: #E3F1FF;
  padding: 5px 12px 7px 12px;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 23px;
  font-size: 12px;
}

.drackerman .thumbnail {
  padding: 0;
  background-color: #F7F0E8;
  position: relative;
  filter: blur(5px);
}
.drackerman .thumbnail.active {
  filter: blur(0px);
}
.drackerman .thumbnail.coming-soon {
  position: relative;
}
.drackerman .thumbnail.coming-soon img {
  filter: brightness(40%) hue-rotate(190deg) saturate(60%);
}
.drackerman .thumbnail.wide {
  display: flex;
}
.drackerman .thumbnail.wide img {
  width: 33%;
}
.drackerman .thumbnail.wide .caption {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.drackerman .thumbnail .caption {
  padding: 16px;
}
.drackerman .thumbnail .caption p {
  font-size: 14px;
  line-height: 20px;
}
.drackerman .thumbnail .caption p.video-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.drackerman .thumbnail .caption p.video-title a {
  color: #0052A2;
  text-decoration: underline;
}

.drackerman .video-container {
  margin: 24px 0 0 0;
  height:auto;
  display:block;
}

.drackerman .panel {
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 2px solid #0052A2;
  margin-top: 17px;
}
.drackerman .panel .panel-heading {
  padding: 0;
}
.drackerman .panel .panel-heading h4.panel-title {
  color: #0052A2;
  text-align: left;
  font-size: 18px;
  position: relative;
  margin-bottom:0;
}
.drackerman .panel .panel-heading h4.panel-title > a:hover{
	text-decoration:underline;
}
.drackerman .panel .panel-heading h4.panel-title > a {
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  display: block;
  color:#0052A2;
  font-weight:700;
  font-size:18px;
  text-decoration:none;
}
.drackerman .panel .panel-heading h4.panel-title > a.collapsed:before {
  content: "+";
  font-size:40px;
}
.drackerman .panel .panel-heading h4.panel-title > a:before {
  content: "-";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 55.16px;
  line-height: 48px;
  font-weight: 300 !important;
}
.drackerman .site-header{
	margin-bottom:0;
}
.drackerman .hero img{
	margin:0 auto;
}
.drackerman .container-fluid .drdetail-two{
	padding-bottom:0;
}

.drackerman .container-fluid.drdetail-two,
.drackerman .container-fluid.drhomedetail{
	padding-bottom:0;
}

.drackerman .thumbnail .caption p.video-title a{
	color: #0052A2;
	text-decoration:underline;
	font-weight:700;
	font-size:18px;
}

.drloginpopup .close{
	opacity:1;
	border:0;
	box-shadow:none;
	background-color:#fff;
}

.drloginpopup .close img{
	width: 16px;
    height: 16px;
}

.drloginpopup .modal-header{
	border:0;
	padding-bottom:8px;
	padding-top:8px;
}

.modal-open .drloginpopup .modal{
	top:25%;
	overflow:hidden;
}
.drackerman .drloginpopup .modal-footer{
	border:0;
	text-align:left;
	padding:0 24px 0 24px;
	display:flex;
}
.drloginpopup .btn,
.drloginpopup .btn:hover{
	background-color: #0052A2;
	background-image: url("/-/media/images/ldb-landing/arrow.svg");
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 12%;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	border-radius: 0;
	line-height: 22px;
	margin-bottom: 17px;
	margin-top: 14px;
	padding: 10px 48px 10px 24px;
}
body#signin.modal-open.drackerman {
    padding-right: 0 !important;
}
.drloginpopup .modal-content{
	max-width:570px;
	padding-bottom:32px;
}
.drloginpopup .modal-body{
	text-align:left;
	padding: 0 24px 24px 24px;
}
.drloginpopup .sign-btn,
.drloginpopup .join-btn{
	flex: 1 1 50%;
	max-width:50%;
}
.drloginpopup .join-btn{
	padding-left:24px;
	border-left: 1px solid #9ECFFF;
}
.drloginpopup .sign-btn p,
.drloginpopup .join-btn p{
	font-weight:700; 
	font-size:22px; 
	line-height:28px;
}
.drackerman .modal-backdrop.in{
	opacity: .8;
}
@media (min-width: 992px) {
  .drackerman .no-m-bot-d {
    margin-bottom: 0;
  }
  .drackerman h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .drackerman h2.alt {
    font-size: 26px;
    line-height: 32px;
  }
  .drackerman h4 {
    font-size: 22px;
    line-height: 28px;
  }
  .drackerman .logo-lockup {
    margin: 0 0 32px 0;
  }
  .drackerman .thumbnail .caption {
    min-height: 140px;
  }
  .drackerman .thumbnail .caption p {
    font-size: 14px;
    line-height: 20px;
  }
  .drackerman .thumbnail .caption p.video-title {
    font-size: 18px;
    line-height: 24px;
  }
  .drackerman .container-fluid.drhomedetail .container{
	  padding:0;
  }
}
@media (max-width: 992px) {
  .drackerman .m-bot-m {
    margin-bottom: 17px;
  }
  .drackerman .container-fluid {
    padding: 32px 0;
  }
  .drackerman .thumbnail.wide {
    display: block;
  }
  .drackerman .thumbnail.wide img {
    width: 100%;
  }
  .drackerman .text-left-mobile {
    text-align: left;
  }
  .drackerman .text-center-mobile {
    text-align: center;
  }
  body.drackerman.user-login #content{
	padding-top:0 !important;
  }
}
@media (max-width: 767px) {
	.drackerman .container-fluid.drhome .container,
	.drackerman .container-fluid.drhomedetail .container,
	.drackerman .container-fluid.drhomedetail .col-xs-12,
	.drackerman .container-fluid.drdetail-one .container,
	.drackerman .container-fluid.drdetail-two .container,
	.drackerman .container-fluid.drdetail-two .col-xs-12{
		padding:0;
	}
	.drackerman .ptext{
		margin-bottom:2px;
	}
	.drloginpopup .sign-btn, .drloginpopup .join-btn{
		flex: 1 1 100%;
		max-width:100%;
		border:0;
		text-align:center;
	}
	.drackerman .drloginpopup .modal-footer{
		flex-direction:column;
	}
	.drloginpopup .join-btn{
		padding-left:0;
		margin-top:10px;
	}
}

body.micrograntproposal {
  margin: 0;
  font-family: "Loreal", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  body.micrograntproposal {
    /* MEDIA MIXIN */
    line-height: 1.333;
  }
}

.micrograntproposal section#health-equity-microgrant {
  font-size: 18px !important;
}
.micrograntproposal #health-equity-microgrant h2 {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: uppercase;
  color: #07326A;
  margin-top: 0;
  font-family: 'Loreal', Helvetica, Arial, sans-serif;
  border:0;
}
.micrograntproposal #health-equity-microgrant h2.alt {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  text-transform: none;
  margin-bottom: 26px;
}
.micrograntproposal #health-equity-microgrant h2.section-head {
  display: flex;
  flex-direction: column;
  color: #07326A;
  font-size: 30px;
  font-weight: 200;
}
.micrograntproposal #health-equity-microgrant h2.section-head.reverse {
  flex-direction: column-reverse;
}
.micrograntproposal #health-equity-microgrant h2.section-head span {
  font-size: 14px;
  color: #071027;
  font-weight: bold;
  line-height: 18px;
}
.micrograntproposal #health-equity-microgrant h2.section-head + p {
  margin-bottom: 24px;
}

.micrograntproposal #health-equity-microgrant h4 {
  font-size: 20px;
  line-height: 26px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  color: #07326A;
  margin-bottom: 16px;
}

.micrograntproposal #health-equity-microgrant h5 {
  font-size: 18px;
  line-height: 22px;
  font-style: normal;
  margin: 0;
}

.micrograntproposal #health-equity-microgrant h6 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.micrograntproposal #health-equity-microgrant p {
  font-size: 18px;
}
.micrograntproposal #health-equity-microgrant p {
	line-height:24px;
}
.micrograntproposal #health-equity-microgrant p.bio {
  font-size: 14px;
}

.micrograntproposal #health-equity-microgrant a {
  --color: #004DA2;
  color: var(--color);
  text-decoration: underline;
}
.micrograntproposal #health-equity-microgrant .previous a:hover {
	text-decoration:none;
}
.micrograntproposal #health-equity-microgrant #microgrant-application a{
	font-size:16px;
	line-height:23px;
}
.micrograntproposal a:hover {
  color: #082D52;
  --color: #082D52 !important;
  text-decoration: none;
}

.micrograntproposal .nobr {
  white-space: nowrap;
}

/** BREADCRUMBS */
.micrograntproposal .container-fluid.breadcrumbs {
  margin: 0;
  padding: 0px;
  position: relative;
  z-index: 2;
  font-size: 12px;
}
.container-fluid.breadcrumbs.new{
	margin: 0;
    padding: 0px;
    position: relative;
    z-index: 2;
    font-size: 12px;
}
.container-fluid.breadcrumbs .row {
  position: absolute;
  height: 0;
  max-width: 1200px;
  width: 80%;
}
.container-fluid.breadcrumbs ul.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 16px;
}
.container-fluid.breadcrumbs ul.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: 12px !important;
  font-weight: 400;
  color: #333 !important;
  line-height: 17px !important;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
}
.container-fluid.breadcrumbs ul.breadcrumbs li a {
  font-weight: normal;
  font-size:12px !important;
  line-height:17px;
  text-decoration:underline;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
  color:#0052A2;
}
.container-fluid.breadcrumbs.new ul.breadcrumbs li a{
	color:#0052A2 !important;
}
.container-fluid.breadcrumbs ul.breadcrumbs li:after, .container-fluid.breadcrumbs ul.breadcrumbs li:before {
  content: " ";
  position: relative;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-left: 0.25em;
  background: #3d3a3a;
  -webkit-mask-image: url("/-/media/MicroGrant/images/arrow.svg");
          mask-image: url("/-/media/MicroGrant/images/arrow.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: right center;
          mask-position: right center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.container-fluid.breadcrumbs ul.breadcrumbs li:before {
  background: #004DA2;
  display: none;
  margin-right: 0.125em;
  transform: rotate(180deg);
}
.container-fluid.breadcrumbs ul.breadcrumbs li:last-of-type:after {
  content: none;
}
@media (max-width: 768px) {
  .container-fluid.breadcrumbs ul.breadcrumbs {
    /* MEDIA MIXIN */
  }
  .container-fluid.breadcrumbs ul.breadcrumbs li {
    display: none;
  }
  .container-fluid.breadcrumbs ul.breadcrumbs li:nth-last-of-type(2) {
    display: flex;
  }
  .container-fluid.breadcrumbs ul.breadcrumbs li:after {
    display: none;
  }
  .container-fluid.breadcrumbs ul.breadcrumbs li:before {
    display: inline-block;
  }
}

.micrograntproposal .container-fluid {
  padding: 48px 15px;
}
.container-fluid.colored-bg-lightest {
  background-color: #FCF9F6;
}
.container-fluid.colored-bg-light {
  background-color: #F7F0E8;
}
.container-fluid.color-inverse {
  background: #071027;
  color: white;
}
.micrograntproposal #health-equity-microgrant .container-fluid.color-inverse h1, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse h2, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse h3, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse h4, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse h5, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse p, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse ul, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse li, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse a, .micrograntproposal #health-equity-microgrant .container-fluid.color-inverse span {
  color: white;
}
.container-fluid.color-inverse a:hover {
  color: #E3F1FF;
}
.container-fluid.hero {
  padding: 0;
}
.container-fluid .container {
  padding: 0 24px;
  max-width: 1200px;
  width: 100%;
}
@media (max-width: 576px) {
  .micrograntproposal .container-fluid .container {
    /* MEDIA MIXIN */
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 768px) {
  .micrograntproposal .container-fluid {
    /* MEDIA MIXIN */
    padding-left: 0;
    padding-right: 0;
  }
}

.overlay-outer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 750;
  justify-content: center;
  align-items: center;
}
.overlay-outer.active {
  display: flex;
}
.overlay-outer .overlay-closer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.overlay-outer .overlay-inner {
  position: relative;
  max-width: 90dvw;
  min-width: 260px;
  max-height: var(--max-overlay-h);
  width: 530px;
  box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-radius: var(--radius);
}
.overlay-outer .overlay-inner .icon.close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 700;
  opacity: 1;
}
.overlay-outer .overlay-inner .icon.close:after {
  display: block;
  width: 1em;
  height: 1em;
  content: " ";
  background: #004DA2;
  -webkit-mask-image: url("/-/media/MicroGrant/images/icon-close.svg");
          mask-image: url("/-/media/MicroGrant/images/icon-close.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 80% 80%;
          mask-size: 80% 80%;
}
.overlay-outer .overlay-inner .overlay-content {
  padding: 16px;
  text-align: center;
  background: white;
}

/**
MICROGRANT APPLICATION SECTION 
*/
.micrograntproposal #microgrant-application .required-note {
  font-style: italic;
  font-size: 14px;
  margin-bottom: 24px;
  line-height:24px;
}
.micrograntproposal #microgrant-application .required-note .red {
  color: #B3261E;
}

/**
FORM STYLES
*/
.micrograntproposal #application-form {
  position: relative;
  background: #FCF9F6;
  padding: 24px 0;
  font-size: 16px !important;
  overflow: hidden;
}
.micrograntproposal #application-form * {
  font-family: "Loreal", Helvetica, Arial, sans-serif;
}
@media (max-width: 768px) {
  .micrograntproposal #application-form {
    /* MEDIA MIXIN */
    padding: 24px;
	margin:0 -24px;
  }
}
.micrograntproposal #application-form .card {
  width: 100%;
  padding: 0 56px;
  opacity: 0;
  transition: all 0.5s;
}
.micrograntproposal #application-form .card.thank-you {
  display: none;
}
.micrograntproposal #application-form .card-slider {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  width: 500%;
  max-height:1000px;
  transition: all 0.5s;
}
.micrograntproposal #application-form #process-cards .card {
	display:none;
    position: absolute;
}
.micrograntproposal #application-form[data-current-step=loading] [data-step=loading]{
	display: block !important;
	opacity: 1;
	position: relative !important;
}
.micrograntproposal #health-equity-microgrant .disclaimer.checkbox p{
	font-size:14px;
	line-height:20px;
}
.micrograntproposal #application-checklist p.callout a{
	font-size:22px;
	font-weight:700;
}
.micrograntproposal #application-checklist p.callout a:hover{
	color: #E3F1FF;
	text-decoration:none;
}
.micrograntproposal #application-form .upload-progress{
	    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 4px 8px;
    grid-template-rows: auto;
    grid-template-areas:
        "bar action"
        "message message";
    justify-items: stretch;
    flex-wrap: wrap;
    align-items: center;
    background: white;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    padding: 12px 16px;
    margin-top: 12px;
}
.micrograntproposal #application-form h3 {
  font-weight: bold;
  color: #07326A;
  padding-bottom: 24px;
  font-size: 24px;
  line-height:26px;
  font-family: 'Loreal', Helvetica, Arial, sans-serif;
  text-transform:none;
  margin-top:20px;
  position: relative;
  display: flex;
  align-items: center;
}
.micrograntproposal #application-form h3 .step-number {
  display:flex;
  justify-content:center;
  --size: 26px;
  position: absolute;
  top:0;
  margin-left: calc(-1 * (var(--size) + 6px));
  font-size: 18px;
  width: var(--size);
  height: var(--size);
  line-height:var(--size);
  border-radius: 50%;
  background: white;
}
@media (max-width: 768px) {
  .micrograntproposal #application-form h3 {
    /* MEDIA MIXIN */
    margin-top: 0;
  }
  .micrograntproposal #application-form h3 .step-number {
    position: relative;
    margin: 0 5px 8px 0;
  }
}
.micrograntproposal #application-form .headwrap h3 {
  padding-bottom: 0;
}
.micrograntproposal #application-form .headwrap h3 + p {
  padding-bottom: 16px;
}
.micrograntproposal #application-form p.note {
  font-size: 14px;
  margin: 8px 0 8px 0;
}
.micrograntproposal #application-form .field-rows {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: 1fr;
}
.micrograntproposal #application-form .field-rows .field-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}
.micrograntproposal #application-form .field-rows .field-flex {
  display: flex;
  flex-direction: row;
}
.micrograntproposal #application-form .field-rows .field-flex > * {
  margin-left: 32px;
  flex: 0 0 auto;
}
.micrograntproposal #application-form .field-rows .field-flex > *:first-child {
  margin-left: 0;
}
.micrograntproposal #application-form .field-rows .field-flex .expand {
  flex: 1 1 auto;
}
@media (max-width: 768px) {
  .micrograntproposal #application-form .field-rows {
    /* MEDIA MIXIN */
    grid-gap: 16px;
  }
  .micrograntproposal #application-form .field-rows .field-grid {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
  .micrograntproposal #application-form .field-rows .field-flex {
    display: grid;
    grid-gap: 32px;
    grid-template-columns: 1fr;
  }
  .micrograntproposal #application-form .field-rows .field-flex > * {
    margin: 0;
  }
}
.micrograntproposal #application-form label {
  position: relative;
  margin: 0;
  font-weight:700 !important;
  line-height:23px;
  font-size:16px;
}
.micrograntproposal #application-form label input:not([type=checkbox], [type=radio]), 
.micrograntproposal #application-form label select{
  font-family: "Loreal", Helvetica, Arial, sans-serif;
  height: 36px;
  color: #3d3a3a;
  width: 100%;
  margin-top: 8px;
  display: block;
  font-size: 16px;
  line-height:22px;
  font-weight: normal;
  padding: 0.5em;
  border-width: 1px;
  border-style: solid;
  background-color:#fff;
  margin-bottom:0;
  box-sizing: border-box;
  border-color: #9D9D9D;
  outline: none;
  transition: border-color 0.3s ease;
}

.micrograntproposal #application-form input[type="text"]:focus,
.micrograntproposal #application-form select:focus {
    border-color: #082D52;
}

.micrograntproposal #application-form label select{
	border-radius:0
}
.micrograntproposal #application-form label .info-message, .micrograntproposal #application-form label .error-message {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-align: left !important;
}
.micrograntproposal #application-form label .error-message {
  display: none;
  color: #B3261E;
}
.micrograntproposal .micrograntproposal #application-form label.error {
  color: #B3261E;
}
.micrograntproposal #application-form label.error:after{
	content: ' ';
	--size: 16px;
	width: var(--size);
	height: var(--size);
	position: absolute;
	right: 0;
	top: calc(var(--size) / 3);
	background: $error-color;
	mask-image: url('/-/media/MicroGrant/images/icon-error.svg');
	mask-position: center;
	mask-size: cover;
}
.micrograntproposal #application-form label.error input {
  border: 1px solid #B3261E;
}
.micrograntproposal #application-form label.error .error-message {
  display: block;
}
.micrograntproposal #application-form .file-upload label{
	width:100%;
	display:block;
}
.micrograntproposal #application-form label.error:after,
.micrograntproposal #application-form .file-upload.error .required:after{
  content: " ";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  right: 0;
  top: calc(var(--size) / 3);
  background: #B3261E;
  -webkit-mask-image: url('/-/media/MicroGrant/images/icon-error.svg');
          mask-image: url('/-/media/MicroGrant/images/icon-error.svg');
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
.micrograntproposal #application-form .file-upload label.error {
  color: revert;
}
.micrograntproposal #application-form .file-upload label.error:after {
  display: none;
}
.micrograntproposal #application-form .file-upload input[type=file] {
  display: none;
}
.micrograntproposal #application-form .file-upload .drop-zone {
  position: relative;
  border: 6px dashed #0052A2;
  margin: 12px 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.micrograntproposal #application-form .file-upload .drop-zone:hover{
	background: #E3F1FF;
}

.micrograntproposal #application-form .file-upload .drop-zone.drag-over{
  background-color: #E3F1FF;
}

.micrograntproposal #application-form .file-upload .drop-zone i.icon.upload {
  --size: 44px;
  display: block;
  width: var(--size);
  height: var(--size);
  background: #000000;
  -webkit-mask-image: url('/-/media/MicroGrant/images/icon-upload.svg');
          mask-image: url('/-/media/MicroGrant/images/icon-upload.svg');
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.micrograntproposal #application-form .file-upload .drop-zone .mobile {
  display: none;
}
.micrograntproposal #application-form .file-upload .drop-zone .error-message{
	display:none;
}
.micrograntproposal #application-form .file-upload.error .drop-zone .error-message{
	 display: block;
    color: #B3261E !important;
	text-align:center;
}
.micrograntproposal #application-form label.error:not(.checkbox){
	color: #B3261E;
}
.micrograntproposal #application-form .file-upload .drop-zone .mobile a.browse {
  background: transparent;
}
.micrograntproposal #application-form .file-upload .drop-zone .mobile a.browse:before {
  content: " ";
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 768px) {
  .micrograntproposal #application-form .file-upload .drop-zone {
    /* MEDIA MIXIN */
  }
  .micrograntproposal #application-form .file-upload .drop-zone .desktop {
    display: none;
  }
  .micrograntproposal #application-form .file-upload .drop-zone .mobile {
    display: block;
  }
}
.micrograntproposal #application-form .file-upload .drop-zone a.browse {
  font-weight: revert;
}
.micrograntproposal #application-form .file-upload .drop-zone.dragover {
  border-style: solid;
  background: #E3F1FF;
}
.micrograntproposal #application-form .file-upload .drop-zone.dragover i.icon.upload {
  background: #081f3b;
}
.micrograntproposal #application-form .file-upload .file-constraints {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #3d3a3a;
  margin-bottom:24px;
}
.micrograntproposal #application-form .file-upload .file-constraints > * {
  margin: 0 12px;
}
.micrograntproposal #application-form .file-upload .file-constraints > *:first-child {
  margin-left: 0;
}
.micrograntproposal #application-form .file-upload .file-constraints p{
	font-size:14px;
	line-height:20px;
}
.micrograntproposal #application-form .file-upload .file-constraints > *:last-child {
  margin-right: 0;
}
@media (max-width: 576px) {
  .micrograntproposal #application-form .file-upload .file-constraints {
    /* MEDIA MIXIN */
    flex-direction: column;
  }
  .micrograntproposal #application-form .file-upload .file-constraints > * {
    margin: 0 0 8px 0 !important;
  }
}
.micrograntproposal #application-form .file-upload .file-status .file-list {
  border: 1px solid #3d3a3a;
  padding: 12px 16px;
  background: white;
  font-size: 16px;
}
.micrograntproposal #application-form .file-upload .file-status .file-list .hidden {
  display: none;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li {
  --mask: url("/-/media/MicroGrant/images/icon-success.svg");
  --color: #207d00;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom:8px;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li:last-of-type{
	padding:0;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li.template {
  display: none !important;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .file-name {
  display: flex;
  align-items: center;
  line-height:23px;
  font-size:16px;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .file-name:before {
  text-decoration: none !important;
  content: " ";
  display: inline-block;
  position: relative;
  --size: 1em;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  margin-right: 0.25em;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: var(--mask);
          mask-image: var(--mask);
  background: var(--color);
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .error-message {
  display: none;
  font-size: 14px;
  width: 100%;
  color: #B3261E;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li.error {
  --color: #B3261E;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li.error .file-name {
  color: #B3261E;
  font-weight: bold;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li.error .remove .icon-link {
  color: #B3261E;
  --color: #B3261E;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .remove {
  flex: 1 1 auto;
  text-align: right;
  font-size: 14px;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .remove .icon-link{
	cursor: pointer;
    --color: #004DA2;
    color: #004DA2;
	font-size:16px;
	line-height:23px;
	text-decoration:underline;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .remove .icon-link:hover{
	text-decoration: none;
	--color: #071027 !important;
	color: #071027 !important;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .file-size:before{
	content: "(";
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .file-size:after{
	content: ")"
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .file-info{
	display:flex;
	align-items:center;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li .file-size{
	margin-left: 0.25em;
    font-size: 0.8em;
    margin-bottom: -0.2em;
	line-height:18px;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li.error .error-message {
  display: block;
}
.micrograntproposal #application-form .file-upload .file-status .file-list ul li:before {
  display: none;
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 4px 8px;
  grid-template-rows: auto;
  grid-template-areas: "file bar action" "message message message";
  justify-items: stretch;
  flex-wrap: wrap;
  align-items: center;
  background: white;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  padding: 12px 16px;
  margin-top: 12px;
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress.template {
  display: none;
}
@media (max-width: 768px) {
  .micrograntproposal #application-form .file-upload .file-status .upload-progress {
    /* MEDIA MIXIN */
    grid-template-columns: 1fr auto;
    grid-template-areas: "file file" "bar action" "message message";
  }
  .micrograntproposal #application-form .file-upload .file-status .file-list{
	  word-break:break-word;
  }
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress .file-name {
  grid-area: file;
  flex: 0 0 auto;
  white-space: nowrap;
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress .progress-bar {
  position: relative;
  grid-area: bar;
  flex: 1 1 auto;
  height: 4px;
  background: #d9d9d9;
  justify-self: stretch;
  width: 100%;
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress .progress-bar:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% * var(--progress) / 100);
  background: #004DA2;
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress .cancel {
  color: #B3261E;
  --color: #B3261E;
  grid-area: action;
  flex: 0 0 auto;
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress .cancel a:hover {
  --color: #B3261E !important;
}
.micrograntproposal #application-form .file-upload .file-status .upload-progress .progress-text {
  grid-area: message;
  font-size: 12px;
  width: 100%;
  color: #666666;
}
.micrograntproposal #application-form .disclaimer {
  font-size: 14px;
}
.micrograntproposal #application-form label.checkbox {
    padding-left: 20px;
    font-weight: normal;
    font-size: 14px;
}
.micrograntproposal #application-form .disclaimer a {
  font-weight: revert;
  font-size:14px !important;
}
.micrograntproposal #application-form .step-control {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 32px;
  grid-template-areas: "previous steps next";
  padding: 0 56px;
  margin-top: 24px;
}
.micrograntproposal #application-form .step-control .btn {
  margin: 0;
}
.micrograntproposal #application-form .step-control .previous {
  grid-area: previous;
  justify-self: start;
}
.micrograntproposal #application-form .step-control .next {
  grid-area: next;
  justify-self: end;
}
.micrograntproposal #application-form .step-control .next .submit {
  display: none;
}
@media (max-width: 768px) {
  .micrograntproposal #application-form .step-control {
    /* MEDIA MIXIN */
    margin-top: 24px;
    grid-gap: 24px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "steps steps" "previous next";
	padding:0 16px 0 16px;
  }
}
.micrograntproposal #application-form .step-control ul.steps {
  --size: 20px;
  --color: #07616d;
  grid-area: steps;
  list-style: none;
  grid-template-columns: repeat(4, var(--size));
  display: inline-grid;
  grid-gap: 16px;
  margin: 0;
  padding: 0;
  background: linear-gradient(transparent calc(50% - 1px), var(--color) 50%, transparent calc(50% + 1px));
}
.micrograntproposal #application-form .step-control ul.steps li {
  display: inline;
  margin: 0;
  padding: 0;
}
.micrograntproposal #application-form .step-control ul.steps li a {
  --color: #07616d;
  font-size: 14px;
  text-decoration: none;
  color: var(--color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  border: 1px solid var(--color);
  background: white;
  transition: all 0.5s;
}
.micrograntproposal #application-form .step-control ul.steps li.active:before {
  color: white;
  background: var(--color);
}
.micrograntproposal #application-form[data-current-step="1"] .step-control .previous {
  height: 0;
  overflow: hidden;
}
.micrograntproposal #application-form[data-current-step="4"] .step-control .btn.next {
  display: none;
}
.micrograntproposal #application-form[data-current-step="4"] .step-control .btn.submit {
  display: block;
}
.micrograntproposal #application-form[data-current-step="1"] .step-control .steps li:nth-of-type(1) a {
  color: white;
  background: var(--color);
}
.micrograntproposal #application-form[data-current-step="1"] .card-slider {
  margin-left: 0%;
}
.micrograntproposal #application-form[data-current-step=loading] .card-slider{
  max-height: 0;
  margin-left: -400%;
  overflow: hidden;
}
.micrograntproposal #application-form .upload-progress .progress-bar{
	position: relative;
    grid-area: bar;
    flex: 1 1 auto;
    height: 4px;
    background: #d9d9d9;
    justify-self: stretch;
    width: 100%;
}
.micrograntproposal #application-form .upload-progress .progress-bar:before{
	content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% * var(--progress) / 100);
    background: #004DA2;
}
.micrograntproposal #application-form[data-current-step="1"] [data-step="1"] {
  opacity: 1;
}
.micrograntproposal #application-form[data-current-step="2"] .step-control .steps li:nth-of-type(2) a {
  color: white;
  background: var(--color);
}
.micrograntproposal #application-form[data-current-step="2"] .card-slider {
  margin-left: -100%;
}
.micrograntproposal #application-form[data-current-step="2"] [data-step="2"] {
  opacity: 1;
}
.micrograntproposal #application-form[data-current-step="3"] .step-control .steps li:nth-of-type(3) a {
  color: white;
  background: var(--color);
}
.micrograntproposal #application-form[data-current-step="3"] .card-slider {
  margin-left: -200%;
}
.micrograntproposal #application-form[data-current-step="3"] [data-step="3"] {
  opacity: 1;
}
.micrograntproposal #application-form[data-current-step="4"] .step-control .steps li:nth-of-type(4) a {
  color: white;
  background: var(--color);
}
.micrograntproposal #application-form[data-current-step="4"] .card-slider {
  margin-left: -300%;
}
.micrograntproposal #application-form[data-current-step="4"] [data-step="4"] {
  opacity: 1;
}
.micrograntproposal #application-form[data-current-step=thank-you] [data-step=thank-you] {
  display: block !important;
  opacity:1;
  position:relative !important;
}
.micrograntproposal #application-form[data-current-step=server-error] [data-step=server-error]{
	display:block !important;
	opacity:1;
	position:relative !important;
}
.micrograntproposal #application-form .server-error p {
	font-size:16px;
}
.micrograntproposal #application-form[data-current-step=thank-you] .card-slider,
.micrograntproposal #application-form[data-current-step=server-error] .card-slider {
  max-height:0;
  margin-left: -400%;
  overflow:hidden;
}
.micrograntproposal #application-form[data-current-step=thank-you] .step-control,
.micrograntproposal #application-form[data-current-step=server-error] .step-control {
  overflow: hidden;
  padding: 0;
  width: 0;
}
.micrograntproposal #application-form .required:before {
  content: "*";
  color: #B3261E;
  position: absolute;
  margin-left: -0.5em;
}

.micrograntproposal #application-form .required.checkbox:before{
	content:"";
}

.micrograntproposal #application-form .required.checkbox > :nth-child(2):after{
	content: "*";
    color: #B3261E;
    display: inline;
    margin-left: 0.25em;
}

.micrograntproposal a.icon-link,
.micrograntproposal .icon-link {
  --mask: url("/-/media/MicroGrant/images/icon-blank.svg");
}
.micrograntproposal a.icon-link:before, .micrograntproposal a.icon-link:after,
.micrograntproposal .icon-link:before,
.micrograntproposal .icon-link:after {
  text-decoration: none !important;
  content: " ";
  display: inline-block;
  position: relative;
  --size: 1em;
  width: var(--size);
  height: var(--size);
  line-height: var(--size);
  margin-left: 0.25em;
  margin-right: -1em;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: var(--mask);
          mask-image: var(--mask);
  background: var(--color);
}
.micrograntproposal a.icon-link:before,
.micrograntproposal .icon-link:before {
  display: none;
  margin-right: 0.15em;
  margin-left: 0;
}
.micrograntproposal a.icon-link.back,
.micrograntproposal .icon-link.back {
  --mask: url("/-/media/MicroGrant/images/arrow.svg");
  display: flex;
  align-items: center;
}
.micrograntproposal a.icon-link.back:before,
.micrograntproposal .icon-link.back:before {
  display: inline-block;
  transform: rotate(180deg);
}
.micrograntproposal a.icon-link.back:after,
.micrograntproposal .icon-link.back:after {
  display: none;
}
.micrograntproposal a.icon-link.gated,
.micrograntproposal .icon-link.gated {
  --mask: url("/-/media/MicroGrant/images/icon-lock.svg");
}
.micrograntproposal a.icon-link.cancel,
.micrograntproposal .icon-link.cancel {
  --mask: url("/-/media/MicroGrant/images/icon-close.svg");
  display: inline-flex;
  align-items: center;
}
.micrograntproposal a.icon-link.cancel:after,
.micrograntproposal .icon-link.cancel:after {
  margin-right: 0;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  border-radius: calc(var(--size) / 2);
  -webkit-mask: var(--mask) center/90%, linear-gradient(#fff 0 0);
          mask: var(--mask) center/90%, linear-gradient(#fff 0 0); /* we need this extra layer for mask-composite */
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.micrograntproposal a.icon-link.link, .micrograntproposal a.icon-link.study, .micrograntproposal a.icon-link.video,
.micrograntproposal .icon-link.link,
.micrograntproposal .icon-link.study,
.micrograntproposal .icon-link.video {
  --mask: url("/-/media/MicroGrant/images/icon-offsite.svg");
}
.micrograntproposal a.icon-link.link:after, a.icon-link.study:after, a.icon-link.video:after,
.micrograntproposal .icon-link.link:after,
.micrograntproposal .icon-link.study:after,
.micrograntproposal .icon-link.video:after {
  width: 0.75em;
  height: 0.75em;
}
.micrograntproposal a.icon-link.download, .micrograntproposal a.icon-link.poster,
.micrograntproposal .icon-link.download,
.micrograntproposal .icon-link.poster {
  --mask: url("/-/media/MicroGrant/images/icon-download.svg");
}
.micrograntproposal a.icon-link.download:after, .micrograntproposal a.icon-link.poster:after,
.micrograntproposal .icon-link.download:after,
.micrograntproposal .icon-link.poster:after {
  vertical-align: -0.125em;
}

.micrograntproposal #health-equity-microgrant #grant-eligibility li,
.micrograntproposal #health-equity-microgrant #project-requirements li,
.micrograntproposal #health-equity-microgrant #application-checklist li {
  padding-bottom: 8px;
  line-height:26px;
}
.micrograntproposal #health-equity-microgrant #grant-eligibility ul,
.micrograntproposal #health-equity-microgrant #project-requirements ul{
	padding-left:40px;
	margin-bottom:10px;
}

.micrograntproposal ul.check-list {
  --check-size: 28px;
  margin-left: 0;
  padding-left: 0;
}
.micrograntproposal ul.check-list > li {
  padding-bottom: 12px;
  list-style: none;
  --indent: calc(var(--check-size) + 12px);
  padding-left: var(--indent);
  text-indent: calc(-1 * var(--indent));
}
.micrograntproposal ul.check-list > li ul {
  padding: 16px 0 0 32px;
  list-style-type: disc;
}
.micrograntproposal ul.check-list > li ul li {
  text-indent: 0;
}
.micrograntproposal ul.check-list > li:before {
  content: " ";
  position: relative;
  display: inline-block;
  margin-bottom: calc((var(--check-size) - 0.75em) / -2);
  margin-right: 12px;
  width: var(--check-size);
  height: var(--check-size);
  background: url('/-/media/MicroGrant/images/circle-checkmark.svg') no-repeat;
  background-position: center;
  background-size: contain;
}

.micrograntproposal ul:not(.breadcrumb, .check-list, .steps, footer ul, .site-header ul) > li {
  list-style-type: none;
}
.micrograntproposal ul:not(.breadcrumb, .check-list, .steps, footer ul, .site-header ul) > li:before {
  position: absolute;
  content: "•";
  margin-left: -1em;
  margin-top: -0.0625em;
}

.micrograntproposal section#health-equity-microgrant {
  font-size: 18px;
}

/* BREADCRUMB */
.micrograntproposal .breadcrumbs *,
.micrograntproposal .container-fluid.breadcrumbs ul.breadcrumbs li {
  color: white !important;
}
.micrograntproposal .breadcrumbs li:before, .micrograntproposal .breadcrumbs li:after {
  background: white !important;
}

/* HERO PANEL */
.micrograntproposal .page-hero {
  position: relative;
  overflow: hidden;
}
.micrograntproposal .page-hero .banner-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.micrograntproposal .page-hero .banner-bg-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 15%;
     object-position: center 15%;
}
.micrograntproposal .page-hero .banner-bg-image img.mobile {
  display: none;
}
.micrograntproposal .page-hero .container {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.micrograntproposal .page-hero .container h1 {
  font-size: 36px;
  font-weight: 100;
  text-transform: uppercase;
  color: white;
  margin-bottom: 32px;
  margin-top:20px;
  text-align:left;
  font-family: 'Loreal', Helvetica, Arial, sans-serif;
}
.micrograntproposal .page-hero .container h1 span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: white;
  margin-bottom: 0.5em;
}
.micrograntproposal .page-hero .container h5 {
  font-size: 18px;
  line-height: 1.33;
  padding-right: 20%;
  margin-bottom: 32px;
}
.micrograntproposal .page-hero .container p {
  margin-bottom: 14px;
  line-height:25px !important;
  font-size: 18px !important;
}
@media (max-width: 768px) {
  .micrograntproposal .page-hero {
    /* MEDIA MIXIN */
	padding-bottom:32px;
  }
  .micrograntproposal .page-hero.container-fluid {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .micrograntproposal .page-hero .banner-bg-image {
    position: relative;
    padding-bottom: 45%;
    height: 0;
    min-height: 167px;
    max-height: 225px;
  }
  .micrograntproposal .page-hero .banner-bg-image img {
    display: none;
  }
  .micrograntproposal .page-hero .banner-bg-image img.mobile {
    display: block !important;
  }
  .micrograntproposal .page-hero .container {
    min-height: auto !important;
  }
  .micrograntproposal .page-hero .container .col-xs-12{
	  padding-left:0;
	  padding-right:0;
  }
  .micrograntproposal .page-hero .container h5 {
    padding-right: 16px;
  }
}

/**
GRANT ELIGIBILITY
*/
.micrograntproposal #grant-eligibility .award-callout {
  background: linear-gradient(90deg, #0052A2 0%, #071027 100%);
  padding: 32px 16px;
  color: white;
  text-align: center;
}
.micrograntproposal #grant-eligibility .award-callout h3 {
  margin: 0;
  font-size: 26px;
  font-weight: bold;
  color:#fff;
  font-family: 'Loreal', Helvetica, Arial, sans-serif;
  text-transform:none;
}
.micrograntproposal #grant-eligibility .award-callout h3 span {
  display: block;
  font-size: 36px;
  margin-top: 12px;
}
.micrograntproposal #grant-eligibility .award-callout p {
  font-size: 18px;
}

/**
PROJECT REQUIREMENTS
*/
.micrograntproposal #project-requirements h2 {
  text-align: center;
}
.micrograntproposal #project-requirements .cardlist {
  margin: 24px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 32px;
}
.micrograntproposal #project-requirements .cardlist .card {
  border: 0px solid #9ECFFF;
  border-right-width: 1px;
  padding: 0 16px;
}
.micrograntproposal #project-requirements p.populations {
  padding: 0 16px;
}
.micrograntproposal #project-requirements .cardlist .card:last-of-type {
  border-width: 0;
}
.micrograntproposal #project-requirements .cardlist .card .emblem {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto 32px auto;
  --size: 80px;
  border-radius: 50%;
  border: 2px solid #07616d;
  width: var(--size);
  height: var(--size);
}
.micrograntproposal #project-requirements .cardlist .card .emblem img {
  --size: 50px;
  width: var(--size);
  height: var(--size);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.micrograntproposal #project-requirements h4 {
  margin-top:32px;	
  font-size: 22px;
  text-align: center;
}
@media (max-width: 768px) {
  .micrograntproposal #project-requirements .col-xs-12 {
	  padding-left:0;
	  padding-right:0;
  }
  .micrograntproposal #project-requirements .cardlist {
    grid-template-columns: 1fr;
  }
  .micrograntproposal #project-requirements .cardlist .card {
    border-width: 0 0 1px 0 !important;
    padding: 0;
  }
  .micrograntproposal #project-requirements p.populations {
    padding: 0;
  }
}

/**
APPLICATION CHECKLIST
*/
.micrograntproposal #application-checklist {
  background-image: url("/-/media/MicroGrant/images/background-flask.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 22px;
}
.micrograntproposal #application-checklist ul.check-list {
  margin-top: 32px;
}
.micrograntproposal #application-checklist p.normal {
  font-size: 18px;
  margin-bottom: 24px;
}
.micrograntproposal #application-checklist p.reference {
  font-size: 14px;
  margin-bottom: 12px;
}
.micrograntproposal #application-checklist p.callout {
  margin-top: 32px;
  text-align: center;
  align-items: center;
  padding: 12px 16px;
  background: linear-gradient(90deg, #0052A2 0%, #071027 100%);
  font-weight: bold;
  font-size:22px;
  line-height:30px;
}
.micrograntproposal input#agree_to_terms,
.micrograntproposal input#agree_to_terms:focus {
    border-radius: 0;
    border: 1px solid #0052A2;
	width:13px;
	height:13px;
	appearance:none;
	outline:0;
}
.micrograntproposal input#agree_to_terms:checked {
	appearance:auto;
}
@media (max-width: 468px) {
  .micrograntproposal #application-checklist p.callout {
    /* MEDIA MIXIN */
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .micrograntproposal #application-checklist {
    /* MEDIA MIXIN */
    background-image: url('/-/media/MicroGrant/images/background-flask-mobile.jpg');
  }
  .micrograntproposal #application-checklist .col-xs-12,
  .micrograntproposal #microgrant-application .col-xs-12,
  .micrograntproposal #commitments .col-xs-12,
  .micrograntproposal #membership .col-xs-12,
  .micrograntproposal #grant-eligibility .col-xs-12{
	  padding-left:0;
	  padding-right:0;
  }
  .micrograntproposal #application-form .card{
	  padding:0 10px;
  }
}

/**
COMMItMENTS
*/
.micrograntproposal #commitments .card-list {
  display: grid;
  grid-gap: 48px;
  grid-template-columns: repeat(2, 1fr);
}
.micrograntproposal #commitments .card-list .card-image {
  width: 100%;
  margin-bottom: 32px;
}
.micrograntproposal #commitments .card-list h4 {
  color: #071027;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}
@media (max-width: 768px) {
  .micrograntproposal #commitments .card-list {
    /* MEDIA MIXIN */
    grid-template-columns: 1fr;
  }
}
#membership {
  border: 0px solid #9ECFFF;
  border-width: 1px 0px;
}
@media screen and (min-width: 769px) {
  .micrograntproposal #membership .row {
    display: flex;
  }
  .micrograntproposal #membership .row > [class*=col-] {
    align-self: stretch;
  }
}
.micrograntproposal #membership h3 {
  color: #07326A;
  font-size: 26px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 16px;
  text-transform:none;
}
.micrograntproposal #membership p {
  font-size: 18px;
}
.micrograntproposal #membership p.member-note,
.micrograntproposal #membership p.member-note a{
  font-size: 14px;
  line-height:20px;
}
.micrograntproposal #membership .memberwall {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.micrograntproposal #membership .memberwall a.signin:hover {
  color: #081F3B;
}
.micrograntproposal #membership .logowall {
  background: #FCF9F6;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  min-height: 262px;
}
.micrograntproposal #membership .logowall img {
  display: block;
  margin: 16px;
  height: auto;
}
.micrograntproposal #membership .logowall img.SCT {
  width: 212px;
}
.micrograntproposal #membership .logowall img.CRV {
  width: 85px;
}
.micrograntproposal #membership .logowall img.LRP {
  width: 171px;
}
.micrograntproposal #membership .logowall img.VCY {
  width: 104px;
}
.micrograntproposal #membership .logowall img.SBS {
  width: 127px;
}
@media (max-width: 768px) {
 .micrograntproposal #membership .logowall {
    /* MEDIA MIXIN */
    margin: 0;
    margin-top: 16px;
    width: calc(100%);
    flex-direction: column;
  }
}

.micrograntproposal #health-equity-microgrant .btn {
  position: relative;
  background-color: #0052A2;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  border-radius: 0;
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 14px;
  padding: 10px 48px 10px 24px;
  text-decoration: none;
}
.micrograntproposal #health-equity-microgrant .btn:after {
  content: " ";
  position: absolute;
  --size: 20px;
  --color: #ffffff;
  background: #ffffff;
  width: var(--size);
  height: var(--size);
  right: 20px;
  top: 50%;
  margin-top: calc(var(--size) / -2);
  -webkit-mask-image: url("/-/media/MicroGrant/images/arrow.svg");
          mask-image: url("/-/media/MicroGrant/images/arrow.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.micrograntproposal #health-equity-microgrant .btn.left {
  padding: 10px 24px 10px 48px;
}
.micrograntproposal .btn.left:after {
  left: 20px;
  right: revert;
  transform: rotate(180deg);
}
.micrograntproposal #health-equity-microgrant .btn:visited, .micrograntproposal #health-equity-microgrant .btn:active, .micrograntproposal #health-equity-microgrant .btn:focus {
  color: #ffffff;
}
.micrograntproposal #health-equity-microgrant .btn:hover {
  color: #ffffff;
  background: #081f3b;
}

body.micrograntproposal  .expired {
  display: none;
}
body.expired.micrograntproposal .expired {
  display: block;
}
body.expired.micrograntproposal  #microgrant-application {
  display: none;
}
.micrograntproposal #health-equity-microgrant strong{
	font-weight:900;
	font-family: 'Loreal', Helvetica, Arial, sans-serif;
}
.micrograntproposal #health-equity-microgrant #application-checklist h4{
	font-size:22px;
	line-height:28px;
}
ol.lower-alpha {
  counter-reset: list;
  padding: 16px 0 0 32px;
}
ol.lower-alpha > li {
  list-style: none;
  text-indent: 0;
}
ol.lower-alpha > li:before {
  position: absolute;
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
  margin-left: -1.15em;
}


.socialhealth-bgblock {
  color: white;
  text-align: left;
  padding: 48px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 300px;
  font-family: 'Loreal', Helvetica, Arial, sans-serif;
}

.socialhealth-bgblock .content{
	text-align:center;
}

.socialhealth-bgblock h2 {
  font-size: 30px !important;
  color:#fff !important;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
  line-height:38px;
  font-weight:400 !important;
  text-transform:uppercase;
  padding-bottom:12px;
  margin:0;
}

.socialhealth-bgblock h4 {
  font-size: 22px !important;
  line-height:28px;
  margin:0;
  padding-bottom:32px;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
  color:#fff;
}

.socialhealth-bgblock .btn {
  background-color: #fff;
  color: #0052A2 !important;
  font-weight: 700;
  font-size: 16px !important;
  border-radius: 0;
  line-height: 22px;
  padding: 11px 24px;
  display:inline-flex;
  text-decoration:none;
  margin:0;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
  height:44px;
}

@media (max-width: 768px) {
  .socialhealth-bgblock {
	padding:32px 0;
  }
  .socialhealth-bgblock h2{
	font-size:26px !important;
	line-height:32px !important;
	padding-bottom:8px;
  }
  .socialhealth-bgblock h4{
	padding-bottom:24px;
  }
  .socialhealth-bgblock .btn {
	padding:11px 16px;
  }
}


@media screen and (min-width: 769px) {
  #membership .row {
    display: flex;
  }
  #membership .row > [class*=col-] {
    align-self: stretch;
  }
}
#membership h3 {
  color: #07326A !important;
  font-size: 26px !important;
  font-weight: bold !important;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
}
#membership p {
  font-size: 18px !important;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
  color:#333 !important;
  font-weight:400;
}
#membership p.member-note {
  font-size: 14px !important;
}
#membership p.member-note a{
	font-size:14px !important;
	color: #004DA2 !important;
	text-decoration:underline;
	font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
	font-weight:bold;
}
#membership p.member-note a:hover{
	color:#081F3B !important;
	text-decoration:none;
}
#membership .memberwall {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding:0;
}
#membership .memberwall a.signin:hover {
  color: #081F3B;
}
#membership .logowall {
  background: #FCF9F6;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  min-height: 262px;
}
#membership .logowall img {
  display: block;
  margin: 16px;
  height: auto;
}
#membership .logowall img.SCT {
  width: 212px;
}
#membership .logowall img.CRV {
  width: 85px;
}
#membership .logowall img.LRP {
  width: 171px;
}
#membership .logowall img.VCY {
  width: 104px;
}
#membership .logowall img.SBS {
  width: 127px;
}
.container-fluid#membership {
  padding: 48px 15px;
  margin-left:auto;
  margin-right:auto;
  border-bottom: 1px solid #9ECFFF;
  border-top: 1px solid #9ECFFF;
}
.container-fluid#membership .container {
    padding: 0 24px;
    max-width: 1200px;
    width: 100%;
}
#membership .btn {
  position: relative;
  background-color: #0052A2;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 16px !important;
  border-radius: 0;
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 14px;
  padding: 10px 48px 10px 24px;
  text-decoration: none;
  font-family: 'Loreal', Helvetica, Arial, sans-serif !important;
}
#membership .btn:after {
  content: " ";
  position: absolute;
  --size: 20px;
  background: #ffffff;
  width: var(--size);
  height: var(--size);
  right: 20px;
  top: 50%;
  margin-top: calc(var(--size) / -2);
  -webkit-mask-image: url("/-/media/MicroGrant/images/arrow.svg");
          mask-image: url("/-/media/MicroGrant/images/arrow.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
#membership .btn:hover {
  color: #ffffff !important;
  background: #081f3b;
}
body#signin #membership{
	display:block;
}
body#Loggedin  #membership{
	display:none;
}
@media (max-width: 992px) {
	.container-fluid#membership{
		padding:32px 0;
		margin: 0;
	}
	
}
.commitments .component{
	margin-top:10px;
}
@media (max-width: 768px) {
  #membership .logowall {
    margin-top: 16px;
    width: calc(100%);
    flex-direction: column;
  }
  .container-fluid.breadcrumbs .col-xs-12{
	  padding-left:0;
	  padding-right:0;
  }
  .container-fluid.breadcrumbs .container{
	  padding:0 15px;
  }
  .ourcommitment-banner-section{
	  padding-top:20px;
  }
  .social-banner{
	  padding:0 14px !important;
  }
  .commitments .component{
	  margin-top:8px;
  }
}
body.commitments .site-header{
	margin-bottom:0;
}


body.NPPAPage{
  margin: 0;
  font-family: "Loreal", Helvetica, Arial, sans-serif;
  line-height:1.42857143;
}

/*body.NPPAPage .row{
	margin-right:-15px;
	margin-left:-15px;
}*/
.NPPAPage h2 {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: uppercase;
  color: #07326A;
  margin-top: 0;
}
.NPPAPage h2.alt {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  text-transform: none;
  margin-bottom: 26px;
}
.NPPAPage h2.section-head {
  display: flex;
  flex-direction: column;
  color: #07326A;
  font-size: 30px;
  font-weight: 200;
}
.NPPAPage h2.section-head.reverse {
  flex-direction: column-reverse;
}
.NPPAPage h2.section-head span {
  font-size: 14px;
  color: #071027;
  font-weight: bold;
  line-height: 18px;
}
.NPPAPage h2.section-head + p {
  margin-bottom: 24px;
}

.NPPAPage h4 {
  font-size: 20px;
  line-height: 26px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  color: #07326A;
  margin-bottom: 16px;
}

.NPPAPage h5 {
  font-size: 18px;
  line-height: 22px;
  font-style: normal;
  margin: 0;
}

.NPPAPage h6 {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.NPPAPage p {
  font-size: 18px;
  line-height:24px;
  color:#333;
  font-family: "Loreal", Helvetica, Arial, sans-serif;
}
.NPPAPage p.bio {
  font-size: 14px;
}

.NPPAPage a {
  --color: #004DA2;
  color: var(--color);
  font-weight: bold;
  text-decoration: underline;
}

.NPPAPage .site-header a{
	text-decoration:none;
	font-weight:400;
}

.NPPAPage a:hover {
  color: #082D52;
  --color: #082D52 !important;
  text-decoration: none;
}

.NPPAPage .onpage-navigation a{
	font-size:16px;
}


.NPPAPage .nobr {
  white-space: nowrap;
}

.NPPAPage a.icon-link,
.NPPAPage .icon-link {
  --mask: url("/-/media/MicroGrant/images/icon-blank.svg");
  font-size:18px;
}
.NPPAPage .card .card-title a:first-of-type:before{
	content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.NPPAPage a.icon-link:after,
.NPPAPage .icon-link:after {
  text-decoration: none !important;
  content: " ";
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  margin-right: -1em;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-image: var(--mask);
          mask-image: var(--mask);
  background: var(--color);
}
.NPPAPage a.icon-link.gated,
.NPPAPage .icon-link.gated {
  --mask: url("/-/media/MicroGrant/images/icon-lock.svg");
}
.NPPAPage a.icon-link.link, .NPPAPage a.icon-link.study, .NPPAPage a.icon-link.video,
.NPPAPage .icon-link.link,
.NPPAPage .icon-link.study,
.NPPAPage .icon-link.video {
  --mask: url("/-/media/MicroGrant/images/icon-offsite.svg");
}
.NPPAPage a.icon-link.link:after, .NPPAPage a.icon-link.study:after, .NPPAPage a.icon-link.video:after,
.icon-link.link:after,
.icon-link.study:after,
.icon-link.video:after {
  width: 0.75em;
  height: 0.75em;
}
.NPPAPage a.icon-link.download, a.icon-link.poster,
.NPPAPage .icon-link.download,
.NPPAPage .icon-link.poster {
  --mask: url("/-/media/MicroGrant/images/icon-download.svg");
}
.NPPAPage a.icon-link.download:after, .NPPAPage a.icon-link.poster:after,
.NPPAPage .icon-link.download:after,
.NPPAPage .icon-link.poster:after {
  vertical-align: -0.125em;
}

body#signin.NPPAPage [data-gated-content=true] .icon-link {
  --mask: url("/-/media/MicroGrant/images/icon-lock.svg") !important;
}

.NPPAPage ul.pill-tags {
  --color: #065661;
  margin: 0 0 16px 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.NPPAPage ul.pill-tags li {
  margin: 0;
  margin-right: 8px;
  display: inline-block;
  white-space: nowrap;
  border: 1px solid var(--color);
  color: var(--color);
  padding: 5px 12px;
  line-height: 1;
  border-radius: 50px;
  font-weight:normal;
}
.NPPAPage ul.pill-tags li.brand {
  /*--color: #071027;*/
  --color:#082D52;
}

/* setting up defaults for th card layout */
.NPPAPage .card {
  position: relative;
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.02), 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  margin-bottom:0;
}
.NPPAPage .card > * {
  z-index: 2;
}
.NPPAPage card .card-title a:first-of-type:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.NPPAPage .card .card-content {
  padding: 16px;
}
.NPPAPage .card .card-content p {
  margin: 0;
}
.NPPAPage .card .card-content .card-title {
  display: block;
  font-size: 18px;
  line-height: 24px;
  text-transform:capitalize;
}
.NPPAPage .card .card-content .card-meta {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #000;
}
.NPPAPage .card .card-content .card-meta span.line {
  display: block;
  margin: 0;
}

.NPPAPage .cardlist {
  display: grid;
  --col-count: 3;
  grid-template-columns: repeat(var(--col-count), 1fr);
  grid-template-rows: auto;
  align-items: stretch;
  grid-gap: 24px;
}
@media (max-width: 992px) {
  .NPPAPage .cardlist {
    /* MEDIA MIXIN */
    --col-count: 2;
  }
}
@media (max-width: 576px) {
  .NPPAPage .cardlist {
    /* MEDIA MIXIN */
    --col-count: 1;
  }
}

.NPPAPage .container-fluid {
  padding: 48px 15px;
  margin-left:auto;
  margin-right:auto;
}
.NPPAPage .container-fluid.colored-bg-light {
  background-color: #FCF9F6;
}
.NPPAPage .container-fluid.hero {
  padding: 0;
}
.NPPAPage .container-fluid .container {
  padding: 0 24px;
  max-width: 1200px;
  width: 100%;
}

/** BREADCRUMBS */
.NPPAPage .container-fluid.breadcrumbs {
  margin: 0;
  padding: 0px;
  position: relative;
  z-index: 2;
  font-size: 12px;
}
.NPPAPage .container-fluid.breadcrumbs .row {
  position: absolute;
  height: 0;
  max-width: 1200px;
  width: 80%;
}
.NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  margin-top:12px;
}
.NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-weight:normal;
}
.NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li a {
  font-weight: normal;
  font-size:12px;
}
.NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li:after, .NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li:before {
  content: " ";
  position: relative;
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-left: 0.25em;
  background: #3d3a3a;
  -webkit-mask-image: url("/-/media/MicroGrant/images/arrow.svg");
          mask-image: url("/-/media/MicroGrant/images/arrow.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: right center;
          mask-position: right center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li:before {
  background: #004DA2;
  display: none;
  margin-right: 0.125em;
  transform: rotate(180deg);
}
.NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li:last-of-type:after {
  content: none;
}
@media (max-width: 768px) {
  .NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs {
    /* MEDIA MIXIN */
	position:absolute;
	top:0;
	margin-top:12px;
  }
  .NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li:last-of-type {
    display: none;
  }
  .NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li:after {
    display: none;
  }
  .NPPAPage .container-fluid.breadcrumbs ul.breadcrumbs li:before {
    display: inline-block;
  }
}

/* HERO PANEL */
.NPPAPage .page-hero {
  position: relative;
  overflow: hidden;
}
.NPPAPage .page-hero .banner-bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.NPPAPage .page-hero .banner-bg-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 15%;
     object-position: center 15%;
}
.NPPAPage .page-hero .banner-bg-image img.mobile {
  display: none;
}
.NPPAPage .page-hero .container {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.NPPAPage .page-hero .container h1 {
  font-size: 36px;
  font-weight: 100;
  text-transform: uppercase;
  color: #071027;
  margin-bottom: 32px;
  margin-top:20px;
}
.NPPAPage .page-hero .container h1 span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #07326A;
  margin-bottom: 0.5em;
}
.NPPAPage .page-hero .container h5 {
  font-size: 18px;
  line-height: 1.33;
  padding-right: 20%;
  margin-bottom: 32px;
}
.NPPAPage .page-hero .container .sdpa-logo-lock {
  width: 50%;
  min-width: 300px;
  display: grid;
  grid-template-columns: 64px auto;
  grid-gap: 12px;
  align-items: end;
}
.NPPAPage .page-hero .container .sdpa-logo-lock img {
  position: relative;
  width: 100%;
  height: auto;
}
.NPPAPage .page-hero .container .sdpa-logo-lock h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.NPPAPage .page-hero .container .sdpa-logo-lock h3 span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 2px;
}
@media (max-width: 768px) {
  .NPPAPage .page-hero {
    /* MEDIA MIXIN */
  }
  .NPPAPage .page-hero.container-fluid {
    padding-top: 0;
	border-bottom: 1px solid #9ECFFF;
	margin-bottom:20px;
  }
  .NPPAPage .page-hero .banner-bg-image {
    position: relative;
    height: 0;
    min-height: 167px;
    padding-bottom: 45%;
  }
  .NPPAPage .page-hero .banner-bg-image img {
    display: none;
  }
  .NPPAPage .page-hero .banner-bg-image img.mobile {
    display: block !important;
  }
  .NPPAPage .page-hero .container {
    min-height: auto !important;
  }
  .NPPAPage .page-hero .container h5 {
    padding-right: 16px;
  }
}

/**
JUMP LINKS
*/
.NPPAPage .onpage-navigation {
  border: 0px solid #9ECFFF;
  border-width: 1px 0;
  background: white;
  font-size: 16px;
  padding: 0;
}
.NPPAPage .onpage-navigation .navigation-links {
  margin: 12px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.NPPAPage .onpage-navigation .navigation-links ul {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
}
.NPPAPage .onpage-navigation .navigation-links ul li {
  display: inline;
  border-left: 1px solid #9ECFFF;
  margin-left: 20px;
  padding-left: 20px;
}
.NPPAPage .onpage-navigation .navigation-links ul li a:hover {
  color: #071027;
  text-decoration: none;
}
@media (max-width: 992px) {
  .NPPAPage .onpage-navigation {
    /* MEDIA MIXIN */
  }
  .NPPAPage .onpage-navigation.container-fluid {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .NPPAPage .onpage-navigation {
    /* MEDIA MIXIN */
    background: #fff;
    border-width: 0;
    padding-top: 0;
  }
  .NPPAPage .onpage-navigation .navigation-links {
    flex-direction: column;
    align-items: flex-start;
    background: white;
    border: 1px solid #9ECFFF;
    padding: 16px 24px 24px 24px;
  }
  .NPPAPage .onpage-navigation .navigation-links ul {
    flex-direction: column;
    align-items: flex-start;
  }
  .NPPAPage .onpage-navigation .navigation-links ul li {
    border: none;
    margin: 18px 0 0 0;
    padding: 0;
  }
}

.NPPAPage #professional-education .card .card-image {
  border-bottom: 1px solid #9ECFFF;
  position: relative;
  z-index: auto;
}
.NPPAPage #professional-education .card .card-image .signin {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.NPPAPage#Loggedin #professional-education .card .card-image .signin{
	display:none;
}
.NPPAPage #professional-education .card .card-image .signin a {
  position: relative;
  display: inline-block;
  z-index: 4;
  color: white;
  font-size:16px;
}
.NPPAPage #professional-education .card .card-image .signin i.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  margin-right: 0.5em;
  background: white;
}
.NPPAPage #professional-education .card .card-image .signin i.icon:after {
  content: " ";
  display: block;
  width: 0.625em;
  height: 0.625em;
  /* needs a subtle nudge */
  margin-left: 0.065em;
  margin-bottom: 0.065em;
  background: #004DA2;
  -webkit-mask-image: url("/-/media/MicroGrant/images/icon-lock.svg");
          mask-image: url("/-/media/MicroGrant/images/icon-lock.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.NPPAPage #professional-education .card.video .card-image:after {
  content: " ";
  font-size: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  background: url("/-/media/MicroGrant/images/media-play.svg") no-repeat;
  background-size: contain;
  background-position: center;
}
.NPPAPage #professional-education .card .card-content p {
  padding-bottom: 0;
  margin-bottom: 16px;
}
.NPPAPage #professional-education .card:hover {
  background: #FCF9F6;
}
.NPPAPage #professional-education .card:hover .signin {
  color: #9ECFFF;
}
.NPPAPage #professional-education .card:hover .signin a {
  color: #9ECFFF;
}
.NPPAPage #professional-education .card:hover .signin a:hover {
  color: white;
}
.NPPAPage #professional-education .card:hover .signin i.icon {
  background-color: #9ECFFF;
}

/** Gated content behavior */
body#signin.NPPAPage [data-gated-content] .card-image:after {
  display: none !important;
}
body:not(#signin.NPPAPage) [data-gated-content] .card-image .signin {
  display: none !important;
}
body:not(#signin.NPPAPage) [data-gated-content] .icon-link.gated:after {
  display: none !important;
}
.NPPAPage #featured-research {
  background: white;
}
.NPPAPage #featured-research p {
  max-width: 786px;
}
.NPPAPage #featured-research .card {
  background: #FCF9F6;
}
.NPPAPage #featured-research .card .spread {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 16px;
}
.NPPAPage #featured-research .card .card-content {
  padding: 0;
}
.NPPAPage #featured-research .card .card-content p {
  padding-bottom: 0;
  margin-bottom: 16px;
}
.NPPAPage #featured-research .card .card-content .card-title a {
  color: #07326A;
  text-decoration: none;
}
.NPPAPage #featured-research .card .card-content .card-title a:hover {
  text-decoration: underline;
}
.NPPAPage #featured-research .card .card-content .card-topics {
  padding: 0;
  margin-bottom: 8px;
  list-style: none;
  font-size: 12px;
  --color: #3d3a3a;
  color: var(--color);
}
.NPPAPage #featured-research .card .card-content .card-topics li {
  display: inline-block;
  margin-left: 8px;
  padding: 0 0 0 8px;
  border-left: 1px solid var(--color);
  line-height: 1.15;
  font-weight:normal;
}
.NPPAPage #featured-research .card .card-content .card-topics li:first-of-type {
  margin-left: 0;
  padding-left: 0;
  border: none;
}
.NPPAPage footer .footer-links ul li a,
.NPPAPage #footer a{
	text-decoration:none;
}
.NPPAPage #featured-research .card .card-cta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 16px 0 8px 0;
  text-decoration: none;
  font-size: 16px;
}
.NPPAPage #featured-research .card .card-cta span {
  text-decoration: underline;
}
.NPPAPage #featured-research .card:hover {
  background: white;
}
.NPPAPage #featured-research .card:hover .card-title a {
  text-decoration: none !important;
  color: #082D52 !important;
}
.NPPAPage #featured-research .card:hover .card-cta {
  color: #082D52;
  --color: #082D52;
}

.NPPAPage #patient-support .cardlist {
  --col-count: 3;
}
@media (max-width: 992px) {
  .NPPAPage #patient-support .cardlist {
    /* MEDIA MIXIN */
    --col-count: 2;
  }
}
@media (max-width: 768px) {
  .NPPAPage #patient-support .cardlist {
    /* MEDIA MIXIN */
    --col-count: 2;
  }
}
@media (max-width: 576px) {
  .NPPAPage #patient-support .cardlist {
    /* MEDIA MIXIN */
    --col-count: 1;
  }
}
.NPPAPage #patient-support .cardlist .card {
  padding: 0;
}
.NPPAPage #patient-support .cardlist .card .card-content {
  padding: 16px;
}
.NPPAPage #patient-support .cardlist .card .card-content .card-title {
  font-weight: bold;
  margin-bottom: 8px;
}
.NPPAPage #patient-support .cardlist .card .card-content a {
  display: block;
  margin-right: 0;
  padding-right: 0;
}
.NPPAPage #patient-support .cardlist .card .card-content a.icon-link::after {
  margin-left: 8px;
}
.NPPAPage #patient-support .cardlist .card .card-content a:hover {
  color: #082D52;
  --color: #082D52;
}
.NPPAPage #patient-support .cardlist .card.information {
  background: #ffffff;
  box-shadow: none;
}
.NPPAPage #patient-support .cardlist .card.information .card-content {
  padding: 16px;
  font-size: 18px;
  line-height: 24px;
}
.NPPAPage #patient-support .cardlist .card.information .card-content i {
  white-space: nowrap;
}
.NPPAPage #patient-support .cardlist .card:not(.information):hover {
  background: #FCF9F6;
}

/* Not sure if patient support is going to exist -- flag at body to disable */
/* Patient support will exist --
body {
  [data-patient-support], #patient-support {
    display: none !important;
  }
  &[data-patient-support] {
    #patient-support,
    [data-patient-support] {
      display: inherit !important;
    }
  }
}
*/


.NPPAPage #event-calendar {
  background-color: #07326A;
  background: url("/-/media/MicroGrant/images/background-molecule.jpg") no-repeat;
  background-position: right center;
  background-size: cover;
}
.NPPAPage #event-calendar .card:hover {
  background: #FCF9F6;
}
.NPPAPage #event-calendar .card:hover .cart-title a, .NPPAPage #event-calendar .card:hover .cart-title a:hover {
  color: #082D52 !important;
  --color: #082D52 !important;
}
.NPPAPage #event-calendar .intro h2, .NPPAPage #event-calendar .intro p, .NPPAPage #event-calendar .intro span {
  color: white !important;
}
.NPPAPage #event-calendar .card-content .card-title {
  margin-bottom: 8px;
}
.NPPAPage #event-calendar .card-content .card-title a:hover {
  color: #082D52;
}
.NPPAPage #event-calendar .card-content .icon-link.link:after {
  margin-left: 0.325em;
  vertical-align: -0.065em;
}

.NPPAPage #product-recommendations {
  padding-bottom: 48px;
}
.NPPAPage #product-recommendations h4 {
  margin: 32px 0;
}
.NPPAPage #product-recommendations .cardlist {
  /* The rough width of the screen that product images have at single column */
  --product-size: calc((100dvw * 115 / 375) / var(--col-count));
}
.NPPAPage #product-recommendations .card.product {
  padding: 0;
  display: grid;
  grid-template-columns: 2fr 3fr;
  align-items: stretch;
}
.NPPAPage #product-recommendations p.card-title.product-name a{
	font-family: "Loreal", Helvetica, Arial, sans-serif;
	font-weight:700;
	color:#004DA2;
}
.NPPAPage #product-recommendations .card.product .product-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 166px;
  margin: 16px 0;
}
.NPPAPage #product-recommendations .card.product .product-image:after {
  content: " ";
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  right: 0;
  border-right: 1px solid #9ECFFF;
}
.NPPAPage #product-recommendations .card.product .product-image img {
  width: 100%;
  height: auto;
}
.NPPAPage #product-recommendations .card.product .product-details {
  padding: 16px;
}
.NPPAPage #product-recommendations .card.product:hover .product-details {
  background: #FCF9F6;
}
.NPPAPage #product-recommendations .card.product:hover .product-details a {
  color: #0052A2;
}
@media (max-width: 1200px) {
  .NPPAPage #product-recommendations {
    /* MEDIA MIXIN */
  }
}
@media (max-width: 768px) {
  .NPPAPage #product-recommendations {
    /* MEDIA MIXIN */
  }
  .NPPAPage #product-recommendations .product-image {
    min-width: var(--product-size);
  }
}

@media screen and (min-width: 769px) {
  .NPPAPage #membership .row {
    display: flex;
  }
  .NPPAPage #membership .row > [class*=col-] {
    align-self: stretch;
  }
}
.NPPAPage #membership h3 {
  color: #07326A;
  font-size: 26px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 16px;
}
.NPPAPage #membership p {
  font-size: 18px;
}
.NPPAPage #membership p.member-note {
  font-size: 14px;
}
.NPPAPage #membership .memberwall {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.NPPAPage #membership .memberwall a.signin:hover {
  color: #081F3B;
}
.NPPAPage #membership .logowall {
  background: #FCF9F6;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 32px 24px;
  min-height: 262px;
}
.NPPAPage #membership .logowall img {
  display: block;
  margin: 16px;
  height: auto;
}
.NPPAPage #membership .logowall img.SCT {
  width: 212px;
}
.NPPAPage #membership .logowall img.CRV {
  width: 85px;
}
.NPPAPage #membership .logowall img.LRP {
  width: 171px;
}
.NPPAPage #membership .logowall img.VCY {
  width: 104px;
}
.NPPAPage #membership .logowall img.SBS {
  width: 127px;
}
@media (max-width: 768px) {
  .NPPAPage #membership .logowall {
    /* MEDIA MIXIN */
    margin: 0;
    margin-top: 16px;
    width: calc(100%);
    flex-direction: column;
  }
}

.NPPAPage#Loggedin #membership{
	display:none;
}

.NPPAPage .btn {
  position: relative;
  background-color: #0052A2;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  border-radius: 0;
  line-height: 22px;
  margin-bottom: 17px;
  margin-top: 14px;
  padding: 10px 48px 10px 24px;
  text-decoration: none;
}

.NPPAPage .site-header .btn{
	margin-top:0;
	margin-bottom:0;
}

.NPPAPage .btn:after {
  content: " ";
  position: absolute;
  --size: 20px;
  background: #ffffff;
  width: var(--size);
  height: var(--size);
  right: 20px;
  top: 50%;
  margin-top: calc(var(--size) / -2);
  -webkit-mask-image: url("/-/media/MicroGrant/images/arrow.svg");
          mask-image: url("/-/media/MicroGrant/images/arrow.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

.NPPAPage .site-header .btn:after {
	content:none;
}

.NPPAPage .btn:hover {
  color: #ffffff;
  background: #081f3b;
}

.NPPAPage .cs-text {
  background-color: #E3F1FF;
  padding: 5px 12px 7px 12px;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 23px;
  font-size: 12px;
}

.NPPAPage .thumbnail {
  padding: 0;
  background-color: #F7F0E8;
  position: relative;
  filter: blur(5px);
}
.NPPAPage .thumbnail.active {
  filter: blur(0px);
}
.NPPAPage .thumbnail.coming-soon {
  position: relative;
}
.NPPAPage .thumbnail.coming-soon img {
  filter: brightness(40%) hue-rotate(190deg) saturate(60%);
}
.NPPAPage .thumbnail.wide {
  display: flex;
}
.NPPAPage .thumbnail.wide img {
  width: 33%;
}
.NPPAPage .thumbnail.wide .caption {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.NPPAPage .thumbnail .caption {
  padding: 16px;
}
.NPPAPage .thumbnail .caption p {
  font-size: 14px;
  line-height: 20px;
}
.NPPAPage .thumbnail .caption p.video-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 8px;
}
.NPPAPage .thumbnail .caption p.video-title a {
  color: #0052A2;
  text-decoration: underline;
}

.NPPAPage .video-container {
  margin: 24px 0 0 0;
}

.NPPAPage .panel {
  margin-bottom: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 2px solid #0052A2;
  margin-top: 17px;
}
.NPPAPage .panel .panel-heading {
  padding: 0;
}
.NPPAPage .panel .panel-heading h4.panel-title {
  color: #0052A2;
  text-align: left;
  font-size: 18px;
  position: relative;
}
.NPPAPage .panel .panel-heading h4.panel-title > a {
  width: 100%;
  height: 100%;
  padding: 10px 15px;
  display: block;
}
.NPPAPage .panel .panel-heading h4.panel-title > a.collapsed:before {
  content: "+";
}
.NPPAPage .panel .panel-heading h4.panel-title > a:before {
  content: "-";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 40px;
  line-height: 40px;
  font-weight: 300;
}
.NPPAPage .panel .panel-collapse {
  text-align: left;
}

@media (min-width: 992px) {
  .NPPAPage .no-m-bot-d {
    margin-bottom: 0;
  }
  .NPPAPage h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .NPPAPage h2.alt {
    font-size: 26px;
    line-height: 32px;
  }
  .NPPAPage h4 {
    font-size: 22px;
    line-height: 28px;
  }
  .NPPAPage .logo-lockup {
    margin: 0 0 32px 0;
  }
  .NPPAPage .thumbnail .caption {
    min-height: 140px;
  }
  .NPPAPage .thumbnail .caption p {
    font-size: 14px;
    line-height: 20px;
  }
  .NPPAPage .thumbnail .caption p.video-title {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 992px) {
  .NPPAPage .m-bot-m {
    margin-bottom: 17px;
  }
  .NPPAPage .container-fluid {
    padding: 32px 0;
  }
  .NPPAPage .thumbnail.wide {
    display: block;
  }
  .NPPAPage .thumbnail.wide img {
    width: 100%;
  }
  .NPPAPage .text-left-mobile {
    text-align: left;
  }
  .NPPAPage .text-center-mobile {
    text-align: center;
  }
}
.NPPAPage .overlay-outer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1750;
  justify-content: center;
  align-items: center;
}
.NPPAPage .overlay-outer.active {
  display: flex;
}
.NPPAPage .overlay-outer .overlay-closer {
  background-color: rgba(7, 16, 39, 0.6);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.NPPAPage .overlay-outer .overlay-inner {
  position: relative;
  max-width: 90dvw;
  min-width: 260px;
  max-height: var(--max-overlay-h);
  width: 530px;
  box-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-radius: var(--radius);
}
.NPPAPage .overlay-outer .overlay-inner .icon.close {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 700;
  opacity: 1;
}
.NPPAPage .overlay-outer .overlay-inner .icon.close:after {
  display: block;
  width: 1em;
  height: 1em;
  content: " ";
  background: #004DA2;
  -webkit-mask-image: url("/-/media/MicroGrant/images/icon-close.svg");
          mask-image: url("/-/media/MicroGrant/images/icon-close.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 80% 80%;
          mask-size: 80% 80%;
}
.NPPAPage .overlay-outer .overlay-inner .overlay-content {
  padding: 32px 0;
  background: white;
}
.NPPAPage .overlay-outer.gated .overlay-inner {
  width: 570px;
}
.NPPAPage .overlay-outer.gated .overlay-inner .overlay-content {
  padding-top: 38px;
  padding-left: 10px;
}
.NPPAPage .overlay-outer.gated .overlay-inner .overlay-content h2 {
  text-transform: none;
  font-size: 30px;
  padding: 0 24px 16px 24px;
}
.NPPAPage .overlay-outer.gated .overlay-inner .overlay-content p {
  font-weight: bold;
  font-size: 22px;
}
.NPPAPage .overlay-outer.gated .overlay-inner .overlay-content a.btn {
  margin-bottom: 0;
}
.NPPAPage .overlay-outer.gated .overlay-inner .overlay-content .login-options {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.NPPAPage .overlay-outer.gated .overlay-inner .overlay-content .login-options > div {
  width: 50%;
  padding: 0 24px;
}
.NPPAPage .overlay-outer.gated .overlay-inner .overlay-content .login-options > div:last-of-type {
  border-left: 1px solid #9ECFFF;
  overflow:hidden
}
.NPPAPage .overlay-outer.video-player .overlay-inner {
  max-width: 1044px;
  width: 90dvw;
}
.NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content .title {
  font-size: 26px;
  line-height:32px;
  font-weight: bold;
  color: #07326A;
  margin-bottom: 12px;
  padding: 0 24px;
  text-align:left;
  text-transform:capitalize;
}
.NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content ul.meta {
  padding: 0 24px;
  list-style: none;
  margin-bottom: 24px;
  text-align:left;
}
.NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content ul.meta li {
  display: inline;
  padding: 0 12px;
  --color: #071027;
  color: var(--color);
  border-left: 1px solid var(--color);
  font-size: 16px;
}
.NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content ul.meta li:first-of-type {
  padding-left: 0;
  border-left: none;
}
.NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content .video-embed {
  margin: 0 24px;
  width:auto;
  height:auto;
}
.NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content .video-embed video{
	opacity:1;
}
.NPPAPage .site-header .header-inner .right-block .sign-in a{
	text-decoration:none;
}
@media (max-width: 768px) {
  .NPPAPage .overlay-outer.video-player .overlay-inner {
    /* MEDIA MIXIN */
    width: 100dvw;
    max-width: calc(100dvw - 24px);
	height:auto;
	overflow-y:unset;
  }
  .NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content .title, .NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content ul.meta {
    padding-left: 12px;
    padding-right: 12px;
  }
  .NPPAPage .overlay-outer.video-player .overlay-inner .overlay-content .video-embed {
    margin: 0;
    padding: 0 12px;
  }
  .NPPAPage .container-fluid .container{
	  padding: 0 9px;
  }
  .NPPAPage .container-fluid.onpage-navigation .container{
	  padding: 0 24px;
  }
}

@media (min-width: 769px) {
	.NPPAPage .onpage-navigation{
		position: sticky;
		z-index: 1749;
	}
}

.cerave-anniversary-page .container .header{
	text-align:center;
}
.cerave-anniversary-page .container .header h1{
	font-size:30px;
	line-height:45px;
	font-family: 'HelveticaNowDisplay-bold';
	margin-top:90px;
	margin-bottom:65px;
}

.cerave-anniversary-page .container .header p{
	font-size:14px;
	line-height:20px;
	margin-bottom:0;
	font-family: 'HelveticaNowDisplay-light';
}

.timeline-container{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:32px;
}

.timeline-container .col-lg-6 img,
.cerave-anniversary-page .banner img{
	width:100%;
	height:auto;
}

.cerave-anniversary-page .container h2.title {
	display: inline-block;
	position: relative;
	font-size: 21px;
	line-height:26px;
	color:#000;
	font-weight: bold;
	padding-bottom: 5px;
	font-family: 'HelveticaNowDisplay-bold';
	text-transform:none;
}

.cerave-anniversary-page .container h2.title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 35%;
	background-color: #0072CE;
	border-radius: 2px;
}
.cerave-anniversary-page .container .content p{
	padding-top:20px;
	padding-bottom:12px;
	margin-bottom:0;
	font-size:14px;
	line-height:20px;
	font-family: 'HelveticaNowDisplay-light';
}

.cerave-anniversary-page .blue-button {
    background-color: #2870B5; 
    color: white !important;
    border: none;
    padding: 12px 24px;
    font-size: 16px !important;
	font-family: 'HelveticaNowDisplay-bold';
    cursor: pointer;
    transition: background-color 0.3s ease;
	display:inline-block;
	font-weight:700;
}

.cerave-anniversary-page .blue-button:hover {
    background-color: #2870B5; 
}
.cerave-anniversary-page .banner{
	padding-top:48px;
	text-align:center;
}

.cerave-anniversary-page .quote{
	max-width:800px;
	margin:48px auto;
}
.cerave-anniversary-page .quote p{
  font-size:14px;
  line-height:20px;
}
.cerave-anniversary-page .container.timeline{
	margin-top:65px;
}

@media(max-width:767px) {
	.timeline-container{
		flex-direction:column;
	}
	.cerave-anniversary-page .container .header h1{
		margin-top:45px;
		margin-bottom:30px;
	}
	.cerave-anniversary-page.container-fluid .container{
		padding:0;
	}
	.cerave-anniversary-page .container.timeline{
		margin-top:30px;
	}
	.cerave-anniversary-page .blue-button{
		padding:6px 12px;
	}
	.cerave-anniversary-page .col-lg-6{
		padding:0;
		padding-bottom:20px;
	}
}