@import "../Flat_White/99-Flat_White.css";
@import "../QuickstartBase/base.css";
@import url("https://cloud.typography.com/7258256/6250812/css/fonts.css");

.big-num h1,
.big-num h2,
.big-num h3,
.big-num h4,
.big-num h5,
.big-num h6,
.big-num .counter-value {
    font-size: 200%;
    line-height: 1.3;
    font-weight: bold;
    display: inline-block;
    position: inherit;
    background: rgb(14,199,169);
    background: -moz-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    background: linear-gradient(90deg, rgba(14,199,169,1) 0%, rgba(0,74,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7a9",endColorstr="#004a80",GradientType=1);
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: inline-block;
}

.big-num.white h1,
.big-num.white h2,
.big-num.white h3,
.big-num.white h4,
.big-num.white h5,
.big-num.white h6,
.big-num.white .counter-value {
    background: rgb(14,199,194);
    background: -moz-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    background: linear-gradient(90deg, rgba(14,199,194,1) 0%, rgba(14,199,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0ec7c2",endColorstr="#0ec7a9",GradientType=1);
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    display: inline-block;
}

/*fixes to news on homepage*/

.list-with-featured .BlockTLItem .newsImage {
    margin-bottom: 0px;
}

.list-with-featured .BlockTLItem .newsImage {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
}

@media (max-width: 991px) {
    .list-with-featured .TaggedListPanel {
        display: block;
    }

    .list-with-featured .BlockTLItem,
    .list-with-featured .BlockTLItem:first-of-type {
        width: 100%;
        display: block;
        max-width: 500px;
        margin: 0px auto 30px auto;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

        .list-with-featured .BlockTLItem .newsImage,
        .list-with-featured .BlockTLItem:first-of-type .newsImage {
            height: 200px;
            width: 100%;
        }

        .list-with-featured .BlockTLItem .details,
        .list-with-featured .BlockTLItem:first-of-type .details {
            padding: 30px;
            background: #ffffff;
        }

    .list-with-featured .readMore {
        position: relative;
    }

    .list-with-featured h4 {
        margin-top: 10px;
    }
}








@media (min-width: 768px) {
.has-secondary-col .body-container .col-primary #ste_container_ciSubFooter {
     margin-right: -33%;
}
}



.seeMore {
    border: 1px solid #bdbfc7;
    font-size: 14px ! Important;
    height: 41px;
    border-radius: 1px;
    padding: 6px 56px;
    color: #5b6770;
}

@media (max-width: 768px) {
.Wrapper-FullWidth .col-primary .row {
    padding-left: 15px;
    padding-right: 20px;
}}

.Wrapper-FullWidth .col-primary .row:nth-child(2) {
    background-color: #f2f5f7;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-top: 50px;
    margin-top: 20px;
    margin-bottom: 100px;
}
@media (min-width: 768px) {
.Wrapper-FullWidth .col-primary .row:nth-child(2) {
    padding-bottom: 50px;
}}


.Wrapper-FullWidth .col-primary .row:nth-child(3) {
    padding-top: 50px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}
@media (min-width: 768px) {
.Wrapper-FullWidth .col-primary .row:nth-child(3) {
    padding-bottom: 110px;
}}

.updatesSection {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 30px;
}

.updatesSection img {
    margin-right: 5px;
}

#ste_container_ciRegularMemberNews  {
    padding: 25px;
    border: 1px solid #dbdbdb;
}

.memberNewsContent h4 a {
    color: #005eb8;
    font-weight: 600;
    font-size: 18px;
}




@media (min-width: 768px) {
.issuesPolicies  {
    max-width: 1380px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}}

.issuesPolicies .container {
    max-width: 1440px;
    padding-left: 0px;
    padding-right: 0px;
}

.issuesPolicies h2 {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
.issuesPolicies h2 {
    margin-left: 10px;
}}

.issuesPolicies hr {
    width: 60px;
    margin-bottom: 35px;
}
@media (min-width: 768px) {
.issuesPolicies hr {
    margin-left: 10px;
}}


.issuesPolicies h4 {
    margin-top: 30px;
    color: #3e434f;
}
@media (min-width: 768px) {
.issuesPolicies h4 {
    margin-top: 20px;
}}


.issuesPolicies p {
    color: #3e434f;
}


.issuesPolicies .readMore {
    font-weight: 600;
    color: #74788a;
    font-size: 14px;
}
.issuesPolicies .readMore:after {
    width: 7px;
    height: 7px;
    background: transparent;
    mask-image: none;
    border-top: 1px solid #74788a;
    border-right: 1px solid #74788a;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}



.learnCounters {
   text-align: center;
}

.learnCounters hr {
    margin-top: 30px;
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
    border-color: #3ebcf8;
    border-width: 2px 0 0 0;
    width: 70px;
}

.learnCounters h2 {
    color: #ffffff;
}

.learnCounters p {
    color: #ffffff;
}

.oneIndustry {
    margin-top: 35px !Important;
}


.learnCounters .readMore {
    font-weight: 600;
    color: #bdbfc7;
    font-size: 14px;
}



.learnCounters .readMore:after {
    width: 6px;
    height: 6px;
    background: transparent;
    mask-image: none;
    border-top: 1px solid #3ebcf8;
    border-right: 1px solid #3ebcf8;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}






/* Footer */


.Wrapper-HomePage #ft:before {
        content: '';
        position: relative;
        display: block;
        width: 100%;
        height: 1150px;
        top: -195px;
        background-image: url(/images/MyWebsite/afpm-stats-3.png);
        background-size: cover;
        background-position: center;
}
@media (min-width: 768px) {
.Wrapper-HomePage #ft:before {
        height: 620px;
        top: -175px;
}}



.footer-content:before {
        content: '';
        position: relative;
        display: block;
        width: 100%;
        height: 250px;
        top: -235px;
        background: #f2f5f7;
}




@media (max-width: 992px) {
.subscribeNewsletter {
    padding-left: 20px;
    padding-right: 20px;
}}


.subscribeNewsletter {
    height: 150px;
    position: relative;
    z-index: 1;
    padding-top: 40px;
    margin-top: 50px;
}

.subscribeNewsletter hr {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 60px;
    border-color: #005eb8;
    margin-top: 1em;
    margin-bottom: 1.8em;
}

.subscribeNewsletter h2 {
    font-weight: normal;
}

.Wrapper-HomePage .subscribeNewsletter {
    margin-top: 50px;
    padding-top: 15px;
    margin-bottom: -1140px;
}
@media (min-width: 768px) {
.Wrapper-HomePage .subscribeNewsletter {
    margin-top: 50px;
    padding-top: 30px;
    margin-bottom: -615px;
}}



footer.footer .footer-content > .container {
        margin-top: -175px;
}
@media (min-width: 768px) {
footer.footer .footer-content > .container {
        margin-top: -140px;
}}


footer.footer {
    background-color: #FFFFFF;
    color: #3e434f;
}

footer.footer p {
    font-size: 12px;
}


footer.footer h3, footer.footer h4 {
    color: #3e434f;
    font-weight: 500;  
    margin-bottom: 10px;
    margin-top: -2px; 
}

footer.footer a, footer.footer a:hover, footer.footer a:focus, footer.footer a:active, footer.footer a:visited {
    color: #3e434f;
    font-weight: 500;
}


footer.footer .footer-content > .container .footer-column:nth-child(3) .ContentItemContainer ul > li {
    margin: 0 0% 15px;
}

@media (max-width: 768px) {
footer.footer .footer-content > .container .footer-column:nth-child(3) .ContentItemContainer ul > .contactRow {
    margin-top: -115px;
}}


footer.footer .footer-content > .container .footer-column:nth-child(3) .ContentItemContainer ul > li a {
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    footer.footer .footer-content > .container .footer-column:nth-child(1) {
        margin-top: -40px;
    }
}

@media (min-width: 992px) {
footer.footer .footer-content > .container .footer-column:nth-child(1) {
    margin-left: auto;
}}

@media (min-width: 992px) {
footer.footer .footer-content > .container .footer-column:nth-child(3) .ContentItemContainer > ul {
    grid-gap: 40px 40px;
}}



.SocialSprite.TwitterIcon:after {
    background-color: #3e434f;
}
.SocialSprite.LinkedInIcon:after {
    background-color: #3e434f;
}
.SocialSprite.FacebookIcon:after {
    background-color: #3e434f;
}
.SocialSprite.YouTubeIcon:after {
    background-color: #3e434f;
}
.SocialSprite.InstagramIcon:after {
    background-color: #3e434f;
}

footer.footer {
    padding-bottom: 30px;
}

footer.footer .footer-content > .container .footer-column:nth-child(2) {
    display: none;
}


.backToTop {
    background: #da291c;
}

.backToTop:hover {
    background: #da291c;
}


.shadow-box-zone {
    border-radius: 0px;
}




/* Header */


header.header { 
    position: fixed; 
    width: 100%; 
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .075);
} 
.Wrapper-HomePage .header {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}


.main-container.container {
    margin-top: 140px;
}
@media (min-width: 768px) {
    .main-container.container {
        margin-top: 120px;
    }
}


.Wrapper-HomePage .main-container.container { 
    margin-top: 815px !Important; 
} 

@media (min-width: 768px) { 
.Wrapper-HomePage .main-container.container { 
    margin-top: 650px !Important; 

}} 


.header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span, .header-aux-container a.NavigationLink:hover, .header-aux-container a.NavigationLink:focus, .header-aux-container a.NavigationLink:hover span, .header-aux-container a.NavigationLink:focus span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span, .header-aux-container .account-toggle .nav-text:hover, .header-aux-container .account-toggle .nav-text:focus, .header-aux-container .account-toggle .nav-text:hover span, .header-aux-container .account-toggle .nav-text:focus span {
        color: #da291c;
    }
@media (min-width: 992px) {
    .header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus, .header-aux-container .UtilityAuthentication a:hover span, .header-aux-container .UtilityAuthentication a:focus span, .header-aux-container a.NavigationLink:hover, .header-aux-container a.NavigationLink:focus, .header-aux-container a.NavigationLink:hover span, .header-aux-container a.NavigationLink:focus span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:hover span, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link:focus span, .header-aux-container .account-toggle .nav-text:hover, .header-aux-container .account-toggle .nav-text:focus, .header-aux-container .account-toggle .nav-text:hover span, .header-aux-container .account-toggle .nav-text:focus span {
        color: #da291c;
    }
}


.header-aux-container .UtilityNavigation {
    align-items: initial;
}

@media (max-width: 991px) {
    .header-aux-container .UtilityNavigation {
        justify-content: right;
        gap: 0px 10px;
    }
}


@media (max-width: 768px) { 
.account-menu .profile-picture-wrapper {
    margin: 5px 2px 5px 8px;
}}
@media (min-width: 769px) { 
.account-menu .profile-picture-wrapper {
    margin-left: 10px;
}}

.account-menu .profile-picture-wrapper img {
    border-radius: 150px;
    width: 27px;
    height: 27px;
}


.account-menu .dropdown-menu > li > a:hover, .account-menu .dropdown-menu > li > a:focus {
    color: #da291c;
}


@media (min-width: 769px) { 
.UtilitySection.UtilityAccountArea {
    margin-right:-25px;
}}

.account-menu .account-toggle:hover, .account-menu .account-toggle:focus {
    border: 1px solid #3e434f;
}

.UtilityNavigation .account-menu>li>a, .UtilityNavigation .account-menu>li>a:hover, .UtilityNavigation .account-menu>li>a:visited, .UtilityNavigation .account-menu>li>a:active {
    border: 1px solid #3e434f;
}

.header-aux-container .UtilityAuthentication a:hover, .header-aux-container .UtilityAuthentication a:focus {
    border: 1px solid #da291c !Important;
    color: #da291c !Important;
}


@media (max-width: 768px) { 
body:not(.Wrapper-HomePage) .header:before, body:not(.Wrapper-HomePage) .header-aux-container, body:not(.Wrapper-HomePage) .header-logo-container, body:not(.Wrapper-HomePage) .header-primary-nav-container {
    background: #ffffff;
}}


.col-primary {
    background: #ffffff;
}

@media (min-width: 992px) {
    .has-secondary-col .body-container .col-primary {
        border-right: 0px solid #dbdbdb;
}}

.RadMenu.RadMenu_Coffee .rmRootLink {
    font-family: "Whitney A", "Whitney B", sans-serif;
    font-size: 16px;
    color: #3e434f;
}

.header-dark .RadMenu.RadMenu_Coffee .rmRootLink {
  font-family: "Whitney A", "Whitney B", sans-serif;
}
.RadMenu_Coffee .rmSlide .rmLink {
  font-family: "Whitney A", "Whitney B", sans-serif;
}

.header-dark .RadMenu_Coffee .rmSlide .rmLink {
  font-family: "Whitney A", "Whitney B", sans-serif;
}

input,
button,
select,
textarea {
  font-family: "Whitney A", "Whitney B", sans-serif;
}

.btn,
.TextButton,
.RadUpload.RadUpload .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton {
  font-family: "Whitney A", "Whitney B", sans-serif;
  border-radius: 0px;
}

.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
  font-family: "Whitney A", "Whitney B", sans-serif;
}



.RadMenu_Coffee .rmSlide .rmLink {
    font-size: 16px;
    font-weight: 500;
}

@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmLink:hover, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmFocused, .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmExpanded {
        color: #da291c;
}}


@media (min-width: 992px) {
    .Wrapper-HomePage .RadMenu.RadMenu_Coffee .rmRootLink {
        color: #ffffff;
}}

@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .rmRootLink:hover > .rmText, .RadMenu.RadMenu_Coffee .rmFocused > .rmText, .RadMenu.RadMenu_Coffee .rmExpanded > .rmText {
        text-decoration: underline #da291c;
        text-underline-offset: 20px;
        transition: all 0.5s ease-in;
}}

.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded, .RadMenu.RadMenu_Coffee .rmRootLink:hover, .RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
    color: #da291c;
}

@media (min-width: 768px) {
.RadMenu.RadMenu_Coffee .rmRootLink.rmSelected {
        color: #3e434f;
}}
@media (min-width: 992px) {
.RadMenu.RadMenu_Coffee .rmRootLink.rmSelected > .rmText {
        text-decoration: underline #da291c;
        text-underline-offset: 20px;
}}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused, .RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
    color: #0278b8;
}


.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
    background: #da291c;
}


a {
font-weight: bold;
}

a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: #3e434f;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active {
    color: #9093a1;
}


.template-list .QueryTemplateItem a {
    color: #005eb8;
}

.media-body a {
    color: #005eb8;
}



@media (max-width: 991px) {
    header.header .header-logo-container {
        justify-self: left;
}}


@media (min-width: 992px) {
    header.header .header-logo-container {
        padding-left: 50px;
    }
}


@media (min-width: 1280px) {
    header.header .header-logo-container {
        padding-left: 60px;
    }
}

@media (min-width: 1380px) {
    header.header .header-logo-container {
        max-width: 340px;
        padding-left: 0px;
    }
}

@media (min-width: 1400px) { 
header.header .header-logo-container {
    padding-left: 5px;
}}

@media (min-width: 1500px) { 
header.header .header-logo-container {
    padding-left: 30px;
}}

@media (min-width: 1600px) { 
header.header .header-logo-container {
    padding-left: 75px;
}}

@media (min-width: 1700px) { 
header.header .header-logo-container {
    padding-left: 100px;
}}
@media (min-width: 1800px) { 
header.header .header-logo-container {
    padding-left: 160px;
}}
@media (min-width: 1900px) { 
header.header .header-logo-container {
    padding-left: 195px;
}}

@media (max-width: 991px) {
#ste_container_HeaderLogoSpan {
    padding: 10px;
}}


#masterHeaderImage {
     background-image: url(/images/MyWebsite/AFPM-Logo-1.svg) !Important;
     width: 120px;
     height: 39px;
}
@media (min-width: 992px) {
#masterHeaderImage {
     width: 143px;
     height: 46px;
}}





@media (max-width: 991px) {
header.header .header-background-container .carousel-inner:after {
    height: 22px;
    background-size: 100% 22px;
    bottom: 0px;
}}
header.header .header-background-container .carousel-inner:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0px;
    right: 0px;
    z-index: 1;
    background-image: url(/images/MyWebsite/AFPM-hero-wave.svg);
}
@media (min-width: 992px) {
header.header .header-background-container .carousel-inner:after {
    height: 65px;
    background-size: 100% 65px;
    bottom: -1px;
}}
@media (min-width: 1300px) {
header.header .header-background-container .carousel-inner:after {
    height: 100px;
    background-size: 100% 112px;
    bottom: 0px;
}}





.Wrapper-HomePage header.header .header-background-container .carousel-inner .item:after {
    background: rgba(51, 51, 51, 0);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .2));
}



@media (max-width: 991px) {
.Wrapper-HomePage header.header .header-background-container .carousel-inner:after {
    height: 22px;
    background-size: 100% 22px;
    bottom: 0px;
}}
.Wrapper-HomePage header.header .header-background-container .carousel-inner:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    left: 0px;
    right: 0px;
    z-index: 1;
    background-image: url(/images/MyWebsite/AFPM-hero-wave.svg);
}
@media (min-width: 992px) {
.Wrapper-HomePage header.header .header-background-container .carousel-inner:after {
    height: 65px;
    background-size: 100% 65px;
    bottom: -1px;
}}
@media (min-width: 1300px) {
.Wrapper-HomePage header.header .header-background-container .carousel-inner:after {
    height: 100px;
    background-size: 100% 112px;
    bottom: 0px;
}}



@media (max-width: 768px) {
header.header .header-aux-container {
    padding-top: 12px !Important;
}}



header.header .header-aux-container {
    background-color: rgba(33, 33, 33, .3);
    height: 65px;
    padding-top: 12px;
}




@media (min-width: 768px) {
.Wrapper-HomePage .header-background-container {
    height: 600px !Important;
}}



header.header .header-background-container:before {
    background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.6) 0, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
}


#overlay {
  position: fixed;
  display: inline;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .2)) ! Important;
  z-index: 2;
  cursor: pointer;
}
@media (min-width: 768px) {
#overlay {
  position: fixed;
  display: inline;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(51, 51, 51, 0);
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .2)) ! Important;
  z-index: 2;
  cursor: pointer;
}}



#header2 {
    position: fixed;
    z-index: 3;
    font-weight: 300;
    font-size: 30px;
}
@media (min-width: 768px) {
#header2 {
    font-size: 60px;
    margin-top: -60px;
}}


.carousel-caption hr {
   z-index: 3;
    position: fixed;
    width: 60px;
    margin-left: 0em;
    margin-top: 3.2em;
    border-color: #005eb8;
    border-width: 2px 0 0 0;
}
@media (min-width: 768px) {
.carousel-caption hr {
    margin-top: 2.2em;
}}



@media (min-width: 768px) {
#header6 {
    position: fixed;
    z-index: 3;
    margin-top: -60px;
}}


@media (min-width: 992px) {
#header3 {
    position: fixed;
    z-index: 3;
    margin-top: -20px;
    width: 50%;
}}
@media (min-width: 1300px) {
#header3 {
    width: 45%;
}}

#paragraph1 {
    font-size: 16px;
}
@media (min-width: 992px) {
#paragraph1 {
    position: fixed;
    z-index: 3;
    margin-top: 110px;
    width: 30%;
}}
@media (min-width: 1400px) {
#paragraph1 {
    width: 27%;
}}

#paragraph2 {
    font-size: 16px;
    margin-top: 70px;
    position: fixed;
    z-index: 3;
    width: 85%;
}
@media (min-width: 992px) {
#paragraph2 {
    width: 30%;
    margin-top: 70px;
}}
@media (min-width: 1400px) {
#paragraph2 {
    width: 27%;
}}



.UtilityNavigationList li {
    color: #999d9d;
    height: 40px;
    margin-top: 5px;
}




#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl01_NavigationListItem {
     display:none;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl02_NavigationListItem {
     display:none;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl03_NavigationListItem {
     display:none;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl04_NavigationListItem {
     display:none;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl05_NavigationListItem {
     display:none;
}



#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl01_NavigationListItem {
    margin-top: 10px;
    margin-bottom: -10px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl02_NavigationListItem {
    margin-top: 10px;
    margin-bottom: -10px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl03_NavigationListItem {
    margin-top: 10px;
    margin-bottom: -10px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl04_NavigationListItem {
    margin-top: 10px;
    margin-bottom: -10px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl05_NavigationListItem {
    margin-top: 10px;
    margin-bottom: -10px;
}

@media (max-width: 768px) {
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl06_NavigationListItem {
    margin-left: 10px;
}}



.searchbar-toggle {
    margin-top: 7px;
}

#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl06_NavigationListItem {
    margin-left: -20px;
}
@media (min-width: 768px) {
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl06_NavigationListItem {
    margin-left: 10px;
}}

#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl01_NavigationLink {
    position: absolute;
    z-index: 11;
    width: 15px;
    height: 15px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl01_NavigationLink .nav-text {
    visibility: hidden;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink {
    width: 18px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink .nav-text {
    visibility: hidden;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl03_NavigationLink {
    width: 18px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl03_NavigationLink .nav-text {
    visibility: hidden;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl04_NavigationLink {
    width: 18px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl04_NavigationLink .nav-text {
    visibility: hidden;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl05_NavigationLink {
    width: 18px;
}
#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl05_NavigationLink .nav-text {
    visibility: hidden;
}

#ctl01_ciUtilityNavigation_ctl01__rptWrapper__rptWrapper_rpt_ctl01_NavigationListItem:before {
    margin-right: 0px;
    margin-bottom: -15px;
    margin-top: 1px;
    content: '';
    display: block;
    mask-image: url(../../Assets/images/IconSprite.svg#social-twitter);
    mask-repeat: no-repeat;
    background-color: #999d9d;
    height: 15px;
    width: 15px;
}



.fa-linkedin-square:before {
    margin-right: -18px;
}
.fa-facebook-official:before {
    margin-right: -18px;
}
.fa-youtube-play:before {
    margin-right: -18px;
}
.fa-instagram:before {
    margin-right: -18px;
}

.header-aux-container .UtilityAuthenticationLink {
    border: 1px solid #3e434f;
    padding: 8px !Important;
    font-size: 14px !Important;
    height: 41px;
    margin-right: 30px;
    border-radius: 1px;
}
@media (min-width: 768px) { 
.header-aux-container .UtilityAuthenticationLink {
    margin-left: 10px;
    border: 1px solid #3e434f;
}}
@media (min-width: 1400px) { 
.header-aux-container .UtilityAuthenticationLink {
margin-right: 10px;
}}
@media (min-width: 1600px) { 
.header-aux-container .UtilityAuthenticationLink {
margin-right: 0px;
}}
@media (min-width: 1700px) { 
.header-aux-container .UtilityAuthenticationLink {
margin-right: -20px;
}}


.header-aux-container .UtilityNavigationToggle:nth-of-type(2) {
    margin-left: -10px;
    margin-right: -15px;
}
.header-aux-container .UtilitySection:nth-of-type(7) {
    margin-top: 5px;
    margin-right: -10px;
    position: absolute;
}



.UtilitySearch {
    margin-left: 12px;
    margin-right: 20px;
}

.UtilitySearch #SimpleSearchBlock .search-field {
    border-radius: 1px;
    font-size: 14px !Important;
    height: 41px;
    background-position: 8px 9px;
    padding-left: 30px;
    width: 90px;
    font-weight: 500;
    border: 1px solid #3e434f;
    color: #3e434f;
    background-color: rgba(255, 255, 255, 0);
    background-image: url(/images/MyWebsite/auxIcons1.svg#search);
}

.UtilitySearch #SimpleSearchBlock .search-field:focus, .UtilitySearch #SimpleSearchBlock .search-field:hover, .UtilitySearch #SimpleSearchBlock .search-field:active {
    border: 1px solid #da291c;
    background-color: rgba(255, 255, 255, 1);
    color: #3e434f;
}


.search-container .search-field {
    background-color: #FFFFFF;
}

@media (max-width: 991px) {
    .searchbar-collapse .search-container {
        margin-top: 12px;
    }
}

@media (min-width: 992px) {
.header-aux-container .nav-aux-cart a.NavigationLink:hover, .header-aux-container .nav-aux-cart a.NavigationLink:focus, .header-aux-container .nav-aux-cart a.NavigationLink:hover span, .header-aux-container .nav-aux-cart a.NavigationLink:focus span {
    color: #da291c !Important;
}}

@media (min-width: 992px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink:hover > .nav-text:before {
        background: #da291c;
    }}


@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        font-family: "Whitney A", "Whitney B", sans-serif;
    }
}


@media (min-width: 768px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:before {
    background: #3e434f;
}}


@media (min-width: 768px) {
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    font-size: 14px !Important;
    margin-top: 0px;
    font-weight: 500;
    color: #3e434f;
}}

@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus {
        transition: border 0.3s ease-in;
        color: #da291c;
    }
}

@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:hover:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text:focus:before {
        background: #da291c;
    }
}





.header-aux-container .UtilityAuthentication a, .header-aux-container a.NavigationLink, .header-aux-container .UtilityNavigation .account-menu > li > a.sign-in-link, .header-aux-container .account-toggle .nav-text {
    font-weight: 500;
    color: #3e434f;
}
.account-menu .account-toggle .caret {
    background: #3e434f;
}



@media (min-width: 992px) {
    .account-menu .account-toggle:hover .nav-text, .account-menu .account-toggle:focus .nav-text {
        color: #da291c;
    }
}
@media (min-width: 992px) {
    .account-menu .account-toggle:hover .caret, .account-menu .account-toggle:focus .caret {
        background: #da291c;
    }
}


@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 40px;
    }
}

@media (min-width: 1400px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 65px;
    }
}
@media (min-width: 1500px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 75px;
    }
}
@media (min-width: 1600px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 90px;
    }
}

@media (min-width: 1700px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 95px;
    }
}

@media (min-width: 1800px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 165px;
    }
}
@media (min-width: 1900px) {
    .RadMenu.RadMenu_Coffee {
        padding-right: 174px;
    }
}



@media (min-width: 1380px) {
    header.header .header-primary-nav-container {
        max-width: 1000px;
        justify-self: left;
    }
}
@media (min-width: 1800px) {
    header.header .header-primary-nav-container {
        max-width: 1075px;
        justify-self: left;
    }
}

.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup {
    border-radius: 0px;
}



@media (min-width: 992px) {
    .RadMenu.RadMenu_Coffee .rmToggle, .RadMenu.RadMenu_Coffee .rmRootGroup .rmRootLink .rmToggle {
        display: none;
    }
}

#ctl01_ciUtilityNavigation_ctl09_SignInLI {
     display: none;
}
.sign-out-link {
     display: none;
}


.RadMenu.RadMenu_Coffee .rmRootGroup > .rmSlide {
    top: 59px !Important;
    left: 15px !Important;
}


.heading-icon .panel-title, .heading-icon h3 {
    text-transform: capitalize;
}


.MemberAlert ul.AlertSet {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 25px;
}

.my-profile .name {
    margin: 15px 0px -15px 0px;
    color: #005eb8;
}

@media (min-width: 992px) {
    header.header .header-background-container .carousel-caption {
        width: 62%;
        top: 40%;
        left: 2%;
    }
}
@media (min-width: 1300px) {
    header.header .header-background-container .carousel-caption {
        width: 62%;
        top: 40%;
        left: 3%;
    }
}
@media (min-width: 1400px) {
    header.header .header-background-container .carousel-caption {
        width: 40%;
        top: 40%;
        left: 6%;
    }
}
@media (min-width: 1500px) {
    header.header .header-background-container .carousel-caption {
        left: 9.5%;
    }
}
@media (min-width: 1600px) {
    header.header .header-background-container .carousel-caption {
        left: 12%;
    }
}
@media (min-width: 1700px) {
    header.header .header-background-container .carousel-caption {
        left: 14%;
    }
}
@media (min-width: 1800px) {
    header.header .header-background-container .carousel-caption {
        left: 16%;
    }
}
@media (min-width: 1900px) {
    header.header .header-background-container .carousel-caption {
        left: 18%;
    }
}



.Wrapper-HomePage header.header .header-background-container .carousel-caption {
      width: 80%;
      top: 45%;
}
@media (min-width: 992px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 50%;
        top: 60%;
        left: 3%;
    }
}
@media (min-width: 1280px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        left: 4%;
    }
}
@media (min-width: 1380px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        left: 7%;
    }
}
@media (min-width: 1500px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        width: 40%;
        left: 11%;
    }
}
@media (min-width: 1600px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        left: 13%;
    }
}
@media (min-width: 1700px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        left: 15%;
    }
}
@media (min-width: 1800px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        left: 17%;
    }
}
@media (min-width: 1900px) {
    .Wrapper-HomePage header.header .header-background-container .carousel-caption {
        left: 19%;
    }
}

@media (max-width: 768px) { 
body:not(.Wrapper-HomePage) .header-background-container {
  top: 144px;
}}

@media (min-width: 992px) {
    body:not(.Wrapper-HomePage) .body-container > div {
        padding: 30px 15px 30px 15px;
    }
}
