/*  
---------------------------------------------------
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=Exo 2:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap');

:root {

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

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

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

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

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

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

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

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

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

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

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

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

    /* 
    All configurable variables below 
    */

    /* Spacing tab */

    --site-max-width: 1600px;

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

    --notification-spacing_below_sm: 0px;
    --notification-spacing_side_sm: 0px;
    --notification-spacing_below_lg: 0px;
    --notification-spacing_side_lg: 0px;
    
    --backtotop-size_sm: 45px;
    --backtotop-size_lg: 60px;
    
    --backtotop-spacing_side_sm: 0px;
    --backtotop-spacing_below_sm: 0px;
    --backtotop-spacing_side_lg: 0px;
    --backtotop-spacing_below_lg: 0px;

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

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

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

    --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: 0px;
    --logo_sm-padding_bottom: 10px;
    --logo_sm-padding_left: 0px;

    --logo_lg-padding_top: 50px;
    --logo_lg-padding_right: 0px;
    --logo_lg-padding_bottom: 10px;
    --logo_lg-padding_left: 0px;

    --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: 0px;
    --base-box-shadow_o: 0;

    --content-col_pc-spacing: 15px;
    --pc-spacing: 30px;
    --pc-spacing_sm: 30px;
    --pc-spacing_md: 40px;
    --pc-spacing_lg: 75px;
    --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: 65%;

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

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

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

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

    --btn_sm-padding_top: 10px;
    --btn_sm-padding_right: 18px;
    --btn_sm-padding_bottom: 10px;
    --btn_sm-padding_left: 18px;

    --btn-padding_top: 10px;
    --btn-padding_right: 18px;
    --btn-padding_bottom: 10px;
    --btn-padding_left: 18px;

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

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

    /* Logo */
    --logo-link: 255, 255, 255;
    --logo-link-hover: 78, 78, 78;
    
    /* Secondary Navigation */
    --secondary-navigation-link: 223, 223, 223;
    --secondary-navigation-link-hover: 108, 108, 108;
    
    /* Navigation dropdown */
    --navigation-dropdown-color1: 216, 216, 216;
    --navigation-dropdown-color2:  255, 255, 255;
    --navigation-dropdown-start-perc: 50%;
    --navigation-dropdown-stop-perc: 50%;
    --navigation-dropdown-angle: 90deg;
    --navigation-dropdown-link: 0, 0, 0;
    --navigation-dropdown-link-hover: 108, 108, 108;
    --navigation-dropdown-link-active: 108, 108, 108;
    
    /* 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: 51, 0, 244;
    --base-secondary-heading: 0, 0, 0;
    --base-text: 0, 0, 0;
    --base-link: 51, 0, 244;
    --base-link-hover: 137, 149, 255;
    --base-borders: 226, 226, 226;
    --base-highlight: 51, 0, 244;
    --base-highlight-text: 255, 255, 255;
    
    /* Button */
    --base-btn-bg-color1: 255, 255, 255;
    --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: 51, 0, 244;
    --base-btn-borders: 51, 0, 244;
    --base-btn-bg-hover-color1: 255, 255, 255;
    --base-btn-bg-hover-color2:  255, 255, 255;
    --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: 51, 0, 244;
    
    /* Footer */
    --footer-bg-color1: 255, 255, 255;
    --footer-bg-color2:  255, 255, 255;
    --footer-bg-start-perc: 50%;
    --footer-bg-stop-perc: 50%;
    --footer-bg-angle: 90deg;
    --footer-heading: 0, 0, 0;
    --footer-secondary-heading: 0, 0, 0;
    --footer-text: 51, 51, 51;
    --footer-link: 0, 0, 0;
    --footer-link-hover: 108, 108, 108;
    --footer-borders: 172, 172, 172;
    --footer-highlight: 0, 0, 0;

    --c1-bg-color1: 0, 0, 0;
--c1-bg-color2:  0, 0, 0;
--c1-bg-start-perc: 50%;
--c1-bg-stop-perc: 50%;
--c1-bg-angle: 90deg;
--c1-heading: 221, 215, 215;
--c1-secondary-heading: 255, 255, 57;
--c1-text: 238, 238, 238;
--c1-link: 255, 255, 255;
--c1-link-hover: 204, 204, 204;
--c1-borders: 255, 255, 255;
--c1-highlight: 255, 255, 57;
--c1-highlight-text: 0, 0, 0;
--c2-bg-color1: 255, 255, 255;
--c2-bg-color2:  0, 0, 0;
--c2-bg-start-perc: 50%;
--c2-bg-stop-perc: 50%;
--c2-bg-angle: 90deg;
--c2-heading: 51, 0, 244;
--c2-secondary-heading: 23, 10, 46;
--c2-text: 23, 10, 46;
--c2-link: 51, 0, 244;
--c2-link-hover: 139, 108, 255;
--c2-borders: 216, 216, 216;
--c2-highlight: 23, 10, 46;
--c2-highlight-text: 255, 255, 255;
--c3-bg-color1: 51, 0, 244;
--c3-bg-color2:  0, 0, 0;
--c3-bg-start-perc: 50%;
--c3-bg-stop-perc: 50%;
--c3-bg-angle: 90deg;
--c3-heading: 90, 255, 177;
--c3-secondary-heading: 90, 255, 177;
--c3-text: 90, 255, 177;
--c3-link: 90, 255, 177;
--c3-link-hover: 200, 255, 229;
--c3-borders: 106, 95, 255;
--c3-highlight: 90, 255, 177;
--c3-highlight-text: 75, 0, 255;
--c4-bg-color1: 11, 17, 173;
--c4-bg-color2:  0, 0, 0;
--c4-bg-start-perc: 50%;
--c4-bg-stop-perc: 50%;
--c4-bg-angle: 90deg;
--c4-heading: 255, 255, 255;
--c4-secondary-heading: 225, 220, 42;
--c4-text: 255, 255, 255;
--c4-link: 225, 220, 42;
--c4-link-hover: 225, 220, 42;
--c4-borders: 64, 63, 220;
--c4-highlight: 225, 220, 42;
--c4-highlight-text: 255, 255, 255;
--c5-bg-color1: 0, 0, 0;
--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: 224, 111, 57;
--c5-text: 255, 255, 255;
--c5-link: 224, 111, 57;
--c5-link-hover: 255, 255, 255;
--c5-borders: 55, 55, 55;
--c5-highlight: 224, 111, 57;
--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: 190, 179, 200;
--c6-secondary-heading: 205, 59, 80;
--c6-text: 0, 0, 0;
--c6-link: 205, 59, 80;
--c6-link-hover: 242, 94, 115;
--c6-borders: 226, 226, 226;
--c6-highlight: 205, 59, 80;
--c6-highlight-text: 255, 255, 255;
--c7-bg-color1: 246, 246, 246;
--c7-bg-color2:  0, 0, 0;
--c7-bg-start-perc: 50%;
--c7-bg-stop-perc: 50%;
--c7-bg-angle: 90deg;
--c7-heading: 75, 0, 255;
--c7-secondary-heading: 0, 0, 0;
--c7-text: 0, 0, 0;
--c7-link: 75, 0, 255;
--c7-link-hover: 139, 108, 255;
--c7-borders: 0, 0, 0;
--c7-highlight: 75, 0, 255;
--c7-highlight-text: 255, 255, 255;
--c8-bg-color1: 25, 60, 50;
--c8-bg-color2:  0, 0, 0;
--c8-bg-start-perc: 50%;
--c8-bg-stop-perc: 50%;
--c8-bg-angle: 90deg;
--c8-heading: 123, 251, 190;
--c8-secondary-heading: 255, 255, 255;
--c8-text: 255, 255, 255;
--c8-link: 123, 251, 190;
--c8-link-hover: 169, 255, 214;
--c8-borders: 123, 251, 190;
--c8-highlight: 123, 251, 190;
--c8-highlight-text: 0, 0, 0;
--c9-bg-color1: 239, 238, 241;
--c9-bg-color2:  0, 0, 0;
--c9-bg-start-perc: 50%;
--c9-bg-stop-perc: 50%;
--c9-bg-angle: 90deg;
--c9-heading: 75, 0, 255;
--c9-secondary-heading: 0, 0, 0;
--c9-text: 0, 0, 0;
--c9-link: 0, 0, 0;
--c9-link-hover: 108, 108, 108;
--c9-borders: 0, 0, 0;
--c9-highlight: 108, 108, 108;
--c9-highlight-text: 255, 255, 255;
--c10-bg-color1: 90, 255, 177;
--c10-bg-color2:  0, 0, 0;
--c10-bg-start-perc: 50%;
--c10-bg-stop-perc: 50%;
--c10-bg-angle: 90deg;
--c10-heading: 0, 0, 0;
--c10-secondary-heading: 0, 0, 0;
--c10-text: 0, 0, 0;
--c10-link: 0, 0, 0;
--c10-link-hover: 108, 108, 108;
--c10-borders: 60, 197, 132;
--c10-highlight: 51, 0, 244;
--c10-highlight-text: 255, 255, 255;
--c11-bg-color1: 51, 0, 244;
--c11-bg-color2:  0, 0, 0;
--c11-bg-start-perc: 50%;
--c11-bg-stop-perc: 50%;
--c11-bg-angle: 90deg;
--c11-heading: 90, 255, 177;
--c11-secondary-heading: 90, 255, 177;
--c11-text: 90, 255, 177;
--c11-link: 90, 255, 177;
--c11-link-hover: 200, 255, 229;
--c11-borders: 106, 95, 255;
--c11-highlight: 90, 255, 177;
--c11-highlight-text: 75, 0, 255;
--c12-bg-color1: 255, 255, 255;
--c12-bg-color2:  0, 0, 0;
--c12-bg-start-perc: 50%;
--c12-bg-stop-perc: 50%;
--c12-bg-angle: 90deg;
--c12-heading: 23, 10, 46;
--c12-secondary-heading: 23, 10, 46;
--c12-text: 23, 10, 46;
--c12-link: 23, 10, 46;
--c12-link-hover: 51, 0, 244;
--c12-borders: 0, 0, 0;
--c12-highlight: 51, 0, 244;
--c12-highlight-text: 255, 255, 255;
--c13-bg-color1: 243, 243, 236;
--c13-bg-color2:  0, 0, 0;
--c13-bg-start-perc: 50%;
--c13-bg-stop-perc: 50%;
--c13-bg-angle: 90deg;
--c13-heading: 0, 0, 0;
--c13-secondary-heading: 0, 0, 0;
--c13-text: 0, 0, 0;
--c13-link: 0, 0, 0;
--c13-link-hover: 51, 0, 244;
--c13-borders: 0, 0, 0;
--c13-highlight: 108, 108, 108;
--c13-highlight-text: 255, 255, 255;


    --c1-btn-bg-color1:  255, 255, 255;
--c1-btn-bg-color2:  0, 0, 0;
--c1-btn-bg-start-perc: 50%;
--c1-btn-bg-stop-perc: 50%;
--c1-btn-bg-angle: 90deg;
--c1-btn-text: 239, 241, 112;
--c1-btn-borders: 239, 241, 112;
--c1-btn-bg-hover-color1:  255, 255, 255;
--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: 0, 0, 0;
--c1-btn-borders-hover: 239, 241, 112;
--c2-btn-bg-color1:  255, 255, 255;
--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: 51, 0, 244;
--c2-btn-borders: 51, 0, 244;
--c2-btn-bg-hover-color1:  255, 255, 255;
--c2-btn-bg-hover-color2:  255, 255, 255;
--c2-btn-bg-hover-start-perc: 50%;
--c2-btn-bg-hover-stop-perc: 50%;
--c2-btn-bg-hover-angle: 90deg;
--c2-btn-text-hover: 51, 0, 244;
--c2-btn-borders-hover: 51, 0, 244;
--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: 0, 0, 0;
--c3-btn-borders: 0, 0, 0;
--c3-btn-bg-hover-color1:  0, 0, 0;
--c3-btn-bg-hover-color2:  255, 255, 255;
--c3-btn-bg-hover-start-perc: 50%;
--c3-btn-bg-hover-stop-perc: 50%;
--c3-btn-bg-hover-angle: 90deg;
--c3-btn-text-hover: 255, 255, 255;
--c3-btn-borders-hover: 51, 51, 51;
--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, 0, 0;
--c4-btn-borders: 0, 0, 0;
--c4-btn-bg-hover-color1:  0, 0, 0;
--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: 51, 51, 51;
--c5-btn-bg-color1:  0, 0, 0;
--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: 90, 255, 177;
--c5-btn-borders: 90, 255, 177;
--c5-btn-bg-hover-color1:  0, 0, 0;
--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: 90, 255, 177;
--c5-btn-borders-hover: 90, 255, 177;
--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: 0, 0, 0;
--c6-btn-borders: 0, 0, 0;
--c6-btn-bg-hover-color1:  0, 0, 0;
--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: 51, 51, 51;
--c7-btn-bg-color1:  51, 0, 244;
--c7-btn-bg-color2:  0, 0, 0;
--c7-btn-bg-start-perc: 50%;
--c7-btn-bg-stop-perc: 50%;
--c7-btn-bg-angle: 90deg;
--c7-btn-text: 255, 255, 255;
--c7-btn-borders: 51, 0, 244;
--c7-btn-bg-hover-color1:  51, 0, 244;
--c7-btn-bg-hover-color2:  255, 255, 255;
--c7-btn-bg-hover-start-perc: 50%;
--c7-btn-bg-hover-stop-perc: 50%;
--c7-btn-bg-hover-angle: 90deg;
--c7-btn-text-hover: 255, 255, 255;
--c7-btn-borders-hover: 51, 0, 244;
--c8-btn-bg-color1:  90, 255, 177;
--c8-btn-bg-color2:  0, 0, 0;
--c8-btn-bg-start-perc: 50%;
--c8-btn-bg-stop-perc: 50%;
--c8-btn-bg-angle: 90deg;
--c8-btn-text: 12, 65, 41;
--c8-btn-borders: 90, 255, 177;
--c8-btn-bg-hover-color1:  12, 65, 41;
--c8-btn-bg-hover-color2:  255, 255, 255;
--c8-btn-bg-hover-start-perc: 50%;
--c8-btn-bg-hover-stop-perc: 50%;
--c8-btn-bg-hover-angle: 90deg;
--c8-btn-text-hover: 255, 255, 255;
--c8-btn-borders-hover: 12, 65, 41;
--c9-btn-bg-color1:  239, 241, 112;
--c9-btn-bg-color2:  0, 0, 0;
--c9-btn-bg-start-perc: 50%;
--c9-btn-bg-stop-perc: 50%;
--c9-btn-bg-angle: 90deg;
--c9-btn-text: 0, 0, 0;
--c9-btn-borders: 239, 241, 112;
--c9-btn-bg-hover-color1:  239, 241, 112;
--c9-btn-bg-hover-color2:  255, 255, 255;
--c9-btn-bg-hover-start-perc: 50%;
--c9-btn-bg-hover-stop-perc: 50%;
--c9-btn-bg-hover-angle: 90deg;
--c9-btn-text-hover: 0, 0, 0;
--c9-btn-borders-hover: 239, 241, 112;


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

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

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

    --h1-typography_font-size: 30px; 
    --h1-typography_font-size_sm: 35px; 
    --h1-typography_font-size_md: 50px; 
    --h1-typography_font-size_lg: 80px; 
    --h1-typography_font-size_xl: 100px; 

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

    --h2-typography_font-size: 30px; 
    --h2-typography_font-size_sm: 32px; 
    --h2-typography_font-size_md: 36px; 
    --h2-typography_font-size_lg: 38px; 
    --h2-typography_font-size_xl: 40px; 

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

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

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

    --h4-typography_font-size: 18px; 
    --h4-typography_font-size_sm: 20px; 
    --h4-typography_font-size_md: 20px; 
    --h4-typography_font-size_lg: 24px; 
    --h4-typography_font-size_xl: 24px; 

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

    --h5-typography_font-size: 18px; 
    --h5-typography_font-size_sm: 20px; 
    --h5-typography_font-size_md: 20px; 
    --h5-typography_font-size_lg: 24px; 
    --h5-typography_font-size_xl: 24px; 

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

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

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

    --p-heading_large-typography_font-size: 16px; 
    --p-heading_large-typography_font-size_sm: 18px; 
    --p-heading_large-typography_font-size_md: 20px; 
    --p-heading_large-typography_font-size_lg: 24px; 
    --p-heading_large-typography_font-size_xl: 24px; 

    --p-intro-typography_font-name: 'Exo 2',sans-serif;
    --p-intro-typography_font-weight: 700;
    --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: 'Exo 2',sans-serif;
    --p-intro_small-typography_font-weight: 700;
    --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: 'Exo 2',sans-serif;
    --p-intro_large-typography_font-weight: 700;
    --p-intro_large-typography_font-style: normal;
    --p-intro_large-typography_font-line-height: 130%;
    --p-intro_large-typography_font-letter-spacing: -0.15px;
    --p-intro_large-typography_font-transform: None;

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

    --secondary-heading-typography_font-name: 'Exo 2',sans-serif;
    --secondary-heading-typography_font-weight: 600;
    --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: 16px; 
    --secondary-heading-typography_font-size_sm: 16px; 
    --secondary-heading-typography_font-size_md: 16px; 
    --secondary-heading-typography_font-size_lg: 16px; 
    --secondary-heading-typography_font-size_xl: 16px;  

    --secondary-heading_small-typography_font-name: 'Exo 2',sans-serif;
    --secondary-heading_small-typography_font-weight: 600;
    --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: 12px; 
    --secondary-heading_small-typography_font-size_sm: 12px; 
    --secondary-heading_small-typography_font-size_md: 12px; 
    --secondary-heading_small-typography_font-size_lg: 12px; 
    --secondary-heading_small-typography_font-size_xl: 12px;  

    --secondary-heading_large-typography_font-name: 'Exo 2',sans-serif;
    --secondary-heading_large-typography_font-weight: 600;
    --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: 18px; 
    --secondary-heading_large-typography_font-size_sm: 18px; 
    --secondary-heading_large-typography_font-size_md: 24px; 
    --secondary-heading_large-typography_font-size_lg: 24px; 
    --secondary-heading_large-typography_font-size_xl: 24px;  

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

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

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

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

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

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

    --btn-typography_font-name: 'Exo 2',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: 16px; 
    --btn-typography_font-size_sm: 16px; 
    --btn-typography_font-size_md: 16px; 
    --btn-typography_font-size_lg: 16px; 
    --btn-typography_font-size_xl: 16px;  

    --btn_small-typography_font-name: 'Exo 2',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: 'Exo 2',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: 20px; 
    --btn_large-typography_font-size_sm: 20px; 
    --btn_large-typography_font-size_md: 20px; 
    --btn_large-typography_font-size_lg: 20px; 
    --btn_large-typography_font-size_xl: 20px;  

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

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

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

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

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

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

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

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

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

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

    --breadcrumb-navigation-typography_font-name: 'Exo 2',sans-serif;
    --breadcrumb-navigation-typography_font-weight: 700;
    --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: 'Exo 2',sans-serif;
    --anchor-navigation-typography_font-weight: 700;
    --anchor-navigation-typography_font-style: normal;
    --anchor-navigation-typography_font-line-height: 150%;
    --anchor-navigation-typography_font-letter-spacing: 0px;
    --anchor-navigation-typography_font-transform: None;

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

    --acc-tab-typography_font-size: 16px; 
    --acc-tab-typography_font-size_sm: 16px; 
    --acc-tab-typography_font-size_md: 16px; 
    --acc-tab-typography_font-size_lg: 16px; 
    --acc-tab-typography_font-size_xl: 16px;
    
    --logo-typography_font-name: 'Helvetica',Arial, sans-serif;
    --logo-typography_font-weight: 700;
    --logo-typography_font-style: normal;
    --logo-typography_font-line-height: 140%;
    --logo-typography_font-letter-spacing: -0.25px;
    --logo-typography_font-transform: None;

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

}


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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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



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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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



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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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



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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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



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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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



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


/* Backgrounds */

/* Backgrounds Solid */

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

/* Backgrounds Linear */

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

/* Backgrounds Radial */

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


/* Headings */

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

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


/* Secondary Headings */

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


/* Text */

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


/* Borders */

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


/* Links */

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

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


/* Highlights */

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

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

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


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

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


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

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

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

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


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

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


/* Tabs */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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


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

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


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

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

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

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


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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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


/* Heading separators - on page */
.c6-bg h1::before, .c6-bg h2::before, .c6-bg h3::before, .c6-bg h4::before, .c6-bg h5::before, .c6-bg h6::before { background: rgba(var(--c6-highlight), 1); }

.c6-bg h1::after, .c6-bg h2::after, .c6-bg h3::after, .c6-bg h4::after, .c6-bg h5::after, .c6-bg h6::after { background: rgba(var(--c6-highlight), 1); }


/* Heading separators - on components */
.c6-bg .heading::before, .c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.c6-bg .heading::after, .c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }


/* Heading separators - on specific items */
.item.c6-bg .heading::before, .item.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.item.c6-bg .heading::after, .item.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }

.inner.c6-bg .heading::before, .inner.c6-bg .secondary-heading::before { background: rgba(var(--c6-highlight), 1); }

.inner.c6-bg .heading::after, .inner.c6-bg .secondary-heading::after { background: rgba(var(--c6-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c7-bg,
.item.item_overlay .inner .image.c7-bg::before,
.usn_cmp_banner .item.item_overlay.c7-bg .inner::before { 
    background: rgba(var(--c7-bg-color1), 1); 
}

/* Backgrounds Linear */

.c7-bg.c7-bg-linear,
.item.item_overlay .inner .image.c7-bg.c7-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-linear .inner::before { 
    background: linear-gradient(var(--c7-bg-angle), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c7-bg.c7-bg-radial,
.item.item_overlay .inner .image.c7-bg.c7-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c7-bg.c7-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c7-bg-start-perc) var(--c7-bg-stop-perc), rgba(var(--c7-bg-color1), 1) 0%, rgba(var(--c7-bg-color2), 1) 100%); 
}


/* Headings */

.c7-bg h1:not(.heading), 
.c7-bg h2:not(.heading), 
.c7-bg h3:not(.heading), 
.c7-bg h4:not(.heading), 
.c7-bg h5:not(.heading), 
.c7-bg h6:not(.heading) { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-heading, 
.c7-bg .heading { 
    color: rgba(var(--c7-heading), 1); 
}


/* Secondary Headings */

.c7-secondary-heading, 
.c7-bg .c7-secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1); 
}


/* Text */

.c7-bg, 
.c7-bg .c7-text, 
.c7-text { 
    color: rgba(var(--c7-text), 1); 
}


/* Borders */

.c7-borders { 
    border-color: rgba(var(--c7-borders), 1); 
}


/* Links */

.c7-link, 
.c7-link,
.c7-bg a:not(.btn),
.c7-text a:not(.btn),
.c7-bg .c7-text a:not(.btn) { 
    color: rgba(var(--c7-link), 1); 
}

.c7-link:hover, 
.c7-link:focus, 
.c7-link:active, 
.c7-bg a:not(.btn):hover, 
.c7-bg a:not(.btn):focus, 
.c7-bg a:not(.btn):active,
.c7-bg a:not(.btn):hover,
.c7-bg a:not(.btn):focus,
.c7-bg a:not(.btn):active,
.c7-text a:not(.btn):hover,
.c7-text a:not(.btn):focus,
.c7-text a:not(.btn):active,
.c7-bg .c7-text a:not(.btn):hover,
.c7-bg .c7-text a:not(.btn):focus,
.c7-bg .c7-text a:not(.btn):active { 
    color: rgba(var(--c7-link-hover), 1); 
}


/* Highlights */

.c7-highlight-bg { 
    background-color: rgba(var(--c7-highlight), 1); 
}

.c7-bg blockquote::before, 
.component .component.c7-bg div > blockquote::before { 
    color: rgba(var(--c7-highlight), 1); 
}

.c7-highlight-text { 
    color: rgba(var(--c7-highlight-text), 1); 
}


.c7-heading { 
    color: rgba(var(--c7-heading), 1)!important; 
}

.c7-secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1)!important; 
}


.c7-bg .heading { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-bg .secondary-heading { 
    color: rgba(var(--c7-secondary-heading), 1); 
}

.c7-bg .quote, .c7-bg blockquote { 
    color: rgba(var(--c7-heading), 1); 
}

.c7-bg .quote::before, 
.c7-bg blockquote::before { 
    color: rgba(var(--c7-highlight), 1); 
}


/* Labels */
.c7-bg .label { background-color: rgba(var(--c7-highlight), 1); }

.c7-bg .label { color: rgba(var(--c7-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c7-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; }

.c7-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c7-highlight), 1); }

/* Button Tabs */
.c7-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } 

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }

.c7-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }

.c7-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c7-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c7-link), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); }


/* Linethrough Tabs */
.c7-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c7-link), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c7-link-hover), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c7-heading), 1); } 

.c7-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c7-heading), 1); }

.c7-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c7-heading), 1); }


/* Slider Navigation */
.c7-bg .slick-slider .slick-prev, .c7-bg .slick-slider .slick-next { color: rgba(var(--c7-link), 1); background-color: rgba(var(--c7-bg-color1), 1); }

html.no-touch .c7-bg .slick-slider .slick-prev:hover, html.no-touch .c7-bg .slick-slider .slick-next:hover { color: rgba(var(--c7-link-hover), 1); }

.c7-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c7-text), 1); }

html.no-touch .c7-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c7-link-hover), 1); }

.c7-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c7-highlight), 1); }

/* Forms */
.form .c7-bg .form-control { border-color: rgba(var(--c7-borders), 1); }

.form .c7-bg .form-control:focus { border-color: rgba(var(--c7-highlight), 1); box-shadow: 0 0 5px var(--c7-highlight);}


/* Ajax Loading */
.c7-bg .ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.c7-bg.ajax-wrap .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.ajax-wrap .c7-bg .ajax-loading { background: rgba(var(--c7-bg-color1), 1); }

.c7-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c7-borders), 1); border-top: 10px solid rgba(var(--c7-highlight), 1); }

.c7-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.c7-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.item_form-single_field .c7-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }

.item_form-single_field .ajax-wrap .c7-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c7-borders), 1); border-top: 5px solid rgba(var(--c7-highlight), 1); }


/* Links */
.c7-bg .listing.listing_links:not(.listing_links-mini), .c7-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c7-borders), 0.1); }

.c7-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c7-link), 1); }

.c7-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c7-link-hover), 1); }

 
/* Data List */                  
.c7-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c7-borders), 1); }

.c7-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c7-borders), 1); }


/* Sitemap */                
.c7-bg nav.sitemap ul li::before, .c7-bg nav.sitemap ul li::after { background-color: rgba(var(--c7-borders), 1); }

.c7-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c7-borders), 0.5); }


/* Tables */
.c7-bg thead { color: rgba(var(--c7-heading), 1); }

.c7-bg table, .c7-bg table th, .c7-bg table td { border-color: rgba(var(--c7-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c7-bg .expand { color: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span:before { background: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span { background: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg .expand span:after { background: rgba(var(--c7-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c7-link), 1); border-color: rgba(var(--c7-borders), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c7-borders), 0.15); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); background: rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); border-color: rgba(var(--c7-borders), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c7-heading), 1); border-color: rgba(var(--c7-heading), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), 0.25); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c7-link), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c7-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c7-heading), 1); } 

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c7-link-hover), 1); }

.component.usn_cmp_anchornavigation.c7-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c7-heading), 1); }


/* Scroll prompt */
.c7-bg .scroll-prompt a { color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt a i { color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c7-heading), 1); }

.c7-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c7-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store h1 { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c7-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c7-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c7-heading), 1)!important; }


/* Heading separators - on page */
.c7-bg h1::before, .c7-bg h2::before, .c7-bg h3::before, .c7-bg h4::before, .c7-bg h5::before, .c7-bg h6::before { background: rgba(var(--c7-highlight), 1); }

.c7-bg h1::after, .c7-bg h2::after, .c7-bg h3::after, .c7-bg h4::after, .c7-bg h5::after, .c7-bg h6::after { background: rgba(var(--c7-highlight), 1); }


/* Heading separators - on components */
.c7-bg .heading::before, .c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.c7-bg .heading::after, .c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }


/* Heading separators - on specific items */
.item.c7-bg .heading::before, .item.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.item.c7-bg .heading::after, .item.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }

.inner.c7-bg .heading::before, .inner.c7-bg .secondary-heading::before { background: rgba(var(--c7-highlight), 1); }

.inner.c7-bg .heading::after, .inner.c7-bg .secondary-heading::after { background: rgba(var(--c7-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c8-bg,
.item.item_overlay .inner .image.c8-bg::before,
.usn_cmp_banner .item.item_overlay.c8-bg .inner::before { 
    background: rgba(var(--c8-bg-color1), 1); 
}

/* Backgrounds Linear */

.c8-bg.c8-bg-linear,
.item.item_overlay .inner .image.c8-bg.c8-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-linear .inner::before { 
    background: linear-gradient(var(--c8-bg-angle), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c8-bg.c8-bg-radial,
.item.item_overlay .inner .image.c8-bg.c8-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c8-bg.c8-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c8-bg-start-perc) var(--c8-bg-stop-perc), rgba(var(--c8-bg-color1), 1) 0%, rgba(var(--c8-bg-color2), 1) 100%); 
}


/* Headings */

.c8-bg h1:not(.heading), 
.c8-bg h2:not(.heading), 
.c8-bg h3:not(.heading), 
.c8-bg h4:not(.heading), 
.c8-bg h5:not(.heading), 
.c8-bg h6:not(.heading) { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-heading, 
.c8-bg .heading { 
    color: rgba(var(--c8-heading), 1); 
}


/* Secondary Headings */

.c8-secondary-heading, 
.c8-bg .c8-secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1); 
}


/* Text */

.c8-bg, 
.c8-bg .c8-text, 
.c8-text { 
    color: rgba(var(--c8-text), 1); 
}


/* Borders */

.c8-borders { 
    border-color: rgba(var(--c8-borders), 1); 
}


/* Links */

.c8-link, 
.c8-link,
.c8-bg a:not(.btn),
.c8-text a:not(.btn),
.c8-bg .c8-text a:not(.btn) { 
    color: rgba(var(--c8-link), 1); 
}

.c8-link:hover, 
.c8-link:focus, 
.c8-link:active, 
.c8-bg a:not(.btn):hover, 
.c8-bg a:not(.btn):focus, 
.c8-bg a:not(.btn):active,
.c8-bg a:not(.btn):hover,
.c8-bg a:not(.btn):focus,
.c8-bg a:not(.btn):active,
.c8-text a:not(.btn):hover,
.c8-text a:not(.btn):focus,
.c8-text a:not(.btn):active,
.c8-bg .c8-text a:not(.btn):hover,
.c8-bg .c8-text a:not(.btn):focus,
.c8-bg .c8-text a:not(.btn):active { 
    color: rgba(var(--c8-link-hover), 1); 
}


/* Highlights */

.c8-highlight-bg { 
    background-color: rgba(var(--c8-highlight), 1); 
}

.c8-bg blockquote::before, 
.component .component.c8-bg div > blockquote::before { 
    color: rgba(var(--c8-highlight), 1); 
}

.c8-highlight-text { 
    color: rgba(var(--c8-highlight-text), 1); 
}


.c8-heading { 
    color: rgba(var(--c8-heading), 1)!important; 
}

.c8-secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1)!important; 
}


.c8-bg .heading { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-bg .secondary-heading { 
    color: rgba(var(--c8-secondary-heading), 1); 
}

.c8-bg .quote, .c8-bg blockquote { 
    color: rgba(var(--c8-heading), 1); 
}

.c8-bg .quote::before, 
.c8-bg blockquote::before { 
    color: rgba(var(--c8-highlight), 1); 
}


/* Labels */
.c8-bg .label { background-color: rgba(var(--c8-highlight), 1); }

.c8-bg .label { color: rgba(var(--c8-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c8-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; }

.c8-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c8-highlight), 1); }

/* Button Tabs */
.c8-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.tab-buttons .tab .nav-link { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } 

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }

.c8-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }

.c8-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c8-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c8-link), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); }


/* Linethrough Tabs */
.c8-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c8-link), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c8-link-hover), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c8-heading), 1); } 

.c8-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c8-heading), 1); }

.c8-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c8-heading), 1); }


/* Slider Navigation */
.c8-bg .slick-slider .slick-prev, .c8-bg .slick-slider .slick-next { color: rgba(var(--c8-link), 1); background-color: rgba(var(--c8-bg-color1), 1); }

html.no-touch .c8-bg .slick-slider .slick-prev:hover, html.no-touch .c8-bg .slick-slider .slick-next:hover { color: rgba(var(--c8-link-hover), 1); }

.c8-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c8-text), 1); }

html.no-touch .c8-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c8-link-hover), 1); }

.c8-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c8-highlight), 1); }

/* Forms */
.form .c8-bg .form-control { border-color: rgba(var(--c8-borders), 1); }

.form .c8-bg .form-control:focus { border-color: rgba(var(--c8-highlight), 1); box-shadow: 0 0 5px var(--c8-highlight);}


/* Ajax Loading */
.c8-bg .ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.c8-bg.ajax-wrap .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.ajax-wrap .c8-bg .ajax-loading { background: rgba(var(--c8-bg-color1), 1); }

.c8-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c8-borders), 1); border-top: 10px solid rgba(var(--c8-highlight), 1); }

.c8-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.c8-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.item_form-single_field .c8-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }

.item_form-single_field .ajax-wrap .c8-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c8-borders), 1); border-top: 5px solid rgba(var(--c8-highlight), 1); }


/* Links */
.c8-bg .listing.listing_links:not(.listing_links-mini), .c8-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c8-borders), 0.1); }

.c8-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c8-link), 1); }

.c8-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c8-link-hover), 1); }

 
/* Data List */                  
.c8-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c8-borders), 1); }

.c8-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c8-borders), 1); }


/* Sitemap */                
.c8-bg nav.sitemap ul li::before, .c8-bg nav.sitemap ul li::after { background-color: rgba(var(--c8-borders), 1); }

.c8-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c8-borders), 0.5); }


/* Tables */
.c8-bg thead { color: rgba(var(--c8-heading), 1); }

.c8-bg table, .c8-bg table th, .c8-bg table td { border-color: rgba(var(--c8-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c8-bg .expand { color: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span:before { background: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span { background: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg .expand span:after { background: rgba(var(--c8-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c8-link), 1); border-color: rgba(var(--c8-borders), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c8-borders), 0.15); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); background: rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); border-color: rgba(var(--c8-borders), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c8-heading), 1); border-color: rgba(var(--c8-heading), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), 0.25); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c8-link), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c8-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c8-heading), 1); } 

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c8-link-hover), 1); }

.component.usn_cmp_anchornavigation.c8-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c8-heading), 1); }


/* Scroll prompt */
.c8-bg .scroll-prompt a { color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt a i { color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c8-heading), 1); }

.c8-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c8-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store h1 { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c8-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c8-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c8-heading), 1)!important; }


/* Heading separators - on page */
.c8-bg h1::before, .c8-bg h2::before, .c8-bg h3::before, .c8-bg h4::before, .c8-bg h5::before, .c8-bg h6::before { background: rgba(var(--c8-highlight), 1); }

.c8-bg h1::after, .c8-bg h2::after, .c8-bg h3::after, .c8-bg h4::after, .c8-bg h5::after, .c8-bg h6::after { background: rgba(var(--c8-highlight), 1); }


/* Heading separators - on components */
.c8-bg .heading::before, .c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.c8-bg .heading::after, .c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }


/* Heading separators - on specific items */
.item.c8-bg .heading::before, .item.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.item.c8-bg .heading::after, .item.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }

.inner.c8-bg .heading::before, .inner.c8-bg .secondary-heading::before { background: rgba(var(--c8-highlight), 1); }

.inner.c8-bg .heading::after, .inner.c8-bg .secondary-heading::after { background: rgba(var(--c8-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c9-bg,
.item.item_overlay .inner .image.c9-bg::before,
.usn_cmp_banner .item.item_overlay.c9-bg .inner::before { 
    background: rgba(var(--c9-bg-color1), 1); 
}

/* Backgrounds Linear */

.c9-bg.c9-bg-linear,
.item.item_overlay .inner .image.c9-bg.c9-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-linear .inner::before { 
    background: linear-gradient(var(--c9-bg-angle), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c9-bg.c9-bg-radial,
.item.item_overlay .inner .image.c9-bg.c9-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c9-bg.c9-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c9-bg-start-perc) var(--c9-bg-stop-perc), rgba(var(--c9-bg-color1), 1) 0%, rgba(var(--c9-bg-color2), 1) 100%); 
}


/* Headings */

.c9-bg h1:not(.heading), 
.c9-bg h2:not(.heading), 
.c9-bg h3:not(.heading), 
.c9-bg h4:not(.heading), 
.c9-bg h5:not(.heading), 
.c9-bg h6:not(.heading) { 
    color: rgba(var(--c9-heading), 1); 
}

.c9-heading, 
.c9-bg .heading { 
    color: rgba(var(--c9-heading), 1); 
}


/* Secondary Headings */

.c9-secondary-heading, 
.c9-bg .c9-secondary-heading { 
    color: rgba(var(--c9-secondary-heading), 1); 
}


/* Text */

.c9-bg, 
.c9-bg .c9-text, 
.c9-text { 
    color: rgba(var(--c9-text), 1); 
}


/* Borders */

.c9-borders { 
    border-color: rgba(var(--c9-borders), 1); 
}


/* Links */

.c9-link, 
.c9-link,
.c9-bg a:not(.btn),
.c9-text a:not(.btn),
.c9-bg .c9-text a:not(.btn) { 
    color: rgba(var(--c9-link), 1); 
}

.c9-link:hover, 
.c9-link:focus, 
.c9-link:active, 
.c9-bg a:not(.btn):hover, 
.c9-bg a:not(.btn):focus, 
.c9-bg a:not(.btn):active,
.c9-bg a:not(.btn):hover,
.c9-bg a:not(.btn):focus,
.c9-bg a:not(.btn):active,
.c9-text a:not(.btn):hover,
.c9-text a:not(.btn):focus,
.c9-text a:not(.btn):active,
.c9-bg .c9-text a:not(.btn):hover,
.c9-bg .c9-text a:not(.btn):focus,
.c9-bg .c9-text a:not(.btn):active { 
    color: rgba(var(--c9-link-hover), 1); 
}


/* Highlights */

.c9-highlight-bg { 
    background-color: rgba(var(--c9-highlight), 1); 
}

.c9-bg blockquote::before, 
.component .component.c9-bg div > blockquote::before { 
    color: rgba(var(--c9-highlight), 1); 
}

.c9-highlight-text { 
    color: rgba(var(--c9-highlight-text), 1); 
}


.c9-heading { 
    color: rgba(var(--c9-heading), 1)!important; 
}

.c9-secondary-heading { 
    color: rgba(var(--c9-secondary-heading), 1)!important; 
}


.c9-bg .heading { 
    color: rgba(var(--c9-heading), 1); 
}

.c9-bg .secondary-heading { 
    color: rgba(var(--c9-secondary-heading), 1); 
}

.c9-bg .quote, .c9-bg blockquote { 
    color: rgba(var(--c9-heading), 1); 
}

.c9-bg .quote::before, 
.c9-bg blockquote::before { 
    color: rgba(var(--c9-highlight), 1); 
}


/* Labels */
.c9-bg .label { background-color: rgba(var(--c9-highlight), 1); }

.c9-bg .label { color: rgba(var(--c9-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c9-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); }

.c9-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); }

.c9-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); }

.c9-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; }

.c9-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c9-highlight), 1); }

/* Button Tabs */
.c9-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); }

.c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); }

.c9-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); }

.c9-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(--c9-borders), 0.25); }

.c9-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(--c9-borders), var(--btn-box-shadow_o)); } 

.c9-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(--c9-borders), var(--btn-box-shadow_o)); }

.c9-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(--c9-borders), var(--btn-box-shadow_o)); }

.c9-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(--c9-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c9-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c9-link), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); }


/* Linethrough Tabs */
.c9-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c9-link), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c9-link-hover), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c9-heading), 1); } 

.c9-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c9-heading), 1); }

.c9-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c9-heading), 1); }


/* Slider Navigation */
.c9-bg .slick-slider .slick-prev, .c9-bg .slick-slider .slick-next { color: rgba(var(--c9-link), 1); background-color: rgba(var(--c9-bg-color1), 1); }

html.no-touch .c9-bg .slick-slider .slick-prev:hover, html.no-touch .c9-bg .slick-slider .slick-next:hover { color: rgba(var(--c9-link-hover), 1); }

.c9-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c9-text), 1); }

html.no-touch .c9-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c9-link-hover), 1); }

.c9-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c9-highlight), 1); }

/* Forms */
.form .c9-bg .form-control { border-color: rgba(var(--c9-borders), 1); }

.form .c9-bg .form-control:focus { border-color: rgba(var(--c9-highlight), 1); box-shadow: 0 0 5px var(--c9-highlight);}


/* Ajax Loading */
.c9-bg .ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); }

.c9-bg.ajax-wrap .ajax-loading { background: rgba(var(--c9-bg-color1), 1); }

.ajax-wrap .c9-bg .ajax-loading { background: rgba(var(--c9-bg-color1), 1); }

.c9-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); }

.c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); }

.ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c9-borders), 1); border-top: 10px solid rgba(var(--c9-highlight), 1); }

.c9-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }

.c9-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }

.item_form-single_field .c9-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }

.item_form-single_field .ajax-wrap .c9-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c9-borders), 1); border-top: 5px solid rgba(var(--c9-highlight), 1); }


/* Links */
.c9-bg .listing.listing_links:not(.listing_links-mini), .c9-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c9-borders), 1); }

.c9-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c9-borders), 0.1); }

.c9-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c9-link), 1); }

.c9-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c9-link-hover), 1); }

 
/* Data List */                  
.c9-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c9-borders), 1); }

.c9-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c9-borders), 1); }


/* Sitemap */                
.c9-bg nav.sitemap ul li::before, .c9-bg nav.sitemap ul li::after { background-color: rgba(var(--c9-borders), 1); }

.c9-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c9-borders), 0.5); }


/* Tables */
.c9-bg thead { color: rgba(var(--c9-heading), 1); }

.c9-bg table, .c9-bg table th, .c9-bg table td { border-color: rgba(var(--c9-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c9-bg .expand { color: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-bg .expand span:before { background: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-bg .expand span { background: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-bg .expand span:after { background: rgba(var(--c9-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c9-link), 1); border-color: rgba(var(--c9-borders), 1); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c9-borders), 0.15); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); background: rgba(var(--c9-borders), 0.25); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-borders), 0.25); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); border-color: rgba(var(--c9-borders), 1); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c9-heading), 1); border-color: rgba(var(--c9-heading), 1); }

.component.usn_cmp_anchornavigation.c9-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(--c9-borders), 0.25); }

.component.usn_cmp_anchornavigation.c9-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(--c9-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c9-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(--c9-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c9-link), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c9-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c9-heading), 1); } 

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c9-link-hover), 1); }

.component.usn_cmp_anchornavigation.c9-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c9-heading), 1); }


/* Scroll prompt */
.c9-bg .scroll-prompt a { color: rgba(var(--c9-heading), 1); }

.c9-bg .scroll-prompt a i { color: rgba(var(--c9-heading), 1); }

.c9-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c9-heading), 1); }

.c9-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c9-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store h1 { color: rgba(var(--c9-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c9-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c9-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c9-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c9-heading), 1)!important; }


/* Heading separators - on page */
.c9-bg h1::before, .c9-bg h2::before, .c9-bg h3::before, .c9-bg h4::before, .c9-bg h5::before, .c9-bg h6::before { background: rgba(var(--c9-highlight), 1); }

.c9-bg h1::after, .c9-bg h2::after, .c9-bg h3::after, .c9-bg h4::after, .c9-bg h5::after, .c9-bg h6::after { background: rgba(var(--c9-highlight), 1); }


/* Heading separators - on components */
.c9-bg .heading::before, .c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); }

.c9-bg .heading::after, .c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); }


/* Heading separators - on specific items */
.item.c9-bg .heading::before, .item.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); }

.item.c9-bg .heading::after, .item.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); }

.inner.c9-bg .heading::before, .inner.c9-bg .secondary-heading::before { background: rgba(var(--c9-highlight), 1); }

.inner.c9-bg .heading::after, .inner.c9-bg .secondary-heading::after { background: rgba(var(--c9-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c10-bg,
.item.item_overlay .inner .image.c10-bg::before,
.usn_cmp_banner .item.item_overlay.c10-bg .inner::before { 
    background: rgba(var(--c10-bg-color1), 1); 
}

/* Backgrounds Linear */

.c10-bg.c10-bg-linear,
.item.item_overlay .inner .image.c10-bg.c10-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-linear .inner::before { 
    background: linear-gradient(var(--c10-bg-angle), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c10-bg.c10-bg-radial,
.item.item_overlay .inner .image.c10-bg.c10-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c10-bg.c10-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c10-bg-start-perc) var(--c10-bg-stop-perc), rgba(var(--c10-bg-color1), 1) 0%, rgba(var(--c10-bg-color2), 1) 100%); 
}


/* Headings */

.c10-bg h1:not(.heading), 
.c10-bg h2:not(.heading), 
.c10-bg h3:not(.heading), 
.c10-bg h4:not(.heading), 
.c10-bg h5:not(.heading), 
.c10-bg h6:not(.heading) { 
    color: rgba(var(--c10-heading), 1); 
}

.c10-heading, 
.c10-bg .heading { 
    color: rgba(var(--c10-heading), 1); 
}


/* Secondary Headings */

.c10-secondary-heading, 
.c10-bg .c10-secondary-heading { 
    color: rgba(var(--c10-secondary-heading), 1); 
}


/* Text */

.c10-bg, 
.c10-bg .c10-text, 
.c10-text { 
    color: rgba(var(--c10-text), 1); 
}


/* Borders */

.c10-borders { 
    border-color: rgba(var(--c10-borders), 1); 
}


/* Links */

.c10-link, 
.c10-link,
.c10-bg a:not(.btn),
.c10-text a:not(.btn),
.c10-bg .c10-text a:not(.btn) { 
    color: rgba(var(--c10-link), 1); 
}

.c10-link:hover, 
.c10-link:focus, 
.c10-link:active, 
.c10-bg a:not(.btn):hover, 
.c10-bg a:not(.btn):focus, 
.c10-bg a:not(.btn):active,
.c10-bg a:not(.btn):hover,
.c10-bg a:not(.btn):focus,
.c10-bg a:not(.btn):active,
.c10-text a:not(.btn):hover,
.c10-text a:not(.btn):focus,
.c10-text a:not(.btn):active,
.c10-bg .c10-text a:not(.btn):hover,
.c10-bg .c10-text a:not(.btn):focus,
.c10-bg .c10-text a:not(.btn):active { 
    color: rgba(var(--c10-link-hover), 1); 
}


/* Highlights */

.c10-highlight-bg { 
    background-color: rgba(var(--c10-highlight), 1); 
}

.c10-bg blockquote::before, 
.component .component.c10-bg div > blockquote::before { 
    color: rgba(var(--c10-highlight), 1); 
}

.c10-highlight-text { 
    color: rgba(var(--c10-highlight-text), 1); 
}


.c10-heading { 
    color: rgba(var(--c10-heading), 1)!important; 
}

.c10-secondary-heading { 
    color: rgba(var(--c10-secondary-heading), 1)!important; 
}


.c10-bg .heading { 
    color: rgba(var(--c10-heading), 1); 
}

.c10-bg .secondary-heading { 
    color: rgba(var(--c10-secondary-heading), 1); 
}

.c10-bg .quote, .c10-bg blockquote { 
    color: rgba(var(--c10-heading), 1); 
}

.c10-bg .quote::before, 
.c10-bg blockquote::before { 
    color: rgba(var(--c10-highlight), 1); 
}


/* Labels */
.c10-bg .label { background-color: rgba(var(--c10-highlight), 1); }

.c10-bg .label { color: rgba(var(--c10-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c10-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); }

.c10-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); }

.c10-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); }

.c10-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; }

.c10-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c10-highlight), 1); }

/* Button Tabs */
.c10-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); }

.c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); }

.c10-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); }

.c10-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(--c10-borders), 0.25); }

.c10-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(--c10-borders), var(--btn-box-shadow_o)); } 

.c10-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(--c10-borders), var(--btn-box-shadow_o)); }

.c10-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(--c10-borders), var(--btn-box-shadow_o)); }

.c10-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(--c10-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c10-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c10-link), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); }


/* Linethrough Tabs */
.c10-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c10-link), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c10-link-hover), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c10-heading), 1); } 

.c10-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c10-heading), 1); }

.c10-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c10-heading), 1); }


/* Slider Navigation */
.c10-bg .slick-slider .slick-prev, .c10-bg .slick-slider .slick-next { color: rgba(var(--c10-link), 1); background-color: rgba(var(--c10-bg-color1), 1); }

html.no-touch .c10-bg .slick-slider .slick-prev:hover, html.no-touch .c10-bg .slick-slider .slick-next:hover { color: rgba(var(--c10-link-hover), 1); }

.c10-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c10-text), 1); }

html.no-touch .c10-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c10-link-hover), 1); }

.c10-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c10-highlight), 1); }

/* Forms */
.form .c10-bg .form-control { border-color: rgba(var(--c10-borders), 1); }

.form .c10-bg .form-control:focus { border-color: rgba(var(--c10-highlight), 1); box-shadow: 0 0 5px var(--c10-highlight);}


/* Ajax Loading */
.c10-bg .ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); }

.c10-bg.ajax-wrap .ajax-loading { background: rgba(var(--c10-bg-color1), 1); }

.ajax-wrap .c10-bg .ajax-loading { background: rgba(var(--c10-bg-color1), 1); }

.c10-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); }

.c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); }

.ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c10-borders), 1); border-top: 10px solid rgba(var(--c10-highlight), 1); }

.c10-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }

.c10-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }

.item_form-single_field .c10-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }

.item_form-single_field .ajax-wrap .c10-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c10-borders), 1); border-top: 5px solid rgba(var(--c10-highlight), 1); }


/* Links */
.c10-bg .listing.listing_links:not(.listing_links-mini), .c10-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c10-borders), 1); }

.c10-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c10-borders), 0.1); }

.c10-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c10-link), 1); }

.c10-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c10-link-hover), 1); }

 
/* Data List */                  
.c10-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c10-borders), 1); }

.c10-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c10-borders), 1); }


/* Sitemap */                
.c10-bg nav.sitemap ul li::before, .c10-bg nav.sitemap ul li::after { background-color: rgba(var(--c10-borders), 1); }

.c10-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c10-borders), 0.5); }


/* Tables */
.c10-bg thead { color: rgba(var(--c10-heading), 1); }

.c10-bg table, .c10-bg table th, .c10-bg table td { border-color: rgba(var(--c10-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c10-bg .expand { color: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-bg .expand span:before { background: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-bg .expand span { background: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-bg .expand span:after { background: rgba(var(--c10-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c10-link), 1); border-color: rgba(var(--c10-borders), 1); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c10-borders), 0.15); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); background: rgba(var(--c10-borders), 0.25); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-borders), 0.25); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); border-color: rgba(var(--c10-borders), 1); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c10-heading), 1); border-color: rgba(var(--c10-heading), 1); }

.component.usn_cmp_anchornavigation.c10-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(--c10-borders), 0.25); }

.component.usn_cmp_anchornavigation.c10-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(--c10-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c10-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(--c10-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c10-link), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c10-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c10-heading), 1); } 

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c10-link-hover), 1); }

.component.usn_cmp_anchornavigation.c10-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c10-heading), 1); }


/* Scroll prompt */
.c10-bg .scroll-prompt a { color: rgba(var(--c10-heading), 1); }

.c10-bg .scroll-prompt a i { color: rgba(var(--c10-heading), 1); }

.c10-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c10-heading), 1); }

.c10-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c10-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store h1 { color: rgba(var(--c10-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c10-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c10-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c10-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c10-heading), 1)!important; }


/* Heading separators - on page */
.c10-bg h1::before, .c10-bg h2::before, .c10-bg h3::before, .c10-bg h4::before, .c10-bg h5::before, .c10-bg h6::before { background: rgba(var(--c10-highlight), 1); }

.c10-bg h1::after, .c10-bg h2::after, .c10-bg h3::after, .c10-bg h4::after, .c10-bg h5::after, .c10-bg h6::after { background: rgba(var(--c10-highlight), 1); }


/* Heading separators - on components */
.c10-bg .heading::before, .c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); }

.c10-bg .heading::after, .c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); }


/* Heading separators - on specific items */
.item.c10-bg .heading::before, .item.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); }

.item.c10-bg .heading::after, .item.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); }

.inner.c10-bg .heading::before, .inner.c10-bg .secondary-heading::before { background: rgba(var(--c10-highlight), 1); }

.inner.c10-bg .heading::after, .inner.c10-bg .secondary-heading::after { background: rgba(var(--c10-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c11-bg,
.item.item_overlay .inner .image.c11-bg::before,
.usn_cmp_banner .item.item_overlay.c11-bg .inner::before { 
    background: rgba(var(--c11-bg-color1), 1); 
}

/* Backgrounds Linear */

.c11-bg.c11-bg-linear,
.item.item_overlay .inner .image.c11-bg.c11-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-linear .inner::before { 
    background: linear-gradient(var(--c11-bg-angle), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c11-bg.c11-bg-radial,
.item.item_overlay .inner .image.c11-bg.c11-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c11-bg.c11-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c11-bg-start-perc) var(--c11-bg-stop-perc), rgba(var(--c11-bg-color1), 1) 0%, rgba(var(--c11-bg-color2), 1) 100%); 
}


/* Headings */

.c11-bg h1:not(.heading), 
.c11-bg h2:not(.heading), 
.c11-bg h3:not(.heading), 
.c11-bg h4:not(.heading), 
.c11-bg h5:not(.heading), 
.c11-bg h6:not(.heading) { 
    color: rgba(var(--c11-heading), 1); 
}

.c11-heading, 
.c11-bg .heading { 
    color: rgba(var(--c11-heading), 1); 
}


/* Secondary Headings */

.c11-secondary-heading, 
.c11-bg .c11-secondary-heading { 
    color: rgba(var(--c11-secondary-heading), 1); 
}


/* Text */

.c11-bg, 
.c11-bg .c11-text, 
.c11-text { 
    color: rgba(var(--c11-text), 1); 
}


/* Borders */

.c11-borders { 
    border-color: rgba(var(--c11-borders), 1); 
}


/* Links */

.c11-link, 
.c11-link,
.c11-bg a:not(.btn),
.c11-text a:not(.btn),
.c11-bg .c11-text a:not(.btn) { 
    color: rgba(var(--c11-link), 1); 
}

.c11-link:hover, 
.c11-link:focus, 
.c11-link:active, 
.c11-bg a:not(.btn):hover, 
.c11-bg a:not(.btn):focus, 
.c11-bg a:not(.btn):active,
.c11-bg a:not(.btn):hover,
.c11-bg a:not(.btn):focus,
.c11-bg a:not(.btn):active,
.c11-text a:not(.btn):hover,
.c11-text a:not(.btn):focus,
.c11-text a:not(.btn):active,
.c11-bg .c11-text a:not(.btn):hover,
.c11-bg .c11-text a:not(.btn):focus,
.c11-bg .c11-text a:not(.btn):active { 
    color: rgba(var(--c11-link-hover), 1); 
}


/* Highlights */

.c11-highlight-bg { 
    background-color: rgba(var(--c11-highlight), 1); 
}

.c11-bg blockquote::before, 
.component .component.c11-bg div > blockquote::before { 
    color: rgba(var(--c11-highlight), 1); 
}

.c11-highlight-text { 
    color: rgba(var(--c11-highlight-text), 1); 
}


.c11-heading { 
    color: rgba(var(--c11-heading), 1)!important; 
}

.c11-secondary-heading { 
    color: rgba(var(--c11-secondary-heading), 1)!important; 
}


.c11-bg .heading { 
    color: rgba(var(--c11-heading), 1); 
}

.c11-bg .secondary-heading { 
    color: rgba(var(--c11-secondary-heading), 1); 
}

.c11-bg .quote, .c11-bg blockquote { 
    color: rgba(var(--c11-heading), 1); 
}

.c11-bg .quote::before, 
.c11-bg blockquote::before { 
    color: rgba(var(--c11-highlight), 1); 
}


/* Labels */
.c11-bg .label { background-color: rgba(var(--c11-highlight), 1); }

.c11-bg .label { color: rgba(var(--c11-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c11-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); }

.c11-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); }

.c11-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); }

.c11-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; }

.c11-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c11-highlight), 1); }

/* Button Tabs */
.c11-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); }

.c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); }

.c11-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); }

.c11-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(--c11-borders), 0.25); }

.c11-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(--c11-borders), var(--btn-box-shadow_o)); } 

.c11-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(--c11-borders), var(--btn-box-shadow_o)); }

.c11-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(--c11-borders), var(--btn-box-shadow_o)); }

.c11-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(--c11-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c11-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c11-link), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); }


/* Linethrough Tabs */
.c11-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c11-link), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c11-link-hover), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c11-heading), 1); } 

.c11-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c11-heading), 1); }

.c11-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c11-heading), 1); }


/* Slider Navigation */
.c11-bg .slick-slider .slick-prev, .c11-bg .slick-slider .slick-next { color: rgba(var(--c11-link), 1); background-color: rgba(var(--c11-bg-color1), 1); }

html.no-touch .c11-bg .slick-slider .slick-prev:hover, html.no-touch .c11-bg .slick-slider .slick-next:hover { color: rgba(var(--c11-link-hover), 1); }

.c11-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c11-text), 1); }

html.no-touch .c11-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c11-link-hover), 1); }

.c11-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c11-highlight), 1); }

/* Forms */
.form .c11-bg .form-control { border-color: rgba(var(--c11-borders), 1); }

.form .c11-bg .form-control:focus { border-color: rgba(var(--c11-highlight), 1); box-shadow: 0 0 5px var(--c11-highlight);}


/* Ajax Loading */
.c11-bg .ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); }

.c11-bg.ajax-wrap .ajax-loading { background: rgba(var(--c11-bg-color1), 1); }

.ajax-wrap .c11-bg .ajax-loading { background: rgba(var(--c11-bg-color1), 1); }

.c11-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); }

.c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); }

.ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c11-borders), 1); border-top: 10px solid rgba(var(--c11-highlight), 1); }

.c11-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }

.c11-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }

.item_form-single_field .c11-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }

.item_form-single_field .ajax-wrap .c11-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c11-borders), 1); border-top: 5px solid rgba(var(--c11-highlight), 1); }


/* Links */
.c11-bg .listing.listing_links:not(.listing_links-mini), .c11-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c11-borders), 1); }

.c11-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c11-borders), 0.1); }

.c11-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c11-link), 1); }

.c11-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c11-link-hover), 1); }

 
/* Data List */                  
.c11-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c11-borders), 1); }

.c11-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c11-borders), 1); }


/* Sitemap */                
.c11-bg nav.sitemap ul li::before, .c11-bg nav.sitemap ul li::after { background-color: rgba(var(--c11-borders), 1); }

.c11-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c11-borders), 0.5); }


/* Tables */
.c11-bg thead { color: rgba(var(--c11-heading), 1); }

.c11-bg table, .c11-bg table th, .c11-bg table td { border-color: rgba(var(--c11-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c11-bg .expand { color: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-bg .expand span:before { background: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-bg .expand span { background: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-bg .expand span:after { background: rgba(var(--c11-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c11-link), 1); border-color: rgba(var(--c11-borders), 1); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c11-borders), 0.15); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); background: rgba(var(--c11-borders), 0.25); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-borders), 0.25); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); border-color: rgba(var(--c11-borders), 1); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c11-heading), 1); border-color: rgba(var(--c11-heading), 1); }

.component.usn_cmp_anchornavigation.c11-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(--c11-borders), 0.25); }

.component.usn_cmp_anchornavigation.c11-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(--c11-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c11-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(--c11-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c11-link), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c11-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c11-heading), 1); } 

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c11-link-hover), 1); }

.component.usn_cmp_anchornavigation.c11-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c11-heading), 1); }


/* Scroll prompt */
.c11-bg .scroll-prompt a { color: rgba(var(--c11-heading), 1); }

.c11-bg .scroll-prompt a i { color: rgba(var(--c11-heading), 1); }

.c11-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c11-heading), 1); }

.c11-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c11-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store h1 { color: rgba(var(--c11-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c11-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c11-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c11-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c11-heading), 1)!important; }


/* Heading separators - on page */
.c11-bg h1::before, .c11-bg h2::before, .c11-bg h3::before, .c11-bg h4::before, .c11-bg h5::before, .c11-bg h6::before { background: rgba(var(--c11-highlight), 1); }

.c11-bg h1::after, .c11-bg h2::after, .c11-bg h3::after, .c11-bg h4::after, .c11-bg h5::after, .c11-bg h6::after { background: rgba(var(--c11-highlight), 1); }


/* Heading separators - on components */
.c11-bg .heading::before, .c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); }

.c11-bg .heading::after, .c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); }


/* Heading separators - on specific items */
.item.c11-bg .heading::before, .item.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); }

.item.c11-bg .heading::after, .item.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); }

.inner.c11-bg .heading::before, .inner.c11-bg .secondary-heading::before { background: rgba(var(--c11-highlight), 1); }

.inner.c11-bg .heading::after, .inner.c11-bg .secondary-heading::after { background: rgba(var(--c11-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c12-bg,
.item.item_overlay .inner .image.c12-bg::before,
.usn_cmp_banner .item.item_overlay.c12-bg .inner::before { 
    background: rgba(var(--c12-bg-color1), 1); 
}

/* Backgrounds Linear */

.c12-bg.c12-bg-linear,
.item.item_overlay .inner .image.c12-bg.c12-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-linear .inner::before { 
    background: linear-gradient(var(--c12-bg-angle), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c12-bg.c12-bg-radial,
.item.item_overlay .inner .image.c12-bg.c12-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c12-bg.c12-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c12-bg-start-perc) var(--c12-bg-stop-perc), rgba(var(--c12-bg-color1), 1) 0%, rgba(var(--c12-bg-color2), 1) 100%); 
}


/* Headings */

.c12-bg h1:not(.heading), 
.c12-bg h2:not(.heading), 
.c12-bg h3:not(.heading), 
.c12-bg h4:not(.heading), 
.c12-bg h5:not(.heading), 
.c12-bg h6:not(.heading) { 
    color: rgba(var(--c12-heading), 1); 
}

.c12-heading, 
.c12-bg .heading { 
    color: rgba(var(--c12-heading), 1); 
}


/* Secondary Headings */

.c12-secondary-heading, 
.c12-bg .c12-secondary-heading { 
    color: rgba(var(--c12-secondary-heading), 1); 
}


/* Text */

.c12-bg, 
.c12-bg .c12-text, 
.c12-text { 
    color: rgba(var(--c12-text), 1); 
}


/* Borders */

.c12-borders { 
    border-color: rgba(var(--c12-borders), 1); 
}


/* Links */

.c12-link, 
.c12-link,
.c12-bg a:not(.btn),
.c12-text a:not(.btn),
.c12-bg .c12-text a:not(.btn) { 
    color: rgba(var(--c12-link), 1); 
}

.c12-link:hover, 
.c12-link:focus, 
.c12-link:active, 
.c12-bg a:not(.btn):hover, 
.c12-bg a:not(.btn):focus, 
.c12-bg a:not(.btn):active,
.c12-bg a:not(.btn):hover,
.c12-bg a:not(.btn):focus,
.c12-bg a:not(.btn):active,
.c12-text a:not(.btn):hover,
.c12-text a:not(.btn):focus,
.c12-text a:not(.btn):active,
.c12-bg .c12-text a:not(.btn):hover,
.c12-bg .c12-text a:not(.btn):focus,
.c12-bg .c12-text a:not(.btn):active { 
    color: rgba(var(--c12-link-hover), 1); 
}


/* Highlights */

.c12-highlight-bg { 
    background-color: rgba(var(--c12-highlight), 1); 
}

.c12-bg blockquote::before, 
.component .component.c12-bg div > blockquote::before { 
    color: rgba(var(--c12-highlight), 1); 
}

.c12-highlight-text { 
    color: rgba(var(--c12-highlight-text), 1); 
}


.c12-heading { 
    color: rgba(var(--c12-heading), 1)!important; 
}

.c12-secondary-heading { 
    color: rgba(var(--c12-secondary-heading), 1)!important; 
}


.c12-bg .heading { 
    color: rgba(var(--c12-heading), 1); 
}

.c12-bg .secondary-heading { 
    color: rgba(var(--c12-secondary-heading), 1); 
}

.c12-bg .quote, .c12-bg blockquote { 
    color: rgba(var(--c12-heading), 1); 
}

.c12-bg .quote::before, 
.c12-bg blockquote::before { 
    color: rgba(var(--c12-highlight), 1); 
}


/* Labels */
.c12-bg .label { background-color: rgba(var(--c12-highlight), 1); }

.c12-bg .label { color: rgba(var(--c12-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c12-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); }

.c12-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); }

.c12-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); }

.c12-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; }

.c12-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c12-highlight), 1); }

/* Button Tabs */
.c12-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); }

.c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); }

.c12-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); }

.c12-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(--c12-borders), 0.25); }

.c12-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(--c12-borders), var(--btn-box-shadow_o)); } 

.c12-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(--c12-borders), var(--btn-box-shadow_o)); }

.c12-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(--c12-borders), var(--btn-box-shadow_o)); }

.c12-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(--c12-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c12-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c12-link), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); }


/* Linethrough Tabs */
.c12-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c12-link), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c12-link-hover), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c12-heading), 1); } 

.c12-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c12-heading), 1); }

.c12-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c12-heading), 1); }


/* Slider Navigation */
.c12-bg .slick-slider .slick-prev, .c12-bg .slick-slider .slick-next { color: rgba(var(--c12-link), 1); background-color: rgba(var(--c12-bg-color1), 1); }

html.no-touch .c12-bg .slick-slider .slick-prev:hover, html.no-touch .c12-bg .slick-slider .slick-next:hover { color: rgba(var(--c12-link-hover), 1); }

.c12-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c12-text), 1); }

html.no-touch .c12-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c12-link-hover), 1); }

.c12-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c12-highlight), 1); }

/* Forms */
.form .c12-bg .form-control { border-color: rgba(var(--c12-borders), 1); }

.form .c12-bg .form-control:focus { border-color: rgba(var(--c12-highlight), 1); box-shadow: 0 0 5px var(--c12-highlight);}


/* Ajax Loading */
.c12-bg .ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); }

.c12-bg.ajax-wrap .ajax-loading { background: rgba(var(--c12-bg-color1), 1); }

.ajax-wrap .c12-bg .ajax-loading { background: rgba(var(--c12-bg-color1), 1); }

.c12-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); }

.c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); }

.ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c12-borders), 1); border-top: 10px solid rgba(var(--c12-highlight), 1); }

.c12-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }

.c12-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }

.item_form-single_field .c12-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }

.item_form-single_field .ajax-wrap .c12-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c12-borders), 1); border-top: 5px solid rgba(var(--c12-highlight), 1); }


/* Links */
.c12-bg .listing.listing_links:not(.listing_links-mini), .c12-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c12-borders), 1); }

.c12-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c12-borders), 0.1); }

.c12-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c12-link), 1); }

.c12-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c12-link-hover), 1); }

 
/* Data List */                  
.c12-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c12-borders), 1); }

.c12-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c12-borders), 1); }


/* Sitemap */                
.c12-bg nav.sitemap ul li::before, .c12-bg nav.sitemap ul li::after { background-color: rgba(var(--c12-borders), 1); }

.c12-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c12-borders), 0.5); }


/* Tables */
.c12-bg thead { color: rgba(var(--c12-heading), 1); }

.c12-bg table, .c12-bg table th, .c12-bg table td { border-color: rgba(var(--c12-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c12-bg .expand { color: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-bg .expand span:before { background: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-bg .expand span { background: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-bg .expand span:after { background: rgba(var(--c12-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c12-link), 1); border-color: rgba(var(--c12-borders), 1); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c12-borders), 0.15); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); background: rgba(var(--c12-borders), 0.25); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-borders), 0.25); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); border-color: rgba(var(--c12-borders), 1); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c12-heading), 1); border-color: rgba(var(--c12-heading), 1); }

.component.usn_cmp_anchornavigation.c12-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(--c12-borders), 0.25); }

.component.usn_cmp_anchornavigation.c12-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(--c12-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c12-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(--c12-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c12-link), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c12-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c12-heading), 1); } 

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c12-link-hover), 1); }

.component.usn_cmp_anchornavigation.c12-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c12-heading), 1); }


/* Scroll prompt */
.c12-bg .scroll-prompt a { color: rgba(var(--c12-heading), 1); }

.c12-bg .scroll-prompt a i { color: rgba(var(--c12-heading), 1); }

.c12-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c12-heading), 1); }

.c12-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c12-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store h1 { color: rgba(var(--c12-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c12-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c12-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c12-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c12-heading), 1)!important; }


/* Heading separators - on page */
.c12-bg h1::before, .c12-bg h2::before, .c12-bg h3::before, .c12-bg h4::before, .c12-bg h5::before, .c12-bg h6::before { background: rgba(var(--c12-highlight), 1); }

.c12-bg h1::after, .c12-bg h2::after, .c12-bg h3::after, .c12-bg h4::after, .c12-bg h5::after, .c12-bg h6::after { background: rgba(var(--c12-highlight), 1); }


/* Heading separators - on components */
.c12-bg .heading::before, .c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); }

.c12-bg .heading::after, .c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); }


/* Heading separators - on specific items */
.item.c12-bg .heading::before, .item.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); }

.item.c12-bg .heading::after, .item.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); }

.inner.c12-bg .heading::before, .inner.c12-bg .secondary-heading::before { background: rgba(var(--c12-highlight), 1); }

.inner.c12-bg .heading::after, .inner.c12-bg .secondary-heading::after { background: rgba(var(--c12-highlight), 1); }



/*	
--------------------------------------------------
Additional Colors - Buttons
-------------------------------------------------- 
*/


/* Backgrounds */

/* Backgrounds Solid */

.c13-bg,
.item.item_overlay .inner .image.c13-bg::before,
.usn_cmp_banner .item.item_overlay.c13-bg .inner::before { 
    background: rgba(var(--c13-bg-color1), 1); 
}

/* Backgrounds Linear */

.c13-bg.c13-bg-linear,
.item.item_overlay .inner .image.c13-bg.c13-bg-linear::before,
.usn_cmp_banner .item.item_overlay.c13-bg.c13-bg-linear .inner::before { 
    background: linear-gradient(var(--c13-bg-angle), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); 
}

/* Backgrounds Radial */

.c13-bg.c13-bg-radial,
.item.item_overlay .inner .image.c13-bg.c13-bg-radial::before,
.usn_cmp_banner .item.item_overlay.c13-bg.c13-bg-radial .inner::before { 
    background: radial-gradient(farthest-side at var(--c13-bg-start-perc) var(--c13-bg-stop-perc), rgba(var(--c13-bg-color1), 1) 0%, rgba(var(--c13-bg-color2), 1) 100%); 
}


/* Headings */

.c13-bg h1:not(.heading), 
.c13-bg h2:not(.heading), 
.c13-bg h3:not(.heading), 
.c13-bg h4:not(.heading), 
.c13-bg h5:not(.heading), 
.c13-bg h6:not(.heading) { 
    color: rgba(var(--c13-heading), 1); 
}

.c13-heading, 
.c13-bg .heading { 
    color: rgba(var(--c13-heading), 1); 
}


/* Secondary Headings */

.c13-secondary-heading, 
.c13-bg .c13-secondary-heading { 
    color: rgba(var(--c13-secondary-heading), 1); 
}


/* Text */

.c13-bg, 
.c13-bg .c13-text, 
.c13-text { 
    color: rgba(var(--c13-text), 1); 
}


/* Borders */

.c13-borders { 
    border-color: rgba(var(--c13-borders), 1); 
}


/* Links */

.c13-link, 
.c13-link,
.c13-bg a:not(.btn),
.c13-text a:not(.btn),
.c13-bg .c13-text a:not(.btn) { 
    color: rgba(var(--c13-link), 1); 
}

.c13-link:hover, 
.c13-link:focus, 
.c13-link:active, 
.c13-bg a:not(.btn):hover, 
.c13-bg a:not(.btn):focus, 
.c13-bg a:not(.btn):active,
.c13-bg a:not(.btn):hover,
.c13-bg a:not(.btn):focus,
.c13-bg a:not(.btn):active,
.c13-text a:not(.btn):hover,
.c13-text a:not(.btn):focus,
.c13-text a:not(.btn):active,
.c13-bg .c13-text a:not(.btn):hover,
.c13-bg .c13-text a:not(.btn):focus,
.c13-bg .c13-text a:not(.btn):active { 
    color: rgba(var(--c13-link-hover), 1); 
}


/* Highlights */

.c13-highlight-bg { 
    background-color: rgba(var(--c13-highlight), 1); 
}

.c13-bg blockquote::before, 
.component .component.c13-bg div > blockquote::before { 
    color: rgba(var(--c13-highlight), 1); 
}

.c13-highlight-text { 
    color: rgba(var(--c13-highlight-text), 1); 
}


.c13-heading { 
    color: rgba(var(--c13-heading), 1)!important; 
}

.c13-secondary-heading { 
    color: rgba(var(--c13-secondary-heading), 1)!important; 
}


.c13-bg .heading { 
    color: rgba(var(--c13-heading), 1); 
}

.c13-bg .secondary-heading { 
    color: rgba(var(--c13-secondary-heading), 1); 
}

.c13-bg .quote, .c13-bg blockquote { 
    color: rgba(var(--c13-heading), 1); 
}

.c13-bg .quote::before, 
.c13-bg blockquote::before { 
    color: rgba(var(--c13-highlight), 1); 
}


/* Labels */
.c13-bg .label { background-color: rgba(var(--c13-highlight), 1); }

.c13-bg .label { color: rgba(var(--c13-highlight-text), 1); }


/* Tabs */

/* Basic Tabs */
.c13-bg .repeatable.tab-basic .tab .nav-link { color: rgba(var(--c13-link), 1); border-color: rgba(var(--c13-borders), 1); }

.c13-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active) { background: rgba(var(--c13-borders), 0.15); }

.c13-bg .repeatable.tabbed.tab-basic .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); }

.c13-bg .repeatable.accordion.tab-basic .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); }

.c13-bg .repeatable.tabbed.tab-basic .tab .nav-link.active { color: rgba(var(--c13-heading), 1); background: transparent; }

.c13-bg .repeatable.accordion.tab-basic .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); }

.c13-bg .repeatable.tab-basic .repeatable-content { border-color: rgba(var(--c13-borders), 1); }

.c13-bg .repeatable.tab-basic .tab .nav-link.active::after { background: rgba(var(--c13-highlight), 1); }

/* Button Tabs */
.c13-bg .repeatable.tab-buttons .tab .nav-link { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-borders), 0.25); }

.c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); }

.c13-bg .repeatable.accordion.tab-buttons .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); }

.c13-bg .repeatable.tabbed.tab-buttons .tab .nav-link.active { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); }

.c13-bg .repeatable.accordion.tab-buttons .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); }

.c13-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(--c13-borders), 0.25); }

.c13-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(--c13-borders), var(--btn-box-shadow_o)); } 

.c13-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(--c13-borders), var(--btn-box-shadow_o)); }

.c13-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(--c13-borders), var(--btn-box-shadow_o)); }

.c13-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(--c13-borders), var(--btn-box-shadow_o)); }


/* Underline Tabs */
.c13-bg .repeatable.tab-underline .tab .nav-link { color: rgba(var(--c13-link), 1); } 

.c13-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.tabbed.tab-underline .tab .nav-link:not(.active):hover::before { background: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.accordion.tab-underline .tab .nav-link.collapsed:hover::before { background: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.tabbed.tab-underline .tab .nav-link.active { color: rgba(var(--c13-heading), 1); } 

.c13-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } 

.c13-bg .repeatable.tabbed.tab-underline .tab .nav-link.active::before { background: rgba(var(--c13-heading), 1); }

.c13-bg .repeatable.accordion.tab-underline .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c13-heading), 1); }


/* Linethrough Tabs */
.c13-bg .repeatable.tab-linethrough .tab .nav-link { color: rgba(var(--c13-link), 1); } 

.c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover { color: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link:not(.active):hover::before { background: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link.collapsed:hover::before { background: rgba(var(--c13-link-hover), 1); } 

.c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active { color: rgba(var(--c13-heading), 1); } 

.c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed) { color: rgba(var(--c13-heading), 1); } 

.c13-bg .repeatable.tabbed.tab-linethrough .tab .nav-link.active::before { background: rgba(var(--c13-heading), 1); }

.c13-bg .repeatable.accordion.tab-linethrough .tab .nav-link:not(.collapsed)::before { background: rgba(var(--c13-heading), 1); }


/* Slider Navigation */
.c13-bg .slick-slider .slick-prev, .c13-bg .slick-slider .slick-next { color: rgba(var(--c13-link), 1); background-color: rgba(var(--c13-bg-color1), 1); }

html.no-touch .c13-bg .slick-slider .slick-prev:hover, html.no-touch .c13-bg .slick-slider .slick-next:hover { color: rgba(var(--c13-link-hover), 1); }

.c13-bg .slick-slider .slick-dots li > button { background-color: rgba(var(--c13-text), 1); }

html.no-touch .c13-bg .slick-slider .slick-dots li:not(.slick-active) > button:hover { background-color: rgba(var(--c13-link-hover), 1); }

.c13-bg .slick-slider .slick-dots li.slick-active > button { background-color: rgba(var(--c13-highlight), 1); }

/* Forms */
.form .c13-bg .form-control { border-color: rgba(var(--c13-borders), 1); }

.form .c13-bg .form-control:focus { border-color: rgba(var(--c13-highlight), 1); box-shadow: 0 0 5px var(--c13-highlight);}


/* Ajax Loading */
.c13-bg .ajax-wrap .ajax-loading { background: rgba(var(--c13-bg-color1), 1); }

.c13-bg.ajax-wrap .ajax-loading { background: rgba(var(--c13-bg-color1), 1); }

.ajax-wrap .c13-bg .ajax-loading { background: rgba(var(--c13-bg-color1), 1); }

.c13-bg .ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); }

.c13-bg.ajax-wrap .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); }

.ajax-wrap .c13-bg .ajax-loading .loading span.message { border: 10px solid rgba(var(--c13-borders), 1); border-top: 10px solid rgba(var(--c13-highlight), 1); }

.c13-bg .item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); }

.c13-bg.item_form-single_field .ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); }

.item_form-single_field .c13-bg.ajax-wrap .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); }

.item_form-single_field .ajax-wrap .c13-bg .ajax-loading .loading span.message { border: 5px solid rgba(var(--c13-borders), 1); border-top: 5px solid rgba(var(--c13-highlight), 1); }


/* Links */
.c13-bg .listing.listing_links:not(.listing_links-mini), .c13-bg .listing.listing_links:not(.listing_links-mini) .item a { border-color: rgba(var(--c13-borders), 1); }

.c13-bg .listing.listing_links:not(.listing_links-mini) .item a:hover { background-color: rgba(var(--c13-borders), 0.1); }

.c13-bg .listing.listing_links.listing_links-mini .item a::after { background-color: rgba(var(--c13-link), 1); }

.c13-bg .listing.listing_links.listing_links-mini .item a:hover::after { background-color: rgba(var(--c13-link-hover), 1); }

 
/* Data List */                  
.c13-bg .listing.listing_data-list.data-list_boxed { border-color: rgba(var(--c13-borders), 1); }

.c13-bg .listing.listing_data-list .item.items-1:not(:last-child)::before { background-color: rgba(var(--c13-borders), 1); }


/* Sitemap */                
.c13-bg nav.sitemap ul li::before, .c13-bg nav.sitemap ul li::after { background-color: rgba(var(--c13-borders), 1); }

.c13-bg nav.sitemap ul li:hover::after { background-color: rgba(var(--c13-borders), 0.5); }


/* Tables */
.c13-bg thead { color: rgba(var(--c13-heading), 1); }

.c13-bg table, .c13-bg table th, .c13-bg table td { border-color: rgba(var(--c13-borders), 1); }


/* Anchor Navigtation */
.component.usn_cmp_anchornavigation.c13-bg .expand { color: rgba(var(--c13-heading), 1); }

.component.usn_cmp_anchornavigation.c13-bg .expand span:before { background: rgba(var(--c13-heading), 1); }

.component.usn_cmp_anchornavigation.c13-bg .expand span { background: rgba(var(--c13-heading), 1); }

.component.usn_cmp_anchornavigation.c13-bg .expand span:after { background: rgba(var(--c13-heading), 1); }


/* Basic */
.component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link { color: rgba(var(--c13-link), 1); border-color: rgba(var(--c13-borders), 1); }

.component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active) { background: rgba(var(--c13-borders), 0.15); }

.component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); background: rgba(var(--c13-borders), 0.25); }

.component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item .nav-link.active { color: rgba(var(--c13-heading), 1); background: transparent; }

.component.usn_cmp_anchornavigation.c13-bg nav.tab-basic ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-highlight), 1); }


/* Button */
.component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-borders), 0.25); }

.component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); border-color: rgba(var(--c13-borders), 1); }

.component.usn_cmp_anchornavigation.c13-bg nav.tab-buttons ul.nav li.nav-item .nav-link.active { color: rgba(var(--c13-heading), 1); border-color: rgba(var(--c13-heading), 1); }

.component.usn_cmp_anchornavigation.c13-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(--c13-borders), 0.25); }

.component.usn_cmp_anchornavigation.c13-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(--c13-borders), var(--btn-box-shadow_o)); } 

.component.usn_cmp_anchornavigation.c13-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(--c13-borders), var(--btn-box-shadow_o)); }


/* Underline */
.component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c13-link), 1); } 

.component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c13-heading), 1); } 

.component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c13-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c13-bg nav.tab-underline ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-heading), 1); }


/* Linethrough */
.component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active) { color: rgba(var(--c13-link), 1); } 

.component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover { color: rgba(var(--c13-link-hover), 1); } 

.component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active { color: rgba(var(--c13-heading), 1); } 

.component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link:not(.active):hover::after { background: rgba(var(--c13-link-hover), 1); }

.component.usn_cmp_anchornavigation.c13-bg nav.tab-linethrough ul.nav li.nav-item a.nav-link.active::after { background: rgba(var(--c13-heading), 1); }


/* Scroll prompt */
.c13-bg .scroll-prompt a { color: rgba(var(--c13-heading), 1); }

.c13-bg .scroll-prompt a i { color: rgba(var(--c13-heading), 1); }

.c13-bg .scroll-prompt.scroll-prompt-wheel .mouse-scroll { border-color: rgba(var(--c13-heading), 1); }

.c13-bg .scroll-prompt .mouse-scroll::before { background-color: rgba(var(--c13-heading), 1); }


/* Shoppping Cart */
html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store h1 { color: rgba(var(--c13-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .ec-header-h1 { color: rgba(var(--c13-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .product-details__product-title { color: rgba(var(--c13-heading), 1)!important; }

html#ecwid_html.usn body#ecwid_body .c13-bg .ec-size .ec-store .grid-product__title-inner { color: rgba(var(--c13-heading), 1)!important; }


/* Heading separators - on page */
.c13-bg h1::before, .c13-bg h2::before, .c13-bg h3::before, .c13-bg h4::before, .c13-bg h5::before, .c13-bg h6::before { background: rgba(var(--c13-highlight), 1); }

.c13-bg h1::after, .c13-bg h2::after, .c13-bg h3::after, .c13-bg h4::after, .c13-bg h5::after, .c13-bg h6::after { background: rgba(var(--c13-highlight), 1); }


/* Heading separators - on components */
.c13-bg .heading::before, .c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); }

.c13-bg .heading::after, .c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); }


/* Heading separators - on specific items */
.item.c13-bg .heading::before, .item.c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); }

.item.c13-bg .heading::after, .item.c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); }

.inner.c13-bg .heading::before, .inner.c13-bg .secondary-heading::before { background: rgba(var(--c13-highlight), 1); }

.inner.c13-bg .heading::after, .inner.c13-bg .secondary-heading::after { background: rgba(var(--c13-highlight), 1); }





/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c1-btn-bg, 
.btn-bg_c1-btn-bg .btn {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

.c1-btn-bg:hover, 
.btn-bg_c1-btn-bg .btn:hover,
.btn.c1-btn-bg:focus, 
.btn-bg_c1-btn-bg .btn:focus,
.btn.c1-btn-bg:active, 
.btn-bg_c1-btn-bg .btn:active {
    background: rgba(var(--c1-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c1-btn-bg.c1-btn-bg-linear, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-linear:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-linear:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-linear:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c1-btn-bg-angle), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c1-btn-bg.c1-btn-bg-radial, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}

.c1-btn-bg.c1-btn-bg-radial:hover, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:hover,
.btn.c1-btn-bg.c1-btn-bg-radial:focus, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:focus,
.btn.c1-btn-bg.c1-btn-bg-radial:active, 
.btn-bg_c1-btn-bg.c1-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c1-btn-bg-start-perc) var(--c1-btn-bg-stop-perc), rgba(var(--c1-btn-bg-color1), 1) 0%, rgba(var(--c1-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c1-btn-bg-hover:hover > span, 
.btn.c1-btn-bg-hover:focus > span, 
.btn.c1-btn-bg-hover:active > span, 
.btn-bg_c1-btn-bg-hover .btn:hover > span, 
.btn-bg_c1-btn-bg-hover .btn:focus > span, 
.btn-bg_c1-btn-bg-hover .btn:active > span,
a:hover .btn.c1-btn-bg-hover > span, 
a:focus .btn.c1-btn-bg-hover > span, 
a:active .btn.c1-btn-bg-hover > span,
.btn.c1-btn-bg-hover-solid:hover > span, 
.btn.c1-btn-bg-hover-solid:focus > span, 
.btn.c1-btn-bg-hover-solid:active > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c1-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c1-btn-bg-hover-solid > span, 
a:focus .btn.c1-btn-bg-hover-solid > span, 
a:active .btn.c1-btn-bg-hover-solid > span {
    background: rgba(var(--c1-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-linear:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-linear:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-linear > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c1-btn-bg-hover-angle), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c1-btn-bg.c1-btn-bg-hover-radial:hover > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:focus > span, 
.btn.c1-btn-bg.c1-btn-bg-hover-radial:active > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c1-btn-bg.c1-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:focus .btn.c1-btn-bg.c1-btn-bg-hover-radial > span, 
a:active .btn.c1-btn-bg.c1-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c1-btn-bg-hover-start-perc) var(--c1-btn-bg-hover-stop-perc), rgba(var(--c1-btn-bg-hover-color1), 1) 0%, rgba(var(--c1-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c1-btn-borders, 
.btn-borders_c1-btn-borders .btn {
    border-color: rgba(var(--c1-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c1-btn-borders:hover, 
.btn-borders_c1-btn-borders .btn:hover,
.btn.c1-btn-borders:focus, 
.btn-borders_c1-btn-borders .btn:focus,
.btn.c1-btn-borders:active, 
.btn-borders_c1-btn-borders .btn:active,
a:hover .btn.c1-btn-borders, 
a:focus .btn.c1-btn-borders, 
a:active .btn.c1-btn-borders {
    border-color: rgba(var(--c1-btn-borders-hover), 1);
}


/* Button Text */

.btn.c1-btn-text, 
.btn-text_c1-btn-text .btn {
    color: rgba(var(--c1-btn-text), 1);
}

/* Button Text Hover */

.btn.c1-btn-text:hover, 
.btn-text_c1-btn-text .btn:hover,
.btn.c1-btn-text:focus, 
.btn-text_c1-btn-text .btn:focus,
.btn.c1-btn-text:active, 
.btn-text_c1-btn-text .btn:active,
a:hover .btn.c1-btn-text, 
a:focus .btn.c1-btn-text, 
a:active .btn.c1-btn-text {
    color: rgba(var(--c1-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c1-btn-borders:hover, 
.btn.c1-btn-borders:focus, 
.btn.c1-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c1-btn-borders .btn:hover, 
.btn-borders_c1-btn-borders .btn:focus, 
.btn-borders_c1-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c1-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c1-btn-text, 
.basic-buttons .btn-text_c1-btn-text .btn { 
    color: rgba(var(--c1-btn-bg), 1); 
}

.basic-buttons .btn.c1-btn-text:hover, 
.basic-buttons .btn.c1-btn-text:focus, 
.basic-buttons .btn.c1-btn-text:active, 
.basic-buttons .btn-text_c1-btn-text .btn:hover, 
.basic-buttons .btn-text_c1-btn-text .btn:focus, 
.basic-buttons .btn-text_c1-btn-text .btn:active { 
    color: rgba(var(--c1-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c2-btn-bg, 
.btn-bg_c2-btn-bg .btn {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

.c2-btn-bg:hover, 
.btn-bg_c2-btn-bg .btn:hover,
.btn.c2-btn-bg:focus, 
.btn-bg_c2-btn-bg .btn:focus,
.btn.c2-btn-bg:active, 
.btn-bg_c2-btn-bg .btn:active {
    background: rgba(var(--c2-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c2-btn-bg.c2-btn-bg-linear, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-linear:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-linear:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-linear:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c2-btn-bg-angle), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c2-btn-bg.c2-btn-bg-radial, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}

.c2-btn-bg.c2-btn-bg-radial:hover, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:hover,
.btn.c2-btn-bg.c2-btn-bg-radial:focus, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:focus,
.btn.c2-btn-bg.c2-btn-bg-radial:active, 
.btn-bg_c2-btn-bg.c2-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c2-btn-bg-start-perc) var(--c2-btn-bg-stop-perc), rgba(var(--c2-btn-bg-color1), 1) 0%, rgba(var(--c2-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c2-btn-bg-hover:hover > span, 
.btn.c2-btn-bg-hover:focus > span, 
.btn.c2-btn-bg-hover:active > span, 
.btn-bg_c2-btn-bg-hover .btn:hover > span, 
.btn-bg_c2-btn-bg-hover .btn:focus > span, 
.btn-bg_c2-btn-bg-hover .btn:active > span,
a:hover .btn.c2-btn-bg-hover > span, 
a:focus .btn.c2-btn-bg-hover > span, 
a:active .btn.c2-btn-bg-hover > span,
.btn.c2-btn-bg-hover-solid:hover > span, 
.btn.c2-btn-bg-hover-solid:focus > span, 
.btn.c2-btn-bg-hover-solid:active > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c2-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c2-btn-bg-hover-solid > span, 
a:focus .btn.c2-btn-bg-hover-solid > span, 
a:active .btn.c2-btn-bg-hover-solid > span {
    background: rgba(var(--c2-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-linear:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-linear:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-linear > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c2-btn-bg-hover-angle), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c2-btn-bg.c2-btn-bg-hover-radial:hover > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:focus > span, 
.btn.c2-btn-bg.c2-btn-bg-hover-radial:active > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c2-btn-bg.c2-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:focus .btn.c2-btn-bg.c2-btn-bg-hover-radial > span, 
a:active .btn.c2-btn-bg.c2-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c2-btn-bg-hover-start-perc) var(--c2-btn-bg-hover-stop-perc), rgba(var(--c2-btn-bg-hover-color1), 1) 0%, rgba(var(--c2-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c2-btn-borders, 
.btn-borders_c2-btn-borders .btn {
    border-color: rgba(var(--c2-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c2-btn-borders:hover, 
.btn-borders_c2-btn-borders .btn:hover,
.btn.c2-btn-borders:focus, 
.btn-borders_c2-btn-borders .btn:focus,
.btn.c2-btn-borders:active, 
.btn-borders_c2-btn-borders .btn:active,
a:hover .btn.c2-btn-borders, 
a:focus .btn.c2-btn-borders, 
a:active .btn.c2-btn-borders {
    border-color: rgba(var(--c2-btn-borders-hover), 1);
}


/* Button Text */

.btn.c2-btn-text, 
.btn-text_c2-btn-text .btn {
    color: rgba(var(--c2-btn-text), 1);
}

/* Button Text Hover */

.btn.c2-btn-text:hover, 
.btn-text_c2-btn-text .btn:hover,
.btn.c2-btn-text:focus, 
.btn-text_c2-btn-text .btn:focus,
.btn.c2-btn-text:active, 
.btn-text_c2-btn-text .btn:active,
a:hover .btn.c2-btn-text, 
a:focus .btn.c2-btn-text, 
a:active .btn.c2-btn-text {
    color: rgba(var(--c2-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c2-btn-borders:hover, 
.btn.c2-btn-borders:focus, 
.btn.c2-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c2-btn-borders .btn:hover, 
.btn-borders_c2-btn-borders .btn:focus, 
.btn-borders_c2-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c2-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c2-btn-text, 
.basic-buttons .btn-text_c2-btn-text .btn { 
    color: rgba(var(--c2-btn-bg), 1); 
}

.basic-buttons .btn.c2-btn-text:hover, 
.basic-buttons .btn.c2-btn-text:focus, 
.basic-buttons .btn.c2-btn-text:active, 
.basic-buttons .btn-text_c2-btn-text .btn:hover, 
.basic-buttons .btn-text_c2-btn-text .btn:focus, 
.basic-buttons .btn-text_c2-btn-text .btn:active { 
    color: rgba(var(--c2-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c3-btn-bg, 
.btn-bg_c3-btn-bg .btn {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

.c3-btn-bg:hover, 
.btn-bg_c3-btn-bg .btn:hover,
.btn.c3-btn-bg:focus, 
.btn-bg_c3-btn-bg .btn:focus,
.btn.c3-btn-bg:active, 
.btn-bg_c3-btn-bg .btn:active {
    background: rgba(var(--c3-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c3-btn-bg.c3-btn-bg-linear, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-linear:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-linear:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-linear:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c3-btn-bg-angle), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c3-btn-bg.c3-btn-bg-radial, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}

.c3-btn-bg.c3-btn-bg-radial:hover, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:hover,
.btn.c3-btn-bg.c3-btn-bg-radial:focus, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:focus,
.btn.c3-btn-bg.c3-btn-bg-radial:active, 
.btn-bg_c3-btn-bg.c3-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c3-btn-bg-start-perc) var(--c3-btn-bg-stop-perc), rgba(var(--c3-btn-bg-color1), 1) 0%, rgba(var(--c3-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c3-btn-bg-hover:hover > span, 
.btn.c3-btn-bg-hover:focus > span, 
.btn.c3-btn-bg-hover:active > span, 
.btn-bg_c3-btn-bg-hover .btn:hover > span, 
.btn-bg_c3-btn-bg-hover .btn:focus > span, 
.btn-bg_c3-btn-bg-hover .btn:active > span,
a:hover .btn.c3-btn-bg-hover > span, 
a:focus .btn.c3-btn-bg-hover > span, 
a:active .btn.c3-btn-bg-hover > span,
.btn.c3-btn-bg-hover-solid:hover > span, 
.btn.c3-btn-bg-hover-solid:focus > span, 
.btn.c3-btn-bg-hover-solid:active > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c3-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c3-btn-bg-hover-solid > span, 
a:focus .btn.c3-btn-bg-hover-solid > span, 
a:active .btn.c3-btn-bg-hover-solid > span {
    background: rgba(var(--c3-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-linear:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-linear:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-linear > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c3-btn-bg-hover-angle), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c3-btn-bg.c3-btn-bg-hover-radial:hover > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:focus > span, 
.btn.c3-btn-bg.c3-btn-bg-hover-radial:active > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c3-btn-bg.c3-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:focus .btn.c3-btn-bg.c3-btn-bg-hover-radial > span, 
a:active .btn.c3-btn-bg.c3-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c3-btn-bg-hover-start-perc) var(--c3-btn-bg-hover-stop-perc), rgba(var(--c3-btn-bg-hover-color1), 1) 0%, rgba(var(--c3-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c3-btn-borders, 
.btn-borders_c3-btn-borders .btn {
    border-color: rgba(var(--c3-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c3-btn-borders:hover, 
.btn-borders_c3-btn-borders .btn:hover,
.btn.c3-btn-borders:focus, 
.btn-borders_c3-btn-borders .btn:focus,
.btn.c3-btn-borders:active, 
.btn-borders_c3-btn-borders .btn:active,
a:hover .btn.c3-btn-borders, 
a:focus .btn.c3-btn-borders, 
a:active .btn.c3-btn-borders {
    border-color: rgba(var(--c3-btn-borders-hover), 1);
}


/* Button Text */

.btn.c3-btn-text, 
.btn-text_c3-btn-text .btn {
    color: rgba(var(--c3-btn-text), 1);
}

/* Button Text Hover */

.btn.c3-btn-text:hover, 
.btn-text_c3-btn-text .btn:hover,
.btn.c3-btn-text:focus, 
.btn-text_c3-btn-text .btn:focus,
.btn.c3-btn-text:active, 
.btn-text_c3-btn-text .btn:active,
a:hover .btn.c3-btn-text, 
a:focus .btn.c3-btn-text, 
a:active .btn.c3-btn-text {
    color: rgba(var(--c3-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c3-btn-borders:hover, 
.btn.c3-btn-borders:focus, 
.btn.c3-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c3-btn-borders .btn:hover, 
.btn-borders_c3-btn-borders .btn:focus, 
.btn-borders_c3-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c3-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c3-btn-text, 
.basic-buttons .btn-text_c3-btn-text .btn { 
    color: rgba(var(--c3-btn-bg), 1); 
}

.basic-buttons .btn.c3-btn-text:hover, 
.basic-buttons .btn.c3-btn-text:focus, 
.basic-buttons .btn.c3-btn-text:active, 
.basic-buttons .btn-text_c3-btn-text .btn:hover, 
.basic-buttons .btn-text_c3-btn-text .btn:focus, 
.basic-buttons .btn-text_c3-btn-text .btn:active { 
    color: rgba(var(--c3-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c4-btn-bg, 
.btn-bg_c4-btn-bg .btn {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

.c4-btn-bg:hover, 
.btn-bg_c4-btn-bg .btn:hover,
.btn.c4-btn-bg:focus, 
.btn-bg_c4-btn-bg .btn:focus,
.btn.c4-btn-bg:active, 
.btn-bg_c4-btn-bg .btn:active {
    background: rgba(var(--c4-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c4-btn-bg.c4-btn-bg-linear, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-linear:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-linear:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-linear:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c4-btn-bg-angle), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c4-btn-bg.c4-btn-bg-radial, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}

.c4-btn-bg.c4-btn-bg-radial:hover, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:hover,
.btn.c4-btn-bg.c4-btn-bg-radial:focus, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:focus,
.btn.c4-btn-bg.c4-btn-bg-radial:active, 
.btn-bg_c4-btn-bg.c4-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c4-btn-bg-start-perc) var(--c4-btn-bg-stop-perc), rgba(var(--c4-btn-bg-color1), 1) 0%, rgba(var(--c4-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c4-btn-bg-hover:hover > span, 
.btn.c4-btn-bg-hover:focus > span, 
.btn.c4-btn-bg-hover:active > span, 
.btn-bg_c4-btn-bg-hover .btn:hover > span, 
.btn-bg_c4-btn-bg-hover .btn:focus > span, 
.btn-bg_c4-btn-bg-hover .btn:active > span,
a:hover .btn.c4-btn-bg-hover > span, 
a:focus .btn.c4-btn-bg-hover > span, 
a:active .btn.c4-btn-bg-hover > span,
.btn.c4-btn-bg-hover-solid:hover > span, 
.btn.c4-btn-bg-hover-solid:focus > span, 
.btn.c4-btn-bg-hover-solid:active > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c4-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c4-btn-bg-hover-solid > span, 
a:focus .btn.c4-btn-bg-hover-solid > span, 
a:active .btn.c4-btn-bg-hover-solid > span {
    background: rgba(var(--c4-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-linear:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-linear:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-linear > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c4-btn-bg-hover-angle), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c4-btn-bg.c4-btn-bg-hover-radial:hover > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:focus > span, 
.btn.c4-btn-bg.c4-btn-bg-hover-radial:active > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c4-btn-bg.c4-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:focus .btn.c4-btn-bg.c4-btn-bg-hover-radial > span, 
a:active .btn.c4-btn-bg.c4-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c4-btn-bg-hover-start-perc) var(--c4-btn-bg-hover-stop-perc), rgba(var(--c4-btn-bg-hover-color1), 1) 0%, rgba(var(--c4-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c4-btn-borders, 
.btn-borders_c4-btn-borders .btn {
    border-color: rgba(var(--c4-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c4-btn-borders:hover, 
.btn-borders_c4-btn-borders .btn:hover,
.btn.c4-btn-borders:focus, 
.btn-borders_c4-btn-borders .btn:focus,
.btn.c4-btn-borders:active, 
.btn-borders_c4-btn-borders .btn:active,
a:hover .btn.c4-btn-borders, 
a:focus .btn.c4-btn-borders, 
a:active .btn.c4-btn-borders {
    border-color: rgba(var(--c4-btn-borders-hover), 1);
}


/* Button Text */

.btn.c4-btn-text, 
.btn-text_c4-btn-text .btn {
    color: rgba(var(--c4-btn-text), 1);
}

/* Button Text Hover */

.btn.c4-btn-text:hover, 
.btn-text_c4-btn-text .btn:hover,
.btn.c4-btn-text:focus, 
.btn-text_c4-btn-text .btn:focus,
.btn.c4-btn-text:active, 
.btn-text_c4-btn-text .btn:active,
a:hover .btn.c4-btn-text, 
a:focus .btn.c4-btn-text, 
a:active .btn.c4-btn-text {
    color: rgba(var(--c4-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c4-btn-borders:hover, 
.btn.c4-btn-borders:focus, 
.btn.c4-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c4-btn-borders .btn:hover, 
.btn-borders_c4-btn-borders .btn:focus, 
.btn-borders_c4-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c4-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c4-btn-text, 
.basic-buttons .btn-text_c4-btn-text .btn { 
    color: rgba(var(--c4-btn-bg), 1); 
}

.basic-buttons .btn.c4-btn-text:hover, 
.basic-buttons .btn.c4-btn-text:focus, 
.basic-buttons .btn.c4-btn-text:active, 
.basic-buttons .btn-text_c4-btn-text .btn:hover, 
.basic-buttons .btn-text_c4-btn-text .btn:focus, 
.basic-buttons .btn-text_c4-btn-text .btn:active { 
    color: rgba(var(--c4-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c5-btn-bg, 
.btn-bg_c5-btn-bg .btn {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

.c5-btn-bg:hover, 
.btn-bg_c5-btn-bg .btn:hover,
.btn.c5-btn-bg:focus, 
.btn-bg_c5-btn-bg .btn:focus,
.btn.c5-btn-bg:active, 
.btn-bg_c5-btn-bg .btn:active {
    background: rgba(var(--c5-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c5-btn-bg.c5-btn-bg-linear, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-linear:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-linear:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-linear:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c5-btn-bg-angle), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c5-btn-bg.c5-btn-bg-radial, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}

.c5-btn-bg.c5-btn-bg-radial:hover, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:hover,
.btn.c5-btn-bg.c5-btn-bg-radial:focus, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:focus,
.btn.c5-btn-bg.c5-btn-bg-radial:active, 
.btn-bg_c5-btn-bg.c5-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c5-btn-bg-start-perc) var(--c5-btn-bg-stop-perc), rgba(var(--c5-btn-bg-color1), 1) 0%, rgba(var(--c5-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c5-btn-bg-hover:hover > span, 
.btn.c5-btn-bg-hover:focus > span, 
.btn.c5-btn-bg-hover:active > span, 
.btn-bg_c5-btn-bg-hover .btn:hover > span, 
.btn-bg_c5-btn-bg-hover .btn:focus > span, 
.btn-bg_c5-btn-bg-hover .btn:active > span,
a:hover .btn.c5-btn-bg-hover > span, 
a:focus .btn.c5-btn-bg-hover > span, 
a:active .btn.c5-btn-bg-hover > span,
.btn.c5-btn-bg-hover-solid:hover > span, 
.btn.c5-btn-bg-hover-solid:focus > span, 
.btn.c5-btn-bg-hover-solid:active > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c5-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c5-btn-bg-hover-solid > span, 
a:focus .btn.c5-btn-bg-hover-solid > span, 
a:active .btn.c5-btn-bg-hover-solid > span {
    background: rgba(var(--c5-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-linear:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-linear:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-linear > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c5-btn-bg-hover-angle), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c5-btn-bg.c5-btn-bg-hover-radial:hover > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:focus > span, 
.btn.c5-btn-bg.c5-btn-bg-hover-radial:active > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c5-btn-bg.c5-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:focus .btn.c5-btn-bg.c5-btn-bg-hover-radial > span, 
a:active .btn.c5-btn-bg.c5-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c5-btn-bg-hover-start-perc) var(--c5-btn-bg-hover-stop-perc), rgba(var(--c5-btn-bg-hover-color1), 1) 0%, rgba(var(--c5-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c5-btn-borders, 
.btn-borders_c5-btn-borders .btn {
    border-color: rgba(var(--c5-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c5-btn-borders:hover, 
.btn-borders_c5-btn-borders .btn:hover,
.btn.c5-btn-borders:focus, 
.btn-borders_c5-btn-borders .btn:focus,
.btn.c5-btn-borders:active, 
.btn-borders_c5-btn-borders .btn:active,
a:hover .btn.c5-btn-borders, 
a:focus .btn.c5-btn-borders, 
a:active .btn.c5-btn-borders {
    border-color: rgba(var(--c5-btn-borders-hover), 1);
}


/* Button Text */

.btn.c5-btn-text, 
.btn-text_c5-btn-text .btn {
    color: rgba(var(--c5-btn-text), 1);
}

/* Button Text Hover */

.btn.c5-btn-text:hover, 
.btn-text_c5-btn-text .btn:hover,
.btn.c5-btn-text:focus, 
.btn-text_c5-btn-text .btn:focus,
.btn.c5-btn-text:active, 
.btn-text_c5-btn-text .btn:active,
a:hover .btn.c5-btn-text, 
a:focus .btn.c5-btn-text, 
a:active .btn.c5-btn-text {
    color: rgba(var(--c5-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c5-btn-borders:hover, 
.btn.c5-btn-borders:focus, 
.btn.c5-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c5-btn-borders .btn:hover, 
.btn-borders_c5-btn-borders .btn:focus, 
.btn-borders_c5-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c5-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c5-btn-text, 
.basic-buttons .btn-text_c5-btn-text .btn { 
    color: rgba(var(--c5-btn-bg), 1); 
}

.basic-buttons .btn.c5-btn-text:hover, 
.basic-buttons .btn.c5-btn-text:focus, 
.basic-buttons .btn.c5-btn-text:active, 
.basic-buttons .btn-text_c5-btn-text .btn:hover, 
.basic-buttons .btn-text_c5-btn-text .btn:focus, 
.basic-buttons .btn-text_c5-btn-text .btn:active { 
    color: rgba(var(--c5-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* 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); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c7-btn-bg, 
.btn-bg_c7-btn-bg .btn {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

.c7-btn-bg:hover, 
.btn-bg_c7-btn-bg .btn:hover,
.btn.c7-btn-bg:focus, 
.btn-bg_c7-btn-bg .btn:focus,
.btn.c7-btn-bg:active, 
.btn-bg_c7-btn-bg .btn:active {
    background: rgba(var(--c7-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c7-btn-bg.c7-btn-bg-linear, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-linear:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-linear:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-linear:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c7-btn-bg-angle), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c7-btn-bg.c7-btn-bg-radial, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}

.c7-btn-bg.c7-btn-bg-radial:hover, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:hover,
.btn.c7-btn-bg.c7-btn-bg-radial:focus, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:focus,
.btn.c7-btn-bg.c7-btn-bg-radial:active, 
.btn-bg_c7-btn-bg.c7-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c7-btn-bg-start-perc) var(--c7-btn-bg-stop-perc), rgba(var(--c7-btn-bg-color1), 1) 0%, rgba(var(--c7-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c7-btn-bg-hover:hover > span, 
.btn.c7-btn-bg-hover:focus > span, 
.btn.c7-btn-bg-hover:active > span, 
.btn-bg_c7-btn-bg-hover .btn:hover > span, 
.btn-bg_c7-btn-bg-hover .btn:focus > span, 
.btn-bg_c7-btn-bg-hover .btn:active > span,
a:hover .btn.c7-btn-bg-hover > span, 
a:focus .btn.c7-btn-bg-hover > span, 
a:active .btn.c7-btn-bg-hover > span,
.btn.c7-btn-bg-hover-solid:hover > span, 
.btn.c7-btn-bg-hover-solid:focus > span, 
.btn.c7-btn-bg-hover-solid:active > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c7-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c7-btn-bg-hover-solid > span, 
a:focus .btn.c7-btn-bg-hover-solid > span, 
a:active .btn.c7-btn-bg-hover-solid > span {
    background: rgba(var(--c7-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-linear:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-linear:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-linear > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c7-btn-bg-hover-angle), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c7-btn-bg.c7-btn-bg-hover-radial:hover > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:focus > span, 
.btn.c7-btn-bg.c7-btn-bg-hover-radial:active > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c7-btn-bg.c7-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:focus .btn.c7-btn-bg.c7-btn-bg-hover-radial > span, 
a:active .btn.c7-btn-bg.c7-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c7-btn-bg-hover-start-perc) var(--c7-btn-bg-hover-stop-perc), rgba(var(--c7-btn-bg-hover-color1), 1) 0%, rgba(var(--c7-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c7-btn-borders, 
.btn-borders_c7-btn-borders .btn {
    border-color: rgba(var(--c7-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c7-btn-borders:hover, 
.btn-borders_c7-btn-borders .btn:hover,
.btn.c7-btn-borders:focus, 
.btn-borders_c7-btn-borders .btn:focus,
.btn.c7-btn-borders:active, 
.btn-borders_c7-btn-borders .btn:active,
a:hover .btn.c7-btn-borders, 
a:focus .btn.c7-btn-borders, 
a:active .btn.c7-btn-borders {
    border-color: rgba(var(--c7-btn-borders-hover), 1);
}


/* Button Text */

.btn.c7-btn-text, 
.btn-text_c7-btn-text .btn {
    color: rgba(var(--c7-btn-text), 1);
}

/* Button Text Hover */

.btn.c7-btn-text:hover, 
.btn-text_c7-btn-text .btn:hover,
.btn.c7-btn-text:focus, 
.btn-text_c7-btn-text .btn:focus,
.btn.c7-btn-text:active, 
.btn-text_c7-btn-text .btn:active,
a:hover .btn.c7-btn-text, 
a:focus .btn.c7-btn-text, 
a:active .btn.c7-btn-text {
    color: rgba(var(--c7-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c7-btn-borders:hover, 
.btn.c7-btn-borders:focus, 
.btn.c7-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c7-btn-borders .btn:hover, 
.btn-borders_c7-btn-borders .btn:focus, 
.btn-borders_c7-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c7-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c7-btn-text, 
.basic-buttons .btn-text_c7-btn-text .btn { 
    color: rgba(var(--c7-btn-bg), 1); 
}

.basic-buttons .btn.c7-btn-text:hover, 
.basic-buttons .btn.c7-btn-text:focus, 
.basic-buttons .btn.c7-btn-text:active, 
.basic-buttons .btn-text_c7-btn-text .btn:hover, 
.basic-buttons .btn-text_c7-btn-text .btn:focus, 
.basic-buttons .btn-text_c7-btn-text .btn:active { 
    color: rgba(var(--c7-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c8-btn-bg, 
.btn-bg_c8-btn-bg .btn {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

.c8-btn-bg:hover, 
.btn-bg_c8-btn-bg .btn:hover,
.btn.c8-btn-bg:focus, 
.btn-bg_c8-btn-bg .btn:focus,
.btn.c8-btn-bg:active, 
.btn-bg_c8-btn-bg .btn:active {
    background: rgba(var(--c8-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c8-btn-bg.c8-btn-bg-linear, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-linear:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-linear:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-linear:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c8-btn-bg-angle), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c8-btn-bg.c8-btn-bg-radial, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}

.c8-btn-bg.c8-btn-bg-radial:hover, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:hover,
.btn.c8-btn-bg.c8-btn-bg-radial:focus, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:focus,
.btn.c8-btn-bg.c8-btn-bg-radial:active, 
.btn-bg_c8-btn-bg.c8-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c8-btn-bg-start-perc) var(--c8-btn-bg-stop-perc), rgba(var(--c8-btn-bg-color1), 1) 0%, rgba(var(--c8-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c8-btn-bg-hover:hover > span, 
.btn.c8-btn-bg-hover:focus > span, 
.btn.c8-btn-bg-hover:active > span, 
.btn-bg_c8-btn-bg-hover .btn:hover > span, 
.btn-bg_c8-btn-bg-hover .btn:focus > span, 
.btn-bg_c8-btn-bg-hover .btn:active > span,
a:hover .btn.c8-btn-bg-hover > span, 
a:focus .btn.c8-btn-bg-hover > span, 
a:active .btn.c8-btn-bg-hover > span,
.btn.c8-btn-bg-hover-solid:hover > span, 
.btn.c8-btn-bg-hover-solid:focus > span, 
.btn.c8-btn-bg-hover-solid:active > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c8-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c8-btn-bg-hover-solid > span, 
a:focus .btn.c8-btn-bg-hover-solid > span, 
a:active .btn.c8-btn-bg-hover-solid > span {
    background: rgba(var(--c8-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-linear:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-linear:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-linear > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c8-btn-bg-hover-angle), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c8-btn-bg.c8-btn-bg-hover-radial:hover > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:focus > span, 
.btn.c8-btn-bg.c8-btn-bg-hover-radial:active > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c8-btn-bg.c8-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:focus .btn.c8-btn-bg.c8-btn-bg-hover-radial > span, 
a:active .btn.c8-btn-bg.c8-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c8-btn-bg-hover-start-perc) var(--c8-btn-bg-hover-stop-perc), rgba(var(--c8-btn-bg-hover-color1), 1) 0%, rgba(var(--c8-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c8-btn-borders, 
.btn-borders_c8-btn-borders .btn {
    border-color: rgba(var(--c8-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c8-btn-borders:hover, 
.btn-borders_c8-btn-borders .btn:hover,
.btn.c8-btn-borders:focus, 
.btn-borders_c8-btn-borders .btn:focus,
.btn.c8-btn-borders:active, 
.btn-borders_c8-btn-borders .btn:active,
a:hover .btn.c8-btn-borders, 
a:focus .btn.c8-btn-borders, 
a:active .btn.c8-btn-borders {
    border-color: rgba(var(--c8-btn-borders-hover), 1);
}


/* Button Text */

.btn.c8-btn-text, 
.btn-text_c8-btn-text .btn {
    color: rgba(var(--c8-btn-text), 1);
}

/* Button Text Hover */

.btn.c8-btn-text:hover, 
.btn-text_c8-btn-text .btn:hover,
.btn.c8-btn-text:focus, 
.btn-text_c8-btn-text .btn:focus,
.btn.c8-btn-text:active, 
.btn-text_c8-btn-text .btn:active,
a:hover .btn.c8-btn-text, 
a:focus .btn.c8-btn-text, 
a:active .btn.c8-btn-text {
    color: rgba(var(--c8-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c8-btn-borders:hover, 
.btn.c8-btn-borders:focus, 
.btn.c8-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c8-btn-borders .btn:hover, 
.btn-borders_c8-btn-borders .btn:focus, 
.btn-borders_c8-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c8-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c8-btn-text, 
.basic-buttons .btn-text_c8-btn-text .btn { 
    color: rgba(var(--c8-btn-bg), 1); 
}

.basic-buttons .btn.c8-btn-text:hover, 
.basic-buttons .btn.c8-btn-text:focus, 
.basic-buttons .btn.c8-btn-text:active, 
.basic-buttons .btn-text_c8-btn-text .btn:hover, 
.basic-buttons .btn-text_c8-btn-text .btn:focus, 
.basic-buttons .btn-text_c8-btn-text .btn:active { 
    color: rgba(var(--c8-btn-bg-hover), 1); 
}



/*	
--------------------------------------------------
Additional Colors - Content
-------------------------------------------------- 
*/

/* Solid Buttons */

.btn.c9-btn-bg, 
.btn-bg_c9-btn-bg .btn {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

.c9-btn-bg:hover, 
.btn-bg_c9-btn-bg .btn:hover,
.btn.c9-btn-bg:focus, 
.btn-bg_c9-btn-bg .btn:focus,
.btn.c9-btn-bg:active, 
.btn-bg_c9-btn-bg .btn:active {
    background: rgba(var(--c9-btn-bg-color1), 1);
}

/* Linear Buttons */

.btn.c9-btn-bg.c9-btn-bg-linear, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-linear:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-linear:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-linear:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-linear .btn:active {
    background: linear-gradient(var(--c9-btn-bg-angle), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

/* Radial Buttons */

.btn.c9-btn-bg.c9-btn-bg-radial, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}

.c9-btn-bg.c9-btn-bg-radial:hover, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:hover,
.btn.c9-btn-bg.c9-btn-bg-radial:focus, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:focus,
.btn.c9-btn-bg.c9-btn-bg-radial:active, 
.btn-bg_c9-btn-bg.c9-btn-bg-radial .btn:active {
    background: radial-gradient(farthest-side at var(--c9-btn-bg-start-perc) var(--c9-btn-bg-stop-perc), rgba(var(--c9-btn-bg-color1), 1) 0%, rgba(var(--c9-btn-bg-color2), 1) 100%); 
}


/* Solid Buttons - inner <span> hover */

.btn.c9-btn-bg-hover:hover > span, 
.btn.c9-btn-bg-hover:focus > span, 
.btn.c9-btn-bg-hover:active > span, 
.btn-bg_c9-btn-bg-hover .btn:hover > span, 
.btn-bg_c9-btn-bg-hover .btn:focus > span, 
.btn-bg_c9-btn-bg-hover .btn:active > span,
a:hover .btn.c9-btn-bg-hover > span, 
a:focus .btn.c9-btn-bg-hover > span, 
a:active .btn.c9-btn-bg-hover > span,
.btn.c9-btn-bg-hover-solid:hover > span, 
.btn.c9-btn-bg-hover-solid:focus > span, 
.btn.c9-btn-bg-hover-solid:active > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:hover > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:focus > span, 
.btn-bg_c9-btn-bg-hover-solid .btn:active > span,
a:hover .btn.c9-btn-bg-hover-solid > span, 
a:focus .btn.c9-btn-bg-hover-solid > span, 
a:active .btn.c9-btn-bg-hover-solid > span {
    background: rgba(var(--c9-btn-bg-hover-color1), 1);
}


/* Linear Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-linear:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-linear:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-linear .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-linear > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-linear > span {
    background: linear-gradient(var(--c9-btn-bg-hover-angle), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Radial Buttons - inner <span> hover */

.btn.c9-btn-bg.c9-btn-bg-hover-radial:hover > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:focus > span, 
.btn.c9-btn-bg.c9-btn-bg-hover-radial:active > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:hover > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:focus > span, 
.btn-bg_c9-btn-bg.c9-btn-bg-hover-radial .btn:active > span,
a:hover .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:focus .btn.c9-btn-bg.c9-btn-bg-hover-radial > span, 
a:active .btn.c9-btn-bg.c9-btn-bg-hover-radial > span { 
    background: radial-gradient(farthest-side at var(--c9-btn-bg-hover-start-perc) var(--c9-btn-bg-hover-stop-perc), rgba(var(--c9-btn-bg-hover-color1), 1) 0%, rgba(var(--c9-btn-bg-hover-color2), 1) 100%); 
}


/* Button Borders */

.btn.c9-btn-borders, 
.btn-borders_c9-btn-borders .btn {
    border-color: rgba(var(--c9-btn-borders), 1);
}

/* Button Borders Hover */

.btn.c9-btn-borders:hover, 
.btn-borders_c9-btn-borders .btn:hover,
.btn.c9-btn-borders:focus, 
.btn-borders_c9-btn-borders .btn:focus,
.btn.c9-btn-borders:active, 
.btn-borders_c9-btn-borders .btn:active,
a:hover .btn.c9-btn-borders, 
a:focus .btn.c9-btn-borders, 
a:active .btn.c9-btn-borders {
    border-color: rgba(var(--c9-btn-borders-hover), 1);
}


/* Button Text */

.btn.c9-btn-text, 
.btn-text_c9-btn-text .btn {
    color: rgba(var(--c9-btn-text), 1);
}

/* Button Text Hover */

.btn.c9-btn-text:hover, 
.btn-text_c9-btn-text .btn:hover,
.btn.c9-btn-text:focus, 
.btn-text_c9-btn-text .btn:focus,
.btn.c9-btn-text:active, 
.btn-text_c9-btn-text .btn:active,
a:hover .btn.c9-btn-text, 
a:focus .btn.c9-btn-text, 
a:active .btn.c9-btn-text {
    color: rgba(var(--c9-btn-text-hover), 1);
}


/* Buttons box shadows */
.btn.c9-btn-borders:hover, 
.btn.c9-btn-borders:focus, 
.btn.c9-btn-borders:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}

.btn-borders_c9-btn-borders .btn:hover, 
.btn-borders_c9-btn-borders .btn:focus, 
.btn-borders_c9-btn-borders .btn:active { 
    box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v) var(--btn-box-shadow_b) rgba(var(--c9-btn-borders-hover), var(--btn-box-shadow_o)); 
}


/* Basic buttons */
.basic-buttons .btn.c9-btn-text, 
.basic-buttons .btn-text_c9-btn-text .btn { 
    color: rgba(var(--c9-btn-bg), 1); 
}

.basic-buttons .btn.c9-btn-text:hover, 
.basic-buttons .btn.c9-btn-text:focus, 
.basic-buttons .btn.c9-btn-text:active, 
.basic-buttons .btn-text_c9-btn-text .btn:hover, 
.basic-buttons .btn-text_c9-btn-text .btn:focus, 
.basic-buttons .btn-text_c9-btn-text .btn:active { 
    color: rgba(var(--c9-btn-bg-hover), 1); 
}




@import url('https://fonts.googleapis.com/css?family=Exo 2:400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Exo 2:400,500,600,700,800,900&display=swap');

.scroll-pods .listing .item {
    position: absolute !important;
    flex: 0 0 25% !important;
    -ms-flex: 0 0 25% !important;
    max-width: 25% !important;
}

.scroll-pods .listing .item .inner a {
    background: transparent !important;
}

.scroll-pods .listing .item:first-child {
    left: 10%;
}

.scroll-pods .listing .item:nth-child(2) {
    left: 35%;
}

.scroll-pods .listing .item:nth-child(3) {
    left: 60%;
}

.scroll-pods .listing .item:nth-child(4) {
    left: 85%;
}

.scroll-pods .listing .item:nth-child(5) {
    left: 110%;
}

.scroll-pods .listing .item:nth-child(6) {
    left: 135%;
}

.scroll-pods .listing .item:nth-child(7) {
    left: 160%;
}

.scroll-pods .listing {
    width: 300% !important;
}

.scroll-pods .listing .item:first-child .heading {
    font-size: 80px;
}

.scroll-pods .listing .item:last-child .heading {
    font-size: 60px;
}

.scroll-pods .listing .item:first-child p:not(.heading),
.scroll-pods .listing .item:last-child p:not(.heading) {
    font-size: 18px;
    margin-top: 30px !important;
}

.scroll-pods .item.item_overlay .image::before {
    opacity: 0;
    transition: all .5s ease-in-out;
}

.scroll-pods .item.item_overlay:hover .image::before {
    opacity: .5;
    transition: all .5s ease-in-out;
}

.scroll-pods .item:not(:first-child):not(:last-child) .info .secondary-heading {
    position: fixed;
    background: rgb(0 0 0 / 30%);
    top: 20px;
    left: 40px;
    color: #fff !important;
    border-radius: 20px;
    padding: 5px 20px;
    border: none !important;
    max-width: 83% !important;
}

.scroll-pods .item:not(:first-child):not(:last-child):hover .info .secondary-heading {
    background: #000 !important;
    color: var(--seafoam-color) !important;
}

.scroll-pods .item:not(:first-child):not(:last-child) .info .heading,
.scroll-pods .item:not(:first-child):not(:last-child) .info .text {
    opacity: 0;
    transition: all .5s ease-in-out;
}

.scroll-pods .item:not(:first-child):not(:last-child):hover .info .heading,
.scroll-pods .item:not(:first-child):not(:last-child):hover .info .text {
    opacity: 1;
    transition: all .5s ease-in-out;
}

.scroll-pods .item .info {
    padding: 45px !important;
}

.usn_cmp_ctastrip.c11-bg .btn:last-child {
    border-radius: 40px !important;
    width: inherit !important;
    height: inherit !important;
    padding: 8px 30px 5px 30px !important;
    text-align: center;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-width: 1px !important;
    position: absolute;
    right: 70px !important;
    top: 0 !important;
    color: #fff !important;
    border-color: #fff !important;
    font-family: 'Exo 2', sans-serif !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px;
}

.usn_cmp_ctastrip.c11-bg .btn:last-child:focus:before,
.usn_cmp_ctastrip.c11-bg .btn:last-child:hover:before {
    right: 25px;
    transition: all .3s ease-in-out;
}

.usn_cmp_ctastrip.c11-bg .btn,
.usn_cmp_ctastrip.c11-bg .btn span,
.usn_cmp_ctastrip.c11-bg .btn.base-btn-text {
    border-color: #5affb1 !important;
    color: #5affb1 !important;
}

.usn_cmp_ctastrip.c11-bg .btn:last-child {
    position: relative !important;
    top: inherit !important;
    right: inherit !important;
    background: inherit !important;
    color: inherit !important;
}

.split-header.big-text .usn_cmp_gallery {
    margin-top: 175px !important;
}

section.content .info a:not(.btn) {
    text-decoration-color: inherit !important;
}

.big-intro .secondary-heading {
    border-bottom: none !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    border-radius: 0;
    padding: 5px 20px !important;
    color: var(--midnight-color) !important;
    width: 100%;
    border-bottom: none !important;
    border-top: 1px solid #000 !important;
    word-spacing: 200px;
    display: block;
}

.big-intro .heading,
.big-intro h1,
.big-intro h2,
.big-intro h3,
.big-intro h4,
.big-intro h5,
.big-intro h6 {
    font-size: 40px !important;
    color: var(--midnight-color) !important;
    padding-bottom: 20px !important;
    line-height: 125% !important;
    font-weight: 500 !important;
    padding-top: 30px !important;
}

.label-header {
    border-radius: 20px;
    margin: 30px;
    height: calc(100vh - 60px) !important;
}

.label-header .item {
    background: transparent !important;
}

.form-wrapper .usn_cmp_pods .heading {
    line-height: 100% !important;
}

.label-header .heading span {
    font-size: 36px !important;
    padding: 10px 50px !important;
    background-color: #3300F4;
    display: inline-block !important;
    color: #fff !important;
    font-weight: 300 !important;
    border-radius: 80px !important;
    line-height: 175% !important;
    position: relative;
    float: left;
    margin-right: 300px;
    margin-bottom: 30px;
}

.label-header .heading span.small {
    font-size: 24px !important;
    padding: 10px 50px !important;
    background-color: #fff;
    color: #3300F4 !important;
}

.label-header .item .inner::before {
    opacity: .2 !important;
}

.label-header .link {
    line-height: 175% !important;
    position: relative;
    float: left;
    margin-right: 300px;
    margin-bottom: 30px;
}

.custom-pdf-form ::placeholder {
    color: #9f9f9f !important;
}

.custom-pdf-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9f9f9f !important;
}

.custom-pdf-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #9f9f9f !important;
}

.custom-pdf-form :-ms-input-placeholder {
    /* IE 10+ */
    color: #9f9f9f !important;
}

.custom-pdf-form :-moz-placeholder {
    /* Firefox 18- */
    color: #9f9f9f !important;
}

.custom-pdf-form input,
.custom-pdf-form textarea {
    color: #000 !important;
}

.custom-pdf-form .umbraco-forms-form input.text,
.custom-pdf-form .umbraco-forms-form textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.custom-pdf-form .richtext p {
    display: inline !important;
    width: 50%;
    float: left;
}

.custom-pdf-form form {
    background: #f1f1f1;
    border-radius: 50px !important;
    padding: 20px 50px;
    margin-bottom: 20px !important;
}

.custom-pdf-form .richtext h3 {
    font-size: 40px;
    display: inline !important;
    width: 50%;
    float: left;
    padding: 50px 30px 50px 50px !important;
    color: #000 !important;
    background: transparent !important;
}

.custom-pdf-form .richtext h3:after {
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    font-size: 24px;
    position: absolute;
    margin-left: 20px;
    opacity: 1;
    top: 58px;
    background: transparent !important;
}

.custom-pdf-form .umbraco-forms-form .umbraco-forms-navigation {
    text-align: center !important;
}

.custom-pdf-form fieldset {
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width: 1600px) {
    .custom-pdf-form .richtext p {
        width: 40%;
        padding-top: 30px;
    }

    .custom-pdf-form .richtext h3 {
        width: 60%;
        padding: 0px 30px 50px 50px !important;
    }

    .custom-pdf-form .umbraco-forms-form .umbraco-forms-navigation {
        padding: 0 0 20px 0 !important;
    }
}

@media (max-width: 767px) {
    .custom-pdf-form form {
        padding: 0px 20px;
    }

    .custom-pdf-form .richtext p,
    .custom-pdf-form .richtext h3 {
        width: 100% !important;
    }

    .custom-pdf-form .richtext h3 {
        padding: 0px 10px 20px 15px !important;
        font-size: 30px !important;
    }

    .custom-pdf-form .umbraco-forms-navigation .btn:before {
        opacity: 1 !important;
    }

    .custom-pdf-form form {
        margin-top: 20px !important;
    }
}

nav.main>ul ul,
nav.secondary>ul .dropdown-menu,
nav.secondary>ul .dropdown-menu a {
    font-weight: 300 !important;
}

.small-logo-block {
    padding: 0 0 50px 0 !important;
}

#starshine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.shine {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(https://www.alientrick.com/media/oxnl5iug/ster-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 2;
    color: transparent;
    -moz-opacity: 0.0;
    opacity: 0.0;
    animation: glitter 6s linear 0s infinite normal;
    -webkit-animation: glitter 6s linear 0s infinite normal;
    -moz-animation: glitter 8s linear 0s infinite normal;
    -ms-animation: glitter 8s linear 0s infinite normal;
    -o-animation: glitter 8s linear 0s infinite normal;
    filter: invert(1);
    mix-blend-mode: luminosity;
}

.shine.small {
    width: 10px;
    height: 10px;
}

.shine.medium {
    width: 20px;
    height: 20px;
}

.shine.large {
    width: 30px;
    height: 30px;
}

/*CSS3 keyframes for glittering effect*/
@-webkit-keyframes glitter {
    0% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(1) rotate(360deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.3) rotate(720deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
}


/* START LANDING PAGE COMING SOON */

.bokeh {
    height: 80vh;
    width: 90vw;
    background-color: #1154d978;
    position: absolute;
    top: -100vh;
    bottom: 0;
    left: 0;
    margin: 70px;
    right: 0;
    filter: blur(50px);
    transform: translateZ(0);
    backface-visibility: hidden;
    z-index: 999;
    mix-blend-mode: overlay;
}

.bokeh circle {
    animation: rotate 6s linear infinite;
    fill: #124;
    opacity: 0.43;
    transform-origin: 50%;
}

.bokeh circle:nth-child(2n) {
    fill: #614;
    transform-origin: 20% 110%;
    animation-delay: -3s;
    animation-duration: 4.1316s;
    opacity: 0.2;
}

.bokeh circle:nth-child(3n) {
    opacity: 0.65;
    fill: #469;
    transform-origin: 70% 30%;
    animation-delay: -1.5s;
    animation-duration: 7.9998s;
}

.bokeh circle:nth-child(4n) {
    fill: #c63;
    transform-origin: 110% 70%;
    animation-delay: -2s;
    animation-duration: 4.77996s;
}

.bokeh circle:nth-child(5n) {
    fill: #266;
    transform-origin: 30% 40%;
}

.bokeh circle:nth-child(6n) {
    fill: #124;
    transform-origin: -10% 80%;
    animation-delay: -7.8s;
}

.bokeh circle:nth-child(7n) {
    fill: #614;
    transform-origin: 70% -10%;
}

.bokeh circle:nth-child(8n) {
    fill: #c63;
    transform-origin: -30% 50%;
    animation-delay: -2.4s;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dott {
    position: absolute;
    background-color: var(--seafoam-color);
    width: 2px;
    height: 2px;
    opacity: .3;
    filter: blur(.1px);
    border-radius: 50%;
}

@keyframes twinkleAnm {
    0% {
        opacity: .1;
    }

    25% {
        opacity: .2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .1;
    }
}

.twinkle {
    animation-name: twinkleAnm;
    width: 4px;
    height: 4px;
    animation-iteration-count: infinite;
    background-color: var(--seafoam-color);
}

.dark-landing-page {
    background-image: url(https://www.alientrick.com/media/vswlzc0n/vector.png);
    background-position: top center;
    background-size: 90% !important;
    background-repeat: no-repeat;
    border-bottom: 30px solid #fff;
    background-color: #000;
}

.silver.dark-landing-page {
    background-image: url(https://www.alientrick.com/media/vp0epbcx/vector.jpg) !important;
    background-position: top center;
    background-size: 90% !important;
    background-repeat: no-repeat;
    border-bottom: 30px solid #fff;
    background-color: #F2F3EC;
}

.dark-landing-page .component.usn_cmp_banner {
    border-radius: 40px;
    margin: 30px;
    height: calc(100vh - 60px) !important;
}

.dark-landing-page .component.usn_cmp_banner .image {
    animation-name: growing;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes growing {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}


.dark-landing-page .component.usn_cmp_banner .container {
    max-width: 100% !important;
}

.dark-landing-page .component.usn_cmp_banner .heading {
    font-weight: 100 !important;
    font-size: 50px !important;
    margin-top: -150px !important;
    color: #D6D2D1 !important;
}

.dark-landing-page .component.usn_cmp_banner .heading strong {
    font-weight: 700 !important;
}

.dark-landing-page .component.usn_cmp_banner .heading>span {
    animation: glow 3s ease-in-out infinite;
}

@keyframes glow {

    0%,
    100% {
        color: #FFF;
        text-shadow: 0 0 20px #32cb21, 0 0 30px #32cb21, 0 0 40px #32cb21;
    }

    10%,
    90% {
        color: var(--rhino-color);
        text-shadow: none;
    }
}

.dark-landing-page .component.usn_cmp_banner .heading>span:nth-child(2) {
    animation-delay: 0.25s;
}

.dark-landing-page .component.usn_cmp_banner .heading>span:nth-child(3) {
    animation-delay: 0.5s;
}

.dark-landing-page .component.usn_cmp_banner .heading>span:nth-child(4) {
    animation-delay: 0.75s;
}

.dark-landing-page .component.usn_cmp_banner .heading>span:nth-child(5) {
    animation-delay: 1s;
}

.dark-landing-page .component.usn_cmp_banner .heading>span:nth-child(6) {
    animation-delay: 1.25s;
}

.dark-landing-page .component.usn_cmp_banner .heading>span:nth-child(7) {
    animation-delay: 1.5s;
}

.dark-landing-page footer#site-footer {
    background: #fff !important;
}

.dark-landing-page .cursor:before {
    width: 30px;
    height: 40px;
    background-image: url(https://www.alientrick.com/media/anklmwh5/ster-2.png) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    background-color: transparent !important;
}

.dark-landing-page .cursor.grow {
    background: var(--seafoam-color) !important;
    opacity: .1 !important;
}

.text-block-top .component-outro {
    padding-top: 0 !important;
}

.dark-header header#site-header a.expand,
.dark-header header#site-header #logo {
    filter: invert(1);

}

.dark-header html.nav-up:not(.reached-top):not(.reveal-out) header#site-header a.expand .dot,
.dark-header html.nav-down:not(.reached-top):not(.reveal-out) header#site-header a.expand .dot {
    filter: invert(100%) sepia(18%) saturate(4648%) hue-rotate(358deg) brightness(108%) contrast(97%);
}

.text-block-top .text p {
    margin-top: -170px !important;
    position: absolute;
    z-index: 9999;
    font-weight: 100;
    font-size: 18px;
    margin-bottom: 30px;
}

.episode .heading {
    color: #fff !important;
}

.episode .item strong {
    color: var(--seafoam-color) !important;
    margin: 30px 0 !important;
    display: block !important;
}

.episode .item .info .text p:not(.heading) {
    color: var(--rhino-color) !important;
}

.episode .item:first-child .heading {
    margin-bottom: 40px !important;
}

.episode .usn_cmp_gallery .heading {
    display: inline-block;
    color: #fff !important;
    padding-bottom: 0px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    position: absolute;
    right: 60px;
    top: -40px;
}

.episode .usn_cmp_gallery .secondary-heading {
    font-size: 18px !important;
    font-weight: 300 !important;
    color: var(--seafoam-color) !important;
    border-bottom: 0 !important;
    padding-bottom: 0px !important;
    position: absolute;
    left: 60px;
    top: -40px;
}

.episode .component-introduction {
    padding-bottom: 0 !important;
}

.episode.first .usn_cmp_gallery {
    padding-left: 40px !important;
    transform: translateY(-50px) translateX(100px);
}

.episode .usn_cmp_gallery .image {
    box-shadow: 0px 4px 104px 0px rgba(90, 255, 177, 0.3);
}

.episode.second .usn_cmp_gallery .image {
    box-shadow: 0 0 70px 0 rgb(90 255 177 / 50%);
}

.star-element {
    width: 100px;
    height: 120px;
    background-image: url(https://www.alientrick.com/media/oxnl5iug/ster-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-300px) translateX(700px) scale(0);
    position: absolute;
}

.simple-star-element {
    width: 100px;
    height: 120px;
    background-image: url(https://www.alientrick.com/media/anklmwh5/ster-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-100px) translateX(800px) scale(.5);
    position: absolute;
}

.episode .usn_cmp_text .info {
    padding: 50px 40px;
    background: #000 !important;
    border-radius: 30px;
    margin-left: -100px;
    transform: translateY(0px);
    width: 95% !important;
    border: 1px solid var(--seafoam-color) !important;
}

.episode .usn_cmp_text .info p {
    margin-bottom: 0 !important;
    color: #fff !important;
}

.episode .usn_cmp_text .info .heading {
    font-size: 34px !important;
    margin-bottom: 20px !important;
}

.episode.first .usn_cmp_text {
    transform: translateY(350px);
}

.episode.first {
    padding-top: 100px !important;
    padding-bottom: 350px !important;
}

.episode.second {
    padding-top: 500px !important;
}

.episode.third {
    padding-bottom: 750px !important;
}

.episode.second .usn_cmp_text {
    transform: translateY(-200px) translateX(100px);
}

.episode.second .usn_cmp_gallery {
    transform: translateY(200px) translateX(0px);
}

.episode.third .usn_cmp_text {
    transform: translateY(-300px) translateX(0px);
}

.episode.third .usn_cmp_gallery {
    transform: translateY(200px) translateX(-100px);
}

.dark-landing-page .block-5-images {
    padding: 300px 125px !important;
}

.bal-element {
    width: 250px;
    height: 250px;
    background-image: url(https://www.alientrick.com/media/kwwjnj0j/bal-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(-300px, -300px) scale(.5);
}

.bal-element-2 {
    width: 250px;
    height: 250px;
    background-image: url(https://www.alientrick.com/media/c5ij20m2/bal-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(1020px, -630px) scale(.5);
}

.element-1 {
    width: 50px;
    height: 50px;
    background-image: url(https://www.alientrick.com/media/l4wftssy/ster_0005_layer-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(600px, 0px);
}

.element-2 {
    width: 60px;
    height: 60px;
    background-image: url(https://www.alientrick.com/media/hzzfow0z/ster_0004_layer-2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
}

.element-3 {
    width: 70px;
    height: 70px;
    background-image: url(https://www.alientrick.com/media/jy3g0ecx/ster_0003_layer-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(1000px, 500px);
}

.element-4 {
    width: 50px;
    height: 50px;
    background-image: url(https://www.alientrick.com/media/pqocb5kk/ster_0002_layer-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(20px, 200px);
}

.element-5 {
    width: 50px;
    height: 50px;
    background-image: url(https://www.alientrick.com/media/l4wftssy/ster_0005_layer-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(500px, 600px);
}

.element-6 {
    width: 70px;
    height: 70px;
    background-image: url(https://www.alientrick.com/media/o43oy004/ster_0000_layer-6.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(440px, 150px);
}

.element-7 {
    width: 300px;
    height: 300px;
    background-image: url(https://www.alientrick.com/media/toidmfbd/bal-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    position: absolute;
    transform: translate(800px, 240px);
}

.rotating-image {
    padding-left: 50px !important;
    padding-right: 50px !important;
    z-index: 999 !important;
}

.rotating-image .image {
    padding: 50px 80px !important;
}

.rotating-image .heading {
    color: #fff !important;
    font-size: 36px !important;
    margin-top: 90px !important;
    margin-bottom: 30px !important;
}

.rotating-image p {
    color: var(--rhino-color) !important;
}

.rotating-image .info {
    padding-left: 50px !important;
}

.rotating-image .btn.base-btn-bg {
    border-color: var(--seafoam-color) !important;
    color: var(--seafoam-color) !important;
    margin-right: 10px !important;
}

.rotating-image .text p a:not(.btn) {
    color: var(--seafoam-color) !important;
    font-weight: 700 !important;
}

.rotating-image .base-btn-bg:hover,
.rotating-image .base-btn-bg:focus,
.rotating-image .item:hover .base-btn-bg,
.rotating-image .item:hover .base-btn-bg.btn:after {
    border-color: var(--seafoam-color) !important;
    color: var(--seafoam-color) !important;
}

.rotating-image .social img {
    max-width: 30px !important;
}

.green-bottom {
    position: absolute;
    width: 100%;
    height: 430px;
    background-image: url(https://www.alientrick.com/media/s2rl042g/big-stars-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;
    position: absolute;
    z-index: 998 !important;
    left: 0;
    bottom: 0;
    transform: translate(0px, 0px);
}

@media (min-width: 3600px) {
    .dark-landing-page .component.usn_cmp_banner .heading {
        font-size: 140px !important;
        margin-top: -300px !important;
    }

    .dark-landing-page .container {
        max-width: 70% !important;
    }

    .episode .usn_cmp_text .info .heading {
        font-size: 65px !important;
        margin-bottom: 40px !important;
    }

    .episode .usn_cmp_text .info {
        padding: 90px 70px;
    }

    .episode .usn_cmp_gallery .secondary-heading {
        font-size: 36px !important;
        left: 120px;
        top: -90px;
    }

    .episode .usn_cmp_gallery .heading {
        font-size: 36px !important;
        right: 120px;
        top: -90px;
    }

    .episode.first .usn_cmp_text {
        transform: translateY(700px);
    }

    .episode.first .usn_cmp_gallery {
        padding-left: 80px !important;
        transform: translateY(-100px) translateX(200px);
    }

    .dark-landing-page .cursor:before {
        width: 40px;
        height: 60px;
    }

    .star-element {
        width: 150px;
        height: 180px;
        transform: translateY(-600px) translateX(1400px) scale(0);
    }

    .episode.second {
        padding-top: 1000px !important;
    }

    .episode.second .usn_cmp_text {
        transform: translateY(-200px) translateX(200px);
    }

    .episode.second .usn_cmp_gallery {
        transform: translateY(800px) translateX(0px);
    }

    .episode.third .usn_cmp_text {
        transform: translateY(-600px) translateX(0px);
    }

    .episode.third .usn_cmp_gallery {
        transform: translateY(400px) translateX(-200px);
    }

    .dark-landing-page .component.usn_cmp_banner {
        margin: 60px;
    }

    .dark-landing-page .block-5-images {
        padding: 800px 250px !important;
    }

    .episode.third {
        padding-bottom: 1500px !important;
    }

    .simple-star-element {
        width: 150px;
        height: 180px;
        transform: translateY(-200px) translateX(1600px) scale(.5);
    }

    .rotating-image {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .rotating-image .btn.base-btn-bg {
        margin-right: 40px !important;
        transform: scale(2) translateX(25%) !important;
    }

    .rotating-image .btn.base-btn-bg:nth-child(2) {
        margin-left: 170px !important;
    }

    .rotating-image .btn.base-btn-bg:nth-child(3) {
        margin-left: 80px !important;
        margin-right: 240px !important;
    }

    .rotating-image .social img {
        max-width: 50px !important;
    }

    .rotating-image p.heading.lg {
        font-size: 80px !important;
        margin-top: 120px !important;
    }

    .dark-landing-page .sliding-words p {
        font-size: 40px !important;
    }

    .bal-element {
        width: 500px;
        height: 500px;
        transform: translate(-600px, -600px) scale(.5);
    }

    .bal-element-2 {
        width: 500px;
        height: 500px;
        transform: translate(2040px, -1260px) scale(.5);
    }

    .element-1 {
        width: 100px;
        height: 100px;
        transform: translate(1200px, 0px);
    }

    .element-2 {
        width: 120px;
        height: 120px;
        transform: translate(2300px, 1040px);
    }

    .element-3 {
        width: 140px;
        height: 140px;
        transform: translate(2000px, 1000px);
    }

    .element-4 {
        width: 100px;
        height: 100px;
        transform: translate(40px, 400px);
    }

    .element-5 {
        width: 100px;
        height: 100px;
        transform: translate(1000px, 1200px);
    }

    .element-6 {
        width: 140px;
        height: 140px;
        transform: translate(880px, 300px);
    }

    .element-7 {
        width: 600px;
        height: 600px;
        transform: translate(1600px, 480px);
    }

    .green-bottom {
        height: 860px;
    }
}

@media (min-width:1200px) and (max-width: 1366px) {

    .silver.dark-landing-page,
    .dark-landing-page {
        background-size: 95% !important;
    }

    .episode.first .usn_cmp_text {
        transform: translateY(250px);
    }

    .episode .usn_cmp_text .info {
        margin-left: 0;
        width: 85% !important;
    }

    .episode .usn_cmp_text .info .heading {
        font-size: 30px !important;
    }

    .episode.first .usn_cmp_gallery {
        padding-left: 40px !important;
        transform: translateY(-250px) translateX(100px);
    }

    .star-element {
        width: 80px;
        height: 90px;
        transform: translateY(-300px) translateX(600px) scale(0);
    }

    .episode.second {
        padding-top: 0 !important;
    }

    .episode.second .usn_cmp_text {
        transform: translateY(0px) translateX(50px);
    }

    .episode.second .usn_cmp_gallery {
        transform: translateY(400px) translateX(0px);
    }

    .dark-landing-page .block-5-images {
        padding: 150px 50px !important;
    }

    .episode.third {
        padding-bottom: 350px !important;
    }

    .episode.third .usn_cmp_text {
        transform: translateY(-300px) translateX(0px);
    }

    .episode.third .usn_cmp_gallery {
        transform: translateY(200px) translateX(-100px);
    }

    .simple-star-element {
        transform: translateY(-100px) translateX(800px) scale(.5);
    }

    .bal-element {
        transform: translate(620px, -390px) scale(.5);
    }

    .bal-element-2 {
        transform: translate(1020px, -630px) scale(.5);
    }

    .element-1 {
        transform: translate(600px, 0px);
    }

    .element-2 {
        transform: translate(1150px, 520px);
    }

    .element-3 {
        transform: translate(1000px, 500px);
    }

    .element-4 {
        transform: translate(20px, 200px);
    }

    .element-5 {
        transform: translate(500px, 600px);
    }

    .element-6 {
        transform: translate(440px, 150px);
    }

    .element-7 {
        transform: translate(800px, 240px);
    }

    .episode.third .component-outro {
        margin-top: -300px !important;
        margin-bottom: 300px !important;
    }

    .rotating-image {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .rotating-image .info {
        padding-left: 0 !important;
    }
}

@media (max-width: 1200px) and (orientation: landscape) {

    .silver.dark-landing-page,
    .dark-landing-page {
        background-size: 95% !important;
    }

    .episode.first .usn_cmp_text {
        transform: translateY(250px);
        flex: 0 0 40% !important;
        -ms-flex: 0 0 40% !important;
        max-width: 40% !important;
    }

    .episode .usn_cmp_text .info {
        margin-left: 0;
        width: 85% !important;
    }

    .episode .usn_cmp_text .info .heading {
        font-size: 30px !important;
    }

    .episode.first {
        padding-top: 150px !important;
        padding-bottom: 50px !important;
    }

    .episode.first .usn_cmp_gallery {
        padding-left: 40px !important;
        transform: translateY(-250px) translateX(100px);
        flex: 0 0 60% !important;
        -ms-flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .star-element {
        width: 60px;
        height: 70px;
        transform: translateY(-300px) translateX(600px) scale(0);
    }

    .episode.second {
        padding-top: 0 !important;
    }

    .episode.second .usn_cmp_text {
        transform: translateY(0px) translateX(50px);
    }

    .episode.second .usn_cmp_gallery {
        transform: translateY(400px) translateX(0px);
    }

    .dark-landing-page .block-5-images .item:nth-child(5) {
        transform: none !important;
    }

    .dark-landing-page .block-5-images {
        padding: 100px 50px !important;
    }

    .episode.third {
        padding-bottom: 350px !important;
    }

    .episode.third .usn_cmp_text {
        transform: translateY(-150px) translateX(0px);
    }

    .episode.third .usn_cmp_gallery {
        transform: translateY(200px) translateX(-100px);
    }

    .simple-star-element {
        transform: translateY(-100px) translateX(800px) scale(.5);
    }

    .bal-element {
        transform: translate(620px, -390px) scale(.5);
    }

    .bal-element-2 {
        transform: translate(1020px, -630px) scale(.5);
    }

    .element-1 {
        transform: translate(600px, 0px);
    }

    .element-2 {
        transform: translate(1150px, 520px);
    }

    .element-3 {
        transform: translate(1000px, 500px);
    }

    .element-4 {
        transform: translate(20px, 200px);
    }

    .element-5 {
        transform: translate(500px, 600px);
    }

    .element-6 {
        transform: translate(440px, 150px);
    }

    .element-7 {
        transform: translate(800px, 240px);
    }

    .episode.third .component-outro {
        margin-top: -300px !important;
        margin-bottom: 300px !important;
        margin-left: -200px;
    }

    .rotating-image {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .rotating-image .info {
        padding-left: 0 !important;
        padding-right: 100px !important;
    }

    .rotating-image .social {
        margin-top: 30px !important;
    }

    .rotating-image:after {
        content: '';
        width: 100%;
        height: 500px;
        background: radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 50%);
        position: absolute;
        left: -90px;
        bottom: 0;
        z-index: -1;
    }

    .block-5-images .item:nth-child(even) {
        transform: translateY(40px);
    }
}

@media (max-width: 1080px) and (orientation: portrait) {

    .silver.dark-landing-page,
    .dark-landing-page {
        background-size: 120% !important;
        background-repeat: repeat-y;
    }

    .dark-landing-page .component.usn_cmp_banner {
        box-shadow: 0px -90px 200px 200px #000;
    }

    .dark-landing-page .component.usn_cmp_banner .image {
        background-position: 37% 100% !important;
    }

    .episode .usn_cmp_text,
    .episode .usn_cmp_gallery {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .episode .usn_cmp_text .info {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .episode.first .usn_cmp_gallery {
        padding-left: 15px !important;
    }

    .episode.second .usn_cmp_text {
        transform: translateY(-600px) translateX(0px);
    }

    .dark-landing-page .block-5-images {
        padding: 100px 0 0 0 !important;
        box-shadow: 0px 0px 200px 200px #000;
    }

    .episode.second .usn_cmp_gallery .listing {
        box-shadow: 0px 0px 200px 200px #000;
    }

    .episode.third .usn_cmp_text {
        transform: translateY(-500px) translateX(0px);
    }

    .episode.third .usn_cmp_gallery {
        transform: translateY(200px) translateX(0px);
    }

    .episode.third .component-outro {
        margin-top: -120px !important;
        margin-bottom: 240px !important;
        margin-left: -300px;
        transform: scale(.6);
    }

    .rotating-image .inner {
        display: block !important;
    }

    .rotating-image .item .image,
    .rotating-image .item .info {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .rotating-image:after {
        content: '';
        width: 100%;
        height: 1080px;
        background: radial-gradient(circle, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 100%);
        position: absolute;
        left: 0;
        bottom: -60px;
        z-index: -1;
    }

    .rotating-image .heading {
        margin-top: 10px !important;
    }

    .rotating-image .social {
        margin-top: 30px !important;
    }

    .green-bottom {
        z-index: 1001 !important;
        height: 600px;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .episode .usn_cmp_text .info .heading {
        font-size: 24px !important;
    }

    .rotating-image:after {
        height: 610px;
        background: radial-gradient(circle, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 50%);
        left: 180px;
        bottom: -30px;
    }
}

@media (max-width: 992px) and (orientation: portrait) {
    .dark-landing-page .component.usn_cmp_banner .heading {
        font-size: 36px !important;
        margin-top: -40px !important;
    }

    .dark-landing-page .component.usn_cmp_banner {
        box-shadow: none;
    }

    .dark-landing-page .component.usn_cmp_banner,
    .dark-landing-page .component.usn_cmp_banner .image {
        border-radius: 0;
        margin: 0;
        height: calc(100vh - 50px) !important;
    }

    .episode .usn_cmp_text .info {
        margin-left: -1% !important;
        width: 102% !important;
    }

    .episode .usn_cmp_text .info .heading {
        font-size: 26px !important;
    }

    .episode .usn_cmp_gallery .heading {
        top: -30px;
    }

    .episode.first {
        padding-top: 0px !important;
        padding-bottom: 150px !important;
    }

    .episode.first .usn_cmp_gallery {
        transform: translateY(120px) translateX(0px);
    }

    p:not(.secondary-heading, .heading) {
        font-size: 15px !important;
    }

    .star-element {
        width: 60px;
        height: 70px;
        transform: translateY(-300px) translateX(600px) scale(0);
    }

    .dark-landing-page .block-5-images {
        padding: 40px 50px 20px 50px !important;
    }

    .dark-landing-page .slick-slider .slick-dots li>button {
        background: var(--rhino-color) !important;
    }

    .episode.third .usn_cmp_text {
        transform: translateY(-300px) translateX(0px);
    }

    .rotating-image {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .rotating-image .info {
        padding-left: 30px !important;
        padding-right: 20px;
    }

    .dark-landing-page .slick-slider .slick-dots li>button {
        width: 12px;
        height: 2px;
        border-radius: 0 !important;
    }

    .dark-landing-page .block-5-images {
        box-shadow: none;
    }

    .rotating-image .image {
        padding: 30px !important;
    }

    .rotating-image:after {
        height: 950px;
    }

    .episode.second .usn_cmp_gallery .listing {
        box-shadow: none;
    }

    .bal-element {
        width: 200px;
        height: 200px;
    }

    .simple-star-element {
        width: 60px;
        height: 80px;
    }

    .episode.third .component-outro {
        margin-top: -130px !important;
        margin-bottom: 40px !important;
    }

    .bokeh {
        margin: 0 !important;
        background-color: #0055ff78;
    }

    .episode.third {
        padding-bottom: 500px !important;
    }
}

/* END LANDING PAGE COMING SOON */


/* START LANDING PAGE 25 YEARS */

.dark-landing-page.silver .episode .usn_cmp_text:first-child .info {
    background: #fff !important;
    border: 1px solid #fff !important;
    margin-left: 200px !important;
}

.dark-landing-page.silver .episode .usn_cmp_text:first-child .info p {
    color: #92938B !important;
}

.dark-landing-page.silver .episode .usn_cmp_text:nth-child(2) .info {
    border: 1px solid #000 !important;
    margin-left: -180px !important;
}

.dark-landing-page.silver .episode .item strong {
    color: #fff !important;
}

.logo-25 {
    width: 350px;
    height: 350px;
    position: absolute;
    left: calc(50% - 175px);
    top: calc(50% - 175px);
    background-image: url(https://www.alientrick.com/media/odcpsa2b/25-jaar-logo.png);
    background-size: 100%;
    z-index: 1;
    opacity: 0;
    transform: scale(.8);
}

.balloon-1 {
    width: 145px;
    height: 153px;
    position: absolute;
    left: calc(50% - 345px);
    top: calc(50% - 175px);
    background-image: url(https://www.alientrick.com/media/hdcjnysi/1.png);
    background-size: 100%;
    opacity: 0;
    transform: scale(.8);
}

.balloon-2 {
    width: 189px;
    height: 191px;
    position: absolute;
    left: calc(50% - 235px);
    top: calc(50% - 295px);
    background-image: url(https://www.alientrick.com/media/mejjg2ko/2.png);
    background-size: 100%;
    z-index: 2;
    opacity: 0;
    transform: scale(.8);
}

.balloon-3 {
    width: 141px;
    height: 173px;
    position: absolute;
    left: calc(50% - 35px);
    top: calc(50% - 355px);
    background-image: url(https://www.alientrick.com/media/asdh13f4/3.png);
    background-size: 100%;
    z-index: 2;
    opacity: 0;
    transform: scale(.8);
}

.balloon-4 {
    width: 162px;
    height: 151px;
    position: absolute;
    left: calc(50% + 95px);
    top: calc(50% - 225px);
    background-image: url(https://www.alientrick.com/media/av4f1hrz/4.png);
    background-size: 100%;
    z-index: -1;
    opacity: 0;
    transform: scale(.8);
}

.balloon-5 {
    width: 252px;
    height: 204px;
    position: absolute;
    left: calc(50% + 125px);
    top: calc(50% - 95px);
    background-image: url(https://www.alientrick.com/media/ysujkd2c/5.png);
    background-size: 100%;
    z-index: 2;
    opacity: 0;
    transform: scale(.8);
}

.episode.first.silver .ball-1 {
    width: 444px;
    height: 444px;
    background-image: url(https://www.alientrick.com/media/pi0jelni/blauwe-blob-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-610px) translateX(20px) scale(.3);
    position: absolute;
}

.episode.first.silver .star-1 {
    width: 100px;
    height: 120px;
    background-image: url(https://www.alientrick.com/media/oxnl5iug/ster-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(200px) translateX(-80px) scale(.3);
    position: absolute;
}

.episode.first.silver .usn_cmp_text {
    transform: translateY(200px);
}

.episode.first.silver .usn_cmp_text:nth-child(2) {
    transform: translateY(300px);
}

.silver .gallery .heading,
.silver .gallery .secondary-heading,
.silver .episode .usn_cmp_gallery .heading,
.silver .episode .usn_cmp_gallery .secondary-heading {
    color: #000 !important;
    font-weight: 400 !important;
}

.silver .gallery .secondary-heading {
    font-size: 18px !important;
    border-bottom: 0 !important;
    padding-bottom: 0px !important;
    position: absolute;
    left: 60px;
    top: -15px;
}

.silver .gallery .heading {
    display: inline-block;
    padding-bottom: 0px !important;
    font-size: 18px !important;
    position: absolute;
    right: 60px;
    top: -15px;
}

.silver .episode .usn_cmp_gallery .heading,
.silver .episode .usn_cmp_gallery .secondary-heading {
    top: -45px !important;
}

.silver .gallery .container {
    transform: translateY(100px);
}

.silver .gallery .image {
    box-shadow: 0px 0px 60px 30px rgba(90, 255, 177, 0.3);
}

.silver .image .overlayicon .icon {
    color: var(--seafoam-color) !important;
}

.episode.second.silver .usn_cmp_text {
    transform: translateY(100px) translateX(100px);
}

.episode.second.silver {
    padding-top: 200px !important;
}

.episode.fourth.silver {
    padding-top: 200px !important;

}

.dark-landing-page.silver .episode.second .usn_cmp_text:first-child .info {
    margin-left: 350px !important;
}

.silver .bal-element-2 {
    width: 222px;
    height: 222px;
    background-image: url(https://www.alientrick.com/media/pi0jelni/blauwe-blob-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-780px) translateX(-120px) scale(.5);
    position: absolute;
}

.dark-landing-page.silver .block-5-images {
    padding: 0px 125px !important;
}

.episode.third.silver {
    padding-left: 100px !important;
    padding-bottom: 0 !important;
}

.episode.third.silver .usn_cmp_gallery {
    transform: translateY(-100px) translateX(-100px);
}

.episode.third.silver .image {
    box-shadow: 0px 0px 60px 30px rgba(90, 255, 177, 0.3);
}

.episode.third.silver .usn_cmp_text {
    transform: translateY(-100px) translateX(0px);
}

.episode.third.silver.new .usn_cmp_gallery {
    transform: translateY(300px) translateX(-100px);
}

.episode.third.silver.new .usn_cmp_text {
    transform: translateY(0px) translateX(0px);
}

.dark-landing-page.silver .episode.third .usn_cmp_text:nth-child(2) .info {
    border: 1px solid #000 !important;
    margin-left: -100px !important;
    background-color: #F2F3EC !important;
}

.episode.third.silver .item .info .text p:not(.heading),
.episode.third.silver .usn_cmp_text .info p {
    color: #000 !important;
}

.silver .simple-star-element {
    width: 250px;
    height: 260px;
    transform: translateY(-300px) translateX(600px) scale(.5);
}

.dark-landing-page.silver .episode.newnew .usn_cmp_text:first-child .info {
    background: #000 !important;
    border: 1px solid #000 !important;
}

.dark-landing-page.silver .episode.newnew .usn_cmp_text:first-child .info .heading,
.dark-landing-page.silver .episode.newnew .usn_cmp_text:first-child .info p {
    color: #fff !important;
}

.dark-landing-page.silver .episode.newnew .usn_cmp_text:nth-child(2) .info {
    border: 1px solid #fff !important;
    background: #fff !important;
}

.dark-landing-page.silver .episode.newnew .usn_cmp_text:nth-child(2) .info .heading,
.dark-landing-page.silver .episode.newnew .usn_cmp_text:nth-child(2) .info p {
    color: #92938B !important;
}

.episode.first.silver.new {
    padding-top: 0 !important;
    padding-bottom: 450px !important;
}

.episode.first.silver.new .usn_cmp_text {
    transform: translateY(400px);
}

.episode.first.silver.new .usn_cmp_text:nth-child(2) {
    transform: translateY(150px);
}

.episode.first.silver.newnew {
    padding-bottom: 650px !important;
}

.episode.first.silver.newnew .usn_cmp_text {
    transform: translateY(520px);
}

.episode.first.silver.newnew .usn_cmp_text:nth-child(2) {
    transform: translateY(150px);
}

.episode.second.last .usn_cmp_text {
    transform: translateY(-10px) translateX(100px);
}

.dark-landing-page.silver .episode.last .item strong {
    color: #92938B !important;
}

.big-gallery {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.silver .big-gallery .image {
    transform: translateY(300px) scale(.4);
}

.new-star {
    width: 140px;
    height: 161px;
    background-image: url(https://www.alientrick.com/media/zvnnbo0z/ster-4.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-810px) translateX(-300px) scale(.5);
    position: absolute;
}

.silver .rotating-image .item .image img {
    filter: invert(1);
}

.silver .rotating-image p,
.silver .rotating-image .heading {
    color: #000 !important;
}

.silver .rotating-image .text p a:not(.btn) {
    color: #000 !important;
}

.silver .rotating-image .btn.base-btn-bg {
    border-color: #000 !important;
    color: #000 !important;
}

.silver .rotating-image .social img {
    filter: brightness(.1) grayscale(1) contrast(1);
}

.episode.last .item strong {
    margin: 30px 0 0 0 !important;
}

.new-ball {
    width: 444px;
    height: 444px;
    background-image: url(https://www.alientrick.com/media/pi0jelni/blauwe-blob-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-920px) translateX(290px) scale(.5);
    position: absolute;
    z-index: -1;
}

.logo-image {
    padding: 200px 0 !important;
}

.logo-image .bg {
    width: 1400px;
    height: 1400px;
    background-image: url(https://www.alientrick.com/media/gnbnmcz2/radial.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-1040px) translateX(0) scale(1);
    position: absolute;
    z-index: -1;
}

.logo-image .image {
    transform: translateY(200px) translateX(0) scale(0);
}

.star-logo-1 {
    width: 150px;
    height: 150px;
    background-image: url(https://www.alientrick.com/media/g43hk2qq/ster-5.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-860px) translateX(300px) scale(.1);
    position: absolute;
    z-index: -1;
}

.star-logo-2 {
    width: 100px;
    height: 120px;
    background-image: url(https://www.alientrick.com/media/oxnl5iug/ster-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(350px) translateX(550px) scale(.1);
    position: absolute;
}

.asterix {
    width: 115px;
    height: 120px;
    background-image: url(https://www.alientrick.com/media/ou4n4u1n/ster-3.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-830px) translateX(-180px) scale(.5);
    position: absolute;
}

.ball-ast {
    width: 222px;
    height: 222px;
    background-image: url(https://www.alientrick.com/media/pi0jelni/blauwe-blob-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-750px) translateX(790px) scale(.5);
    position: absolute;
    z-index: -1;
}

html.nav-down:not(.reached-top) .silver header#site-header,
html.nav-up:not(.reached-top) .silver header#site-header,
html.nav-down:not(.reached-top) .silver header#site-header.header-bg-solid,
html.nav-up:not(.reached-top) .silver header#site-header.header-bg-solid {
    filter: invert(1) !important;
}

.silver .logo-25-years {
    display: none;
    position: fixed;
    right: -100px;
    top: 165px;
    width: 100px;
    height: 100px;
    background-image: url(https://www.alientrick.com/media/odcpsa2b/25-jaar-logo.png);
    background-size: 100%;
    z-index: 9999 !important;
    filter: invert(1);
    transform: scale(0);
    transition: all .3s ease-in-out;
}


html.nav-down:not(.reached-top) .silver .logo-25-years,
html.nav-up .silver .logo-25-years {
    display: block;
    right: 100px;
    transition: all .3s ease-in-out;
    transform: scale(1);
}

html.nav-up:not(.reveal-out) header#site-header {
    opacity: 1;
}

html.nav-down:not(.reveal-out) header#site-header {
    opacity: 1;
}


html.nav-up:not(.reached-top):not(.reveal-out) header#site-header .logo .icon,
html.nav-down:not(.reached-top):not(.reveal-out) header#site-header .logo .icon {
    fill: #390df8;
}

/*html.nav-up:not(.reached-top):not(.reveal-out) .dark-header header-bg .logo .icon,*/
/*html.nav-down:not(.reached-top):not(.reveal-out) .dark-header header-bg .logo .icon {*/
/*	fill: #eff170!important;*/
/*}*/


html.nav-up:not(.reached-top):not(.reveal-out) header#site-header a.expand .dot,
html.nav-down:not(.reached-top):not(.reveal-out) header#site-header a.expand .dot {
    fill: #390df8;
}

.dark-bg-header header#site-header a.expand .dot {
    fill: #fff;
}

.dark-bg-header a.expand,
.dark-bg-header header#site-header #logo {
    fill: #390df8 !important;
    filter: none;
}

.nav-up .dark-bg-header header#site-header #logo a {
    filter: none;
}

.reached-top .dark-bg-header header#site-header #logo a {
    filter: invert(1);
}

.dark-bg-header header#site-header #logo a {
    filter: invert(1);
}



html.nav-up:not(.reveal-out) body.transparent-header-lg header#site-header {
    height: 120px !important;
    min-height: 120px !important;
}

.episode.third.silver .usn_cmp_text {
    transform: translateY(-100px) translateX(0px);
}

.episode.third.silver .usn_cmp_gallery {
    transform: translateY(400px) translateX(-100px);
}

.silver .dott {
    background: #7d7d7d !important;
}

.sticky-logo {
    margin: 0 !important;
}

@media (min-width: 3600px) {
    #scramble .text {
        transform: scale(2) translate(-50px, -400px);
    }

    .episode.first.silver .usn_cmp_text {
        transform: translateY(200px) translateX(-200px);
    }

    .episode.first.silver .usn_cmp_text:nth-child(2) {
        transform: translateY(300px) translateX(200px);
    }

    .episode.first.silver {
        padding-top: 200px !important;
        padding-bottom: 500px !important;
    }

    .silver .gallery .heading {
        margin: 0 !important;
    }

    .silver .gallery .heading,
    .silver .gallery .secondary-heading {
        font-size: 36px !important;
        top: -45px !important;
    }

    .episode.second.silver .usn_cmp_text {
        transform: translateY(200px) translateX(200px);
    }

    .silver .bal-element-2 {
        transform: translateY(-1280px) translateX(-520px) scale(.5);
    }

    .silver .episode .usn_cmp_gallery .heading {
        top: -125px !important;
    }

    .silver .episode .usn_cmp_gallery .secondary-heading {
        top: -105px !important;
    }

    .episode.first.silver.new {
        padding-top: 380px !important;
        padding-bottom: 900px !important;
    }

    .episode.first.silver.newnew {
        padding-bottom: 1160px !important;
    }

    .logo-image .bg {
        width: 3000px;
        height: 3000px;
        transform: translateY(-2220px) translateX(0) scale(1);
    }

    .dark-landing-page.silver .component.usn_cmp_banner {
        overflow: visible !important;
    }

    html.nav-down:not(.reached-top) .silver .logo-25-years,
    html.nav-up .silver .logo-25-years {
        right: 90px;
        width: 200px;
        height: 200px;
        top: 240px;
    }

    .episode.first.silver.new .usn_cmp_text {
        transform: translateY(400px) translateX(-100px);
    }

    .episode.first.silver.new .usn_cmp_text:nth-child(2) {
        transform: translateY(150px) translateX(100px);
    }

    .dark-landing-page.silver .block-5-images {
        padding: 100px 250px !important;
    }

    .episode.first.silver.newnew .usn_cmp_text {
        transform: translateY(520px) translateX(-100px);
    }

    .episode.first.silver.newnew .usn_cmp_text:nth-child(2) {
        transform: translateY(150px) translateX(100px);
    }

    .episode.second.last {
        padding-top: 800px !important;
    }
}

@media (min-width:1200px) and (max-width: 1366px) {
    .dark-landing-page.silver .component.usn_cmp_banner .item.item_scale-banner .image img {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    #scramble .info {
        transform: scale(.8);
    }

    html.nav-down:not(.reached-top) .silver .logo-25-years,
    html.nav-up .silver .logo-25-years {
        right: 60px;
        top: 130px;
        width: 80px;
        height: 80px;
    }

    .episode.first.silver .ball-1 {
        width: 300px;
        height: 300px;
    }

    .dark-landing-page.silver .block-5-images {
        padding: 0px 45px !important;
    }

    .episode.third.silver .usn_cmp_gallery {
        transform: translateY(-100px) translateX(10px);
    }

    .episode.third.silver .usn_cmp_text {
        transform: translateY(-100px) translateX(50px);
    }

    .episode.first.silver.new {
        padding-top: 100px !important;
        padding-bottom: 350px !important;
    }

    .episode.first.silver.newnew {
        padding-bottom: 500px !important;
    }

    .silver .episode.first {
        padding-top: 50px !important;
    }

    .episode.second.silver {
        padding-top: 100px !important;
    }

    .silver .episode .usn_cmp_text .info {
        width: 100% !important;
    }

    .episode.third.silver {
        padding-top: 0 !important;
    }

    .episode.second.last {
        padding-top: 380px !important;
    }

    .logo-image {
        padding: 0px 150px 150px 150px !important;
    }

    .logo-image .bg {
        width: 1100px;
        height: 1100px;
        transform: translateY(-800px) translateX(0px) scale(1);
    }

    .dark-landing-page.silver {
        background-size: 100% !important;
    }

}

@media (max-width: 1200px) and (orientation: landscape) {
    .dark-landing-page.silver .component.usn_cmp_banner .item.item_scale-banner .image img {
        width: 130% !important;
        max-width: 130% !important;
        margin-left: -10% !important;
    }

    html.nav-down:not(.reached-top) .silver .logo-25-years,
    html.nav-up .silver .logo-25-years {
        right: 30px;
        top: 135px;
    }

    .dark-landing-page.silver .episode .usn_cmp_text:first-child .info {
        margin-left: 140px !important;
    }

    .dark-landing-page.silver .episode .usn_cmp_text:nth-child(2) .info {
        margin-left: -80px !important;
    }

    .episode.first.silver {
        padding-top: 0px !important;
        padding-bottom: 300px !important;
    }

    .episode.second.silver {
        padding-top: 100px !important;
    }

    .silver .episode .usn_cmp_text .info {
        width: 90% !important;
    }

    .silver .rotating-image:after {
        display: none !important;
    }

    .episode.third.silver {
        padding-top: 0 !important;
    }

    .episode.first.silver.new {
        padding-top: 70px !important;
        padding-bottom: 300px !important;
    }

    .dark-landing-page.silver {
        background-size: 110% !important;
    }

    .episode.first.silver.newnew {
        padding-bottom: 500px !important;
    }

    .episode.second.last {
        padding-top: 320px !important;
    }

    .shine.small {
        width: 5px;
        height: 5px;
    }

    .shine.medium {
        width: 10px;
        height: 10px;
    }

    .shine.large {
        width: 20px;
        height: 20px;
    }

    html.nav-down:not(.reached-top) .silver .logo-25-years,
    html.nav-up .silver .logo-25-years {
        right: 40px;
        width: 80px;
        height: 80px;
    }

    .logo-image {
        padding: 0px 150px 150px 150px !important;
    }

}

@media (max-width: 1080px) and (min-width: 768px) and (orientation: portrait) {
    .silver #scramble .info .text {
        margin-top: -20% !important;
        transform: scale(.7);
    }

    .dark-landing-page.silver .component.usn_cmp_banner .item .image img {
        width: 250% !important;
        max-width: 250% !important;
        margin-left: -15% !important;
    }

    .dark-landing-page.silver .component.usn_cmp_banner .image {
        animation: none;
    }

    .episode.first.silver .usn_cmp_text {
        transform: translateY(240px) translateX(0);
    }

    .dark-landing-page.silver .episode .usn_cmp_text:nth-child(2) .info,
    .dark-landing-page.silver .episode .usn_cmp_text:first-child .info {
        margin-left: 5% !important;
    }

    .episode.first.silver:not(.new, .newnew) .usn_cmp_text:nth-child(2) {
        transform: translateY(240px) translateX(0);
    }

    .silver .episode .usn_cmp_text .info {
        margin-left: 5% !important;
        width: 90% !important;
    }

    .silver .logo-25-years {
        right: 35px !important;
        top: 105px;
        width: 80px;
        height: 80px;
    }

    .shine.small {
        width: 5px;
        height: 5px;
    }

    .shine.medium {
        width: 10px;
        height: 10px;
    }

    .shine.large {
        width: 20px;
        height: 20px;
    }

    .episode.first.silver .ball-1 {
        width: 222px;
        height: 222px;
        transform: translateY(-710px) translateX(620px) scale(.3);
    }

    .silver .gallery .container {
        transform: translateY(150px);
    }

    .silver .gallery .content-col.center-col.col {
        flex: 0 0 90% !important;
        -ms-flex: 0 0 90% !important;
        max-width: 90% !important;
    }

    .silver .gallery .image {
        border-radius: 40px !important;
    }

    .dark-landing-page.silver .episode.second .usn_cmp_text:first-child .info {
        margin-left: 5% !important;
    }

    .silver .bal-element-2 {
        transform: translateY(80px) translateX(-120px) scale(.5);
    }

    .episode.second.silver .usn_cmp_text {
        transform: translateY(100px) translateX(0);
    }

    .dark-landing-page.silver .block-5-images {
        padding: 100px 25px !important;
    }

    .episode.third.silver .usn_cmp_gallery {
        transform: translateY(-100px) translateX(0);
    }

    .episode.third.silver {
        padding: 140px 40px !important;
    }

    .dark-landing-page.silver .episode.third .usn_cmp_text:nth-child(2) .info {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .episode.first.silver.new {
        padding-top: 0 !important;
        padding-bottom: 350px !important;
    }

    .silver .big-gallery .image {
        transform: translateY(100px) scale(1);
    }

    .asterix {
        transform: translateY(-1130px) translateX(-180px) scale(.5);
    }

    .big-gallery {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .episode.third.silver.new .usn_cmp_gallery {
        transform: translateY(100px) translateX(0);
    }

    .episode.first.silver.newnew {
        padding-bottom: 200px !important;
    }

    .episode.first.silver.newnew .usn_cmp_text:first-child {
        transform: translateY(100px) translateX(0);
    }

    .episode.first.silver.newnew .usn_cmp_text:nth-child(2) {
        transform: translateY(-100px) translateX(0);
    }

    .episode.second {
        padding-top: 200px !important;
    }

    .episode.second.last .usn_cmp_text {
        transform: translateY(-10px) translateX(0);
    }

    .logo-image {
        padding: 0 40px 40px 40px !important;
    }

    .logo-image .bg {
        width: 100%;
        transform: translateY(-680px) translateX(0) scale(1);
    }

    .silver .rotating-image:after {
        display: none !important;
    }

    .green-bottom {
        height: 90px;
    }

    .episode.first.silver.new .usn_cmp_text:first-child {
        transform: translateY(-40px) translateX(0);
    }

    .episode.first.silver.new .usn_cmp_text:nth-child(2) {
        transform: translateY(40px) translateX(0);
    }

}

@media (max-width: 767px) {
    .silver #scramble .info .text {
        margin-top: -90% !important;
        transform: scale(.4);
    }

    .dark-landing-page.silver .component.usn_cmp_banner .item .image img {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .dark-landing-page.silver .component.usn_cmp_banner .image {
        animation: none;
    }

    .episode.first.silver .usn_cmp_text {
        transform: translateY(240px) translateX(0);
    }

    .dark-landing-page.silver .episode .usn_cmp_text:nth-child(2) .info,
    .dark-landing-page.silver .episode .usn_cmp_text:first-child .info {
        margin-left: 0 !important;
    }

    .episode.first.silver:not(.new, .newnew) .usn_cmp_text:nth-child(2) {
        transform: translateY(240px) translateX(0);
    }

    .silver .episode .usn_cmp_text .info {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .silver .logo-25-years {
        right: 20px !important;
        top: 60px;
        width: 50px;
        height: 50px;
    }

    .shine.small {
        width: 5px;
        height: 5px;
    }

    .shine.medium {
        width: 10px;
        height: 10px;
    }

    .shine.large {
        width: 20px;
        height: 20px;
    }

    .episode.first.silver .ball-1 {
        width: 222px;
        height: 222px;
        transform: translateY(-710px) translateX(620px) scale(.3);
    }

    .silver .gallery .container {
        transform: translateY(150px);
    }

    .silver .gallery .content-col.center-col.col {
        flex: 0 0 90% !important;
        -ms-flex: 0 0 90% !important;
        max-width: 90% !important;
        padding: 0 !important;
        padding-left: 0 !important;
    }

    .silver .gallery .image {
        border-radius: 40px !important;
    }

    .dark-landing-page.silver .episode.second .usn_cmp_text:first-child .info {
        margin-left: 0 !important;
    }

    .silver .bal-element-2 {
        transform: translateY(80px) translateX(-120px) scale(.5);
    }

    .episode.second.silver {
        padding-top: 30px !important;
    }

    .silver .episode.first {
        padding-bottom: 90px !important;
    }

    .silver.dark-landing-page {
        background-size: 110% !important;
    }

    .silver .slick-slider .slick-dots li button {
        box-shadow: 0 0 20px 20px #f2f3ed !important;
    }

    .dark-landing-page.silver .block-5-images {
        padding: 50px 35px !important;
    }

    .episode.second.silver .usn_cmp_text {
        transform: translateY(100px) translateX(0);
    }

    .episode.third.silver .usn_cmp_gallery {
        transform: translateY(-100px) translateX(0);
    }

    .episode.third.silver {
        padding: 50px 0 !important;
    }

    .episode.third.silver .item {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }

    .dark-landing-page.silver .episode.third .usn_cmp_text:nth-child(2) .info {
        margin-left: 0 !important;
        width: 100% !important;
    }

    .episode.first.silver.new {
        padding-top: 0 !important;
        padding-bottom: 170px !important;
    }

    .silver .big-gallery .image {
        transform: translateY(100px) scale(1);
    }

    .asterix {
        transform: translateY(-1130px) translateX(-180px) scale(.5);
    }

    .big-gallery {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .episode.third.silver.new .usn_cmp_gallery {
        transform: translateY(100px) translateX(0);
    }

    .episode.first.silver.newnew {
        padding-bottom: 80px !important;
    }

    .rotating-image .btn:nth-child(3) {
        margin-right: 50px !important;
    }

    .episode.first.silver.newnew .usn_cmp_text:first-child {
        transform: translateY(100px) translateX(0);
    }

    .episode.first.silver.newnew .usn_cmp_text:nth-child(2) {
        transform: translateY(-100px) translateX(0);
    }

    .episode.second {
        padding-top: 200px !important;
    }

    .episode.second.last .usn_cmp_text {
        transform: translateY(-10px) translateX(0);
    }

    .logo-image {
        padding: 0 40px 40px 40px !important;
    }

    .logo-image .bg {
        width: 150%;
        transform: translateY(-320px) translateX(-20%) scale(1);
    }

    .silver .rotating-image:after {
        display: none !important;
    }

    .green-bottom {
        height: 90px;
    }

    .episode.first.silver.new .usn_cmp_text:first-child {
        transform: translateY(-40px) translateX(0);
    }

    .episode.first.silver.new .usn_cmp_text:nth-child(2) {
        transform: translateY(240px) translateX(0);
    }

    .silver .episode .usn_cmp_gallery .secondary-heading {
        font-size: 14px !important;
        left: 30px;
    }

    .silver .gallery .secondary-heading {
        font-size: 14px !important;
        left: 30px !important;
        top: -15px !important;
    }

    .silver .episode .usn_cmp_gallery .heading {
        font-size: 14px !important;
        right: 30px !important;
        top: -36px !important;
    }

    .silver .gallery .heading {
        font-size: 14px !important;
        right: 30px !important;
        top: -8px !important;
    }

    .silver.dark-landing-page {
        background-image: url(https://www.alientrick.com/media/vp0epbcx/vector.jpg) !important;
        background-position: top center;
        background-size: 110% !important;
        background-repeat: repeat-y;
        border-bottom: 30px solid #fff;
        background-color: #F2F3EC;
    }

}


/* END LANDING PAGE 25 YEARS */

html.nav-down:not(.reached-top) .usn_back-to-top,
html.nav-up .usn_back-to-top {
    right: 30px !important;
}

.gdprcookie h2 {
    color: #fff !important;
}

.text-medium-line ul li,
.content .info .text ul li {
    margin-bottom: 0 !important;
}

.text-medium-line ul,
.content .info .text ul {
    margin-bottom: 25px !important;
}

.usn_cmp_ctastrip .btn {
    margin-right: 10px !important;
}

html:lang(en) .form-wrapper .usn_cmp_pods .heading {
    width: 500px !important;
    font-size: 90px !important;
}

html:lang(en) .form-wrapper .usn_cmp_pods .image {
    right: 0px !important;
    bottom: -50px;
}

.smaller-cols-high {
    padding-top: 20px !important;
}

blockquote::before,
.quote::before {
    content: '“';
    font-size: 170px !important;
    transform: rotate(0deg) !important;
    left: 90px !important;
    top: 50px !important;
    position: absolute !important;
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #a0378c !important;
}

.text-clear {
    margin-top: 0 !important;
}

.repeatable.accordion .tab .nav-link {
    font-family: 'Exo 2', sans-serif !important;
    padding: 20px 30px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

.faq .usn_cmp_accordiontab h3 {
    padding-bottom: 10px !important;
    font-size: 30px !important;
}

.pod-video p.heading {
    color: #3300f4 !important;
    font-size: 97px !important;
    padding-top: 20px !important;
}

.repeatable.tab-basic .repeatable-content {
    padding: 20px 30px 0 30px !important;
}

.split-header h1 {
    font-family: 'Exo 2', sans-serif !important;
    text-transform: none !important;
    font-weight: 700 !important;
    color: #beb3c8 !important;
    font-size: 65px !important;
    opacity: .6 !important;
    line-height: 100% !important;
}

.fancy-table td:first-child,
.fancy-table th {
    font-family: 'Exo 2', sans-serif !important;
    text-transform: none !important;
    font-weight: 700 !important;
}

.fancy-table td {
    font-family: 'Exo 2', sans-serif !important;
    text-transform: none !important;
}

.fancy-table th.active,
.fancy-table th:first-child {
    font-size: 24px !important;
}

.full-screen-slider.team-overview .listing {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.full-screen-slider.team-overview .item .image:before {
    position: absolute;
    bottom: 20px;
    right: 20px;
    content: '\f061';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #3300f442;
    z-index: 999;
    color: #ffffff;
    font-family: 'Font Awesome 5 Pro';
    padding-top: 15px;
}

.text-blocks .item .inner {
    border-radius: 20px !important;
}

.text-blocks .item .info {
    padding: 40px !important;
}

.text-blocks .item .link {
    padding-top: 0 !important;
}

.text-blocks .item .text p {
    margin-bottom: 0 !important;
}

.quote-block .quote:after {
    background: #000 !important;
}

.quote-block .component-outro p {
    font-size: 24px !important;
    font-weight: 300 !important;
    margin-top: -30px;
}

blockquote.md,
.quote.md,
blockquote.lg,
.quote.lg,
blockquote,
.quote {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #000 !important;
    font-size: 30px !important;
    padding: 30px 0;
}

.quote-block .quote:after {
    width: 40% !important;
}

blockquote::before,
.quote::before {
    display: none !important;
}

.secondary-heading {
    margin-bottom: 10px !important;
}

.wide-overview .info .text:after {
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    font-size: 24px;
    color: #5affb1;
    position: absolute;
    margin-top: 20px;
    border: 1px solid #5affb1;
    border-radius: 50%;
    padding: 12px;
    width: 50px;
    height: 50px;
}

.logophone:before {
    background-color: #000 !important;
}

body {
    overflow: hidden;
}

.title-block {
    padding: 100px 17% 0 17% !important;
}

.team-overview:not(.text-white-pods) .usn_cmp_text.item .heading {
    font-size: 97px !important;
}

nav.main ul>li:focus-within>span>a {
    color: #EFF170 !important;
}

.title-block .heading {
    color: #000 !important;
    font-size: 100px !important;
    line-height: 100% !important;
}

html.reveal-out .language-nav .dropdown-item,
header#site-header nav.main li ul li:not(.active) a {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 200 !important;
}

.site-search .form-control,
.site-search .form-control::placeholder,
.site-search .form-control::-webkit-input-placeholder,
.site-search .form-control::-moz-placeholder,
.site-search .form-control:-ms-input-placeholder,
.site-search .form-control:-moz-placeholder {
    font-weight: 200 !important;
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a:hover span i,
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a:focus span i {
    color: #000 !important;
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a:hover span,
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a:focus span {
    color: #3300f4 !important;
}

header#site-header nav.main li ul li a,
nav.main ul>li.active>span>a,
nav.main ul>li>ul>li.active>span>a {
    font-family: 'Exo 2', sans-serif !important;
}

.base-btn-bg:hover,
.base-btn-bg:focus,
.item:hover .base-btn-bg,
.item:hover .base-btn-bg.btn:after {
    color: #3300f4 !important;
    border-color: #3300f4 !important;
}

.usn_back-to-top .btn:hover,
.usn_back-to-top .btn:focus {
    color: #3300f4 !important;
    border-color: #3300f4 !important;
    padding: 15px !important;
}

.full-overview .repeatable-content .item .heading,
.other-cases .item .heading {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}

.other-cases .item .heading {
    color: #3300f4 !important;
    padding-top: 10px !important;
}

.other-cases .meta {
    display: none;
}

.split-header p {
    font-weight: 400 !important;
    width: 100% !important;
    padding-right: 5% !important;
}

.intro {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    padding-top: 10px;
}

strong {
    font-weight: 700 !important;
}

.text-title-line .heading {
    text-transform: none !important;
    color: #3300f4 !important;
}

.team-overview:not(.text-white-pods) .link {
    display: none !important;
}

.split-header.big-title h1,
.case-detail .split-header h1 {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    font-size: 55px !important;
}

.case-detail .split-header h1 {
    color: #000 !important;
    opacity: 1 !important;
}

.case-detail .split-header strong {
    font-family: 'Exo 2', sans-serif !important;
    text-transform: none !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #3300f4 !important;
    display: inline-block !important;
    padding-bottom: 5px !important;
}

.case-detail .split-header p {
    font-size: 16px !important;
    color: #000 !important;
}

.case-detail.vacancy .split-header p {
    font-size: 18px !important;
    color: #fff !important;
}

.overview-page .usn_cmp_subpagelisting:not(.wide-overview) .listing .item .heading {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #3300f4 !important;
}

.overview-page .usn_cmp_subpagelisting.wide-overview .listing .item .heading {
    color: #5affb1 !important;
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
}

.other-cases .component-introduction .heading {
    width: 100% !important;
    color: #3300f4 !important;
    padding-bottom: 30px !important;
    font-size: 45px !important;
}

.breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
.breadcrumb-trail ol.breadcrumb li.breadcrumb-item span {
    color: #000 !important;
}

html.reveal-out .logotext {
    color: #fff !important;
}

.image-group {
    padding: 150px 0 !important;
}

.image-group .background-image {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
    position: absolute;
    top: 200px;
    left: 0;
    opacity: .7;
}

.image-group .small-image {
    flex: 0 0 8% !important;
    -ms-flex: 0 0 8% !important;
    max-width: 8% !important;
    position: absolute;
    top: 40%;
    right: 57%;
    /*transform: translate(200%, 0);*/
}

.image-group .usn_pod_textimage {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.image-group .usn_pod_textimage .info {
    flex: 0 0 60% !important;
    -ms-flex: 0 0 60% !important;
    max-width: 60% !important;
    padding: 10% 0 10% 100px !important;
    /*transform: translate(200%, 0);*/
}

.image-group .usn_pod_textimage .image {
    flex: 0 0 40% !important;
    -ms-flex: 0 0 40% !important;
    max-width: 40% !important;
}

.image-group .usn_pod_textimage .info .heading {
    color: #000 !important;
    text-transform: none !important;
    font-size: 80px !important;
    line-height: 100% !important;
    padding-bottom: 20px !important;
}

.image-group .usn_pod_textimage .info .link {
    position: absolute;
    bottom: 10%;
    right: 10%;
}

.image-group .usn_pod_textimage .info .secondary-heading {
    font-size: 24px !important;
    margin-bottom: 20px !important;
    display: inline-block;
    border-bottom: 1px solid #d6a9ff;
    color: #3300f4 !important;
}

.image-group .usn_pod_textimage .info .text {
    width: 60% !important;
}


.front-page .big-title .heading {
    transform: translate(0, 40%) scale(0);
}

.front-page .big-title .text p strong {
    opacity: 0;
}

.four-images-right {
    padding-top: 200px !important;
    padding-bottom: 130px !important;
}

.four-images-right .listing .item:first-child {
    margin-top: -5%;
    right: 40%;
    z-index: 2000;
    position: absolute;
}

.four-images-right .listing .item:nth-child(2) {
    margin-top: -20%;
    right: 25%;
    z-index: 1999;
    position: absolute;
}

.four-images-right .listing .item:nth-child(3) {
    margin-top: -35%;
    right: 10%;
    z-index: 1998;
    position: absolute;
}

.four-images-right .info {
    padding-left: 25% !important;
}

.four-images-right .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
.four-images-right .row:not(.slides):not(.listing_window-mosaic) .item.items-5 {
    flex: 0 0 55% !important;
    -ms-flex: 0 0 55% !important;
    max-width: 55% !important;
}

.four-images-right .heading {
    font-size: 100px !important;
    line-height: 90% !important;
    color: #000 !important;
    margin-left: -8px !important;
    padding-bottom: 30px !important;
}

.light-pods .item .info .heading:after {
    background-color: transparent !important;
}

.ekko-lightbox-nav-overlay a::before {
    color: #fff !important;
    background: transparent !important;
}

.ekko-lightbox-nav-overlay a:nth-child(2)::before {
    right: 20px !important;
}

.ekko-lightbox-nav-overlay a:nth-child(1)::before {
    left: 20px !important;
}

.team-overview .item:not(.usn_cmp_text):last-child:before,
.team-overview .item:not(.usn_cmp_text) {
    padding-bottom: 30px !important;
}

.team-overview .item:not(.usn_cmp_text):nth-child(odd) {
    top: 100px;
}

.team-overview .col-12:not(.col-md-8) .listing {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.team-overview:not(.text-white-pods) .item .heading {
    font-size: 30px !important;
    width: 100% !important;
}

.light-pods .item .info .heading:after {
    display: none !important;
}

.usn_cmp_pods.light-pods .item .text {
    border-top: 1px solid #d7d7d7 !important;
}

.usn_cmp_ctastrip.c3-bg .btn,
.usn_cmp_ctastrip.c3-bg .btn span,
.usn_cmp_ctastrip.c3-bg .btn.base-btn-text {
    border-color: #5affb1 !important;
    color: #5affb1 !important;
}

.usn_cmp_ctastrip.c3-bg .btn:last-child {
    top: 95px !important;
    right: 130px !important;
    background: #5affb1 !important;
    color: #3300f4 !important;
}

.usn_cmp_ctastrip.c8-bg .btn:last-child {
    top: 95px !important;
    right: 130px !important;
}

.c6-btn-bg,
.c6-btn-bg span {
    background: transparent !important;
}

.info a:not(.btn):hover .c6-btn-bg,
.info a:not(.btn):focus .c6-btn-bg,
.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,
.c6-btn-bg:hover,
.c6-btn-bg:focus,
.btn.c6-btn-borders:hover,
.btn.c6-btn-borders:focus,
.btn.c6-btn-borders:active {
    padding: 20px 75px 20px 40px !important;
    color: #000 !important;
}

.usn_cmp_ctastrip.c8-bg .btn:last-child,
.usn_cmp_ctastrip.c3-bg .btn:last-child,
.content .form:not(.site-search-form) .btn,
.c2-btn-bg,
.c1-btn-bg,
.c5-btn-bg,
.c6-btn-bg,
.umbraco-forms-navigation .btn {
    width: auto !important;
    height: auto !important;
    padding: 20px 40px 20px 40px !important;
    border-radius: 50px !important;
    font-size: 20px !important;
    text-align: left !important;
    font-weight: 500 !important;
}

.usn_cmp_ctastrip.c8-bg .btn:last-child:before,
.usn_cmp_ctastrip .btn:last-child:before,
.content .form:not(.site-search-form) .btn:before,
.c2-btn-bg:before,
.c1-btn-bg:before,
.c5-btn-bg:before,
.c6-btn-bg:before,
.umbraco-forms-navigation .btn:before {
    left: auto !important;
    right: 40px !important;
    font-size: 24px !important;
    top: 20px !important;
}

.btn.c5-btn-borders:hover,
.btn.c5-btn-borders:focus,
.btn.c5-btn-borders:active {
    padding: 20px 80px 20px 40px !important;
}

.umbraco-forms-navigation .btn,
.content .form:not(.site-search-form) .btn,
.c1-btn-bg {
    color: #eff170 !important;
    border: 1px solid #eff170 !important;
    background: transparent !important;
}

.content .form:not(.site-search-form) .btn,
.content .form:not(.site-search-form) .btn:hover,
.c1-bg .btn:hover {
    color: #eff170;
}

.content .form:not(.site-search-form) .btn {
    margin-top: 40px !important;
}

.btn.c1-btn-bg {
    color: #eff170 !important;
    border: 1px solid #eff170 !important;
    background: transparent !important;
}

.form-wrapper .component-outro p {
    top: -195px;
}

.c2-btn-bg {
    background: #3300f4 !important;
    color: #7cf9ac !important;
}

.usn_cmp_ctastrip.c3-bg .btn:last-child.hover span,
.usn_cmp_ctastrip.c3-bg .btn:last-child:hover span,
.c2-btn-bg span,
.c2-btn-bg.hover span,
.c2-btn-bg:hover span,
.c1-btn-bg span,
.c1-btn-bg.hover span,
.c1-btn-bg:hover span,
.content .form:not(.site-search-form) .btn.hover span,
.content .form:not(.site-search-form) .btn:hover span,
.usn_cmp_ctastrip.c8-bg .btn:last-child.hover span,
.usn_cmp_ctastrip.c8-bg .btn:last-child:hover span,
.usn_cmp_ctastrip.c8-bg .btn span,
.usn_cmp_ctastrip.c8-bg .btn.hover span,
.usn_cmp_ctastrip.c8-bg .btn:hover span {
    background: none !important;
    display: none !important;
}

.usn_cmp_ctastrip.c8-bg .btn:last-child {
    background: #5affb1 !important;
    color: #0c4129 !important;
}

.c8-bg .c1-btn-bg {
    background: #5affb1 !important;
    color: #0c4129 !important;
    border: 1px solid #5affb1 !important;
}

.usn_cmp_ctastrip.c8-bg .btn:not(:last-child),
.usn_cmp_ctastrip.c8-bg .btn span,
.usn_cmp_ctastrip.c8-bg .btn.base-btn-text:not(:last-child) {
    border-color: #5affb1 !important;
    color: #5affb1 !important;
}

.usn_cmp_ctastrip.c8-bg .btn:last-child,
.usn_cmp_ctastrip.c8-bg .btn:last-child:hover {
    color: #0c4129 !important;
}

.form-wrapper {
    background: #000 !important;
    background-image: none;
    background-size: 140% 140% !important;
    background-position: 90% 190% !important;
}

.clients .secondary-heading,
.text-block .secondary-heading,
.secondary-heading {
    color: #3300f4 !important;
    display: inline-block;
    border-bottom: 1px solid #3300f4 !important;
}

.c2-bg .btn.base-btn-text,
.c2-bg .btn-text_base-btn-text .btn {
    color: #474747 !important;
}

.overview-page .usn_cmp_subpagelisting .listing .item .secondary-heading {
    font-weight: 700 !important;
    font-size: 24px !important;
    border-bottom: none !important;
}

.overview-page .usn_cmp_subpagelisting .listing .item:focus .btn,
.overview-page .usn_cmp_subpagelisting .listing .item:hover .btn {
    background-color: transparent !important;
    border-color: #5affb1 !important;
    color: #5affb1 !important;
}

.c1-bg .btn.base-btn-text {
    border-color: #eff170;
}

.small-overview .item:hover .btn,
.small-overview .item:focus .btn,
.c1-bg .btn.base-btn-text:hover,
.c1-bg .btn.base-btn-text:focus {
    border-color: #fff !important;
    color: #fff !important;
}

.btn.base-btn-bg {
    border-radius: 40px !important;
    border-color: #474747 !important;
    color: #474747 !important;
    font-weight: 500 !important;
}

.base-btn-bg:hover,
.base-btn-bg:focus,
a.item:hover .base-btn-bg,
a.item:hover .base-btn-bg.btn:after {
    color: #3300f4 !important;
    border-color: #3300f4 !important;
    background-color: transparent !important;
}

.c2-bg .btn:hover,
.c2-bg .btn:hover span {
    color: #3300f4 !important;
}

.c2-bg .item a:not(.btn):hover .btn {
    color: #3300f4;
}

.small-overview .secondary-heading {
    margin-bottom: 50px !important;
    display: inline-block;
    border-bottom: 1px solid #eff170 !important;
    color: #eff170 !important;
}

.melding:before {
    content: '\f00d';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: -60px;
    right: -50px;
    padding: 20px;
    cursor: pointer !important;
}

.melding {
    position: fixed !important;
    bottom: 35%;
    left: 25%;
    width: 50%;
    padding: 50px 30px 20px 30px !important;
    border-radius: 20px;
    z-index: 9999;
    background: #fff !important;
    cursor: pointer !important;
}

.melding .container:after {
    content: '';
    width: 500%;
    height: 500%;
    position: absolute;
    left: -250%;
    top: -250%;
    background: rgb(0 0 0 / 65%);
    z-index: -1;
    mix-blend-mode: color;
}

@media (max-width: 1600px) {
    .melding {
        position: fixed !important;
        bottom: 15%;
        left: 15%;
        width: 70%;
    }

    .small-logo-block {
        padding: 80px 0 30px 0 !important;
    }
}

@media (max-width: 768px) {
    .melding {
        bottom: 10%;
        left: 10%;
        width: 80%;
    }

    .melding:before {
        right: -20px;
    }
}

.awesome #site-content .usn_cmp_gallery .component-introduction .info {
    flex: 0 0 85% !important;
    max-width: 85% !important;
}

.awesome #site-content .usn_cmp_gallery .container {
    max-width: 100% !important;
}

.awesome .slick-slider .slick-prev,
.awesome .slick-slider .slick-next {
    top: auto !important;
    bottom: 10px !important;
    z-index: 100000 !important;
}

.awesome #site-content .usn_cmp_gallery .component-introduction p {
    font-size: 13px !important;
}

.defer-this-script {
    display: none;
}

.full-overview {
    padding-top: 50px !important;
}

.portrait-video {
    border-radius: 20px !important;
    display: inline-block !important;
}

.portrait-video iframe {
    width: 394px !important;
    height: 700px !important;
    border-radius: 20px !important;
}

.portrait .item {
    text-align: center !important;
}

.usn-notification .heading:after {
    display: none !important;
}

.usn-notification .heading {
    color: #000 !important;
    padding-bottom: 10px !important;
}

.usn-notification .secondary-heading::after {
    display: none !important;
}

.usn-notification .secondary-heading {
    margin-bottom: 10px !important;
    opacity: .3;
}

.usn-notification .btn.accept-cookies {
    border-color: #000000 !important;
    color: #000000 !important;
}

.usn-notification.open {
    bottom: calc(50% - 280px) !important;
    box-shadow: 0 0 22px #cdcdcd75;
}

.usn-notification .btn:before {
    display: none !important;
}

.usn-notification .inner {
    padding: 50px 50px 0 50px !important;
}

.hide-breadcrumb .breadcrumb-trail {
    opacity: 0 !important;
}

.case-detail.vacancy .split-header h1 {
    color: #fff !important;
    font-size: 97px !important;
}

.case-detail.vacancy .split-header strong {
    font-size: 30px !important;
    padding-bottom: 20px !important;
    line-height: 110% !important;
    color: #eff170 !important;
}

.case-detail.vacancy .secondary-heading::after {
    display: none !important;
}

.case-detail.vacancy .split-header .secondary-heading {
    color: #eff170 !important;
    font-size: 20px !important;
    margin-bottom: 0px !important;
    font-weight: 300 !important;
    margin-top: 50px;
    display: inline-block !important;
    width: auto !important;
    border-bottom: 1px solid #eff17085 !important;
    padding-left: 3px !important;
}

.case-detail.vacancy .split-header p {
    margin: 0 !important;
    padding-left: 5px !important;
    width: 70% !important;
}

.case-detail.vacancy .split-header strong {
    display: block !important;
    padding-bottom: 20px !important;
    padding-left: 3px !important;
}

.case-detail.vacancy .component-outro {
    padding-top: 0 !important;
}

html.nav-up:not(.reached-top):not(.reveal-out) .highlighter a.expand .dot,
html.nav-down:not(.reached-top):not(.reveal-out) .highlighter a.expand .dot {
    fill: #eff170 !important;
    color: #eff170 !important;
    filter: none !important;
}

html.nav-up .highlighter header#site-header a.expand,
html.nav-down .highlighter header#site-header a.expand {
    fill: #eff170 !important;
    color: #eff170 !important;
    filter: none !important;
}

html.reached-top.nav-down .dark-header.highlighter header#site-header a.expand .dot,
html.nav-down dark-header.highlighter header#site-header a.expand .dot {
    fill: #fff !important;
    color: #fff !important;
    filter: none !important;
}

html.nav-up:not(.reached-top):not(.reveal-out) .highlighter .logo .icon,
html.nav-down:not(.reached-top):not(.reveal-out) .highlighter .logo .icon {
    fill: #eff170 !important;
    color: #eff170 !important;
    filter: invert(1) !important;
}

.color-block {
    padding: 200px 0 !important;
    z-index: 999 !important;
}

.color-block.c8-bg .heading {
    font-size: 80px !important;
    padding-bottom: 20px !important;
}

.color-block .info .text ul li {
    font-size: 20px !important;
    font-weight: 300 !important;
    color: #fff;
    padding-left: 20px;
}

.smaller-cols {
    padding: 0 20% 100px 20% !important;
}

.pb-0.smaller-cols {
    padding: 0 20% 0 20% !important;
}


/*.usn_cmp_ctastrip .heading.c3-heading {*/
/*	font-size: 45px !important;*/
/*	width: 65% !important;*/
/*}*/

@keyframes nudge {
    0% {
        transform: rotate(0);
    }

    89% {
        transform: rotate(0);
    }

    90% {
        transform: rotate(1deg);
    }

    93% {
        transform: rotate(-2deg);
    }

    96% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.modal .modal-dialog {
    padding: 0 !important;
}

/*.cursor {*/
/*	opacity: 1;*/
/*	position: fixed;*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	margin-left: -20px;*/
/*	margin-top: -15px;*/
/*	border-radius: 50%;*/
/*	border: none !important;*/
/*	transition: transform .3s ease;*/
/*	transform-origin: center center;*/
/*	pointer-events: none;*/
/*	z-index: 1000;*/
/*}*/

/*.cursor:after {*/
/*	display: none !important;*/
/*}*/

/*.cursor:before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	right: 15px;*/
/*	top: 0px;*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	background: #eff170;*/
/*	border-radius: 50%;*/
/*}*/

/*.grow {*/
/*	transform: scale(2);*/
/*	background: #eff170;*/
/*	opacity: .2;*/
/*	mix-blend-mode: normal !important;*/
/*}*/

/*.cursor.grow:before {*/
/*	display: none;*/
/*}*/

/*.grow:after,*/
/*.grow-small:after {*/
/*	display: none !important;*/
/*}*/

/*.cursor.grow {*/
/*	border: none !important;*/
/*}*/

/*.cursor.drag-visible:before {*/
/*	opacity: 1;*/
/*	z-index: 20000;*/
/*}*/

.c6-bg,
.item.item_overlay .inner .image.c6-bg::before,
.usn_cmp_banner .item.item_overlay.c6-bg .inner::before,
.c2-bg,
.item.item_overlay .inner .image.c2-bg::before,
.usn_cmp_banner .item.item_overlay.c2-bg .inner::before {
    background: transparent !important;
}

.team-detail .slick-slider p:not(.heading) {
    border-top: 1px solid rgb(177 177 177 / 40%) !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
}

.slick-slider:not(.listing_no-spacing) .slick-next,
.slick-slider:not(.listing_no-spacing) .slick-prev,
.team-detail .slick-slider .slick-next {
    color: #c9c9c9 !important;
    border: none !important;
    border-radius: 50% !important;
    top: 40px !important;
}

body:not(.team-detail) .slick-slider:not(.listing_no-spacing) .slick-prev {
    top: 50% !important;
}

body:not(.team-detail) .slick-slider:not(.listing_no-spacing) .slick-next {
    top: 50% !important;
}

.image .overlayicon .icon {
    color: #fff !important;
    text-shadow: 0 0 30px rgb(0 0 0 / 40%);
}

.awesome #site-content .usn_cmp_gallery .component-introduction .secondary-heading {
    background: #3300f4 !important;
}

.usn_cmp_ctastrip.c8-bg .btn:last-child {
    top: 90px !important;
}

.contact-page .grid-section .text-title-line strong {
    font-weight: 700 !important;
}

.pod-video .image .overlayicon {
    border: 2px solid #3300f4 !important;
}

.team-overview .slick-slider .slick-prev {
    display: none !important;
}

.slick-slider .slick-prev i.icon,
.slick-slider .slick-next i.icon {
    font-size: 22px;
}

.team-detail .slick-slider .heading {
    color: #b44e9c !important;
    font-family: 'Exo 2', sans-serif !important;
    text-transform: none !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}

.team-overview h3 {
    font-size: 100px;
    line-height: 100%;
    color: black !important;
}

.team-overview:not(.text-white-pods) a {
    color: #000 !important;
}

html.reveal-out header#site-header {
    z-index: 999999 !important;
}

nav.secondary li .active {
    color: #eff170 !important;
}

.overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .secondary-heading,
.overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .text {
    padding-left: 8px !important;
}

.overview-page .usn_cmp_subpagelisting .listing .item:nth-child(2) .heading:before {
    left: -20px !important;
}

body.header-17-lg header#site-header nav.main ul span {
    max-width: 100% !important;
}

.christmas .big-title .image {
    -webkit-animation: image-zoom 10s ease-out both;
    animation: image-zoom 10s ease-out both;
    animation-iteration-count: 1;
}

@-webkit-keyframes image-zoom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }

    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

@keyframes image-zoom {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }

    100% {
        -webkit-transform: scale(1.15) translateY(-15px);
        transform: scale(1.15) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

html.reveal-out header#site-header a.expand,
html.reveal-out.nav-up header#site-header a.expand,
html.reveal-out.nav-down header#site-header a.expand {
    top: 82px !important;
}

html.reveal-out .language-nav .dropdown-item {
    margin: 0 10px 0 3px !important;
}

html.reveal-out .language-nav {
    padding: 40px 0 10px 0;
}

html.reveal-out nav.main {
    position: relative;
    padding-top: 0 !important;
    bottom: auto !important;
    left: 0;
    width: 100% !important;
}

header#site-header nav.main li:first-child {
    width: auto !important;
}

html.reveal-out .logophone {
    display: none;
}

.logophone {
    top: 150px !important;
}

.site-header .col-lg-6 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

html.reveal-out header#site-header .row {
    flex-direction: row !important;
    padding: 50px 15% !important;
    align-items: flex-start;
}

header#site-header nav.main li ul li a {
    min-height: 40px !important;
}

header#site-header nav.main li ul {
    padding: 0 10px 35px 10px !important;
    margin-bottom: 20px !important;
}

header#site-header nav.main li a:not(.dropdown-item):before {
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    font-size: 15px;
    margin-right: 10px;
    position: absolute;
    left: -30px;
    opacity: .5;
    top: 8px;
}

header#site-header nav.main li ul li a:not(.dropdown-item):before {
    display: none !important;
}

html.reveal-out header#site-header nav.secondary li a:not(.dropdown-item):before {
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    font-size: 15px;
    margin-right: 10px;
    position: absolute;
    left: -30px;
    opacity: .5;
    top: 14px;
}

header#site-header nav.main li ul li a:hover {
    opacity: 1 !important;
}

header#site-header nav.main li a.active {
    color: #EFF170 !important;
}

html.reveal-out nav.secondary {
    width: 100% !important;
}

html.reveal-out nav.main {
    width: 100% !important;
    position: relative !important;
    float: left !important;
    left: auto !important;
    margin-top: 10px !important;
}

html.reveal-out header#site-header .site-search {
    width: 100% !important;
    margin-left: -20px !important;
}

body.header-17-lg header#site-header nav.secondary {
    margin-left: 20px;
}

html.reveal-out header#site-header .language-nav,
html.reveal-out header#site-header .site-search,
html.reveal-out nav.secondary,
html.reveal-out .logo-extra-text,
html.reveal-out .logotext {
    position: relative !important;
    float: left !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
}

html.reveal-out .awesome.we-inspire .logotext {
    filter: none !important;
}

html.reveal-out .awesome.we-inspire header#site-header #logo {
    filter: none !important;
}

header#site-header nav.secondary {
    padding: 30px 0 0 0 !important;
}

html.reveal-out header#site-header nav.secondary li a {
    padding: 12px 0;
    font-size: 30px;
    min-height: auto !important;
    opacity: 1;
}

html.reveal-out header#site-header #logo {
    padding-top: 80px !important;
}

header#site-header nav.secondary li {
    width: 100% !important;
}

html.reveal-out .logotext {
    z-index: 2000;
    color: #e9e8eb;
    font-weight: 300;
    font-size: 24px;
    line-height: 140%;
    width: 70% !important;
    margin-right: 30%;
    text-align: left;
    transition: all .3s ease-in-out;
    margin-bottom: 20px;
    margin-top: 30px;
    right: auto !important;
}

.logo-extra-text {
    position: fixed;
    left: 15% !important;
    top: 30% !important;
    line-height: 180%;
    z-index: 99999 !important;
    display: none;
    color: #fff !important;
    font-size: 16px;
}

html.reveal-out .logo-extra-text {
    display: block !important;
}

html.reveal-out header#site-header .language-nav .dropdown-item {
    text-transform: uppercase !important;
}

.logo-extra-text a {
    color: #EFF170 !important;
    display: block !important;
}


.logo-extra-text a:hover,
.logo-extra-text a:focus {
    text-decoration: none !important;
}

header#site-header nav.main li {
    width: 100% !important;
    float: left !important;
}

header#site-header nav.main li ul li a:after {
    content: '/';
    margin: 0 0 0 10px !important;
}

header#site-header nav.main li ul li:last-child a:after {
    display: none;
}

header#site-header nav.main li ul li:last-child a {
    padding-left: 0 !important;

    font-size: 24px !important;
    padding-top: 0 !important;
}

header#site-header nav.main li ul li:not(.active, :last-child) a {

    font-size: 24px !important;
    padding: 0 10px 0 0 !important;
}

header#site-header nav.main li ul li a,
nav.main ul>li.active>span>a,
nav.main ul>li>ul>li.active>span>a {
    font-size: 24px !important;
    padding: 0 10px 0 0 !important;
}

header#site-header nav.main li ul li {
    display: inline-block !important;
    width: auto !important;
}

header#site-header nav.main li a {
    padding: 5px 10px !important;
    font-size: 40px !important;
    min-height: 60px !important;
}

footer#site-footer {
    background: transparent !important;
}

.usn_cmp_ctastrip .heading {
    font-weight: 600 !important;
}

.usn_cmp_ctastrip.c4-bg .btn:last-child {
    font-family: 'Ruda', sans-serif !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    padding: 8px 30px 5px 30px !important;
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
    border-radius: 30px !important;
    border-color: #eff170 !important;
    color: #eff170 !important;
    position: relative !important;
    float: none !important;
    right: auto !important;
    left: auto !important;
}

.usn_cmp_ctastrip.c4-bg .btn:last-child:before {
    position: relative !important;
    bottom: 0;
    left: auto;
    margin-right: 10px;
}

.big-title h1 {
    font-size: 160px !important;
    line-height: 90%;
    padding-bottom: 30px;
}

.usn_cmp_ctastrip.c4-bg {
    border-radius: 20px !important;
    padding: 100px 0 !important;
    margin: 120px auto !important;
    background: transparent !important;
    animation: nudge 5s linear;
    animation-iteration-count: infinite;

}

.usn_cmp_ctastrip.c4-bg .image.background-image.body-background-image,
.usn_cmp_ctastrip.c4-bg .image.background-image.footer-background-image,
.usn_cmp_ctastrip.c4-bg .image.background-image.component-background-image {
    border-radius: 20px !important;
    opacity: 1;
    mix-blend-mode: hard-light;
}

.usn_cmp_ctastrip.c4-bg .heading {
    width: 100% !important;
    color: #eff170 !important;

    font-size: 120px !important;
    font-weight: 400 !important;
}

.usn_cmp_ctastrip.c4-bg p:not(.heading) {
    font-size: 24px !important;
}

.light-pods .link {
    margin-top: 0 !important;
}

footer#site-footer .footer-item:nth-child(2):not(.usn_pod_sociallinks) img {
    padding-right: 15px;
}

footer#site-footer .col-lg-3 {
    -ms-flex: 0 0 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
}

footer#site-footer .col-lg-5 {
    -ms-flex: 0 0 22% !important;
    flex: 0 0 22% !important;
    max-width: 22% !important;
    margin-left: -2%;
}

footer#site-footer .logos img {
    height: 100px !important;
    margin-left: 0 !important;
}

footer#site-footer .footer-item.usn_pod_sociallinks {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

nav.footer-navigation {
    padding-top: 40px !important;
    padding-right: 15px;
    width: 100%;
}

.footer-item a:hover .inner,
.footer-item a:hover,
.footer-item a:hover .image {
    overflow: visible !important;
}

.small-overview .item:nth-child(2n) {
    margin-top: 100px !important;
}

.small-overview .item {
    padding: 0 50px !important;
}

.awesome .split-header {
    background: linear-gradient(1deg, rgba(0, 0, 0, 1) 0%, rgba(57, 0, 101, 1) 100%) !important;
}

header#site-header {
    z-index: 30000 !important;
}

.grid-images .item {
    margin-bottom: 30px !important;
}

.custom-landing-page .text-block {
    padding-bottom: 400px !important;
}

.custom-landing-page .text-block .heading {
    color: #fff !important;
}

.custom-landing-page:not(.christmas) .cursor:after {
    content: '';
    width: 50px;
    height: 50px;
    background-image: url(../../../images/at-custom/cookie.svg);
    background-size: 100%;
    background-color: transparent !important;
    filter: invert(.5);
    position: absolute;
    top: -10px;
    left: -10px;
}

.custom-landing-page .black-banner,
.custom-landing-page .black-banner .item.item_scale-banner,
.custom-landing-page .black-banner .item.item_scale-banner .image,
.custom-landing-page .black-banner .item.item_scale-banner .image .video {
    max-height: 100vh !important;
    height: 100vh !important;
}

.custom-landing-page .black-banner .info img {
    content: '';
    width: 420px;
    height: 500px;
    position: absolute;
    top: -62vh;
    left: 17vh;
    z-index: 999;
    transform: rotate(-200deg) scale(0);
}


.custom-landing-page .black-banner h1 {
    position: absolute;
    right: 16%;
    top: 20%;
    font-size: 160px !important;
    color: #fff !important;
}

.awards {
    padding: 200px 0 !important;
}

.awards .heading {
    font-size: 80px !important;
    color: #fff !important;
    line-height: 90% !important;
    margin-left: -5px !important;
    padding-bottom: 20px !important;
}

.awards .item:first-child {
    flex: 0 0 20% !important;
    -ms-flex: 0 0 20% !important;
    max-width: 20% !important;
    margin-left: 70px !important;
}

.awards .item:nth-child(2) {
    flex: 0 0 20% !important;
    -ms-flex: 0 0 20% !important;
    max-width: 20% !important;
}

.awards .item:nth-child(3) .info {
    padding-right: 100px !important;
}

.awards .item .image {
    filter: invert(1);
}

.awards .item:first-child .image {
    max-width: 180px !important;
    padding: 20px;
}

.awards .item:nth-child(2) .image {
    max-width: 225px !important;
    padding: 20px;
    margin-left: -50px !important;
}

.awards .item:hover a {
    overflow: visible !important;
}

.awards .component-outro {
    padding: 0 !important;
}

.awards .component-outro .btn {
    margin-top: -30px !important;
    margin-left: 10px !important;
}

.awards .btn {
    margin-left: -10px !important;
}

.awards .item:nth-child(3) {
    flex: 0 0 50% !important;
    -ms-flex: 0 0 50% !important;
    max-width: 50% !important;
}

.custom-landing-page .light-pods {
    margin-bottom: 200px !important;
}

.custom-landing-page .form-wrapper {
    margin-bottom: 400px !important;
    margin-top: -460px !important;
}

.custom-landing-page .image-slider .component-inner {
    overflow: visible !important;
    padding-bottom: 350px !important;
}

.custom-landing-page .image-slider .container-fluid {
    background: #000 !important;
}

.custom-landing-page .image-slider:before {
    content: '';
    width: 100%;
    height: 30vh;
    background: #fff;
    position: absolute;
    top: -30vh;
    z-index: 999;
}

.custom-landing-page .fade-in-image .image {
    transform: scale(0);
    filter: invert(1);
    margin-top: 110px !important;
}

.custom-landing-page .fade-in-image .heading {
    color: #000 !important;
}

.custom-landing-page .fade-in-image .text img {
    display: inline !important;
    width: auto !important;
}

.custom-landing-page .white-text-block.usn_cmp_text {
    padding-right: 15% !important;
}

.custom-landing-page .white-text-block .info {
    margin-left: -70% !important;
}

.custom-landing-page .fade-in-image {
    margin-top: -120px !important;
}

.custom-landing-page .white-text-block {
    margin-top: 475px !important;
    margin-bottom: 200px !important;
}

.custom-landing-page .white-text-block .heading {
    font-size: 80px !important;
    color: #000 !important;
    line-height: 100% !important;
    margin-left: -5px !important;
    padding-bottom: 20px !important;
}

.custom-landing-page .text-block {
    margin-top: -250px;
    padding-bottom: 300px !important;
}

.custom-landing-page .video-block {
    margin-top: -500px !important;
}

.custom-landing-page .video-text {
    margin: 0 0 350px 0 !important;
    padding: 150px 0 !important;
}

.custom-landing-page .video-text .heading {
    font-size: 80px !important;
    color: #000 !important;
    line-height: 100% !important;
    margin-left: -5px !important;
    padding-bottom: 20px !important;
}

.custom-landing-page .component.usn_cmp_banner .item:not(.item_scale-banner) .image .video .video-player {
    transform: translate(-50%, -50%) scale(1.05) !important;
}

.image-slider .container-fluid .row.listing:not(.listing_no-spacing):not(.listing_window-mosaic) {
    transform: rotate(12deg) scale(1.35) translateX(25px);
}

.image-slider .container-fluid {
    margin-top: 15% !important;
    margin-bottom: 10% !important;
}

.image-slider.cookieslider .container-fluid {
    margin-top: 100px !important;
}

.image-gsap .listing .item {
    padding: 0 10px !important;
    margin-bottom: 20px !important;
}

.image-slider {
    padding-bottom: 0 !important;
}

.custom-landing-page .black-banner .text {
    position: absolute;
    left: -70px;
    bottom: 15vh;
    display: inline-block;
    width: 30%;
    text-align: left !important;
}

.custom-landing-page .black-banner .item .row.info_align-middle .info .d-table-cell {
    height: 100vh !important;
}

.custom-landing-page .black-banner .text p {
    line-height: 100% !important;
}

.custom-landing-page .black-banner .item .info.col {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.custom-landing-page .black-banner h1 {
    transform: rotate(-27deg);
    opacity: 0;
    font-size: 120px !important;
}

.custom-landing-page .black-banner .image {
    opacity: 0;
}

.custom-landing-page .black-banner p {
    transform: scale(.5);
    opacity: 0;
}

.custom-landing-page .dark-banner .item.item_overlay.base-bg .inner::before {
    background: transparent !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%) !important;
    opacity: 1 !important;
    height: 70vh !important;
    bottom: 0 !important;
    top: auto !important;
}

.custom-landing-page .dark-banner .heading {
    font-size: 80px !important;
}

.custom-landing-page .dark-banner .item .heading,
.dark-banner .item p {
    color: #fff !important;
}

.custom-landing-page header,
.custom-landing-page .finger-navigation,
.custom-landing-page .logotext,
.custom-landing-page .logophone,
.custom-landing-page .scroll-prompt.scroll-prompt-wheel .mouse-scroll {
    opacity: 0;
}

.custom-landing-page footer {
    margin-top: -500px !important;
}

.custom-landing-page .dark-banner {
    transform: scale(1.5);
    margin-top: 100px !important;
}

.scroll-quote {
    transform: translate(35%, 0);
    margin-top: -300px !important;
    margin-bottom: 200px !important;
}

.related-slider {
    padding: 600px 100px 100px 100px !important;
    margin-top: -150px;
}

.related-slider .component-introduction {
    margin-top: -100px !important;
    margin-bottom: 100px !important;
}

.related-slider .component-introduction .heading {
    font-size: 80px !important;
    color: #fff !important;
    padding-bottom: 20px !important;
}

.related-slider .component-introduction .text {
    padding-bottom: 150px !important;
    color: #fff !important;
}

.related-slider .component-outro {
    margin-top: -150px !important;
}

.related-slider .listing {
    overflow: visible !important;
    width: 115% !important;
}

.related-slider .listing .item:nth-child(2n) {
    margin-top: -80px;
}

.related-slider .listing .item {
    margin-left: -50px !important;
}

.related-slider .listing .item .info {
    padding: 30px 90px 30px 100px !important;
}

.related-slider {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(0, 0, 0, 1) 45%, rgba(0, 0, 0, 1) 100%) !important;
}

.related-slider .listing-pods .heading {
    color: #000 !important;
}

.related-slider .listing-pods .text {
    color: #000 !important;
}

.item_slideshow-block .slick-slider ul.slick-dots,
.usn_cmp_banner .slick-slider ul.slick-dots {
    bottom: 70px !important;
}

.scroll-prompt.scroll-prompt-wheel .mouse-scroll::before {
    top: 5px;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(5px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(5px);
    }
}

html.reveal-out .language-nav .dropdown-item:first-child:after {
    left: 25px;
}

html.reveal-out header#site-header .container-fluid {
    background: #000 !important;
}

html.reveal-out .language-nav .dropdown-item:hover,
html.reveal-out .language-nav .dropdown-item:focus,
nav.secondary ul li a:hover,
html.reveal-out header#site-header nav.secondary li:not(.language-selector) a:hover,
header#site-header nav.main li ul li:not(.active) a:hover,
nav.main ul li span a:hover {
    color: #EFF170 !important;
}

html.reveal-out header#site-header a.expand:before,
html.reveal-out header#site-header a.expand svg,
html.reveal-out header#site-header #logo,
html.reveal-out header#site-header a.expand {
    filter: invert(1) !important;
}

.awesome header#site-header a.expand:before,
.awesome header#site-header a.expand svg,
.awesome header#site-header a.expand {
    filter: invert(1) !important;
}

.awesome header#site-header #logo {
    filter: invert(0) !important;
}

.awesome .logophone {
    color: #000 !important;
    filter: none !important;
}

.case-detail.vacancy:not(.vacancy-page) header#site-header a.expand:before,
.case-detail.vacancy:not(.vacancy-page) header#site-header a.expand svg,
.case-detail.vacancy:not(.vacancy-page) header#site-header a.expand {
    filter: invert(1) !important;
}

.case-detail.vacancy:not(.vacancy-page) .breadcrumb-trail ol.breadcrumb,
.case-detail.vacancy:not(.vacancy-page) header#site-header #logo {
    filter: invert(1) !important;
}

.case-detail.vacancy:not(.vacancy-page) .logotext {
    color: #fff !important;
    filter: none !important;
    opacity: .8;
}

.case-detail.vacancy:not(.vacancy-page) .logophone {
    color: #000 !important;
    filter: none !important;
}

.case-detail.vacancy:not(.vacancy-page) header#site-header a.expand .dot,
.case-detail.vacancy:not(.vacancy-page) header#site-header a.expand path {
    filter: invert(1) !important;
}


.form-wrapper .usn_cmp_pods .image {
    position: absolute;
    bottom: 30px;
    right: 60px;
    width: 35% !important;
    z-index: -1;
}

.form-wrapper {
    background-image: url(../../../images/at-custom/blob-bg.webp);
    background-size: 130%;
    background-position: -100px -160px;
    margin: 30px 30px 0 30px !important;
    border-radius: 20px !important;
}

.form-wrapper .usn_cmp_form {
    padding-left: 80px !important;
}

.form-wrapper .usn_cmp_pods {
    margin-left: -15px !important;
}

.form-wrapper.french .usn_cmp_pods .heading {
    font-size: 80px !important;
}

.form-wrapper.french .message {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 900 !important;
    background: none !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
}

.french .umbraco-forms-form input.text,
.french .umbraco-forms-form textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.big-title .text p strong {
    color: #675b83 !important;
    font-size: 24px !important;
}

.big-title .scroll-prompt {
    bottom: 120px !important;
}

.small-overview {
    padding: 0 7% 100px 7% !important;
}

.small-overview .component-introduction {
    padding-top: 125px !important;
}

.small-overview .secondary-heading {
    margin-bottom: 50px !important;
}

.text-block .secondary-heading:after {
    background-image: url('../../../images/at-custom/title-icon.svg') !important;
}

.usn_cmp_pods.light-pods .heading {
    color: #3300f4 !important;
}

.front-page .light-pods .component-introduction {
    display: none !important;
}

.clients .heading {
    color: #000 !important;
}

.clients .secondary-heading {
    color: #cd3b50 !important;
}

.clients .secondary-heading:after {
    background-image: url('../../../images/at-custom/title-icon.svg') !important;
}

.scroll-prompt .mouse-scroll::before {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.usn_cmp_ctastrip {
    margin: 50px auto !important;
}

.text-image-block .text-title-line .info {
    width: 90% !important;
    margin-left: 0;
}

.text-title-line.col-md-5 .info {
    padding-left: 0 !important;
}


.form-wrapper .usn_cmp_pods p:not(.secondary-heading, .heading) {
    color: #fff !important;
    opacity: 1;
}

.form-wrapper .component-introduction .heading {
    margin-top: 40px !important;
    font-size: 36px !important;
    color: #fff !important;
}

.form-control,
input,
textarea {
    border-bottom: 1px solid #675b83 !important;
}

thead,
.quick-links ul li a::after {
    background: transparent !important;
}

.table-in-page:not(.pink) th {
    color: #00aeef !important;
}

.umbraco-forms-form span.contourError,
.umbraco-forms-form span.field-validation-error {
    color: #c5394e !important;
}

header#site-header .container-fluid:after {
    top: 200px;
}

.fancy-table thead {
    background-color: transparent !important;
}

.text-blocks .row:not(.slides):not(.listing_window-mosaic) .item.items-3 {
    display: flex !important;
    margin-bottom: 30px !important;
}


.moving-images img {
    width: 100px;
}

.padding-contact-data .col-md-4 div {
    padding: 40px 0 0 50px;
}

.overview-page .usn_cmp_subpagelisting .listing .item:nth-child(2) .heading:before,
.overview-page .usn_cmp_subpagelisting .listing .item .heading:after {
    display: none !important;
}

.overview-page .usn_cmp_subpagelisting .listing .item:nth-child(2) .heading:before {
    top: 65px;
}

.form-wrapper .component-outro p a {
    text-decoration: none !important;
}

.image.background-image.body-background-image,
.image.background-image.footer-background-image,
.image.background-image.component-background-image {
    border-radius: 0;
}

.usn_cmp_ctastrip .image.background-image.body-background-image,
.usn_cmp_ctastrip .image.background-image.footer-background-image,
.usn_cmp_ctastrip .image.background-image.component-background-image {
    border-radius: 300px;
}

.content:not(.text-white-pods) .item:not(.text-title-line) .info p:not(.heading, .secondary-heading) a:not(.btn),
.grid-section p:not(.heading, .secondary-heading) a:not(.btn) {
    text-decoration: underline !important;
}

.clients .container {
    padding-top: 50px !important;
}

.clients .item {
    margin-top: 60px !important;
}

.front-page .light-pods .component-inner {
    background: transparent !important;
}

.text-medium-line .info:before {
    content: '';
    height: 70px;
    width: .05rem;
    background: #3300f4;
    display: inline-block;
    position: absolute;
    margin-left: -25px;
    top: 16px !important;
}

.text-title-line .heading:before {
    content: '';
    height: 30px;
    width: .05rem;
    background: #3300f4;
    display: inline-block;
    position: absolute;
    margin-left: -25px !important;
    top: -5px;
}

.btn.c3-btn-bg,
.c3-btn-bg {
    position: relative !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    text-align: center !important;
    text-decoration: none !important;
    color: white !important;
    border: none !important;
    color: #5affb1 !important;
    background-color: transparent !important;
    transition: all .3s ease-in-out;
    transform: none !important;
}

.c3-btn-bg span {
    z-index: 3000 !important;
    opacity: 1 !important;
    animation-name: spin;
    animation-duration: 4s;
    animation-iteration-count: infinite !important;
    animation-timing-function: linear;
    border-radius: 50%;
    background: url(/images/at-custom/button-background-turq.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    display: block;
    margin: 0 !important;
}

.c3-btn-bg:hover,
.c3-btn-bg:focus,
.c3-btn-bg:hover span,
.c3-btn-bg:focus span {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
}

.c3-btn-bg::after {
    display: none !important;
}

.c3-btn-bg:hover,
.c3-btn-bg:focus {
    border: none !important;
    background-color: transparent !important;
    color: #5affb1 !important;
}

.c3-btn-bg::before {
    right: 65px !important;
    top: 110px !important;
}

header#site-header {
    background: transparent !important;
}

/* Christmas page */

.christmas .big-title .item .inner::before {
    opacity: .2 !important;
}

.christmas .big-title .text p {
    opacity: 0;
}

.christmas .big-title .text {
    opacity: 0;
}

.christmas .big-title .text:before {
    content: '';
    width: 600px;
    height: 400px;
    background-image: url(../../../images/at-custom/happy-holidays.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
}

.christmas .big-title p {
    width: 34% !important;
    margin-left: 33% !important;
}

.christmas .c5-bg .scroll-prompt a i {
    color: #FFE858 !important;
}

.christmas .c5-bg .scroll-prompt a {
    border: 1px solid #FFE858 !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    padding-top: 5px !important;
}

.christmas .big-title .text p strong {
    color: #fff !important;
    font-size: 24px !important;
    text-shadow: 0px 0px 14px #100101;
    line-height: 150%;
}

.christmas section:not(.big-title, .related-slider) .item .image {
    box-shadow: 0px 5px 3px rgb(0 0 0 / 30%);
}

.christmas .listing_gallery .item:after {
    content: '';
    position: absolute;
    top: 43%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 57%;
    background: #FFA800;
    opacity: .5;
    filter: blur(25px);
}

.christmas .component-outro {
    margin-top: 40px !important;
}

.christmas .component-outro img {
    max-width: 250px !important;
    margin-top: 40px !important;
}

.christmas section:not(.related-slider) .component-outro:after {
    content: '';
    background: #FF5C00;
    width: 500px;
    height: 1px;
    display: inline-block;
    margin-top: 20px;
}

.custom-landing-page.christmas .related-slider {
    padding: 450px 100px 100px 100px !important;
}

.custom-landing-page.christmas .related-slider .component-introduction p {
    width: 44% !important;
    margin-left: 28% !important;
    font-size: 24px !important;
    padding-top: 30px !important;
}

.cookie-video .component-introduction img:not(.cookie) {
    opacity: 0;
}

.cookie-video .component-introduction p:not(.cookie-images) {
    padding: 0 15% !important;
    opacity: 0;
}

.cookie-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    margin-top: 500px;

}

.cookie-video .cookie1 {
    width: 120px;
    position: absolute;
    margin-top: -150px;
    margin-left: 60%;
    z-index: -1;
    transform: rotate(0deg);
}

.cookie-video .cookie2 {
    width: 240px;
    position: absolute;
    margin-top: 150px;
    margin-left: -78%;
    background-repeat: no-repeat;
    z-index: 9999;
    transform: rotate(319deg);
}

.cookie-video .cookie3 {
    width: 210px;
    position: absolute;
    margin-top: 0px;
    margin-left: 57%;
    z-index: 9999;
    filter: brightness(1.1);
    transform: rotate(0deg);
}

.custom-landing-page.christmas .cursor:after {
    content: '';
    width: 50px;
    height: 50px;
    background-image: url(../../../images/at-custom/star-shine.png);
    background-size: 60%;
    background-color: transparent !important;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(0);
}

.custom-landing-page.christmas .cursor {
    border: none !important;
    opacity: 1 !important;
    mix-blend-mode: difference;
}

.split-header.big-title h1 {
    margin-top: 230px;
    margin-bottom: 0 !important;
    font-size: 65px !important;
    width: 100% !important;
}

.contact-page .grid-section h2 {
    color: #3300f4 !important;
    font-size: 36px;
}

.contact-page .grid-section .text-title-line h2:before {
    background: #3300f4 !important;
    height: 30px !important;
}

.contact-page .grid-section .btn {
    border-color: #474747 !important;
    color: #474747 !important;
}

.contact-page .grid-section .btn:hover,
.contact-page .grid-section .btn:focus {
    border-color: #3300f4 !important;
    color: #3300f4 !important;
}

.contact-page .grid-section .text-title-line a {
    font-weight: 400 !important;
}

.full-screen-slider .heading {
    width: 75% !important;
}

.padding-contact-data img {
    border-radius: 20px !important;
}

header#site-header nav.main li ul li a:after,
nav.main ul>li.active>span>a,
nav.main ul>li>ul>li.active>span>a:after {
    color: #EFF170 !important;
}

.body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
    padding: 300px 0 50px 15% !important;
}

.text-image-block .text-right.text-title-line .info {
    margin-left: 15%;
}


.awesome.we-inspire .split-header {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgb(145 255 203) 100%) !important;
    margin-top: 0 !important;
}

.awesome.we-inspire .slick-slider:hover .slick-prev,
.awesome.we-inspire .slick-slider:hover .slick-next {
    text-shadow: none !important;
    color: #3C6178 !important;
    transition: all .1s ease-in-out;
}

.awesome.we-inspire .split-header:after {
    content: '';
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: -1;
    animation: shine-opacity 5s infinite;
    mix-blend-mode: plus-lighter;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1);
    /* IE6-9 */
}

/* animation */
@keyframes shine-opacity {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 0;
    }

    95% {
        opacity: .2;
    }

    100% {
        opacity: 0;
    }
}

.awesome.we-inspire header#site-header #logo,
.awesome.we-inspire header#site-header .logophone,
.awesome.we-inspire header#site-header a.expand svg {
    filter: invert(1);
}

.awesome.we-inspire .split-header.big-title h1 {
    margin-bottom: 0 !important;
    font-size: 150px !important;
    color: #3C6178 !important;
    margin-left: 30px;
    margin-top: -230px !important;
    width: 150% !important;
    line-height: 90% !important;
    color: #3300f4 !important;
    opacity: 1 !important;
}


.awesome.we-inspire .col-xl-8 {
    -ms-flex: 0 0 80% !important;
    flex: 0 0 80% !important;
    max-width: 80% !important;
}


.awesome.we-inspire .split-header {
    padding: 120px 0 50px 17% !important;
}

.awesome.we-inspire .split-header .usn_cmp_gallery {
    z-index: -1 !important;
}

.awesome.we-inspire .split-header .usn_cmp_gallery .image {
    overflow: visible !important;
    /*animation: nudgezoom 5s linear;*/
    /*animation-iteration-count: infinite;*/
}

/*.awesome.we-inspire .split-header.big-title h1 {*/
/*    animation: nudgezoom 5s linear;*/
/*    animation-iteration-count: infinite; */
/*}*/

/*.awesome.we-inspire .split-header .usn_cmp_gallery img {*/
/*    animation: glitchy 1.5s linear 0s normal;*/
/*  -webkit-animation: glitchy 1.5s linear 0s normal;*/
/*  -moz-animation: glitchy 1.5s linear 0s normal;*/
/*  -ms-animation: glitchy 1.5s linear 0s normal;*/
/*  -o-animation: glitchy 1.5s linear 0s normal;*/
/*}*/

@-webkit-keyframes nudgezoom {
    0% {
        transform: rotate(0) scale(1);
    }

    89% {
        transform: rotate(0) scale(1);
    }

    90% {
        transform: rotate(1deg) scale(1.2);
    }

    93% {
        transform: rotate(-2deg) scale(1.2);
    }

    96% {
        transform: rotate(1deg) scale(1.2);
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}

@-webkit-keyframes glitchy {
    0% {
        transform: scale(0) rotate(300deg);
        opacity: 0;
    }

    100% {
        transform: scale(1) rotate(360deg);
        opacity: 1;
    }
}

.awesome.we-inspire #ashine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9998;
    /*animation: nudgezoom 5s linear;*/
    /*  animation-iteration-count: infinite;*/
}


/*CSS3 keyframes for glittering effect*/
@-webkit-keyframes glittering {
    0% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }

    25% {
        -webkit-transform: scale(1) rotate(360deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.3) rotate(720deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(0.3) rotate(0deg);
        opacity: 0;
    }
}

.awesome.we-inspire .shine {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../../../images/at-custom/a-pink.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 2;
    color: transparent;
    -moz-opacity: 0.0;
    opacity: 0.0;
    animation: glittering 6s linear 0s infinite normal;
    -webkit-animation: glittering 6s linear 0s infinite normal;
    -moz-animation: glittering 8s linear 0s infinite normal;
    -ms-animation: glittering 8s linear 0s infinite normal;
    -o-animation: glittering 8s linear 0s infinite normal;
}

.awesome.we-inspire .shine:nth-child(2n) {
    background-image: url(../../../images/at-custom/a.svg);
}

.awesome.we-inspire .shine:nth-child(3n) {
    background-image: url(../../../images/at-custom/a-yellow.svg) !important;
}

.awesome.we-inspire .shine:nth-child(4n) {
    background-image: url(../../../images/at-custom/a-orange.svg) !important;
}

.awesome.we-inspire .shine:nth-child(5n) {
    background-image: url(../../../images/at-custom/a-turq.svg) !important;
}

.awesome.we-inspire .shine:nth-child(6n) {
    background-image: url(../../../images/at-custom/a-blue.svg) !important;
}

.awesome.we-inspire .shine:nth-child(7n) {
    background-image: url(../../../images/at-custom/a-purple.svg) !important;
}

.awesome.we-inspire .shine.small {
    width: 10px;
    height: 10px;
}

.awesome.we-inspire .shine.medium {
    width: 20px;
    height: 20px;
}

.awesome.we-inspire .shine.large {
    width: 40px;
    height: 40px;
}

.awesome.we-inspire #site-content {
    background-color: transparent !important;
}

.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 0) .component-introduction,
.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 1) .component-introduction,
.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 2) .component-introduction {
    padding-top: 5% !important;
}

.split-text-color-column .item:first-child p {
    font-weight: 600 !important;
    font-size: 30px !important;
    padding-right: 80px;
    padding-left: 65px !important;
}

.split-text-color-column .item:nth-child(2) {
    background: #5affb1 !important;
    padding: 70px 70px 40px 70px !important;
    border-radius: 20px !important;
    margin: 150px 0 0 0 !important;
}

.split-text-color-column .item:nth-child(2) p {
    font-size: 20px !important;
}

.split-text-color-column .item:nth-child(2) .heading,
.split-text-color-column .item:nth-child(2) strong {
    color: #0c4129 !important;
}

.split-text-color-column .item:nth-child(2) .heading {
    font-size: 70px !important;
    margin-bottom: 20px !important;
}

.split-text-color-column {
    padding: 0 !important;
}

.we-inspire.awesome #site-content {
    padding: 100px 250px 80px 130px !important;
}

.we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction {
    background: rgb(255 255 255 / 90%) !important;
    border-color: #fff !important;
}

.we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction p.secondary-heading {
    color: #fff !important;
    border-radius: 10px !important;
}

.we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction .heading {
    color: #000 !important;
}

.we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction p {
    color: #000 !important;
}

.we-inspire.awesome #scroll-to-top,
.we-inspire.awesome #scroll-to-bottom {
    border-color: #3300f4 !important;
    color: #3300f4 !important;
}

.we-inspire.awesome #scroll-to-top:hover,
.we-inspire.awesome #scroll-to-bottom:hover {
    color: #fff !important;
    background-color: #3300f4 !important;
}

.nudge {
    animation: nudge 5s linear;
    animation-iteration-count: infinite;
}

.usn_back-to-top {
    z-index: 30000 !important;
}

.awesome.we-inspire #site-content .usn_cmp_gallery .component-inner {
    padding: 0 !important;
}

.text-pod-1 .item .info {
    padding: 50px 100px !important;
}

.text-pod-1 .heading {
    font-size: 50px;
    line-height: 100%;
    color: #000 !important;
    width: 85%;
    margin-bottom: 30px !important;
}

.text-pod-2 .item .info {
    padding: 50px 150px 50px 0 !important;
}

.text-pod-2 .heading {
    font-size: 50px;
    line-height: 100%;
    color: #000 !important;
    width: 85%;
    margin-bottom: 30px !important;
}

.text-pod-3 .item .info {
    padding: 50px 100px !important;
}

.text-pod-3 .heading {
    font-size: 50px;
    line-height: 100%;
    color: #000 !important;
    width: 85%;
    margin-bottom: 30px !important;
}

.blue-bg {
    background-color: #2f39a5 !important;
}

.blue-bg p,
.blue-bg .heading {
    color: #fff !important;
}

.wave-blue {
    margin-top: -50vh !important;
    margin-bottom: -70vh !important;
    z-index: -1;
}

.wave-blue .container-fluid {
    padding: 0 !important;
}

#canvas1 {
    top: 0;
    left: 0;
}

.overview-blog .listing-component .item .heading {
    font-size: 30px !important;
    text-transform: none !important;
}

.overview-blog .item.item_has-bg .meta {
    display: none;
}

.overview-blog .item {
    margin-bottom: 0 !important;
}

.display-none {
    display: none !important;
}

/* Preloader */

.preloader .logo {
    opacity: 0;
    transform: scale(.3);
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader.fade-out {
    opacity: 0;
    transition: all 0.6s ease;
}

.preloader img {
    display: flex;
    max-width: 200px;
}

.display-none {
    display: none !important;
}

.awesome .slick-slider ul.slick-dots {
    bottom: 25px !important;
}

.clients .padded-image {
    margin-top: 180px !important;
    margin-bottom: 200px !important;
}

.clients .extra-logo {
    bottom: -150px !important;
}

.small-overview .component-introduction .heading {
    font-size: 90px !important;
}

.text-block .component-introduction {
    padding-bottom: 30px !important;
    padding-left: 15%;
    padding-right: 15%;
}

.text-block .heading {
    font-size: 100px !important;
    line-height: 100% !important;
    width: 70%;
}

.text-block {
    padding-left: 40px !important;
}

.text-block .secondary-heading {
    margin-bottom: 50px !important;
    padding-left: 5px !important;
}

.clients .secondary-heading {
    margin-bottom: 50px !important;
    margin-top: -80px !important;
}

@media (max-width: 1701px) {
    .custom-landing-page .black-banner .item .info.col {
        transform: scale(.8) !important;
    }

    .custom-landing-page .black-banner .text {
        bottom: 2vh !important;
    }

    .custom-landing-page .black-banner .info img {
        top: 10% !important;
    }

    .custom-landing-page .black-banner h1 {
        font-size: 140px !important;
    }
}

@media (max-height: 1019px) {
    .custom-landing-page .black-banner .text {
        bottom: 5vh !important;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1201px) {
    .light-pods {
        padding: 100px 60px !important;
    }

    .four-images-right .row:not(.slides):not(.listing_window-mosaic) .item.items-4,
    .four-images-right .row:not(.slides):not(.listing_window-mosaic) .item.items-5 {
        margin-left: 50px !important;
    }
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    .custom-landing-page .text-block {
        padding-left: 0 !important;
    }

    .custom-landing-page .text-block .heading {
        width: 90% !important;
    }

    .awards .heading {
        font-size: 70px !important;
        line-height: 95% !important;
    }

    .awards .component-outro .btn {
        margin-left: 60px !important;
    }

    .form-wrapper .usn_cmp_pods .image {
        right: -10px;
    }

    .form-wrapper {
        background-size: 170%;
        background-position: -180px -170px;
    }

    body {
        overflow-x: visible !important;
    }

    .related-slider .listing .item .info {
        padding: 10px 60px 30px 80px !important;
    }

    .custom-landing-page .black-banner .text {
        bottom: 10vh !important;
    }

    .custom-landing-page .black-banner h1 {
        right: 13%;
        top: 14%;
    }
}

@media (max-width: 1600px) {
    footer#site-footer .logos img {
        height: 97px !important;
    }

    .color-block.c9-bg .heading {
        font-size: 60px !important;
    }

    .case-detail .split-header .usn_cmp_gallery {
        padding-left: 0 !important;
    }

    .overview-blog .listing-component .item .heading {
        font-size: 30px !important;
    }

    header#site-header nav.secondary {
        padding: 30px 0 0 0 !important;
    }

    html.reveal-out header#site-header .site-search {
        margin-left: -8px !important;
    }

    .case-detail .split-header h1 {
        font-size: 50px !important;
    }

    .case-detail .split-header p {
        font-size: 16px !important;
    }

    .case-detail .split-header .usn_cmp_gridlayout {
        -ms-flex: 0 0 40% !important;
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }

    .case-detail .split-header .usn_cmp_gallery {
        -ms-flex: 0 0 60% !important;
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .split-header .item .image {
        width: 92% !important;
    }

    .split-header p {
        font-size: 16px !important;
    }

    .full-overview .usn_cmp_ctastrip {
        width: 100% !important;
    }

    .full-overview .repeatable-content .item .heading {
        font-size: 30px !important;
    }

    .four-images-right .heading {
        font-size: 80px !important;
    }

    .usn_back-to-top.position-right {
        right: 10px !important;
    }

    html.nav-down:not(.reached-top) .usn_back-to-top,
    html.nav-up .usn_back-to-top {
        right: 10px !important;
        bottom: 10px !important;
    }

    .small-overview .component-introduction {
        padding-top: 35px !important;
    }

    .usn_cmp_ctastrip.c4-bg p:not(.heading) {
        font-size: 16px !important;
    }

    .usn_cmp_ctastrip.c4-bg {
        margin: 60px auto !important;
    }

    .usn_cmp_ctastrip.c4-bg .heading {
        font-size: 80px !important;
    }

    .text-block .heading {
        font-size: 80px !important;
        width: 70% !important;
    }

    .text-block .secondary-heading {
        margin-bottom: 30px !important;
        padding-top: 50px !important;
    }

    .small-overview .component-introduction .heading {
        font-size: 80px !important;
    }

    .small-overview .secondary-heading {
        margin-bottom: 10px !important;
    }

    .portrait-video iframe {
        width: 294px !important;
        height: 522px !important;
    }

    .we-inspire.awesome #site-content {
        padding: 60px 200px 30px 20px !important;
    }

    .awesome.we-inspire .split-header {
        padding: 60px 0 50px 17% !important;
    }

    .case-detail .split-header {
        height: 100vh !important;
        padding: 18% 0 0 100px !important;
    }

    .split-header.big-title h1 {
        font-size: 50px !important;
        width: 80% !important;
        margin-top: 260px;
        margin-bottom: 0 !important;
        padding-bottom: 10px;
    }

    .full-screen-slider .heading {
        width: 60% !important;
        font-size: 80px !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 300px 0 0px 10% !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header .usn_cmp_gridlayout {
        margin-left: -50px !important;
    }

    .form-wrapper .usn_cmp_pods .text {
        margin-left: 10px !important;
    }

    .form-wrapper .usn_cmp_pods .image {
        right: 10px !important;
        bottom: 60px !important;
    }

    .custom-landing-page .black-banner .info img {
        top: -80vh !important;
        left: 60% !important;
    }

    .custom-landing-page .black-banner h1 {
        right: 23%;
    }

    .custom-landing-page .black-banner .text {
        bottom: 7vh !important;
    }

    .custom-landing-page .black-banner .image {
        border-top: 100px solid #000;
    }

    .logo-extra-text {
        top: 30% !important;
    }

    .text-block .heading {
        width: 90%;
    }

    html.reveal-out header#site-header .row {
        padding: 60px 100px !important;
    }

    .clients h2 {
        font-size: 70px !important;
    }

    .clients .padded-image {
        margin-top: 0px !important;
        margin-bottom: 140px !important;
    }

    .form-wrapper .usn_cmp_pods .heading {
        font-size: 100px !important;
    }

    .text-block .component-introduction {
        padding-left: 0 !important;
        padding-right: 10% !important;
    }

    .usn_cmp_ctastrip {
        margin: 0 auto !important;
    }

    .big-title .heading,
    .christmas .big-title .heading {
        font-size: 100px !important;
    }

    .christmas .big-title .text:before {
        width: 400px;
        height: 280px;
    }

    .big-title .text p strong,
    .christmas .big-title .text p strong {
        font-size: 20px !important;
    }

    .christmas .big-title p {
        width: 70% !important;
        margin-left: 15% !important;
    }

    .big-title .scroll-prompt {
        bottom: 120px !important;
    }

    .cookie-video .image.background-image.component-background-image {
        background-position: center 200px !important;
    }

    .custom-landing-page.christmas .related-slider {
        padding: 450px 40px 100px 20px !important;
    }

    .custom-landing-page.christmas .related-slider .component-introduction p {
        width: 70% !important;
        margin-left: 15% !important;
        padding-top: 10px !important;
    }

    .related-slider .listing {
        overflow: visible !important;
        width: 125% !important;
    }

    .related-slider .listing .item .info {
        padding: 30px 80px 30px 80px !important;
    }

    .related-slider .listing-pods .heading {
        font-size: 24px;
    }

    footer#site-footer {
        padding: 0 40px;
    }

    .split-text-color-column .item:first-child p {
        font-size: 28px !important;
        padding-right: 100px;
        padding-left: 35px !important;
        padding-top: 50px;
    }
}

@media (max-width: 1200px) and (orientation: landscape) {
    footer#site-footer .footer-item.logos {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    footer#site-footer .logos img {
        height: 60px !important;
    }

    .text-title-line.col-md-5 .info {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .text-block .component-introduction {
        padding-left: 125px !important;
        padding-right: 0 !important;
    }

    .case-detail .split-header .grid-section {
        padding-left: 0 !important;
    }

    .case-detail .split-header .usn_cmp_gridlayout .col-md-6:first-child {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }

    .component.usn_cmp_ctastrip .link,
    .component.usn_cmp_ctastrip .info {
        padding: 0 80px !important;
    }

    .case-detail.vacancy .split-header .item {
        padding-left: 50px !important;
    }

    html.reveal-out header#site-header a.expand,
    html.reveal-out.nav-up header#site-header a.expand,
    html.reveal-out.nav-down header#site-header a.expand {
        top: 32px !important;
    }

    .logotext {
        top: 60px !important;
    }

    .logophone {
        top: 110px !important;
    }

    html.reveal-out .logotext {
        font-size: 28px !important;
    }

    .logo-extra-text {
        top: 34% !important;
    }

    header#site-header nav.main li:first-child {
        width: auto !important;
    }

    html.reveal-out header#site-header .row {
        padding: 80px 0px 0 50px !important;
    }

    html.reveal-out .logotext {
        top: 16% !important;
        width: 100% !important;
    }

    header#site-header a.expand {
        top: 10px !important;
    }

    .logo-extra-text {
        top: 31% !important;
    }

    body.header-17-lg header#site-header #logo {
        padding-top: 0 !important;
    }

    html.reveal-out body.header-17-lg header#site-header #logo {
        padding-top: 40px !important;
    }

    .color-block .info .text ul li {
        font-size: 16px !important;
    }

    html.reveal-out header#site-header .container-fluid {
        background-size: 400%;
        background-position: -420px -220px;
    }

    html.reveal-out header#site-header .row {
        padding: 50px !important;
    }

    .split-header.big-title h1 {
        width: 100% !important;
    }

    .usn_cmp_ctastrip.c4-bg .heading {
        font-size: 70px !important;
    }

    .usn_cmp_ctastrip.c4-bg p:not(.heading) {
        font-size: 18px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link {
        margin-top: 0 !important;
    }

    .christmas .big-title .text p {
        opacity: 1;
    }

    .christmas .big-title .text {
        opacity: 1;
    }

    .big-title .scroll-prompt {
        bottom: 100px !important;
    }

    .cookie-video .component-introduction img:not(.cookie) {
        padding: 0 !important;
        opacity: 1;
    }

    .cookie-video .component-introduction img:not(.cookie) {
        opacity: 1;
    }

    .cookie-video .component-introduction p:not(.cookie-images) {
        padding: 0 15% !important;
        opacity: 1;
    }

    .custom-landing-page.christmas .related-slider {
        padding: 320px 65px 100px 60px !important;
        margin-top: -270px;
    }

    .related-slider .component-outro {
        margin-top: -60px !important;
    }

    .christmas section:not(.big-title, .related-slider) .item .image {
        margin-top: -30px;
    }

    .cookie-video .cookie1 {
        margin-top: -290px;
        margin-left: 52%;
    }

    .cookie-video .cookie2 {
        width: 230px;
        margin-top: -30px;
        margin-left: -78%;
    }

    .cookie-video .cookie3 {
        margin-top: -120px;
        margin-left: 51%;
    }

    .front-page .big-title {
        margin: 20px;
    }

    .split-header.big-title h1 {
        margin-top: 210px;
    }

    .form-wrapper .usn_cmp_pods .text {
        margin-left: 50px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item:nth-child(2) .heading:before,
    .overview-page .usn_cmp_subpagelisting .listing .item .heading:after {
        top: 5px;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .secondary-heading,
    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .text {
        padding-left: 0 !important;
    }

    .usn_cmp_ctastrip.c4-bg .image.background-image.body-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.footer-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.component-background-image {
        background-size: 150% !important;
        background-position: center center !important;
    }

    .small-overview .component-introduction .heading {
        font-size: 70px !important;
    }
}

@media (max-width: 1200px) {
    footer#site-footer .footer-item:nth-child(2):not(.usn_pod_sociallinks) img {
        padding-right: 5px;
    }

    .we-inspire.awesome #site-content {
        padding: 60px 90px 30px 20px !important;
    }

    .awesome.we-inspire .split-header.big-title h1 {
        font-size: 110px !important;
        margin-top: -110px !important;
    }

    .awesome.we-inspire .split-header {
        padding: 120px 0 50px 17% !important;
    }

    .split-text-color-column .item:first-child p {
        font-size: 24px !important;
        padding-right: 90px;
    }

    body {
        overflow-x: hidden !important;
    }

    .cursor {
        display: none !important;
    }

    .custom-landing-page .black-banner .info img {
        top: -500% !important;
        left: 39%;
        width: 420px;
        height: 360px;
        transform: none !important;
    }

    .custom-landing-page .text-block {
        padding-left: 0 !important;
    }

    .custom-landing-page .text-block .heading {
        width: 90% !important;
        padding-left: 15px !important;
    }

    .awards .heading {
        line-height: 95% !important;
    }

    .awards .component-outro .btn {
        margin-left: 60px !important;
    }

    .form-wrapper .usn_cmp_pods .image {
        right: -10px;
    }

    .form-wrapper {
        background-size: 170%;
        background-position: -180px -170px;
    }

    .related-slider .listing .item .info {
        padding: 10px 60px 30px 80px !important;
    }

    .custom-landing-page header,
    .custom-landing-page .finger-navigation,
    .custom-landing-page .logotext,
    .custom-landing-page .logophone,
    .custom-landing-page .scroll-prompt.scroll-prompt-wheel .mouse-scroll,
    .custom-landing-page .black-banner h1,
    .custom-landing-page .black-banner .text p,
    .custom-landing-page .black-banner .image {
        opacity: 1;
        transform: none !important;
    }

    .custom-landing-page .black-banner .image img {
        width: 100%;
        margin-top: 130px;
    }

    .custom-landing-page .black-banner .text {
        bottom: 15vh !important;
    }


    .custom-landing-page .fade-in-image .image {
        transform: scale(1) !important;
    }

    .custom-landing-page .white-text-block {
        margin-top: 180px !important;
        margin-bottom: 50px !important;
    }

    .custom-landing-page .image-slider:before {
        display: none !important;
    }

    .related-slider {
        padding: 250px 100px 100px 100px !important;
    }

    .related-slider .component-introduction {
        margin-bottom: 0 !important;
    }

    .custom-landing-page .form-wrapper {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    .custom-landing-page footer {
        margin-top: 0 !important;
    }

    .related-slider .listing {
        width: 125% !important;
    }
}

@media (max-width: 1200px) and (orientation: portrait) {
    footer#site-footer .footer-item:first-of-type {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    footer#site-footer .footer-item:nth-of-type(2):not(.usn_pod_sociallinks) {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
    }

    footer#site-footer .col-lg-2:not(.offset-md-6):not(.usn_pod_sociallinks) {
        -ms-flex: 0 0 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }

    footer#site-footer .footer-item:last-of-type {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    nav.footer-navigation {
        padding-top: 0px !important;
        padding-right: 0;
    }

    .custom-landing-page .black-banner .image img {
        width: 200% !important;
        max-width: 200% !important;
        margin-left: -720px;
        margin-top: 30% !important;
    }

    .custom-landing-page .black-banner .info img {
        left: -28% !important;
        transform: scale(1) !important;
    }

    .custom-landing-page .black-banner h1 {
        right: 3% !important;
    }

    .custom-landing-page .black-banner .text {
        bottom: 32vh !important;
        left: 200px !important;
    }

    header#site-header #logo {
        right: 60px !important;
    }

    .logophone {
        right: 50px;
    }

    .scroll-prompt a {
        height: 50px !important;
    }

    .custom-landing-page .white-text-block .info {
        margin-left: 0 !important;
    }

    .custom-landing-page .white-text-block {
        margin-top: 70px !important;
        margin-bottom: 30px !important;
    }

    .image-gsap .listing .item {
        flex: 0 0 30% !important;
        -ms-flex: 0 0 30% !important;
        max-width: 30% !important;
    }

    .image-slider .container-fluid .row.listing:not(.listing_no-spacing):not(.listing_window-mosaic) {
        transform: rotate(12deg) scale(1.6) translateX(70px);
        margin-left: -90px;
    }

    .image-slider {
        padding-top: 110px !important;
        padding-bottom: 0px !important;
    }

    section.content:not(.usn_cmp_banner, .full-screen-slider, .usn_cmp_reusablecomponents, .split-header, .no-padding, .share-block) .component-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .custom-landing-page .fade-in-image .image {
        margin-top: 160px !important;
    }

    .custom-landing-page .fade-in-image {
        padding-left: 50px !important;
    }

    .related-slider {
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 55%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%) !important;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {
    .text-block .component-introduction {
        padding-left: 65px !important;
        padding-right: 0 !important;
    }

    .text-block .heading {
        font-size: 60px !important;
        width: 80% !important;
    }

    .usn_cmp_ctastrip.c4-bg {
        padding: 40px 0 !important;
        margin: 15px !important;
        width: calc(100% - 30px) !important;
    }

    .usn_cmp_ctastrip.c4-bg .image.background-image.body-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.footer-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.component-background-image {
        background-size: 350% !important;
        background-position: center center !important;
    }

    .usn_cmp_ctastrip.c4-bg .heading {
        font-size: 50px !important;
    }

    .usn_cmp_ctastrip.c4-bg p:not(.heading) {
        font-size: 15px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link {
        margin-top: 0 !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn:last-child {
        bottom: -20px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn {
        position: relative !important;
        display: inline-block !important;
        width: 100% !important;
        right: 0 !important;
    }

    .awesome.we-inspire #ashine {
        height: 90vh !important;
    }

    .split-text-color-column .item:first-child p {
        font-size: 24px !important;
        padding-right: 40px;
        padding-left: 5px !important;
        padding-top: 30px;
    }

    .split-text-color-column .item:nth-child(2) {
        padding: 50px 40px !important;
    }

    .awesome.we-inspire .split-header {
        padding: 150px 70px !important;
    }

    .awesome.we-inspire .split-header.big-title h1 {
        font-size: 140px !important;
        margin-top: -100px !important;
    }

    .case-detail.vacancy .split-header .item.usn_cmp_text {
        padding-left: 50px !important;
        padding-top: 50px !important;
    }

    .we-inspire.awesome .split-header {
        min-height: 70vh !important;
        padding: 150px 100px !important;
    }

    .body-bg.awesome .split-header .usn_cmp_gallery {
        position: relative !important;
        padding-left: 0 !important;
        right: 0;
        top: 0;
        margin-top: 0px;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .we-inspire.awesome .split-header {
        margin-top: 0 !important;
    }

    html.reveal-out header#site-header .row {
        padding: 30px 100px !important;
    }

    .case-detail.vacancy .col-md-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .case-detail.vacancy .text-image-block .usn_cmp_text.order-md-2 {
        padding-left: 70px !important;
    }

    .case-detail.vacancy .split-header h1 {
        font-size: 50px !important;
    }

    .split-header .item .image {
        width: 100% !important;
    }

    .case-detail.vacancy .split-header h1 {
        padding-top: 0px !important;
        width: 100% !important;
    }

    html.reveal-out header#site-header .container-fluid {
        background-size: 400%;
        background-position: -420px -220px;
    }

    html.reveal-out .logotext {
        width: 100% !important;
    }

    .cookie-video .image.background-image.component-background-image {
        background-position: center top !important;
        opacity: 0 !important;
    }

    html.reveal-out .language-nav .dropdown-item:first-child {
        padding-right: 10px !important;
    }

    html.reveal-out .language-nav .dropdown-item:first-child:after {
        left: 32px !important;
    }

    .cookie-video .image {
        background-size: 100% !important;
    }

    .usn_cmp_ctastrip.c4-bg {
        padding: 100px 0 !important;
        margin: 100px !important;
        width: calc(100% - 200px) !important;
    }

    .usn_cmp_ctastrip.c4-bg .image.background-image.body-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.footer-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.component-background-image {
        background-size: 220% !important;
        background-position: center center !important;
    }

    .usn_cmp_ctastrip.c4-bg .heading {
        font-size: 50px !important;
    }

    .usn_cmp_ctastrip.c4-bg p:not(.heading) {
        font-size: 18px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link {
        margin-top: 0 !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn:last-child {
        bottom: 0 !important;
    }

    .clients .container {
        margin-top: -50px !important;
    }

    .body-bg:not(.case-detail, .awesome) .split-header {
        min-height: 100% !important;
    }

    .cookie-video .component-introduction img:not(.cookie) {
        opacity: 1;
    }

    .cookie-video .component-introduction p:not(.cookie-images) {
        padding: 0 !important;
        opacity: 1;
    }

    .related-slider .listing .item {
        margin-left: 0px !important;
    }

    .related-slider .component-introduction .text {
        padding-bottom: 80px !important;
    }

    .christmas section:not(.big-title, .related-slider) .item .image {
        margin-top: -50px !important;
    }

    .front-page .big-title {
        margin: 20px;
    }

    body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner,
    body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .container,
    body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .row,
    body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image,
    body.browser-ios .component.usn_cmp_banner .item.item_takeover-banner .image .video {
        height: calc(100vh - 85px) !important;
        border-radius: 20px !important;
    }

    .logophone {
        right: 52px;
    }

    header#site-header a.expand {
        left: 30px !important;
    }

    html.reveal-out nav.main {
        margin-top: 7% !important;
    }

    .big-title .scroll-prompt {
        bottom: 100px !important;
    }

    .scroll-prompt a i {
        font-size: 35px;
    }

    .christmas .big-title .text p {
        opacity: 1;
    }

    .christmas .big-title .text {
        opacity: 1;
    }

    .cookie-video .component-introduction img:not(.cookie) {
        padding: 0 !important;
        opacity: 1;
    }

    .related-slider {
        margin-top: -350px !important;
    }

    .cookie-images {
        transform: scale(.8);
    }

    .related-slider .listing {
        width: 100% !important;
    }

    .custom-landing-page.christmas .related-slider {
        padding: 450px 30px 0 50px !important;
    }

    .related-slider .listing .item {
        padding-right: 50px;
    }

    .related-slider .listing .item .info {
        padding: 10px 20px 50px 30px !important;
    }

    footer#site-footer .footer-item:not(.col-md-1):not(.col-md-2):not(.col-md-3) .quick-links ul li {
        flex-basis: 100%;
        flex: 0 0 100%;
    }

    footer#site-footer .logos p {
        text-align: center;
    }

    .body-bg:not(.case-detail, .awesome) .split-header .usn_cmp_gallery {
        position: relative !important;
        padding-left: 0 !important;
        right: 30px;
        top: 0;
        margin-top: -200px;
    }

    .text-image-block .text-title-line .info {
        padding-left: 0 !important;
        padding-bottom: 50px !important;
    }

    .split-header.big-title h1 {
        margin-left: 0;
    }

    .split-header p {
        padding-left: 0px !important;
        margin-bottom: 0px !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header .usn_cmp_gridlayout {
        margin-left: -45px !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 50px 0 0 40px;
    }

    .text-title-line.col-md-5 .info {
        padding-left: 30px !important;
    }

    .clients .col-md-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .clients .extra-logo {
        bottom: -260px !important;
    }

    .clients .padded-image {
        margin-top: -50px !important;
    }

    .four-images-right .listing .item:first-child {
        margin-right: -170px !important;
    }

    .four-images-right .four-images-right {
        margin-left: 120px !important;
    }

    .four-images-right .info {
        padding: 10% !important;
    }

    .logo-extra-text {
        top: 58% !important;
        padding-left: 3px;
    }

    .form-wrapper .usn_cmp_form {
        padding-left: 15px !important;
    }

    .form-wrapper .usn_cmp_pods .text {
        margin-left: 0 !important;
    }

    .custom-landing-page .black-banner .info img {
        left: -100% !important;
        transform: scale(1.5) !important;
        top: -400% !important;
    }

    header#site-header #logo {
        right: 30px !important;
    }

    .logophone {
        right: 25px;
    }

    .logotext {
        right: 24px;
        top: 62px;
        font-size: 14px;
        width: 50%;
    }

    section:not(.usn_cmp_banner, .logo-grid, .grid-images) .item .video,
    section:not(.usn_cmp_banner, .logo-grid, .grid-images, .award-logos) .item .image:not(.extra-logo) {
        border-radius: 20px !important;
    }

    .form-wrapper .component-introduction .heading {
        margin-top: 0px !important;
    }

    .form {
        margin: 0 !important;
    }

    .component.usn_cmp_banner.big-title .item .row.info_align-middle .info {
        margin-top: 0 !important;
    }

    .smaller-cols {
        padding: 0px 25px 35px 25px !important;
    }

    .other-cases .item {
        margin-bottom: 30px !important;
    }

    blockquote.md,
    .quote.md,
    blockquote.lg,
    .quote.lg,
    blockquote,
    .quote {
        padding-left: 30px !important;
    }

    blockquote::before,
    .quote::before {
        font-size: 180px !important;
        left: 25px !important;
        top: 40px !important;
    }

    .quote-block .quote:after {
        left: 30px !important;
    }

    .quote-block .component-outro p {
        padding-left: 30px !important;
    }

    .form-wrapper .component-introduction {
        border-top: none !important;
    }

    .form-wrapper .component-outro p {
        width: 60% !important;
    }

    .form-wrapper {
        padding: 50px 20px !important;
    }

    .smallest-cols {
        padding: 20px 35px !important;
    }

    section.content.component:not(.gallery) .content-col.center-col.col {
        padding-left: 50px !important;
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-right: 50px !important;
    }

    .grid-section .text-medium-line {
        margin: 30px 30px 20px 40px !important;
    }

    .form-wrapper .usn_cmp_pods {
        margin-left: 0 !important;
    }

    .form-wrapper .umbraco-forms-navigation {
        margin-top: 80px !important;
    }

    .form-wrapper .component-outro p {
        top: -255px !important;
    }

    .we-inspire.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 0),
    .we-inspire.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 1),
    .we-inspire.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 2),
    .we-inspire.awesome #site-content .usn_cmp_gallery,
    .we-inspire.awesome #site-content .usn_cmp_gallery {
        width: 42vw !important;
        min-width: 42vw !important;
        min-height: 330px !important;
        height: 330px !important;
    }

    .we-inspire.awesome #site-content {
        padding: 30px 40px 30px 45px !important;
    }

    .we-inpsire.awesome .item .image img {
        border-radius: 20px !important;
    }

    header#site-header nav.main li ul {
        margin-bottom: 0 !important;
    }

    header#site-header nav.main li:first-child,
    header#site-header nav.main li,
    header#site-header nav.secondary li {
        padding-left: 0 !important;
    }

    header#site-header nav.main li ul {
        padding: 0 10px 55px 10px !important;
    }

    html.reveal-out header#site-header {
        min-height: 100vh !important;
    }

    header#site-header nav.main li a {
        padding: 15px 10px !important;
        font-size: 40px !important;
        min-height: 55px !important;
    }

    html.reveal-out nav.main {
        margin-top: 20% !important;
    }

    html.reveal-out .logo-extra-text {
        margin-top: 20px;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 300px 30px 0px 80px !important;
    }

    header#site-header nav.main li ul li a,
    header#site-header nav.main li ul li a.active {
        font-size: 30px !important;
        padding: 15px !important;
    }

    html.reveal-out nav.main {
        width: 100% !important;
    }

    .logotext,
    html.reveal-out .logotext {
        top: 74% !important;
        font-size: 22px;
        width: 40% !important;
    }

    header#site-header nav.main li ul li:not(.active, :last-child) a,
    header#site-header nav.main li ul li:last-child a {
        padding: 15px 10px 0px 0 !important;
        font-size: 32px !important;
    }

    html.reveal-out header#site-header a.expand,
    html.reveal-out.nav-up header#site-header a.expand,
    html.reveal-out.nav-down header#site-header a.expand {
        top: 40px !important;
    }

    body.header-17-lg header#site-header #logo {
        top: -50px !important;
        right: 60px !important;
    }

    header#site-header a.expand {
        left: 20px !important;
        top: -20px !important;
    }

    body.header-17-lg header#site-header #logo {
        top: -60px !important;
        z-index: 2000 !important;
    }

    .logo-extra-text {
        top: 78% !important;
    }
}

@media (max-width: 1080px) and (orientation: landscape) {
    header#site-header a.expand {
        top: 10px !important;
    }

    html.reveal-out header#site-header .language-nav {
        top: auto !important;
    }

    body.header-17-lg header#site-header #logo {
        padding-top: 0 !important;
    }

    html.reveal-out header#site-header #logo {
        padding-top: 40px !important;
    }
}

@media (max-width: 992px) {
    .contact-page .grid-section .text-title-line h2:before {
        display: none !important;
    }

    .contact-page .grid-section .buttons {
        position: relative;
        bottom: 0;
        height: auto;
    }

    .usn_cmp_accordiontab {
        margin-bottom: 0;
    }

    .usn_cmp_accordiontab .component-introduction {
        padding-bottom: 0px !important;
    }

    .usn_cmp_accordiontab .heading {
        margin-top: -10px !important;
        margin-bottom: 0 !important;
    }

    .contact-page .grid-section .col-md-4 {
        padding-bottom: 50px !important;
        margin-top: 0 !important;
    }

    .padding-contact-data .col-md-4 div {
        padding: 0 0 0 30px;
    }

    header#site-header nav.secondary {
        padding: 30px 0 0 10px !important;
    }

    html.reveal-out header#site-header .site-search {
        margin-left: 3px !important;
    }

    .small-overview .item {
        padding: 0 20px !important;
    }

    .usn_cmp_ctastrip {
        padding: 70px 0px 150px 40px !important;
        margin: 15px !important;
        width: calc(100% - 30px) !important;
    }

    .usn_cmp_ctastrip.c4-bg {
        padding: 40px 0 !important;
        margin: 15px !important;
        width: calc(100% - 30px) !important;
    }

    .usn_cmp_ctastrip.c4-bg .image.background-image.body-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.footer-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.component-background-image {
        background-size: 350% !important;
        background-position: center center !important;
    }

    .usn_cmp_ctastrip.c4-bg .heading {
        font-size: 50px !important;
    }

    .usn_cmp_ctastrip.c4-bg p:not(.heading) {
        font-size: 15px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link {
        margin-top: 0 !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn:last-child {
        bottom: -20px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn {
        position: relative !important;
        display: inline-block !important;
        width: 100% !important;
        right: 0 !important;
    }

    html.reveal-out header#site-header .row {
        padding: 0px 100px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn:last-child {
        bottom: -20px !important;
    }

    .we-inspire.awesome .split-header p {
        padding-left: 0 !important;
    }

    .usn_back-to-top .btn {
        border-color: #CD3B50 !important;
    }

    .awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 0),
    .awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 1),
    .awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 2),
    .awesome #site-content .usn_cmp_gallery {
        width: 75vw !important;
        min-width: 75vw !important;
        min-height: 300px !important;
        height: 300px !important;
    }

    .awesome #site-content {
        padding: 30px 120px 30px 20px !important;
    }

    .usn_back-to-top .btn:hover,
    .usn_back-to-top .btn:focus {
        color: #fff !important;
    }

    .we-inspire.awesome .split-header p {
        padding-left: 0 !important;
    }

    .usn_back-to-top .btn {
        border-color: #CD3B50 !important;
    }

    .awesome #site-content {
        padding: 30px 120px 30px 20px !important;
    }

    .usn_back-to-top .btn:hover,
    .usn_back-to-top .btn:focus {
        color: #fff !important;
    }
}

@media (max-width: 767px) {
    footer#site-footer .footer-item:first-of-type {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: 2;
    }

    footer#site-footer .footer-item:nth-of-type(2):not(.usn_pod_sociallinks) {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: 1;
    }

    footer#site-footer .col-lg-2:not(.offset-md-6):not(.usn_pod_sociallinks) {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: 3;
    }

    footer#site-footer .footer-item:last-of-type {
        order: 4;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item .info {
        padding-bottom: 20px !important;
    }

    .text-image-block .usn_cmp_gallery {
        padding: 0 15px !important;
    }

    .split-header .grid-section {
        padding: 0 25px !important;
    }

    .usn-notification .inner {
        padding: 30px !important;
    }

    .usn-notification .heading {
        font-size: 30px !important;
    }

    .usn-notification.open {
        bottom: 0 !important;
    }

    .awesome.we-inspire .split-header.big-title h1 {
        font-size: 60px !important;
        margin-top: 170px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        position: absolute;
    }

    .we-inspire.awesome #site-content {
        padding: 20px 90px 20px 10px !important;
    }

    .awesome.we-inspire #ashine {
        height: 60vh !important;
        width: 300% !important;
        margin-left: -150% !important;
    }

    .we-inspire.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 0),
    .we-inspire.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 1),
    .we-inspire.awesome #site-content .usn_cmp_gallery:nth-of-type(7n - 2),
    .we-inspire.awesome #site-content .usn_cmp_gallery,
    .we-inspire.awesome #site-content .usn_cmp_gallery {
        width: 80vw !important;
        min-width: 80vw !important;
        min-height: 280px !important;
        height: 280px !important;
    }

    .split-text-color-column .item:nth-child(2) p {
        font-size: 14px !important;
    }

    .split-text-color-column .item:first-child p {
        font-size: 18px !important;
        padding-right: 10px;
        padding-left: 0 !important;
        padding-top: 20px;
        padding-bottom: 30px !important;
    }

    .split-text-color-column .item:nth-child(2) .heading {
        font-size: 40px !important;
        margin-top: 30px !important;
    }

    .split-text-color-column .nudge {
        margin: 20px !important;
    }

    header#site-header nav.main li a {
        padding: 5px 10px !important;
        font-size: 28px !important;
        min-height: 25px !important;
    }

    header#site-header nav.main li ul li:not(.active, :last-child) a,
    header#site-header nav.main li ul li:last-child a {
        padding: 8px 5px 8px 0 !important;
        font-size: 18px !important;
    }

    header#site-header nav.secondary li a:not(.dropdown-item) {
        font-size: 16px !important;
        padding: 4px 32px !important;
    }

    html.reveal-out header#site-header nav.secondary {
        padding-top: 0 !important;
    }

    html.reveal-out header#site-header nav.secondary li a:not(.dropdown-item):before {
        font-size: 13px;
        left: 5px;
    }

    header#site-header a.expand {
        top: 0 !important;
        left: 0 !important;
    }

    html.reveal-out header#site-header a.expand,
    html.reveal-out.nav-up header#site-header a.expand,
    html.reveal-out.nav-down header#site-header a.expand {
        top: 20px !important;
        left: 20px !important;
    }

    header#site-header #logo {
        z-index: 9999 !important;
    }

    html.reveal-out body.header-17-lg header#site-header #logo {
        right: 30px !important;
        padding-top: 0 !important;
        z-index: 9999 !important;
    }

    body.header-17-lg header#site-header #logo {
        top: -30px !important;
        right: 40px !important;
    }

    html.reveal-out body.header-17-lg header#site-header #logo {
        top: 0 !important;
    }

    html.reveal-out nav.secondary,
    header#site-header nav.secondary {
        margin-top: 5px !important;
    }

    html.reveal-out header#site-header .site-search {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    html.reveal-out header#site-header .container-fluid {
        background-size: 400% !important;
        background-position: -290px -40px !important;
    }

    .logotext,
    html.reveal-out .logotext {
        position: absolute !important;
        left: auto !important;
        top: auto !important;
    }

    .logo-extra-text {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        line-height: 170%;
        font-size: 13px;
    }

    .logo-extra-text p {
        opacity: .6;
        margin-bottom: 10px !important;
    }

    .logo-extra-text p:nth-child(2) {
        opacity: 1;
    }

    html.reveal-out nav.main {
        width: 100% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    html.reveal-out nav.secondary,
    header#site-header nav.secondary {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    html.reveal-out header#site-header .site-search {
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    html.reveal-out header#site-header .language-nav {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        float: left !important;
        bottom: auto !important;
    }

    .logo-extra-text {
        position: fixed !important;
        left: auto !important;
        top: auto !important;
        bottom: 30px !important;
        width: 100% !important;
        padding: 0 30px;
    }

    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid,
    header#site-header {
        background-color: transparent !important;
    }

    html.nav-down:not(.reached-top) header#site-header,
    html.nav-up:not(.reached-top) header#site-header,
    html.nav-down:not(.reached-top) header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top) header#site-header.header-bg-solid {
        background-color: #000 !important;
    }

    .component.usn_cmp_banner .item.item_short-banner,
    .component.usn_cmp_banner .item.item_short-banner .image {
        height: 250px !important;
        min-height: 250px !important;
    }

    .split-header {
        padding: 0 !important;
    }

    html.reveal-out header#site-header {
        min-height: 100% !important;
        height: 100% !important;
    }

    html.reveal-out .language-nav {
        margin-top: 20px !important;
        margin-left: -3px !important;
    }

    html.reveal-out .language-nav .dropdown-item {
        margin: 0 5px 0 3px !important;
    }

    html.reveal-out .language-nav .dropdown-item:first-child:after {
        left: 26px !important;
    }

    .logotext {
        z-index: -1;
    }

    html.reveal-out .language-nav .dropdown-item:first-child:after {
        left: 25px !important;
    }

    .text-block {
        padding: 0 15px !important;
    }

    .small-overview .item {
        padding: 0 !important;
    }

    .small-overview .item:nth-child(2n) {
        margin-top: 0 !important;
    }

    .text-image-block .text-right.text-title-line .info {
        margin-left: 15px !important;
    }

    .mobile-spacing {
        padding: 30px 20px !important;
    }

    header#site-header nav.main li ul li a {
        font-family: "Unica One", display !important;
        padding: 8px 10px;
        font-size: 18px !important;
    }

    header#site-header nav.main li ul li a:after {
        color: #fff !important;
        opacity: .8 !important;
    }

    header#site-header nav.main li ul li a,
    header#site-header nav.main li ul li a.active {
        font-size: 18px !important;
        padding: 8px 5px 8px 0 !important;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .secondary-heading,
    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .text {
        margin-left: -5px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item:nth-child(2) .heading:before,
    .overview-page .usn_cmp_subpagelisting .listing .item .heading:after {
        top: -10px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item {
        padding: 0 20px 0 0 !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 0 !important;
    }

    p {
        margin: 10px 0 0 0 !important;
    }

    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        margin-top: 10px !important;
    }

    .split-header h1 {
        padding-left: 15px !important;
    }

    .split-header.big-title h1 {
        padding-left: 35px !important;
    }

    .contact-page .grid-section .buttons {
        border-top: none !important;
    }

    .split-header p {
        padding-left: 0 !important;
    }

    section.content.component:not(.gallery) .content-col.center-col.col {
        padding-left: 25px !important;
    }

    .front-page .clients .component-inner,
    .front-page .split-image-rotate .component-inner,
    .front-page .usn_cmp_reusablecomponents .component-inner,
    .front-page .full-screen-slider .component-inner,
    .front-page .small-overview .component-inner,
    .front-page .light-pods .component-inner,
    .wide-overview .component-inner,
    .full-overview .component-inner,
    .trigger-black .component-inner {
        padding: 0 15px !important;
    }

    .text-image-block {
        padding: 15px 5px !important;
    }

    .case-detail .split-header {
        padding: 25% 40px 30px 0 !important;
    }

    .small-logo-block img {
        margin: 30px 0 0 0 !important;
        max-width: 200% !important;
        width: 200% !important;
    }

    .usn_cmp_reusablecomponents {
        padding: 0 !important;
    }

    .share-block {
        margin-bottom: 80px !important;
    }

    .full-overview .secondary-heading {
        padding: 50px 0 0 15px !important;
    }

    .full-overview .repeatable-content .item .info p {
        text-align: left !important;
    }

    .form-wrapper .component-outro p {
        top: -265px !important;
        padding-left: 10px;
    }

    .front-page .usn_cmp_reusablecomponents .component-inner:not(.usn_cmp_reusablecomponents .component-inner .component-inner),
    .front-page .full-screen-slider .component-inner {
        padding: 0 !important;
    }

    .small-overview .component-outro {
        padding-bottom: 20px !important;
    }

    .small-overview .component-introduction {
        padding-top: 30px !important;
    }

    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        margin-top: 40px !important;
    }

    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid {
        background-color: #170a2f !important;
    }

    footer#site-footer .container {
        padding: 40px 40px 0 40px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 60px 10px 0 25px !important;
    }

    .front-page .split-image-rotate {
        padding-bottom: 30px !important;
    }

    .cursor {
        display: none;
    }

    .big-title h1 {
        font-size: 50px !important;
        padding: 80px 0 40px 0 !important;
    }

    .front-page .big-title {
        margin: 15px !important;
    }

    header#site-header {
        top: 0 !important;
    }

    .clients .padded-image {
        margin-top: -30px !important;
        margin-bottom: 60px !important;
    }

    .clients .secondary-heading {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    .clients .extra-logo {
        bottom: -50px !important;
        right: 10px !important;
    }

    .clients .usn_cmp_text .info {
        padding-left: 20px !important;
        padding-top: 30px !important;
    }

    .text-block h3 {
        font-size: 50px !important;
    }

    .form-wrapper .usn_cmp_pods .secondary-heading {
        padding-left: 0 !important;
    }

    .clients .item {
        overflow: visible !important;
    }

    .custom-landing-page .text-block .heading {
        font-size: 60px !important;
        line-height: 100% !important;
        width: 100% !important;
        padding-top: 30px !important;
    }

    .custom-landing-page .text-block .component-introduction {
        padding-bottom: 0 !important;
        padding-left: 10px !important;
        padding-right: 0 !important;
    }

    .small-overview .component-introduction .heading {
        font-size: 50px !important;
        line-height: 100% !important;
    }

    .four-images-right .info {
        padding-left: 15px !important;
    }


    .four-images-right .heading {
        font-size: 50px !important;
        line-height: 100% !important;
        margin-left: -3px !important;
    }

    .form-wrapper {
        background-size: 610% !important;
        background-position: -580px -290px !important;
        background-repeat: no-repeat !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    .big-title .text p strong {
        font-size: 18px !important;
    }

    .big-title .text {
        margin-bottom: 40px !important;
        /*padding: 0 40px !important;*/
        padding: 0 !important;
    }

    .big-title .scroll-prompt {
        bottom: 60px !important;
    }

    h3 {
        font-size: 50px !important;
        line-height: 100% !important;
        padding-bottom: 20px !important;
        margin-left: -3px !important;
    }

    .form-wrapper .usn_pod_textimage {
        padding: 0 15px !important;
    }

    .form-wrapper .usn_pod_textimage .item .usn_pod_textimage {
        padding: 0 !important;
    }

    .split-header.big-title h1 {
        margin-top: -20px !important;
        margin-bottom: 0 !important;
    }

    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        margin: 10px 0 20px 0 !important;
    }

    .split-header .usn_cmp_gallery {
        padding-left: 20px !important;
    }

    .split-header .item .image {
        width: 95% !important;
    }

    .big-title h1 {
        padding: 60px 0 20px 0 !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item {
        padding: 0 30px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 20px 0 0 0 !important;
    }

    .image-slider .container-fluid .row.listing:not(.listing_no-spacing):not(.listing_window-mosaic) {
        transform: rotate(12deg) scale(1.3) translateX(50px) !important;
    }

    .related-slider .component-introduction {
        margin-top: 30px !important;
    }

    html.reveal-out .logo-extra-text {
        display: none !important;
    }

    .custom-landing-page header,
    .custom-landing-page .finger-navigation,
    .custom-landing-page .logotext,
    .custom-landing-page .logophone,
    .custom-landing-page .scroll-prompt.scroll-prompt-wheel .mouse-scroll,
    .custom-landing-page .black-banner h1,
    .custom-landing-page .black-banner .text p,
    .custom-landing-page .black-banner .image {
        opacity: 1;
        transform: none !important;
    }

    .custom-landing-page .black-banner .image img {
        width: 300% !important;
        max-width: 220% !important;
        margin-left: -430px;
        margin-top: 25% !important;
    }

    .custom-landing-page .black-banner .item .row.info_align-middle .info .d-table-cell {
        height: auto !important;
    }

    .custom-landing-page .black-banner .text {
        bottom: 35vh !important;
        left: 30px !important;
        width: 45% !important;
    }

    .custom-landing-page .black-banner h1 {
        right: 23px !important;
        top: 15% !important;
        font-size: 60px !important;
    }

    .custom-landing-page .black-banner .item .info.col {
        transform: scale(1) !important;
    }

    .custom-landing-page .black-banner {
        height: auto !important;
    }

    .custom-landing-page .black-banner,
    .custom-landing-page .black-banner .item.item_scale-banner,
    .custom-landing-page .black-banner .item.item_scale-banner .image,
    .custom-landing-page .black-banner .item.item_scale-banner .image .video {
        max-height: 500% !important;
        height: auto !important;
    }

    .custom-landing-page .black-banner .item.item_scale-banner .inner,
    .component.usn_cmp_banner .item.item_scale-banner .info {
        position: absolute !important;
        top: 0 !important;
    }

    .custom-landing-page .black-banner .info img {
        left: -36% !important;
        transform: scale(.8) !important;
        top: -220px !important;
        height: 220px !important;
    }

    .component.usn_cmp_banner .item.item_scale-banner .scroll-prompt {
        bottom: 60px !important;
    }


    .custom-landing-page .fade-in-image {
        padding-left: 30px !important;
    }

    .custom-landing-page .fade-in-image .image {
        padding: 0 110px 0 80px !important;
        margin-bottom: 50px !important;
    }

    .custom-landing-page .white-text-block .heading {
        font-size: 60px !important;
    }

    .image-slider {
        padding-top: 10px !important;
        padding-bottom: 0px !important;
    }

    .image-gsap .listing .item {
        padding: 0 5px !important;
        margin-bottom: 10px !important;
    }

    .custom-landing-page .image-slider .component-inner {
        padding-bottom: 200px !important;
    }

    .awards .item:first-child {
        flex: 0 0 40% !important;
        -ms-flex: 0 0 40% !important;
        max-width: 40% !important;
        margin-left: 10px !important;
    }

    .awards .item:nth-child(2) {
        flex: 0 0 34% !important;
        -ms-flex: 0 0 34% !important;
        max-width: 34% !important;
    }

    .awards .item:nth-child(3) .info {
        padding-right: 0px !important;
        padding-left: 30px;
    }

    .awards .item:nth-child(3) {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .awards .heading {
        font-size: 50px !important;
        line-height: 100% !important;
    }

    .awards .component-outro .btn {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }

    .related-slider {
        padding: 450px 20px 0px 20px !important;
    }

    .awards {
        margin-top: -200px !important;
        padding: 30px 0 220px 0 !important;
    }

    .related-slider .listing {
        width: 100% !important;
    }

    .related-slider .listing .item {
        margin-left: 0 !important;
    }

    .related-slider {
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 55%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%) !important;
    }

    .related-slider .listing .item:nth-child(2n) {
        margin-top: 0;
    }

    .related-slider .component-outro {
        margin-top: -70px !important;
        margin-bottom: 40px;
    }

    .related-slider .listing .item .info {
        padding: 10px 60px 30px 30px !important;
    }

    .related-slider .component-introduction .text {
        padding-bottom: 30px !important;
    }

    .form-wrapper .usn_cmp_pods strong {
        font-size: 17px !important;
    }

    .video-block .item.item_overlay .image::before {
        display: none !important;
    }

    .video-block .item.item_takeover-banner,
    .video-block .item.item_takeover-banner .container,
    .video-block .item.item_takeover-banner .row,
    .video-block .item.item_takeover-banner .image,
    .video-block .item.item_takeover-banner .image .video {
        height: 200px !important;
        max-height: 200px !important;
    }

    .custom-landing-page .video-block {
        background: #000 !important;
        padding: 60px 0 !important;
    }

    html.reveal-out header#site-header .row {
        padding: 0px 20px !important;
    }

    header#site-header nav.main li ul li a:after {
        margin: 0 0 0 5px !important;
    }

    html.reveal-out .language-nav .dropdown-item {
        font-size: 13px !important;
    }

    html.reveal-out .language-nav .dropdown-item:first-child:after {
        margin-left: -2px;
    }

    .site-search .form-control,
    .site-search .form-control::placeholder {
        font-size: 13px !important;
    }

    .christmas section:not(.big-title, .related-slider) .item .image {
        margin-top: -10px !important;
    }

    .christmas .big-title .text:before {
        width: 200px;
        height: 150px;
    }

    .logophone {
        opacity: 0 !important;
    }

    header#site-header a.expand {
        left: 0 !important;
    }

    .big-title .heading,
    .christmas .big-title .heading {
        font-size: 50px !important;
    }

    .big-title .scroll-prompt {
        bottom: 80px !important;
    }

    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid {
        background-color: #000 !important;
    }

    .christmas .big-title p {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .big-title .text p strong,
    .christmas .big-title .text p strong {
        font-size: 14px !important;
    }

    .cookie-video .component-introduction img:not(.cookie) {
        padding: 20px 50px 0 50px !important;
    }

    .cookie-images {
        transform: scale(.5);
        left: -50px;
        top: 360px;
    }

    .cookie-video .cookie1 {
        margin-top: -130px !important;
        margin-left: 100% !important;
        transform: rotate(-7deg);
    }

    .cookie-video .cookie2 {
        margin-top: 240px;
        margin-left: -88%;
    }

    .cookie-video .cookie3 {
        margin-top: 800px;
        margin-left: 92%;
    }

    .christmas section:not(.related-slider) .component-outro:after {
        width: 250px;
        margin-top: 40px;
    }

    .christmas section.content:nth-child(3) .info p:not(.heading) {
        text-align: center !important;
    }

    .related-slider .component-introduction {
        margin-top: -70px !important;
    }

    .custom-landing-page.christmas .related-slider .component-introduction p {
        font-size: 14px !important;
        text-align: center !important;
        width: 80% !important;
        margin-left: 30px !important;
    }

    .related-slider {
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 100%) !important;
    }

    .custom-landing-page.christmas .related-slider {
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 1) 100%) !important;
    }

    .related-slider .listing .item {
        padding-right: 0;
    }

    .related-slider .listing .item .info {
        padding: 10px 10px 30px 10px !important;
    }

    .component.usn_cmp_banner.big-title .item.item_takeover-banner .image {
        height: 110vh !important;
    }

    .custom-landing-page.christmas .related-slider {
        padding: 450px 20px 0 20px !important;
    }

    .christmas section:not(.big-title, .related-slider) .item .image {
        margin-top: -60px;
    }

    .christmas .big-title .item:not(.item_scale-banner) .image {
        background-position: top right !important;
    }

    footer#site-footer {
        padding: 0;
    }

    header#site-header nav.main li a {
        padding: 5px 10px !important;
        font-size: 24px !important;
        min-height: 25px !important;
    }

    header#site-header nav.main li ul li:not(.active, :last-child) a,
    header#site-header nav.main li ul li:last-child a {
        font-size: 18px !important;
        padding-top: 5px !important;
    }

    html.reveal-out .logotext {
        top: 60px !important;
        right: 20px !important;
        font-size: 12px !important;
        bottom: auto !important;
        position: fixed !important;
        height: auto !important;
        left: auto !important;
        width: 180px !important;
        display: inline-block !important;
        margin-right: 0 !important;
        text-align: right;
        z-index: 1999;
    }

    header#site-header nav.main li a:not(.dropdown-item):before {
        font-size: 12px;
        left: -15px;
    }

    .clients .item {
        margin-top: 40px !important;
    }

    html.reveal-out header#site-header .site-search {
        top: 100% !important;
        bottom: auto !important;
        position: absolute !important;
        left: 2px !important;
    }

    html.reveal-out .logophone {
        right: 20px;
        top: 60px !important;
        bottom: auto;
        opacity: 1 !important;
        display: block !important;
    }

    html.reveal-out nav.main {
        margin-top: 90px !important;
        padding-left: 10px !important;
    }

    header#site-header nav.main li ul {
        padding: 0 10px 25px 10px !important;
    }

    header#site-header nav.secondary {
        padding: 0 !important;
    }

    header#site-header .col-lg-3 {
        margin-left: -10px !important;
    }

    html.reveal-out header#site-header {
        overflow: hidden !important;
    }

    .split-header .item .image {
        width: 100% !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 0 0 0px 15% !important;
        min-height: 100% !important;
    }

    section.content.component:not(.gallery) .content-col.center-col.col {
        padding-left: 30px !important;
    }

    .split-header.big-title h1 {
        font-size: 40px !important;
        margin-top: -50px !important;
        margin-bottom: 0 !important;
        padding-left: 20px !important;
    }

    .smaller-cols-high {
        padding: 30px 25px !important;
    }

    .text-title-line.col-md-5 .info {
        padding-left: 0px !important;
    }

    .usn_cmp_ctastrip .heading {
        font-size: 24px !important;
        width: 100% !important;
    }

    .usn_cmp_ctastrip {
        margin-bottom: 50px !important;
        margin-left: 0% !important;
        padding: 45px 39px 80px 20px !important;
    }

    .front-page .usn_cmp_ctastrip {
        padding: 35px 30px 120px 10px !important;
    }

    header#site-header nav.main li ul li a,
    header#site-header nav.main li ul li a.active {
        font-size: 18px !important;
        padding-top: 5px !important;
    }

    .grid-section .text-medium-line {
        margin: 30px 30px 20px 33px !important;
    }

    .full-overview .secondary-heading {
        padding: 10px 40px 0 0 !important;
    }

    .split-header h1 {
        padding-left: 0px !important;
    }

    .front-page .mobile-spacing h3 {
        font-size: 50px !important;
        padding-top: 20px;
    }

    .clients h2 {
        font-size: 50px !important;
    }

    .text-block .component-introduction {
        padding-top: 20px;
    }

    .case-detail .split-header {
        padding: 80px 30px 30px 10px !important;
        background-color: #000 !important;
    }

    .case-detail .split-header .usn_cmp_gallery {
        padding-left: 20px !important;
    }

    .case-detail .split-header h1 {
        padding-top: 0px !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .case-detail .split-header p {
        font-size: 12px !important;
        width: 100% !important;
        padding-left: 0 !important;
    }

    .small-logo-block {
        padding: 30px 0 65px 55px !important;
    }

    .small-logo-block img {
        margin: 0px 0 -60px 0 !important;
    }

    .tooltip-inner {
        right: 0 !important;
        width: 300px !important;
    }

    .full-screen-slider .slick-slider .item {
        padding: 0 90px !important;
    }

    .front-page .full-screen-slider .slick-slider .item {
        padding: 0 20px !important;
    }

    .full-screen-slider .component-introduction .heading {
        width: 100% !important;
        font-size: 40px !important;
        text-align: center !important;
    }

    .split-header h1 {
        margin-top: 10px;
        font-size: 36px !important;
    }

    .clients .padded-image {
        margin-top: -40px !important;
    }

    footer#site-footer .container {
        padding: 10px 10px 0 20px !important;
    }

    .usn_cmp_splitcomponent:not(.usps-blocks) .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .grid-section .text-medium-line {
        margin: 30px 30px 20px 22px !important;
    }

    body:not(.team-hover-image) .split-header .grid-section {
        padding: 0 0 0 20px !important;
    }

    .usn_cmp_ctastrip .btn:last-child {
        right: 30px !important;
        bottom: 20px !important;
    }

    .front-page .usn_cmp_ctastrip .btn:last-child {
        right: 10px !important;
        bottom: -120px !important;
    }

    .front-page .usn_cmp_ctastrip .component-inner {
        min-height: auto;
    }

    .team-overview .usn_cmp_text {
        padding-left: 30px !important;
    }

    h3 {
        font-size: 36px !important;
    }

    section.content.component:not(.gallery) .content-col.center-col.col {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .custom-landing-page .black-banner .info img {
        top: -35vh !important;
        left: -40% !important;
    }

    .custom-landing-page .black-banner .text {
        bottom: 28vh !important;
    }

    .custom-landing-page .black-banner,
    .custom-landing-page .black-banner .item.item_scale-banner,
    .custom-landing-page .black-banner .item.item_scale-banner .image,
    .custom-landing-page .black-banner .item.item_scale-banner .image .video {
        max-height: 93vh !important;
        height: 93vh !important;
    }

    .logotext {
        opacity: 0 !important;
    }

    html.reveal-out .logotext {
        opacity: 1 !important;
    }

    .mobile-spacing .row.slides .item {
        padding: 0 !important;
        margin-top: 10px !important;
    }

    .small-overview .secondary-heading {
        margin-bottom: 10px !important;
    }

    .team-detail .slick-slider .slick-next {
        right: 5px !important;
    }

    .usn_cmp_ctastrip.c4-bg {
        padding: 40px 0 !important;
        margin: 15px !important;
        width: calc(100% - 30px) !important;
    }

    .usn_cmp_ctastrip.c4-bg .image.background-image.body-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.footer-background-image,
    .usn_cmp_ctastrip.c4-bg .image.background-image.component-background-image {
        background-size: 350% !important;
        background-position: center center !important;
    }

    .usn_cmp_ctastrip.c4-bg .heading {
        font-size: 50px !important;
    }

    .usn_cmp_ctastrip.c4-bg p:not(.heading) {
        font-size: 15px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link {
        margin-top: 0 !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn:last-child {
        bottom: -20px !important;
    }

    .usn_cmp_ctastrip.c4-bg .link .btn {
        position: relative !important;
        display: inline-block !important;
        width: 100% !important;
        right: 0 !important;
    }

    .cookie-video .image.background-image.component-background-image {
        background-position: center top !important;
        opacity: 0 !important;
    }

    .cookie-video .image {
        background-size: 100% !important;
    }

    .christmas .component-outro {
        margin-top: 70px !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: 25vh;
        height: 25vh;
        min-height: 25vh;
    }

    .we-inspire.awesome .split-header {
        margin-top: 0 !important;
        background-size: 240% !important;
        background-position: 72% !important;
        min-height: 100vh;
        padding: 30px !important;
    }

    .we-inspire.awesome .split-header p {
        position: absolute;
        top: 450px;
        left: 0;
    }

    .awesome .split-header.big-title h1 {
        margin-top: 40px !important;
    }

    .smallest-cols {
        padding: 20px 0 !important;
    }

    .awesome.we-inspire .shine.small {
        width: 10px;
        height: 10px;
    }

    .awesome.we-inspire .shine.medium {
        width: 20px;
        height: 20px;
    }

    .awesome.we-inspire .shine.large {
        width: 30px;
        height: 30px;
    }

    .case-detail.vacancy .split-header .item.usn_cmp_text {
        padding-left: 30px !important;
        padding-top: 0px !important;
    }

    .color-block.c9-bg .heading {
        font-size: 40px !important;
    }

    .color-block .info .text ul li {
        font-size: 16px !important;
    }

    .color-block {
        padding: 50px 0 0 0 !important;
    }

    .case-detail.vacancy .text-image-block .usn_cmp_text.order-md-2 {
        padding-left: 20px !important;
    }

    .case-detail.vacancy .usn_cmp_reusablecomponents {
        padding: 50px 0 0 0 !important;
    }

    .split-header .usn_cmp_gridlayout .col-md-6 {
        width: 50% !important;
        padding-right: 0 !important;
    }

    .text-image-block .text-title-line .info {
        width: 90% !important;
        margin-left: 15px !important;
        padding-bottom: 30px !important;
    }

    .text-title-line.col-md-5 .info {
        width: 90%;
        padding-left: 0px;
    }

    .case-detail .split-header strong {
        font-size: 22px !important;
        margin-top: 0px !important;
        padding-bottom: 10px !important;
        display: inline-block;
    }

    .case-detail .split-header .image.background-image.component-background-image {
        opacity: .2;
    }

    .full-overview .repeatable-content {
        padding: 0 25px;
    }

    .full-overview .item .text {
        text-align: center !important;
    }

    body:not(.front-page) section.content:nth-child(3) .info p:not(.heading) {
        text-align: left;
    }

    .usn_cmp_ctastrip {
        padding: 35px 10px 10px 10px !important;
        border-radius: 20px !important;
        width: calc(100% - 40px) !important;
        margin-left: 20px !important;
        margin-bottom: 20px !important;
    }

    .form-wrapper .usn_cmp_pods .secondary-heading {
        margin-bottom: 20px !important;
    }

    .form-wrapper .usn_cmp_pods p:not(.secondary-heading, .heading) {
        padding-left: 2px !important;
    }

    .form-wrapper .component-introduction .heading {
        padding-left: 12px !important;
        padding-bottom: 0 !important;
    }

    .form-control,
    input,
    textarea {
        padding: 15px 12px !important;
    }

    .other-cases {
        padding: 50px 15px !important;
    }

    .usn_cmp_reusablecomponents .usn_cmp_ctastrip {
        margin-bottom: 20px !important;
    }

    .text-title-line.col-md-5 .info {
        width: 100%;
        padding-top: 0px;
    }

    blockquote::before,
    .quote::before {
        font-size: 130px !important;
        left: 0 !important;
        top: 60px !important;
    }

    blockquote.md,
    .quote.md,
    blockquote.lg,
    .quote.lg,
    blockquote,
    .quote {
        padding-top: 80px !important;
    }

    .light-pods {
        padding: 40px 0px !important;
    }

    .secondary-heading::after,
    .c1-bg .secondary-heading::after {
        margin-top: 4px !important;
    }

    nav.footer-navigation a {
        margin-left: 5px;
        margin-right: 5px;
    }

    .form-wrapper .secondary-heading::after,
    .form-wrapper.c1-bg .secondary-heading::after {
        margin-top: -5px !important;
    }

    .os-animation {
        opacity: 1;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .secondary-heading {
        font-size: 16px !important;
    }

    .overview-blog .listing-component .item .heading {
        font-size: 24px !important;
        text-align: left;
    }

    .slick-slider:not(.listing_no-spacing) .slick-prev {
        left: 30px !important;
    }

    .slick-slider:not(.listing_no-spacing) .slick-next {
        right: 30px !important;
    }

    .team-overview .slick-slider:not(.listing_no-spacing) .slick-next {
        right: 10px !important;
    }

    .team-overview {
        margin-top: 0 !important;
    }

    .text-block .component-introduction {
        padding-left: 0 !important;
    }

    .text-block .heading {
        font-size: 50px !important;
        width: 90% !important;
    }

    html.nav-down:not(.reached-top) .usn_back-to-top,
    html.nav-up .usn_back-to-top {
        right: 0 !important;
        bottom: 0 !important;
    }

    .case-detail .split-header .usn_cmp_gridlayout,
    .case-detail .split-header .usn_cmp_gallery {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .case-detail .split-header h1 {
        font-size: 30px !important;
    }

    .listing .image:not(.padded-image) {
        margin-bottom: 0px !important;
    }

    .usn_cmp_pods.light-pods .heading {
        font-size: 36px !important;
    }

    .usn_cmp_pods.light-pods .item .text {
        margin-top: 10px !important;
    }

    .light-pods .item .info .heading:after {
        top: 10px !important;
    }

    .other-cases .listing .image:not(.padded-image) {
        margin-bottom: 30px !important;
    }

    .other-cases .item .heading {
        font-size: 24px !important;
    }

    .team-hover-image .split-header .column {
        padding-left: 0 !important;
    }

    .full-overview .item .text {
        padding: 0 !important;
    }

    .full-overview .repeatable-content .item .heading {
        font-size: 30px !important;
    }

    .full-overview .item .info {
        padding: 0 20px !important;
    }

    .usn_cmp_gallery .listing .item {
        margin-bottom: 15px !important;
    }

    .awesome .listing .item {
        padding: 5px !important;
    }


    nav.main ul li span::before {
        opacity: 0 !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .heading {
        font-size: 40px !important;
        padding-top: 15px !important;
    }

    .team-detail .slick-slider .heading,
    .team-detail .slick-slider .heading:after {
        font-size: 30px !important;
        padding-top: 10px !important;
    }

    .team-detail .slick-slider p:not(.heading) {
        padding-top: 10px !important;
    }

    .listing .item-blog {
        text-align: left !important;
    }

    .color-block.c9-bg .heading {
        font-size: 40px !important;
        line-height: 100% !important;
    }

    .case-detail.vacancy .split-header .image.background-image.component-background-image {
        opacity: 1 !important;
    }

    .split-text-color-column {
        padding: 0 25px !important;
    }

    .split-text-color-column .item:nth-child(2) {
        border-radius: 20px !important;
    }
}

@media (max-width: 767px) and (orientation: landscape) {

    .container,
    .container-sm {
        max-width: 620px;
    }

    header#site-header {
        position: fixed !important;
    }

    header#site-header a.expand {
        left: 10px !important;
        top: 20px !important;
    }

    header#site-header #logo svg {
        height: 70px !important;
        width: 160px !important;
    }

    html.reveal-out body.header-17-lg header#site-header #logo,
    body.header-17-lg header#site-header #logo {
        top: 0px !important;
        right: 20px !important;
        position: absolute;
    }

    .component.usn_cmp_banner.big-title .item .row.info_align-middle .info {
        margin-top: -30px !important;
    }

    .big-title .scroll-prompt {
        bottom: 40px !important;
    }

    .clients .item {
        margin-top: 55px !important;
    }

    body:not(.header-03-sm) nav.main>ul,
    body:not(.header-03-sm) nav.main ul li {
        border: none !important;
    }

    body:not(.header-03-sm) nav.main>ul {
        padding-top: 0;
    }

    html.reveal-out nav.main {
        margin-top: 30px !important;
        padding-left: 20px !important;
    }

    header#site-header nav.main li:first-child,
    header#site-header nav.main li,
    header#site-header nav.secondary li {
        padding-left: 0;
    }

    html.reveal-out nav.secondary,
    header#site-header nav.secondary {
        position: absolute !important;
        left: 50% !important;
        top: -180px !important;
    }

    html.reveal-out header#site-header .site-search {
        left: 32px !important;
    }

    html.reveal-out header#site-header .site-search {
        width: 50% !important;
    }

    html.reveal-out header#site-header .language-nav {
        position: absolute !important;
        left: 32px !important;
        top: 80px !important;
    }

    html.reveal-out .language-nav .dropdown-item:first-child:after {
        left: 20px !important;
    }

    header#site-header nav.main li ul {
        padding: 0 10px 10px 10px !important;
    }

    section:not(.usn_cmp_banner, .logo-grid, .grid-images) .item .video,
    section:not(.usn_cmp_banner, .logo-grid, .grid-images, .award-logos) .item .image:not(.extra-logo) {
        border-radius: 20px !important;
    }

    .clients .extra-logo {
        bottom: -90px !important;
        top: auto;
    }

    .light-pods .item.items-3 .inner {
        padding: 0 20px 50px 20px !important;
    }

    .small-overview .item {
        padding: 0 10px !important;
    }

    .small-overview .heading {
        font-size: 30px !important;
    }

    .form-wrapper .usn_cmp_pods .secondary-heading {
        padding-left: 50px !important;
    }

    .form-wrapper .usn_cmp_pods .heading {
        width: 50% !important;
    }

    .form-wrapper .usn_cmp_pods .image {
        right: 30px !important;
        bottom: -20px !important;
    }

    .form-wrapper .component-introduction .heading {
        padding-left: 60px !important;
    }

    .umbraco-forms-form {
        padding: 0 0 0 18px;
    }

    .umbraco-forms-form input.text,
    .umbraco-forms-form textarea {
        max-width: 95% !important;
    }

    .form-wrapper .component-outro p {
        left: 55px !important;
    }

    .form-wrapper .umbraco-forms-navigation {
        text-align: right;
    }

    .form-wrapper {
        background-size: 350% !important;
        background-position: -430px -150px !important;
        padding: 50px 0 0 0 !important;
    }

    .text-block {
        padding: 0 30px !important;
    }

    footer#site-footer .container {
        padding: 50px 0px 0 0px !important;
    }

    footer#site-footer .at-logo img {
        margin-left: 15px;
    }

    nav.footer-navigation {
        text-align: center;
        float: none;
        margin-top: 0 !important;
    }

    nav.footer-navigation {
        width: 90%;
    }

    .usn_back-to-top .btn {
        width: 100% !important;
    }

    .split-header .col-md-4 {
        order: 2 !important;
    }

    .split-header .col-md-8 {
        order: 1 !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 150px 20px 0px 20px !important;
    }

    .split-header .column {
        padding: 0 72px !important;
    }

    body:not(.team-hover-image) .split-header .grid-section {
        padding: 0 22px 0 30px !important;
    }

    .split-header p {
        width: 100% !important;
    }

    .mobile-buttons a {
        right: 80px;
    }

    html.nav-down:not(.reached-top) body.header-17-lg header#site-header #logo,
    html.nav-up:not(.reached-top) body.header-17-lg header#site-header #logo {
        top: 5px !important;
        right: -60px !important;
    }

    header#site-header a.expand svg {
        transform: scale(.8);
    }

    .split-header .usn_cmp_gallery {
        padding-left: 0px !important;
    }

    .smaller-cols-high {
        padding: 15px 50px !important;
    }

    nav.main ul li span::before {
        opacity: 0 !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .image {
        margin-left: 20% !important;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item .image:before {
        width: 120%;
        right: -50px;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info {
        margin-left: 0 !important;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .secondary-heading,
    .overview-page #site-content .usn_cmp_subpagelisting .listing .item:nth-child(2) .info .text {
        margin-left: 5px !important;
    }

    .text-image-block {
        padding: 15px 30px !important;
    }

    .case-detail .split-header {
        height: 220vh !important;
    }

    .case-detail .split-header h1 {
        padding-top: 30px !important;
    }

    .small-logo-block img {
        width: 30% !important;
    }

    .image-slider {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }
}

@media (max-width: 320px) {
    html.reveal-out nav.main {
        margin-top: 40px !important;
        padding-left: 10px !important;
    }

    html.reveal-out .logotext {
        display: none !important;
    }

    header#site-header nav.main li a {
        padding: 2px 10px !important;
        font-size: 22px !important;
    }

    html.reveal-out .language-nav {
        margin-top: 10px !important;
    }

    header#site-header nav.main li ul li:not(.active, :last-child) a,
    header#site-header nav.main li ul li:last-child a {
        font-size: 15px !important;
        padding-top: 5px !important;
    }

    .site-search .form-control {
        padding: 7px 5px 0 40px !important;
        min-height: 35px !important;
        height: 35px !important;
    }

    html.reveal-out header#site-header nav.secondary,
    header#site-header nav.secondary {
        padding: 0 !important;
    }

    .big-title .scroll-prompt {
        bottom: 20px !important;
    }

    .split-header p {
        width: 100% !important;
    }

    header#site-header nav.main li ul li a {
        min-height: 10px !important;
    }

    body:not(.team-hover-image) .split-header .grid-section {
        padding: 0 0 0 25px !important;
    }

    .case-detail .split-header strong {
        font-size: 18px !important;
        padding-bottom: 0px !important;
    }

    .case-detail .split-header h1 {
        margin-bottom: 0px !important;
    }

    .case-detail .split-header p {
        font-size: 10px !important;
    }

    .case-detail .split-header {
        height: 110vh !important;
    }

    .case-detail .split-header {
        padding: 80px 20px 0 0 !important;
    }

    .smaller-cols {
        padding: 0px 15px 25px 15px !important;
    }

    html.reveal-out .logophone {
        width: 40%;
    }
}


::placeholder {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

footer#site-footer .quick-links ul li a {
    text-transform: none !important;
    font-size: 16px !important;
}

footer#site-footer .footer-heading {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

footer#site-footer p.heading.lg,
footer#site-footer span.heading.lg {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: 50px !important;
}

footer#site-footer p.heading.lg,
footer#site-footer span.heading.lg {
    width: 100% !important;
}

.form-wrapper .usn_cmp_pods strong {
    text-transform: none !important;
    font-weight: 700 !important;
}

.form-control,
input,
textarea,
.secondary-heading {
    font-family: 'Exo 2', sans-serif !important;
    text-transform: none !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.c1-bg .secondary-heading::after,
.secondary-heading:after {
    display: none !important;
}

.usn_back-to-top .btn {
    border: 1px solid #d6d2d1 !important;
    color: #d6d2d1 !important;
}

.clients .secondary-heading {
    margin-bottom: 20px !important;
}

.btn.base-btn-text {
    padding-bottom: 10px !important;
}

.btn,
.clients .secondary-heading {
    font-family: 'Exo 2', sans-serif !important;
    letter-spacing: 0 !important;
}

.form-wrapper .component-introduction .heading,
.form-wrapper .usn_cmp_pods .heading,
.small-overview .heading,
.usn_cmp_ctastrip .heading,
.usn_cmp_pods.light-pods .heading,
.usn_cmp_ctastrip.c4-bg .heading {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

.usn_cmp_pods.light-pods .item .text {
    border-top: 1px solid #dfe801;
    font-weight: 400 !important;
}

.usn_cmp_ctastrip.c4-bg p:not(.heading) {
    font-weight: 300;
}

.big-title h1 {
    color: #000 !important;
    line-height: 95%;
}

.big-title .text p strong {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
}

.big-title .item {
    background-color: transparent !important;
}

.big-title .scroll-prompt.scroll-prompt-wheel .mouse-scroll {
    border-color: #91b1b9 !important;
}

.c1-bg .scroll-prompt .mouse-scroll::before {
    background: #91b1b9 !important;
}

.text-block .heading {
    width: 80%;
    color: #000 !important;
}

.logotext {
    width: 220px !important;
    color: #656565 !important;
    font-weight: 400 !important;
    top: 100px !important;
    display: none;
}

.logophone {
    color: #000 !important;
    font-weight: 600 !important;
    font-family: 'Exo 2', sans-serif !important;
    display: none;
}

.logophone:hover {
    color: #000 !important;
}

.form-wrapper .usn_cmp_pods .heading {
    width: 310px !important;
}

.small-overview .secondary-heading,
.text-block .secondary-heading,
.four-images-right .heading,
.form-wrapper .usn_cmp_pods .secondary-heading {
    margin-bottom: 10px !important;
}

.form-wrapper .usn_cmp_pods .image {
    right: 40px !important;
}

.form-wrapper .usn_cmp_pods .secondary-heading {
    margin-bottom: 30px !important;
    display: inline-block !important;
    border-bottom: 1px solid #eff170 !important;
    color: #eff170 !important;
}

.quick-links ul li {
    margin-bottom: 0 !important;
}

.umbraco-forms-form textarea {
    height: 296px !important;
}

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: #757575;
}

footer#site-footer .at-logo img {
    margin-top: 45px;
}

.btn.c8-btn-text,
.btn-text_c8-btn-text .btn {
    color: rgba(var(--c8-btn-text), 1) !important;
}

.btn.c8-btn-text:hover,
.btn-text_c8-btn-text .btn:hover {
    color: white !important;
    border-color: rgba(var(--c8-btn-borders), 1);
}


.interactive-team-image {
    padding: 150px 250px 150px 0 !important;
}

.interactive-team-image .info {
    width: 70% !important;
}

.interactive-team-image .heading {
    font-size: 70px !important;
    padding-bottom: 40px !important;
}

.interactive-team-image .btn,
.interactive-team-image .btn.base-btn-text {
    border-color: #eff170 !important;
    color: #eff170 !important;
}

.interactive-team-image .btn:hover,
.interactive-team-image .btn:focus,
.interactive-team-image .btn.base-btn-text:hover,
.interactive-team-image .btn.base-btn-text:focus {
    border-color: #eff170 !important;
    color: #eff170 !important;
}

.interactive-team-image .hover-points {
    left: 30px;
    top: 0;
}

.interactive-team-image .hover-wrapper:before {
    left: 60px !important;
}

.interactive-team-image .hover-wrapper:before {
    left: 60px;
}

.component.usn_cmp_splitcomponent .container-fluid .hover-image-macro .info {
    max-width: 100% !important;
}

.mobile-buttons {
    width: 90%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1999;
}

.mobile-buttons a {
    background: #2523b5;
    border-radius: 10px;
    color: #fff !important;
    padding: 5px 10px 5px 15px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    top: auto !important;
    left: auto !important;
    margin-top: 20px;
    font-size: 12px;
    z-index: -1;
    opacity: 0;
}

.mobile-buttons a.active {
    opacity: 1;
    z-index: 1;
}

section.content.split-header .info a:not(.btn) {
    text-decoration: none !important;
}

.hover-wrapper:before {
    content: 'Hover over the Aliens 🛸';
    position: absolute;
    z-index: 999;
    color: #fff;
    width: auto;
    left: 30px;
    text-align: center;
    bottom: 25px;
    padding: 10px 20px;
    background: rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.hover-wrapper.arne-text:before {
    content: '👽 Arne';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.dennis-t-text:before {
    content: '👽 Dennis';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.dennis-w-text:before {
    content: '👽 Dennis';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.martijn-text:before {
    content: '👽 Martijn';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.laureth-text:before {
    content: '👽 Laureth';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.miriam-text:before {
    content: '👽 Miriam';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.sheena-text:before {
    content: '👽 Sheena';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.timo-text:before {
    content: '👽 Timo';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.raymond-text:before {
    content: '👽 Raymond';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.dimitri-text:before {
    content: '👽 Dimitri';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.renate-text:before {
    content: '👽 Renate';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.kars-text:before {
    content: '👽 Kars';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.joris-text:before {
    content: '👽 Joris';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.tobias-text:before {
    content: '👽 Tobias';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.lynn-text:before {
    content: '👽 Lynn';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.pixel-text:before {
    content: '👽 Pixel';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.marieke-text:before {
    content: '👽 Marieke';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.stef-text:before {
    content: '👽 Stef';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.tony-text:before {
    content: '👽 Tony';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.jeroen-text:before {
    content: '👽 Jeroen';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.susanne-text:before {
    content: '👽 Susanne';
    background: #000;
    transition: all .5s ease-in-out;
}

.hover-wrapper.kelly-text:before {
    content: '👽 Kelly';
    background: #000;
    transition: all .5s ease-in-out;
}


.hover-image-macro {
    padding: 0 0 0 30px !important;
}

.hover-image-macro .info {
    padding: 0 !important;
}

.hover-wrapper {
    width: 980px;
    height: 650px;
}

.hover-points {
    width: 980px;
    height: 650px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 999;
    transition: all .5s ease-in-out;
}

.interactive-team-image .hover-points {
    top: 0;
}

.hover-image {
    width: 980px;
    display: block;
    position: absolute;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.hover-image.all {
    opacity: 1;
    transition: all .3s ease-in-out;
}

.hover-image img {
    width: 100%;
    border-radius: 20px;
}

.hover-points a {
    width: 8%;
    height: 12%;
    border-radius: 50%;
    position: absolute;
    opacity: 1;
}

.show {
    opacity: 1;
}

.hover-image-macro svg {
    position: absolute;
}

section.content.interactive-team-image .info a:not(.btn) {
    text-decoration: none !important;
}

.arne-hover {
    top: 37%;
    left: 45%;
}

.miriam-hover {
    top: 33%;
    left: 73%;
}

.dennis-t-hover {
    top: 17%;
    left: 20%;
}

.jeroen-hover {
    top: 17%;
    left: 52%;
}

.susanne-hover {
    top: 17%;
    left: 62%;
}

.raymond-hover {
    top: 17%;
    left: 70%;
}

.dennis-w-hover {
    top: 17%;
    left: 85%;
}

.timo-hover {
    top: 38%;
    left: 15%;
}

.sheena-hover {
    top: 40%;
    left: 24%;
}

.kelly-hover {
    top: 40%;
    left: 79%;
}

.stef-hover {
    top: 17%;
    left: 46%;
}

.laureth-hover {
    top: 51%;
    left: 39%;
}

.renate-hover {
    top: 34%;
    left: 65%;
}

.dimitri-hover {
    top: 35%;
    left: 59%;
}

.tony-hover {
    top: 17%;
    left: 28%;
}

.joris-hover {
    top: 53%;
    left: 58%;
}

.tobias-hover {
    top: 35%;
    left: 34%;
}

.lynn-hover {
    top: 17%;
    left: 14%;
}

.pixel-hover {
    top: 19%;
    left: 78%;
}

.marieke-hover {
    top: 17%;
    left: 40%;
}

.kars-hover {
    top: 17%;
    left: 34%;
}

.martijn-hover {
    top: 17%;
    left: 8%;
}

@keyframes pulse-yellow {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
    }
}

@media (max-width: 1600px) {
    .hover-image img {
        width: 90%;
    }

    .hover-points {
        width: 90%;
        height: 465px;
    }

    .hover-wrapper,
    .hover-image {
        width: 100%;
        height: 465px;
    }

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 425px;
    }

    .hover-points div:after {
        width: 8px;
        height: 8px;
    }

    .interactive-team-image {
        padding: 150px 0px 150px 0 !important;
    }

    .interactive-team-image .info {
        width: 90% !important;
    }

    .interactive-team-image .heading {
        font-size: 40px !important;
        padding-bottom: 20px !important;
        padding-top: 50px !important;
    }
}

@media (max-width: 1200px) {

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 375px;
    }

    p:not(.secondary-heading, .heading) {
        font-size: 14px !important;
    }

    footer#site-footer .usn_pod_searchlinks {
        padding-left: 40px !important;
    }

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 400px;
    }

    .hover-wrapper:before {
        content: 'Click on the Aliens 👆';
        left: 20px;
        bottom: 20px;
        padding: 5px 10px;
        font-size: 12px;
    }

    .interactive-team-image .heading {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .interactive-team-image .mobile-buttons {
        left: 30px;
    }

    .interactive-team-image .hover-wrapper:before {
        left: 50px !important;
    }
}

@media (max-width: 1080px) {

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 325px;
    }
}

@media (max-width: 1200px) and (orientation: portrait) {
    .hover-image-macro {
        order: 1 !important;
    }

    .hover-image img {
        width: 95%;
    }

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 495px;
    }

    .hover-points {
        width: 95%;
        top: 0;
    }

    .hover-wrapper,
    .hover-image {
        width: 100%;
    }

    .hover-wrapper:before {
        content: 'Click on the Aliens 👆';
    }

    .mobile-buttons {
        width: 95%;
    }

    .interactive-team-image .info {
        width: 100% !important;
        padding: 30px 30px 60px 30px;
    }

    .interactive-team-image .hover-points a {
        height: 13%;
    }

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 460px;
    }
}

@media (max-width: 1080px) and (orientation: landscape) {

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 390px;
    }

    .hover-wrapper:before {
        padding: 5px 10px;
        font-size: 12px;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 460px;
    }
}

@media (max-width: 1024px) and (orientation: portrait) {

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 430px;
    }

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 460px;
    }
}

@media (max-width: 767px) {
    .interactive-team-image .mobile-buttons {
        left: 20px;
    }

    .interactive-team-image {
        padding: 50px 40px 0 0 !important;
    }

    .interactive-team-image .info {
        width: 100% !important;
    }

    .interactive-team-image .hover-points {
        height: 220px;
        left: 20px !important;
    }

    .interactive-team-image .mobile-buttons {
        bottom: 0 !important;
    }

    .interactive-team-image .mobile-buttons a {
        bottom: 10px;
        right: 0;
    }

    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 200px;
    }

    .interactive-team-image .hover-wrapper:before {
        bottom: 10px !important;
        left: 45px !important;
    }

    .hover-points div:after {
        width: 5px;
        height: 5px;
    }

    .hover-image-macro {
        margin-top: 0;
    }

    .hover-image-macro .text {
        padding: 0 !important;
    }

    .team-hover-image .split-header {
        padding: 0 0 0px 20px !important;
    }

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 235px;
    }

    .hover-wrapper:before {
        padding: 3px 8px;
        font-size: 10px;
        left: 10px;
        bottom: 10px;
    }

    .mobile-buttons a {
        bottom: 10px;
        right: 10px;
        font-size: 10px;
        padding: 2px 5px 2px 10px;
    }

    .interactive-team-image .info {
        padding: 30px 0px 20px 20px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {

    .interactive-team-image .hover-wrapper,
    .hover-image {
        height: 410px !important;
    }

    .interactive-team-image .info {
        padding: 40px !important;
    }

    .interactive-team-image .hover-image-macro {
        margin-top: 0px !important;
    }

    .interactive-team-image .mobile-buttons a {
        right: 10px;
    }

    .team-hover-image .split-header .column {
        padding: 0 30px 0 5px !important;
    }

    .team-hover-image .grid-section {
        padding: 0 22px 0 45px !important;
    }

    .hover-image-macro {
        margin-top: 160px !important;
    }

    .hover-image {
        padding-right: 20px !important;
    }

    .hover-image img {
        width: 100% !important;
    }

    .hover-points {
        height: 420px !important;
        width: 97% !important;
    }

    .hover-wrapper,
    .hover-image {
        height: 420px !important;
    }

    .mobile-buttons {
        width: 95%;
    }

    .hover-wrapper:before {
        left: 20px;
    }
}

@media (max-width: 420px) {

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 235px;
    }

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 220px;
    }
}

@media (max-width: 360px) {

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 215px;
    }

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 200px;
    }
}

@media (max-width: 320px) {

    .hover-points,
    .hover-wrapper,
    .hover-image {
        height: 200px;
    }

    .interactive-team-image .hover-points,
    .interactive-team-image .hover-wrapper,
    .interactive-team-image .hover-image {
        height: 175px;
    }
}

.split-header.big-title h1 {
    margin-left: 0 !important;
}

@media (min-width: 3600px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 30px;
        padding-left: 30px;
    }

    .split-header .item .image {
        width: 95% !important;
    }

    .logotext {
        transform: translateX(-50%) scale(1.8) !important;
        top: 140px !important;
    }

    header#site-header a.expand {
        transform: translateX(50%) scale(1.8) !important;
    }

    header#site-header #logo {
        transform: translateX(-100%) scale(1.8) !important;
    }

    html.nav-down:not(.reached-top, .reveal-out) header#site-header #logo,
    html.nav-up:not(.reached-top, .reveal-out) header#site-header #logo {
        transform: translateX(50%) scale(1.8) !important;
    }

    header#site-header {
        top: 100px !important;
        height: 300px !important;
    }

    .logophone {
        font-size: 85% !important;
        top: 210px !important;
    }

    .logophone:before {
        width: 15px;
        height: 15px;
        margin-left: -31px;
        margin-top: 22px;
    }

    html.reveal-out header#site-header {
        transform: translateY(50%) scale(2) !important;
        height: 50vh !important;
        width: 50% !important;
    }

    html.reveal-out header#site-header #logo {
        transform: translateX(-50%) scale(1) !important;
    }

    html.reveal-out header#site-header a.expand {
        transform: translateX(0%) scale(1) !important;
    }

    html.reveal-out header#site-header .site-search:before {
        top: 0;
    }

    html.reveal-out .logotext {
        transform: translateX(0%) scale(1) !important;
    }

    .component.usn_cmp_banner:not(#scramble) .item.item_takeover-banner h1 {
        padding-top: 250px !important;
    }

    section.content:not(.usn_cmp_banner) {
        padding-top: 175px;
        padding-bottom: 175px;
    }

    .container-fluid .content:not(.usn_cmp_ctastrip):not(.light-pods) .link {
        margin-top: 150px !important;
    }

    .content .link {
        margin-top: 150px;
    }

    .container {
        max-width: 80% !important;
    }

    .light-pods .container,
    .title-block .container {
        max-width: 50% !important;
    }

    .big-title .text p strong {
        font-size: 150% !important;
    }

    .component.usn_cmp_banner:not(#scramble) .item.item_takeover-banner h1 {
        font-size: 1000% !important;
    }

    .split-header.big-title h1 {
        font-size: 350% !important;
        padding-bottom: 50px !important;
    }

    .split-header p {
        font-size: 125% !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a {
        font-size: 36px !important;
    }

    .umbraco-forms-form span.contourError,
    .umbraco-forms-form span.field-validation-error {
        font-size: 100% !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item span {
        font-size: 36px !important;
    }

    .overview-page .usn_cmp_subpagelisting.wide-overview .listing .item .heading {
        font-size: 525% !important;
        padding-bottom: 20px !important;
    }

    .smaller-cols-high .container {
        max-width: 100% !important;
    }

    .team-overview:not(.text-white-pods) .usn_cmp_text.item .heading,
    .full-screen-slider .heading,
    .form-wrapper .usn_cmp_pods .heading,
    .four-images-right .heading,
    .small-overview .component-introduction .heading,
    .title-block .heading,
    .image-group .usn_pod_textimage .info .heading {
        font-size: 700% !important;
        padding-bottom: 50px !important;
    }

    .split-header.big-title h1 {
        font-size: 350% !important;
    }

    .case-detail .split-header h1 {
        font-size: 225% !important;
    }

    .case-detail .split-header p,
    .case-detail .split-header strong {
        font-size: 115% !important;
    }

    .smaller-cols .container {
        max-width: 100% !important;
    }

    .text-image-block .item .info p:nth-child(2) {
        font-size: 28px !important;
    }

    blockquote.md,
    .quote.md,
    blockquote.lg,
    .quote.lg,
    blockquote,
    .quote {
        font-size: 225% !important;
    }

    .quote-block .quote:before {
        font-size: 225% !important;
    }

    .quote-block .component-outro p {
        font-size: 115% !important;
    }

    .quote-block .quote:after {
        height: 2px;
        width: 215px;
        bottom: -25px;
    }

    .image-slider .container-fluid {
        margin-top: 25% !important;
        margin-bottom: 15% !important;
    }

    .team-overview .item .heading {
        font-size: 200% !important;
        padding-top: 50px !important;
        padding-bottom: 20px !important;
    }

    .other-cases {
        padding-bottom: 150px !important;
    }

    .overview-blog .listing-component .item .heading {
        font-size: 175% !important;
        padding-top: 30px !important;
    }

    .full-overview .repeatable-content .item .heading,
    .other-cases .item .heading {
        font-size: 175% !important;
        padding-top: 30px !important;
    }

    .overview-blog .item {
        margin-bottom: 50px !important;
    }

    .team-detail .slick-slider .heading:after {
        font-size: 80% !important;
    }

    .team-overview .item:not(.usn_cmp_text):last-child:before,
    .team-overview .item:not(.usn_cmp_text) {
        padding-bottom: 60px !important;
    }

    .slick-slider:not(.listing_no-spacing) .slick-prev {
        transform: scale(2) translateX(-50%);
    }

    .slick-slider:not(.listing_no-spacing) .slick-next,
    .team-detail .slick-slider .slick-next {
        transform: scale(2) translateX(50%);
    }

    .wide-overview .info .text:after {
        font-size: 225% !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .secondary-heading {
        font-size: 175% !important;
    }

    body {
        font-size: 225% !important;
    }

    .other-cases .component-introduction .heading {
        font-size: 300% !important;
    }

    .form-wrapper .component-introduction .heading,
    .form-wrapper .usn_cmp_pods strong,
    p.heading.lg,
    span.heading.lg,
    .image-group .usn_pod_textimage .info .secondary-heading,
    .secondary-heading {
        font-size: 150% !important;
    }

    footer#site-footer .footer-text {
        font-size: 100% !important;
    }

    footer#site-footer .footer-heading {
        font-size: 115% !important;
        padding-bottom: 20px !important;
    }

    footer#site-footer .quick-links ul li a {
        font-size: 100% !important;
    }

    footer#site-footer {
        padding-bottom: 100px !important;
        padding-top: 75px;
    }

    nav.footer-navigation ul li {
        font-size: 225% !important;
    }

    .mobile-spacing .container {
        max-width: 100% !important;
    }

    footer#site-footer nav.social ul li a img,
    footer#site-footer nav.social ul li a {
        width: 50px !important;
        height: 50px !important;
    }

    .text-title-line .heading,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 275% !important;
    }

    .intro {
        font-size: 125% !important;
    }

    .text-title-line .heading:before {
        height: 75px;
        width: 2px;
        margin-left: -45px !important;
    }

    footer#site-footer .footer-item {
        margin-bottom: 100px !important;
    }

    section:not(.usn_cmp_banner, .logo-grid, .grid-images) .item .video,
    section:not(.usn_cmp_banner, .logo-grid, .grid-images, .award-logos) .item .image:not(.extra-logo) {
        border-radius: 50px !important;
    }

    .full-screen-slider.team-overview .item .image:before {
        bottom: 50px;
        right: 50px;
        width: 100px;
        height: 100px;
        padding-top: 25px;
    }

    .faq .usn_cmp_accordiontab h3 {
        font-size: 225% !important;
        padding-bottom: 30px !important;
    }

    .repeatable.accordion .tab .nav-link::after {
        font-size: 150%;
        right: 30px;
    }

    .repeatable.accordion .tab:not(:first-child) {
        margin-top: 12px;
    }

    .repeatable.tab-basic .repeatable-content {
        padding: 30px 60px 0 60px !important;
    }

    .repeatable.accordion .tab .nav-link {
        font-size: 225% !important;
        padding: 50px 60px !important;
    }

    .hover-image img {
        border-radius: 40px;
    }

    html.nav-down:not(.reached-top) .usn_back-to-top,
    html.nav-up .usn_back-to-top {
        right: 100px !important;
        bottom: 100px !important;
    }

    .usn_cmp_ctastrip .heading {
        font-size: 275% !important;
        padding-bottom: 75px !important;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg,
    .usn_cmp_pods.light-pods .heading {
        font-size: 225% !important;
        width: 70% !important;
    }

    .secondary-heading+.heading {
        margin: 30px 0 0 !important;
    }

    .btn {
        transform: scale(2) translateX(25%);
    }

    .contact-page .grid-section .btn:nth-child(2) {
        transform: scale(2) translateX(100%) !important;
    }

    .contact-page .grid-section .text-title-line p {
        font-size: 100% !important;
    }

    .contact-page .grid-section .btn,
    .contact-page .grid-section .btn:nth-child(2) {
        margin-top: 50px !important;
    }

    .content:not(.usn_cmp_ctastrip, .rotating-image) .link .btn:nth-child(2) {
        transform: scale(2) translateX(120%) !important;
    }

    .usn_cmp_ctastrip .btn:last-child {
        transform: scale(2) translateX(-50%) translateY(50%) !important;
    }

    .cursor {
        transform: scale(2) translateX(25%);
    }

    .grow {
        transform: scale(5);
    }

    .image-group .usn_pod_textimage .info {
        padding: 5% 0 5% 10% !important;
    }

    .title-block {
        padding: 200px 10% 0 16% !important;
    }

    .full-screen-slider {
        padding: 250px 0 !important;
    }

    .full-screen-slider .slick-slider .item:nth-child(3n) {
        margin-top: 200px;
    }

    .full-screen-slider .slick-slider .item:nth-child(2n) {
        margin-top: -100px;
    }

    .component.usn_cmp_splitcomponent .container-fluid .item_block.usn_cmp_text .info {
        max-width: 100%;
    }

    .four-images-right {
        padding-top: 500px !important;
        padding-bottom: 400px !important;
    }

    .form-wrapper .usn_cmp_pods .heading {
        width: 600px !important;
    }

    .umbraco-forms-form input.text,
    .umbraco-forms-form textarea {
        max-width: 95% !important;
    }

    input,
    textarea,
    label,
    .control-label,
    .form-control {
        font-size: 36px !important;
    }

    ::placeholder {
        font-size: 36px !important;
    }

    ::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 36px !important;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 36px !important;
    }

    :-ms-input-placeholder {
        /* IE 10+ */
        font-size: 36px !important;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        font-size: 36px !important;
    }

    .umbraco-forms-form textarea {
        height: 600px !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 500px 0 150px 8% !important;
    }

    .body-bg.team-hover-image .split-header {
        padding: 800px 0 0 8% !important;
    }

    .split-header {
        margin-top: -800px !important;
    }

    .split-header .col-md-9 {
        padding-top: 300px !important;
    }

    .breadcrumb-trail .container {
        max-width: 98% !important;
        padding: 30px !important;
    }

    .hover-wrapper {
        width: 980px;
        height: 650px;
        transform: scale(1.9) translate(25%, -20%);
    }

    .team-detail section.content:not(.split-header) .grid-section .column:before,
    .team-detail .grid-section .column:nth-child(3):after {
        background: #3300f4 !important;
    }

    .text-medium-line .info:before {
        height: 155px !important;
        width: 2px !important;
        top: 30px !important;
        margin-left: -50px !important;
        background: #3300f4 !important;
    }

    .contact-page .grid-section .text-title-line h2:before {
        height: 75px !important;
        width: 2px !important;
        top: 40px !important;
        margin-left: -40px !important;
        background: #3300f4 !important;
    }

    p.heading,
    span.heading {
        font-size: 175% !important;
    }

    .text-blocks .item .info {
        padding: 80px !important;
    }

    .team-detail section.content:not(.split-header) .grid-section .column:before {
        height: 160px;
        width: 2px;
        top: 30px;
        margin-left: -30px;
    }

    .text-blocks .item .link {
        margin-top: 50px !important;
        transform: scale(2);
    }

    .team-detail .grid-section .column:nth-child(3):after {
        height: 300px;
        width: 2px;
        right: 5px;
        top: 25px;
    }

    .team-detail .grid-section .column:nth-child(3) img {
        width: 60px !important;
        margin-top: 25px;
    }

    .fancy-table th.active,
    .fancy-table th:first-child {
        font-size: 300% !important;
        padding: 60px 50px !important;
    }

    .fancy-table i {
        font-size: 40px !important;
    }

    .fancy-table-pink tr:nth-child(2) th {
        font-size: 200% !important;
        padding: 60px 50px !important;
        line-height: 150%;
    }

    .fancy-table th {
        font-size: 300% !important;
        padding: 60px 50px !important;
    }

    .fancy-table td {
        font-size: 200% !important;
        padding: 60px 50px !important;
        line-height: 150%;
    }

    .hover-points {
        top: 0 !important;
    }

    .hover-wrapper:before {
        transform: scale(.5) translateX(-40%);
    }

    .grid-section .container {
        max-width: 100% !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before:before {
        font-size: 80% !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before {
        margin-right: 36px !important;
    }

    .usn_cmp_pods.light-pods .item .text {
        border-top: 3px solid #d7d7d7 !important;
    }

    .clients .secondary-heading,
    .text-block .secondary-heading,
    .secondary-heading {
        border-bottom: 3px solid #3300f4 !important;
    }

    .form-control,
    input,
    textarea {
        border-bottom: 3px solid #675b83 !important;
    }

    .small-overview .secondary-heading {
        border-bottom: 3px solid #eff170 !important;
    }

    .small-overview {
        padding: 0 7% 200px 7% !important;
    }

    .form-wrapper .usn_cmp_pods {
        margin-left: -50px !important;
    }

    .contact-page .grid-section .col-md-4 {
        height: 1350px;
    }

    .padding-contact-data {
        padding-top: 100px !important;
    }

    .awesome.we-inspire .split-header.big-title h1 {
        font-size: 350px !important;
        margin-top: -550px !important;
        margin-left: 100px !important;
    }

    .split-text-color-column .item:first-child p {
        font-size: 60px !important;
        padding-right: 170px;
        padding-left: 0 !important;
    }

    .split-text-color-column .item:nth-child(2) {
        padding: 100px !important;
        margin-top: 250px !important;
    }

    .split-text-color-column .item:nth-child(2) .heading {
        font-size: 150px !important;
    }

    .split-text-color-column .item:nth-child(2) p {
        font-size: 40px !important;
    }

    .we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction .heading,
    .we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction .secondary-heading,
    .we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction p {
        font-size: 80% !important;
    }

    #scroll-to-top {
        top: 30% !important;
        right: 5% !important;
        padding: 10px 30px !important;
        font-size: 30px !important;
        border-radius: 60px !important;
    }

    #scroll-to-bottom {
        bottom: 30% !important;
        right: 5% !important;
        padding: 10px 30px !important;
        font-size: 30px !important;
        border-radius: 60px !important;
    }
}

@media (max-width: 1600px) {
    header#site-header {
        top: 20px !important;
    }

    .title-block {
        padding: 100px 15% 0 50px !important;
    }

    .title-block .heading {
        font-size: 80px !important;
    }

    .usn_cmp_ctastrip .heading {
        font-size: 40px !important;
        width: 80% !important;
    }

    .form-wrapper {
        padding: 30px 50px !important;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg {
        width: 80% !important;
        font-size: 40px !important;
    }

    header#site-header nav.main li ul li:last-child a,
    header#site-header nav.main li ul li a,
    header#site-header nav.main li ul li:not(.active, :last-child) a {
        font-size: 20px !important;
    }

    .full-screen-slider .slick-slider .item {
        padding: 0 10px !important;
    }

    .small-overview {
        padding: 30px 5% 60px 5% !important;
        margin-bottom: 30px;
    }

    body:not(.case-detail, .silver) .component.usn_cmp_banner .item.item_scale-banner .image img {
        width: 170% !important;
        max-width: 170% !important;
        margin-left: -52% !important;
    }

    .smaller-cols-high {
        padding-top: 50px !important;
    }

    .team-overview:not(.text-white-pods) .usn_cmp_text.item .heading {
        font-size: 87px !important;
    }

    footer#site-footer .container {
        padding-top: 20px !important;
    }

    section.content:not(.usn_cmp_banner, .full-screen-slider, .usn_cmp_reusablecomponents, .split-header, .no-padding, .share-block, .header-leadgen) .component-inner {
        padding: 0 !important;
    }

    .container {
        max-width: 95% !important;
    }

    .case-detail .container {
        max-width: 90% !important;
    }

    .smaller-padding-mobile {
        padding-left: 50px !important;
    }

    .usn_cmp_splitcomponent.c7-bg {
        padding-left: 50px !important;
        padding-right: 20px !important;
    }

    .text-image-block {
        padding-left: 50px !important;
        padding-right: 20px !important;
    }

    .usn_cmp_ctastrip {
        width: 90% !important;
        margin-left: 5% !important;
        padding: 75px 0 50px 70px !important;
    }

    .split-header {
        padding: 300px 0 0 5% !important;
    }

    .smaller-cols {
        padding: 0 10% 50px 10% !important;
    }

    .usn_cmp_ctastrip {
        margin: 100px auto !important;
    }

    .split-header h1 {
        font-size: 40px !important;
    }

    .mobile-spacing {
        padding-left: 20px !important;
    }
}

@media (max-width: 1200px) {
    header#site-header {
        top: 50px !important;
    }

    .logotext {
        top: 60px !important;
    }

    .image-group .usn_pod_textimage .info .heading {
        font-size: 70px !important;
    }

    .title-block .heading {
        font-size: 70px !important;
    }

    .form-wrapper .usn_cmp_pods .heading,
    .form-wrapper .usn_cmp_pods .secondary-heading {
        padding-left: 0 !important;
    }

    .form-wrapper .usn_cmp_pods .text {
        margin-left: 0 !important;
    }

    .form-wrapper .usn_cmp_pods .image {
        right: -40px !important;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg {
        width: 100% !important;
    }

    header#site-header nav.secondary {
        padding: 30px 0 0 30px !important;
    }

    html.reveal-out header#site-header .site-search {
        margin-left: 22px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 50px 0 0 20px !important;
    }

    .full-screen-slider.team-overview .listing {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }

    .full-overview .repeatable-content .item .heading {
        height: auto !important;
    }

    .case-detail .split-header h1 {
        font-size: 40px !important;
    }

    .case-detail .split-header {
        padding: 18% 0 0 40px !important;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {
    .case-detail .split-header .usn_cmp_gallery {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-right: 40px !important;
    }

    .case-detail .split-header .usn_cmp_gridlayout {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-right: 40px !important;
    }

    .case-detail .split-header h1 {
        width: 100% !important;
    }

    .usn_cmp_ctastrip {
        padding: 50px 70px 40px 50px !important;
    }

    header#site-header nav.secondary {
        padding: 30px 0 0 10px !important;
    }

    html.reveal-out header#site-header .site-search {
        margin-left: 0px !important;
    }

    html.reveal-out .language-nav {
        margin-left: -3px;
    }

    html.reveal-out .logotext {
        margin-left: 5px !important;
    }

    .split-header {
        margin-top: -500px !important;
    }

    .split-header {
        padding: 300px 0 0 40px !important;
    }

    .big-title h1 {
        padding: 20px 0 0 0 !important;
    }

    .smaller-cols-high {
        padding-top: 0px !important;
    }

    .full-screen-slider .component-introduction {
        padding-bottom: 50px !important;
        padding-left: 25px;
    }

    .full-screen-slider .heading {
        width: 90% !important;
        font-size: 80px !important;
        padding-top: 0px !important;
    }

    .team-overview {
        margin-top: -50px !important;
    }

    .split-header.big-title h1 {
        font-size: 80px !important;
        width: 80% !important;
    }

    html.reveal-out .logotext {
        margin-right: 17%;
    }

    .title-block {
        padding: 100px 15% 0 30px !important;
    }

    .image-group .usn_pod_textimage .info .heading {
        font-size: 50px !important;
    }

    .image-group .usn_pod_textimage .info {
        padding: 0 0 0 50px !important;
    }

    .four-images-right .listing .item:first-child {
        right: 60%;
    }

    .four-images-right .four-images-right {
        margin-left: 20px !important;
    }

    .four-images-right {
        padding-bottom: 150px !important;
    }

    .form-wrapper .usn_cmp_pods .image {
        right: 10px !important;
    }

    .usn_back-to-top .btn,
    html.nav-down:not(.reached-top) .usn_back-to-top,
    html.nav-up .usn_back-to-top {
        background: transparent !important;
        border: none !important;
    }

    footer#site-footer {
        padding: 0;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg {
        width: 100% !important;
    }

    footer#site-footer .at-logo img {
        margin-top: 20px;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 500px 30px 0px 80px !important;
    }

    .split-header.big-title h1 {
        margin-top: 0px !important;
    }

    .grid-section .text-medium-line {
        margin: 0 !important;
    }

    .team-detail section.content:not(.split-header) .grid-section .column:before {
        left: -10px;
    }

    .team-overview:not(.text-white-pods) .usn_cmp_text.item .heading {
        font-size: 60px !important;
    }

    .team-detail .slick-slider .slick-next {
        right: 0px !important;
    }

    footer#site-footer .at-logo img {
        width: 70% !important;
        margin-right: 20px;
    }

    .case-detail .container {
        max-width: 100% !important;
    }

    .quote-block {
        padding-left: 70px !important;
        padding-right: 70px !important;
    }

    blockquote::before,
    .quote::before {
        top: 10px !important;
    }

    .case-detail .split-header {
        height: auto !important;
    }

    .small-logo-block {
        padding: 40px 210px 60px 100px !important;
    }

    .text-image-block {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .usn_cmp_ctastrip {
        width: 91% !important;
    }

    .other-cases {
        padding: 50px 15px !important;
    }

    footer#site-footer {
        padding: 0 30px;
    }

    header#site-header nav.main li a:not(.dropdown-item):before {
        top: 20px;
    }

    .text-title-line.col-md-5 .info {
        padding-top: 0px;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info .text:after {
        margin-top: 20px;
    }

    nav.main ul li span::before {
        display: none !important;
    }

    .usn_cmp_ctastrip {
        border-radius: 20px !important;
    }

    .interactive-team-image {
        padding: 50px 60px 40px 30px !important;
    }

    .hover-wrapper {
        margin-bottom: 40px !important;
    }

    .smaller-cols {
        padding: 0 5% 50px 5% !important;
    }

    .col-md-5.text-title-line {
        margin-top: 50px !important;
    }

    .full-screen-slider.team-overview .listing {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1) {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 1080px) and (orientation: landscape) {
    .image-group .usn_pod_textimage .info {
        padding: 3% 0 3% 60px !important;
    }

    .image-group .usn_pod_textimage .info .link {
        bottom: 2%;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg {
        width: 100% !important;
        font-size: 36px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 20px 0 0 20px !important;
    }

    .text-title-line.col-md-5 .info {
        padding-left: 0px !important;
        padding-right: 20px !important;
    }

    .component.usn_cmp_ctastrip .link,
    .component.usn_cmp_ctastrip .info {
        padding: 0 80px 0 30px !important;
    }

    .split-header.big-title h1 {
        font-size: 45px !important;
    }

    .interactive-team-image {
        padding: 80px 0px 80px 20px !important;
    }

    .form-wrapper .usn_cmp_form {
        padding-left: 0px !important;
    }

    .form-wrapper .usn_cmp_pods .heading {
        font-size: 85px !important;
    }

    .team-overview:not(.text-white-pods) .usn_cmp_text.item .heading {
        font-size: 60px !important;
        width: 80% !important;
    }
}

@media (max-width: 992px) {
    .image-group .usn_pod_textimage .info .text {
        width: 100% !important;
    }

    .image-group .usn_pod_textimage .info .link {
        bottom: 0;
        right: 0;
    }

    .image-group .usn_pod_textimage .info {
        padding: 0 20px 0 50px !important;
    }

    .image-group .usn_pod_textimage .info .heading {
        font-size: 40px !important;
    }

    .hover-wrapper {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 767px) {
    header#site-header {
        top: 0 !important;
    }

    .big-title .text p strong,
    .christmas .big-title .text p strong {
        font-size: 16px !important;
    }

    .image-group .usn_pod_textimage .image {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .image-group {
        padding: 30px 0 !important;
    }

    .image-group .usn_pod_textimage .info {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 25px 22px 15px 22px !important;
    }

    .image-group .usn_pod_textimage .info .link {
        position: relative;
        margin-top: 10px !important;
    }

    .image-group .usn_pod_textimage .info .secondary-heading {
        font-size: 18px !important;
    }

    .image-group .background-image {
        top: 580px;
    }

    .image-group .background-image .image img {
        width: 160% !important;
        max-width: 160% !important;
        margin-left: -35% !important;
        margin-top: -5%;
    }

    .title-block {
        padding: 0 23px !important;
    }

    .title-block .heading {
        font-size: 40px !important;
    }

    .full-screen-slider {
        padding: 0 !important;
    }

    .usn_cmp_pods.light-pods .heading {
        font-size: 30px !important;
    }

    .usn_cmp_pods.light-pods .item .inner {
        padding: 0 30px 50px 30px !important;
    }

    .title-block .component-introduction .info.col {
        padding-top: 30px !important;
    }

    .front-page .usn_cmp_ctastrip .btn:last-child {
        right: 20px !important;
        top: 220px !important;
    }

    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header,
    html.nav-down:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid,
    html.nav-up:not(.reached-top, .reveal-out) body.transparent-header-lg header#site-header.header-bg-solid {
        background: transparent !important;
    }

    .form-wrapper .usn_cmp_pods .heading {
        font-size: 40px !important;
        width: 90% !important;
    }

    .form-wrapper .usn_cmp_pods .image {
        right: -10px !important;
        bottom: 75px !important;
    }

    .form-wrapper .component-introduction .heading {
        font-size: 20px !important;
    }

    .form-wrapper {
        padding: 20px !important;
    }

    .content:not(.form-wrapper):not(.smaller-padding-mobile):not(.mobile-spacing).component.usn_cmp_splitcomponent .component-main>.item.item_block.order-1:not(.usn_cmp_gallery):not(.text-medium-line):not(.text-clear):not(.hover-image-macro),
    .content:not(.form-wrapper):not(.smaller-padding-mobile):not(.mobile-spacing).component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2:not(.usn_cmp_gallery):not(.text-medium-line):not(.text-clear):not(.hover-image-macro) {
        padding: 0 30px 30px 30px;
    }

    .smaller-padding-mobile .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-1,
    .smaller-padding-mobile .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        padding: 15px 0 !important;
    }

    .mobile-spacing .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-1,
    .mobile-spacing .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        padding: 15px 0 !important;
    }

    .quote-block {
        padding-top: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        margin: 0 !important;
    }

    .front-page .mobile-spacing h3 {
        font-size: 40px !important;
    }

    .form-wrapper .component.usn_cmp_splitcomponent .component-main>.item.item_block.order-2 {
        padding: 0 !important;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg {
        font-size: 32px !important;
        width: 80% !important;
    }

    footer#site-footer .at-logo img {
        width: 50% !important;
        margin-right: 0;
        margin-left: 0px;
        margin-top: 0px;
        padding-right: 0 !important;
        float: left;
    }

    footer#site-footer .col-lg-3 {
        margin-top: 0 !important;
    }

    footer#site-footer .usn_pod_sociallinks {
        margin-top: 30px !important;
    }

    footer#site-footer .usn_pod_searchlinks {
        padding-left: 15px !important;
        margin-top: -30px !important;
    }

    html.nav-down:not(.reached-top) .usn_back-to-top,
    html.nav-up .usn_back-to-top {
        right: 20px !important;
        bottom: 0px !important;
        width: calc(100% - 40px) !important;
    }

    .usn_back-to-top .btn {
        border-top: 1px solid #dbdbdb !important;
        border-radius: 0 !important;
    }

    .split-header.big-title h1 {
        font-size: 36px !important;
        width: 100% !important;
        padding-top: 30px !important;
    }

    html.reveal-out .logophone {
        color: #EFF170 !important;
    }

    html.reveal-out header#site-header nav.secondary li a:not(.dropdown-item):before {
        display: none;
    }

    header#site-header nav.main li a:before {
        display: none;
    }

    header#site-header nav.main li a {
        padding-left: 0 !important;
    }

    html.reveal-out nav.main {
        padding-left: 0 !important;
    }

    html.reveal-out header#site-header nav.secondary li a {
        padding-left: 0 !important;
    }

    header#site-header nav.main li ul {
        padding: 0 10px 25px 0 !important;
    }

    html.reveal-out header#site-header .site-search {
        margin-left: 12px !important;
    }

    header#site-header nav.main li ul li:last-child a,
    header#site-header nav.main li ul li a,
    header#site-header nav.main li ul li:not(.active, :last-child) a {
        font-size: 16px !important;
    }

    html.reveal-out .logotext {
        top: 55px !important;
        opacity: .7 !important;
    }

    html.reveal-out header#site-header .container-fluid {
        background-size: 420% !important;
        background-position: -540px 350px !important;
    }

    html.reveal-out header#site-header a.expand,
    html.reveal-out.nav-up header#site-header a.expand,
    html.reveal-out.nav-down header#site-header a.expand {
        top: 15px !important;
        left: 25px !important;
    }

    header#site-header nav.main li a {
        font-size: 20px !important;
    }

    header#site-header nav.main li ul li a {
        min-height: 35px !important;
    }

    body:not(.case-detail, .silver) .component.usn_cmp_banner .item.item_scale-banner .image img {
        width: 250% !important;
        max-width: 250% !important;
        margin-left: -140% !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 400px 0px 0px 60px !important;
    }

    body:not(.team-hover-image) .split-header .grid-section {
        padding: 0 0 0 40px !important;
    }

    .text-medium-line .info,
    .text-high-line .info {
        padding: 15px !important;
    }

    .split-header p {
        padding-bottom: 10px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info .text:after {
        margin-top: 20px;
        font-size: 24px;
    }

    .overview-page #site-content .usn_cmp_subpagelisting .listing .item .info {
        padding-bottom: 60px !important;
    }

    .smaller-padding-mobile {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .smaller-cols-high {
        padding: 0 25px 30px 25px !important;
    }

    body:not(.team-hover-image) .split-header .grid-section {
        padding: 0 !important;
    }

    body:not(.team-hover-image, .awesome) .split-header .grid-section:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #d1d1d1;
        position: absolute;
        bottom: -10px;
        left: 0;
    }

    .team-hover.image .split-header .grid-section {
        padding: 0 0 30px 25px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 20px 0 0 10px !important;
    }

    .text-image-block .text-right.text-title-line .info {
        padding: 0 !important;
    }

    .text-title-line.col-md-5 .info {
        padding-top: 30px !important;
    }

    .mobile-spacing .text-title-line.col-md-5 .info {
        padding: 0 0 20px 0 !important;
    }

    .col-md-5.text-title-line {
        margin-top: 0 !important;
    }

    .text-image-block .usn_cmp_gallery {
        padding: 0 30px 20px 30px !important;
    }

    .full-overview .item .info {
        margin-top: 20px !important;
    }

    .full-overview .repeatable-content .item .heading {
        font-size: 24px !important;
    }

    .case-detail.vacancy .col-md-6:not(.umbraco-forms-container) {
        padding: 0 35px !important;
    }

    header#site-header nav.main li ul li a {
        font-family: 'Exo 2', sans-serif !important;
        text-transform: none !important;
    }

    .team-hover-image .split-header {
        margin-top: -100px !important;
    }

    .team-hover-image .split-header .grid-section {
        padding: 0 10px !important;
    }

    .team-hover-image .split-header .grid-section:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #d1d1d1;
        position: absolute;
        bottom: -15px;
        left: -10px;
    }

    .case-detail .text-title-line.col-md-5 .info {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .team-overview {
        margin-top: 50px !important;
    }

    .team-overview .item:not(.usn_cmp_text):nth-child(odd) {
        top: 0;
    }

    .team-overview .item .heading {
        padding-top: 20px !important;
    }

    .usn_cmp_ctastrip {
        padding: 40px 30px !important;
    }

    .split-header .col-xl-9 {
        margin-top: 200px !important;
    }

    .usn_cmp_ctastrip {
        margin: 50px auto 0 auto !important;
    }

    .team-overview:not(.text-white-pods) .usn_cmp_text.item .heading {
        font-size: 30px !important;
        padding-left: 15px;
    }

    .team-detail .grid-section .text-medium-line {
        padding: 10px 15px !important;
    }

    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(2),
    .listing:not(.listing_window-mosaic) .item:not(.items-1):not(.items-2):nth-last-child(1) {
        margin-bottom: 15px !important;
    }

    .case-detail .split-header {
        padding: 90px 0 50px 15px !important;
    }

    .case-detail.vacancy .split-header .image.background-image.component-background-image {
        background-size: 700% !important;
        background-position: 50% 100% !important;
    }

    .case-detail.vacancy .split-header h1 {
        font-size: 40px !important;
        width: 80% !important;
    }

    .case-detail.vacancy .split-header .secondary-heading {
        margin-top: 20px !important;
    }

    .color-block.c8-bg .heading {
        font-size: 30px !important;
        padding-left: 5px;
    }

    .interactive-team-image {
        padding: 30px 40px 20px 0px !important;
    }

    section.content.component:not(.gallery) .content-col.center-col.col {
        padding-left: 35px !important;
    }

    .case-detail.vacancy .split-header strong {
        font-size: 20px !important;
    }

    .go-back {
        margin: 10px 0 0 0 !important;
    }

    .split-header h1 {
        font-size: 30px !important;
        padding-top: 30px !important;
    }

    .case-detail .split-header .image.background-image.component-background-image {
        opacity: 1 !important;
    }

    .case-detail .split-header h1 {
        font-size: 24px !important;
        padding-top: 30px !important;
    }

    .case-detail .split-header strong {
        font-size: 16px !important;
    }

    .small-logo-block {
        padding: 0 !important;
    }

    .small-logo-block img {
        margin: 0 60px 10px 60px !important;
    }

    .case-detail .split-header .grid-section:after {
        width: 90% !important;
    }

    .other-cases .component-introduction .heading {
        width: 90% !important;
        font-size: 30px !important;
    }

    .case-detail .split-header {
        background-color: #fff !important;
    }

    .listing:not(.listing_window-mosaic) .item:last-child {
        margin-bottom: 15px !important;
    }

    .usn_cmp_ctastrip .btn:last-child {
        font-family: 'Exo 2', sans-serif !important;
    }

    .text-image-block .col-md-7,
    .text-image-block .col-md-5 {
        padding: 0 30px 0 20px !important;
    }

    .faq .usn_cmp_accordiontab h3 {
        padding-bottom: 10px !important;
    }

    .repeatable.accordion .tab .nav-link {
        padding: 15px 20px !important;
        font-size: 14px !important;
    }

    .repeatable.tab-basic .repeatable-content {
        padding: 10px 10px 15px 20px !important;
    }

    .color-block ul {
        margin: 0 !important;
    }

    blockquote.md,
    .quote.md,
    blockquote.lg,
    .quote.lg,
    blockquote,
    .quote {
        font-size: 20px !important;
    }

    blockquote.md,
    .quote.md,
    blockquote.lg,
    .quote.lg,
    blockquote,
    .quote {
        padding-top: 50px !important;
    }

    blockquote::before,
    .quote::before {
        font-size: 90px !important;
        left: 0px !important;
        top: 30px !important;
    }

}

.slick-slider .slick-prev i.icon,
.slick-slider .slick-next i.icon {
    top: 46%;
    left: 52%;
}

.image-grid .component-introduction {
    padding-bottom: 50px !important;
}

.image-grid .item:last-child:before,
.image-grid .item {
    padding-bottom: 30px !important;
}

.image-grid .item:nth-child(3n - 4) {
    top: 100px;
}

.image-grid .meta {
    display: none !important;
}

.image-grid .item .heading {
    color: #fff !important;
}

.image-grid .item p:not(.heading) {
    color: #fff !important;
    margin-bottom: 0 !important;
    opacity: .7;
}

.image-grid .item:before {
    content: '';
    width: calc(100% - 30px);
    height: calc(100% - 30px) !important;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0 0 0 / 80%) -20%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: 30px;
    left: 15px;
    border-radius: 20px;
    z-index: 1;
}

.image-grid .component-introduction p {
    font-size: 18px !important;
}

.image-grid .component-introduction img {
    display: inline !important;
    width: 20px !important;
    max-width: 20px !important;
}

@media (max-width: 1200px) and (orientation: portrait) {
    .image-grid .item:nth-child(3n - 4) {
        top: 0;
    }

    .image-grid .item {
        margin-bottom: 30px;
    }

    .image-grid .item:before {
        bottom: 0;
        border-radius: 20px !important;
    }

    .image-grid .container {
        max-width: 90% !important;
    }
}

@media (max-width: 767px) {
    .image-grid {
        padding-top: 350px !important;
    }

    .image-grid .item {
        margin-bottom: 20px !important;
        bottom: 0;
    }

    .image-grid .listing .image {
        margin-bottom: 0 !important;
    }

    .image-grid .listing .item.item_text-boxed .image+.info.align-self-end {
        bottom: 0;
    }

    .image-grid .item:before {
        border-radius: 20px !important;
        bottom: 30px !important;
    }

    .image-grid {
        margin-top: -300px;
    }

    .image-grid .component-introduction .heading {
        font-size: 40px !important;
    }

    .link-in-bio .component.usn_cmp_banner .item.item_short-banner,
    .link-in-bio .component.usn_cmp_banner .item.item_short-banner .image {
        height: 80px !important;
        min-height: 80px !important;
    }

    .we-inspire.awesome .split-header {
        min-height: auto !important;
    }
}

.melding {
    position: fixed !important;
    bottom: 35%;
    left: 25%;
    width: 50%;
    padding: 50px 30px 20px 30px !important;
    border-radius: 20px;
    z-index: 9999;
    background: #fff !important;
    cursor: pointer !important;
}

.melding .container:after {
    content: '';
    width: 500%;
    height: 500%;
    position: absolute;
    left: -250%;
    top: -250%;
    background: rgb(0 0 0 / 65%);
    z-index: -1;
    mix-blend-mode: color;
}

@media (max-width: 1600px) {
    .melding {
        position: fixed !important;
        bottom: 15%;
        left: 15%;
        width: 70%;
    }
}

@media (max-width: 768px) {
    .melding {
        bottom: 10%;
        left: 10%;
        width: 80%;
        padding: 30px 5px 0px 5px !important;
    }

    .melding:before {
        right: -20px;
    }
}

@media (max-width: 768px) {
    .we-inspire.awesome #site-content .usn_cmp_gallery .component-introduction.show {
        visibility: visible !important;
        position: absolute;
        top: 0;
        left: 35px;
        width: calc(100% - 40px);
        padding: 0 5px 30px 5px !important;
        height: auto !important;
        z-index: 9999 !important;
        border: none;
    }

    .we-inspire.awesome #site-content .usn_cmp_gallery {
        overflow: visible !important;
    }

    .awesome #site-content .usn_cmp_gallery .mobile-info:before {
        content: '\f05a';
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        padding: 4px;
        background: #fff;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        font-size: 24px;
        color: #3300f4;
    }

    .awesome #site-content .usn_cmp_gallery .component-introduction .heading {
        font-family: 'Exo 2', sans-serif !important;
        padding-bottom: 0 !important;
    }

    .awesome #site-content .usn_cmp_gallery .mobile-info {
        position: absolute;
        top: 10px;
        right: 8px;
        z-index: 99991 !important;
        width: 50px;
        height: 50px;
        text-align: right;
    }

    .awesome #site-content .usn_cmp_gallery .component-introduction .secondary-heading {
        margin: 10px 0 5px 0 !important;
    }

    .awesome #site-content .usn_cmp_gallery .component-introduction .info {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    #scroll-to-top,
    #scroll-to-bottom {
        right: -20px !important;
    }

}


.awesome #site-content .usn_cmp_gallery .component-introduction .heading {
    font-family: 'Exo 2', sans-serif !important;
}

.case-detail .split-header.black-bg {
    background: #000 !important;
}

@media (max-width: 1366px) {
    .usn_cmp_ctastrip .heading {
        width: 70% !important;
    }

    .usn_cmp_pods.light-pods .item .inner {
        padding: 0 !important;
    }

    .umbraco-forms-form .umbraco-forms-navigation {
        padding: 4em 0em 0em 0em;
    }

    .form-wrapper .component-outro p {
        top: -180px;
    }
}

@media (max-width: 1200px) and (orientation:landscape) {
    .form-wrapper .component-outro p {
        left: 45px !important;
        top: -200px !important;
        width: 430px !important;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {
    .usn_cmp_ctastrip.c3-bg .btn:last-child {
        top: auto !important;
        bottom: 40px !important;
        right: 40px !important;
    }

    .move-this-blog-cta .usn_cmp_ctastrip,
    .move-this-cta .usn_cmp_ctastrip {
        padding: 35px 30px 100px 10px !important;
    }
}

@media (max-width: 767px) {
    .usn_cmp_pods.light-pods .item .inner {
        padding: 30px !important;
    }

    .usn_cmp_ctastrip.c8-bg .btn:last-child,
    .usn_cmp_ctastrip.c3-bg .btn:last-child,
    .content .form:not(.site-search-form) .btn,
    .c2-btn-bg,
    .c1-btn-bg {
        padding: 15px 30px !important;
        border-radius: 50px !important;
        font-size: 18px !important;
    }

    .usn_cmp_ctastrip.c8-bg .btn:last-child {
        top: auto !important;
        bottom: 20px !important;
        right: 20px !important;
    }

    .usn_cmp_ctastrip.c8-bg .btn:last-child:before,
    .usn_cmp_ctastrip .btn:last-child:before,
    .content .form:not(.site-search-form) .btn:before,
    .c2-btn-bg:before,
    .c1-btn-bg:before {
        left: auto !important;
        right: 30px !important;
        font-size: 20px !important;
        top: 15px !important;
    }

    .usn_cmp_ctastrip .heading {
        font-size: 30px !important;
        width: 100% !important;
    }

    .form-wrapper .component-outro p {
        top: -200px !important;
        padding-left: 15px;
        width: 80% !important;
    }

    .content .form:not(.site-search-form) .btn {
        margin-top: 0px !important;
    }

    .usn_cmp_ctastrip {
        padding: 35px 30px 120px 10px !important;
    }

    p.link {
        margin: 20px 0 0 0 !important;
    }

    .text-title-line .heading {
        font-size: 28px !important;
    }

    .quote-block .component-outro p {
        font-size: 18px !important;
        margin-top: -10px !important;
    }

    html:lang(en) .form-wrapper .usn_cmp_pods .heading {
        width: 80% !important;
        font-size: 40px !important;
    }

    .small-overview .heading {
        font-size: 24px !important;
        color: #fff !important;
    }
}


:root {
    --highlighter-color: #eff170;
    --ruby-color: #f64c64;
    --candy-color: #f08dfa;
    --seafoam-color: #5affb1;
    --azure-color: #34f2eb;
    --sapphire-color: #3300f4;
    --lavender-color: #b877ef;
    --basil-color: #0c4129;
    --snow-color: #fff;
    --clay-color: #f2f3ec;
    --rhino-color: #d6d2d1;
    --midnight-color: #000;
}


.test-block {
    padding-left: 100px !important;
    padding-right: 75px !important;
}

.test-block .info {
    max-width: 100% !important;
    width: 100% !important;
}

.test-block .usn_cmp_text {
    padding: 30px 30px 10px 30px;
    background: var(--sapphire-color) !important;
    border-radius: 20px;
}

.test-block .usn_cmp_gallery {
    position: absolute !important;
    right: 100px;
    top: 60px;
    z-index: 0 !important;
}

.test-block .secondary-heading {
    border-bottom: none !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    background-color: var(--seafoam-color) !important;
    border-radius: 40px;
    padding: 0 20px !important;
    color: var(--midnight-color) !important;
}

.test-block .info .text p {
    color: var(--snow-color) !important;
    font-size: 20px !important;
    font-weight: 200 !important;
}

.test-block .heading,
.test-block h1,
.test-block h2,
.test-block h3,
.test-block h4,
.test-block h5,
.test-block h6 {
    font-size: 40px !important;
    color: var(--seafoam-color) !important;
    padding-bottom: 20px !important;
}

.heading .bg {
    background-color: var(--midnight-color);
    border-radius: 40px;
    padding: 10px 30px;
}

.bg-header {
    background-color: #000;
    border-radius: 40px;
    padding: 5px 30px 10px 30px;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.sliding-words {
    background-color: var(--seafoam-color) !important;
    padding: 10px !important;
}

.sliding-words p {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
    overflow: hidden !important;
    -moz-overflow: hidden !important;
    display: block;
    text-wrap: nowrap;
    transform: translateX(-200px);
    width: 200%;
}

.split-two-text-blocks {
    padding: 150px 200px 150px 200px !important;
}

.split-two-text-blocks .item:first-child .info {
    border: 1px solid var(--midnight-color);
}

.split-two-text-blocks .item:first-child .info .heading {
    color: var(--midnight-color) !important;
    padding-bottom: 20px !important;
}

.split-two-text-blocks .item:nth-child(2) .info {
    background: var(--midnight-color);
}

.split-two-text-blocks .item:nth-child(2) .info .heading {
    color: var(--snow-color) !important;
    padding-bottom: 20px !important;
}

.split-two-text-blocks .item:nth-child(2) .info p {
    color: var(--snow-color) !important;
}

.split-two-text-blocks .item .info {
    padding: 75px 75px 50px 75px;
    border-radius: 20px;
}

.split-two-text-blocks .item:first-child {
    transform: translateY(50px);
}

.split-two-text-blocks .item:nth-child(2) {
    transform: translateY(-50px);
}

.test-block-5 .container-fluid {
    max-width: 1350px !important;
}

.test-block-5 .item {
    margin: 400px 0 0 0 !important;
}

.test-block-5 .item:first-child {
    transform: translateY(-150px);
}

.test-block-5 .item:nth-child(2) {
    transform: translateY(-200px);
}

.test-block-5 .item:nth-child(3) {
    transform: translateY(-250px);
}

.test-block-5 .item .info {
    padding: 40px 30px 10px 40px;
    border-radius: 20px;
    background: var(--sapphire-color) !important;
    border-radius: 20px;
    box-shadow: 30px 40px 40px #00000059;
}

.test-block-5 .item .info .heading {
    color: var(--snow-color) !important;
    font-size: 26px !important;
}

.test-block-5 .item .info p:not(.heading) {
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 200 !important;
}

.three-images-block {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.block-5-images {
    padding-right: 75px !important;
    padding-left: 75px !important;
}

.block-5-images .heading {
    font-size: 36px !important;
}

.block-5-images .item:nth-child(2),
.block-5-images .item:nth-child(4) {
    margin-top: 40px !important;
}

.block-5-images .item:first-child {
    transform: translateY(40px);
}

.block-5-images .item:nth-child(2) {
    transform: translateY(-40px);
}

.block-5-images .item:nth-child(3) {
    transform: translateY(40px);
}

.block-5-images .item:nth-child(4) {
    transform: translateY(-40px);
}

.block-5-images .item:nth-child(5) {
    transform: translateY(40px);
}

/*.block-5-images .component-introduction {*/
/*    position: absolute;*/
/*    bottom: 30px;*/
/*    right: 0;*/
/*    z-index: 999;*/
/*    background: #fff;*/
/*    border-radius: 20px;*/
/*    padding: 30px 0 20px 30px;*/
/*    width: 50% !important;*/
/*    box-shadow: 10px 10px 10px #00000012;*/
/*}*/

.block-5-images .heading {
    color: #000 !important;
    font-size: 26px !important;
}

.bg-header {
    opacity: 0;
}

.heading-line .heading,
.heading-line h1,
.heading-line h2,
.heading-line h3,
.heading-line h4,
.heading-line h5,
.heading-line h6 {
    display: inline-block !important;
    background: #fff !important;
    padding-right: 10px;
    padding-bottom: 20px;
}

.heading-line .heading:after,
.heading-line h1:after,
.heading-line h2:after,
.heading-line h3:after,
.heading-line h4:after,
.heading-line h5:after,
.heading-line h6:after {
    content: '';
    position: absolute;
    right: 0;
    width: 90%;
    height: 5px;
    background: var(--sapphire-color);
    display: block !important;
    top: 20px;
    z-index: -1;
}

.image .caption {
    bottom: 10px !important;
    left: 10px !important;
    padding: 10px 20px 10px !important;
    border-radius: 30px !important;
}

.fade-in-text-block,
.fade-in-text-block-2,
.fade-in-text-block-3,
.fade-in-text-block-4,
.fade-in-text-block-5 {
    padding: 150px 200px 100px 200px !important;
    opacity: 0;
    transform: translateY(-100px);
}

.fade-in-text-blocks {
    padding: 150px 200px 100px 200px !important;
}

.test-block-8 {
    padding: 100px 200px !important;
    opacity: 0;
    transform: translateY(-200px);
}

.smaller-h1 .heading,
.smaller-h1 h1 {
    font-size: 55px !important;
    padding-bottom: 30px !important;
}


@media (max-width: 1366px) {
    section.content.component:not(.gallery) .content-col.center-col.col {
        flex: 0 0 80% !important;
        -ms-flex: 0 0 80% !important;
        max-width: 80% !important;
    }

    .split-two-text-blocks {
        padding: 200px 50px !important;
    }
}

@media (max-width: 1200px) 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(--items-5) !important;
        -ms-flex: 0 0 var(--items-5) !important;
        max-width: var(--items-5) !important;
    }

    .usn_cmp_ctastrip .heading {
        width: 65% !important;
    }
}

@media (max-width: 1200px) {

    .fade-in-text-block,
    .fade-in-text-block-2,
    .fade-in-text-block-3,
    .fade-in-text-block-4,
    .fade-in-text-block-5,
    .fade-in-text-blocks {
        padding: 115px !important;
    }

    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .container,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .row,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .image,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 55vh !important;
        min-height: 55vh !important;
    }
}

@media (max-width: 1024px) and (orientation: portrait) {

    .fade-in-text-block,
    .fade-in-text-block-2,
    .fade-in-text-block-3,
    .fade-in-text-block-4,
    .fade-in-text-block-5,
    .fade-in-text-blocks {
        padding: 75px 0 !important;
    }

    section.content.component:not(.gallery) .content-col.center-col.col {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {

    .fade-in-text-block,
    .fade-in-text-block-2,
    .fade-in-text-block-3,
    .fade-in-text-block-4,
    .fade-in-text-block-5,
    .fade-in-text-blocks {
        padding: 20px 0 !important;
    }

    section.content.component:not(.gallery) .content-col.center-col.col {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .sliding-words p {
        font-size: 10px !important;
        width: 2000% !important;
    }

    .split-two-text-blocks .item .info {
        padding: 30px !important;
        border-radius: 10px;
    }

    .split-two-text-blocks .item:nth-child(2),
    .split-two-text-blocks .item:first-child {
        transform: none !important;
    }

    .block-5-images {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .block-5-images .item:nth-child(2),
    .block-5-images .item:nth-child(4),
    .block-5-images .item {
        transform: none !important;
        margin: 0 0 15px 0 !important;
    }

    .fade-in-text-block,
    .fade-in-text-block-2,
    .fade-in-text-block-3,
    .fade-in-text-block-4,
    .fade-in-text-block-5 {
        opacity: 1 !important;
        transform: none !important;
    }

    .heading-line .heading:after,
    .heading-line h1:after,
    .heading-line h2:after,
    .heading-line h3:after,
    .heading-line h4:after,
    .heading-line h5:after,
    .heading-line h6:after {
        display: none !important;
    }

    .three-images-block {
        padding: 0 !important;
    }

    blockquote.md,
    .quote.md,
    blockquote.lg,
    .quote.lg,
    blockquote,
    .quote {
        padding: 20px 0px !important;
        width: 100% !important;
    }

    .quote-block .quote:after {
        left: 0 !important;
    }

    .quote-block .component-outro p {
        font-size: 16px !important;
        margin-top: -20px !important;
        margin-bottom: 50px !important;
        padding-left: 0 !important;
    }

    .smaller-h1 .heading,
    .smaller-h1 h1 {
        font-size: 30px !important;
        padding-bottom: 20px !important;
    }

    .usn_cmp_ctastrip {
        margin: 10px auto !important;
    }

    footer#site-footer {
        padding: 20px 20px 80px 0 !important;
    }

    .team-overview .items-4 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .team-overview .item .heading {
        font-size: 22px !important;
    }

    .full-screen-slider.team-overview .item .image:before {

        bottom: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        padding-top: 10px;
    }
}

body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner,
body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .container,
body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .row,
body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .image,
body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner,
body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .container,
body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .row,
body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .image,
body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner,
body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .container,
body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .row,
body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .image,
body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner,
body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .container,
body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .row,
body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .image,
body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
body.no-header .component.usn_cmp_banner .item.item_medium-banner,
body.no-header .component.usn_cmp_banner .item.item_medium-banner .container,
body.no-header .component.usn_cmp_banner .item.item_medium-banner .row,
body.no-header .component.usn_cmp_banner .item.item_medium-banner .image,
body.no-header .component.usn_cmp_banner .item.item_medium-banner .image .video,
body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner,
body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .container,
body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .row,
body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .image,
body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .image .video {
    height: 75vh !important;
    min-height: 75vh !important;
}

@media (max-width: 768px) {

    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-11-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-12-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-15-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.header-16-lg .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .container,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .row,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .image,
    body.no-header .component.usn_cmp_banner .item.item_medium-banner .image .video,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .container,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .row,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .image,
    body.transparent-header-lg .component.usn_cmp_banner .item.item_medium-banner .image .video {
        height: 65vh !important;
        min-height: 65vh !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header .usn_cmp_gridlayout {
        margin: 0 !important;
    }

    .body-bg:not(.case-detail, .team-hover-image, .awesome) .split-header {
        padding: 400px 0px 0px 15px !important;
    }

    body,
    input,
    textarea,
    label,
    .control-label,
    .form-control {
        font-size: 15px !important;
    }
}

html.reveal-out .logo-extra-text {
    padding-top: 30px;
}

.base-btn-bg {
    /*padding: 8px 30px 5px 30px !important;*/
    padding: 8px 20px 5px 20px !important;
}

.btn:before,
.btn.hover:before {
    opacity: 0;
}

.item a:not(.btn):hover .btn:not(.usn_cmp_ctastrip.c8-bg .btn, .usn_cmp_ctastrip.c3-bg .btn:last-child, .content .form:not(.site-search-form) .btn,
    .c2-btn-bg, .c1-btn-bg, .c6-btn-bg),
.item a:not(.btn):focus .btn:not(.usn_cmp_ctastrip.c8-bg .btn, .usn_cmp_ctastrip.c3-bg .btn:last-child, .content .form:not(.site-search-form) .btn,
    .c2-btn-bg, .c1-btn-bg, .c6-btn-bg),
.base-btn-bg:hover,
.base-btn-bg:focus,
.btn:hover,
.btn:focus {
    padding: 8px 50px 10px 30px !important;
}

.usn_cmp_ctastrip.c8-bg .btn:last-child:hover,
.usn_cmp_ctastrip.c3-bg .btn:last-child:hover,
.content .form:not(.site-search-form) .btn:hover,
.c2-btn-bg:hover,
.c1-btn-bg:hover,
.usn_cmp_ctastrip.c8-bg .btn:last-child:focus,
.usn_cmp_ctastrip.c3-bg .btn:last-child:focus,
.content .form:not(.site-search-form) .btn:focus,
.c2-btn-bg:focus,
.c1-btn-bg:focus {
    padding: 20px 70px 20px 40px !important;
}

.umbraco-forms-navigation .btn:hover,
.umbraco-forms-navigation .btn:focus {
    padding: 20px 80px 20px 40px !important;
}

.item a:not(.btn):hover .btn:before,
.item a:not(.btn):focus .btn:before,
.btn:hover:before,
.btn.hover:hover:before,
.btn:focus:before,
.btn.hover:focus:before,
.usn_cmp_ctastrip.c8-bg .btn:last-child:hover:before,
.usn_cmp_ctastrip.c3-bg .btn:last-child:hover:before,
.content .form:not(.site-search-form) .btn:hover:before,
.c2-btn-bg:hover:before,
.c1-btn-bg:hover:before,
.usn_cmp_ctastrip.c8-bg .btn:last-child:focus:before,
.usn_cmp_ctastrip.c3-bg .btn:last-child:focus:before,
.content .form:not(.site-search-form) .btn:focus:before,
.c2-btn-bg:focus:before,
.c1-btn-bg:focus:before,
.umbraco-forms-navigation .btn:hover:before,
.umbraco-forms-navigation .btn:focus:before {
    opacity: 1;
}

.item a:not(.btn):hover .btn:before,
.item a:not(.btn):focus .btn:before {
    right: 25px !important;
}

.usn_cmp_ctastrip.c3-bg .btn:last-child,
.usn_cmp_ctastrip.c3-bg .btn:last-child:hover {
    color: #3300f4 !important;
}


.wrapper-box {
    position: relative;
    display: block;
    width: 600px;
    margin-top: -90px;
    transform: translateY(0);
    margin-left: -20px !important;
}

.wrapper-box img {
    position: absolute;
    width: 100%;
}

.wrapper-box .first {
    z-index: 4;
}

.wrapper-box .second {
    z-index: 3;
    transform: rotate(336deg) translateY(130px);
}

.wrapper-box .third {
    z-index: 2;
    transform: rotate(22deg) translateY(200px);
}

.wrapper-box .last {
    z-index: 1;
}

.centered-text-with-line-words {
    padding-top: 200px !important;
    padding-left: 200px !important;
    padding-right: 200px !important;
    opacity: 0;
}

.centered-text-with-line-words .secondary-heading {
    border-bottom: none !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    border-radius: 0;
    padding: 5px 20px !important;
    color: var(--midnight-color) !important;
    width: 100%;
    border-bottom: none !important;
    border-top: 1px solid #000 !important;
    word-spacing: 60px;
    display: block;
}

.centered-text-with-line-words .heading,
.centered-text-with-line-words h1,
.centered-text-with-line-words h2,
.centered-text-with-line-words h3,
.centered-text-with-line-words h4,
.centered-text-with-line-words h5,
.centered-text-with-line-words h6 {
    font-size: 40px !important;
    color: var(--midnight-color) !important;
    padding-bottom: 20px !important;
    line-height: 125% !important;
    font-weight: 500 !important;
    padding-top: 30px !important;
}

.awards.inverted {
    opacity: 0;
}

.awards.inverted .item .image {
    filter: invert(0) !important;
}

.awards.inverted .heading {
    color: #000 !important;
}

.awards.inverted .component-outro .btn {
    margin-left: 45px !important;
    margin-top: -10px !important;
}

.title-block.inverted {
    padding-top: 200px !important;
}

.title-block.inverted .heading {
    color: #fff !important;
}

.split-two-text-blocks .text img,
.centered-text-with-line-words .text img {
    display: inline !important;
    width: auto !important;
}

.pods-text-image-buttons {
    min-height: 90vh !important;
    padding: 250px 0 0 150px !important;
}

.pods-text-image-buttons .item:first-child {
    flex: 0 0 30% !important;
    -ms-flex: 0 0 30% !important;
    max-width: 30% !important;
}

.pods-text-image-buttons .item:nth-child(2) {
    flex: 0 0 55% !important;
    -ms-flex: 0 0 55% !important;
    max-width: 55% !important;
}

.pods-text-image-buttons .item:nth-child(3) {
    flex: 0 0 15% !important;
    -ms-flex: 0 0 15% !important;
    max-width: 15% !important;
    margin-top: 430px;
    text-align: right;
    margin-left: -80px;
}

.pods-text-image-buttons .item .item {
    flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    max-width: 100% !important;
}

.black-back-text .secondary-heading {
    background: rgb(255 255 255 / 50%) !important;
    padding: 5px 20px !important;
    color: #000 !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 30px !important;
}

.black-back-text .heading .with-bg {
    background: #000 !important;
    padding: 15px 30px 25px 30px !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 50px;
    font-size: 45px !important;
    display: inline-block !important;
    margin: 0 0 10px 0;
}

.black-back-text .heading {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.black-back-text .text p {
    padding-left: 15px;
}

.black-back-text .btn {
    margin-left: 15px;
}

.heading-line.extra-padding-top {
    padding-top: 250px !important;
}

.heading-line .text img {
    display: inline !important;
    width: auto !important;
}

.heading-line.black-heading,
.heading-line.black-heading h2 {
    color: #000 !important;
}

.heading-line.black-heading:after,
.heading-line.black-heading h2:after {
    background: #000 !important;
}

.black-white-bg {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%) !important;
}

.black-white-bg-inverted {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%) !important;
}

.cases-block .component-introduction .heading {
    font-size: 100px !important;
    color: var(--rhino-color) !important;
    padding-left: 60px !important;
    width: 250%;
    margin-left: -125%;
    overflow: hidden !important;
    display: block;
    transform: translateX(-200px);
    opacity: .6;
}

.cases-block .component-introduction {
    padding-bottom: 10px !important;
}

.cases-block .component-introduction .btn {
    position: absolute !important;
    right: 50px !important;
    top: 60px;
}

.cases-block .component-introduction .link {
    margin: 0 !important;
}

.cases-block .component-introduction .info.col {
    flex: 0 0 70% !important;
    -ms-flex: 0 0 70% !important;
    max-width: 70% !important;
}

.cases-block {
    width: 160% !important;
    margin-left: -30px !important;
    padding-bottom: 20px !important;
}

.cases-block .component-main {
    width: 160% !important;
}

.cases-block .component-main .item {
    margin-right: 20px !important;
    flex: 0 0 20% !important;
    -ms-flex: 0 0 20% !important;
    max-width: 20% !important;
}

.cases-block .component-main .item .info {
    padding-left: 80px !important;
}

.cases-block .component-main .item .inner {
    border-radius: 20px !important;
}

.cases-block .slick-slider .slick-prev {
    background: transparent !important;
    color: #fff !important;
    left: 80px !important;
}

.cases-block .slick-slider .slick-next {
    background: transparent !important;
    color: #fff !important;
    right: 0 !important;
    left: 38% !important;
}

.directional-icons-arrow .slick-prev i.icon:before,
.cases-block .slick-slider .slick-prev i.icon,
.cases-block .directional-icons-arrow .slick-prev i.icon:before,
.directional-icons-arrow .slick-next i.icon:before,
.cases-block .slick-slider .slick-next i.icon,
.cases-block .directional-icons-arrow .slick-next i.icon:before {
    font-size: 32px !important;
}

.title-block.inverted .heading {
    opacity: 0;
}

.round-buttons .item a .icon,
.round-buttons .item a::after {
    display: none !important;
}

.round-buttons .item a {
    margin-bottom: 2px !important;
    color: #000 !important;
    border: 1px solid #000;
    border-radius: 40px;
    display: inline-block !important;
    padding: 10px 20px !important;
}

.round-buttons .item a:before {
    content: '\f178';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    float: right;
    margin-left: 10px;
}

.round-buttons .item {
    padding-left: 0 !important;
}

.split-two-text-blocks .item:nth-child(2) .info a:not(.btn) {
    color: var(--highlighter-color) !important;
}

.split-two-text-blocks .form-group .col-sm-10 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.split-two-text-blocks .form-control,
.split-two-text-blocks input,
.split-two-text-blocks textarea,
.split-two-text-blocks .umbraco-forms-form input.text {
    padding: 15px !important;
    max-width: 100% !important;
}

.split-two-text-blocks .umbraco-forms-form fieldset {
    padding: 0 !important;
}

.split-two-text-blocks .umbraco-forms-form textarea {
    height: 100px !important;
}

.split-two-text-blocks .umbraco-forms-container {
    padding: 0 !important;
}

.split-two-text-blocks input[type="file"] {
    padding-top: 5px !important;
}

.split-two-text-blocks .umbraco-forms-navigation {
    padding: 0 !important;
}

.split-two-text-blocks .umbraco-forms-navigation .col-sm-10 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    text-align: right;
    padding: 0 !important;
}

.centered-text-with-line-words .component-outro img {
    position: absolute;
    width: 40% !important;
    left: -29%;
    transform: translateY(0) rotate(40deg);
}

@media (max-width: 1366px) {
    .pods-text-image-buttons {
        padding: 200px 0 0 30px !important;
    }

    .black-back-text .heading .with-bg {
        padding: 10px 30px 15px 30px !important;
        font-size: 30px !important;
    }

    .wrapper-box {
        width: 480px;
        margin-top: -100px !important;
        margin-left: 0 !important;
    }

    .pods-text-image-buttons .item:nth-child(3) {
        margin-top: 270px;
        margin-left: -30px;
    }

    .centered-text-with-line-words {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    .centered-text-with-line-words .component-outro img {
        width: 40% !important;
        left: 0;
        top: -100px;
    }

    .awards .heading {
        font-size: 75px !important;
    }
}

@media (max-width: 1200px) {
    .pods-text-image-buttons .item:nth-child(3) {
        flex: 0 0 20% !important;
        -ms-flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .pods-text-image-buttons .item:nth-child(2) {
        flex: 0 0 50% !important;
        -ms-flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .pods-text-image-buttons .item:nth-child(2).usn_pod_links .item,
    .pods-text-image-buttons .item:nth-child(3).usn_pod_links .item {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .pods-text-image-buttons .item:nth-child(3) {
        margin-top: 280px;
        margin-left: 0px;
    }

    .pods-text-image-buttons .secondary-heading {
        font-size: 15px !important;
    }

    .split-two-text-blocks .item .info {
        padding: 55px 55px 30px 55px !important;
    }

    .centered-text-with-line-words .component-outro img {
        top: -60px;
    }

    .title-block.inverted {
        padding-top: 100px !important;
    }

    .awards .heading {
        font-size: 60px !important;
    }

    .awards.inverted .component-outro .btn {
        margin-left: 80px !important;
        margin-top: -60px !important;
    }

    .cases-block .component-introduction .heading {
        font-size: 80px !important;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {
    .pods-text-image-buttons .item:nth-child(3) {
        display: none !important;
    }

    .pods-text-image-buttons .item:first-child,
    .pods-text-image-buttons .item:nth-child(2) {
        flex: 0 0 50% !important;
        -ms-flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .wrapper-box {
        width: 500px;
        margin-top: 250px !important;
        margin-left: -160px !important;
    }

    .awards .item:nth-child(3) {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 40px !important;
    }

    .awards .item:first-child {
        margin-left: 40px !important;
    }

    .awards .link {
        text-align: left !important;
    }

    .awards.inverted .component-outro .btn {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }

    .awards {
        padding: 100px 0 !important;
    }

    .cases-block .component-introduction .heading {
        font-size: 55px !important;
    }

    .video-banner {
        max-height: 440px !important;
        margin-top: -30px;
    }

    .video-banner .image .video .video-player {
        top: 20% !important;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .wrapper-box {
        width: 400px;
        margin-top: -40px !important;
        margin-left: 30px !important;
    }

    .black-back-text .heading .with-bg {
        padding: 8px 30px 12px 30px !important;
        font-size: 25px !important;
    }

    .pods-text-image-buttons .secondary-heading {
        font-size: 13px !important;
    }

    .centered-text-with-line-words .component-outro img {
        top: -30px;
    }

    .awards .heading {
        font-size: 50px !important;
    }

    .awards.inverted .component-outro .btn {
        margin-left: 110px !important;
    }

    .cases-block .component-introduction .heading {
        font-size: 50px !important;
    }

    .cases-block .component-main {
        width: 140% !important;
    }

    .cases-block .component-main .item .info {
        padding-left: 50px !important;
        padding-bottom: 10px;
    }

    .cases-block .slick-slider .slick-prev {
        left: 40px !important;
        top: 30%;
    }

    .cases-block .slick-slider .slick-next {
        top: 30%;
        left: 43% !important;
    }

    .video-banner {
        max-height: 570px !important;
    }

    .video-banner .image .video .video-player {
        top: 39% !important;
    }

    .awards {
        padding: 100px 0 !important;
    }
}

@media (max-width: 992px) {
    .wrapper-box {
        width: 400px;
        margin-top: 240px !important;
        margin-left: -80px !important;
    }

    .split-two-text-blocks {
        padding: 40px 0 50px 0 !important;
    }

    .title-block.inverted .heading {
        font-size: 60px !important;
        width: 80%;
    }

    .split-two-text-blocks {
        padding: 120px 0px !important;
    }

    .split-two-text-blocks .umbraco-forms-container {
        padding: 30px 0 !important;
    }

    .centered-text-with-line-words .component-outro img {
        top: -30px;
    }
}

@media (max-width: 767px) {
    p:not(.secondary-heading, .heading) {
        font-size: 15px !important;
    }

    .pods-text-image-buttons {
        padding: 140px 0 0 0px !important;
    }

    .pods-text-image-buttons .item:first-child,
    .pods-text-image-buttons .item:nth-child(2) {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .pods-text-image-buttons .item:first-child {
        order: 2;
        margin-top: -350px;
    }

    .pods-text-image-buttons .item:nth-child(2) {
        order: 1;
    }

    .pods-text-image-buttons .secondary-heading {
        font-size: 12px !important;
    }

    .black-back-text .heading .with-bg {
        padding: 12px 20px 18px 20px !important;
        font-size: 28px !important;
        margin: 0 0 7px 0;
    }

    .black-back-text .heading {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .black-back-text .link {
        display: none !important;
    }

    .wrapper-box {
        width: 310px;
        margin-top: 330px !important;
        margin-left: 0 !important;
    }

    .wrapper-box .second {
        transform: rotate(336deg) translateY(90px);
    }

    .wrapper-box .third {
        transform: rotate(22deg) translateY(160px);
    }

    .pods-text-image-buttons {
        min-height: 120vh !important;
    }

    .centered-text-with-line-words {
        opacity: 1;
    }

    .centered-text-with-line-words .secondary-heading {
        font-size: 16px !important;
        word-spacing: 10px;
        line-height: 100%;
    }

    .centered-text-with-line-words {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .centered-text-with-line-words .heading,
    .centered-text-with-line-words h1,
    .centered-text-with-line-words h2,
    .centered-text-with-line-words h3,
    .centered-text-with-line-words h4,
    .centered-text-with-line-words h5,
    .centered-text-with-line-words h6 {
        font-size: 20px !important;
    }

    .centered-text-with-line-words .component-outro img {
        top: -140px;
        width: 80% !important;
        margin-left: 10%;
    }

    .split-two-text-blocks .item .info {
        padding: 35px 25px 30px 25px !important;
    }

    .split-two-text-blocks {
        padding: 60px 0px 0px 0px !important;
    }

    .title-block.inverted .heading {
        font-size: 32px !important;
        width: 90%;
        /*opacity: 1;*/
    }

    .awards.inverted {
        /*opacity: 1;*/
        margin-top: -50px !important;
    }

    .awards .item:nth-child(3) {
        margin-left: 0 !important;
    }

    .awards .heading {
        font-size: 40px !important;
    }

    .cases-block .component-introduction .heading {
        font-size: 22px !important;
    }

    .cases-block .component-main {
        width: 100% !important;
    }

    .title-block.inverted {
        padding-top: 20px !important;
    }

    .full-screen-slider.black-white-bg-inverted .slick-slider .item {
        padding: 0 100px !important;
    }

    .full-screen-slider.black-white-bg-inverted .slick-slider .slick-prev,
    .full-screen-slider.black-white-bg-inverted .slick-slider .slick-next {
        z-index: 2000 !important;
    }

    .directional-icons-arrow .slick-prev i.icon:before,
    .cases-block .slick-slider .slick-prev i.icon,
    .cases-block .directional-icons-arrow .slick-prev i.icon:before,
    .directional-icons-arrow .slick-next i.icon:before,
    .cases-block .slick-slider .slick-next i.icon,
    .cases-block .directional-icons-arrow .slick-next i.icon:before {
        font-size: 18px !important;
    }

    .black-white-bg-inverted {
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 70%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%) !important;
    }

    .awards .item:first-child {
        margin-left: 10px !important;
    }

    .awards.inverted .component-outro .btn {
        margin-left: 30px !important;
        margin-top: -10px !important;
    }

    .cases-block .component-main .item {
        flex: 0 0 10% !important;
        -ms-flex: 0 0 10% !important;
        max-width: 10% !important;
    }

    .cases-block {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .cases-block .component-main .item {
        margin-right: 0 !important;
    }

    .cases-block .component-introduction .heading {
        width: 500%;
    }

    .cases-block .component-main .item .info {
        padding: 20px !important;
    }

    .cases-block .slick-slider .slick-prev {
        left: 10px !important;
        top: 40px;
    }

    .cases-block .slick-slider .slick-next {
        top: 40px;
        left: auto !important;
        right: 10px !important;
    }

    .video-banner {
        max-height: 210px !important;
        margin-top: 0;
    }

    .video-banner .image .video .video-player {
        top: 15% !important;
    }
}

/* Xmas 2024 */
html.nav-up:not(.reached-top):not(.reveal-out) .xmas.xmas-page a.expand .dot,
html.nav-down:not(.reached-top):not(.reveal-out) .xmas.xmas-page a.expand .dot {
    fill: #eff170 !important;
    color: #eff170 !important;
    filter: none !important;
}

html.nav-up .dark-header.xmas.xmas-page header#site-header a.expand,
html.nav-down .dark-header.xmas.xmas-page header#site-header a.expand {
    fill: #eff170 !important;
    color: #eff170 !important;
    filter: none !important;
}

html.reached-top.nav-down .dark-header.xmas.xmas-page header#site-header a.expand .dot,
html.nav-down .dark-header.xmas.xmas-page header#site-header a.expand .dot {
    fill: #fff !important;
    color: #fff !important;
    filter: none !important;
}

html.nav-up:not(.reached-top):not(.reveal-out) .xmas.xmas-page .logo .icon,
html.nav-down:not(.reached-top):not(.reveal-out) .xmas.xmas-page .logo .icon {
    fill: #eff170 !important;
    color: #eff170 !important;
    filter: invert(1) !important;
}

.xmas.xmas-page {
    background-color: #000;
    background-image: url('/media/xfanen41/landingspagina-achtergrond.jpg') !important;
    background-position: top center;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.xmas.xmas-page footer#site-footer {
    background: #fff !important;
}

.xmas.xmas-page .episode .usn_cmp_text:first-child .info p {
    color: #000000 !important;
}

.xmas.xmas-page .episode .usn_cmp_text:first-child .info p {
    color: #000000 !important;
}

.xmas.xmas-page .image a:hover img,
a:hover .image img,
.xmas.xmas-page .item a:hover .image.background-image {
    transform: scale(1);
}

.xmas.xmas-page .whiteblock {
    padding-top: 250px;
}

.xmas.xmas-page .pt-100 {
    padding-top: 100px !important;
}

.xmas.xmas-page .whiteblock .item {
    margin: auto;
}

.xmas.xmas-page .whiteblock .info {
    background: #fff !important;
    border: 1px solid #fff !important;

    padding: 50px 35px;
    border-radius: 30px;

    transform: translateY(0px);
    width: 100% !important;
}

.xmas.xmas-page .whiteblock .info .heading {
    color: #000 !important;
}

.xmas.xmas-page .new-ball {
    display: none;
}

.xmas.xmas-page .logo-image {
    padding: 0 !important;
    margin-top: -150px;
}

.xmas .other-cases .item .heading {
    display: none;
}

.xmas .logo-image .bg {
    width: 1000px;
    height: 1000px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(239, 241, 112, 0.60) 0%, rgba(239, 241, 112, 0.00) 88.02%);
    background-size: 100%;
    transform: translateY(-1000px) translateX(15%) scale(1);
    position: absolute;
    z-index: -1;
}

.xmas .planets {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
    height: 400px;
}

.xmas .xmas-title {
    width: 1150px;
    height: auto;
    position: absolute;
    top: 85%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 33;
}

.xmas .star-logo-1 {
    width: 150px;
    height: 150px;
    background-image: url('/media/rqufxqa4/ster-2.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(-860px) translateX(300px) scale(.1);
    position: absolute;
    z-index: -1;
}

.xmas .star-logo-2 {
    width: 100px;
    height: 120px;
    background-image: url('/media/strjjrza/ster-1.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    transform: translateY(350px) translateX(550px) scale(.1);
    position: absolute;

}

.xmas .alien {
    width: 350px;
    height: 572px;
    position: absolute;
    top: -20vh;
    left: 11%;
    z-index: 3;
}

.xmas .moon {
    width: 350px;
    height: auto;
    position: absolute;
    top: -15vh;
    left: 15vw;
}

.xmas .earth {
    width: 350px;
    height: auto;
    position: absolute;
    top: -40%;
    left: -3%;
}

.xmas .sun {
    width: 635px;
    position: absolute;
    top: -25%;
    right: -13%;
}

.xmas .uranus {
    width: 455px;
    position: absolute;
    top: -20%;
    left: 42%;
}

.xmas .saturnus {
    width: 300px;
    position: absolute;
    top: -8vh;
    right: 17%;
}

.xmas-emerce {
    position: absolute;
    width: 130px;
    left: -50%;
    top: 30%;
}

.xmas-fonk150 {
    position: absolute;
    width: 130px;
    right: -50%;
    top: 30%;
}

.xmas .flare-top .container {
    z-index: 6;
    position: relative;
}

.xmas .flare-top::before {
    content: '';
    background-image: url(/media/kxab01wy/flare.png) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: -19%;
    left: auto;
    right: auto;
    z-index: 3;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    pointer-events: none;
}

.xmas .flare-slider .container-fluid {
    z-index: 6;
    position: relative;
}

.xmas .flare-slider::before {
    content: '';
    background-image: url(/media/kxab01wy/flare.png) !important;
    background-size: 2000px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    z-index: 5;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    transform: translate(-5%, -30%);
    pointer-events: none;
}

.v-line {
    height: 200px;
    border-left: 1px solid #EFF170;
    margin: auto;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 1px;
}

.xmas .planets-mobile {
    margin-top: -110px;
}

.xmas .planets-mobile .item {
    padding: 0;
}

@media (max-width:1680px) {
    .xmas .xmas-title {
        width: 50vw;
    }
}

@media (max-width:992px) {
    .xmas.xmas-page .whiteblock .info .heading {
        font-size: 24px;
    }

    .wishes .slick-slide .slider__text span {
        font-size: 20px;
    }

    .xmas .xmas-title {
        width: 90vw;
        transform: none !important;
        top: 80%;
    }

    .xmas .logo-image .bg {
        transform: translateY(-75%) translateX(-34%) scale(0.75);
    }

    .planet {
        transform: scale(.75) !important;
    }

    .xmas .earth {
        width: 280px;
        position: absolute;
        top: -24vh;
        left: -17vh;
    }

    .xmas .alien {
        position: absolute;
        top: -33vh;
        left: 0;
        left: -14%;
        z-index: 3;
    }

    .xmas .moon {
        top: -30vh;
    }

    .xmas .saturnus {
        top: -18vh;
        right: -10vh;
    }

    .xmas .sun {
        width: calc(635px / 2);
        position: absolute;
        top: -9vh;
        right: -30vw;
    }

    .xmas.xmas-page .whiteblock {
        padding-top: 50px;
    }
}

@media (min-width: 1366px) {
    footer#site-footer {
        padding: 50px 40px !important;
    }
}

footer#site-footer .container {
    padding-top: 0px !important;
}

@media (max-width: 1200px) {
    footer#site-footer .container {
        padding-top: 40px !important;
    }
}

@media (max-width: 767px) {
    footer#site-footer .container {
        padding-top: 10px !important;
    }

    section.content.component .content-col.center-col.col {
        padding-left: 0 !important;
    }
}

.custom-pdf-form .umbraco-forms-navigation .btn,
.custom-pdf-form .form:not(.site-search-form) .btn,
.custom-pdf-form .c1-btn-bg {
    color: #fff !important;
    border: 1px solid #3300f4 !important;
    background: #3300f4 !important;
    margin-top: 10px !important;
}

.content.custom-pdf-form .form:not(.site-search-form) .btn,
.content.custom-pdf-form .form:not(.site-search-form) .btn:hover,
.custom-pdf-form.c1-bg .btn:hover {
    color: #fff !important;
    border: 1px solid #3300f4 !important;
    background: #3300f4 !important;
}

/* Weglot */
.weglot_switcher.underline_edge .language-option {
    padding: 10px 0px !important;
}

.language-nav-if-no-weglot {
    display: none;
    position: relative;
    /*float: left;*/
}

.language-nav-if-no-weglot .lang-text {
    margin-top: -10px;
}

.language-nav-if-no-weglot a {
    color: #fff !important;
    font-family: "Exo 2", sans-serif !important;
    font-size: 22px !important;
    opacity: 1;
    line-height: 40px;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    position: relative;
    font-weight: 700;
    margin-right: 7px;
    opacity: .5;
}

.language-nav-if-no-weglot a,
.language-nav-if-no-weglot a:hover,
.language-nav-if-no-weglot a:focus {
    text-decoration: none !important;
}

.language-nav-if-no-weglot a:first-of-type {
    opacity: 1 !important;
}

.language-nav-if-no-weglot a:first-of-type:after {
    position: absolute;
    display: block;
    height: 1.5px;
    background: rgb(250, 128, 114);
    content: '';
    width: 30px;
}

.weglot_switcher.underline_edge .language-option a {
    color: #fff !important;
    font-family: "Exo 2", sans-serif !important;
    font-size: 22px !important;
    opacity: 1;
    line-height: 20px;
    font-size: 14px;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    position: relative;
}

.lang-text {
    color: #fff;
    font-weight: 300;
    font-family: "Exo 2", sans-serif !important;
    font-size: 18px !important;
    opacity: .5;
    width: 100%;
    padding-right: 10px;
    padding-bottom: 5px;
    display: flex;
}

html.reveal-out .language-nav.weglot {
    font-family: "Exo 2", sans-serif !important;
    font-size: 26px !important;
}

@media (max-width: 992px) {
    .lang-text {
        font-size: 15px !important;
        margin-top: 10px;
        opacity: .6;
    }

    .language-nav.weglot {
        font-size: 20px !important;
    }

    .language-nav-if-no-weglot a,
    .weglot_switcher.underline_edge .language-option a {
        font-size: 15px !important;
    }

    .language-nav-if-no-weglot a:first-of-type:after {
        height: 2.5px;
        width: 20px;
    }
}

/* End Weglot */

.form-wrapper.clay {
    background: var(--clay-color) !important;
}

.form-wrapper.clay .usn_cmp_pods .heading {
    color: #3300F4 !important;
}

.form-wrapper.clay .usn_cmp_pods p:not(.secondary-heading, .heading) {
    color: #000 !important;
}

.form-wrapper.clay .form-control,
.form-wrapper.clay input,
.form-wrapper.clay textarea {
    border-bottom: 1px solid #675b83 !important;
}

.form-wrapper.clay select {
    background-color: transparent !important;
    border: 1px solid #675b83 !important;
    font-size: 16px !important;
    min-height: 100% !important;
    padding: 15px !important;
    height: 100% !important;
    width: 100% !important;
    position: relative;
}

.form-wrapper.clay .dropdown .umbraco-forms-field-wrapper {
    position: relative;
}

.form-wrapper.clay .dropdown .umbraco-forms-field-wrapper::after {
    content: "\f078" !important;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 25px;
    vertical-align: middle;
    height: 16px;
    pointer-events: none;
    width: auto;
}

.form-wrapper.clay .usn_cmp_pods .secondary-heading {
    border-bottom: 1px solid #9f9f9f !important;
    color: #000 !important;
}

.form-wrapper.clay .c1-text {
    color: #000 !important;
}

.form-wrapper.clay .umbraco-forms-navigation .btn,
.form-wrapper.clay .content .form:not(.site-search-form) .btn,
.form-wrapper.clay .c1-btn-bg {
    color: #3300F4 !important;
    border-color: #3300F4 !important;
}

.form-wrapper.clay h2 {
    color: #3300F4 !important;
}

.form-wrapper.clay .form-control,
.form-wrapper.clay input,
.form-wrapper.clay textarea,
.form-wrapper.clay .umbraco-forms-form input.text,
.form-wrapper.clay .umbraco-forms-form textarea {
    color: #000 !important;
}

.form-wrapper.clay.c1-link,
.form-wrapper.clay.c1-link,
.form-wrapper.clay.c1-bg a:not(.btn),
.form-wrapper.clay.c1-text a:not(.btn),
.form-wrapper.clay.c1-bg .c1-text a:not(.btn) {
    color: #000 !important;
    border-color: #000 !important;
    ;
}

.form-wrapper.clay ::placeholder {
    color: #000 !important;
}

.form-wrapper.clay ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000 !important;
}

.form-wrapper.clay ::-moz-placeholder {
    /* Firefox 19+ */
    color: #000 !important;
}

.form-wrapper.clay :-ms-input-placeholder {
    /* IE 10+ */
    color: #000 !important;
}

.form-wrapper.clay :-moz-placeholder {
    /* Firefox 18- */
    color: #000 !important;
}

.textpods .heading {
    font-size: 45px !important;
    border-bottom: 1px solid #000;
    padding-bottom: 30px !important;
    margin-bottom: 20px !important;
}

.textpods .component-outro .link {
    margin-top: 70px !important;
}

.textpods .item {
    padding-right: 70px !important;
}

.textpods .item .text {
    min-height: 120px;
    height: 120px;
}

.textpods-no-margin-outro .component-outro .link {
    margin-top: 0 !important;
}


.text-white-pods h3 {
    font-size: 50px !important;
    width: 70%;
}

.text-white-pods .listing .item {
    background: #fff;
    border-radius: 20px !important;
    padding: 50px 30px !important;
    margin-right: 30px !important;
}

.text-white-pods .listing .item .heading {
    color: #3300F4 !important;
    font-size: 24px !important;
}

.text-white-pods .listing .item {
    max-height: 350px;
    height: 350px;
}

.text-white-pods .listing .item .text p {
    font-size: 16px !important;
    line-height: 125% !important;
}

body:not(.team-detail) .text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
.text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
.team-detail .text-white-pods .slick-slider .slick-next {
    color: #000 !important;
    top: 20px !important;
}

.text-white-pods {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.text-white-pods .btn {
    margin-top: 40px !important;
}

@media (max-width: 1600px) {
    .label-header .heading span {
        margin-right: 150px;
    }

    .textpods .heading {
        font-size: 34px !important;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {
    .label-header .heading span {
        font-size: 36px !important;
    }

    .label-header {
        margin: 15px;
    }

    .textpods .item {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 100px 30px 100px !important;
        margin-bottom: 50px !important;
    }

    .textpods .item .text {
        min-height: auto;
        height: auto;
    }

    .text-white-pods .col-md-4,
    .text-white-pods .col-md-8 {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .text-white-pods .listing .item {
        margin-right: 15px !important;
        margin-top: 40px !important;
        padding: 40px 20px !important;
    }

    body:not(.team-detail) .text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
    .text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
    .team-detail .text-white-pods .slick-slider .slick-next {
        right: 0px !important;
    }
}

@media (max-width: 1200px) and (orientation: landscape) {
    .label-header .heading span {
        font-size: 50px !important;
    }

    .textpods .item {
        padding-right: 30px !important;
    }

    .textpods .heading {
        font-size: 28px !important;
    }

    .textpods .item .text {
        min-height: 160px;
        height: 160px;
    }

    .text-white-pods h3 {
        font-size: 40px !important;
    }

    .text-white-pods .listing .item .text p {
        font-size: 15px !important;
    }

    .text-white-pods .listing .item {
        margin-right: 20px !important;
        padding: 40px 20px !important;
    }

    body:not(.team-detail) .text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
    .text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
    .team-detail .text-white-pods .slick-slider .slick-next {
        right: 10px !important;
    }
}

@media (max-width: 767px) {
    .label-header .heading span {
        font-size: 20px !important;
        padding: 10px 30px !important;
        margin-bottom: 10px !important;
    }

    .big-intro .heading,
    .big-intro h1,
    .big-intro h2,
    .big-intro h3,
    .big-intro h4,
    .big-intro h5,
    .big-intro h6 {
        font-size: 24px !important;
    }

    .textpods .item {
        padding: 0 40px 40px 40px !important;
    }

    .textpods .component-outro .link {
        margin-top: 10px !important;
        margin-left: 20px !important;
    }

    .team-overview .item .heading {
        font-size: 42px !important;
    }

    .text-white-pods {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }

    header#site-header a.expand svg,
    header#site-header a.expand svg,
    html.nav-down:not(.reached-top, .reveal-out) header#site-header a.expand svg,
    html.nav-up:not(.reached-top, .reveal-out) header#site-header a.expand svg {
        left: 25px !important;
        top: 30px !important;
    }

    .label-header .heading span {
        margin-right: 50px;
    }

    .front-page .big-title,
    .front-page .big-title .component-inner,
    .front-page .big-title .item.item_takeover-banner {
        height: calc(100vh - 85px) !important;
    }

    .label-header {
        height: calc(100vh - 85px) !important;
    }

    .label-header .heading {
        margin-top: 150px !important;
    }

    body.header-17-lg header#site-header nav.secondary {
        margin-left: 0;
    }

    .big-intro .secondary-heading {
        word-spacing: 40px;
    }

    .text-white-pods .listing .item {
        margin-right: 50px !important;
        margin-top: 0px !important;
        padding: 20px 30px !important;
        margin-left: 20px !important;
    }

    .team-overview.text-white-pods .listing .item .heading {
        font-size: 28px !important;
    }

    .directional-icons-arrow .slick-prev i.icon:before,
    .cases-block .slick-slider .slick-prev i.icon,
    .cases-block .directional-icons-arrow .slick-prev i.icon:before,
    .directional-icons-arrow .slick-next i.icon:before,
    .cases-block .slick-slider .slick-next i.icon,
    .cases-block .directional-icons-arrow .slick-next i.icon:before {
        font-size: 28px !important;
    }

    .text-white-pods .btn {
        margin-top: -10px !important;
        margin-bottom: 40px !important;
    }

    body:not(.team-detail) .text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
    .text-white-pods .slick-slider:not(.listing_no-spacing) .slick-next,
    .team-detail .text-white-pods .slick-slider .slick-next {
        right: 5px !important;
    }

    .label-header .component-inner {
        border-radius: 20px !important;
    }

    .form-wrapper .component-introduction {
        padding-top: 20px !important;
        margin-top: 0 !important;
    }

    .form {
        margin: 0 15px !important;
    }

    .image-group .usn_pod_textimage {
        flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0 5px;
    }

    .textpods .item {
        margin-bottom: 10px !important;
    }

    .text-white-pods .listing .item {
        max-height: 260px;
        height: 260px;
    }

}

.text-highlight {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: color 1s cubic-bezier(0.25, 1, 0.5, 1), background-color 1s cubic-bezier(0.25, 1, 0.5, 1), background-size 1s cubic-bezier(0.25, 1, 0.5, 1);
}

.text-highlight.active {
    background-size: 100% 100%;
    background-image: linear-gradient(yellow, yellow);
}

[data-highlight="background"] .text-highlight {
    background-image: linear-gradient(yellow, yellow);
}



@media (min-width: 3600px) {
    .usn_cmp_ctastrip {
        padding: 125px 0 125px 200px !important;
    }

    .usn_cmp_ctastrip .btn {
        margin-right: 30px !important;
    }

    .label-header .heading span {
        font-size: 156px !important;
        padding: 30px 90px !important;
        border-radius: 200px !important;
    }

    .label-header .heading span.small {
        font-size: 74px !important;
        padding: 20px 100px !important;
    }

    .textpods .heading {
        font-size: 95px !important;
    }

    .text-white-pods.team-overview .usn_cmp_text .heading.c10-heading {
        font-size: 300% !important;
    }

    .text-white-pods.team-overview .item .heading {
        font-size: 175% !important;
        max-height: 150px;
        height: 150px;
    }

    .text-white-pods .listing .item .text p {
        font-size: 36px !important;
    }

    .text-white-pods .listing .item {
        max-height: 400px;
        height: 400px;
    }

    .text-white-pods .listing .item {
        padding: 50px 80px !important;
    }

    .text-white-pods .btn {
        margin-top: 200px !important;
    }

    .form-wrapper h2 {
        font-size: 90px !important;
    }

    .team-overview:not(.text-white-pods) .item .heading {
        font-size: 80px !important;
    }

    .sliding-words p {
        font-size: 45px !important;
    }
}

@media (max-width: 1366px) {
    .text-white-pods .listing .item .text p {
        font-size: 14px !important;
    }
}

@media (max-width: 992px) {
    .component.usn_cmp_banner .item.item_takeover-banner.fix-lau .image {
        margin-left: -250px !important;
    }

    .label-header .heading span.small {
        font-size: 14px !important;
        padding: 10px 30px !important;
    }
}

/* Weglot hide and show element based on language */
.hidden-en {
    display: none !important;
}

.hidden-de {
    display: none !important;
}

.hidden-fr {
    display: none !important;
}

/* English */
html[data-wg-translated="en"] .form-wrapper .usn_cmp_pods .heading {
    font-size: 60px !important;
}

/* German */

html[data-wg-translated="de"] .form-wrapper .usn_cmp_pods .heading,
html[data-wg-translated="fr"] .form-wrapper .usn_cmp_pods .heading {
    font-size: 60px !important;
}

nav.footer-navigation {
    width: 60% !important;
    float: right;
}

/* RESPONSIVE FIXES */

@media (min-width: 2200px) {

    :root {
        --base-spacing: 40px !important;
    }

    .container {
        max-width: 70% !important;
    }

    .light-pods .container {
        max-width: 100% !important;
    }

    body {
        font-size: 130% !important;
    }

    input,
    textarea,
    label,
    .control-label,
    .form-control {
        font-size: 100% !important;
    }

    .big-title .text p strong {
        font-size: 125% !important;
    }

    .image-group .usn_pod_textimage .info .heading {
        font-size: 120px !important;
    }

    .image-group .usn_pod_textimage .info .secondary-heading {
        font-size: 125% !important;
    }

    .title-block {
        padding: 100px 2% 0 2% !important;
    }

    section.content .info p:not(.heading) {
        font-size: 100% !important;
    }

    /*.usn_cmp_ctastrip.c8-bg .btn:last-child, .usn_cmp_ctastrip.c3-bg .btn:last-child, .content .form:not(.site-search-form) .btn, .c2-btn-bg, .c1-btn-bg, .c5-btn-bg, .c6-btn-bg, .umbraco-forms-navigation .btn,*/
    .btn {
        transform: scale(1.2) translate(15px, 0);
    }

    .usn_cmp_ctastrip .heading {
        font-size: 65px !important;
    }

    .component.usn_cmp_splitcomponent .container-fluid .item_block.usn_cmp_text .info {
        max-width: 100%;
    }

    .four-images-right {
        padding-top: 300px !important;
        padding-bottom: 240px !important;
    }

    footer#site-footer .quick-links ul li a {
        font-size: 100% !important;
    }

    header#site-header nav.main li a {
        font-size: 60px !important;
        min-height: 80px !important;
    }

    header#site-header nav.main li ul li a,
    nav.main ul>li.active>span>a,
    nav.main ul>li>ul>li.active>span>a,
    header#site-header nav.main li ul li:last-child a,
    header#site-header nav.main li ul li:not(.active, :last-child) a {
        font-size: 36px !important;
    }

    header#site-header nav.main li ul {
        padding: 0 10px 50px 10px !important;
    }

    html.reveal-out header#site-header nav.secondary li a {
        padding: 20px 0;
        font-size: 45px;
    }

    header#site-header nav.main li a:not(.dropdown-item):before {
        font-size: 30px;
        left: -35px;
        top: 12px;
    }

    html.reveal-out header#site-header nav.secondary li a:not(.dropdown-item):before {
        font-size: 22px;
        left: -40px;
        top: 24px;
    }

    .site-search .form-control,
    .site-search .form-control::placeholder {
        font-size: 20px !important;
    }

    html.reveal-out header#site-header .site-search:before {
        font-size: 22px;
        left: 0;
        top: 18px;
    }

    html.reveal-out header#site-header .site-search {
        margin-top: 20px !important;
    }

    .site-search .form-control {
        min-height: 55px !important;
        height: 55px !important;
    }

    .weglot_switcher.underline_edge .language-option a {
        font-size: 30px !important;
    }

    html.reveal-out .language-nav.weglot .lang-text {
        font-size: 22px !important;
    }

    .logo-extra-text {
        font-size: 20px;
    }

    html.reveal-out header#site-header .row {
        padding: 100px 10% !important;
    }

    footer#site-footer .logos img {
        height: 130px !important;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg {
        font-size: 60px !important;
    }

    footer#site-footer .footer-heading {
        font-size: 24px !important;
    }

    footer#site-footer nav.social ul li a img,
    footer#site-footer nav.social ul li a {
        width: 40px !important;
        height: 40px !important;
    }

    .image-group .usn_pod_textimage .info .text {
        width: 70% !important;
    }

    ::placeholder {
        font-size: 20px !important;
    }

    ::-webkit-input-placeholder {
        font-size: 20px !important;
    }

    ::-moz-placeholder {
        font-size: 20px !important;
    }

    :-ms-input-placeholder {
        font-size: 20px !important;
    }

    :-moz-placeholder {
        font-size: 20px !important;
    }

    footer#site-footer {
        padding: 90px 40px !important;
    }

    nav.footer-navigation>ul {
        font-size: 18px !important;
    }

    .smaller-cols-high {
        padding-left: 15% !important;
        padding-right: 15% !important;
    }

    .breadcrumb-trail .container {
        max-width: 100% !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item span {
        font-size: 20px !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item i.icon.before:before {
        top: 4.5px;
    }

    .grid-section .container {
        max-width: 100% !important;
    }

    .split-header.big-title h1 {
        margin-top: 200px;
        font-size: 75px !important;
    }

    .split-header p {
        font-size: 24px !important;
        width: 85%;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 140px 0 0 20px !important;
    }

    .intro {
        font-size: 20px !important;
    }

    nav.footer-navigation {
        padding-top: 0px !important;
    }

    .text-title-line .heading {
        font-size: 48px !important;
    }

    .usn_cmp_reusablecomponents .container .container {
        max-width: 100% !important;
    }

    .full-overview .repeatable-content .item .heading,
    .other-cases .item .heading {
        font-size: 32px !important;
    }

    .case-detail .split-header strong {
        font-size: 22px !important;
    }

    .case-detail .split-header p {
        font-size: 20px !important;
    }

    .smaller-cols {
        padding: 0 15% 100px 15% !important;
    }

    h3,
    h4 {
        font-size: 225% !important;
    }

    h5 {
        font-size: 175% !important;
    }

    blockquote.md,
    .quote.md,
    blockquote.lg,
    .quote.lg,
    blockquote,
    .quote {
        font-size: 50px !important;
    }

    .overview-blog .listing-component .item .heading {
        font-size: 40px !important;
    }

    .contact-page .grid-section .text-title-line h2:before {
        height: 50px !important;
    }

    .wide-overview .info .text:after {
        padding: 10px 12px !important;
    }

    input,
    textarea,
    label,
    .control-label,
    .form-control {
        padding: 40px 30px !important;
    }
}

@media (min-width: 3600px) {
    .big-title .text p strong {
        font-size: 150% !important;
    }

    section.content .info p:not(.heading) {
        font-size: 150% !important;
    }

    .image-group .usn_pod_textimage .info .secondary-heading {
        font-size: 175% !important;
    }

    .btn {
        transform: scale(1.6) translate(30px, 0);
    }

    header#site-header nav.main li ul li a,
    nav.main ul>li.active>span>a,
    nav.main ul>li>ul>li.active>span>a,
    header#site-header nav.main li ul li:last-child a,
    header#site-header nav.main li ul li:not(.active, :last-child) a {
        font-size: 28px !important;
    }

    .usn_cmp_ctastrip .heading {
        font-size: 95px !important;
    }

    .form-wrapper .component-introduction .heading,
    .form-wrapper .usn_cmp_pods strong,
    p.heading.lg,
    span.heading.lg,
    .image-group .usn_pod_textimage .info .secondary-heading,
    .secondary-heading {
        font-size: 250% !important;
    }

    footer#site-footer p.heading.lg,
    footer#site-footer span.heading.lg {
        font-size: 80px !important;
    }

    footer#site-footer .footer-heading {
        font-size: 30px !important;
    }

    footer#site-footer .footer-text {
        font-size: 120% !important;
        line-height: 180% !important;
    }

    footer#site-footer .quick-links ul li a {
        font-size: 150% !important;
    }

    nav.footer-navigation ul li {
        font-size: 150% !important;
    }

    footer#site-footer .quick-links ul li a {
        margin-bottom: 25px !important;
    }

    footer#site-footer .logos img {
        height: 190px !important;
    }

    nav.footer-navigation {
        margin-top: -220px;
    }

    .four-images-right {
        padding-top: 450px !important;
        padding-bottom: 350px !important;
    }

    .split-header.big-title h1 {
        font-size: 120px !important;
    }

    .split-header p {
        font-size: 38px !important;
        width: 90%;
    }

    .wide-overview .info .text:after {
        padding: 30px 20px !important;
        width: 90px;
        height: 90px;
    }

    .text-title-line .heading {
        font-size: 78px !important;
    }

    .intro {
        font-size: 28px !important;
    }

    .overview-page .usn_cmp_subpagelisting .listing .item .info {
        padding: 210px 0 0 20px !important;
    }

    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item a,
    .breadcrumb-trail ol.breadcrumb li.breadcrumb-item span {
        font-size: 32px !important;
    }

    header#site-header nav.main li a {
        font-size: 55px !important;
        min-height: 70px !important;
    }

    .full-overview .repeatable-content .item .heading,
    .other-cases .item .heading {
        font-size: 50px !important;
    }
}

@media (max-width: 1080px) and (orientation: portrait) {
    nav.footer-navigation {
        width: 100% !important;
    }
}

/**** DIENSTEN NIEUW ****/
.highlight-ruby {
    background: #F08DFA;
    color: white;
    padding: 20px 25px;
    border-radius: 20px;
}

.highlight-ruby-white {
    background: #F64C64;
    color: white !important;
    padding: 20px 25px;
    border-radius: 20px;
}

.highlight-ruby-white a {
    color: white !important;
}

.subtitle {
    font-size: 40px;
    font-weight: bold;
    font-family: 'Exo 2', sans-serif;
    line-height: 1 !important;
    margin-bottom: 20px;
    display: inline-block;
    color: #d8d2de;
}

ul.list-services {
    display: flex;
    flex-direction: column;
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-image: urL('https://alientrick.com/media/qdtnfv2d/abstract-bg.svg');
    /* background-image: urL('images/abstract-bg.svg'); */
    background-position: center top 50px;
    background-repeat: no-repeat;
    background-size: 100%;
}

ul.list-services::marker {
    display: none;
}

.list-services li,
.list-services .listing .item {
    display: flex;
    align-items: center;
    list-style: none;
    list-style-type: none;
    border-top: 1px solid #000;
    font-size: 32px;
    font-family: 'Exo 2', sans-serif;
    color: #000;
    height: 140px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.list-services li .service-title,
.list-services li .listing .item .heading {
    display: flex;
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
}


.list-services li a {
    font-size: 32px;
    font-family: 'Exo 2', sans-serif;
    line-height: 38px;
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 140px;
    width: 100%;
    max-width: 100%;
    text-decoration: none;
    position: relative;

    border: none !important;
}

.list-services li a:hover {
    font-size: 48px;
    font-weight: bold;
    color: #3300f4 !important;
    transition: font 0.3s ease, color 0.3s ease;
}

.list-services li .service-title:hover {
    color: #3300f4 !important;
}

.list-services li a:hover .servic-title {
    color: #3300f4 !important;
}

.list-services li .hover-text,
.list-services .listing .item .info {
    display: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #000;
    padding-right: 80px;
    padding-left: 50px;
    width: 75%;
}

.list-services li a:hover .hover-text,
.list-services .item a:hover .info {
    display: inline-block;
    padding-left: 50px;
    padding-right: 80px;
}

.list-services li>span {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.list-services li .icon {
    display: flex;
    position: absolute;
    right: 32px;
    height: 32px;
    width: 32px;
    /* background-image: url('/images/circle-arrow-right-light.svg');
        background-repeat: no-repeat; */
}

.list-services li .icon:before {
    content: '\f0a9';
    font-size: 32px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}

@media (max-width:992px) {
    .sliding-words {
        margin-top: 50px;
    }

    .list-services li a:hover {
        font-size: inherit;
        font-weight: bold;
    }

    .list-services li a:hover .hover-text {
        display: none;
    }

}

/* End Diensten overview */

/* Diensten Quick Links */
.list-services-links {
    position: relative;
    margin: 0;
    padding: 0;
}

.list-services-links li {
    position: relative;
    left: 0;
    color: #fce4ec;
    list-style: none;
    margin: 10px 0;
    border-left: 2px solid #3300f4;
    transition: 0.5s;
    cursor: pointer;
}

.list-services-links li:hover {
    left: 10px;
}

.list-services-links li .service-title {
    position: relative;
    padding: 8px;
    padding-left: 12px;
    display: inline-block;
    z-index: 1;
    transition: 0.5s;
    color: #000;
}

.list-services-links li:hover .service-title {
    color: #fff;
}

.list-services-links li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #3300f4;
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.5s;
}

.list-services-links li:hover::before {
    transform: scaleX(1);
}

/* End Diensten Quick Links */
.usn_cmp_ctastrip.c11-bg .heading {
    width: 100% !important;
}



.services-links {}

.services-links .services-links-left .component-introduction,
.services-links .services-links-right .component-introduction {
    padding-bottom: 0;
}

.services-links .services-links-left .component-introduction .heading,
.services-links .services-links-right .component-introduction .heading {
    font-size: 30px !important;
}

.services-links .container>.component-main {
    top: -50px;
    position: relative;
}

.services-links .services-links-left {
    color: white;
    padding: 50px;
    padding-right: 100px;
    top: -50px;
}

.services-links .services-links-left::before {
    background: rgba(var(--c3-bg-color1), 1);
    border-radius: 20px;
    content: '';
    height: 100%;
    width: 65vw;
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    padding-top: 25%;
    padding-bottom: 25%;
}

.services-links .services-links-left .heading,
.services-links .services-links-left p,
.services-links .services-links-left a {
    color: white !important;
}

.services-links .services-links-left .item .info .heading {
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    padding: 15px 0px;
    font-size: 20px;
}

.services-links .services-links-left .item .info .heading:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f054';
    background: transparent;
    position: absolute;
    right: 0;
    top: -3px;
    font-size: 20px;
    color: white;
}

.services-links .services-links-right {
    background: #F2F3ED;
    color: white;
    border-radius: 20px;
    padding: 50px;
    padding-right: 100px;
    margin-bottom: -50px;
}

.services-links .services-links-right .item .info .heading {
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
    font-size: 20px;
}

.services-links .services-links-right .item .info .heading:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f054';
    background: transparent;
    position: absolute;
    right: 0;
    top: -3px;
    font-size: 20px;
}

.services-links .services-links-right .heading,
.services-links .services-links-right p,
.services-links .services-links-right a {
    color: black !important;

}

.services-links .services-links-left .inner .info .text,
.services-links .services-links-right .inner .info .text,
.services-links .services-links-left .inner .image,
.services-links .services-links-right .inner .image {
    display: none;
}

.services-links .component-outro {
    position: absolute;
    bottom: -65%;
}

@media (max-width:992px) {
    .services-links .services-links-left::before {
        width: 100%;
    }

    .services-links .services-links-left .component-introduction .heading,
    .services-links .services-links-right .component-introduction .heading {
        font-size: 28px !important;
        margin-top: 30px !important;
    }

    .services-links .container>.component-main {
        top: inherit;
        position: relative;
    }

    .services-links .services-links-left,
    .services-links .services-links-right {
        top: inherit;
        margin-bottom: 40px;
        flex-basis: 100%;
        max-width: 100%;
    }

    .services-links .services-links-right {}

    .services-links .services-links-left .item .info .heading,
    .services-links .services-links-right .item .info .heading {
        font-size: 20px;
    }
}

.services-borders .listing .item {
    margin-bottom: 30px;

}

.services-borders .listing .item .inner {}

.services-borders .listing .item .inner a {
    padding: 50px;
    border: 1px solid #000 !important;
    border-radius: 20px !important;
    min-height: 450px;

}

.services-borders .listing .item .inner a::after {
    content: '\f178';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300 !important;
    border: none;
    width: auto !important;
    height: auto !important;
    position: absolute;
    right: 30px;
    bottom: 30px;
    /* margin-left: 0; */
    font-size: 30px;
    color: black;
}

.services-borders .listing .item.usn_pod_image .inner {
    padding: 0;
    overflow: hidden;
    border-radius: 30px !important;
    min-height: 450px;
    width: 100%;
    height: 100%;
}

.services-borders .listing .item.usn_pod_image .inner .image {
    border: none !important;
    /* transform: scale(2); */
    /* position: absolute; */
    /* top: 0; */
    width: 100%;
    height: 100%;
}

.services-borders .listing .item.usn_pod_image .inner .image img {
    transform: scale(1.6);
}

.faq-rounded .repeatable.tab-buttons .tab .nav-link {
    border-color: rgba(var(--c9-heading), 1);
    padding: 20px 30px !important;
}

.faq-rounded .repeatable-content {
    padding: 0 !important;
}

.faq-rounded .repeatable.accordion.tab-buttons .tab:not(:first-child) {
    margin-top: 10px;
}

.faq-rounded .tab .nav-link[aria-expanded="true"] {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.faq-rounded .repeatable-content.collapse.show {
    border-color: rgba(var(--c13-heading), 1);
    border: 1px solid rgba(var(--c13-heading), 1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -12px;
}

.faq-rounded .repeatable-content.collapse .text {
    padding: 0 30px;
    transition: padding 0.3s;

}

.faq-rounded .repeatable-content.collapse .text p {
    transition: line-height 0.3s;
}

/* v2 */

.faq-rounded-2 .repeatable.accordion.tab-basic .tab .nav-link.collapsed {
    /*border-color: rgba(var(--c9-heading), 1);*/
    /*padding: 20px 30px !important;*/
    border-radius:30px;!important
}

.faq-rounded-2 .repeatable-content {
    padding: 0 !important;
}

.faq-rounded-2 .repeatable.accordion.tab-buttons .tab:not(:first-child) {
    margin-top: 10px;
}

.faq-rounded-2 .tab .nav-link[aria-expanded="true"] {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.faq-rounded-2 .repeatable-content.collapse.show {
    border-color: rgba(var(--c13-heading), 1);
    border: 1px solid rgba(var(--c13-heading), 1);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.faq-rounded-2 .repeatable-content.collapse .text {
    /*padding: 0 30px;*/
    /*transition: padding 0.3s;*/

}

.faq-rounded-2d .repeatable-content.collapse .text p {
    /*transition: line-height 0.3s;*/
}

.repeatable.accordion .tab .nav-link::after {
    width: 60px;
}

.header-leadgen {
    margin: 0 !important;
}

.header-leadgen>.component-inner {
    background: #F3F3EC;
    border-radius: 20px;
    margin: 20px;
    padding-top: 180px !important;
    padding-bottom: 180px !important;
}

.header-leadgen.header-whitepaper>.component-inner {
    background: #F3F3EC;
    border-radius: 20px;
    margin: 20px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.header-leadgen>.component-inner .container {
    padding-left: 0;
    padding-right: 0;
}

.header-leadgen .form-content {
    margin-top: -95px;
}

.header-leadgen .form-content .component-inner {
    /*background:transparent;*/
    /*border-radius:0;*/
    /*margin:0;*/
}

.header-leadgen .form-content .container {
    border-radius: 20px;
    background: #fff !important;
}

.header-leadgen .form-content .text-left {
    padding-left: 70px;
}

.header-leadgen .form-content .component-main {
    border-radius: 20px;
    background: #fff !important;
}

.header-leadgen .component-main .form .inner {
    background: #fff;
}

.header-leadgen .whitepaper-image .item .image {
    z-index: 15;
    max-width: 250px;
    margin: auto;
}

.header-leadgen .component.usn_cmp_splitcomponent .component-main>.item.item_block {}

.header-leadgen .leadgen-form {
    z-index: 0 !important;
}

.download-btn-icon .link {
    color: #0130ff !important;
    border-color: #0130ff !important;
}

.download-btn-icon .link .btn {
    position: relative;
    padding-right: 50px !important;
    color: #0130ff !important;
    border-color: #0130ff !important;
    padding-left: 30px !important;
}

..download-btn-icon .inner a:hover,
..download-btn-icon .link .btn span:hover,
.download-btn-icon .link .btn:hover {
    color: #0130ff !important;
    border-color: #0130ff !important;
}

.download-btn-icon .link .btn::before {
    display: none;
}

.download-btn-icon .link .btn::after {
    display: block;
    content: '';
    border: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
    /*background-image: url(/media/t15fdoys/download-regular.svg);*/
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #0130ff !important;
    mask-image: url(/media/t15fdoys/download-regular.svg);
}

.download-btn-icon .link:hover .btn::after {
    background-color: #0130ff !important;
    mask-image: url(/media/t15fdoys/download-regular.svg);
}

.download-btn-icon .link .btn:hover {
    /*margin-left: 0;*/
    /*padding-left: 0 !important;*/
}

.sticky-button.download-btn-icon .button-cta {
    position: relative;
    padding-right: 50px !important;
    padding-left: 30px !important;
}

.sticky-button.download-btn-icon .button-cta::after {
    display: block;
    content: '';
    border: none;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 10px;
    /*background-image: url(/media/t15fdoys/download-regular.svg);*/
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #fff !important;
    mask-image: url(/media/t15fdoys/download-regular.svg);
}

.sticky-button.download-btn-icon .button-cta::after {
    background-color: #fff !important;
    mask-image: url(/media/t15fdoys/download-regular.svg);
}

@media(max-width:992px) {
    .header-leadgen>.component-inner {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .header-leadgen.header-whitepaper>.component-inner {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .header-leadgen .form-content .text-left {
        padding-left: 70px;
        padding-top: 100px;
        padding-right: 70px;
    }

    .header-leadgen .whitepaper-image .item .image {
        z-index: 15;
        max-width: 180px;
        margin: auto;
    }

    .header-leadgen .component.usn_cmp_splitcomponent.form-content .component-main>.item.item_block {
        padding: 0 !important;
    }
}


@media (min-width:1200px) {
    .header-leadgen>.component-inner {}
}

.header-leadgen .component-inner h1 {
    color: #000;
}

@media (min-width: 992px) {
    .header-leadgen .component-inner h1 {
        font-size: 44px;
        color: #000;
    }

}

.leadgen-form .form-control::placeholder,
.leadgen-form input::placeholder,
.leadgen-form textarea::placeholder {
    color: #000 !important;
}

.split-bottom-border .container {
    padding-bottom: 70px;
    border-bottom: 1px solid #000;
}

.steps-borders .listing .item .inner {
    padding: 50px;
    padding-bottom: 80px;
    border: 1px solid #000 !important;
    border-radius: 30px !important;
}

.steps-borders .listing .item {
    position: relative;
    margin-bottom: 30px;
}

.steps-borders .listing .item:nth-child(odd) {
    top: 30px;
}

@media(max-width:992px) {
    .steps-borders .listing .item:nth-child(odd) {
        top: inherit;
    }
}

.steps-borders .listing {
    counter-reset: item;
    position: relative;
}

.steps-borders .listing .item {
    position: relative;
}

.steps-borders .listing .item::before {
    content: counter(item) " ";
    counter-increment: item;
    position: absolute;
    right: 50px;
    bottom: 50px;
    /* margin-left: 0; */
    font-size: 30px;
    font-weight: bold;
    color: black;
}

.steps-borders .listing .slick-track {
    counter-reset: item -1;
    position: relative;
}

.steps-borders .listing .slick-track .item::before {
    content: counter(item) " ";
    counter-increment: item;
}

@media(max-width:1366px) {
    .steps-borders .listing .item .inner {
        padding: 25px;
        padding-bottom: 80px;
    }

    .steps-borders .listing .item .heading {
        font-size: 20px;
    }
}

@media (min-width: 1350px) {
    .usps-blocks .container {
        max-width: 1080px;
    }
}

.usps-blocks.services-links .services-links-left {
    padding-right: 50px;
}

.usps-blocks.services-links .services-links-left::before {
    background: #5AFFB1;
    width: 40vw;
}

.usps-blocks.services-links .services-links-left .item .info .heading:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f340';
    left: 0;
    right: inherit;
    color: #F64C64;
    font-size: 24px;
}

.usps-blocks.services-links .services-links-left .heading {
    padding-left: 0 !important;
}

.usps-blocks.services-links .services-links-left,
.usps-blocks.services-links .services-links-left .heading,
.usps-blocks.services-links .services-links-left p,
.usps-blocks.services-links .services-links-left a {
    color: #0C4129 !important;
}

.usps-blocks.services-links .services-links-left .item .info .heading {
    border-bottom: 1px solid transparent !important;
}

.usps-blocks.services-links .services-links-left .item .info,
.usps-blocks.services-links .services-links-right .item .info {
    padding-left: 40px;
}

.usps-blocks.services-links .services-links-right {
    padding-right: 50px;
    background-color: #F3F3EC;
}

.usps-blocks.services-links .services-links-right .item .info .heading:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f340';
    left: 0;
    right: inherit;
    color: #F64C64;
    font-size: 24px;
}

.usps-blocks.services-links .services-links-right .heading {
    padding-left: 0 !important;
}

.usps-blocks.services-links .services-links-right,
.usps-blocks.services-links .services-links-right .heading,
.usps-blocks.services-links .services-links-right p,
.usps-blocks.services-links .services-links-right a {
    color: #0C4129 !important;
}

.usps-blocks.services-links .services-links-right .item .info .heading {
    border-bottom: 1px solid transparent !important;
}

.usps-blocks.services-links .services-links-left .inner .info .text,
.usps-blocks.services-links .services-links-right .inner .info .text,
.usps-blocks.services-links .services-links-left .inner .image,
.usps-blocks.services-links .services-links-right .inner .image {
    display: block;
}

.usps-blocks.services-links .services-links-left .item .info .heading,
.usps-blocks.services-links .services-links-right .item .info .heading {
    font-size: 30px;
}

.usps-blocks.services-links .services-links-left .item .info .heading:before,
.usps-blocks.services-links .services-links-right .item .info .heading:before {
    top: 0;
}

@media(max-width:992px) {
    .usps-blocks.services-links .services-links-left::before {
        width: 100%;
    }

    .usps-blocks.services-links .services-links-left .listing {
        padding-top: 30px !important;
    }

    .usps-blocks.services-links .services-links-right .listing {
        padding-top: 30px !important;
    }
}

.form-btn-blue .reset-btn {
    border-color: rgba(var(--c7-btn-borders), 1) !important;
    background: rgba(var(--c7-btn-bg-color1), 1) !important;
    overflow: visible !important;
    display: inline-flex;
    margin: 0;
    float: right;
    width: auto;
    height: auto;
    padding: 15px 30px 15px 30px;
    border-radius: 50px;
    font-size: 20px;
    text-align: left;
    font-weight: 500;
    color: #fff;
}

.anchor-block .container {
    border-radius: 20px;
    background: rgba(var(--c10-bg-color1), 1);

}

@media (min-width: 1350px) {
    .anchor-block .container {
        max-width: 1080px;
    }
}


.anchor-block .usn_cmp_anchornavigation .container {
    padding-bottom: 50px;
}

.anchor-block .component.usn_cmp_anchornavigation {
    box-shadow: none !important;
}

.cta-rounded-green .container {
    background: #0C4129 !important;
    border-radius: 300px;
    padding: 30px 50px 30px 50px !important;
    color: white;
}

.cta-rounded-green .info .heading,
.cta-rounded-green .info h3,
.cta-rounded-green .info p {
    color: white !important;
}

@media (min-width:1200px) {
    .cta-rounded-green .container {
        max-width: 1080px;
    }
}

@media (max-width:992px) {
    .cta-rounded-green {
        margin: 20px;
    }

    .cta-rounded-green .container {
        border-radius: 20px;
    }
}

.leadgen-download-btn .component-outro {
    padding-top: 0 !important;
}

.award-logos .listing .item .image {
    border-radius: 0 !important;
}

.award-logos .listing .item .image img {
    border-radius: 0;
    height: 155px;
    width: auto;
}

@media (max-width:992px) {
    .award-logos .listing .item {
        max-width: 50%;
        flex: 0 0 50%;
    }
}


.leadgen-quotes .item .inner .heading {
    color: rgba(var(--base-heading), 1);
}


.leadgen-quotes .item .inner {
    border: 1px solid blue;
    border-radius: 20px;
    padding: 50px 60px;
}

.leadgen-quotes .item .inner:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    width: 100px;
    height: 70px;
    background-image: url(/media/a2bdsc2b/icon-quote-left.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #f3f3ec;
}

.leadgen-quotes .item .inner:after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 100px;
    height: 70px;
    background-image: url(/media/m0xnod5s/icon-quote-right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: #f3f3ec;
}

@media(min-width:1200px) {
    .leadgen-quotes .item .inner .heading {
        font-size: 30px;
        line-height: 36px;
        color: rgba(var(--base-heading), 1);
    }

    .leadgen-quotes .item {
        padding: 50px !important;

    }

}

@media(max-width:992px) {
    .leadgen-quotes .item .inner .heading {
        font-size: 16px;
        line-height: 22px;
    }

    .leadgen-quotes .item .inner:before,
    .leadgen-quotes .item .inner:after {
        transform: scale(0.5);
        width: 50px;
    }

    .leadgen-quotes .item .inner {
        padding: 20px;
        width: 90%;
        margin: auto;
    }

    .content.leadgen-quotes.component:not(.gallery) .content-col.center-col.col {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .leadgen-quotes .slick-slider:not(.listing_no-spacing) .slick-prev {
        left: -15px !important;
    }

    .leadgen-quotes .slick-slider:not(.listing_no-spacing) .slick-next {
        right: -15px !important;
    }
}

.leadgen-quotes .slick-prev i.icon,
.leadgen-quotes .slick-prev i.icon:before {
    color: #000 !important;
}

.leadgen-quotes .slick-next i.icon,
.leadgen-quotes .slick-next i.icon:before {
    color: #000 !important;
}

.leadgen-quotes .item .image {
    max-width: 200px;
}

.leadgen-portfolio-btn .info .link {
    text-align: center !important;
}

/**** END DIENSTEN NIEUW ****/
.full-screen-slider.no-links:before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: absolute;
}

.full-screen-slider.no-links {
    padding-top: 150px !important;
    padding-bottom: 100px !important;
}

.full-screen-slider.no-links .slick-slider .heading {
    font-size: 30px !important;
    width: 100% !important;
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #beb3c8 !important;
}

.french .four-images-right .heading {
    font-size: 75px !important;
}

/* Before After slider */

.slider-container {
    width: 100%;
    height: 44vh;
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: 20px;
}

.slider-container .slider-image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute !important;
    top: 0px;
    left: 0px;

}

div.before {
    width: 50%;
    z-index: 2;
}

div.after {
    width: 100%;
    z-index: 1;
}

input.slider {
    width: 100%;
    height: 100%;
    outline: none;
    background-color: transparent;
    position: absolute;
    margin: 0;
    padding: 0 !important;
    z-index: 3;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -webkit-transition: 0.25s all ease-in-out;
    z-index: 4;
}

input.slider::-moz-range-thumb {
    width: 6px;
    height: 100%;
    background-color: white;
    cursor: pointer;
}

input.slider::-webkit-slider-thumb {
    width: 6px;
    height: 100vh;
    background-color: white;
    cursor: pointer;
    appearance: none;
}

.slider-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-broder-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: white;
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    cursor: pointer;
    z-index: 3;
}

.slider-button::before {
    color: #555;
    font-family: "Font Awesome 5 Pro";
    content: "\f053";
    /*content: "\02C2";*/
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    left: 4px;
}

.slider-button::after {
    color: #555;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    /*content: "\02C3";*/
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    position: absolute;
    top: 0px;
    right: 4px;
}

@media (max-width: 1680px) {
    div.slider-container {
        width: 100%;
        height: 42vh;
        margin: 20px 0;
    }
}

@media (max-width: 1366px) {
    div.slider-container {
        width: 100%;
        height: 45vh;
        margin: 20px 0;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    div.slider-container {
        width: 100%;
        height: 35vh;
        margin: 20px 0;
    }
}

@media (max-width: 1024px) and (orientation: portrait) {
    div.slider-container {
        width: 100%;
        height: 20vh;
        margin: 20px 0;
    }
}

@media (max-width: 767px) {
    div.slider-container {
        width: 100%;
        height: 24vh;
        margin: 20px 0;
    }
}

.sticky-cta-button .btn {
    position: fixed;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 260px;
    margin: auto;
    top: 100px;
    left: 42%;
    right: 42%;
    z-index: 99999;
    display: none !important;
}

.sticky-cta-button:hover .btn.c8-btn-text {
    color: #fff !important;
}

/* End Before/After slider */
.text-black .heading {
    color: black !important;
}

.fw-normal .heading {
    font-weight: 400 !important;
}

.bg-split-50 {
    position: relative;
    z-index: 3;
}

.bg-split-50 .bg {
    background-color: #fff;
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

/* Breadcrumb link hack */
.simple-link .listing.listing_links.listing_links-mini .item a::after,
.simple-link .listing.listing_links.listing_links-mini .item a .icon {
    display: none;
}

.simple-link .listing.listing_links.listing_links-mini .item a {
    padding-left: 0;
    text-decoration: underline !important;
}

.simple-link {
    position: absolute;
    top: -25px;
}

/* End Breadcrumb link hack */
@media (min-width:992px) {
    .diensten-button-offset {
        margin-top: -275px;
    }
}

@media(min-width:0) and (max-width:575px) {
    .component.usn_cmp_banner .item.item_scale-banner .info {
        padding: 50px var(--base-half-spacing) !important;
    }
}

.bg-position-bottom-right .image {
    background-position: bottom right !important;
}

.hoehebjedezevacaturegevonden {
    margin-bottom: 20px !important;
}

/* Motion page */
.banner-btn-scroll .scroll-prompt {
    width: 80px;
    bottom: 80px;
}

.banner-btn-scroll .scroll-prompt a {
    color: #eff170 !important;
    border: 1px solid #eff170 !important;
    background: transparent !important;
    border-radius: 50%;
    height: 80px !important;
}

.banner-btn-scroll .scroll-prompt a i {
    color: #eff170 !important;
    line-height: 75px;
}

.banner-padding .item .inner .info.col {
    padding: 0 12%;
}

.intro-block .intro {
    font-weight: 400 !important;
    font-size: 20px !important;
}

@media (max-width: 1200px) {
    .intro-block .intro {
        font-weight: 400 !important;
        font-size: 17px !important;

    }
}

.border-radius-0 .item.item_takeover-banner,
.border-radius-0 .item.item_takeover-banner .image,
.border-radius-0 .item.item_takeover-banner .image .video {
    border-radius: 0 !important;
}

/* End Motion page */

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
    display: none;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none !important;
}

/* Bugfix position fixed with width 100% + clicking items behind it are blocked */
body.header-17-lg header#site-header #logo {
    pointer-events: all;
}

html[dir="ltr"] body.header-17-lg header#site-header a.expand {
    pointer-events: all;
}

body.header-17-lg header#site-header {
    pointer-events: none;
}

html.reveal-out header#site-header {
    pointer-events:all;
}

/* End Bugfix position fixed  */