@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');

:root {

    /* Expand navigation width */
    --expand-nav-width: 60px;

    /* More header sizes */
    --small-header-half: calc(var(--small-header) / 2);
    --large-header-half: calc(var(--large-header) / 2);
    --large-header-quarter: calc(var(--large-header) / 4);

    /* Main navigation sizes */
    --nav-main-height: var(--large-header);

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors:193,108,107;
    --form-warning:240,173,78;
    --form-success:92,184,92;

    /* Item widths */
    --items-1:100%;
    --items-2:50%;
    --items-3:33.3333333%;
    --items-4:25%;
    --items-5:20%;
    --items-6:16.6666667%;
    --items-7:14.2857143%;
    --items-8:12.5%;

    /* Window heights */
    --windows_basic: 50vh;
    --windows_basic_PX: 375px;

    --windows-1_basic: 100vh;
    --windows-1_basic_PX: 62.5%;
    --windows-2_basic: 100vh;
    --windows-2_basic_PX: 75%;
    --windows-3_basic: 70vh;
    --windows-3_basic_PX: 100%;
    --windows-4_basic: 50vh;
    --windows-4_basic_PX: 75%;

    --windows-3_big-item: 100vh;
    --windows-3_big-item_PX: 750px;
    --windows-3_small-item: 50vh;
    --windows-3_small-item_PX: 375px;

    --windows-4_big-item: 55vh;
    --windows-4_big-item_PX: 475px;
    --windows-4_small-item: 45vh;
    --windows-4_small-item_PX: 375px;

    /* Banner heights */
    --takeover-banner: 100vh;
    --medium-banner: 65vh;
    --medium-bannerPX: 450px;
    --short-banner: 50vh;
    --short-bannerPX: 340px;

    /* Lazyframe buttons*/
    --youtube-bg: 229,45,39;
    --vimeo-bg: 0,173,239;

    /* Component max-width */
    --component-max-width: 1350px;

    /* Modal max-width */
    --modal-opacity: 0.75;
    --modal-components-max-width: 1800px;
    --modal-pods-max-width: 645px;
    

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1600px;

    --site-spacing_sm: 0px;
    --site-spacing_lg: 0px;

    --notification-spacing_below_sm: 0px;
    --notification-spacing_side_sm: 0px;
    --notification-spacing_below_lg: 0px;
    --notification-spacing_side_lg: 0px;
    
    --backtotop-size_sm: 40px;
    --backtotop-size_lg: 50px;
    
    --backtotop-spacing_side_sm: 20px;
    --backtotop-spacing_below_sm: 20px;
    --backtotop-spacing_side_lg: 20px;
    --backtotop-spacing_below_lg: 20px;

    --site-box-shadow_h: 0px;
    --site-box-shadow_v: 0px;
    --site-box-shadow_b: 100px;
    --site-box-shadow_o: 0.1;

    --small-breakpoint: 991px;
    --large-breakpoint: 992px;

    --header-max-width: 1350px;
    --small-header: 80px;
    --large-header: 65px;

    --header-box-shadow_h: 0px;
    --header-box-shadow_v: 2px;
    --header-box-shadow_b: 2px;
    --header-box-shadow_o: 0.05;

    --nav-main-dropdown-width: 240px;
    --nav-main-dropdown-width_wide: 480px;

    --logo_sm-padding_top: 10px;
    --logo_sm-padding_right: 10px;
    --logo_sm-padding_bottom: 10px;
    --logo_sm-padding_left: 10px;

    --logo_lg-padding_top: 15px;
    --logo_lg-padding_right: 20px;
    --logo_lg-padding_bottom: 15px;
    --logo_lg-padding_left: 20px;

    --base-spacing: 50px;
    --base-half-spacing: 30px;
    --base-border-width: 2px;
    --base-border-radius: 20px;

    --base-box-shadow_h: 0px;
    --base-box-shadow_v: 0px;
    --base-box-shadow_b: 15px;
    --base-box-shadow_o: 0.1;

    --content-col_pc-spacing: 75px;
    --pc-spacing: 30px;
    --pc-spacing_sm: 30px;
    --pc-spacing_md: 40px;
    --pc-spacing_lg: 55px;
    --pc-spacing_xl: 75px;

    --intro-col: 100%;
    --intro-col_sm: 100%;
    --intro-col_md: 90%;
    --intro-col_lg: 80%;
    --intro-col_xl: 75%;

    --outro-col: 100%;
    --outro-col_sm: 100%;
    --outro-col_md: 90%;
    --outro-col_lg: 80%;
    --outro-col_xl: 75%;

    --center-col: 100%;
    --center-col_sm: 100%;
    --center-col_md: 90%;
    --center-col_lg: 65%;
    --center-col_xl: 50%;

    --banner-col: 100%;
    --banner-col_sm: 100%;
    --banner-col_md: 90%;
    --banner-col_lg: 80%;
    --banner-col_xl: 75%;

    --form-field-border-width: 2px;
    --form-field-border-radius: 80px;

    --btn-border-width: 2px;
    --btn-border-radius: 80px;

    --btn-box-shadow_h: 0px;
    --btn-box-shadow_v: 0px;
    --btn-box-shadow_b: 0px;
    --btn-box-shadow_o: 0;

    --btn_sm-padding_top: 8px;
    --btn_sm-padding_right: 28px;
    --btn_sm-padding_bottom: 8px;
    --btn_sm-padding_left: 28px;

    --btn-padding_top: 13px;
    --btn-padding_right: 36px;
    --btn-padding_bottom: 13px;
    --btn-padding_left: 36px;

    --btn_lg-padding_top:  16px;
    --btn_lg-padding_right:  40px;
    --btn_lg-padding_bottom:  16px;
    --btn_lg-padding_left:  40px;

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 255, 255, 255;
    --body-bg-color2:  0, 0, 0;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 255, 255, 255;
    --header-bg-color2:  0, 0, 0;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 0, 107, 162;
    --header-borders: 0, 0, 0;
    --header-highlight: 0, 0, 0;
    
    /* Main Navigation */
    --main-navigation-link: 255, 255, 255;
    --main-navigation-link-hover: 255, 255, 255;
    --main-navigation-link-active: 255, 243, 195;

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 0, 107, 162;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 0, 107, 162;
    --secondary-navigation-link-hover: 46, 46, 46;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 212, 230, 242;
    --navigation-dropdown-color2:  0, 0, 0;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 0, 107, 162;
    --navigation-dropdown-link-hover: 46, 46, 46;
    --navigation-dropdown-link-active: 0, 107, 162;
    
    /* Content */
    --base-bg-color1: 255, 255, 255;
    --base-bg-color2:  0, 0, 0;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 81, 33, 120;
    --base-secondary-heading: 46, 46, 46;
    --base-text: 46, 46, 46;
    --base-link: 46, 46, 46;
    --base-link-hover: 0, 107, 162;
    --base-borders: 0, 107, 162;
    --base-highlight: 0, 107, 162;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 0, 156, 138;
    --base-btn-bg-color2:  0, 0, 0;
    --base-btn-bg-start-perc: 50%;
    --base-btn-bg-stop-perc: 50%;
    --base-btn-bg-angle: 90deg;
    --base-btn-text: 255, 255, 255;
    --base-btn-borders: 0, 156, 138;
    --base-btn-bg-hover-color1: 0, 107, 162;
    --base-btn-bg-hover-color2:  53, 53, 53;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 255, 255, 255;
    --base-btn-borders-hover: 0, 107, 162;
    
    /* Footer */
    --footer-bg-color1: 0, 107, 162;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 255, 255, 255;
    --footer-link: 255, 255, 255;
    --footer-link-hover: 255, 243, 195;
    --footer-borders: 255, 255, 255;
    --footer-highlight: 255, 255, 255;

    --c1-bg-color1: 255, 255, 255;
--c1-bg-color2:  0, 0, 0;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 0, 107, 162;
--c1-secondary-heading: 0, 107, 162;
--c1-text: 46, 46, 46;
--c1-link: 46, 46, 46;
--c1-link-hover: 0, 0, 0;
--c1-borders: 0, 107, 162;
--c1-highlight: 0, 107, 162;
--c1-highlight-text: 255, 255, 255;
--c2-bg-color1: 81, 33, 120;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 255, 255, 255;
--c2-secondary-heading: 255, 255, 255;
--c2-text: 255, 255, 255;
--c2-link: 255, 255, 255;
--c2-link-hover: 236, 236, 236;
--c2-borders: 255, 255, 255;
--c2-highlight: 109, 75, 137;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 212, 230, 242;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 81, 33, 120;
--c3-secondary-heading: 46, 46, 46;
--c3-text: 46, 46, 46;
--c3-link: 46, 46, 46;
--c3-link-hover: 0, 0, 0;
--c3-borders: 255, 255, 255;
--c3-highlight: 255, 255, 255;
--c3-highlight-text: 0, 0, 0;
--c4-bg-color1: 255, 236, 162;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 81, 33, 120;
--c4-secondary-heading: 81, 33, 120;
--c4-text: 46, 46, 46;
--c4-link: 46, 46, 46;
--c4-link-hover: 0, 0, 0;
--c4-borders: 81, 33, 120;
--c4-highlight: 81, 33, 120;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 227, 227, 242;
--c5-bg-color2:  0, 0, 0;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 81, 33, 120;
--c5-secondary-heading: 81, 33, 120;
--c5-text: 46, 46, 46;
--c5-link: 46, 46, 46;
--c5-link-hover: 0, 0, 0;
--c5-borders: 0, 0, 0;
--c5-highlight: 81, 33, 120;
--c5-highlight-text: 255, 255, 255;
--c6-bg-color1: 219, 237, 222;
--c6-bg-color2:  0, 0, 0;
--c6-bg-start-perc: 50%;
--c6-bg-stop-perc: 50%;
--c6-bg-angle: 90deg;
--c6-heading: 81, 33, 120;
--c6-secondary-heading: 81, 33, 120;
--c6-text: 46, 46, 46;
--c6-link: 46, 46, 46;
--c6-link-hover: 0, 0, 0;
--c6-borders: 81, 33, 120;
--c6-highlight: 81, 33, 120;
--c6-highlight-text: 255, 255, 255;
--c7-bg-color1: 0, 107, 162;
--c7-bg-color2:  0, 0, 0;
--c7-bg-start-perc: 50%;
--c7-bg-stop-perc: 50%;
--c7-bg-angle: 90deg;
--c7-heading: 255, 255, 255;
--c7-secondary-heading: 255, 255, 255;
--c7-text: 255, 255, 255;
--c7-link: 255, 255, 255;
--c7-link-hover: 255, 255, 255;
--c7-borders: 255, 255, 255;
--c7-highlight: 255, 255, 255;
--c7-highlight-text: 0, 107, 162;
--c8-bg-color1: 255, 226, 113;
--c8-bg-color2:  0, 0, 0;
--c8-bg-start-perc: 50%;
--c8-bg-stop-perc: 50%;
--c8-bg-angle: 90deg;
--c8-heading: 81, 33, 120;
--c8-secondary-heading: 46, 46, 46;
--c8-text: 46, 46, 46;
--c8-link: 46, 46, 46;
--c8-link-hover: 0, 0, 0;
--c8-borders: 81, 33, 120;
--c8-highlight: 81, 33, 120;
--c8-highlight-text: 255, 255, 255;


    --c1-btn-bg-color1:  255, 255, 255;
--c1-btn-bg-color2:  0, 0, 0;
--c1-btn-bg-start-perc: 50%;
--c1-btn-bg-stop-perc: 50%;
--c1-btn-bg-angle: 90deg;
--c1-btn-text: 0, 107, 162;
--c1-btn-borders: 0, 107, 162;
--c1-btn-bg-hover-color1:  0, 107, 162;
--c1-btn-bg-hover-color2:  255, 255, 255;
--c1-btn-bg-hover-start-perc: 50%;
--c1-btn-bg-hover-stop-perc: 50%;
--c1-btn-bg-hover-angle: 90deg;
--c1-btn-text-hover: 255, 255, 255;
--c1-btn-borders-hover: 0, 107, 162;
--c2-btn-bg-color1:  81, 33, 120;
--c2-btn-bg-color2:  0, 0, 0;
--c2-btn-bg-start-perc: 50%;
--c2-btn-bg-stop-perc: 50%;
--c2-btn-bg-angle: 90deg;
--c2-btn-text: 255, 255, 255;
--c2-btn-borders: 81, 33, 120;
--c2-btn-bg-hover-color1:  255, 255, 255;
--c2-btn-bg-hover-color2:  255, 255, 255;
--c2-btn-bg-hover-start-perc: 50%;
--c2-btn-bg-hover-stop-perc: 50%;
--c2-btn-bg-hover-angle: 90deg;
--c2-btn-text-hover: 81, 33, 120;
--c2-btn-borders-hover: 81, 33, 120;
--c3-btn-bg-color1:  255, 255, 255;
--c3-btn-bg-color2:  0, 0, 0;
--c3-btn-bg-start-perc: 50%;
--c3-btn-bg-stop-perc: 50%;
--c3-btn-bg-angle: 90deg;
--c3-btn-text: 46, 46, 46;
--c3-btn-borders: 46, 46, 46;
--c3-btn-bg-hover-color1:  46, 46, 46;
--c3-btn-bg-hover-color2:  255, 255, 255;
--c3-btn-bg-hover-start-perc: 50%;
--c3-btn-bg-hover-stop-perc: 50%;
--c3-btn-bg-hover-angle: 90deg;
--c3-btn-text-hover: 255, 255, 255;
--c3-btn-borders-hover: 46, 46, 46;
--c4-btn-bg-color1:  0, 107, 162;
--c4-btn-bg-color2:  0, 0, 0;
--c4-btn-bg-start-perc: 50%;
--c4-btn-bg-stop-perc: 50%;
--c4-btn-bg-angle: 90deg;
--c4-btn-text: 255, 255, 255;
--c4-btn-borders: 255, 255, 255;
--c4-btn-bg-hover-color1:  46, 46, 46;
--c4-btn-bg-hover-color2:  255, 255, 255;
--c4-btn-bg-hover-start-perc: 50%;
--c4-btn-bg-hover-stop-perc: 50%;
--c4-btn-bg-hover-angle: 90deg;
--c4-btn-text-hover: 236, 236, 236;
--c4-btn-borders-hover: 236, 236, 236;
--c5-btn-bg-color1:  0, 156, 138;
--c5-btn-bg-color2:  0, 0, 0;
--c5-btn-bg-start-perc: 50%;
--c5-btn-bg-stop-perc: 50%;
--c5-btn-bg-angle: 90deg;
--c5-btn-text: 255, 255, 255;
--c5-btn-borders: 0, 156, 138;
--c5-btn-bg-hover-color1:  46, 46, 46;
--c5-btn-bg-hover-color2:  255, 255, 255;
--c5-btn-bg-hover-start-perc: 50%;
--c5-btn-bg-hover-stop-perc: 50%;
--c5-btn-bg-hover-angle: 90deg;
--c5-btn-text-hover: 255, 255, 255;
--c5-btn-borders-hover: 46, 46, 46;


    /* Fonts tab */
    
    --body-typography_font-name: 'Poppins',sans-serif;
    --body-typography_font-weight: 400;
    --body-typography_font-style: normal;
    --body-typography_font-line-height: 150%;
    --body-typography_font-letter-spacing: 0.01px;
    --body-typography_font-transform: None;

    --body-typography_font-size: 16px; 
    --body-typography_font-size_sm: 16px; 
    --body-typography_font-size_md: 18px; 
    --body-typography_font-size_lg: 20px; 
    --body-typography_font-size_xl: 20px; 

    --h1-typography_font-name: 'Poppins',sans-serif;
    --h1-typography_font-weight: 700;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 120%;
    --h1-typography_font-letter-spacing: -0.06px;
    --h1-typography_font-transform: None;

    --h1-typography_font-size: 28px; 
    --h1-typography_font-size_sm: 27px; 
    --h1-typography_font-size_md: 36px; 
    --h1-typography_font-size_lg: 42px; 
    --h1-typography_font-size_xl: 46px; 

    --h2-typography_font-name: 'Poppins',sans-serif;
    --h2-typography_font-weight: 700;
    --h2-typography_font-style: normal;
    --h2-typography_font-line-height: 120%;
    --h2-typography_font-letter-spacing: 0px;
    --h2-typography_font-transform: None;

    --h2-typography_font-size: 26px; 
    --h2-typography_font-size_sm: 28px; 
    --h2-typography_font-size_md: 32px; 
    --h2-typography_font-size_lg: 34px; 
    --h2-typography_font-size_xl: 37px; 

    --h3-typography_font-name: 'Poppins',sans-serif;
    --h3-typography_font-weight: 700;
    --h3-typography_font-style: normal;
    --h3-typography_font-line-height: 120%;
    --h3-typography_font-letter-spacing: 0px;
    --h3-typography_font-transform: None;

    --h3-typography_font-size: 24px; 
    --h3-typography_font-size_sm: 26px; 
    --h3-typography_font-size_md: 28px; 
    --h3-typography_font-size_lg: 32px; 
    --h3-typography_font-size_xl: 36px; 

    --h4-typography_font-name: 'Poppins',sans-serif;
    --h4-typography_font-weight: 700;
    --h4-typography_font-style: normal;
    --h4-typography_font-line-height: 120%;
    --h4-typography_font-letter-spacing: 0px;
    --h4-typography_font-transform: None;

    --h4-typography_font-size: 22px; 
    --h4-typography_font-size_sm: 23px; 
    --h4-typography_font-size_md: 25px; 
    --h4-typography_font-size_lg: 30px; 
    --h4-typography_font-size_xl: 32px; 

    --h5-typography_font-name: 'Poppins',sans-serif;
    --h5-typography_font-weight: 700;
    --h5-typography_font-style: normal;
    --h5-typography_font-line-height: 120%;
    --h5-typography_font-letter-spacing: 0px;
    --h5-typography_font-transform: None;

    --h5-typography_font-size: 20px; 
    --h5-typography_font-size_sm: 21px; 
    --h5-typography_font-size_md: 22px; 
    --h5-typography_font-size_lg: 28px; 
    --h5-typography_font-size_xl: 28px; 

    --h6-typography_font-name: 'Poppins',sans-serif;
    --h6-typography_font-weight: 700;
    --h6-typography_font-style: normal;
    --h6-typography_font-line-height: 120%;
    --h6-typography_font-letter-spacing: 0px;
    --h6-typography_font-transform: None;

    --h6-typography_font-size: 18px; 
    --h6-typography_font-size_sm: 17px; 
    --h6-typography_font-size_md: 20px; 
    --h6-typography_font-size_lg: 21px; 
    --h6-typography_font-size_xl: 26px; 

    --p-heading-typography_font-name: 'Poppins',sans-serif;
    --p-heading-typography_font-weight: 700;
    --p-heading-typography_font-style: normal;
    --p-heading-typography_font-line-height: 120%;
    --p-heading-typography_font-letter-spacing: 0px;
    --p-heading-typography_font-transform: None;

    --p-heading-typography_font-size: 22px; 
    --p-heading-typography_font-size_sm: 24px; 
    --p-heading-typography_font-size_md: 26px; 
    --p-heading-typography_font-size_lg: 28px; 
    --p-heading-typography_font-size_xl: 28px; 

    --p-heading_small-typography_font-name: 'Poppins',sans-serif;
    --p-heading_small-typography_font-weight: 700;
    --p-heading_small-typography_font-style: normal;
    --p-heading_small-typography_font-line-height: 120%;
    --p-heading_small-typography_font-letter-spacing: 0px;
    --p-heading_small-typography_font-transform: None;

    --p-heading_small-typography_font-size: 20px; 
    --p-heading_small-typography_font-size_sm: 22px; 
    --p-heading_small-typography_font-size_md: 22px; 
    --p-heading_small-typography_font-size_lg: 24px; 
    --p-heading_small-typography_font-size_xl: 24px; 

    --p-heading_large-typography_font-name: 'Poppins',sans-serif;
    --p-heading_large-typography_font-weight: 700;
    --p-heading_large-typography_font-style: normal;
    --p-heading_large-typography_font-line-height: 120%;
    --p-heading_large-typography_font-letter-spacing: 0px;
    --p-heading_large-typography_font-transform: None;

    --p-heading_large-typography_font-size: 26px; 
    --p-heading_large-typography_font-size_sm: 28px; 
    --p-heading_large-typography_font-size_md: 30px; 
    --p-heading_large-typography_font-size_lg: 38px; 
    --p-heading_large-typography_font-size_xl: 42px; 

    --p-intro-typography_font-name: 'Poppins',sans-serif;
    --p-intro-typography_font-weight: 400;
    --p-intro-typography_font-style: normal;
    --p-intro-typography_font-line-height: 140%;
    --p-intro-typography_font-letter-spacing: 0px;
    --p-intro-typography_font-transform: None;

    --p-intro-typography_font-size: 22px; 
    --p-intro-typography_font-size_sm: 22px; 
    --p-intro-typography_font-size_md: 24px; 
    --p-intro-typography_font-size_lg: 26px; 
    --p-intro-typography_font-size_xl: 26px; 

    --p-intro_small-typography_font-name: 'Poppins',sans-serif;
    --p-intro_small-typography_font-weight: 400;
    --p-intro_small-typography_font-style: normal;
    --p-intro_small-typography_font-line-height: 140%;
    --p-intro_small-typography_font-letter-spacing: 0px;
    --p-intro_small-typography_font-transform: None;

    --p-intro_small-typography_font-size: 20px; 
    --p-intro_small-typography_font-size_sm: 20px; 
    --p-intro_small-typography_font-size_md: 22px; 
    --p-intro_small-typography_font-size_lg: 24px; 
    --p-intro_small-typography_font-size_xl: 24px;  

    --p-intro_large-typography_font-name: 'Poppins',sans-serif;
    --p-intro_large-typography_font-weight: 400;
    --p-intro_large-typography_font-style: normal;
    --p-intro_large-typography_font-line-height: 130%;
    --p-intro_large-typography_font-letter-spacing: -0.15px;
    --p-intro_large-typography_font-transform: None;

    --p-intro_large-typography_font-size: 26px; 
    --p-intro_large-typography_font-size_sm: 26px; 
    --p-intro_large-typography_font-size_md: 28px; 
    --p-intro_large-typography_font-size_lg: 30px; 
    --p-intro_large-typography_font-size_xl: 32px;  

    --secondary-heading-typography_font-name: 'Poppins',sans-serif;
    --secondary-heading-typography_font-weight: 400;
    --secondary-heading-typography_font-style: normal;
    --secondary-heading-typography_font-line-height: 120%;
    --secondary-heading-typography_font-letter-spacing: 0px;
    --secondary-heading-typography_font-transform: None;

    --secondary-heading-typography_font-size: 16px; 
    --secondary-heading-typography_font-size_sm: 16px; 
    --secondary-heading-typography_font-size_md: 17px; 
    --secondary-heading-typography_font-size_lg: 17px; 
    --secondary-heading-typography_font-size_xl: 17px;  

    --secondary-heading_small-typography_font-name: 'Poppins',sans-serif;
    --secondary-heading_small-typography_font-weight: 400;
    --secondary-heading_small-typography_font-style: normal;
    --secondary-heading_small-typography_font-line-height: 120%;
    --secondary-heading_small-typography_font-letter-spacing: 0px;
    --secondary-heading_small-typography_font-transform: None;

    --secondary-heading_small-typography_font-size: 15px; 
    --secondary-heading_small-typography_font-size_sm: 15px; 
    --secondary-heading_small-typography_font-size_md: 16px; 
    --secondary-heading_small-typography_font-size_lg: 16px; 
    --secondary-heading_small-typography_font-size_xl: 16px;  

    --secondary-heading_large-typography_font-name: 'Poppins',sans-serif;
    --secondary-heading_large-typography_font-weight: 400;
    --secondary-heading_large-typography_font-style: normal;
    --secondary-heading_large-typography_font-line-height: 120%;
    --secondary-heading_large-typography_font-letter-spacing: 0px;
    --secondary-heading_large-typography_font-transform: None;

    --secondary-heading_large-typography_font-size: 18px; 
    --secondary-heading_large-typography_font-size_sm: 18px; 
    --secondary-heading_large-typography_font-size_md: 19px; 
    --secondary-heading_large-typography_font-size_lg: 19px; 
    --secondary-heading_large-typography_font-size_xl: 19px;  

    --blockquote-typography_font-name: 'Poppins',sans-serif;
    --blockquote-typography_font-weight: 400;
    --blockquote-typography_font-style: normal;
    --blockquote-typography_font-line-height: 140%;
    --blockquote-typography_font-letter-spacing: -0.25px;
    --blockquote-typography_font-transform: None;

    --blockquote-typography_font-size: 23px; 
    --blockquote-typography_font-size_sm: 23px; 
    --blockquote-typography_font-size_md: 24px; 
    --blockquote-typography_font-size_lg: 26px; 
    --blockquote-typography_font-size_xl: 26px;  

    --blockquote_small-typography_font-name: 'Poppins',sans-serif;
    --blockquote_small-typography_font-weight: 400;
    --blockquote_small-typography_font-style: normal;
    --blockquote_small-typography_font-line-height: 140%;
    --blockquote_small-typography_font-letter-spacing: -0.25px;
    --blockquote_small-typography_font-transform: None;

    --blockquote_small-typography_font-size: 18px; 
    --blockquote_small-typography_font-size_sm: 18px; 
    --blockquote_small-typography_font-size_md: 20px; 
    --blockquote_small-typography_font-size_lg: 22px; 
    --blockquote_small-typography_font-size_xl: 22px;  

    --blockquote_large-typography_font-name: 'Poppins',sans-serif;
    --blockquote_large-typography_font-weight: 400;
    --blockquote_large-typography_font-style: normal;
    --blockquote_large-typography_font-line-height: 140%;
    --blockquote_large-typography_font-letter-spacing: -0.25px;
    --blockquote_large-typography_font-transform: None;

    --blockquote_large-typography_font-size: 26px; 
    --blockquote_large-typography_font-size_sm: 26px; 
    --blockquote_large-typography_font-size_md: 28px; 
    --blockquote_large-typography_font-size_lg: 30px; 
    --blockquote_large-typography_font-size_xl: 32px;  

    --btn-typography_font-name: 'Poppins',sans-serif;
    --btn-typography_font-weight: 700;
    --btn-typography_font-style: normal;
    --btn-typography_font-line-height: 150%;
    --btn-typography_font-letter-spacing: 0px;
    --btn-typography_font-transform: None;

    --btn-typography_font-size: 16px; 
    --btn-typography_font-size_sm: 16px; 
    --btn-typography_font-size_md: 20px; 
    --btn-typography_font-size_lg: 20px; 
    --btn-typography_font-size_xl: 20px;  

    --btn_small-typography_font-name: 'Poppins',sans-serif;
    --btn_small-typography_font-weight: 700;
    --btn_small-typography_font-style: normal;
    --btn_small-typography_font-line-height: 150%;
    --btn_small-typography_font-letter-spacing: 0px;
    --btn_small-typography_font-transform: None;

    --btn_small-typography_font-size: 16px; 
    --btn_small-typography_font-size_sm: 16px; 
    --btn_small-typography_font-size_md: 16px; 
    --btn_small-typography_font-size_lg: 18px; 
    --btn_small-typography_font-size_xl: 19px;   

    --btn_large-typography_font-name: 'Poppins',sans-serif;
    --btn_large-typography_font-weight: 700;
    --btn_large-typography_font-style: normal;
    --btn_large-typography_font-line-height: 150%;
    --btn_large-typography_font-letter-spacing: 0px;
    --btn_large-typography_font-transform: None;

    --btn_large-typography_font-size: 16px; 
    --btn_large-typography_font-size_sm: 16px; 
    --btn_large-typography_font-size_md: 19px; 
    --btn_large-typography_font-size_lg: 20px; 
    --btn_large-typography_font-size_xl: 20px;  

    --main-navigation-typography_font-name: 'Poppins',sans-serif;
    --main-navigation-typography_font-weight: 700;
    --main-navigation-typography_font-style: normal;
    --main-navigation-typography_font-line-height: 150%;
    --main-navigation-typography_font-letter-spacing: 0px;
    --main-navigation-typography_font-transform: None;

    --main-navigation-typography_font-size: 18px; 
    --main-navigation-typography_font-size_sm: 18px; 
    --main-navigation-typography_font-size_md: 18px; 
    --main-navigation-typography_font-size_lg: 20px; 
    --main-navigation-typography_font-size_xl: 22px; 

    --main-navigation_dropdowns-typography_font-name: 'Poppins',sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 700;
    --main-navigation_dropdowns-typography_font-style: normal;
    --main-navigation_dropdowns-typography_font-line-height: 150%;
    --main-navigation_dropdowns-typography_font-letter-spacing: 0px;
    --main-navigation_dropdowns-typography_font-transform: None;

    --main-navigation_dropdowns-typography_font-size: 16px; 
    --main-navigation_dropdowns-typography_font-size_sm: 16px; 
    --main-navigation_dropdowns-typography_font-size_md: 16px; 
    --main-navigation_dropdowns-typography_font-size_lg: 16px; 
    --main-navigation_dropdowns-typography_font-size_xl: 16px;  

    --secondary-navigation-typography_font-name: 'Poppins',sans-serif;
    --secondary-navigation-typography_font-weight: 700;
    --secondary-navigation-typography_font-style: normal;
    --secondary-navigation-typography_font-line-height: 150%;
    --secondary-navigation-typography_font-letter-spacing: 0px;
    --secondary-navigation-typography_font-transform: None;

    --secondary-navigation-typography_font-size: 18px; 
    --secondary-navigation-typography_font-size_sm: 18px; 
    --secondary-navigation-typography_font-size_md: 20px; 
    --secondary-navigation-typography_font-size_lg: 22px; 
    --secondary-navigation-typography_font-size_xl: 22px;  

    --sub-navigation-typography_font-name: 'Poppins',sans-serif;
    --sub-navigation-typography_font-weight: 700;
    --sub-navigation-typography_font-style: normal;
    --sub-navigation-typography_font-line-height: 150%;
    --sub-navigation-typography_font-letter-spacing: 0px;
    --sub-navigation-typography_font-transform: None;

    --sub-navigation-typography_font-size: 16px; 
    --sub-navigation-typography_font-size_sm: 16px; 
    --sub-navigation-typography_font-size_md: 18px; 
    --sub-navigation-typography_font-size_lg: 20px; 
    --sub-navigation-typography_font-size_xl: 22px;  

    --footer-navigation-typography_font-name: 'Poppins',sans-serif;
    --footer-navigation-typography_font-weight: 400;
    --footer-navigation-typography_font-style: normal;
    --footer-navigation-typography_font-line-height: 150%;
    --footer-navigation-typography_font-letter-spacing: 0px;
    --footer-navigation-typography_font-transform: None;

    --footer-navigation-typography_font-size: 16px; 
    --footer-navigation-typography_font-size_sm: 16px; 
    --footer-navigation-typography_font-size_md: 16px; 
    --footer-navigation-typography_font-size_lg: 20px; 
    --footer-navigation-typography_font-size_xl: 20px;  

    --breadcrumb-navigation-typography_font-name: 'Poppins',sans-serif;
    --breadcrumb-navigation-typography_font-weight: 400;
    --breadcrumb-navigation-typography_font-style: normal;
    --breadcrumb-navigation-typography_font-line-height: 150%;
    --breadcrumb-navigation-typography_font-letter-spacing: 0px;
    --breadcrumb-navigation-typography_font-transform: None;

    --breadcrumb-navigation-typography_font-size: 16px; 
    --breadcrumb-navigation-typography_font-size_sm: 16px; 
    --breadcrumb-navigation-typography_font-size_md: 18px; 
    --breadcrumb-navigation-typography_font-size_lg: 20px; 
    --breadcrumb-navigation-typography_font-size_xl: 20px;  

    --anchor-navigation-typography_font-name: 'Poppins',sans-serif;
    --anchor-navigation-typography_font-weight: 700;
    --anchor-navigation-typography_font-style: normal;
    --anchor-navigation-typography_font-line-height: 150%;
    --anchor-navigation-typography_font-letter-spacing: 0px;
    --anchor-navigation-typography_font-transform: None;

    --anchor-navigation-typography_font-size: 18px; 
    --anchor-navigation-typography_font-size_sm: 18px; 
    --anchor-navigation-typography_font-size_md: 20px; 
    --anchor-navigation-typography_font-size_lg: 22px; 
    --anchor-navigation-typography_font-size_xl: 22px;  

    --acc-tab-typography_font-name: 'Poppins',sans-serif;
    --acc-tab-typography_font-weight: 700;
    --acc-tab-typography_font-style: normal;
    --acc-tab-typography_font-line-height: 150%;
    --acc-tab-typography_font-letter-spacing: 0px;
    --acc-tab-typography_font-transform: None;

    --acc-tab-typography_font-size: 18px; 
    --acc-tab-typography_font-size_sm: 18px; 
    --acc-tab-typography_font-size_md: 20px; 
    --acc-tab-typography_font-size_lg: 22px; 
    --acc-tab-typography_font-size_xl: 23px;
    
    --logo-typography_font-name: 'Poppins',sans-serif;
    --logo-typography_font-weight: 400;
    --logo-typography_font-style: normal;
    --logo-typography_font-line-height: 140%;
    --logo-typography_font-letter-spacing: -0.25px;
    --logo-typography_font-transform: None;

    --logo-typography_font-size: 20px; 
    --logo-typography_font-size_sm: 22px; 
    --logo-typography_font-size_md: 22px; 
    --logo-typography_font-size_lg: 22px; 
    --logo-typography_font-size_xl: 22px; 

}


/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c1-bg,
.item.item_overlay .inner .image.c1-bg::before,
.usn_cmp_banner .item.item_overlay.c1-bg .inner::before { 
    background: rgba(var(--c1-bg-color1), 1); 
}

/* Backgrounds Linear */

.c1-bg.c1-bg-linear,
.item.item_overlay .inner .image.c1-bg.c1-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-linear .inner::before { 
    background: linear-gradient(var(--c1-bg-angle), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c1-bg.c1-bg-radial,
.item.item_overlay .inner .image.c1-bg.c1-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c1-bg.c1-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c1-bg-start-perc) var(--c1-bg-stop-perc), rgba(var(--c1-bg-color1), 1) 0%, rgba(var(--c1-bg-color2), 1) 100%); 
}


/* Headings */

.c1-bg h1:not(.heading), 
.c1-bg h2:not(.heading), 
.c1-bg h3:not(.heading), 
.c1-bg h4:not(.heading), 
.c1-bg h5:not(.heading), 
.c1-bg h6:not(.heading) { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-heading, 
.c1-bg .heading { 
    color: rgba(var(--c1-heading), 1); 
}


/* Secondary Headings */

.c1-secondary-heading, 
.c1-bg .c1-secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1); 
}


/* Text */

.c1-bg, 
.c1-bg .c1-text, 
.c1-text { 
    color: rgba(var(--c1-text), 1); 
}


/* Borders */

.c1-borders { 
    border-color: rgba(var(--c1-borders), 1); 
}


/* Links */

.c1-link, 
.c1-link,
.c1-bg a:not(.btn),
.c1-text a:not(.btn),
.c1-bg .c1-text a:not(.btn) { 
    color: rgba(var(--c1-link), 1); 
}

.c1-link:hover, 
.c1-link:focus, 
.c1-link:active, 
.c1-bg a:not(.btn):hover, 
.c1-bg a:not(.btn):focus, 
.c1-bg a:not(.btn):active,
.c1-bg a:not(.btn):hover,
.c1-bg a:not(.btn):focus,
.c1-bg a:not(.btn):active,
.c1-text a:not(.btn):hover,
.c1-text a:not(.btn):focus,
.c1-text a:not(.btn):active,
.c1-bg .c1-text a:not(.btn):hover,
.c1-bg .c1-text a:not(.btn):focus,
.c1-bg .c1-text a:not(.btn):active { 
    color: rgba(var(--c1-link-hover), 1); 
}


/* Highlights */

.c1-highlight-bg { 
    background-color: rgba(var(--c1-highlight), 1); 
}

.c1-bg blockquote::before, 
.component .component.c1-bg div > blockquote::before { 
    color: rgba(var(--c1-highlight), 1); 
}

.c1-highlight-text { 
    color: rgba(var(--c1-highlight-text), 1); 
}


.c1-heading { 
    color: rgba(var(--c1-heading), 1)!important; 
}

.c1-secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1)!important; 
}


.c1-bg .heading { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-bg .secondary-heading { 
    color: rgba(var(--c1-secondary-heading), 1); 
}

.c1-bg .quote, .c1-bg blockquote { 
    color: rgba(var(--c1-heading), 1); 
}

.c1-bg .quote::before, 
.c1-bg blockquote::before { 
    color: rgba(var(--c1-highlight), 1); 
}


/* Labels */
.c1-bg .label { background-color: rgba(var(--c1-highlight), 1); }

.c1-bg .label { color: rgba(var(--c1-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c1-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; }

.c1-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c1-highlight), 1); }

/* Button Tabs */
.c1-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } 

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }

.c1-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }

.c1-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c1-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c1-link), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); }


/* Linethrough Tabs */
.c1-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c1-link), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c1-link-hover), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c1-heading), 1); } 

.c1-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c1-heading), 1); }

.c1-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c1-heading), 1); }


/* Slider Navigation */
.c1-bg .slick-slider .slick-prev, .c1-bg .slick-slider .slick-next { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); }

html.no-touch .c1-bg .slick-slider .slick-prev:hover, html.no-touch .c1-bg .slick-slider .slick-next:hover { color: rgba(var(--c1-link-hover), 1); }

.c1-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c1-text), 1); }

html.no-touch .c1-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c1-link-hover), 1); }

.c1-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c1-highlight), 1); }

/* Forms */
.form .c1-bg .form-control { border-color: rgba(var(--c1-borders), 1); }

.form .c1-bg .form-control:focus { border-color: rgba(var(--c1-highlight), 1); box-shadow: 0 0 5px var(--c1-highlight);}


/* Ajax Loading */
.c1-bg .ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.c1-bg.ajax-wrap .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.ajax-wrap .c1-bg .ajax-loading { background: rgba(var(--c1-bg-color1), 1); }

.c1-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c1-borders), 1); border-top: 10px solid rgba(var(--c1-highlight), 1); }

.c1-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.c1-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.item_form-single_field .c1-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }

.item_form-single_field .ajax-wrap .c1-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c1-borders), 1); border-top: 5px solid rgba(var(--c1-highlight), 1); }


/* Links */
.c1-bg .listing.listing_links:not(.listing_links-mini), .c1-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c1-borders), 0.1); }

.c1-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c1-link), 1); }

.c1-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c1-link-hover), 1); }

 
/* Data List */                  
.c1-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c1-borders), 1); }

.c1-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c1-borders), 1); }


/* Sitemap */                
.c1-bg nav.sitemap ul li::before, .c1-bg nav.sitemap ul li::after { background-color: rgba(var(--c1-borders), 1); }

.c1-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c1-borders), 0.5); }


/* Tables */
.c1-bg thead { color: rgba(var(--c1-heading), 1); }

.c1-bg table, .c1-bg table th, .c1-bg table td { border-color: rgba(var(--c1-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c1-bg .expand { color: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand span:before { background: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand span { background: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg .expand span:after { background: rgba(var(--c1-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c1-link), 1); border-color: rgba(var(--c1-borders), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c1-borders), 0.15); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); background: rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); border-color: rgba(var(--c1-borders), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c1-heading), 1); border-color: rgba(var(--c1-heading), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), 0.25); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c1-link), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c1-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c1-heading), 1); } 

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c1-link-hover), 1); }

.component.usn_cmp_anchornavigation.c1-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c1-heading), 1); }


/* Scroll prompt */
.c1-bg .scroll-prompt a { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt a i { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c1-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store h1 { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c1-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c1-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c1-heading), 1)!important; }


/* Heading separators - on page */
.c1-bg h1::before, .c1-bg h2::before, .c1-bg h3::before, .c1-bg h4::before, .c1-bg h5::before, .c1-bg h6::before { background: rgba(var(--c1-highlight), 1); }

.c1-bg h1::after, .c1-bg h2::after, .c1-bg h3::after, .c1-bg h4::after, .c1-bg h5::after, .c1-bg h6::after { background: rgba(var(--c1-highlight), 1); }


/* Heading separators - on components */
.c1-bg .heading::before, .c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.c1-bg .heading::after, .c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }


/* Heading separators - on specific items */
.item.c1-bg .heading::before, .item.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.item.c1-bg .heading::after, .item.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }

.inner.c1-bg .heading::before, .inner.c1-bg .secondary-heading::before { background: rgba(var(--c1-highlight), 1); }

.inner.c1-bg .heading::after, .inner.c1-bg .secondary-heading::after { background: rgba(var(--c1-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c2-bg,
.item.item_overlay .inner .image.c2-bg::before,
.usn_cmp_banner .item.item_overlay.c2-bg .inner::before { 
    background: rgba(var(--c2-bg-color1), 1); 
}

/* Backgrounds Linear */

.c2-bg.c2-bg-linear,
.item.item_overlay .inner .image.c2-bg.c2-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-linear .inner::before { 
    background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c2-bg.c2-bg-radial,
.item.item_overlay .inner .image.c2-bg.c2-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c2-bg.c2-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c2-bg-start-perc) var(--c2-bg-stop-perc), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); 
}


/* Headings */

.c2-bg h1:not(.heading), 
.c2-bg h2:not(.heading), 
.c2-bg h3:not(.heading), 
.c2-bg h4:not(.heading), 
.c2-bg h5:not(.heading), 
.c2-bg h6:not(.heading) { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-heading, 
.c2-bg .heading { 
    color: rgba(var(--c2-heading), 1); 
}


/* Secondary Headings */

.c2-secondary-heading, 
.c2-bg .c2-secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1); 
}


/* Text */

.c2-bg, 
.c2-bg .c2-text, 
.c2-text { 
    color: rgba(var(--c2-text), 1); 
}


/* Borders */

.c2-borders { 
    border-color: rgba(var(--c2-borders), 1); 
}


/* Links */

.c2-link, 
.c2-link,
.c2-bg a:not(.btn),
.c2-text a:not(.btn),
.c2-bg .c2-text a:not(.btn) { 
    color: rgba(var(--c2-link), 1); 
}

.c2-link:hover, 
.c2-link:focus, 
.c2-link:active, 
.c2-bg a:not(.btn):hover, 
.c2-bg a:not(.btn):focus, 
.c2-bg a:not(.btn):active,
.c2-bg a:not(.btn):hover,
.c2-bg a:not(.btn):focus,
.c2-bg a:not(.btn):active,
.c2-text a:not(.btn):hover,
.c2-text a:not(.btn):focus,
.c2-text a:not(.btn):active,
.c2-bg .c2-text a:not(.btn):hover,
.c2-bg .c2-text a:not(.btn):focus,
.c2-bg .c2-text a:not(.btn):active { 
    color: rgba(var(--c2-link-hover), 1); 
}


/* Highlights */

.c2-highlight-bg { 
    background-color: rgba(var(--c2-highlight), 1); 
}

.c2-bg blockquote::before, 
.component .component.c2-bg div > blockquote::before { 
    color: rgba(var(--c2-highlight), 1); 
}

.c2-highlight-text { 
    color: rgba(var(--c2-highlight-text), 1); 
}


.c2-heading { 
    color: rgba(var(--c2-heading), 1)!important; 
}

.c2-secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1)!important; 
}


.c2-bg .heading { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-bg .secondary-heading { 
    color: rgba(var(--c2-secondary-heading), 1); 
}

.c2-bg .quote, .c2-bg blockquote { 
    color: rgba(var(--c2-heading), 1); 
}

.c2-bg .quote::before, 
.c2-bg blockquote::before { 
    color: rgba(var(--c2-highlight), 1); 
}


/* Labels */
.c2-bg .label { background-color: rgba(var(--c2-highlight), 1); }

.c2-bg .label { color: rgba(var(--c2-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c2-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; }

.c2-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c2-highlight), 1); }

/* Button Tabs */
.c2-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } 

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }

.c2-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }

.c2-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c2-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c2-link), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); }


/* Linethrough Tabs */
.c2-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c2-link), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c2-link-hover), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c2-heading), 1); } 

.c2-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c2-heading), 1); }

.c2-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c2-heading), 1); }


/* Slider Navigation */
.c2-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-next { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); }

html.no-touch .c2-bg .slick-slider .slick-prev:hover, html.no-touch .c2-bg .slick-slider .slick-next:hover { color: rgba(var(--c2-link-hover), 1); }

.c2-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c2-text), 1); }

html.no-touch .c2-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c2-link-hover), 1); }

.c2-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c2-highlight), 1); }

/* Forms */
.form .c2-bg .form-control { border-color: rgba(var(--c2-borders), 1); }

.form .c2-bg .form-control:focus { border-color: rgba(var(--c2-highlight), 1); box-shadow: 0 0 5px var(--c2-highlight);}


/* Ajax Loading */
.c2-bg .ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.c2-bg.ajax-wrap .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.ajax-wrap .c2-bg .ajax-loading { background: rgba(var(--c2-bg-color1), 1); }

.c2-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c2-borders), 1); border-top: 10px solid rgba(var(--c2-highlight), 1); }

.c2-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.c2-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.item_form-single_field .c2-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }

.item_form-single_field .ajax-wrap .c2-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c2-borders), 1); border-top: 5px solid rgba(var(--c2-highlight), 1); }


/* Links */
.c2-bg .listing.listing_links:not(.listing_links-mini), .c2-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c2-borders), 0.1); }

.c2-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c2-link), 1); }

.c2-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c2-link-hover), 1); }

 
/* Data List */                  
.c2-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c2-borders), 1); }

.c2-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c2-borders), 1); }


/* Sitemap */                
.c2-bg nav.sitemap ul li::before, .c2-bg nav.sitemap ul li::after { background-color: rgba(var(--c2-borders), 1); }

.c2-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c2-borders), 0.5); }


/* Tables */
.c2-bg thead { color: rgba(var(--c2-heading), 1); }

.c2-bg table, .c2-bg table th, .c2-bg table td { border-color: rgba(var(--c2-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c2-bg .expand { color: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand span:before { background: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand span { background: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg .expand span:after { background: rgba(var(--c2-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c2-link), 1); border-color: rgba(var(--c2-borders), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c2-borders), 0.15); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); background: rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); border-color: rgba(var(--c2-borders), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c2-heading), 1); border-color: rgba(var(--c2-heading), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), 0.25); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c2-link), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c2-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c2-heading), 1); } 

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c2-link-hover), 1); }

.component.usn_cmp_anchornavigation.c2-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c2-heading), 1); }


/* Scroll prompt */
.c2-bg .scroll-prompt a { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt a i { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c2-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store h1 { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c2-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c2-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c2-heading), 1)!important; }


/* Heading separators - on page */
.c2-bg h1::before, .c2-bg h2::before, .c2-bg h3::before, .c2-bg h4::before, .c2-bg h5::before, .c2-bg h6::before { background: rgba(var(--c2-highlight), 1); }

.c2-bg h1::after, .c2-bg h2::after, .c2-bg h3::after, .c2-bg h4::after, .c2-bg h5::after, .c2-bg h6::after { background: rgba(var(--c2-highlight), 1); }


/* Heading separators - on components */
.c2-bg .heading::before, .c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.c2-bg .heading::after, .c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }


/* Heading separators - on specific items */
.item.c2-bg .heading::before, .item.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.item.c2-bg .heading::after, .item.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }

.inner.c2-bg .heading::before, .inner.c2-bg .secondary-heading::before { background: rgba(var(--c2-highlight), 1); }

.inner.c2-bg .heading::after, .inner.c2-bg .secondary-heading::after { background: rgba(var(--c2-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c3-bg,
.item.item_overlay .inner .image.c3-bg::before,
.usn_cmp_banner .item.item_overlay.c3-bg .inner::before { 
    background: rgba(var(--c3-bg-color1), 1); 
}

/* Backgrounds Linear */

.c3-bg.c3-bg-linear,
.item.item_overlay .inner .image.c3-bg.c3-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-linear .inner::before { 
    background: linear-gradient(var(--c3-bg-angle), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c3-bg.c3-bg-radial,
.item.item_overlay .inner .image.c3-bg.c3-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c3-bg.c3-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c3-bg-start-perc) var(--c3-bg-stop-perc), rgba(var(--c3-bg-color1), 1) 0%, rgba(var(--c3-bg-color2), 1) 100%); 
}


/* Headings */

.c3-bg h1:not(.heading), 
.c3-bg h2:not(.heading), 
.c3-bg h3:not(.heading), 
.c3-bg h4:not(.heading), 
.c3-bg h5:not(.heading), 
.c3-bg h6:not(.heading) { 
    color: rgba(var(--c3-heading), 1); 
}

.c3-heading, 
.c3-bg .heading { 
    color: rgba(var(--c3-heading), 1); 
}


/* Secondary Headings */

.c3-secondary-heading, 
.c3-bg .c3-secondary-heading { 
    color: rgba(var(--c3-secondary-heading), 1); 
}


/* Text */

.c3-bg, 
.c3-bg .c3-text, 
.c3-text { 
    color: rgba(var(--c3-text), 1); 
}


/* Borders */

.c3-borders { 
    border-color: rgba(var(--c3-borders), 1); 
}


/* Links */

.c3-link, 
.c3-link,
.c3-bg a:not(.btn),
.c3-text a:not(.btn),
.c3-bg .c3-text a:not(.btn) { 
    color: rgba(var(--c3-link), 1); 
}

.c3-link:hover, 
.c3-link:focus, 
.c3-link:active, 
.c3-bg a:not(.btn):hover, 
.c3-bg a:not(.btn):focus, 
.c3-bg a:not(.btn):active,
.c3-bg a:not(.btn):hover,
.c3-bg a:not(.btn):focus,
.c3-bg a:not(.btn):active,
.c3-text a:not(.btn):hover,
.c3-text a:not(.btn):focus,
.c3-text a:not(.btn):active,
.c3-bg .c3-text a:not(.btn):hover,
.c3-bg .c3-text a:not(.btn):focus,
.c3-bg .c3-text a:not(.btn):active { 
    color: rgba(var(--c3-link-hover), 1); 
}


/* Highlights */

.c3-highlight-bg { 
    background-color: rgba(var(--c3-highlight), 1); 
}

.c3-bg blockquote::before, 
.component .component.c3-bg div > blockquote::before { 
    color: rgba(var(--c3-highlight), 1); 
}

.c3-highlight-text { 
    color: rgba(var(--c3-highlight-text), 1); 
}


.c3-heading { 
    color: rgba(var(--c3-heading), 1)!important; 
}

.c3-secondary-heading { 
    color: rgba(var(--c3-secondary-heading), 1)!important; 
}


.c3-bg .heading { 
    color: rgba(var(--c3-heading), 1); 
}

.c3-bg .secondary-heading { 
    color: rgba(var(--c3-secondary-heading), 1); 
}

.c3-bg .quote, .c3-bg blockquote { 
    color: rgba(var(--c3-heading), 1); 
}

.c3-bg .quote::before, 
.c3-bg blockquote::before { 
    color: rgba(var(--c3-highlight), 1); 
}


/* Labels */
.c3-bg .label { background-color: rgba(var(--c3-highlight), 1); }

.c3-bg .label { color: rgba(var(--c3-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c3-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); }

.c3-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; }

.c3-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c3-highlight), 1); }

/* Button Tabs */
.c3-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } 

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }

.c3-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }

.c3-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c3-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c3-link), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); }


/* Linethrough Tabs */
.c3-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c3-link), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c3-link-hover), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c3-heading), 1); } 

.c3-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c3-heading), 1); }

.c3-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c3-heading), 1); }


/* Slider Navigation */
.c3-bg .slick-slider .slick-prev, .c3-bg .slick-slider .slick-next { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); }

html.no-touch .c3-bg .slick-slider .slick-prev:hover, html.no-touch .c3-bg .slick-slider .slick-next:hover { color: rgba(var(--c3-link-hover), 1); }

.c3-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c3-text), 1); }

html.no-touch .c3-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c3-link-hover), 1); }

.c3-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c3-highlight), 1); }

/* Forms */
.form .c3-bg .form-control { border-color: rgba(var(--c3-borders), 1); }

.form .c3-bg .form-control:focus { border-color: rgba(var(--c3-highlight), 1); box-shadow: 0 0 5px var(--c3-highlight);}


/* Ajax Loading */
.c3-bg .ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); }

.c3-bg.ajax-wrap .ajax-loading { background: rgba(var(--c3-bg-color1), 1); }

.ajax-wrap .c3-bg .ajax-loading { background: rgba(var(--c3-bg-color1), 1); }

.c3-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); }

.c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); }

.ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c3-borders), 1); border-top: 10px solid rgba(var(--c3-highlight), 1); }

.c3-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }

.c3-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }

.item_form-single_field .c3-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }

.item_form-single_field .ajax-wrap .c3-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c3-borders), 1); border-top: 5px solid rgba(var(--c3-highlight), 1); }


/* Links */
.c3-bg .listing.listing_links:not(.listing_links-mini), .c3-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c3-borders), 1); }

.c3-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c3-borders), 0.1); }

.c3-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c3-link), 1); }

.c3-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c3-link-hover), 1); }

 
/* Data List */                  
.c3-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c3-borders), 1); }

.c3-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c3-borders), 1); }


/* Sitemap */                
.c3-bg nav.sitemap ul li::before, .c3-bg nav.sitemap ul li::after { background-color: rgba(var(--c3-borders), 1); }

.c3-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c3-borders), 0.5); }


/* Tables */
.c3-bg thead { color: rgba(var(--c3-heading), 1); }

.c3-bg table, .c3-bg table th, .c3-bg table td { border-color: rgba(var(--c3-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c3-bg .expand { color: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg .expand span:before { background: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg .expand span { background: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg .expand span:after { background: rgba(var(--c3-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c3-link), 1); border-color: rgba(var(--c3-borders), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c3-borders), 0.15); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); background: rgba(var(--c3-borders), 0.25); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-borders), 0.25); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); border-color: rgba(var(--c3-borders), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c3-heading), 1); border-color: rgba(var(--c3-heading), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), 0.25); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c3-link), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c3-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c3-heading), 1); } 

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c3-link-hover), 1); }

.component.usn_cmp_anchornavigation.c3-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c3-heading), 1); }


/* Scroll prompt */
.c3-bg .scroll-prompt a { color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt a i { color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c3-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store h1 { color: rgba(var(--c3-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c3-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c3-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c3-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c3-heading), 1)!important; }


/* Heading separators - on page */
.c3-bg h1::before, .c3-bg h2::before, .c3-bg h3::before, .c3-bg h4::before, .c3-bg h5::before, .c3-bg h6::before { background: rgba(var(--c3-highlight), 1); }

.c3-bg h1::after, .c3-bg h2::after, .c3-bg h3::after, .c3-bg h4::after, .c3-bg h5::after, .c3-bg h6::after { background: rgba(var(--c3-highlight), 1); }


/* Heading separators - on components */
.c3-bg .heading::before, .c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); }

.c3-bg .heading::after, .c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); }


/* Heading separators - on specific items */
.item.c3-bg .heading::before, .item.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); }

.item.c3-bg .heading::after, .item.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); }

.inner.c3-bg .heading::before, .inner.c3-bg .secondary-heading::before { background: rgba(var(--c3-highlight), 1); }

.inner.c3-bg .heading::after, .inner.c3-bg .secondary-heading::after { background: rgba(var(--c3-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c4-bg,
.item.item_overlay .inner .image.c4-bg::before,
.usn_cmp_banner .item.item_overlay.c4-bg .inner::before { 
    background: rgba(var(--c4-bg-color1), 1); 
}

/* Backgrounds Linear */

.c4-bg.c4-bg-linear,
.item.item_overlay .inner .image.c4-bg.c4-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-linear .inner::before { 
    background: linear-gradient(var(--c4-bg-angle), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c4-bg.c4-bg-radial,
.item.item_overlay .inner .image.c4-bg.c4-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c4-bg.c4-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c4-bg-start-perc) var(--c4-bg-stop-perc), rgba(var(--c4-bg-color1), 1) 0%, rgba(var(--c4-bg-color2), 1) 100%); 
}


/* Headings */

.c4-bg h1:not(.heading), 
.c4-bg h2:not(.heading), 
.c4-bg h3:not(.heading), 
.c4-bg h4:not(.heading), 
.c4-bg h5:not(.heading), 
.c4-bg h6:not(.heading) { 
    color: rgba(var(--c4-heading), 1); 
}

.c4-heading, 
.c4-bg .heading { 
    color: rgba(var(--c4-heading), 1); 
}


/* Secondary Headings */

.c4-secondary-heading, 
.c4-bg .c4-secondary-heading { 
    color: rgba(var(--c4-secondary-heading), 1); 
}


/* Text */

.c4-bg, 
.c4-bg .c4-text, 
.c4-text { 
    color: rgba(var(--c4-text), 1); 
}


/* Borders */

.c4-borders { 
    border-color: rgba(var(--c4-borders), 1); 
}


/* Links */

.c4-link, 
.c4-link,
.c4-bg a:not(.btn),
.c4-text a:not(.btn),
.c4-bg .c4-text a:not(.btn) { 
    color: rgba(var(--c4-link), 1); 
}

.c4-link:hover, 
.c4-link:focus, 
.c4-link:active, 
.c4-bg a:not(.btn):hover, 
.c4-bg a:not(.btn):focus, 
.c4-bg a:not(.btn):active,
.c4-bg a:not(.btn):hover,
.c4-bg a:not(.btn):focus,
.c4-bg a:not(.btn):active,
.c4-text a:not(.btn):hover,
.c4-text a:not(.btn):focus,
.c4-text a:not(.btn):active,
.c4-bg .c4-text a:not(.btn):hover,
.c4-bg .c4-text a:not(.btn):focus,
.c4-bg .c4-text a:not(.btn):active { 
    color: rgba(var(--c4-link-hover), 1); 
}


/* Highlights */

.c4-highlight-bg { 
    background-color: rgba(var(--c4-highlight), 1); 
}

.c4-bg blockquote::before, 
.component .component.c4-bg div > blockquote::before { 
    color: rgba(var(--c4-highlight), 1); 
}

.c4-highlight-text { 
    color: rgba(var(--c4-highlight-text), 1); 
}


.c4-heading { 
    color: rgba(var(--c4-heading), 1)!important; 
}

.c4-secondary-heading { 
    color: rgba(var(--c4-secondary-heading), 1)!important; 
}


.c4-bg .heading { 
    color: rgba(var(--c4-heading), 1); 
}

.c4-bg .secondary-heading { 
    color: rgba(var(--c4-secondary-heading), 1); 
}

.c4-bg .quote, .c4-bg blockquote { 
    color: rgba(var(--c4-heading), 1); 
}

.c4-bg .quote::before, 
.c4-bg blockquote::before { 
    color: rgba(var(--c4-highlight), 1); 
}


/* Labels */
.c4-bg .label { background-color: rgba(var(--c4-highlight), 1); }

.c4-bg .label { color: rgba(var(--c4-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c4-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); }

.c4-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; }

.c4-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c4-highlight), 1); }

/* Button Tabs */
.c4-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } 

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }

.c4-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }

.c4-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c4-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c4-link), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); }


/* Linethrough Tabs */
.c4-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c4-link), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c4-link-hover), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c4-heading), 1); } 

.c4-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c4-heading), 1); }

.c4-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c4-heading), 1); }


/* Slider Navigation */
.c4-bg .slick-slider .slick-prev, .c4-bg .slick-slider .slick-next { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); }

html.no-touch .c4-bg .slick-slider .slick-prev:hover, html.no-touch .c4-bg .slick-slider .slick-next:hover { color: rgba(var(--c4-link-hover), 1); }

.c4-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c4-text), 1); }

html.no-touch .c4-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c4-link-hover), 1); }

.c4-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c4-highlight), 1); }

/* Forms */
.form .c4-bg .form-control { border-color: rgba(var(--c4-borders), 1); }

.form .c4-bg .form-control:focus { border-color: rgba(var(--c4-highlight), 1); box-shadow: 0 0 5px var(--c4-highlight);}


/* Ajax Loading */
.c4-bg .ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); }

.c4-bg.ajax-wrap .ajax-loading { background: rgba(var(--c4-bg-color1), 1); }

.ajax-wrap .c4-bg .ajax-loading { background: rgba(var(--c4-bg-color1), 1); }

.c4-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); }

.c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); }

.ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c4-borders), 1); border-top: 10px solid rgba(var(--c4-highlight), 1); }

.c4-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }

.c4-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }

.item_form-single_field .c4-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }

.item_form-single_field .ajax-wrap .c4-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c4-borders), 1); border-top: 5px solid rgba(var(--c4-highlight), 1); }


/* Links */
.c4-bg .listing.listing_links:not(.listing_links-mini), .c4-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c4-borders), 1); }

.c4-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c4-borders), 0.1); }

.c4-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c4-link), 1); }

.c4-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c4-link-hover), 1); }

 
/* Data List */                  
.c4-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c4-borders), 1); }

.c4-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c4-borders), 1); }


/* Sitemap */                
.c4-bg nav.sitemap ul li::before, .c4-bg nav.sitemap ul li::after { background-color: rgba(var(--c4-borders), 1); }

.c4-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c4-borders), 0.5); }


/* Tables */
.c4-bg thead { color: rgba(var(--c4-heading), 1); }

.c4-bg table, .c4-bg table th, .c4-bg table td { border-color: rgba(var(--c4-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c4-bg .expand { color: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg .expand span:before { background: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg .expand span { background: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg .expand span:after { background: rgba(var(--c4-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c4-link), 1); border-color: rgba(var(--c4-borders), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c4-borders), 0.15); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); background: rgba(var(--c4-borders), 0.25); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c4-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-borders), 0.25); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); border-color: rgba(var(--c4-borders), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c4-heading), 1); border-color: rgba(var(--c4-heading), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), 0.25); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c4-link), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c4-heading), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c4-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c4-link), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c4-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c4-heading), 1); } 

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c4-link-hover), 1); }

.component.usn_cmp_anchornavigation.c4-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c4-heading), 1); }


/* Scroll prompt */
.c4-bg .scroll-prompt a { color: rgba(var(--c4-heading), 1); }

.c4-bg .scroll-prompt a i { color: rgba(var(--c4-heading), 1); }

.c4-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c4-heading), 1); }

.c4-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c4-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store h1 { color: rgba(var(--c4-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c4-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c4-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c4-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c4-heading), 1)!important; }


/* Heading separators - on page */
.c4-bg h1::before, .c4-bg h2::before, .c4-bg h3::before, .c4-bg h4::before, .c4-bg h5::before, .c4-bg h6::before { background: rgba(var(--c4-highlight), 1); }

.c4-bg h1::after, .c4-bg h2::after, .c4-bg h3::after, .c4-bg h4::after, .c4-bg h5::after, .c4-bg h6::after { background: rgba(var(--c4-highlight), 1); }


/* Heading separators - on components */
.c4-bg .heading::before, .c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); }

.c4-bg .heading::after, .c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); }


/* Heading separators - on specific items */
.item.c4-bg .heading::before, .item.c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); }

.item.c4-bg .heading::after, .item.c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); }

.inner.c4-bg .heading::before, .inner.c4-bg .secondary-heading::before { background: rgba(var(--c4-highlight), 1); }

.inner.c4-bg .heading::after, .inner.c4-bg .secondary-heading::after { background: rgba(var(--c4-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c5-bg,
.item.item_overlay .inner .image.c5-bg::before,
.usn_cmp_banner .item.item_overlay.c5-bg .inner::before { 
    background: rgba(var(--c5-bg-color1), 1); 
}

/* Backgrounds Linear */

.c5-bg.c5-bg-linear,
.item.item_overlay .inner .image.c5-bg.c5-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-linear .inner::before { 
    background: linear-gradient(var(--c5-bg-angle), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c5-bg.c5-bg-radial,
.item.item_overlay .inner .image.c5-bg.c5-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c5-bg.c5-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c5-bg-start-perc) var(--c5-bg-stop-perc), rgba(var(--c5-bg-color1), 1) 0%, rgba(var(--c5-bg-color2), 1) 100%); 
}


/* Headings */

.c5-bg h1:not(.heading), 
.c5-bg h2:not(.heading), 
.c5-bg h3:not(.heading), 
.c5-bg h4:not(.heading), 
.c5-bg h5:not(.heading), 
.c5-bg h6:not(.heading) { 
    color: rgba(var(--c5-heading), 1); 
}

.c5-heading, 
.c5-bg .heading { 
    color: rgba(var(--c5-heading), 1); 
}


/* Secondary Headings */

.c5-secondary-heading, 
.c5-bg .c5-secondary-heading { 
    color: rgba(var(--c5-secondary-heading), 1); 
}


/* Text */

.c5-bg, 
.c5-bg .c5-text, 
.c5-text { 
    color: rgba(var(--c5-text), 1); 
}


/* Borders */

.c5-borders { 
    border-color: rgba(var(--c5-borders), 1); 
}


/* Links */

.c5-link, 
.c5-link,
.c5-bg a:not(.btn),
.c5-text a:not(.btn),
.c5-bg .c5-text a:not(.btn) { 
    color: rgba(var(--c5-link), 1); 
}

.c5-link:hover, 
.c5-link:focus, 
.c5-link:active, 
.c5-bg a:not(.btn):hover, 
.c5-bg a:not(.btn):focus, 
.c5-bg a:not(.btn):active,
.c5-bg a:not(.btn):hover,
.c5-bg a:not(.btn):focus,
.c5-bg a:not(.btn):active,
.c5-text a:not(.btn):hover,
.c5-text a:not(.btn):focus,
.c5-text a:not(.btn):active,
.c5-bg .c5-text a:not(.btn):hover,
.c5-bg .c5-text a:not(.btn):focus,
.c5-bg .c5-text a:not(.btn):active { 
    color: rgba(var(--c5-link-hover), 1); 
}


/* Highlights */

.c5-highlight-bg { 
    background-color: rgba(var(--c5-highlight), 1); 
}

.c5-bg blockquote::before, 
.component .component.c5-bg div > blockquote::before { 
    color: rgba(var(--c5-highlight), 1); 
}

.c5-highlight-text { 
    color: rgba(var(--c5-highlight-text), 1); 
}


.c5-heading { 
    color: rgba(var(--c5-heading), 1)!important; 
}

.c5-secondary-heading { 
    color: rgba(var(--c5-secondary-heading), 1)!important; 
}


.c5-bg .heading { 
    color: rgba(var(--c5-heading), 1); 
}

.c5-bg .secondary-heading { 
    color: rgba(var(--c5-secondary-heading), 1); 
}

.c5-bg .quote, .c5-bg blockquote { 
    color: rgba(var(--c5-heading), 1); 
}

.c5-bg .quote::before, 
.c5-bg blockquote::before { 
    color: rgba(var(--c5-highlight), 1); 
}


/* Labels */
.c5-bg .label { background-color: rgba(var(--c5-highlight), 1); }

.c5-bg .label { color: rgba(var(--c5-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c5-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); }

.c5-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; }

.c5-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c5-highlight), 1); }

/* Button Tabs */
.c5-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } 

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }

.c5-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }

.c5-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c5-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c5-link), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); }


/* Linethrough Tabs */
.c5-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c5-link), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c5-link-hover), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c5-heading), 1); } 

.c5-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c5-heading), 1); }

.c5-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c5-heading), 1); }


/* Slider Navigation */
.c5-bg .slick-slider .slick-prev, .c5-bg .slick-slider .slick-next { color: rgba(var(--c5-link), 1); background-color: rgba(var(--c5-bg-color1), 1); }

html.no-touch .c5-bg .slick-slider .slick-prev:hover, html.no-touch .c5-bg .slick-slider .slick-next:hover { color: rgba(var(--c5-link-hover), 1); }

.c5-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c5-text), 1); }

html.no-touch .c5-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c5-link-hover), 1); }

.c5-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c5-highlight), 1); }

/* Forms */
.form .c5-bg .form-control { border-color: rgba(var(--c5-borders), 1); }

.form .c5-bg .form-control:focus { border-color: rgba(var(--c5-highlight), 1); box-shadow: 0 0 5px var(--c5-highlight);}


/* Ajax Loading */
.c5-bg .ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); }

.c5-bg.ajax-wrap .ajax-loading { background: rgba(var(--c5-bg-color1), 1); }

.ajax-wrap .c5-bg .ajax-loading { background: rgba(var(--c5-bg-color1), 1); }

.c5-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); }

.c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); }

.ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c5-borders), 1); border-top: 10px solid rgba(var(--c5-highlight), 1); }

.c5-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }

.c5-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }

.item_form-single_field .c5-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }

.item_form-single_field .ajax-wrap .c5-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c5-borders), 1); border-top: 5px solid rgba(var(--c5-highlight), 1); }


/* Links */
.c5-bg .listing.listing_links:not(.listing_links-mini), .c5-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c5-borders), 1); }

.c5-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c5-borders), 0.1); }

.c5-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c5-link), 1); }

.c5-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c5-link-hover), 1); }

 
/* Data List */                  
.c5-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c5-borders), 1); }

.c5-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c5-borders), 1); }


/* Sitemap */                
.c5-bg nav.sitemap ul li::before, .c5-bg nav.sitemap ul li::after { background-color: rgba(var(--c5-borders), 1); }

.c5-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c5-borders), 0.5); }


/* Tables */
.c5-bg thead { color: rgba(var(--c5-heading), 1); }

.c5-bg table, .c5-bg table th, .c5-bg table td { border-color: rgba(var(--c5-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c5-bg .expand { color: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg .expand span:before { background: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg .expand span { background: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg .expand span:after { background: rgba(var(--c5-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c5-link), 1); border-color: rgba(var(--c5-borders), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c5-borders), 0.15); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); background: rgba(var(--c5-borders), 0.25); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c5-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-borders), 0.25); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); border-color: rgba(var(--c5-borders), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c5-heading), 1); border-color: rgba(var(--c5-heading), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), 0.25); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c5-link), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c5-heading), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c5-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c5-link), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c5-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c5-heading), 1); } 

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c5-link-hover), 1); }

.component.usn_cmp_anchornavigation.c5-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c5-heading), 1); }


/* Scroll prompt */
.c5-bg .scroll-prompt a { color: rgba(var(--c5-heading), 1); }

.c5-bg .scroll-prompt a i { color: rgba(var(--c5-heading), 1); }

.c5-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c5-heading), 1); }

.c5-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c5-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store h1 { color: rgba(var(--c5-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c5-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c5-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c5-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c5-heading), 1)!important; }


/* Heading separators - on page */
.c5-bg h1::before, .c5-bg h2::before, .c5-bg h3::before, .c5-bg h4::before, .c5-bg h5::before, .c5-bg h6::before { background: rgba(var(--c5-highlight), 1); }

.c5-bg h1::after, .c5-bg h2::after, .c5-bg h3::after, .c5-bg h4::after, .c5-bg h5::after, .c5-bg h6::after { background: rgba(var(--c5-highlight), 1); }


/* Heading separators - on components */
.c5-bg .heading::before, .c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); }

.c5-bg .heading::after, .c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); }


/* Heading separators - on specific items */
.item.c5-bg .heading::before, .item.c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); }

.item.c5-bg .heading::after, .item.c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); }

.inner.c5-bg .heading::before, .inner.c5-bg .secondary-heading::before { background: rgba(var(--c5-highlight), 1); }

.inner.c5-bg .heading::after, .inner.c5-bg .secondary-heading::after { background: rgba(var(--c5-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c6-bg,
.item.item_overlay .inner .image.c6-bg::before,
.usn_cmp_banner .item.item_overlay.c6-bg .inner::before { 
    background: rgba(var(--c6-bg-color1), 1); 
}

/* Backgrounds Linear */

.c6-bg.c6-bg-linear,
.item.item_overlay .inner .image.c6-bg.c6-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-linear .inner::before { 
    background: linear-gradient(var(--c6-bg-angle), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c6-bg.c6-bg-radial,
.item.item_overlay .inner .image.c6-bg.c6-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c6-bg.c6-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c6-bg-start-perc) var(--c6-bg-stop-perc), rgba(var(--c6-bg-color1), 1) 0%, rgba(var(--c6-bg-color2), 1) 100%); 
}


/* Headings */

.c6-bg h1:not(.heading), 
.c6-bg h2:not(.heading), 
.c6-bg h3:not(.heading), 
.c6-bg h4:not(.heading), 
.c6-bg h5:not(.heading), 
.c6-bg h6:not(.heading) { 
    color: rgba(var(--c6-heading), 1); 
}

.c6-heading, 
.c6-bg .heading { 
    color: rgba(var(--c6-heading), 1); 
}


/* Secondary Headings */

.c6-secondary-heading, 
.c6-bg .c6-secondary-heading { 
    color: rgba(var(--c6-secondary-heading), 1); 
}


/* Text */

.c6-bg, 
.c6-bg .c6-text, 
.c6-text { 
    color: rgba(var(--c6-text), 1); 
}


/* Borders */

.c6-borders { 
    border-color: rgba(var(--c6-borders), 1); 
}


/* Links */

.c6-link, 
.c6-link,
.c6-bg a:not(.btn),
.c6-text a:not(.btn),
.c6-bg .c6-text a:not(.btn) { 
    color: rgba(var(--c6-link), 1); 
}

.c6-link:hover, 
.c6-link:focus, 
.c6-link:active, 
.c6-bg a:not(.btn):hover, 
.c6-bg a:not(.btn):focus, 
.c6-bg a:not(.btn):active,
.c6-bg a:not(.btn):hover,
.c6-bg a:not(.btn):focus,
.c6-bg a:not(.btn):active,
.c6-text a:not(.btn):hover,
.c6-text a:not(.btn):focus,
.c6-text a:not(.btn):active,
.c6-bg .c6-text a:not(.btn):hover,
.c6-bg .c6-text a:not(.btn):focus,
.c6-bg .c6-text a:not(.btn):active { 
    color: rgba(var(--c6-link-hover), 1); 
}


/* Highlights */

.c6-highlight-bg { 
    background-color: rgba(var(--c6-highlight), 1); 
}

.c6-bg blockquote::before, 
.component .component.c6-bg div > blockquote::before { 
    color: rgba(var(--c6-highlight), 1); 
}

.c6-highlight-text { 
    color: rgba(var(--c6-highlight-text), 1); 
}


.c6-heading { 
    color: rgba(var(--c6-heading), 1)!important; 
}

.c6-secondary-heading { 
    color: rgba(var(--c6-secondary-heading), 1)!important; 
}


.c6-bg .heading { 
    color: rgba(var(--c6-heading), 1); 
}

.c6-bg .secondary-heading { 
    color: rgba(var(--c6-secondary-heading), 1); 
}

.c6-bg .quote, .c6-bg blockquote { 
    color: rgba(var(--c6-heading), 1); 
}

.c6-bg .quote::before, 
.c6-bg blockquote::before { 
    color: rgba(var(--c6-highlight), 1); 
}


/* Labels */
.c6-bg .label { background-color: rgba(var(--c6-highlight), 1); }

.c6-bg .label { color: rgba(var(--c6-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c6-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); }

.c6-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; }

.c6-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c6-highlight), 1); }

/* Button Tabs */
.c6-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } 

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }

.c6-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }

.c6-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c6-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c6-link), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); }


/* Linethrough Tabs */
.c6-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c6-link), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c6-link-hover), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c6-heading), 1); } 

.c6-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c6-heading), 1); }

.c6-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c6-heading), 1); }


/* Slider Navigation */
.c6-bg .slick-slider .slick-prev, .c6-bg .slick-slider .slick-next { color: rgba(var(--c6-link), 1); background-color: rgba(var(--c6-bg-color1), 1); }

html.no-touch .c6-bg .slick-slider .slick-prev:hover, html.no-touch .c6-bg .slick-slider .slick-next:hover { color: rgba(var(--c6-link-hover), 1); }

.c6-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c6-text), 1); }

html.no-touch .c6-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c6-link-hover), 1); }

.c6-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c6-highlight), 1); }

/* Forms */
.form .c6-bg .form-control { border-color: rgba(var(--c6-borders), 1); }

.form .c6-bg .form-control:focus { border-color: rgba(var(--c6-highlight), 1); box-shadow: 0 0 5px var(--c6-highlight);}


/* Ajax Loading */
.c6-bg .ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); }

.c6-bg.ajax-wrap .ajax-loading { background: rgba(var(--c6-bg-color1), 1); }

.ajax-wrap .c6-bg .ajax-loading { background: rgba(var(--c6-bg-color1), 1); }

.c6-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); }

.c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); }

.ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c6-borders), 1); border-top: 10px solid rgba(var(--c6-highlight), 1); }

.c6-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }

.c6-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }

.item_form-single_field .c6-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }

.item_form-single_field .ajax-wrap .c6-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c6-borders), 1); border-top: 5px solid rgba(var(--c6-highlight), 1); }


/* Links */
.c6-bg .listing.listing_links:not(.listing_links-mini), .c6-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c6-borders), 1); }

.c6-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c6-borders), 0.1); }

.c6-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c6-link), 1); }

.c6-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c6-link-hover), 1); }

 
/* Data List */                  
.c6-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c6-borders), 1); }

.c6-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c6-borders), 1); }


/* Sitemap */                
.c6-bg nav.sitemap ul li::before, .c6-bg nav.sitemap ul li::after { background-color: rgba(var(--c6-borders), 1); }

.c6-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c6-borders), 0.5); }


/* Tables */
.c6-bg thead { color: rgba(var(--c6-heading), 1); }

.c6-bg table, .c6-bg table th, .c6-bg table td { border-color: rgba(var(--c6-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c6-bg .expand { color: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg .expand span:before { background: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg .expand span { background: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg .expand span:after { background: rgba(var(--c6-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c6-link), 1); border-color: rgba(var(--c6-borders), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c6-borders), 0.15); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); background: rgba(var(--c6-borders), 0.25); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-borders), 0.25); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); border-color: rgba(var(--c6-borders), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c6-heading), 1); border-color: rgba(var(--c6-heading), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), 0.25); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c6-link), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c6-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c6-heading), 1); } 

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c6-link-hover), 1); }

.component.usn_cmp_anchornavigation.c6-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c6-heading), 1); }


/* Scroll prompt */
.c6-bg .scroll-prompt a { color: rgba(var(--c6-heading), 1); }

.c6-bg .scroll-prompt a i { color: rgba(var(--c6-heading), 1); }

.c6-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c6-heading), 1); }

.c6-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c6-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store h1 { color: rgba(var(--c6-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c6-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c6-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c6-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c6-heading), 1)!important; }


/* Heading separators - on page */
.c6-bg h1::before, .c6-bg h2::before, .c6-bg h3::before, .c6-bg h4::before, .c6-bg h5::before, .c6-bg h6::before { background: rgba(var(--c6-highlight), 1); }

.c6-bg h1::after, .c6-bg h2::after, .c6-bg h3::after, .c6-bg h4::after, .c6-bg h5::after, .c6-bg h6::after { background: rgba(var(--c6-highlight), 1); }


/* Heading separators - on components */
.c6-bg .heading::before, .c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.c6-bg .heading::after, .c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }


/* Heading separators - on specific items */
.item.c6-bg .heading::before, .item.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.item.c6-bg .heading::after, .item.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }

.inner.c6-bg .heading::before, .inner.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.inner.c6-bg .heading::after, .inner.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c7-bg,
.item.item_overlay .inner .image.c7-bg::before,
.usn_cmp_banner .item.item_overlay.c7-bg .inner::before { 
    background: rgba(var(--c7-bg-color1), 1); 
}

/* Backgrounds Linear */

.c7-bg.c7-bg-linear,
.item.item_overlay .inner .image.c7-bg.c7-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-linear .inner::before { 
    background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c7-bg.c7-bg-radial,
.item.item_overlay .inner .image.c7-bg.c7-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); 
}


/* Headings */

.c7-bg h1:not(.heading), 
.c7-bg h2:not(.heading), 
.c7-bg h3:not(.heading), 
.c7-bg h4:not(.heading), 
.c7-bg h5:not(.heading), 
.c7-bg h6:not(.heading) { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-heading, 
.c7-bg .heading { 
    color: rgba(var(--c7-heading), 1); 
}


/* Secondary Headings */

.c7-secondary-heading, 
.c7-bg .c7-secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1); 
}


/* Text */

.c7-bg, 
.c7-bg .c7-text, 
.c7-text { 
    color: rgba(var(--c7-text), 1); 
}


/* Borders */

.c7-borders { 
    border-color: rgba(var(--c7-borders), 1); 
}


/* Links */

.c7-link, 
.c7-link,
.c7-bg a:not(.btn),
.c7-text a:not(.btn),
.c7-bg .c7-text a:not(.btn) { 
    color: rgba(var(--c7-link), 1); 
}

.c7-link:hover, 
.c7-link:focus, 
.c7-link:active, 
.c7-bg a:not(.btn):hover, 
.c7-bg a:not(.btn):focus, 
.c7-bg a:not(.btn):active,
.c7-bg a:not(.btn):hover,
.c7-bg a:not(.btn):focus,
.c7-bg a:not(.btn):active,
.c7-text a:not(.btn):hover,
.c7-text a:not(.btn):focus,
.c7-text a:not(.btn):active,
.c7-bg .c7-text a:not(.btn):hover,
.c7-bg .c7-text a:not(.btn):focus,
.c7-bg .c7-text a:not(.btn):active { 
    color: rgba(var(--c7-link-hover), 1); 
}


/* Highlights */

.c7-highlight-bg { 
    background-color: rgba(var(--c7-highlight), 1); 
}

.c7-bg blockquote::before, 
.component .component.c7-bg div > blockquote::before { 
    color: rgba(var(--c7-highlight), 1); 
}

.c7-highlight-text { 
    color: rgba(var(--c7-highlight-text), 1); 
}


.c7-heading { 
    color: rgba(var(--c7-heading), 1)!important; 
}

.c7-secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1)!important; 
}


.c7-bg .heading { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-bg .secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1); 
}

.c7-bg .quote, .c7-bg blockquote { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-bg .quote::before, 
.c7-bg blockquote::before { 
    color: rgba(var(--c7-highlight), 1); 
}


/* Labels */
.c7-bg .label { background-color: rgba(var(--c7-highlight), 1); }

.c7-bg .label { color: rgba(var(--c7-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c7-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; }

.c7-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c7-highlight), 1); }

/* Button Tabs */
.c7-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } 

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c7-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c7-link), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); }


/* Linethrough Tabs */
.c7-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c7-link), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); }


/* Slider Navigation */
.c7-bg .slick-slider .slick-prev, .c7-bg .slick-slider .slick-next { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); }

html.no-touch .c7-bg .slick-slider .slick-prev:hover, html.no-touch .c7-bg .slick-slider .slick-next:hover { color: rgba(var(--c7-link-hover), 1); }

.c7-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c7-text), 1); }

html.no-touch .c7-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c7-link-hover), 1); }

.c7-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c7-highlight), 1); }

/* Forms */
.form .c7-bg .form-control { border-color: rgba(var(--c7-borders), 1); }

.form .c7-bg .form-control:focus { border-color: rgba(var(--c7-highlight), 1); box-shadow: 0 0 5px var(--c7-highlight);}


/* Ajax Loading */
.c7-bg .ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.c7-bg.ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.ajax-wrap .c7-bg .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.c7-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.c7-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.c7-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.item_form-single_field .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.item_form-single_field .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }


/* Links */
.c7-bg .listing.listing_links:not(.listing_links-mini), .c7-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c7-borders), 0.1); }

.c7-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c7-link), 1); }

.c7-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c7-link-hover), 1); }

 
/* Data List */                  
.c7-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c7-borders), 1); }


/* Sitemap */                
.c7-bg nav.sitemap ul li::before, .c7-bg nav.sitemap ul li::after { background-color: rgba(var(--c7-borders), 1); }

.c7-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c7-borders), 0.5); }


/* Tables */
.c7-bg thead { color: rgba(var(--c7-heading), 1); }

.c7-bg table, .c7-bg table th, .c7-bg table td { border-color: rgba(var(--c7-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c7-bg .expand { color: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span:before { background: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span { background: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span:after { background: rgba(var(--c7-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); }


/* Scroll prompt */
.c7-bg .scroll-prompt a { color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt a i { color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c7-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store h1 { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c7-heading), 1)!important; }


/* Heading separators - on page */
.c7-bg h1::before, .c7-bg h2::before, .c7-bg h3::before, .c7-bg h4::before, .c7-bg h5::before, .c7-bg h6::before { background: rgba(var(--c7-highlight), 1); }

.c7-bg h1::after, .c7-bg h2::after, .c7-bg h3::after, .c7-bg h4::after, .c7-bg h5::after, .c7-bg h6::after { background: rgba(var(--c7-highlight), 1); }


/* Heading separators - on components */
.c7-bg .heading::before, .c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.c7-bg .heading::after, .c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }


/* Heading separators - on specific items */
.item.c7-bg .heading::before, .item.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.item.c7-bg .heading::after, .item.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }

.inner.c7-bg .heading::before, .inner.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.inner.c7-bg .heading::after, .inner.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c8-bg,
.item.item_overlay .inner .image.c8-bg::before,
.usn_cmp_banner .item.item_overlay.c8-bg .inner::before { 
    background: rgba(var(--c8-bg-color1), 1); 
}

/* Backgrounds Linear */

.c8-bg.c8-bg-linear,
.item.item_overlay .inner .image.c8-bg.c8-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-linear .inner::before { 
    background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c8-bg.c8-bg-radial,
.item.item_overlay .inner .image.c8-bg.c8-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); 
}


/* Headings */

.c8-bg h1:not(.heading), 
.c8-bg h2:not(.heading), 
.c8-bg h3:not(.heading), 
.c8-bg h4:not(.heading), 
.c8-bg h5:not(.heading), 
.c8-bg h6:not(.heading) { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-heading, 
.c8-bg .heading { 
    color: rgba(var(--c8-heading), 1); 
}


/* Secondary Headings */

.c8-secondary-heading, 
.c8-bg .c8-secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1); 
}


/* Text */

.c8-bg, 
.c8-bg .c8-text, 
.c8-text { 
    color: rgba(var(--c8-text), 1); 
}


/* Borders */

.c8-borders { 
    border-color: rgba(var(--c8-borders), 1); 
}


/* Links */

.c8-link, 
.c8-link,
.c8-bg a:not(.btn),
.c8-text a:not(.btn),
.c8-bg .c8-text a:not(.btn) { 
    color: rgba(var(--c8-link), 1); 
}

.c8-link:hover, 
.c8-link:focus, 
.c8-link:active, 
.c8-bg a:not(.btn):hover, 
.c8-bg a:not(.btn):focus, 
.c8-bg a:not(.btn):active,
.c8-bg a:not(.btn):hover,
.c8-bg a:not(.btn):focus,
.c8-bg a:not(.btn):active,
.c8-text a:not(.btn):hover,
.c8-text a:not(.btn):focus,
.c8-text a:not(.btn):active,
.c8-bg .c8-text a:not(.btn):hover,
.c8-bg .c8-text a:not(.btn):focus,
.c8-bg .c8-text a:not(.btn):active { 
    color: rgba(var(--c8-link-hover), 1); 
}


/* Highlights */

.c8-highlight-bg { 
    background-color: rgba(var(--c8-highlight), 1); 
}

.c8-bg blockquote::before, 
.component .component.c8-bg div > blockquote::before { 
    color: rgba(var(--c8-highlight), 1); 
}

.c8-highlight-text { 
    color: rgba(var(--c8-highlight-text), 1); 
}


.c8-heading { 
    color: rgba(var(--c8-heading), 1)!important; 
}

.c8-secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1)!important; 
}


.c8-bg .heading { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-bg .secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1); 
}

.c8-bg .quote, .c8-bg blockquote { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-bg .quote::before, 
.c8-bg blockquote::before { 
    color: rgba(var(--c8-highlight), 1); 
}


/* Labels */
.c8-bg .label { background-color: rgba(var(--c8-highlight), 1); }

.c8-bg .label { color: rgba(var(--c8-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c8-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; }

.c8-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c8-highlight), 1); }

/* Button Tabs */
.c8-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } 

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c8-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c8-link), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); }


/* Linethrough Tabs */
.c8-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c8-link), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); }


/* Slider Navigation */
.c8-bg .slick-slider .slick-prev, .c8-bg .slick-slider .slick-next { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); }

html.no-touch .c8-bg .slick-slider .slick-prev:hover, html.no-touch .c8-bg .slick-slider .slick-next:hover { color: rgba(var(--c8-link-hover), 1); }

.c8-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c8-text), 1); }

html.no-touch .c8-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c8-link-hover), 1); }

.c8-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c8-highlight), 1); }

/* Forms */
.form .c8-bg .form-control { border-color: rgba(var(--c8-borders), 1); }

.form .c8-bg .form-control:focus { border-color: rgba(var(--c8-highlight), 1); box-shadow: 0 0 5px var(--c8-highlight);}


/* Ajax Loading */
.c8-bg .ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.c8-bg.ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.ajax-wrap .c8-bg .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.c8-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.c8-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.c8-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.item_form-single_field .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.item_form-single_field .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }


/* Links */
.c8-bg .listing.listing_links:not(.listing_links-mini), .c8-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c8-borders), 0.1); }

.c8-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c8-link), 1); }

.c8-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c8-link-hover), 1); }

 
/* Data List */                  
.c8-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c8-borders), 1); }


/* Sitemap */                
.c8-bg nav.sitemap ul li::before, .c8-bg nav.sitemap ul li::after { background-color: rgba(var(--c8-borders), 1); }

.c8-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c8-borders), 0.5); }


/* Tables */
.c8-bg thead { color: rgba(var(--c8-heading), 1); }

.c8-bg table, .c8-bg table th, .c8-bg table td { border-color: rgba(var(--c8-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c8-bg .expand { color: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span:before { background: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span { background: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span:after { background: rgba(var(--c8-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); }


/* Scroll prompt */
.c8-bg .scroll-prompt a { color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt a i { color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c8-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store h1 { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c8-heading), 1)!important; }


/* Heading separators - on page */
.c8-bg h1::before, .c8-bg h2::before, .c8-bg h3::before, .c8-bg h4::before, .c8-bg h5::before, .c8-bg h6::before { background: rgba(var(--c8-highlight), 1); }

.c8-bg h1::after, .c8-bg h2::after, .c8-bg h3::after, .c8-bg h4::after, .c8-bg h5::after, .c8-bg h6::after { background: rgba(var(--c8-highlight), 1); }


/* Heading separators - on components */
.c8-bg .heading::before, .c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.c8-bg .heading::after, .c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }


/* Heading separators - on specific items */
.item.c8-bg .heading::before, .item.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.item.c8-bg .heading::after, .item.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }

.inner.c8-bg .heading::before, .inner.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.inner.c8-bg .heading::after, .inner.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }





/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c1-btn-bg, 
.btn-bg_c1-btn-bg .btn {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

.c1-btn-bg:hover, 
.btn-bg_c1-btn-bg .btn:hover,
.btn.c1-btn-bg:focus, 
.btn-bg_c1-btn-bg .btn:focus,
.btn.c1-btn-bg:active, 
.btn-bg_c1-btn-bg .btn:active {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c1-btn-bg.c1-btn-bg-linear, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-linear:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-linear:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-linear:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c1-btn-bg.c1-btn-bg-radial, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-radial:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-radial:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-radial:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c1-btn-bg-hover:hover > span, 
.btn.c1-btn-bg-hover:focus > span, 
.btn.c1-btn-bg-hover:active > span, 
.btn-bg_c1-btn-bg-hover .btn:hover > span, 
.btn-bg_c1-btn-bg-hover .btn:focus > span, 
.btn-bg_c1-btn-bg-hover .btn:active > span,
a:hover .btn.c1-btn-bg-hover > span, 
a:focus .btn.c1-btn-bg-hover > span, 
a:active .btn.c1-btn-bg-hover > span,
.btn.c1-btn-bg-hover-solid:hover > span, 
.btn.c1-btn-bg-hover-solid:focus > span, 
.btn.c1-btn-bg-hover-solid:active > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c1-btn-bg-hover-solid > span, 
a:focus .btn.c1-btn-bg-hover-solid > span, 
a:active .btn.c1-btn-bg-hover-solid > span {
    background: rgba(var(--c1-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-linear:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-radial:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c1-btn-borders, 
.btn-borders_c1-btn-borders .btn {
    border-color: rgba(var(--c1-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c1-btn-borders:hover, 
.btn-borders_c1-btn-borders .btn:hover,
.btn.c1-btn-borders:focus, 
.btn-borders_c1-btn-borders .btn:focus,
.btn.c1-btn-borders:active, 
.btn-borders_c1-btn-borders .btn:active,
a:hover .btn.c1-btn-borders, 
a:focus .btn.c1-btn-borders, 
a:active .btn.c1-btn-borders {
    border-color: rgba(var(--c1-btn-borders-hover), 1);
}


/* Button Text */

.btn.c1-btn-text, 
.btn-text_c1-btn-text .btn {
    color: rgba(var(--c1-btn-text), 1);
}

/* Button Text Hover */

.btn.c1-btn-text:hover, 
.btn-text_c1-btn-text .btn:hover,
.btn.c1-btn-text:focus, 
.btn-text_c1-btn-text .btn:focus,
.btn.c1-btn-text:active, 
.btn-text_c1-btn-text .btn:active,
a:hover .btn.c1-btn-text, 
a:focus .btn.c1-btn-text, 
a:active .btn.c1-btn-text {
    color: rgba(var(--c1-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c1-btn-borders:hover, 
.btn.c1-btn-borders:focus, 
.btn.c1-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c1-btn-borders .btn:hover, 
.btn-borders_c1-btn-borders .btn:focus, 
.btn-borders_c1-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c1-btn-text, 
.basic-buttons .btn-text_c1-btn-text .btn { 
    color: rgba(var(--c1-btn-bg), 1); 
}

.basic-buttons .btn.c1-btn-text:hover, 
.basic-buttons .btn.c1-btn-text:focus, 
.basic-buttons .btn.c1-btn-text:active, 
.basic-buttons .btn-text_c1-btn-text .btn:hover, 
.basic-buttons .btn-text_c1-btn-text .btn:focus, 
.basic-buttons .btn-text_c1-btn-text .btn:active { 
    color: rgba(var(--c1-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c2-btn-bg, 
.btn-bg_c2-btn-bg .btn {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

.c2-btn-bg:hover, 
.btn-bg_c2-btn-bg .btn:hover,
.btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus,
.btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c2-btn-bg.c2-btn-bg-linear, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-linear:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-linear:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-linear:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c2-btn-bg.c2-btn-bg-radial, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-radial:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-radial:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-radial:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span,
a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, 
a:active .btn.c2-btn-bg-hover > span,
.btn.c2-btn-bg-hover-solid:hover > span, 
.btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c2-btn-bg-hover-solid > span, 
a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background: rgba(var(--c2-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c2-btn-borders, 
.btn-borders_c2-btn-borders .btn {
    border-color: rgba(var(--c2-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c2-btn-borders:hover, 
.btn-borders_c2-btn-borders .btn:hover,
.btn.c2-btn-borders:focus, 
.btn-borders_c2-btn-borders .btn:focus,
.btn.c2-btn-borders:active, 
.btn-borders_c2-btn-borders .btn:active,
a:hover .btn.c2-btn-borders, 
a:focus .btn.c2-btn-borders, 
a:active .btn.c2-btn-borders {
    border-color: rgba(var(--c2-btn-borders-hover), 1);
}


/* Button Text */

.btn.c2-btn-text, 
.btn-text_c2-btn-text .btn {
    color: rgba(var(--c2-btn-text), 1);
}

/* Button Text Hover */

.btn.c2-btn-text:hover, 
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus, 
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active, 
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text, 
a:focus .btn.c2-btn-text, 
a:active .btn.c2-btn-text {
    color: rgba(var(--c2-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c2-btn-borders:hover, 
.btn.c2-btn-borders:focus, 
.btn.c2-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c2-btn-borders .btn:hover, 
.btn-borders_c2-btn-borders .btn:focus, 
.btn-borders_c2-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c2-btn-text, 
.basic-buttons .btn-text_c2-btn-text .btn { 
    color: rgba(var(--c2-btn-bg), 1); 
}

.basic-buttons .btn.c2-btn-text:hover, 
.basic-buttons .btn.c2-btn-text:focus, 
.basic-buttons .btn.c2-btn-text:active, 
.basic-buttons .btn-text_c2-btn-text .btn:hover, 
.basic-buttons .btn-text_c2-btn-text .btn:focus, 
.basic-buttons .btn-text_c2-btn-text .btn:active { 
    color: rgba(var(--c2-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c3-btn-bg, 
.btn-bg_c3-btn-bg .btn {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

.c3-btn-bg:hover, 
.btn-bg_c3-btn-bg .btn:hover,
.btn.c3-btn-bg:focus, 
.btn-bg_c3-btn-bg .btn:focus,
.btn.c3-btn-bg:active, 
.btn-bg_c3-btn-bg .btn:active {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c3-btn-bg.c3-btn-bg-linear, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-linear:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-linear:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-linear:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c3-btn-bg.c3-btn-bg-radial, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-radial:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-radial:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-radial:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c3-btn-bg-hover:hover > span, 
.btn.c3-btn-bg-hover:focus > span, 
.btn.c3-btn-bg-hover:active > span, 
.btn-bg_c3-btn-bg-hover .btn:hover > span, 
.btn-bg_c3-btn-bg-hover .btn:focus > span, 
.btn-bg_c3-btn-bg-hover .btn:active > span,
a:hover .btn.c3-btn-bg-hover > span, 
a:focus .btn.c3-btn-bg-hover > span, 
a:active .btn.c3-btn-bg-hover > span,
.btn.c3-btn-bg-hover-solid:hover > span, 
.btn.c3-btn-bg-hover-solid:focus > span, 
.btn.c3-btn-bg-hover-solid:active > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c3-btn-bg-hover-solid > span, 
a:focus .btn.c3-btn-bg-hover-solid > span, 
a:active .btn.c3-btn-bg-hover-solid > span {
    background: rgba(var(--c3-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c3-btn-borders, 
.btn-borders_c3-btn-borders .btn {
    border-color: rgba(var(--c3-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c3-btn-borders:hover, 
.btn-borders_c3-btn-borders .btn:hover,
.btn.c3-btn-borders:focus, 
.btn-borders_c3-btn-borders .btn:focus,
.btn.c3-btn-borders:active, 
.btn-borders_c3-btn-borders .btn:active,
a:hover .btn.c3-btn-borders, 
a:focus .btn.c3-btn-borders, 
a:active .btn.c3-btn-borders {
    border-color: rgba(var(--c3-btn-borders-hover), 1);
}


/* Button Text */

.btn.c3-btn-text, 
.btn-text_c3-btn-text .btn {
    color: rgba(var(--c3-btn-text), 1);
}

/* Button Text Hover */

.btn.c3-btn-text:hover, 
.btn-text_c3-btn-text .btn:hover,
.btn.c3-btn-text:focus, 
.btn-text_c3-btn-text .btn:focus,
.btn.c3-btn-text:active, 
.btn-text_c3-btn-text .btn:active,
a:hover .btn.c3-btn-text, 
a:focus .btn.c3-btn-text, 
a:active .btn.c3-btn-text {
    color: rgba(var(--c3-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c3-btn-borders:hover, 
.btn.c3-btn-borders:focus, 
.btn.c3-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c3-btn-borders .btn:hover, 
.btn-borders_c3-btn-borders .btn:focus, 
.btn-borders_c3-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c3-btn-text, 
.basic-buttons .btn-text_c3-btn-text .btn { 
    color: rgba(var(--c3-btn-bg), 1); 
}

.basic-buttons .btn.c3-btn-text:hover, 
.basic-buttons .btn.c3-btn-text:focus, 
.basic-buttons .btn.c3-btn-text:active, 
.basic-buttons .btn-text_c3-btn-text .btn:hover, 
.basic-buttons .btn-text_c3-btn-text .btn:focus, 
.basic-buttons .btn-text_c3-btn-text .btn:active { 
    color: rgba(var(--c3-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c4-btn-bg, 
.btn-bg_c4-btn-bg .btn {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

.c4-btn-bg:hover, 
.btn-bg_c4-btn-bg .btn:hover,
.btn.c4-btn-bg:focus, 
.btn-bg_c4-btn-bg .btn:focus,
.btn.c4-btn-bg:active, 
.btn-bg_c4-btn-bg .btn:active {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c4-btn-bg.c4-btn-bg-linear, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-linear:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-linear:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-linear:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c4-btn-bg.c4-btn-bg-radial, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-radial:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-radial:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-radial:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c4-btn-bg-hover:hover > span, 
.btn.c4-btn-bg-hover:focus > span, 
.btn.c4-btn-bg-hover:active > span, 
.btn-bg_c4-btn-bg-hover .btn:hover > span, 
.btn-bg_c4-btn-bg-hover .btn:focus > span, 
.btn-bg_c4-btn-bg-hover .btn:active > span,
a:hover .btn.c4-btn-bg-hover > span, 
a:focus .btn.c4-btn-bg-hover > span, 
a:active .btn.c4-btn-bg-hover > span,
.btn.c4-btn-bg-hover-solid:hover > span, 
.btn.c4-btn-bg-hover-solid:focus > span, 
.btn.c4-btn-bg-hover-solid:active > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c4-btn-bg-hover-solid > span, 
a:focus .btn.c4-btn-bg-hover-solid > span, 
a:active .btn.c4-btn-bg-hover-solid > span {
    background: rgba(var(--c4-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c4-btn-borders, 
.btn-borders_c4-btn-borders .btn {
    border-color: rgba(var(--c4-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c4-btn-borders:hover, 
.btn-borders_c4-btn-borders .btn:hover,
.btn.c4-btn-borders:focus, 
.btn-borders_c4-btn-borders .btn:focus,
.btn.c4-btn-borders:active, 
.btn-borders_c4-btn-borders .btn:active,
a:hover .btn.c4-btn-borders, 
a:focus .btn.c4-btn-borders, 
a:active .btn.c4-btn-borders {
    border-color: rgba(var(--c4-btn-borders-hover), 1);
}


/* Button Text */

.btn.c4-btn-text, 
.btn-text_c4-btn-text .btn {
    color: rgba(var(--c4-btn-text), 1);
}

/* Button Text Hover */

.btn.c4-btn-text:hover, 
.btn-text_c4-btn-text .btn:hover,
.btn.c4-btn-text:focus, 
.btn-text_c4-btn-text .btn:focus,
.btn.c4-btn-text:active, 
.btn-text_c4-btn-text .btn:active,
a:hover .btn.c4-btn-text, 
a:focus .btn.c4-btn-text, 
a:active .btn.c4-btn-text {
    color: rgba(var(--c4-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c4-btn-borders:hover, 
.btn.c4-btn-borders:focus, 
.btn.c4-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c4-btn-borders .btn:hover, 
.btn-borders_c4-btn-borders .btn:focus, 
.btn-borders_c4-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c4-btn-text, 
.basic-buttons .btn-text_c4-btn-text .btn { 
    color: rgba(var(--c4-btn-bg), 1); 
}

.basic-buttons .btn.c4-btn-text:hover, 
.basic-buttons .btn.c4-btn-text:focus, 
.basic-buttons .btn.c4-btn-text:active, 
.basic-buttons .btn-text_c4-btn-text .btn:hover, 
.basic-buttons .btn-text_c4-btn-text .btn:focus, 
.basic-buttons .btn-text_c4-btn-text .btn:active { 
    color: rgba(var(--c4-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c5-btn-bg, 
.btn-bg_c5-btn-bg .btn {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

.c5-btn-bg:hover, 
.btn-bg_c5-btn-bg .btn:hover,
.btn.c5-btn-bg:focus, 
.btn-bg_c5-btn-bg .btn:focus,
.btn.c5-btn-bg:active, 
.btn-bg_c5-btn-bg .btn:active {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c5-btn-bg.c5-btn-bg-linear, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-linear:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-linear:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-linear:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c5-btn-bg.c5-btn-bg-radial, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-radial:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-radial:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-radial:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c5-btn-bg-hover:hover > span, 
.btn.c5-btn-bg-hover:focus > span, 
.btn.c5-btn-bg-hover:active > span, 
.btn-bg_c5-btn-bg-hover .btn:hover > span, 
.btn-bg_c5-btn-bg-hover .btn:focus > span, 
.btn-bg_c5-btn-bg-hover .btn:active > span,
a:hover .btn.c5-btn-bg-hover > span, 
a:focus .btn.c5-btn-bg-hover > span, 
a:active .btn.c5-btn-bg-hover > span,
.btn.c5-btn-bg-hover-solid:hover > span, 
.btn.c5-btn-bg-hover-solid:focus > span, 
.btn.c5-btn-bg-hover-solid:active > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c5-btn-bg-hover-solid > span, 
a:focus .btn.c5-btn-bg-hover-solid > span, 
a:active .btn.c5-btn-bg-hover-solid > span {
    background: rgba(var(--c5-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-linear:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-radial:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c5-btn-borders, 
.btn-borders_c5-btn-borders .btn {
    border-color: rgba(var(--c5-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c5-btn-borders:hover, 
.btn-borders_c5-btn-borders .btn:hover,
.btn.c5-btn-borders:focus, 
.btn-borders_c5-btn-borders .btn:focus,
.btn.c5-btn-borders:active, 
.btn-borders_c5-btn-borders .btn:active,
a:hover .btn.c5-btn-borders, 
a:focus .btn.c5-btn-borders, 
a:active .btn.c5-btn-borders {
    border-color: rgba(var(--c5-btn-borders-hover), 1);
}


/* Button Text */

.btn.c5-btn-text, 
.btn-text_c5-btn-text .btn {
    color: rgba(var(--c5-btn-text), 1);
}

/* Button Text Hover */

.btn.c5-btn-text:hover, 
.btn-text_c5-btn-text .btn:hover,
.btn.c5-btn-text:focus, 
.btn-text_c5-btn-text .btn:focus,
.btn.c5-btn-text:active, 
.btn-text_c5-btn-text .btn:active,
a:hover .btn.c5-btn-text, 
a:focus .btn.c5-btn-text, 
a:active .btn.c5-btn-text {
    color: rgba(var(--c5-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c5-btn-borders:hover, 
.btn.c5-btn-borders:focus, 
.btn.c5-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c5-btn-borders .btn:hover, 
.btn-borders_c5-btn-borders .btn:focus, 
.btn-borders_c5-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c5-btn-text, 
.basic-buttons .btn-text_c5-btn-text .btn { 
    color: rgba(var(--c5-btn-bg), 1); 
}

.basic-buttons .btn.c5-btn-text:hover, 
.basic-buttons .btn.c5-btn-text:focus, 
.basic-buttons .btn.c5-btn-text:active, 
.basic-buttons .btn-text_c5-btn-text .btn:hover, 
.basic-buttons .btn-text_c5-btn-text .btn:focus, 
.basic-buttons .btn-text_c5-btn-text .btn:active { 
    color: rgba(var(--c5-btn-bg-hover), 1); 
}




*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.icon.usn_ion-md-open {
    display: none;
}
:root {
    --pc-spacing_xl: 75px;
}

.component.usn_cmp_banner .item .info {
 padding: var(--base-half-spacing);   
}
@media (min-width: 0) and (max-width: 768px) {
.component.usn_cmp_banner .item.item_scale-banner .inner, .component.usn_cmp_banner .item.item_scale-banner .info {
    position: relative!important;
}
}

.text table thead td p {
    color: white;
}

.text table thead td {
   background: rgba(var(--base-borders),1);
}

textarea.form-control {
    height: auto;
    border-radius: 20px;
}
.site-search .form-control {
    padding: 20px;
}
.umbraco-forms-field.longanswer textarea,
.umbraco-forms-field.longanswer textarea.form-control {
    height: auto;
    border-radius: 20px;
    border: var(--form-field-border-width) solid rgba(var(--base-borders), 1);
}

.umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox {
    float: none!important;
    padding: 10px 10px 10px 0px!important; 
}

.umbraco-forms-form .umbraco-forms-field textarea {
    max-width: 100%!important;
}

.postcodelookup {
    margin: 40px 0px;
}
.umbraco-forms-form select.form-control {
    padding: 0px 30px!important;
    height: 64px;
    font-size: 17px;
        border: 2px solid #006ba2!important;
}
.ideal-postcode-holder {
    padding: 0;
    max-width: 400px!important;
}
.idpc-select-container{
    position: relative;
}

.umbraco-forms-form .idpc-select-container:after {
   position: absolute;
right: 30px;
    top: 18px;
   content:"\f3d0";
   font-family:;
   font-size: 20px;
   color: black;
   font-family: "Ionicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
}


.form-control.input-validation-error,
.umbraco-forms-field.dropdown select.input-validation-error,
.umbraco-forms-field.longanswer textarea.input-validation-error,
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input.input-validation-error {
    border-radius: 50px;
}
.field-validation-error {
    padding: 0;
    font-size: 14px;
    color: rgba(var(--true-white), 1);
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link {
    border-color: transparent;
}
.has-child:focus,
.no-child:focus {
    outline: 0;
}
.btn {
    line-height: 1;
}
.left-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg),
.right-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg) {
    border: none;
}
.text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    color: rgba(var(--base-link-hover), 1);
}
.text a:not(.btn):not(.nav-button-link):hover {
    color: rgba(var(--base-link-hover), 1);
}
.contact-form-no-pad .inner {
    padding: 2px;
}
.contact-form .checkbox {
    display: none;
}
p.caption {
    margin: 0 0 20px;
}
@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 95%;
    }
}
@media (max-width: 768px) {
    p {
        line-height: 1.4;
    }
    .news-twitter .item.item_text-above.item_has-bg .info,
    .news-twitter .item.item_text-below.item_has-bg .info,
    .news-twitter .item.item_text-left.item_has-bg .info,
    .news-twitter .item.item_text-right.item_has-bg .info {
        padding: 40px 40px 25px;
    }
    .news-twitter .item.item_has-bg .meta {
        padding: 0 40px 25px;
    }
}
.news-twitter .item.item_text-above.item_has-bg .info,
.news-twitter .item.item_text-below.item_has-bg .info,
.news-twitter .item.item_text-left.item_has-bg .info,
.news-twitter .item.item_text-right.item_has-bg .info {
    padding: 35px 35px 25px;
}
.news-twitter .item.item_has-bg .meta {
    padding: 0 35px 35px;
}
.news-twitter .item .inner {
    height: 100%;
}
.news-twitter .slick-slider .slick-track {
    display: flex;
    align-items: stretch;
}
.news-twitter .slick-list {
    display: flex;
}
.news-twitter .listing.listing_basic-grid .item {
    display: inline-flex !important;
}
@media (min-width: 576px) {
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-2,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-3,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-5,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-6,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-7,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-8 {
        flex: auto;
        -ms-flex: auto;
        max-width: auto;
    }
}
.footer .listing .item {
    margin-bottom: 10px;
}
footer#site-footer {
    background: #2e2e2e;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
}
footer#site-footer .container {
    padding: 35px 0;
}
footer#site-footer nav.footer-navigation {
    padding: 0;
    text-align: center;
}
nav.footer-navigation ul li a {
    margin: 0;
    padding: 0;
    line-height: 14px;
}
nav.footer-navigation ul li {
    margin: 0 5px 0 0;
    padding: 0 10px 0 0;
    line-height: 14px;
    display: inline-block;
    border-right: 1px solid #fff;
}
nav.footer-navigation ul li:first-child {
    display: block;
    border: none;
}
nav.footer-navigation ul li:nth-last-child(2) {
    border: none;
}
nav.footer-navigation ul li a,
nav.footer-navigation ul li div {
    font-size: 14px;
    line-height: 1.4;
}
.quick-links ul li a {
    padding-left: 0;
}
.quick-links ul li a:after {
    display: none;
}
.footer-sponsor-logos {
    align-self: center !important;
    margin-top: 0;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.footer-sponsor-logos .info .text p {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0;
}
.footer-sponsor-logos .info .text img {
    border-radius: 0 !important;
    max-width: 200px;
    padding: 15px 15px;
    align-self: start;
}

.footer-sponsor-logos .info .text p a:last-child {

}
.footer-sponsor-logos .info .text p a:last-child img {
  
}

@media (min-width: 768px) {
    .footer .listing .item {
        margin-bottom: var(--base-spacing);
    }
    .footer-sponsor-logos {
        align-self: center !important;
        margin-top: 40px;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-sponsor-logos .info .text p {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 0 10px;
        align-items: center;
    }
    .footer-sponsor-logos .info .text img {
        border-radius: 0 !important;
        max-width: 190px;
        margin: 0;
        padding: 15px;
        align-self: center;
    }
}
@media (min-width: 1200px) {
    .footer-sponsor-logos {
        align-self: start !important;
        margin-top: -5px;
        width: 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .footer-sponsor-logos .info .text p {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 0;
    }
    .footer-sponsor-logos .info .text img {
        border-radius: 0 !important;
        max-width: 220px;
        padding: 10px 0;
        align-self: center;
    }
}
@media (min-width: 1200px) {
    footer#site-footer nav.footer-navigation {
        padding: 0;
        text-align: left;
    }
}
.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 9999999999;
    will-change: transform, top;
    -webkit-transition: none;
    transition: none;
    transform: translate3d(0, 0, 0);
}
body:not(.no-header) .sticky {
    top: -2px;
}
body {
    top: 0 !important;
}
html.touch nav.main ul li,
html.touch nav.main ul li span,
html.touch nav.main ul li span a,
html.touch nav.main ul li span::after {
    pointer-events: all !important;
    z-index: 10;
}
body.header-03-sm header#site-header nav.main ul li.has-child span::before {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    position: absolute;
    background: 0 0;
}
body.header-03-sm header#site-header nav.main ul li.has-child ul.multi-col span::before {
    top: 0;
    bottom: 0;
    height: 0;
    width: 0;
    z-index: 1000;
    display: none;
}
.skiptranslate {
    display: none !important;
}
.listing_search-results .base-link {
    color: #006ba2;
    font-weight: 700;
}
section {
    overflow-x: hidden;
}
nav#pagination .pagination li a {
    padding: 0;
    height: 50px;
    min-width: 50px;
    border-radius: 80px !important;
    text-align: center;
    line-height: 48px;
    text-decoration: none !important;
}
header#site-header .expand-header {
    display: block;
    text-indent: 0;
    color: #006ba2;
}
header#site-header .expand-header.expand-2-bars span {
    background-color: transparent;
    font-size: 19px;
    font-weight: 700;
}
.breadcrumb-trail,
.site-credit,
nav.footer-navigation ul li.site-credit {
    display: none;
}
.usn_back-to-top.position-right {
    width: 60px;
    height: 60px;
    margin: 20px 15px;
}
html.nav-down:not(.reached-top) .usn_back-to-top,
html.nav-up .usn_back-to-top {
    width: 60px;
    height: 60px;
    padding:0;
}
.usn_back-to-top a.btn {
    width: 60px;
    height: 60px;
    padding:0;
}
nav.main ul > li.active > span > a {
    color: #2e2e2e;
}
header#site-header .expand-header {
    transition: none;
}
nav.main ul li span a {
    border-top: 1px solid #d4e6f2;
    border-bottom: none;
}
body.header-03-sm header#site-header nav.main ul ul li,
body.header-03-sm nav.main ul li.has-child.open-child_mobile > span::after {
    border-radius: 0;
    color: #006ba2;
}
.topnav {
    height: 55px;
    width: 100%;
    background: #d4e6f2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    align-items: center;
}
.topnav .container {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.topnav .container .left-topnav {
    padding: 0 0 0 5px;
    display: flex;
}
.topnav .container .right-topnav {
    padding: 0;
    margin: 0;
    display: flex;
    right: 20px;
    top: 6px;
    position: absolute;
}
.topnav .container .left-topnav a {
    padding: 0 10px 0 0;
    color: #006ba2;
    font-weight: 700;
    font-size: 16px;
    align-self: center;
    line-height: 1.1;
}
.browse-aloud {
    display: block;
}
#site:after {
    content: "";
    background-image: url(/media/0d4nuq5k/headercircupperyellowmob.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right -55px top;
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
    height: 230px;
    width: 100%;
}
@media (min-width: 380px) {
    #site:after {
        background-position: right 0 top;
    }
}
@media (max-width: 576px) {
    header#site-header {
        background: 0 0;
        top: 0;
        height: 220px;
        position: relative;
    }
    html.reveal-out header#site-header {
        bottom: 0;
        position: relative !important;
        overflow-x: visible;
        height: 100vh;
    }
    html.reveal-out header#site-header .row {
        padding: 0;
        height: 100%;
        position: relative;
        margin: 0;
    }
    header#site-header .container-fluid {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        margin: 0;
        height: 100%;
    }
    body.header-03-sm header#site-header nav.main {
        width: 100%;
        background: #fff !important;
        display: block;
        margin: 0;
        padding: 0;
        top: 255px;
        height: 100%;
        position: absolute;
        bottom: 100px;
        overflow: visible;
    }
    body.header-03-sm header#site-header nav.secondary {
        width: 100%;
        background: #fff;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    body.header-03-sm header#site-header .site-search {
        width: 100%;
        display: block;
        margin: 0;
        padding: 20px 20px;
        top: 175px;
        position: absolute;
        background: #fff;
        z-index: 9;
    }
    body.header-03-sm header#site-header nav.cta-links {
        width: 100%;
        background: 0 0;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    nav.main ul li span a {
        padding: 14px 20px;
    }
    html.reveal-out header#site-header .row {
        padding-bottom: 0;
        height: 100%;
        background: 0 0;
    }
    nav.main ul li span a {
        color: #006ba2;
    }
    nav.main ul > li:active > span > a,
    nav.main ul > li:focus-within > span > a,
    nav.main ul > li:focus > span > a,
    nav.main ul > li:hover > span > a {
        color: #006ba2;
    }
    body.header-03-sm header#site-header nav.cta-links {
        -ms-flex-order: 5;
        order: 5;
        position: absolute;
        bottom: 40px;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background-color: #006ba2;
        transition: none;
    }
    nav.main ul li.has-child > span::after {
        color: #006ba2;
    }
    body.header-05-lg header#site-header #logo img,
    body.header-05-lg header#site-header #logo picture {
        height: 65px;
    }
    header#site-header #logo {
        top: 15px;
        left: 0;
    }
    .mob-tab-nav {
        display: block;
        width: 100%;
        position: absolute;
        height: 50px;
        top: 90px;
        background: #006ba2;
    }
    header#site-header {
        height: 100px;
    }
    header#site-header .expand-header {
        display: flex;
        text-indent: 0;
        color: #006ba2;
        width: 80px;
        right: 20px;
        top: 15px;
        align-items: end;
        justify-content: end;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before,
    header#site-header .expand-header.expand-active-cross.active span:after,
    header#site-header .expand-header.expand-active-cross.active span:before {
        background-color: #006ba2;
    }
    header#site-header .expand-header.expand-2-bars span {
        color: #006ba2;
    }
    header#site-header .expand-header.expand-2-bars span:before,
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 20px;
    }
    header#site-header .expand-header.expand-2-bars span:after,
    header#site-header .expand-header.expand-active-cross.active span:after {
        bottom: 20px;
    }
    header#site-header .expand-header.expand-2-bars span {
        width: 55px;
    }
    .mob-tab-nav ul {
        margin: 0 !important;
        display: flex;
        justify-content: space-around;
    }
    .mob-tab-nav ul li:first-child {
        display: none;
    }
    .browse-aloud {
        display: none;
    }
    body.header-03-sm header#site-header nav.main > ul li:first-child {
        display: block;
    }
    header#site-header {
        height: 165px;
    }
    body.header-03-sm header#site-header .site-search {
        top: 220px !important;
    }
    body.header-03-sm header#site-header nav.main {
        top: 290px !important;
    }
    .upper-footer .row {
        text-align: center;
    }
    .upper-footer.component.usn_cmp_ctastrip .link {
        margin: 10px auto 0;
    }
}
@media (max-width: 991px) {
    #site-content {
        top: 0;
        position: relative;
    }
    .sticky,
    .topnav a,
    header#site-header,
    nav.main,
    nav.main ul li span a {
        -webkit-transition: none;
        transition: none;
    }
    body.header-03-sm header#site-header nav.main > ul,
    body.header-03-sm header#site-header nav.main > ul li {
        background: #fff;
    }
    .mobile-donate-btn {
        left: 20px;
        bottom: 80px;
        position: relative;
        display: inline;
    }
    header#site-header #logo {
        position: absolute;
    }
    header#site-header {
        background: 0 0;
    }
    header#site-header nav.main {
        position: sticky;
        background: 0 0 !important;
    }
    .site-search {
        display: none;
    }
    nav.nav-dropdown {
        position: relative;
    }
    .mobile-nav-container {
        display: block;
        width: 100%;
        position: relative;
        position: sticky !important;
        top: calc(var(--small-header) - 1px);
    }
    nav.main ul li span a {
        padding: 14px 20px;
    }
    html.reveal-out header#site-header .row {
        padding-bottom: 0;
        height: 100%;
        background: 0 0;
    }
    nav.main ul li span a {
        color: #006ba2;
    }
    nav.main ul > li:active > span > a,
    nav.main ul > li:focus-within > span > a,
    nav.main ul > li:focus > span > a,
    nav.main ul > li:hover > span > a {
        color: #006ba2;
    }
    body.header-03-sm header#site-header nav.cta-links {
        -ms-flex-order: 5;
        order: 5;
        position: absolute;
        bottom: 40px;
    }
    nav.main ul li.has-child > span::after {
        color: #006ba2;
        font-size: 24px;
    }
    header#site-header .expand-header span {
        top: 50%;
        left: auto;
        transform: none;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background-color: #fff;
        transition: none;
    }
    header#site-header .expand-header.expand-2-bars span {
        background-color: transparent;
        font-size: 19px;
        font-weight: 700;
        width: 55px;
        text-align: center;
        height: 100%;
        position: absolute;
        top: 0;
        display: flex;
        justify-content: center;
        color: #fff;
        align-items: center;
    }
    header#site-header .expand-header.expand-2-bars span:before {
        top: 12px;
        position: absolute;
        transform: none;
        width: 100%;
    }
    header#site-header .expand-header.expand-2-bars span:after {
        top: auto;
        width: 100%;
        position: absolute;
        bottom: 12px;
    }
    header#site-header .expand-header.expand-2-bars span.btn-open {
        display: flex;
    }
    header#site-header .expand-header.expand-2-bars span.btn-close {
        display: none;
    }
    header#site-header .expand-header.expand-2-bars.active span.btn-open {
        display: none;
    }
    header#site-header .expand-header.expand-2-bars.active span.btn-close {
        display: flex;
    }
    header#site-header .expand-header.expand-2-bars span.btn-close {
        width: 71px;
        text-align: center;
        justify-content: center;
    }
    header#site-header .expand-header.expand-2-bars span.btn-close i {
        font-size: 32px;
        margin: 1px 0 0 5px;
    }
    header#site-header .expand-header.expand-active-cross.active span::after,
    header#site-header .expand-header.expand-active-cross.active span::before {
        transform: none;
    }
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 12px;
    }
    header#site-header .expand-header.expand-active-cross.active span:after {
        top: auto;
        bottom: 12px;
    }
    body.header-03-sm header#site-header nav.main > ul {
        padding-bottom: 100px;
    }
    .topnav {
        display: none;
    }
    .topnav {
        height: 55px;
        top: 165px;
    }
    html.reveal-out .topnav {
        display: flex;
    }
    .mob-tab-nav {
        display: block;
        width: 100%;
        position: absolute;
        height: 55px;
        top: 110px;
        background: #006ba2;
    }
    .mob-tab-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .mob-tab-nav li {
        display: inline-flex;
        height: 100%;
    }
    .mob-tab-nav li a {
        color: #fff;
        display: flex;
        align-self: center;
        padding: 0 15px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
    }
    body.header-03-sm header#site-header nav.main {
        -ms-flex-order: 4;
        order: 4;
    }
    body.header-03-sm header#site-header .site-search,
    body.header-03-sm header#site-header nav.cta-links,
    body.header-03-sm header#site-header nav.main,
    body.header-03-sm header#site-header nav.secondary {
        width: 100%;
    }
    body.header-03-sm header#site-header nav.main > ul,
    body.header-03-sm header#site-header nav.main > ul li {
        border: 0 none;
    }
    nav.main ul li {
        background: var(--header-bg-color1);
    }
    html.no-touch nav.main ul li:hover > span::before,
    nav.main ul li.active > span::before,
    nav.main ul li.open-child_mobile > span::before,
    nav.main ul li:active > span::before,
    nav.main ul li:focus > span::before,
    nav.main ul li:not(.active).open-child > span::before {
        width: 3px;
    }
    nav.main ul li span::before {
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        height: 100%;
    }
    header#site-header {
        background: 0 0;
        top: 0;
        height: 165px;
        position: relative;
    }
    html.reveal-out header#site-header {
        bottom: 0;
        position: relative !important;
        overflow-x: visible;
        height: 100vh;
    }
    header#site-header .container-fluid {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        margin: 0;
        height: 100%;
    }
    header#site-header #logo {
        top: 15px;
    }
    header#site-header .row,
    html.reveal-out header#site-header .row {
        padding: 0;
        height: 100%;
        position: relative;
        margin: 0;
    }
    body.header-03-sm header#site-header nav.main {
        width: 100%;
        background: #fff !important;
        display: block;
        margin: 0;
        padding: 0;
        top: 245px;
        height: 100%;
        position: absolute;
        bottom: 100px;
        overflow: visible;
    }
    body.header-03-sm header#site-header nav.secondary {
        width: 100%;
        background: #fff;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    body.header-03-sm header#site-header .site-search {
        width: 100%;
        display: block;
        margin: 0;
        padding: 15px 20px;
        top: 165px;
        position: absolute;
        background: #fff;
        z-index: 9;
    }
    body.header-03-sm header#site-header nav.cta-links {
        width: 100%;
        background: 0 0;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    header#site-header .expand-header.expand-2-bars span {
        background-color: transparent;
        font-size: 19px;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    nav.main {
        top: 114px;
        height: 0;
        overflow: hidden;
    }
    .reveal-out nav.main {
        height: 100%;
    }
    header#site-header .expand-header.expand-2-bars span,
    nav.main ul li.active.has-child > span::after,
    nav.main ul li:not(.active).open-child > span::after,
    nav.main ul li:not(.active):active > span::after,
    nav.main ul li:not(.active):focus-within > span::after,
    nav.main ul li:not(.active):focus > span::after,
    nav.main ul li:not(.active):hover > span::after {
        color: #006ba2;
    }
    header#site-header .expand-header.expand-2-bars span:before,
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 22px;
    }
    header#site-header .expand-header.expand-2-bars span:after,
    header#site-header .expand-header.expand-active-cross.active span:after {
        bottom: 22px;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background: #006ba2;
    }
    body.header-03-sm nav.main ul ul > li > span > a {
        padding-left: 40px;
        border-top: 1px solid #fff;
    }
    header#site-header .form-control:focus,
    header#site-header .form-control:focus-visible,
    header#site-header .form-control:not(:focus) {
        border: 2px solid #006ba2;
        outline: 0 !important;
    }
    body.header-03-sm header#site-header nav.main {
        top: 245px;
    }
    body.header-03-sm header#site-header nav.main > ul,
    body.header-03-sm header#site-header nav.main > ul li:last-child {
        display: block;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 15px;
    }
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul {
    display: block;
    flex-direction: inherit;
}
#lang-cy,
.lang-cy {
    background: #fff;
    border: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #717171;
    padding: 8px 12px;
    order: 2;
    align-self: center;
    outline: 0 !important;
}
#lang-en,
.lang-en {
    background: #fff;
    border: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #717171;
    padding: 8px 12px;
    border-right: 1px solid grey;
    align-self: center;
    outline: 0 !important;
}
button.langbutton:disabled,
button.langbutton[disabled] {
    background: #ccc !important;
    color: #909090 !important;
    text-decoration: line-through;
}
button.langbutton.active {
    background: #009c8a !important;
    color: #fff !important;
}
.google-translate-button.langbutton {
    order: 3;
    align-self: center;
    outline: 0 !important;
}
.google-translate-button.langbutton img {
    height: 43px;
    border-radius: 0 !important;
}
.google-translate-button.langbutton img:hover {
    cursor: pointer;
}
@media (min-width: 576px) {
    #site-header nav.main {
        display: none;
    }
    .topnav {
        height: 55px;
        top: 0;
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    .hide-on-tablet {
        display: none;
    }
    #site-content {
        top: 0;
        position: relative;
    }
    header#site-header .expand-header {
        justify-content: end;
        display: flex;
        text-indent: 0;
        color: #fff;
        top: 120px;
        right: 10px;
        align-items: center;
        width: 99px;
        height: 55px;
    }
    body.header-05-lg header#site-header nav.secondary {
        position: absolute;
        right: 15px;
        padding: 0;
        margin: 0;
        top: 0;
        z-index: 602;
        transform: translateY(0);
    }
    body.header-05-lg header#site-header #logo img,
    body.header-05-lg header#site-header #logo picture {
        height: 75px;
        max-height: 100%;
    }
    .cta-links .btn.btn-sm,
    .cta-links button.btn.btn-sm {
        padding: 8px 20px;
    }
    nav.secondary > ul {
        display: block;
        margin: 0 0 0 auto;
        right: 0;
        top: 0;
        position: absolute;
    }
    header#site-header .row {
        width: 100%;
        margin: 0;
    }
    html.nav-down:not(.reached-top) header#site-header,
    html.nav-down:not(.reached-top) header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top) header#site-header,
    html.nav-up:not(.reached-top) header#site-header.header-bg-solid {
        background: 0 0;
    }
    body.header-03-sm header#site-header nav.main > ul li:first-child {
        display: none;
    }
    body.header-03-sm header#site-header nav.cta-links {
        position: absolute;
        bottom: auto;
        top: 58px;
        right: 10px;
        width: auto;
        display: inline;
    }
    nav.cta-links .btn {
        display: inline;
        margin: 0;
    }
    nav.secondary ul li {
        overflow: visible;
        height: 100%;
        display: inline-block;
    }
    #site:after {
        content: "";
        background-image: url(/media/durfe3x5/headercircupperyellowlg.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right -220px top;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        height: 400px;
        width: 100%;
    }
    .mob-tab-nav ul {
        margin-left: 5px;
    }
    nav.secondary ul li span a,
    nav.secondary ul li span div,
    nav.secondary > ul > li > a {
        padding: 10px 0 10px 10px;
    }
    header#site-header .expand-header.expand-2-bars span {
        color: #fff;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background: #fff;
    }
    header#site-header .expand-header.expand-2-bars span:after {
        bottom: 10px;
    }
    header#site-header .expand-header.expand-2-bars span:before {
        top: 10px;
    }
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 10px;
    }
    header#site-header .expand-header.expand-active-cross.active span:after {
        bottom: 10px;
    }
    header#site-header .expand-header {
        color: #fff;
        top: 110px;
    }
    header#site-header {
        background: 0 0;
        height: 220px;
    }
    header#site-header .container-fluid {
        top: 55px;
    }
    .topnav {
        display: flex;
    }
}
.nav-container {
    display: none;
}
.topnav .container .right-topnav a {
    padding: 0 0 0 15px;
}
@media (min-width: 992px) {
    .mob-tab-nav {
        display: none;
    }
    .nav-container {
        display: block;
    }
    .topnav {
        height: 60px;
    }
    .topnav .container .left-topnav a {
        padding: 0 20px 0 0;
        font-size: 19px;
    }
    .topnav .container .right-topnav a {
        padding: 0 0 0 15px;
        font-size: 19px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:last-child {
        display: none;
    }
    header#site-header .expand-header {
        text-align: center;
        display: block;
        text-indent: 0;
        color: #fff;
        top: 142px;
        position: absolute;
        right: 20px;
        width: 70px;
    }
    body.header-05-lg header#site-header .row {
        height: auto;
    }
    body.header-05-lg header#site-header .row {
        height: 110px;
    }
    header#site-header {
        height: 210px !important;
        max-width: 100%;
        position: relative;
    }
    html.nav-down:not(.reached-top) header#site-header,
    html.nav-up:not(.reached-top) header#site-header {
        height: 0;
        margin: 0 auto;
    }
    body.header-05-lg:not(.transparent-header-lg) header#site-header {
        box-shadow: none;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a {
        border: none;
    }
    body.header-03-sm header#site-header nav.main ul ul li,
    body.header-03-sm nav.main ul li.has-child.open-child_mobile > span::after {
        color: #fff;
    }
    body.header-05-lg header#site-header #logo {
        height: 110px;
    }
    body.header-05-lg header#site-header .row::before {
        height: 110px;
    }
    body.header-05-lg header#site-header #logo img,
    body.header-05-lg header#site-header #logo picture {
        height: 85px;
        max-height: 100%;
    }
    body.header-05-lg header#site-header nav.secondary {
        position: absolute;
        right: 38px;
        z-index: 602;
        transform: translateY(0);
    }
    body.header-05-lg header#site-header nav.cta-links {
        position: absolute;
        z-index: 602;
        top: 45%;
        right: 0;
        transform: translateY(0);
    }
    #site-content {
        position: relative;
        z-index: 1;
        margin-top: -40px;
        top: auto;
    }
    html[dir="ltr"] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
        right: calc((var(--large-header) / 2) - 0px);
    }
    html[dir="ltr"] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
        right: 25px;
        top: 0;
        display: block;
    }
    body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
        width: 70px;
        border: none;
        outline: 0;
    }
    body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg)
        header#site-header
        .site-search
        button.btn
        .usn_ion-ios-search:before {
        color: #fff;
        font-weight: 900;
        border: none;
        outline: 0;
    }
    .expand-search .usn_ion-ios-search:before {
        color: #006ba2;
        font-weight: 900;
    }
    header#site-header .site-search .expand-search {
        color: #000;
        background: 0 0;
        border: 0 none;
        outline: 0;
    }
    header#site-header .form-control:focus,
    header#site-header .form-control:focus-visible,
    header#site-header .form-control:hover,
    header#site-header .form-control:not(:focus) {
        border: 2px solid #006ba2;
        outline: 0 !important;
    }
    .site-search.open-search input.form-control {
        height: 30px !important;
        padding: 22px 20px;
        font-size: 18px;
        color: #000;
    }
    .nav-container {
        z-index: 999;
        display: block;
    }
    .mob-tab-nav {
        display: none;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul {
        display: flex;
        flex-direction: row;
    }
    .nav-container nav.main > ul {
        font-size: 18px;
    }
    .nav-container nav.main ul li.has-child > span::after {
        position: absolute;
        top: 0;
        right: 0;
    }
    .nav-container nav.main ul ul li span::before {
        display: none;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        display: flex !important;
        flex-direction: row !important;
    }
    body.header-05-lg header#site-header .nav-container nav.main {
        background: #006ba2;
    }
    .nav-container nav.nav-dropdown {
        z-index: 5;
        position: relative;
        top: -1px;
        height: 76px;
        margin: 0 auto;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        background: #006ba2;
        border-radius: 20px;
        max-width: calc(100% - 40px);
        margin: 0 auto;
        padding: 0 55px;
        border-radius: 20px;
        height: 76px;
    }
    .sticky.is-pinned.nav-container nav.nav-dropdown {
        background: #006ba2;
        width: 100%;
        height: 65px;
        transform: translate3d(0, 0, 0);
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        margin: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a {
        line-height: 76px;
        height: 76px;
        white-space: nowrap;
        padding: 0;
    }
    html.no-touch body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul li.has-child > span::after {
        z-index: 1;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li.has-child > span > a {
        padding: 0 30px 0 0 !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:first-child > span > a {
        padding-left: 10px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:first-child {
        margin-left: -10px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li.has-child > span::after {
        line-height: 76px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li.has-child > span::after {
        line-height: 65px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky nav.main > ul {
        background: #006ba2;
        border-radius: 16px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        height: 100%;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li > span > a {
        height: 65px;
        line-height: 65px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul {
        height: 65px;
    }
    body.header-05-lg header#site-header .container-fluid::after,
    body.header-05-lg header#site-header .container::after {
        height: 0;
        background-color: transparent;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        justify-content: space-between;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li.open-child > ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li:focus-within > ul {
        position: fixed;
        padding: 50px 30px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: calc(100% - 40px);
        z-index: 1;
        left: 50% !important;
        transform: translateX(-50%);
        min-height: 350px;
        flex-direction: column;
    }
    html.no-touch body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li:hover > ul {
        left: -999em;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col:before {
        content: "";
        height: 15px;
        position: absolute;
        width: 100%;
        background: #006ba2;
        z-index: 2;
        top: -15px;
        left: 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main ul > li > ul.multi-col:before {
        height: 0;
    }
    html.nav-down:not(.reached-top) header#site-header,
    html.nav-down:not(.reached-top) header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top) header#site-header,
    html.nav-up:not(.reached-top) header#site-header.header-bg-solid {
        background: 0 0;
    }
    .nav-container nav.main ul ul > li:focus-within > span > a,
    .nav-container nav.main ul ul > li > span > a {
        color: #512178;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col > li {
        flex: 1 1 33%;
    }
    .nav-container nav.main > ul > li.has-child > span::after {
        padding: 0;
        font-size: 20px;
        width: 30px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a:hover {
        text-decoration: none;
    }
    .nav-container nav.main ul > li.active > span > a {
        color: #fff;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul li.has-child ul > li.active > span > a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul ul > li.active > span > a {
        color: #512178;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:first-child > span > a:before,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul > li:first-child > span > a:after {
        background: 0 0 !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a:before {
        content: "";
        position: absolute;
        top: 16px;
        left: 0;
        width: 100%;
        height: 2px;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a:after {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 0;
        width: 100%;
        height: 2px;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li > span > a:before {
        top: 13px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li > span > a:after {
        bottom: 13px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:hover > span > a:before,
    nav.main > ul > li.active > span > a:before {
        background: #fff !important;
    }
    .nav-container nav.main > ul > li.active > span > a:after,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:hover > span > a:after {
        background: #fff !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child {
        flex: none;
        width: 45%;
        display: inline-block;
        background: #512178;
        top: 20px;
        position: absolute;
        right: 20px;
        padding: 20px;
        height: calc(100% - 40px);
        border-radius: 15px;
        background-size: cover !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child:before {
        content: "";
        flex: none;
        width: 100%;
        display: block;
        background: #512178;
        top: 0;
        position: absolute;
        right: 0;
        opacity: 0.6;
        padding: 0;
        height: 100%;
        border-radius: 15px;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child span::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: calc(100% - 40px);
        font-size: 22px;
        line-height: 1.2;
        background: 0 0;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child span::after {
        position: absolute;
        top: 56px;
        bottom: 0;
        left: 0;
        width: 90% !important;
        height: calc(100% - 80px);
        font-size: 16px;
        line-height: 1.4;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul li.has-child ul > li > span > a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul ul > li > span > a {
        padding: 6px var(--base-half-spacing);
    }
    .nav-container nav.main ul ul li:last-child:not(.active).open-child > span::after,
    .nav-container nav.main ul ul li:last-child:not(.active).open-child > span::before,
    .nav-container nav.main ul ul li:last-child:not(.active):active > span::after,
    .nav-container nav.main ul ul li:last-child:not(.active):active > span::before,
    .nav-container nav.main ul ul li:last-child:not(.active):focus > span::after,
    .nav-container nav.main ul ul li:last-child:not(.active):focus > span::before,
    .nav-container nav.main ul ul li:last-child > span::after,
    .nav-container nav.main ul ul li:last-child > span::before,
    html.no-touch .nav-container nav.main ul ul li:last-child:not(.active):hover > span::after,
    html.no-touch .nav-container nav.main ul ul li:last-child:not(.active):hover > span::before {
        color: #fff !important;
        display: block !important;
        opacity: 1 !important;
        position: absolute;
        transition: none;
        background: 0 0 !important;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child span {
        height: 100%;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a {
        background: #009c8a;
        color: #fff !important;
        top: auto;
        bottom: 0;
        position: absolute;
        left: 0;
        padding: 10px 30px !important;
        border-radius: 40px;
        font-size: 20px;
        letter-spacing: 0;
        transition: opacity ease-in-out 0.2s;
        background-size: cover !important;
        border: none;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child a:hover,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:hover {
        text-decoration: none;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:hover {
        background: #fff !important;
        color: #512178 !important;
        transition: opacity ease-in-out 0.2s;
    }
    body.header-05-lg nav.main > ul li.has-child ul > li > span > a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main > ul ul > li > span > a {
        padding: 4px var(--base-half-spacing);
    }
    body.header-05-lg nav.main ul > li > ul.multi-col > li:last-child a:hover,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:active,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:focus {
        background: #2e2e2e !important;
        color: #fff !important;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li {
        flex: none !important;
        display: block;
        width: 60%;
    }
    .mobile-nav-container {
        display: none;
    }
    nav.main > ul > li > span > a {
        padding: 0 24px;
    }
    #site:after {
        content: "";
        background-image: url(/media/durfe3x5/headercircupperyellowlg.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right -220px top;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        height: 340px;
        width: 100%;
    }
    header#site-header .expand-header {
        display: none;
    }
    header#site-header .container-fluid {
        position: absolute;
        top: 55px;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 16px;
    }
}
@media (min-width: 992px) and (max-width: 1060px){
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        max-width: calc(100% - 10px);
        padding: 0 10px;
    }
}
@media (min-width: 1200px) {
    .topnav .container,
    header#site-header .container {
        max-width: 1200px !important;
        display: flex;
    }
    .container {
        max-width: 1200px !important;
    }
    .nav-container {
        max-width: 100%;
        margin: 0 auto;
    }
    header#site-header .container-fluid {
        max-width: 1200px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col {
        max-width: 1170px;
    }
     body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li.open-child > ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li:focus-within > ul {
        min-height: 380px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky nav.main > ul {
        max-width: calc(1200px - 30px);
    }
    nav.main > ul > li > span > a {
        padding: 0 var(--base-half-spacing);
    }
    nav.main > ul {
        font-size: 21px;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 16px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        margin: 0 10px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        padding: 0 40px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        justify-content: space-between;
    }
}
@media (min-width: 1600px) {
    .container,
    .topnav .container,
    header#site-header .container {
        max-width: 1600px !important;
    }
    .nav-container {
        max-width: 100%;
        margin: 0 auto;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 16px;
    }
    header#site-header .container-fluid {
        max-width: 1600px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        margin: 0 20px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col {
        max-width: 1570px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky nav.main > ul {
        max-width: calc(1600px - 30px);
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        padding: 0 55px;
    }
    #site:after {
        background-position: right -150px top;
    }
}
@media (min-width: 2000px) {
    #site:after {
        background-position: right -80px top;
    }
}
@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}
.btn.btn-sm,
button.btn.btn-sm {
    line-height: 1.1;
}
.btn.btn-md,
button.btn.btn-md {
    line-height: 1.3;
}
.btn.btn-lg,
button.btn.btn-lg {
    line-height: 1.3;
}
.upper-footer .info,
.upper-footer .link {
    margin: 0 0;
}
.upper-footer .row {
    padding: 0 15px;
}
section.upper-footer.content:not(.usn_cmp_banner) {
    padding: 30px 15px;
}
section.content:not(.usn_cmp_banner).news-cta {
    padding-top: 20px !important;
}


.main-banner.component.usn_cmp_banner .icon-header.item .info .d-table {
    width: 100%;
    display: flex!important;
    align-content: center;
    height: 100%;
}
.main-banner.component.usn_cmp_banner .icon-header.item .row.info_align-middle .info .d-table-cell{
    display: flex!important;
    justify-content: start;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
.main-banner.component.usn_cmp_banner .icon-header.item .info {
    width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
}
.main-banner.component.usn_cmp_banner .item .info.col {
     width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;   
}

.main-banner.component.usn_cmp_banner .icon-header.item .info .d-table-cell .text {
    margin: 0 20px 0px 0px!important; 
}


.main-banner.component.usn_cmp_banner .icon-header.item .row.info_align-middle .info .d-table-cell .text img {
  width: 50px;  
}

@media (min-width: 768px) {
   .main-banner.component.usn_cmp_banner .icon-header.item .row.info_align-middle .info .d-table-cell .text img {
      width: 80px;  
    } 
}



.main-banner.component.usn_cmp_banner .item.item_medium-banner,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
    height: 150px;
    min-height: 150px;
}
.main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
    background-position: right -300px top;
    background-size: 700px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        height: 170px;
        min-height: 170px;
    }
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
        background-position: right -100px top;
        background-size: 550px;
    }
    .main-banner.component.usn_cmp_banner .item .info {
         padding-left: 15px;
         padding-right:15px;
    }
}
@media (min-width: 768px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        height: 210px;
        min-height: 210px;
    }
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
        background-position: right 0 top;
        background-size: 700px;
    }
    .main-banner.component.usn_cmp_banner .item .info {
         padding-left: 15px;
         padding-right: 15px;
    }
}
@media (min-width: 992px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        height: 250px;
        min-height: 250px;
    }
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
        background-position: right 0 top;
        background-size: 900px;
    }
   .main-banner.component.usn_cmp_banner .item .info {
         padding-left: 20px;
         padding-right: 20px;
         padding-top: 60px;
    }
    .hero-home-banner.component.usn_cmp_banner .item .info.col {
            padding: 50px 50px;
            max-width: 660px;
            width: 80%;
    }
}
.hero-home-banner.component.usn_cmp_banner {
    overflow: visible;
    padding-bottom: 60px;
    background: #d4e6f2;
}
.hero-home-banner.component.usn_cmp_banner h1 {
    font-size: var(--h1-typography_font-size_sm);
}
.hero-home-banner .row,
.hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .row {
    position: absolute;
    bottom: -100px;
    height: auto !important;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 999;
    margin: 0;
    padding: 0;
}
.hero-home-banner.component.usn_cmp_banner .item .info.col {
    background: #512178;
    border-radius: 0;
    padding: 20px 30px;
}
.hero-home-banner .btn.btn-sm,
.hero-home-banner button.btn.btn-sm {
    border: 2px solid #fff;
    color: #fff !important;
}
.hero-home-banner .video-player {
    display: none;
}
@media (min-width: 0) and (max-width: 575px) {
    .main-banner.component.usn_cmp_banner .item .info.col {
        padding: 30px 15px;
    }
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 380px !important;
    }
}
@media (min-width: 576px) {
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 420px !important;
    }
}
@media (min-width: 768px) {
    .hero-home-banner .video-player {
        display: block;
    }
    .hero-home-banner.component.usn_cmp_banner {
        padding-bottom: 120px;
    }
    .hero-home-banner.component.usn_cmp_banner .item .info.col {
        background: #512178;
        border-radius: 20px;
        padding: 50px 60px;
    }
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 500px !important;
    }
    .hero-home-banner.component.usn_cmp_banner h1 {
        font-size: var(--h1-typography_font-size_md);
    }
    .hero-home-banner .row,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        position: absolute;
        bottom: -150px;
        height: auto !important;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        z-index: 999;
    }
}
@media (min-width: 1400px) {
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height:620px !important;
    }
}

.item .inner {
    height: 100%;
}
.two-signposting-cards .heading {
    color: #006ba2 !important;
    text-decoration: none !important;
}
.two-signposting-cards .row:not(.slides):not(.listing_window-mosaic) .item.items-2 {
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 20px !important;
}
.two-signposting-cards .item.item_text-boxed .info {
    padding: 20px;
    height: 100%;
    display: flex;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .two-signposting-cards .row:not(.slides):not(.listing_window-mosaic) .item.items-2 {
        flex: 0 0 var(--items-2);
        -ms-flex: 0 0 var(--items-2);
        max-width: var(--items-2);
    }
    .two-signposting-cards .item.item_text-boxed .info {
        padding: 25px;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .two-signposting-cards .row:not(.slides):not(.listing_window-mosaic) .item.items-2 {
        padding: 0 30px;
    }
    .two-signposting-cards .item.item_text-boxed .info {
        padding: 35px;
    }
}
.icons-text-cta .item.item_text-below:not(.item_has-bg) .image,
.icons-text-cta .item.item_text-below:not(.item_has-bg) .image.rounded-circle {
    max-width: 180px;
    margin: 0 auto 20px;
}
@media (min-width: 576px) and (max-width: 991px) {
    .icons-text-cta .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1),
    .icons-text-cta .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2) {
        margin-bottom: 0 !important;
        margin: 0 auto;
    }
}
.listing .item.brushoverlay {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 20px;
}
.listing .item.brushoverlay .image.rounded-circle .caption {
    left: 50%;
    transform: translateX(-50%);
    top: 69%;
    width: 100%;
    padding: 10px 19%;
    text-align: center;
    background-color: #006ba2;
}
.image .caption {
    line-height: 1.2;
    padding: 10px 20px 10px;
    font-size: 12px;
    opacity: 0.85;
    color: #fff;
    border-top-right-radius: 5px;
    background-color: #006ba2;
}
.listing .item.brushoverlay {
    padding: 0 10px 0 60px;
}
.listing .item.brushbase {
    padding: 0 40px 40px 10px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .listing .item.brushoverlay {
        padding: 70px 10px 0 130px;
    }
    .listing .item.brushbase {
        padding: 0 60px 80px 30px;
    }
    .listing .item.brushoverlay .image.rounded-circle .caption {
        top: 80%;
    }
}
@media (min-width: 767px) {
    .listing .item.brushoverlay {
        padding: 15% 4% 0 25%;
    }
    .listing .item.brushbase {
        padding: 0 60px 80px 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .listing .item.brushoverlay .image.rounded-circle .caption {
        left: 50%;
        transform: translateX(-50%);
        top: 65%;
        width: 100%;
        padding: 10px 16%;
        text-align: center;
        background-color: #006ba2;
    }
    .image .caption {
        line-height: 1.2;
        padding: 10px 20px 10px;
        font-size: 80%;
        opacity: 0.8;
        color: #fff;
        background-color: #006ba2;
    }
    .listing .item.brushoverlay {
        padding: 15% 4% 0 25%;
    }
    .listing .item.brushbase {
        padding: 0 60px 80px 10px;
    }
}
@media (min-width: 992px) {
    .listing .item.brushoverlay .image.rounded-circle .caption {
        left: 50%;
        transform: translateX(-50%);
        top: 77%;
        width: 100%;
        padding: 10px 26%;
        text-align: center;
        background-color: #006ba2;
    }
    .image .caption {
        line-height: 1.2;
        padding: 10px 20px 10px;
        font-size: 14px;
        opacity: 0.8;
        color: #fff;
        background-color: #006ba2;
    }
}
.listing .item.brushoverlay2 {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 20px;
}
.listing .item.brushoverlay2 {
    padding: 30px 10px 30px 160px;
}
.listing .item.brushbase2 {
    padding: 30px 110px 50px 20px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .listing .item.brushoverlay2 {
        padding: 70px 10px 0 130px;
    }
    .listing .item.brushbase2 {
        padding: 0 60px 80px 30px;
    }
}
@media (min-width: 767px) {
    .listing .item.brushoverlay2 {
        padding: 70px 10px 0 120px;
    }
    .listing .item.brushbase2 {
        padding: 0 60px 80px 30px;
    }
}
.listing .item.brushoverlay3 {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 20px;
}
.listing .item.brushoverlay3 {
    padding: 30px 10px 30px 160px;
}
.listing .item.brushbase3 {
    padding: 30px 110px 50px 20px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .listing .item.brushoverlay3 {
        padding: 70px 10px 0 130px;
    }
    .listing .item.brushbase3 {
        padding: 0 60px 80px 30px;
    }
}
@media (min-width: 767px) {
    .listing .item.brushoverlay3 {
        padding: 70px 10px 0 120px;
    }
    .listing .item.brushbase3 {
        padding: 0 60px 80px 30px;
    }
}


.text-image-split .btn-lg.c3-btn-bg {
    padding-left: 60px;
    margin-left: 20px;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-right: 25px;
}
.text-image-split .btn {
    display: table;
}
.text-image-split .btn-lg.c3-btn-bg:before {
    content: "";
    position: absolute;
    top: auto;
    width: 80px;
    height: 80px;
    left: -28px;
    background-image: url(/media/t2sfhqwt/easyread.png);
    background-size: contain;
    bottom: -3px;
}
.text-inline-list .info {
    margin-bottom: 40px;
}
.text-inline-list .info .text ul {
    margin: 0 auto 30px;
    text-align: center;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    max-width: 90%;
}
.text-inline-list .info .text ul li {
    margin: 0;
    padding: 0;
    display: list-item;
    list-style-position: inside;
}
@media (min-width: 768px) {
    .text-image-split .btn-lg.c3-btn-bg {
        padding-left: 100px;
        margin-left: 20px;
        margin-top: 45px;
        margin-bottom: 15px;
    }
    .text-image-split .btn-lg.c3-btn-bg:before {
        content: "";
        position: absolute;
        top: auto;
        width: 100px;
        height: 100px;
        left: -28px;
        background-image: url(/media/t2sfhqwt/easyread.png);
        background-size: contain;
        bottom: -3px;
    }
    .text-inline-list .info .text ul {
        margin: 0 auto;
        text-align: center;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        max-width: 60%;
    }
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-2 .text-left,
    .text-image-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-2 .text-left {
        padding-left: 15px;
    }
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1 .text-left,
    .text-image-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1 .text-left {
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    section.content.three-card-pods .component-outro {
        padding-top: 0;
    }
}
.three-card-pods .item .image img {
    border-radius: 18px 18px 0 0 !important;
}
.three-card-pods .item.item_text-below:not(.item_has-bg) .image {
    border-radius: 18px 18px 0 0 !important;
    margin-bottom: 0;
}
.three-card-pods .inner .info .text .info {
    padding: 0;
}
.three-card-pods .services-border-yellow.item .inner {
    height: 100%;
    border: 2px solid #ffeca2;
    border-bottom: 10px solid #ffeca2;
}
.three-card-pods .services-border-yellow.item:hover .inner {
    border: 2px solid #ffce33;
    border-bottom: 10px solid #ffce33;
    transition: 0.2s all linear;
}
.three-card-pods .services-border-yellow .inner .info {
    padding: 30px 30px;
}
.three-card-pods .services-border-blue.item .inner {
    height: 100%;
    border: 2px solid #d4e6f2;
    border-bottom: 10px solid #d4e6f2;
}
.three-card-pods .services-border-blue.item:hover .inner {
    border: 2px solid #006ba2;
    border-bottom: 10px solid #006ba2;
    transition: 0.2s all linear;
}
.three-card-pods .services-border-blue .inner .info {
    padding: 30px 30px;
}
.three-card-pods .services-border-purple.item .inner {
    height: 100%;
    border: 2px solid #e3e3f2;
    border-bottom: 10px solid #e3e3f2;
}
.three-card-pods .services-border-purple.item:hover .inner {
    border: 2px solid #512178;
    border-bottom: 10px solid #512178;
    transition: 0.2s all linear;
}
.three-card-pods .services-border-purple .inner .info {
    padding: 30px 30px;
}
.three-card-pods .row.listing {
    justify-content: center;
}
.three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1) {
    margin-bottom: 20px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1),
    .three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2) {
        margin-bottom: 20px !important;
    }
}
@media (min-width: 991px) {
    .three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1):last-child {
        margin: 0 auto 0;
    }
    .three-card-pods .item.item_text-below:not(.item_has-bg) .image {
        margin-bottom: 10px;
    }
}
.three-card-sublisting .listing .item {
    margin-bottom: 0 !important;
}
.three-card-sublisting .item .image img {
    border-radius: 18px 18px 0 0 !important;
}
.three-card-sublisting .item.item_text-below:not(.item_has-bg) .image {
    border-radius: 18px 18px 0 0 !important;
}
.three-card-sublisting .inner .info {
    padding: 30px 35px;
}
.three-card-sublisting .item:first-child .inner {
    height: 100%;
    border: 2px solid #ffeca2;
    border-bottom: 10px solid #ffeca2;
}
.three-card-sublisting .item:first-child:hover .inner {
    border: 2px solid #ffce33;
    border-bottom: 10px solid #ffce33;
    transition: 0.2s all linear;
}
.three-card-sublisting .item:nth-child(2) .inner {
    height: 100%;
    border: 2px solid #d4e6f2;
    border-bottom: 10px solid #d4e6f2;
}
.three-card-sublisting .item:nth-child(2):hover .inner {
    border: 2px solid #006ba2;
    border-bottom: 10px solid #006ba2;
    transition: 0.2s all linear;
}
.three-card-sublisting .item:nth-child(3) .inner {
    height: 100%;
    border: 2px solid #e3e3f2;
    border-bottom: 10px solid #e3e3f2;
}
.three-card-sublisting .item:nth-child(3):hover .inner {
    border: 2px solid #512178;
    border-bottom: 10px solid #512178;
    transition: 0.2s all linear;
}
.three-card-sublisting .item:nth-child(4) .inner {
    height: 100%;
    border: 2px solid #9cc2be;
    border-bottom: 10px solid #9cc2be;
}
.three-card-sublisting .item:nth-child(4):hover .inner {
    border: 2px solid #009c8a;
    border-bottom: 10px solid #009c8a;
    transition: 0.2s all linear;
}
@media (max-width: 576px) {
    .three-card-sublisting .listing:not(.listing_window-mosaic) .item:not(.items-1) {
        margin-bottom: 20px !important;
    }
}
@media (max-width: 991px) {
    .three-card-sublisting .listing:not(.listing_window-mosaic) .item:not(.items-1) {
        margin-bottom: 0 !important;
    }
    .three-card-sublisting .listing:not(.listing_window-mosaic) .item:not(.items-1):last-child {
        margin: 20px auto 0;
    }
}
.slick-slider .slick-next,
.slick-slider .slick-prev {
    width: 45px;
    height: 45px;
    border-radius: 100px !important;
    background: #fff;
    color: #512178;
}
.slick-slider .slick-next i.icon,
.slick-slider .slick-prev i.icon {
    font-size: 33px;
}
.row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
    left: -10px;
}
.row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
    right: -10px;
}
@media (min-width: 992px) {
    .slick-slider .slick-next,
    .slick-slider .slick-prev {
        width: 60px;
        height: 60px;
        border-radius: 100px !important;
        background: #fff;
        color: #512178;
    }
    .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
        left: -20px;
    }
    .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
        right: -20px;
    }
}
section.content:not(.usn_cmp_banner).two-image-signposting-cards {
    padding: 70px 0 90px;
}
.two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center {
    top: auto;
    transform: translateY(-100%);
    padding: 10px 20px 10px;
    margin: 0 30px 0 30px;
    text-align: center;
    background: #006ba2;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    right: auto;
    max-width: 100% !important;
}
.two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center p.heading.sm {
    font-size: 15px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center p.heading.sm {
        font-size: 13px;
    }
}
@media (min-width: 992px) {
    .two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center p.heading.sm {
        font-size: var(--p-heading_small-typography_font-size);
    }
    .two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center {
        margin: 0 25px 0 25px;
    }
}
.three-col-text-grid .item .inner {
    height: 100%;
    padding: 0 30px 0 0;
}
.component.usn_cmp_ctastrip .info,
.component.usn_cmp_ctastrip .link {
    padding: 0;
}
.cta-one .container > div {
    padding: 30px 15px;
    border-radius: 20px;
    color: rgba(var(--c2-text), 1);
    background: rgba(var(--c2-bg-color1), 1);
    margin: 0;
}
.cta-one .container .heading,
.cta-one .container .text,
.cta-one .container .text a {
    color: rgba(var(--c2-text), 1) !important;
}
.cta-one .container .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    text-decoration: underline !important;
}
.cta-one.component.usn_cmp_ctastrip .text-left .link a.btn,
.cta-one.component.usn_cmp_ctastrip .text-right .link a.btn {
    margin-bottom: 16px;
}
.cta-one-child {
    background: 0 0;
}
@media (min-width: 992px) {
    .cta-one .container > div {
        padding: 80px 55px;
        margin: 0;
    }
    .usn_cmp_reusablecomponents.cta-one > .component-inner > .container .component .container > div {
        padding: 0;
    }
    section.content:not(.usn_cmp_banner).two-image-signposting-cards {
        padding: 120px 0 140px;
    }
    .usn_cmp_reusablecomponents.cta-one {
        border-radius: 20px;
    }
    .usn_cmp_reusablecomponents.cta-one > .container {
        padding: 0 !important;
        border-radius: 20px;
    }
    .cta-one-child > div {
        padding: 0 !important;
    }
}
.cta-two .container > div {
    padding: 40px 15px;
    border-radius: 20px;
    margin: 0;
    color: rgba(var(--c7-text), 1);
    background: rgba(var(--c7-bg-color1), 1);
}
.usn_cmp_reusablecomponents.cta-two {
    border-radius: 20px;
}
.usn_cmp_reusablecomponents.cta-two > .container {
    padding: 0 !important;
    border-radius: 20px;
}
.usn_cmp_reusablecomponents.cta-two > .component-inner > .container .component .container > div {
    padding: 0 !important;
}
.cta-two .container .heading,
.cta-two .container .text,
.cta-two .container .text a {
    color: rgba(var(--c7-text), 1) !important;
}
.cta-two .container .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    text-decoration: underline !important;
}
.cta-two.component.usn_cmp_ctastrip .text-left .link a.btn,
.cta-two.component.usn_cmp_ctastrip .text-right .link a.btn {
    margin-bottom: 16px;
}
.cta-two-child {
    background: 0 0;
}
@media (min-width: 992px) {
    .cta-two .container > div {
        padding: 80px 55px;
        margin: 0;
    }
    .usn_cmp_reusablecomponents.cta-two > .component-inner > .container .component .container > div {
        padding: 0 !important;
    }
    .usn_cmp_reusablecomponents.cta-two {
        border-radius: 20px;
    }
    .usn_cmp_reusablecomponents.cta-two > .container {
        padding: 0 !important;
        border-radius: 20px;
    }
    .cta-two-child > div {
        padding: 0 !important;
    }
}
@media (min-width: 1200px) {
    .component.usn_cmp_ctastrip .text-left .link,
    .component.usn_cmp_ctastrip .text-right .link {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .component.usn_cmp_ctastrip .text-right .info,
    .cta-one-child.component.usn_cmp_ctastrip .text-right .info {
        flex: 0 0 55%;
        -ms-flex: 0 0 55%;
        max-width: 55%;
    }
    .component.usn_cmp_ctastrip .text-right .link,
    .cta-one-child.component.usn_cmp_ctastrip .text-right .link {
        flex: 0 0 45%;
        -ms-flex: 0 0 45%;
        max-width: 45%;
        text-align: right;
    }
    .component.usn_cmp_ctastrip .text-left .info,
    .cta-two-child.component.usn_cmp_ctastrip .text-left .info {
        flex: 0 0 55%;
        -ms-flex: 0 0 55%;
        max-width: 55%;
    }
    .component.usn_cmp_ctastrip .text-left .link,
    .cta-two-child.component.usn_cmp_ctastrip .text-left .link {
        flex: 0 0 45%;
        -ms-flex: 0 0 45%;
        max-width: 45%;
        text-align: right;
    }
}
.tabbed-panel .tab-pane section.content:not(.usn_cmp_banner) {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.tabbed-panel .repeatable.tab-basic .repeatable-content {
    padding: 20px;
    color: rgba(var(--c7-heading), 1) !important;
    background: rgba(var(--c7-bg-color1), 1) !important;
    border-top-right-radius: 0 !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link {
    border-radius: 0 !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab:first-child .nav-link {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link.active {
    color: rgba(var(--c7-heading), 1) !important;
    background: rgba(var(--c7-bg-color1), 1) !important;
}
.tabbed-panel .tab-content > .tab-pane.active {
    color: rgba(var(--c7-heading), 1) !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
    border-color: #d4e6f2 !important;
}
.tabbed-panel .repeatable.tabbed .tab {
    display: block;
    margin-right: 0;
    width: 100%;
}
.tabbed-panel .tab-pane h2,
.tabbed-panel .tab-pane h3,
.tabbed-panel .tab-pane h4,
.tabbed-panel .tab-pane h5,
.tabbed-panel .tab-pane h6 {
    margin: 0;
}
.tabbed-panel .tab-pane .umb-grid {
    max-width: 90%;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .tabbed-panel .repeatable.tabbed .tab {
        display: inline-block;
        margin-right: 6px;
        width: auto;
    }
    .tabbed-panel .repeatable.tab-basic .repeatable-content {
        padding: 45px;
    }
    .tabbed-panel .repeatable.tab-basic .repeatable-content {
        border-top-right-radius: 20px !important;
    }
    .tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }
}
@media (min-width: 992px) {
    .tabbed-panel .repeatable.tab-basic .repeatable-content {
        padding: 60px;
    }
}
.four-col-text-image .item .image img {
    max-width: 140px;
}
.four-col-text-image .listing-pods {
    justify-content: center;
}
.faq-accordion .repeatable.tab-basic .tab .nav-link {
    color: #512178 !important;
    border-color: transparent;
    background: #e3e3f2;
}
.faq-accordion .repeatable.accordion .tab {
    margin: 15px 0 2px;
}
.faq-accordion .repeatable.tab-basic .repeatable-content {
    border-color: transparent;
    background: #e3e3f2;
}
.easy-read .heading,
.easy-read .secondary-heading,
.easy-read h1,
.easy-read h2,
.easy-read h3,
.easy-read h4,
.easy-read h5,
.easy-read h6,
.easy-read p,
.easy-read text {
    color: #2e2e2e !important;
    line-height: 1.4;
}
.easy-read .heading {
    font-size: 46px;
}
.easy-read .secondary-heading {
    font-size: 34px;
}
.easy-read h1 {
    font-size: 70px;
}
.easy-read h2 {
    font-size: 60px;
}
.easy-read h3 {
    font-size: 52px;
}
.easy-read h4 {
    font-size: 50px;
}
.easy-read h5 {
    font-size: 46px;
}
.easy-read h6 {
    font-size: 34px;
}
.easy-read text {
    font-size: 32px;
}
.easy-read p {
    font-size: 32px;
}
.easy-read .btn-bg_base-btn-bg .btn,
.easy-read .btn.base-btn-bg {
    background: #2e2e2e !important;
    border-color: #2e2e2e !important;
    font-size: 34px;
}
.easy-read .btn-bg_base-btn-bg .btn:hover,
.easy-read .btn-bg_base-btn-bg .btn:hover span,
.easy-read .btn.base-btn-bg:hover,
.easy-read .btn.base-btn-bg:hover span {
    background: #000 !important;
    border-color: #000 !important;
}
.text-map-split .component-main {
    background: #fff;
    border-radius: 20px;
}
.text-map-split .component-main .info {
    padding: 40px;
}
.text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block {
    border-radius: 0;
}
.text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-2 {
    padding: 0;
}
@media (min-width: 0) and (max-width: 767px) {
    .text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-2 {
        margin: 0;
    }
}
@media (min-width: 768px) {
    .text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block {
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        overflow: hidden;
    }
}
.service-user-story .listing .image img {
    object-fit: cover;
    aspect-ratio: 4/2;
}
@media (min-width: 768px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 4/8;
    }
    .service-user-story .listing .image,
    .service-user-story .listing .image img,
    .service-user-story .listing:not(.listing_window-mosaic) .item.item_has-bg .image,
    .service-user-story .listing:not(.listing_window-mosaic) .item.item_has-bg .image img {
        border-radius: 0 !important;
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 21px !important;
    }
}
@media (min-width: 992px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 3/4;
    }
}
@media (min-width: 1200px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 1/1;
    }
}
@media (min-width: 1600px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 3/2;
    }
}
.four-col-text-cta {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.four-col-text-cta .container {
    padding: 50px;
    border-radius: 20px;
    color: rgba(var(--c6-text), 1);
    background: rgba(var(--c6-bg-color1), 1);
}
.four-col-text-cta .container .heading {
    color: rgba(var(--base-heading), 1) !important;
}
.four-col-text-cta .container .text,
.four-col-text-cta .container .text a {
    color: rgba(var(--c6-text), 1) !important;
}
.four-col-text-cta.component.usn_cmp_ctastrip .text-left .link a.btn,
.four-col-text-cta.component.usn_cmp_ctastrip .text-right .link a.btn {
    margin-bottom: 16px;
}
@media (min-width: 992px) {
    .four-col-text-cta {
        padding-left: 0;
        padding-right: 0;
    }
    .four-col-text-cta .container {
        padding: 80px;
    }
}
.bordered-ctas .item .inner a {
    border-radius: 14px;
    background: #fff;
    height: 100%;
}
.bordered-ctas .listing .item {
    margin-bottom: 20px;
}
.bordered-ctas .listing .item:last-child {
    margin: 0 auto 20px;
}
.bordered-ctas .link .btn.base-btn-bg i.icon.usn_ion-md-open {
    display: none;
}
.bordered-ctas .item.item_text-below.item_has-bg .info,
.item.item_text-above.item_has-bg .info,
.item.item_text-left.item_has-bg .info,
.item.item_text-right.item_has-bg .info {
    padding: 35px;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-self: center;
    justify-content: space-between;
}
.bordered-ctas .purple-large-border.item .inner {
    background: #e3e3f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border.item .inner {
    background: #d4e6f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border.item .inner {
    background: #ffeca2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-ctas .purple-large-border.item:hover .inner {
    background: #512178;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border.item:hover .inner {
    background: #006ba2;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border.item:hover .inner {
    background: #ffce33;
    transition: 0.3s all linear;
}
.bordered-ctas .link .btn.base-btn-bg {
    font-size: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    line-height: 70px;
}
.bordered-ctas .link .btn.base-btn-bg i.icon {
    font-size: 50px;
    line-height: 60px;
}
.bordered-ctas .purple-large-border .link .btn.base-btn-bg {
    border: 5px solid #e3e3f2;
    background: #fff;
}
.bordered-ctas .purple-large-border .link .btn.base-btn-bg i.icon {
    color: #e3e3f2;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border .link .btn.base-btn-bg {
    border: 5px solid #d4e6f2;
    background: #fff;
}
.bordered-ctas .blue-large-border .link .btn.base-btn-bg i.icon {
    color: #d4e6f2;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border .link .btn.base-btn-bg {
    border: 5px solid #ffeca2;
    background: #fff;
}
.bordered-ctas .yellow-large-border .link .btn.base-btn-bg i.icon {
    color: #ffeca2;
    transition: 0.3s all linear;
}
.bordered-ctas .purple-large-border:hover .link .btn.base-btn-bg {
    border: 5px solid #512178;
    background: #fff !important;
}
.bordered-ctas .purple-large-border:hover .link .btn.base-btn-bg i.icon {
    color: #512178;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border:hover .link .btn.base-btn-bg {
    border: 5px solid #006ba2;
    background: #fff !important;
}
.bordered-ctas .blue-large-border:hover .link .btn.base-btn-bg i.icon {
    color: #006ba2;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border:hover .link .btn.base-btn-bg {
    border: 5px solid #ffce33;
    background: #fff !important;
}
.bordered-ctas a:hover .link .btn.base-btn-bg span {
    background: #fff !important;
}
.bordered-ctas .yellow-large-border:hover .link .btn.base-btn-bg i.icon {
    color: #ffce33;
    transition: 0.3s all linear;
}
@media (min-width: 576px) {
    .bordered-ctas .listing .item {
        margin-bottom: 20px;
    }
    .bordered-ctas .listing .item:last-child {
        margin: 20px auto 0;
    }
}
@media (min-width: 992px) {
    .bordered-ctas .listing .item:last-child {
        margin: 0;
    }
}
.three-col-cards .listing .item {
    margin-bottom: 20px !important;
}
@media (min-width: 576px) {
    .three-col-cards .listing .item {
        margin-bottom: 0 !important;
    }
    .three-col-cards .listing .item:last-child {
        margin: 20px auto 0 !important;
    }
}
@media (min-width: 992px) {
    .three-col-cards .listing .item:last-child {
        margin: 0 !important;
    }
}
.wizard-wrapper .form > .inner {
    padding: 40px 0;
}
.wizard .radiobuttonlist {
    display: flex;
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input + label::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    font-size: 24px;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    height: 100px;
    width: 100px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    box-shadow: none;
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(1n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(2n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(3n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(4n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input {
    display: none !important;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:not(:disabled) ~ label {
    cursor: pointer;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:disabled ~ label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed;
}
.wizard .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label.radio-label {
    height: 200px;
    display: flex;
    background: #fff;
    border: none;
    border-radius: 20px;
    padding: 20px 20px 35px;
    margin-bottom: 1rem;
    text-align: center;
    margin: 0 15px 0 0;
    box-shadow: none;
    justify-content: end;
    align-content: center;
    position: relative;
    flex-direction: column;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:checked + label {
    background: #009c8a;
    color: #fff;
    box-shadow: none;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:checked + label::after {
    color: #3d3f43;
    font-family: Ionicons;
    border: 2px solid #009c8a;
    content: "\f2bc";
    font-size: 24px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: none;
}
@media only screen and (max-width: 700px) {
    .wizard .radiobuttonlist {
        flex-direction: column;
    }
}
.progressBar {
    margin-bottom: 26px;
    margin-bottom: 1.66em;
}
.progressBarContainer {
    width: calc(100% - 40px);
    height: 26px;
    height: 1em;
    background: #fff;
    background: #fff;
    overflow: hidden;
    border-radius: 1em;
}
.progressBarValue {
    height: 1em;
    float: left;
    background: #009c8a;
}
.value-00 {
    width: 0;
}
.value-10 {
    width: 10%;
}
.value-20 {
    width: 20%;
}
.value-30 {
    width: 30%;
}
.value-40 {
    width: 40%;
}
.value-50 {
    width: 50%;
}
.value-60 {
    width: 60%;
}
.value-70 {
    width: 70%;
}
.value-80 {
    width: 80%;
}
.value-90 {
    width: 90%;
}
.value-100 {
    width: 100%;
}
.testimonial-pods .quote::before,
.testimonial-pods blockquote::before {
    content: "";
}
.testimonial-pods .item .inner {
    text-align: center;
}
.testimonial-pods .item blockquote {
    margin: 0 5%;
    padding: 0;
}
.testimonial-pods .slick-slider::before {
    content: "";
    background: url(/media/ymkbsix2/quote2.png) no-repeat;
    background-size: contain;
    height: 90px;
    width: 90px;
    position: absolute;
    transform: translateX(-150%) translateY(70%);
}
.testimonial-pods .slick-slider::after {
    content: "";
    background: url(/media/cczjvtb4/quote1.png) no-repeat;
    background-size: contain;
    height: 90px;
    width: 90px;
    position: absolute;
    right: 0;
    transform: translateX(150%) translateY(-130%);
}
.translation-info {
    position: absolute;
    bottom: -60px;
    left: 15px;
    right: 15px;
    background: #009c8a;
    border-radius: 15px;
    padding: 15px 45px 15px 15px;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
@media only screen and (max-width: 1600px) {
    .translation-info {
        position: absolute;
        bottom: -80px;
    }
}
@media only screen and (min-width: 992px) {
    .trans-info-cont-mob {
        display: none !important;
    }
}
@media only screen and (max-width: 991px) {
    .trans-info-cont-mob .translation-info {
        bottom: -120px;
        z-index: 9999;
    }
}
.translation-info-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-weight: 900;
}
.translation-info-close:hover {
    cursor: pointer;
}
.staff-carousel {
    overflow: visible;
}
.bordered-related-content .item .inner a {
    border-radius: 14px;
    background: #fff;
    height: 100%;
}
.bordered-related-content .listing .item {
    margin-bottom: 20px;
}
.bordered-related-content .listing .item .info {
    padding: 30px;
}
.bordered-related-content .listing .item .image {
    display: none;
}
.bordered-related-content .listing .item:last-child {
    margin: 0 auto 20px;
}
.bordered-related-content .item.item_text-below.item_has-bg .info,
.item.item_text-above.item_has-bg .info,
.item.item_text-left.item_has-bg .info,
.item.item_text-right.item_has-bg .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 60px;
}
.bordered-related-content .item:nth-child(1) .inner {
    background: #e3e3f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2) .inner {
    background: #d4e6f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3) .inner {
    background: #ffeca2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(1):hover .inner {
    background: #512178;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2):hover .inner {
    background: #006ba2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3):hover .inner {
    background: #ffce33;
    transition: 0.3s all linear;
}
.bordered-related-content .link .btn.base-btn-bg {
    font-size: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    line-height: 70px;
}
.bordered-related-content .link .btn.base-btn-bg i.icon {
    font-size: 50px;
    line-height: 60px;
}
.bordered-related-content .item:nth-child(1) .link .btn.base-btn-bg {
    border: 5px solid #e3e3f2;
    background: #fff;
}
.bordered-related-content .item:nth-child(1) .link .btn.base-btn-bg i.icon {
    color: #e3e3f2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2) .link .btn.base-btn-bg {
    border: 5px solid #d4e6f2;
    background: #fff;
}
.bordered-related-content .item:nth-child(2) .link .btn.base-btn-bg i.icon {
    color: #d4e6f2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3) .link .btn.base-btn-bg {
    border: 5px solid #ffeca2;
    background: #fff;
}
.bordered-related-content .item:nth-child(3) .link .btn.base-btn-bg i.icon {
    color: #ffeca2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(1):hover .link .btn.base-btn-bg {
    border: 5px solid #512178;
    background: #fff !important;
}
.bordered-related-content .item:nth-child(1):hover .link .btn.base-btn-bg i.icon {
    color: #512178;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2):hover .link .btn.base-btn-bg {
    border: 5px solid #006ba2;
    background: #fff !important;
}
.bordered-related-content .item:nth-child(2):hover .link .btn.base-btn-bg i.icon {
    color: #006ba2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3):hover .link .btn.base-btn-bg {
    border: 5px solid #ffce33;
    background: #fff !important;
}
.bordered-related-content a:hover .link .btn.base-btn-bg span {
    background: #fff !important;
}
.bordered-related-content .item:nth-child(3):hover .link .btn.base-btn-bg i.icon {
    color: #ffce33;
    transition: 0.3s all linear;
}
@media (min-width: 576px) {
    .bordered-related-content .listing .item {
        margin-bottom: 0;
    }
    .bordered-related-content .listing .item:last-child {
        margin: 20px auto 0;
    }
}
@media (min-width: 992px) {
    .bordered-related-content .listing .item:last-child {
        margin: 0;
    }
}
.item.usn_pod_searchlinks .heading + .site-search,
.item.usn_pod_searchlinks .heading + nav.quick-links,
.item.usn_pod_searchlinks .secondary-heading + .site-search,
.item.usn_pod_searchlinks .secondary-heading + nav.quick-links {
    margin-top: 15px;
}
@media (max-width: 767px) {
    .usn_cmp_gridlayout .grid-section .column ul {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 25px;
    }
}
.eligibility .umbraco-forms-navigation .col-md-12 {

}

.eligibility fieldset {
    margin: 0px 0px 10px 0px;
}

.eligibility .umbraco-forms-navigation .col-md-12 button {
    margin: 0 auto 80px;
}
.eligibility .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist {
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
    align-content: start;
    width: 100%;
    max-width: 560px;
    padding: 0px;
}

.eligibility .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist label {
    padding: 20px;
    margin: 10px;
    text-align: center;
    background: #fff;
    flex: 1;
    min-width: 250px;
    margin: 20px 5px 10px 5px;
    flex-direction: row;
    border-radius: 20px;
    height: 130px;
    display: flex;
    color: #512178;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px){
   .eligibility .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist label {
    margin: 20px 20px 10px 0px; 
   }
    
}



.eligibility .btn.next {
    background: #006ba2!important;
    border-color: #006ba2!important;
}

.eligibility .c3-link, .eligibility .c3-link, .eligibility .c3-bg a:not(.btn), .eligibility a:not(.btn), .eligibility .c3-bg .c3-text a:not(.btn) {
    color: #006ba2!important;
    font-weight: bold!important;
}

span.btn-green a {
    background: #009c8a;
    padding: 14px 30px;
    border-radius: 50px;
    border: none;
    text-decoration: none !important;
    display: table;
    text-decoration-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 5px 0;
    line-height: 1;
    font-family: var(--btn-typography_font-name);
    font-weight: var(--btn-typography_font-weight);
    font-style: var(--btn-typography_font-style);
    line-height: var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);
    font-size: var(--btn-typography_font-size_lg);
    color: #fff !important;
}
span.btn-blue a {
    background: #006ba2;
    padding: 14px 30px;
    border-radius: 50px;
    border: none;
    text-decoration: none !important;
    display: table;
    text-decoration-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 5px 0;
    line-height: 1;
    font-family: var(--btn-typography_font-name);
    font-weight: var(--btn-typography_font-weight);
    font-style: var(--btn-typography_font-style);
    line-height: var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);
    font-size: var(--btn-typography_font-size_lg);
    color: #fff !important;
}
span.btn-download a {
    background: 0 0;
    padding: 0 40px 0 5px;
    border: none;
    text-decoration: none !important;
    display: table;
    text-decoration-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 5px 0;
    line-height: 1;
    font-family: var(--btn-typography_font-name);
    font-weight: 700;
    font-style: var(--btn-typography_font-style);
    line-height: var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);
    font-size: var(--btn-typography_font-size_lg);
    color: #006ba2 !important;
}
span.btn-download a:after {
    content: "\f118";
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    font-family: Ionicons;
    speak: none;
    font-size: 36px;
}

.contact-page .info h1.heading {
   margin: 40px 0px 20px!important;
}
.contact-page section.content section.content.component .component-introduction {
    padding-bottom: 20px!important;
}
.contact-page .listing.listing_data-list .item > .title > span.text-right {
    font-size: 17px;
}

@media (min-width: 1200px) {
    .contact-page .col-xl-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

p.home-intro-welsh-desc {
padding: 30px 0 0;
    margin: 0;
}

.page-title {
    margin-top: 50px;
}

.main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
    height: auto!important;
    min-height:320px!important;
}
    
@media (min-width: 567px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
        height: auto!important;
        min-height:240px!important;
    }
}

@media (min-width: 768px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
        height: auto!important;
        min-height: 280px!important;
    }
        
    .main-banner.component.usn_cmp_banner .item.donation-banner .info {
        padding-top: 50px!important;
    }
}

@media (min-width: 992px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
        height: auto!important;
        min-height: 360px!important;
    }
        
    .main-banner.component.usn_cmp_banner .item.donation-banner .info {
        padding-top: 80px!important;
    }
}



        .freeprivacypolicy-com---palette-dark.freeprivacypolicy-com---nb, .termsfeed-com---palette-dark.termsfeed-com---nb {
            color: #fff!important;
            background-color: #006ba2!important;
        }

        .freeprivacypolicy-com---nb-headline, .termsfeed-com---nb-headline {
            right: 0!important;
            top: auto!important;
            bottom: 0 !important;
            left: 0;
            max-width: 100%;
            position: fixed;
            z-index: 999999;
        }

        .freeprivacypolicy-com---palette-dark .cc-nb-reject, .termsfeed-com---palette-dark .cc-nb-reject {
            color: #000!important;
            margin-bottom: 6px!important;
            background-color: #eaeaea!important;
        }

        .freeprivacypolicy-com---nb .cc-nb-main-container, .termsfeed-com---nb .cc-nb-main-container {
            padding: 1.5rem!important;
        }

        .freeprivacypolicy-com---reset p, .termsfeed-com---reset p {
            margin-top: 0!important;
            margin-bottom: 0!important;
        }

        .freeprivacypolicy-com---nb .cc-nb-text,  .termsfeed-com---nb .cc-nb-text {
            font-size: 16px!important;
            margin: 0 0 .8rem 0!important;
        }

        .freeprivacypolicy-com---palette-dark .cc-cp-foot-save,  .termsfeed-com---palette-dark .cc-cp-foot-save {
            background: #009c8a!important;
            color: #fff!important;
        }

        .freeprivacypolicy-com---palette-dark .cc-nb-okagree, .termsfeed-com---palette-dark .cc-nb-okagree {
            color: #fff!important;
            margin-bottom: 6px!important;
            background-color: #009c8a !important;
        }
        
        
        
 /* Wizard Styles continued */    
:root {
  --radio-label-color: #009C8A;
}



.eligibilitywizard .radio-label {
  font-family: system-ui, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

.eligibilitywizard .radio-label + .radio-label{
  margin-top: 1em;
}

.eligibilitywizard .radio-label:focus-within {
  color: var(--radio-label-color);
}

.eligibilitywizard .radio-label input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #009C8A;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

.eligibilitywizard .radio-label input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--radio-label-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

.eligibilitywizard .radio-label input[type="radio"]:checked::before {
  transform: scale(1);
}

.eligibilitywizard .radio-label input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

/* Wizard Step 1 */
.wouldyoufinditrewardingtosupportpeopletoliveafulllife {
    width: 100%;
    position: relative;
}

.wouldyoufinditrewardingtosupportpeopletoliveafulllife:after {
    background-image: url(https://www.ategi.org.uk/media/rcmiru4t/q1-support-someone.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife {
        width: 100%;
        position: relative;
    }
  .wouldyoufinditrewardingtosupportpeopletoliveafulllife label {
    max-width: 80%;
}
  
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife {
        width: 100%;
        position: relative;
        min-height: 300px;
    }
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife label {
    max-width: 50%;
}  

    .wouldyoufinditrewardingtosupportpeopletoliveafulllife:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}



/* Wizard Step 2 */
.doyouwanttosupportsomeonefromyourhome {
    width: 100%;
    position: relative;
}


.doyouwanttosupportsomeonefromyourhome:after {
    background-image: url(https://www.ategi.org.uk/media/xgwnc43s/q2-own-home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouwanttosupportsomeonefromyourhome {
        width: 100%;
        position: relative;
    }
    
.doyouwanttosupportsomeonefromyourhome label {
    max-width: 80%;
}
    .doyouwanttosupportsomeonefromyourhome:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouwanttosupportsomeonefromyourhome {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
.doyouwanttosupportsomeonefromyourhome label {
    max-width: 50%;
}    
    .doyouwanttosupportsomeonefromyourhome:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}



/* Wizard Step 3 */
.areyouempatheticflexibleandkeentolearn {
    width: 100%;
    position: relative;
}


.areyouempatheticflexibleandkeentolearn:after {
    background-image: url(https://www.ategi.org.uk/media/o0rj5345/q3-empatheticjpg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .areyouempatheticflexibleandkeentolearn {
        width: 100%;
        position: relative;
    }
    .areyouempatheticflexibleandkeentolearn label {
        max-width: 80%;
    }

    .areyouempatheticflexibleandkeentolearn:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .areyouempatheticflexibleandkeentolearn {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
        .areyouempatheticflexibleandkeentolearn label {
    max-width: 50%;
}

    .areyouempatheticflexibleandkeentolearn:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}




/* Wizard Step 4 */
.doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole {
    width: 100%;
    position: relative;
}



.doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole:after {
    background-image: url(https://www.ategi.org.uk/media/5c4nmimd/q4-experience-care.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole {
        width: 100%;
        position: relative;
    }
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole label, .areyoukeentolearnhowtosupportpeoplewithdifferentneeds label {
        max-width: 80%;
    }
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
        .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole label, .areyoukeentolearnhowtosupportpeoplewithdifferentneeds label {
    max-width: 50%;
}
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}




/* Wizard Step 5 */
.doyouhavetimetosupportsomeone {
    width: 100%;
    position: relative;
}

.doyouhavetimetosupportsomeone:after {
    background-image: url(https://www.ategi.org.uk/media/2tfc0k5r/do-you-have-time-to-support-someone.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouhavetimetosupportsomeone {
        width: 100%;
        position: relative;
    }
    .doyouhavetimetosupportsomeone label {
        max-width: 80%;
    }
    .doyouhavetimetosupportsomeone:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouhavetimetosupportsomeone {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .doyouhavetimetosupportsomeone label {
        max-width: 50%;
    }
    .doyouhavetimetosupportsomeone:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}




/* Wizard Step 6 */
.doyouhaveaspareroom {
    width: 100%;
    position: relative;
}

.doyouhaveaspareroom:after {
    background-image: url(https://www.ategi.org.uk/media/bxffd5jd/do-you-have-a-spare-room.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouhaveaspareroom {
        width: 100%;
        position: relative;
    }
    .doyouhaveaspareroom label {
        max-width: 80%;
    }
    .doyouhaveaspareroom:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouhaveaspareroom {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .doyouhaveaspareroom label {
        max-width: 50%;
    }
    .doyouhaveaspareroom:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}


/* Wizard Step 7 */
.youonlyhaveaspareroom {
    width: 100%;
    position: relative;
}

.youonlyhaveaspareroom:after {
    background-image: url(https://www.ategi.org.uk/media/1hrboink/not-a-shared-lives-carer-but-could-be-a-support-worker.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .youonlyhaveaspareroom {
        width: 100%;
        position: relative;
    }
    .youonlyhaveaspareroom label, #de51e609-0da5-4377-c3d2-583c3a7a5aaf {
        max-width: 80%;
    }
    .youonlyhaveaspareroom:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .youonlyhaveaspareroom {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .youonlyhaveaspareroom label, #de51e609-0da5-4377-c3d2-583c3a7a5aaf {
        max-width: 50%;
    }
    .youonlyhaveaspareroom:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}


/* Wizard Step 8 */
.youareeligible {
    width: 100%;
    position: relative;
}

.youareeligible:after {
    background-image: url(https://www.ategi.org.uk/media/rzopskyi/youve-got-what-it-takes.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .youareeligible {
        width: 100%;
        position: relative;
    }
    .youareeligible #e8b9945f-86e0-4c0f-c3ae-1f184172945f {
        max-width: 50%;
    }
    .youareeligible:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .youareeligible {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .youareeligible #e8b9945f-86e0-4c0f-c3ae-1f184172945f {
        max-width: 50%;
    }
    .youareeligible:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label, .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {
    display: inline-flex;
    flex-direction: row;
    cursor: pointer;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper input, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper input, .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper input {
    order: 1;
    margin-right: 10px;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper span, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper span, .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper span {
    order: 2;
}


.footer .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    color: white;
}

.footer-logo-images {
    padding-top: 60px!important;
}

.footer-logo-images .listing {
    justify-content: center;
}
.footer-logo-images .listing .item {
    display: flex;
    justify-content: start;
}

.footer-logo-images .listing .item .image {
    align-self: center;
    border-radius: 0!important;
    padding: 0px;
}

.footer-logo-images .listing .item .image img {
    max-width: 100%;
    max-height: 70px;
    border-radius: 0!important;
}

@media (min-width: 576px){
    .footer-logo-images .listing .item {
        display: flex;
        justify-content: center;
    }
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-2);
        -ms-flex: 0 0 var(--items-2);
        max-width: var(--items-2);
    }
}

@media (min-width: 768px){
    .footer-logo-images .listing .item {
        display: flex;
        justify-content: center;
    }
    .footer-logo-images .listing .item .image {
        padding: 10px;
    }
   .footer-logo-images .listing .item {
        margin-bottom: 20px;
    }
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-4);
        -ms-flex: 0 0 var(--items-4);
        max-width: var(--items-4);
    }
}

@media (min-width:992px){
    .footer-logo-images .listing .item {
        display: flex;
        justify-content: center;
    }
    .footer-logo-images .listing .item .image {
        padding: 20px;
    }
    .footer-logo-images .listing .item .image img {
        max-width: 100%;
        max-height: 100px;
        border-radius: 0!important;
    }
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-4);
        -ms-flex: 0 0 var(--items-4);
        max-width: var(--items-4);
    }
}

@media (min-width:1200px){
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-7);
        -ms-flex: 0 0 var(--items-7);
        max-width: var(--items-7);
    }
}

.umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox {
    float: none!important;
    padding: 10px 10px 10px 0px!important; 

}



.umbraco-forms-form .umbraco-forms-field textarea {
    max-width: 100%!important;

}



.postcodelookup {
    margin: 40px 0px;
}

.umbraco-forms-form select.form-control {
    padding: 0px 30px!important;
    height: 64px;
    font-size: 17px;
    border: 2px solid #006ba2!important;

}

.ideal-postcode-holder {
    padding: 0;
    max-width: 400px!important;
}

.idpc-select-container{
    position: relative;
}



.umbraco-forms-form .idpc-select-container:after {
   position: absolute;
right: 30px;
    top: 18px;
   content:"\f3d0";
   font-size: 20px;
   color: black;
   font-family: "Ionicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
}

 @media (min-width: 992px) {
            body.header-05-lg nav.main ul>li:nth-child(2)>ul.multi-col>li:last-child {
                background: #512178 url('/media/djmp3ks2/img_2867.jpg?width=600') no-repeat !important;
                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Apply to be Shared Lives carer";
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                content: "We're keen to answer any questions you might have, and show you how amazing it is to take on this special role.";
            }
            
            /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i fod yn ofalwr Cysylltu Bywydau";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                  content: "Rydym yn awyddus i ateb unrhyw gwestiynau sydd gennych am y rôl arbennig hon.";
            }   
                
        }
        
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child {
                background: #512178 url('/media/xbgdwwjg/shirley-gary-and-zahid-on-barry-island-on-beach-2023-cropped.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "FAQs";
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Whatever your question, we'll try to answer it.";
            }
            
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "Cwestiynau Cyffredin";
            }

             .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Beth bynnag fo'ch cwestiwn, byddwn yn ceisio ei ateb.";
            }
        }
       
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child {
                background: #512178 url('/media/rwkfcifu/nathan-anderson-fhijwobodrs-unsplash_2400-1.jpg') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Apply to work with Ategi";
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Find out everything you need to know about working for Ategi. ";
            }
               /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i weithio gydag Ategi";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Darganfyddwch bopeth sydd angen i chi ei wybod am weithio i Ategi.";
            }
           
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child {
                background: #512178 url('/media/su1lmpjn/img_3790.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Small actions lead to big change";
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Help us to ensure that adults with additional needs get the care and support they need to live their best lives, their way.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Mae gweithredoedd bach yn arwain at newid mawr";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Helpwch ni i sicrhau bod oedolion ag anghenion ychwanegol yn cael y gofal a’r cymorth sydd eu hangen arnynt i fyw eu bywydau gorau, eu ffordd nhw.";
            }
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child {
                background: #512178 url('/media/5jdh5vk4/whatsapp-image-2024-07-24-at-09-23-06-2.jpeg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "News";
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Stay up to date with all things Ategi.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "Newyddion";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Byddwch yn ymwybodol o bob peth Ategi.";
            } 
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child {
                background: #512178 url('/media/1zlfo5kh/img_2682-small.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
           
        }
        
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul>li:nth-child(2)>ul.multi-col>li:last-child {
                background: #512178 url('/media/djmp3ks2/img_2867.jpg?width=600') no-repeat !important;
                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Apply to be Shared Lives carer";
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                content: "We're keen to answer any questions you might have, and show you how amazing it is to take on this special role.";
            }
            
            /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i fod yn ofalwr Cysylltu Bywydau";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                  content: "Rydym yn awyddus i ateb unrhyw gwestiynau sydd gennych am y rôl arbennig hon.";
            }   
                
        }
        
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child {
                background: #512178 url('/media/xbgdwwjg/shirley-gary-and-zahid-on-barry-island-on-beach-2023-cropped.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "FAQs";
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Whatever your question, we'll try to answer it.";
            }
            
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "Cwestiynau Cyffredin";
            }

             .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Beth bynnag fo'ch cwestiwn, byddwn yn ceisio ei ateb.";
            }
        }
       
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child {
                background: #512178 url('/media/rwkfcifu/nathan-anderson-fhijwobodrs-unsplash_2400-1.jpg') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Apply to work with Ategi";
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Find out everything you need to know about working for Ategi. ";
            }
               /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i weithio gydag Ategi";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Darganfyddwch bopeth sydd angen i chi ei wybod am weithio i Ategi.";
            }
           
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child {
                background: #512178 url('/media/su1lmpjn/img_3790.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Small actions lead to big change";
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Help us to ensure that adults with additional needs get the care and support they need to live their best lives, their way.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Mae gweithredoedd bach yn arwain at newid mawr";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Helpwch ni i sicrhau bod oedolion ag anghenion ychwanegol yn cael y gofal a’r cymorth sydd eu hangen arnynt i fyw eu bywydau gorau, eu ffordd nhw.";
            }
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child {
                background: #512178 url('/media/5jdh5vk4/whatsapp-image-2024-07-24-at-09-23-06-2.jpeg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "News";
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Stay up to date with all things Ategi.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "Newyddion";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Byddwch yn ymwybodol o bob peth Ategi.";
            } 
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child {
                background: #512178 url('/media/1zlfo5kh/img_2682-small.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
           
        }
  
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul>li:nth-child(2)>ul.multi-col>li:last-child {
                background: #512178 url('/media/djmp3ks2/img_2867.jpg?width=600') no-repeat !important;
                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Apply to be Shared Lives carer";
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                content: "We're keen to answer any questions you might have, and show you how amazing it is to take on this special role.";
            }
            
            /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i fod yn ofalwr Cysylltu Bywydau";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                  content: "Rydym yn awyddus i ateb unrhyw gwestiynau sydd gennych am y rôl arbennig hon.";
            }   
                
        }
       
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child {
                background: #512178 url('/media/xbgdwwjg/shirley-gary-and-zahid-on-barry-island-on-beach-2023-cropped.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "FAQs";
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Whatever your question, we'll try to answer it.";
            }
            
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "Cwestiynau Cyffredin";
            }

             .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Beth bynnag fo'ch cwestiwn, byddwn yn ceisio ei ateb.";
            }
        }
        
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child {
                background: #512178 url('/media/rwkfcifu/nathan-anderson-fhijwobodrs-unsplash_2400-1.jpg') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Apply to work with Ategi";
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Find out everything you need to know about working for Ategi. ";
            }
               /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i weithio gydag Ategi";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Darganfyddwch bopeth sydd angen i chi ei wybod am weithio i Ategi.";
            }
           
        }
       
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child {
                background: #512178 url('/media/su1lmpjn/img_3790.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Small actions lead to big change";
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Help us to ensure that adults with additional needs get the care and support they need to live their best lives, their way.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Mae gweithredoedd bach yn arwain at newid mawr";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Helpwch ni i sicrhau bod oedolion ag anghenion ychwanegol yn cael y gofal a’r cymorth sydd eu hangen arnynt i fyw eu bywydau gorau, eu ffordd nhw.";
            }
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child {
                background: #512178 url('/media/5jdh5vk4/whatsapp-image-2024-07-24-at-09-23-06-2.jpeg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "News";
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Stay up to date with all things Ategi.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "Newyddion";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Byddwch yn ymwybodol o bob peth Ategi.";
            } 
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child {
                background: #512178 url('/media/1zlfo5kh/img_2682-small.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
           
        }
   
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul>li:nth-child(2)>ul.multi-col>li:last-child {
                background: #512178 url('/media/djmp3ks2/img_2867.jpg?width=600') no-repeat !important;
                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Apply to be Shared Lives carer";
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                content: "We're keen to answer any questions you might have, and show you how amazing it is to take on this special role.";
            }
            
            /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i fod yn ofalwr Cysylltu Bywydau";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                  content: "Rydym yn awyddus i ateb unrhyw gwestiynau sydd gennych am y rôl arbennig hon.";
            }   
                
        }
       
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child {
                background: #512178 url('media/xbgdwwjg/shirley-gary-and-zahid-on-barry-island-on-beach-2023-cropped.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "FAQs";
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Whatever your question, we'll try to answer it.";
            }
            
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "Cwestiynau Cyffredin";
            }

             .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Beth bynnag fo'ch cwestiwn, byddwn yn ceisio ei ateb.";
            }
        }
       
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child {
                background: #512178 url('/media/rwkfcifu/nathan-anderson-fhijwobodrs-unsplash_2400-1.jpg') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Apply to work with Ategi";
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Find out everything you need to know about working for Ategi. ";
            }
               /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i weithio gydag Ategi";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Darganfyddwch bopeth sydd angen i chi ei wybod am weithio i Ategi.";
            }
           
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child {
                background: #512178 url('/media/su1lmpjn/img_3790.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Small actions lead to big change";
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Help us to ensure that adults with additional needs get the care and support they need to live their best lives, their way.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Mae gweithredoedd bach yn arwain at newid mawr";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Helpwch ni i sicrhau bod oedolion ag anghenion ychwanegol yn cael y gofal a’r cymorth sydd eu hangen arnynt i fyw eu bywydau gorau, eu ffordd nhw.";
            }
        }
       
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child {
                background: #512178 url('/media/5jdh5vk4/whatsapp-image-2024-07-24-at-09-23-06-2.jpeg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "News";
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Stay up to date with all things Ategi.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "Newyddion";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Byddwch yn ymwybodol o bob peth Ategi.";
            } 
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child {
                background: #512178 url('/media/1zlfo5kh/img_2682-small.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
           
        }
		
		
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul>li:nth-child(2)>ul.multi-col>li:last-child {
                background: #512178 url('/media/djmp3ks2/img_2867.jpg?width=600') no-repeat !important;
                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Apply to be Shared Lives carer";
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                content: "We're keen to answer any questions you might have, and show you how amazing it is to take on this special role.";
            }
            
            /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i fod yn ofalwr Cysylltu Bywydau";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                  content: "Rydym yn awyddus i ateb unrhyw gwestiynau sydd gennych am y rôl arbennig hon.";
            }   
                
        }
        
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child {
                background: #512178 url('media/xbgdwwjg/shirley-gary-and-zahid-on-barry-island-on-beach-2023-cropped.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "FAQs";
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Whatever your question, we'll try to answer it.";
            }
            
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "Cwestiynau Cyffredin";
            }

             .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Beth bynnag fo'ch cwestiwn, byddwn yn ceisio ei ateb.";
            }
        }
        
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child {
                background: #512178 url('media/rwkfcifu/nathan-anderson-fhijwobodrs-unsplash_2400-1.jpg') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Apply to work with Ategi";
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Find out everything you need to know about working for Ategi. ";
            }
               /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i weithio gydag Ategi";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Darganfyddwch bopeth sydd angen i chi ei wybod am weithio i Ategi.";
            }
           
        }
       
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child {
                background: #512178 url('/media/su1lmpjn/img_3790.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Small actions lead to big change";
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Help us to ensure that adults with additional needs get the care and support they need to live their best lives, their way.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Mae gweithredoedd bach yn arwain at newid mawr";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Helpwch ni i sicrhau bod oedolion ag anghenion ychwanegol yn cael y gofal a’r cymorth sydd eu hangen arnynt i fyw eu bywydau gorau, eu ffordd nhw.";
            }
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child {
                background: #512178 url('/media/5jdh5vk4/whatsapp-image-2024-07-24-at-09-23-06-2.jpeg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "News";
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Stay up to date with all things Ategi.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "Newyddion";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Byddwch yn ymwybodol o bob peth Ategi.";
            } 
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child {
                background: #512178 url('/media/1zlfo5kh/img_2682-small.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
           
        }
       
      
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul>li:nth-child(2)>ul.multi-col>li:last-child {
                background: #512178 url('/media/djmp3ks2/img_2867.jpg?width=600') no-repeat !important;
                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Apply to be Shared Lives carer";
            }
            body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                content: "We're keen to answer any questions you might have, and show you how amazing it is to take on this special role.";
            }
            
            /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i fod yn ofalwr Cysylltu Bywydau";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(2) > ul.multi-col > li:last-child span::after {
                  content: "Rydym yn awyddus i ateb unrhyw gwestiynau sydd gennych am y rôl arbennig hon.";
            }   
                
        }
        
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child {
                background: #512178 url('/media/xbgdwwjg/shirley-gary-and-zahid-on-barry-island-on-beach-2023-cropped.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "FAQs";
            }

            body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Whatever your question, we'll try to answer it.";
            }
            
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::before {
                content: "Cwestiynau Cyffredin";
            }

             .translated-ltr body.header-05-lg nav.main ul > li:nth-child(3) > ul.multi-col > li:last-child span::after {
                content: "Beth bynnag fo'ch cwestiwn, byddwn yn ceisio ei ateb.";
            }
        }
       
        @media (min-width: 992px) {
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child {
                background: #512178 url('/media/rwkfcifu/nathan-anderson-fhijwobodrs-unsplash_2400-1.jpg') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Apply to work with Ategi";
            }
            body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Find out everything you need to know about working for Ategi. ";
            }
               /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::before {
                content: "Gwnewch gais i weithio gydag Ategi";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(4) > ul.multi-col > li:last-child span::after {
                content: "Darganfyddwch bopeth sydd angen i chi ei wybod am weithio i Ategi.";
            }
           
        }
       
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child {
                background: #512178 url('/media/su1lmpjn/img_3790.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Small actions lead to big change";
            }
            body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Help us to ensure that adults with additional needs get the care and support they need to live their best lives, their way.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::before {
                content: "Mae gweithredoedd bach yn arwain at newid mawr";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(5) > ul.multi-col > li:last-child span::after {
                content: "Helpwch ni i sicrhau bod oedolion ag anghenion ychwanegol yn cael y gofal a’r cymorth sydd eu hangen arnynt i fyw eu bywydau gorau, eu ffordd nhw.";
            }
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child {
                background: #512178 url('/media/5jdh5vk4/whatsapp-image-2024-07-24-at-09-23-06-2.jpeg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "News";
            }
            body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Stay up to date with all things Ategi.";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::before {
                content: "Newyddion";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(6) > ul.multi-col > li:last-child span::after {
                content: "Byddwch yn ymwybodol o bob peth Ategi.";
            } 
        }
        
        @media (min-width: 992px) {

            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child {
                background: #512178 url('/media/1zlfo5kh/img_2682-small.jpg?width=600') no-repeat !important;
                                background-position: 50% 50%;
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
             /* Welsh */
           .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::before {
                content: "";
            }
            .translated-ltr body.header-05-lg nav.main ul > li:nth-child(7) > ul.multi-col > li:last-child span::after {
                content: "";
            }
           
        }
/* Add this to your main CSS file */
.bootstrap-4-scope {
    /* Reset any Bootstrap 5 styles that might interfere */
    all: revert;
    
    /* Ensure Bootstrap 4 styles only apply within this scope */
    isolation: isolate;
}

/* Ensure specific Bootstrap 4 classes take precedence within the scope */
.bootstrap-4-scope [class^="col-"],
.bootstrap-4-scope [class*=" col-"],
.bootstrap-4-scope .row,
.bootstrap-4-scope .container,
.bootstrap-4-scope .container-fluid {
    /* Add any specific Bootstrap 4 overrides here */
}
 .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* Rounded Image issue fixes */
@media (min-width: 768px) {
    .usn_cmp_splitcomponent .listing-pods .brushoverlay {padding-left: 125px !important; }
}
.listing-pods .rounded-circle img{ overflow: visible;}

/* Main Banner vertically center aligned fixes */


.main-banner.component.usn_cmp_banner .item .info.col{display: flex; align-items: center;}

.main-banner.component.usn_cmp_banner .icon-header.item .info.col .text.base-text p img{width: 50px; }
@media (min-width: 768px) {
  .main-banner.component.usn_cmp_banner .icon-header.item .info.col .text.base-text p img{width: 80px; }
    } 

.main-banner.component.usn_cmp_banner .icon-header.item .info.col {    
    display: flex !important;
    justify-content: start;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
    
.main-banner.component.usn_cmp_banner .icon-header.item .info.col .text.base-text{margin: 0 20px 0 0 !important;}
.main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner.item .info.col .text.base-text   {
margin-top: 16.66px;

}
#contour, .contour
{
	padding: 10px 0px 10px 0px;
}

.contourPageName
{
	font-size: 2em !important;
	line-height: 2em !important;
}

.contourField
{
    clear: both;
}
.contourField div label
{
	display: inline;
}

#contour label.fieldLabel, .contour label.fieldLabel
{
	font-weight: bold;
	display: block;
	background: transparent !important;
}
#contour small, .contour small
{
	display: block;
	float: left;
	clear: both;
	padding: 5px 5px 5px 200px;
}


#contour fieldset, .contour fieldset
{
	padding: 1em 1em 0em 0em;
	margin: 0 0 1.5em 0;
	border: none !Important;
}

#contour .contourNavigation {
    padding: 1em 0em;
}

#contour legend, .contour legend
{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	display: block;
}

#contour input.text, #contour input.title, #contour textarea, #contour select,
.contour input.text, .contour input.title, .contour textarea, .contour select
{
	margin: 0.5em 0;
	border: 1px solid #bbb;
}
#contour input.text:focus, #contour input.title:focus, #contour textarea:focus, #contour select:focus,
.contour input.text:focus, .contour input.title:focus, .contour textarea:focus, .contour select:focus
{
	border: 1px solid #666;
}
#contour input.text, #contour textarea,
.contour input.text, .contour textarea
{
	max-width: 400px !important;
	padding: 5px;
    display: block;
    width: 95%;
}

#contour textarea,
.contour textarea
{
	height: 250px;
}
#contour input.fileupload,
.contour input.fileupload
{
	height: auto !important;
}

#contour span.checkboxlist, #contour span.radiobuttonlist, #contour span.checkbox,
.contour span.checkboxlist, .contour span.radiobuttonlist, .contour span.checkbox
{
	display: block;
	float: left;
	padding: 10px;
}

#contour .checkboxlist label {
    float: left; 
    clear: left;
}

#contour .checkboxlist input, #contour .radiobuttonlist input, #contour .checkbox input,
.contour .checkboxlist input, .contour .radiobuttonlist input, .contour .checkbox input
{
	width: auto !important;
	height: auto !important;
	border: none !important;
	display: inline !important;
}

#contour .hiddenfield
.contour .hiddenfield
{
    display:none;
}

.contourButton
{
	margin-right: 10px;
	padding: 2px 10px;
}
.contourErrorMessage
{
	padding: .8em;
	margin-bottom: .5em;
	border: 2px solid #FBC2C4;
}
.contourErrorMessage, .contourError
{
	background: #FBE3E4;
	color: #8a1f11;
}
#contour input.contourError, #contour textarea.contourError, #contour input.input-validation-error, #contour textarea.input-validation-error
.contour input.contourError, .contour textarea.contourError, .contour input.input-validation-error, .contour textarea.input-validation-error
{
	background: #FBE3E4;
	border-color: #FBC2C4;
}

#contour span.contourError, #contour span.field-validation-error
.contour span.contourError, .contour span.field-validation-error
{
    color: #8a1f11 !important;
    background: transparent !important;
}

#contour #recaptcha_widget_div,
.contour #recaptcha_widget_div
{
    margin-left: 200px;
}

#contour .field-validation-error,
.contour .field-validation-error 
{
    padding-left: 5px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.icon.usn_ion-md-open {
    display: none;
}
:root {
    --pc-spacing_xl: 75px;
}

.component.usn_cmp_banner .item .info {
 padding: var(--base-half-spacing);   
}
@media (min-width: 0) and (max-width: 768px) {
.component.usn_cmp_banner .item.item_scale-banner .inner, .component.usn_cmp_banner .item.item_scale-banner .info {
    position: relative!important;
}
}

.text table thead td p {
    color: white;
}

.text table thead td {
   background: rgba(var(--base-borders),1);
}

textarea.form-control {
    height: auto;
    border-radius: 20px;
}
.site-search .form-control {
    padding: 20px;
}
.umbraco-forms-field.longanswer textarea,
.umbraco-forms-field.longanswer textarea.form-control {
    height: auto;
    border-radius: 20px;
    border: var(--form-field-border-width) solid rgba(var(--base-borders), 1);
}

.umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox {
    float: none!important;
    padding: 10px 10px 10px 0px!important; 
}

.umbraco-forms-form .umbraco-forms-field textarea {
    max-width: 100%!important;
}

.postcodelookup {
    margin: 40px 0px;
}
.umbraco-forms-form select.form-control {
    padding: 0px 30px!important;
    height: 64px;
    font-size: 17px;
        border: 2px solid #006ba2!important;
}
.ideal-postcode-holder {
    padding: 0;
    max-width: 400px!important;
}
.idpc-select-container{
    position: relative;
}

.umbraco-forms-form .idpc-select-container:after {
   position: absolute;
right: 30px;
    top: 18px;
   content:"\f3d0";
   font-family:;
   font-size: 20px;
   color: black;
   font-family: "Ionicons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
}


.form-control.input-validation-error,
.umbraco-forms-field.dropdown select.input-validation-error,
.umbraco-forms-field.longanswer textarea.input-validation-error,
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input.input-validation-error {
    border-radius: 50px;
}
.field-validation-error {
    padding: 0;
    font-size: 14px;
    color: rgba(var(--true-white), 1);
}
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link {
    border-color: transparent;
}
.has-child:focus,
.no-child:focus {
    outline: 0;
}
.btn {
    line-height: 1;
}
.left-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg),
.right-col .swp > .listing > .swp-item:first-child:not(.usn_pod_image):not(.usn_pod_video):not(.usn_pod_form):not(.item_text-boxed):not(.item_has-bg) {
    border: none;
}
.text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    color: rgba(var(--base-link-hover), 1);
}
.text a:not(.btn):not(.nav-button-link):hover {
    color: rgba(var(--base-link-hover), 1);
}
.contact-form-no-pad .inner {
    padding: 2px;
}
.contact-form .checkbox {
    display: none;
}
p.caption {
    margin: 0 0 20px;
}
@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 95%;
    }
}
@media (max-width: 768px) {
    p {
        line-height: 1.4;
    }
    .news-twitter .item.item_text-above.item_has-bg .info,
    .news-twitter .item.item_text-below.item_has-bg .info,
    .news-twitter .item.item_text-left.item_has-bg .info,
    .news-twitter .item.item_text-right.item_has-bg .info {
        padding: 40px 40px 25px;
    }
    .news-twitter .item.item_has-bg .meta {
        padding: 0 40px 25px;
    }
}
.news-twitter .item.item_text-above.item_has-bg .info,
.news-twitter .item.item_text-below.item_has-bg .info,
.news-twitter .item.item_text-left.item_has-bg .info,
.news-twitter .item.item_text-right.item_has-bg .info {
    padding: 35px 35px 25px;
}
.news-twitter .item.item_has-bg .meta {
    padding: 0 35px 35px;
}
.news-twitter .item .inner {
    height: 100%;
}
.news-twitter .slick-slider .slick-track {
    display: flex;
    align-items: stretch;
}
.news-twitter .slick-list {
    display: flex;
}
.news-twitter .listing.listing_basic-grid .item {
    display: inline-flex !important;
}
@media (min-width: 576px) {
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-2,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-3,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-5,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-6,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-7,
    .news-twitter .row:not(.slides):not(.listing_window-mosaic) .item.items-8 {
        flex: auto;
        -ms-flex: auto;
        max-width: auto;
    }
}
.footer .listing .item {
    margin-bottom: 10px;
}
footer#site-footer {
    background: #2e2e2e;
    padding: 0;
    max-width: 100%;
    overflow: hidden;
}
footer#site-footer .container {
    padding: 35px 0;
}
footer#site-footer nav.footer-navigation {
    padding: 0;
    text-align: center;
}
nav.footer-navigation ul li a {
    margin: 0;
    padding: 0;
    line-height: 14px;
}
nav.footer-navigation ul li {
    margin: 0 5px 0 0;
    padding: 0 10px 0 0;
    line-height: 14px;
    display: inline-block;
    border-right: 1px solid #fff;
}
nav.footer-navigation ul li:first-child {
    display: block;
    border: none;
}
nav.footer-navigation ul li:nth-last-child(2) {
    border: none;
}
nav.footer-navigation ul li a,
nav.footer-navigation ul li div {
    font-size: 14px;
    line-height: 1.4;
}
.quick-links ul li a {
    padding-left: 0;
}
.quick-links ul li a:after {
    display: none;
}
.footer-sponsor-logos {
    align-self: center !important;
    margin-top: 0;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.footer-sponsor-logos .info .text p {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0;
}
.footer-sponsor-logos .info .text img {
    border-radius: 0 !important;
    max-width: 200px;
    padding: 15px 15px;
    align-self: start;
}

.footer-sponsor-logos .info .text p a:last-child {

}
.footer-sponsor-logos .info .text p a:last-child img {
  
}

@media (min-width: 768px) {
    .footer .listing .item {
        margin-bottom: var(--base-spacing);
    }
    .footer-sponsor-logos {
        align-self: center !important;
        margin-top: 40px;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-sponsor-logos .info .text p {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        padding: 0 10px;
        align-items: center;
    }
    .footer-sponsor-logos .info .text img {
        border-radius: 0 !important;
        max-width: 190px;
        margin: 0;
        padding: 15px;
        align-self: center;
    }
}
@media (min-width: 1200px) {
    .footer-sponsor-logos {
        align-self: start !important;
        margin-top: -5px;
        width: 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .footer-sponsor-logos .info .text p {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 0;
    }
    .footer-sponsor-logos .info .text img {
        border-radius: 0 !important;
        max-width: 220px;
        padding: 10px 0;
        align-self: center;
    }
}
@media (min-width: 1200px) {
    footer#site-footer nav.footer-navigation {
        padding: 0;
        text-align: left;
    }
}
.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    z-index: 9999999999;
    will-change: transform, top;
    -webkit-transition: none;
    transition: none;
    transform: translate3d(0, 0, 0);
}
body:not(.no-header) .sticky {
    top: -2px;
}
body {
    top: 0 !important;
}
html.touch nav.main ul li,
html.touch nav.main ul li span,
html.touch nav.main ul li span a,
html.touch nav.main ul li span::after {
    pointer-events: all !important;
    z-index: 10;
}
body.header-03-sm header#site-header nav.main ul li.has-child span::before {
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
    position: absolute;
    background: 0 0;
}
body.header-03-sm header#site-header nav.main ul li.has-child ul.multi-col span::before {
    top: 0;
    bottom: 0;
    height: 0;
    width: 0;
    z-index: 1000;
    display: none;
}
.skiptranslate {
    display: none !important;
}
.listing_search-results .base-link {
    color: #006ba2;
    font-weight: 700;
}
section {
    overflow-x: hidden;
}
nav#pagination .pagination li a {
    padding: 0;
    height: 50px;
    min-width: 50px;
    border-radius: 80px !important;
    text-align: center;
    line-height: 48px;
    text-decoration: none !important;
}
header#site-header .expand-header {
    display: block;
    text-indent: 0;
    color: #006ba2;
}
header#site-header .expand-header.expand-2-bars span {
    background-color: transparent;
    font-size: 19px;
    font-weight: 700;
}
.breadcrumb-trail,
.site-credit,
nav.footer-navigation ul li.site-credit {
    display: none;
}
.usn_back-to-top.position-right {
    width: 60px;
    height: 60px;
    margin: 20px 15px;
}
html.nav-down:not(.reached-top) .usn_back-to-top,
html.nav-up .usn_back-to-top {
    width: 60px;
    height: 60px;
    padding:0;
}
.usn_back-to-top a.btn {
    width: 60px;
    height: 60px;
    padding:0;
}
nav.main ul > li.active > span > a {
    color: #2e2e2e;
}
header#site-header .expand-header {
    transition: none;
}
nav.main ul li span a {
    border-top: 1px solid #d4e6f2;
    border-bottom: none;
}
body.header-03-sm header#site-header nav.main ul ul li,
body.header-03-sm nav.main ul li.has-child.open-child_mobile > span::after {
    border-radius: 0;
    color: #006ba2;
}
.topnav {
    height: 55px;
    width: 100%;
    background: #d4e6f2;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    align-items: center;
}
.topnav .container {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.topnav .container .left-topnav {
    padding: 0 0 0 5px;
    display: flex;
}
.topnav .container .right-topnav {
    padding: 0;
    margin: 0;
    display: flex;
    right: 20px;
    top: 6px;
    position: absolute;
}
.topnav .container .left-topnav a {
    padding: 0 10px 0 0;
    color: #006ba2;
    font-weight: 700;
    font-size: 16px;
    align-self: center;
    line-height: 1.1;
}
.browse-aloud {
    display: block;
}
#site:after {
    content: "";
    background-image: url(/media/0d4nuq5k/headercircupperyellowmob.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right -55px top;
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
    height: 230px;
    width: 100%;
}
@media (min-width: 380px) {
    #site:after {
        background-position: right 0 top;
    }
}
@media (max-width: 576px) {
    header#site-header {
        background: 0 0;
        top: 0;
        height: 220px;
        position: relative;
    }
    html.reveal-out header#site-header {
        bottom: 0;
        position: relative !important;
        overflow-x: visible;
        height: 100vh;
    }
    html.reveal-out header#site-header .row {
        padding: 0;
        height: 100%;
        position: relative;
        margin: 0;
    }
    header#site-header .container-fluid {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        margin: 0;
        height: 100%;
    }
    body.header-03-sm header#site-header nav.main {
        width: 100%;
        background: #fff !important;
        display: block;
        margin: 0;
        padding: 0;
        top: 255px;
        height: 100%;
        position: absolute;
        bottom: 100px;
        overflow: visible;
    }
    body.header-03-sm header#site-header nav.secondary {
        width: 100%;
        background: #fff;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    body.header-03-sm header#site-header .site-search {
        width: 100%;
        display: block;
        margin: 0;
        padding: 20px 20px;
        top: 175px;
        position: absolute;
        background: #fff;
        z-index: 9;
    }
    body.header-03-sm header#site-header nav.cta-links {
        width: 100%;
        background: 0 0;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    nav.main ul li span a {
        padding: 14px 20px;
    }
    html.reveal-out header#site-header .row {
        padding-bottom: 0;
        height: 100%;
        background: 0 0;
    }
    nav.main ul li span a {
        color: #006ba2;
    }
    nav.main ul > li:active > span > a,
    nav.main ul > li:focus-within > span > a,
    nav.main ul > li:focus > span > a,
    nav.main ul > li:hover > span > a {
        color: #006ba2;
    }
    body.header-03-sm header#site-header nav.cta-links {
        -ms-flex-order: 5;
        order: 5;
        position: absolute;
        bottom: 40px;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background-color: #006ba2;
        transition: none;
    }
    nav.main ul li.has-child > span::after {
        color: #006ba2;
    }
    body.header-05-lg header#site-header #logo img,
    body.header-05-lg header#site-header #logo picture {
        height: 65px;
    }
    header#site-header #logo {
        top: 15px;
        left: 0;
    }
    .mob-tab-nav {
        display: block;
        width: 100%;
        position: absolute;
        height: 50px;
        top: 90px;
        background: #006ba2;
    }
    header#site-header {
        height: 100px;
    }
    header#site-header .expand-header {
        display: flex;
        text-indent: 0;
        color: #006ba2;
        width: 80px;
        right: 20px;
        top: 15px;
        align-items: end;
        justify-content: end;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before,
    header#site-header .expand-header.expand-active-cross.active span:after,
    header#site-header .expand-header.expand-active-cross.active span:before {
        background-color: #006ba2;
    }
    header#site-header .expand-header.expand-2-bars span {
        color: #006ba2;
    }
    header#site-header .expand-header.expand-2-bars span:before,
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 20px;
    }
    header#site-header .expand-header.expand-2-bars span:after,
    header#site-header .expand-header.expand-active-cross.active span:after {
        bottom: 20px;
    }
    header#site-header .expand-header.expand-2-bars span {
        width: 55px;
    }
    .mob-tab-nav ul {
        margin: 0 !important;
        display: flex;
        justify-content: space-around;
    }
    .mob-tab-nav ul li:first-child {
        display: none;
    }
    .browse-aloud {
        display: none;
    }
    body.header-03-sm header#site-header nav.main > ul li:first-child {
        display: block;
    }
    header#site-header {
        height: 165px;
    }
    body.header-03-sm header#site-header .site-search {
        top: 220px !important;
    }
    body.header-03-sm header#site-header nav.main {
        top: 290px !important;
    }
    .upper-footer .row {
        text-align: center;
    }
    .upper-footer.component.usn_cmp_ctastrip .link {
        margin: 10px auto 0;
    }
}
@media (max-width: 991px) {
    #site-content {
        top: 0;
        position: relative;
    }
    .sticky,
    .topnav a,
    header#site-header,
    nav.main,
    nav.main ul li span a {
        -webkit-transition: none;
        transition: none;
    }
    body.header-03-sm header#site-header nav.main > ul,
    body.header-03-sm header#site-header nav.main > ul li {
        background: #fff;
    }
    .mobile-donate-btn {
        left: 20px;
        bottom: 80px;
        position: relative;
        display: inline;
    }
    header#site-header #logo {
        position: absolute;
    }
    header#site-header {
        background: 0 0;
    }
    header#site-header nav.main {
        position: sticky;
        background: 0 0 !important;
    }
    .site-search {
        display: none;
    }
    nav.nav-dropdown {
        position: relative;
    }
    .mobile-nav-container {
        display: block;
        width: 100%;
        position: relative;
        position: sticky !important;
        top: calc(var(--small-header) - 1px);
    }
    nav.main ul li span a {
        padding: 14px 20px;
    }
    html.reveal-out header#site-header .row {
        padding-bottom: 0;
        height: 100%;
        background: 0 0;
    }
    nav.main ul li span a {
        color: #006ba2;
    }
    nav.main ul > li:active > span > a,
    nav.main ul > li:focus-within > span > a,
    nav.main ul > li:focus > span > a,
    nav.main ul > li:hover > span > a {
        color: #006ba2;
    }
    body.header-03-sm header#site-header nav.cta-links {
        -ms-flex-order: 5;
        order: 5;
        position: absolute;
        bottom: 40px;
    }
    nav.main ul li.has-child > span::after {
        color: #006ba2;
        font-size: 24px;
    }
    header#site-header .expand-header span {
        top: 50%;
        left: auto;
        transform: none;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background-color: #fff;
        transition: none;
    }
    header#site-header .expand-header.expand-2-bars span {
        background-color: transparent;
        font-size: 19px;
        font-weight: 700;
        width: 55px;
        text-align: center;
        height: 100%;
        position: absolute;
        top: 0;
        display: flex;
        justify-content: center;
        color: #fff;
        align-items: center;
    }
    header#site-header .expand-header.expand-2-bars span:before {
        top: 12px;
        position: absolute;
        transform: none;
        width: 100%;
    }
    header#site-header .expand-header.expand-2-bars span:after {
        top: auto;
        width: 100%;
        position: absolute;
        bottom: 12px;
    }
    header#site-header .expand-header.expand-2-bars span.btn-open {
        display: flex;
    }
    header#site-header .expand-header.expand-2-bars span.btn-close {
        display: none;
    }
    header#site-header .expand-header.expand-2-bars.active span.btn-open {
        display: none;
    }
    header#site-header .expand-header.expand-2-bars.active span.btn-close {
        display: flex;
    }
    header#site-header .expand-header.expand-2-bars span.btn-close {
        width: 71px;
        text-align: center;
        justify-content: center;
    }
    header#site-header .expand-header.expand-2-bars span.btn-close i {
        font-size: 32px;
        margin: 1px 0 0 5px;
    }
    header#site-header .expand-header.expand-active-cross.active span::after,
    header#site-header .expand-header.expand-active-cross.active span::before {
        transform: none;
    }
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 12px;
    }
    header#site-header .expand-header.expand-active-cross.active span:after {
        top: auto;
        bottom: 12px;
    }
    body.header-03-sm header#site-header nav.main > ul {
        padding-bottom: 100px;
    }
    .topnav {
        display: none;
    }
    .topnav {
        height: 55px;
        top: 165px;
    }
    html.reveal-out .topnav {
        display: flex;
    }
    .mob-tab-nav {
        display: block;
        width: 100%;
        position: absolute;
        height: 55px;
        top: 110px;
        background: #006ba2;
    }
    .mob-tab-nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        height: 100%;
    }
    .mob-tab-nav li {
        display: inline-flex;
        height: 100%;
    }
    .mob-tab-nav li a {
        color: #fff;
        display: flex;
        align-self: center;
        padding: 0 15px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
    }
    body.header-03-sm header#site-header nav.main {
        -ms-flex-order: 4;
        order: 4;
    }
    body.header-03-sm header#site-header .site-search,
    body.header-03-sm header#site-header nav.cta-links,
    body.header-03-sm header#site-header nav.main,
    body.header-03-sm header#site-header nav.secondary {
        width: 100%;
    }
    body.header-03-sm header#site-header nav.main > ul,
    body.header-03-sm header#site-header nav.main > ul li {
        border: 0 none;
    }
    nav.main ul li {
        background: var(--header-bg-color1);
    }
    html.no-touch nav.main ul li:hover > span::before,
    nav.main ul li.active > span::before,
    nav.main ul li.open-child_mobile > span::before,
    nav.main ul li:active > span::before,
    nav.main ul li:focus > span::before,
    nav.main ul li:not(.active).open-child > span::before {
        width: 3px;
    }
    nav.main ul li span::before {
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        height: 100%;
    }
    header#site-header {
        background: 0 0;
        top: 0;
        height: 165px;
        position: relative;
    }
    html.reveal-out header#site-header {
        bottom: 0;
        position: relative !important;
        overflow-x: visible;
        height: 100vh;
    }
    header#site-header .container-fluid {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        margin: 0;
        height: 100%;
    }
    header#site-header #logo {
        top: 15px;
    }
    header#site-header .row,
    html.reveal-out header#site-header .row {
        padding: 0;
        height: 100%;
        position: relative;
        margin: 0;
    }
    body.header-03-sm header#site-header nav.main {
        width: 100%;
        background: #fff !important;
        display: block;
        margin: 0;
        padding: 0;
        top: 245px;
        height: 100%;
        position: absolute;
        bottom: 100px;
        overflow: visible;
    }
    body.header-03-sm header#site-header nav.secondary {
        width: 100%;
        background: #fff;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    body.header-03-sm header#site-header .site-search {
        width: 100%;
        display: block;
        margin: 0;
        padding: 15px 20px;
        top: 165px;
        position: absolute;
        background: #fff;
        z-index: 9;
    }
    body.header-03-sm header#site-header nav.cta-links {
        width: 100%;
        background: 0 0;
        display: block;
        margin: 0;
        padding: 0;
        top: 175px;
        position: absolute;
    }
    header#site-header .expand-header.expand-2-bars span {
        background-color: transparent;
        font-size: 19px;
        font-weight: 700;
        display: flex;
        align-items: center;
    }
    nav.main {
        top: 114px;
        height: 0;
        overflow: hidden;
    }
    .reveal-out nav.main {
        height: 100%;
    }
    header#site-header .expand-header.expand-2-bars span,
    nav.main ul li.active.has-child > span::after,
    nav.main ul li:not(.active).open-child > span::after,
    nav.main ul li:not(.active):active > span::after,
    nav.main ul li:not(.active):focus-within > span::after,
    nav.main ul li:not(.active):focus > span::after,
    nav.main ul li:not(.active):hover > span::after {
        color: #006ba2;
    }
    header#site-header .expand-header.expand-2-bars span:before,
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 22px;
    }
    header#site-header .expand-header.expand-2-bars span:after,
    header#site-header .expand-header.expand-active-cross.active span:after {
        bottom: 22px;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background: #006ba2;
    }
    body.header-03-sm nav.main ul ul > li > span > a {
        padding-left: 40px;
        border-top: 1px solid #fff;
    }
    header#site-header .form-control:focus,
    header#site-header .form-control:focus-visible,
    header#site-header .form-control:not(:focus) {
        border: 2px solid #006ba2;
        outline: 0 !important;
    }
    body.header-03-sm header#site-header nav.main {
        top: 245px;
    }
    body.header-03-sm header#site-header nav.main > ul,
    body.header-03-sm header#site-header nav.main > ul li:last-child {
        display: block;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 15px;
    }
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul {
    display: block;
    flex-direction: inherit;
}
#lang-cy,
.lang-cy {
    background: #fff;
    border: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #717171;
    padding: 8px 12px;
    order: 2;
    align-self: center;
    outline: 0 !important;
}
#lang-en,
.lang-en {
    background: #fff;
    border: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 17px;
    font-weight: 700;
    color: #717171;
    padding: 8px 12px;
    border-right: 1px solid grey;
    align-self: center;
    outline: 0 !important;
}
button.langbutton:disabled,
button.langbutton[disabled] {
    background: #ccc !important;
    color: #909090 !important;
    text-decoration: line-through;
}
button.langbutton.active {
    background: #009c8a !important;
    color: #fff !important;
}
.google-translate-button.langbutton {
    order: 3;
    align-self: center;
    outline: 0 !important;
}
.google-translate-button.langbutton img {
    height: 43px;
    border-radius: 0 !important;
}
.google-translate-button.langbutton img:hover {
    cursor: pointer;
}
@media (min-width: 576px) {
    #site-header nav.main {
        display: none;
    }
    .topnav {
        height: 55px;
        top: 0;
    }
}
@media (min-width: 576px) and (max-width: 991px) {
    .hide-on-tablet {
        display: none;
    }
    #site-content {
        top: 0;
        position: relative;
    }
    header#site-header .expand-header {
        justify-content: end;
        display: flex;
        text-indent: 0;
        color: #fff;
        top: 120px;
        right: 10px;
        align-items: center;
        width: 99px;
        height: 55px;
    }
    body.header-05-lg header#site-header nav.secondary {
        position: absolute;
        right: 15px;
        padding: 0;
        margin: 0;
        top: 0;
        z-index: 602;
        transform: translateY(0);
    }
    body.header-05-lg header#site-header #logo img,
    body.header-05-lg header#site-header #logo picture {
        height: 75px;
        max-height: 100%;
    }
    .cta-links .btn.btn-sm,
    .cta-links button.btn.btn-sm {
        padding: 8px 20px;
    }
    nav.secondary > ul {
        display: block;
        margin: 0 0 0 auto;
        right: 0;
        top: 0;
        position: absolute;
    }
    header#site-header .row {
        width: 100%;
        margin: 0;
    }
    html.nav-down:not(.reached-top) header#site-header,
    html.nav-down:not(.reached-top) header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top) header#site-header,
    html.nav-up:not(.reached-top) header#site-header.header-bg-solid {
        background: 0 0;
    }
    body.header-03-sm header#site-header nav.main > ul li:first-child {
        display: none;
    }
    body.header-03-sm header#site-header nav.cta-links {
        position: absolute;
        bottom: auto;
        top: 58px;
        right: 10px;
        width: auto;
        display: inline;
    }
    nav.cta-links .btn {
        display: inline;
        margin: 0;
    }
    nav.secondary ul li {
        overflow: visible;
        height: 100%;
        display: inline-block;
    }
    #site:after {
        content: "";
        background-image: url(/media/durfe3x5/headercircupperyellowlg.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right -220px top;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        height: 400px;
        width: 100%;
    }
    .mob-tab-nav ul {
        margin-left: 5px;
    }
    nav.secondary ul li span a,
    nav.secondary ul li span div,
    nav.secondary > ul > li > a {
        padding: 10px 0 10px 10px;
    }
    header#site-header .expand-header.expand-2-bars span {
        color: #fff;
    }
    header#site-header .expand-header span,
    header#site-header .expand-header span:after,
    header#site-header .expand-header span:before {
        background: #fff;
    }
    header#site-header .expand-header.expand-2-bars span:after {
        bottom: 10px;
    }
    header#site-header .expand-header.expand-2-bars span:before {
        top: 10px;
    }
    header#site-header .expand-header.expand-active-cross.active span:before {
        top: 10px;
    }
    header#site-header .expand-header.expand-active-cross.active span:after {
        bottom: 10px;
    }
    header#site-header .expand-header {
        color: #fff;
        top: 110px;
    }
    header#site-header {
        background: 0 0;
        height: 220px;
    }
    header#site-header .container-fluid {
        top: 55px;
    }
    .topnav {
        display: flex;
    }
}
.nav-container {
    display: none;
}
.topnav .container .right-topnav a {
    padding: 0 0 0 15px;
}
@media (min-width: 992px) {
    .mob-tab-nav {
        display: none;
    }
    .nav-container {
        display: block;
    }
    .topnav {
        height: 60px;
    }
    .topnav .container .left-topnav a {
        padding: 0 20px 0 0;
        font-size: 19px;
    }
    .topnav .container .right-topnav a {
        padding: 0 0 0 15px;
        font-size: 19px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:last-child {
        display: none;
    }
    header#site-header .expand-header {
        text-align: center;
        display: block;
        text-indent: 0;
        color: #fff;
        top: 142px;
        position: absolute;
        right: 20px;
        width: 70px;
    }
    body.header-05-lg header#site-header .row {
        height: auto;
    }
    body.header-05-lg header#site-header .row {
        height: 110px;
    }
    header#site-header {
        height: 210px !important;
        max-width: 100%;
        position: relative;
    }
    html.nav-down:not(.reached-top) header#site-header,
    html.nav-up:not(.reached-top) header#site-header {
        height: 0;
        margin: 0 auto;
    }
    body.header-05-lg:not(.transparent-header-lg) header#site-header {
        box-shadow: none;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a {
        border: none;
    }
    body.header-03-sm header#site-header nav.main ul ul li,
    body.header-03-sm nav.main ul li.has-child.open-child_mobile > span::after {
        color: #fff;
    }
    body.header-05-lg header#site-header #logo {
        height: 110px;
    }
    body.header-05-lg header#site-header .row::before {
        height: 110px;
    }
    body.header-05-lg header#site-header #logo img,
    body.header-05-lg header#site-header #logo picture {
        height: 85px;
        max-height: 100%;
    }
    body.header-05-lg header#site-header nav.secondary {
        position: absolute;
        right: 38px;
        z-index: 602;
        transform: translateY(0);
    }
    body.header-05-lg header#site-header nav.cta-links {
        position: absolute;
        z-index: 602;
        top: 45%;
        right: 0;
        transform: translateY(0);
    }
    #site-content {
        position: relative;
        z-index: 1;
        margin-top: -40px;
        top: auto;
    }
    html[dir="ltr"] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search form {
        right: calc((var(--large-header) / 2) - 0px);
    }
    html[dir="ltr"] body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search {
        right: 25px;
        top: 0;
        display: block;
    }
    body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
        width: 70px;
        border: none;
        outline: 0;
    }
    body.header-05-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg)
        header#site-header
        .site-search
        button.btn
        .usn_ion-ios-search:before {
        color: #fff;
        font-weight: 900;
        border: none;
        outline: 0;
    }
    .expand-search .usn_ion-ios-search:before {
        color: #006ba2;
        font-weight: 900;
    }
    header#site-header .site-search .expand-search {
        color: #000;
        background: 0 0;
        border: 0 none;
        outline: 0;
    }
    header#site-header .form-control:focus,
    header#site-header .form-control:focus-visible,
    header#site-header .form-control:hover,
    header#site-header .form-control:not(:focus) {
        border: 2px solid #006ba2;
        outline: 0 !important;
    }
    .site-search.open-search input.form-control {
        height: 30px !important;
        padding: 22px 20px;
        font-size: 18px;
        color: #000;
    }
    .nav-container {
        z-index: 999;
        display: block;
    }
    .mob-tab-nav {
        display: none;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul {
        display: flex;
        flex-direction: row;
    }
    .nav-container nav.main > ul {
        font-size: 18px;
    }
    .nav-container nav.main ul li.has-child > span::after {
        position: absolute;
        top: 0;
        right: 0;
    }
    .nav-container nav.main ul ul li span::before {
        display: none;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        display: flex !important;
        flex-direction: row !important;
    }
    body.header-05-lg header#site-header .nav-container nav.main {
        background: #006ba2;
    }
    .nav-container nav.nav-dropdown {
        z-index: 5;
        position: relative;
        top: -1px;
        height: 76px;
        margin: 0 auto;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        background: #006ba2;
        border-radius: 20px;
        max-width: calc(100% - 40px);
        margin: 0 auto;
        padding: 0 55px;
        border-radius: 20px;
        height: 76px;
    }
    .sticky.is-pinned.nav-container nav.nav-dropdown {
        background: #006ba2;
        width: 100%;
        height: 65px;
        transform: translate3d(0, 0, 0);
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        margin: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a {
        line-height: 76px;
        height: 76px;
        white-space: nowrap;
        padding: 0;
    }
    html.no-touch body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul li.has-child > span::after {
        z-index: 1;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li.has-child > span > a {
        padding: 0 30px 0 0 !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:first-child > span > a {
        padding-left: 10px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:first-child {
        margin-left: -10px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li.has-child > span::after {
        line-height: 76px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li.has-child > span::after {
        line-height: 65px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky nav.main > ul {
        background: #006ba2;
        border-radius: 16px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        height: 100%;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li > span > a {
        height: 65px;
        line-height: 65px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul {
        height: 65px;
    }
    body.header-05-lg header#site-header .container-fluid::after,
    body.header-05-lg header#site-header .container::after {
        height: 0;
        background-color: transparent;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        justify-content: space-between;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li.open-child > ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li:focus-within > ul {
        position: fixed;
        padding: 50px 30px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: calc(100% - 40px);
        z-index: 1;
        left: 50% !important;
        transform: translateX(-50%);
        min-height: 350px;
        flex-direction: column;
    }
    html.no-touch body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li:hover > ul {
        left: -999em;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col:before {
        content: "";
        height: 15px;
        position: absolute;
        width: 100%;
        background: #006ba2;
        z-index: 2;
        top: -15px;
        left: 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main ul > li > ul.multi-col:before {
        height: 0;
    }
    html.nav-down:not(.reached-top) header#site-header,
    html.nav-down:not(.reached-top) header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top) header#site-header,
    html.nav-up:not(.reached-top) header#site-header.header-bg-solid {
        background: 0 0;
    }
    .nav-container nav.main ul ul > li:focus-within > span > a,
    .nav-container nav.main ul ul > li > span > a {
        color: #512178;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col > li {
        flex: 1 1 33%;
    }
    .nav-container nav.main > ul > li.has-child > span::after {
        padding: 0;
        font-size: 20px;
        width: 30px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a:hover {
        text-decoration: none;
    }
    .nav-container nav.main ul > li.active > span > a {
        color: #fff;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul li.has-child ul > li.active > span > a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul ul > li.active > span > a {
        color: #512178;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:first-child > span > a:before,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul > li:first-child > span > a:after {
        background: 0 0 !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a:before {
        content: "";
        position: absolute;
        top: 16px;
        left: 0;
        width: 100%;
        height: 2px;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li > span > a:after {
        content: "";
        position: absolute;
        bottom: 16px;
        left: 0;
        width: 100%;
        height: 2px;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li > span > a:before {
        top: 13px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky.is-pinned nav.main > ul > li > span > a:after {
        bottom: 13px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:hover > span > a:before,
    nav.main > ul > li.active > span > a:before {
        background: #fff !important;
    }
    .nav-container nav.main > ul > li.active > span > a:after,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li:hover > span > a:after {
        background: #fff !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child {
        flex: none;
        width: 45%;
        display: inline-block;
        background: #512178;
        top: 20px;
        position: absolute;
        right: 20px;
        padding: 20px;
        height: calc(100% - 40px);
        border-radius: 15px;
        background-size: cover !important;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child:before {
        content: "";
        flex: none;
        width: 100%;
        display: block;
        background: #512178;
        top: 0;
        position: absolute;
        right: 0;
        opacity: 0.6;
        padding: 0;
        height: 100%;
        border-radius: 15px;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child span::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100% !important;
        height: calc(100% - 40px);
        font-size: 22px;
        line-height: 1.2;
        background: 0 0;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child span::after {
        position: absolute;
        top: 56px;
        bottom: 0;
        left: 0;
        width: 90% !important;
        height: calc(100% - 80px);
        font-size: 16px;
        line-height: 1.4;
        background: 0 0;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul li.has-child ul > li > span > a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) nav.main > ul ul > li > span > a {
        padding: 6px var(--base-half-spacing);
    }
    .nav-container nav.main ul ul li:last-child:not(.active).open-child > span::after,
    .nav-container nav.main ul ul li:last-child:not(.active).open-child > span::before,
    .nav-container nav.main ul ul li:last-child:not(.active):active > span::after,
    .nav-container nav.main ul ul li:last-child:not(.active):active > span::before,
    .nav-container nav.main ul ul li:last-child:not(.active):focus > span::after,
    .nav-container nav.main ul ul li:last-child:not(.active):focus > span::before,
    .nav-container nav.main ul ul li:last-child > span::after,
    .nav-container nav.main ul ul li:last-child > span::before,
    html.no-touch .nav-container nav.main ul ul li:last-child:not(.active):hover > span::after,
    html.no-touch .nav-container nav.main ul ul li:last-child:not(.active):hover > span::before {
        color: #fff !important;
        display: block !important;
        opacity: 1 !important;
        position: absolute;
        transition: none;
        background: 0 0 !important;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child span {
        height: 100%;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a {
        background: #009c8a;
        color: #fff !important;
        top: auto;
        bottom: 0;
        position: absolute;
        left: 0;
        padding: 10px 30px !important;
        border-radius: 40px;
        font-size: 20px;
        letter-spacing: 0;
        transition: opacity ease-in-out 0.2s;
        background-size: cover !important;
        border: none;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li:last-child a:hover,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:hover {
        text-decoration: none;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:hover {
        background: #fff !important;
        color: #512178 !important;
        transition: opacity ease-in-out 0.2s;
    }
    body.header-05-lg nav.main > ul li.has-child ul > li > span > a,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main > ul ul > li > span > a {
        padding: 4px var(--base-half-spacing);
    }
    body.header-05-lg nav.main ul > li > ul.multi-col > li:last-child a:hover,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:active,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg) .nav-container nav.main ul > li > ul.multi-col > li:last-child a:focus {
        background: #2e2e2e !important;
        color: #fff !important;
    }
    body.header-05-lg .nav-container nav.main ul > li > ul.multi-col > li {
        flex: none !important;
        display: block;
        width: 60%;
    }
    .mobile-nav-container {
        display: none;
    }
    nav.main > ul > li > span > a {
        padding: 0 24px;
    }
    #site:after {
        content: "";
        background-image: url(/media/durfe3x5/headercircupperyellowlg.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right -220px top;
        z-index: 2;
        position: absolute;
        top: 0;
        right: 0;
        height: 340px;
        width: 100%;
    }
    header#site-header .expand-header {
        display: none;
    }
    header#site-header .container-fluid {
        position: absolute;
        top: 55px;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 16px;
    }
}
@media (min-width: 992px) and (max-width: 1060px){
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        max-width: calc(100% - 10px);
        padding: 0 10px;
    }
}
@media (min-width: 1200px) {
    .topnav .container,
    header#site-header .container {
        max-width: 1200px !important;
        display: flex;
    }
    .container {
        max-width: 1200px !important;
    }
    .nav-container {
        max-width: 100%;
        margin: 0 auto;
    }
    header#site-header .container-fluid {
        max-width: 1200px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col {
        max-width: 1170px;
    }
     body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li.open-child > ul,
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li:focus-within > ul {
        min-height: 380px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky nav.main > ul {
        max-width: calc(1200px - 30px);
    }
    nav.main > ul > li > span > a {
        padding: 0 var(--base-half-spacing);
    }
    nav.main > ul {
        font-size: 21px;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 16px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        margin: 0 10px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        padding: 0 40px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        justify-content: space-between;
    }
}
@media (min-width: 1600px) {
    .container,
    .topnav .container,
    header#site-header .container {
        max-width: 1600px !important;
    }
    .nav-container {
        max-width: 100%;
        margin: 0 auto;
    }
    html.translated-ltr .nav-container nav.main > ul {
        font-size: 16px;
    }
    header#site-header .container-fluid {
        max-width: 1600px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul > li {
        margin: 0 20px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main ul > li > ul.multi-col {
        max-width: 1570px;
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container.sticky nav.main > ul {
        max-width: calc(1600px - 30px);
    }
    body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) .nav-container nav.main > ul {
        padding: 0 55px;
    }
    #site:after {
        background-position: right -150px top;
    }
}
@media (min-width: 2000px) {
    #site:after {
        background-position: right -80px top;
    }
}
@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }
}
.btn.btn-sm,
button.btn.btn-sm {
    line-height: 1.1;
}
.btn.btn-md,
button.btn.btn-md {
    line-height: 1.3;
}
.btn.btn-lg,
button.btn.btn-lg {
    line-height: 1.3;
}
.upper-footer .info,
.upper-footer .link {
    margin: 0 0;
}
.upper-footer .row {
    padding: 0 15px;
}
section.upper-footer.content:not(.usn_cmp_banner) {
    padding: 30px 15px;
}
section.content:not(.usn_cmp_banner).news-cta {
    padding-top: 20px !important;
}


.main-banner.component.usn_cmp_banner .icon-header.item .info .d-table {
    width: 100%;
    display: flex!important;
    align-content: center;
    height: 100%;
}
.main-banner.component.usn_cmp_banner .icon-header.item .row.info_align-middle .info .d-table-cell{
    display: flex!important;
    justify-content: start;
    align-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
.main-banner.component.usn_cmp_banner .icon-header.item .info {
    width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;
}
.main-banner.component.usn_cmp_banner .item .info.col {
     width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    max-width: 100%;   
}

.main-banner.component.usn_cmp_banner .icon-header.item .info .d-table-cell .text {
    margin: 0 20px 0px 0px!important; 
}


.main-banner.component.usn_cmp_banner .icon-header.item .row.info_align-middle .info .d-table-cell .text img {
  width: 50px;  
}

@media (min-width: 768px) {
   .main-banner.component.usn_cmp_banner .icon-header.item .row.info_align-middle .info .d-table-cell .text img {
      width: 80px;  
    } 
}



.main-banner.component.usn_cmp_banner .item.item_medium-banner,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
.main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
    height: 150px;
    min-height: 150px;
}
.main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
    background-position: right -300px top;
    background-size: 700px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        height: 170px;
        min-height: 170px;
    }
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
        background-position: right -100px top;
        background-size: 550px;
    }
    .main-banner.component.usn_cmp_banner .item .info {
         padding-left: 15px;
         padding-right:15px;
    }
}
@media (min-width: 768px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        height: 210px;
        min-height: 210px;
    }
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
        background-position: right 0 top;
        background-size: 700px;
    }
    .main-banner.component.usn_cmp_banner .item .info {
         padding-left: 15px;
         padding-right: 15px;
    }
}
@media (min-width: 992px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image .video,
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        height: 250px;
        min-height: 250px;
    }
    .main-banner.component.usn_cmp_banner .item.item_medium-banner .image {
        background-position: right 0 top;
        background-size: 900px;
    }
   .main-banner.component.usn_cmp_banner .item .info {
         padding-left: 20px;
         padding-right: 20px;
         padding-top: 60px;
    }
    .hero-home-banner.component.usn_cmp_banner .item .info.col {
            padding: 50px 50px;
            max-width: 660px;
            width: 80%;
    }
}
.hero-home-banner.component.usn_cmp_banner {
    overflow: visible;
    padding-bottom: 60px;
    background: #d4e6f2;
}
.hero-home-banner.component.usn_cmp_banner h1 {
    font-size: var(--h1-typography_font-size_sm);
}
.hero-home-banner .row,
.hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .row {
    position: absolute;
    bottom: -100px;
    height: auto !important;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 999;
    margin: 0;
    padding: 0;
}
.hero-home-banner.component.usn_cmp_banner .item .info.col {
    background: #512178;
    border-radius: 0;
    padding: 20px 30px;
}
.hero-home-banner .btn.btn-sm,
.hero-home-banner button.btn.btn-sm {
    border: 2px solid #fff;
    color: #fff !important;
}
.hero-home-banner .video-player {
    display: none;
}
@media (min-width: 0) and (max-width: 575px) {
    .main-banner.component.usn_cmp_banner .item .info.col {
        padding: 30px 15px;
    }
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 380px !important;
    }
}
@media (min-width: 576px) {
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 420px !important;
    }
}
@media (min-width: 768px) {
    .hero-home-banner .video-player {
        display: block;
    }
    .hero-home-banner.component.usn_cmp_banner {
        padding-bottom: 120px;
    }
    .hero-home-banner.component.usn_cmp_banner .item .info.col {
        background: #512178;
        border-radius: 20px;
        padding: 50px 60px;
    }
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 500px !important;
    }
    .hero-home-banner.component.usn_cmp_banner h1 {
        font-size: var(--h1-typography_font-size_md);
    }
    .hero-home-banner .row,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .row {
        position: absolute;
        bottom: -150px;
        height: auto !important;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        z-index: 999;
    }
}
@media (min-width: 1400px) {
    .hero-home-banner .item.item_medium-banner,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .container,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image,
    .hero-home-banner.component.usn_cmp_banner .item.item_medium-banner .image .video {
        height:620px !important;
    }
}

.item .inner {
    height: 100%;
}
.two-signposting-cards .heading {
    color: #006ba2 !important;
    text-decoration: none !important;
}
.two-signposting-cards .row:not(.slides):not(.listing_window-mosaic) .item.items-2 {
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    max-width: 100%;
    margin-bottom: 20px !important;
}
.two-signposting-cards .item.item_text-boxed .info {
    padding: 20px;
    height: 100%;
    display: flex;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .two-signposting-cards .row:not(.slides):not(.listing_window-mosaic) .item.items-2 {
        flex: 0 0 var(--items-2);
        -ms-flex: 0 0 var(--items-2);
        max-width: var(--items-2);
    }
    .two-signposting-cards .item.item_text-boxed .info {
        padding: 25px;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .two-signposting-cards .row:not(.slides):not(.listing_window-mosaic) .item.items-2 {
        padding: 0 30px;
    }
    .two-signposting-cards .item.item_text-boxed .info {
        padding: 35px;
    }
}
.icons-text-cta .item.item_text-below:not(.item_has-bg) .image,
.icons-text-cta .item.item_text-below:not(.item_has-bg) .image.rounded-circle {
    max-width: 180px;
    margin: 0 auto 20px;
}
@media (min-width: 576px) and (max-width: 991px) {
    .icons-text-cta .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1),
    .icons-text-cta .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2) {
        margin-bottom: 0 !important;
        margin: 0 auto;
    }
}
.listing .item.brushoverlay {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 20px;
}
.listing .item.brushoverlay .image.rounded-circle .caption {
    left: 50%;
    transform: translateX(-50%);
    top: 69%;
    width: 100%;
    padding: 10px 19%;
    text-align: center;
    background-color: #006ba2;
}
.image .caption {
    line-height: 1.2;
    padding: 10px 20px 10px;
    font-size: 12px;
    opacity: 0.85;
    color: #fff;
    border-top-right-radius: 5px;
    background-color: #006ba2;
}
.listing .item.brushoverlay {
    padding: 0 10px 0 60px;
}
.listing .item.brushbase {
    padding: 0 40px 40px 10px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .listing .item.brushoverlay {
        padding: 70px 10px 0 130px;
    }
    .listing .item.brushbase {
        padding: 0 60px 80px 30px;
    }
    .listing .item.brushoverlay .image.rounded-circle .caption {
        top: 80%;
    }
}
@media (min-width: 767px) {
    .listing .item.brushoverlay {
        padding: 15% 4% 0 25%;
    }
    .listing .item.brushbase {
        padding: 0 60px 80px 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .listing .item.brushoverlay .image.rounded-circle .caption {
        left: 50%;
        transform: translateX(-50%);
        top: 65%;
        width: 100%;
        padding: 10px 16%;
        text-align: center;
        background-color: #006ba2;
    }
    .image .caption {
        line-height: 1.2;
        padding: 10px 20px 10px;
        font-size: 80%;
        opacity: 0.8;
        color: #fff;
        background-color: #006ba2;
    }
    .listing .item.brushoverlay {
        padding: 15% 4% 0 25%;
    }
    .listing .item.brushbase {
        padding: 0 60px 80px 10px;
    }
}
@media (min-width: 992px) {
    .listing .item.brushoverlay .image.rounded-circle .caption {
        left: 50%;
        transform: translateX(-50%);
        top: 77%;
        width: 100%;
        padding: 10px 26%;
        text-align: center;
        background-color: #006ba2;
    }
    .image .caption {
        line-height: 1.2;
        padding: 10px 20px 10px;
        font-size: 14px;
        opacity: 0.8;
        color: #fff;
        background-color: #006ba2;
    }
}
.listing .item.brushoverlay2 {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 20px;
}
.listing .item.brushoverlay2 {
    padding: 30px 10px 30px 160px;
}
.listing .item.brushbase2 {
    padding: 30px 110px 50px 20px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .listing .item.brushoverlay2 {
        padding: 70px 10px 0 130px;
    }
    .listing .item.brushbase2 {
        padding: 0 60px 80px 30px;
    }
}
@media (min-width: 767px) {
    .listing .item.brushoverlay2 {
        padding: 70px 10px 0 120px;
    }
    .listing .item.brushbase2 {
        padding: 0 60px 80px 30px;
    }
}
.listing .item.brushoverlay3 {
    position: absolute;
    top: 0;
    z-index: 9;
    padding: 20px;
}
.listing .item.brushoverlay3 {
    padding: 30px 10px 30px 160px;
}
.listing .item.brushbase3 {
    padding: 30px 110px 50px 20px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .listing .item.brushoverlay3 {
        padding: 70px 10px 0 130px;
    }
    .listing .item.brushbase3 {
        padding: 0 60px 80px 30px;
    }
}
@media (min-width: 767px) {
    .listing .item.brushoverlay3 {
        padding: 70px 10px 0 120px;
    }
    .listing .item.brushbase3 {
        padding: 0 60px 80px 30px;
    }
}


.text-image-split .btn-lg.c3-btn-bg {
    padding-left: 60px;
    margin-left: 20px;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-right: 25px;
}
.text-image-split .btn {
    display: table;
}
.text-image-split .btn-lg.c3-btn-bg:before {
    content: "";
    position: absolute;
    top: auto;
    width: 80px;
    height: 80px;
    left: -28px;
    background-image: url(/media/t2sfhqwt/easyread.png);
    background-size: contain;
    bottom: -3px;
}
.text-inline-list .info {
    margin-bottom: 40px;
}
.text-inline-list .info .text ul {
    margin: 0 auto 30px;
    text-align: center;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    max-width: 90%;
}
.text-inline-list .info .text ul li {
    margin: 0;
    padding: 0;
    display: list-item;
    list-style-position: inside;
}
@media (min-width: 768px) {
    .text-image-split .btn-lg.c3-btn-bg {
        padding-left: 100px;
        margin-left: 20px;
        margin-top: 45px;
        margin-bottom: 15px;
    }
    .text-image-split .btn-lg.c3-btn-bg:before {
        content: "";
        position: absolute;
        top: auto;
        width: 100px;
        height: 100px;
        left: -28px;
        background-image: url(/media/t2sfhqwt/easyread.png);
        background-size: contain;
        bottom: -3px;
    }
    .text-inline-list .info .text ul {
        margin: 0 auto;
        text-align: center;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        max-width: 60%;
    }
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-2 .text-left,
    .text-image-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-2 .text-left {
        padding-left: 15px;
    }
    .component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1 .text-left,
    .text-image-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-md-1 .text-left {
        padding-right: 15px;
    }
}
@media (max-width: 767px) {
    section.content.three-card-pods .component-outro {
        padding-top: 0;
    }
}
.three-card-pods .item .image img {
    border-radius: 18px 18px 0 0 !important;
}
.three-card-pods .item.item_text-below:not(.item_has-bg) .image {
    border-radius: 18px 18px 0 0 !important;
    margin-bottom: 0;
}
.three-card-pods .inner .info .text .info {
    padding: 0;
}
.three-card-pods .services-border-yellow.item .inner {
    height: 100%;
    border: 2px solid #ffeca2;
    border-bottom: 10px solid #ffeca2;
}
.three-card-pods .services-border-yellow.item:hover .inner {
    border: 2px solid #ffce33;
    border-bottom: 10px solid #ffce33;
    transition: 0.2s all linear;
}
.three-card-pods .services-border-yellow .inner .info {
    padding: 30px 30px;
}
.three-card-pods .services-border-blue.item .inner {
    height: 100%;
    border: 2px solid #d4e6f2;
    border-bottom: 10px solid #d4e6f2;
}
.three-card-pods .services-border-blue.item:hover .inner {
    border: 2px solid #006ba2;
    border-bottom: 10px solid #006ba2;
    transition: 0.2s all linear;
}
.three-card-pods .services-border-blue .inner .info {
    padding: 30px 30px;
}
.three-card-pods .services-border-purple.item .inner {
    height: 100%;
    border: 2px solid #e3e3f2;
    border-bottom: 10px solid #e3e3f2;
}
.three-card-pods .services-border-purple.item:hover .inner {
    border: 2px solid #512178;
    border-bottom: 10px solid #512178;
    transition: 0.2s all linear;
}
.three-card-pods .services-border-purple .inner .info {
    padding: 30px 30px;
}
.three-card-pods .row.listing {
    justify-content: center;
}
.three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1) {
    margin-bottom: 20px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1),
    .three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2) {
        margin-bottom: 20px !important;
    }
}
@media (min-width: 991px) {
    .three-card-pods .listing:not(.listing_window-mosaic) .item:not(.items-1):last-child {
        margin: 0 auto 0;
    }
    .three-card-pods .item.item_text-below:not(.item_has-bg) .image {
        margin-bottom: 10px;
    }
}
.three-card-sublisting .listing .item {
    margin-bottom: 0 !important;
}
.three-card-sublisting .item .image img {
    border-radius: 18px 18px 0 0 !important;
}
.three-card-sublisting .item.item_text-below:not(.item_has-bg) .image {
    border-radius: 18px 18px 0 0 !important;
}
.three-card-sublisting .inner .info {
    padding: 30px 35px;
}
.three-card-sublisting .item:first-child .inner {
    height: 100%;
    border: 2px solid #ffeca2;
    border-bottom: 10px solid #ffeca2;
}
.three-card-sublisting .item:first-child:hover .inner {
    border: 2px solid #ffce33;
    border-bottom: 10px solid #ffce33;
    transition: 0.2s all linear;
}
.three-card-sublisting .item:nth-child(2) .inner {
    height: 100%;
    border: 2px solid #d4e6f2;
    border-bottom: 10px solid #d4e6f2;
}
.three-card-sublisting .item:nth-child(2):hover .inner {
    border: 2px solid #006ba2;
    border-bottom: 10px solid #006ba2;
    transition: 0.2s all linear;
}
.three-card-sublisting .item:nth-child(3) .inner {
    height: 100%;
    border: 2px solid #e3e3f2;
    border-bottom: 10px solid #e3e3f2;
}
.three-card-sublisting .item:nth-child(3):hover .inner {
    border: 2px solid #512178;
    border-bottom: 10px solid #512178;
    transition: 0.2s all linear;
}
.three-card-sublisting .item:nth-child(4) .inner {
    height: 100%;
    border: 2px solid #9cc2be;
    border-bottom: 10px solid #9cc2be;
}
.three-card-sublisting .item:nth-child(4):hover .inner {
    border: 2px solid #009c8a;
    border-bottom: 10px solid #009c8a;
    transition: 0.2s all linear;
}
@media (max-width: 576px) {
    .three-card-sublisting .listing:not(.listing_window-mosaic) .item:not(.items-1) {
        margin-bottom: 20px !important;
    }
}
@media (max-width: 991px) {
    .three-card-sublisting .listing:not(.listing_window-mosaic) .item:not(.items-1) {
        margin-bottom: 0 !important;
    }
    .three-card-sublisting .listing:not(.listing_window-mosaic) .item:not(.items-1):last-child {
        margin: 20px auto 0;
    }
}
.slick-slider .slick-next,
.slick-slider .slick-prev {
    width: 45px;
    height: 45px;
    border-radius: 100px !important;
    background: #fff;
    color: #512178;
}
.slick-slider .slick-next i.icon,
.slick-slider .slick-prev i.icon {
    font-size: 33px;
}
.row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
    left: -10px;
}
.row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
    right: -10px;
}
@media (min-width: 992px) {
    .slick-slider .slick-next,
    .slick-slider .slick-prev {
        width: 60px;
        height: 60px;
        border-radius: 100px !important;
        background: #fff;
        color: #512178;
    }
    .row.slides.slick-slider:not(.listing_no-spacing) .slick-prev {
        left: -20px;
    }
    .row.slides.slick-slider:not(.listing_no-spacing) .slick-next {
        right: -20px;
    }
}
section.content:not(.usn_cmp_banner).two-image-signposting-cards {
    padding: 70px 0 90px;
}
.two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center {
    top: auto;
    transform: translateY(-100%);
    padding: 10px 20px 10px;
    margin: 0 30px 0 30px;
    text-align: center;
    background: #006ba2;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    right: auto;
    max-width: 100% !important;
}
.two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center p.heading.sm {
    font-size: 15px;
}
@media (min-width: 576px) and (max-width: 767px) {
    .two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center p.heading.sm {
        font-size: 13px;
    }
}
@media (min-width: 992px) {
    .two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center p.heading.sm {
        font-size: var(--p-heading_small-typography_font-size);
    }
    .two-image-signposting-cards .listing .item.item_text-boxed .image + .info.align-self-center {
        margin: 0 25px 0 25px;
    }
}
.three-col-text-grid .item .inner {
    height: 100%;
    padding: 0 30px 0 0;
}
.component.usn_cmp_ctastrip .info,
.component.usn_cmp_ctastrip .link {
    padding: 0;
}
.cta-one .container > div {
    padding: 30px 15px;
    border-radius: 20px;
    color: rgba(var(--c2-text), 1);
    background: rgba(var(--c2-bg-color1), 1);
    margin: 0;
}
.cta-one .container .heading,
.cta-one .container .text,
.cta-one .container .text a {
    color: rgba(var(--c2-text), 1) !important;
}
.cta-one .container .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    text-decoration: underline !important;
}
.cta-one.component.usn_cmp_ctastrip .text-left .link a.btn,
.cta-one.component.usn_cmp_ctastrip .text-right .link a.btn {
    margin-bottom: 16px;
}
.cta-one-child {
    background: 0 0;
}
@media (min-width: 992px) {
    .cta-one .container > div {
        padding: 80px 55px;
        margin: 0;
    }
    .usn_cmp_reusablecomponents.cta-one > .component-inner > .container .component .container > div {
        padding: 0;
    }
    section.content:not(.usn_cmp_banner).two-image-signposting-cards {
        padding: 120px 0 140px;
    }
    .usn_cmp_reusablecomponents.cta-one {
        border-radius: 20px;
    }
    .usn_cmp_reusablecomponents.cta-one > .container {
        padding: 0 !important;
        border-radius: 20px;
    }
    .cta-one-child > div {
        padding: 0 !important;
    }
}
.cta-two .container > div {
    padding: 40px 15px;
    border-radius: 20px;
    margin: 0;
    color: rgba(var(--c7-text), 1);
    background: rgba(var(--c7-bg-color1), 1);
}
.usn_cmp_reusablecomponents.cta-two {
    border-radius: 20px;
}
.usn_cmp_reusablecomponents.cta-two > .container {
    padding: 0 !important;
    border-radius: 20px;
}
.usn_cmp_reusablecomponents.cta-two > .component-inner > .container .component .container > div {
    padding: 0 !important;
}
.cta-two .container .heading,
.cta-two .container .text,
.cta-two .container .text a {
    color: rgba(var(--c7-text), 1) !important;
}
.cta-two .container .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    text-decoration: underline !important;
}
.cta-two.component.usn_cmp_ctastrip .text-left .link a.btn,
.cta-two.component.usn_cmp_ctastrip .text-right .link a.btn {
    margin-bottom: 16px;
}
.cta-two-child {
    background: 0 0;
}
@media (min-width: 992px) {
    .cta-two .container > div {
        padding: 80px 55px;
        margin: 0;
    }
    .usn_cmp_reusablecomponents.cta-two > .component-inner > .container .component .container > div {
        padding: 0 !important;
    }
    .usn_cmp_reusablecomponents.cta-two {
        border-radius: 20px;
    }
    .usn_cmp_reusablecomponents.cta-two > .container {
        padding: 0 !important;
        border-radius: 20px;
    }
    .cta-two-child > div {
        padding: 0 !important;
    }
}
@media (min-width: 1200px) {
    .component.usn_cmp_ctastrip .text-left .link,
    .component.usn_cmp_ctastrip .text-right .link {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .component.usn_cmp_ctastrip .text-right .info,
    .cta-one-child.component.usn_cmp_ctastrip .text-right .info {
        flex: 0 0 55%;
        -ms-flex: 0 0 55%;
        max-width: 55%;
    }
    .component.usn_cmp_ctastrip .text-right .link,
    .cta-one-child.component.usn_cmp_ctastrip .text-right .link {
        flex: 0 0 45%;
        -ms-flex: 0 0 45%;
        max-width: 45%;
        text-align: right;
    }
    .component.usn_cmp_ctastrip .text-left .info,
    .cta-two-child.component.usn_cmp_ctastrip .text-left .info {
        flex: 0 0 55%;
        -ms-flex: 0 0 55%;
        max-width: 55%;
    }
    .component.usn_cmp_ctastrip .text-left .link,
    .cta-two-child.component.usn_cmp_ctastrip .text-left .link {
        flex: 0 0 45%;
        -ms-flex: 0 0 45%;
        max-width: 45%;
        text-align: right;
    }
}
.tabbed-panel .tab-pane section.content:not(.usn_cmp_banner) {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.tabbed-panel .repeatable.tab-basic .repeatable-content {
    padding: 20px;
    color: rgba(var(--c7-heading), 1) !important;
    background: rgba(var(--c7-bg-color1), 1) !important;
    border-top-right-radius: 0 !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link {
    border-radius: 0 !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab:first-child .nav-link {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link.active {
    color: rgba(var(--c7-heading), 1) !important;
    background: rgba(var(--c7-bg-color1), 1) !important;
}
.tabbed-panel .tab-content > .tab-pane.active {
    color: rgba(var(--c7-heading), 1) !important;
}
.tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) {
    border-color: #d4e6f2 !important;
}
.tabbed-panel .repeatable.tabbed .tab {
    display: block;
    margin-right: 0;
    width: 100%;
}
.tabbed-panel .tab-pane h2,
.tabbed-panel .tab-pane h3,
.tabbed-panel .tab-pane h4,
.tabbed-panel .tab-pane h5,
.tabbed-panel .tab-pane h6 {
    margin: 0;
}
.tabbed-panel .tab-pane .umb-grid {
    max-width: 90%;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .tabbed-panel .repeatable.tabbed .tab {
        display: inline-block;
        margin-right: 6px;
        width: auto;
    }
    .tabbed-panel .repeatable.tab-basic .repeatable-content {
        padding: 45px;
    }
    .tabbed-panel .repeatable.tab-basic .repeatable-content {
        border-top-right-radius: 20px !important;
    }
    .tabbed-panel .repeatable.tabbed.tab-basic .tab .nav-link {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
    }
}
@media (min-width: 992px) {
    .tabbed-panel .repeatable.tab-basic .repeatable-content {
        padding: 60px;
    }
}
.four-col-text-image .item .image img {
    max-width: 140px;
}
.four-col-text-image .listing-pods {
    justify-content: center;
}
.faq-accordion .repeatable.tab-basic .tab .nav-link {
    color: #512178 !important;
    border-color: transparent;
    background: #e3e3f2;
}
.faq-accordion .repeatable.accordion .tab {
    margin: 15px 0 2px;
}
.faq-accordion .repeatable.tab-basic .repeatable-content {
    border-color: transparent;
    background: #e3e3f2;
}
.easy-read .heading,
.easy-read .secondary-heading,
.easy-read h1,
.easy-read h2,
.easy-read h3,
.easy-read h4,
.easy-read h5,
.easy-read h6,
.easy-read p,
.easy-read text {
    color: #2e2e2e !important;
    line-height: 1.4;
}
.easy-read .heading {
    font-size: 46px;
}
.easy-read .secondary-heading {
    font-size: 34px;
}
.easy-read h1 {
    font-size: 70px;
}
.easy-read h2 {
    font-size: 60px;
}
.easy-read h3 {
    font-size: 52px;
}
.easy-read h4 {
    font-size: 50px;
}
.easy-read h5 {
    font-size: 46px;
}
.easy-read h6 {
    font-size: 34px;
}
.easy-read text {
    font-size: 32px;
}
.easy-read p {
    font-size: 32px;
}
.easy-read .btn-bg_base-btn-bg .btn,
.easy-read .btn.base-btn-bg {
    background: #2e2e2e !important;
    border-color: #2e2e2e !important;
    font-size: 34px;
}
.easy-read .btn-bg_base-btn-bg .btn:hover,
.easy-read .btn-bg_base-btn-bg .btn:hover span,
.easy-read .btn.base-btn-bg:hover,
.easy-read .btn.base-btn-bg:hover span {
    background: #000 !important;
    border-color: #000 !important;
}
.text-map-split .component-main {
    background: #fff;
    border-radius: 20px;
}
.text-map-split .component-main .info {
    padding: 40px;
}
.text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block {
    border-radius: 0;
}
.text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-2 {
    padding: 0;
}
@media (min-width: 0) and (max-width: 767px) {
    .text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block.order-2 {
        margin: 0;
    }
}
@media (min-width: 768px) {
    .text-map-split.component.usn_cmp_splitcomponent .component-main > .item.item_block {
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        overflow: hidden;
    }
}
.service-user-story .listing .image img {
    object-fit: cover;
    aspect-ratio: 4/2;
}
@media (min-width: 768px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 4/8;
    }
    .service-user-story .listing .image,
    .service-user-story .listing .image img,
    .service-user-story .listing:not(.listing_window-mosaic) .item.item_has-bg .image,
    .service-user-story .listing:not(.listing_window-mosaic) .item.item_has-bg .image img {
        border-radius: 0 !important;
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 21px !important;
    }
}
@media (min-width: 992px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 3/4;
    }
}
@media (min-width: 1200px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 1/1;
    }
}
@media (min-width: 1600px) {
    .service-user-story .listing .image img {
        object-fit: cover;
        aspect-ratio: 3/2;
    }
}
.four-col-text-cta {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.four-col-text-cta .container {
    padding: 50px;
    border-radius: 20px;
    color: rgba(var(--c6-text), 1);
    background: rgba(var(--c6-bg-color1), 1);
}
.four-col-text-cta .container .heading {
    color: rgba(var(--base-heading), 1) !important;
}
.four-col-text-cta .container .text,
.four-col-text-cta .container .text a {
    color: rgba(var(--c6-text), 1) !important;
}
.four-col-text-cta.component.usn_cmp_ctastrip .text-left .link a.btn,
.four-col-text-cta.component.usn_cmp_ctastrip .text-right .link a.btn {
    margin-bottom: 16px;
}
@media (min-width: 992px) {
    .four-col-text-cta {
        padding-left: 0;
        padding-right: 0;
    }
    .four-col-text-cta .container {
        padding: 80px;
    }
}
.bordered-ctas .item .inner a {
    border-radius: 14px;
    background: #fff;
    height: 100%;
}
.bordered-ctas .listing .item {
    margin-bottom: 20px;
}
.bordered-ctas .listing .item:last-child {
    margin: 0 auto 20px;
}
.bordered-ctas .link .btn.base-btn-bg i.icon.usn_ion-md-open {
    display: none;
}
.bordered-ctas .item.item_text-below.item_has-bg .info,
.item.item_text-above.item_has-bg .info,
.item.item_text-left.item_has-bg .info,
.item.item_text-right.item_has-bg .info {
    padding: 35px;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-self: center;
    justify-content: space-between;
}
.bordered-ctas .purple-large-border.item .inner {
    background: #e3e3f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border.item .inner {
    background: #d4e6f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border.item .inner {
    background: #ffeca2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-ctas .purple-large-border.item:hover .inner {
    background: #512178;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border.item:hover .inner {
    background: #006ba2;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border.item:hover .inner {
    background: #ffce33;
    transition: 0.3s all linear;
}
.bordered-ctas .link .btn.base-btn-bg {
    font-size: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    line-height: 70px;
}
.bordered-ctas .link .btn.base-btn-bg i.icon {
    font-size: 50px;
    line-height: 60px;
}
.bordered-ctas .purple-large-border .link .btn.base-btn-bg {
    border: 5px solid #e3e3f2;
    background: #fff;
}
.bordered-ctas .purple-large-border .link .btn.base-btn-bg i.icon {
    color: #e3e3f2;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border .link .btn.base-btn-bg {
    border: 5px solid #d4e6f2;
    background: #fff;
}
.bordered-ctas .blue-large-border .link .btn.base-btn-bg i.icon {
    color: #d4e6f2;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border .link .btn.base-btn-bg {
    border: 5px solid #ffeca2;
    background: #fff;
}
.bordered-ctas .yellow-large-border .link .btn.base-btn-bg i.icon {
    color: #ffeca2;
    transition: 0.3s all linear;
}
.bordered-ctas .purple-large-border:hover .link .btn.base-btn-bg {
    border: 5px solid #512178;
    background: #fff !important;
}
.bordered-ctas .purple-large-border:hover .link .btn.base-btn-bg i.icon {
    color: #512178;
    transition: 0.3s all linear;
}
.bordered-ctas .blue-large-border:hover .link .btn.base-btn-bg {
    border: 5px solid #006ba2;
    background: #fff !important;
}
.bordered-ctas .blue-large-border:hover .link .btn.base-btn-bg i.icon {
    color: #006ba2;
    transition: 0.3s all linear;
}
.bordered-ctas .yellow-large-border:hover .link .btn.base-btn-bg {
    border: 5px solid #ffce33;
    background: #fff !important;
}
.bordered-ctas a:hover .link .btn.base-btn-bg span {
    background: #fff !important;
}
.bordered-ctas .yellow-large-border:hover .link .btn.base-btn-bg i.icon {
    color: #ffce33;
    transition: 0.3s all linear;
}
@media (min-width: 576px) {
    .bordered-ctas .listing .item {
        margin-bottom: 20px;
    }
    .bordered-ctas .listing .item:last-child {
        margin: 20px auto 0;
    }
}
@media (min-width: 992px) {
    .bordered-ctas .listing .item:last-child {
        margin: 0;
    }
}
.three-col-cards .listing .item {
    margin-bottom: 20px !important;
}
@media (min-width: 576px) {
    .three-col-cards .listing .item {
        margin-bottom: 0 !important;
    }
    .three-col-cards .listing .item:last-child {
        margin: 20px auto 0 !important;
    }
}
@media (min-width: 992px) {
    .three-col-cards .listing .item:last-child {
        margin: 0 !important;
    }
}
.wizard-wrapper .form > .inner {
    padding: 40px 0;
}
.wizard .radiobuttonlist {
    display: flex;
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input + label::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    font-size: 24px;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    height: 100px;
    width: 100px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    box-shadow: none;
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(1n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(2n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(3n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard .doyouneedhelpwith .radiobuttonlist input[type="radio"].radio-input:nth-child(4n) + label::before {
    background-image: url("/media/ob4gsyoa/topimage.png");
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input {
    display: none !important;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:not(:disabled) ~ label {
    cursor: pointer;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:disabled ~ label {
    color: #bcc2bf;
    border-color: #bcc2bf;
    box-shadow: none;
    cursor: not-allowed;
}
.wizard .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label.radio-label {
    height: 200px;
    display: flex;
    background: #fff;
    border: none;
    border-radius: 20px;
    padding: 20px 20px 35px;
    margin-bottom: 1rem;
    text-align: center;
    margin: 0 15px 0 0;
    box-shadow: none;
    justify-content: end;
    align-content: center;
    position: relative;
    flex-direction: column;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:checked + label {
    background: #009c8a;
    color: #fff;
    box-shadow: none;
}
.wizard.umbraco-forms-form .radiobuttonlist input[type="radio"].radio-input:checked + label::after {
    color: #3d3f43;
    font-family: Ionicons;
    border: 2px solid #009c8a;
    content: "\f2bc";
    font-size: 24px;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: none;
}
@media only screen and (max-width: 700px) {
    .wizard .radiobuttonlist {
        flex-direction: column;
    }
}
.progressBar {
    margin-bottom: 26px;
    margin-bottom: 1.66em;
}
.progressBarContainer {
    width: calc(100% - 40px);
    height: 26px;
    height: 1em;
    background: #fff;
    background: #fff;
    overflow: hidden;
    border-radius: 1em;
}
.progressBarValue {
    height: 1em;
    float: left;
    background: #009c8a;
}
.value-00 {
    width: 0;
}
.value-10 {
    width: 10%;
}
.value-20 {
    width: 20%;
}
.value-30 {
    width: 30%;
}
.value-40 {
    width: 40%;
}
.value-50 {
    width: 50%;
}
.value-60 {
    width: 60%;
}
.value-70 {
    width: 70%;
}
.value-80 {
    width: 80%;
}
.value-90 {
    width: 90%;
}
.value-100 {
    width: 100%;
}
.testimonial-pods .quote::before,
.testimonial-pods blockquote::before {
    content: "";
}
.testimonial-pods .item .inner {
    text-align: center;
}
.testimonial-pods .item blockquote {
    margin: 0 5%;
    padding: 0;
}
.testimonial-pods .slick-slider::before {
    content: "";
    background: url(/media/ymkbsix2/quote2.png) no-repeat;
    background-size: contain;
    height: 90px;
    width: 90px;
    position: absolute;
    transform: translateX(-150%) translateY(70%);
}
.testimonial-pods .slick-slider::after {
    content: "";
    background: url(/media/cczjvtb4/quote1.png) no-repeat;
    background-size: contain;
    height: 90px;
    width: 90px;
    position: absolute;
    right: 0;
    transform: translateX(150%) translateY(-130%);
}
.translation-info {
    position: absolute;
    bottom: -60px;
    left: 15px;
    right: 15px;
    background: #009c8a;
    border-radius: 15px;
    padding: 15px 45px 15px 15px;
    font-weight: 400;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
@media only screen and (max-width: 1600px) {
    .translation-info {
        position: absolute;
        bottom: -80px;
    }
}
@media only screen and (min-width: 992px) {
    .trans-info-cont-mob {
        display: none !important;
    }
}
@media only screen and (max-width: 991px) {
    .trans-info-cont-mob .translation-info {
        bottom: -120px;
        z-index: 9999;
    }
}
.translation-info-close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-weight: 900;
}
.translation-info-close:hover {
    cursor: pointer;
}
.staff-carousel {
    overflow: visible;
}
.bordered-related-content .item .inner a {
    border-radius: 14px;
    background: #fff;
    height: 100%;
}
.bordered-related-content .listing .item {
    margin-bottom: 20px;
}
.bordered-related-content .listing .item .info {
    padding: 30px;
}
.bordered-related-content .listing .item .image {
    display: none;
}
.bordered-related-content .listing .item:last-child {
    margin: 0 auto 20px;
}
.bordered-related-content .item.item_text-below.item_has-bg .info,
.item.item_text-above.item_has-bg .info,
.item.item_text-left.item_has-bg .info,
.item.item_text-right.item_has-bg .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 60px;
}
.bordered-related-content .item:nth-child(1) .inner {
    background: #e3e3f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2) .inner {
    background: #d4e6f2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3) .inner {
    background: #ffeca2;
    padding: 20px;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(1):hover .inner {
    background: #512178;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2):hover .inner {
    background: #006ba2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3):hover .inner {
    background: #ffce33;
    transition: 0.3s all linear;
}
.bordered-related-content .link .btn.base-btn-bg {
    font-size: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    line-height: 70px;
}
.bordered-related-content .link .btn.base-btn-bg i.icon {
    font-size: 50px;
    line-height: 60px;
}
.bordered-related-content .item:nth-child(1) .link .btn.base-btn-bg {
    border: 5px solid #e3e3f2;
    background: #fff;
}
.bordered-related-content .item:nth-child(1) .link .btn.base-btn-bg i.icon {
    color: #e3e3f2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2) .link .btn.base-btn-bg {
    border: 5px solid #d4e6f2;
    background: #fff;
}
.bordered-related-content .item:nth-child(2) .link .btn.base-btn-bg i.icon {
    color: #d4e6f2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3) .link .btn.base-btn-bg {
    border: 5px solid #ffeca2;
    background: #fff;
}
.bordered-related-content .item:nth-child(3) .link .btn.base-btn-bg i.icon {
    color: #ffeca2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(1):hover .link .btn.base-btn-bg {
    border: 5px solid #512178;
    background: #fff !important;
}
.bordered-related-content .item:nth-child(1):hover .link .btn.base-btn-bg i.icon {
    color: #512178;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(2):hover .link .btn.base-btn-bg {
    border: 5px solid #006ba2;
    background: #fff !important;
}
.bordered-related-content .item:nth-child(2):hover .link .btn.base-btn-bg i.icon {
    color: #006ba2;
    transition: 0.3s all linear;
}
.bordered-related-content .item:nth-child(3):hover .link .btn.base-btn-bg {
    border: 5px solid #ffce33;
    background: #fff !important;
}
.bordered-related-content a:hover .link .btn.base-btn-bg span {
    background: #fff !important;
}
.bordered-related-content .item:nth-child(3):hover .link .btn.base-btn-bg i.icon {
    color: #ffce33;
    transition: 0.3s all linear;
}
@media (min-width: 576px) {
    .bordered-related-content .listing .item {
        margin-bottom: 0;
    }
    .bordered-related-content .listing .item:last-child {
        margin: 20px auto 0;
    }
}
@media (min-width: 992px) {
    .bordered-related-content .listing .item:last-child {
        margin: 0;
    }
}
.item.usn_pod_searchlinks .heading + .site-search,
.item.usn_pod_searchlinks .heading + nav.quick-links,
.item.usn_pod_searchlinks .secondary-heading + .site-search,
.item.usn_pod_searchlinks .secondary-heading + nav.quick-links {
    margin-top: 15px;
}
@media (max-width: 767px) {
    .usn_cmp_gridlayout .grid-section .column ul {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 25px;
    }
}
.eligibility .umbraco-forms-navigation .col-md-12 {

}

.eligibility fieldset {
    margin: 0px 0px 10px 0px;
}

.eligibility .umbraco-forms-navigation .col-md-12 button {
    margin: 0 auto 80px;
}
.eligibility .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist {
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
    align-content: start;
    width: 100%;
    max-width: 560px;
    padding: 0px;
}

.eligibility .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist label {
    padding: 20px;
    margin: 10px;
    text-align: center;
    background: #fff;
    flex: 1;
    min-width: 250px;
    margin: 20px 5px 10px 5px;
    flex-direction: row;
    border-radius: 20px;
    height: 130px;
    display: flex;
    color: #512178;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

@media (min-width: 992px){
   .eligibility .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist label {
    margin: 20px 20px 10px 0px; 
   }
    
}



.eligibility .btn.next {
    background: #006ba2!important;
    border-color: #006ba2!important;
}

.eligibility .c3-link, .eligibility .c3-link, .eligibility .c3-bg a:not(.btn), .eligibility a:not(.btn), .eligibility .c3-bg .c3-text a:not(.btn) {
    color: #006ba2!important;
    font-weight: bold!important;
}

span.btn-green a {
    background: #009c8a;
    padding: 14px 30px;
    border-radius: 50px;
    border: none;
    text-decoration: none !important;
    display: table;
    text-decoration-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 5px 0;
    line-height: 1;
    font-family: var(--btn-typography_font-name);
    font-weight: var(--btn-typography_font-weight);
    font-style: var(--btn-typography_font-style);
    line-height: var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);
    font-size: var(--btn-typography_font-size_lg);
    color: #fff !important;
}
span.btn-blue a {
    background: #006ba2;
    padding: 14px 30px;
    border-radius: 50px;
    border: none;
    text-decoration: none !important;
    display: table;
    text-decoration-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 5px 0;
    line-height: 1;
    font-family: var(--btn-typography_font-name);
    font-weight: var(--btn-typography_font-weight);
    font-style: var(--btn-typography_font-style);
    line-height: var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);
    font-size: var(--btn-typography_font-size_lg);
    color: #fff !important;
}
span.btn-download a {
    background: 0 0;
    padding: 0 40px 0 5px;
    border: none;
    text-decoration: none !important;
    display: table;
    text-decoration-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 1;
    margin: 5px 0;
    line-height: 1;
    font-family: var(--btn-typography_font-name);
    font-weight: 700;
    font-style: var(--btn-typography_font-style);
    line-height: var(--btn-typography_font-line-height);
    letter-spacing: var(--btn-typography_font-letter-spacing);
    text-transform: var(--btn-typography_font-transform);
    font-size: var(--btn-typography_font-size_lg);
    color: #006ba2 !important;
}
span.btn-download a:after {
    content: "\f118";
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    height: 30px;
    width: 30px;
    font-family: Ionicons;
    speak: none;
    font-size: 36px;
}

.contact-page .info h1.heading {
   margin: 40px 0px 20px!important;
}
.contact-page section.content section.content.component .component-introduction {
    padding-bottom: 20px!important;
}
.contact-page .listing.listing_data-list .item > .title > span.text-right {
    font-size: 17px;
}

@media (min-width: 1200px) {
    .contact-page .col-xl-3 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

p.home-intro-welsh-desc {
padding: 30px 0 0;
    margin: 0;
}

.page-title {
    margin-top: 50px;
}

.main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
    height: auto!important;
    min-height:320px!important;
}
    
@media (min-width: 567px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
        height: auto!important;
        min-height:240px!important;
    }
}

@media (min-width: 768px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
        height: auto!important;
        min-height: 280px!important;
    }
        
    .main-banner.component.usn_cmp_banner .item.donation-banner .info {
        padding-top: 50px!important;
    }
}

@media (min-width: 992px) {
    .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .container, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .image .video, .main-banner.component.usn_cmp_banner .item.item_medium-banner.donation-banner .row {
        height: auto!important;
        min-height: 360px!important;
    }
        
    .main-banner.component.usn_cmp_banner .item.donation-banner .info {
        padding-top: 80px!important;
    }
}



        .freeprivacypolicy-com---palette-dark.freeprivacypolicy-com---nb, .termsfeed-com---palette-dark.termsfeed-com---nb {
            color: #fff!important;
            background-color: #006ba2!important;
        }

        .freeprivacypolicy-com---nb-headline, .termsfeed-com---nb-headline {
            right: 0!important;
            top: auto!important;
            bottom: 0 !important;
            left: 0;
            max-width: 100%;
            position: fixed;
            z-index: 999999;
        }

        .freeprivacypolicy-com---palette-dark .cc-nb-reject, .termsfeed-com---palette-dark .cc-nb-reject {
            color: #000!important;
            margin-bottom: 6px!important;
            background-color: #eaeaea!important;
        }

        .freeprivacypolicy-com---nb .cc-nb-main-container, .termsfeed-com---nb .cc-nb-main-container {
            padding: 1.5rem!important;
        }

        .freeprivacypolicy-com---reset p, .termsfeed-com---reset p {
            margin-top: 0!important;
            margin-bottom: 0!important;
        }

        .freeprivacypolicy-com---nb .cc-nb-text,  .termsfeed-com---nb .cc-nb-text {
            font-size: 16px!important;
            margin: 0 0 .8rem 0!important;
        }

        .freeprivacypolicy-com---palette-dark .cc-cp-foot-save,  .termsfeed-com---palette-dark .cc-cp-foot-save {
            background: #009c8a!important;
            color: #fff!important;
        }

        .freeprivacypolicy-com---palette-dark .cc-nb-okagree, .termsfeed-com---palette-dark .cc-nb-okagree {
            color: #fff!important;
            margin-bottom: 6px!important;
            background-color: #009c8a !important;
        }
        
        
        
 /* Wizard Styles continued */    
:root {
  --radio-label-color: #009C8A;
}



.eligibilitywizard .radio-label {
  font-family: system-ui, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
}

.eligibilitywizard .radio-label + .radio-label{
  margin-top: 1em;
}

.eligibilitywizard .radio-label:focus-within {
  color: var(--radio-label-color);
}

.eligibilitywizard .radio-label input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #009C8A;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

.eligibilitywizard .radio-label input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--radio-label-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

.eligibilitywizard .radio-label input[type="radio"]:checked::before {
  transform: scale(1);
}

.eligibilitywizard .radio-label input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

/* Wizard Step 1 */
.wouldyoufinditrewardingtosupportpeopletoliveafulllife {
    width: 100%;
    position: relative;
}

.wouldyoufinditrewardingtosupportpeopletoliveafulllife:after {
    background-image: url(https://www.ategi.org.uk/media/rcmiru4t/q1-support-someone.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife {
        width: 100%;
        position: relative;
    }
  .wouldyoufinditrewardingtosupportpeopletoliveafulllife label {
    max-width: 80%;
}
  
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife {
        width: 100%;
        position: relative;
        min-height: 300px;
    }
    .wouldyoufinditrewardingtosupportpeopletoliveafulllife label {
    max-width: 50%;
}  

    .wouldyoufinditrewardingtosupportpeopletoliveafulllife:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}



/* Wizard Step 2 */
.doyouwanttosupportsomeonefromyourhome {
    width: 100%;
    position: relative;
}


.doyouwanttosupportsomeonefromyourhome:after {
    background-image: url(https://www.ategi.org.uk/media/xgwnc43s/q2-own-home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouwanttosupportsomeonefromyourhome {
        width: 100%;
        position: relative;
    }
    
.doyouwanttosupportsomeonefromyourhome label {
    max-width: 80%;
}
    .doyouwanttosupportsomeonefromyourhome:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouwanttosupportsomeonefromyourhome {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
.doyouwanttosupportsomeonefromyourhome label {
    max-width: 50%;
}    
    .doyouwanttosupportsomeonefromyourhome:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}



/* Wizard Step 3 */
.areyouempatheticflexibleandkeentolearn {
    width: 100%;
    position: relative;
}


.areyouempatheticflexibleandkeentolearn:after {
    background-image: url(https://www.ategi.org.uk/media/o0rj5345/q3-empatheticjpg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .areyouempatheticflexibleandkeentolearn {
        width: 100%;
        position: relative;
    }
    .areyouempatheticflexibleandkeentolearn label {
        max-width: 80%;
    }

    .areyouempatheticflexibleandkeentolearn:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .areyouempatheticflexibleandkeentolearn {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
        .areyouempatheticflexibleandkeentolearn label {
    max-width: 50%;
}

    .areyouempatheticflexibleandkeentolearn:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}




/* Wizard Step 4 */
.doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole {
    width: 100%;
    position: relative;
}



.doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole:after {
    background-image: url(https://www.ategi.org.uk/media/5c4nmimd/q4-experience-care.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole {
        width: 100%;
        position: relative;
    }
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole label, .areyoukeentolearnhowtosupportpeoplewithdifferentneeds label {
        max-width: 80%;
    }
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
        .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole label, .areyoukeentolearnhowtosupportpeoplewithdifferentneeds label {
    max-width: 50%;
}
    .doyouhaveexperienceofprovidingcaresupportorhelpingpeoplewitheverydaytasksthiscouldbeparentingcaringforafamilymemberorinacaringrole:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}




/* Wizard Step 5 */
.doyouhavetimetosupportsomeone {
    width: 100%;
    position: relative;
}

.doyouhavetimetosupportsomeone:after {
    background-image: url(https://www.ategi.org.uk/media/2tfc0k5r/do-you-have-time-to-support-someone.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouhavetimetosupportsomeone {
        width: 100%;
        position: relative;
    }
    .doyouhavetimetosupportsomeone label {
        max-width: 80%;
    }
    .doyouhavetimetosupportsomeone:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouhavetimetosupportsomeone {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .doyouhavetimetosupportsomeone label {
        max-width: 50%;
    }
    .doyouhavetimetosupportsomeone:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}




/* Wizard Step 6 */
.doyouhaveaspareroom {
    width: 100%;
    position: relative;
}

.doyouhaveaspareroom:after {
    background-image: url(https://www.ategi.org.uk/media/bxffd5jd/do-you-have-a-spare-room.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .doyouhaveaspareroom {
        width: 100%;
        position: relative;
    }
    .doyouhaveaspareroom label {
        max-width: 80%;
    }
    .doyouhaveaspareroom:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .doyouhaveaspareroom {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .doyouhaveaspareroom label {
        max-width: 50%;
    }
    .doyouhaveaspareroom:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}


/* Wizard Step 7 */
.youonlyhaveaspareroom {
    width: 100%;
    position: relative;
}

.youonlyhaveaspareroom:after {
    background-image: url(https://www.ategi.org.uk/media/1hrboink/not-a-shared-lives-carer-but-could-be-a-support-worker.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .youonlyhaveaspareroom {
        width: 100%;
        position: relative;
    }
    .youonlyhaveaspareroom label, #de51e609-0da5-4377-c3d2-583c3a7a5aaf {
        max-width: 80%;
    }
    .youonlyhaveaspareroom:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .youonlyhaveaspareroom {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .youonlyhaveaspareroom label, #de51e609-0da5-4377-c3d2-583c3a7a5aaf {
        max-width: 50%;
    }
    .youonlyhaveaspareroom:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}


/* Wizard Step 8 */
.youareeligible {
    width: 100%;
    position: relative;
}

.youareeligible:after {
    background-image: url(https://www.ategi.org.uk/media/rzopskyi/youve-got-what-it-takes.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 340px;
    width: 100%;
    max-width: calc(100% - 5px);
    display: block;
    background-position: top right;
    position: relative;
    content: '';
    left: 5px;
    top: 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

@media (min-width:992px) {
    .youareeligible {
        width: 100%;
        position: relative;
    }
    .youareeligible #e8b9945f-86e0-4c0f-c3ae-1f184172945f {
        max-width: 50%;
    }
    .youareeligible:after {
        min-height:380px;
        width: 75%;
        max-width: 560px;
        display: block;
        position: relative;
        content: '';
        left: 0px;
        top: 20px;
        margin-bottom: 30px;
        border-radius: 15px;
    }
}

@media (min-width: 1200px) {
    .youareeligible {
        width: 100%;
        position: relative;
        min-height: 290px;
    }
    .youareeligible #e8b9945f-86e0-4c0f-c3ae-1f184172945f {
        max-width: 50%;
    }
    .youareeligible:after {
        min-height: 310px;
        width: 460px;
        min-width: 400px;
        position: absolute;
        left: auto;
        right: 40px;
        margin: 0;
    }
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label, .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {
    display: inline-flex;
    flex-direction: row;
    cursor: pointer;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper input, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper input, .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper input {
    order: 1;
    margin-right: 10px;
}

.umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper span, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper span, .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper span {
    order: 2;
}


.footer .text a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    color: white;
}

.footer-logo-images {
    padding-top: 60px!important;
}

.footer-logo-images .listing {
    justify-content: center;
}
.footer-logo-images .listing .item {
    display: flex;
    justify-content: start;
}

.footer-logo-images .listing .item .image {
    align-self: center;
    border-radius: 0!important;
    padding: 0px;
}

.footer-logo-images .listing .item .image img {
    max-width: 100%;
    max-height: 70px;
    border-radius: 0!important;
}

@media (min-width: 576px){
    .footer-logo-images .listing .item {
        display: flex;
        justify-content: center;
    }
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-2);
        -ms-flex: 0 0 var(--items-2);
        max-width: var(--items-2);
    }
}

@media (min-width: 768px){
    .footer-logo-images .listing .item {
        display: flex;
        justify-content: center;
    }
    .footer-logo-images .listing .item .image {
        padding: 10px;
    }
   .footer-logo-images .listing .item {
        margin-bottom: 20px;
    }
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-4);
        -ms-flex: 0 0 var(--items-4);
        max-width: var(--items-4);
    }
}

@media (min-width:992px){
    .footer-logo-images .listing .item {
        display: flex;
        justify-content: center;
    }
    .footer-logo-images .listing .item .image {
        padding: 20px;
    }
    .footer-logo-images .listing .item .image img {
        max-width: 100%;
        max-height: 100px;
        border-radius: 0!important;
    }
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-4);
        -ms-flex: 0 0 var(--items-4);
        max-width: var(--items-4);
    }
}

@media (min-width:1200px){
    .footer-logo-images .row:not(.slides):not(.listing_window-mosaic) .item.items-7 {
        flex: 0 0 var(--items-7);
        -ms-flex: 0 0 var(--items-7);
        max-width: var(--items-7);
    }
}

.hero-home-banner.component.usn_cmp_banner{
    padding-bottom: 0px !important;
}

.hero-home-banner .inner {
    margin-top: 60px !important;
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
}

.hero-home-banner.component.usn_cmp_banner .item .info.col {
    max-width: 50% !important;
}

.hero-home-banner .row {
    position: sticky !important;
    bottom: 0px !important;
    left: auto !important;
    width: auto !important;
    transform: none !important;
}

.hero-home-banner .c2-bg.c2-bg-solid {
    background: none !important;
}

.image-mid-content-link {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
}
.image-mid-content-link-positioner {
    position: relative;
}

/*Umbraco Worker Form*/
.umbraco-forms .fasttracksupportworkerapplication  .radiobuttonlist{
	float: unset;

}