@font-face {
    font-family: 'rf_proximaNovaThin';
    src: url('https://claritydesignsystems.com/fonts/ProximaNova-Thin.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/ProximaNova-Thin.woff') format('woff'), url('https://claritydesignsystems.com/fonts/ProximaNova-Thin.eot') format('eot');
    font-weight: 300;  
}

@font-face {
    font-family: 'rf_proximaNovaLight';
    src: url('https://claritydesignsystems.com/fonts/ProximaNova-Light.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/ProximaNova-Light.woff') format('woff'), url('https://claritydesignsystems.com/fonts/ProximaNova-Light.eot') format('eot');
    font-weight: 300;  
}

@font-face {
    font-family: 'rf_proximaNovaRegular';
    src: url('https://claritydesignsystems.com/fonts/ProximaNova-Regular.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/ProximaNova-Regular.woff') format('woff'), url('https://claritydesignsystems.com/fonts/ProximaNova-Regular.eot') format('eot');
    font-weight: 400;  
}

@font-face {
    font-family: 'rf_proximaNovaMedium';
    src: url('https://claritydesignsystems.com/fonts/ProximaNova-Medium.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/ProximaNova-Medium.woff') format('woff'), url('https://claritydesignsystems.com/fonts/ProximaNova-Medium.eot') format('eot');
    font-weight: 500;  
}




@font-face {
    font-family: 'rf_proximaNovaLightItalic';
    src: url('https://claritydesignsystems.com/fonts/RFFont-Roman.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/RFFont-Roman.woff') format('woff');
    font-weight: 300;  
}

@font-face {
    font-family: 'rf_proximaNovaRegularItalic';
    src: url('https://claritydesignsystems.com/fonts/RFFont-Roman.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/RFFont-Roman.woff') format('woff');
    font-weight: 400;  
}

@font-face {
    font-family: 'rf_proximaNovaMediumItalic';
    src: url('https://claritydesignsystems.com/fonts/RFFont-Roman.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/RFFont-Roman.woff') format('woff');
    font-weight: 500;  
}



@font-face {
    font-family: 'rf_proximaNovaThin-Italic';
    src: url('https://claritydesignsystems.com/fonts/ProximaNova-Thin-Italic.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/ProximaNova-Thin-Italic.woff') format('woff'), url('https://claritydesignsystems.com/fonts/ProximaNova-Thin-Italic.eot') format('eot');
    font-weight: 300;  
}








@font-face {
    font-family: 'RFdisplayRegular';
    src: url('https://claritydesignsystems.com/fonts/RFFont-Roman.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/RFFont-Roman.woff') format('woff');
}
@font-face {
    font-family: 'RFdisplayItalic';
    src:  url('https://claritydesignsystems.com/fonts/RFFont-Italic.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/RFFont-Italic.woff') format('woff'),url('https://claritydesignsystems.com/fonts/RFFont-Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'RFcaptionItalic';
    src: url('https://claritydesignsystems.com/fonts/RFFont-Caption.ttf') format('truetype'),url('https://claritydesignsystems.com/fonts/RFFont-Caption.woff') format('woff'),url('https://claritydesignsystems.com/fonts/RFFont-Caption.woff2') format('woff2');
}





@font-face {
    font-family: 'RFbankGothicBold';
    src:	url('https://claritydesignsystems.com/fonts/BankGothic-Bold.ttf') format('truetype');

}
@font-face {
    font-family: 'RFbankGothic';
    src:  url('https://claritydesignsystems.com/fonts/BankGothic.ttf') format('truetype');
}







@font-face{
    font-family: 'RFtradeGothicLight';
    src:  url('https://claritydesignsystems.com/fonts/TradeGothicLTStd-Light.otf') format('otf'),  url('https://claritydesignsystems.com/fonts/TradeGothicLTStd-Light.ttf') format('truetype');
}
@font-face{
    font-family: 'RFtradeGothicLightOblique';
    src:  url('https://claritydesignsystems.com/fonts/TradeGothicLTStd-LightObl.ttf') format('truetype');
}
@font-face{
    font-family: 'RFtradeGothicCondensed18';
    src:  url('https://claritydesignsystems.com/fonts/TradeGothicLTStd-Cn18.ttf') format('truetype');
}
@font-face{
    font-family: 'RFtradeGothicBold2';
    src:  url('https://claritydesignsystems.com/fonts/TradeGothicLTStd-Bd21.ttf') format('truetype');
}
@font-face{
    font-family: 'RFtradeGothicBoldCondensed20';
    src:  url('https://claritydesignsystems.com/fonts/TradeGothicLTStd-BdCn20.ttf') format('truetype');
}
@font-face{
    font-family: 'RFtradeGothicBold';
    src:  url('https://claritydesignsystems.com/fonts/TradeGothicLTStd-Bold.ttf') format('truetype');
}







@font-face {
    font-family: 'rf-icons';
    src:  url('https://claritydesignsystems.com/fonts/rf-icons2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.rf_proximaNovaThin, .rf_sansSerifThin{
    font-family: rf_proximaNovaThin;
}
.rf_proximaNovaLight, .rf_sansSerifLight{
    font-family: rf_proximaNovaLight;
}
.rf_proximaNovaRegular, .rf_sansSerifRegular{
    font-family: rf_proximaNovaRegular;
}
.rf_proximaNovaMedium, .rf_sansSerifMedium{
    font-family: rf_proximaNovaMedium;
}
.rf_fontRoman{
    font-family: RFdisplayRegular;
}


.rf_fontRoman_OR, .rf_serif_OR{
    font-family: RFdisplayRegular!important;
}

.rf_sansSerif_OR{
    font-family: rf_proximaNovaRegular!important;
}


:root{
    --rf_font_sansSerif200: rf_proximaNovaLight;
}



.rf_dataVis{
    font-size: 96px;
    letter-spacing: -5px;
    line-height: 120px;
    font-family: RFdisplayRegular;
    font-weight: 200;
    position: relative;
    box-sizing: border-box;
    height: 120px;

}

.rf_dataVisSymbol{
    font-size: 48px!important;
    letter-spacing: -5px;
    line-height: 80px!important;
    font-family: RFdisplayRegular;
    font-weight: 200;

}


.rf_calloutLarge{
    font-size: 108px;
    letter-spacing: -5px;
    line-height: 120px;
    font-family: rf_proximaNovaThin;
    font-weight: 400;
}

.rf_calloutSmall{
    font-size: 78px;
    letter-spacing: -5px;
    line-height: 86px;
    font-family: rf_proximaNovaThin;
    font-weight: 400;
}






.rf_h1Size{
    font-size: 40px;
    letter-spacing: 1px;
    line-height: 48px;
}

.rf_h1, h1.rf_h, .rf_h1 b, h1.rf_h b,.rf_h1 strong, h1.rf_h strong, .rf_paragraphStandard h1, .rf_paragraphStandard h1 b, .rf_paragraphStandard h1 strong{
    font-family: RFdisplayRegular;
    font-size: 40px; 
    letter-spacing: .5px;
    line-height: 48px;
    font-weight: 200!important;
    margin: 0px;
}
.rf_h1Italic, h1.rf_h > em, h1.rf_h > i, .rf_h1 i, .rf_paragraphStandard h1 i, .rf_paragraphStandard h1 em{
    font-family: RFdisplayItalic;
    font-size: 40px; 
    letter-spacing: .5px;
    line-height: 48px;
    font-weight: 200;
    margin: 0px;
}


.rf_h1.optionTight, h1.rf_h.optionTight{
    line-height: 48px;
}


.rf_h2, h2.rf_h, .rf_paragraphStandard h2{
    font-family: RFdisplayRegular;
    font-size: 32px; 
    letter-spacing: .5px;
    line-height: 40px;
    font-weight: 200;
    margin: 0px;
}
.rf_h2Italic, h2.rf_h > em, h2.rf_h > i, .rf_h2 i{
    font-family: RFdisplayItalic;
    font-size: 32px; 
    letter-spacing: .5px;
    line-height: 40px;
    font-weight: 200;
    margin: 0px;
}



.rf_h3, h3.rf_h, .rf_paragraphStandard h3{
    font-family: RFdisplayRegular;
    font-size: 24px; 
    letter-spacing: .5px;
    line-height: 48px;
    font-weight: 200;
    margin: 0px;
}
.rf_h3Italic, h3.rf_h > em, h3.rf_h > i, .rf_h3 i{
    font-family: RFdisplayItalic;
    font-size: 24px; 
    letter-spacing: .5px;
    line-height: 48px;
    font-weight: 200;
    margin: 0px;
}



.rf_h4, h4.rf_h, .rf_paragraphStandard h4{
    font-family: RFdisplayRegular;
    font-size: 24px; 
    letter-spacing: .5px;
    line-height: 32px;
    font-weight: 200;
    margin: 0px;
}
.rf_h4Italic, h4.rf_h > em, h4.rf_h > i, .rf_h4 i{
    font-family: RFdisplayItalic;
    font-size: 24px; 
    letter-spacing: .5px;
    line-height: 32px;
    font-weight: 200;
    margin: 0px;
}




.rf_h5, h5.rf_h, .rf_paragraphStandard h5{
    font-family: RFdisplayRegular;
    font-size: 18px; 
    letter-spacing: .5px;
    line-height: 24px;
    margin: 0px;
    font-weight: 400;
}
.rf_h5Italic, h5.rf_h > em, h5.rf_h > i, .rf_h5 i{
    font-family: RFdisplayItalic;
    font-size: 18px; 
    letter-spacing: .5px;
    line-height: 24px;
    margin: 0px;
}

.rf_h6, h6.rf_h, .rf_paragraphStandard h6{
    font-family: rf_proximaNovaMedium;
    font-size: 18px; 
    letter-spacing: .5px;
    line-height: 24px;
    margin: 0px;
    font-weight: 200px;
}
.rf_h6Italic, h6.rf_h > em, h6.rf_h > i, .rf_h6 i{
    font-family: rf_proximaNovaMediumItalic;
    font-size: 18px; 
    letter-spacing: .5px;
    line-height: 24px;
    margin: 0px;
}





@media screen and (max-width: 400px){
    .mobileLineAfter{
        margin-bottom: 24px!important;
    }
}

.rf_ctaLink{
    color: var(--rf_theme_text);
    text-decoration: none;
    cursor: pointer;
    font-family: rf_proximaNovaRegular;
    font-size: 16px; 
    letter-spacing: .5px;
    line-height: 24px;
    font-weight: 200;
    position: relative;
    height: 24px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    margin-left: auto!important;
    margin-right: auto!important;
}
.rf_ctaLink:hover{
    color: var(--rf_theme_text);
}
.rf_ctaLink:active{
    color: var(--rf_theme_text);
}
.rf_theme_clear .rf_ctaLink {
    color: var(--rf_text);
}
.rf_ctaLink:after{
    content: "";
    position: absolute;
    bottom: 0px;
    height: 1px;
    background-color: var(--rf_theme_text);
    left: 0px;
    width: 100%;
}

.rf_ctaLink:hover:after{
    background-color: var(--rf_theme_text);
    height: 1px;
}
.rf_ctaLink:active:after{
    background-color: var(--dustyNavyNew);
    height: 2px;
}

.rf_theme_clear .rf_ctaLink:after{
    background-color: var(--rf_text);
}





.rf_navHamburger a{
    color: var(--rf_theme_text);
    text-decoration: none;

    cursor: pointer;
    box-sizing: border-box;
    font-family: rf_proximaNovaLight;
    font-size: 14px; 
    letter-spacing: .5px;
    line-height: 64px;
    font-weight: 200;
    position: relative;
    padding-right: 24px;
    height: 64px;
    width: 100%;
    max-width: 304px;
    text-align: left;
    text-transform: uppercase;
    display: inline-block; 
    border: 0px solid transparent;
    border-bottom: 1px solid var(--rf_theme_border);
    border-top: 1px solid var(--rf_theme_border);
}
.rf_navHamburger a:not(:first-of-type){
    height: 65px;
    margin-top: -1px;
}



.rf_navHamburger a.hasChild:after{
    font-family: rf-icons;
    content: "\e91b";
    position: absolute;
    height: 62px;
    width: 24px;
    top: 0px;
    right: 0px;
    font-size: 18px;
    line-height: 62px;
    text-align: center;
}

.rf_navHeader{
    color: var(--rf_theme_text);
    text-decoration: none;
    cursor: none;;
    pointer-events: none;
    font-family: rf_proximaNovaMedium;
    font-size: 14px; 
    letter-spacing: .5px;
    line-height: 32px;
    font-weight: 200;
    position: relative;
    height: 32px;
    text-transform: uppercase;
    display: inline-block;
}

.rf_navLinkPrimary, .rf_navLinkSecondary{
    color: var(--rf_theme_text);
    text-decoration: none;
    cursor: pointer;
    font-family: rf_proximaNovaLight;
    font-size: 14px; 
    letter-spacing: .5px;
    line-height: 32px;
    font-weight: 200;
    position: relative;
    height: 32px;
    text-transform: uppercase;
    display: inline-block;
}
.rf_navLinkSecondary.active{
    color: var(--rf_theme_link);
    pointer-events: none;
}
.rf_navLinkPrimary:after{
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    background-color: var(--manifestoNew_tint_70);
    left: 0px;
    width: 0%;
    transition: all .3s ease;
}
.rf_navLinkPrimary:hover:after{
    width: 100%;
}



.rf_navBarLink{
    color: var(--rf_theme_text);
    text-decoration: none;
    cursor: pointer;
    font-family: rf_proximaNovaLight;
    font-size: 14px; 
    letter-spacing: .5px;
    line-height: 64px;
    font-weight: 200;
    position: relative;
    height: 64px;
    text-transform: uppercase;
    display: inline-block;
}
.rf_navBarLink:after{
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    background-color: var(--manifestoNew_tint_70);
    left: 0px;
    width: 0%;
    transition: all .3s ease;
}
.rf_navBarLink:hover:after{
    width: 100%;
}




.rf_paragraphStandard p{
    margin-bottom: 24px;
}

.rf_paragraphStandard p:last-of-type{
    margin-bottom: 0px;
}
.rf_paragraphStandard a:not([class*="btn"]):not(.rf_ctaLink), .rf_bodyStandard a:not([class*="btn"]), .rf_legalStandard a:not([class*="btn"]), .rf_bodyLink, .rf_legalLink, .rf_detailStandard a:not([class*="btn"]){
    color: var(--rf_theme_link);
    text-decoration: none;
    cursor: pointer;
}
.rf_paragraphStandard a:not([class*="btn"]):hover, .rf_bodyStandard a:not([class*="btn"]):hover, .rf_legalStandard a:not([class*="btn"]):hover, .rf_legalLink:hover, .rf_bodyLink:hover, .rf_detailStandard a:not([class*="btn"]):hover{
    color: var(--rf_theme_linkHover);
    //text-decoration: underline;
}
.rf_bodyHeadline, .rf_h6, h6.rf_h, .rf_paragraphStandard h6{
    font-family: rf_proximaNovaMedium;
    font-size: 18px; 
    letter-spacing: .5px;
    line-height: 24px;
    font-weight: 200;

}
.rf_paragraphStandard hr{
    display: block;
    background-color: #c8c8c8;
    border: none;
    box-sizing: border-box;
    height: 1px!important;
    margin: 24px 0px; 
}

.rf_bodySize, .rf_body{
    font-size: 16px;
    line-height: 24px;
}

.rf_bodyStandard, .rf_paragraphStandard p, .rf_paragraphStandard ol, .rf_paragraphStandard ul{
    font-family: rf_proximaNovaLight;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
}
.rf_bodyStandardItalic, .rf_bodyStandard em, .rf_bodyStandard p em{
    font-family: rf_proximaNovaLightItalic;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
}

.rf_bodyBold, .rf_bodyStandard strong, .rf_bodyStandard b, .rf_paragraphStandard p strong, .rf_bodyStandard a:not([class*="btn"]), .rf_paragraphStandard a:not([class*="btn"]), .rf_bodyLink{
    font-weight: 200;
    font-family: rf_proximaNovaRegular;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
}
.rf_bodyBoldItalic, .rf_bodyStandard strong em, .rf_bodyStandard b em{
    font-weight: 200;
    font-family: rf_proximaNovaRegularItalic;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
}

.rf_detailStandard{
    font-family: rf_proximaNovaLight;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 24px;
}

.rf_detailBold, .rf_detailStandard strong, .rf_detailStandard b{
    font-weight: 200;
    font-family: rf_proximaNovaMedium;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 24px;
}


.rf_legalStandard{
    font-family: rf_proximaNovaLight;
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 18px;
}

.rf_legalBold, .rf_legalStandard strong, .rf_legalStandard b, .rf_legalStandard a, .rf_legalLink{
    font-weight: 200;
    font-family: rf_proximaNovaRegular;
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 18px;
}

.rf_legalStandard.rf_textPad, .rf_legalBold.rf_textPad{
    line-height: 24px;
}

.rf_paragraphStandard, .rf_paragraphStandardItalic, .rf_bodyHeadline, .rf_bodyBold, .rf_detailStandard, .rf_detailBold, .rf_h1, .rf_h2, .rf_h3, .rf_h4, .rf_h5, .rf_h6, .rf_h{
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.rf_paragraphStandard ol li, ol.rf_listStandard li{
    list-style-type: decimal;    
}
.rf_paragraphStandard ol ol li, ol.rf_listStandard ol li{
    list-style-type: upper-roman;    
}
.rf_paragraphStandard ol ol ol li, ol.rf_listStandard ol ol li{
    list-style-type: lower-roman;    
}
.rf_paragraphStandard ul li, ul.rf_listStandard li{
    list-style-type: disc;
}


.rf_paragraphStandard ol, ol.rf_listStandard, .rf_paragraphStandard ul, ul.rf_listStandard{
    display: block;
    list-style-position: outside;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 24px;
    padding-inline-start: 24px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .5px;
}
.rf_paragraphStandard ol > ol, .rf_paragraphStandard ul > ul, .rf_listStandard ol > ol, .rf_listStandard ul > ul {
//    margin-left: 20px;
}


.rf_paragraphStandard li, .rf_listStandard li{
    
}




.rf_buttonStandard{
    font-weight: 200;
    font-family: rf_proximaNovaRegular;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
}
.rf_buttonSmall{
    font-weight: 200;
    font-family: rf_proximaNovaRegular;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
}



.rf_inputStandard{
    font-weight: 200;
    font-family: rf_proximaNovaLight;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
}
.rf_inputFloated{
    font-weight: 200;
    font-family: rf_proximaNovaLight;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 24px;
}

.rf_cardHeaderCopy{
    font-weight: 200;
    font-family: rf_proximaNovaRegular;
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 16px;
    text-transform: uppercase;
}


.rf_navStandard{
    font-weight: 200;
    font-family: rf_proximaNovaLight;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 32px;
}
.rf_navBold, .rf_navStandard b, .rf_navStandard strong{
    font-weight: 200;
    font-family: rf_proximaNovaMedium;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 32px;
}




.RFtradeGothicLight{
    font-family: RFtradeGothicLight;
}
.RFtradeGothicLightOblique{
    font-family: RFtradeGothicLightOblique;
}
.RFtradeGothicCondensed18{
    font-family: RFtradeGothicCondensed18;
}
.RFtradeGothicBold2{
    font-family: RFtradeGothicBold2;
}
.RFtradeGothicBoldCondensed20{
    font-family: RFtradeGothicBoldCondensed20;
}
.RFtradeGothicBold{
    font-family: RFtradeGothicBold;
}



*[class*="rf-icon"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'rf-icons' !important;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.rf-icon-group:before {
    content: "\e915";
}
.rf-icon-check-outline:before {
    content: "\e914";
}
.rf-icon-account:before {
    content: "\e900";
}
.rf-icon-add:before {
    content: "\e901";
}
.rf-icon-add-circle:before {
    content: "\e902";
}
.rf-icon-add-circle-outline:before {
    content: "\e903";
}
.rf-icon-app-switcher:before {
    content: "\e904";
}
.rf-icon-arrow-back:before {
    content: "\e905";
}
.rf-icon-arrow-drop-down:before {
    content: "\e906";
}
.rf-icon-arrow-drop-right:before {
    content: "\e907";
}
.rf-icon-arrow-forward:before {
    content: "\e908";
}
.rf-icon-ascending {
    content: url('https://claritydesignsystems.com/images/icons/ascending.svg');
}
.rf-icon-attach:before {
    content: "\e90a";
}
.rf-icon-bag:before {
    content: "\e90b";
}
.rf-icon-bulleted-list:before {
    content: "\e90c";
}
.rf-icon-calendar:before {
    content: "\e90d";
}
.rf-icon-camera:before {
    content: "\e90e";
}
.rf-icon-cancel:before {
    content: "\e90f";
}
.rf-icon-cancel-outline:before {
    content: "\e910";
}
.rf-icon-cc:before {
    content: "\e911";
}
.rf-icon-check:before {
    content: "\e912";
}
.rf-icon-checkbox:before {
    content: "\e913";
}
.rf-icon-checkbox-selected:before {
    content: "\e916";
}
.rf-icon-check-circle:before {
    content: "\e917";
}
.rf-icon-chevron-left:before {
    content: "\e91a";
}
.rf-icon-chevron-right:before {
    content: "\e91b";
}
.rf-icon-close:before {
    content: "\e91c";
}
.rf-icon-contact:before {
    content: "\e91d";
}
.rf-icon-contact-2:before {
    content: "\e91e";
}
.rf-icon-crp-autoship:before {
    content: "\e91f";
}
.rf-icon-cut:before {
    content: "\e920";
}
.rf-icon-descending {
    content: url('https://claritydesignsystems.com/images/icons/ascending.svg');
}
.rf-icon-day {
    content: url('https://claritydesignsystems.com/images/icons/day.svg');
}
.rf-icon-night {
    content: url('https://claritydesignsystems.com/images/icons/night.svg');
}
.rf-icon-download:before {
    content: "\e922";
}
.rf-icon-edit:before {
    content: "\e923";
}
.rf-icon-email:before {
    content: "\e924";
}
.rf-icon-error:before {
    content: "\e925";
}
.rf-icon-error-outline:before {
    content: "\e926";
}
.rf-icon-expand:before {
    content: "\e927";
}
.rf-icon-expand-less:before {
    content: "\e928";
}
.rf-icon-expand-more:before {
    content: "\e929";
}
.rf-icon-expand-more-2:before {
    content: "\e92a";
}
.rf-icon-facebook:before {
    content: "\e92b";
}
.rf-icon-facebook-messenger:before {
    content: "\e974";
}
.rf-icon-favorite:before {
    content: "\e92c";
}
.rf-icon-favorite-outline:before {
    content: "\e92d";
}
.rf-icon-filter:before {
    content: "\e92e";
}
.rf-icon-full-screen:before {
    content: "\e92f";
}
.rf-icon-gplus:before {
    content: "\e930";
}
.rf-icon-hamburger:before {
    content: "\e936";
}
.rf-icon-heart:before {
    content: "\e937";
}
.rf-icon-heart-outline:before {
    content: "\e938";
}
.rf-icon-help:before {
    content: "\e939";
}
.rf-icon-help-outline:before {
    content: "\e93a";
}
.rf-icon-hide:before {
    content: "\e93b";
}
.rf-icon-image:before {
    content: "\e93c";
}
.rf-icon-info-circle:before {
    content: "\e93d";
}
.rf-icon-info-circle-outline:before {
    content: "\e93e";
}
.rf-icon-instagram:before {
    content: "\e93f";
}
.rf-icon-location:before {
    content: "\e940";
}
.rf-icon-lock:before {
    content: "\e941";
}
.rf-icon-lock-outline:before {
    content: "\e942";
}
.rf-icon-map:before {
    content: "\e943";
}
.rf-icon-more-horiz:before {
    content: "\e944";
}
.rf-icon-note:before {
    content: "\e945";
}
.rf-icon-notifications:before {
    content: "\e946";
}
.rf-icon-phone:before {
    content: "\e947";
}
.rf-icon-pinterest:before {
    content: "\e948";
}
.rf-icon-print:before {
    content: "\e949";
}
.rf-icon-pulse-mark:before {
    content: "\e94a";
}
.rf-icon-quote-1:before {
    content: "\e94b";
}
.rf-icon-quote-2:before {
    content: "\e94c";
}
.rf-icon-refresh:before {
    content: "\e951";
}
.rf-icon-remove:before {
    content: "\e952";
}
.rf-icon-remove-circle:before {
    content: "\e953";
}
.rf-icon-remove-circle-outline:before {
    content: "\e954";
}
.rf-icon-rf-stamp:before {
    content: "\e955";
}
.rf-icon-search:before {
    content: "\e956"!important;
}
.rf-icon-send:before {
    content: "\e957";
}
.rf-icon-settings:before {
    content: "\e958";
}
.rf-icon-share:before {
    content: "\e959";
}
.rf-icon-share-2:before {
    content: "\e95a";
}
.rf-icon-share-2-outline:before {
    content: "\e95b";
}
.rf-icon-sort:before {
    content: "\e95c";
}
.rf-icon-sound-off:before {
    content: "\e95d";
}
.rf-icon-sound-on:before {
    content: "\e95e";
}
.rf-icon-store:before {
    content: "\e95f";
}
.rf-icon-textsms:before {
    content: "\e960";
}
.rf-icon-time:before {
    content: "\e961";
}
.rf-icon-tracking:before {
    content: "\e969";
}
.rf-icon-trash:before {
    content: "\e96a";
}
.rf-icon-twitter:before {
    content: "\e96b";
}
.rf-icon-unlock:before {
    content: "\e96c";
}
.rf-icon-unlock-outline:before {
    content: "\e96d";
}
.rf-icon-upload:before {
    content: "\e96e";
}
.rf-icon-view:before {
    content: "\e96f";
}
.rf-icon-view-details:before {
    content: "\e970";
}
.rf-icon-warning:before {
    content: "\e971";
}
.rf-icon-warning-outline:before {
    content: "\e972";
}
.rf-icon-youtube:before {
    content: "\e973";
}


/* SVG clored icons */
.rf-colored-icon {
    display: block;
    vertical-align: top;
    width: 100%;
}


.rf-icon-fb-messenger{
    content: url('https://claritydesignsystems.com/images/icons/fb-messenger.svg');
}
.rf-icon-prop65{
    content: url('https://claritydesignsystems.com/images/icons/prop65.svg');
}

.rf-icon-cc-amex{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-cc-amex');
}
.rf-icon-cc-discover {
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-cc-discover');
}
.rf-icon-cc-mastercard{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-cc-mastercard');
}
.rf-icon-cc-visa{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-cc-visa');
}
.rf-icon-flag-aus{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-aus');
}
.rf-icon-flag-can{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-can');
}
.rf-icon-flag-kor{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-kor');
}
.rf-icon-flag-jpn{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-jpn');
}
.rf-icon-flag-usa{
    content: url('https://claritydesignsystems.com/images/icons/svg-sprite.svg#icon-usa');
}



.RFfontLegal {
    font-size:  10px;
    line-height: 16px;
}
.RFfontLegalPad {
    font-size:  10px;
    line-height: 24px;
}
.RFfontExSmall {
    font-size:  12px;
    line-height: 16px;
}
.RFfontExSmallPad {
    font-size:  12px;
    line-height: 24px;}
    .RFfontSmallTight {
        font-size:  14px;
        line-height: 16px;
    }
    .RFfontSmall {
        font-size:  14px;
        line-height: 24px;
    }

    @media screen and (max-width: 374px){
        .RFfontSmall.optionMobileResponsive {
            font-size:  12px;
            line-height: 18px;
        }
    }
    .RFls05{
        letter-spacing: .5px;
    }
    .RFls10{
        letter-spacing: 1px;
    }
    .RFfontMediumTight {
        font-size:  16px;
        line-height: 16px;
    }
    .RFfontMedium {
        font-size:  16px;
        line-height: 24px;
    }
    .RFfontMediumPad {
        font-size:  16px;
        line-height: 48px;
    }

    .RFfontLarge {
        font-size:  18px;
        line-height: 24px;
    }
    .RFfontExLarge {
        font-size:  24px;
        line-height: 32px;
    }
    @media screen and (max-width: 500px){
        .RFfontExLarge.fontResponsive, .RFfontExLarge.optionMobileResponsive{
            //letter-spacing: 2px;
            font-size: 24px;
            line-height: 24px;
        }
        .RFfontLarge.optionMobileResponsive{
            font-size: 14px;
        }
        .RFheader6.optionMobileResponsive{
            font-size: 18px;
            line-height: 24px;
        }
    }
    h6.RFheader, .RFheader6, .clarityFont2532 {
        font-size:  24px;
        line-height: 32px;
    }
    h5.RFheader, .RFheader5 {
        font-size:  30px;
        line-height: 40px;
    }
    h4.RFheader, .RFheader4 {
        font-size:  35px;
        line-height: 40px!important;
    }
    h3.RFheader, .RFheader3 {
        font-size:  40px;
        line-height: 48px!important;
    }
    h2.RFheader, .RFheader2 {
        font-size:  45px;
        line-height: 56px!important;
    }
    h1.RFheader, .RFheader1 {
        font-size:  50px!important;
        line-height: 56px!important;
    }
    .lhHeader3{
        line-height: 48px;
    }
    @media screen and (max-width: 768px) {
        .RFheader4.optionMobileResponsive {
            font-size: 24px;
            line-height: 32px;
        } 
        .RFheader5.optionMobileResponsive {
            font-size: 24px;
            line-height: 32px;
        } 
    }

    .clarityFont1016, .clarityFont1024, .clarityFont1216, .clarityFont1616, .clarityFont1416, .clarityFont1424, .clarityFont1624, .clarityFont1824, .clarityFont2532, .clarityFont3040, .clarityFont3540, .clarityFont4048, .clarityFont4556,  .clarityFont5056, .RFheader6, .RFheader5, .RFheader4, .RFheader3, .RFheader2, .RFheader1, .RFfontExSmall, .RFfontLegal, .RFfontSmall, .RFfontSmallTight, .RFfontMedium, .RFfontMediumTight, .RFfontLarge {
        //  padding: 0px;
        //  margin: 0px;
        // width: auto;
    }

    p.RFfontSmall, p.RFfontMedium, p.RFfontLarge{
        padding: 0px;
        margin: 0px;
        //  margin-bottom: 24px;
    }


    [class*="RFfont"], [class*="RFheader"] {

    }


    [class*="RFfont"] ~ p {
        padding: 0px;
        margin-top: 0px;
    }
    [class*="RFfont"] ~ p {
    }



    [class*="RFfont"] p:last-of-type {

        margin-bottom: 0px;
    }




    .gothicLeftMarginAdjust{
        margin-left: -.6%;
    }







    .underline, .underline > * {
        text-decoration: underline;
    }



















    .RFgothamExLight{
        color: #ff00ff!important;
        opacity: .2;
        background-color: #eeddcc;
        font-family: RFgothamExLight,Helvetica,Arial,sans-serif;
    }
    .RFgothamLight{
        color: #ff00ff!important;
        opacity: .2;
        background-color: #eeddcc;
        font-family: RFgothamLight,Helvetica,Arial,sans-serif;
    }
    .RFgotham, .RFgothamBook{
        color: #ff00ff!important;
        opacity: .2;
        background-color: #eeddcc;
        font-family: RFgothamBook,Helvetica,Arial,sans-serif;
    }
    .RFgothamMedium{
        color: #ff00ff!important;
        opacity: .2;
        background-color: #eeddcc;
        font-family: RFgothamMedium,Helvetica,Arial,sans-serif;
    }
    .RFgothamBold{
        color: #ff00ff!important;
        opacity: .2;
        background-color: #eeddcc;
        font-family: RFgothamBold,Helvetica,Arial,sans-serif;
    }
    .RFgothamBlack{
        color: #ff00ff!important;
        opacity: .2;
        background-color: #eeddcc;
        font-family: RFgothamBlack,Helvetica,Arial,sans-serif;
    }

    [class*=" RFheader"]{
        color: #eeddcc!important;
    }

    .serif, .RFbodoni{
        font-family: RFbodoni, "Times New Roman", Times, serif!important;
        letter-spacing: 1px;
        //  font-size: 103%;

    }
    .serif + .italic, .RFbodoni + .italic, .RFbodoniItalic{
        font-family: RFbodoniItalic, "Times New Roman", Times, serif!important;
        //  font-style: italic;

    }



    .RFdisplayRegular{
        font-family: RFdisplayRegular, "Times New Roman", Times, serif;
        letter-spacing: 0px;
    }
    .RFdisplayItalic{
        font-family: RFdisplayItalic, "Times New Roman Italic", Times, serif;
        letter-spacing: 0px;
    }
    .RFcaptionItalic{
        font-family: RFcaptionItalic, "Times New Roman Italic", Times, serif;
        letter-spacing: 0px;
    }



    .RFtradeGothicLight{
        font-family: RFtradeGothicLight;
    }
    .RFtradeGothicLightOblique{
        font-family: RFtradeGothicLightOblique;
    }
    .RFtradeGothicCondensed18{
        font-family: RFtradeGothicCondensed18;
    }






    .gothic, .RFbankGothicBold{
        position: relative;
        font-family: RFbankGothicBold;
        font-size: 140.1%;
    }
    .gothic, .RFbankGothic{
        position: relative;
        font-family: RFbankGothic;
        font-size: 140.1%;
    }

    .clarityFont5064 .RFbankGothic {
        letter-spacing: -5px;
    }

    .logoPlus {
        position: relative;
        font-size: 85%!important;


    }
    .RFgotham:hover {
        //  font-size: 100%;
    }

    .clearFontSize{
        font-size: 100%;
    }