/*  
---------------------------------------------------
Author: uSkinned
License: uSkinned Commercial License (https://uSkinned.net/license)
---------------------------------------------------  
*/

/*  
---------------------------------------------------
Contents

1. Font Imports
2. Global non-generated variables
3. Global generated variables
---------------------------------------------------  
*/



: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;
    

    /* 
    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: 45px;
    --backtotop-size_lg: 60px;
    
    --backtotop-spacing_side_sm: 0px;
    --backtotop-spacing_below_sm: 0px;
    --backtotop-spacing_side_lg: 0px;
    --backtotop-spacing_below_lg: 0px;

    --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: 60px;
    --large-header: 110px;

    --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: 30px;
    --base-half-spacing: 15px;
    --base-border-width: 1px;
    --base-border-radius: 0px;

    --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: 15px;
    --pc-spacing: 30px;
    --pc-spacing_sm: 30px;
    --pc-spacing_md: 40px;
    --pc-spacing_lg: 50px;
    --pc-spacing_xl: 60px;

    --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: 100%;
    --center-col_lg: 80%;
    --center-col_xl: 70%;

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

    --form-field-border-width: 1px;
    --form-field-border-radius: 0px;

    --btn-border-width: 1px;
    --btn-border-radius: 0px;

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

    --btn_sm-padding_top: 6px;
    --btn_sm-padding_right: 20px;
    --btn_sm-padding_bottom: 6px;
    --btn_sm-padding_left: 0px;

    --btn-padding_top: 8px;
    --btn-padding_right: 20px;
    --btn-padding_bottom: 8px;
    --btn-padding_left: 20px;

    --btn_lg-padding_top:  10px;
    --btn_lg-padding_right:  20px;
    --btn_lg-padding_bottom:  10px;
    --btn_lg-padding_left:  20px;

    /* Colors tab */
    
    /* Body */
    --body-bg-color1: 210, 206, 198;
    --body-bg-color2:  0, 0, 0;
    --body-bg-start-perc: 50%;
    --body-bg-stop-perc: 50%;
    --body-bg-angle: 90deg;
    
    /* Header */
    --header-bg-color1: 71, 74, 70;
    --header-bg-color2:  29, 29, 29;
    --header-bg-start-perc: 50%;
    --header-bg-stop-perc: 50%;
    --header-bg-angle: 90deg;
    --header-text: 255, 255, 255;
    --header-borders: 204, 204, 204;
    --header-highlight: 86, 118, 50;
    
    /* Main Navigation */
    --main-navigation-link: 255, 255, 255;
    --main-navigation-link-hover: 86, 118, 50;
    --main-navigation-link-active: 86, 118, 50;

    /* Logo */
    --logo-link: 210, 206, 198;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 255, 255, 255;
    --secondary-navigation-link-hover: 108, 108, 108;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 216, 216, 216;
    --navigation-dropdown-color2:  0, 0, 0;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 2, 0, 0;
    --navigation-dropdown-link-hover: 108, 108, 108;
    --navigation-dropdown-link-active: 108, 108, 108;
    
    /* Content */
    --base-bg-color1: 71, 74, 70;
    --base-bg-color2:  0, 0, 0;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 71, 74, 70;
    --base-secondary-heading: 71, 74, 70;
    --base-text: 71, 74, 70;
    --base-link: 71, 74, 70;
    --base-link-hover: 210, 206, 198;
    --base-borders: 210, 206, 198;
    --base-highlight: 210, 206, 198;
    --base-highlight-text: 29, 29, 29;
    
    /* Button */
    --base-btn-bg-color1: 86, 118, 50;
    --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: 86, 118, 50;
    --base-btn-bg-hover-color1: 210, 206, 198;
    --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: 71, 74, 70;
    --base-btn-borders-hover: 210, 206, 198;
    
    /* Footer */
    --footer-bg-color1: 71, 74, 70;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 71, 74, 70;
    --footer-secondary-heading: 210, 206, 198;
    --footer-text: 210, 206, 198;
    --footer-link: 210, 206, 198;
    --footer-link-hover: 55, 78, 66;
    --footer-borders: 210, 206, 198;
    --footer-highlight: 71, 74, 70;

    --c1-bg-color1: 29, 29, 29;
--c1-bg-color2:  0, 0, 0;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 255, 255, 255;
--c1-secondary-heading: 255, 255, 255;
--c1-text: 238, 238, 238;
--c1-link: 255, 255, 255;
--c1-link-hover: 204, 204, 204;
--c1-borders: 255, 255, 255;
--c1-highlight: 255, 255, 255;
--c1-highlight-text: 29, 29, 29;
--c2-bg-color1: 216, 216, 216;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 0, 0, 0;
--c2-secondary-heading: 0, 0, 0;
--c2-text: 0, 0, 0;
--c2-link: 0, 0, 0;
--c2-link-hover: 108, 108, 108;
--c2-borders: 0, 0, 0;
--c2-highlight: 108, 108, 108;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 210, 206, 198;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 0, 0, 0;
--c3-secondary-heading: 0, 0, 0;
--c3-text: 0, 0, 0;
--c3-link: 0, 0, 0;
--c3-link-hover: 108, 108, 108;
--c3-borders: 0, 0, 0;
--c3-highlight: 108, 108, 108;
--c3-highlight-text: 210, 206, 198;


    --c1-btn-bg-color1:  71, 74, 70;
--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: 255, 255, 255;
--c1-btn-borders: 71, 74, 70;
--c1-btn-bg-hover-color1:  210, 206, 198;
--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: 71, 74, 70;
--c1-btn-borders-hover: 71, 74, 70;
--c2-btn-bg-color1:  170, 165, 158;
--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: 71, 74, 70;
--c2-btn-borders: 170, 165, 158;
--c2-btn-bg-hover-color1:  71, 74, 70;
--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: 170, 165, 158;
--c2-btn-borders-hover: 71, 74, 70;
--c3-btn-bg-color1:  86, 118, 50;
--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: 255, 255, 255;
--c3-btn-borders: 86, 118, 50;
--c3-btn-bg-hover-color1:  210, 206, 198;
--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: 33, 26, 20;
--c3-btn-borders-hover: 210, 206, 198;
--c4-btn-bg-color1:  71, 74, 70;
--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: 71, 74, 70;
--c4-btn-bg-hover-color1:  210, 206, 198;
--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: 71, 74, 70;
--c4-btn-borders-hover: 210, 206, 198;


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

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

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

    --h1-typography_font-size: 30px; 
    --h1-typography_font-size_sm: 35px; 
    --h1-typography_font-size_md: 40px; 
    --h1-typography_font-size_lg: 45px; 
    --h1-typography_font-size_xl: 50px; 

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

    --h2-typography_font-size: 40px; 
    --h2-typography_font-size_sm: 40px; 
    --h2-typography_font-size_md: 50px; 
    --h2-typography_font-size_lg: 50px; 
    --h2-typography_font-size_xl: 50px; 

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

    --h3-typography_font-size: 28px; 
    --h3-typography_font-size_sm: 28px; 
    --h3-typography_font-size_md: 28px; 
    --h3-typography_font-size_lg: 28px; 
    --h3-typography_font-size_xl: 28px; 

    --h4-typography_font-name: 'Helvetica',Arial, 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: 24px; 
    --h4-typography_font-size_sm: 26px; 
    --h4-typography_font-size_md: 28px; 
    --h4-typography_font-size_lg: 30px; 
    --h4-typography_font-size_xl: 34px; 

    --h5-typography_font-name: 'Helvetica',Arial, 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: 22px; 
    --h5-typography_font-size_sm: 24px; 
    --h5-typography_font-size_md: 26px; 
    --h5-typography_font-size_lg: 28px; 
    --h5-typography_font-size_xl: 28px; 

    --h6-typography_font-name: 'Helvetica',Arial, 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: 20px; 
    --h6-typography_font-size_sm: 22px; 
    --h6-typography_font-size_md: 22px; 
    --h6-typography_font-size_lg: 24px; 
    --h6-typography_font-size_xl: 24px; 

    --p-heading-typography_font-name: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 'Helvetica',Arial, 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: 32px; 
    --p-heading_large-typography_font-size_xl: 34px; 

    --p-intro-typography_font-name: 'Helvetica',Arial, 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: 22px; 
    --p-intro-typography_font-size_lg: 22px; 
    --p-intro-typography_font-size_xl: 22px; 

    --p-intro_small-typography_font-name: 'Helvetica',Arial, 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: 20px; 
    --p-intro_small-typography_font-size_lg: 20px; 
    --p-intro_small-typography_font-size_xl: 20px;  

    --p-intro_large-typography_font-name: 'Helvetica',Arial, 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: 26px; 
    --p-intro_large-typography_font-size_lg: 26px; 
    --p-intro_large-typography_font-size_xl: 26px;  

    --secondary-heading-typography_font-name: 'Helvetica',Arial, 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: 1.5px;
    --secondary-heading-typography_font-transform: None;

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

    --secondary-heading_small-typography_font-name: 'Helvetica',Arial, 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: 1.5px;
    --secondary-heading_small-typography_font-transform: None;

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

    --secondary-heading_large-typography_font-name: 'Helvetica',Arial, 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: 1.5px;
    --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: 18px; 
    --secondary-heading_large-typography_font-size_lg: 18px; 
    --secondary-heading_large-typography_font-size_xl: 18px;  

    --blockquote-typography_font-name: 'Helvetica',Arial, sans-serif;
    --blockquote-typography_font-weight: 700;
    --blockquote-typography_font-style: italic;
    --blockquote-typography_font-line-height: 140%;
    --blockquote-typography_font-letter-spacing: -0.25px;
    --blockquote-typography_font-transform: None;

    --blockquote-typography_font-size: 22px; 
    --blockquote-typography_font-size_sm: 22px; 
    --blockquote-typography_font-size_md: 22px; 
    --blockquote-typography_font-size_lg: 22px; 
    --blockquote-typography_font-size_xl: 22px;  

    --blockquote_small-typography_font-name: 'Helvetica',Arial, sans-serif;
    --blockquote_small-typography_font-weight: 700;
    --blockquote_small-typography_font-style: italic;
    --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: 18px; 
    --blockquote_small-typography_font-size_lg: 18px; 
    --blockquote_small-typography_font-size_xl: 18px;  

    --blockquote_large-typography_font-name: 'Helvetica',Arial, sans-serif;
    --blockquote_large-typography_font-weight: 700;
    --blockquote_large-typography_font-style: italic;
    --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: 26px; 
    --blockquote_large-typography_font-size_lg: 26px; 
    --blockquote_large-typography_font-size_xl: 26px;  

    --btn-typography_font-name: 'Helvetica',Arial, sans-serif;
    --btn-typography_font-weight: 400;
    --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: 16px; 
    --btn-typography_font-size_lg: 16px; 
    --btn-typography_font-size_xl: 16px;  

    --btn_small-typography_font-name: 'Helvetica',Arial, sans-serif;
    --btn_small-typography_font-weight: 400;
    --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: 12px; 
    --btn_small-typography_font-size_sm: 12px; 
    --btn_small-typography_font-size_md: 12px; 
    --btn_small-typography_font-size_lg: 12px; 
    --btn_small-typography_font-size_xl: 12px;   

    --btn_large-typography_font-name: 'Helvetica',Arial, sans-serif;
    --btn_large-typography_font-weight: 400;
    --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: 20px; 
    --btn_large-typography_font-size_sm: 20px; 
    --btn_large-typography_font-size_md: 20px; 
    --btn_large-typography_font-size_lg: 20px; 
    --btn_large-typography_font-size_xl: 20px;  

    --main-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --main-navigation-typography_font-weight: 400;
    --main-navigation-typography_font-style: normal;
    --main-navigation-typography_font-line-height: 100%;
    --main-navigation-typography_font-letter-spacing: 0.5px;
    --main-navigation-typography_font-transform: None;

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

    --main-navigation_dropdowns-typography_font-name: 'Helvetica',Arial, sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 400;
    --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: 14px; 
    --main-navigation_dropdowns-typography_font-size_sm: 14px; 
    --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: 'Helvetica',Arial, sans-serif;
    --secondary-navigation-typography_font-weight: 400;
    --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: 16px; 
    --secondary-navigation-typography_font-size_sm: 16px; 
    --secondary-navigation-typography_font-size_md: 16px; 
    --secondary-navigation-typography_font-size_lg: 16px; 
    --secondary-navigation-typography_font-size_xl: 16px;  

    --sub-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --sub-navigation-typography_font-weight: 400;
    --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: 16px; 
    --sub-navigation-typography_font-size_lg: 16px; 
    --sub-navigation-typography_font-size_xl: 16px;  

    --footer-navigation-typography_font-name: 'Helvetica',Arial, 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: 0.5px;
    --footer-navigation-typography_font-transform: None;

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

    --breadcrumb-navigation-typography_font-name: 'Helvetica',Arial, 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: 14px; 
    --breadcrumb-navigation-typography_font-size_sm: 14px; 
    --breadcrumb-navigation-typography_font-size_md: 14px; 
    --breadcrumb-navigation-typography_font-size_lg: 14px; 
    --breadcrumb-navigation-typography_font-size_xl: 14px;  

    --anchor-navigation-typography_font-name: 'Helvetica',Arial, sans-serif;
    --anchor-navigation-typography_font-weight: 400;
    --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: 16px; 
    --anchor-navigation-typography_font-size_sm: 16px; 
    --anchor-navigation-typography_font-size_md: 16px; 
    --anchor-navigation-typography_font-size_lg: 16px; 
    --anchor-navigation-typography_font-size_xl: 16px;  

    --acc-tab-typography_font-name: 'Helvetica',Arial, sans-serif;
    --acc-tab-typography_font-weight: 400;
    --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: 16px; 
    --acc-tab-typography_font-size_sm: 16px; 
    --acc-tab-typography_font-size_md: 16px; 
    --acc-tab-typography_font-size_lg: 16px; 
    --acc-tab-typography_font-size_xl: 16px;
    
    --logo-typography_font-name: 'Helvetica',Arial, sans-serif;
    --logo-typography_font-weight: 700;
    --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-bg 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 { 
    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-bg 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 { 
    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-bg 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 { 
    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 - 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); 
}





@font-face {
    font-family: 'acrom';
    src: url('/fonts/acrom-bold.woff2') format('woff2'),
         url('/fonts/acrom-bold.woff') format('woff');
        font-weight: bold;
        font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('/fonts/Montserrat-VariableFont_wght.woff2') format('woff2'),
         url('/fonts/Montserrat-VariableFont_wght.woff') format('woff');
         font-style: normal;
}

/*
--------------------------------------------------

OVERRIDES

-------------------------------------------------- 
*/

.age-wall .inner .content h2 {
    color: #ffffff !important;
}

.age-wall .inner .content p {
    color: #ffffff !important;
}

.age-wall button {
    background: #D2CEC6 !important;
}

.age-wall button[js-notallowed] {
    background: #567632 !important;
}

.heading {
    font-weight: bold;
}

.box-links .instagram p.heading.base-heading:before {
    content: url(/media/icon-instagram.svg);
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    background: transparent;
}

.box-links .facebook p.heading.base-heading:before {
    content: url(/media/icon-facebook.svg);
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    background: transparent;
}

.box-links a{
        background: #1D1D1D;
    box-shadow: 0 3px 6px rgb(0 0 0 / 50%);
    padding: 100px 30px;
}

.box-links a .base-text{
    font-size: 24px;
    color: #D2CEC6;
}

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

.usn-notification.position-left p {
    color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px){
   footer#site-footer .footer-item:not(.col-lg-1):not(.col-lg-2):not(.col-lg-3) .quick-links ul li {
   flex: 0 0 50%;
       
   } 
}

/*header#site-header #logo picture, header#site-header #logo img {*/
/*    max-height: 5.5rem !important;*/
/*}*/

header#site-header .container-fluid{
    padding-right: 45px;
}

@media (max-width:992px) { 

    header#site-header .container-fluid{
        padding-right: 30px;
        padding-left: 30px;
    }

}


/* FLOATED LIST CUSTOM COMPONENT */


.floated-list{
    text-align: center;
    margin: 0;
}

.floated-list > *{
    display: inline-block;
    list-style-type: none;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.floated-list > *:before{
    content: '';
    background: url(/assets/check-mark.svg);
    width: 18px;
    height: 14px;
    background-size: contain;
    display: inline-block;
    margin-right: 4px;
}



@media (max-width:992px) { 

    .floated-list > *{
        display: block;
        margin-right: 0!important;
        margin-bottom: .5em;
    }

}




#site-footer .quick-links li{
    display: inline;
    text-transform: uppercase;
}

footer#site-footer .footer-link, footer#site-footer a:not(.btn) {
    color:#474A46 !important;
}



.component-introduction .info{
    max-width: 500px!important;
}







/* HOVER EFFECT BOXES */


.hover-effect-boxes h3{
    color: #F2C200!important;
    font-size: 36px;
}

.hover-effect-boxes.contain .listing.listing_window-mosaic:not(.listing_no-spacing) .item .inner .image{
    height: 370px;
    background-size: contain;
}

.hover-effect-boxes.contain  .container .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item .inner{
    padding-top: 370px;
}


.hover-effect-boxes.contain .container .listing.listing_window-mosaic.basic-windows.windows-4:not(.listing_no-spacing) .item{
    height: 370px;
}

.hover-effect-boxes .item.item_overlay .inner .image.c1-bg::before{
    background: rgba(29,29,29,.8)!important;

}


.hover-effect-boxes.contain .image a:hover img, a:hover .image img, .item a:hover .image.background-image{
    transform: scale(1);
}

.item.item_overlay .image::before{
    opacity: .85;
}

@media (min-width:993px) { 
.hover-effect-boxes .component-main .info{
    opacity: 0;

    	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hover-effect-boxes .component-main a:hover .info{
    opacity: 1;
}


.hover-effect-boxes .item.item_overlay .inner .image.c1-bg::before{
    background: rgba(29,29,29,0)!important;

    	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hover-effect-boxes .item.item_overlay .inner a:hover .image.c1-bg::before{
    background: rgba(29,29,29,.8)!important;
}
}


.light-bg header#site-header a.expand span:before,
.light-bg header#site-header a.expand span,
.light-bg header#site-header a.expand span:after{
    background-color: #020000;
}


.light-bg header#site-header a.active.expand span:before,
.light-bg header#site-header a.active.expand span:after{
    background-color: #ecbb07;
}

/* HERO BANNER */

.component.usn_cmp_banner .item .info.col{
    max-width: 650px!important;
    height: fit-content;
}

body.transparent-header-lg:not(.no-header) .component.usn_cmp_banner .item.item_medium-banner .info {
    padding: 0 !important;
}


.item_takeover-banner h1.heading.main,
.item_medium-banner h1{
    font-size: 54px;
    line-height: 1em;
    color: #ffffff !important;
    font-weight:bold !important;
    letter-spacing: -0.15rem;
}

.item_takeover-banner p.secondary-heading{
    font-size: 48px;
    color: #ffffff !important;
}

.item_takeover-banner p.secondary-heading + .text{
    margin-top: 35px!important;
}


@media (min-width: 0) and (max-width: 991px) { 

    body:not(.header-03-sm) nav.main ul li {
        border: none;
        text-align: center;
    }

    body:not(.header-03-sm) nav.main>ul {
        border: none
    }

    body.header-01-sm header#site-header nav.cta-links{
        display: none;
    }
    
    .component.usn_cmp_banner {
        margin-top: -60px;
    }

    html.no-touch nav.main ul li:hover>span::before, nav.main ul li:focus>span::before, nav.main ul li:active>span::before, nav.main ul li.active>span::before, nav.main ul li.open-child_mobile>span::before, nav.main ul li:not(.active).open-child>span::before{
        width: 0;
    }

}


.base-text .p1 img{
    width: auto;
}


/* HEADER */


body.header-03-lg header#site-header .row{
    padding-top: 0!important;
}



@media (min-width:992px) { 


    body.header-03-lg header#site-header #logo {
        position: absolute;
        left: 0;
        z-index: 501;
        transform: none;
        -ms-flex-order: 2;
        order: 1;
    }


    html[dir="ltr"] body.header-03-lg header#site-header nav.cta-links {
        margin-right: 0;
        right: 115px;
        margin-left: auto;
        left: auto;
    }

    /*header#site-header #logo picture, header#site-header #logo img {*/
    /*    max-height: 95px !important;*/
    /*}*/

}

.component.usn_cmp_banner .item .inner::before{
    opacity: .5;
}


/* ANCHORS */


.component.usn_cmp_anchornavigation nav.tab-underline ul.nav.justify-content-center li.nav-item{
    font-weight: 700;
    margin: 0 10px;

}

.base-bg.base-bg-solid{
    background: transparent!important;
}


body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):hover .heading,
body.content-underline-link-hover #site-content .item a:not(.btn):not(.nav-button-link):focus .heading{
 text-decoration: none!important;
}


.custom-3-col .item{
    padding-left: 30px!important;
    padding-right: 30px!important;
}

.custom-3-col .item .info{
    padding:40px 10px;
    background: #474A46;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
}

.custom-3-col .item .image{
    margin-bottom: 0!important;
}

.custom-3-col .base-text {
    padding: 0 45px;
    color: #ffffff !important;
}

@media (max-width:992px) { 

    .custom-3-col .item .image{
        /*margin: 0 60px;*/
    }
}



/* RELATED CONTENT */

.usn_pod_relatedcontent .info {
    background: rgba(0,0,0,.5);

}

body.content-underline-link-hover #site-content .usn_pod_relatedcontent a:hover .info p.heading.c4-heading{
    text-decoration: none!important;
}


.usn_pod_relatedcontent .c4-bg, .item.item_overlay .inner .image.c4-bg::before{
    background: none;
}

/* brand pillars */



.usn_pod_textimage .heading{
    font-family: 'acrom', sans-serif;
    font-size: 32px;
    line-height: 1em;
    color:#ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    letter-spacing: -0.15rem;
}


footer#site-footer{
    background: transparent;
}

footer#site-footer > *{
    border-top: 1px solid #474A46; 
}


/* FULL CTA */

.full-cta{
    padding: 140px 0!important;
}


/* FOOTER */

nav.social ul li a,
nav.social ul li a img {
    width: 20px;
    height: 20px;
}

@media (max-width:767px) { 

    nav.social ul li a,
    nav.social ul li a img {
        width: 30px;
        height: 30px;
    }
}



nav.social ul li {
    margin: 0 10px!important;
}

footer#site-footer {
    padding-bottom: 120px;
}

@media (min-width:1200px) {
    footer#site-footer {
        padding-bottom: 50px !important;
    }
}

@media (min-width:768px) {
    footer#site-footer {
        padding-bottom: 50px;
    }
}

footer#site-footer .footer-item {
    margin-bottom: 2rem !important;
    margin-top: auto !important;
}

footer#site-footer .footer-item:nth-child(2) {
    display: none;
}

footer#site-footer .background-image {
    background-position: center bottom 30px!important;

}

nav.footer-navigation ul li {
    color:#474A46;
}


@media (min-width:768px) {
    footer#site-footer .background-image {
        background-position: center bottom 50px!important;
    }
    
    footer#site-footer .footer-item {
        margin-bottom: auto !important;
    }
    
    footer#site-footer .footer-item:nth-child(2) {
        display: block;
    }
}

@media (min-width:1200px) {
    footer#site-footer .background-image {
        background-position: right 30px center!important;
    }
}


@media (min-width:992px) { 
    nav.footer-navigation {
        padding-top: 30px;
    }
}


@media (min-width:768px) { 

    nav.footer-navigation ul li:not(:last-child):after {
        content: '|';
        margin-left: 12px;
    }

}


@media (max-width:767px) { 

    nav.footer-navigation  {
        text-align: center;
        padding-top:0 !important;
    }
}








/*
--------------------------------------------------

Typography 2.0

- Variables
-- Body
-- h1 to h6
-- heading
--- heading small
--- heading large
-- intro
--- intro small
--- intro large
-- secondary heading
--- secondary heading small
--- secondary heading large
- quote
--- quote small
--- quote large
- button
--- button small
--- button large
- Main Navigation
-- Main Navigation dropdown
- Secondary Navigation
- Sub Navigation
- Footer Navigation
- Breadcrumb Navigation
- Anchor Navigation Component
- Accordion / Tabs
- Logo

-------------------------------------------------- 
*/



label{
    font-weight: 700;
    /*color: #ffffff!important;*/
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c2bebb!important;
  font-weight: 400;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #c2bebb!important;
  font-weight: 400;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #c2bebb!important;
  font-weight: 400;
}
:-moz-placeholder { /* Firefox 18- */
  color: #c2bebb!important;
  font-weight: 400;
}






/* Body */

body,
input, textarea, label, .control-label, .form-control { 


    font-family: 'montserrat', sans-serif !important;
    font-weight: 500 !important;
    font-size:      var(--body-typography_font-size);
    border-color: white!important;
}

@media (min-width:576px) and (max-width:767px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    body,
    input, textarea, label, .control-label, .form-control {
        font-size:  var(--body-typography_font-size_xl); 
    }
}


/* h1 */

h1,
.c1-heading { 
    font-family: 'acrom', sans-serif!important;
    font-weight: 400!important;

    margin-bottom: 1rem !important;
}



@media (min-width:576px) and (max-width:767px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h1 {
        font-size:  var(--h1-typography_font-size_xl); 
    }
}


/* h2 */

h2 { 
    font-family: 'acrom', sans-serif;
    margin-bottom: 1.5rem !important;
}

@media (min-width:576px) and (max-width:767px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h2 {
        font-size:  var(--h2-typography_font-size_xl); 
    }
}

.base-text h1{
    text-align: center;
}

.base-text h2{
    font-family: 'acrom', serif!important;
    font-weight: 400!important;
    font-style: normal;
}


/* h3 */

h3 { 
    font-family: 'acrom', serif;
    font-weight: 400;
    font-style:     var(--h3-typography_font-style);
    line-height:    var(--h3-typography_font-line-height);
    letter-spacing: var(--h3-typography_font-letter-spacing);
    text-transform: var(--h3-typography_font-transform);

    font-size:      var(--h3-typography_font-size); 

    margin-bottom: 1em!important;
}

@media (min-width:576px) and (max-width:767px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h3 {
        font-size:  var(--h3-typography_font-size_xl); 
    }
}


/* h4 */

h4 { 
    font-family: 'acrom', serif;
    font-weight: 400;
    font-style:     var(--h4-typography_font-style);
    line-height:    var(--h4-typography_font-line-height);
    letter-spacing: var(--h4-typography_font-letter-spacing);
    text-transform: var(--h4-typography_font-transform);

    font-size:      var(--h4-typography_font-size); 

    margin-bottom: 1em!important;
}

@media (min-width:576px) and (max-width:767px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h4 {
        font-size:  var(--h4-typography_font-size_xl); 
    }
}


/* h5 */

h5 { 
    font-family: 'acrom', serif;
    font-weight: 400;
    font-style:     var(--h5-typography_font-style);
    line-height:    var(--h5-typography_font-line-height);
    letter-spacing: var(--h5-typography_font-letter-spacing);
    text-transform: var(--h5-typography_font-transform);

    font-size:      var(--h5-typography_font-size); 

    margin-bottom: 1em!important;
}

@media (min-width:576px) and (max-width:767px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h5 {
        font-size:  var(--h5-typography_font-size_xl); 
    }
}


/* h6 */

h6 { 
    font-family: 'acrom', serif;
    font-weight: 400;
    font-style:     var(--h6-typography_font-style);
    line-height:    var(--h6-typography_font-line-height);
    letter-spacing: var(--h6-typography_font-letter-spacing);
    text-transform: var(--h6-typography_font-transform);

    font-size:      var(--h6-typography_font-size); 

    margin-bottom: 1em!important;
}

@media (min-width:576px) and (max-width:767px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    h6 {
        font-size:  var(--h6-typography_font-size_xl); 
    }
}


/* p.heading, span.heading */

p.heading, span.heading { 
    font-family: 'acrom', serif;
    font-weight: bold;

    line-height:    var(--p-heading-typography_font-line-height);
    letter-spacing: -0.15rem;
    text-transform: var(--p-heading-typography_font-transform);
    text-transform: uppercase;
    font-size:      32px; 

    margin-bottom: .6em!important;
}

.usn_cmp_splitcomponent p.heading, span.heading {
    font-size: 40px;
    font-weight:bold !important;
}

@media (min-width:576px) and (max-width:767px) { 
    p.heading, span.heading {
        font-size:  20px; 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    p.heading, span.heading {
        font-size:  24px; 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    p.heading, span.heading {
        font-size:  28px; 
    }
}

@media (min-width:1200px) { 
    p.heading, span.heading {
        font-size:  32px; 
    }
    
    .usn_cmp_splitcomponent p.heading, span.heading {
        font-size: 50px;
        font-weight:bold !important;
    }
}


/* p.heading.sm, span.heading.sm */

p.heading.sm, span.heading.sm { 
    font-family: 'acrom', serif;


    font-weight:    var(--p-heading_small-typography_font-weight);
    font-style:     var(--p-heading_small-typography_font-style);
    line-height:    var(--p-heading_small-typography_font-line-height);
    letter-spacing: var(--p-heading_small-typography_font-letter-spacing);
    text-transform: var(--p-heading_small-typography_font-transform);

    font-size:      var(--p-heading_small-typography_font-size); 

    margin-bottom: 1em!important;
}

@media (min-width:576px) and (max-width:767px) { 
    p.heading.sm, span.heading.sm {
        font-size:  var(--p-heading_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    p.heading.sm, span.heading.sm {
        font-size:  var(--p-heading_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    p.heading.sm, span.heading.sm {
        font-size:  var(--p-heading_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    p.heading.sm, span.heading.sm  {
        font-size:  var(--p-heading_small-typography_font-size_xl); 
    }
}


/* p.heading.lg, span.heading.lg  */

p.heading.lg, span.heading.lg  { 
    font-family: 'acrom', serif;
    font-weight: 400;

    line-height:    var(--p-heading_large-typography_font-line-height);
    letter-spacing: var(--p-heading_large-typography_font-letter-spacing);
    text-transform: var(--p-heading_large-typography_font-transform);

    font-size:      var(--p-heading_large-typography_font-size); 

    margin-bottom: 1em!important;
}

@media (min-width:576px) and (max-width:767px) { 
    p.heading.lg, span.heading.lg  {
        font-size:  var(--p-heading_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    p.heading.lg, span.heading.lg  {
        font-size:  var(--p-heading_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    p.heading.lg, span.heading.lg  {
        font-size:  var(--p-heading_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    p.heading.lg, span.heading.lg {
        font-size:  var(--p-heading_large-typography_font-size_xl); 
    }
}


/* .intro */

.intro { 

    font-family: 'acrom', serif;

    line-height:    var(--p-intro-typography_font-line-height);
    letter-spacing: var(--p-intro-typography_font-letter-spacing);
    text-transform: var(--p-intro-typography_font-transform);

    font-size:      var(--p-intro-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .intro {
        font-size:  var(--p-intro-typography_font-size_xl); 
    }
}


/* .intro.sm */

.intro.sm { 
    font-family: 'acrom', serif;

    line-height:    var(--p-intro_small-typography_font-line-height);
    letter-spacing: var(--p-intro_small-typography_font-letter-spacing);
    text-transform: var(--p-intro_small-typography_font-transform);

    font-size:      var(--p-intro_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .intro.sm {
        font-size:  var(--p-intro_small-typography_font-size_xl); 
    }
}


/* .intro.lg */

.intro.lg { 
    font-family: 'acrom', serif;

    line-height:    var(--p-intro_large-typography_font-line-height);
    letter-spacing: var(--p-intro_large-typography_font-letter-spacing);
    text-transform: var(--p-intro_large-typography_font-transform);

    font-size:      var(--p-intro_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .intro.lg {
        font-size:  var(--p-intro_large-typography_font-size_xl); 
    }
}


/* .secondary-heading */

.secondary-heading { 
    font-family: 'acrom', serif;


    line-height:    var(--secondary-heading-typography_font-line-height);
    letter-spacing: var(--secondary-heading-typography_font-letter-spacing);
    text-transform: var(--secondary-heading-typography_font-transform);

    font-size:      var(--secondary-heading-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .secondary-heading {
        font-size:  var(--secondary-heading-typography_font-size_xl); 
    }
}


/* .secondary-heading.sm */

.secondary-heading.sm { 
    
    font-family: 'acrom', serif;


    line-height:    var(--secondary-heading_small-typography_font-line-height);
    letter-spacing: var(--secondary-heading_small-typography_font-letter-spacing);
    text-transform: var(--secondary-heading_small-typography_font-transform);

    font-size:      var(--secondary-heading_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .secondary-heading.sm {
        font-size:  var(--secondary-heading_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .secondary-heading.sm {
        font-size:  var(--secondary-heading_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .secondary-headin.small {
        font-size:  var(--secondary-heading_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .secondary-heading.sm {
        font-size:  var(--secondary-heading_small-typography_font-size_xl); 
    }
}


/* .secondary-heading.lg */

.secondary-heading.lg { 
    font-family: 'acrom', serif;


    line-height:    var(--secondary-heading_large-typography_font-line-height);
    letter-spacing: var(--secondary-heading_large-typography_font-letter-spacing);
    text-transform: var(--secondary-heading_large-typography_font-transform);

    font-size:      var(--secondary-heading_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .secondary-heading.lg {
        font-size:  var(--secondary-heading_large-typography_font-size_xl); 
    }
}


/* blockquote, blockquote p.quote, .quote */

blockquote, blockquote p.quote, .quote { 
    
    /* EDIT FONT*/

    font-family: 'acrom', sans-serif!important;
    font-weight: 400!important;

    line-height:    var(--blockquote-typography_font-line-height);
    letter-spacing: var(--blockquote-typography_font-letter-spacing);
    text-transform: var(--blockquote-typography_font-transform);

    font-size:      var(--blockquote-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    blockquote, blockquote p.quote, .quote {
        font-size:  var(--blockquote-typography_font-size_xl); 
    }
}


/* blockquote p.quote.sm, .quote.sm */

blockquote p.quote.sm, .quote.sm { 
    font-family:    var(--blockquote_small-typography_font-name);
    font-weight:    var(--blockquote_small-typography_font-weight);
    font-style:     var(--blockquote_small-typography_font-style);
    line-height:    var(--blockquote_small-typography_font-line-height);
    letter-spacing: var(--blockquote_small-typography_font-letter-spacing);
    text-transform: var(--blockquote_small-typography_font-transform);

    font-size:      var(--blockquote_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    blockquote p.quote.sm, .quote.sm {
        font-size:  var(--blockquote_small-typography_font-size_xl); 
    }
}


/* blockquote p.quote.lg, .quote.lg */

blockquote p.quote.lg, .quote.lg { 
    font-family:    var(--blockquote_large-typography_font-name);
    font-weight:    var(--blockquote_large-typography_font-weight);
    font-style:     var(--blockquote_large-typography_font-style);
    line-height:    var(--blockquote_large-typography_font-line-height);
    letter-spacing: var(--blockquote_large-typography_font-letter-spacing);
    text-transform: var(--blockquote_large-typography_font-transform);

    font-size:      var(--blockquote_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    blockquote p.quote.lg, .quote.lg {
        font-size:  var(--blockquote_large-typography_font-size_xl); 
    }
}


/* btn */

.btn { 
    font-family: 'montserrat', sans-serif;
    font-weight: 500;
    line-height:    var(--btn-typography_font-line-height);
    letter-spacing: -0.05rem;
    text-transform: uppercase;

    font-size:      var(--btn-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .btn {
        font-size:  var(--btn-typography_font-size_xl); 
    }
}


/* .btn.btn-sm */

.btn.btn-sm { 
    font-family: 'acrom', serif;

    line-height:    var(--btn_small-typography_font-line-height);
    letter-spacing: var(--btn_small-typography_font-letter-spacing);
    text-transform: var(--btn_small-typography_font-transform);

    font-size:      var(--btn_small-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .btn.btn-sm {
        font-size:  var(--btn_small-typography_font-size_xl); 
    }
}


/* .btn.btn-lg */

.btn.btn-lg { 
    font-family: 'acrom', serif;

    line-height:    var(--btn_large-typography_font-line-height);
    letter-spacing: var(--btn_large-typography_font-letter-spacing);
    text-transform: var(--btn_large-typography_font-transform);

    font-size:      var(--btn_large-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .btn.btn-lg {
        font-size:  var(--btn_large-typography_font-size_xl); 
    }
}


/* Navigations */

/* Main Navigation */

nav.main > ul { 
    font-family: 'montserrat', sans-serif !important;
    line-height:    var(--main-navigation-typography_font-line-height);
    letter-spacing: var(--main-navigation-typography_font-letter-spacing);
    text-transform: uppercase;
    font-size:      var(--main-navigation-typography_font-size); 
}


nav.main > ul a{ 
    text-decoration: none!important;
    color: #D2CEC6;
}


nav.main > ul li:last-child a{ 
    color: #ffffff;
}

nav.main > ul li:last-child a:hover,
nav.main > ul li:last-child.active a {
    color:#474A46;
}


nav.main > ul li:last-child{
    margin-left: 15px;
}

@media (max-width:992px) { 
    nav.main > ul li:last-child{
        margin: 0 20%;
    }
}


nav.main > ul li:last-child a:after{
    content: '';
    width: 100%;
    height: 40px;
    background: #567632;
    position: absolute;
    left: 0;
    top: 44%;
    z-index: -1;
    transform: translateY(-45%);
}




nav.main > ul li:last-child a:hover:after{
    background: white;
}

nav.secondary > ul a{
    color: #f2c200!important;
}

nav.secondary > ul a:hover{
    color: #f2c200!important;
}

body.header-14-lg header#site-header nav.main {
    height: 100%;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}

html.no-touch body.header-14-lg header#site-header nav.main>ul>li:hover>span::before, body.header-14-lg header#site-header nav.main>ul>li:focus>span::before, body.header-14-lg header#site-header nav.main>ul>li:active>span::before, body.header-14-lg header#site-header nav.main>ul>li.active>span::before, body.header-14-lg header#site-header nav.main>ul>li.open-child>span::before{
    height: 0;
}


@media (min-width:576px) and (max-width:767px) { 
    nav.main > ul {
        font-size:  var(--main-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.main > ul,
    header#site-header #logo.no-image span {
        font-size:  var(--main-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.main > ul {
        font-size:  var(--main-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.main > ul {
        font-size:  var(--main-navigation-typography_font-size_xl); 
    }
}

/* Main Navigation - Dropdowns */

nav.main > ul ul { 
    font-family: 'montserrat', sans-serif !important;
    line-height:    var(--main-navigation_dropdowns-typography_font-line-height);
    letter-spacing: var(--main-navigation_dropdowns-typography_font-letter-spacing);
    text-transform: var(--main-navigation_dropdowns-typography_font-transform);
    font-size:      var(--main-navigation_dropdowns-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.main > ul ul {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.main > ul ul {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.main > ul ul {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.main > ul ul {
        font-size:  var(--main-navigation_dropdowns-typography_font-size_xl); 
    }
}

/* Secondary Navigation */

nav.secondary > ul,
nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a { 
    font-family: 'montserrat', sans-serif !important;
    line-height:    var(--secondary-navigation-typography_font-line-height);
    letter-spacing: var(--secondary-navigation-typography_font-letter-spacing);
    text-transform: var(--secondary-navigation-typography_font-transform);
    font-size:      var(--secondary-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.secondary > ul,
    nav.secondary > ul .dropdown-menu, nav.secondary > ul .dropdown-menu a {
        font-size:  var(--secondary-navigation-typography_font-size_xl); 
    }
}

/* Sub Navigation */

nav.sub > ul { 
    font-family: 'montserrat', sans-serif !important;
    line-height:    var(--sub-navigation-typography_font-line-height);
    letter-spacing: var(--sub-navigation-typography_font-letter-spacing);
    text-transform: var(--sub-navigation-typography_font-transform);
    font-size:      var(--sub-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.sub > ul {
        font-size:  var(--sub-navigation-typography_font-size_xl); 
    }
}

/* Footer Navigation */

nav.footer-navigation > ul { 
    font-family: 'montserrat', sans-serif !important;
    line-height:    var(--footer-navigation-typography_font-line-height);
    letter-spacing: var(--footer-navigation-typography_font-letter-spacing);
    text-transform: var(--footer-navigation-typography_font-transform);
    font-size:      var(--footer-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    nav.footer-navigation > ul {
        font-size:  var(--footer-navigation-typography_font-size_xl); 
    }
}

@media (max-width:768px) {
    nav.footer-navigation > ul {
        display: flex;
        flex-direction: column-reverse;
    }
}

/* Breadcrumb Navigation */

.breadcrumb-trail {
    display: none !important;
}

.breadcrumb-trail ol.breadcrumb { 
    font-family: 'montserrat', sans-serif !important;
    line-height:    var(--breadcrumb-navigation-typography_font-line-height);
    letter-spacing: var(--breadcrumb-navigation-typography_font-letter-spacing);
    text-transform: var(--breadcrumb-navigation-typography_font-transform);
    font-size:      var(--breadcrumb-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .breadcrumb-trail ol.breadcrumb {
        font-size:  var(--breadcrumb-navigation-typography_font-size_xl); 
    }
}

/* Anchor Navigation Component */

.component.usn_cmp_anchornavigation ul.nav { 
    font-family: 'acrom', serif;
    line-height:    var(--anchor-navigation-typography_font-line-height);
    letter-spacing: var(--anchor-navigation-typography_font-letter-spacing);
    text-transform: var(--anchor-navigation-typography_font-transform);

    font-size:      var(--anchor-navigation-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .component.usn_cmp_anchornavigation ul.nav {
        font-size:  var(--anchor-navigation-typography_font-size_xl); 
    }
}

/* Accordion / Tabs */

.repeatable .tab { 
    font-family: 'acrom', serif;

    line-height:    var(--acc-tab-typography_font-line-height);
    letter-spacing: var(--acc-tab-typography_font-letter-spacing);
    text-transform: var(--acc-tab-typography_font-transform);

    font-size:      var(--acc-tab-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    .repeatable .tab {
        font-size:  var(--acc-tab-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    .repeatable .tab {
        font-size:  var(--acc-tab-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    .repeatable .tab {
        font-size:  var(--acc-tab-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    .repeatable .tab {
        font-size:  var(--acc-tab-typography_font-size_xl); 
    }
}

/* Logo */

header#site-header #logo.no-image span { 
    font-family: 'acrom', serif;

    line-height:    var(--logo-typography_font-line-height);
    letter-spacing: var(--logo-typography_font-letter-spacing);
    text-transform: var(--logo-typography_font-transform);

    font-size:      var(--logo-typography_font-size); 
}

@media (min-width:576px) and (max-width:767px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_sm); 
    }
}

@media (min-width:768px) and (max-width:991px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_md); 
    }
}

@media (min-width:992px) and (max-width:1199px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_lg); 
    }
}

@media (min-width:1200px) { 
    header#site-header #logo.no-image span {
        font-size:  var(--logo-typography_font-size_xl); 
    }
}


/*
--------------------------------------------------
Margins, paddings, spacing
-------------------------------------------------- 
*/

body {
    -webkit-font-smoothing: antialiased;
}


h1,
h2,
h3 {
    margin: var(--base-spacing) 0 var(--base-half-spacing);
}

h4,
h5,
h6,
p.heading {
    margin: calc(var(--base-spacing) / 3) 0;
}

p {
    margin: calc(var(--base-spacing) / 3) 0 var(--base-half-spacing);
}

.heading {
    margin: 0;
    display:block;
}

.secondary-heading {
    margin: 0!important;
    display:block;
}

.has-heading-seperator-above h1::before,
.has-heading-seperator-below h1::after,
.has-heading-seperator-above h2::before,
.has-heading-seperator-below h2::after,
.has-heading-seperator-above h3::before,
.has-heading-seperator-below h3::after,
.has-heading-seperator-above h4::before,
.has-heading-seperator-below h4::after,
.has-heading-seperator-above h5::before,
.has-heading-seperator-below h5::after,
.has-heading-seperator-above h6::before,
.has-heading-seperator-below h6::after,
.has-heading-seperator-above .heading::before,
.has-heading-seperator-below .heading::after,
.has-secondary-heading-seperator-above .secondary-heading::before,
.has-secondary-heading-seperator-below .secondary-heading::after {
    content:"";
    display:block;
    border-radius: var(--base-border-radius);
}

h1::before,
h2::before,
h3::before,
h4::before,
h5::before,
h6::before,
.heading::before,
.secondary-heading::before,
h1::after,
h2::after,
h3::after,
h4::after,
h5::after,
h6::after,
.heading::after,
.secondary-heading::after {
    width:25px; height:var(--base-border-width);
    margin: var(--base-half-spacing) 0;
    background: rgba(var(--base-highlight), 1);
}

.item.base-bg h1::before,
.item.base-bg h2::before,
.item.base-bg h3::before,
.item.base-bg h4::before,
.item.base-bg h5::before,
.item.base-bg h6::before,
.item.base-bg .heading::before,
.item.base-bg .secondary-heading::before,
.item.base-bg h1::after,
.item.base-bg h2::after,
.item.base-bg h3::after,
.item.base-bg h4::after,
.item.base-bg h5::after,
.item.base-bg h6::after,
.item.base-bg .heading::after,
.item.base-bg .secondary-heading::after,
.inner.base-bg h1::before,
.inner.base-bg h2::before,
.inner.base-bg h3::before,
.inner.base-bg h4::before,
.inner.base-bg h5::before,
.inner.base-bg h6::before,
.inner.base-bg .heading::before,
.inner.base-bg .secondary-heading::before,
.inner.base-bg h1::after,
.inner.base-bg h2::after,
.inner.base-bg h3::after,
.inner.base-bg h4::after,
.inner.base-bg h5::after,
.inner.base-bg h6::after,
.inner.base-bg .heading::after,
.inner.base-bg .secondary-heading::after {
    background: rgba(var(--base-highlight), 1);
}

footer#site-footer h1::before,
footer#site-footer h2::before,
footer#site-footer h3::before,
footer#site-footer h4::before,
footer#site-footer h5::before,
footer#site-footer h6::before,
footer#site-footer .heading::before,
footer#site-footer .secondary-heading::before,
footer#site-footer h1::after,
footer#site-footer h2::after,
footer#site-footer h3::after,
footer#site-footer h4::after,
footer#site-footer h5::after,
footer#site-footer h6::after,
footer#site-footer .heading::after,
footer#site-footer .secondary-heading::after {
    background: rgba(var(--footer-highlight), 1);
}

.text-center h1::before,
.text-center h2::before,
.text-center h3::before,
.text-center h4::before,
.text-center h5::before,
.text-center h6::before,
.text-center .heading::before,
.text-center .secondary-heading::before,
.text-center h1::after,
.text-center h2::after,
.text-center h3::after,
.text-center h4::after,
.text-center h5::after,
.text-center h6::after,
.text-center .heading::after,
.text-center .secondary-heading::after { 
    margin-left:auto; margin-right:auto;
}

.text-right h1::before,
.text-right h2::before,
.text-right h3::before,
.text-right h4::before,
.text-right h5::before,
.text-right h6::before,
.text-right .heading::before,
.text-right .secondary-heading::before,
.text-right h1::after,
.text-right h2::after,
.text-right h3::after,
.text-right h4::after,
.text-right h5::after,
.text-right h6::after,
.text-right .heading::after,
.text-right .secondary-heading::after { 
    margin-left:auto; 
}

p.caption {
    margin: calc(var(--base-spacing) / 3) 0 0;
    font-size: 80%;
    font-style: italic;
    opacity: 0.6;
}

.secondary-heading+.heading {
    margin: calc(var(--base-half-spacing) / 3) 0 0!important;
}

.secondary-heading+.text,
.heading+.text {
    /*color:#ffffff;*/
    margin: calc(var(--base-spacing) / 3) 0 0!important;
}

span.NormalTextRun.SCXW52461244.BCX0 {
    color: #ffffff;
}

.usn_cmp_ctastrip div.text.base-text{
    color:#474A46;
}

.intro {
    display:block;
}

.link {
    margin-top: calc(var(--base-half-spacing) - 5px); margin-bottom:0;
}

@media (min-width:992px) { 
    .link {
        margin-top: calc(var(--base-spacing) - 5px);
    }
}

ul, ol { 
    margin: calc(var(--base-spacing) / 3) 20px var(--base-half-spacing); 
    padding:0;
}
ul ul, ol ol { 
    margin: calc(var(--base-spacing) / 3) 18px;
}

b,
strong {
    font-weight: bold;
}

i, em { 
    font-style: italic;
}

small {
    font-size: 90%;
}

table {
    margin: calc(var(--base-half-spacing) / 3) 0 var(--base-spacing);
}

blockquote, .quote {
    position: relative;
    padding: var(--base-spacing) 0 var(--base-half-spacing);
    margin: var(--base-half-spacing) 0;
    border: 0 none;
    display:block;
}

blockquote.sm, .quote.sm { 
    padding-top: calc(var(--base-spacing) / 1.5);
}

blockquote.lg, .quote.lg { 
    padding-top: calc(var(--base-spacing) * 1.25);
}

.item blockquote { 
    padding-bottom:0; margin-bottom:0;
}

blockquote::before, .quote::before {
    content: "\f35f";
    display: block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    position: absolute;
}

blockquote::before, .quote::before {
    top: -8px;
    left: 0;
    font-size: 140%;
    transform: scaleX(-1) scaleY(-1);
}

.text-center blockquote::before, .text-center .quote::before {
    left: 50%;
    transform: translateX(-50%) scaleX(-1) scaleY(-1);
}

.text-right blockquote::before, .text-right .quote::before {
    right: 0;
    left: auto;
}

blockquote .quote { 
    padding: 0;
    margin: 0;
}
blockquote .quote::before { 
    display:none;
}

a.skip-to-content {
    position: fixed;
    top: 10px;
    left: 50%;
    z-index: -1;
    width: auto; height: auto;
    transform: translateX(-50%);
}

a.skip-to-content:focus {
    z-index: 1001;
    clip: auto;
    padding: 0;
    margin: 0;
}

.info :first-child:not(li):not(.btn),
.text :first-child:not(li):not(.btn),
.alert :first-child:not(li):not(.btn) {
    margin-top: 0!important;
}

.info :last-child:not(li):not(.btn),
.text :last-child:not(li:not(.btn)),
.alert :last-child:not(li):not(.btn) {
    margin-bottom: 0!important;
}

.label { 
    display:inline-block;
    padding:0 3px;
    font-weight:bold;
    border-radius: calc(var(--base-border-radius) / 2);
}


#site-content .row > *:last-child,
#site-content .row > *:last-child > *:last-child,
#site-content .row > *:last-child > *:last-child > *:last-child {
    margin-bottom: auto;
}


.umbraco-forms-navigation.row.buttons button.btn:hover,
.umbraco-forms-navigation.row.buttons button.btn:focus{
    background: #847b76!important;
}

.form-group.dropdown::after, .form-group.date::after{
    top: 36px;
}


.field-validation-error{
    text-align: center;
}

.header-img .col-md-8{
    -ms-flex: 0 0 66.666667%!important;
    flex: 0 0 66.666667%!important;
    max-width: 66.666667%!important;
}

.header-img .col-md-4{
    -ms-flex: 0 0 33.333333%!important;
    flex: 0 0 33.333333%!important;
    max-width: 33.333333%!important;
}

footer .usn_pod_sociallinks{
    text-align: right;
}

@media (max-width:767px) { 

    footer .usn_pod_sociallinks{
        text-align: center;
    }
}


.quick-links ul li a::after{
    content: none!important;
}

.quick-links ul li a {
    padding-left: 0!important;
}


.usn_cmp_splitcomponent.c1-bg{
    background: transparent;
}

.usn_cmp_splitcomponent.c1-bg .container > .component-main{
    background: #474A46;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
}

.usn_cmp_splitcomponent div.text.base-text  {
    color: #474A46;
    padding-top: 1rem;
}

@media (max-width:767px) { 

    .usn_cmp_splitcomponent.c1-bg .container > .component-main{
        margin-left: 15px;
        margin-right: 15px;
    }
}



.usn_cmp_splitcomponent.c1-bg .item_block.usn_cmp_text{
    padding: 50px!important;
}

@media (max-width:767px) { 

    .usn_cmp_splitcomponent.c1-bg .item_block.usn_cmp_text{
        padding: 30px 50px 50px!important;
    }

}


.usn_cmp_splitcomponent.c1-bg .component-main h3{
    color: #F2C200!important;
}

.usn_cmp_splitcomponent.c1-bg .component-main h2 + .text p:first-child{
    font-size: 18px;
}


.usn_cmp_splitcomponent.c1-bg .basic-windows{

    height: 100%;
    padding: 0!important;

}

.usn_cmp_splitcomponent.c1-bg .item.item_block.usn_cmp_windows{
        align-self: stretch!important;
}

@media (max-width:767px) { 

    .usn_cmp_splitcomponent.c1-bg .item.item_block.usn_cmp_windows{
            height: 300px;
    }
}


.usn_cmp_splitcomponent.c1-bg .item.item_block.usn_cmp_windows .item{

    height: 100%!important;

}

.usn_cmp_splitcomponent.c1-bg .item.item_block.usn_cmp_windows .item .inner{

    height: 100%!important;

}

@media (max-width:767px) { 

    .usn_cmp_splitcomponent.c1-bg .item.item_block.usn_cmp_windows .item .inner{

        padding-top: 300px;

    }
}

@media (min-width:1200px) { 

    .usn_cmp_splitcomponent.c1-bg .item.order-2{

        order: 1;

    }
}



.image.background-image.body-background-image{
    background-attachment: fixed;
}

/*.bg-smoke .image:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: url(/images/bg-smoke.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: contain;*/
/*    background-position: bottom;*/
/*    z-index: -1;*/
/*}*/

.header-lines h2{
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    padding: 60px 0;
    color:#474A46;
    font-weight: bold !important;
    letter-spacing: -0.15rem;
}


.title-line h2{
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 60px 0;
}


.header-lines h2:before{
    content: '';
    height: 1px;
    width: 150px;
    background: #567632;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.header-lines h2:after,
.title-line h2:after{
    content: '';
    height: 1px;
    width: 150px;
    background: #567632;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.floating-rocks {
  position: absolute;
  z-index: -1;
  max-width: 275px;
  transform: translate3d(0px, -115px, 0px) !important;
}

.front-one {
  right: 0;

}

.front-two {
  left: 0;

}

.header-lines + .usn_cmp_splitcomponent.c1-bg{
    margin-top: 100px;
}

.custom-3-col + .header-lines{

    margin-top: 100px;

}

#site-footer{
    margin-top: 100px;
}

@media (max-width:767px) { 

    #site-footer{
        margin-left: 30px!important;
        margin-right: 30px!important;
    }

    #site-footer > .container{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}




/* FIREPLACE CODE */

@keyframes fireplace-fire-1 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0) scale(1)
	}
	75% {
		opacity: .25;
		transform: translateY(-30%) rotate(9deg) scale(1.2)
	}
	to {
		opacity: 0;
		transform: translateY(-40%) rotate(12deg) scale(1.26667)
	}
}

@keyframes fireplace-fire-2 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0) scale(1)
	}
	75% {
		opacity: .2;
		transform: translateY(-36%) rotate(-12deg) scale(1.2)
	}
	to {
		opacity: 0;
		transform: translateY(-48%) rotate(-15deg) scale(1.26667)
	}
}

@keyframes fireplace-fire-3 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(30deg) scale(1)
	}
	75% {
		opacity: .2;
		transform: translateY(-18%) rotate(30deg) scale(1.2)
	}
	to {
		opacity: 0;
		transform: translateY(-24%) rotate(30deg) scale(1.26667)
	}
}

@keyframes fireplace-fire-4 {
	0% {
		opacity: 0;
		transform: translate(0) rotate(0) scale(1)
	}
	75% {
		opacity: .2;
		transform: translate(5%, -30%) rotate(12deg) scale(1.2)
	}
	to {
		opacity: 0;
		transform: translate(6.66667%, -40%) rotate(15deg) scale(1.26667)
	}
}

@keyframes fireplace-fire-5 {
	0% {
		opacity: 0;
		transform: translate(0)
	}
	75% {
		opacity: .2;
		transform: translate(5%, -30%)
	}
	to {
		opacity: 0;
		transform: translate(6.66667%, -40%)
	}
}

@media only screen and (min-width:1024px) {
	.fireplace span:first-child,
	.fireplace span:nth-child(2) {
		background: url(/images/e7a7a21b5482908fe392555ccb378330.png) no-repeat 50%/100% 100%
	}
	.fireplace span:nth-child(3),
	.fireplace span:nth-child(4) {
		background: url(/images/0baacaee1c8062340633719a52d0b6a8.png) no-repeat 50%/100% 100%
	}
	.fireplace span:nth-child(5),
	.fireplace span:nth-child(6) {
		background: url(/images/49a0825feb7cbd19236326fcc868d056.png) no-repeat 50%/100% 100%
	}
	.fireplace span:nth-child(7),
	.fireplace span:nth-child(8) {
		background: url(/images/756f104a00fd6d7b74ac0c382db25011.png) no-repeat 50%/100% 100%
	}
	.bg-home-nav {
		animation: fireplace-flicker-alt 6s linear infinite
	}

	.fireplace:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle at 50% 50%, hsla(58, 29%, 61%, .1), hsla(58, 29%, 61%, 0) 66.6667%);
		opacity: 0;
		animation: fireplace-flicker 1.5s linear infinite
	}
	.fireplace span {
		display: block;
		position: absolute;
		opacity: .2
	}
}



@media only screen and (min-width:1024px) {
	.is-menu-open .fireplace span {
		animation-play-state: paused!important
	}
	.fireplace span:first-child {
		animation: fireplace-fire-1 1.5s linear infinite;
		animation-delay: -.3s
	}
	.fireplace span:nth-child(2) {
		animation: fireplace-fire-2 1.5s linear infinite;
		animation-delay: -.6s
	}
	.fireplace span:nth-child(3) {
		animation: fireplace-fire-3 1.5s linear infinite;
		animation-delay: -.9s
	}
	.fireplace span:nth-child(4) {
		animation: fireplace-fire-4 1.5s linear infinite;
		animation-delay: -1.2s
	}
	.fireplace span:nth-child(5) {
		animation: fireplace-fire-5 1.5s linear infinite;
		animation-delay: -1.5s
	}
	.fireplace span:nth-child(6) {
		animation: fireplace-fire-6 1.5s linear infinite;
		animation-delay: -1.8s
	}
	.fireplace span:nth-child(7) {
		animation: fireplace-fire-7 1.5s linear infinite;
		animation-delay: -2.1s
	}
	.fireplace span:nth-child(8) {
		animation: fireplace-fire-8 1.5s linear infinite;
		animation-delay: -2.4s
	}
	.fireplace span:first-child,
	.fireplace span:nth-child(2) {
		width: 39.61538%;
		height: 41.04167%
	}
	.fireplace span:nth-child(3),
	.fireplace span:nth-child(4) {
		width: 42.69231%;
		height: 26.25%;
		left: 24.03846%;
		top: 51.25%
	}
	.fireplace span:nth-child(5),
	.fireplace span:nth-child(6) {
		width: 53.84615%;
		height: 50.625%;
		left: 18.46154%;
		top: 23.125%
	}
	.fireplace span:nth-child(7),
	.fireplace span:nth-child(8) {
		width: 37.11538%;
		height: 32.29167%;
		left: 8.07692%;
		top: 61.45833%
	}
	.fireplace span:first-child {
		left: 17.30769%;
		top: 18.125%
	}
	.fireplace span:nth-child(2) {
		left: 46.15385%;
		top: 41.04167%
	}
	.fireplace span:nth-child(3) {
		left: 24.03846%;
		top: 51.25%
	}
	.fireplace span:nth-child(4) {
		left: 43.26923%;
		top: 72.08333%
	}
	.fireplace span:nth-child(5) {
		left: 18.46154%;
		top: 23.125%;
		left: 1.15385%;
		top: 41.875%
	}
	.fireplace span:nth-child(7) {
		left: 8.07692%;
		top: 61.45833%;
		left: 33.26923%;
		top: 28.125%
	}
}

.fireplace {
    position: absolute;
    width: 50%;
    height: 58%;
    pointer-events: none;
    top: 0%;
    left: 25%;
    display: block!important;
    z-index: 999999;
}

.fireplace-container{
        width: 100vw!important;
    height: 100vh!important;
    position: absolute!important;
    left: 0!important;
    top: 0!important;
    z-index: 999;
    pointer-events: none;
}


    .awards-bg .item .image{
        max-width: 160px;
        margin: 0 auto;
    }


@media (min-width:992px) { 
    .awards-bg{
        padding: 200px 0!important;
    }
}







.no-intro-padding .component-introduction{
    padding-bottom: 0!important;
}

.component-introduction .base-text {
    font-size: 18px;
}




#site-header{
        background: linear-gradient(0deg, rgba(29,29,29,0) 0%, rgba(29,29,29,1) 100%)!important;
         box-shadow: none!important;
         transition: box-shadow 0.4s ease-in-out 0s, top 0.3s ease-in-out 0s!important;
}

.reveal-out #site-header{
        background: #1D1D1D!important;
}


.parallax-element{
    padding: 0!important;
}

.icon-panel .image{
    max-width: 84px;
    margin: 0 auto;
    
}

@media (max-width:640px) { 
    .icon-panel .image{
        max-width: 44px;        
    }
}



.negative-top{
    position: relative;
    z-index: 999;
}

.negative-top.half{
    margin-top: -100px;
}

@media (max-width:992px) { 
    .negative-top{
        margin-top: 0px;
    }
}


@media only screen and (min-width: 0) and (max-width: 991px) {

    body.header-02-sm header#site-header #logo {
        align-self: flex-start;
    }
}


.header-intro h2 + .base-text{
    position: relative;
    margin-top: 60px!important;
    padding-top: 60px!important;
}


.header-intro h2 + .base-text::before{

    content: '';
    height: 1px;
    width: 150px;
    background: #474A46;
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
}


.footer-awards img{
    max-width: 350px;
    display: block;
}

.footer-logo img {
    height: 90px;
    width:auto !important;
    justify-content: flex-start;
    display: flex;
    object-fit: contain;
}

@media (max-width:767px) { 

    .footer-awards img{
        margin: 0 auto;
    }
    
    footer#site-footer {
        padding-bottom: 30px;
    }
    
    footer#site-footer .quick-links ul {
        flex-direction: column;
        text-align: center;
    }
}


.listing_basic-grid{
    justify-content: center;
}


h1,h2,h3,h4,h5,h6{
    text-transform: uppercase;
}

.content.component.meta.base-bg{
    background: transparent!important;
}