/*  
---------------------------------------------------
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=Khand:300,400,500,600,700&display=swap');@import url('https://fonts.googleapis.com/css?family=Source Sans 3:200,300,400,500,600,700,800,900,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');



:root {

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

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

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

    /* Generic palette */
    --true-black:0,0,0;
    --true-white:255,255,255;
    --form-errors: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: 600px;
    --modal-pods-max-width: 600px;
    

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1600px;

    --site-spacing_sm: 20px;
    --site-spacing_lg: 40px;

    --notification-spacing_below_sm: 0px;
    --notification-spacing_side_sm: 0px;
    --notification-spacing_below_lg: 0px;
    --notification-spacing_side_lg: 0px;
    
    --backtotop-size_sm: 30px;
    --backtotop-size_lg: 40px;
    
    --backtotop-spacing_side_sm: 15px;
    --backtotop-spacing_below_sm: 15px;
    --backtotop-spacing_side_lg: 25px;
    --backtotop-spacing_below_lg: 25px;

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

    --small-breakpoint: 1024px;
    --large-breakpoint: 1025px;

    --header-max-width: 1350px;
    --small-header: 60px;
    --large-header: 140px;

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

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

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

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

    --base-spacing: 30px;
    --base-half-spacing: 15px;
    --base-border-width: 1px;
    --base-border-radius: 0px;

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

    --content-col_pc-spacing: 15px;
    --pc-spacing: 50px;
    --pc-spacing_sm: 50px;
    --pc-spacing_md: 40px;
    --pc-spacing_lg: 60px;
    --pc-spacing_xl: 100px;

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

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

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

    --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: 2px;
    --btn-border-radius: 40px;

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

    --btn_sm-padding_top: 7px;
    --btn_sm-padding_right: 10px;
    --btn_sm-padding_bottom: 5px;
    --btn_sm-padding_left: 10px;

    --btn-padding_top: 7px;
    --btn-padding_right: 20px;
    --btn-padding_bottom: 5px;
    --btn-padding_left: 20px;

    --btn_lg-padding_top:  7px;
    --btn_lg-padding_right:  30px;
    --btn_lg-padding_bottom:  5px;
    --btn_lg-padding_left:  30px;
    
    --footer-max-width: 1350px;

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

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 36, 62, 144;
    --secondary-navigation-link-hover: 153, 0, 102;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 255, 255, 255;
    --navigation-dropdown-color2:  0, 0, 0;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 36, 62, 144;
    --navigation-dropdown-link-hover: 108, 108, 108;
    --navigation-dropdown-link-active: 153, 0, 102;
    
    /* 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: 36, 62, 144;
    --base-secondary-heading: 0, 204, 204;
    --base-text: 36, 62, 144;
    --base-link: 153, 3, 102;
    --base-link-hover: 200, 91, 163;
    --base-borders: 229, 229, 229;
    --base-highlight: 0, 204, 204;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 36, 62, 144;
    --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: 36, 62, 144;
    --base-btn-bg-hover-color1: 153, 0, 102;
    --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: 153, 0, 102;
    
    /* Footer */
    --footer-max-width: 1350px;
    --footer-bg-color1: 36, 62, 144;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 255, 255, 255;
    --footer-secondary-heading: 255, 255, 255;
    --footer-text: 255, 255, 255;
    --footer-link: 255, 255, 255;
    --footer-link-hover: 0, 204, 204;
    --footer-borders: 172, 172, 172;
    --footer-highlight: 0, 204, 204;

    --c1-bg-color1: 232, 230, 230;
--c1-bg-color2:  0, 0, 0;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 36, 62, 144;
--c1-secondary-heading: 0, 204, 204;
--c1-text: 36, 62, 144;
--c1-link: 36, 62, 144;
--c1-link-hover: 153, 0, 102;
--c1-borders: 207, 207, 207;
--c1-highlight: 153, 0, 102;
--c1-highlight-text: 255, 255, 255;
--c2-bg-color1: 153, 0, 102;
--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: 0, 204, 204;
--c2-text: 255, 255, 255;
--c2-link: 255, 255, 255;
--c2-link-hover: 0, 204, 204;
--c2-borders: 190, 68, 149;
--c2-highlight: 0, 204, 204;
--c2-highlight-text: 153, 0, 102;
--c3-bg-color1: 36, 62, 144;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 255, 255, 255;
--c3-secondary-heading: 0, 204, 204;
--c3-text: 255, 255, 255;
--c3-link: 255, 255, 255;
--c3-link-hover: 0, 204, 204;
--c3-borders: 62, 91, 180;
--c3-highlight: 0, 204, 204;
--c3-highlight-text: 36, 62, 144;
--c4-bg-color1: 213, 213, 213;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 36, 62, 144;
--c4-secondary-heading: 0, 204, 204;
--c4-text: 36, 62, 144;
--c4-link: 36, 62, 144;
--c4-link-hover: 153, 0, 102;
--c4-borders: 195, 195, 195;
--c4-highlight: 153, 0, 102;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 0, 204, 204;
--c5-bg-color2:  0, 0, 0;
--c5-bg-start-perc: 50%;
--c5-bg-stop-perc: 50%;
--c5-bg-angle: 90deg;
--c5-heading: 255, 255, 255;
--c5-secondary-heading: 36, 62, 144;
--c5-text: 36, 62, 144;
--c5-link: 36, 62, 144;
--c5-link-hover: 255, 255, 255;
--c5-borders: 0, 204, 204;
--c5-highlight: 36, 62, 144;
--c5-highlight-text: 255, 255, 255;
--c6-bg-color1: 255, 255, 255;
--c6-bg-color2:  0, 0, 0;
--c6-bg-start-perc: 50%;
--c6-bg-stop-perc: 50%;
--c6-bg-angle: 90deg;
--c6-heading: 36, 62, 144;
--c6-secondary-heading: 0, 204, 204;
--c6-text: 36, 62, 144;
--c6-link: 36, 62, 144;
--c6-link-hover: 153, 0, 102;
--c6-borders: 195, 195, 195;
--c6-highlight: 153, 0, 102;
--c6-highlight-text: 255, 255, 255;


    --c1-btn-bg-color1:  0, 204, 204;
--c1-btn-bg-color2:  0, 0, 0;
--c1-btn-bg-start-perc: 50%;
--c1-btn-bg-stop-perc: 50%;
--c1-btn-bg-angle: 90deg;
--c1-btn-text: 255, 255, 255;
--c1-btn-borders: 0, 204, 204;
--c1-btn-bg-hover-color1:  36, 62, 144;
--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: 36, 62, 144;
--c2-btn-bg-color1:  153, 0, 102;
--c2-btn-bg-color2:  0, 0, 0;
--c2-btn-bg-start-perc: 50%;
--c2-btn-bg-stop-perc: 50%;
--c2-btn-bg-angle: 90deg;
--c2-btn-text: 255, 255, 255;
--c2-btn-borders: 153, 0, 102;
--c2-btn-bg-hover-color1:  0, 204, 204;
--c2-btn-bg-hover-color2:  255, 255, 255;
--c2-btn-bg-hover-start-perc: 50%;
--c2-btn-bg-hover-stop-perc: 50%;
--c2-btn-bg-hover-angle: 90deg;
--c2-btn-text-hover: 255, 255, 255;
--c2-btn-borders-hover: 0, 204, 204;
--c3-btn-bg-color1:  255, 255, 255;
--c3-btn-bg-color2:  0, 0, 0;
--c3-btn-bg-start-perc: 50%;
--c3-btn-bg-stop-perc: 50%;
--c3-btn-bg-angle: 90deg;
--c3-btn-text: 36, 62, 144;
--c3-btn-borders: 36, 62, 144;
--c3-btn-bg-hover-color1:  255, 255, 255;
--c3-btn-bg-hover-color2:  255, 255, 255;
--c3-btn-bg-hover-start-perc: 50%;
--c3-btn-bg-hover-stop-perc: 50%;
--c3-btn-bg-hover-angle: 90deg;
--c3-btn-text-hover: 153, 0, 102;
--c3-btn-borders-hover: 153, 0, 102;
--c4-btn-bg-color1:  255, 255, 255;
--c4-btn-bg-color2:  0, 0, 0;
--c4-btn-bg-start-perc: 50%;
--c4-btn-bg-stop-perc: 50%;
--c4-btn-bg-angle: 90deg;
--c4-btn-text: 0, 204, 204;
--c4-btn-borders: 0, 204, 204;
--c4-btn-bg-hover-color1:  0, 204, 204;
--c4-btn-bg-hover-color2:  255, 255, 255;
--c4-btn-bg-hover-start-perc: 50%;
--c4-btn-bg-hover-stop-perc: 50%;
--c4-btn-bg-hover-angle: 90deg;
--c4-btn-text-hover: 255, 255, 255;
--c4-btn-borders-hover: 0, 204, 204;
--c5-btn-bg-color1:  255, 255, 255;
--c5-btn-bg-color2:  0, 0, 0;
--c5-btn-bg-start-perc: 50%;
--c5-btn-bg-stop-perc: 50%;
--c5-btn-bg-angle: 90deg;
--c5-btn-text: 36, 62, 144;
--c5-btn-borders: 255, 255, 255;
--c5-btn-bg-hover-color1:  153, 0, 102;
--c5-btn-bg-hover-color2:  255, 255, 255;
--c5-btn-bg-hover-start-perc: 50%;
--c5-btn-bg-hover-stop-perc: 50%;
--c5-btn-bg-hover-angle: 90deg;
--c5-btn-text-hover: 255, 255, 255;
--c5-btn-borders-hover: 153, 0, 102;
--c6-btn-bg-color1:  255, 255, 255;
--c6-btn-bg-color2:  0, 0, 0;
--c6-btn-bg-start-perc: 50%;
--c6-btn-bg-stop-perc: 50%;
--c6-btn-bg-angle: 90deg;
--c6-btn-text: 153, 0, 102;
--c6-btn-borders: 255, 255, 255;
--c6-btn-bg-hover-color1:  36, 62, 144;
--c6-btn-bg-hover-color2:  255, 255, 255;
--c6-btn-bg-hover-start-perc: 50%;
--c6-btn-bg-hover-stop-perc: 50%;
--c6-btn-bg-hover-angle: 90deg;
--c6-btn-text-hover: 255, 255, 255;
--c6-btn-borders-hover: 36, 62, 144;


    

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

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

    --h1-typography_font-name: 'Khand',sans-serif;
    --h1-typography_font-weight: 600;
    --h1-typography_font-style: normal;
    --h1-typography_font-line-height: 110%;
    --h1-typography_font-letter-spacing: -0.06px;
    --h1-typography_font-transform: None;

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

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

    --h2-typography_font-size: 26px; 
    --h2-typography_font-size_sm: 26px; 
    --h2-typography_font-size_md: 30px; 
    --h2-typography_font-size_lg: 40px; 
    --h2-typography_font-size_xl: 60px; 

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

    --h3-typography_font-size: 26px; 
    --h3-typography_font-size_sm: 26px; 
    --h3-typography_font-size_md: 30px; 
    --h3-typography_font-size_lg: 40px; 
    --h3-typography_font-size_xl: 60px; 

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

    --h4-typography_font-size: 24px; 
    --h4-typography_font-size_sm: 26px; 
    --h4-typography_font-size_md: 26px; 
    --h4-typography_font-size_lg: 30px; 
    --h4-typography_font-size_xl: 34px; 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    --p-intro_large-typography_font-name: 'Source Sans 3',sans-serif;
    --p-intro_large-typography_font-weight: 600;
    --p-intro_large-typography_font-style: normal;
    --p-intro_large-typography_font-line-height: 140%;
    --p-intro_large-typography_font-letter-spacing: -0.15px;
    --p-intro_large-typography_font-transform: None;

    --p-intro_large-typography_font-size: 24px; 
    --p-intro_large-typography_font-size_sm: 24px; 
    --p-intro_large-typography_font-size_md: 24px; 
    --p-intro_large-typography_font-size_lg: 24px; 
    --p-intro_large-typography_font-size_xl: 24px;  

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

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

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

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

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

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

    --blockquote-typography_font-name: 'Source Sans 3',sans-serif;
    --blockquote-typography_font-weight: 600;
    --blockquote-typography_font-style: italic;
    --blockquote-typography_font-line-height: 140%;
    --blockquote-typography_font-letter-spacing: -0.25px;
    --blockquote-typography_font-transform: None;

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

    --blockquote_small-typography_font-name: 'Source Sans 3',sans-serif;
    --blockquote_small-typography_font-weight: 600;
    --blockquote_small-typography_font-style: italic;
    --blockquote_small-typography_font-line-height: 140%;
    --blockquote_small-typography_font-letter-spacing: -0.25px;
    --blockquote_small-typography_font-transform: None;

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

    --blockquote_large-typography_font-name: 'Source Sans 3',sans-serif;
    --blockquote_large-typography_font-weight: 600;
    --blockquote_large-typography_font-style: italic;
    --blockquote_large-typography_font-line-height: 140%;
    --blockquote_large-typography_font-letter-spacing: -0.25px;
    --blockquote_large-typography_font-transform: None;

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

    --btn-typography_font-name: 'Khand',sans-serif;
    --btn-typography_font-weight: 600;
    --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: 20px; 
    --btn-typography_font-size_sm: 20px; 
    --btn-typography_font-size_md: 20px; 
    --btn-typography_font-size_lg: 20px; 
    --btn-typography_font-size_xl: 20px;  

    --btn_small-typography_font-name: 'Khand',sans-serif;
    --btn_small-typography_font-weight: 600;
    --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: 'Khand',sans-serif;
    --btn_large-typography_font-weight: 600;
    --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: 22px; 
    --btn_large-typography_font-size_sm: 22px; 
    --btn_large-typography_font-size_md: 22px; 
    --btn_large-typography_font-size_lg: 22px; 
    --btn_large-typography_font-size_xl: 22px;  

    --main-navigation-typography_font-name: 'Khand',sans-serif;
    --main-navigation-typography_font-weight: 600;
    --main-navigation-typography_font-style: normal;
    --main-navigation-typography_font-line-height: 150%;
    --main-navigation-typography_font-letter-spacing: 0.03px;
    --main-navigation-typography_font-transform: None;

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

    --main-navigation_dropdowns-typography_font-name: 'Khand',sans-serif;
    --main-navigation_dropdowns-typography_font-weight: 600;
    --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: 'Khand',sans-serif;
    --secondary-navigation-typography_font-weight: 400;
    --secondary-navigation-typography_font-style: normal;
    --secondary-navigation-typography_font-line-height: 150%;
    --secondary-navigation-typography_font-letter-spacing: 0px;
    --secondary-navigation-typography_font-transform: None;

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

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

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

    --breadcrumb-navigation-typography_font-name: 'Khand',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: 'Khand',sans-serif;
    --anchor-navigation-typography_font-weight: 600;
    --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: 'Khand',sans-serif;
    --acc-tab-typography_font-weight: 600;
    --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: 'Khand',sans-serif;
    --logo-typography_font-weight: 600;
    --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); 
}


/* Text selection */

.c1-bg ::selection { 
    color: rgba(var(--c1-highlight-text), 1); 
    background-color: rgba(var(--c1-highlight), 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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c1-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c1-bg .pricing-features .feature-title + .feature { border-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); 
}


/* Text selection */

.c2-bg ::selection { 
    color: rgba(var(--c2-highlight-text), 1); 
    background-color: rgba(var(--c2-highlight), 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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c2-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c2-bg .pricing-features .feature-title + .feature { border-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); 
}


/* Text selection */

.c3-bg ::selection { 
    color: rgba(var(--c3-highlight-text), 1); 
    background-color: rgba(var(--c3-highlight), 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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c3-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c3-bg .pricing-features .feature-title + .feature { border-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); 
}


/* Text selection */

.c4-bg ::selection { 
    color: rgba(var(--c4-highlight-text), 1); 
    background-color: rgba(var(--c4-highlight), 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); }


/* Pricing pod */
.item.usn_pod_pricingtable .c4-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c4-bg .pricing-features .feature-title + .feature { border-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 - Content
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Text selection */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Pricing pod */
.item.usn_pod_pricingtable .c5-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c5-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c5-borders), 1); }


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

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

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

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


/* Focus visibles */

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

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



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

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

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

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


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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Text selection */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/* Pricing pod */
.item.usn_pod_pricingtable .c6-bg .pricing-features .feature,
.item.usn_pod_pricingtable .c6-bg .pricing-features .feature-title + .feature { border-color: rgba(var(--c6-borders), 1); }


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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


/* Overlayicons */

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

/* Overlayicons - Backgrounds Linear */

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

/* Overlayicons - Backgrounds Radial */

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

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


/* Focus visibles */

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

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



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

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

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

.component.usn_cmp_breadcrumb.c6-bg .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--c6-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%); 
}


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

/* Solid Buttons */

.btn.c2-btn-bg, 
.btn-bg_c2-btn-bg .btn {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

.c2-btn-bg:hover, 
.btn-bg_c2-btn-bg .btn:hover,
.btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus,
.btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c2-btn-bg.c2-btn-bg-linear, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-linear:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-linear:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-linear:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c2-btn-bg.c2-btn-bg-radial, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-radial:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-radial:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-radial:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span,
a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, 
a:active .btn.c2-btn-bg-hover > span,
.btn.c2-btn-bg-hover-solid:hover > span, 
.btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c2-btn-bg-hover-solid > span, 
a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background: rgba(var(--c2-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c2-btn-borders:hover, 
.btn-borders_c2-btn-borders .btn:hover,
.btn.c2-btn-borders:focus, 
.btn-borders_c2-btn-borders .btn:focus,
.btn.c2-btn-borders:active, 
.btn-borders_c2-btn-borders .btn:active,
a:hover .btn.c2-btn-borders, 
a:focus .btn.c2-btn-borders, 
a:active .btn.c2-btn-borders {
    border-color: rgba(var(--c2-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

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


/* Buttons box shadows */
.btn.c2-btn-borders:hover, 
.btn.c2-btn-borders:focus, 
.btn.c2-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c2-btn-borders .btn:hover, 
.btn-borders_c2-btn-borders .btn:focus, 
.btn-borders_c2-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c2-btn-text, 
.basic-buttons .btn-text_c2-btn-text .btn { 
    color: rgba(var(--c2-btn-bg), 1); 
}

.basic-buttons .btn.c2-btn-text:hover, 
.basic-buttons .btn.c2-btn-text:focus, 
.basic-buttons .btn.c2-btn-text:active, 
.basic-buttons .btn-text_c2-btn-text .btn:hover, 
.basic-buttons .btn-text_c2-btn-text .btn:focus, 
.basic-buttons .btn-text_c2-btn-text .btn:active { 
    color: rgba(var(--c2-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c2-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c2-btn-bg-hover-color1),1);
    color: rgba(var(--c2-btn-text-hover),1);
    border-color: rgba(var(--c2-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c2-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c2-btn-bg.c2-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


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

/* Solid Buttons */

.btn.c3-btn-bg, 
.btn-bg_c3-btn-bg .btn {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

.c3-btn-bg:hover, 
.btn-bg_c3-btn-bg .btn:hover,
.btn.c3-btn-bg:focus, 
.btn-bg_c3-btn-bg .btn:focus,
.btn.c3-btn-bg:active, 
.btn-bg_c3-btn-bg .btn:active {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c3-btn-bg.c3-btn-bg-linear, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-linear:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-linear:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-linear:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c3-btn-bg.c3-btn-bg-radial, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-radial:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-radial:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-radial:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c3-btn-bg-hover:hover > span, 
.btn.c3-btn-bg-hover:focus > span, 
.btn.c3-btn-bg-hover:active > span, 
.btn-bg_c3-btn-bg-hover .btn:hover > span, 
.btn-bg_c3-btn-bg-hover .btn:focus > span, 
.btn-bg_c3-btn-bg-hover .btn:active > span,
a:hover .btn.c3-btn-bg-hover > span, 
a:focus .btn.c3-btn-bg-hover > span, 
a:active .btn.c3-btn-bg-hover > span,
.btn.c3-btn-bg-hover-solid:hover > span, 
.btn.c3-btn-bg-hover-solid:focus > span, 
.btn.c3-btn-bg-hover-solid:active > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c3-btn-bg-hover-solid > span, 
a:focus .btn.c3-btn-bg-hover-solid > span, 
a:active .btn.c3-btn-bg-hover-solid > span {
    background: rgba(var(--c3-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c3-btn-borders:hover, 
.btn-borders_c3-btn-borders .btn:hover,
.btn.c3-btn-borders:focus, 
.btn-borders_c3-btn-borders .btn:focus,
.btn.c3-btn-borders:active, 
.btn-borders_c3-btn-borders .btn:active,
a:hover .btn.c3-btn-borders, 
a:focus .btn.c3-btn-borders, 
a:active .btn.c3-btn-borders {
    border-color: rgba(var(--c3-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

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


/* Buttons box shadows */
.btn.c3-btn-borders:hover, 
.btn.c3-btn-borders:focus, 
.btn.c3-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c3-btn-borders .btn:hover, 
.btn-borders_c3-btn-borders .btn:focus, 
.btn-borders_c3-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c3-btn-text, 
.basic-buttons .btn-text_c3-btn-text .btn { 
    color: rgba(var(--c3-btn-bg), 1); 
}

.basic-buttons .btn.c3-btn-text:hover, 
.basic-buttons .btn.c3-btn-text:focus, 
.basic-buttons .btn.c3-btn-text:active, 
.basic-buttons .btn-text_c3-btn-text .btn:hover, 
.basic-buttons .btn-text_c3-btn-text .btn:focus, 
.basic-buttons .btn-text_c3-btn-text .btn:active { 
    color: rgba(var(--c3-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c3-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c3-btn-bg-hover-color1),1);
    color: rgba(var(--c3-btn-text-hover),1);
    border-color: rgba(var(--c3-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c3-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c3-btn-bg.c3-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


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

/* Solid Buttons */

.btn.c4-btn-bg, 
.btn-bg_c4-btn-bg .btn {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

.c4-btn-bg:hover, 
.btn-bg_c4-btn-bg .btn:hover,
.btn.c4-btn-bg:focus, 
.btn-bg_c4-btn-bg .btn:focus,
.btn.c4-btn-bg:active, 
.btn-bg_c4-btn-bg .btn:active {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c4-btn-bg.c4-btn-bg-linear, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-linear:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-linear:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-linear:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c4-btn-bg.c4-btn-bg-radial, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-radial:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-radial:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-radial:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c4-btn-bg-hover:hover > span, 
.btn.c4-btn-bg-hover:focus > span, 
.btn.c4-btn-bg-hover:active > span, 
.btn-bg_c4-btn-bg-hover .btn:hover > span, 
.btn-bg_c4-btn-bg-hover .btn:focus > span, 
.btn-bg_c4-btn-bg-hover .btn:active > span,
a:hover .btn.c4-btn-bg-hover > span, 
a:focus .btn.c4-btn-bg-hover > span, 
a:active .btn.c4-btn-bg-hover > span,
.btn.c4-btn-bg-hover-solid:hover > span, 
.btn.c4-btn-bg-hover-solid:focus > span, 
.btn.c4-btn-bg-hover-solid:active > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c4-btn-bg-hover-solid > span, 
a:focus .btn.c4-btn-bg-hover-solid > span, 
a:active .btn.c4-btn-bg-hover-solid > span {
    background: rgba(var(--c4-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c4-btn-borders:hover, 
.btn-borders_c4-btn-borders .btn:hover,
.btn.c4-btn-borders:focus, 
.btn-borders_c4-btn-borders .btn:focus,
.btn.c4-btn-borders:active, 
.btn-borders_c4-btn-borders .btn:active,
a:hover .btn.c4-btn-borders, 
a:focus .btn.c4-btn-borders, 
a:active .btn.c4-btn-borders {
    border-color: rgba(var(--c4-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

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


/* Buttons box shadows */
.btn.c4-btn-borders:hover, 
.btn.c4-btn-borders:focus, 
.btn.c4-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c4-btn-borders .btn:hover, 
.btn-borders_c4-btn-borders .btn:focus, 
.btn-borders_c4-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c4-btn-text, 
.basic-buttons .btn-text_c4-btn-text .btn { 
    color: rgba(var(--c4-btn-bg), 1); 
}

.basic-buttons .btn.c4-btn-text:hover, 
.basic-buttons .btn.c4-btn-text:focus, 
.basic-buttons .btn.c4-btn-text:active, 
.basic-buttons .btn-text_c4-btn-text .btn:hover, 
.basic-buttons .btn-text_c4-btn-text .btn:focus, 
.basic-buttons .btn-text_c4-btn-text .btn:active { 
    color: rgba(var(--c4-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c4-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c4-btn-bg-hover-color1),1);
    color: rgba(var(--c4-btn-text-hover),1);
    border-color: rgba(var(--c4-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c4-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c4-btn-bg.c4-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


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

/* Solid Buttons */

.btn.c5-btn-bg, 
.btn-bg_c5-btn-bg .btn {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

.c5-btn-bg:hover, 
.btn-bg_c5-btn-bg .btn:hover,
.btn.c5-btn-bg:focus, 
.btn-bg_c5-btn-bg .btn:focus,
.btn.c5-btn-bg:active, 
.btn-bg_c5-btn-bg .btn:active {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c5-btn-bg.c5-btn-bg-linear, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-linear:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-linear:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-linear:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c5-btn-bg.c5-btn-bg-radial, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-radial:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-radial:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-radial:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c5-btn-bg-hover:hover > span, 
.btn.c5-btn-bg-hover:focus > span, 
.btn.c5-btn-bg-hover:active > span, 
.btn-bg_c5-btn-bg-hover .btn:hover > span, 
.btn-bg_c5-btn-bg-hover .btn:focus > span, 
.btn-bg_c5-btn-bg-hover .btn:active > span,
a:hover .btn.c5-btn-bg-hover > span, 
a:focus .btn.c5-btn-bg-hover > span, 
a:active .btn.c5-btn-bg-hover > span,
.btn.c5-btn-bg-hover-solid:hover > span, 
.btn.c5-btn-bg-hover-solid:focus > span, 
.btn.c5-btn-bg-hover-solid:active > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c5-btn-bg-hover-solid > span, 
a:focus .btn.c5-btn-bg-hover-solid > span, 
a:active .btn.c5-btn-bg-hover-solid > span {
    background: rgba(var(--c5-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-linear:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-radial:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c5-btn-borders:hover, 
.btn-borders_c5-btn-borders .btn:hover,
.btn.c5-btn-borders:focus, 
.btn-borders_c5-btn-borders .btn:focus,
.btn.c5-btn-borders:active, 
.btn-borders_c5-btn-borders .btn:active,
a:hover .btn.c5-btn-borders, 
a:focus .btn.c5-btn-borders, 
a:active .btn.c5-btn-borders {
    border-color: rgba(var(--c5-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

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


/* Buttons box shadows */
.btn.c5-btn-borders:hover, 
.btn.c5-btn-borders:focus, 
.btn.c5-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c5-btn-borders .btn:hover, 
.btn-borders_c5-btn-borders .btn:focus, 
.btn-borders_c5-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c5-btn-text, 
.basic-buttons .btn-text_c5-btn-text .btn { 
    color: rgba(var(--c5-btn-bg), 1); 
}

.basic-buttons .btn.c5-btn-text:hover, 
.basic-buttons .btn.c5-btn-text:focus, 
.basic-buttons .btn.c5-btn-text:active, 
.basic-buttons .btn-text_c5-btn-text .btn:hover, 
.basic-buttons .btn-text_c5-btn-text .btn:focus, 
.basic-buttons .btn-text_c5-btn-text .btn:active { 
    color: rgba(var(--c5-btn-bg-hover), 1); 
}


/* Umbraco Form input submit button hovers */
/* Required so we do not change the HTML of Umbraco Forms source */
.umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c5-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c5-btn-bg-hover-color1),1);
    color: rgba(var(--c5-btn-text-hover),1);
    border-color: rgba(var(--c5-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c5-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c5-btn-bg.c5-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


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

/* Solid Buttons */

.btn.c6-btn-bg, 
.btn-bg_c6-btn-bg .btn {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

.c6-btn-bg:hover, 
.btn-bg_c6-btn-bg .btn:hover,
.btn.c6-btn-bg:focus, 
.btn-bg_c6-btn-bg .btn:focus,
.btn.c6-btn-bg:active, 
.btn-bg_c6-btn-bg .btn:active {
    background: rgba(var(--c6-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c6-btn-bg.c6-btn-bg-linear, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-linear:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-linear:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-linear:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c6-btn-bg-angle), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c6-btn-bg.c6-btn-bg-radial, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}

.c6-btn-bg.c6-btn-bg-radial:hover, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:hover,
.btn.c6-btn-bg.c6-btn-bg-radial:focus, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:focus,
.btn.c6-btn-bg.c6-btn-bg-radial:active, 
.btn-bg_c6-btn-bg.c6-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c6-btn-bg-start-perc) var(--c6-btn-bg-stop-perc), rgba(var(--c6-btn-bg-color1), 1) 0%, rgba(var(--c6-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c6-btn-bg-hover:hover > span, 
.btn.c6-btn-bg-hover:focus > span, 
.btn.c6-btn-bg-hover:active > span, 
.btn-bg_c6-btn-bg-hover .btn:hover > span, 
.btn-bg_c6-btn-bg-hover .btn:focus > span, 
.btn-bg_c6-btn-bg-hover .btn:active > span,
a:hover .btn.c6-btn-bg-hover > span, 
a:focus .btn.c6-btn-bg-hover > span, 
a:active .btn.c6-btn-bg-hover > span,
.btn.c6-btn-bg-hover-solid:hover > span, 
.btn.c6-btn-bg-hover-solid:focus > span, 
.btn.c6-btn-bg-hover-solid:active > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c6-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c6-btn-bg-hover-solid > span, 
a:focus .btn.c6-btn-bg-hover-solid > span, 
a:active .btn.c6-btn-bg-hover-solid > span {
    background: rgba(var(--c6-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-linear:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-linear:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-linear > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c6-btn-bg-hover-angle), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c6-btn-bg.c6-btn-bg-hover-radial:hover > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:focus > span, 
.btn.c6-btn-bg.c6-btn-bg-hover-radial:active > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c6-btn-bg.c6-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:focus .btn.c6-btn-bg.c6-btn-bg-hover-radial > span, 
a:active .btn.c6-btn-bg.c6-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c6-btn-bg-hover-start-perc) var(--c6-btn-bg-hover-stop-perc), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

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

/* Button Borders Hover */

.btn.c6-btn-borders:hover, 
.btn-borders_c6-btn-borders .btn:hover,
.btn.c6-btn-borders:focus, 
.btn-borders_c6-btn-borders .btn:focus,
.btn.c6-btn-borders:active, 
.btn-borders_c6-btn-borders .btn:active,
a:hover .btn.c6-btn-borders, 
a:focus .btn.c6-btn-borders, 
a:active .btn.c6-btn-borders {
    border-color: rgba(var(--c6-btn-borders-hover), 1);
}


/* Button Text */

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

/* Button Text Hover */

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


/* Buttons box shadows */
.btn.c6-btn-borders:hover, 
.btn.c6-btn-borders:focus, 
.btn.c6-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c6-btn-borders .btn:hover, 
.btn-borders_c6-btn-borders .btn:focus, 
.btn-borders_c6-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c6-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c6-btn-text, 
.basic-buttons .btn-text_c6-btn-text .btn { 
    color: rgba(var(--c6-btn-bg), 1); 
}

.basic-buttons .btn.c6-btn-text:hover, 
.basic-buttons .btn.c6-btn-text:focus, 
.basic-buttons .btn.c6-btn-text:active, 
.basic-buttons .btn-text_c6-btn-text .btn:hover, 
.basic-buttons .btn-text_c6-btn-text .btn:focus, 
.basic-buttons .btn-text_c6-btn-text .btn:active { 
    color: rgba(var(--c6-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_c6-btn-bg input[type="submit"]:active,
.umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:focus,
.umbraco-forms .btn-bg_c6-btn-bg input[type="submit"]:hover { 
    background: rgba(var(--c6-btn-bg-hover-color1),1);
    color: rgba(var(--c6-btn-text-hover),1);
    border-color: rgba(var(--c6-btn-borders-hover),1);
}
.umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:active,
.umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:focus,
.umbraco-forms .btn-bg_base-btn-bg.c6-btn-bg-hover-linear input[type="submit"]:hover { 
    background: linear-gradient(var(--c6-btn-bg-hover-angle), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}
.umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:active,
.umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:focus,
.umbraco-forms .btn-bg_c6-btn-bg.c6-btn-bg-hover-radial input[type="submit"]:hover { 
    background: radial-gradient(farthest-side at var(--c6-btn-bg-hover-start-perc) var(--c6-btn-bg-hover-stop-perc), rgba(var(--c6-btn-bg-hover-color1), 1) 0%, rgba(var(--c6-btn-bg-hover-color2), 1) 100%); 
}





#CybotCookiebotDialog label {
	color: #141414 !important;
	border: none !important;
	padding: 10px;
}

#CookiebotWidget :focus-visible,
#CookiebotWidget .Cookiebotwidget-logo {
	outline: none !important;
}

.form fieldset {
    display: grid;
}

.form-checkboxes .umbraco-forms-field-wrapper .checkbox label {
	border-bottom: none !important;
	padding-left: 20px !important;
	padding-top: 10px;
	font-weight: normal !important;
	margin: 0 !important;
}

.form-checkboxes .multiplechoice label {
	border-bottom: none !important;
	font-weight: bold !important;
	margin: 20px 0 0 0 !important;
}

.form-checkboxes .longanswer label {
	font-weight: bold !important;
	padding-bottom: 10px;
}

body {
	width: 100%;
}

.usn_back-to-top {
	z-index: 1200 !important;
}
.usn_back-to-top .btn {
    padding:0!important;
    font-size:22px;
}
.usn_back-to-top .btn:after {
    display:none;
}

.extra-padding-top-50 {
	padding-top: 50px !important;
}

/* START NEW LANDING PAGE */

.landing-page .content .btn {
	transform: scale(.9);
	margin-left: -10px;
}

.landing-page .cta-links-sticky {
	display: none !important;
}

.cta-links-sticky.landing-page-cta {
	display: none !important;
}

.landing-page .cta-links-sticky.landing-page-cta {
	display: block !important;
}

.landing-page.service-page .cta-links-sticky.landing-page-cta {
	display: none !important;
}

.cta-links-sticky.landing-page-cta {
	top: 285px !important;
}

.cta-links-sticky.landing-page-cta:before {
	display: none !important;
}

.cta-links-sticky.landing-page-cta:hover,
.cta-links-sticky.landing-page-cta {
	right: -20px !important;
	/*background: transparent !important;*/
	padding: 0 !important;
	animation: none !important;
}

.cta-links-sticky.landing-page-cta a {
	padding: 15px 30px 15px 50px;
	background: #990366;
	border-radius: 20px;
	text-transform: none !important;
	font-size: 20px !important;
	font-weight: 500 !important;
}

.cta-links-sticky.landing-page-cta a span:after {
	content: '\f0a9';
	font-family: 'Font Awesome 6 Pro';
	float: right;
	padding: 0 0 0 110px;
	position: absolute;
}

.cta-links-sticky.landing-page-cta a:first-child:after {
	display: none !important;
}

.cta-links-sticky.landing-page-cta a:first-child:before {
	content: '\f232';
	font-family: 'Font Awesome 6 Brands';
	position: absolute;
	left: 17px;
	font-size: 25px;
	font-weight: 300;
}

.cta-links-sticky.landing-page-cta a:nth-child(2):before {
	content: '\f095';
	font-family: 'Font Awesome 6 Pro';
	position: absolute;
	left: 17px;
	font-size: 20px;
	font-weight: 900;
}

.cta-links-sticky.landing-page-cta a:first-child {
	position: absolute;
	right: 0;
	display: block;
	width: 220px;
}

.cta-links-sticky.landing-page-cta a:first-child:hover {
	right: 0;
	transition: all .3s ease-in-out;
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.cta-links-sticky.landing-page-cta a:nth-child(2) {
	position: absolute;
	right: 0;
	top: 60px;
	display: block;
	width: 220px;
}

.cta-links-sticky.landing-page-cta a:nth-child(2):hover {
	right: 0;
	transition: all .3s ease-in-out;
	-webkit-animation-name: hvr-wobble-horizontal;
	animation-name: hvr-wobble-horizontal;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@keyframes float {
	0% {
		transform: translatey(0px) translatex(0px) scale(1);
	}

	20% {
		transform: translatey(-13px) translatex(-7px) scale(1.01);
	}

	50% {
		transform: translatey(0px) translatex(0px) scale(1);
	}

	80% {
		transform: translatey(-13px) translatex(-7px) scale(1.01);
	}

	100% {
		transform: translatey(0px) translatex(0px) scale(1);
	}
}

.usn_cmp_splitcomponent .info {
    /*padding-right: 80px !important;*/
}
@media (max-width: 767px) {
    .usn_cmp_splitcomponent .info {
        padding-right:0 !important;
    }

    .usn_cmp_splitcomponent .usn_cmp_text.order-2 {
        padding: 0 50px !important;
    }

    .usn_cmp_splitcomponent .usn_cmp_text.order-1 {
        padding: 20px !important;
    }

    .usn_cmp_splitcomponent.c2-bg {
        padding-top: 50px !important;
    }

    .solutions-overview .item {
        -ms-flex: 0 0 90% !important;
        flex: 0 0 90% !important;
        max-width: 90% !important;
        margin-left: 10% !important;
        margin-right: 0 !important;
    }

    .cases .slick-slider .slick-next,.cases .slick-slider .slick-prev {
        top: auto !important;
        bottom: 5px !important;
    }

    .faq.content.component .content-col.center-col.col {
        padding: 20px !important;
    }
}
.landing-page .usn_cmp_splitcomponent .info {
    padding-right: inherit!important;
}
.line-through:before {
	content: '';
	width: 100px;
	height: 70px;
	background-image: url(/../images/line-through.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	z-index: 999;
	top: 185px;
	left: 210px;
	right: auto;
	display: block;
}

.split-image-wave .heading {
	padding-left: 100px;
}

.split-image-wave .image {
	max-width: 700px !important;
	position: absolute;
	top: -150px;
	left: 150px !important;
	animation: float 8s infinite;
}

.split-image-wave .info {
	padding-right: 0 !important;
	max-width: 340px !important;
	margin-left: 0 !important;
}

.split-image-wave .usn_cmp_gallery {
	z-index: 999 !important;
}

.split-image-wave .component-inner:after {
	content: '';
	width: 70%;
	height: 500px;
	background-image: url(/../images/Swoosh.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 65px;
	animation: float 8s infinite;
}

.split-image-wave:after {
	content: '';
	width: 100%;
	height: 770px;
	background-image: url(/../images/bg.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	z-index: 0;
	right: 0;
	top: 80px;
}

.split-image-wave {
	padding: 40px 0 130px 0 !important;
	margin-bottom: 150px !important;
	z-index: 1000 !important;
}

.split-image-wave:before {
	content: 'Sustainable indoor climate';
	position: absolute;
	z-index: 0;
	right: 50px;
	top: 50px;
	color: #fff;
	font-family: 'Khand', sans-serif !important;
	font-size: 24px;
	width: 120px;
	text-align: right;
	line-height: 115%;
}

.split-with-slider {
	margin-top: -200px !important;
	padding: 0 100px !important;
	z-index: 1999 !important;
	background: transparent !important;
}

.split-with-slider .component-inner {
	margin-top: -230px !important;
}

.split-with-slider .usn_cmp_text .info {
	max-width: 70% !important;
	margin-left: 0 !important;
}

.split-with-slider .usn_cmp_text .heading {
	max-width: 100% !important;
}

.big-arrow {
	padding-top: 600px !important;
	margin-top: -600px !important;
}

.split-with-slider .usn_cmp_text .text p {
	font-size: 18px !important;
}

.split-with-slider .usn_cmp_text .link {
	margin-top: 0 !important;
}

.split-with-slider .usn_cmp_pods {
	margin-top: -100px !important;
}

.split-with-slider .usn_cmp_pods .heading {
	max-width: 130% !important;
	font-weight: 400 !important;
}

.split-with-slider .usn_cmp_pods .item .image {
	/*padding: 0 80px 10px 130px !important;*/
	padding: 0 80px 10px 80px !important;
}

.usn_cmp_splitcomponent.split-with-slider .usn_pod_textimage .info {
    padding-right:0!important;
}
.split-with-slider.split-with-slider-zorg .usn_cmp_pods .item .image {
	padding: 0 200px 10px 200px !important;
}

.split-with-slider.split-with-slider-zorg .usn_cmp_text .info {
	max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 50px !important;
}

.split-with-slider.split-with-slider-zorg .usn_pod_textimage .info {
    padding: 0 50px !important;
    max-width: 500px;
    margin: auto;
}

@media(max-width:767px) {
    .split-with-slider.split-with-slider-zorg .usn_cmp_pods .item .image {
	  padding: 10px !important;
}
}


.split-with-slider .slick-slider .slick-dots li>button {
	width: 60px !important;
	height: 3px !important;
	border-radius: 2px !important;
	background: #999999 !important;
	border-color: #999999 !important;
}

.split-with-slider .slick-slider .slick-dots li.slick-active>button {
	background: #243e90 !important;
	border-color: #243e90 !important;
}

.split-with-slider .slick-slider ul.slick-dots {
	margin-top: 30px !important;
	margin-left: 30px !important;
}

.split-with-slider-nomargin {
	margin-top: 0 !important;
	padding: 0 100px !important;
	z-index: 1999 !important;
	background: transparent !important;
}

.split-with-slider-nomargin .component-inner {
	margin-top: 0 !important;
}

.collage .component-introduction .heading {
	font-size: 80px !important;
}

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

.collage .listing .item:first-child,
.collage .listing .item:nth-child(4) {
	flex: 0 0 21% !important;
	-ms-flex: 0 0 21% !important;
	max-width: 21% !important;
}

.collage .listing .item:nth-child(2) {
	flex: 0 0 50% !important;
	-ms-flex: 0 0 50% !important;
	max-width: 50% !important;
}

.collage .listing .item:nth-child(3) {
	flex: 0 0 29% !important;
	-ms-flex: 0 0 29% !important;
	max-width: 29% !important;
}

.collage .listing .item:nth-child(5) {
	flex: 0 0 18% !important;
	-ms-flex: 0 0 18% !important;
	max-width: 18% !important;
	position: absolute;
	bottom: 100px;
	padding: 0 40px !important;
}

.collage .listing .item:nth-child(6) {
	flex: 0 0 79% !important;
	-ms-flex: 0 0 79% !important;
	max-width: 79% !important;
}

.collage .listing .item:first-child .image {
	position: absolute;
	width: 155%;
	right: 0;
}

.collage .listing .item:first-child .inner {
	min-height: 300px;
	border-radius: 30px !important;
	position: absolute;
	bottom: 0;
	width: 85%;
}

.collage .listing .item:first-child .heading {
	position: absolute;
	bottom: 20px;
	left: 35px;
	font-weight: 500 !important;
}

.collage .listing .item:nth-child(2) {
	border: 1px solid #999999;
	border-radius: 30px !important;
	padding: 75px 30px 75px 60px !important;
}

.collage .listing .item:nth-child(2) .heading {
	font-size: 45px !important;
	padding-bottom: 30px !important;
	font-weight: 500 !important;
}

.collage .listing .item:nth-child(2) .text a {
	color: inherit !important;
	text-decoration: underline !important;
}

.collage .listing .item:nth-child(2) .text a:hover {
	color: #990066 !important;
}

.collage .listing .item ul li {
	font-size: 18px !important;
}

.collage .listing .item ul li {
	list-style: none !important;
	margin: 25px 0 !important;
}

.collage .listing .item ul {
	padding: 0 0 0 50px !important;
	margin: 0 !important;
}

.collage .listing .item ul li:before {
	content: '';
	width: 20px;
	height: 30px;
	background-image: url(/../images/check-icon.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	position: absolute;
	margin-left: -40px;
}

.collage .listing .item:nth-child(3) .inner {
	border-radius: 30px !important;
	position: absolute;
	bottom: 0;
	width: 93%;
	right: 0;
	padding: 70px 10px 10px 10px;
}

.collage .listing .item:nth-child(3) .heading {
	font-size: 28px !important;
	font-weight: 500 !important;
	padding-bottom: 0px !important
}

.collage .listing .item:nth-child(3) .image {
	position: absolute;
	width: 50%;
	top: -30%;
	left: 40px;
}

.collage .listing .item:nth-child(3) p:not(.link) {
	margin: 0 !important;
}

.collage .listing .item:nth-child(3) .link {
	float: right;
	padding-bottom: 20px !important;
}

.collage .listing .item:nth-child(3) .info {
	padding-right: 20px !important;
}

.collage .listing .item:nth-child(3) .link a {
	color: #990066 !important;
}

.collage .listing .item:nth-child(3) .link .btn:hover a,
.collage .listing .item:nth-child(3) .link .btn:hover,
.collage .listing .item:nth-child(3) .link .btn:hover span,
.collage .listing .item:nth-child(3) .link .btn:focus a,
.collage .listing .item:nth-child(3) .link .btn:focus,
.collage .listing .item:nth-child(3) .link .btn:focus span {
	color: #fff !important;
	text-decoration: none !important;
	background-color: transparent !important;
	border-color: #fff !important;
}

.collage .listing .item:nth-child(4) .inner {
	border-radius: 30px !important;
	position: absolute;
	width: 85%;
}

.collage .listing .item:nth-child(4) .heading {
	font-weight: 500 !important;
	font-size: 24px !important;
}

.collage .listing .item:nth-child(4) .text p {
	color: #fff !important;
}

.collage .listing .item:nth-child(4) .image {
	padding-top: 40px !important;
	margin-left: -20px !important;
	width: 100% !important;
}

.collage .listing .item:nth-child(4) .link .btn:hover a,
.collage .listing .item:nth-child(4) .link .btn:hover,
.collage .listing .item:nth-child(4) .link .btn:hover span,
.collage .listing .item:nth-child(4) .link .btn:focus a,
.collage .listing .item:nth-child(4) .link .btn:focus,
.collage .listing .item:nth-child(4) .link .btn:focus span {
	color: #fff !important;
	text-decoration: none !important;
	background-color: transparent !important;
	border-color: #fff !important;
}

.collage .listing .item:nth-child(5) {
	margin-top: 150px !important;
}

.collage .listing .item:nth-child(5) .heading {
	font-weight: 500 !important;
	font-size: 24px !important;
}

.collage .listing .item:nth-child(5) .link .btn a,
.collage .listing .item:nth-child(5) .link .btn,
.collage .listing .item:nth-child(5) .link .btn span {
	color: #fff !important;
}

.collage .listing .item:nth-child(5) .link .btn:hover a,
.collage .listing .item:nth-child(5) .link .btn:hover,
.collage .listing .item:nth-child(5) .link .btn:hover span,
.collage .listing .item:nth-child(5) .link .btn:focus a,
.collage .listing .item:nth-child(5) .link .btn:focus,
.collage .listing .item:nth-child(5) .link .btn:focus span {
	color: #003399 !important;
	text-decoration: none !important;
	background-color: transparent !important;
	border-color: #003399 !important;
}

.collage .listing .item:nth-child(6) {
	padding: 0 !important;
}

.collage .listing .item:nth-child(6) .heading {
	font-weight: 500 !important;
	font-size: 45px !important;
	padding-bottom: 30px !important;
}

.collage .listing .item:nth-child(6) .info {
	background-color: #f2f2f2 !important;
	border-radius: 20px !important;
	padding: 75px 120px 75px 60px !important;
	flex: 0 0 63% !important;
	-ms-flex: 0 0 63% !important;
	max-width: 63% !important;
}

.collage .listing .item:nth-child(6) .image {
	flex: 0 0 50% !important;
	-ms-flex: 0 0 50% !important;
	max-width: 50% !important;
	margin-left: -140px !important;
	margin-top: 140px !important;
}


.large-title .component-introduction .heading {
	font-size: 80px !important;
}

.large-title .component-introduction .info {
	flex: 0 0 100% !important;
	-ms-flex: 0 0 100% !important;
	max-width: 100% !important;
}

.landing-page .usn_cmp_form,
.landing-page .step-form .form .inner {
	background: transparent !important;
}

.hide-input {
	display: none;
}

.show-input {
	display: block;
}

.landing-page .step-form .umbraco-forms-form {
	padding: 0;
}

.landing-page .step-form form {
	border: 1px solid #990066 !important;
	border-radius: 30px;
	padding: 18px 140px 18px 600px !important;
	min-height: 195px;
}

.landing-page .step-form .umbraco-forms-form fieldset {
	margin: 0;
	padding: 0;
}

.landing-page .step-form form label {
	color: #990066 !important;
	font-size: 30px !important;
	font-weight: 500 !important;
	font-family: 'Khand', sans-serif !important;
	padding: 20px 0 0 0 !important;
	border: none !important;
	position: absolute;
	line-height: 100% !important;
}

.landing-page .step-form .form-group.dropdown::after {
	top: 100px !important;
	/*right: 50px !important;*/
	/*left: auto;*/
	/*width: 50px;*/
	/*color: #999 !important;*/
}

.landing-page .step-form .component-introduction {
	position: absolute;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	background-color: #990066 !important;
	width: 400px;
}

.landing-page .step-form .component-introduction:before {
	position: absolute;
	width: 60px;
	height: 87px;
	content: '';
	background-image: url(/../images/lightbulb-icon.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top left;
	top: 50px;
	left: 50px;
}

.landing-page .umbraco-forms-field.titleanddescription {
	margin-bottom: 20px !important;
}

.landing-page .step-form .component-introduction .heading {
	color: #fff !important;
	font-weight: 500 !important;
	line-height: 100% !important;
	font-size: 45px !important;
	padding: 50px 30px 5px 120px !important;
}

.landing-page .step-form .component-introduction .info {
	flex: 0 0 100% !important;
	-ms-flex: 0 0 100% !important;
	max-width: 100% !important;
}

.landing-page .step-form .umbraco-forms-navigation {
	display: none;
}

.landing-page .step-form .umbraco-forms-navigation.show {
	display: block;
}

.landing-page .step-form .umbraco-forms-navigation .btn {
	position: absolute;
	right: -40px;
	top: 20px;
	background: #990066;
	border-color: #990066;
	padding: 20px 70px 20px 40px !important;
	font-size: 24px;
}

.landing-page .step-form .umbraco-forms-navigation .btn:after {
	right: 20px !important;
	top: 20px !important;
}

.next-button {
	position: absolute;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	background-color: #990066 !important;
	margin-right: 1px;
	margin-top: 1px;
	width: 120px;
	opacity: .1;
	right: -142px;
	top: -20px;
	color: #fff !important;
	text-align: center;
	padding: 125px 0 45px 0 !important;
	font-weight: 500 !important;
	font-family: 'Khand', sans-serif !important;
	z-index: -1;
}

.selected-input {
	opacity: 1;
	cursor: pointer;
	z-index: 999;
}

.next-button:after {
	content: '\f0a9';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 50px;
	position: absolute;
	right: 35px !important;
	top: 75px !important;
	transition: all .3s ease-in-out;
}

.landing-page .step-form .form-control {
	color: #999 !important;
	font-size: 20px !important;
	padding: 0 10px !important;
	border-color: #999 !important;
}

.landing-page .content .form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #999 !important;
}

.landing-page .content .form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #999 !important;
}

.landing-page .content .form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: #999 !important;
}

.landing-page .content .form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #999 !important;
}

.landing-page .step-form .umbraco-forms-field:before {
	content: 'Stap 1/5';
	position: absolute;
	top: 20px;
	left: -160px;
	color: #999 !important;
	font-size: 36px !important;
	font-family: 'Khand', sans-serif !important;
	width: 110px;
	line-height: 130%;
	text-align: center;
	border-right: 1px solid #990066;
	padding: 10px 40px 10px 10px;
}

.landing-page .step-form .umbraco-forms-field:nth-child(2):before {
	content: 'Stap 2/5';
}

.landing-page .step-form .umbraco-forms-field:nth-child(3):before {
	content: 'Stap 3/5';
}

.landing-page .step-form .umbraco-forms-field:nth-child(4):before {
	content: 'Stap 4/5';
}

.landing-page .step-form .umbraco-forms-field:nth-child(5):before {
	content: 'Stap 5/5';
}

.landing-page .step-form .umbraco-forms-field:nth-child(6):before,
.landing-page .step-form .umbraco-forms-field:nth-child(7):before,
.landing-page .step-form .umbraco-forms-field:nth-child(8):before,
.landing-page .step-form .umbraco-forms-field:nth-child(9):before,
.landing-page .step-form .umbraco-forms-field:nth-child(10):before {
	content: '';
	border-right: none;
}

.landing-page .step-form .umbraco-forms-field:nth-child(6),
.landing-page .step-form .umbraco-forms-field:nth-child(7),
.landing-page .step-form .umbraco-forms-field:nth-child(8),
.landing-page .step-form .umbraco-forms-field:nth-child(9) {
	margin-left: -150px;
}

.landing-page .step-form .umbraco-forms-field:nth-child(9) {
	width: 70% !important;
}

.landing-page .step-form .umbraco-forms-field-wrapper {
	position: absolute;
	top: 100px;
	width: 100%;
}

.landing-page h3 {
	font-size: 40px !important;
}

.alert-success {
	display: none;
}

.landing-page .usn_cmp_gallery .image:not(.video) {
	border-radius: 30px;
}
.landing-page .usn_cmp_gallery .video:before {
    display:none;
}

#site-content .item a:not(.video):hover {
    /*background-color:transparent!important;*/
}

.download-form .usn_cmp_form {
	border: 1px solid #999;
	border-radius: 30px;
	padding: 40px 30px 30px 175px !important;
	margin-left: -15%;
	z-index: 1000 !important;
	flex: 0 0 65% !important;
	-ms-flex: 0 0 65% !important;
	max-width: 65% !important;
	margin-top: 20px;
}

.download-form .btn {
	background: rgba(var(--base-btn-bg-color1), 1) !important;
}

.download-form .btn.base-btn-text,
.download-form .btn-text_base-btn-text .btn {
	color: rgba(var(--base-btn-text), 1) !important;
}

.download-form ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #495057 !important;
}

.download-form ::-moz-placeholder {
	/* Firefox 19+ */
	color: #495057 !important;
}

.download-form :-ms-input-placeholder {
	/* IE 10+ */
	color: #495057 !important;
}

.download-form :-moz-placeholder {
	/* Firefox 18- */
	color: #495057 !important;
}

.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: #495057 !important;
}

.download-form .usn_cmp_form .form {
	width: 50% !important;
}

.download-form .usn_cmp_gallery {
	z-index: 1100 !important;
}

.download-form .component-introduction {
	position: absolute;
	right: 0;
	top: -70px;
	z-index: 999 !important;
}

.download-form .component-introduction .link {
	margin-top: 0 !important;
}

.download-form .component-introduction .link .btn {
	margin-top: 10px !important;
}

.download-form .component-introduction img {
	max-width: 300px !important;
}

.landing-page .download-form .form-control {
	color: #999 !important;
	padding: 0 10px !important;
	border-color: #999 !important;
}

.landing-page .download-form .component-introduction .info {
	padding-right: 30px !important;
	pointer-events: all;
}

.landing-page .download-form .form .emailadres:after,
.landing-page .download-form .form .email4:after{
	content: '*Verplichte velden';
	color: #999;
	font-size: 14px;
	font-style: italic;
	text-align: right;
	display: block;
	width: 100%;
}

.landing-page .umbraco-forms-field {
	margin-bottom: 5px !important;
}

.landing-page .download-form .form form {
	margin-bottom: 0 !important;
}

.landing-page .download-form .form .heading,
.landing-page .download-form .form h2{
	font-size: 40px !important;
	padding-bottom: 0 !important;
	font-weight: 500 !important;
}

.landing-page .download-form .form .text {
	margin: 0 !important;
}

.landing-page .download-form label {
	color: #999 !important;
	border: none !important;
}

.landing-page .download-form .fileupload label {
	/*padding-left:10px!important;*/
}

.landing-page .download-form .radio label input[type="radio"],
.landing-page .download-form .checkbox label input[type="checkbox"] {
	top: 0;

}

.landing-page .download-form .radio label,
.landing-page .download-form .checkbox label {
	padding-left: 20px !important;
	left: 0;
  /*  position:absolute; fix for service form */
}

.landing-page .download-form .singlechoice {
	/*padding-left:10px!important;*/
}

.landing-page .icon-block {
	position: absolute;
	left: 0;
	width: 175px !important;
	margin-left: -50px;
}

.landing-page .rounded-block {
	border-top-left-radius: 300px;
	border-bottom-left-radius: 300px;
	width: 95%;
	margin-left: 10%;
}

.landing-page .rounded-block .info {
	padding-left: 150px !important;
}

.landing-page .rounded-block .heading {
	color: #243e90 !important;
}

.landing-page .rounded-block .image {
	border-radius: 0 !important;
}

@media (min-width:1921px) and (max-width:2560px) {
	.component.usn_cmp_banner .item::after {
		height: 405px;
	}

}


@media (min-width: 3600px) {
	.split-with-slider .container-fluid {
		max-width: 1350px !important;
		margin-top: 350px !important;
	}

	.split-image-wave:after {
		height: 60vh !important;
	}

	.split-image-wave {
		padding: 200px 0 300px 0 !important;
	}

	.split-image-wave .component-inner:after {
		width: 80%;
		height: 40vh;
	}
}

@media (min-width: 1366px) and (max-width: 1680px) {
	.line-through:before {
		top: 160px;
		left: 195px;
	}

	.split-image-wave:after {
		top: 40px;
	}

	.component.usn_cmp_banner .item::after {
		bottom: -10px !important;
		background-size: cover !important;
	}

}

@media (max-width: 1366px) {
	.split-image-wave .heading {
		padding-left: 20px;
	}

	.split-image-wave:after {
		top: 10px;
	}

	.split-image-wave .image {
		max-width: 500px !important;
		top: -110px;
		left: 70px !important;
	}

	.split-with-slider {
		padding: 0 15px !important;
	}

	.split-image-wave .component-inner:after {
		top: 15px;
	}

	.split-with-slider .usn_cmp_pods .heading {
		max-width: 110% !important;
		font-size: 24px !important;
	}

	.split-with-slider .usn_cmp_pods .item .image {
		padding: 0 70px 10px 70px !important;
	}

	.split-with-slider .slick-slider ul.slick-dots {
		margin-left: 10px !important;
	}

	.collage {
		padding-left: 100px !important;
		padding-right: 100px !important;
	}

	.collage .component-introduction .heading {
		font-size: 60px !important;
	}

	.collage .listing .item:nth-child(2) {
		flex: 0 0 45% !important;
		-ms-flex: 0 0 45% !important;
		max-width: 45% !important;
	}

	.collage .listing .item:nth-child(6) .heading,
	.collage .listing .item:nth-child(2) .heading {
		font-size: 40px !important;
	}

	.collage .listing .item:first-child,
	.collage .listing .item:nth-child(4) {
		flex: 0 0 25% !important;
		-ms-flex: 0 0 25% !important;
		max-width: 25% !important;
	}

	.collage .listing .item:nth-child(6) {
		flex: 0 0 75% !important;
		-ms-flex: 0 0 75% !important;
		max-width: 75% !important;
	}

	.step-form {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.collage .listing .item:nth-child(3) .image {
		width: 60%;
	}

	.collage .listing .item:nth-child(2) {
		padding: 50px 30px 35px 40px !important;
	}

	.collage .listing .item:nth-child(6) .image {
		margin-left: -115px !important;
	}

	.collage .listing .item:nth-child(6) .info {
		padding: 45px 100px 35px 40px !important;
	}

	.collage .listing .item ul li {
		font-size: 16px !important;
	}

	.collage .listing .item:nth-child(3) .heading {
		font-size: 24px !important;
	}

	.landing-page .step-form form label {
		font-size: 24px !important;
	}

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

	.download-form {
		padding-left: 30px !important;
		padding-right: 100px !important;
	}

	.collage .listing .item:nth-child(5) {
		bottom: 80px;
	}

	.download-form .usn_cmp_form {
		padding: 40px 0px 30px 180px !important;
	}

	.download-form .component-introduction img {
		max-width: 250px !important;
	}

	.download-form .component-introduction {
		top: -40px;
	}

	.rounded-block {
		padding-right: 150px !important;
	}

	.landing-page .icon-block {
		width: 150px !important;
		margin-left: 80px;
	}

	.landing-page .rounded-block .info {
		padding-left: 230px !important;
	}

	.line-through:before {
		width: 70px;
		height: 50px;
		top: 140px;
		left: 115px;
	}

	.landing-page .step-form .umbraco-forms-navigation:before {

		margin-left: -150px;
		margin-top: 20px;
		width: 280px;
	}

	.split-image-wave .info {
		max-width: 250px !important;
		margin-left: 0px !important;
	}
	
	.large-title .component-introduction .heading {
		font-size: 60px !important;
	}

}

@media (max-width: 1200px) {
	/*body {*/
	/*	overflow-x: hidden;*/
	/*}*/

	.landing-page .rounded-block {
		border-top-left-radius: 300px;
		border-bottom-left-radius: 300px;
		width: 100%;
		margin-left: 0;
		padding-right: 0 !important;
	}

	.landing-page .rounded-block .info {
		padding-left: 140px !important;
		padding-right: 10px !important;
	}

	.landing-page .icon-block {
		margin-left: 0;
		padding-top: 40px;
	}
    .split-with-slider.split-with-slider-zorg .usn_cmp_text .info,
	.split-with-slider .usn_cmp_text .info {
		max-width: 80% !important;
	}

	.split-image-wave .image {
		max-width: 430px !important;
		top: -110px;
		left: 130px !important;
	}

	.split-with-slider .usn_cmp_pods {
		margin-top: -40px !important;
	}

	.split-with-slider .usn_cmp_pods .heading {
		font-size: 20px !important;
	}

	.collage .listing .item:nth-child(6) .heading,
	.collage .listing .item:nth-child(2) .heading {
		font-size: 34px !important;
	}

	.collage {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.collage .listing .item:nth-child(3) .image {
		width: 55% !important;
		top: -18%;
	}

	.collage .listing .item:first-child .inner {
		min-height: 290px;
		padding-top: 30px;
	}

	.collage .listing .item:nth-child(6) .info {
		padding: 45px 30px 35px 40px !important;
	}

	.collage .container {
		max-width: 90% !important;
	}

	.collage .listing .item:first-child .image {
		width: 138%;
	}

	.collage .listing .item:first-child .heading {
		left: 55px;
	}

	.collage .listing .item:nth-child(6) .image {
		margin-left: -70px !important;
		flex: 0 0 46% !important;
		-ms-flex: 0 0 46% !important;
		max-width: 46% !important;
	}

	.collage .listing .item:nth-child(5) {
		bottom: -20px;
	}

	.landing-page .step-form .umbraco-forms-field-wrapper {
		top: 70px;
	}

	.landing-page .step-form .component-introduction .heading {
		font-size: 30px !important;
	}

	.landing-page .step-form .component-introduction {
		width: 300px;
	}

	.landing-page .step-form .component-introduction:before {
		width: 40px;
	}

	.landing-page .step-form .component-introduction .heading {
		padding: 50px 30px 5px 100px !important;
	}

	.landing-page .step-form form {
		padding: 18px 80px 18px 460px !important;
		min-height: 165px !important;
	}

	.landing-page .step-form form label {
		font-size: 24px !important;
	}

	.landing-page .step-form .umbraco-forms-field:before {
		top: 10px;
		left: -160px;
		font-size: 36px !important;
		width: 100px;
		padding: 10px 10px 10px 10px;
	}

	.landing-page .step-form .umbraco-forms-field.dropdown::after {
		top: 68px !important;
	}

	.next-button {
		width: 100px;
		right: -82px;
		padding: 100px 0 42px 0 !important;
	}

	.next-button:after {
		right: 27px !important;
		top: 55px !important;
	}

	.landing-page .step-form .umbraco-forms-navigation:before {
		margin-left: -120px;
		margin-top: 0px;
		width: 250px;
	}

	.landing-page .step-form .umbraco-forms-navigation .btn {
		top: 0px;
	}

	.download-form {
		padding: 150px 20px 50px 0 !important;
	}

	.download-form .order-1 {
		-ms-flex: 0 0 40% !important;
		flex: 0 0 40% !important;
		max-width: 40% !important;
	}

	.download-form .order-2 {
		-ms-flex: 0 0 60% !important;
		flex: 0 0 60% !important;
		max-width: 60% !important;
	}

	.download-form .usn_cmp_form {
		padding: 40px 0px 40px 40px !important;
	}

	.download-form .component-introduction img {
		max-width: 200px !important;
	}
}

@media (max-width: 1080px) and (orientation: portrait) {

	.split-image-wave .order-1,
	.split-image-wave .order-2,
	.split-with-slider .order-1,
	.split-with-slider .order-2 {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.split-image-wave .component-inner:after {
		top: 115px;
		width: 94%;
	}

	.split-image-wave .image {
		top: -120px;
		left: 350px !important;
	}
    .split-with-slider.split-with-slider-zorg .usn_cmp_text .info,
	.split-with-slider .usn_cmp_text .info {
		max-width: 100% !important;
	}
	
	.split-with-slider.split-with-slider-zorg .usn_cmp_text .info {
	    padding:0!important;
	}

	.split-with-slider .order-2 {
		padding: 100px 100px 40px 100px !important;
	}

	.landing-page .extra-padding-top-50 {
		display: none !important;
	}

	.collage .listing .item:first-child {
		flex: 0 0 30% !important;
		-ms-flex: 0 0 30% !important;
		max-width: 30% !important;
	}

	.collage .listing .item:nth-child(4) {
		flex: 0 0 50% !important;
		-ms-flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.collage .listing .item:nth-child(2) {
		flex: 0 0 70% !important;
		-ms-flex: 0 0 70% !important;
		max-width: 70% !important;
	}

	.collage .listing .item:nth-child(3) {
		flex: 0 0 50% !important;
		-ms-flex: 0 0 50% !important;
		max-width: 50% !important;
	}

	.collage .listing .item:nth-child(5) {
		flex: 0 0 30% !important;
		-ms-flex: 0 0 30% !important;
		max-width: 30% !important;
		bottom: 30px;
		right: 20px;
		padding: 0 !important;
	}

	.collage .listing .item:nth-child(6) {
		flex: 0 0 100% !important;
		-ms-flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-top: 100px !important;
	}

	.collage .listing .item:nth-child(3) .inner {
		position: relative !important;
	}

	.collage .listing .item:nth-child(3) .inner {
		bottom: -70px;
		padding: 110px 10px 60px 10px;
	}

	.split-image-wave:before {
		right: 30px;
		top: 30px;
	}

	.split-with-slider .usn_cmp_pods .heading {
		padding-left: 70px;
		font-size: 25px !important;
	}

	.line-through:before {
		top: 160px !important;
	}

	.split-with-slider {
		padding-top: 320px !important;
	}

	.collage .listing .item:nth-child(6) .info {
		padding: 40px 40px 30px 30px !important;
	}

	/*body {*/
	/*	overflow-x: hidden;*/
	/*}*/

	.landing-page .step-form .component-introduction {
		width: 200px;
	}

	.landing-page .step-form .component-introduction .heading {
		font-size: 30px !important;
		padding: 49px 0px 7px 50px !important;
	}

	.landing-page .step-form .component-introduction:before {
		width: 30px;
		left: 23px;
	}

	.landing-page .step-form form {
		padding: 10px 80px 18px 320px !important;
		min-height: 195px !important;
	}

	.landing-page .step-form .umbraco-forms-field:before {
		top: 30px;
		left: -130px;
	}

	.next-button {
		padding: 128px 0 40px 0 !important;
		right: -82px;
		top: -10px;
	}

	.landing-page .step-form .umbraco-forms-field.dropdown::after {
		top: 94px !important;
	}

	.landing-page .step-form .umbraco-forms-navigation:before {
		margin-left: -90px;
		margin-top: 20px;
		width: 140px;
		font-size: 25px;
	}

	.landing-page .video-block .component-outro {
		padding-top: 20px !important;
		padding-bottom: 30px !important;
	}

	.landing-page .icon-block {
		margin-left: 40px;
	}

	.landing-page .step-form form label {
		font-size: 20px !important;
	}
}

@media (max-width: 1024px) and (orientation: landscape) {
	.split-image-wave .info {
		width: 130% !important;
	}

	.split-image-wave .component-inner:after {
		top: 35px;
	}
    .split-with-slider.split-with-slider-zorg .usn_cmp_text .info,
	.split-with-slider .usn_cmp_text .info {
		max-width: 100% !important;
	}

	.split-image-wave .image {
		top: -90px;
		left: 70px !important;
	}

	.collage .container {
		max-width: 110% !important;
	}

	.step-form {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	body.landing-page .content .container {
		max-width: 100% !important;
	}

	.cta-links-sticky a:first-child,
	.cta-links-sticky a:nth-child(2):hover,
	.cta-links-sticky a:first-child:hover {
		right: -150px !important;
		animation: none !important;
	}

	.cta-links-sticky.landing-page-cta a:first-child {
		right: 0 !important;
		animation: none !important;
	}

	.collage .listing .item:nth-child(5) {
		flex: 0 0 25% !important;
		-ms-flex: 0 0 25% !important;
		max-width: 25% !important;
	}

	.cta-links-sticky:hover {
		right: -20px !important;
	}

	.landing-page .step-form form {
		padding: 18px 80px 18px 370px !important;
	}

	.landing-page .step-form .component-introduction {
		width: 250px;
	}

	.landing-page .step-form .component-introduction .heading {
		padding: 50px 30px 5px 50px !important;
	}

	.landing-page .step-form .component-introduction:before {
		width: 30px;
		left: 20px;
	}

	.landing-page .step-form .umbraco-forms-field:before {
		left: -120px;
	}

	.landing-page .step-form .umbraco-forms-navigation:before {
		margin-left: -90px;
	}

	.download-form {
		padding: 220px 20px 90px 0 !important;
	}
}

@media (max-width: 1100px) and (orientation: portrait) {
	.split-image-wave .info {
		padding-right: 0 !important;
		max-width: 270px !important;
	}

	.split-image-wave .order-1 {
		margin-top: -30px !important;
	}

	/*body {*/
	/*	overflow-x: hidden;*/
	/*}*/

	.split-image-wave .image {
		top: -180px;
		left: 260px !important;
	}

	.big-arrow {
		padding-top: 1300px !important;
		margin-top: -1300px !important;
	}

	.split-image-wave:after {
		top: 70px;
	}

	.landing-page .step-form .umbraco-forms-field-wrapper {
		top: 90px !important;
	}
}

@media (max-width: 767px) {

	/* Bugfix */
	html:lang(nl) .filters .code-item:before {
		top: 20px;
	}

	.filters .code-item:after {
		top: 20px !important;
	}

	.filters .code-item .filter {
		padding-top: 10px !important;
	}

	.filters .component-introduction {
		display: none;
	}

	html:lang(de) .filters .code-item:before {
		content: 'Filter';
		top: 20px;
	}

	html:lang(en) .filters .code-item:before {
		content: 'Filter';
		top: 20px;
	}

	/* End Bugfix */

	.split-image-wave .component-inner:after {
		top: 55px;
	}

	.split-image-wave:after {
		top: -64px;
	}

	.split-image-wave .image {
		top: -90px;
		left: 60px !important;
	}

	.landing-page .usn_cmp_splitcomponent .usn_cmp_text.order-1 {
		padding: 20px !important;
	}
	
	.split-with-slider.split-with-slider-zorg .usn_cmp_text.order-1 {
		padding: 20px !important;
	}
	.split-with-slider.split-with-slider-zorg .slick-list {
	    min-height:auto;
	}
	

	.split-image-wave .info {
		padding-right: 10px !important;
		max-width: 190px !important;
		margin-left: -10px !important;
	}

	.split-with-slider .component-inner {
		margin-top: -160px !important;
	}

	.landing-page .umbraco-forms-field.titleanddescription {
		margin-top: 80px !important;
	}

	.split-image-wave:before {
		right: 20px;
		top: 50px;
		font-size: 18px;
		width: 90px;
		line-height: 105%;
	}

	.line-through:before {
		width: 45px;
		height: 30px;
		top: 85px !important;
		left: 55px !important;
	}

	.landing-page .content .link {
		margin-top: 10px !important;
	}

	.landing-page .content .btn {
		margin-top: 0 !important;
	}

	.cta-links-sticky.landing-page-cta {
		top: 160px !important;
	}

	.cta-links-sticky.landing-page-cta a:first-child:before {
		font-size: 25px !important;
	}

	.cta-links-sticky.landing-page-cta a,
	.cta-links-sticky.landing-page-cta a:nth-child(2),
	.cta-links-sticky.landing-page-cta a:first-child,
	.cta-links-sticky.landing-page-cta a:nth-child(2),
	.cta-links-sticky.landing-page-cta a:nth-child(2):hover,
	.cta-links-sticky.landing-page-cta a:first-child:hover {
		right: -150px !important;
		animation: none !important;
	}

	.split-with-slider .usn_cmp_text .text p {
		font-size: 16px !important;
	}

	.landing-page .cta-links-sticky.landing-page-cta {
		top: 200px !important;
		display: block !important;
	}

	.cta-links-sticky a:first-child,
	.cta-links-sticky a:nth-child(2):hover,
	.cta-links-sticky a:first-child:hover {
		right: -150px !important;
		animation: none !important;
	}

	.cta-links-sticky a:first-child:before {
		font-size: 20px !important;
	}

	.cta-links-sticky a {
		padding: 10px 20px 10px 60px;
		border-radius: 15px !important;
	}

	.cta-links-sticky a:nth-child(2) {
		top: 50px;
	}

	.cta-links-sticky a:nth-child(2):before {
		font-size: 16px;
	}

	.cta-links-sticky:hover,
	.cta-links-sticky {
		right: -25px !important;
	}

	.split-with-slider .order-2 {
		padding: 0 !important;
	}

	.split-with-slider .usn_cmp_pods .item .image {
		padding: 10px !important;
	}

	.split-with-slider .usn_cmp_pods {
		margin-top: 10px !important;
	}

	.split-with-slider .usn_cmp_pods .heading {
		padding-left: 0;
		font-size: 16px !important;
	}

	.collage .component-introduction .heading {
		padding-top: 20px !important;
		font-size: 33px !important;
	}

	.collage .listing .item:first-child,
	.collage .listing .item:nth-child(4),
	.collage .listing .item:nth-child(2),
	.collage .listing .item:nth-child(3),
	.collage .listing .item:nth-child(5),
	.collage .listing .item:nth-child(6) {
		flex: 0 0 100% !important;
		-ms-flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.collage .listing .item:first-child .inner {
		position: relative !important;
	}

	.collage .listing .item:first-child .inner {
		min-height: 320px;
		padding-top: 30px;
		width: 100%;
	}

	.collage .listing .item:first-child .image {
		width: 115%;
	}

	.collage .listing .item:first-child .heading {
		left: 110px;
	}

	.collage .listing .item:nth-child(6) .heading,
	.collage .listing .item:nth-child(2) .heading {
		font-size: 32px !important;
		padding-bottom: 0 !important;
	}

	.collage .listing .item:nth-child(2) {
		padding: 30px 20px 5px 30px !important;
	}

	.collage .listing .item:nth-child(3) .image {
		top: -15%;
		left: 30px;
	}

	.collage .listing .item:nth-child(3) .inner {
		width: 100% !important;
		bottom: 0;
		margin-top: 40px !important;
		padding: 120px 0px 50px 0px;
	}

	.collage .listing .item:nth-child(4) .inner {
		position: relative;
		width: 100%;
	}

	.collage .listing .item:nth-child(6) .image,
	.collage .listing .item:nth-child(6) .info {
		flex: 0 0 100% !important;
		-ms-flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.collage .listing .item:nth-child(6) .image {
		margin-left: 0 !important;
		margin-top: 0 !important;
	}

	.collage .listing .item:nth-child(6) {
		margin-top: 0 !important;
	}

	.collage .listing .item:nth-child(5) {
		bottom: 0;
		right: 0;
		position: relative !important;
		margin-top: 0px !important;
		flex: 0 0 95% !important;
		-ms-flex: 0 0 95% !important;
		max-width: 95% !important;
	}

	.landing-page h3 {
		font-size: 28px !important;
	}

	.landing-page .step-form .component-introduction {
		width: 100%;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 0;
		margin-top: -100px;
	}

	.landing-page .step-form form {
		padding: 40px 0px 18px 20px !important;
		min-height: 360px !important;
		margin-top: 100px;
	}

	.next-button {
		padding: 25px 70px 25px 0px !important;
		right: -82px;
		top: -10px;
		position: absolute;
		right: 0px;
		left: 0px;
		width: 90%;
		display: block;
		bottom: -260px;
		top: auto;
		border-radius: 30px;
	}

	.next-button:after {
		right: 27px !important;
		top: 25px !important;
		font-size: 40px;
	}

	.landing-page .step-form form label {
		min-height: 100px;
	}

	.landing-page .step-form .umbraco-forms-field:before {
		top: 15px;
		left: -10px;
		width: 90%;
		font-size: 20px !important;
		border-right: none;
		margin-bottom: 40px;
		position: relative;
	}

	.landing-page .step-form .umbraco-forms-field-wrapper {
		padding-right: 20px !important;
		top: 130px;
	}

	.landing-page .step-form .umbraco-forms-field.dropdown::after {
		top: 134px !important;
		right: 25px !important;
	}

	.landing-page .step-form .umbraco-forms-navigation:before {
		margin-left: 30px;
		margin-top: 20px;
		width: 90%;
		font-size: 24px;
	}

	.landing-page .step-form .umbraco-forms-navigation .btn {
		position: relative;
		padding: 20px 60px 20px 20px !important;
		font-size: 24px;
		right: 0;
	}

	.landing-page .step-form form label {
		font-size: 20px !important;
	}

	.landing-page .step-form .umbraco-forms-navigation:before {
		margin-left: 30px;
		margin-top: 50px;
		width: 70%;
		font-size: 24px;
		position: relative;
		display: block;
		margin-bottom: 40px;
	}

	.landing-page .step-form .component-introduction {
		width: 82%;
		margin-left: 0;
	}

	.landing-page .step-form .component-introduction .heading {
		padding: 35px 0px 7px 50px !important;
	}

	.video-block {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.landing-page .video-block .component-outro {
		text-align: center !important;
	}

	.download-form .order-1,
	.download-form .order-2 {
		-ms-flex: 0 0 90% !important;
		flex: 0 0 90% !important;
		max-width: 90% !important;
	}

	.landing-page .extra-padding-top-50 {
		display: block !important;
	}

	.download-form {
		padding: 80px 20px 50px 0 !important;
	}

	.download-form .usn_cmp_form {
		margin-left: 25px !important;
		padding: 200px 30px 30px 30px !important;
		background: transparent !important;
	}

	.download-form .usn_cmp_form .form {
		width: 100% !important;
	}

	.download-form .component-introduction {
		top: -40px;
		right: 30px;
	}

	.landing-page .rounded-block .info {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.landing-page .usn_cmp_splitcomponent:not(.split-image-wave).no-border.c4-bg,
	.landing-page .usn_cmp_splitcomponent:not(.split-image-wave).no-border.c5-bg {
		padding: 230px 0 60px 0 !important;
	}

	.landing-page .icon-block {
		margin-left: 170px;
		top: -190px;
	}

	.landing-page .step-form .umbraco-forms-field-wrapper {
		top: 130px !important;
	}

	.landing-page .step-form .form-control {
		font-size: 16px !important;
	}

	.landing-page .step-form .umbraco-forms-field:nth-child(6),
	.landing-page .step-form .umbraco-forms-field:nth-child(7),
	.landing-page .step-form .umbraco-forms-field:nth-child(8),
	.landing-page .step-form .umbraco-forms-field:nth-child(9) {
		margin-left: 0;
	}

	.landing-page .step-form .umbraco-forms-field:nth-child(9) {
		width: 100% !important;
	}

	.landing-page .step-form .umbraco-forms-navigation .btn {
		top: 170px;
	}

	.component.usn_cmp_banner .item.item_short-banner .image,
	.component.usn_cmp_banner .item.item_short-banner .image .video,
	.component.usn_cmp_banner .item.item_short-banner,
	.component.usn_cmp_banner .item.item_short-banner .container,
	.component.usn_cmp_banner .item.item_short-banner .row {
		border-bottom: 30px solid #E8E6E6 !important;
	}
	
	.large-title .component-introduction .heading {
		padding-top: 20px !important;
		font-size: 33px !important;
	}
}

/* END NEW LANDING PAGE */

.footer-item .image img {
	width: auto !important;
	max-width: auto !important;
}

.overlay.small {
	bottom: -40px !important;
	height: 400px !important;
	width: 100% !important;
}

@media (max-width: 1080px) and (orientation: portrait) {
	.overlay.small {
		bottom: -140px !important;
	}
}

@media (max-width: 1200px) and (orientation: landscape) {
	.overlay.small {
		height: 320px !important;
	}
}

@media (max-width: 767px) {
	.overlay.small {
		bottom: -50px !important;
		width: 120% !important;
		right: -15% !important;
		height: 160px !important;
		max-width:inherit; /* Bootstrap reset */
	}
}

.icon-pods .text,
.icon-pods.text-only .text {
	/*min-height: 120px !important;*/
	/*height: 120px !important;*/
}

@media (max-width: 992px) {
	/*body {*/
	/*	overflow-x: visible !important;*/
	/*}*/

	.icon-pods.text-only .text {
		height: 100% !important;
	}
}


.usn_cmp_ctastrip.no-image .info {
	flex: 0 0 100% !important;
	-ms-flex: 0 0 100% !important;
	max-width: 100% !important;
	text-align: center !important;
	padding: 0 40px !important;
}

.usn_cmp_ctastrip.no-image {
	width: 70%;
	left: 15%;
	margin: 100px 0;
	height: auto !important;
	min-height: auto !important;
}

.usn_cmp_ctastrip.no-image .info .secondary-heading {
	color: #2a3f92 !important;
}

.usn_cmp_splitcomponent.text-right .heading {
	width: 150% !important;
	margin-left: -20% !important;
	color: #fff !important;
}

.usn_cmp_splitcomponent.text-right .secondary-heading {
	margin-left: -20% !important;
	padding-left: 0 !important;
}

.usn_cmp_splitcomponent.text-right p {
	padding-left: 60px !important;
}

.text-pods.text-only .heading {
	padding: 40px 30px 0 30px !important;
	min-height: 160px;
}

.text-pods.text-only .text {
	max-height: 130px;
	height: 130px
}

.text-pods.program .item .info .heading {
	padding: 0 20px !important;
	font-size: 22px !important;
	font-weight: 400 !important;
}

.text-pods.program .secondary-heading {
	padding: 0 20px !important;
}

.text-pods.program .item .info .heading em,
.text-pods.program .item .info .heading strong {
	font-weight: 600 !important;
}

.text-pods.program .item .info .text {
	margin: 0 !important;
	padding: 15px 20px !important;
	max-height: 100% !important;
	height: auto !important;
}

.text-pods.program .item::after {
	display: none !important;
}

.text-pods.program .item {
	border-bottom: 1px solid #990066;
	margin: 20px !important;
	flex: 0 0 45% !important;
	-ms-flex: 0 0 45% !important;
	max-width: 45% !important;
	padding-bottom: 40px !important;
}

.text-pods.program .component-main {
	border-bottom: none !important;
}

.text-pods.program .item .image {
	padding: 0 20px !important;
}

.text-pods.program .item .info {
	flex: 0 0 70% !important;
	-ms-flex: 0 0 70% !important;
	max-width: 70% !important;
	padding: 0 !important;
}

.text-pods.program .item .image {
	flex: 0 0 30% !important;
	-ms-flex: 0 0 30% !important;
	max-width: 30% !important;
}

.text-pods .heading {
    color: #990066 !important;
    padding-top: 30px;
}

.text-pods .blue .heading {
    color: #00CCCC !important;
}

.text-pods .green .heading {
    color: #33CC00 !important;
}

.text-pods .component-main {
    padding-bottom: 50px !important;
    border-bottom: 1px solid #243E90;
}

.text-pods .component-outro .btn {
    margin-top: 30px !important;
}

.text-pods .component-introduction .heading {
    color: #243E90 !important;
    padding-bottom: 30px;
}

.text-pods .item::after {
    content: '';
    width: 1px;
    height: calc(100% - 20px);
    position: absolute;
    background-color: #990066;
    top: 20px;
    right: 0;
}

.text-pods .item:last-child::after {
    display: none;
}

.text-pods .inner,.text-pods .info {
    height: 100%;
}

.text-pods .text {
    padding: 15px 30px !important;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}
.extra-padding-top {
	padding-top: 100px !important;
}

.icon-pods .image {
    padding: 0 60px !important;
}

.icon-pods .text {
    font-size: 18px !important;
    font-weight: 300 !important;
    margin-top: -20px !important;
    padding: 0 25px !important;
}

.icon-pods .btn {
    margin-top: 20px !important;
}

#site-content .text-pods .item a:not(.btn):not(.nav-button-link):hover .btn,#site-content .icon-pods .item a:not(.btn):not(.nav-button-link):hover .btn {
    background-color: #00CCCC !important;
}

.icon-pods .item::after {
    content: '';
    width: 1px;
    height: calc(100% - 20px);
    position: absolute;
    background-color: #990066;
    top: 20px;
    right: 0;
}

.icon-pods .item:last-child::after {
    display: none;
}

#site-content .item a:not(.btn):not(.nav-button-link) {
    margin: 20px 0 0 0;
    padding-bottom: 30px;
}


@media (max-width: 767px) {
	.text-pods .listing .heading {
		height: auto !important;
		max-height: auto !important;
	}

	.text-pods.program .item,
	.text-pods.program .item .info,
	.text-pods.program .item .image {
		flex: 0 0 100% !important;
		-ms-flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.text-pods.program .item .image {
		padding: 0 20% !important;
	}

	.text-pods.program .item {
		margin: 30px 0 0 0 !important;
	}

	.form-group.checkbox>label {
		display: contents;
	}

	.form-group.checkbox {
		margin-bottom: 30px !important;
	}

	#site-content,
	#site {
		overflow-x: hidden !important;
	}
}

.usn_cmp_splitcomponent.text-left .heading {
	margin-left: 0 !important;
}

.usn_cmp_splitcomponent.text-left .usn_cmp_gallery {
	z-index: 0 !important;
}

.usn_cmp_splitcomponent.text-left .secondary-heading {
	margin-left: 0 !important;
}

.usn_cmp_splitcomponent.text-left p {
	padding-left: 0 !important;
}

.usn_cmp_splitcomponent.text-left .usn_cmp_gallery .image::before {
	left: 0 !important;
	right: auto !important;
}

.text-only p.heading {
	padding-top: 60px !important;
	font-size: 24px !important;
}

.form-group.checkbox>label {
	position: absolute;
	left: unset;
	border-bottom: none !important;
	padding-left:22px!important;
}

.form .show-password label {
    border-bottom: none !important;
}

input[type=checkbox],
input[type=radio] {
	margin-top: 5px !important;
}

.form-group.checkbox {
	margin-top: 10px !important;
}

@media (max-width: 992px) {

	.tco .component.usn_cmp_banner .item:not(.item_scale-banner) .image {
		left: -350px;
	}
    .component.usn_cmp_banner .item .image::before,
	.tco .component.usn_cmp_banner .item.item_overlay .image::before {
		background-size: 160% !important;
	}

	.usn_cmp_ctastrip.no-image .info {
		padding: 0 !important;
	}

	.usn_cmp_ctastrip.no-image {
		width: 100%;
		left: 0;
	}

	.usn_cmp_splitcomponent.text-right .heading {
		width: 100% !important;
		margin-left: 0 !important;
	}

	.usn_cmp_splitcomponent.text-right .secondary-heading {
		margin-left: 0 !important;
	}

	.usn_cmp_splitcomponent.text-right p {
		padding-left: 0 !important;
	}

	.text-pods.text-only .heading {
		min-height: auto !important;
	}

	.tco #form {
		padding: 30px !important;
	}

	.tco .content:not(.arrow-down):last-child {
		padding-top: 100px !important;
	}

	.tco .icon-pods {
		padding-top: 100px !important;
	}

	.text-only p.heading {
		padding-top: 20px !important;
	}


	.tco .component.usn_cmp_ctastrip .link {
		text-align: center !important;
	}

	.tco #form .image img {
		padding: 0 20%;
	}

	#site-content,
	#site {
		overflow-x: hidden !important;
	}
}

@media (max-width: 767px) {
    .icon-pods .item {
        margin-bottom:30px !important;
        border-bottom: 1px solid #990066 !important;
        min-height: auto !important;
        height: auto;
        padding-bottom: 30px !important;
        margin-bottom: 0!important;
    }

    .icon-pods .image {
        padding: 0 100px !important;
    }

    .text-pods .listing .heading {
        height: auto !important;
        max-height: auto !important;
    }

    .text-pods .component-introduction .heading {
        padding-bottom: 0 !important;
    }

    .text-pods .item {
        max-height: 100% !important;
        height: 100% !important;
    }
}


.cases-overview .products-overview .item {
	/*min-height: 580px !important;*/
	/*max-height: 580px !important;*/
}

@media (max-width: 1200px) {
	.cases-overview .products-overview .item {
		/*min-height: 450px !important;*/
		/*max-height: 450px !important;*/
	}
}

@media (max-width: 767px) {
	.cases-overview .products-overview .item {
		/*min-height: 540px !important;*/
		/*max-height: 540px !important;*/
	}
}

.news.no-border-bottom .repeatable-content {
	border-bottom: none !important;
}

html[dir="ltr"] body.header-08-lg header#site-header nav.cta-links {
	margin-right: 80px !important;
}

@media (max-width: 1200px) {
	html[dir="ltr"] body.header-08-lg header#site-header nav.cta-links {
		margin-right: 110px !important;
	}
}


@media (max-width: 1080px) and (orientation: portrait) {
	html[dir="ltr"] body.header-08-lg header#site-header nav.cta-links {
		margin-right: 0 !important;
	}
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error:after {
	content: '* Verplicht in te vullen';
	display: block;
	font-size: 12px;
	color: #ff6c6c;
	height: 20px;
	z-index: 999;
	float: left;
	text-indent: 0;
}

html:lang(en) #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error:after {
	content: '* Required';
}

html:lang(de) #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error:after {
	content: '* Erforderlich';
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	text-indent: -9999px;
	width: 100% !important;
	background: transparent !important;
}

#mc_embed_signup .mc-field-group label,
footer#site-footer label {
	border-bottom: none !important;
}

#mc_embed_signup .mc-field-group input,
footer#site-footer input,
footer#site-footer textarea {
	border-radius: 0 !important;
}

footer#site-footer #mc_embed_signup .mc-field-group label {
	line-height: 130%;
}

footer#site-footer #mc_embed_signup input[type=checkbox] {
    width: 1.2em;
    height: 1.2em;
	margin-right: 10px;
	margin-bottom: 20px;
	border:1px solid #000!important;
	appearance: auto;
}

#mc_embed_signup .mc-field-group label {
	line-height: 100%;
}

.modal {
    box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, .5);
    backdrop-filter: blur(4px);
}

.modal .btn,
.modal button.btn {
	float: left !important;
	margin: 0 !important;
	transform: none !important;
}

.modal .modal-content .content {
	/*max-height: 360px !important;*/
	/*height: 360px !important;*/
}

.modal::before {
	color: rgba(var(--base-link), 1) !important;
	background-color: rgba(var(--base-bg-color1), 1) !important;
	box-shadow: 0 0 var(--base-half-spacing) rgba(var(--true-black), 0.15) !important;
}
/*
.modal-dialog:after {
	content: "\f2c0";
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	top: 30%;
	right: 55px !important;
	position: absolute;
	font-size: 25px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
	color: #fff !important;
	z-index: 999;
	background: #01cccc;
	cursor: pointer !important;
	border: solid 1px white;
}

@media (max-width: 1350px) {
    .modal-dialog:after {
        right: 5px !important;
    }
}

@media (max-width: 576px) {
    .modal-dialog:after {
        top: 31% !important;   
    }
}
*/
.modal-content {
	background-color: #00CCCC !important;
}

.sign-up-form .heading,
.sign-up-form h1,
.sign-up-form h2,
.sign-up-form h3,
.sign-up-form h4,
.sign-up-form h5,
.sign-up-form h6 {
	font-size: 24px !important;
	font-family: 'Source Sans 3', sans-serif !important;
	font-weight: 400 !important;
	color: #fff !important;
}

.sign-up-form p {
	color: #fff !important;
}

.sign-up-form .info {
	padding: 0 60px 20px 60px;
	flex: 0 0 100% !important;
	-ms-flex: 0 0 100% !important;
	max-width: 100% !important;
	margin-top: -10px;
}

.sign-up-form .component-introduction {
	padding-bottom: 0 !important;
}

.sign-up-form .form>.inner {
	padding: 0 45px 15px 45px !important;
}

.sign-up-form .btn,
.sign-up-form button.btn {
	float: right;
	transform: scale(.9);
	margin-right: -12px;
}

.sign-up-form .c5-bg button.btn,
.sign-up-form .c5-bg button.btn span {
	background-color: transparent !important;
	color: #243E90 !important;
}

.sign-up-form .c5-bg button.btn:hover,
.sign-up-form .c5-bg button.btn:hover span,
.sign-up-form .c5-bg button.btn:focus,
.sign-up-form .c5-bg button.btn:focus span {
	background-color: transparent !important;
	color: #fff !important;
	border-color: #fff !important;
}

.sign-up-form .sign-up-form-content .content {
	max-height: 500px !important;
	height: 500px !important;
}

.sign-up-form #mc_embed_signup {
	padding: 0 !important;
}

.sign-up-form #mc_embed_signup form {
	padding: 10px 60px !important;
}

@media (max-width: 992px) {
	.sign-up-form .info {
		padding: 0 20px 20px 20px;
	}

	.sign-up-form #mc_embed_signup form {
		padding: 10px 20px !important;
	}
}

.sign-up-form #mc_embed_signup div#mce-responses {
	padding: 0 !important;
	margin: 0 !important;
}


.cases .item .text {
	min-height: 120px;
	max-height: 120px;
}

html:lang(en) .cta-links-sticky,
html:lang(de) .cta-links-sticky {
	right: -90px;
}

html:lang(en) .cta-links-sticky a:first-child:after,
html:lang(de) .cta-links-sticky a:first-child:after {
	display: none;
}

html:lang(de) .solutions-overview .item {
	max-height: 460px;
	height: 460px;
}

html:lang(en) .solutions-overview .item {
	max-height: 410px;
	height: 410px;
}

html:lang(en) .cases-overview .products-overview .item,
html:lang(de) .cases-overview .products-overview .item {
	/*min-height: 585px !important;*/
	/*max-height: 585px !important;*/
}

.solutions-overview.solutions-overview-default .item:last-child {
    background: rgb(153, 0, 102)!important;
    background: linear-gradient(90deg, rgba(153, 0, 102,1) 0%, rgba(153, 0, 102,1) 85%, rgba(153, 0, 102,0) 85%, rgba(153, 0, 102,0) 100%)!important;
}
.solutions-overview.solutions-overview-default .item:last-child .extra-button {
    color: #00CCCC !important;
    border-color: #00CCCC !important;
}

.icon-pods.text-only .text {
	max-height: 130px !important;
	height: 130px !important;
}

.usn_back-to-top .icon {
	top: 50% !important;
}

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

html:lang(en) .navbar2,
html:lang(de) .navbar2 {
	display: none !important;
}

#site-content {
	/*margin-top: 85px;*/ /* for menu Header menu 08 */
}

.c1-bg .slick-slider .slick-prev,
.c1-bg .slick-slider .slick-next {
	top: auto !important;
	bottom: -37px !important;
}

.related .slick-slider .slick-next,
.related .slick-slider .slick-prev {
	top: auto !important;
	bottom: -30px !important;
}

.contact-form .component-introduction {
	width: 65% !important;
}

.contact-form .umbraco-forms-navigation {
	/*margin-right: -75%;*/
}

.contact-form .umbraco-forms-navigation .btn {
	background: rgba(var(--base-btn-bg-color1), 1) !important;
}

footer#site-footer #mc_embed_signup #mergeRow-gdpr .mc-field-group {
	margin-bottom: 0 !important;
}

footer#site-footer #mc_embed_signup #mergeRow-gdpr .mc-field-group label {
	border-bottom: none !important;
	font-size: 12px !important;
	margin: 0 !important;
}


footer#site-footer #mc_embed_signup .btn {
	background-color: transparent !important;
	padding-right: 30px !important;
	padding-left: 30px !important;
	border-radius: 40px !important;
	border: 2px solid #00CCCC !important;
}

footer#site-footer #mc_embed_signup #mergeRow-gdpr .mc-field-group {
	margin-bottom: 0 !important;
}

footer#site-footer #mc_embed_signup #mergeRow-gdpr .mc-field-group label {
	border-bottom: none !important;
	font-size: 12px !important;
	margin: 0 !important;
}

.modal .info {
	padding: 0 60px 20px 60px !important;
	flex: 0 0 100% !important;
	-ms-flex: 0 0 100% !important;
	max-width: 100% !important;
	margin-top: -10px !important;
}


#mc_embed_signup input[type=checkbox] {
	display: inline-block !important;
	float: left !important;
	width: 30px !important;
}

#mc_embed_signup #mergeRow-gdpr .mc-field-group {
	width: 100% !important;
}

#mc_embed_signup #mergeRow-gdpr .mc-field-group label {
	border-bottom: none !important;
}

.slick-slide {
	height: auto !important;
}

.tab-content>.tab-pane.active {
	height: auto !important;
}

.cta-links-sticky {
	right: -130px;
}

body.header-08-lg header#site-header {
	position: fixed !important;
	margin-left: -90px !important;
}

section.content:not(.contact-form).usn_cmp_splitcomponent .heading {
	/*width: 150% !important;*/
}

section:not(.contact-form).usn_cmp_splitcomponent.c2-bg .heading,
section:not(.contact-form).usn_cmp_splitcomponent.c5-bg .heading {
	width: 150% !important;
}

@media (max-width: 1200px) {
	#site-content {
		/*margin-top: 80px !important;*/
	}

	body.header-08-lg header#site-header {
		margin-left: 0 !important;
	}
}

@media(max-width: 992px) {
	.component.usn_cmp_banner .item.item_short-banner .info .d-table {
		height: 100% !important;
	}

	.contact-form .component-introduction {
		width: 100% !important;
	}

	.usn_cmp_splitcomponent .usn_cmp_text.order-1 {
		padding: 20px !important;
	}

	section.content:not(.contact-form).usn_cmp_splitcomponent .heading {
		width: 100% !important;
	}

	section:not(.contact-form).usn_cmp_splitcomponent.c2-bg .heading,
	section:not(.contact-form).usn_cmp_splitcomponent.c5-bg .heading {
		width: 100% !important;
	}

	#site-content {
		/*margin-top: 30px !important;*/
	}

	.mobile-table td,
	.shop-product td {
		float: left !important;
		position: relative;
		display: block !important;
		width: 100% !important;
	}

	.mobile-table table,
	.shop-product table {
		table-layout: fixed !important;
		max-width: none !important;
		width: auto !important;
		min-width: 100% !important;
	}
}

@media (max-width: 767px) {

	.c1-bg .slick-slider .slick-prev,
	.c1-bg .slick-slider .slick-next {
		top: auto !important;
		bottom: -37px !important;
	}

	.cases.c1-bg .slick-slider .slick-prev,
	.cases.c1-bg .slick-slider .slick-next {
		top: auto !important;
		bottom: -7px !important;
	}

	.related .slick-slider .slick-next,
	.related .slick-slider .slick-prev {
		top: auto !important;
		bottom: -37px !important;
	}

	.usn_cmp_ctastrip {
		height: 75% !important;
		max-height: 75% !important;
	}

	.slick-slider .slick-next,
	.slick-slider .slick-prev {
		top: auto !important;
		bottom: -35px;
	}

}


body.header-08-lg header#site-header {
	width: 100%;
	z-index: 6000 !important;
	left: 0 !important;
	margin-left: 0 !important;
}

@media (max-width: 1366px) and (orientation: landscape) {
	#site-content {
		/*margin-top: 80px !important;*/
	}

	body.header-08-lg header#site-header #logo {
		transform: translateX(-66%) !important;
	}
}

@media (max-width: 1200px) and (orientation: landscape) {
	body.header-08-lg header#site-header #logo {
		transform: translateX(-50%) !important;
	}

	.tco h1 {
		font-size: 36px !important;
	}

	.tco .form-group.checkbox>label {
		display: contents !important;
	}

	.tco .program h3 {
		padding-left: 40px !important;
	}

	.text-pods.program .listing .heading {
		height: auto !important;
	}

	.tco .usn_cmp_splitcomponent.c2-bg .col-md-7 {
		-ms-flex: 0 0 45% !important;
		flex: 0 0 45% !important;
		max-width: 45% !important;
	}

	.tco .usn_cmp_splitcomponent.c2-bg .col-md-5 {
		-ms-flex: 0 0 55% !important;
		flex: 0 0 55% !important;
		max-width: 55% !important;
	}

	header#site-header .container {
		/*padding: 20px 20px 0 20px !important;*/
	}

	.navbar2 {
		top: 43px !important;
	}

	body.header-08-lg header#site-header #logo,
	html.nav-up:not(.reached-top) header#site-header #logo,
	html.nav-down:not(.reached-top) header#site-header #logo {
		top: -35px !important;
	}

	nav.main {
		padding-left: 30px !important;
	}
}

@media (max-width: 1200px) and (orientation: portrait) {
	body.header-08-lg header#site-header #logo {
		transform: translateX(0) !important;
	}

	.text-pods.program .item {
		flex: 0 0 100% !important;
		-ms-flex: 0 0 100% !important;
		max-width: 100% !important;
		margin: 20px 0 !important;
		max-height: 1200px !important;
		height: auto !important;
		padding-bottom: 40px !important;
	}

	.text-pods.program .item .info .text {
		padding: 20px !important;
	}

	.tco .program h3 {
		padding-left: 20px !important;
	}

	.tco .usn_cmp_splitcomponent.c2-bg .col-md-7 {
		flex: 0 0 100% !important;
		-ms-flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.tco .usn_cmp_splitcomponent.c2-bg .col-md-5 {
		flex: 0 0 100% !important;
		-ms-flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media (min-width: 1200px) {
	.usn_cmp_ctastrip.basic-ctastrip {
		padding: 100px !important;
		border-radius: 0;
		height: auto !important;
		max-height: auto !important;
	}
}

@media (min-width: 992px) {
	.usn_cmp_ctastrip.basic-ctastrip {
		padding: 70px !important;
		border-radius: 0;
		height: auto !important;
		max-height: auto !important;
	}
}

@media (max-width: 767px) {
	.usn_cmp_ctastrip.basic-ctastrip {
		padding: 50px !important;
		border-radius: 0;
		height: auto !important;
		max-height: auto !important;
	}
}

.usn_cmp_form .c6-bg input,
.usn_cmp_form .c6-bg textarea,
.usn_cmp_form .c6-bg label,
.usn_cmp_form .c6-bg .control-label,
.usn_cmp_form .c6-bg .form-control,
.usn_cmp_form .c6-bg input:focus,
.usn_cmp_form .c6-bg textarea:focus,
.usn_cmp_form .c6-bg label:focus,
.usn_cmp_form .c6-bg .control-label:focus,
.usn_cmp_form .c6-bg .form-control:focus {
	color: #243e90 !important;
}

.form-floating>.umbraco-forms-label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
	padding: 1rem 0.75rem;
	overflow: hidden;
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	border: var(--bs-border-width) solid transparent;
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}

.form-floating>.form-control.text+.umbraco-forms-label,
.form-floating>.form-control:focus+.umbraco-forms-label,
.form-floating>.form-control:not(:placeholder-shown)+.umbraco-forms-label,
.form-floating>.form-select+label {
	transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}

/* New header styling - added button service */

html[dir="ltr"] body.header-08-lg header#site-header nav.cta-links {
	margin-right: 0px !important;
	position: fixed;
	right: 110px;
}

html[dir="ltr"] body.header-08-lg header#site-header .site-search {
	margin-right: 170px;
}

body.header-08-lg header#site-header nav.cta-links .btn:nth-child(2) {
	margin-left: 5px !important;
}

body.header-08-lg header#site-header nav.cta-links .btn:not(.total-count):hover,
body.header-08-lg header#site-header nav.cta-links .btn:not(.total-count):focus,
body.header-08-lg header#site-header nav.cta-links .btn:not(.total-count):hover span:not(.total-count),
body.header-08-lg header#site-header nav.cta-links .btn:not(.total-count):focus span:not(.total-count) {
	/*background-color: rgba(var(--base-btn-borders-hover), 1) !important;
	border-color: rgba(var(--base-btn-borders-hover), 1) !important;
	color: rgba(var(--base-btn-text-hover), 1);*/
}

@media (max-width: 1680px) {
	header#site-header nav.secondary {
		margin-left: 10px !important;
		margin-top: 3px !important;
	}

	body.header-08-lg header#site-header #logo {
		top: 35px !important;
		left: 45% !important;
		width: 200px !important;
	}

	header#site-header #logo {
		/*padding: 10px 5px !important;*/
	}

	html.nav-up:not(.reached-top) header#site-header #logo,
	html.nav-down:not(.reached-top) header#site-header #logo {
		left: 45% !important;
	}

	html[dir="ltr"] body.header-08-lg header#site-header .site-search {
		margin-right: 310px;
	}

	body.header-08-lg header#site-header nav.cta-links .btn {
		padding: 7px 15px !important;
		font-size: 14px !important;
	}

	.navbar2 .btn {
		padding: 7px 20px !important;
		margin-top: 8px;
	}

	.component.usn_cmp_banner .item .info {
		padding: 70px 0 70px 70px;
	}

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

@media (max-width:1200px) {
	nav.main>ul {
		font-size: 16px !important;
	}

	nav.main {
		padding-left: 10px !important;
	}

	body.header-08-lg header#site-header #logo {
		left: 40% !important;
		width: 180px !important;
		padding: 20px !important;
		top: 5px !important;
	}

	header#site-header .container {
		/*padding: 0px 20px !important;*/
	}

	.navbar2 {
		top: 23px !important;
	}

	body.header-08-lg header#site-header .site-search {
		margin-right: 330px !important;
	}

	html.nav-up:not(.reached-top) header#site-header #logo,
	html.nav-down:not(.reached-top) header#site-header #logo {
		left: 40% !important;
		top: 5px !important;
	}

	/*.container {*/
	/*	max-width: 1040px !important;*/
	/*}*/

	header#site-header .site-search.open-search form {
		width: 220px;
		max-width: 220px;
	}
}

@media (max-width: 1024px) and (orientation: portrait) {
	html[dir="ltr"] body.header-08-lg header#site-header nav.cta-links {
		right: 0 !important;
	}

	.navbar2 {
		top: 0 !important;
	}

	body.header-08-lg header#site-header #logo {
		z-index: 9999 !important;
	}

	body.header-01-sm header#site-header nav.cta-links {
		padding: 10px 20px !important;
	}

	nav.cta-links .btn+.btn {
		margin-top: 0 !important;
	}

	body:not(.header-03-sm) nav.main ul,
	body:not(.header-03-sm) nav.main ul li {
		border: none !important;
	}

	nav.main {
		padding-left: 5px !important;
	}

	html.reveal-out header#site-header li {
		font-size: 24px;
		padding: 5px 0;
	}

	nav.main>ul {
		padding-top: 50px !important;
	}

	body.header-01-sm header#site-header nav.secondary {
		padding-bottom: 50px !important;
	}
}


@media (max-width: 1024px) and (orientation: landscape) {

	body.header-08-lg header#site-header #logo,
	html.nav-up:not(.reached-top) header#site-header #logo,
	html.nav-down:not(.reached-top) header#site-header #logo {
		left: 40% !important;
		top: 70px !important;
		background: #fff !important;
		padding: 0 20px !important;
		height: 60px !important;
	}
}

@media (max-width: 992px) and (orientation: portrait) {
	body.header-08-lg header#site-header {
		/*width: 51% !important;*/
	}

	html.reveal-out body.header-08-lg header#site-header {
		width: 100% !important;
	}

}

@media (max-width: 767px) {
	body.header-08-lg header#site-header {
		width: 100% !important;
	}

	html.nav-up:not(.reached-top) header#site-header #logo,
	html.nav-down:not(.reached-top) header#site-header #logo,
	body.header-08-lg header#site-header #logo {
		left: 10px !important;
		width: 180px !important;
		padding: 10px !important;
		top: 10px !important;
	}

	body.header-08-lg header#site-header nav.cta-links {
		position: relative !important;
		bottom: 10px;
	}

	html.reveal-out header#site-header .site-search {
		position: absolute !important;
		bottom: -20px;
		right: 0;
		margin-right: 0 !important;
	}

	html.reveal-out header#site-header li {
		font-size: 18px;
		padding: 0;
	}

	nav.main>ul {
		padding-top: 20px !important;
	}

	body.header-01-sm header#site-header nav.secondary {
		padding-bottom: 20px !important;
	}

	nav.main ul li span a {
		padding: 10px !important;
	}

	nav.main ul li.has-child>span::after {
		top: -5px !important;
		right: 20px !important;
	}

	body.header-01-sm header#site-header nav.secondary {
		padding-left: 10px !important;
	}

	nav.main>ul ul>li>span>a {
		padding: 5px 15px 10px 33px !important;
		font-size: 15px;
	}

	nav.main>ul ul>li>span>a::before {
		top: 12px;
	}

	nav.secondary>ul>li>a,
	nav.secondary ul li span a {
		font-size: 16px !important;
		padding: 7px 0;
	}

	body.header-08-lg header#site-header nav.cta-links {
		text-align: right;
	}

	body.header-01-sm header#site-header nav.secondary {
		padding-top: 0 !important;
	}
}

/* New header styling - added button service */

.btn {
	pointer-events: all;
}

.clearfix {
	overflow: auto;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

footer#site-footer .footer-item.logo img {
	width: 86% !important;
	margin-left: 9%;
	margin-top: 10px !important;
}

/* Bugfix forms */

.landing-page .umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
	/*position: relative; */
	position: static; 
	margin-bottom: 20px;
}

.field-validation-error {
	margin-top: 10px;
}

.landing-page input[type=checkbox],
.landing-page input[type=radio] {
	width: 16px !important;
	height: 16px;
}

.landing-page input[type=radio] {
	top: 2px !important;
}

/* End Bugfix forms */

.bg-center .item:not(.item_scale-banner) .image {
	left: 0 !important;
}

@media (min-width: 992px) and (orientation: portrait) {

	.bg-center.usn_cmp_banner .item.item_short-banner,
	.bg-center.usn_cmp_banner .item.item_short-banner .container,
	.bg-center.usn_cmp_banner .item.item_short-banner .row,
	.component.usn_cmp_banner .item.item_short-banner .image,
	.component.usn_cmp_banner .item.item_short-banner .image .video {
		height: 40vh !important;
		min-height: 40vh !important;
	}
}





.component.usn_cmp_banner .item.item_scale-banner .image,
.component.usn_cmp_banner .item.item_scale-banner .image .video,
.component.usn_cmp_banner .item.item_scale-banner,
.component.usn_cmp_banner .item.item_scale-banner .container,
.component.usn_cmp_banner .item.item_scale-banner .row {
	height: 70vh !important;
	min-height: 70vh !important;
	overflow: visible !important;
	border-bottom: 130px solid #E8E6E6;
}

.umbraco-forms-field-wrapper .disabled,
.umbraco-forms-field-wrapper input.disabled,
.landing-page .umbraco-forms-field-wrapper .disabled,
.landing-page .umbraco-forms-field-wrapper input.disabled{
	background-color: #e9ecef !important;
	border: 1px solid #d9bbc4 !important;
	opacity: 1 !important;
}

@media (min-width:850px) and (max-width:992px) {
	body.header-08-lg header#site-header nav.cta-links .btn {
		display: inline-block;
	}

	html[dir="ltr"] body.header-08-lg header#site-header nav.cta-links {
		right: 0 !important;
	}

	.navbar2 {
		top: 0 !important;
	}

	body.header-08-lg header#site-header #logo {
		left: 40% !important;
		width: 180px !important;
		padding: 20px !important;
		top: 0 !important;
		transform: translateX(0) !important;
	}

	#site-content {
		/*margin-top: 30px !important;*/
	}

	nav.cta-links .btn+.btn {
		margin-top: 0 !important;
	}

	body.header-01-sm header#site-header nav.cta-links {
		padding-top: 10px;
	}
}

.slick-slider ul.slick-dots {
	padding: 0;
	margin: var(--base-spacing) 0 0;
	text-align: center;
	height: 20px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.slick-slider .slick-dots li>button {
	width: 16px;
	height: 16px;
}

.cases-overview .tab-content>.tab-pane.active {
	height: inherit !important;
}

.cases-overview .products-overview .listing {
	/*display: block !important;*/
	margin: 0;
}

.cases-overview .products-overview .container {
 
}
.cases-overview .content.filters {
    padding-bottom:50px;
}
.cases-overview .products-overview.overview-nav .listing .item .heading {
    height:60px;
    padding-right: 60px !important;
}
.cases-overview .products-overview .item {
	flex: 0 0 31% !important;
	max-width: 31% !important;
	/*overflow: hidden;*/
	min-height: unset !important;
	max-height: unset !important;
	padding:0;
}

.cases-overview .products-overview.overview-nav .listing .item .image {
    padding: 30px 20px 30px 40px !important;
    background: rgb(153, 0, 102);
    background: linear-gradient(90deg, rgba(153, 0, 102, 1) 0%, rgba(153, 0, 102, 1) 75%, rgba(153, 0, 102, 0) 75%, rgba(153, 0, 102, 0) 100%);
}

.cases-overview .products-overview.overview-nav .listing .item .text {
	min-height: unset !important;
	max-height: unset !important;
	height:150px;
	font-weight: 300;
	 /* display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 3;*/
  /*overflow: hidden;*/
  /*padding-bottom:40px;*/
}

.cases-overview .products-overview .listing:after {
	content: "";
	display: block;
	clear: both;
}
.cases-overview .products-overview .load-more {
    margin:auto;
    display:flex;
}
.cases-filtering .page-load-status {
  display: none; /* hidden by default */
  padding-top: 20px;
  border-top: 1px solid #ddd;
  text-align: center;
  color: #777;
}

.cases-filtering .hidden {
  visibility: hidden;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cases-filtering .grid-sizer {
  width: 100%;
}

.cases-filtering .gutter-sizer {
  width: 3%;
}
	.cases-filtering .item a {
	    text-decoration:none;
	}
	.cases-overview .products-overview .item {
    max-width: 31% !important;
    min-height: unset !important;
    max-height: unset !important;
    padding: 0px;
    flex: 0 0 31% !important;
}
.cases-overview .products-overview.overview-nav .listing .item .info {
    padding: 10px 0px 0px !important;
}
	.cases-overview .products-overview.overview-nav .listing .item .heading {
    font-family: "Source Sans 3", sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    margin-top: 0px !important;
    padding-top: 5px !important;
}
.cases-overview .products-overview.overview-nav .listing .item .secondary-heading {
    color: rgb(153, 0, 102) !important;
    font-family: "Source Sans 3", sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    text-transform: none !important;
    padding-top: 10px !important;
}
@media (max-width: 1366px) and (orientation: landscape) {
    .cases-overview .products-overview.overview-nav .listing .item .heading {
        font-size: 20px !important;
    }
        .cases-overview .products-overview.overview-nav .listing .item .secondary-heading {
        font-size: 16px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    	.cases-overview .products-overview .item {
		float: left;
		width: 47% !important;
		flex: 0 0 47% !important;
		max-width: 47% !important;
		padding:20px;
	}
}
@media (max-width: 767px) {
	.cases-overview .products-overview .item {
		float: left;
		width: 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		padding:20px;
	}
	.cases-overview .products-overview.overview-nav .listing .item .text {
	height:auto;
    }
    .cases-overview .products-overview.overview-nav .listing .item .heading {
    height:auto;
    }
}

.news-overview .blog-listing-component .item .image {
    padding: 30px 20px 30px 40px !important;
    background: rgb(36,62,144);
    background: linear-gradient(90deg, rgba(36,62,144,1) 0%, rgba(36,62,144,1) 75%, rgba(36,62,144,0) 75%, rgba(36,62,144,0) 100%);
}

.news-overview .blog-listing-component .heading, 
.news-overview .blog-listing-component .item p,
.news-overview .blog-listing-component .item .heading {
    color: #243E90 !important;
    text-decoration:none;
}

.news-overview .blog-listing-component .item .heading {
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    padding-top: 10px;
}

.news-overview .blog-listing-component .item .secondary-heading {
    color: #990066 !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    text-transform: none !important;
    padding-top: 10px !important;
}

.news-overview .blog-listing-component .item p {
    padding-right: 30px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
}

.news-overview .blog-listing-component .repeatable-content {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #243E90;
}

.news-overview .blog-listing-component .component-outro .btn {
    margin-top: 30px !important;
}

.news-overview .blog-listing-component .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

.news-overview .blog-listing-component .item a:not(.btn):not(.nav-button-link):hover .btn,
.news-overview .blog-listing-component .item a:not(.btn):not(.nav-button-link):hover .btn span {
    background-color: transparent !important;
    color: #990066 !important;
    border-color: #990066 !important;
}

.news-overview .blog-listing-component {
    margin-top: -100px !important;
}

.news-overview .blog-listing-component .item .info {    
    height: 100%;
    padding: 0 !important;
    padding-bottom: 60px !important;
}

.news-overview .blog-listing-component .btn,
.news-overview .blog-listing-component .btn span {
    color: #243E90 !important;
    background-color: transparent !important;
    border-color: #243E90 !important;
}

.news-overview .blog-listing-component .btn:hover,
.news-overview .blog-listing-component .btn:hover span,
.news-overview .blog-listing-component .btn:focus,
.news-overview .blog-listing-component .btn:focus span {
    background-color: transparent !important;
    color: #990066 !important;
    border-color: #990066 !important;
}

.news-overview .item .meta {
    padding: 10px 0 0 0 !important;
}

.news-overview .item .meta p {
    color: #990066 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.news-overview .blog-listing-component .item p {
    padding-right: 30px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
}
.news-overview .blog-listing-component .item p:not(.heading) {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.news-overview .blog-listing-component .item p time {
    font-weight: 600 !important;
}
.news .item .link,.news-overview .blog-listing-component .item .link {
    position: absolute;
    bottom: 20px;
}

.news .item .inner,.news-overview .blog-listing-component .item .inner {
    height: 100%;
    padding-bottom: 60px !important;
}

.news .item .heading,.news-overview .blog-listing-component .item .heading {
    margin-bottom: 10px !important;
}

.products-overview.related .listing .item .info .btn,.products-overview.related .slick-slider .item .info .btn {
    display: none !important;
}

.products-overview.related .related .listing .item a:not(.btn):not(.nav-button-link):hover,.products-overview.related .slick-slider .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

.products-overview.related .listing .item .image,.products-overview.related .slick-slider .item .image {
    border-bottom: 1px solid #990066 !important;
}

.products-overview.related .listing .item,.products-overview.related .slick-slider .item {
    padding-right: 40px;
}

.products-overview.related .listing .heading,.products-overview.related .slick-slider .heading {
    color: #990066 !important;
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    text-transform: none !important;
    padding-top: 10px !important;
    padding-right: 30px !important;
}

.products-overview.related .listing .heading,.products-overview.related .slick-slider .heading {
    display: flex;
    position: relative;
}

.products-overview.related .listing .heading:after,.products-overview.related .slick-slider .heading:after {
    color: #00CCCC !important;
    content: '\f0a9';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 24px;
    position: absolute;
    right: 0 !important;
    top: -5px;
    transition: all .3s ease-in-out;
    width: auto !important;
    background-color: transparent !important;
}

.cases .item .text {
    min-height: 130px;
    max-height: 130px;
}
body:not(.content-underline-link) #site-content a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active), body:not(.content-underline-link) .modal a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    text-decoration-color:inherit;
}
body:not(.footer-underline-link) footer#site-footer a:not(.btn):not(.nav-button-link):not(:hover):not(:focus):not(:active) {
    text-decoration: underline;
     text-decoration-color:inherit;
}
/* Responsive video */
.responsive-video {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 ratio */
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.quote-block .slick-list {
    min-height:auto;
}
footer#site-footer .footer-item a {
    text-decoration:none!important;
}
/* Reset padding split comp */
@media(max-width:767px) {
.reset-padding .item.order-1 {
    padding-bottom:0!important;
}
.reset-padding .item.order-2 {
    padding-top:0!important;
    margin-top:0!important;
}
}

.office-form {
  width: 100%;
  height: 1000px;        /* startpunt */
  max-height: 90vh;
  border: none;
  display: block;
}


@media(max-width:1200px) {
    footer#site-footer {
        width: 100%;
        padding: 25px;
        margin: 0;
    }
    footer#site-footer .footer-item:nth-child(4) {
    margin-left: inherit !important;
}
footer#site-footer .footer-item:nth-child(6) {
    margin-top:inherit!important;
  margin-left: 50px !important;
}
footer#site-footer .footer-item:nth-child(7) {
    padding-left:0!important;
}
}

@media(max-width:992px) {
   footer#site-footer .footer-item:nth-child(6) {
    margin-top:inherit!important;
  margin-left: 0 !important;
} 
}

/* ClimaRad 2026 */

body.header-08-lg header#site-header #logo img {
    width: 86%;
    margin-left: 9%;
    margin-top: -10px !important;
}

body.header-08-lg header#site-header #logo {
    top: 40px;
    background: #fff;
    border-radius: 20px;
    width: 300px;
    box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v) var(--header-box-shadow_b) rgba(var(--true-black), var(--header-box-shadow_o));
    height: 110px;
    transition: all .3s ease-in-out;
}
html.nav-up:not(.reached-top) header#site-header #logo,html.nav-down:not(.reached-top) header#site-header #logo {
    top: 5px !important;
    box-shadow: none !important;
    transition: all .3s ease-in-out;
    height: 100px;
}

.news {
    background-color: #E8E6E6 !important;
}

.news .item .image {
    padding: 30px 40px 30px 40px !important;
    background: rgb(36,62,144);
    background: linear-gradient(90deg,rgba(36,62,144,1) 0%,rgba(36,62,144,1) 75%,rgba(36,62,144,0) 75%,rgba(36,62,144,0) 100%);
}

.news .heading,.news .item p,.news .item .heading {
    color: #243E90 !important;
}

.news .item {
    padding: 0 15px !important;
}

.news .item .heading {
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
}

.news .item p {
    padding-top: 10px !important;
    padding-right: 30px !important;
}

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

.news .repeatable-content {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #243E90;
}

.news .component-outro .btn {
    margin-top: 30px !important;
}

.news .item .meta {
    padding: 0 !important;
}

.news .item .meta p {
    color: #990066 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.cases .item .image {
    padding: 30px 40px 30px 40px !important;
    background: rgb(153,0,102);
    background: linear-gradient(90deg,rgba(153,0,102,1) 0%,rgba(153,0,102,1) 75%,rgba(153,0,102,0) 75%,rgba(153,0,102,0) 100%);
}

#site-content .news .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

.cases .heading,
.cases .item p:not(.btn),
.cases .item .heading {
    /*color: #243E90 !important;*/
}

.cases .item {
   padding: 0 15px !important;
}

.cases .item .heading {
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 600 !important;
    height: 50px !important;
    max-height: 50px !important;
    overflow: hidden;
    font-size: 22px !important;
}

.cases .item .secondary-heading {
    color: #990066 !important;
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    text-transform: none !important;
    padding-top: 10px !important;
}

.cases .item p {
    /*padding-right: 30px !important;
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;*/
}

.cases .repeatable-content {
    /*padding-bottom: 30px !important;
    border-bottom: 1px solid #243E90;*/
}

.cases .slick-slider {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #243E90;
}

.cases .component-outro .btn {
    /*margin-top: 30px !important;*/
}


#site-content .cases .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

.usn_cmp_splitcomponent.c2-bg .usn_cmp_text,.usn_cmp_splitcomponent.c5-bg .usn_cmp_text {
    z-index: 5 !important;
}

.usn_cmp_splitcomponent.c2-bg:not(.no-border) .usn_cmp_gallery .image::before,.usn_cmp_splitcomponent.c5-bg:not(.no-border) .usn_cmp_gallery .image::before {
    content: '';
    width: 25%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(10,26,76,55%);
    z-index: 999;
    mix-blend-mode: hard-light;
}

.usn_cmp_splitcomponent .info .btn {
    margin-top: 30px !important;
}

.usn_cmp_splitcomponent.c2-bg {
    /*padding-top: 150px !important; Ventilatieblok fix? */
}

.usn_cmp_splitcomponent.c4-bg {
    padding-top: 150px !important;
}
.arrow-down {
    overflow: visible !important;
    position: absolute !important;
    left: calc(50% - 100px);
    bottom: -45px;
    padding: 0 90px 0 90px !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #e8e6e6 !important;
    z-index: 900;
    width: 200px;
    text-align: center;
    display: inline-block !important;
    height: 45px !important;
}
.arrow-down:after {
    content: '\f063';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 30px;
    color: #243e90;
    position: absolute;
    bottom: 35px;
    margin-left: -10px;
}

.team .btn {
    padding: 7px 22px !important;
    text-indent: -999999px;
    border: none !important;
    margin-left: -7px !important;
}

.team .item .info .link {
    position: absolute;
    bottom: -3px;
    left: 0;
}

.team .btn:after {
    text-indent: 0;
}

#site-content .team .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

#site-content .item a:not(.btn):not(.nav-button-link) {
    /*padding-bottom: 10px !important;*/
}

.team .item .info {
    position: absolute;
    margin-top: 20px;
    z-index: 999 !important;
    height: 270px;
}

.team .item a:first-child {
    z-index: 1;
}

.team .item .image {
    width: 78% !important;
    float: right;
}

.team .item .image::before {
    content: '';
    width: 27%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(36 62 144 / 55%);
    z-index: 999;
}

#site-content .team .item a:not(.btn):not(.nav-button-link):hover .image::before {
    height: calc(100% - 30px);
    top: 15px;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.team .item .info .text a:last-child {
    text-decoration: underline !important;
}

.team .item .info .heading {
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 600 !important;
    font-size: 30px !important;
}

.team .item {
    padding: 0 40px 40px 40px !important;
}

@media (max-width: 1366px) and (orientation:landscape) {
    .team .item .info .heading {
        font-size:20px !important;
    }

    .team .item .info {
        margin-top: 30px !important;
    }
}

@media (max-width: 1366px) and (orientation:landscape) {
    .team .item .image {
        width:38% !important;
    }

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

    .team .item .info .heading {
        height: 80px;
    }

    .team .item .info .text {
        height: 120px;
    }
}

@media (max-width: 1200px) and (orientation:landscape) {
    .team .item .info {
        position:relative !important;
        height: auto !important;
    }

    .team .item {
        padding: 0 30px !important;
    }
}

@media (max-width: 1200px) and (orientation:portrait) {
    .team .item .image {
        width:38% !important;
    }

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

    .team .item {
        height: 200px !important;
    }

    .team .item .info .heading {
        height: 70px;
    }

    .team .item .info .heading {
        font-size: 20px !important;
    }
}

@media (max-width: 767px) {
    .team .item .image {
        width:170px !important;
    }

    .team .item .image::before {
        content: '';
        width: 27%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgb(36 62 144 / 55%);
        z-index: 999;
    }
}

.quote-block p {
    padding-left: 100px !important;
}

.content .info .text p a:not(.phone):not(.btn),.content .info .text ul li a:not(.phone):not(.btn) {
    text-decoration: underline !important;
    font-weight: 500 !important;
}

blockquote::before,.quote::before {
    content: '“' !important;
    font-family: 'Source Sans 3',sans-serif !important;
    top: -20px !important;
    font-size: 180px !important;
    transform: none !important;
    font-weight: 600 !important;
    color: #990066 !important;
    margin-left: -100px;
}

blockquote::after,.quote::after {
    width: 200px;
    height: 1px;
    background-color: #990066;
    content: '';
    display: block;
    margin-top: 30px;
}
.slick-slider .slick-dots li > button {
    border-radius: 0 !important;
    background-color: transparent !important;
    border: 1px solid #990066 !important;
}
.slick-slider .slick-dots li.slick-active > button {
    background-color: #990066 !important;
}
.slick-slider .slick-prev,.slick-slider .slick-next {
    position: absolute;
    top: 50%;
    z-index: 101;
    width: 40px;
    height: 40px;
    text-align: center;
    color: rgba(var(--base-link),1);
    background-color: rgba(var(--base-bg-color1),1);
    border-radius: var(--base-border-radius);
    cursor: pointer;
    transform: translateY(-50%);
    transition: all 0.4s ease-in-out 0s;
}
.slick-arrow,.slick-slider .slick-prev,.slick-slider .slick-next,.c1-bg .slick-slider .slick-prev,.c1-bg .slick-slider .slick-next,.c2-bg .slick-slider .slick-prev,.c2-bg .slick-slider .slick-next {
    top: 98% !important;
    left: unset !important;
    right: unset !important;
    bottom: 0% !important;
}

.slick-slider .slick-prev,.c1-bg .slick-slider .slick-prev,.c2-bg .slick-slider .slick-prev {
    left: 25% !important;
}

.slick-slider .slick-next,.c1-bg .slick-slider .slick-next,.c2-bg .slick-slider .slick-next {
    right: 25% !important;
}
.directional-icons-chevron .slick-prev i.icon:before, .directional-icons-chevron .carousel-control .carousel-control-icon.carousel-control-prev-icon::before {
        font-family: "Font Awesome 6 Pro";
    font-weight:300;
        content: "\f060";
}
.directional-icons-chevron .slick-next i.icon:before, .directional-icons-chevron .carousel-control .carousel-control-icon.carousel-control-next-icon::before {
    font-family: "Font Awesome 6 Pro";
    font-weight:300;
        content: "\f061";
}
.c1-bg .slick-slider .slick-dots li > button {
    border: 1px solid #990066 !important;
}

.c1-bg .slick-slider .slick-dots li.slick-active > button {
    background-color: #990066 !important;
}

.c2-bg .slick-slider .slick-dots li > button {
    border-radius: 0 !important;
    background-color: transparent !important;
    border: 1px solid #fff !important;
}

.c2-bg .slick-slider .slick-dots li.slick-active > button {
    background-color: #fff !important;
}

.c2-bg .slick-slider .slick-next,.c2-bg .slick-slider .slick-prev {
    color: #fff !important;
}
.listing > .footer-item.logo {
    position: absolute;
    top: -45px;
    left: calc(50% - 125px);
    background: #fff;
    border-radius: 20px;
    width: 250px;
    height: 90px;
}

.listing > .footer-item.logo img {
	width: 86% !important;
	margin-left: 9%;
	margin-top: 10px !important;
}
nav.social ul li a,nav.social ul li a img {
    width: 25px !important;
    height: 25px !important;
}
.overlay {
    position: absolute;
    bottom: -180px;
    right: -50px;
    width: 92%;
    height: 650px;
    z-index: 2;
}

.overlay.small {
    width: 90% !important;
    right: -70px;
}

.component.usn_cmp_banner .item.item_medium-banner .image,.component.usn_cmp_banner .item.item_medium-banner .image .video,.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 {
    height: 100vh !important;
    min-height: 100vh !important;
    border-bottom: 100px solid #E8E6E6;
}

.component.usn_cmp_banner .inner::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    background-image: url("/images/overlay-grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: 1;
}
.component.usn_cmp_banner .item .image{
    opacity: 1 !important; /* Fix voor paarse overlays in banner */
}
.component.usn_cmp_banner .item .image::before,
.component.usn_cmp_banner .item.item_overlay .image::before,
.component.usn_cmp_banner .item.item_short-banner .image::before {
    content: '';
    width: 100%;
    height: calc(100% + 100px);
    position: absolute;
    left: 0;
    top: -100px;
    background-image: url("/images/purple-overlay.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
    mix-blend-mode: multiply;
    opacity: 1 !important;
}

@media (max-width: 992px) {
    .component.usn_cmp_banner .item.item_overlay .image::before {
        top:0;
    }

    .component.usn_cmp_banner .item:not(.item_scale-banner).item_short-banner.item_overlay .image::before {
        top: -20px;
    }
}

.component.usn_cmp_banner .slick-list {
    overflow: visible !important;
}

.component.usn_cmp_banner {
    overflow: visible !important;
}

.component.usn_cmp_banner .item .info {
    z-index: 5 !important;
    margin-top: 30px !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.component.usn_cmp_banner .item .info h1,.component.usn_cmp_banner .item .info .secondary-heading {
    margin-top: 0 !important;
    position: relative !important;
    padding-bottom: 10px !important;
}

.component.usn_cmp_banner .item .info .secondary-heading {
    margin-top: -190px !important;
    position: absolute;
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.component.usn_cmp_banner .item .info p {
    font-size: 24px !important;
}

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

.usn_cmp_banner .slick-slider .slick-prev {
    left: 30px !important;
    top: 35% !important;
    color: #fff !important;
    font-size: 32px !important;
}

.usn_cmp_banner .slick-slider .slick-next {
    right: 30px !important;
    top: 35% !important;
    color: #fff !important;
    font-size: 32px !important;
}

.component.usn_cmp_banner .item.item_short-banner .image,.component.usn_cmp_banner .item.item_short-banner .image .video,.component.usn_cmp_banner .item.item_short-banner,.component.usn_cmp_banner .item.item_short-banner .container,.component.usn_cmp_banner .item.item_short-banner .row {
    height: 70vh !important;
    min-height: 70vh !important;
    overflow: visible !important;
    border-bottom: 130px solid #E8E6E6;
}

@media(max-width:1024px) {
    .component.usn_cmp_banner .item.item_short-banner .image,.component.usn_cmp_banner .item.item_short-banner .image .video,.component.usn_cmp_banner .item.item_short-banner,.component.usn_cmp_banner .item.item_short-banner .container,.component.usn_cmp_banner .item.item_short-banner .row {
    height: 40vh !important;
    min-height: 40vh !important;

}
}

.component.usn_cmp_banner .item.item_medium-banner .overlay.small {
    display: none !important;
}

.component.usn_cmp_banner .item.item_short-banner .overlay.large {
    display: none !important;
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width:1366px) {
    .component.usn_cmp_banner .item::after {
        bottom:-40px !important;
    }

    .overlay {
        bottom: -210px !important;
        right: -80px;
        width: 100%;
    }

    .overlay.small {
        width: 95% !important;
        right: -60px;
    }

    .component.usn_cmp_banner .item .info .secondary-heading {
        margin-top: -100px !important;
        font-size: 20px;
    }
}

@media (max-width: 1366px) and (orientation:landscape) {
    .component.usn_cmp_banner .item::after {
        bottom:-60px !important;
    }

    .overlay {
        bottom: -250px;
        right: -55px;
        width: 100%;
    }

    .usn_cmp_banner .slick-slider .slick-next,.usn_cmp_banner .slick-slider .slick-prev {
        top: 70% !important;
    }

    .component.usn_cmp_banner .item .info .secondary-heading {
        margin-top: -100px !important;
        font-size: 20px;
    }

    .overlay.small {
        width: 98% !important;
    }
}

@media (max-width: 1200px) and (orientation:portrait) {
    .component.usn_cmp_banner .item.item.item_short-banner.item_overlay .image::before {
        background-size:100% !important;
    }

    .component.usn_cmp_banner .item::after {
        bottom: 40px !important;
    }

    .component.usn_cmp_banner .item .info {
        margin-top: 100px !important;
        padding-left: 65px !important;
    }

    .overlay {
        bottom: -180px;
        width: 101% !important;
    }

    .overlay.small {
        bottom: -140px;
        width: 100% !important;
    }

    .usn_cmp_banner .slick-slider .slick-next,.usn_cmp_banner .slick-slider .slick-prev {
        top: 85% !important;
    }
    .component.usn_cmp_banner .item .image::before,
    .component.usn_cmp_banner .item.item_overlay .image::before {
        background-size: 170% !important;
    }

    .component.usn_cmp_banner .item.item_medium-banner .image,.component.usn_cmp_banner .item.item_medium-banner .image .video,.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 {
        border-bottom: 130px solid #E8E6E6;
    }
}
.btn {
    padding-left: 30px !important;
    padding-right: 60px !important;
}

.btn:after {
    content: '\f0a9';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 33px;
    position: absolute;
    right: 5px !important;
    top: 7px !important;
    transition: all .3s ease-in-out;
}
header#site-header nav.cta-links .btn {
    /*padding-right:30px!important;*/
    padding: 7px 15px !important;
    padding-bottom: 4px !important;
    font-size: 16px !important;
}
header#site-header nav.cta-links .btn:after {
    display:none;
    content:'';
}

.c3-btn-bg,
.c3-btn-bg span {
    background-color: transparent !important;
}

.c4-btn-bg,
.c4-btn-bg span {
    background-color: transparent !important;
    color: #00CCCC !important;
}

a:hover .c4-btn-bg,
a:focus .c4-btn-bg,
.c4-btn-bg:hover,
.c4-btn-bg:hover span,
.c4-btn-bg:focus,
.c4-btn-bg:focus span {
    background-color: #00CCCC !important;
    color: white !important;
}

.btn:hover:after {
    transform: scale(.8);
    transition: all .3s ease-in-out;
}

#site-content .item a:not(.btn):not(.nav-button-link):hover .btn::after {
    transform: scale(.8);
    transition: all .3s ease-in-out;
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1366px) { 
    .btn:after {
        font-size: 27px;
    }
}

@media (max-width: 767px) {
    .btn {
        padding: 7px 50px 7px 20px !important;
        font-size: 18px !important;
    }

    .btn:after {
        font-size: 25px !important;
        right: 13px !important;
        top: 8px !important;
    }
}


.filters .code-item {
    background-color: #00CCCC !important;
    padding: 20px !important;
}

.filters .button-group span {
    display: inline-block;
    width: 180px !important;
    vertical-align: middle;
    margin-bottom: 10px;
}

.filters .btn::after {
    display: none !important;
}

.no-filters {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.no-filters .btn {
    background-color: #00e3e3 !important;
    cursor: default !important;
}

.no-filters .btn i {
    margin-right: 10px;
}

.filters .code-item .btn:not(.no-filters){
    display: inline-block;
    color: #243e90 !important;
    cursor: pointer !important;
    padding: 20px !important;
    text-align: center;
    margin: 0 3px 8px 0 !important;
    overflow: hidden;
    border-bottom: none !important;
    border-width: 0 !important;
    transition: all .3s ease-in-out;
    font-weight: 600 !important;
    border-radius: 30px;
    background-color: #fff !important;
    padding: 10px 13px 7px 13px !important;
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #243E90 !important;
    margin-right: 5px;
}

.filters .code-item .btn:not(.selected) {
    color: #243E90 !important;
}

.filters .code-item .btn.selected {
    color: #fff !important;
}

.filters .code-item .btn.no-filters {
    display: inline-block;
    cursor: pointer !important;
    padding: 20px !important;
    text-align: center;
    margin: 0 5px 10px 0 !important;
    overflow: hidden;
    border-bottom: none !important;
    border-width: 0 !important;
    transition: all .3s ease-in-out;
    font-weight: 600 !important;
    border-radius: 30px;
    padding: 6px 17px 8px 17px !important;
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #243E90 !important;
    margin-right: 5px;
}

.filters .code-item .btn:not(.no-filters) a.selected {
    color: #fff !important;
}

.filters .code-item .btn.is-checked {
    background-color: #243e90 !important;
    color: #fff !important;
}

.products-overview {
    padding-top: 0 !important;
}

@media(max-width: 1024px) {
    .products-overview {
        padding-top:50px!important;
    }
}

.usn_cmp_splitcomponent.c4-bg {
    padding-top: 150px !important;
}

.usn_cmp_splitcomponent.c4-bg .usn_cmp_gallery .image::before {
    content: '';
    width: 25%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgb(10, 26, 76, 55%);
    z-index: 999;
    mix-blend-mode: hard-light;
}

.usn_cmp_splitcomponent.c4-bg .heading {
    /* width: 150% !important; */
    margin-left: -20% !important;
    color: #fff !important;
}

.usn_cmp_splitcomponent.c4-bg .secondary-heading {
    margin-left: -20% !important;
    padding-left: 0 !important;
}

.usn_cmp_splitcomponent.c4-bg p {
    padding-left: 60px !important;
}

@media (max-width: 767px) {
    .component.usn_cmp_banner {
        overflow:visible !important;
    }

    .component.usn_cmp_banner .item .info {
        padding-left: 30px !important;
        padding: 0px 30px !important;
        text-align: center !important;
    }

    .usn_cmp_banner .slick-slider .slick-next,.usn_cmp_banner .slick-slider .slick-prev {
        top: 90% !important;
    }

    .component.usn_cmp_banner .item::after {
        bottom: -125px !important;
    }

    .component.usn_cmp_banner .item:not(.item_scale-banner).item_short-banner.item_overlay .image::before {
    }

    .component.usn_cmp_banner .item.item_short-banner::after {
        bottom: -40px !important;
        height: 120px !important;
    }

    .overlay {
        bottom: -70px !important;
        width: 330% !important;
        right: -110% !important;
        height: 160px !important;
    }

    .overlay.small {
        bottom: -50px !important;
        width: 120% !important;
        right: -15% !important;
        height: 160px;
    }

    .component.usn_cmp_banner .item .info .secondary-heading {
        font-size: 16px;
        width: 100%;
    }

    .component.usn_cmp_banner .item .info p {
        font-size: 16px !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: 70vh !important;*/
        /*min-height: 70vh !important;*/
        border-bottom: none !important;
    }

    .component.usn_cmp_banner .item.item_short-banner,.component.usn_cmp_banner .item.item_short-banner .container,.component.usn_cmp_banner .item.item_short-banner .row,.component.usn_cmp_banner .item.item_short-banner .image,.component.usn_cmp_banner .item.item_short-banner .image .video {
        height: 40vh !important;
        min-height: 40vh !important;
        /*border-bottom: none !important;*/
    }

    .component.usn_cmp_banner .item.item.item_short-banner.item_overlay .image::before {
        background-size: 150% !important;
    }

    .component.usn_cmp_banner .item.item_overlay .image::before {
        background-size: 250% !important;
    }
}

.listing .item {
    margin-bottom: var(--base-spacing);
}
.extra-button {
    display: none !important;
}

.solutions-overview {
    background: rgb(232,230,230) !important;
    background: linear-gradient(180deg,rgba(232,230,230,1) 0%,rgba(232,230,230,1) 15%,rgba(255,255,255,1) 15%) !important;
}

.solutions-overview .item .inner {
    background-color: transparent !important;
}

.solutions-overview .extra-button {
    display: inline-block !important;
}

.solutions-overview .item {
    background: rgb(153,0,102);
    background: linear-gradient(90deg,rgba(153,0,102,1) 0%,rgba(153,0,102,1) 85%,rgba(153,0,102,0) 85%,rgba(153,0,102,0) 100%);
    flex: 0 0 45% !important;
    -ms-flex: 0 0 45% !important;
    max-width: 45% !important;
    margin-left: 20px !important;
    margin-right: 40px !important;
    max-height: 390px;
    height: 390px;
}

.solutions-overview .item:last-child {
    background: rgb(51,204,0) !important;
    background: linear-gradient(90deg,rgba(51,204,0,1) 0%,rgba(51,204,0,1) 85%,rgba(51,204,0,0) 85%,rgba(51,204,0,0) 100%) !important;
}

.solutions-overview .item:last-child .extra-button {
    border-color: #243E90 !important;
    color: #243E90 !important;
}

.solutions-overview .item:last-child {
    background: rgb(153,0,102);
    background: linear-gradient(90deg,rgba(153,0,102,1) 0%,rgba(153,0,102,1) 85%,rgba(153,0,102,0) 85%,rgba(153,0,102,0) 100%);
}

.solutions-overview .item .info {
    padding: 20px 30px 0px 80px !important;
    flex: 0 0 60% !important;
    -ms-flex: 0 0 60% !important;
    max-width: 60% !important;
    z-index: 999 !important;
}

.solutions-overview .item .image {
    flex: 0 0 50% !important;
    -ms-flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 20px 0;
}

.solutions-overview .heading,.solutions-overview h1,.solutions-overview h2,.solutions-overview h3,.solutions-overview h4,.solutions-overview h5,.solutions-overview h6 {
    color: #fff !important;
    font-size: 55px !important;
    font-weight: 500 !important;
    width: 250% !important;
    padding-top: 20px !important;
}

.solutions-overview .item .info p:not(.heading) {
    color: #fff;
}

.solutions-overview .item p.extra-button {
    position: absolute;
    bottom: 35px;
    left: 15px;
    color: #00CCCC !important;
}

.solutions-overview .item p.extra-button:hover,.solutions-overview .item p.extra-button:focus,.solutions-overview .item p.extra-button:hover span,.solutions-overview .item p.extra-button:focus span {
    background-color: transparent !important;
}

.solutions-overview .item .image::before {
    content: '';
    width: 213px;
    height: calc(100% - 40px);
    position: absolute;
    left: 0;
    top: 20px;
    background-color: rgb(10,26,76,55%);
    z-index: 999;
    mix-blend-mode: hard-light;
}

#site-content .solutions-overview .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

#site-content .solutions-overview .item a:not(.btn):not(.nav-button-link):hover .image::before {
    height: calc(100% - 30px);
    top: 15px;
    opacity: 0;
    transition: all .3s ease-in-out;
}


@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width:1366px) {
    .solutions-overview .heading,.solutions-overview h1,.solutions-overview h2,.solutions-overview h3,.solutions-overview h4,.solutions-overview h5,.solutions-overview h6 {
        font-size:44px !important;
        padding-top: 10px !important;
    }

    .solutions-overview .item .image::before {
        width: 191px;
    }

    .solutions-overview .item p:not(.heading) {
        font-size: 14px !important;
    }
}

@media (max-width: 1366px) and (orientation:landscape) {
    .cases .item .heading {
        font-size:20px !important;
    }

    .cases .item p:not(.heading) {
        font-size: 18px !important;
    }

    .cases .item .heading {
        height: 50px;
        max-height: 50px;
    }

    .solutions-overview .item {
        margin-left: 20px !important;
        margin-right: 10px !important;
    }

    .solutions-overview .heading,.solutions-overview h1,.solutions-overview h2,.solutions-overview h3,.solutions-overview h4,.solutions-overview h5,.solutions-overview h6 {
        font-size: 38px !important;
        padding-top: 10px !important;
    }

    .solutions-overview .item .image {
        padding: 100px 0;
    }

    .solutions-overview .item .image::before {
        width: 166px;
        height: calc(100% - 200px);
        top: 100px;
    }

    .solutions-overview .item .info {
        padding: 0px 20px 0px 60px !important;
    }

    .products-overview .item {
        /*min-height: 500px !important;*/
        /*max-height: 500px !important;*/
    }

    .cases-overview .products-overview.overview-nav .listing .item .heading {
        font-size: 20px !important;
    }

    .cases-overview .products-overview.overview-nav .listing .item .secondary-heading {
        font-size: 16px !important;
    }

    .cases-overview .products-overview.overview-nav .listing .item p {
        font-size: 16px !important;
    }
}

@media (max-width: 1200px) and (orientation:portrait) {
    .cases .item .heading {
        font-size:20px !important;
    }

    .cases .item p {
        padding-right: 10px !important;
        font-size: 16px !important;
    }

    .cases .item .text {
        min-height: 90px;
        max-height: 90px;
    }

    .solutions-overview .item {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .solutions-overview .item .image {
        flex: 0 0 40% !important;
        -ms-flex: 0 0 40% !important;
        max-width: 40% !important;
    }

    .solutions-overview .item .image::before {
        width: 183px;
    }

    .solutions-overview .item .info {
        padding: 20px 30px 0px 20px !important;
    }

    .cases .item .heading {
        height: 50px;
        max-height: 50px;
    }
}

@media (max-width: 1200px) and (orientation:landscape) {
    .solutions-overview .item .info {
        padding:0px 10px 0px 40px !important;
    }

    .solutions-overview .item .image::before {
        width: 131px;
    }

    .solutions-overview .item p.extra-button {
        bottom: 25px;
        left: 5px;
    }

    .products-overview.related .listing .heading,.products-overview.related .slick-slider .heading {
        font-size: 20px !important;
    }

    .products-overview.related .listing .item,.products-overview.related .slick-slider .item {
        padding-right: 10px;
    }

    .products-overview.related .listing .heading:after,.products-overview.related .slick-slider .heading:after {
        font-size: 20px !important;
    }

    .cases-overview .products-overview.overview-nav .listing .item .info {
        padding: 0;
    }

    .cases-overview .products-overview.overview-nav .listing .item .image {
        padding: 30px 0px 30px 30px !important;
        background: rgb(153,0,102);
        background: linear-gradient(90deg,rgba(153,0,102,1) 0%,rgba(153,0,102,1) 85%,rgba(153,0,102,0) 85%,rgba(153,0,102,0) 100%);
    }

    .news-overview .blog-listing-component .item .heading {
        font-size: 18px !important;
    }

    .solutions-overview .heading,.solutions-overview h1,.solutions-overview h2,.solutions-overview h3,.solutions-overview h4,.solutions-overview h5,.solutions-overview h6 {
        font-size: 32px !important;
    }

    .cases .item .image,.news .item .image {
        padding: 20px !important;
    }
}

@media (max-width: 1080px) and (orientation:landscape) {
    .cases .item {
        padding:40px 15px !important;
    }
}

@media (max-width: 1080px) and (orientation:portrait) {
    .solutions-overview .item {
        padding-right:40px !important;
    }

    .products-overview.related .listing .heading:after,.products-overview.related .slick-slider .heading:after {
    }

    .products-overview .item {
        /*min-height: 450px !important;*/
        /*max-height: 450px !important;*/
    }
}

@media (max-width: 767px) {
    .cases-overview .products-overview.overview-nav .listing .item p {
        font-size:18px !important;
    }

    .cases .item .text {
        min-height: auto;
        max-height: auto;
    }

    .news,.cases {
        padding: 30px 20px !important;
    }

    .c1-bg.cases .item {
        height: 520px;
        max-height: 520px;
        min-height: 520px;
    }

    .cases .item {
        height: 425px;
        max-height: 425px;
        min-height: 425px;
    }

    .cases .item .heading {
        height: 50px;
        max-height: 50px;
    }

    .solutions-overview {
        padding-top: 50px !important;
    }

    .solutions-overview .item .image {
        -ms-flex: 0 0 93% !important;
        flex: 0 0 93% !important;
        max-width: 93% !important;
        padding: 0 !important;
    }

    .solutions-overview .item .image::before {
        width: 40px;
    }

    .solutions-overview .heading,.solutions-overview h1,.solutions-overview h2,.solutions-overview h3,.solutions-overview h4,.solutions-overview h5,.solutions-overview h6 {
        font-size: 36px !important;
        width: 70% !important;
        padding-top: 20px !important;
    }

    .solutions-overview .item .info {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 10px 20px !important;
    }

    .solutions-overview .item p.extra-button {
        position: relative;
        bottom: auto;
        left: 0;
        margin-top: 20px !important;
    }

    .solutions-overview .item:first-child {
        background: rgb(0,204,204);
        background: linear-gradient(90deg,rgba(0,204,204,1) 0%,rgba(0,204,204,1) 88%,rgba(0,204,204,0) 88%,rgba(0,204,204,0) 100%);
    }

    .solutions-overview .item {
        background: rgb(153,0,102);
        background: linear-gradient(90deg,rgba(153,0,102,1) 0%,rgba(153,0,102,1) 88%,rgba(153,0,102,0) 88%,rgba(153,0,102,0) 100%);
    }

    .solutions-overview .item:last-child {
        background: rgb(51,204,0) !important;
        background: linear-gradient(90deg,rgba(51,204,0,1) 0%,rgba(51,204,0,1) 88%,rgba(51,204,0,0) 88%,rgba(51,204,0,0) 100%) !important;
    }

    .cases .slick-slider {
        border-bottom: none !important;
    }

    .products-overview.related .listing .heading:after,.products-overview.related .slick-slider .heading:after {
        font-size: 18px !important;
    }

    .news-overview .blog-listing-component .item .image,.cases-overview .products-overview.overview-nav .listing .item .image {
        padding: 30px !important;
    }

    .news .item .image,.cases .item .image {
        padding: 20px 0 20px 20px !important;
    }

    .news-overview .blog-listing-component {
        margin-top: -30px !important;
    }

    .solutions-overview .item .image::before {
        height: 100%;
        top: 0;
    }

    .solutions-overview .item {
        min-height: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        padding-top: 0 !important;
    }

    .products-overview .item {
        /*min-height: 420px !important;*/
        /*max-height: 420px !important;*/
    }

    .cases-overview .products-overview .item {
    }

    .news-overview .blog-listing-component .item .heading {
        padding-bottom: 20px !important;
    }

    .products-overview .listing .info .secondary-heading:after,.products-overview .slick-slider .info .secondary-heading:after {
        font-size: 20px;
        right: 20px !important;
        margin-top: 32px;
    }

    .cases-overview .products-overview.overview-nav .listing .item .text {
        min-height: 140px !important;
        max-height: 140px !important;
    }

    .repeatable.accordion .repeatable-content {
        padding: 15px !important;
    }

    .isotope-pager {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.usn_cmp_ctastrip .text-right .info,.usn_cmp_ctastrip .text-left .info {
    flex: 0 0 65% !important;
    -ms-flex: 0 0 65% !important;
    max-width: 65% !important;
    text-align: center !important;
    padding: 0 40px !important;
}

.cta-image {
    flex: 0 0 35% !important;
    -ms-flex: 0 0 35% !important;
    max-width: 35% !important;
}

.usn_cmp_ctastrip {
    padding: 40px 100px !important;
    border-radius: 200px;
    height: 350px !important;
    max-height: 350px !important;
}

.usn_cmp_ctastrip .text-left .link,.usn_cmp_ctastrip .text-right .link {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: center;
}

.usn_cmp_ctastrip .text-left .link .btn,.usn_cmp_ctastrip .text-right .link .btn {
    width: auto !important;
    display: inline-block !important;
    margin-top: 30px;
}

.usn_cmp_ctastrip .text {
    position: absolute;
    right: -19%;
    bottom: 0;
    text-align: right !important;
}

.usn_cmp_ctastrip .text p {
    color: #fff !important;
}

.usn_cmp_ctastrip .text strong {
    color: #243e90 !important;
    padding-right: 10px !important;
}

.usn_cmp_ctastrip .cta-image img {
    width: 351px;
    height: 351px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center right;
    position: absolute;
    right: -1px;
    top: -1px;
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width:1366px) {
    .usn_cmp_ctastrip .text-right .info,.usn_cmp_ctastrip .text-left .info {
        padding:0 !important;
    }

    .usn_cmp_ctastrip .text {
        bottom: -40px;
    }
}
@media (max-width: 1680px) {
      .usn_cmp_ctastrip .heading {
        font-size:40px !important;
    }
        .usn_cmp_ctastrip .secondary-heading {
        font-size: 24px !important;
    }

    .usn_cmp_ctastrip .text {
        right: -30px;
        bottom: -70px;
    }
}
@media (max-width: 1366px) and (orientation:landscape) {
    .usn_cmp_ctastrip .heading {
        font-size:40px !important;
    }

    .usn_cmp_ctastrip .secondary-heading {
        font-size: 24px !important;
    }

    .usn_cmp_ctastrip .text {
        right: -30px;
        bottom: -70px;
    }
}

@media (max-width: 1366px) and (orientation:portrait) {
    .usn_cmp_ctastrip {
        padding:30px !important;
        border-radius: 70px;
        height: auto !important;
        max-height: 100%!important;
        margin-top: 50px !important;
    }

    .usn_cmp_ctastrip .cta-image img {
        width: 170px;
        height: 170px;
        right: 70px;
        top: 16%;
    }

    .usn_cmp_ctastrip .text {
        right: -190px;
        bottom: 30px !important;
        text-align: center !important;
    }

    .usn_cmp_ctastrip .text strong {
        padding-right: 0 !important;
    }

    .usn_cmp_ctastrip .text-right .info,.usn_cmp_ctastrip .text-left .info {
        padding: 30px 50px !important;
        text-align: left !important;
    }

    .usn_cmp_ctastrip .text-left .link,.usn_cmp_ctastrip .text-right .link {
        text-align: left !important;
        padding: 0 !important;
    }
}

@media (max-width: 1200px) and (orientation:landscape) {
    .usn_cmp_ctastrip {
        margin-top:30px !important;
    }
}

@media (max-width: 992px) {
    .usn_cmp_ctastrip .text-right .info,.usn_cmp_ctastrip .text-left .info {
        flex:0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        padding: 0 10px !important;
    }

    .cta-image {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        position: relative;
        margin-top: 20px;
    }

    .usn_cmp_ctastrip .text {
        position: relative;
        right: 0;
        float: left;
        bottom: 0 !important;
        margin-top: 110px;
        width: 100%;
        text-align: center !important;
    }

    .usn_cmp_ctastrip .cta-image img {
        width: 100px;
        height: 100px;
        right: calc(50% - 50px);
    }

    .usn_cmp_ctastrip .text-left .link,.usn_cmp_ctastrip .text-right .link {
        text-align: center !important;
    }
}

.c5-bg .secondary-heading {
    color: #fff !important;
}

.contact-form {
    padding: 50px 0 !important;
}

.contact-form .content {
    background-color: #00CCCC !important;
}

.contact-form .usn_cmp_splitcomponent .info {
    padding-right: 0 !important;
}

.contact-form .usn_cmp_splitcomponent .usn_pod_textimage .info p {
    color: #fff !important;
}

.contact-form .usn_cmp_splitcomponent .info p strong,.contact-form .usn_cmp_splitcomponent .info strong {
    color: #243e90 !important;
}

.contact-form .heading {
    font-size: 60px !important;
    font-weight: 500 !important;
    width: 80%;
}

.contact-form .secondary-heading {
    color: #243e90 !important;
}
.c5-bg .secondary-heading {
    color: #fff !important;
}

.contact-form .usn_cmp_splitcomponent .usn_cmp_form .info .text p {
    font-size: 24px;
    font-weight: 400 !important;
}

#site-content .contact-form .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

.contact-form .usn_cmp_splitcomponent .usn_pod_textimage .image {
    padding: 0 20px !important;
}

.contact-form .umbraco-forms-navigation {
    float: right;
    margin-right: -75%;
    margin-top: -80px;
    width: 40% !important;
}

.contact-form .umbraco-forms-navigation .btn:hover,.contact-form .umbraco-forms-navigation .btn:focus {
    background-color: #990066 !important;
}

.contact-page .usn_cmp_pods .container {
    max-width: 1000px !important;
}

.contact-page .content:nth-child(2) {
    padding-top: 50px !important;
}

.contact-page .usn_cmp_pods a:not(.btn) {
    color: #243E90 !important;
}

@media (max-width: 1366px) and (orientation:landscape) {
    .contact-form .heading {
        font-size:50px !important;
    }

    .contact-form .usn_cmp_splitcomponent .usn_pod_textimage .image {
        padding: 0 !important;
    }
}

@media (max-width: 767px) {
    .contact-form .heading {
        font-size: 45px !important;
        width: 90% !important;
    }
      .contact-form .usn_cmp_splitcomponent .usn_cmp_form .info .text p {
        font-size: 18px;
    }
}

@media (max-width: 1200px) and (orientation:portrait) {
    .contact-page .usn_cmp_pods {
        padding:20px !important;
    }

}
.listing:not(.listing_window-mosaic):not(.listing_data-list):not(.listing_links):not(.solutions-overview .listing) > .item {
      margin-bottom: 0!important;

}
.listing:not(.listing_window-mosaic) .item:last-child {
    margin-bottom: 0!important;
    /*padding-bottom: 0!important;*/
}

.faq:nth-child(even) .repeatable .nav-link {
    font-size: 22px !important;
    padding: 20px 40px 20px 20px !important;
    color: #fff !important;
    background-color: #243E90 !important;
}

.faq:nth-child(odd) .repeatable .nav-link {
    font-size: 22px !important;
    padding: 20px 40px 20px 20px !important;
    color: #fff !important;
    background-color: #990366 !important;
}

.faq:nth-child(even) .component-introduction .heading {
    color: #243E90 !important;
    font-size: 40px;
}

.faq:nth-child(odd) .component-introduction .heading {
    color: #990366 !important;
    font-size: 40px;
    padding-bottom: 0 !important;
}

.faq:nth-child(odd) p,.faq:nth-child(odd) p a {
    color: #990366 !important;
}

.repeatable.accordion .repeatable-content {
    padding: 25px !important;
}

.faq.content .component-introduction {
    padding-bottom: 20px !important;
}

.repeatable.accordion .tab .nav-link::after {
    right: 10px !important;
}

@media (max-width: 1200px) and (orientation:landscape) {
    .faq:nth-child(odd) .repeatable .nav-link,.faq:nth-child(even) .repeatable .nav-link {
        font-size:18px !important;
        padding: 15px 40px 15px 15px !important;
    }
}

@media (max-width: 767px) {
    .faq:nth-child(odd) .repeatable .nav-link,.faq:nth-child(even) .repeatable .nav-link {
        font-size:16px !important;
        padding: 15px 40px 15px 15px !important;
    }
}
footer#site-footer {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    margin-top: 50px;
    width: calc(100% + 100px);
    margin-left: -50px;
}

footer#site-footer,footer#site-footer .footer-text,footer#site-footer a:not(.btn):hover .footer-text,footer#site-footer a:not(.btn):focus .footer-text,footer#site-footer a:not(.btn):active .footer-text {
    color: #fff !important;
}

body:not(.footer-underline-link) footer#site-footer a:not(.btn) {
    font-family: 'Khand',sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

nav.footer-navigation {
    border-top: 1px solid #fff;
    padding-top: 40px !important;
}

body:not(.footer-underline-link) footer#site-footer .footer-navigation a {
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
}

footer#site-footer .footer-heading,footer#site-footer a:not(.btn):hover .footer-heading,footer#site-footer a:not(.btn):focus .footer-heading,footer#site-footer a:not(.btn):active .footer-heading,footer#site-footer .heading {
    font-size: 18px !important;
    color: #fff !important;
}

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

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

footer#site-footer .footer-item:nth-child(5) a:not(.btn) {
    font-weight: 400 !important;
}

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

footer#site-footer .footer-item:nth-child(6) p {
    padding-bottom: 20px !important;
}

body:not(.footer-underline-link) footer#site-footer .footer-item:nth-child(6) a {
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 400 !important;
    text-decoration: underline !important;
    font-size: 16px !important;
}

footer#site-footer .umbraco-forms-navigation .btn {
    border: 2px solid #00CCCC !important;
    color: #00CCCC !important;
    padding-left: 30px !important;
    padding-right: 50px !important;
    padding-top: 5px !important;
    padding-bottom: 4px !important;
    font-size: 18px !important;
}

footer#site-footer .umbraco-forms-navigation .btn:after {
    content: '\f0a9';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 24px;
    position: absolute;
    right: 7px !important;
    top: 6px !important;
}

footer#site-footer .umbraco-forms-navigation .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
}

footer#site-footer .umbraco-forms-fieldset {
    margin: 10px 0 0 0 !important;
}

footer#site-footer .footer-item:nth-child(7) {
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
    padding-right: 30px !important;
}

footer#site-footer .footer-item:nth-child(8) {
    -ms-flex: 0 0 13% !important;
    flex: 0 0 13% !important;
    max-width: 13% !important;
}

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

footer#site-footer #mc_embed_signup {
    width: 100%;
    padding: 0;
}

footer#site-footer #mc_embed_signup form {
    background: transparent !important;
}

footer#site-footer #mc_embed_signup div.response {
    width: 100% !important;
}

footer#site-footer #mc_embed_signup #mce-success-response {
    color: #ffffff !important;
}

footer#site-footer #mc_embed_signup .btn {
    background-color: transparent !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
    border-radius: 40px !important;
    border: 2px solid #00CCCC !important;
}

footer#site-footer #mc_embed_signup #mergeRow-gdpr .mc-field-group {
    margin-bottom: 0 !important;
}

footer#site-footer #mc_embed_signup #mergeRow-gdpr .mc-field-group label {
    border-bottom: none !important;
    font-size: 12px !important;
    margin: 0 !important;
}

@media (max-width: 1366px) and (orientation:landscape) {
    footer#site-footer > .container {
        max-width:1120px !important;
    }

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

    footer#site-footer .footer-item:nth-child(4) {
        margin-left: -40px !important;
        width: 10% !important;
        max-width: 10% !important;
    }

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

    footer#site-footer .footer-item:nth-child(8) {
        -ms-flex: 0 0 10% !important;
        flex: 0 0 10% !important;
        max-width: 10% !important;
    }

    .listing > .footer-item.logo {
        top: -30px;
        height: 70px;
    }

    .breadcrumb-trail .container {
        max-width: 1120px !important;
    }
}

@media (max-width: 1200px) and (orientation:portrait) {
    footer#site-footer .col-md-1 {
        -ms-flex:0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    footer#site-footer .col-md-2 {
        -ms-flex: 0 0 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }

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

    footer#site-footer .footer-item:nth-child(7) {
        margin-top: 20px !important;
        -ms-flex: 0 0 45% !important;
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }

    footer#site-footer .footer-item:nth-child(8) {
        margin-top: 20px !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

@media (max-width: 1200px) and (orientation:landscape) {
    footer#site-footer > .container {
        max-width:940px !important;
        padding: 30px 15px 0 15px !important;
    }

    .breadcrumb-trail .container {
        max-width: 940px !important;
    }

    footer#site-footer .col-md-1 {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    footer#site-footer .col-md-2 {
        -ms-flex: 0 0 33% !important;
        flex: 0 0 33% !important;
        max-width: 33% !important;
    }

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

    footer#site-footer .footer-item:nth-child(7) {
        margin-top: 20px !important;
        -ms-flex: 0 0 45% !important;
        flex: 0 0 45% !important;
        max-width: 45% !important;
        padding-right: 50px;
        padding-lefT: 50px;
    }

    footer#site-footer .footer-item:nth-child(8) {
        margin-top: 20px !important;
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

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

    footer#site-footer .footer-item {
        margin-bottom: 20px !important;
    }

    footer#site-footer .footer-item:nth-child(4) {
        margin-left: -80px !important;
        width: 14% !important;
        max-width: 14% !important;
    }
}

@media (max-width: 767px) {
    footer#site-footer .footer-item {
        -ms-flex:0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    footer#site-footer > .container {
        max-width: 100% !important;
        padding: 30px 75px !important;
    }

    .breadcrumb-trail .container {
        max-width: 100% !important;
        padding: 30px 75px !important;
    }

    footer#site-footer .footer-item:nth-child(4) {
        margin-left: 0 !important;
    }

    footer#site-footer .footer-item:nth-child(7) {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
    }

    footer#site-footer .footer-item:nth-child(6) {
        margin-top: 0 !important;
    }

    footer#site-footer .footer-item:nth-child(8) {
        margin-top: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    nav.footer-navigation ul li {
        display: block;
        padding: 5px 0;
    }

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

    .cases-overview footer#site-footer > .container {
        padding: 30px 25px !important;
    }

    .cases-overview .breadcrumb-trail .container {
        padding: 30px 25px !important;
    }

    .cases-overview footer#site-footer {
        width: calc(100% - 40px);
        margin-left: 20px !important;
    }

    .listing > .footer-item.logo {
        top: -25px;
        left: calc(50% - 100px);
        width: 200px;
        height: 60px;
    }

    nav.footer-navigation {
        border-top: 1px solid #4661b5;
        padding-top: 10px !important;
    }

    nav.footer-navigation ul li {
        display: inline-block !important;
        padding: 10px 20px !important;
    }

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

@media (min-width: 500px) and (max-width:768px) {
    footer#site-footer {
        margin-left:0!important;
    }

    footer#site-footer .col-md-2 {
        flex: 0 0 16.666667%!important;
        max-width: 16.666667% !important;
    }

    footer#site-footer .footer-item:nth-child(6) {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
}

footer#site-footer input,footer#site-footer textarea,footer#site-footer label,footer#site-footer .control-label,footer#site-footer .form-control {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #00CCCC !important;
    color: #00CCCC !important;
    padding-left: 0 !important;
}

footer#site-footer ::-webkit-input-placeholder {
    color: #fff !important;
}

footer#site-footer ::-moz-placeholder {
    color: #fff !important;
}

footer#site-footer :-ms-input-placeholder {
    color: #fff !important;
}

footer#site-footer :-moz-placeholder {
    color: #fff !important;
}

footer#site-footer .form-control,footer#site-footer .form-group.dropdown::after,footer#site-footer .form-group.date::after {
    min-height: 30px !important;
}
.footer-navigation {
    text-align:center;
}

/* UmbracoForm Fixes */
.umbraco-forms div {
    background-color: transparent;
}

.umbraco-forms .form-control {
    width: 100%;
}

.umbraco-forms .umbraco-forms-form fieldset {
    padding: unset;
    margin: unset;
}

.umbraco-forms .umbraco-forms-fieldset .row-fluid {
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
}

.umbraco-forms .umbraco-forms-container:first-child {
    padding-right: 20px;
}

/*.umbraco-forms .umbraco-forms-field-wrapper label,*/
.umbraco-forms .umbraco-forms-field-wrapper input,
.umbraco-forms .umbraco-forms-field-wrapper textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #243e90 !important;
    color: white;
}

    .umbraco-forms .umbraco-forms-field-wrapper input::placeholder,
    .umbraco-forms .umbraco-forms-field-wrapper textarea::placeholder {
        color: white;
    }
    
    .check-list ul {
    list-style: none;
    padding-top: 30px !important;
}

.check-list ul li {
    clear: both;
    color: #990066 !important;
    white-space: nowrap;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 300 !important;
}

.check-list.inline ul {
    padding: 30px 30px 0 30px !important;
}

.check-list.inline ul li {
    display: inline !important;
    padding-right: 30px !important;
    line-height: 250%;
}

.check-list ul li:before {
    content: '\f058';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 22px;
    color: #990066;
    margin-right: 10px;
}

.c1-bg.check-list ul li {
    color: #243e90 !important;
}

.c1-bg.check-list ul li:before {
    color: #243e90 !important;
}


.downloads .listing-pods {
    width: 80% !important;
    margin-left: 10% !important;
}

.downloads .btn:after {
    display: none !important;
}

.downloads .btn,.downloads .btn span {
    border-color: #990066 !important;
    color: #990066 !important;
    background-color: transparent !important;
    padding-right: 30px !important;
    font-family: 'Source Sans 3',sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding-bottom: 10px !important;
    width: 100%;
    text-align: left;
}

.downloads .btn:hover,.downloads .btn:hover span,.downloads .btn:focus,.downloads .btn:focus span {
    border-color: #243e90 !important;
    color: #243e90 !important;
    background-color: transparent !important;
}

.downloads .item {
    margin-bottom: 0 !important;
    padding-bottom:0!important;
}

#site-content .downloads .item a:not(.btn):not(.nav-button-link) {
    margin: 0 !important;
    padding-bottom:0!important;
}

#site-content .downloads .item a:not(.btn):not(.nav-button-link):hover {
    background-color: transparent !important;
}

.slick-slide {
    height: auto !important;
}

.slick-list {
    min-height: 515px;
}

section.team .slick-list {
    min-height: unset;
}

.arrow-down {
    overflow: visible !important;
    position: absolute !important;
    left: calc(50% - 100px);
    bottom: -45px;
    padding: 0 90px 0 90px !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #e8e6e6 !important;
    z-index: 900;
    width: 200px;
    text-align: center;
    display: inline-block !important;
    height: 45px !important;
}

.arrow-down:after {
    content: '\f063';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 30px;
    color: #243e90;
    position: absolute;
    bottom: 35px;
    margin-left: -10px;
}

.arrow-down.purple {
    background: #990066 !important;
}

.arrow-down.dark-grey {
    background: #D5D5D5 !important;
}

.arrow-down.white {
    background: #fff !important;
}

.arrow-down.purple:after {
    color: #fff !important;
}

.arrow-down.dark-grey:after {
    color: #243e90 !important;
}

.arrow-down.turq {
    background: #00CCCC !important;
}
/*.field-validation-error {*/
    /*padding: 5px 10px !important;*/
    /*background-color: #ff0047 !important;*/
/*        padding: 2px 10px !important;*/
/*    background-color: #ff0047 !important;*/
/*    float: left;*/
/*    margin-bottom: 12px;*/
/*    width: 100%;*/
/*}*/
.form .alert-danger,
.field-validation-error {
display: block;
    margin-top: 8px;
    padding: 8px 12px;
    background: #fff4f4;
    border-left: 4px solid #d32f2f;
    color: #b71c1c;
    font-size: .875rem;
    border-radius: 4px;
}

input,textarea,label,.control-label,.form-control {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #243e90 !important;
    /*color: #fff !important;*/
    padding-left: 0 !important;
}

.form-control, .form-group.dropdown::after, .form-group.date::after {
    min-height: 30px !important;
}

::-webkit-input-placeholder {
    color: #fff !important;
}

::-moz-placeholder {
    color: #fff !important;
}

:-ms-input-placeholder {
    color: #fff !important;
}

:-moz-placeholder {
    color: #fff !important;
}

.form-control,.form-group.dropdown::after,.form-group.date::after {
    min-height: 30px !important;
}

/*.field-validation-error {*/
/*    padding: 5px 10px !important;*/
/*    background-color: #ff0047 !important;*/
/*}*/

.umbraco-forms .base-bg {
    background-color: transparent !important;
    padding: 0 !important;
}

@media(max-width: 1024px) {
    .contact-form .usn_cmp_splitcomponent .col-md-7 {
        padding:30px !important;
    }
}

@media (max-width: 767px) {
    .secondary-heading.lg {
        font-size: 24px !important;
    }
}
nav#pagination .pagination {
    display: block;
    text-align: center;
    padding: 30px;
    border-top: 1px solid #990366;
    margin-top: 100px !important;
}

nav#pagination .pagination li {
    display: inline-block !important;
}

nav#pagination .pagination li.active a {
    border: 1px solid #990366 !important;
    background-color: #990366 !important;
    color: #fff !important;
}

nav#pagination .pagination li a {
    padding: 12px 20px !important;
    width: 45px !important;
    height: 50px !important;
    border-style: solid;
    border-color: rgba(var(--base-borders), 1);
    margin-right: 5px !important;
    border-width: 1px !important;
}

nav#pagination .pagination li a:focus,nav#pagination .pagination li a:hover {
    border: 1px solid #990366 !important;
    background-color: #990366 !important;
    color: #fff !important;
}
strong .intro {
    font-weight: 600 !important;
}

.text p {
    margin-bottom: 20px;
}
.big-title h1,.big-title h2,.big-title h3,.big-title h4,.big-title h5,.big-title h6,.big-title .heading {
    font-size: 80px !important;
}


@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width:1440px) {
    h1 {
        font-size:60px !important;
    }

    .intro {
        font-size: 18px !important;
    }

    .intro.md {
        font-size: 18px !important;
    }

    .intro.lg {
        font-size: 20px !important;
    }

    h2,h3,h4 {
        font-size: 50px !important;
    }

    h5,h6 {
        font-size: 30px !important;
    }

    .text-pods .listing .heading {
        font-size: 24px !important;
    }

    .big-title h1,.big-title h2,.big-title h3,.big-title h4,.big-title h5,.big-title h6,.big-title .heading {
        font-size: 70px !important;
    }

    .component.usn_cmp_banner.smaller-title .item .info h1,.smaller-title h1 {
        font-size: 50px !important;
        margin-top: -60px !important;
    }

    .text-pods .text {
    }
}

@media (max-width: 1440px) and (orientation:landscape) {
    h1 {
        font-size:50px !important;
    }

    .intro {
        font-size: 16px !important;
    }

    .intro.md {
        font-size: 16px !important;
    }

    .intro.lg {
        font-size: 18px !important;
    }

    h2,h3,h4 {
        font-size: 50px !important;
    }

    h5,h6 {
        font-size: 24px !important;
    }

    .text-pods .listing .heading {
        font-size: 20px !important;
    }

    .big-title h1,.big-title h2,.big-title h3,.big-title h4,.big-title h5,.big-title h6,.big-title .heading {
        font-size: 60px !important;
    }

    .component.usn_cmp_banner.smaller-title .item .info h1,.smaller-title h1 {
        font-size: 40px !important;
        margin-top: -60px !important;
    }

    .text-pods .text {
    }

    .news .item .heading {
        font-size: 18px !important;
    }

    blockquote,blockquote p.quote,.quote {
        font-size: 24px !important;
    }

    .check-list ul li {
        white-space: break-spaces !important;
    }
}

@media (max-width: 1200px) and (orientation:portrait) {
    h1 {
    }

    .intro {
        font-size: 16px !important;
    }

    .intro.md {
        font-size: 16px !important;
    }

    .intro.lg {
        font-size: 18px !important;
    }

    h2,h3,h4 {
        font-size: 36px !important;
    }

    h5,h6 {
        font-size: 24px !important;
    }

    .text-pods .listing .heading {
        font-size: 30px !important;
    }

    .big-title h1,.big-title h2,.big-title h3,.big-title h4,.big-title h5,.big-title h6,.big-title .heading {
        font-size: 60px !important;
    }

    .component.usn_cmp_banner.smaller-title .item .info h1,.smaller-title h1 {
        font-size: 50px !important;
        margin-top: -60px !important;
    }

    .text-pods .text {
    }

    .news .item .heading {
        font-size: 18px !important;
    }

    blockquote,blockquote p.quote,.quote {
        font-size: 24px !important;
    }

    .check-list ul li {
        white-space: break-spaces !important;
    }

    .secondary-heading.lg {
        font-size: 24px !important;
    }

    .table-view p.blue-t strong {
        display: block !important;
        width: 100% !important;
        padding-top: 10px !important;
    }
}

@media (max-width: 1200px) and (orientation:landscape) {
    h1 {
    }

    .intro {
        font-size: 18px !important;
    }

    .intro.md {
        font-size: 18px !important;
    }

    .intro.lg {
        font-size: 20px !important;
    }

    h2,h3,h4 {
        font-size: 40px !important;
    }

    h5,h6 {
        font-size: 24px !important;
    }

    .text-pods .listing .heading {
        font-size: 24px !important;
        height: 70px !important;
    }

    .big-title h1,.big-title h2,.big-title h3,.big-title h4,.big-title h5,.big-title h6,.big-title .heading {
        font-size: 50px !important;
    }

    .component.usn_cmp_banner.smaller-title .item .info h1,.smaller-title h1 {
        font-size: 40px !important;
        margin-top: -60px !important;
    }

    .text-pods .text {
        padding: 15px 10px !important;
    }

    .text-pods .text p {
        font-size: 14px !important;
    }

    .news .item .heading {
        font-size: 18px !important;
    }

    blockquote,blockquote p.quote,.quote {
        font-size: 24px !important;
    }

    .check-list ul li {
        white-space: break-spaces !important;
    }

    .secondary-heading.lg {
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size:30px !important;
    }

    .intro {
        font-size: 17px !important;
    }

    .intro.md {
        font-size: 17px !important;
    }

    .intro.lg {
        font-size: 17px !important;
    }

    h2,h3,h4 {
        font-size: 28px !important;
    }

    h5,h6 {
        font-size: 24px !important;
    }

    .big-title h1,.big-title h2,.big-title h3,.big-title h4,.big-title h5,.big-title h6,.big-title .heading {
        font-size: 50px !important;
    }

    .component.usn_cmp_banner.smaller-title .item .info h1,.smaller-title h1 {
        font-size: 24px !important;
        margin-top: -40px !important;
    }

    .text-pods .text {
        padding-bottom: 10px !important;
    }

    .news .item .heading {
        font-size: 18px !important;
    }

    blockquote,blockquote p.quote,.quote {
        font-size: 18px !important;
    }

    .text-pods .listing .heading {
        font-size: 22px !important;
    }

    .check-list ul li {
        white-space: break-spaces !important;
        font-size: 16px !important;
    }

    .secondary-heading.lg {
        font-size: 24px !important;
    }

    blockquote::before,.quote::before {
        top: 10px !important;
        font-size: 100px !important;
        margin-left: -60px;
    }

    .quote-block p {
        padding-left: 60px !important;
    }

    .quote-block .slick-slider .slick-next {
        right: 10% !important;
    }

    .quote-block .slick-slider .slick-prev {
        left: 10% !important;
    }

    .check-list ul li:before {
        font-size: 15px !important;
    }
}


.smaller-title h1 {
    font-size: 60px !important;
    font-weight: 500 !important;
}
@media (max-width: 767px) {
    .component.usn_cmp_banner.smaller-title .item .info h1,.smaller-title h1 {
        font-size: 24px !important;
        margin-top: -40px !important;
    }
}
.d-none {
    opacity: 0;
}

.component.meta.base-bg {
    padding: 0 !important;
}

.meta-author-comments {
    padding: 0 !important;
}

.hide-overlay .image::before {
    display: none !important;
}


.cta-links-sticky {
    /*position: fixed;*/
    /*right: -130px;*/
    /*top: 385px;*/
    /*padding: 10px 30px 10px 50px!important;*/
    /*background: #EE2A5F;*/
    /*border-top-left-radius: 15px;*/
    /*border-bottom-left-radius: 15px;*/
    /*-webkit-transform: perspective(1px) translateZ(0);*/
    /*transform: perspective(1px) translateZ(0);*/
    /*z-index: 5000 !important;*/
    /*font-size: 1rem;*/
    /*transition: all .15s ease-in-out;*/
}

.cta-links-sticky {
    position: fixed;
    right: -170px;
    top: 385px;
   padding: 10px 30px 10px 50px!important;
    background: #990366;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    z-index: 5000 !important;
       font-size: 1rem;
    transition: all .15s ease-in-out;
}

.cta-links-sticky:hover {
    right: -40px !important;
    transition: all .3s ease-in-out;
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.cta-links-sticky a {
    text-transform: uppercase;
    font-family: 'Khand', sans-serif !important;
    font-weight: 600;
    padding: 0 5px 0 0;
    color: #fff !important;
    font-size:16px;
    text-decoration:none;
}

.cta-links-sticky a:hover,
.cta-links-sticky a:focus {
    color: #00CCCC !important;
    text-decoration: none !important;
}

.cta-links-sticky a:hover:after,
.cta-links-sticky a:focus:after {
    color: #fff !important;
}


.cta-links-sticky a:first-child:after {
    content: '|';
    margin-left: 5px;
}

.cta-links-sticky:before {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url("../../../images/c-climarad.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    left: 10px;
}
@media (max-width: 1200px) and (orientation:portrait) {
    .cta-links-sticky {
        display: none !important;
    }
}
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
      -webkit-transform: translateX(8px);
      transform: translateX(8px);
    }
    33.3% {
      -webkit-transform: translateX(-6px);
      transform: translateX(-6px);
    }
    49.95% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
    66.6% {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }
    83.25% {
      -webkit-transform: translateX(1px);
      transform: translateX(1px);
    }
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.slick-slider .slick-autoplay-toggle-button {
    display:none;
}
.split-with-slider .slick-slider .slick-dots li{
width:60px !important;
}
footer#site-footer .breadcrumb-trail ol.breadcrumb li.breadcrumb-item.active > span {
    color: rgba(var(--footer-text), 1);
}
@media (max-width: 767px) {
       section.content .component-outro {
        padding-top: 0 !important;
    }
}

.extra-p-top.products-overview {
    padding-top: 150px !important;
}

.extra-p-top {
    padding-top: 150px !important;
}

@media (max-width: 1366px) and (orientation:landscape) {
    .row:not(.slides):not(.listing_window-mosaic) .item.items-4,.row:not(.slides):not(.listing_window-mosaic) .item.items-5 {
        flex:0 0 var(0 0 20%) !important;
        -ms-flex: 0 0 var(0 0 20%) !important;
        max-width: var(0 0 20%) !important;
    }

    .icon-pods .text {
        font-size: 16px !important;
    }

    .icon-pods .image {
        padding: 0 40px !important;
    }

    .icon-pods .container {
        max-width: 96% !important;
    }
}

@media (max-width: 1200px) and (orientation:portrait) {
    .icon-pods .image {
        padding:0 120px !important;
    }

    .icon-pods .item::after {
        display: none;
    }

    .icon-pods .item {
        margin-bottom: 30px !important;
        border-bottom: 1px solid #990066 !important;
        min-height: 310px !important;
        height: 310px;
    }

    .text-pods .item::after {
        display: none;
    }

    .text-pods .item {
        margin-bottom: 30px !important;
        border-bottom: 1px solid #990066 !important;
    }

    .text-pods .text {
    }

    .text-pods .component-main {
        border-bottom: none !important;
    }

    .text-pods .listing .heading {
        font-size: 30px !important;
    }
}

@media (max-width: 767px) {
    .icon-pods .item {
        margin-bottom:30px !important;
        border-bottom: 1px solid #990066 !important;
        min-height: auto !important;
        height: auto;
        padding-bottom: 30px !important;
        margin-bottom: 0!important;
    }

    .icon-pods .image {
        padding: 0 100px !important;
    }

    .text-pods .listing .heading {
        height: auto !important;
        max-height: auto !important;
    }

    .text-pods .component-introduction .heading {
        padding-bottom: 0 !important;
    }

    .text-pods .item {
        max-height: 100% !important;
        height: 100% !important;
    }
    .buttons-stacked .item .link{
        flex-wrap: wrap;
    }
}

.text-pods .item a {
    text-decoration: none;
}
/* .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,*/
/*.component.usn_cmp_banner .item .inner::before { */
/*    background: linear-gradient(var(--c2-bg-angle), rgba(var(--c2-bg-color1), 1) 0%, rgba(var(--c2-bg-color2), 1) 100%); */
/*}*/
.c2-bg, .item .inner .image.c2-bg::before, .usn_cmp_banner .item.c2-bg .inner::before {
    background: rgba(var(--c2-bg-color1), 1);
}
.item .inner .image::before, .usn_cmp_banner .item.c2-bg .inner::before {
    background-color: transparent !important;
}
.component.usn_cmp_banner .item:not(.item_scale-banner) .inner:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 0.55;
}

/* Filter refactor */

.toggle-filter {
    background-color: #00cccc !important;
    padding: 20px 30px 20px 20px !important;
    font-size: 16px;
    font-weight: 600 !important;
    position: relative;
    display: none;
}

.toggle-filter:after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 24px;
    position: absolute;
    right: 30px;
    top: 20px;
}

.toggle-filter.open:after {
    transform: scaleY(-1);
}

/* Desktop */
@media (min-width: 1025px) {

    .toggle-filter {
        display: none;
    }

    .filters {
        display: block;
    }

}

/* Tablet + mobiel */
@media (max-width: 1024px) {

    .toggle-filter {
        display: block;
        margin-top: 50px !important;
    }

     section.filters {
        display: none;
                padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .filters.active {
        display: block;
    }

 
.filters .code-item {
    padding: 20px !important;
}
}
@media(max-width:1440px) {
       .filters .button-group span {
        width: 100% !important;
        height: auto !important;
    }
}

/* End Filter refactor */

.landing-page .umbraco-forms-field.multiplechoice .umbraco-forms-field-wrapper label, 
.landing-page .umbraco-forms-field.singlechoice .umbraco-forms-field-wrapper label {
    padding-left:22px!important;
}
.landing-page input[type=checkbox], 
.landing-page input[type=radio] {
	border: none !important;
}
.landing-page .umbraco-forms .umbraco-forms-field-wrapper input, 
.landing-page .umbraco-forms .umbraco-forms-field-wrapper textarea {
      color: #999 !important;
    padding: 0 10px !important;
    border-color: #999 !important;  
}
.site-search-form .btn {
    padding:0!important;
}
.site-search-form .btn:after {
    display:none;
}
.site-search .form-group {
    margin-left:20px;
}
body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search .form-control {
    min-height:50px;
    height:50px;
}
body.header-09-lg:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg):not(.header-17-lg):not(.header-19-lg):not(.header-20-lg) header#site-header .site-search button.btn {
    padding:0!important;
    width: 50px;
}

.service-aanvraag .umbraco-forms-fieldset .row-fluid > *, .service-aanvraag  .umbraco-forms-navigation.row-fluid > * {
    padding-left:0!important;
    padding-right:0!important;
}

@media (max-width: 767px) {
    .arrow-down {
        bottom: -35px;
        height: 35px !important;
    }
}

.cases-overview .products-overview.overview-nav .listing .item p, .products-overview.related .listing .item .text p {
    padding-right: 30px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
}
.cases .item p {
    padding-right: 30px !important;
    font-family: 'Source Sans 3', sans-serif !important;
    font-weight: 300 !important;
    font-size: 18px !important;
}
@media (max-width: 767px) {
    .content .component-introduction {
        padding-bottom: 20px !important;
        pointer-events: none;
    }
}
.cases .repeatable-content {
    padding-bottom: 30px !important;
    border-bottom: 1px solid #243E90;
}
.cases .component-outro .btn {
    margin-top: 30px !important;
}
@media (max-width: 540px) {
        .slick-slider .slick-prev, .c1-bg .slick-slider .slick-prev, .c2-bg .slick-slider .slick-prev {
        left: 3% !important;
    }
    .slick-slider .slick-next, .c1-bg .slick-slider .slick-next, .c2-bg .slick-slider .slick-next {
        right: 3% !important;
    }
}

@media (max-width: 1200px) and (orientation: portrait) {
    .cases .item p {
        padding-right: 10px !important;
        font-size: 16px !important;
    }
}
.cases .item .text {
    min-height: 130px;
    max-height: 130px;
}
.table-view p.blue-t {
    color: #990066 !important;
    margin: 5px 0 !important;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
    header#site-header nav.cta-links .btn {
        margin:5px 0;
    }
        body.header-01-sm header#site-header nav.cta-links {
        order: 6;
    }
    /*body.header-09-lg header#site-header #logo img {*/
    /*width: 86%;*/
    /*}*/
    #site-content {
        overflow:hidden;
    }
}
@media (max-width: 1200px) and (orientation: portrait) {
    .usn_cmp_splitcomponent .usn_cmp_gallery {
        padding: 20px 40px !important;
    }
        .usn_cmp_splitcomponent .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
        .usn_cmp_splitcomponent .usn_cmp_text.order-1 {
        padding: 20px !important;
    }
        .usn_cmp_splitcomponent .col-md-5 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
        .usn_cmp_splitcomponent .col-md-7 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
        .usn_cmp_splitcomponent.c4-bg .secondary-heading {
        margin-left: 0 !important;
    }
        .usn_cmp_splitcomponent.c4-bg .heading {
        width: 100% !important;
        margin-left: 0 !important;
    }
        .usn_cmp_splitcomponent.c4-bg p {
        padding-left: 0 !important;
    }
        .usn_cmp_splitcomponent .usn_cmp_gallery {
        padding: 20px !important;
    }
    .usn_cmp_splitcomponent .usn_cmp_text {
        padding: 0 20px !important;
    }
}
/* Service pagina */
.listing-academy .listing .heading {
    font-size:24px;
}
@media(max-width:1024px) { 
.dashboard-service-monteur .listing-products, .dashboard-service-monteur .listing-academy {
    height:auto!important;
}
.dashboard-service-monteur .listing-products a {
    height:auto!important;
}

}
.dashboard-service-monteur .listing-academy .listing a:first-of-type .row {
    padding-top:0!important;
    padding-bottom:30px!important;
}
.dashboard-service-monteur .listing-academy .listing a .row {
    padding-top:30px!important;
    padding-bottom:30px!important;
}
.dashboard-service-monteur .listing-academy .listing a {
    border-bottom:1px solid #eee;
    min-height:160px;
}
.dashboard-service-monteur .cards .listing .item {
    margin-top:20px;
}

.change-view .item .inner {
     background: transparent;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.listing-academy-details.meta-author-comments {
    padding: var(--pc-spacing_xl) 0!important;
}

.listing-academy .component.meta.base-bg {
    border:none;
}
@media(min-width:992px) {
    body {
        overflow:hidden;
    }
}
.component.usn_cmp_banner .inner {
    position: relative;
}

/*.component.usn_cmp_banner .inner::before {*/
/*    content: "";*/
/*    position: absolute !important;*/
/*    top:inherit!important;*/
/*    left: 0 !important;*/
/*    right: -50px !important;*/
/*    bottom: clamp(-450px, -14vw, -50px)!important;*/
/*    width: 100vw;*/
/*     background: url(/media/u13jfvlg/overlay-wave.svg) no-repeat right bottom !important;*/
    
    /*background: url(/media/yccjxzc5/overlay-wave.svg) no-repeat right bottom !important;*/
/*    background-size: contain !important;*/
/*    pointer-events: none;*/
/*    z-index: 3 !important;*/
/*    opacity: 1!important;*/
/*}*/