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

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

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

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

:root {

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

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

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

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors:144,62,60;
    --form-warning:240,173,78;
    --form-success:92,184,92;

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

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

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

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

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

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

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

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

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

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1600px;

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

    --notification-spacing_below_sm: 0px;
    --notification-spacing_side_sm: 0px;
    --notification-spacing_below_lg: 0px;
    --notification-spacing_side_lg: 0px;
    
    --backtotop-size_sm: 45px;
    --backtotop-size_lg: 50px;
    
    --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: 100px;

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

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

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

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

    --base-spacing: 30px;
    --base-half-spacing: 15px;
    --base-border-width: 2px;
    --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: 50px;
    --pc-spacing_sm: 50px;
    --pc-spacing_md: 75px;
    --pc-spacing_lg: 50px;
    --pc-spacing_xl: 100px;

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

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

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

    --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: 10px;
    --btn_sm-padding_bottom: 6px;
    --btn_sm-padding_left: 10px;

    --btn-padding_top: 12px;
    --btn-padding_right: 30px;
    --btn-padding_bottom: 12px;
    --btn-padding_left: 30px;

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

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

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 255, 255, 255;
    --secondary-navigation-link-hover: 74, 97, 85;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 189, 156, 128;
    --navigation-dropdown-color2:  0, 0, 0;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 0, 0, 0;
    --navigation-dropdown-link-hover: 74, 97, 85;
    --navigation-dropdown-link-active: 74, 97, 85;
    
    /* Content */
    --base-bg-color1: 255, 255, 255;
    --base-bg-color2:  0, 0, 0;
    --base-bg-start-perc: 50%;
    --base-bg-stop-perc: 50%;
    --base-bg-angle: 90deg;
    --base-heading: 35, 35, 35;
    --base-secondary-heading: 74, 97, 85;
    --base-text: 0, 0, 0;
    --base-link: 0, 0, 0;
    --base-link-hover: 108, 108, 108;
    --base-borders: 238, 238, 238;
    --base-highlight: 189, 156, 128;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 189, 156, 128;
    --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: 189, 156, 128;
    --base-btn-bg-hover-color1: 74, 97, 85;
    --base-btn-bg-hover-color2:  53, 53, 53;
    --base-btn-bg-hover-start-perc: 50%;
    --base-btn-bg-hover-stop-perc: 50%;
    --base-btn-bg-hover-angle: 90deg;
    --base-btn-text-hover: 255, 255, 255;
    --base-btn-borders-hover: 74, 97, 85;
    
    /* Footer */
    --footer-bg-color1: 35, 35, 35;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 51, 51, 51;
    --footer-link: 0, 0, 0;
    --footer-link-hover: 189, 156, 128;
    --footer-borders: 172, 172, 172;
    --footer-highlight: 189, 156, 128;

    --c1-bg-color1: 35, 35, 35;
--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: 189, 156, 128;
--c1-link-hover: 226, 196, 171;
--c1-borders: 74, 74, 74;
--c1-highlight: 189, 156, 128;
--c1-highlight-text: 255, 255, 255;
--c2-bg-color1: 74, 97, 85;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 255, 255, 255;
--c2-secondary-heading: 189, 156, 128;
--c2-text: 255, 255, 255;
--c2-link: 255, 255, 255;
--c2-link-hover: 189, 156, 128;
--c2-borders: 255, 255, 255;
--c2-highlight: 189, 156, 128;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 243, 242, 238;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 35, 35, 35;
--c3-secondary-heading: 74, 97, 85;
--c3-text: 35, 35, 35;
--c3-link: 35, 35, 35;
--c3-link-hover: 189, 156, 128;
--c3-borders: 222, 222, 222;
--c3-highlight: 189, 156, 128;
--c3-highlight-text: 255, 255, 255;
--c4-bg-color1: 189, 156, 128;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 74, 97, 85;
--c4-secondary-heading: 255, 255, 255;
--c4-text: 255, 255, 255;
--c4-link: 255, 255, 255;
--c4-link-hover: 35, 35, 35;
--c4-borders: 208, 181, 157;
--c4-highlight: 74, 97, 85;
--c4-highlight-text: 255, 255, 255;


    --c1-btn-bg-color1:  255, 255, 255;
--c1-btn-bg-color2:  0, 0, 0;
--c1-btn-bg-start-perc: 50%;
--c1-btn-bg-stop-perc: 50%;
--c1-btn-bg-angle: 90deg;
--c1-btn-text: 189, 156, 128;
--c1-btn-borders: 255, 255, 255;
--c1-btn-bg-hover-color1:  74, 97, 85;
--c1-btn-bg-hover-color2:  255, 255, 255;
--c1-btn-bg-hover-start-perc: 50%;
--c1-btn-bg-hover-stop-perc: 50%;
--c1-btn-bg-hover-angle: 90deg;
--c1-btn-text-hover: 255, 255, 255;
--c1-btn-borders-hover: 74, 97, 85;


    

    /* Fonts tab */
    
    --body-typography_font-name: 'Open Sans',sans-serif;
    --body-typography_font-weight: 300;
    --body-typography_font-style: normal;
    --body-typography_font-line-height: 175%;
    --body-typography_font-letter-spacing: 0.01px;
    --body-typography_font-transform: None;

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

    --h1-typography_font-name: 'Michroma',sans-serif;
    --h1-typography_font-weight: 400;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 125%;
    --h1-typography_font-letter-spacing: -0.06px;
    --h1-typography_font-transform: None;

    --h1-typography_font-size: 30px; 
    --h1-typography_font-size_sm: 30px; 
    --h1-typography_font-size_md: 50px; 
    --h1-typography_font-size_lg: 60px; 
    --h1-typography_font-size_xl: 60px; 

    --h2-typography_font-name: 'Michroma',sans-serif;
    --h2-typography_font-weight: 400;
    --h2-typography_font-style: normal;
    --h2-typography_font-line-height: 125%;
    --h2-typography_font-letter-spacing: 0px;
    --h2-typography_font-transform: None;

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

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

    --h3-typography_font-size: 24px; 
    --h3-typography_font-size_sm: 24px; 
    --h3-typography_font-size_md: 30px; 
    --h3-typography_font-size_lg: 36px; 
    --h3-typography_font-size_xl: 36px; 

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

    --h4-typography_font-size: 20px; 
    --h4-typography_font-size_sm: 20px; 
    --h4-typography_font-size_md: 28px; 
    --h4-typography_font-size_lg: 34px; 
    --h4-typography_font-size_xl: 34px; 

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

    --h5-typography_font-size: 18px; 
    --h5-typography_font-size_sm: 18px; 
    --h5-typography_font-size_md: 26px; 
    --h5-typography_font-size_lg: 28px; 
    --h5-typography_font-size_xl: 28px; 

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

    --h6-typography_font-size: 18px; 
    --h6-typography_font-size_sm: 18px; 
    --h6-typography_font-size_md: 22px; 
    --h6-typography_font-size_lg: 24px; 
    --h6-typography_font-size_xl: 24px; 

    --p-heading-typography_font-name: 'Open Sans',sans-serif;
    --p-heading-typography_font-weight: 700;
    --p-heading-typography_font-style: normal;
    --p-heading-typography_font-line-height: 175%;
    --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: 'Open Sans',sans-serif;
    --p-heading_small-typography_font-weight: 700;
    --p-heading_small-typography_font-style: normal;
    --p-heading_small-typography_font-line-height: 175%;
    --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: 'Open Sans',sans-serif;
    --p-heading_large-typography_font-weight: 700;
    --p-heading_large-typography_font-style: normal;
    --p-heading_large-typography_font-line-height: 175%;
    --p-heading_large-typography_font-letter-spacing: 0px;
    --p-heading_large-typography_font-transform: None;

    --p-heading_large-typography_font-size: 24px; 
    --p-heading_large-typography_font-size_sm: 24px; 
    --p-heading_large-typography_font-size_md: 30px; 
    --p-heading_large-typography_font-size_lg: 36px; 
    --p-heading_large-typography_font-size_xl: 36px; 

    --p-intro-typography_font-name: 'Michroma',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: 30px; 
    --p-intro-typography_font-size_xl: 30px; 

    --p-intro_small-typography_font-name: 'Michroma',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: 24px; 
    --p-intro_small-typography_font-size_xl: 24px;  

    --p-intro_large-typography_font-name: 'Michroma',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: 36px; 
    --p-intro_large-typography_font-size_xl: 36px;  

    --secondary-heading-typography_font-name: 'Open Sans',sans-serif;
    --secondary-heading-typography_font-weight: 700;
    --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: Uppercase;

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

    --secondary-heading_small-typography_font-name: 'Open Sans',sans-serif;
    --secondary-heading_small-typography_font-weight: 700;
    --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: Uppercase;

    --secondary-heading_small-typography_font-size: 10px; 
    --secondary-heading_small-typography_font-size_sm: 10px; 
    --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: 'Open Sans',sans-serif;
    --secondary-heading_large-typography_font-weight: 700;
    --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: Uppercase;

    --secondary-heading_large-typography_font-size: 16px; 
    --secondary-heading_large-typography_font-size_sm: 16px; 
    --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: 'Michroma',sans-serif;
    --blockquote-typography_font-weight: 400;
    --blockquote-typography_font-style: normal;
    --blockquote-typography_font-line-height: 140%;
    --blockquote-typography_font-letter-spacing: -0.25px;
    --blockquote-typography_font-transform: None;

    --blockquote-typography_font-size: 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: 'Michroma',sans-serif;
    --blockquote_small-typography_font-weight: 400;
    --blockquote_small-typography_font-style: normal;
    --blockquote_small-typography_font-line-height: 140%;
    --blockquote_small-typography_font-letter-spacing: -0.25px;
    --blockquote_small-typography_font-transform: None;

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

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

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

    --btn-typography_font-name: 'Open Sans',sans-serif;
    --btn-typography_font-weight: 500;
    --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: 15px; 
    --btn-typography_font-size_sm: 15px; 
    --btn-typography_font-size_md: 15px; 
    --btn-typography_font-size_lg: 15px; 
    --btn-typography_font-size_xl: 15px;  

    --btn_small-typography_font-name: 'Open Sans',sans-serif;
    --btn_small-typography_font-weight: 500;
    --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: 'Open Sans',sans-serif;
    --btn_large-typography_font-weight: 500;
    --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: 'Michroma',sans-serif;
    --main-navigation-typography_font-weight: 400;
    --main-navigation-typography_font-style: normal;
    --main-navigation-typography_font-line-height: 150%;
    --main-navigation-typography_font-letter-spacing: 0px;
    --main-navigation-typography_font-transform: None;

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

    --main-navigation_dropdowns-typography_font-name: 'Michroma',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: 16px; 
    --main-navigation_dropdowns-typography_font-size_sm: 16px; 
    --main-navigation_dropdowns-typography_font-size_md: 16px; 
    --main-navigation_dropdowns-typography_font-size_lg: 16px; 
    --main-navigation_dropdowns-typography_font-size_xl: 16px;  

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

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

    --sub-navigation-typography_font-name: 'Michroma',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: 'Michroma',sans-serif;
    --footer-navigation-typography_font-weight: 400;
    --footer-navigation-typography_font-style: normal;
    --footer-navigation-typography_font-line-height: 150%;
    --footer-navigation-typography_font-letter-spacing: 0px;
    --footer-navigation-typography_font-transform: None;

    --footer-navigation-typography_font-size: 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: 'Michroma',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: 'Michroma',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: 'Open Sans',sans-serif;
    --acc-tab-typography_font-weight: 700;
    --acc-tab-typography_font-style: normal;
    --acc-tab-typography_font-line-height: 150%;
    --acc-tab-typography_font-letter-spacing: 0px;
    --acc-tab-typography_font-transform: None;

    --acc-tab-typography_font-size: 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: 'Michroma',sans-serif;
    --logo-typography_font-weight: 400;
    --logo-typography_font-style: normal;
    --logo-typography_font-line-height: 140%;
    --logo-typography_font-letter-spacing: -0.25px;
    --logo-typography_font-transform: None;

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

}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

.c1-bg .label:not(.item-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-autoplay-toggle-button { color: rgba(var(--c1-link), 1); background-color: rgba(var(--c1-bg-color1), 1); }

html.no-touch .c1-bg .slick-slider .slick-autoplay-toggle-button: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,
.form .c1-bg .form-check-input { border-color: rgba(var(--c1-borders), 1); }

.form .c1-bg .form-control:focus,
.form .c1-bg .form-check-input: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-anchor { color: rgba(var(--c1-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c1-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c1-heading), 1); }

.c1-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c1-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c1-bg .image .overlayicon::before,
.item.item_text-boxed .image.c1-bg .overlayicon::before { 
    background: rgba(var(--c1-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c1-bg.c1-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c1-bg.c1-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c1-bg.c1-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c1-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c1-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c1-bg .overlayicon .icon {
    color: rgba(var(--c1-heading), 1);
}


/* Focus visibles */

.c1-bg a:focus-visible,
.c1-bg .btn:focus-visible,
.c1-bg button:focus-visible,
.form .inner.c1-bg a:focus-visible,
.form .inner.c1-bg .btn:focus-visible,
.form .inner.c1-bg button:focus-visible, 
.c1-bg .item .image a:focus-visible, 
.c1-bg .item .image a:focus-visible img, 
.c1-bg .item .image a:focus-visible picture,
.c1-bg .item .image a:focus-visible .overlayicon,
.c1-bg .listing_no-spacing .item a:focus-visible .image, 
.c1-bg .listing_no-spacing .item a:focus-visible .image img, 
.c1-bg .listing_no-spacing .item a:focus-visible .image picture,
.c1-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c1-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c1-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c1-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c1-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c1-bg picture,
main:focus-visible > section.c1-bg:first-of-type, 
section.c1-bg:focus-visible  {
    outline-color: rgba(var(--c1-highlight), 1)!important;
}

.c1-bg .form-control:focus-visible,
.c1-bg .form-check-input:focus-visible,
.form .inner.c1-bg .form-control:focus-visible,
.form .inner.c1-bg .form-check-input:focus-visible,
.form .inner.c1-bg .umbraco-forms-field input:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c1-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c1-highlight), 1)!important;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail {
    color: rgba(var(--c1-text), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c1-text), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c1-link), 1);
}

.component.usn_cmp_breadcrumb.c1-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c1-text), 0.5);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

.c2-bg .label:not(.item-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-autoplay-toggle-button { color: rgba(var(--c2-link), 1); background-color: rgba(var(--c2-bg-color1), 1); }

html.no-touch .c2-bg .slick-slider .slick-autoplay-toggle-button: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,
.form .c2-bg .form-check-input { border-color: rgba(var(--c2-borders), 1); }

.form .c2-bg .form-control:focus,
.form .c2-bg .form-check-input: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-anchor { color: rgba(var(--c2-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c2-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c2-heading), 1); }

.c2-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c2-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c2-bg .image .overlayicon::before,
.item.item_text-boxed .image.c2-bg .overlayicon::before { 
    background: rgba(var(--c2-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c2-bg.c2-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c2-bg.c2-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c2-bg.c2-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c2-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c2-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c2-bg .overlayicon .icon {
    color: rgba(var(--c2-heading), 1);
}


/* Focus visibles */

.c2-bg a:focus-visible,
.c2-bg .btn:focus-visible,
.c2-bg button:focus-visible,
.form .inner.c2-bg a:focus-visible,
.form .inner.c2-bg .btn:focus-visible,
.form .inner.c2-bg button:focus-visible, 
.c2-bg .item .image a:focus-visible, 
.c2-bg .item .image a:focus-visible img, 
.c2-bg .item .image a:focus-visible picture,
.c2-bg .item .image a:focus-visible .overlayicon,
.c2-bg .listing_no-spacing .item a:focus-visible .image, 
.c2-bg .listing_no-spacing .item a:focus-visible .image img, 
.c2-bg .listing_no-spacing .item a:focus-visible .image picture,
.c2-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c2-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c2-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c2-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c2-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c2-bg picture,
main:focus-visible > section.c2-bg:first-of-type, 
section.c2-bg:focus-visible  {
    outline-color: rgba(var(--c2-highlight), 1)!important;
}

.c2-bg .form-control:focus-visible,
.c2-bg .form-check-input:focus-visible,
.form .inner.c2-bg .form-control:focus-visible,
.form .inner.c2-bg .form-check-input:focus-visible,
.form .inner.c2-bg .umbraco-forms-field input:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c2-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c2-highlight), 1)!important;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail {
    color: rgba(var(--c2-text), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c2-text), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c2-link), 1);
}

.component.usn_cmp_breadcrumb.c2-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c2-text), 0.5);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

.c3-bg .label:not(.item-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-autoplay-toggle-button { color: rgba(var(--c3-link), 1); background-color: rgba(var(--c3-bg-color1), 1); }

html.no-touch .c3-bg .slick-slider .slick-autoplay-toggle-button: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,
.form .c3-bg .form-check-input { border-color: rgba(var(--c3-borders), 1); }

.form .c3-bg .form-control:focus,
.form .c3-bg .form-check-input: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-anchor { color: rgba(var(--c3-heading), 1); }

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

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

.component.usn_cmp_anchornavigation.c3-bg .expand-anchor 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 .scroll-link { color: rgba(var(--c3-heading), 1); }

.c3-bg .scroll-prompt .scroll-link 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); }


/* Overlayicons */

.item.item_text-boxed.c3-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c3-bg .image .overlayicon::before,
.item.item_text-boxed .image.c3-bg .overlayicon::before { 
    background: rgba(var(--c3-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

.item.item_text-boxed.c3-bg.c3-bg-radial .image .overlayicon::before,
.item.item_text-boxed .inner.c3-bg.c3-bg-radial .image .overlayicon::before,
.item.item_text-boxed .image.c3-bg.c3-bg-radial .overlayicon::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%); 
}

.item.item_text-boxed.c3-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c3-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c3-bg .overlayicon .icon {
    color: rgba(var(--c3-heading), 1);
}


/* Focus visibles */

.c3-bg a:focus-visible,
.c3-bg .btn:focus-visible,
.c3-bg button:focus-visible,
.form .inner.c3-bg a:focus-visible,
.form .inner.c3-bg .btn:focus-visible,
.form .inner.c3-bg button:focus-visible, 
.c3-bg .item .image a:focus-visible, 
.c3-bg .item .image a:focus-visible img, 
.c3-bg .item .image a:focus-visible picture,
.c3-bg .item .image a:focus-visible .overlayicon,
.c3-bg .listing_no-spacing .item a:focus-visible .image, 
.c3-bg .listing_no-spacing .item a:focus-visible .image img, 
.c3-bg .listing_no-spacing .item a:focus-visible .image picture,
.c3-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c3-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c3-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c3-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c3-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c3-bg picture,
main:focus-visible > section.c3-bg:first-of-type, 
section.c3-bg:focus-visible  {
    outline-color: rgba(var(--c3-highlight), 1)!important;
}

.c3-bg .form-control:focus-visible,
.c3-bg .form-check-input:focus-visible,
.form .inner.c3-bg .form-control:focus-visible,
.form .inner.c3-bg .form-check-input:focus-visible,
.form .inner.c3-bg .umbraco-forms-field input:focus-visible,
.form .inner.c3-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c3-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c3-highlight), 1)!important;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail {
    color: rgba(var(--c3-text), 1);
}

.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c3-text), 1);
}

.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c3-link), 1);
}

.component.usn_cmp_breadcrumb.c3-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c3-text), 0.5);
}


/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

.c4-bg .slick-slider .slick-autoplay-toggle-button { color: rgba(var(--c4-link), 1); background-color: rgba(var(--c4-bg-color1), 1); }

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

.item.item_text-boxed.c4-bg .image .overlayicon::before,
.item.item_text-boxed .inner.c4-bg .image .overlayicon::before,
.item.item_text-boxed .image.c4-bg .overlayicon::before { 
    background: rgba(var(--c4-bg), 1);
}

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

.item.item_text-boxed.c4-bg .image .overlayicon .icon,
.item.item_text-boxed .inner.c4-bg .image .overlayicon .icon,
.item.item_text-boxed .image.c4-bg .overlayicon .icon {
    color: rgba(var(--c4-heading), 1);
}


/* Focus visibles */

.c4-bg a:focus-visible,
.c4-bg .btn:focus-visible,
.c4-bg button:focus-visible,
.form .inner.c4-bg a:focus-visible,
.form .inner.c4-bg .btn:focus-visible,
.form .inner.c4-bg button:focus-visible, 
.c4-bg .item .image a:focus-visible, 
.c4-bg .item .image a:focus-visible img, 
.c4-bg .item .image a:focus-visible picture,
.c4-bg .item .image a:focus-visible .overlayicon,
.c4-bg .listing_no-spacing .item a:focus-visible .image, 
.c4-bg .listing_no-spacing .item a:focus-visible .image img, 
.c4-bg .listing_no-spacing .item a:focus-visible .image picture,
.c4-bg .listing_no-spacing .item a:focus-visible .image .overlayicon,
.item.item_text-boxed .inner.c4-bg a:focus-visible .image, 
.item.item_text-boxed .inner.c4-bg a:focus-visible .image::before,
.item.item_text-boxed .inner.c4-bg a:focus-visible .image img, 
.item.item_text-boxed .inner.c4-bg a:focus-visible .image picture,
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg::before, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg img, 
.usn_cmp_windows .item.item_text-boxed a:focus-visible .image.c4-bg picture,
main:focus-visible > section.c4-bg:first-of-type, 
section.c4-bg:focus-visible  {
    outline-color: rgba(var(--c4-highlight), 1)!important;
}

.c4-bg .form-control:focus-visible,
.c4-bg .form-check-input:focus-visible,
.form .inner.c4-bg .form-control:focus-visible,
.form .inner.c4-bg .form-check-input:focus-visible,
.form .inner.c4-bg .umbraco-forms-field input:focus-visible,
.form .inner.c4-bg .umbraco-forms-field.longanswer textarea:focus-visible,
.form .inner.c4-bg .umbraco-forms-field.dropdown select:focus-visible {
    outline-color: rgba(var(--c4-highlight), 1)!important;
}



/* Breadcrumbs */
.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail {
    color: rgba(var(--c4-text), 1);
}

.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item > span {
    color: rgba(var(--c4-text), 1);
}

.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item:not(.active) a:hover {
    color: rgba(var(--c4-link), 1);
}

.component.usn_cmp_breadcrumb.c4-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c4-text), 0.5);
}




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

/* 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); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c1-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c1-btn-bg-hover-color1),1);
    color: rgba(var(--c1-btn-text-hover),1);
    border-color: rgba(var(--c1-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c1-btn-bg-hover-linear input[type="submit"]:hover { 
    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%); 
}
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c1-btn-bg.c1-btn-bg-hover-radial input[type="submit"]:hover { 
    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%); 
}





/* GLOBAL */

.component.usn_cmp_banner .item.switch-title .row.info_align-middle .info .d-table-cell {
    display: grid !important;
    padding-top: 20% !important;
}

.switch-title h1 {
    order: 1 !important;
}

.switch-title .secondary-heading {
    order: 2 !important;
    padding-bottom: 0 !important;
    padding-top: 20px !important;
}

.switch-title .link {
    order: 4 !important;
}

.switch-title .text{
    order: 3 !important;
}

.switch-title .text h2 {
    padding: 0 0 20px 0 !important;
    margin: 0 !important;
}

@media (max-width: 992px) {
    .component.usn_cmp_banner .item.switch-title .row.info_align-middle .info .d-table-cell {
        padding-top: 80% !important;
    }
}

hr {
    border-top: 1px solid rgb(255 255 255 / 15%) !important;
}

i.fa.after, i.after {
    display: none !important;
}

:root {
    --medium-banner: 80vh !important;
}

h1, h2, h3, h4, h5, h6, .heading {
    padding-bottom:20px;
}

.small, small {
    font-weight: 400 !important;
}

.secondary-heading {
    padding-bottom: 10px;
}

p {
    margin: 20px 0 30px 0;
}

.component:not(.link-block) .text a:not(.btn):not(.cta-compact .text a) {
    text-decoration: underline;
    font-weight: 700 !important;
    color: #BD9C80;
}

.info .text ul {
    margin-top: 20px !important;
}

blockquote p.quote, .quote {
    padding: 50px 50px 50px 100px !important;
    border-top: 1px solid #BD9C80;
    border-bottom: 1px solid #BD9C80;
    margin:50px 0 !important;
}

blockquote::before, .quote::before {
    top: 50px !important;
    left: 30px;
}

.label {
    padding: 5px 15px;
    margin: 0 5px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    background: #f3f2ee !important;
    border-color: #f3f2ee !important;
    color: #4a6155 !important;
}

.usn_back-to-top .btn {
    padding: 0 10px !important;
}

.directional-icons-arrow .usn_back-to-top i.icon:before {
    content: '\f062' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
}

.breadcrumb-trail {
    height: 0 !important;
}

.modal::before {
    content: '\f00d' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.contact iframe {
    width: 100% !important;
    height: 300px !important;
}

iframe {
    width: 100%;
    height: 475px !important;
}
iframe.instagram-media {
    width: 100%;
  height: 1041px!important;
}


.contact table {
    border: none !important;
}

.contact table td {
    padding: 20px 0 !important;
    border: none !important;
}

.btn, button.btn {
    margin: 0 10px 0 0 !important;
}

.fix-spacing {
    background: transparent !important;
    margin-top: -100px !important;
}

.fix-spacing .container-fluid {
    padding: 0 !important;
}

.usn_pod_vdmnewcarsslider,
.usn_pod_vdmcardetailsspecs {
    padding: 0 !important;
}

.button-block {
    /*margin-top: -100px !important;*/
}

.button-block .component-outro {
    padding-top: 0 !important;
}

.button-block .btn {
    margin-right: 0 !important;
}

/* ANIMATIONS */

.front-page .big-banner .info,
.front-page .big-banner .scroll-prompt {
    opacity: 0;
}

@keyframes swaying {
  0%,
  100% {
    top: 0;
  }
  50% {
    top: -10px;
  }
}

.usn_cmp_banner .scroll-prompt i {
    position: absolute;
    animation: swaying 2s infinite;
}

.list-banner .heading {
    padding-bottom: 0 !important;
}

.list-banner .text {
    padding-top: 0 !important;
}

.list-banner .text ul {
    list-style: none;
    margin-top: 20px !important;
}

.list-banner .text ul li {
    font-size: 20px !important;
    padding: 10px 15px !important;
    display: block;
}

.list-banner .text ul li:before {
    content: '\f00c' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 18px;
    padding: 13px 0;
    font-weight: 100 !important;
    margin-right: 10px;
}

.list-banner .info.col {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.list-banner .item .info .d-table {
    width: 40% !important;
    background: rgb(0 0 0 / 65%) !important;
    height: 60% !important;
    padding: 50px !important;
    float: right !important;
    margin-top: 50px !important;
}

/* HEADER */

header#site-header {
    background: rgb(41,40,38);
    background:  linear-gradient(180deg, rgba(41,40,38,1) 0%, rgba(41,40,38,0.13209033613445376) 80%, rgba(41,40,38,0) 100%) !important;
    position: fixed !important;
    backdrop-filter: blur(1px);
    z-index: 9999 !important;
    overflow: visible !important;
}

html.reveal-out header#site-header {
    background: rgb(189 156 128 / 97%) !important;
}

header#site-header nav.main {
    top: 25vh;
    width: 43% !important;
    left: 10%;
    position: absolute;
}

header#site-header nav.secondary {
    width: 30% !important;
    top: 60vh !important;
    position: absolute;
    left: 10%;
}

header#site-header .social,
header#site-header .extra-info {
    display: none;
}

html.reveal-out header#site-header .social,
html.reveal-out header#site-header .extra-info {
    display: block;
}

header#site-header nav.cta-links {
    right: 240px !important;
}

html.reveal-out nav.cta-links  {
    display: none;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

html.reveal-out header#site-header .social,
html.reveal-out header#site-header .extra-info {
    animation: fadeIn 3s;
}

header#site-header .social {
    position: absolute;
    top: 60vh;
    left:60%;
    padding: 25px 0 !important;
}

header#site-header .social .title {
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    font-size: 15px !important;
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
}

header#site-header .social a {
    display: inline-block;
    padding: 0 2px;
}

header#site-header .social a img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

header#site-header .social a:hover img {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

header#site-header .social a img {
    width: 30px !important;
}

header#site-header .extra-info {
    position: absolute;
    top: 25vh;
    left: 60%;
    width: 25%;
    padding: 0 !important;
}

header#site-header .extra-info .text {
    color: #fff !important;
    padding-top: 10px;
    width: 70%;
}

header#site-header .extra-info .title {
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    font-size: 16px !important;
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif !important;
}

header#site-header .extra-info .link .btn {
    background: transparent !important;
    border: 1px solid #fff !important;
}

header#site-header .extra-info .link .btn:first-child {
    background: #fff !important;
    color: #BD9C80 !important;
    margin-right: 10px;
}

header#site-header .extra-info .link .btn:nth-child(2):before {
    content: '\f232' !important;
    font-family: 'Font Awesome 5 Brands' !important;
    font-size: 22px;
    padding: 13px 0;
    font-weight: 100 !important;
    position: absolute;
    top: 0;
    left: 20px;
}

header#site-header .extra-info .link .btn:nth-child(2) {
    padding-left: 50px !important;
    padding-right: 18px !important;
    font-weight: 400 !important;
}

header#site-header .extra-info .link .btn:hover,
header#site-header .extra-info .link .btn:focus,
header#site-header .extra-info .link .btn:hover span,
header#site-header .extra-info .link .btn:focus span {
    border-color: #4A6155 !important;
    background: #4A6155 !important;
    color: #fff !important;
}

html.no-touch nav.secondary ul li span a:hover, nav.secondary ul li span a:focus, nav.secondary ul li span a:active, html.no-touch nav.secondary ul li.dropdown>a:hover, nav.secondary ul li.dropdown a:focus, nav.secondary ul li.dropdown a:active, nav.secondary ul li.dropdown.show>a {
    background: transparent !important;
    
}

header#site-header nav.secondary ul li {
    text-align: left;
}

header#site-header nav.main>ul {
    max-width: 100% !important;
    /*columns:2;*/
}

header#site-header nav.main>ul>li {
    display: inline-block !important;
    width: 50% !important;
    float: left;
    text-align: left;
}

header#site-header nav.main>ul>li>span>a:hover,
header#site-header nav.main>ul>li>span>a:focus {
      color: #fff !important;
      opacity: .3;
  }

header#site-header nav.main>ul>li:nth-child(2) a:hover,
header#site-header nav.main>ul>li:nth-child(4) a:hover,
header#site-header nav.main>ul>li:nth-child(6) a:hover,
header#site-header nav.main>ul>li:nth-child(2) a:focus,
header#site-header nav.main>ul>li:nth-child(4) a:focus,
header#site-header nav.main>ul>li:nth-child(6) a:focus {
    color: #4A6155 !important;
}

header#site-header nav.main>ul>li a {
    padding: 10px 0 !important;
}

header#site-header nav.secondary>ul>li a:after {
    content: '|';
    position: absolute;
    right: -5px;
    color: #fff !important;
}

header#site-header nav.secondary>ul>li a:last-child:after {
    display: none;
}

header#site-header nav.main>ul>li:nth-child(2) a,
header#site-header nav.main>ul>li:nth-child(4) a,
header#site-header nav.main>ul>li:nth-child(6) a {
    color: #4A6155 !important;
}

header#site-header nav.main>ul>li.active:nth-child(2) a,
header#site-header nav.main>ul>li.active:nth-child(4) a,
header#site-header nav.main>ul>li.active:nth-child(6) a {
    color: #7c6755 !important;
}

header#site-header #logo {
    left: auto !important;
    right: 0 !important;
    width: 200px !important;
}

html.reveal-out header#site-header #logo {
    display: none;
}

header#site-header .expand-header {
    right: auto !important;
    left: 50px !important;
}

nav.cta-links  {
    position: fixed !important;
    top: 167px !important;
    right: -250px !important;
    left: auto !important;
    width: 250px;
    z-index: 9999 !important;
}

body.header-03-lg header#site-header .expand-header {
    height: 90px !important;
}

nav.cta-links .btn {
    min-width: 250px;
    text-align: left;
    margin: 5px 0 0 0 !important;
    padding-left: 20px !important;
}

nav.cta-links .btn:hover,
nav.cta-links .btn:focus,
nav.cta-links .btn:hover span,
nav.cta-links .btn:focus span {
    background: #bd9c80 !important;
    border-color: #bd9c80 !important;
}

nav.cta-links .btn:hover {
    right: 175px;
}

.site-search button.btn {
    margin: 0 !important;
}

nav.cta-links .btn i:before {
    position: absolute !important;
    left: -50px;
    top: -1px;
    width: 49px;
    height: 49px;
    background: #4A6155;
    color: #bd9c80;
    font-size: 24px;
    padding: 12px 0;
    text-align: center !important;
}

nav.cta-links .btn:nth-child(2) i:before {
    content: '\f232' !important;
    font-family: 'Font Awesome 5 Brands' !important;
    height: 48px;
}

nav.cta-links .btn:first-child i:before {
    content: '\f095' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 21px !important;
    padding: 15px 0 !important;
}

nav.secondary ul li.dropdown > a.dropdown-toggle::after {
    display: none !important;
}

nav.secondary ul li.dropdown > a {
    display: inline !important;
}

header#site-header nav.secondary a.active {
    color: #4A6155 !important;
}

nav.secondary ul li span div, nav.secondary ul li span a, nav.secondary ul li a {
    font-weight: 600 !important;
}

nav.main ul>li.active>span>a {
    color: #7c6755 !important;
}

header#site-header .row {
    padding: 0 !important;
}

.detail header#site-header {
    background: rgb(255 255 255 / 92%) !important;
}

.detail header#site-header .expand-header span:before, 
.detail header#site-header .expand-header span, 
.detail header#site-header .expand-header span:after {
    background-color: #232323 !important;
}

.detail header#site-header .site-search .btn,
.detail header#site-header .site-search input,
.detail header#site-header .site-search input::placeholder {
    color: #232323 !important;
}

.reveal-out .detail header#site-header .expand-header span{
    background-color: transparent !important;
}

.reveal-out .detail header#site-header .expand-header span:before,
.reveal-out .detail header#site-header .expand-header span:after {
    background-color: #fff !important;
}

header#site-header .site-search {
    position: fixed !important;
    top: 20px !important;
    left: 140px !important;
    z-index: 10000 !important;
    width: 160px !important;
    padding:0!important;
    display: block !important;
}

header#site-header .site-search .form-control {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
}

header#site-header .site-search input::placeholder {
    color: #fff !important;
    font-size: 13px !important;
}

header#site-header .site-search button.btn{
    background: transparent !important;
    border: none !important;
}

header#site-header .site-search button.btn:hover,
header#site-header .site-searchbutton.btn:focus,
header#site-header .site-search button.btn:hover span,
header#site-header .site-search button.btn:focus span {
    background: transparent !important;
    border: none !important;
    opacity: .5 !important;
    transition: all .3s ease-in-out !important;
}

header#site-header .site-search.form-control:focus, 
header#site-header .site-search .umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input:focus, 
header#site-header .site-search .umbraco-forms-field.longanswer textarea:focus, 
header#site-header .site-search .umbraco-forms-field.dropdown select:focus {
    background: transparent !important;
    border: none !important;
}

header#site-header .site-search input:-webkit-autofill,
header#site-header .site-search input:-webkit-autofill:hover, 
header#site-header .site-search input:-webkit-autofill:focus, 
header#site-header .site-search input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    background: transparent !important;
}

header#site-header .form-control:focus-visible, header#site-header .form-check-input:focus-visible, header#site-header .umbraco-forms-field input:focus-visible, header#site-header .umbraco-forms-field.longanswer textarea:focus-visible, header#site-header .umbraco-forms-field.dropdown select:focus-visible,
input:focus-visible,
.form-control:focus-visible, 
.umbraco-forms-field input:focus-visible, 
.umbraco-forms-field.longanswer textarea:focus-visible,
.umbraco-forms-field.dropdown select:focus-visible {
    outline: none !important;
}

/* FOOTER */

footer#site-footer {
    padding-bottom: 95px !important;
}

nav.footer-navigation ul li a, 
nav.footer-navigation ul li div {
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

nav.footer-navigation ul li a:before {
    content: '|';
    position: absolute;
    margin-left: -15px;
    color: #fff !important;
}

nav.footer-navigation ul li a {
    padding-left: 10px !important;
}

nav.footer-navigation {
    border-top: 1px solid #BD9C80;
    padding-top: 20px !important;
    margin-top: 50px !important;
}

footer#site-footer .listing a:not(.btn),
footer#site-footer p {
    color: #fff !important;
    font-size: 15px !important;
    margin: 0 !important;
}

footer#site-footer p.link {
    margin-top:30px !important;
}

footer#site-footer a {
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
}

footer#site-footer .footer-text {
    line-height: 140%;
    padding-top: 8px !important;
    margin-top: 0 !important;
}

footer#site-footer .item.usn_pod_links .secondary-heading + .listing_links, 
footer#site-footer .item.usn_pod_links .heading + .listing_links {
    margin: 0 -15px !important;
}

footer#site-footer nav:not(.footer-navigation) a {
    color: #fff !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
}

footer#site-footer .listing.listing_links.listing_links-mini .item {
    margin: 10px 0 0 5px !important;
}

footer#site-footer .pull-address .text {
    line-height: 175% !important;
}

footer#site-footer a:not(.btn):hover {
    color: #BD9C80 !important;
}

footer#site-footer .heading {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    padding-bottom: 5px !important;
    letter-spacing: .5px;
}

footer#site-footer .col-4 {
    -ms-flex: 0 0 32% !important;
    flex: 0 0 32% !important;
    max-width: 32% !important;
}

footer#site-footer .col-4 .title {
    font-family: 'Michroma', sans-serif;
    color: #fff !important;
    font-size: 30px !important;
    line-height: 175% !important;
    margin-top: -20px !important;
}

footer#site-footer .col-lg-2 {
    padding: 0 !important;
}

footer#site-footer .extra-info .text {
    line-height: 175% !important;
    padding-top: 10px;
    width: 88%;
    color: #fff !important;
}

footer#site-footer .extra-info .link .btn:nth-child(2) {
    background: transparent !important;
    border: 1px solid #fff !important;
    padding-left: 50px !important;
    margin-left: 10px;
}

footer#site-footer .extra-info .link .btn:nth-child(2):hover,
footer#site-footer .extra-info .link .btn:nth-child(2):focus,
footer#site-footer .extra-info .link .btn:nth-child(2):hover span,
footer#site-footer .extra-info .link .btn:nth-child(2):focus span {
    border-color: #4A6155 !important;
}

footer#site-footer .extra-info .link .btn:nth-child(2):before {
    content: '\f232' !important;
    font-family: 'Font Awesome 5 Brands' !important;
    font-size: 22px;
    padding: 13px 0;
    font-weight: 100 !important;
    position: absolute;
    top: 0;
    left: 20px;
}

footer#site-footer .wrapper {
    text-align: center !important;
    padding-bottom: 60px !important;
}

footer#site-footer .logo img {
    max-width: 200px !important;
}

footer#site-footer .col-lg-3 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 110px 0 0 0 !important;
}

footer#site-footer .footer-item .col-lg-2 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 60px 0 0 0 !important;
}

footer#site-footer .footer-item:nth-child(3) {
    margin-left: -20px !important;
}

footer#site-footer .footer-item:nth-child(4) {
    margin-right: 20px !important;
    margin-left: 10px !important;
}

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

nav.social ul li a {
    margin-right: 4px !important;
}

footer#site-footer a i {
    display: none !important;
}

.compactspecs {
    
}
.compactspecs tr {
    border-bottom: 1px solid rgb(255 255 255 / 50%);    
}

.compactspecs td {
    width:40%!important;
    border-right: none !important;
    margin: 0 15px !important;
    padding: 15px 0 !important;
    border-bottom:1px solid transparent!important;
}
/* FORMS */

.usn_cmp_form .component-introduction {
    padding: 0 0 0 100px !important;
}

.usn_cmp_form .form .inner {
    padding: 0 100px!important;
}

.umbraco-forms-form fieldset {
    margin: 0 !important;
    padding: 0 !important;
}

.form-control:focus-visible, 
.umbraco-forms-field input:focus-visible, 
.umbraco-forms-field.longanswer textarea:focus-visible, 
.umbraco-forms-field.dropdown select:focus-visible {
    outline: none !important;
}

.form-control:focus, 
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input:focus, 
.umbraco-forms-field.longanswer textarea:focus, 
.umbraco-forms-field.dropdown select:focus {
     border-color: #bd9c80 !important;
}

.form-control::placeholder, 
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input::placeholder, 
.umbraco-forms-field.longanswer textarea::placeholder, 
.umbraco-forms-field.dropdown select::placeholder {
     color: #232323 !important;
     font-size: 16px !important;
}

.form-control, 
.umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input, 
.umbraco-forms-field.longanswer textarea, 
.umbraco-forms-field.dropdown select {
     color: #bd9c80 !important;
     font-size: 16px !important;
     margin: 0 !important;
}

.umbraco-forms-form .umbraco-forms-navigation {
    padding: 0 !important;
}

.umbraco-forms .btn-bg_base-btn-bg input[type="submit"] {
    margin-right: 15px !important;
    float: right;
}

label.umbraco-forms-label {
    font-weight: 400 !important;
    font-size: 16px !important;
}

.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper::before,
.umbraco-forms-form .checkbox input {
    border: 1px solid #d1d1d1 !important;
    border-radius: 2px;
    margin-left: 15px;
}

.umbraco-forms-field.checkbox label {
    padding-left: 42px;
}

.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper::after, .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper::after, .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .checkboxlist label::after {
    left: 20px;
}

form .col-md-12,
form .col-md-6 {
    padding-right: 20px !important;
}

.umbraco-forms-fieldset .row-fluid {
    margin: 0  !important;
}

/* Form reset */

.form-basic .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .checkboxlist label::after {
    left: 7px;
    top: 7px;
}
.form-basic .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper::before, 
.form-basic .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper::before, 
.form-basic .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper .checkboxlist label::before, 
.form-basic .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper .radiobuttonlist label::before, 
.form-basic .form-group.checkbox span, 
.form-basic .form-group.radio span {
    width:18px;
    height:18px;
}
.form-basic .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label {
    width:100%;
}
.form-basic label.umbraco-forms-label {
    font-weight:700!important;
}
.form-basic .umbraco-forms-field.longanswer textarea {
    height:248px;
}

.form-basic .umbraco-forms-navigation .btn.primary {
margin-left: 15px !important;
}

@media (min-width:992px) {
.form-basic .umbraco-forms-navigation .btn.primary {
    margin-top:-60px!important;
}
}
.form-basic .form-group.uploadafile .form-control, 
.form-basic .umbraco-forms-field.fileupload:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input {
    padding-top:7px;
}
/* BANNERS */

.usn_cmp_banner:not(.highlights) .item.item_overlay .image::before {
    background: #232323;
    z-index:999;
}

.scroll-prompt {
    width: 60px;
    height:40px;
    bottom:75px;
}

.scroll-prompt .scroll-link i {
    width: 40px;
    height:40px;
    background: #bd9c80;
    border-radius: 50%;
    padding:7px 0;
    font-size: 24px;
}

.directional-icons-arrow .scroll-prompt-arrow .scroll-link > i.icon:before {
    content: '\f175' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 20px;
    font-weight: 100 !important;
}

.slick-dot-icon,
.slick-autoplay-toggle-button {
    display: none !important;
}

.slick-slider .slick-dots {
    bottom: 1px !important;
}

@media (min-width: 1200px) {
    .slick-slider .slick-dots {
        bottom: 21px !important;
    }
}

.slick-slider .slick-dots li {
    margin: 0 !important;
}

.slick-slider .slick-dots li > button {
    border-radius: none !important;
    background: #BD9C80 !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    width: 8px !important;
    height: 8px !important;
}

.slick-slider .slick-dots li.slick-active > button {
    background: #232323 !important;
    opacity: 1 !important;
    width: 8px !important;
    height: 8px !important;
}

.big-banner .item.item_overlay.c1-bg .inner::before {
    display: none !important;
}

.component.usn_cmp_banner .item.item_takeover-banner, 
.component.usn_cmp_banner .item.item_takeover-banner .container, 
.component.usn_cmp_banner .item.item_takeover-banner .row, 
.component.usn_cmp_banner .item.item_takeover-banner .image, 
.component.usn_cmp_banner .item.item_takeover-banner .image .video {
    height: 100vh !important;
}

.usn_cmp_banner .item.item_overlay.c1-bg .inner::before {
    background: rgb(32,32,32);
    background: linear-gradient(180deg, rgba(32,32,32,1) 0%, rgba(32,32,32,0.6) 10%, rgba(32,32,32,0) 20%) !important;
    opacity: .7;
}

.highlights .item {
    border-bottom: 100px solid #fff;
}

.highlights .slick-slider .slick-next {
    right: 46% !important;
}

.highlights .slick-slider .slick-prev {
    left: 46% !important;
    display: block !important;
}

.slick-slider .slick-prev {
    left: 44% !important;
    bottom: -11px !important;
    color: #BD9C80 !important;
    top: auto !important;
}

.slick-slider .slick-next {
    right: 44% !important;
    bottom: -11px !important;
    color: #BD9C80 !important;
    top: auto !important;
}

.slick-slider .slick-prev i.icon, 
.slick-slider .slick-next i.icon {
    font-size: 24px !important;
}

.slick-next-icon:before,
.directional-icons-arrow .slick-next i.icon:before, 
.directional-icons-arrow .ekko-lightbox-nav-overlay a:nth-child(2)::before {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
}

.slick-prev-icon:before,
.directional-icons-arrow .slick-prev i.icon:before, 
.directional-icons-arrow .ekko-lightbox-nav-overlay a:nth-child(1)::before {
    content: '\f060' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
}

.usn_cmp_banner .item.item_overlay.c1-bg.item_medium-banner .inner::before {
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 70%) !important;
    opacity: .8;
}

body.collection-title .usn_cmp_banner.small-title h1 {
    background: #BD9C80 !important;
    z-index: 999;
    padding: 50px 70px !important;
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 94% 100%, 0 100%);
    height: 320px;
}

body:not(.collection, .front-page) .usn_cmp_banner.small-title h1 {
    background: #BD9C80 !important;
    z-index: 999;
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 94% 100%, 0 100%);
    height: 320px;
    padding: 50px 70px !important;
}

.collection .usn_cmp_banner h1 {
    padding-top: 0px !important;
}

body.collection-title .usn_cmp_banner:not(.small-title) h1,
body:not(.collection, .front-page) .usn_cmp_banner:not(.small-title) h1 {
    background: #BD9C80 !important;
    width: 60% !important;
    z-index: 999;
    font-size: 50px !important;
    padding: 70px !important;
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 94% 100%, 0 100%);
    height: 320px;
}

body.collection-title .usn_cmp_banner h1:before ,
body:not(.collection, .front-page) .usn_cmp_banner h1:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 140px;
    background-image: url(../../../images/AlienTrick/lines-gold.webp) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    width: 425px;
    height: 425px;
    mix-blend-mode: color-burn;
    opacity: .3;
    filter: hue-rotate(45deg);
    background-color: transparent !important;
    margin: 0 !important;
}

.usn_cmp_banner.small-title h1 {
    width: 80% !important;
    font-size: 45px !important;
    line-height: 125%;
}

body.collection-title .usn_cmp_banner .container,
body:not(.collection, .front-page) .usn_cmp_banner .container {
    max-width: 85%;
}

/* THREE IMAGES BLOCK */

.images-block {
    padding-right: 100px !important;
}

.images-block .usn_cmp_gallery {
    min-height: 900px;
}

.images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1 {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
    min-height:900px;
    position: absolute;
    top: 0;
}

.images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:first-child .image {
    position: absolute;
    top: 10%;
    left: 15%;
    width: 40%;
    z-index: 2;
}

.images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(2) .image {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    z-index: 1;
}

.images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(3) .image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 95%;
}

.images-block.images-block-small .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(3) .image {
    position: absolute;
    bottom: 20%;
    right: 0;
    width: 95%;
}

.images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:first-child {
    z-index: 2;
}

.images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(2) {
    z-index: 1;
}

.images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(3) {
    z-index: 0;
}

.images-block .usn_cmp_text .info .link {
    padding-left: 100px !important;
}

.images-block .usn_cmp_text .info .text {
    padding-left: 100px !important;
}

.images-block .usn_cmp_text .info .text:before {
    content: '';
    width: 70px;
    height:40px;
    background-image: url('/../../../images/AlienTrick/lines.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin-left: -90px !important;
    display: block;
}

.images-block .usn_cmp_text .info {
    padding: 0 15% 0 25% !important;
    max-width: 100% !important;
}

.images-block.left-images {
    padding-left: 35px !important;
}

.images-block.left-images .usn_cmp_text .info {
    padding: 0 22% 0 18% !important;
}

/* SPLIT TEXT / IMAGE */

.split-text-image {
    padding-left: 150px !important;
    padding-right: 150px !important;
}

.split-text-image .usn_cmp_text .info .link {
    padding-left: 100px !important;
}

.split-text-image .usn_cmp_text .info .text {
    padding-left: 100px !important;
}

.split-text-image .usn_cmp_text .info .text:before {
    content: '';
    width: 70px;
    height:40px;
    background-image: url('/../../../images/AlienTrick/lines.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin-left: -90px !important;
    display: block;
}

.split-text-image .usn_cmp_text .info {
    padding: 0 !important;
    max-width: 100% !important;
}

.split-text-image.left-images {
    padding-left: 35px !important;
}

.split-text-image.left-images .usn_cmp_text .info {
    padding: 0 22% 0 18% !important;
}

/* TITLE */

.title-block {
    padding: 50px 0 30px 0 !important;
}

/* LINKS */


.with-socials .component-outro {
    padding-top: 0 !important;
}

.with-socials .component-outro p {
    font-family: 'Michroma', sans-serif !important;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
}

.link-block {
    margin: 100px 75px 125px 75px;
    padding: 50px 0 !important;
}

.link-block .component-introduction {
    padding-bottom: 20px !important;
}

.splitter {
    display: block;
}

.link-block:before {
    content: '';
    position: absolute;
    left: -100px;
    top: -55px;
    background-image: url(../../../images/AlienTrick/lines.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 475px;
    height: 475px;
    mix-blend-mode: multiply;
    opacity: .3;
}

.link-block:not(.gold) .button-group a {
    cursor: pointer;
}

.link-block-angle .heading {
    position:relative;
    z-index:99;
}
.link-block-angle:before {
    z-index:3;
}
.link-block-angle {
    position: relative;
    overflow: visible; 
}

.link-block.gold.link-block-angle .btn {
    width:auto!important;
}

.front-page .link-block:not(.gold) .component-outro {
    padding-top: 0 !important;
}

.front-page .link-block:not(.gold):before {
    left: -80px;
    width: 450px;
    height: 450px;
}

.link-block .heading {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    padding-bottom: 0px;
}

.link-block:not(.gold) a:not(.btn), 
.link-block:not(.gold) button:not(.btn) {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    width: 160px !important;
    margin: 5px;
    display: inline-block;
    background: transparent !important;
    text-align: center !important;
    color: #fff !important;
    padding: 5px 10px;
    border: 1px solid #bd9c80;
}

.link-block:not(.gold) a:not(.btn):hover,
.link-block:not(.gold) a:not(.btn):focus,
.link-block:not(.gold) button:not(.btn):hover,
.link-block:not(.gold) button:not(.btn):focus {
    border: 1px solid #688174;
    color: #90a99c !important;
}

.link-block:not(.gold) .component-introduction .info {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.link-block:not(.gold) .text p {
    text-align: center !important;
}

.link-block a:not(.btn):hover:after,
.link-block button:not(.btn):hover:after {
    transition: all .5s ease-out;
    margin-left: 15px;
}

.link-block.gold .heading {
    font-family: 'Michroma', sans-serif !important;
    font-weight: 400 !important;
    font-size: 36px !important;
    padding:0 5% 40px 5%;
}

.link-block .component-introduction .info.col {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.link-block.gold {
    margin-top: 150px;
}

.link-block.gold .btn {
    margin-right: 5px !important;
    margin-left: 5px !important;
    width: 225px !important;
}

.link-block .button-group {
    text-align: center !important;
}

.link-block:not(.gold) .btn {
    margin: 40px 10px 0 10px !important;
    float: left;
    margin-left: calc(50% - 71px) !important;
}

.link-block.gold:before {
    background-image: url(../../../images/AlienTrick/lines-gold.webp) !important;
}

.message-div {
    position: absolute;
    top: 460px;
    color: #232323;
    text-align: center !important;
    width: 100%;
    margin-left: -20px;
}

.link-block img {
    max-width: 50px;
}

.link-block.gold a:not(.btn) {
    margin: 0 7px !important;
}

.link-block.gold a:not(.btn) img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.link-block.gold a:not(.btn):hover img {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}


.collection .link-block:not(.gold) {
    margin-top: -207px;
    margin-left: 200px;
    margin-right: 200px;
    margin-bottom: 0;
    z-index: 999 !important;
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 97% 100%, 0 100%);
}

.collection .link-block:not(.gold) h3 {
    text-transform: uppercase !important;
    font-size: 24px !important;
    padding-bottom: 40px !important;
}

.collection .link-block:not(.gold):before {
    left: -50px;
}

.link-block:not(.gold) .btn:hover,
.link-block:not(.gold) .btn:focus,
.link-block:not(.gold) .btn:hover span,
.link-block:not(.gold) .btn:focus span {
    background: transparent !important;
    border-color: #688174 !important;
    color: #fff !important;
}

.collection .link-block.gold {
    margin-top: 25px !important;
    margin-bottom: 125px !important;
}

.collection .link-block.gold h3 {
    padding: 20px 80px 30px 80px !important;
}

/* SUBPAGE LISTING */

.usn_cmp_subpagelisting .component-introduction .heading {
    font-size: 40px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
}

.usn_cmp_subpagelisting .link-block.gold .heading {
    font-family: 'Michroma', sans-serif;
    font-weight: 400 !important;
    font-size: 36px !important;
}

.usn_cmp_subpagelisting .listing .item .info {
    margin-top:-5px !important;
    padding-top: 0;
    padding-bottom: 50px !important;
}

.usn_pod_vdmcarscollection .usn_cmp_subpagelisting .listing .item .info .secondary-heading {
    text-transform: none !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    letter-spacing: 0 !important;
    color:#232323 !important;
    padding-top: 30px;
    border-top: 1px solid #bd9c80;
    margin-top: 20px !important;
    padding-bottom: 5px !important;
}

.usn_cmp_subpagelisting .listing .item .info .secondary-heading {
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    color: #232323 !important;
    padding-bottom: 0 !important;
    padding-top: 20px;
    border-top: 1px solid #bd9c80;
    margin-top: 30px !important;
}

.usn_cmp_subpagelisting .listing .item .info .heading {
    font-family: 'Michroma', sans-serif;
    font-size: 24px !important;
    line-height: 30px;
    font-weight: 400;
    padding-top: 20px !important;
}

.usn_cmp_subpagelisting .listing .item .info .text p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.wrap {
    margin-bottom: 10px !important;
}

.wrap span {
    display: inline-block;
    margin-right: 10px;
    font-weight: 400 !important;
}

.wrap strong {
    font-weight: 400 !important;
}

.usn_cmp_subpagelisting .slick-slider .slick-prev {
    left: 44% !important;
    bottom: -22px !important;
    color: #BD9C80 !important;
    top: auto !important;
}

.usn_cmp_subpagelisting .slick-slider .slick-next {
    right: 44% !important;
    bottom: -22px !important;
    color: #BD9C80 !important;
    top: auto !important;
}

.front-page .usn_cmp_subpagelisting .listing .item .btn {
    display: none !important;
}

.collection .usn_cmp_subpagelisting .listing .item .info .text {
    padding-bottom: 20px !important;
}

.collection .usn_cmp_subpagelisting .listing .item:hover .btn,
.collection .usn_cmp_subpagelisting .listing .item:focus .btn {
    background: #4a6155 !important;
    border-color: #4a6155 !important;
}

.collection .usn_cmp_subpagelisting .listing .item .info .heading {
    min-height: 60px;
    max-height: 60px;
    font-size: 30px !important;
}

.collection .usn_cmp_subpagelisting .listing .item {
    z-index: 999;
}

/* BLOG */

time, 
.categories{
    display: inline-block !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.categories a {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
}

a.read-more {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important; 
}

a.read-more:after {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 1px;
    color: #BD9C80;
    position: absolute;
    font-weight: 400 !important;
}

a.read-more:hover:after {
    transition: all .5s ease-out;
    margin-left: 15px;
}

.blog.usn_cmp_subpagelisting .listing .item .info .heading {
    min-height: 160px;
    max-height: 160px;
}

.item .meta {
    margin-top: 0 !important;
}

.blog .listing .item .btn {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #232323 !important;
}

.blog .listing .item .btn:after {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 1px;
    color: #BD9C80;
    position: absolute;
    font-weight: 400 !important;
}

.blog .listing .item:hover .btn:after, 
.blog .listing .item .btn:hover:after {
    transition: all .5s ease-out;
    margin-left: 15px;
}

.blog .listing .item .btn:hover,
.blog .listing .item .btn:focus,
.blog .listing .item .btn:hover span,
.blog .listing .item .btn:focus span {
    border: none !important;
    background: transparent !important;
    color: #BD9C80 !important;
}

.blog .listing .item:hover .btn,
.blog .listing .item:focus .btn,
.blog .listing .item:hover .btn span,
.blog .listing .item:focus .btn span {
    border: none !important;
    background: transparent !important;
    color: #BD9C80 !important;
}

.blog .listing .item .info .heading.lg {
    min-height: 160px;
    max-height: 160px;
    font-family: 'Michroma', sans-serif;
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height:30px;
}

.component.meta.base-bg {
    border-top: 1px solid #e3ddd8 !important;
    padding-bottom: 0 !important;
}

/* TWO SLIDERS */

.two-sliders {
    padding: 100px 25px !important;
}

.two-sliders .container {
    max-width: 98% !important;
}

.two-sliders .col-md-8 {
    z-index: 999 !important;
}    
    
.two-sliders .col-md-4 .component-main {
    margin-left: -30px !important;
    margin-top: 450px !important;
}

.two-sliders .col-md-4 {
    z-index: 998 !important;
}  

.two-sliders .component-introduction .text p:nth-of-type(2) {
    font-size: 14px !important;
    display: inline-block !important;
    margin-left: 10px !important;
    border-left: 1px solid rgb(255 255 255 / 35%);
    padding-left: 10px;
}

.two-sliders .component-introduction {
    background: #BD9C80 !important;
    width: 60% !important;
    max-width: 550px !important;
    position: absolute;
    right: -35%;
    top: 10%;
    z-index: 999;
    padding: 30px !important;
    clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 94% 100%, 0 100%);
}

.two-sliders .component-introduction:before {
    content: '';
    position: absolute;
    left: 0px;
    top: -45px;
    background-image: url(../../../images/AlienTrick/lines-gold.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    mix-blend-mode: multiply;
    opacity: .3;
}

.two-sliders .component-introduction h1 {
    color: #fff !important;
    font-size: 22px !important;
    line-height: 125%;
    padding-bottom: 0 !important;
}

.two-sliders .component-introduction h1:after {
    content: '';
    width: 70px;
    height: 40px;
    background-image: url(/../../../images/AlienTrick/lines-dark.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-color: transparent !important;
    margin: 0 !important;
}

.two-sliders .component-introduction .text {
    margin-top: 0 !important;
}

.two-sliders .component-introduction .text p {
    font-family: 'Open Sans', sans-serif !important;
    color:#fff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin: 0 !important;
    display: inline-block !important;
}

.two-sliders .slick-slider .slick-next {
    bottom: -18px !important;
    right: 20px !important;
}

.two-sliders .slick-slider .slick-prev {
    bottom: -18px !important;
    left: 20px !important;
}

.two-sliders .usn_cmp_gallery:nth-child(2) .slick-slider .slick-next {
    right: 20px !important;
}

.two-sliders.single {
    padding: 65px 25px !important;
}

.two-sliders.single .container {
    max-width: 1200px !important;
}

.two-sliders.single .slick-slider .slick-next {
    right: 20px !important;
}

.two-sliders.single .component-introduction {
    right: 200px !important;
    top: 200px !important;
}

.two-sliders.single .component-introduction .info {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.ekko-lightbox-nav-overlay a::before {
    background: transparent !important;
    color: #fff !important;
    font-size: 24px !important;
    right: 20px !important;
}

.ekko-lightbox-nav-overlay a:nth-child(1)::before {
    left: 20px !important;
}

.modal::before {
    font-size: 24px !important;
    top: 20px !important;
    right: 20px !important;
}

.modal .close {
    top: 20px !important;
    right: 20px !important;
}

/* DATA LISTS */

.two-sliders .usn_cmp_datalist {
    padding-top: 200px !important;
    padding-bottom: 0 !important;
}

.usn_cmp_datalist .text-left,
.usn_cmp_datalist .text-right {
    width: 100% !important;
    text-align: left !important;
}

.usn_cmp_datalist .text-right {
    min-height: 50px !important;
}

.usn_cmp_datalist .text-left {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important; 
    text-transform: uppercase !important;
}

.usn_cmp_datalist .text-right {
    font-weight: 400 !important;
    border-bottom: 1px solid #bd9c80;
    padding-bottom: 20px !important;
}

/* TABS */

.usn_cmp_accordiontab {
    padding: 50px 0 100px 0 !important;
    margin: 50px 60px 0 60px !important;
}

.repeatable.tab-basic {
    margin-top: -98px !important;
}

.repeatable.tabbed.tab-basic .tab .nav-link {
    text-transform: uppercase !important;
    font-size: 15px !important;
    padding: 12px 30px !important;
    border: none !important;
    color: #232323 !important;
    background: transparent !important;
    font-weight: 700 !important;
}

.repeatable.tabbed .tab {
    margin: 0 !important;
}

.repeatable.tabbed.tab-basic .tab .nav-link:hover {
    background: #4A6155 !important;
    color: #fff !important;
}

.repeatable.tabbed.tab-basic .tab .nav-link.active {
    background: #4A6155 !important;
    color: #fff !important;
}

.repeatable.tabbed.tab-basic .tab .nav-link.active::after {
    display: none !important;
}

.repeatable.tab-basic .repeatable-content {
    border: none !important;
    padding: 75px 0 0 0 !important;
}

.repeatable.tabbed.tab-basic table {
    border: none !important;
}

.repeatable.tabbed.tab-basic table td {
    width: calc(50% - 30px);
    display: inline-block;
    float: left;
    border-right: none !important;
    margin: 0 15px !important;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    padding: 15px 0 !important;
}

.repeatable.tabbed.tab-basic table td strong {
    font-family: 'Open Sans', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.tab-content > .tab-pane:nth-child(3) {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}


.tab-content > .tab-pane:nth-child(3) p {
   padding-top: 30px !important;
}

/*.tab-content > .tab-pane:nth-child(3) p:first-of-type {*/
/*    border-bottom: 1px solid rgb(255 255 255 / 50%);*/
/*    padding-bottom: 30px;*/
/*    font-size: 20px;*/
/*    line-height: 175%;*/
/*}*/

/*.tab-content > .tab-pane:nth-child(3) p:last-of-type {*/
/*    border-top: 1px solid rgb(255 255 255 / 50%);*/
/*    padding-top: 30px;*/
/*}*/

/* TEAM */

.team .component-introduction {
    padding-bottom: 100px !important;
}

.team .usn_pod_textimage {
    margin-bottom: 100px !important;
}

.team .usn_pod_textimage .heading {
    font-family: 'Michroma', sans-serif;
    font-weight: 400 !important;
    font-size: 45px !important;
    padding-bottom: 10px !important;
}

.team .usn_pod_textimage .secondary-heading {
    padding-bottom: 0!important;    
}

.team .usn_pod_textimage .text {
    padding-left: 100px !important;
}

.team .usn_pod_textimage .text:before {
    content: '';
    width: 70px;
    height:40px;
    background-image: url('/../../../images/AlienTrick/lines.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    margin-left: -90px !important;
    display: block;
}

.team .item.item_text-left .image, 
.team .item.item_text-right .image {
    flex: 0 0 37% !important;
    -ms-flex: 0 0 37% !important;
    max-width: 37% !important;
}

.team .item.item_text-left .info, 
.team .item.item_text-right .info {
    flex: 0 0 63% !important;
    -ms-flex: 0 0 63% !important;
    max-width: 63% !important;
}

/* PARTNERS */

.team.partners .item.item_text-left .image, 
.team.partners .item.item_text-right .image {
    flex: 0 0 20% !important;
    -ms-flex: 0 0 20% !important;
    max-width: 20% !important;
    overflow: visible !important;
}

.team.partners .item.item_text-left .info, 
.team.partners .item.item_text-right .info {
    flex: 0 0 75% !important;
    -ms-flex: 0 0 75% !important;
    max-width: 75% !important;
}

.team.partners .item.item_text-right .info {
    padding-left: 100px !important;
}

.team.partners .item .image img {
    max-width: 250px !important;
    width: 250px !important;
}

.team.partners .usn_pod_textimage .heading {
    font-size: 60px !important;
}

.team.partners .item:not(:first-child) {
    border-top: 1px solid #BD9C80;
    padding-top: 100px;
}

.team.partners .item:first-child {
    padding-top: 100px;
}

.team.partners .item:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.team.partners .item .btn {
    margin-left: 100px !important;
}

.team .usn_pod_textimage .text .btn:hover,
.team .usn_pod_textimage .text .btn:focus {
    background-color: #4a6155 !important;
}

/* TEXT PODS */

.text-pods .item {
    border-top: 1px solid #BD9C80;
    padding-top: 25px;
    padding-bottom: 50px !important;
    margin: 30px 20px 0 20px !important;
    padding: 20px 0 !important;
}

.text-pods .item.items-2 {
    max-width: 45% !important;
}

.text-pods .item.items-3 {
    max-width: 30% !important;
}

.text-pods .item .heading {
    font-family: 'Michroma', sans-serif;
    font-weight: 400 !important;
    font-size: 24px !important;
    padding-bottom: 0px !important;
}

.text-pods .item .btn {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #232323 !important;
}

.text-pods .item .btn:after {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 1px;
    color: #BD9C80;
    position: absolute;
    font-weight: 400 !important;
}

.text-pods .item:hover .btn:after, 
.text-pods .item .btn:hover:after {
    transition: all .5s ease-out;
    margin-left: 15px;
}

.text-pods .item .btn:hover,
.text-pods .item .btn:focus,
.text-pods .item .btn:hover span,
.text-pods .item .btn:focus span {
    border: none !important;
    background: transparent !important;
    color: #BD9C80 !important;
}


.text-pods .item:hover .btn,
.text-pods .item:focus .btn,
.text-pods .item:hover .btn span,
.text-pods .item:focus .btn span {
    border: none !important;
    background: transparent !important;
    color: #BD9C80 !important;
}

.text-pods .item .text {
    min-height: 190px;
}

/* SERVICE OVERVIEW */

.services .usn_cmp_subpagelisting .item .btn {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #232323 !important;
}

.services .usn_cmp_subpagelisting .item .btn:after {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 1px;
    color: #BD9C80;
    position: absolute;
    font-weight: 400 !important;
}

.services .usn_cmp_subpagelisting .item:hover .btn:after, 
.services .usn_cmp_subpagelisting .item .btn:hover:after {
    transition: all .5s ease-out;
    margin-left: 15px;
}

.services .usn_cmp_subpagelisting .item .btn:hover,
.services .usn_cmp_subpagelisting .item .btn:focus,
.services .usn_cmp_subpagelisting .item .btn:hover span,
.services .usn_cmp_subpagelisting .item .btn:focus span {
    border: none !important;
    background: transparent !important;
    color: #BD9C80 !important;
}

.services .usn_cmp_subpagelisting .item:hover .btn,
.services .usn_cmp_subpagelisting .item:focus .btn,
.services .usn_cmp_subpagelisting .item:hover .btn span,
.services .usn_cmp_subpagelisting .item:focus .btn span {
    border: none !important;
    background: transparent !important;
    color: #BD9C80 !important;
}

.usn_cmp_subpagelisting.services-small .listing .item .info {
       position: absolute!important;
    right: 0;
    left: 0;
    z-index: 2;
        top: 50%;
    transform: translateY(-50%);
}
.usn_cmp_subpagelisting.services-small .item.item_overlay .image::before {
    /*display:none;*/
    opacity:0.6;
}
.usn_cmp_subpagelisting.services-small .listing .item .info .secondary-heading {
    color:#fff!important;   
}
.services-small .listing .item {
padding-bottom: 30px;
margin-bottom:20px;
}
.services-small .listing .item .secondary-heading  {
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    padding-bottom: 0 !important;
    padding-top: 0;
    margin-top: 0 !important;
}
.services-small .listing .item .info .heading {
    font-family: 'Michroma', sans-serif;
    font-size: 20px !important;
    line-height: 30px;
    font-weight: 500;
    padding-top: 20px !important;
}

.services-small .listing .item .btn {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #232323 !important;
}

.services-small .listing .item .btn:after {
    content: '\f061' !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 1px;
    color: #BD9C80;
    position: absolute;
    font-weight: 400 !important;
}
.services-small .listing .item:hover .btn:after, 
.services-small .listing .item .btn:hover:after {
    transition: all .5s ease-out;
    margin-left: 15px;
}

.services-small .listing .item .btn:hover,
.services-small .listing .item .btn:focus,
.services-small .listing .item .btn:hover span,
.services-small .listing .item .btn:focus span,
.services-small .listing .item a:hover .info .link span {
    border: none !important;
    background: transparent !important;
    color: #BD9C80 !important;
}
.services-small .listing .item .inner .info {
    /*height:100%;*/
}
.services-small .listing .item .inner .text {
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

/* Accordions */

.repeatable.accordion .tab .nav-link {
    padding: 20px 30px !important;
    font-family: 'Michroma', sans-serif;
    font-size: 24px !important;
    font-weight: 700 !important;
    border: 1px solid #f2f2f2 !important;
    margin-bottom: 10px !important;
    line-height:1.3;
}

.repeatable.accordion.tab-basic .repeatable-content {
    padding: 0 20px 20px 20px !important;
}

.repeatable.accordion .tab .nav-link::after {
    right: 15px;
}

/* PODS */

.recent .component-introduction .heading {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
}

.recent .item .heading {
    font-family: 'Michroma', sans-serif;
    font-size: 24px !important;
    line-height: 30px;
    font-weight: 400 !important;
    min-height: 80px;
    height: 80px;
}

.recent .listing .item .info .secondary-heading {
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    color: #232323 !important;
}

/* Luxury car broker page */
.luxury-usps {
    list-style:none;
    padding:0;
    margin:0;
    margin-bottom:40px;
}
.luxury-usps h4 {
    /*font-size: 22px!important;*/
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 30.8px */
    color:#4A6155;
    padding-bottom: 0;
    margin-bottom: 0;
}
.luxury-usps li {
    position:relative;
    padding-left: 40px;
    font-size: 14px !important;
}
.luxury-usps li::before {
    display: inline-block;
    font-family: 'Font Awesome 5 Pro' !important;
    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;
    left: 0;
    top: 15px;
    font-size: 22px;
    content:'';
    color:#BD9C80;
}
.luxury-usps .lock::before {
    content: "\f023";
}
.luxury-usps .globe::before {
    content: "\f023";
}
.luxury-usps .hourglass::before {
   content: "\f251";
}
.luxury-usps .exchange::before {
       content: "\f0ec";
}
.luxury-usps .hashtag::before {
    content: "\f292";
}

.cascading-image .listing .item:nth-child(1) .image {
    width:80%;
}

.cascading-image .listing .item:nth-child(2) .image {
    width: 80%;
    transform: translate(10%, -25%);
}

/* Reset de teller op de container die alle items bevat */
.pods-steps .listing {
    counter-reset: step;
}

/* Verhoog de teller per .item */
.pods-steps .listing .item {
    counter-increment: step;
}
.pods-steps .listing .item .heading {
    font-size:22px;
    font-family: var(--h3-typography_font-name);
    color: rgba(var(--base-secondary-heading), 1)!important;
    position:relative;
}
/* Voeg het nummer vóór de heading toe */
.pods-steps .listing .item .heading::before {
    content: counter(step) ". ";
    font-weight: bold;
    font-size: 30px;
    margin-right: 0.5rem;
    background: transparent;
    color:rgba(var(--base-btn-bg-color1), 1);
    position: absolute;
    left: -40px;
    top: -20px;
}
.pods-steps .listing .item .info {
    padding-left: 60px;
    padding-right: 20px;
}

.cta-compact {
    padding:50px!important;
    z-index: 999 !important;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 97% 100%, 0 100%);
}
.cta-compact .component-introduction {
    padding-bottom:0;
}
.cta-compact .heading {
    padding-bottom:0;
}
.cta-compact .text {
    padding-bottom:10px;
}
.faq {
    margin:0!important;
}
.faq .repeatable.accordion .tab .nav-link {
    font-size:22px!important;
    font-weight:400!important;
    border: 1px solid #232323 !important;
}
.faq .accordion {
    padding: 0 100px;
}
.faq .repeatable.accordion .tab .nav-link::after {
    color:#BD9C80;
    right:25px!important;
}
.faq .repeatable.tab-underline .tab .nav-link::before {
    bottom:0;
}

/* End Luxury car broker page */

/* MODALS */

.modal-content {
    background: transparent !important;
}

.modal-content .link-block:after {
    display: none !important;
}

.modal-backdrop {
    width: 100%;
    height: 100%;
}

/* MEDIA QUERIES */

@media (min-width: 3601px) {
    body {
        font-size: 200% !important;
    }

    header#site-header .extra-info,
    header#site-header nav.main {
        top: 15vh;
    }
    
    header#site-header .social,
    header#site-header nav.secondary {
        top: 35vh !important;
    }
    
    .cursor {
        display: none !important;
    }
    
    .container {
        max-width: 80%;
    }
    
    .images-block .usn_cmp_text .info {
        padding: 0 15% 0 15% !important;
    }
    
    .collection .link-block:not(.gold) {
        padding-bottom: 120px !important;
    }
    
    .usn_cmp_subpagelisting .component-introduction .heading,
    .recent .component-introduction .heading,
    .link-block .heading,
    h1, h2, h3, h4, h5, h6, .heading{
        font-size: 250% !important;
        line-height: 125% !important;
    }

    .usn_cmp_subpagelisting .listing .item .info .heading,
    .link-block.gold .heading,
    .recent .item .heading{
        font-size: 175% !important;
    }
    
    .categories a {
        font-size: 225% !important;
    }
    
    a.read-more, 
    time {
        font-size: 100% !important;
    }
    
    a.read-more:after {
        font-size: 90% !important;
        margin-left: 20px !important;
    }
    
    .recent .listing .item .info .secondary-heading,
    .secondary-heading {
        font-size: 125% !important;
    }
    
    .recent .item .heading {
        min-height: 180px;
        height: 180px;
    }
    
    .label {
        font-size: 100% !important;
        padding: 30px 60px !important;
    }
    
    .link-block:not(.gold) a:not(.btn), .link-block:not(.gold) button:not(.btn){
        padding: 20px 30px !important;
        font-size: 100% !important;
        margin: 30px 30px 0 0 !important;
        width: 320px !important;
    }
    
    .btn, button.btn {
        padding: 30px 60px !important;
        font-size: 100% !important;
        margin: 30px 30px 0 0 !important;
    }
    
    .usn_cmp_banner .text ul li:before,
    .usn_cmp_banner .text ul li {
        font-size: 100% !important;
    }
    
    .usn_cmp_banner .text ul li {
        padding: 25px 50px !important;
    }
    
    .scroll-prompt .scroll-link i {
        width: 80px !important;
        height: 80px !important;
        padding: 14px 0 !important;
        font-size: 48px !important;
    }
    
    .directional-icons-arrow .scroll-prompt-arrow .scroll-link > i.icon:before {
        font-size: 40px !important;
    }
    
    .scroll-prompt {
        bottom: 175px;
    }
    
    .link-block:not(.gold) .btn {
        margin-left: calc(50% - 169px) !important;
    }

    .link-block {
        padding: 120px 0 !important;
    }
    
    .component.usn_cmp_banner .item:not(.item_scale-banner_overlap) .info {
        padding: 200px var(--base-half-spacing) !important;
    }
    
    .slick-slider .slick-dots li,
    .slick-slider .slick-prev, .slick-slider .slick-next {
        transform: scale(2);
        bottom: 0 !important;
    }
    
    .slick-slider ul.slick-dots {
        height: 58px;
    }
    
    .slick-slider .slick-dots li {
        margin: 0 7px !important;
    }
    
    .images-block {
        padding: 125px 300px !important;
    }
    
    .images-block .usn_cmp_gallery,
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1 {
        min-height: 1550px;
    }
    
    .link-block img {
        max-width: 70px;
    }
    
    .blog.usn_cmp_subpagelisting .listing .item .info .heading {
        min-height: 280px;
        max-height: 280px;
    }
    
    .usn_back-to-top .btn {
        width: 100px;
        height: 100px;
        margin: 0 !important;
    }
    
    .directional-icons-arrow .usn_back-to-top i.icon:before {
        font-size: 100% !important;
    }
    
    html.nav-up:not(.reached-top) .usn_back-to-top.position-right,
    html.nav-down:not(.reached-top) .usn_back-to-top.position-right {
        right: 50px;
        bottom: 50px !important;
    }
    
    html.reached-top .usn_back-to-top.position-right {
        right: 50px;
        bottom: 50px !important;
        opacity: 0;
    }
    
    footer#site-footer .listing a:not(.btn), footer#site-footer p {
        font-size: 100% !important;
    }
    
    footer#site-footer .footer-text {
        line-height: 200%;
    }
    
    footer#site-footer .heading {
        font-size: 100% !important;
    }
    
    footer#site-footer .col-4 .title {
        font-size: 175% !important;
    }
    
    nav.social ul li a, nav.social ul li a img {
        width: 60px !important;
        height: 60px !important;
    }
    
    footer#site-footer .extra-info .link .btn:nth-child(2):before {
        font-size: 100% !important;
    }
    
    footer#site-footer .extra-info .link .btn:nth-child(2):before {
        top: 18px;
        left: 40px;
    }
    
    footer#site-footer .extra-info .link .btn:nth-child(2) {
        padding-left: 80px !important;
    }
    
    footer#site-footer .footer-navigation li div,
    footer#site-footer .footer-navigation li a {
        font-size: 200% !important;
    }
    
    footer#site-footer .footer-navigation li {
        margin: 10px 20px !important;
    }
    
    nav.footer-navigation ul li a:before {
        margin-left: -30px !important;
    }
    
    footer#site-footer .logo img {
        max-width: 400px !important;
    }
    
    nav.cta-links .btn:first-child i:before,
    nav.cta-links .btn i:before {
        padding: 35px 20px !important;
        width: 100px !important;
        height: 110px !important;
        font-size: 40px !important;
    }
    
    *:lang(nl) nav.cta-links .btn:nth-child(1) {
        transform: translateY(-50%) translateX(495px) !important;
    }
    
    *:lang(nl) nav.cta-links .btn:nth-child(1):hover {
        transform: translateY(-50%) translateX(150px) !important;
    }
    
    nav.cta-links .btn i:before {
        left: -100px;
    }
    
    *:lang(nl) nav.cta-links .btn:nth-child(2) {
        transform: translateY(60%) translateX(135px) !important;
    }
    
    nav.cta-links .btn:nth-child(2):hover {
        transform: translateY(60%) translateX(-193px) !important;
    }
    
    nav.cta-links .btn:nth-child(3) {
        transform: translateY(170%) translateX(-206px) !important;
    }
    
    body.header-03-lg header#site-header .expand-header {
        height: 140px !important;
    }
    
    header#site-header .expand-header span:before, header#site-header .expand-header span, header#site-header .expand-header span:after {
        width: 70px;
        height: 2px;
    }
    
    header#site-header .expand-header span {
        margin: 10px 0;
    }
    
    
    header#site-header .expand-header span:after {
        margin:25px 0 20px 0;
    }
    
    header#site-header .expand-header span:before {
        margin: 25px 0 20px 0;
    }
    
    header#site-header .site-search {
        top: 60px !important;
        left: 200px !important;
        width: 300px !important;
        font-size: 125% !important;
    }
    
    .site-search .form-control {
        height: 80px;
        min-height: 80px;
    }
    
    .site-search .btn {
        margin: 0 !important;
    }
    
    .form-control {
        font-size: 125% !important;
    }
    
    .form-control::placeholder, 
    .umbraco-forms-field:not(.checkbox):not(.multiplechoice):not(.title):not(.recaptcha):not(.dataconsent):not(.singlechoice) input::placeholder, 
    .umbraco-forms-field.longanswer textarea::placeholder, 
    .umbraco-forms-field.dropdown select::placeholder {
        font-size: 125% !important;
    }
    
    header#site-header .site-search input::placeholder {
        font-size: 125% !important;
    }
    
    .site-search button.btn {
        top: 10px !important;
    }
    
    header#site-header #logo picture, header#site-header #logo img {
        height: 140px;
        max-height: 140px;
    }
    
    header#site-header #logo {
        top: 50px !important;
    }
    
    header#site-header nav.main>ul>li {
        font-size: 200% !important;
        line-height: 200%;
    }
    
    nav.secondary ul li span div, nav.secondary ul li span a, nav.secondary ul li a {
        font-size: 200% !important;
        line-height: 200%;
        padding: 20px !important;
    }
    
    header#site-header .social .title,
    header#site-header .extra-info .title {
        font-size: 100% !important;
        line-height: 100%;
    }
    
    header#site-header .social a img {
        width: 60px !important;
    }
    
    header#site-header .site-search .form-control {
        font-size: 24px !important;
    }
    
    header#site-header .extra-info .link .btn:nth-child(2):before {
        font-size: 40px;
        padding: 30px 0;
        left: 40px;
    }
    
    header#site-header .extra-info .link .btn:nth-child(2) {
        padding-left: 90px !important;
        padding-right: 60px !important;
    }
    
    header#site-header .social, header#site-header nav.secondary {
        top: 45vh !important;
    }
    
    nav.cta-links  {
        top: 337px !important;
    }
    
    nav.cta-links .btn:nth-child(1) {
        transform: translateY(-50%) translateX(520px) !important;
    }
    
    nav.cta-links .btn:nth-child(1):hover {
        transform: translateY(-50%) translateX(185px) !important;
    }
    
    nav.cta-links .btn:nth-child(2) {
        transform: translateY(60%) translateX(160px) !important;
    }
    
    nav.cta-links .btn:nth-child(2):hover {
        transform: translateY(60%) translateX(-180px) !important;
    }
    
    header#site-header {
        height: 200px;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .secondary-heading {
        font-size: 125% !important;
    }
    
    .collection .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 200% !important;
        line-height: 200% !important;
        min-height: 200px;
        max-height: 200px;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .text p {
        font-size: 125% !important;
    }
    
    .two-sliders .col-md-5 .component-main {
        margin-top: 650px !important;
    }
    
    .two-sliders .component-introduction h1 {
        font-size: 125% !important;
    }
    
    .two-sliders .slick-slider .slick-next {
        right: 190px !important;
    }
    
    .two-sliders .component-introduction {
        width: 1100px !important;
        right: -900px;
        top: 250px;
    }
    
    .two-sliders .component-introduction .text p {
        font-size: 100% !important;
    }
    
    .usn_cmp_datalist .text-left {
        font-size: 100% !important;
    }
    
    .repeatable.tabbed.tab-basic .tab .nav-link {
        font-size: 175% !important;
        padding: 32px 50px !important;
    }
    
    .repeatable.tab-basic {
        margin-top: -135px !important;
    }

    .usn_cmp_accordiontab {
        margin: 150px 60px 0 60px !important;
    }
    
    .tab-content > .tab-pane:nth-child(3),
    .tab-content > .tab-pane {
        font-size: 100% !important;
    }
    
    .repeatable.tabbed.tab-basic table td strong {
        font-size: 100% !important;
    }
    
    .link-block.gold .btn {
        width: 500px !important;
    }
    
    .with-socials .component-outro p {
        font-size: 100% !important;
    }
    
    .two-sliders {
        padding: 200px 25px !important;
    }
    
    .blog .listing .item .info .heading.lg {
        font-size: 150% !important;
        min-height: 250px;
        max-height: 250px;
    }
    
    .usn_cmp_banner.small-title h1 {
        width: 50% !important;
        font-size: 175% !important;
    }
    
    iframe {
        height: 1100px !important;
    }
    
    .team .usn_pod_textimage .heading {
        font-size: 250% !important;
    }
    
    .item.item_text-right:not(.item_has-bg):not(.item-blog) .image + .info {
        padding: 100px;
    }
}

@media (min-width: 2200px) and (max-width: 3600px) {
    .cursor {
        display: none !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner, 
    .component.usn_cmp_banner .item.item_medium-banner .container, 
    .component.usn_cmp_banner .item.item_medium-banner .row, 
    .component.usn_cmp_banner .item.item_medium-banner .image, 
    .component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 50vh !important;
        height: 50vh !important;
        min-height: 50vh !important;
    }
    
    header#site-header .extra-info,
    header#site-header nav.main {
        top: 15vh;
    }
    
    header#site-header .social,
    header#site-header nav.secondary {
        top: 55vh !important;
    }
}

@media (max-width: 1600px) {
    .two-sliders .component-introduction h1 {
        font-size: 18px !important;
    }
    
    .two-sliders .component-introduction {
        max-width: 450px !important;
        right: -38%;
    }

    .two-sliders .col-md-4 .component-main {
        margin-top: 280px !important;
    }
    
    .two-sliders {
        padding: 70px 25px !important;
    }
    
    .list-banner .item .info .d-table {
        width: 50% !important;
        padding: 30px !important;
        margin-top: 0 !important;
    }

    header#site-header nav.main {
        left: 6%;
    }
    
    header#site-header nav.secondary {
        left: calc(6% - 10px);
    }

    .component.usn_cmp_banner .item.item_takeover-banner, 
    .component.usn_cmp_banner .item.item_takeover-banner .container, 
    .component.usn_cmp_banner .item.item_takeover-banner .row,
    .component.usn_cmp_banner .item.item_takeover-banner .image, 
    .component.usn_cmp_banner .item.item_takeover-banner .image .video {
        height: 112vh !important;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 24px !important;
        margin-top: 10px !important;
    }
    
    header#site-header nav.main {
        width: 55% !important;
    }
    
    header#site-header .extra-info, header#site-header .social {
        left: 65% !important;
    }
    
    header#site-header .extra-info .text {
        width: 90%;
    }
    
    .link-block:not(.gold) a:not(.btn), .link-block:not(.gold) button:not(.btn) {
        font-size: 14px !important;
        width: 150px !important;
    }

    .link-block:not(.gold) .text {
        padding-left: 50px;
    }

    body {
        zoom: .9;
    }
    
    nav.cta-links  {
        top: 100px !important;
    }
    
    header#site-header .extra-info,
    header#site-header nav.main {
        top: 30vh;
    }
    
    header#site-header .social,
    header#site-header nav.secondary {
        top: 75vh !important;
    }

    .images-block .usn_cmp_text .info {
        padding: 0 10% !important;
    }
    
    .images-block.left-images .usn_cmp_text .info {
        padding: 0 0 0 18% !important;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1,
    .images-block .usn_cmp_gallery {
        min-height: 700px;
    }
    
    .highlights .slick-slider .slick-next {
        right: 45% !important;
    }
    
    .highlights .slick-slider .slick-prev {
        left: 45% !important;
    }
    
    .collection .link-block:not(.gold) {
        margin-top: -120px;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 0px;
        padding-bottom: 30px !important;
    }
    
    .filters {
        padding: 0 50px;
    }
    
    body.collection-title .usn_cmp_banner:not(.small-title) h1, 
    body:not(.collection, .front-page) .usn_cmp_banner:not(.small-title) h1 {
        width: 70% !important;
        font-size: 40px !important;
        height: 280px !important;
    }
    
    body.collection-title .usn_cmp_banner h1:before, 
    body:not(.collection, .front-page) .usn_cmp_banner h1:before {
        top: 10px !important;
    }
    
    .link-block .container {
        max-width: 100% !important;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1, .images-block .usn_cmp_gallery {
        min-height: 700px;
    }
    
    .text-pods .item.items-3 {
        max-width: 28% !important;
    }

    .text-pods .container {
        max-width: 100% !important;
    }
    
    .text-pods {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    
    .text-pods .item .text {
        min-height: 220px;
    }
    
    footer#site-footer .container {
        max-width: 100% !important;
    }
    
    footer#site-footer {
        padding-left:75px !important;
        padding-right: 75px !important;
    }
    
    .two-sliders .col-md-5 .component-main {
        margin-top: 200px !important;
    }
}

@media (max-width: 1200px) {
    .two-sliders .container {
        max-width: 100% !important;
    }
    
    .two-sliders {
        padding: 100px 0 30px 0 !important;
    }
    
    .two-sliders .component-introduction h1 {
        font-size: 16px !important;
    }
    
    .two-sliders .component-introduction {
        max-width: 390px !important;
    }
    
    .two-sliders .col-md-4 .component-main {
        margin-top: 310px !important;
    }
    footer#site-footer .footer-item:nth-child(4) {
        margin-left: 0 !important;
    }
    
     footer#site-footer .footer-item.usn_pod_sociallinks {
          -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-top: 30px !important;
     }
    
    .button-block {
        margin-top: -50px !important;
    }
    
    .highlights .slick-slider .slick-next,
    .highlights .slick-slider .slick-prev {
        bottom: 9px !important;
    }
    
    .link-block:not(.gold) .text {
        padding-left: 0px;
    }
    
    footer#site-footer {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    
    
    header#site-header .extra-info {
        width: 25%;
    }
    
    header#site-header .extra-info, 
    header#site-header .social {
        left:70% !important;
    }
    
    header#site-header nav.main {
        width: 60% !important;
    }
    
    header#site-header nav.secondary{
        left: calc(5% - 10px);
    }
    
    header#site-header nav.main {
        left: 5%;
    }
    
    header#site-header .expand-header {
        left: 10px !important;
    }
    
    header#site-header .social, header#site-header nav.secondary {
        top: 80vh !important;
    }
    
    header#site-header .extra-info .btn {
        margin-bottom: 10px !important;
    }
    
    header#site-header #logo {
        right: -80px !important;
    }
    
    header#site-header .site-search {
        left: 100px !important;
    }

    nav.main ul>li>span>a {
        font-size: 26px !important;
    }
    
    .usn_cmp_subpagelisting .listing .item .info {
        min-height: 250px;
    }
    
    .services .usn_cmp_subpagelisting .item .btn {
        position: absolute;
        bottom: 20px;
    }
    
    .link-block:not(.gold) a:not(.btn), .link-block:not(.gold) button:not(.btn) {
        font-size: 13px !important;
        width: 120px !important;
    }
    
    .filters {
        padding: 0;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {
    nav.cta-links .btn:hover {
        right: 0;
    }
    
    *:lang(en) nav.cta-links {
        top: auto !important;
        bottom: 180px !important;
    }
    
    *:lang(de) nav.cta-links {
        top: auto !important;
        bottom: 200px !important;
    }
    
    *:lang(nl) nav.cta-links {
        top: auto !important;
        bottom: 180px !important;
    }
    
    nav.cta-links .btn {
        margin: 8px 0 0 0 !important;
    }
    
    nav.cta-links .btn:last-child {
        margin: 7px 0 0 0 !important;
    }
    
    .two-sliders .component-introduction h1 {
        font-size: 14px !important;
    }
    
    .two-sliders .component-introduction {
        max-width: 300px !important;
        padding: 20px 10px !important;
    }
    
    .two-sliders .col-md-4 .component-main {
        margin-top: 260px !important;
    }
    
    .list-banner .heading {
        font-size: 30px !important;
    }
    
    .list-banner .item .info .d-table {
        width: 60% !important;
    }
    
    .usn_cmp_banner.small-title h1 {
        width: 100% !important;
        font-size: 36px !important;
    }

    .order-2 {
        -ms-flex-order: 2 !important;
        order: 2 !important;
    }
    
    .order-1 {
        -ms-flex-order: 1 !important;
        order: 1 !important;
    }

    header#site-header #logo {
        position: absolute;
        right: 20px !important;
    }
    
    .component.usn_cmp_banner .item.item_takeover-banner, 
    .component.usn_cmp_banner .item.item_takeover-banner .container, 
    .component.usn_cmp_banner .item.item_takeover-banner .row,
    .component.usn_cmp_banner .item.item_takeover-banner .image, 
    .component.usn_cmp_banner .item.item_takeover-banner .image .video {
        height: 100vh !important;
    }
    
    header#site-header #logo picture, header#site-header #logo img {
        height: 70px !important;
        max-height: 70px !important;
    }
    
    .col-md-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1, .images-block .usn_cmp_gallery {
        min-height: 800px;
    }
    
    .images-block .usn_cmp_gallery {
        margin-top: 50px !important;
        margin-left: 10px !important;
    }
    
    .highlights .slick-slider .slick-next {
        right: 43% !important;
    }
    
    .highlights .slick-slider .slick-prev {
        left: 43% !important;
    }
    
    .usn_cmp_subpagelisting .slick-slider .slick-next {
        right: 39% !important;
    }
    
    .usn_cmp_subpagelisting .slick-slider .slick-prev {
        left: 39% !important;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 26px !important;
        min-height: 120px;
        max-height: 120px;
    }
    
    .images-block .usn_cmp_text .info .link {
        margin-top: 20px !important;
    }
    
    .front-page .blog .row:not(.slides):not(.listing_window-mosaic) .item.items-3 {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .blog .row:not(.slides):not(.listing_window-mosaic) .item.items-3 {
        flex: 0 0 50% !important;
        -ms-flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    .blog.usn_cmp_subpagelisting .listing .item .info .heading {
        min-height: auto;
        max-height: auto;
    }
    
    .usn_cmp_subpagelisting .listing .item .info {
        min-height: auto;
        margin-top: 10px !important;
        padding-top:0;
        padding-bottom: 0 !important;
    }
    
    .link-block .heading {
        font-size: 30px !important;
    }
    
    .usn_cmp_subpagelisting .component-introduction .heading {
        font-size: 30px !important;
    }
    
    footer#site-footer .col-4 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    footer#site-footer .col-md-2 {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        padding-left: 15px !important;
        padding-top: 50px !important;
    }
    
    footer#site-footer {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    
    .usn_back-to-top {
        position: absolute;
        width: 100%;
        padding: 0;
        left: 0;
        bottom: 0px !important;
    }
    
    .usn_back-to-top .btn {
        margin: 0;
        background: #232323 !important;
        border-color: #232323 !important;
    }
    
    .scroll-prompt {
        width: 30px;
        height: 30px;
        padding: 0;
        bottom: 35px;
    }
    
    .directional-icons-arrow .scroll-prompt-arrow .scroll-link > i.icon:before {
        font-size: 16px;
    }
    
    .scroll-prompt .scroll-link i {
        margin: 0;
    }
    
    .container, .container-md, .container-sm {
        max-width: 86%;
    }
    
    footer#site-footer > .container {
        padding-top: 40px;
    }

    header#site-header .extra-info, 
    header#site-header .social,
    header#site-header nav.secondary,
    header#site-header nav.main {
        width: calc(100% - 75px) !important;
        left: 75px !important;
    }
    
    header#site-header nav.main>ul,
    header#site-header nav.main>ul>li {
        border: none !important;
    }
    
    header#site-header .extra-info {
        top: 50vh !important;
    }
    
    header#site-header .social{
        top: 80vh !important;
    }
    
    header#site-header nav.secondary{
        top: 40vh !important;
    }
    
    header#site-header nav.main {
        top: 10vh !important;
    }
    
    nav.main ul li:focus-within>span::before,
    nav.main ul li.active>span::before {
        display: none !important;
    }
    
    nav.secondary ul li span a, nav.secondary ul li span div, nav.secondary>ul>li>a {
        padding: 10px;
    }
    
    nav.secondary {
         padding: 0 !important;
    }
    
    .team.partners .item.item_text-left .image, 
    .team.partners .item.item_text-right .image,
    .team.partners .item.item_text-left .info, 
    .team.partners .item.item_text-right .info {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }
    
    .team.partners .item a {
        display: block !important;
    }
    
    .team.partners .item .image {
        z-index: 998;
        position: relative;
        text-align: center;
    }
    
    .team.partners .item .info {
        padding-left: 0 !important;
        margin-top: -100px;
        z-index: 999;
        position: relative;
    }
    
    .images-block.left-images .order-md-1 {
        -ms-flex-order: 2;
        order: 2;
    }
    
    .images-block.left-images .order-md-2 {
        -ms-flex-order: 1;
        order: 1;
    }
    
    .images-block.left-images {
        padding-left: 0 !important;
    }
    
    .images-block.left-images .usn_cmp_text .info {
        padding: 0 0 0 10% !important;
    }
    
    section.content.component .content-col.center-col.col {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .text-pods .item.items-3 {
        max-width: 100% !important;
    }
    
    .text-pods .listing {
        width: 100% !important;
        display: block;
    }
    
    .text-pods .item .text {
        min-height: auto;
    }
    
    body.collection-title .usn_cmp_banner h1:before, body:not(.collection, .front-page) .usn_cmp_banner h1:before {
        top: 180px !important;
    }
    
    .link-block:not(.gold) .btn {
        margin-left: calc(50% - 70px) !important;
    }   
    
    .collection .link-block:not(.gold) {
        margin-top: -300px;
    }
    
    .message-div {
        width: 86%;
        margin-left: 0px;
    }
    
    .collection .usn_cmp_subpagelisting .listing .item {
        margin-bottom: 20px !important;
    }
    
    .usn_cmp_form {
        padding-top: 50px !important;
    }
    
    .text-pods .item.items-2 {
        max-width: 100% !important;
    }
    
    .usn_cmp_accordiontab {
        padding: 50px 0 60px 0 !important;
        margin: 80px 0 0 0 !important;
    }
    
    body.collection-title .usn_cmp_banner:not(.small-title) h1, 
    body:not(.collection, .front-page) .usn_cmp_banner:not(.small-title) h1 {
        width: 80% !important;
    }
    
    .collection .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 24px !important;
    }
}

@media (max-width: 1080px) and (orientation: landscape) {
    .collection .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 24px !important;
    }
    
    .col-md-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1, .images-block .usn_cmp_gallery {
        min-height: 1050px;
        margin-top: 20px;
        margin-bottom: 50px;
    }
    
    .link-block:not(.gold) .text p {
        padding-left: 30px;
    }
    
    .usn_cmp_subpagelisting .slick-slider .slick-next {
        right: 42% !important;
        bottom: -21px !important;
    }
    .usn_cmp_subpagelisting .slick-slider .slick-prev {
        left: 42% !important;
        bottom: -21px !important;
    }
    
    .images-block {
        padding-right: 90px !important;
        padding-left: 10px !important;
    }
    
    footer#site-footer .col-4 {
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
        max-width: 40% !important;
        margin-bottom: 50px !important;
    }
    
    footer#site-footer .col-lg-2 {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
    
    header#site-header nav.main>ul>li a {
        padding: 5px 0 !important;
        font-size: 24px;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 30px !important;
        min-height: 120px;
        max-height: 120px;
    }
    
    .message-div {
        width: 88%;
        margin-left: 0;
    }
}

@media (max-width: 689px){
    .component.usn_cmp_banner.highlights .item.item_scale-banner .info {
        background: #232323 !important;
        margin-top: 270px !important;
        padding:0 40px 40px 40px !important;
    }
}

@media (max-width: 767px) {
    .two-sliders .component-introduction .text p:nth-of-type(2) {
        padding-left: 0 !important;
        border-left: none !important;
        margin-left: 0 !important;
    }
    
    .two-sliders .component-introduction .text p {
        font-size: 16px !important;
    }
    
    .services .usn_cmp_subpagelisting .listing .item .info .heading {
        padding-bottom: 30px !important;
        padding-top: 0 !important;
    }
    
    .usn_pod_vdmcarscollection .usn_cmp_subpagelisting .listing .item .info .secondary-heading {
        padding-bottom: 0 !important;
    }
    
    footer#site-footer .extra-info {
        padding: 0 5px;
    }
    
    .list-banner .container {
        padding: 0!important;
    }
    
    .highlights .slick-slider .slick-dots li.slick-active > button {
        background: #fff !important;
    }
    
    header#site-header .extra-info .link .btn:nth-child(2):before,
    footer#site-footer .extra-info .link .btn:nth-child(2):before {
        padding: 10px 0;
        font-size: 20px !important;
    }
    
    .component.usn_cmp_banner.list-banner .item.item_scale-banner {
        height: 67vh !important;
    }    
    .list-banner .item .info .d-table,
    .list-banner .item {
        background: #232323 !important;
    }
    
    .list-banner .item .info .d-table {
        width: 100% !important;
        height: auto !important;
        margin-top: 100px !important;
        padding-left: 30px !important;
    }
    
    .component.usn_cmp_banner.list-banner .item .row.info_align-middle .info .d-table-cell {
        padding-bottom: 0 !important;
    }
    
    .list-banner .heading {
        font-size: 20px !important;
        padding-bottom: 10px !important;
    }
    
    .list-banner .text ul {
        margin: 0 !important;
    }

    header#site-header #logo img[src*='svg'], header#site-header #logo img[src*="svg"] {
        max-width: 130px !important;
        width: 130px !important;
    }
    
    .two-sliders.single {
        padding: 120px 0 0 0 !important;
    }
    
    .usn_cmp_banner.high-lights .item.item_overlay .image::before {
        background: transparent;
    }
    
    nav.main ul>li>span>a {
        font-size: 18px !important;
    }

    .contact-data .listing-pods .item .info,
    .contact-data-2 .listing-pods .item .info {
        min-height: auto !important;
    }
    
    .contact-data .listing-pods .item .link a, .contact-data-2 .listing-pods .item .link a {
        position: relative !important;
        bottom: auto !important;
        margin-bottom: 50px !important;
    }
    
    table {
        margin-bottom: 0 !important;
    }
    
    #collection .container {
        padding: 0 !important;
    }
    
    .collection .usn_cmp_subpagelisting .listing .item {
        padding: 0 15px !important;
    }
    
    body {
        zoom: 1;
        overflow-x: hidden !important;
    }

    .link-block:before {
        left: -50px;
        top: -55px;
        width: 250px;
        height: 250px;
        opacity: .5;
    }
    
    .front-page .link-block:not(.gold):before {
        left: -50px;
        top: -25px;
        width: 250px;
        height: 250px;
        opacity: .5;
    }
    
    .component.usn_cmp_banner .item .image .video {
        width: 330% !important;
        margin-left: -110% !important;
    }
    
    .component.usn_cmp_banner .item.item_scale-banner .inner {
        position: absolute !important;
        bottom: 0 !important;
    }
    
    .component.usn_cmp_banner .scroll-prompt {
        display: none !important;
    }
    
    .component.usn_cmp_banner .item .row.info_align-middle .info .d-table-cell {
        vertical-align: bottom;
        padding-bottom: 50px !important;
    }
    
    body.header-03-lg header#site-header .expand-header {
        height: 60px !important;
        left: 0 !important;
    }
    
    header#site-header #logo picture, header#site-header #logo img {
        height: 50px !important;
        max-height: 50px !important;
    }
    
    header#site-header #logo {
        right: 0 !important;
    }
    
    .images-block {
        padding-right: 0 !important;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1, .images-block .usn_cmp_gallery {
        padding: 0 !important;
    }
    
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
        padding:0 20px !important;
    }
    
    .container .container,
    .container .container-fluid,
    .container-fluid .container,
    .container-fluid .container-fluid {
        padding: 0 !important;
    }
    
    .split-text-image .usn_cmp_text .info .text:before, 
    .images-block .usn_cmp_text .info .text:before {
        margin-right: calc(100% - 70px) !important;
        display: block;
        clear: both;
        float: left;
        position: relative;
        margin-left: 0 !important;
        background-position: top center !important;
    }
    
    .split-text-image .usn_cmp_text .info .text,
    .images-block .usn_cmp_text .info .text {
        padding-left: 0 !important;
        display: block;
    }
    
    .split-text-image .usn_cmp_text .info .link {
        padding-left: 0 !important;
    }
    
    .images-block h2 {
        padding-bottom: 10px !important;
    }
    
    .images-block .usn_cmp_text .info {
        padding: 0 !important;
    }
    
    .images-block .usn_cmp_text .info .link {
        padding-left: 0 !important;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(2) .image {
        right: 15px;
        width: 60%;
        top: 4%;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:first-child .image {
        top: 15%;
        left: 15px;
    }
    .images-block.images-block-small .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(3) .image,
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(3) .image {
        right: 15px;
        width: 97%;
    }
    .images-block.images-block-small .row:not(.slides):not(.listing_window-mosaic) .item.items-1:nth-child(3) .image {
        bottom:0;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1, .images-block .usn_cmp_gallery {
        min-height: 400px;
        padding: 0 20px !important;
        margin-left: 0 !important;
        max-width: calc(100% - 10px) !important;
    }
    
    .component.usn_cmp_banner.highlights .item.item_scale-banner, 
    .component.usn_cmp_banner.highlights .item.item_scale-banner .image, 
    .component.usn_cmp_banner.highlights .item.item_scale-banner .image .video {
        height: 550px !important;
    }
    
    .component.usn_cmp_banner.highlights .item.item_scale-banner .info {
        background: #232323;
        margin-top: 350px !important;
        padding: 0 40px 40px 40px !important;
    }
    
    .component.usn_cmp_banner.highlights .item.item_scale-banner .info .heading {
        padding-bottom: 10px !important;
    }
    
     html:not(.reveal-out) nav.cta-links  {
        display: block !important;
    }

    h1, h2, h3, h4, h5, h6, .heading {
        padding-bottom: 0px;
    }
    
    .highlights .slick-slider .slick-next {
        right: 34% !important;
    }
    
    .highlights .slick-slider .slick-prev {
        left: 34% !important;
    }
    
    .highlights .component-outro {
        padding-top: 0 !important;
    }
    
    .link-block {
        margin: 50px 20px !important;
        padding: 35px 0 10px 0 !important;
    }
    
    .link-block:not(.gold) .text p {
        padding-left: 0;
    }
    
    .usn_cmp_subpagelisting .component-introduction .heading,
    .link-block .heading {
        font-size: 24px !important;
    }
    
    .link-block .heading {
        padding-bottom: 20px !important;
    }

    .front-page .link-block:not(.gold) .link {
        text-align: center !important;
        display: block;
        float:left;
        width: 100%;
    }
    
    .front-page .link-block:not(.gold) .info {
        padding: 0 20px !important;
    }
    
    .collection .link-block:not(.gold) h3 {
        padding-bottom: 20px !important;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 30px !important;
        min-height: 80px;
        max-height: 80px;
    }
    
    .usn_cmp_subpagelisting .slick-slider .slick-next {
        right: 26% !important;
    }
    
    .usn_cmp_subpagelisting .slick-slider .slick-prev {
        left: 26% !important;
    }
    
    .link-block:not(.gold) a:not(.btn), .link-block:not(.gold) button:not(.btn) {
        font-size: 13px !important;
    }
    
    section.content .component-outro {
        padding-top: 20px;
    }
    
    .highlights .slick-slider .slick-next, .highlights .slick-slider .slick-prev {
        bottom: -14px !important;
    }
    
    .content .component-introduction {
        padding-bottom: 20px !important;
    }
    
    .link-block.gold .heading {
        font-size: 20px !important;
        padding: 0 3% 30px 3%;
    }
    
    .with-socials .component-outro p {
        font-size: 13px;
        padding: 0 20px;
        line-height: 150%;
    }
    
    .link-block img {
        max-width: 30px;
    }
    
    .link-block.gold a:not(.btn) {
        margin-right: 10px !important;
    }
    
    .link-block.gold {
        margin: 50px 0px !important;
    }
    
    .link-block.gold:before {
        top: -25px;
        mix-blend-mode: darken;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 18px !important;
        line-height: 150%;
    }
    
    .blog.usn_cmp_subpagelisting .listing .item .info .heading {
        max-height: 100%;
        padding-bottom: 20px !important;
    }
    
    footer#site-footer {
        padding: 20px 0 80px 0 !important;
    }
    
    footer#site-footer .col-4 .title {
        font-size: 24px !important;
    }
    
    nav.footer-navigation {
        margin-top: 30px !important;
    }
        
    footer#site-footer .col-md-2 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    footer#site-footer .extra-info .text {
        width: 100% !important;
        padding-bottom: 20px !important;
        font-size: 14px !important;
    }
    
    footer#site-footer .listing a, footer#site-footer p {
        font-size: 14px !important;
    }
    
    footer#site-footer .col-lg-3 {
        padding: 30px 0 0 0 !important;
    }
    
    .btn, button.btn {
        padding: 10px 20px !important;
    }
    
    nav.footer-navigation ul {
        text-align: center;
    }
    
    nav.footer-navigation ul li {
        display: inline;
        padding: 5px 10px 5px 0;
    }
    
    header#site-header .extra-info, 
    header#site-header .social, 
    header#site-header nav.secondary, 
    header#site-header nav.main {
        width: calc(100% - 30px) !important;
        left: 30px !important;
    }

    header#site-header nav.secondary {
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: 110px;
        position: fixed;
    }
    
    html.reveal-out header#site-header .extra-info {
        top: auto !important;
        left: auto !important;
        right: 0;
        text-align: center;
        width: 100% !important;
        position: fixed;
        bottom: 0 !important;
        padding: 10px 0;
    }
    
    html.reveal-out header#site-header nav.secondary ul li {
        text-align: center;
    }
    
    header#site-header nav.main {
        top: 100px !important;
    }
    
    header#site-header .extra-info .text {
        font-size: 18px !important;
        width: 100%;
    }
    
    header#site-header .social {
        top: auto !important;
        position: fixed;
        bottom: 70px !important;
    }
    
    header#site-header .extra-info .title,
    header#site-header .extra-info .text {
        display: none !important;
    }
    
    header#site-header nav.main>ul>li {
        display: block !important;
        width: calc(100% - 30px) !important;
        text-align: center;
    }
    
    header#site-header nav.main>ul>li:nth-child(2) a, 
    header#site-header nav.main>ul>li:nth-child(4) a, 
    header#site-header nav.main>ul>li:nth-child(6) a {
        color: #fff !important;
    }
    
    header#site-header nav.main>ul>li a {
        padding: 8px 0 !important;
    }
    
    footer#site-footer .col-md-2 {
        padding-top: 30px !important;
    }
    
    footer#site-footer .footer-item:nth-child(4),
    footer#site-footer .footer-item:nth-child(3) {
        margin-left: 0 !important;
    }
    
    footer#site-footer .footer-text {
        padding-top: 0px !important;
    }
    
    footer#site-footer .listing.listing_links.listing_links-mini .item {
        margin: 0 3px !important;
    }
    
    footer#site-footer .footer-item .col-lg-2 {
        padding: 30px 0 0 0 !important;
    }
    
    .usn_cmp_subpagelisting .slick-slider .slick-next,
    .usn_cmp_subpagelisting .slick-slider .slick-prev {
        bottom: -19px !important;
    }
    
    .link-block .text {
        display: block !important;
        float: left;
    }
    
    .collection .link-block:not(.gold) {
        margin-top: -220px !important;
    }
    
    .filters {
        padding: 0;
    }
    
    .collection .link-block:not(.gold) .btn {
        margin: 30px 10px 0 10px !important;
        margin-left: calc(50% - 140px) !important;
    }
    
    .collection .link-block:not(.gold) .component-introduction {
        padding-bottom: 0 !important;
    }
    
    .two-sliders {
        padding: 120px 0 0 0 !important;
    }
    
    .two-sliders .component-introduction {
        position: relative;
        right: auto;
        top: auto;
        margin: -60px 0 70px 0;
        padding: 20px 10px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    header#site-header #logo {
        width: 130px !important;
    }
    
    .two-sliders .component-introduction:after {
        display: none !important;
    }

    .two-sliders .col-md-4 .component-main {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    
    .two-sliders .row.slides .item {
        padding: 0 !important;
    }
    
    .two-sliders .slick-slider .slick-next {
        right: 0px !important;
    }
    
    .two-sliders .slick-slider .slick-prev {
        left: 0px !important;
    }
    
    .two-sliders .usn_cmp_gallery:first-child .slick-dots {
        /*width: 100% !important;*/
    }
    
    .two-sliders .item {
        margin-top: 10px !important;
    }
    
    .two-sliders .usn_cmp_gallery:first-child .slick-slider {
        margin-top: -60px !important;
    }
    
    .usn_cmp_datalist {
        padding-top: 30px !important;
    }
    
    .repeatable.tabbed.tab-basic .tab .nav-link {
        font-size: 10px !important;
        padding: 12px 15px !important;
    }
    
    .repeatable.tabbed.tab-basic table td {
        width: calc(100% - 5px) !important;
        display: block;
        float: left;
        margin: 0 !important;
    }
    
    .repeatable.tab-basic .repeatable-content {
        padding: 10px 15px 0 15px !important;
    }
    
    .usn_cmp_accordiontab {
        padding: 50px 0 40px 0 !important;
    }

    .link-block .text {
        width: 100% !important;
        display:block;
        text-align: center !important;
    }
    
    .link-block.gold {
        margin: 50px 0 20px 0 !important;
    }
    
    .link-block.gold .info {
        padding: 0 !important;
    }
    
    body.collection-title .usn_cmp_banner:not(.small-title) h1, 
    body:not(.collection, .front-page) .usn_cmp_banner:not(.small-title) h1 {
        width: 85% !important;
        font-size: 24px !important;
        height: 160px !important;
        padding: 30px !important;
        position: absolute;
        top: 110px;
        left: -15px;
    }
    
    .usn_cmp_banner.small-title h1 {
        width: 92% !important;
        height: 180px !important;
        padding: 30px !important;
        position: absolute;
        top: 90px;
        left: -5px;
        font-size: 22px !important;
    }
    
    body.collection-title .usn_cmp_banner h1:before, body:not(.collection, .front-page) .usn_cmp_banner h1:before {
        top: 120px !important;
        width: 250px !important;
        height: 250px !important;
    }
    
    .team.partners .item .info {
        margin-top: -80px
    }
    
    .team.partners .usn_pod_textimage .heading {
        font-size: 36px !important;
    }
    
    .team .usn_pod_textimage .text {
        padding-left: 0 !important;
    }
    
    .team .usn_pod_textimage .text:before {
        margin-right: calc(100% - 70px) !important;
        display: block;
        clear: both;
        float: left;
        position: relative;
        margin-left: 0 !important;
        background-position: top center !important;
    }
    
    .team.partners .item:first-child {
        padding-top: 40px;
    }
    
    .team.partners .item .btn {
        margin-left: 0 !important;
        margin-top: 20px !important;
    }
    
    .team .usn_pod_textimage {
        margin-bottom: 30px !important;
    }
    
    .team.partners .item:not(:first-child) {
        padding-top: 40px;
    }
    
    .team.partners .item .image img {
        max-width: 180px !important;
        width: 180px !important;
    }
    
    body.collection-title .usn_cmp_banner .container, body:not(.collection, .front-page) .usn_cmp_banner .container {
        max-width: 100%;
    }
    
    .services .usn_cmp_subpagelisting .listing .item .info .heading {
        font-size: 22px !important;
        line-height: 150%;
        min-height: auto;
        max-height: 100%;
        padding-bottom: 40px;
    }
    
    .services .usn_cmp_subpagelisting .listing .item .info {
        padding-bottom: 60px !important;
    }
    
    .blog .row:not(.slides):not(.listing_window-mosaic) .item.items-3 {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .blog .listing .item .info .heading.lg {
        min-height: auto;
        max-height: 100%;
        padding-bottom: 20px !important;
    }
    
    blockquote p.quote, .quote {
        padding: 30px 20px 30px 50px !important;
        font-size: 20px !important;
    }
    
    blockquote::before, .quote::before {
        top: 30px !important;
        left: 10px;
    }
    
    .usn_cmp_form .component-introduction {
        padding: 0 !important;
    }
    
    .usn_cmp_form .form .inner {
        padding: 0 15px 0 0 !important;
    }
    
    .text-pods .item {
        margin: 0 !important;
    }
    
    .contact table td {
        display: block !important;
        width: 100% !important;
    }
    
    .text-pods {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .contact table td.hide-mobile {
        display: none !important;
        padding:0 !important;
    }
    
    .usn_cmp_code .container-fluid {
        padding:0 !important;
    }
    
    .repeatable.accordion .tab .nav-link {
        padding: 20px 50px 20px 20px !important;
    }
    
    .repeatable.accordion.tab-basic .repeatable-content .text {
        padding: 20px 0;
    }
    
    .big-banner h1{
        padding-bottom:20px !important;
    }
    
    .tab-content > .tab-pane:nth-child(3) {
        font-size: 14px !important;
    }
    
    .images-block.left-images .usn_cmp_text .info {
        padding: 0 !important;
    }
    
    .team .item.item_text-left .info, .team .item.item_text-right .info {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    .team .usn_pod_textimage .heading {
        font-size: 30px !important;
    }
    
    .team .component-introduction {
        padding: 30px 0 40px 0 !important;
    }
    
    .cursor {
        display: none !important;
    }
    
    .btn {
        margin-bottom: 15px !important;
        margin-right: 10px !important;
    }
    
    header#site-header .social a:hover img {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    .blog {
        padding-top: 30px !important;
    }
    
    .images-block .usn_cmp_gallery {
        margin-top: 20px !important;
    }
    
    header#site-header .social {
        display: none !important;
    }
    
    .team .item.item_text-left .image, .team .item.item_text-right .image {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    iframe {
        height: 190px !important;
    }
    
    usn_back-to-top {
        position: absolute;
        width: 100%;
        padding: 0;
        left: 0;
        bottom: 20px !important;
    }
    
    .usn_back-to-top .btn {
        margin: 0;
        background: #232323 !important;
        border-color: #232323 !important;
    }
    
    .two-sliders .usn_cmp_gallery:nth-child(2) .slick-slider .slick-next {
        right: 0 !important;
    }
    
    body:not(.collection, .front-page) .usn_cmp_banner.small-title h1 {
        padding: 30px !important;
    }
    
    footer#site-footer p.link {
        margin-top:10px !important;
    }
    
    .component.usn_cmp_banner .item.item_takeover-banner, .component.usn_cmp_banner .item.item_takeover-banner .container, .component.usn_cmp_banner .item.item_takeover-banner .row, .component.usn_cmp_banner .item.item_takeover-banner .image, .component.usn_cmp_banner .item.item_takeover-banner .image .video {
        height: 92vh !important;
    }
    
    .link-block.gold .component-introduction .info.col {
        flex: 0 0 90% !important;
        -ms-flex: 0 0 90% !important;
        max-width: 90% !important;
    }
    
    .collection .link-block.gold h3 {
        padding: 20px !important;
    }
    
    .collection .usn_cmp_subpagelisting .listing .item .info .heading {
        height: auto !important;
        min-height: auto !important;
        max-height: 100px !important;
        font-size: 20px !important;
        margin-top: 0px !important;
        padding-top: 5px !important;
    }
    
    .usn_pod_vdmcarscollection .usn_cmp_subpagelisting .listing .item .info .secondary-heading{
        font-weight: 600 !important;
        font-size: 15px !important;
    }
    
    .collection .usn_cmp_subpagelisting .listing .item .info .text {
        padding-bottom: 0 !important;
    }
    
    .collection .usn_cmp_subpagelisting .listing .item  {
        margin-top: 20px !important;
    }
    
    .usn_cmp_subpagelisting .listing .item .info {
        margin-top: 0 !important;
    }
    
    .usn_cmp_subpagelisting .listing .item .info .secondary-heading {
        font-size: 14px !important;
    }
    
    *:lang(de) header#site-header nav.main>ul>li:last-child a {
        margin-top: 0 !important;
    }
    
    .split-text-image {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .fix-spacing {
        margin-top: -40px !important;
    }
    
    .button-block {
        margin-top: -40px !important;
    }
    
    .title-block {
        padding: 0 !important;
    }
    
    .recent .component-introduction .heading {
        font-size: 24px !important;
    }
    
    .recent .item .heading {
        font-size: 18px !important;
        line-height: 150%;
    }
    
    .recent .listing .item .info .secondary-heading {
        padding-bottom: 0 !important;
        font-size: 14px !important;
    }
    
    header#site-header nav.main>ul {
        display: flex !important;
        flex-direction: column;
    }
    
    
    *:lang(de) header#site-header nav.main>ul>li:first-child {
        order:1;
    }
    
    *:lang(de) header#site-header nav.main>ul>li:nth-child(2) {
        order:5;
    }
    *:lang(de) header#site-header nav.main>ul>li:nth-child(3) {
        order:2;
    }
    *:lang(de) header#site-header nav.main>ul>li:nth-child(4) {
        order:6;
    }
    *:lang(de) header#site-header nav.main>ul>li:nth-child(5) {
        order:3;
    }
    *:lang(de) header#site-header nav.main>ul>li:nth-child(6) {
        order:7;
    }
    *:lang(de) header#site-header nav.main>ul>li:nth-child(7) {
        order:4;
    }
    
    .two-sliders.single .component-introduction {
        right: 0px !important; 
        top: 0px !important; 
    }
    
    .blog .listing .item .info .heading.lg {
        font-size: 20px !important;
    }
    
    .two-sliders .component-introduction h1 {
        font-size: 18px !important;
        line-height: 150%;
    }
    
    .usn_pod_vdmcardetails {
        padding: 0 !important;
    }
    
    .link-block:not(.gold) a:not(.btn), .link-block:not(.gold) button:not(.btn) {
        margin: 5px 0 !important;
    }
    
    .link-block:not(.gold) .text p {
        text-align: center !important;
    }
    
    header#site-header .site-search {
        top: 5px !important;
        left: 60px !important;
        width: 120px !important;
        margin: 0 !important;
    }
    
    .site-search button.btn {
        margin-top: -3px !important;
    }
    
    .link-block .button-group {
        text-align: center !important;
    }
    
    .component.usn_cmp_banner:not(.list-banner) .item .info {
        padding: 70px 40px !important;
    }
    
    .message-div {
        top: 535px;
    }
    
    .link-block:not(.gold) .btn {
        margin-left: calc(50% - 65px) !important;
        margin: 30px 10px 20px 10px !important;
        float:none !important;
    }
    
    .usn_cmp_banner .text ul li {
        font-size: 14px !important;
        padding: 5px 0 !important;
    }
    
    .usn_cmp_banner .text ul {
        text-align: left !important;
    }
    
    .usn_cmp_banner .text ul li:before {
        font-size: 16px !important;
    }
    
    .collection .usn_cmp_banner h1 {
        margin-top: -250px !important;
    }
    
    .collection .link-block:not(.gold) {
        clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 95% 100%, 0 100%);
    }
    
    .two-sliders .component-introduction {
         clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 95% 100%, 0 100%);
    }
    
    .link-block:not(.gold) a:not(.btn), .link-block:not(.gold) button:not(.btn) {
        width: 130px !important;
    }
    
    .list-banner .item .info {
        padding: 70px 0 !important;
    }
    
    .share-buttons .btn {
        width: 80% !important;
    }
    
    .repeatable.tabbed.tab-basic table td strong {
        font-size: 14px !important;
    }
    
    header#site-header nav.main>ul>li:nth-child(1) {
        order: 1 !important;
    }
    header#site-header nav.main>ul>li:nth-child(2) {
        order: 4 !important;
    }
    header#site-header nav.main>ul>li:nth-child(3) {
        order: 2 !important;
    }
    header#site-header nav.main>ul>li:nth-child(4) {
        order: 5 !important;
    }
    header#site-header nav.main>ul>li:nth-child(5) {
        order: 3 !important;
    }
    header#site-header nav.main>ul>li:nth-child(6) {
        order: 6 !important;
    }
}

@media (max-width: 320px) {
    body {
        zoom: .7;
    }
}

/* Site search tweaks */

body.header-03-lg header#site-header .site-search {
    display:block!important;
}

html.reveal-out body.header-03-lg header#site-header .site-search, html.reveal-out body.header-03-lg header#site-header nav.secondary>ul>li {
     -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
      animation-name:none;
}

#site-content .site-search button.btn {
    margin:0!important;
}

/* End Site search tweaks */

@media (horizontal-viewport-segments: 2) {
    header#site-header #logo {
        left: calc(100% - 130px) !important;
    }
    
    .images-block .row:not(.slides):not(.listing_window-mosaic) .item.items-1, .images-block .usn_cmp_gallery {
        min-height: 750px;
    }
    
    .component.usn_cmp_banner.highlights .item.item_scale-banner .info {
        margin-top: 480px !important;
    }
    
    .component.usn_cmp_banner.highlights .item.item_scale-banner, .component.usn_cmp_banner.highlights .item.item_scale-banner .image, .component.usn_cmp_banner.highlights .item.item_scale-banner .image .video {
        height: 800px !important;
    }
}

.btn-red .c1-btn-bg {
    color:#e70000!important;
}


.energieverbrauch:not(.energieverbrauch__transparent) {
    display:block;
    padding: 1px 15px;
    background: #f9f9f9;
    min-height: 221px;
}
.energieverbrauch .compactspecs {
    border:none;
}
.energieverbrauch .compactspecs td {
    padding:5px 15px!important;
}

.energieverbrauch__compact {
    margin: 0 0 10px 0;
    padding: 0px;
    font-size: 0.85rem;
    line-height: 1.2rem;
}

.energieverbrauch__compact h5,
.energieverbrauch__compact table {
    margin: unset !important;
    padding: unset !important;
}

.energieverbrauch__compact .compactspecs td {
    margin: unset !important;
    padding: 0px 2px 6px 0px !important
}

.energieverbrauch__compact .compactspecs td:first-child {
    width: 75% !important;
}

.energieverbrauch__compact .compactspecs tr:not(:last-child) {
    margin-bottom: 6px !important;
}

.energieverbrauch__transparent {
    background-color: transparent;
}

section.remove-padding .component-introduction  {
    padding-bottom:0!important;
}
section.remove-padding .component-outro  {
    padding-top:0!important;
}