:root {
    --color-light-black: #333;
    --color-primary:#2267e9;
    --color-secondary:#ff7858;
    --color-dark: #000;
    --color-light-gray-border: #ddd;
    --color-pitch: #000;
    --color-charcoal: #333;
    --color-darkGrey: #7a7a7a;
    --color-grey: #b0b0b0;
    --color-lightGrey: #ddd;
    --color-almostWhite: #f6f6f6;
    --color-white: #fff;
    --color-trueBlue: #2267e9;
    --color-lightBlue: #c8dbff;
    --color-greyBlue: #9caecf;
    --color-cyan: #6ddded;
    --color-purple: #920bff;
    --color-blueCyan: #37b0aa;
    --color-deepBlack: #060606;
    --color-netural-cyan: #02BECC;
    --color-dark-green:#006259 ;
    --color-neonYellow : #fff000;
    --color-lightneonYellow : #fef880;
    --color-lonavala : #006159;
    --color-isonzo : #02becc;
    --color-almostWhite : #f1f6f6;
    --color-black: #262a2a;
    --color-ocean : #093033;
    --color-deepOcean : #092224;
    --color-deep-lonavala: #015864;
    --color-lightGreyNeutral : #ebedf1;
    --deep-cyan:#0cbbc8;
    --font-Epilogue-Bold :Epilogue-Bold;     
    --font-EpilogueRegular: Epilogue-Regular; 
    --font-Epilogue-Light: Epilogue-Light; 
    --font-Epilogue-Regular: Epilogue-Regular;
    --font-CrimsonPro-ExtraLight: CrimsonPro-ExtraLight; 
    --font-Epilogue-Medium: Epilogue-Medium; 
    --font-Epilogue-SemiBold:  Epilogue-SemiBold; 
    --font-CrimsonPro-Italic:CrimsonPro-Italic;
    --lightheader : #dceeed;
    --fontxl:72px;
    --fontl:48px;
    --font-small:38px;
    --font-medium:44px;
}

 .font-Epilogue-Bold { font-family: var(--font-Epilogue-Bold); }
 .font-EpilogueRegular{ font-family: var(--font-EpilogueRegular); }    
 .font-Epilogue-Light{font-family:var(--font-Epilogue-Light); }
 .font-Epilogue-Regular{font-family:var(--font-Epilogue-Regular); }
 .font-CrimsonPro-ExtraLight {font-family:var(--font-CrimsonPro-ExtraLight); }
 .font-Epilogue-Medium {font-family:var(--font-Epilogue-Medium); }
 .font-Epilogue-SemiBold{font-family:var(--font-Epilogue-SemiBold); }
 .font-Epilogue-Light {font-family:var(--font-Epilogue-Light); }


    .primary-theme-orange-btn:active,
    .primary-theme-orange-btn:hover {
        background-image: linear-gradient(100deg, rgba(255, 255, 255, .5), rgba(0, 0, 0, .5)), linear-gradient(var(--color-neonYellow), var(--color-neonYellow));
        box-shadow: 0 10px 30px -10px var(--color-neonYellow)
    }
    
    .green-button:active,
    .green-button:hover {
        background-image: linear-gradient(100deg, rgba(255, 255, 255, .5), rgba(0, 0, 0, .5)), linear-gradient(var(--color-neonYellow), var(--color-neonYellow));
        box-shadow: 0 10px 30px -10px var(--color-neonYellow)
    }
    
    #header.header-v1,
    .header-v1 #navigation>ul>li {
        height: 80px
    }
    
    #header #navigation>ul.master-menu>li.megamenu>ul>li.sogo-customer-main-cx>a,
    #menu-new-topbar-navigation>li.sogo-resource-avail>a,
    .cursor-pointer,
    .green-button,
    .megamenu_overlay,
    .primary-theme-orange-btn,
    .top-drop-down-select {
        cursor: pointer
    }
    
    .c-link,
    .no-underline {
        text-decoration: none
    }
    
    .c-link>a.sf-with-ul>i::after,
    .c-link>a::after,
    .clearfix:after,
    .sogo-feature-compare:after,
    .top-drop-down-option:before {
        content: ''
    }
    
    @font-face {
        font-family: lotagrotesque-black;
        src: url(font/Webfonts/lotagrotesque_black_macroman/lotagrotesque-black-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_black_macroman/lotagrotesque-black-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-blackit;
        src: url(font/Webfonts/lotagrotesque_blackitalic_macroman/lotagrotesque-blackit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_blackitalic_macroman/lotagrotesque-blackit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-bold;
        src: url(font/Webfonts/lotagrotesque_bold_macroman/lotagrotesque-bold-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_bold_macroman/lotagrotesque-bold-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-boldit;
        src: url(font/Webfonts/lotagrotesque_bolditalic_macroman/lotagrotesque-boldit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_bolditalic_macroman/lotagrotesque-boldit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-exlight;
        src: url(font/Webfonts/lotagrotesque_extralight_macroman/lotagrotesque-exlight-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_extralight_macroman/lotagrotesque-exlight-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-exlightit;
        src: url(font/Webfonts/lotagrotesque_extralightitalic_macroman/lotagrotesque-exlightit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_extralightitalic_macroman/lotagrotesque-exlightit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-regularit;
        src: url(font/Webfonts/lotagrotesque_italic_macroman/lotagrotesque-regularit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_italic_macroman/lotagrotesque-regularit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-light;
        src: url(font/Webfonts/lotagrotesque_light_macroman/lotagrotesque-light-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_light_macroman/lotagrotesque-light-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-lightit;
        src: url(font/Webfonts/lotagrotesque_lightitalic_macroman/lotagrotesque-lightit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_lightitalic_macroman/lotagrotesque-lightit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-regular;
        src: url(font/Webfonts/lotagrotesque_regular_macroman/lotagrotesque-regular-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_regular_macroman/lotagrotesque-regular-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-semibold;
        src: url(font/Webfonts/lotagrotesque_semibold_macroman/lotagrotesque-semibold-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_semibold_macroman/lotagrotesque-semibold-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-semiboldit;
        src: url(font/Webfonts/lotagrotesque_semibolditalic_macroman/lotagrotesque-semiboldit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_semibolditalic_macroman/lotagrotesque-semiboldit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-thin;
        src: url(font/Webfonts/lotagrotesque_thin_macroman/lotagrotesque-thin-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_thin_macroman/lotagrotesque-thin-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesque-thinit;
        src: url(font/Webfonts/lotagrotesque_thinitalic_macroman/lotagrotesque-thinit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesque_thinitalic_macroman/lotagrotesque-thinit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-black;
        src: url(font/Webfonts/lotagrotesquealt1_black_macroman/lotagrotesquealt1-black-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_black_macroman/lotagrotesquealt1-black-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-blackit;
        src: url(font/Webfonts/lotagrotesquealt1_blackitalic_macroman/lotagrotesquealt1-blackit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_blackitalic_macroman/lotagrotesquealt1-blackit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-bold;
        src: url(font/Webfonts/lotagrotesquealt1_bold_macroman/lotagrotesquealt1-bold-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_bold_macroman/lotagrotesquealt1-bold-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-boldit;
        src: url(font/Webfonts/lotagrotesquealt1_bolditalic_macroman/lotagrotesquealt1-boldit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_bolditalic_macroman/lotagrotesquealt1-boldit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-exlight;
        src: url(font/Webfonts/lotagrotesquealt1_extralight_macroman/lotagrotesquealt1-exlight-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_extralight_macroman/lotagrotesquealt1-exlight-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-exlightit;
        src: url(font/Webfonts/lotagrotesquealt1_extralightitalic_macroman/lotagrotesquealt1-exlightit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_extralightitalic_macroman/lotagrotesquealt1-exlightit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-regularit;
        src: url(font/Webfonts/lotagrotesquealt1_italic_macroman/lotagrotesquealt1-regularit-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_italic_macroman/lotagrotesquealt1-regularit-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt2-light;
        src: url(font/Webfonts/lotagrotesquealt1_light_macroman/lotagrotesquealt2-light-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_light_macroman/lotagrotesquealt2-light-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-light;
        src: url(font/Webfonts/lotagrotesquealt1_light_macroman/lotagrotesquealt1-light-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1_light_macroman/lotagrotesquealt1-light-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: lotagrotesquealt1-regular;
        src: url(font/Webfonts/lotagrotesquealt1-regular-webfont.woff2) format('woff2'), url(font/Webfonts/lotagrotesquealt1-regular-webfont.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: 'Backslash Alt';
        src: url(font/Backlash-Font-Duo/OTF/Backlash-Script-Alt.otf);
        src: url(font/Backlash-Font-Duo/TTF/Backlash-Script-Alt.ttf) format("truetype");
        font-display: swap
    }
    
    @font-face {
        font-family: 'Backslash Script';
        src: url(font/Backlash-Font-Duo/OTF/Backlash-Script.otf);
        src: url(font/Backlash-Font-Duo/TTF/Backlash-Script.ttf) format("truetype");
        font-display: swap
    }
    
    @font-face {
        font-family: 'Backslash Small';
        src: url(font/Backlash-Font-Duo/OTF/Backlash-Small-Caps.otf);
        src: url(font/Backlash-Font-Duo/TTF/Backlash-Small-Caps.ttf) format("truetype");
        font-display: swap
    }
    
    @font-face {
        font-family: Epilogue-Black;
        src: url(font/Webfonts/Epilogue_Black/Epilogue-Black.woff2) format('woff2'), url(font/Webfonts/Epilogue_Black/Epilogue-Black.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-BlackItalic;
        src: url(font/Webfonts/Epilogue_BlackItalic/Epilogue-BlackItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_BlackItalic/Epilogue-BlackItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-Bold;
        src: url(font/Webfonts/Epilogue_Bold/Epilogue-Bold.woff2) format('woff2'), url(font/Webfonts/Epilogue_Bold/Epilogue-Bold.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-BoldItalic;
        src: url(font/Webfonts/Epilogue_BoldItalic/Epilogue-BoldItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_BoldItalic/Epilogue-BoldItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-ExtraBold;
        src: url(font/Webfonts/Epilogue_ExtraBold/Epilogue-ExtraBold.woff2) format('woff2'), url(font/Webfonts/Epilogue_ExtraBold/Epilogue-ExtraBold.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-ExtraBoldItalic;
        src: url(font/Webfonts/Epilogue_ExtraBoldItalic/Epilogue-ExtraBoldItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_ExtraBoldItalic/Epilogue-ExtraBoldItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-ExtraLight;
        src: url(font/Webfonts/Epilogue_ExtraLight/Epilogue-ExtraLight.woff2) format('woff2'), url(font/Webfonts/Epilogue_ExtraLight/Epilogue-ExtraLight.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-ExtraLightItalic;
        src: url(font/Webfonts/Epilogue_ExtraLightItalic/Epilogue-ExtraLightItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_ExtraLightItalic/Epilogue-ExtraLightItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-Italic;
        src: url(font/Webfonts/Epilogue_Italic/Epilogue-Italic.woff2) format('woff2'), url(font/Webfonts/Epilogue_Italic/Epilogue-Italic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-Light;
        src: url(font/Webfonts/Epilogue_Light/Epilogue-Light.woff2) format('woff2'), url(font/Webfonts/Epilogue_Light/Epilogue-Light.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-LightItalic;
        src: url(font/Webfonts/Epilogue_LightItalic/Epilogue-LightItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_LightItalic/Epilogue-LightItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-Medium;
        src: url(font/Webfonts/Epilogue_Medium/Epilogue-Medium.woff2) format('woff2'), url(font/Webfonts/Epilogue_Medium/Epilogue-Medium.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-MediumItalic;
        src: url(font/Webfonts/Epilogue_MediumItalic/Epilogue-MediumItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_MediumItalic/Epilogue-MediumItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-Regular;
        src: url(font/Webfonts/Epilogue_Regular/Epilogue-Regular.woff2) format('woff2'), url(font/Webfonts/Epilogue_Regular/Epilogue-Regular.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-SemiBold;
        src: url(font/Webfonts/Epilogue_SemiBold/Epilogue-SemiBold.woff2) format('woff2'), url(font/Webfonts/Epilogue_SemiBold/Epilogue-SemiBold.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-SemiBoldItalic;
        src: url(font/Webfonts/Epilogue_SemiBoldItalic/Epilogue-SemiBoldItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_SemiBoldItalic/Epilogue-SemiBoldItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-Thin;
        src: url(font/Webfonts/Epilogue_Thin/Epilogue-Thin.woff2) format('woff2'), url(font/Webfonts/Epilogue_Thin/Epilogue-Thin.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: Epilogue-ThinItalic;
        src: url(font/Webfonts/Epilogue_ThinItalic/Epilogue-ThinItalic.woff2) format('woff2'), url(font/Webfonts/Epilogue_ThinItalic/Epilogue-ThinItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    @font-face {
        font-family: CrimsonPro-Black;
        src: url(font/Webfonts/CrimsonPro_Black/CrimsonPro-Black.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_Black/CrimsonPro-Black.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-BlackItalic;
        src: url(font/Webfonts/CrimsonPro_BlackItalic/CrimsonPro-BlackItalic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_BlackItalic/CrimsonPro-BlackItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-Bold;
        src: url(font/Webfonts/CrimsonPro_Bold/CrimsonPro-Bold.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_Bold/CrimsonPro-Bold.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-BoldItalic;
        src: url(font/Webfonts/CrimsonPro_BoldItalic/CrimsonPro-BoldItalic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_BoldItalic/CrimsonPro-BoldItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-ExtraBold;
        src: url(font/Webfonts/CrimsonPro_ExtraBold/CrimsonPro-ExtraBold.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_ExtraBold/CrimsonPro-ExtraBold.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-ExtraBoldItalic;
        src: url(font/Webfonts/CrimsonPro_ExtraBoldItalic/CrimsonPro-ExtraBoldItalic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_ExtraBoldItalic/CrimsonPro-ExtraBoldItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-ExtraLight;
        src: url(font/Webfonts/CrimsonPro_ExtraLight/CrimsonPro-ExtraLight.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_ExtraLight/CrimsonPro-ExtraLight.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-ExtraLightItalic;
        src: url(font/Webfonts/CrimsonPro_ExtraLightItalic/CrimsonPro-ExtraLightItalic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_ExtraLightItalic/CrimsonPro-ExtraLightItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-Italic;
        src: url(font/Webfonts/CrimsonPro_Italic/CrimsonPro-Italic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_Italic/CrimsonPro-Italic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-Light;
        src: url(font/Webfonts/CrimsonPro_Light/CrimsonPro-Light.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_Light/CrimsonPro-Light.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-LightItalic;
        src: url(font/Webfonts/CrimsonPro_LightItalic/CrimsonPro-LightItalic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_LightItalic/CrimsonPro-LightItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-Medium;
        src: url(font/Webfonts/CrimsonPro_Medium/CrimsonPro-Medium.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_Medium/CrimsonPro-Medium.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-MediumItalic;
        src: url(font/Webfonts/CrimsonPro_MediumItalic/CrimsonPro-MediumItalic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_MediumItalic/CrimsonPro-MediumItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-Regular;
        src: url(font/Webfonts/CrimsonPro_Regular/CrimsonPro-Regular.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_Regular/CrimsonPro-Regular.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-SemiBold;
        src: url(font/Webfonts/CrimsonPro_SemiBold/CrimsonPro-SemiBold.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_SemiBold/CrimsonPro-SemiBold.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
    
    @font-face {
        font-family: CrimsonPro-SemiBoldItalic;
        src: url(font/Webfonts/CrimsonPro_SemiBoldItalic/CrimsonPro-SemiBoldItalic.woff2) format('woff2'), url(font/Webfonts/CrimsonPro_SemiBoldItalic/CrimsonPro-SemiBoldItalic.woff) format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }

    body {
        font-size: 16px;
        color: var(--color-light-black)
    }
    
    .float-l {
        float: left
    }
    
    .float-r {
        float: right
    }
    
    .clear {
        clear: both
    }
    
    .align-l {
        text-align: left!important
    }
    
    .align-r {
        text-align: right
    }
    
    .align-c {
        text-align: center
    }
    
    .white-text {
        color: var(--color-white)
    }
    
    .black-text {
        color: var(--color-dark)
    }
    
    .bold-text {
        font-weight: 700
    }
    
    .border {
        border: 1px solid var(--color-dark)
    }
    
    .clearfix:after {
        clear: both;
        display: block
    }
    
    .green-button,
    .primary-theme-orange-btn,
    .turqoise-button {
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 16px;
        padding: 16px 24px;
        display: inline-block;
        backface-visibility: hidden;
        text-align: center;
        transition: all .25s ease!important;
        background-blend-mode: overlay, normal;
        line-height: normal;
        outline: 0
    }
    
    .charcoal {
        color: var(--color-light-black)!important
    }
    
    .green-button,
    .primary-theme-orange-btn {
        background-color: var(--color-secondary)!important;
        border-radius: 12px;
        color: var(--color-black);
        border: 0
    }
    
    .green-button:hover,
    .primary-theme-orange-btn:hover {
        transform: scale(1.1);
        color: var(--color-black)
    }
    
    .green-button:active,
    .primary-theme-orange-btn:active {
        transform: scale(1.05)
    }
    
    .turqoise-button {
        border-radius: 12px;
        border: 2px solid var(--color-neonYellow) !important;
        color: var(--color-neonYellow);
        background-color: transparent !important
    }
    
    .turqoise-button:active,
    .turqoise-button:hover {
        color: var(--color-black);
        background: var(--color-neonYellow) !important;
        border: 2px solid transparent !important
    }
    
    .turqoise-button:hover {
        transform: scale(1.1)
    }
    
    .turqoise-button:active {
        transform: scale(1.05)
    }
    
    #logo-navigation {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    
    .menu-new-topbar-navigation-container,
    .top-drop-down-menu {
        display: inline-block
    }
    
    #navigation {
        flex-grow: 1;
        -ms-flex-positive: 1
    }
    
    #menu-new-topbar-navigation .fa-caret-down,
    #navigation .fa-caret-down {
        font-size: 12px
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.sogo_signUp-class>a {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 17px;
        letter-spacing: .5px;
        padding-left: 25px;
        padding-right: 25px
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.sogo_signUp-class a {
        background: #83c340;
        color: var(--color-white)!important;
        padding: 6px 30px!important;
        margin-top: -12px;
        border-radius: 2px;
        font-family: var(--font-Epilogue-SemiBold)
    }
    
    #header.header-v1 div.logo {
        margin-top: 13px
    }
    
    #topbar .topbar-col2 ul.menu li i {
        vertical-align: top
    }
    
    #header #navigation>ul>li.megamenu>ul>li>a {
        text-transform: unset!important
    }
    
    .sogo_signUp-class a:hover {
        background: #74b431!important;
        border-color: #64a509;
        color: var(--color-white)!important;
        box-shadow: 0 4px 14px 0 rgba(182, 182, 182, .7)
    }
    
    .sogo_signUp-class:hover {
        transform: scale(1.03)
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li>a {
          font-family: 'Epilogue-Medium';
        color: var(--color-lightGreyNeutral);
        font-size: 14px;
        margin-top: -2px;
        cursor: pointer;
        letter-spacing: .5px;
    }
    
    #navigation>ul.master-menu>li i.fa-angle-down {
        font-size: 18px;
        vertical-align: text-bottom;
        margin: 0 0 2px 4px;
        font-weight: 400
    }
    
    #topbar .topbar-col2 {
        top: 5px
    }
    
    #navigation .sogo-logo-transparent.header-transparent {
        width: 13%
    }
    
    #logo {
        width: 100%!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.sogo-pricing-new>a {
        font-family: var(--font-Epilogue-SemiBold)
    }
    
    #navigation>ul.master-menu .fa-caret-down {
        color: #99c0cb
    }
    
    #navigation>ul.master-menu>li>ul li a,
    #navigation>ul.master-menu>li>ul ul li a {
        color: #232c35!important;
        font-size: 14px;
        font-family: var(--font-EpilogueRegular)
    }
    
    #navigation>ul.master-menu>li>ul li a:hover,
    #navigation>ul.master-menu>li>ul ul li a:hover {
        color: var(--color-secondary)!important
    }
    
    #navigation>ul.master-menu>li>ul li a span.mega-new-menu,
    #navigation>ul.master-menu>li>ul ul li a span.mega-new-menu {
        margin-left: 10px
    }
    
    #navigation>ul>li.megamenu>ul.sub-menu li.sogo-thrice a {
        color: var(--color-white);
        font-size: 15px;
        font-family: var(--font-Epilogue-SemiBold)
    }
    
    .header-v1 #navigation>ul>li.sogo_signUp-class {
        border-bottom: none!important;
        padding-left: 20px;
        padding-right: 20px
    }
    
    .header-v1 #navigation .sub-menu {
        top: 80px
    }
    
    #topbar {
        background-color: #f5f6f8
    }
    
    #topbar ul.menu li {
        font-size: 14px;
        position: relative
    }
    
    #topbar ul.menu li.menu-login-new a {
        color: #888;
        font-family: var(--font-Epilogue-SemiBold)
    }
    
    #topbar a {
        color: #888
    }
    
    .sogo-logo-transparent img {
        vertical-align: middle
    }
    
    .top-drop-down-menu {
        width: auto;
        position: relative;
        margin-left: 15px
    }
    
    .top-drop-down-select {
        text-align: right;
        border-radius: 3px;
        font-size: 16px;
        line-height: normal
    }
    
    .top-drop-down-option {
        position: absolute;
        top: 39px;
        left: -40%;
        width: 210px;
        padding: 25px 20px;
        border-radius: 3px;
        background-color: var(--color-white);
        box-shadow: 0 -5px 15px -5px rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .3)
    }
    
    .top-drop-down-option:before {
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 0;
        width: 16px;
        height: 16px;
        box-shadow: -3px -3px 8px rgba(0, 0, 0, .03);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        background: var(--color-white)
    }
    
    .top-drop-down-option a {
        display: block;
        font-size: 20px;
        color: #232c35!important;
        line-height: normal;
        padding: 10px 15px
    }
    
    #topbar .top-drop-down-option a:hover {
        background: #eee;
        border-radius: 4px;
        color: #232c35!important
    }
    
    .sogo-landing,
    .sogo-product-icon {
        background-blend-mode: normal, overlay
    }
    
    .sogo-product-icon {
        border-radius: 50%;
        padding: 10px 12px;
        display: inline-block;
        font-size: 18px;
        margin-right: 15px
    }
    
    #navigation>ul.master-menu .sogo-mobile-nav i.fa-caret-down {
        display: none!important
    }
    
    .sogo-prevent-act a {
        pointer-events: none
    }
    
    .sogo-landing.theme-survey,
    .top-drop-down-option a:nth-child(1) .sogo-product-icon {
        background-image: linear-gradient(var(--color-secondary), var(--color-secondary)), linear-gradient(315deg, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25));
        box-shadow: 0 5px 10px -5px var(--color-secondary)
    }
    
    .sogo-landing.theme-poll,
    .top-drop-down-option a:nth-child(2) .sogo-product-icon {
        background-image: linear-gradient(#58c8e7, #58c8e7), linear-gradient(315deg, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25));
        box-shadow: 0 5px 10px -5px #58c8e7
    }
    
    .sogo-landing.theme-quiz,
    .top-drop-down-option a:nth-child(3) .sogo-product-icon {
        background-image: linear-gradient(#99c0cb, #99c0cb), linear-gradient(315deg, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25));
        box-shadow: 0 5px 10px -5px #99c0cb
    }
    
    .top-drop-down-option a:nth-child(3) .sogo-product-icon {
        padding: 10px 13px
    }
    
    .sogo-landing.theme-quiz {
        padding: 4px 13px
    }
    
    .top-drop-down-option a:nth-child(4) .sogo-product-icon {
        background-image: linear-gradient(#7f1bed, #7f1bed), linear-gradient(315deg, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25));
        box-shadow: 0 5px 10px -5px #7e1aec;
        border-radius: 3px;
        padding: 8px 9px 8px 10px
    }
    
    a.sogo-landing-parent {
        font-size: 28px;
        letter-spacing: normal;
        font-family: var(--font-Epilogue-Bold) !important;;
        color: var(--color-light-black)
    }
    
    #top-option,
    #topbar.sogo-topbar,
    a.sogo-landing-parent p:last-child {
        font-family: var(--font-EpilogueRegular)
    }
    
    .sogo-landing {
        border-radius: 50%;
        padding: 4px 12px;
        display: inline-block;
        font-size: 18px;
        margin-right: 10px
    }
    
    a.sogo-landing-parent p {
        margin: 0;
        line-height: 1.1
    }
    
    a.sogo-landing-parent p:last-child {
        font-size: 9px;
        line-height: 1;
        text-align: left;
        color: #888
    }
    
    .sogo-landing-parent,
    .top-drop-down-option a.sogo-sub-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }
    
    .sogo-exam-prod {
        width: 100%
    }
    
    .top-drop-down-option a.sogo-sub-bar p {
        margin: 0
    }
    
    .top-drop-down-option a.sogo-sub-bar p:last-child {
        font-family: var(--font-EpilogueRegular);
        font-size: 11px;
        line-height: 1;
        text-align: left;
        color: #888
    }
    
    .sogo-landing i,
    .sogo-product-icon i {
        color: var(--color-white)
    }
    
    .sogo-sub:hover {
        color: #232c35
    }
    
    .top-show-hide {
        display: none
    }
    
    #top-option {
        color: #888!important;
        font-size: 14px
    }
    
    .top-arrow-caret i {
        color: #888!important;
        font-size: 12px
    }
    
    #topbar.sogo-topbar {
        min-height: 60px;
        line-height: 60px;
        font-size: inherit;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }
    
    .support_menu2 {
        position: absolute;
        background: var(--color-white);
        margin-left: 30px;
        width: 170px;
        padding: 10px 20px;
        font-size: 13px;
        margin-top: 18px;
        list-style: none
    }
    
    .header-v1 #navigation>ul>li>a {
        padding-left: 18px;
        padding-right: 18px
    }
    
    #menu-new-topbar-navigation .sub-menu {
        display: none
    }
    
    #navigation>ul>li>a.sf-with-ul:after {
        display: none!important
    }
    
    #menu-new-topbar-navigation ul.sub-menu,
    #navigation>ul.master-menu>li>ul.sub-menu {
        margin: 0;
        left: 50%;
        border-radius: 3px;
        background-color: var(--color-white);
        box-shadow: 0 -5px 15px -5px rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .3);
        right: 50%;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        position: absolute
    }
    
    #menu-new-topbar-navigation>li>ul.sub-menu>li .sogo-topbar-howto {
        color: var(--color-light-black);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    #menu-new-topbar-navigation>li>ul.sub-menu>li .sogo-topbar-howto:hover {
        color: var(--color-light-black)
    }
    
    #menu-new-topbar-navigation>li:nth-child(1)>ul.sub-menu,
    #menu-new-topbar-navigation>li:nth-child(2)>ul.sub-menu {
        width: 180px;
        top: 36px;
        left: 50%;
        padding: 10px 20px;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0)
    }
    
    #menu-new-topbar-navigation>li>ul.sub-menu>li {
        display: block;
        padding: 10px 0;
        margin: 0!important
    }
    
    #menu-new-topbar-navigation>li>ul.sub-menu>li a {
        color: #232c35!important
    }
    
    .megamenu_overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .6);
        z-index: 4
    }
    
    #navigation>ul.master-menu>li.megamenu {
        position: relative!important
    }
    
    #navigation>ul.master-menu>li.megamenu.sogo-product-megamenu>ul>li:nth-child(1) {
        width: 25%;
        padding: 0 15px
    }
    
    #navigation>ul.master-menu>li.megamenu.sogo-product-megamenu>ul>li:nth-child(2) {
        width: 27%;
        padding: 0 0 0 15px
    }
    
    #navigation>ul.master-menu>li.megamenu.sogo-product-megamenu>ul>li:nth-child(3) {
        width: 26%;
        padding: 0 15px
    }
    
    #navigation>ul.master-menu>li.megamenu.sogo-product-megamenu>ul>li:nth-child(4) {
        width: 22%;
        padding: 0 0 0 15px
    }
    
    #navigation>ul.master-menu>li:nth-child(2)>ul.sub-menu {
        width: 665px;
        padding: 20px 0
    }
    
    #navigation>ul.master-menu>li>ul li.sogo-look-feel a span.mega-new-menu,
    #navigation>ul.master-menu>li>ul ul li.sogo-look-feel a span.mega-new-menu {
        display: inline-block;
        vertical-align: middle
    }
    
    #navigation>ul.master-menu>li>ul li.sogo-look-feel-version a span.mega-new-menu,
    #navigation>ul.master-menu>li>ul ul li.sogo-look-feel-version a span.mega-new-menu {
        vertical-align: top
    }
    
    #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu {
        width: 960px;
        padding: 20px 15px
    }
    
    #navigation>ul.master-menu>li.sogo-menu-features>ul li a {
        padding: 8px 6px!important
    }
    
    .sogo-feature-compare:after {
        width: 220px;
        position: absolute;
        top: 45px;
        transform: rotate(0);
        border: 1px solid #d2d2d2;
        left: 0
    }
    
    .sogo-form-newweb {
        margin: 30px 10px 0!important
    }
    
    #navigation>ul.master-menu>li:nth-child(3)>ul.sub-menu {
        width: 270px;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0)
    }
    
    .header-v1 #navigation .pricing_menu_li .sub-menu {
        padding-top: 20px;
        padding-bottom: 20px;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0)
    }
    
    /* #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu li a,
    .header-v1 #navigation .pricing_menu_li .sub-menu li a {
        padding: 8px!important
    } */
    
    #menu-new-topbar-navigation ul.sub-menu:before,
    #navigation>ul.master-menu>li>ul.sub-menu:before {
        content: '';
        position: absolute;
        top: 1px;
        left: 50%;
        z-index: 0;
        width: 16px;
        height: 16px;
        box-shadow: -3px -3px 8px rgba(0, 0, 0, .03);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        background: #093033
    }
    
    #menu-new-topbar-navigation ul.sub-menu,
    #navigation>ul.master-menu ul.sub-menu {
        background: #093033 !important;
    }
    
    #navigation>ul.master-menu>li.megamenu>ul>li {
        width: 50%;
        padding: 0 30px
    }
    
    #navigation>ul.master-menu>li.megamenu>ul>li.sogo-border-nav {
        border-left: solid 1px #eee!important
    }
    
    #navigation>ul.master-menu>li.megamenu>ul>li.sogo-border-nav-left {
        border-right: solid 1px rgba(51, 51, 51, .2)!important
    }
    
    #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu li.sogo-emp-research a {
        font-size: 18px;
        pointer-events: none;
        font-weight: 400;
        padding: 15px 8px 8px!important;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    #header #navigation>ul.master-menu>li.megamenu>ul>li>a {
        margin: 0;
        color: var(--color-light-black);
        font-size: 18px;
        font-weight: 400;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    #header #navigation>ul.master-menu>li.megamenu>ul>li>a:hover {
        color: var(--color-light-black)!important
    }
    
    #header #navigation>ul.master-menu>li.megamenu>ul>li.sogo-mobile-nav.sogo-customer-main-cx>a:hover {
        color: var(--color-secondary)!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.coral-button {
        transition: all .25s ease;
        padding-left: 15px
    }
    
    #header #navigation>ul.master-menu>li.megamenu>ul>li.sogo-mobile-nav>a:hover {
        color: var(--color-light-black)!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.coral-button:hover {
        transform: scale(1.1)
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.coral-button:active {
        transform: scale(1.05);
        color: var(--color-white)
    }
    
    #header.header-transparent.header-v1 #navigation>ul.master-menu>li.coral-button>a {
        color: var(--color-black)!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul.master-menu>li.coral-button {
        padding-top: 39px
    }
    
    #header.header-v1 #navigation>ul>li {
        padding-top: 28px
    }
    
    body #header.header-transparent.header-v1 #navigation>ul#nav>li.coral-button a {
        border-radius: 3px;
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 14px;
        padding: 4px 8px!important;
        margin-top: -15px;
        color: var(--color-black);
        background-color: var(--color-neonYellow);
        outline: 0;
        border: 0;
        text-transform: none!important
    }
    
    body #header.header-v1 #navigation>ul#nav>li>a {
        padding-left: 13px!important;
        padding-right: 13px!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.coral-button a:hover {
        background-image: linear-gradient(105deg, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), linear-gradient(var(--color-neonYellow), var(--color-neonYellow));
        color: var(--color-white);
        background-blend-mode: overlay, normal;
        box-shadow: 0 10px 20px -10px var(--color-neonYellow)
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.demo-button {
        margin-left: 105px!important;
        padding-top: 39px
    }
    
    #header.header-transparent.header-v1 #navigation>ul#nav>li.demo-button a {
        border-radius: 3px;
        border: 2px solid rgba(255, 120, 88, .3);
        color: var(--color-secondary);
        background: 0;
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 14px;
        padding: 3px 18px!important;
        margin-top: -16px;
        transition: all .25s ease;
        text-transform: none!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.demo-button a:hover {
        color: var(--color-secondary);
        background: rgba(255, 120, 88, .3)!important;
        transform: scale(1.1);
        border: 2px solid transparent!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.demo-button a:active {
        transform: scale(1.05);
        color: var(--color-white)
    }
    
    #footer,
    #footer a {
        color: #8998aa
    }
    
    .header-v1 #navigation>ul.master-menu>li:hover {
        border-bottom: 0
    }
    
    #navigation>ul.master-menu>li>ul>li a i.fab,
    #navigation>ul.master-menu>li>ul>li a i.fal,
    #navigation>ul.master-menu>li>ul>li a i.far {
        width: 18px
    }
    
    #footer {
        background-color: #031b25;
        font-size: 14px
    }
    
    #copyright {
        background-color: #03151d
    }
    
    #footer .widget ul li {
        font-size: 14px
    }
    
    #footer .widget h3 {
        font-size: 14px;
        font-family: var(--font-Epilogue-SemiBold)
    }
    
    #copyright .copyright-col2,
    #copyright a {
        font-size: 14px
    }
    
    .c-link {
        display: inline-block;
        color: var(--color-dark)
    }
    
    .c-link>a.sf-with-ul>i::after,
    .c-link>a::after {
        display: block;
        border-bottom: solid 3px var(--color-secondary);
        transform: scaleX(0);
        margin-top: 27px;
        transition: transform 250ms ease-in-out
    }
    
    .c-link>a.sf-with-ul:hover>i::after,
    .c-link>a:hover::after {
        transform: scaleX(1);
        transform-origin: 0 50%
    }
    
    .below_headinfo {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 42px;
        line-height: 1.5em;
        text-align: center;
        color: var(--color-light-black);
        margin: 0 0 10px
    }
    
    h1.below_headinfo {
        margin: 0
    }
    
    .below-sub-headingfont {
        font-family: var(--font-EpilogueRegular);
        font-size: 18px;
        line-height: 1.5;
        text-align: center;
        color: #888
    }
    
    .Build {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 1.625em;
        line-height: normal;
        text-align: center;
        color: var(--color-light-black);
        margin-bottom: 8px
    }
    
    .Survey-software-with,
    .info_midline>p {
        line-height: 1.5;
        text-align: center;
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        color: var(--color-light-black)
    }
    
    .Survey-software-with {
        padding: 0 30px
    }
    
    .info_midline {
        position: relative;
        border-top: .9px solid rgba(45, 62, 80, .19);
        margin: 20px 0 10px;
        width: 100%
    }
    
    .info_midline>p {
        position: absolute;
        left: 50%;
        top: 50%;
        background-color: #f4f6f7;
        transform: translate(-50%, -55%);
        -ms-transform: translate(-50%, -55%);
        -webkit-transform: translate(-50%, -55%);
        -moz-transform: translate(-50%, -55%);
        -o-transform: translate(-50%, -55%);
        padding: 0 15px;
        letter-spacing: .5px;
        font-weight: 700
    }
    
    .iconbox-style-2 .iconbox-content {
        margin-left: 90px
    }
    
    .card_extra .iconbox-style-2 .iconbox-content {
        min-height: 130px
    }
    
    .card_extra .iconbox {
        margin-bottom: 0!important
    }
    
    .card_header {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 24px;
        color: var(--color-light-black);
        text-align: left!important;
        padding: 10px 0 0!important;
        margin-bottom: -3px!important
    }
    
    .card_header>a:hover {
        color: var(--color-secondary)
    }
    
    .card_infoText {
        width: 355.7px;
        min-height: 75px;
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        color: #888;
        margin: 6px 0 0!important;
        line-height: 1.4
    }
    
    .sogo-container,
    .template-head {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 24px
    }
    
    .iconbox h2,
    .iconbox h3 {
        margin: 0
    }
    
    .sogo-container {
        line-height: 1.5em;
        color: var(--color-light-black);
        margin: 0 0 10px
    }
    
    .specific-imagebox .imagebox {
        min-height: 475px
    }
    
    .template-head {
        line-height: normal;
        letter-spacing: normal;
        color: var(--color-light-black)
    }
    
    .temp-content-home {
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: normal;
        color: var(--color-light-black)
    }
    
    .More-from-Customer-E,
    .Net-Promoter-Score-S,
    .Related-Sample,
    .read-more-link,
    .survey_open_link:hover {
        font-family: var(--font-Epilogue-SemiBold)
    }
    
    .read-more-link {
        display: block;
        margin-top: 15px;
        text-transform: capitalize;
        font-size: 16px;
        color: var(--color-secondary)
    }
    
    .read-more-link:hover,
    .template-head>a:hover {
        color: var(--color-secondary)
    }
    
    .shadow_new_box>.wpb_wrapper {
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .28);
        transition: all .4s linear
    }
    
    .shadow_new_box>.wpb_wrapper:hover {
        box-shadow: 0 5px 25px 6px rgba(146, 146, 146, .3)
    }
    
    .Related-Sample {
        color: var(--color-light-black);
        font-size: 24px;
        margin-top: 7px;
        margin-bottom: 10px
    }
    
    .Net-Promoter-Score-S {
        line-height: 1.17;
        color: var(--color-secondary);
        text-align: justify;
        font-size: 16px
    }
    
    .BACK-TO-TEMPLATES:hover,
    .BACK-TO-TOP:hover,
    .Net-Promoter-Score-S:hover {
        color: var(--color-secondary)!important
    }
    
    .related_link p {
        margin: 0 0 10px
    }
    
    .More-from-Customer-E {
        line-height: 1.5;
        color: var(--color-light-black)!important;
        text-align: justify;
        font-size: 16px
    }
    
    .survey_open_link {
        float: right;
        position: relative;
        color: var(--color-secondary);
        padding: 6px 18px;
        border: 1px solid var(--color-secondary);
        font-size: 16px;
        background: linear-gradient(to right, transparent 50%, var(--color-secondary) 50%);
        background-size: 202% 100%;
        background-position: left bottom;
        margin-left: 10px;
        transition: all .45s ease!important
    }
    
    .survey_open_link:hover {
        background-position: right bottom;
        color: var(--color-white)!important;
        border: 1px solid var(--color-secondary)
    }
    
    .sogo-midbox .col.span_12.color-dark.left {
        display: flex;
        align-items: center
    }
    
    .data-mangmnt-head,
    .left_cardheader {
        font-family: lotagrotesque-black;
        font-size: 24px;
        line-height: 1.4;
        color: var(--color-light-black);
        margin: 0 0 4px
    }
    
    .data-mangmnt-cont,
    .left_cardinfo {
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        line-height: 1.5;
        text-align: justify;
        color: var(--color-light-black)
    }
    
    .txt_Fulll1-cust-exp {
        padding-right: 60px;
        padding-left: 60px
    }
    
    .temp-survey {
        font-size: 32px;
        font-family: var(--font-Epilogue-SemiBold);
        color: var(--color-light-black)
    }
    
    .temp_infosurvey,
    .temp_maininfo {
        line-height: 1.5;
        color: var(--color-light-black);
        font-family: var(--font-EpilogueRegular)
    }
    
    .temp_infosurvey {
        font-size: 18px;
        text-align: left
    }
    
    .temp_maininfo {
        text-align: justify;
        font-size: 16px
    }
    
    .blue-banner-info {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 36px;
        font-style: normal;
        font-stretch: normal;
        line-height: 39px;
        letter-spacing: normal;
        color: var(--color-white);
        margin: 0
    }
    
    .promoter-nested-list-sogo li,
    .sogo-pricing-bottom {
        font-family: var(--font-EpilogueRegular);
        letter-spacing: normal;
        color: var(--color-light-black)
    }
    
    .blue-banner-btn {
        text-align: left;
        margin: 0
    }
    
    .promoter-nested-list-sogo {
        min-height: 460px
    }
    
    .promoter-nested-list-sogo li {
        font-size: 14px;
        line-height: 1.1;
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
        margin-left: 6px;
        padding: 10px 0 1px 5px
    }
    
    .sogo-pricing-bottom {
        font-size: 16px;
        line-height: 1.4;
        text-align: center
    }
    
    .ss-m-tb {
        margin: 42px 0 40px 0
    }
    
    .ss-typo_super-left {
        font-size: 96px;
        line-height: 1;
        letter-spacing: -2px;
        color: var(--color-charcoal);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_super-center {
        font-size: 96px;
        line-height: 1;
        letter-spacing: -2px;
        color: var(--color-charcoal);
        text-align: center;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_super-right {
        font-size: 96px;
        line-height: 1;
        letter-spacing: -2px;
        color: var(--color-charcoal);
        text-align: right;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading1-left {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -.5px;
        color: var(--color-charcoal);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading1-center {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -.5px;
        color: var(--color-charcoal);
        text-align: center;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading1-right {
        font-size: 48px;
        line-height: 1;
        letter-spacing: -.5px;
        color: var(--color-charcoal);
        text-align: right;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading2-left {
        font-size: 36px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.5px;
        color: var(--color-charcoal);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading2-center {
        font-size: 36px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.5px;
        color: var(--color-charcoal);
        text-align: center;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading2-right {
        font-size: 36px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -.5px;
        color: var(--color-charcoal);
        text-align: right;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading3-left {
        font-size: 28px;
        line-height: 1.14;
        letter-spacing: -.25px;
        color: var(--color-charcoal);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_heading3-center {
        font-size: 28px;
        font-family: var(--font-Epilogue-Bold) !important;;
        line-height: 1.14;
        letter-spacing: -.25px;
        color: var(--color-charcoal);
        text-align: center
    }
    
    .ss-typo_heading3-right {
        font-size: 28px;
        font-family: var(--font-Epilogue-Bold) !important;;
        line-height: 1.14;
        letter-spacing: -.25px;
        color: var(--color-charcoal);
        text-align: right
    }
    
    .ss-typo_heading4-left {
        font-size: 20px;
        line-height: 1.2;
        color: var(--color-charcoal);
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_heading4-center {
        margin: 40px 0 43px 0;
        font-size: 20px;
        line-height: 1.2;
        color: var(--color-charcoal);
        text-align: center;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_heading4-right {
        font-size: 20px;
        line-height: 1.2;
        color: var(--color-charcoal);
        text-align: right;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_heading6-left {
        font-size: 12px;
        font-family: var(--font-Epilogue-Bold) !important;;
        letter-spacing: 1px;
        color: var(--color-charcoal)
    }
    
    .ss-typo_heading6-center {
        font-size: 12px;
        font-family: var(--font-Epilogue-Bold) !important;;
        letter-spacing: 1px;
        color: var(--color-charcoal);
        text-align: center
    }
    
    .ss-typo_heading6-right {
        font-size: 12px;
        font-family: var(--font-Epilogue-Bold) !important;;
        letter-spacing: 1px;
        color: var(--color-charcoal);
        text-align: right
    }
    
    .ss-typo_para-l-left {
        font-size: 20px;
        line-height: 1.4;
        color: var(--color-charcoal);
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-l-center {
        font-size: 20px;
        line-height: 1.4;
        color: var(--color-charcoal);
        text-align: center;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-l-right {
        font-size: 20px;
        line-height: 1.4;
        color: var(--color-charcoal);
        text-align: right;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-m-left {
        font-size: 18px;
        line-height: 1.5;
        color: var(--color-charcoal);
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-m-center {
        margin: 24px 0 38px 0;
        font-size: 18px;
        line-height: 1.5;
        color: var(--color-charcoal);
        text-align: center;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-m-right {
        font-size: 18px;
        line-height: 1.5;
        color: var(--color-charcoal);
        text-align: right;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-sm-left {
        font-size: 14px;
        line-height: 1.43;
        color: var(--color-charcoal)
    }
    
    .ss-typo_para-sm-center {
        font-size: 14px;
        line-height: 1.43;
        color: var(--color-charcoal);
        text-align: center;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-sm-right {
        font-size: 14px;
        line-height: 1.43;
        color: var(--color-charcoal);
        text-align: right;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-type_classic-left {
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        line-height: 1.25;
        color: var(--color-charcoal);
        font-family: CrimsonText-SemiboldItalic
    }
    
    .ss-type_classic-center {
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        line-height: 1.25;
        color: var(--color-charcoal);
        text-align: center;
        font-family: CrimsonText-SemiboldItalic
    }
    
    .ss-type_classic-right {
        font-size: 16px;
        font-weight: 600;
        font-style: italic;
        line-height: 1.25;
        color: var(--color-charcoal);
        text-align: right;
        font-family: CrimsonText-SemiboldItalic
    }
    
    .ss-typo_classic-cap-left {
        font-family: CrimsonText-Italic;
        font-size: 16px;
        font-style: italic;
        line-height: 1.25;
        color: var(--color-charcoal);
        text-transform: uppercase
    }
    
    .ss-typo_classic-cap-center {
        font-family: CrimsonText-Italic;
        font-size: 16px;
        font-style: italic;
        line-height: 1.25;
        color: var(--color-charcoal);
        text-transform: uppercase;
        text-align: center
    }
    
    .ss-typo_classic-cap-right {
        font-family: CrimsonText-Italic;
        font-size: 16px;
        font-style: italic;
        line-height: 1.25;
        color: var(--color-charcoal);
        text-transform: uppercase;
        text-align: right
    }
    
    .ss-typo_para-l {
        font-size: 20px;
        line-height: 1.4;
        color: var(--color-charcoal);
        cursor: pointer;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-m {
        font-size: 18px;
        line-height: 1.5;
        color: var(--color-darkGrey);
        cursor: pointer;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-sm {
        font-size: 14px;
        line-height: 1.29;
        color: var(--color-charcoal);
        cursor: pointer;
        font-family: var(--font-EpilogueRegular)
    }
    
    .ss-typo_para-l:hover,
    .ss-typo_para-m:hover,
    .ss-typo_para-sm:hover {
        font-weight: 700;
        color: var(--color-pitch);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-typo_para-l:active,
    .ss-typo_para-l:link,
    .ss-typo_para-l:visited,
    .ss-typo_para-m:active,
    .ss-typo_para-m:link,
    .ss-typo_para-m:visited,
    .ss-typo_para-sm:active,
    .ss-typo_para-sm:link,
    .ss-typo_para-sm:visited {
        font-weight: 700;
        color: var(--color-secondary);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .ss-color-w {
        color: var(--color-white)
    }
    
    .ss-color-orange {
        color: var(--color-secondary)
    }
    
    .ss-web-primetheme {
        color: var(--color-secondary)
    }
    
    .ss-typo-primary-btn-l {
        padding: 16px 24px !important;
        border-radius: 12px;
        background-color: var(--color-neonYellow)!important;
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 18px;
        font-weight: 700;
        color: var(--color-black);
        cursor: pointer
    }
    
    .ss-typo-primary-btn-m {
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 16px;
        line-height: 1.5;
        color: var(--color-white);
        padding: 8px 16px!important;
        border-radius: 3px;
        background-color: var(--color-secondary)!important;
        cursor: pointer
    }
    
    .ss-typo-primary-btn-sm {
        padding: 8px 12px!important;
        border-radius: 3px;
        color: var(--color-white);
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 12px;
        font-weight: 700;
        background-color: var(--color-secondary)!important;
        cursor: pointer
    }
    
    .ss-typo-secondary-btn-l {
        border-radius: 3px;
        border: 2px solid rgba(255, 120, 88, .3);
        color: var(--color-secondary);
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 18px;
        padding: 13px 20px 12px!important;
        transition: all .25s ease!important;
        text-transform: none!important
    }
    
    .ss-typo-secondary-btn-m {
        border-radius: 3px;
        border: 2px solid rgba(255, 120, 88, .3);
        color: var(--color-secondary);
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 16px;
        padding: 8px 16px;
        transition: all .25s ease!important;
        text-transform: none!important
    }
    
    .ss-typo-secondary-btn-sm {
        border-radius: 3px;
        border: 2px solid rgba(255, 120, 88, .3);
        color: var(--color-secondary);
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 12px;
        padding: 8px 16px;
        transition: all .25s ease!important;
        text-transform: none!important
    }
    
    .ss-typo-secondary-btn-l:hover,
    .ss-typo-secondary-btn-m:hover,
    .ss-typo-secondary-btn-sm:hover {
        background: rgba(255, 120, 88, .3)!important;
        transform: scale(1.1);
        border: 2px solid transparent!important;
        color: var(--color-secondary);
        cursor: pointer
    }
    
    .ss-typo-prime-btn-l {
        padding: 13px 20px 12px!important;
        border-radius: 3px;
        background-color: var(--color-trueBlue);
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 18px;
        color: var(--color-white);
        cursor: pointer
    }
    
    .ss-typo-prime-btn-m {
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 16px;
        line-height: 1.5;
        color: var(--color-white);
        padding: 8px 16px!important;
        border-radius: 3px;
        background-color: var(--color-trueBlue);
        cursor: pointer
    }
    
    .ss-typo-prime-btn-sm {
        padding: 8px 12px!important;
        border-radius: 3px;
        color: var(--color-white);
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 12px;
        background-color: var(--color-trueBlue);
        cursor: pointer
    }
    
    .ss-typo-prime-btn-l:hover,
    .ss-typo-prime-btn-m:hover,
    .ss-typo-prime-btn-sm:hover {
        color: var(--color-white);
        background-color: var(--color-pitch)
    }
    
    .ss-typo-sec-btn-l {
        padding: 13px 20px 12px!important;
        border-radius: 3px;
        color: var(--color-trueBlue);
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 18px;
        background-color: var(--color-lightBlue);
        cursor: pointer
    }
    
    .ss-typo-sec-btn-m {
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 16px;
        line-height: 1.5;
        color: var(--color-trueBlue);
        padding: 8px 16px!important;
        border-radius: 3px;
        background-color: var(--color-lightBlue);
        cursor: pointer
    }
    
    .ss-typo-sec-btn-sm {
        padding: 8px 12px!important;
        border-radius: 3px;
        color: var(--color-trueBlue);
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 12px;
        background-color: var(--color-lightBlue);
        cursor: pointer
    }
    
    .ss-typo-sec-btn-l:hover,
    .ss-typo-sec-btn-m:hover,
    .ss-typo-sec-btn-sm:hover {
        color: var(--color-trueBlue);
        background-color: rgba(34, 103, 233, .1)
    }
    
    /* Start custom Popup Modal Content */
    #bannerBtn {
       margin-left: 38%;
       margin-top: 20%;
       position: absolute;
       font-size: 4.5rem;
       z-index: 1;
       background-color: transparent;
       border-color: transparent;

    }
    #bannerBtn .fa-play-circle {
       cursor: pointer;
    }
    #bannerBtn .fad:before {
       color: #fff100;
       cursor: pointer;
       /*opacity: 0;*/
    }
    #bannerBtn .fad.fa-play-circle:after {
       opacity: 1;
       color: #BDBDBD;
    }

    /*End custom Popup*/
    @media screen and (max-width:767px) {
        .ss-typo-primary-btn-l {
            font-size: 16px
        }
    }
    /*CSS for join section*/
    .sogo-blue-bc-Textblock .sub-head-Join {
        margin: 0 0 24.5px;
        font-size: 36px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        text-align: center;
        color: var(--color-secondary);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .sogo-blue-bc-Textblock {
        margin: 80px 200px 45px;
        backdrop-filter: blur(1px);
        padding: 44px 0;
        background-color: rgb(255 255 255 / 0)
    }
    
    .sogo-blue-bc-Textblock h2 {
        margin: 0 0 24.5px;
        font-size: 68px;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        text-align: center;
        font-family: var(--font-CrimsonPro-Italic);
    }
    
    .sogo-blue-bc-hr {
        width: 64px;
        text-align: center;
        margin: 20.5px 300px 0 338px;
        border: solid 3px #ddd
    }
    
    .align-c.sogo-blue-bcs {
        margin: 23.5px 244px 0;
        font-size: 18px;
        line-height: 1.33;
        font-family: var(--font-Epilogue-Bold) !important;
    }

     @media screen and (max-width:767px) {
        .sogo-blue-bc-Textblock {
            margin: 30px 0px 45px;
            padding: 20px 0;            
        }
        .sogo-blue-bc-Textblock h2{
           font-size: 36px;
     }
     .enterprise-video-wrapper #bannerBtn {
          margin-left: 35%;
          margin-top: 30%;
          display: block;
      }
    }
    @media screen and (max-width: 960px) and (min-width: 768px) {
        .sogo-blue-bc-Textblock {
            margin: 80px 17px 45px;
        }
        #bannerBtn {
           margin-left: 20% !important;
           top: 3%;
           font-size: 4rem;
           display: block !important;
           margin-top: 7% !important;
       }
       .watch-video {
           width: 43% !important;
           top: 40% !important;
           left: 25% !important;
       }
    }
     @media (max-device-width: 1024px) and (min-device-height: 768px) and (orientation: landscape) {
       .sogo-blue-bc-Textblock{
          margin: 80px 100px 45px;
      }
      .watch-video{
         left: 70% !important;
         top: 70% !important;
        }
        #bannerBtn{
         display: block !important;
        margin-left: 40% !important;
        margin-top: 22% !important;
        }
    }
    /*End CSS for join section*/
    
    @media only screen and (max-width:1200px) and (min-width:960px) {
        #navigation .sogo-logo-transparent.header-transparent {
            width: 16%
        }
        #header.header-v1 div.logo {
            margin-top: 10px
        }
        .Survey-software-with {
            padding: 0 20px
        }
        .iconbox-style-2 .iconbox-content {
            margin-left: 60px
        }
        .card_extra .iconbox-style-2 .iconbox-content {
            min-height: 140px
        }
        body #header.header-v1 #navigation>ul#nav>li>a {
            padding-left: 10px!important;
            padding-right: 10px!important
        }
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu:before {
            left: 21.5%
        }
        #header.header-transparent.header-v1 #navigation>ul>li.demo-button {
            margin-left: 0!important;
            padding-top: 36px
        }
        #header.header-transparent.header-v1 #navigation>ul.master-menu>li.coral-button {
            padding-top: 36px
        }
        #navigation>ul.master-menu>li>ul.sub-menu {
            transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0)
        }
        .top-drop-down-option a:nth-child(4) .sogo-product-icon {
            padding: 8px 11px 8px 10px!important;
            margin-right: 15px!important
        }
    }
    
    @media screen and (max-width:1024px) and (min-width:768px) {
        .sogo-blue-bc-hr {
            margin: auto
        }
        .align-c.sogo-blue-bcs {
            margin: 23.5px 0 0
        }
    }
    
    @media only screen and (max-width:960px) and (min-width:768px) {
        #mobile-navigation ul li i.fa-chevron-down,
        .mobile-sub-logo .logo_retina,
        .mobile-sub-logo .logo_standard {
            display: none
        }
        #mobile-navigation ul li.current-menu-item.mobile-coral-hide>a {
            color: var(--color-light-black)!important
        }
        .read-more-link {
            font-size: 14px
        }
        .template-head {
            font-size: 18px
        }
        .below_headinfo {
            font-size: 28px
        }
        .card_extra .iconbox-style-2 .iconbox-content {
            min-height: 140px
        }
        .below-sub-headingfont {
            font-size: 16px
        }
        .Survey-software-with {
            padding: 0 5px
        }
        .sogo-blue-bc-Textblock {
            margin: 80px 17px 45px
        }
        .iconbox-style-2 .iconbox-content {
            margin-left: 55px
        }
        .card_infoText {
            width: 250.7px;
            min-height: 85px;
            font-size: 14px;
            margin: 5px 0 0
        }
        .logo.mobile-logo img,
        .sogo-logo-transparent img {
            margin-left: 15px
        }
        .card_header {
            font-size: 18px
        }
        .temp-content-home,
        .top-drop-down-select {
            font-size: 14px
        }
        .txt_Fulll1-cust-exp {
            padding-right: 35px;
            padding-left: 40px
        }
        .header-transparent .logo_retina,
        .header-transparent .logo_transparent,
        .mobile-logo .logo_retina_transparent {
            top: 18px!important
        }
        #mobile-header .mobile-sub-logo.logo {
            margin: 5px 0 0 15px
        }
        .top-drop-down-menu {
            margin-left: 0
        }
        #mobile-navigation {
            z-index: 10!important
        }
        .top-drop-down-option {
            left: -40%;
            top: 36px;
            z-index: 11!important
        }
        .top-drop-down-option a:nth-child(4) .sogo-product-icon {
            padding: 8px 10px!important;
            margin-right: 15px!important
        }
        #topbar .topbar-col2 ul.menu li {
            margin: 0 0 0 15px!important
        }
        .sogo-mobile-nav i.fa-caret-down {
            display: block!important
        }
        #mobile-navigation ul li ul.sub-menu li.sogo-mobile-nav i.fab,
        #mobile-navigation ul li ul.sub-menu li.sogo-mobile-nav i.fal,
        #mobile-navigation ul li.sogo-icon-none i {
            display: none!important
        }
        #mobile-navigation li.open>a,
        #mobile-navigation ul li a:hover,
        #mobile-navigation ul li a:hover [class^=fa-],
        #mobile-navigation ul li.current-menu-ancestor>a,
        #mobile-navigation ul li.current-menu-item>a {
            color: var(--color-secondary)!important
        }
        #mobile-logo .top-drop-down-menu {
            display: none
        }
        .topbar-col1 .logo.mobile-logo img {
            display: none!important
        }
    }
    
    @media only screen and (max-width:767px) {
        .specific-imagebox .imagebox {
            min-height: 400px
        }
        .mobile-coral-hide {
            display: none
        }
        #mobile-navigation ul li.current-menu-item.mobile-coral-hide>a {
            color: var(--color-light-black)!important
        }
        .below_headinfo {
            font-size: 24px
        }
        .below-sub-headingfont,
        .card_infoText,
        .temp-content-home {
            font-size: 14px
        }
        .card_infoText {
            width: 100%;
            min-height: 0;
            margin: 5px 0 0
        }
        .iconbox-style-2 .iconbox-content {
            margin-left: 55px
        }
        .wpb_row .span_12>.col.new_mediainfo {
            padding-top: 10px!important
        }
        .wpb_row .span_12>.col.card_extra {
            padding-top: 0!important;
            padding-bottom: 0!important;
            margin-bottom: 0!important
        }
        .mob_inf1 {
            padding-bottom: 40px!important
        }
        .mob_inf2 {
            padding-top: 40px
        }
        .mob_inf3 {
            padding-top: 40px!important;
            padding-bottom: 0!important
        }
        .temp-survey {
            font-size: 24px
        }
        .sogo-midbox .col.span_12.color-dark.left {
            display: inherit;
            align-items: center
        }
        #mobile-navigation ul li i.fa-chevron-down,
        a.sogo-landing-parent {
            display: none
        }
        #mobile-navigation ul li a {
            color: #232c35!important;
            font-size: 14px;
            font-family: var(--font-EpilogueRegular)
        }
        #mobile-navigation ul li i {
            color: #99c0cb
        }
        #mobile-navigation ul li i:hover,
        #mobile-navigation ul li.current-menu-ancestor>a i,
        #mobile-navigation ul li.open>a i {
            color: var(--color-secondary)
        }
        .sogo-mobile-nav i.fa-caret-down {
            display: block!important
        }
        #mobile-navigation ul li ul.sub-menu li.sogo-mobile-nav i.fab,
        #mobile-navigation ul li ul.sub-menu li.sogo-mobile-nav i.fal,
        #mobile-navigation ul li.sogo-icon-none i {
            display: none!important
        }
        #mobile-navigation li.open>a,
        #mobile-navigation ul li a:hover,
        #mobile-navigation ul li a:hover [class^=fa-],
        #mobile-navigation ul li.current-menu-ancestor>a,
        #mobile-navigation ul li.current-menu-item>a {
            color: var(--color-secondary)!important
        }
        .logo img {
            margin-left: -27px!important
        }
        #mobile-navigation {
            z-index: 10!important
        }
        .top-drop-down-option {
            top: 50px;
            left: -140%;
            width: 160px;
            padding: 25px 20px;
            z-index: 11
        }
        .top-drop-down-option a {
            font-size: 16px;
            padding: 10px 3px
        }
        .top-drop-down-select {
            font-size: 14px
        }
        .top-drop-down-option a.sogo-sub-bar p:last-child {
            font-size: 10px
        }
        .top-drop-down-menu {
            width: auto;
            left: 340%;
            margin-left: 0;
            display: block
        }
        .top-arrow-caret i {
            margin-left: 0
        }
        .sogo-product-icon {
            font-size: 14px
        }
        .top-arrow-caret {
            padding: 5px 20px;
            border: 1px solid #888;
            border-radius: 3px;
            vertical-align: middle;
            margin-left: 5px
        }
        div.top-drop-down-select:hover .top-arrow-caret i {
            color: #888!important
        }
    }
    
    @supports(-ms-ime-align:auto) {
        #header.header-transparent.header-v1 #navigation>ul>li.coral-button a:hover,
        .green-button:active,
        .green-button:hover,
        .primary-theme-orange-btn:active,
        .primary-theme-orange-btn:hover,
        a.orange-coral-btn {
            background-image: linear-gradient(100deg, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1)), linear-gradient(var(--color-neonYellow), var(--color-neonYellow))!important
        }
    }
    
    @media screen and (min-width:0\0) {
        #header.header-transparent.header-v1 #navigation>ul>li.coral-button a:hover,
        .green-button:active,
        .green-button:hover,
        .primary-theme-orange-btn:active,
        .primary-theme-orange-btn:hover,
        .sogo-primary-btn:hover,
        .sogo-primary-li a:hover {
            background-image: linear-gradient(100deg, rgba(255, 255, 255, .3), rgba(0, 0, 0, .1)), linear-gradient(var(--color-neonYellow), var(--color-neonYellow))!important
        }
    }
    
    @media only screen and (max-width:1600px) and (min-width:1500px) {
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu {
            left: 100%
        }
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu:before {
            left: 43.5%
        }
    }
    
    @media only screen and (max-width:1500px) and (min-width:1440px) {
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu {
            left: 180%
        }
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu:before {
            left: 34%
        }
    }
    
    @media only screen and (max-width:1440px) and (min-width:1366px) {
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu {
            left: 210%
        }
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu:before {
            left: 30%
        }
    }
    
    @media only screen and (max-width:1365px) and (min-width:1301px) {
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu {
            left: 200%
        }
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu:before {
            left: 31%
        }
    }
    
    @media only screen and (max-width:1300px) and (min-width:1200px) {
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu {
            left: 235%
        }
        #navigation>ul.master-menu>li:nth-child(1)>ul.sub-menu:before {
            left: 27%
        }
    }
    
    .contentDesc,
    .contentTitle {
        font-family: Open Sans!important
    }
    
    .clear,
    .container:after {
        height: 0;
        visibility: hidden
    }
    
    address,
    cite,
    dfn,
    em,
    i {
        font-style: italic
    }
    
    button,
    input[type=email],
    input[type=password],
    input[type=submit],
    input[type=text],
    textarea {
        -webkit-appearance: none
    }
    
    #navigation ul li,
    #topbar,
    .container,
    small,
    sub,
    sup {
        position: relative
    }
    
    .owl-carousel,
    .owl-carousel .owl-item,
    .owl-theme .owl-controls {
        -webkit-tap-highlight-color: transparent
    }
    
    a,
    abbr,
    acronym,
    address,
    applet,
    article,
    aside,
    audio,
    b,
    big,
    blockquote,
    body,
    canvas,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    details,
    dfn,
    div,
    dl,
    dt,
    em,
    embed,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    mark,
    menu,
    nav,
    object,
    ol,
    output,
    p,
    pre,
    q,
    ruby,
    s,
    samp,
    section,
    small,
    span,
    strike,
    strong,
    sub,
    summary,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    time,
    tr,
    tt,
    u,
    ul,
    var,
    video {
        margin: 0;
        padding: 0;
        border: 0
    }
    
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }
    
    blockquote,
    q {
        quotes: none
    }
    
    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: '';
        content: none
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    
    .container {
        width: 1200px;
        margin: 0 auto;
        padding: 0
    }
    
    .container .column,
    .container .columns {
        float: left;
        display: inline;
        margin-left: 20px;
        margin-right: 20px
    }
    
    .row {
        margin-bottom: 40px
    }
    
    .column.alpha,
    .columns.alpha {
        margin-left: 0
    }
    
    .column.omega,
    .columns.omega {
        margin-right: 0
    }
    
    .container .one.column,
    .container .one.columns {
        width: 35px
    }
    
    .container .two.columns {
        width: 110px
    }
    
    .container .three.columns {
        width: 185px
    }
    
    .container .four.columns {
        width: 260px
    }
    
    .container .five.columns {
        width: 335px
    }
    
    .container .six.columns {
        width: 410px
    }
    
    .container .seven.columns {
        width: 485px
    }
    
    .container .eight.columns {
        width: 560px
    }
    
    .container .nine.columns {
        width: 635px
    }
    
    .container .ten.columns {
        width: 710px
    }
    
    .container .eleven.columns {
        width: 785px
    }
    
    .container .twelve.columns {
        width: 860px
    }
    
    .container .thirteen.columns {
        width: 935px
    }
    
    .container .fourteen.columns {
        width: 1010px
    }
    
    .container .fifteen.columns {
        width: 1085px
    }
    
    .container .sixteen.columns {
        width: 1160px
    }
    
    .container .one-third.column,
    .container .one-third.columns {
        width: 360px
    }
    
    .container .two-thirds.column,
    .container .two-thirds.columns {
        width: 780px
    }
    
    .container .twelve.alt.sidebar-right {
        padding-right: 40px;
        width: 819px;
        border-right: 1px solid #efefef
    }
    
    .container .twelve.alt.sidebar-left {
        padding-left: 40px;
        width: 819px;
        border-left: 1px solid #efefef
    }
    
    #sidebar.sidebar-right #sidebar-widgets {
        border-left: 1px solid #efefef;
        margin-left: -21px;
        padding-left: 40px
    }
    
    #sidebar.sidebar-left #sidebar-widgets {
        border-right: 1px solid #efefef;
        margin-right: -21px;
        padding-right: 40px
    }
    
    .container:after {
        content: "\0020";
        display: block;
        clear: both
    }
    
    .clearfix:after,
    .clearfix:before,
    .row:after,
    .row:before {
        content: '\0020';
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0
    }
    
    .iconbox-style-2.clearfix:before {
        display: none!important
    }
    
    .contentTitle {
        color: #444!important;
        font-weight: 400;
        font-size: 20px!important;
        line-height: 20px;
        margin-bottom: 5px!important
    }
    
    .contentDesc {
        line-height: 1.71!important;
        color: #7d7d7d!important
    }
    
    .newsletterForm {
        margin-top: 0!important
    }
    
    .wrapall,
    p img,
    select {
        margin: 0
    }
    
    .clearfix:after,
    .row:after {
        clear: both
    }
    
    .clearfix,
    .row {
        zoom: 1
    }
    
    .clear {
        clear: both;
        width: 0
    }
    
    body {
        font-family: var(--font-EpilogueRegular), 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.7;
        color: var(--color-light-black);
        -webkit-font-smoothing: antialiased
    }
    
    .wrapall {
        padding: 0;
        background: var(--color-white);
        min-width: 1200px
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    pre {
        margin: 0 0 20px
    }
    
    html {
        overflow-y: scroll
    }
    
    img,
    img.scale-with-grid {
        max-width: 100%;
        height: auto
    }
    
    .minti-error {
        text-align: center;
        background: #fff5f5;
        color: #900;
        font-weight: 600;
        font-size: 16px;
        display: block;
        padding: 20px
    }
    
    .page-template-page-blank-php #content,
    .page-template-page-blank-php #page-wrap,
    body,
    html {
        height: 100%
    }
    
    .page-template-page-blank-php #page-wrap {
        overflow: visible!important
    }
    
    .table-outer {
        display: table;
        height: 100%;
        width: 100%
    }
    
    .table-inner {
        display: table-cell;
        vertical-align: middle
    }
    
    .vertical-center {
        opacity: 0
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: Arial, Helvetica, sans-serif;
        color: #444;
        font-weight: 400;
        padding: 0;
        line-height: 1.4
    }
    
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        font-weight: inherit
    }
    
    h1 {
        font-size: 28px
    }
    
    h2 {
        font-size: 22px
    }
    
    h3 {
        font-size: 26px
    }
    
    h4 {
        font-size: 16px;
        font-weight: 400;
        color: #444
    }
    
    h5 {
        font-size: 14px;
        font-weight: 600
    }
    
    h6 {
        font-size: 12px
    }
    
    .highlight {
        color: var(--color-secondary)
    }
    
    b,
    p strong,
    strong {
        font-weight: 700
    }
    
    p b {
        font-weight: 600
    }
    
    hr {
        border: solid var(--color-light-gray-border);
        border-width: 1px 0 0;
        clear: both;
        margin: 10px 0 30px;
        height: 0
    }
    
    pre {
        height: auto;
        font-family: Consolas, monospace;
        border: 1px solid #e2e2e2;
        background: #f9f9f9;
        padding: 20px;
        border-radius: 3px;
        overflow-x: auto;
        box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .05)
    }
    
    #search-top input,
    select {
        font-family: Arial, Helvetica, sans-serif
    }
    
    .hidden {
        display: none!important
    }
    
    dfn {
        border-bottom: 1px dashed
    }
    
    .widget_contact address,
    p.empName {
        font-style: normal
    }
    
    small,
    sub,
    sup {
        font-size: 11px;
        vertical-align: baseline
    }
    
    .widget_flickr img,
    .widget_sponsor a img {
        vertical-align: top
    }
    
    sub {
        top: 3px
    }
    
    sup {
        bottom: 3px
    }
    
    mark {
        display: inline;
        padding: 2px 4px;
        background-color: #f6f2d6;
        color: #7c6d08;
        border-radius: 3px
    }
    
    button,
    input,
    input[type=submit],
    textarea {
        -webkit-border-radius: 2px
    }
    
    mark.dark {
        background-color: var(--color-light-black);
        color: var(--color-white)
    }
    
    ::selection {
        background: var(--color-blueCyan);
        color: var(--color-white)
    }
    
    ::-moz-selection {
        background: var(--color-blueCyan);
        color: var(--color-white)
    }
    
    a {
        color: var(--color-secondary);
        text-decoration: none;
        outline: 0
    }
    
    a i.fa {
        font-weight: 400!important
    }
    
    a strong {
        color: inherit
    }
    
    #back-to-top a,
    #bbpress-forums a,
    #cancel-comment-reply-link,
    #copyright a,
    #filters a,
    #footer .widget a,
    #footer .widget ul li:after,
    #footer li a,
    #mobile-navigation-btn,
    #mobile-shopping-btn,
    #related-posts ul li a,
    #topbar a,
    .entry-meta a,
    .entry-quote a .quote-source,
    .latest-blog .blog-item h4 a,
    .minti_button,
    .minti_button i,
    .portfolio a,
    .portfolio-filters a,
    .portfolio-item a,
    .post .entry-quote a,
    .post a,
    .product-remove a,
    .product_meta a,
    .sharebox ul li a,
    .social-icon a,
    .widget a,
    .widget_product_tag_cloud a,
    .widget_tag_cloud a,
    .woocommerce a,
    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a,
    .wpb_content_element a,
    .wpb_text_column p a,
    a.button,
    button,
    input[type=submit] {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    a:hover {
        color: #666
    }
    
    p a {
        line-height: inherit
    }
    
    ol,
    ul {
        margin-bottom: 20px;
        margin-left: 30px
    }
    
    ol {
        list-style: decimal
    }
    
    ul {
        list-style: square
    }
    
    ol li ol,
    ol li ul,
    ul li ul {
        margin-bottom: 0
    }
    
    input::-ms-clear {
        width: 0;
        height: 0
    }
    
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=tel],
    input[type=text],
    textarea {
        padding: 10px 12px;
        outline: 0!important;
        border-radius: 2px;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 13px;
        margin: 0 0 20px;
        width: 200px;
        max-width: 100%;
        display: block;
        color: #999;
        line-height: 1.6;
        border: 1px solid var(--color-light-gray-border);
        background: var(--color-white);
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    input[type=email]:focus,
    input[type=password]:focus,
    input[type=tel]:focus,
    input[type=text]:focus,
    textarea:focus {
        color: #666;
        background: var(--color-white);
        outline: 0!important;
        border-color: #999
    }
    
    textarea {
        min-height: 60px
    }
    
    select {
        display: block;
        padding: 10px 12px;
        outline: 0!important;
        border-radius: 2px;
        font-size: 13px;
        line-height: 1.6;
        max-width: 100%;
        color: #999;
        border: 1px solid var(--color-light-gray-border);
        background: var(--color-white)!important
    }
    
    #navigation .sub-menu li a,
    #topbar,
    #topbar ul.menu li {
        font-family: var(--font-EpilogueRegular)
    }
    
    label,
    legend {
        cursor: pointer;
        display: block
    }
    
    label span,
    legend span {
        font-weight: 600
    }
    
    button,
    input[type=button],
    input[type=reset],
    input[type=submit] {
        cursor: pointer;
        outline: 0!important;
        -webkit-font-smoothing: antialiased
    }
    
    #search-top input:focus,
    .flex-container a:active,
    .flex-container a:focus,
    .flexslider a:active,
    .flexslider a:focus,
    div.pp_pic_holder a:focus {
        outline: 0
    }
    
    .boxed-layout {
        width: 1240px;
        padding: 0;
        margin: 0 auto!important;
        background: var(--color-white);
        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        overflow: hidden
    }
    
    .boxed-layout #header {
        width: 1240px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
    }
    
    #topbar {
        z-index: 99999;
        background: #f9f9f9;
        color: #777;
        min-height: 34px;
        line-height: 34px;
        font-size: 11px
    }
    
    #topbar .topbar-col1 {
        float: left;
        margin: 0;
        padding: 0
    }
    
    #topbar .topbar-col2 {
        float: right;
        margin: 0;
        padding: 0
    }
    
    #topbar ul.menu {
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    #topbar ul.menu li {
        list-style: none;
        display: inline-block;
        line-height: 1;
        margin: 0 20px 0 0;
        font-size: 14px
    }
    
    #topbar ul.menu li a {
        display: inline-block;
        letter-spacing: .5px
    }
    
    #topbar .topbar-col2 ul.menu li {
        margin: 0 0 0 25px
    }
    
    #navigation ul {
        margin: 0;
        list-style: none
    }
    
    #navigation ul li {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    #navigation ul li a {
        padding: 0;
        margin: 0;
        display: block;
        font-size: 13px;
        line-height: 1.3;
        color: #555;
        text-align: center;
        -webkit-transition: color .1s;
        -moz-transition: color .1s;
        -ms-transition: color .1s;
        -o-transition: color .1s;
        transition: color .1s
    }
    
    #navigation>ul>li>a {
        font-weight: 700
    }
    
    #navigation ul li a:hover,
    #navigation ul>li:hover>a {
        color: var(--color-secondary)
    }
    
    #navigation li.current-menu-ancestor-xxx>a,
    #navigation li.current-menu-ancestor-xxx>a:hover,
    #navigation li.current-menu-item>a,
    #navigation li.current-menu-item>a:hover,
    #navigation li.current-menu-parent>a,
    #navigation li.current-menu-parent>a:hover,
    #navigation li.current-page-ancestor-xxx>a,
    #navigation li.current-page-ancestor-xxx>a:hover,
    #navigation li.current_page_ancestor-xxx>a,
    #navigation li.current_page_ancestor-xxx>a:hover,
    #navigation>ul>li.sfHover>a {
        color: var(--color-secondary)!important
    }
    
    #navigation .sub-menu li a:hover,
    #navigation ul li ul li.sfHover>a {
        color: var(--color-white)
    }
    
    #navigation .sub-menu {
        width: 270px;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        border: 0;
        z-index: 200;
        border-radius: 0 0 2px 2px;
        display: none
    }
    
    #navigation .sub-menu li {
        float: none;
        border: 0;
        margin: 0 10px;
        padding: 0;
        height: auto;
        position: relative
    }
    
    #navigation .sub-menu li a,
    #navigation .sub-menu ul li a {
        display: block;
        text-align: left;
        text-transform: none;
        /* padding: 10px 6px */
    }
    
    #navigation .sub-menu li a {
        color: var(--color-white);
        font-size: 15px;
        margin: 0;
        border: 0;
        border-bottom: 1px solid #757575
    }
    
    #navigation .sub-menu>li:last-child>a {
        border: none!important
    }
    
    #navigation .sub-menu li:hover {
        border: 0
    }
    
    #navigation .sub-menu li.current-menu-ancestor-xxx>a,
    #navigation .sub-menu li.current-menu-ancestor-xxx>a:hover,
    #navigation .sub-menu li.current-menu-item>a,
    #navigation .sub-menu li.current-menu-item>a:hover,
    #navigation .sub-menu li.current-menu-parent>a,
    #navigation .sub-menu li.current-menu-parent>a:hover,
    #navigation .sub-menu li.current-page-ancestor-xxx>a,
    #navigation .sub-menu li.current-page-ancestor-xxx>a:hover,
    #navigation .sub-menu li.current_page_ancestor-xxx>a,
    #navigation .sub-menu li.current_page_ancestor-xxx>a:hover {
        color: var(--color-secondary)
    }
    
    #navigation .sub-menu ul {
        position: absolute;
        left: 202px;
        margin: 0 0 0 -10px;
        top: 0;
        border-radius: 2px
    }
    
    #navigation .sub-menu ul li a {
        color: #bbb;
        margin: 0;
        border: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1)!important
    }
    
    #navigation ul li ul li.current-menu-item>a {
        color: var(--color-secondary)
    }
    
    #navigation ul li.megamenu {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    #navigation>ul>li.megamenu {
        position: inherit!important;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    #navigation>ul>li.megamenu>ul>li {
        float: left!important;
        padding: 0;
        width: 25%;
        margin: 0
    }
    
    #navigation>ul>li.megamenu>ul>li:last-child {
        border-right: none!important
    }
    
    #navigation ul>li.megamenu.columns-2>ul>li {
        width: 50%
    }
    
    #navigation ul>li.megamenu.columns-3>ul>li {
        width: 33.33%
    }
    
    #navigation ul>li.megamenu.columns-4>ul>li {
        width: 25%
    }
    
    #navigation ul>li.megamenu.columns-5>ul>li {
        width: 20%
    }
    
    #navigation ul>li.megamenu.columns-6>ul>li {
        width: 16.66%
    }
    
    .megamenu li.hiddentitle>a {
        display: none!important
    }
    
    #navigation>ul>li.megamenu>ul>li ul {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block!important;
        top: 0!important;
        left: 0!important;
        margin: 0;
        width: 100%;
        opacity: 1!important;
        position: relative!important;
        border: 0;
        border-radius: 0;
        box-shadow: none
    }
    
    #navigation>ul>li.megamenu>ul>li {
        border-right: 1px solid rgba(255, 255, 255, .1)!important
    }
    
    #navigation>ul>li.megamenu ul li a {
        border-bottom: none!important;
        /* padding: 8px; */
        color: var(--color-white);
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -ms-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s
    }
    
    #navigation>ul>li.megamenu>ul>li>a {
        text-transform: uppercase;
        margin-bottom: 10px;
        font-weight: 700;
        color: var(--color-white);
        cursor: default
    }
    
    #navigation>ul>li.megamenu>ul ul li a:hover,
    #navigation>ul>li.megamenu>ul ul li.current-menu-item a {
        color: var(--color-secondary)!important;
        background-color: transparent!important;
        border: none!important
    }
    
    #navigation>ul>li.megamenu>ul>li.sfHover>a,
    #navigation>ul>li.megamenu>ul>li>a:hover {
        background-color: transparent!important
    }
    
    .header-v3 .navigation-wrap,
    .header-v4 .navigation-wrap {
        background: var(--color-white);
        border-top: 1px solid #efefef
    }
    
    #header,
    #mobile-header {
        background-color: var(--color-white);
        z-index: 8000;
        /* box-shadow: 0 0 2px 1px rgba(0, 0, 0, .16); */
        position: relative
    }
    
    #navigation ul li.megamenu ul li ul li {
        margin: 0;
        padding: 0
    }
    
    #navigation .megamenu .sf-with-ul:after,
    #navigation>ul>li>a.sf-with-ul:after,
    #topbar ul.menu li.support-ul a:after {
        display: none!important
    }
    
    #header {
        width: 100%;
        -webkit-transition: background .2s;
        -moz-transition: background .2s;
        -ms-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s
    }
    
    .logo {
        font-size: 24px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    
    .logo img {
        max-width: 100%;
        height: auto
    }
    
    #slogan {
        float: right;
        margin-top: 20px
    }
    
    .header-v1 #header {
        height: 90px
    }
    
    .header-v1 .logo {
        float: left;
        margin-top: 33px;
        margin-bottom: 0
    }
    
    .header-v1 #navigation {
        float: right
    }
    
    .header-v1 #navigation>ul {
        float: right;
        margin: 0 5px 0 0
    }
    
    .header-v1 #navigation>ul>li {
        height: 90px;
        padding-top: 35px
    }
    
    .header-v1 #navigation>ul>li>a {
        padding-left: 15px;
        padding-right: 15px
    }
    
    .header-v1 #navigation .sub-menu {
        top: 90px
    }
    
    .header-v1 #shopping-btn {
        float: right;
        line-height: 90px;
        margin: 0 0 0 20px;
        width: 21px
    }
    
    .header-v1 #search-btn {
        float: right;
        line-height: 90px;
        margin: 0 0 0 20px;
        width: 23px
    }
    
    .header-v3 .logo {
        float: left;
        margin-top: 30px;
        margin-bottom: 30px
    }
    
    .header-v3 #navigation>ul {
        margin: 0 5px 0 0
    }
    
    .header-v3 #navigation>ul>li>a {
        padding: 20px 30px 20px 0
    }
    
    .header-v3 .navigation-wrap {
        position: relative
    }
    
    .header-v3 #navigation {
        float: left
    }
    
    .header-v3 #shopping-btn {
        float: right;
        margin: 21px 0 0;
        padding-right: 3px;
        line-height: 1
    }
    
    .header-v3 #search-btn {
        float: right;
        margin: 11px 0 0 20px
    }
    
    .header-v4 .logo {
        float: none;
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px
    }
    
    .header-v4 #navigation {
        float: none;
        display: inline;
        text-align: center
    }
    
    .header-v4 #navigation>ul {
        margin: 0
    }
    
    .header-v4 #navigation>ul>li {
        float: none;
        display: inline-block;
        text-align: center
    }
    
    .header-v4 #navigation>ul>li>a {
        padding: 20px 15px
    }
    
    .header-wide-container {
        padding: 0 40px
    }
    
    .header-wide-container #navigation>ul>li.megamenu>ul.sub-menu {
        width: 97%;
        margin: 0 1.5%
    }
    
    #mobile-header {
        display: none;
        height: 90px;
        width: 100%;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    #search-btn,
    #shopping-btn {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s
    }
    
    #mobile-header .logo {
        margin-top: 33px;
        margin-bottom: 0;
        float: left
    }
    
    #mobile-navigation-btn {
        float: right;
        font-size: 21px;
        line-height: 90px;
        margin-top: 0;
        color: #ccc
    }
    
    #mobile-navigation-btn:hover {
        color: #999
    }
    
    #mobile-shopping-btn {
        float: right;
        line-height: 90px;
        margin: 2px 20px -3px 0;
        font-size: 17px;
        width: 21px;
        color: #999
    }
    
    #mobile-shopping-btn:hover {
        color: #555
    }
    
    #mobile-navigation {
        background: #666;
        padding: 0;
        position: relative;
        margin: 0;
        z-index: 1001;
        display: none
    }
    
    #mobile-navigation .container ul {
        list-style: none;
        margin: 16px 0 30px
    }
    
    #mobile-navigation .container ul li ul {
        margin: 0 0 0 30px;
        display: none
    }
    
    #mobile-navigation .container>ul>li:last-child a {
        border-bottom: 0
    }
    
    #mobile-navigation ul li a {
        border-bottom: 1px solid rgba(255, 255, 255, .1)!important;
        color: #bbb;
        display: block;
        position: relative;
        padding: 12px 0!important
    }
    
    #mobile-navigation li.open>a,
    #mobile-navigation ul li a:hover,
    #mobile-navigation ul li a:hover [class^=fa-],
    #mobile-navigation ul li.current-menu-ancestor-xxx>a,
    #mobile-navigation ul li.current-menu-item>a {
        color: var(--color-secondary)
    }
    
    body #mobile-navigation li.open>a [class^=fa-] {
        color: var(--color-white)
    }
    
    #close-search-btn:hover,
    #search-btn:hover,
    #shopping-btn {
        color: #999
    }
    
    #mobile-navigation ul li i {
        display: block;
        padding: 10px 6px 10px 40px;
        float: right;
        margin: -7px 0 0;
        font-size: 14px
    }
    
    #mobile-navigation form {
        position: relative;
        background: #444;
        padding: 0 12px 0 37px;
        margin: 0 0 32px;
        border: 0;
        border-radius: 2px
    }
    
    #mobile-navigation form input {
        width: 100%;
        padding: 12px 0;
        margin: 0;
        background: #444;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #ccc;
        -webkit-font-smoothing: antialiased
    }
    
    #mobile-navigation form:before {
        position: absolute;
        top: 7px;
        left: 12px;
        font-size: 16px;
        color: #999;
        content: '\f002';
        font-family: FontAwesome
    }
    
    .header-icons {
        float: right
    }
    
    .header-icons-divider {
        height: 30px;
        line-height: 90px;
        width: 1px;
        float: left;
        background: #efefef;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        display: block
    }
    
    #page-wrap,
    body.reply-edit .reply {
        float: none
    }
    
    #search-btn {
        font-size: 23px;
        color: #bbb;
        transition: all .3s
    }
    
    #shopping-btn {
        position: relative;
        font-size: 17px;
        transition: all .3s
    }
    
    #header.header-transparent,
    #search-top,
    .header-is-transparent #mobile-header {
        position: absolute
    }
    
    #shopping-btn:hover {
        color: #555
    }
    
    #shopping-btn span {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -18px;
        right: -7px;
        height: 16px;
        width: 16px;
        line-height: 16px;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        border-radius: 50%;
        background: var(--color-secondary);
        color: var(--color-white)
    }
    
    #search-top {
        top: 0;
        left: 0;
        height: 90px;
        width: 1160px;
        margin: 0 20px;
        padding: 0;
        display: none
    }
    
    .header-wide-container #search-top {
        width: 100%;
        margin: 0;
        padding: 0 40px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    #search-top input {
        float: left;
        margin: 0;
        width: 96%;
        height: 90px;
        padding: 0;
        border: 0;
        background: 0;
        color: #666;
        font-size: 38px;
        font-weight: 300;
        border-radius: 0;
        box-shadow: none;
        -webkit-font-smoothing: antialiased
    }
    
    #fulltitle,
    #smalltitle .sixteen {
        border-bottom: 1px solid #efefef
    }
    
    #smallimage .sixteen,
    #smallimage h1,
    .entry-gallery,
    .entry-gallery img,
    .entry-image {
        border-radius: 2px
    }
    
    #search-top input::-webkit-input-placeholder {
        color: #666;
        opacity: .6
    }
    
    #search-top input:-moz-placeholder {
        color: #666;
        opacity: .6
    }
    
    #search-top input::-moz-placeholder {
        color: #666;
        opacity: .6
    }
    
    #search-top input:-ms-input-placeholder {
        color: #666;
        opacity: .6
    }
    
    #close-search-btn {
        float: right;
        line-height: 90px;
        margin: 0;
        padding: 0;
        font-size: 21px;
        color: #bbb;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    
    #close-search-btn i {
        line-height: 1
    }
    
    #header.header-transparent.header-v1 #close-search-btn,
    #header.header-transparent.header-v1 #mobile-cart-btn,
    #header.header-transparent.header-v1 #mobile-navigation-btn,
    #header.header-transparent.header-v1 #search-btn,
    #header.header-transparent.header-v1 #shopping-btn {
        color: rgba(255, 255, 255, .8)
    }
    
    #header.header-transparent.header-v1 #close-search-btn:hover,
    #header.header-transparent.header-v1 #mobile-cart-btn:hover,
    #header.header-transparent.header-v1 #mobile-navigation-btn:hover,
    #header.header-transparent.header-v1 #search-btn:hover,
    #header.header-transparent.header-v1 #shopping-btn:hover {
        color: #fff
    }
    
    #header.header-transparent.header-v1 .header-icons-divider {
        background: rgba(255, 255, 255, .2)
    }
    
    #header.header-transparent.header-v1 #search-top input {
        color: var(--color-white)
    }
    
    #header.header-transparent.header-v1 #search-top input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .8)
    }
    
    #header.header-transparent.header-v1 #search-top input:-moz-placeholder {
        color: rgba(255, 255, 255, .8)
    }
    
    #header.header-transparent.header-v1 #search-top input::-moz-placeholder {
        color: rgba(255, 255, 255, .8)
    }
    
    #header.header-transparent.header-v1 #search-top input:-ms-input-placeholder {
        color: rgba(255, 255, 255, .8)
    }
    
    .header-is-transparent #mobile-navigation {
        top: 90px
    }
    
    #page-wrap {
        position: relative;
        clear: both
    }
    
    #header.header-transparent.darkheader.header-v1 {
        background: top center!important;
        box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .07)!important
    }
    
    #header.header-transparent.darkheader.header-v1 #navigation>ul>li>a {
        color: rgba(0, 0, 0, .5);
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -ms-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s
    }
    
    #header.header-transparent.darkheader.header-v1 #navigation>ul>li:hover>a,
    #header.header-transparent.darkheader.header-v1 #navigation>ul>li>a:hover {
        color: rgba(0, 0, 0, .8)
    }
    
    #header.header-transparent.darkheader.header-v1 #close-search-btn,
    #header.header-transparent.darkheader.header-v1 #mobile-cart-btn,
    #header.header-transparent.darkheader.header-v1 #mobile-navigation-btn,
    #header.header-transparent.darkheader.header-v1 #search-btn,
    #header.header-transparent.darkheader.header-v1 #shopping-btn {
        color: rgba(0, 0, 0, .4)
    }
    
    #header.header-transparent.darkheader.header-v1 #close-search-btn:hover,
    #header.header-transparent.darkheader.header-v1 #mobile-cart-btn:hover,
    #header.header-transparent.darkheader.header-v1 #mobile-navigation-btn:hover,
    #header.header-transparent.darkheader.header-v1 #search-btn:hover,
    #header.header-transparent.darkheader.header-v1 #search-top input,
    #header.header-transparent.darkheader.header-v1 #shopping-btn:hover {
        color: rgba(0, 0, 0, .8)
    }
    
    #header.header-transparent.darkheader.header-v1 .header-icons-divider {
        background: rgba(0, 0, 0, .1)
    }
    
    #header.header-transparent.darkheader.header-v1 #search-top input::-webkit-input-placeholder {
        color: #111;
        opacity: .5
    }
    
    #header.header-transparent.darkheader.header-v1 #search-top input:-moz-placeholder {
        color: #111;
        opacity: .5
    }
    
    #header.header-transparent.darkheader.header-v1 #search-top input::-moz-placeholder {
        color: #111;
        opacity: .5
    }
    
    #header.header-transparent.darkheader.header-v1 #search-top input:-ms-input-placeholder {
        color: #111;
        opacity: .5
    }
    
    .logo_retina,
    .logo_standard {
        display: inherit
    }
    
    .header-transparent .logo_retina,
    .header-transparent .logo_standard,
    .logo_transparent {
        display: none
    }
    
    .header-transparent .logo_transparent,
    .logo_retina_transparent {
        display: inherit
    }
    
    .header-transparent .logo_retina_transparent {
        display: none
    }
    
    .header-transparent.darkheader .logo_standard {
        display: inherit
    }
    
    .header-transparent.darkheader .logo_transparent {
        display: none
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-device-pixel-ratio:2) {
        .logo_standard {
            display: none
        }
        .logo_retina {
            display: inherit
        }
        .header-transparent .logo_retina,
        .header-transparent .logo_standard,
        .header-transparent .logo_transparent,
        .logo_retina_transparent,
        .logo_transparent {
            display: none
        }
        .header-transparent .logo_retina_transparent {
            display: inherit
        }
        .header-transparent.darkheader .logo_standard {
            display: none
        }
        .header-transparent.darkheader .logo_retina {
            display: inherit
        }
        .header-transparent.darkheader .logo_retina_transparent,
        .header-transparent.darkheader .logo_transparent {
            display: none
        }
    }
    
    .titlebar h1 {
        margin: 0;
        padding: 0;
        font-size: 18px;
        font-weight: 400;
        color: #777
    }
    
    #fullimagecenter h1,
    #transparentimage h1 {
        text-align: center;
        display: block;
        color: var(--color-white);
        padding: 140px 0;
        margin: 0;
        font-size: 32px
    }
    
    #fulltitle {
        background: #f9f9f9;
        padding: 24px 0
    }
    
    #fullimagecenter,
    #smallimage .sixteen,
    #transparentimage {
        background-position: center center;
        background-size: cover
    }
    
    #fullimagecenter {
        text-align: center
    }
    
    #transparentimage {
        position: relative;
        padding: 90px 0 0
    }
    
    #transparentimage h1 {
        position: relative;
        z-index: 1
    }
    
    #smalltitle .sixteen {
        border-top: 1px solid #efefef
    }
    
    #smalltitle h1 {
        display: inline-block;
        border-bottom: 3px solid #ccc;
        padding-bottom: 20px;
        margin-bottom: -1px
    }
    
    #smallimage h1 {
        display: inline-block;
        background: var(--color-white);
        padding: 5px 14px;
        margin: 50px 0 50px 30px
    }
    
    #smallimage #breadcrumbs {
        margin-top: 60px
    }
    
    #smallimage #breadcrumbs span {
        margin-right: 30px
    }
    
    #breadcrumbs {
        color: #aaa;
        text-align: right;
        font-size: 11px;
        margin-top: 4px
    }
    
    #pagination,
    #pagination a,
    .entry-image .entry-overlay i,
    .entry-quote a,
    .page-404 .entry,
    .page-404 h2,
    .portfolio-noslider,
    .post-time,
    .search-page .post .entry-icon {
        text-align: center
    }
    
    #breadcrumbs a {
        color: #aaa
    }
    
    #breadcrumbs a:hover {
        color: #666
    }
    
    .on-mobile #page-wrap {
        overflow: hidden
    }
    
    #content {
        padding-top: 60px;
        padding-bottom: 40px
    }
    
    #sidebar-widgets {
        padding-top: 60px;
        padding-bottom: 60px
    }
    
    #content.nopadding {
        padding: 0;
        margin: 0
    }
    
    #content.sidebar-left {
        float: right
    }
    
    .blog-page:after {
        content: '\0020';
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0
    }
    
    .blog-page .post {
        margin: 0 0 60px;
        padding: 0 0 53px;
        border-bottom: 1px solid #efefef
    }
    
    .blog-page .post.format-quote {
        padding: 0 0 60px
    }
    
    .blog-page .post .button i {
        margin: 0
    }
    
    .blog-page .post h1,
    .blog-page .post h2 {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 20px;
        padding: 0;
        line-height: 1
    }
    
    .blog-page .post h1 a,
    .blog-page .post h2 a {
        color: #444
    }
    
    .blog-page .post h1 a:hover,
    .blog-page .post h2 a:hover {
        color: var(--color-secondary)
    }
    
    .blog-page .post h1 i,
    .blog-page .post h2 i {
        margin: 0 0 0 5px
    }
    
    .post-time {
        width: 42px;
        border-right: 1px solid #efefef;
        float: left;
        padding: 0 20px 0 0;
        margin: 0 20px 0 0;
        color: #999
    }
    
    .post-time .day,
    .post-time .month {
        margin: 0;
        padding: 0;
        line-height: 1;
        display: block
    }
    
    .post-time .month {
        font-size: 19px;
        text-transform: uppercase;
        font-weight: 400
    }
    
    .post-time .day {
        font-size: 30px;
        font-weight: 700
    }
    
    .blog-page article {
        overflow: hidden
    }
    
    .entry-audio,
    .entry-gallery,
    .entry-image,
    .entry-video {
        margin: 0 0 30px
    }
    
    .entry-audio iframe,
    .entry-video iframe {
        max-width: 100%
    }
    
    .entry-audio iframe {
        max-width: 100%;
        width: 100%;
        margin: 0 0 -8px!important
    }
    
    .entry-gallery {
        position: relative
    }
    
    .entry-image {
        overflow: hidden;
        position: relative
    }
    
    .entry-image img {
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block
    }
    
    .entry-image .entry-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 2px
    }
    
    .entry-image .entry-overlay i {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -20px;
        font-size: 24px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: var(--color-white)
    }
    
    .entry-quote a {
        display: block;
        background: #f9f9f9;
        color: #666;
        padding: 40px;
        font-size: 20px;
        line-height: 1.6;
        font-weight: 600;
        border-radius: 3px;
        position: relative;
        margin: 0
    }
    
    .entry-quote a .quote-source {
        display: block;
        font-size: 14px;
        color: #666;
        opacity: .6;
        margin: 10px 0 0
    }
    
    .entry-quote a:hover .quote-source {
        color: var(--color-white)
    }
    
    .entry-quote a:hover {
        background: #666;
        color: var(--color-white)
    }
    
    .entry-link {
        margin-bottom: 7px
    }
    
    .entry-link a,
    .entry-link a:active {
        display: block;
        background: #666;
        border-radius: 2px;
        padding: 20px;
        font-size: 20px;
        line-height: 1;
        font-weight: 600;
        color: var(--color-white)!important
    }
    
    .entry-link a span {
        font-size: 14px;
        display: block;
        margin-top: 10px;
        font-weight: 400;
        opacity: .6
    }
    
    .entry-link a:hover {
        background: var(--color-light-black);
        color: var(--color-white)
    }
    
    .entry-meta {
        margin: 20px 0 0;
        font-weight: 700;
        font-size: 13px;
        text-transform: uppercase
    }
    
    .blog-single .entry-meta {
        margin: 0 0 20px
    }
    
    .entry-meta ul {
        list-style: none;
        margin: 0;
        padding: 0;
        color: #999
    }
    
    .entry-meta ul li {
        display: inline
    }
    
    .blog-medium .entry-meta .meta-author,
    .blog-medium .entry-meta .meta-category:after,
    .blog-medium .entry-meta .meta-edit,
    .blog-medium .post-time {
        display: none
    }
    
    .entry-meta ul li:after {
        content: ' |';
        margin: 0 6px;
        color: #efefef
    }
    
    .entry-meta ul li:last-child:after {
        content: '';
        margin: 0
    }
    
    .entry-meta a {
        color: #999
    }
    
    .entry-meta a:hover {
        color: #666
    }
    
    .blog-medium .post h1,
    .blog-medium .post h2 {
        font-size: 22px
    }
    
    .blog-medium .entry-audio,
    .blog-medium .entry-gallery,
    .blog-medium .entry-image,
    .blog-medium .entry-video {
        float: left;
        width: 310px;
        margin: 0 40px 7px 0
    }
    
    .blog-medium .entry-audio iframe {
        max-width: 100%;
        width: 100%;
        height: 116px
    }
    
    .blog-medium .entry-wrap {
        overflow: hidden
    }
    
    .blog-center .blog-wrap {
        width: 920px;
        margin: 0 auto
    }
    
    .blog-masonry .blog-wrap {
        opacity: 0;
        width: 100%!important;
        margin: 0;
        overflow: hidden
    }
    
    .blog-masonry .post {
        width: 360px;
        float: left;
        margin: 0 20px 60px;
        padding: 0;
        display: inline-block;
        border: 0;
        overflow: hidden
    }
    
    .blog-masonry .post .entry-meta .meta-author,
    .blog-masonry .post .entry-meta .meta-comment,
    .blog-masonry .post .entry-meta .meta-comment:after,
    .blog-masonry .post .entry-meta .meta-edit,
    .blog-masonry .read-more-link,
    .blog-single .post-time {
        display: none
    }
    
    .blog-masonry .post h2 {
        font-size: 20px
    }
    
    .blog-masonry .post .entry-meta {
        font-weight: 700;
        font-size: 13px;
        text-transform: uppercase
    }
    
    .blog-masonry .post.format-quote {
        padding: 0
    }
    
    .blog-masonry .entry-quote {
        position: relative;
        z-index: 2;
        margin: 0 0 10px
    }
    
    .blog-masonry .entry-link {
        margin: 0 0 10px
    }
    
    .blog-masonry .entry-audio iframe {
        max-width: 100%;
        width: 100%;
        height: 116px;
        margin: 0 0 -8px!important
    }
    
    .blog-single .post {
        margin: 0 0 40px;
        padding: 0;
        border: 0
    }
    
    .blog-single .post h1 {
        line-height: 1.6!important
    }
    
    .blog-single .post h1 a {
        color: #444
    }
    
    .blog-single .post .entry-quote {
        margin: 0 0 30px
    }
    
    .blog-single .post.format-quote {
        padding: 0
    }
    
    .blog-single .post .entry-link {
        margin-bottom: 30px
    }
    
    .entry-tags a {
        color: inherit
    }
    
    #author-info {
        margin: 0 0 60px;
        display: block;
        padding: 60px 0 0;
        border-top: 1px solid #efefef
    }
    
    #author-info p {
        margin: 0
    }
    
    #author-info .author-image {
        float: left;
        width: 80px;
        height: 80px;
        border-radius: 4px;
        overflow: hidden;
        margin: 2px 30px 0 0
    }
    
    #author-info .author-image img {
        display: block;
        width: 80px;
        height: 80px
    }
    
    #author-info .author-bio {
        overflow: hidden
    }
    
    #author-info .author-bio h4 {
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
        padding: 0 0 10px;
        font-size: 14px;
        letter-spacing: 1px;
        color: #666
    }
    
    .author-archive #author-info {
        margin: 0 0 60px;
        background: #f9f9f9;
        padding: 30px;
        border: 0;
        border-radius: 2px
    }
    
    .sharebox {
        display: block;
        padding: 0;
        margin: -20px 0 60px
    }
    
    .sharebox ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
    
    .sharebox ul li {
        float: left;
        padding: 0;
        margin: 0 22px 0 0;
        line-height: 1!important
    }
    
    .sharebox ul li a {
        display: block;
        float: left;
        color: inherit;
        padding: 10px 0;
        margin: 0
    }
    
    .sharebox ul li i {
        display: inline-block;
        font-size: 16px;
        margin: 0 3px 0 0;
        line-height: 1
    }
    
    #related-posts {
        margin: 0 0 60px;
        display: block;
        padding: 60px 0 0;
        border-top: 1px solid #efefef
    }
    
    #related-posts ul li span {
        margin-left: 10px
    }
    
    #post-navigation .next,
    #post-navigation .prev {
        position: fixed;
        top: 50%;
        height: 60px;
        width: 80px;
        background: #444;
        margin: -30px 0 0;
        opacity: .3;
        z-index: 1;
        cursor: pointer
    }
    
    #post-navigation .prev {
        left: -25px;
        color: var(--color-white);
        border-radius: 0 2px 2px 0
    }
    
    #post-navigation .next {
        right: -25px;
        color: var(--color-white);
        border-radius: 2px 0 0 2px
    }
    
    #post-navigation .next:before,
    #post-navigation .prev:before {
        position: absolute;
        top: 50%;
        margin: -7px 0 0;
        line-height: 1;
        color: var(--color-white);
        font-family: FontAwesome;
        font-size: 14px
    }
    
    #post-navigation .prev:before {
        right: 25px;
        content: "\f053"
    }
    
    #post-navigation .next:before {
        left: 25px;
        content: "\f054"
    }
    
    .portfolio .entry {
        width: 100%
    }
    
    .portfolio-sidebyside,
    .portfolio-wide {
        margin: 0 0 20px
    }
    
    .portfolio-noslider img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto
    }
    
    .portfolio-noslider .noslide {
        border-radius: 2px;
        overflow: hidden;
        display: inline-block;
        margin: 0 auto 30px 0;
        text-align: center;
        max-width: 100%
    }
    
    #portfolio-embed {
        margin-bottom: 40px
    }
    
    #portfolio-embed iframe {
        max-width: 100%
    }
    
    .portfolio-detail-attributes ul {
        list-style: none;
        margin: 0;
        background: #f9f9f9;
        padding: 14px 24px;
        border-radius: 2px
    }
    
    .portfolio-detail-attributes ul li {
        padding: 10px 0;
        border-bottom: 1px solid #f2f2f2
    }
    
    .portfolio-detail-attributes ul li:last-child {
        border: 0
    }
    
    .portfolio-detail-attributes ul li strong {
        float: left;
        display: block;
        width: 64px;
        font-weight: 700
    }
    
    .portfolio-detail-attributes ul li span {
        display: block;
        overflow: hidden
    }
    
    .portfolio-detail-attributes ul li a {
        color: inherit
    }
    
    .portfolio-detail-attributes ul li a:hover {
        color: var(--color-secondary)
    }
    
    .portfolio-sidebyside .flexslider,
    .portfolio-wide .flexslider {
        margin: 0 0 40px
    }
    
    .portfolio-sidebyside .portfolio-detail-description-text {
        margin-bottom: 40px
    }
    
    #portfolio-related-post {
        margin: 30px 0 0
    }
    
    .search-page .read-more-link {
        display: none
    }
    
    .search-page .post .entry-icon {
        float: left;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-right: 30px;
        margin-top: 1px;
        background: #efefef;
        border-radius: 3px;
        color: #999
    }
    
    .search-page .post .entry-icon i {
        font-size: 14px;
        line-height: 1
    }
    
    .search-page .post .entry-wrap {
        overflow: hidden
    }
    
    .search-page .post h3 {
        margin: 0;
        font-size: 20px
    }
    
    .search-page .post .entry-content {
        margin: 10px 0 0
    }
    
    .search-page .post .entry-type {
        color: #adadad;
        font-weight: 700;
        text-transform: uppercase
    }
    
    .search-page h3 {
        margin: 0
    }
    
    .search-page #content #searchform input {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 20px 10px 0 0;
        width: 440px;
        max-width: 100%;
        display: inline-block;
        float: left
    }
    
    .search-page #content #searchform input#searchsubmit {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 20px 0 0;
        width: auto;
        display: inline-block;
        float: left
    }
    
    .search-page #content #searchform {
        clear: both;
        margin-bottom: 0
    }
    
    #pagination,
    .blog-masonry #pagination {
        margin: 0 0 60px
    }
    
    #pagination {
        position: relative;
        z-index: 1;
        clear: both
    }
    
    .blog-center #pagination,
    .blog-fullwidth #pagination,
    .blog-medium #pagination {
        margin: 0 0 20px
    }
    
    .woocommerce #pagination {
        margin: 20px 0
    }
    
    .portfolio-nomargin #pagination {
        margin: 60px 0
    }
    
    .pagination-masonry,
    .pagination-nomargin {
        margin-top: 60px
    }
    
    #pagination ul {
        list-style: none;
        margin: 0
    }
    
    #pagination ul li {
        margin: 0;
        padding: 0;
        display: inline-block
    }
    
    #pagination a {
        display: inline-block;
        margin: 2px;
        width: 34px;
        height: 34px;
        line-height: 34px;
        background: #efefef;
        color: #999;
        font-weight: 600;
        border-radius: 50%;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    #pagination a:hover {
        color: var(--color-white);
        background: #ccc
    }
    
    #pagination .current a {
        background: var(--color-secondary);
        color: var(--color-white);
        font-weight: 600
    }
    
    #pagination li span {
        margin: 3px 5px 0 3px;
        color: #ccc
    }
    
    #pagination ul li a i {
        font-size: 12px
    }
    
    .comments-list {
        border-top: 1px solid #efefef;
        padding: 60px 0 0;
        margin: 0 0 60px
    }
    
    .commentlist {
        list-style: none;
        margin: 30px 0 0
    }
    
    .commentlist li {
        margin: 0 0 40px;
        padding: 0
    }
    
    .commentlist>li:last-child {
        margin: 0
    }
    
    .commentlist li ul {
        list-style: none;
        margin: 0 0 0 80px
    }
    
    .commentlist li ul li {
        margin: 40px 0 0;
        padding: 0
    }
    
    .commentlist li .avatar {
        float: left;
        margin-right: 30px;
        width: 50px;
        height: 50px;
        border-radius: 4px;
        position: relative
    }
    
    .commentlist li .avatar img {
        display: block
    }
    
    .commentlist li .comment-text {
        background: #f9f9f9;
        border-radius: 2px;
        padding: 20px 20px 0;
        position: relative;
        overflow: hidden
    }
    
    .commentlist li .avatar:after {
        display: block;
        content: '';
        position: absolute;
        top: 15px;
        right: -30px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #f9f9f9 transparent transparent
    }
    
    .commentlist li .author {
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 1.6;
        color: #444
    }
    
    .commentlist li .author a {
        color: inherit
    }
    
    .commentlist li .author span {
        display: inline;
        font-weight: 700
    }
    
    .commentlist li .date {
        display: block;
        color: #999
    }
    
    .commentlist li .date a {
        color: #999
    }
    
    .commentlist li .date a:hover {
        color: var(--color-light-black)
    }
    
    .commentlist li em {
        font-size: 11px;
        color: #ccc;
        font-style: normal;
        margin-bottom: 20px;
        display: block
    }
    
    .comments-reply {
        border-top: 1px solid #efefef;
        padding: 60px 0 0;
        margin: 0
    }
    
    #respond form {
        margin: 0
    }
    
    #respond .required {
        color: #c82929;
        display: inline-block;
        margin: 3px 0 0 6px;
        font-size: 14px;
        font-weight: 400
    }
    
    #respond input[type=text],
    #respond textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: block;
        width: 100%
    }
    
    #respond-inputs p {
        width: 32%;
        margin-right: 2%;
        float: left
    }
    
    #respond-inputs p.last {
        margin-right: 0
    }
    
    #respond input[type=text] {
        box-sizing: border-box;
        margin: 0
    }
    
    #respond textarea {
        box-sizing: border-box
    }
    
    #respond p.comment-notes,
    #respond p.form-allowed-tags {
        display: none
    }
    
    #cancel-comment-reply-link {
        display: inline-block;
        background: #ccc;
        color: var(--color-white);
        border-radius: 2px;
        text-transform: uppercase;
        padding: 2px 8px;
        font-weight: 700;
        float: right
    }
    
    #cancel-comment-reply-link:hover {
        background: #999
    }
    
    .commentlist .comment-respond {
        margin-top: 40px
    }
    
    .page-template #comments,
    .page-template-default #comments {
        margin-top: 60px
    }
    
    .single-portfolio #comments {
        margin-top: 20px;
        margin-bottom: 60px
    }
    
    .single-portfolio #comments .comments-list,
    .single-portfolio #comments .comments-reply {
        padding: 0;
        border: 0
    }
    
    .page-404 .entry {
        padding: 40px 0 80px
    }
    
    .page-404 h2 {
        font-size: 100px;
        font-weight: 700;
        width: 300px;
        height: 300px;
        line-height: 300px;
        border: 10px solid #999;
        color: #999;
        border-radius: 50%;
        margin: 0 auto 60px
    }
    
    #copyright .menu,
    #wp-calendar tfoot #next {
        text-align: right
    }
    
    .page-404 h3 {
        font-size: 52px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0;
        color: #999;
        text-transform: uppercase
    }
    
    #footer,
    #footer a {
        color: #aaa
    }
    
    #footer {
        padding: 60px 0 20px;
        background: #555
    }
    
    #footer a:hover {
        color: var(--color-white)
    }
    
    #copyright {
        padding: 15px 0 13px;
        background: var(--color-light-black);
        color: #777
    }
    
    #copyright .copyright-col1 {
        float: left;
        margin: 0;
        padding: 0
    }
    
    #copyright .copyright-col2 {
        float: right;
        margin: 0;
        padding: 0
    }
    
    #copyright a {
        color: #999
    }
    
    #copyright a:hover {
        color: #ccc
    }
    
    #copyright .social-icons {
        float: right;
        margin: -7px 0
    }
    
    #copyright .menu {
        list-style: none;
        margin: 0;
        padding: 0
    }
    
    #copyright .menu li {
        display: inline-block;
        margin: 0 0 0 20px;
        padding: 0
    }
    
    #back-to-top {
        position: fixed;
        z-index: 1000;
        bottom: 70px;
        right: 13px;
        display: none
    }
    
    #back-to-top a,
    #sidebar .widget ul li {
        position: relative
    }
    
    #back-to-top a {
        display: block;
        width: 40px;
        background: #8e8787;
        color: var(--color-white);
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%;
        opacity: .8
    }
    
    #back-to-top a:hover {
        background-color: var(--color-secondary);
        opacity: 1
    }
    
    .widget ul {
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    #sidebar .widget {
        margin-bottom: 40px;
        color: #888
    }
    
    #sidebar .widget:last-child {
        margin-bottom: 0
    }
    
    #sidebar .widget h3 {
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 16px;
        color: #444
    }
    
    #sidebar .widget ul {
        margin: -10px 0 0
    }
    
    #sidebar .widget>ul>li {
        border-bottom: 1px solid #efefef;
        position: relative;
        padding: 10px 0
    }
    
    #sidebar .widget>ul>li:last-child {
        border: 0
    }
    
    #sidebar .widget>ul>li ul {
        margin-top: 10px;
        margin-bottom: -10px;
        border-top: 1px solid #efefef
    }
    
    #sidebar .widget>ul>li ul li {
        background: #f9f9f9;
        padding: 10px 0 10px 14px;
        border-bottom: 1px dashed #efefef
    }
    
    #sidebar .widget>ul>li ul li:last-child {
        border-bottom: 0
    }
    
    #sidebar .widget>ul>li ul li a:before {
        content: '+';
        margin-right: 10px
    }
    
    #sidebar .widget ul li:after {
        font-family: FontAwesome;
        content: "\f105";
        position: absolute;
        top: 10px;
        right: 0;
        font-size: 14px;
        color: #ccc
    }
    
    #sidebar .widget ul li a {
        display: block;
        color: #777
    }
    
    #sidebar .widget ul li a:hover,
    #sidebar .widget ul li:hover:after {
        color: var(--color-secondary)
    }
    
    #sidebar .widget>ul>li.current-menu-item,
    #sidebar .widget>ul>li.current_page_item {
        font-weight: 600
    }
    
    #sidebar .widget img {
        margin-bottom: 0!important
    }
    
    .widget_search input {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #e1e1e1;
        padding: 10px 12px 10px 36px;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03);
        border-radius: 2px;
        background: var(--color-white)
    }
    
    .widget_search form {
        position: relative
    }
    
    .widget_search form:before {
        position: absolute;
        top: 14px;
        left: 14px;
        font-size: 14px;
        font-family: FontAwesome;
        content: '\f002';
        -webkit-font-smoothing: antialiased;
        color: #999;
        line-height: 1
    }
    
    .widget_search input:focus {
        border-color: #d3d3d3
    }
    
    .widget_search #searchsubmit {
        display: none
    }
    
    .widget_search:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    #wp-calendar {
        width: 100%
    }
    
    #wp-calendar caption {
        padding: 0 10px;
        text-align: right;
        font-weight: 600;
        margin: -5px 0 5px
    }
    
    #wp-calendar thead {
        font-size: 10px
    }
    
    #wp-calendar tfoot #next,
    #wp-calendar tfoot #prev {
        font-size: 11px;
        font-weight: 600;
        padding-top: 5px;
        text-transform: uppercase
    }
    
    #wp-calendar thead th {
        padding: 5px 10px;
        font-weight: 600;
        border-top: 1px solid #f9f9f9
    }
    
    #wp-calendar tbody {
        color: #aaa
    }
    
    #wp-calendar tbody td {
        background: #f9f9f9;
        border: 1px solid var(--color-white);
        text-align: center;
        padding: 5px 8px
    }
    
    #wp-calendar tbody td:hover {
        background: var(--color-white)
    }
    
    #wp-calendar tbody .pad {
        background: 0
    }
    
    .widget_product_tag_cloud a,
    .widget_tag_cloud a {
        display: inline-block;
        font-size: 13px!important;
        border: 1px solid #efefef;
        border-radius: 30px;
        padding: 1px 20px;
        text-transform: uppercase;
        font-weight: 700;
        color: #999;
        margin: 0 4px 10px 0
    }
    
    .widget_product_tag_cloud a:hover,
    .widget_tag_cloud a:hover {
        background: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-white)!important
    }
    
    .widget_sponsor .sponsors {
        margin-right: -20px
    }
    
    .widget_sponsor a {
        display: block;
        float: left;
        margin: 0 20px 20px 0
    }
    
    .widget_flickr a:hover img {
        opacity: .6
    }
    
    .widget_flickr img {
        width: 100%;
        height: auto;
        float: left
    }
    
    .widget_portfolio .portfolio-widget-item {
        float: left;
        padding: 0;
        margin: 0 10px 10px 0
    }
    
    .widget_portfolio .portfolio-widget-item:nth-child(3n) {
        margin: 0 0 10px
    }
    
    .widget_portfolio .portfolio-widget-item .portfolio-pic {
        display: block;
        overflow: hidden;
        padding: 0;
        margin: 0;
        position: relative;
        border-radius: 2px
    }
    
    .widget_portfolio .portfolio-widget-item .portfolio-pic img {
        width: 100%;
        height: 100%;
        display: block
    }
    
    .widget_portfolio .portfolio-widget-item .portfolio-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: var(--color-secondary);
        text-align: center;
        opacity: 0
    }
    
    .simpleselect,
    .simpleselect .placeholder {
        position: relative
    }
    
    .widget_portfolio .portfolio-widget-item .portfolio-overlay i {
        font-size: 24px;
        line-height: 80px;
        color: var(--color-white)
    }
    
    .widget_contact address span {
        display: block;
        margin-bottom: 6px
    }
    
    .widget_contact address strong {
        display: none
    }
    
    .widget_contact address span i {
        display: inline-block;
        width: 24px;
        float: left;
        margin: 5px 0 0
    }
    
    .widget_contact .adress-overflow {
        overflow: hidden
    }
    
    #sidebar .widget_nav_menu {
        margin-left: -41px
    }
    
    #sidebar .widget_nav_menu h3 {
        margin-left: 40px;
        margin-bottom: 20px
    }
    
    #sidebar .widget_nav_menu ul {
        margin-top: 20px
    }
    
    #sidebar .widget_nav_menu ul li {
        border: 0;
        padding: 0
    }
    
    #sidebar .widget_nav_menu ul li a {
        display: block;
        color: #999;
        padding: 7px 0 7px 41px
    }
    
    #sidebar .widget_nav_menu ul li a:hover {
        color: var(--color-secondary)
    }
    
    #sidebar .widget_nav_menu ul li.current_page_item a {
        font-weight: 600;
        color: #444;
        margin: -1px 0;
        border: 1px solid #efefef;
        border-left: 1px solid var(--color-white)
    }
    
    #sidebar .widget_nav_menu ul li:after {
        display: none
    }
    
    #sidebar.sidebar-left .widget_nav_menu {
        margin-left: 0;
        margin-right: -41px
    }
    
    #sidebar.sidebar-left .widget_nav_menu h3 {
        margin-left: 0
    }
    
    #sidebar.sidebar-left .widget_nav_menu ul li a {
        text-align: right;
        padding: 7px 41px 7px 0
    }
    
    #sidebar.sidebar-left .widget_nav_menu ul li.current_page_item a {
        font-weight: 600;
        color: #444;
        margin: -1px 0;
        border: 1px solid #efefef;
        border-right: 1px solid var(--color-white)
    }
    
    #footer .widget {
        margin-bottom: 40px
    }
    
    #footer .widget h3 {
        font-size: 13px;
        font-weight: 400;
        margin: 0 0 20px;
        color: var(--color-white)
    }
    
    #footer .widget ul {
        margin: -10px 0 0
    }
    
    #footer .widget ul li {
        border-bottom: 1px solid #666;
        position: relative;
        padding: 10px 10px 10px 0
    }
    
    #footer .widget ul li .post-date {
        opacity: .7
    }
    
    #footer .widget ul li a {
        display: block
    }
    
    #footer .widget ul li:after {
        font-family: FontAwesome;
        content: "\f105";
        position: absolute;
        top: 10px;
        right: 0;
        font-size: 14px;
        color: #999
    }
    
    #footer .widget ul li:hover:after {
        color: var(--color-white)
    }
    
    #footer .widget_product_search input[type=text],
    #footer .widget_search input {
        color: #aaa;
        background-color: #444;
        box-shadow: none;
        border: 1px solid #444
    }
    
    #footer .widget_search input:focus {
        color: var(--color-white)
    }
    
    #footer #wp-calendar thead th {
        border-top: 1px solid #666
    }
    
    #footer #wp-calendar tbody {
        color: #aaa
    }
    
    #footer #wp-calendar tbody td {
        background: #666;
        border: 1px solid #555
    }
    
    #footer #wp-calendar tbody td:hover {
        background: #777;
        color: var(--color-white)
    }
    
    #footer #wp-calendar tbody .pad {
        background: 0
    }
    
    #footer .widget_product_tag_cloud a,
    #footer .widget_tag_cloud a {
        border: 0;
        background: #444;
        color: #aaa;
        box-shadow: none
    }
    
    #footer .widget_product_tag_cloud a:hover,
    #footer .widget_tag_cloud a:hover {
        background: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-white)!important
    }
    
    #footer .widget_twitter ul li:last-child {
        margin: 0
    }
    
    .social-icons ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
    
    .social-icons ul li {
        list-style: none;
        display: block;
        width: 40px;
        height: 40px;
        float: left
    }
    
    .social-icons ul li a {
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        display: block;
        float: left;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 21px;
        text-align: center;
        opacity: .6
    }
    
    .social-icons a:hover {
        opacity: 1
    }
    
    .alignleft {
        display: block;
        float: left;
        margin-top: 5px;
        margin-right: 20px!important;
        margin-bottom: 12px
    }
    
    .alignright {
        float: right;
        margin-left: 20px!important;
        margin-bottom: 12px
    }
    
    .aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    
    .wp-caption {
        max-width: 100%;
        padding: 0
    }
    
    .entry-caption,
    .gallery-caption,
    .wp-caption .wp-caption-text {
        color: #888;
        margin: 10px 0!important
    }
    
    blockquote.left {
        margin-right: 20px;
        text-align: right;
        margin-left: 0;
        width: 33%;
        float: left
    }
    
    blockquote.right {
        margin-left: 20px;
        text-align: left;
        margin-right: 0;
        width: 33%;
        float: right
    }
    
    .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute!important;
        height: 1px;
        width: 1px;
        overflow: hidden
    }
    
    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
        clip: auto!important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: .875rem;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000
    }
    
    .hidden_select_container {
        width: 0;
        height: 0;
        overflow: hidden
    }
    
    .simpleselect,
    .simpleselect * {
        box-sizing: content-box
    }
    
    .simpleselect {
        font-weight: 400!important;
        width: 100%;
        min-width: 220px;
        color: #999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none
    }
    
    .simpleselect .options {
        width: 100%;
        min-width: 198px
    }
    
    .simpleselect .options .optgroup .optgroup-label,
    .simpleselect .options .option,
    .simpleselect .placeholder {
        padding: 8px 12px;
        cursor: pointer
    }
    
    .simpleselect .options .optgroup .optgroup-label {
        cursor: default;
        font-weight: 400!important
    }
    
    .simpleselect .options .optgroup .option {
        padding-left: 20px
    }
    
    .simpleselect .options,
    .simpleselect .placeholder {
        background: var(--color-white);
        border: 1px solid var(--color-light-gray-border);
        border-radius: 2px
    }
    
    .simpleselect .placeholder:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 12px;
        width: 8px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=) 0 center no-repeat
    }
    
    .simpleselect .placeholder:hover {
        background: #fafafa
    }
    
    .simpleselect .options {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999
    }
    
    .simpleselect .options .option.active {
        background: #666;
        color: var(--color-white)
    }
    
    .simpleselect.disabled .placeholder,
    .simpleselect.disabled .placeholder:hover {
        background: #fafafa;
        color: #aaa;
        border-color: #eee;
        cursor: default
    }
    
    .simpleselect.disabled .placeholder:after {
        opacity: .5
    }
    
    .wpcf7-form input[type=email],
    .wpcf7-form input[type=number],
    .wpcf7-form input[type=tel],
    .wpcf7-form input[type=text] {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin: 5px 0 0;
        background: var(--color-white)
    }
    
    .wpcf7-form textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin: 5px 0 0
    }
    
    .one-line-form .wpcf7-submit,
    .wpcf7-form select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        max-width: 100%
    }
    
    .wpcf7-form select {
        box-sizing: border-box;
        margin: 5px 0 0;
        width: 100%
    }
    
    .wpcf7-form .customSelect {
        margin: 5px 0 0;
        padding: 8px 10px
    }
    
    .wpcf7-form {
        margin: 0;
        padding: 0
    }
    
    .wpcf7-form .wpcf7-submit {
        background: #999;
        color: var(--color-white);
        border: 0;
        font-weight: 700
    }
    
    .wpcf7-form input[type=checkbox] {
        width: auto
    }
    
    .wpcf7 form.wpcf7-form p {
        position: relative;
        font-weight: 600;
        margin: 0 0 20px!important
    }
    
    .wpcf7-list-item {
        display: inline-block;
        margin: 0 10px 0 0!important
    }
    
    .wpcf7-list-item-label {
        font-weight: 400
    }
    
    .wpcf7-response-output {
        display: none
    }
    
    .wpcf7-form .invalid {
        color: #bf1515!important
    }
    
    .wpcf7-not-valid {
        border-color: #bf1515!important
    }
    
    .wpcf7 span.wpcf7-not-valid-tip,
    .wpcf7-validation-errors {
        display: none!important
    }
    
    div.wpcf7-response-output {
        margin: 0!important;
        padding: 5px 10px!important
    }
    
    div.wpcf7-mail-sent-ng,
    div.wpcf7-mail-sent-ok,
    div.wpcf7-spam-blocked,
    div.wpcf7-validation-errors {
        position: relative;
        display: block;
        text-align: center;
        border-radius: 2px;
        font-weight: 700;
        padding: 12px 40px 12px 20px!important;
        border: none!important;
        background-color: var(--color-secondary);
        color: var(--color-white);
        margin: 0 0 30px!important
    }
    
    div.wpcf7-mail-sent-ok {
        color: var(--color-white)
    }
    
    .one-line-form .wpcf7-submit {
        box-sizing: border-box;
        width: 100%;
        margin: 5px 0 0!important;
        padding: 15px 16px;
        font-weight: 700
    }
    
    .wpcf7-form .simpleselect {
        margin: 5px 0 0!important
    }
    
    .minimalistic_form input[type=email],
    .minimalistic_form input[type=password],
    .minimalistic_form input[type=tel],
    .minimalistic_form input[type=text],
    .minimalistic_form textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%!important;
        max-width: 100%;
        margin: 0;
        padding: 10px 2px;
        font-size: 18px!important;
        line-height: 1;
        background-color: transparent!important;
        border-top: transparent;
        border-right: transparent;
        border-left: transparent;
        border-bottom-width: 1px;
        border-radius: 0
    }
    
    .minimalistic_form .simpleselect .placeholder {
        border: 1px solid var(--color-light-gray-border);
        background-color: transparent!important;
        border-top: transparent;
        border-right: transparent;
        border-left: transparent;
        padding: 0 2px 10px!important;
        margin: 0;
        cursor: pointer;
        font-size: 18px!important;
        border-radius: 0
    }
    
    .tipsy {
        font-size: 13px;
        position: absolute;
        padding: 5px;
        z-index: 100000
    }
    
    .tipsy-inner {
        background-color: var(--color-dark);
        color: var(--color-white);
        max-width: 200px;
        padding: 5px 12px 4px;
        text-align: center;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }
    
    .tipsy-arrow {
        position: absolute;
        width: 0;
        height: 0;
        line-height: 0;
        border: 5px dashed var(--color-dark)
    }
    
    .tipsy-arrow-n {
        border-bottom-color: var(--color-dark)
    }
    
    .tipsy-arrow-s {
        border-top-color: var(--color-dark)
    }
    
    .tipsy-arrow-e {
        border-left-color: var(--color-dark)
    }
    
    .tipsy-arrow-w {
        border-right-color: var(--color-dark)
    }
    
    .tipsy-n .tipsy-arrow,
    .tipsy-nw .tipsy-arrow {
        border-left-color: transparent;
        border-right-color: transparent;
        top: 0;
        border-bottom-style: solid;
        border-top: 0
    }
    
    .tipsy-n .tipsy-arrow {
        left: 50%;
        margin-left: -5px
    }
    
    .tipsy-nw .tipsy-arrow {
        left: 10px
    }
    
    .tipsy-ne .tipsy-arrow {
        top: 0;
        right: 10px;
        border-bottom-style: solid;
        border-top: 0;
        border-left-color: transparent;
        border-right-color: transparent
    }
    
    .tipsy-s .tipsy-arrow,
    .tipsy-se .tipsy-arrow,
    .tipsy-sw .tipsy-arrow {
        bottom: 0;
        border-top-style: solid;
        border-bottom: 0;
        border-left-color: transparent;
        border-right-color: transparent
    }
    
    .tipsy-s .tipsy-arrow {
        left: 50%;
        margin-left: -5px
    }
    
    .tp-bullets.custom .tp-bullet,
    .tp-bullets.simplebullets.custom .bullet {
        display: inline-block!important;
        cursor: pointer!important;
        height: 12px!important;
        margin-left: 7px!important
    }
    
    .tipsy-sw .tipsy-arrow {
        left: 10px
    }
    
    .tipsy-se .tipsy-arrow {
        right: 10px
    }
    
    .tipsy-e .tipsy-arrow,
    .tipsy-w .tipsy-arrow {
        top: 50%;
        margin-top: -5px;
        border-top-color: transparent;
        border-bottom-color: transparent
    }
    
    .tipsy-e .tipsy-arrow {
        right: 0;
        border-left-style: solid;
        border-right: 0
    }
    
    .tipsy-w .tipsy-arrow {
        left: 0;
        border-right-style: solid;
        border-left: none
    }
    
    .tp-bullets.simplebullets.custom .bullet {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid var(--color-white)!important;
        width: 12px!important;
        border-radius: 50%!important;
        -webkit-transition: color .2s;
        -moz-transition: color .2s;
        -ms-transition: color .2s;
        -o-transition: color .2s;
        transition: all .2s;
        opacity: .5
    }
    
    #bbpress-forums ul,
    .tp-bullets.custom .tp-bullet {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    
    .tp-bullets.simplebullets.custom .bullet.last {
        margin-right: 7px!important
    }
    
    .tp-bullets.simplebullets.custom .bullet:hover {
        opacity: 1
    }
    
    .tp-bullets.simplebullets.custom .bullet.selected {
        background: var(--color-white)!important;
        opacity: 1
    }
    
    .tp-bullets.custom .tp-bullet {
        box-sizing: border-box;
        background: 0;
        border: 2px solid var(--color-white)!important;
        width: 12px!important;
        border-radius: 50%!important;
        -webkit-transition: color .2s;
        -moz-transition: color .2s;
        -ms-transition: color .2s;
        -o-transition: color .2s;
        transition: all .2s;
        opacity: .5
    }
    
    .tp-bullets.custom .tp-bullet.last {
        margin-right: 7px!important
    }
    
    .tp-bullets.custom .tp-bullet:hover {
        opacity: 1
    }
    
    .tp-bullets.custom .tp-bullet.selected {
        background: var(--color-white)!important;
        opacity: 1
    }
    
    .tp-leftarrow.custom,
    .tp-rightarrow.custom {
        margin-top: 0!important;
        top: 50%!important;
        background: var(--color-white)!important;
        color: var(--color-light-black)!important;
        width: 60px!important;
        height: 60px!important;
        line-height: 60px!important;
        text-align: center!important;
        -webkit-transition: background-color .2s;
        -moz-transition: background-color .2s;
        -ms-transition: background-color .2s;
        -o-transition: background-color .2s;
        transition: background-color .2s
    }
    
    .tp-leftarrow.custom:before,
    .tp-rightarrow.custom:before {
        color: var(--color-light-black);
        line-height: 60px!important;
        font-family: FontAwesome!important;
        font-size: 40px;
        -webkit-font-smoothing: antialiased
    }
    
    .tp-leftarrow.custom {
        border-radius: 0 2px 2px 0!important
    }
    
    .tp-rightarrow.custom {
        border-radius: 2px 0 0 2px!important
    }
    
    .tp-leftarrow.custom:before {
        content: "\f104"!important;
        margin-right: 3px
    }
    
    .tp-rightarrow.custom:before {
        content: "\f105"!important;
        margin-left: 3px
    }
    
    .tp-leftarrow.custom:hover,
    .tp-rightarrow.custom:hover {
        background: rgba(0, 0, 0, .79)!important;
        opacity: 1!important
    }
    
    .tp-leftarrow.custom:hover:before,
    .tp-rightarrow.custom:hover:before {
        color: var(--color-white)!important
    }
    
    .tparrows {
        line-height: 1!important
    }
    
    div.pp_default .pp_contract:after,
    div.pp_default .pp_expand:after {
        background: rgba(0, 0, 0, .2);
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 0;
        text-indent: 0;
        font-size: 14px;
        font-family: FontAwesome;
        position: absolute;
        text-align: center;
        left: 0;
        -webkit-font-smoothing: antialiased;
        color: var(--color-white)
    }
    
    .rev_slider a.button {
        -webkit-transition: all .2s!important;
        -moz-transition: all .2s!important;
        -ms-transition: all .2s!important;
        -o-transition: all .2s!important;
        transition: all .2s!important
    }
    
    div.pp_default .pp_expand {
        cursor: pointer;
        width: 30px;
        height: 30px;
        margin: 0 11px 0 0
    }
    
    div.pp_default .pp_expand:after {
        content: '\f065'
    }
    
    div.pp_default .pp_contract {
        cursor: pointer;
        width: 30px;
        height: 30px;
        margin: 0 11px 0 0
    }
    
    div.pp_default .pp_contract:after {
        content: '\f066'
    }
    
    a.pp_contract,
    a.pp_expand {
        cursor: pointer;
        display: none;
        height: 20px;
        position: absolute;
        right: 30px;
        text-indent: -10000px;
        top: 10px;
        width: 20px;
        z-index: 20000
    }
    
    div.pp_default .pp_close {
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        margin: 5px -7px 0 0;
        padding: 0;
        line-height: 1;
        color: var(--color-white);
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    
    div.pp_default .pp_close:hover {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    
    div.pp_default .pp_close:after {
        position: absolute;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        top: 0;
        left: 0;
        text-indent: 0;
        font-size: 18px;
        font-family: icomoon;
        content: '\e603';
        -webkit-font-smoothing: antialiased
    }
    
    div.pp_default .pp_gallery ul li a {
        border-radius: 1px;
        overflow: hidden
    }
    
    div.pp_default .pp_gallery a.pp_arrow_next,
    div.pp_default .pp_gallery a.pp_arrow_previous {
        position: static;
        left: auto
    }
    
    div.pp_default .pp_nav .pp_pause:after,
    div.pp_default .pp_nav .pp_play:after {
        position: absolute;
        height: 30px;
        text-indent: 0;
        font-size: 14px;
        font-family: FontAwesome;
        -webkit-font-smoothing: antialiased;
        text-align: center;
        width: 30px;
        line-height: 30px;
        top: 0
    }
    
    div.pp_default .pp_nav .pp_pause,
    div.pp_default .pp_nav .pp_play {
        height: 30px;
        width: 30px;
        margin: 0;
        color: var(--color-white);
        display: none
    }
    
    div.pp_default .pp_nav .pp_play:after {
        left: 0;
        content: '\f04b'
    }
    
    div.pp_default .pp_nav .pp_pause:after {
        left: 0;
        content: '\f04c'
    }
    
    div.pp_default a.pp_arrow_next,
    div.pp_default a.pp_arrow_previous {
        height: 30px;
        width: 30px;
        position: relative;
        color: var(--color-white)
    }
    
    div.pp_default a.pp_arrow_previous:after {
        position: absolute;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        top: 0;
        left: 0;
        text-indent: 0;
        font-size: 14px;
        font-family: FontAwesome;
        content: '\f053';
        -webkit-font-smoothing: antialiased
    }
    
    div.pp_default a.pp_arrow_next:after {
        position: absolute;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        top: 0;
        left: 0;
        text-indent: 0;
        font-size: 14px;
        font-family: FontAwesome;
        content: '\f054';
        -webkit-font-smoothing: antialiased
    }
    
    div.pp_default .pp_nav .currentTextHolder {
        color: var(--color-white);
        display: block;
        text-align: center;
        padding: 0 4px;
        width: 30px;
        line-height: 30px;
        margin: 0;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        opacity: .7
    }
    
    div.pp_default .pp_arrow_next:hover,
    div.pp_default .pp_arrow_previous:hover,
    div.pp_default .pp_close:hover,
    div.pp_default .pp_nav .pp_pause:hover,
    div.pp_default .pp_nav .pp_play:hover {
        opacity: .7
    }
    
    div.pp_overlay {
        background: var(--color-dark);
        left: 0;
        position: absolute;
        top: 0;
        width: 100%!important;
        z-index: 9999;
        opacity: 0;
        -webkit-transition: opacity .35s ease;
        -moz-transition: opacity .35s ease;
        -ms-transition: opacity .35s ease;
        -o-transition: opacity .35s ease;
        transition: opacity .35s ease
    }
    
    div.pp_pic_holder {
        display: none;
        position: absolute;
        z-index: 10000!important
    }
    
    .pp_content {
        margin: 0;
        padding: 0;
        min-width: 40px;
        min-height: 40px
    }
    
    .pp_content_container {
        margin-left: 15px;
        width: 100%
    }
    
    .pp_description {
        display: none!important;
        margin: 0
    }
    
    .pp_social {
        float: left;
        height: 20px;
        margin: 10px 0 0
    }
    
    .pp_social .facebook {
        float: left;
        overflow: hidden
    }
    
    .pp_social .twitter {
        float: left;
        margin-right: 10px
    }
    
    .pp_nav {
        clear: right;
        float: left;
        margin: 5px 10px 0 -10px
    }
    
    .pp_nav p {
        float: left;
        white-space: nowrap;
        margin: 0
    }
    
    .pp_nav .pp_pause,
    .pp_nav .pp_play {
        float: left;
        margin-right: 0;
        text-indent: -10000px
    }
    
    a.pp_arrow_next,
    a.pp_arrow_previous {
        display: block;
        float: left;
        height: 30px;
        overflow: hidden;
        text-indent: -10000px;
        width: 30px
    }
    
    .pp_hoverContainer {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2000
    }
    
    .pp_gallery {
        display: none;
        left: 50%;
        margin-top: -50px;
        position: absolute;
        z-index: 10000
    }
    
    .pp_gallery div {
        float: left;
        overflow: hidden;
        position: relative
    }
    
    .pp_gallery ul {
        float: left;
        height: 35px;
        position: relative;
        white-space: nowrap;
        margin: 0 0 0 5px;
        padding: 0
    }
    
    .pp_gallery ul a {
        border: 1px solid rgba(0, 0, 0, .3);
        display: block;
        float: left;
        height: 33px;
        overflow: hidden
    }
    
    .pp_gallery ul a img {
        border: 0
    }
    
    .pp_gallery li {
        display: block;
        float: left;
        margin: 0 5px 0 0;
        padding: 0
    }
    
    a.pp_next:after,
    a.pp_previous:after {
        text-align: center;
        line-height: 60px;
        top: 50%;
        margin-top: 10px;
        background: rgba(0, 0, 0, .3);
        font-size: 40px;
        font-family: FontAwesome;
        opacity: 0;
        -webkit-font-smoothing: antialiased;
        color: var(--color-white)
    }
    
    .pp_gallery li.default a {
        display: block;
        height: 33px;
        width: 50px
    }
    
    a.pp_next {
        display: block;
        float: right;
        height: 100%;
        text-indent: -10000px;
        width: 49%;
        position: relative;
        overflow: hidden
    }
    
    a.pp_next:after {
        position: absolute;
        width: 60px;
        height: 60px;
        right: 0;
        border-radius: 2px 0 0 2px;
        text-indent: 0;
        content: '\f105';
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
    
    a.pp_previous {
        display: block;
        float: left;
        height: 100%;
        text-indent: -10000px;
        width: 49%;
        position: relative;
        overflow: hidden
    }
    
    a.pp_previous:after {
        position: absolute;
        width: 60px;
        height: 60px;
        left: 0;
        border-radius: 0 2px 2px 0;
        text-indent: 0;
        content: '\f104';
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
    
    div.pp_default .pp_next:hover:after,
    div.pp_default .pp_previous:hover:after {
        opacity: 1;
        background: var(--color-light-black)
    }
    
    div.pp_default .pp_next:hover {
        cursor: pointer
    }
    
    div.pp_default .pp_previous:hover {
        cursor: pointer
    }
    
    a.pp_close {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        text-indent: -10000px
    }
    
    .ppt {
        margin-left: 15px;
        margin-bottom: 5px;
        font-size: 20px;
        color: var(--color-white)
    }
    
    #pp_full_res {
        line-height: 1!important
    }
    
    #pp_full_res .pp_inline {
        text-align: left
    }
    
    #pp_full_res .pp_inline p {
        margin: 0 0 15px
    }
    
    div.dark_rounded .pp_details,
    div.dark_square .pp_details,
    div.facebook .pp_details,
    div.light_rounded .pp_details,
    div.light_square .pp_details,
    div.pp_default .pp_details {
        position: relative
    }
    
    .pp_bottom,
    .pp_top {
        height: 0;
        position: relative
    }
    
    * html .pp_bottom,
    * html .pp_top {
        padding: 0
    }
    
    .pp_details .pp_nav .pp_arrow_next,
    .pp_details .pp_nav .pp_arrow_previous,
    .pp_fade,
    .pp_gallery li.default a img {
        display: none
    }
    
    .pp_loaderIcon {
        width: 34px;
        height: 34px;
        border-radius: 54px;
        border: 3px solid rgba(120, 120, 120, .8);
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -15px;
        margin-top: -15px;
        z-index: 1!important
    }
    
    .pp_loaderIcon:after {
        content: "";
        position: absolute;
        top: -3px;
        left: -3px;
        border: 3px solid var(--color-white);
        border-radius: 54px;
        height: 34px;
        width: 34px;
        clip: rect(0, 26px, 17px, 0);
        -moz-animation: rotate .7s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        -webkit-animation: rotate .7s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -ms-animation: rotate .7s;
        -ms-animation-timing-function: linear;
        -ms-animation-iteration-count: infinite;
        animation: rotate .7s;
        animation-timing-function: linear;
        animation-iteration-count: infinite
    }
    
    .blog-masonry .flex-direction-nav .flex-prev,
    .blog-medium .flex-direction-nav .flex-prev {
        left: 0
    }
    
    @-moz-keyframes rotate {
        0% {
            -moz-transform: rotate(0)
        }
        100% {
            -moz-transform: rotate(360deg)
        }
    }
    
    @-webkit-keyframes rotate {
        0% {
            -webkit-transform: rotate(0)
        }
        100% {
            -webkit-transform: rotate(360deg)
        }
    }
    
    @-ms-keyframes rotate {
        0% {
            -ms-transform: rotate(0)
        }
        100% {
            -ms-transform: rotate(360deg)
        }
    }
    
    @keyframes rotate {
        0% {
            transform: rotate(0)
        }
        100% {
            transform: rotate(360deg)
        }
    }
    
    .flex-control-nav,
    .flex-direction-nav,
    .slides {
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    .flexslider {
        padding: 0;
        margin: 0;
        position: relative;
        zoom: 1
    }
    
    .flexslider .slides>li {
        display: none;
        -webkit-backface-visibility: hidden
    }
    
    .flex-direction-nav a,
    .no-js .slides>li:first-child,
    .slides:after,
    html[xmlns] .slides {
        display: block
    }
    
    .flexslider .slides img {
        width: 100%;
        display: block
    }
    
    .flex-pauseplay span {
        text-transform: capitalize
    }
    
    .slides:after {
        content: "\0020";
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }
    
    .flex-direction-nav a:before,
    .owl-theme .owl-controls .owl-nav .owl-prev:after {
        content: '\f104'
    }
    
    * html .slides {
        height: 1%
    }
    
    .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    
    .loading .flex-viewport {
        max-height: 300px
    }
    
    .flex-direction-nav a {
        cursor: pointer!important;
        background: rgba(0, 0, 0, .3);
        opacity: 0;
        text-decoration: none;
        color: var(--color-white)!important;
        width: 60px;
        height: 60px;
        margin: -30px 0 0;
        line-height: 60px;
        text-align: center;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    
    .flex-direction-nav .flex-prev {
        left: 0;
        border-radius: 0 2px 2px 0
    }
    
    .flex-direction-nav .flex-next {
        right: 0;
        border-radius: 2px 0 0 2px
    }
    
    .flexslider:hover .flex-next,
    .flexslider:hover .flex-prev {
        opacity: .7
    }
    
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
        color: var(--color-white);
        background: var(--color-light-black)
    }
    
    .flex-direction-nav .flex-disabled {
        opacity: 0!important;
        cursor: default
    }
    
    .flex-direction-nav a:before {
        font-family: FontAwesome;
        font-size: 40px;
        display: inline-block
    }
    
    .blog-masonry .flex-direction-nav a:before,
    .blog-medium .flex-direction-nav a:before {
        font-size: 34px
    }
    
    .flex-direction-nav a.flex-next:before {
        content: '\f105'
    }
    
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center
    }
    
    .flex-control-nav li {
        margin: 0 4px;
        display: inline-block;
        zoom: 1
    }
    
    .flex-control-paging li a {
        text-indent: -9999px;
        display: inline-block;
        background: 0;
        border: 2px solid var(--color-white);
        width: 6px;
        height: 6px;
        border-radius: 50%;
        opacity: .5;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        margin: 0;
        cursor: pointer
    }
    
    .blog-masonry .flex-direction-nav .flex-next,
    .blog-masonry .flex-direction-nav .flex-prev,
    .blog-medium .flex-direction-nav .flex-next,
    .blog-medium .flex-direction-nav .flex-prev {
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin-top: -24px
    }
    
    .flex-control-paging li a:hover {
        opacity: 1
    }
    
    .flex-control-paging li a.flex-active {
        background: var(--color-white);
        opacity: 1
    }
    
    .flexslider .slides {
        zoom: 1;
        cursor: grab!important;
        cursor: -moz-grab!important;
        cursor: -webkit-grab!important
    }
    
    .blog-medium .flex-direction-nav .flex-next {
        right: 0
    }
    
    .blog-masonry .flex-direction-nav .flex-next {
        right: 0
    }
    
    .owl-carousel .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    
    .owl-carousel .owl-animated-in {
        z-index: 0
    }
    
    .owl-carousel .owl-animated-out {
        z-index: 1
    }
    
    .owl-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }
    
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    .owl-height {
        -webkit-transition: height .4s ease;
        -moz-transition: height .4s ease;
        -ms-transition: height .4s ease;
        -o-transition: height .4s ease;
        transition: height .4s ease
    }
    
    .owl-carousel .owl-item .owl-lazy,
    .owl-carousel .owl-video-tn {
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        -moz-transition: opacity .4s ease;
        -ms-transition: opacity .4s ease;
        -o-transition: opacity .4s ease
    }
    
    .owl-carousel {
        display: none;
        width: 100%;
        position: relative;
        z-index: 1
    }
    
    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }
    
    .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }
    
    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }
    
    .owl-carousel .owl-controls .owl-dot,
    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .owl-carousel.owl-loaded {
        display: block
    }
    
    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }
    
    .owl-carousel.owl-hidden {
        opacity: 0
    }
    
    .owl-carousel .owl-refresh .owl-item {
        display: none
    }
    
    .owl-carousel .owl-item {
        z-index: 1;
        transform: translate3d(0, 0, 0);
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .owl-carousel .owl-item img {
        display: block;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
    
    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }
    
    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }
    
    .owl-carousel.owl-rtl {
        direction: rtl
    }
    
    .owl-carousel.owl-rtl .owl-item {
        float: right
    }
    
    .no-js .owl-carousel {
        display: block
    }
    
    .owl-carousel .owl-item .owl-lazy {
        transition: opacity .4s ease
    }
    
    .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: var(--color-dark)
    }
    
    .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(owl.video.play.png) no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        -webkit-transition: scale .1s ease;
        -moz-transition: scale .1s ease;
        -ms-transition: scale .1s ease;
        -o-transition: scale .1s ease;
        transition: scale .1s ease
    }
    
    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }
    
    .owl-carousel .owl-video-playing .owl-video-play-icon,
    .owl-carousel .owl-video-playing .owl-video-tn {
        display: none
    }
    
    .owl-carousel .owl-video-tn {
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        transition: opacity .4s ease
    }
    
    .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1
    }
    
    .owl-theme .owl-controls {
        margin-top: 10px;
        text-align: center
    }
    
    .owl-theme .owl-controls .owl-nav [class*=owl-] {
        position: absolute;
        top: 50%;
        color: var(--color-white);
        cursor: pointer;
        margin-top: -60px;
        opacity: .5;
        -webkit-transition: opacity .4s ease;
        -moz-transition: opacity .4s ease;
        -ms-transition: opacity .4s ease;
        -o-transition: opacity .4s ease;
        transition: opacity .4s ease
    }
    
    .owl-theme .owl-controls .owl-nav .owl-next:after,
    .owl-theme .owl-controls .owl-nav .owl-prev:after {
        font-family: FontAwesome;
        font-size: 40px;
        height: 40px;
        line-height: 40px;
        display: block;
        color: rgba(0, 0, 0, .6)
    }
    
    .owl-theme .owl-controls .owl-nav .owl-prev {
        left: -50px
    }
    
    .owl-theme .owl-controls .owl-nav .owl-next:after {
        content: '\f105'
    }
    
    .owl-theme .owl-controls .owl-nav .owl-next {
        right: -50px
    }
    
    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
        opacity: 1
    }
    
    .owl-theme .owl-controls .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }
    
    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }
    
    .owl-theme .owl-dots .owl-dot span {
        width: 6px;
        height: 6px;
        margin: 0 4px;
        opacity: .5;
        border: 2px solid #999;
        background: 0;
        display: block;
        -webkit-backface-visibility: visible;
        -webkit-transition: opacity .2s ease;
        -moz-transition: opacity .2s ease;
        -ms-transition: opacity .2s ease;
        -o-transition: opacity .2s ease;
        transition: opacity .2s ease;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px
    }
    
    .owl-theme .owl-dots .owl-dot.active span {
        background: #999;
        opacity: 1
    }
    
    .owl-theme .owl-dots .owl-dot:hover span {
        opacity: 1
    }
    
    .boxed-layout .owl-nav {
        display: none
    }
    
    #bbpress-forums hr {
        margin: 0 0 24px
    }
    
    #bbpress-forums {
        background: 0;
        clear: both;
        margin-bottom: 0;
        overflow: hidden
    }
    
    #bbpress-forums div.reply {
        height: auto;
        width: 100%
    }
    
    #bbpress-forums div.bbp-forum-header,
    #bbpress-forums div.bbp-reply-header,
    #bbpress-forums div.bbp-topic-header {
        background-color: var(--color-white);
        border-bottom: 1px dashed #efefef;
        padding: 16px 20px
    }
    
    #bbpress-forums .status-spam.even,
    #bbpress-forums .status-spam.odd,
    #bbpress-forums .status-trash.even,
    #bbpress-forums .status-trash.odd {
        background-color: #fee
    }
    
    #bbpress-forums .status-closed,
    #bbpress-forums .status-closed a {
        color: #ccc
    }
    
    #bbpress-forums ul {
        background: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }
    
    #bbpress-forums ul.bbp-threaded-replies {
        margin-left: 50px
    }
    
    #bbpress-forums li {
        background: 0;
        margin: 0;
        list-style: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    #bbpress-forums ul.bbp-forums,
    #bbpress-forums ul.bbp-lead-topic,
    #bbpress-forums ul.bbp-replies,
    #bbpress-forums ul.bbp-search-results,
    #bbpress-forums ul.bbp-topics {
        overflow: hidden;
        margin-bottom: 20px;
        clear: both
    }
    
    #bbpress-forums li.bbp-body,
    #bbpress-forums li.bbp-footer,
    #bbpress-forums li.bbp-header {
        clear: both
    }
    
    #bbpress-forums li.bbp-footer,
    #bbpress-forums li.bbp-header {
        background: var(--color-white);
        font-weight: 700;
        text-transform: uppercase;
        padding: 15px 20px;
        color: #666;
        text-align: center
    }
    
    #bbpress-forums li.bbp-header {
        background: #666;
        color: var(--color-white);
        border-radius: 2px
    }
    
    #bbpress-forums li.bbp-header a {
        color: var(--color-white);
        display: inline-block;
        background: var(--color-light-black)!important;
        border-radius: 3px;
        padding: 8px 12px!important;
        text-transform: uppercase;
        font-weight: 700!important;
        font-size: 12px;
        letter-spacing: 1px
    }
    
    #bbpress-forums li.bbp-header ul {
        overflow: hidden
    }
    
    #bbpress-forums .bbp-forums-list {
        margin: 0;
        padding-left: 20px;
        border-left: 1px solid #efefef
    }
    
    #bbpress-forums .bbp-forums-list li {
        display: inline
    }
    
    #bbpress-forums li.bbp-footer {
        display: none
    }
    
    #bbpress-forums li.bbp-footer p {
        margin: 0
    }
    
    li.bbp-forum-info,
    li.bbp-topic-title {
        float: left;
        text-align: left;
        width: 55%
    }
    
    li.bbp-forum-info a {
        font-weight: 600
    }
    
    li.bbp-forum-reply-count,
    li.bbp-forum-topic-count,
    li.bbp-topic-reply-count,
    li.bbp-topic-voice-count {
        float: left;
        text-align: center;
        width: 10%
    }
    
    li.bbp-forum-freshness,
    li.bbp-topic-freshness {
        text-align: center;
        float: left;
        width: 22%
    }
    
    #bbpress-forums li.bbp-body ul.forum,
    #bbpress-forums li.bbp-body ul.topic {
        border-bottom: 1px solid #efefef;
        overflow: hidden;
        padding: 20px
    }
    
    li.bbp-header div.bbp-reply-content span#favorite-toggle,
    li.bbp-header div.bbp-reply-content span#subscription-toggle,
    li.bbp-header div.bbp-topic-content span#favorite-toggle,
    li.bbp-header div.bbp-topic-content span#subscription-toggle {
        float: right
    }
    
    #bbpress-forums div.bbp-forum-title h3,
    #bbpress-forums div.bbp-reply-title h3,
    #bbpress-forums div.bbp-topic-title h3 {
        background: 0;
        border: 0;
        margin: 20px 0;
        padding: 0;
        text-transform: none
    }
    
    #bbpress-forums div.bbp-forum-author,
    #bbpress-forums div.bbp-reply-author,
    #bbpress-forums div.bbp-topic-author {
        float: left;
        text-align: center;
        width: 115px
    }
    
    #bbpress-forums div.bbp-forum-author img.avatar,
    #bbpress-forums div.bbp-reply-author img.avatar,
    #bbpress-forums div.bbp-topic-author img.avatar {
        border: 0;
        max-width: 66px;
        padding: 0;
        margin: 25px auto 0;
        float: none;
        border-radius: 50%
    }
    
    #bbpress-forums div.bbp-forum-author a.bbp-author-name,
    #bbpress-forums div.bbp-reply-author a.bbp-author-name,
    #bbpress-forums div.bbp-topic-author a.bbp-author-name {
        margin: 0 auto -18px;
        word-break: break-word;
        display: inline-block
    }
    
    #bbpress-forums div.bbp-reply-author a.bbp-author-name,
    #bbpress-forums div.bbp-topic-author a.bbp-author-name {
        clear: left;
        display: block
    }
    
    #bbpress-forums div.bbp-forum-author .bbp-author-role,
    #bbpress-forums div.bbp-reply-author .bbp-author-role,
    #bbpress-forums div.bbp-topic-author .bbp-author-role {
        background: #999;
        color: var(--color-white);
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        padding: 1px 10px;
        border-radius: 40px;
        margin-bottom: 30px
    }
    
    #bbpress-forums li.bbp-footer .bbp-forum-author,
    #bbpress-forums li.bbp-footer .bbp-reply-author,
    #bbpress-forums li.bbp-footer .bbp-search-author,
    #bbpress-forums li.bbp-footer .bbp-topic-author,
    #bbpress-forums li.bbp-header .bbp-forum-author,
    #bbpress-forums li.bbp-header .bbp-reply-author,
    #bbpress-forums li.bbp-header .bbp-search-author,
    #bbpress-forums li.bbp-header .bbp-topic-author {
        float: left;
        margin: 0;
        padding: 0;
        width: 120px
    }
    
    #bbpress-forums li.bbp-footer .bbp-forum-content,
    #bbpress-forums li.bbp-footer .bbp-reply-content,
    #bbpress-forums li.bbp-footer .bbp-search-content,
    #bbpress-forums li.bbp-footer .bbp-topic-content,
    #bbpress-forums li.bbp-header .bbp-forum-content,
    #bbpress-forums li.bbp-header .bbp-reply-content,
    #bbpress-forums li.bbp-header .bbp-search-content,
    #bbpress-forums li.bbp-header .bbp-topic-content {
        margin-left: 140px;
        padding: 0;
        text-align: left
    }
    
    div.bbp-forum-header,
    div.bbp-reply-header,
    div.bbp-topic-header,
    li.bbp-body div.hentry {
        margin-bottom: 0;
        overflow: hidden;
        padding: 20px 0 0 20px;
        border-bottom: 1px solid #efefef
    }
    
    div.bbp-forum-header,
    div.bbp-reply-header,
    div.bbp-topic-header {
        clear: both
    }
    
    span.bbp-author-ip {
        display: none
    }
    
    #bbpress-forums .bbp-topics .bbp-body ul .bbp-topic-title {
        position: relative;
        padding-left: 40px
    }
    
    #bbpress-forums .bbp-topics .bbp-body ul .bbp-topic-title:before {
        position: absolute;
        top: 50%;
        left: 0;
        margin: -11px 0 0;
        line-height: 1;
        content: "\f0e6";
        font-size: 21px;
        color: #999;
        font-family: FontAwesome
    }
    
    #bbpress-forums div.bbp-forum-content,
    #bbpress-forums div.bbp-reply-content,
    #bbpress-forums div.bbp-topic-content {
        margin-left: 130px;
        padding: 20px 40px 15px 20px;
        text-align: left
    }
    
    #bbpress-forums div.bbp-forum-content:after,
    #bbpress-forums div.bbp-reply-content:after,
    #bbpress-forums div.bbp-topic-content:after {
        clear: both;
        content: ".";
        display: block;
        float: none;
        height: 0;
        font-size: 0;
        visibility: hidden
    }
    
    #bbpress-forums div.bbp-reply-content a,
    #bbpress-forums div.bbp-topic-content a {
        background: 0;
        border: 0;
        display: inline;
        font-weight: 400;
        margin: 0;
        padding: 0
    }
    
    #bbpress-forums div.bbp-reply-content h1,
    #bbpress-forums div.bbp-reply-content h2,
    #bbpress-forums div.bbp-reply-content h3,
    #bbpress-forums div.bbp-reply-content h4,
    #bbpress-forums div.bbp-reply-content h5,
    #bbpress-forums div.bbp-reply-content h6,
    #bbpress-forums div.bbp-topic-content h1,
    #bbpress-forums div.bbp-topic-content h2,
    #bbpress-forums div.bbp-topic-content h3,
    #bbpress-forums div.bbp-topic-content h4,
    #bbpress-forums div.bbp-topic-content h5,
    #bbpress-forums div.bbp-topic-content h6 {
        clear: none
    }
    
    #bbpress-forums div.bbp-reply-content img,
    #bbpress-forums div.bbp-topic-content img {
        max-width: 100%
    }
    
    #bbpress-forums div.bbp-reply-content ol,
    #bbpress-forums div.bbp-reply-content ul,
    #bbpress-forums div.bbp-topic-content ol,
    #bbpress-forums div.bbp-topic-content ul {
        margin: 0 15px 15px;
        padding: 0
    }
    
    #bbpress-forums div.bbp-reply-content ul li,
    #bbpress-forums div.bbp-topic-content ul li {
        list-style-type: disc
    }
    
    #bbpress-forums div.bbp-reply-content ol li,
    #bbpress-forums div.bbp-topic-content ol li {
        list-style-type: decimal
    }
    
    #bbpress-forums div.bbp-reply-content ol li li,
    #bbpress-forums div.bbp-topic-content ol li li {
        list-style-type: lower-alpha
    }
    
    #bbpress-forums div.bbp-reply-content ol li li li,
    #bbpress-forums div.bbp-topic-content ol li li li {
        list-style-type: upper-roman
    }
    
    #bbpress-forums div.bbp-reply-content code,
    #bbpress-forums div.bbp-reply-content pre,
    #bbpress-forums div.bbp-topic-content code,
    #bbpress-forums div.bbp-topic-content pre {
        font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
        display: inline-block;
        background-color: #f9f9f9;
        border: 1px solid var(--color-light-gray-border);
        padding: 0 5px;
        max-width: 95%;
        vertical-align: middle;
        margin-top: -3px
    }
    
    #bbpress-forums div.bbp-reply-content pre,
    #bbpress-forums div.bbp-topic-content pre {
        display: block;
        line-height: 18px;
        margin: 0 0 24px;
        padding: 5px 10px;
        white-space: pre;
        overflow: auto
    }
    
    #bbpress-forums div.bbp-reply-content pre code,
    #bbpress-forums div.bbp-topic-content pre code {
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
        background-color: transparent;
        overflow-wrap: normal;
        overflow: auto;
        max-width: 100%
    }
    
    #bbpress-forums div.bbp-reply-to {
        margin-left: 130px;
        padding: 12px 12px 12px 0;
        text-align: right
    }
    
    #bbpress-forums div#bbp-cancel-reply-to {
        text-align: right
    }
    
    .abt h1,
    .arrow-up,
    .arrow-up span,
    p.empName {
        text-align: center
    }
    
    div.bbp-breadcrumb {
        display: none
    }
    
    #bbpress-forums div.bbp-breadcrumb p,
    #bbpress-forums div.bbp-topic-tags p {
        margin: 0
    }
    
    #bbpress-forums div.bbp-topic-tags {
        border: 1px solid #efefef;
        float: right;
        margin: 0 0 40px;
        padding: 4px 10px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px
    }
    
    #bbp-topic-hot-tags {
        clear: both
    }
    
    #bbpress-forums .bbp-search-form:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    #bbpress-forums .bbp-search-form {
        clear: both;
        margin: 0 0 20px!important
    }
    
    #bbpress-forums #bbp-search-form .hidden {
        display: none
    }
    
    #bbpress-forums #bbp-search-form #bbp_search {
        display: block;
        width: 84%!important;
        margin-right: 2%;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    #bbpress-forums #bbp-search-form #bbp_search_submit {
        display: block;
        width: 14%!important;
        margin: 0;
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    span.bbp-admin-links {
        float: right;
        color: #efefef
    }
    
    span.bbp-admin-links a {
        font-weight: 400;
        color: #999;
        text-decoration: none
    }
    
    span.bbp-admin-links a:hover {
        color: #666
    }
    
    fieldset span.bbp-admin-links {
        float: left
    }
    
    td.bbp-topic-admin-links,
    td.bbp-topic-counts {
        width: 50%
    }
    
    .bbp-forum-header a.bbp-forum-permalink,
    .bbp-reply-header a.bbp-reply-permalink,
    .bbp-topic-header a.bbp-topic-permalink {
        float: right;
        margin-left: 10px;
        color: #ccc;
        font-weight: 700
    }
    
    #subscription-toggle {
        color: #666;
        float: right
    }
    
    #subscription-toggle a {
        text-transform: uppercase;
        font-weight: 700;
        width: auto;
        padding: 8px 16px;
        letter-spacing: 1px;
        font-size: 12px;
        margin: 0 0 40px;
        display: inline-block;
        border-radius: 2px;
        background: var(--color-light-black);
        color: var(--color-white)
    }
    
    #subscription-toggle a:hover {
        color: var(--color-white);
        background-color: var(--color-secondary)
    }
    
    #subscription-toggle span.is-subscribed a {
        color: var(--color-white);
        background-color: #d25c5a
    }
    
    #subscription-toggle span.is-subscribed a:hover {
        color: #d25c5a;
        background-color: #fceeee
    }
    
    #bbpress-forums .bbp-forum-info .bbp-forum-content,
    #bbpress-forums p.bbp-topic-meta {
        margin: 0;
        padding: 0;
        word-wrap: break-word
    }
    
    #bbpress-forums p.bbp-topic-meta span {
        white-space: nowrap;
        color: #999
    }
    
    #bbpress-forums p.bbp-topic-meta span a {
        color: #999
    }
    
    .bbp-pagination-count {
        display: none
    }
    
    .bbp-no-reply,
    .bbp-no-topic {
        margin-top: 40px
    }
    
    .bbp-reply-form:before,
    .bbp-topic-form:before {
        content: '\0020';
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0
    }
    
    .bbp-reply-form,
    .bbp-topic-form {
        padding-top: 40px;
        padding-bottom: 20px
    }
    
    .topic-edit .bbp-reply-form,
    .topic-edit .bbp-topic-form {
        padding-top: 0;
        padding-bottom: 20px
    }
    
    .reply-edit .bbp-reply-form {
        padding-top: 0
    }
    
    #bbpress-forums fieldset.bbp-form {
        clear: both
    }
    
    #bbpress-forums form>fieldset.bbp-form>legend {
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 0 20px;
        display: block;
        background: #666;
        color: var(--color-white);
        width: 100%;
        padding: 15px 20px;
        border-radius: 2px
    }
    
    #bbpress-forums fieldset.bbp-form label {
        margin: 0 0 10px;
        font-weight: 700;
        display: inline-block
    }
    
    #bbpress-forums fieldset.bbp-form input[type=text] {
        width: 100%
    }
    
    #bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
    #bbp-login fieldset label,
    #bbp-lost-pass fieldset label,
    #bbp-register fieldset label {
        width: 100px
    }
    
    #bbpress-forums fieldset.bbp-form input,
    #bbpress-forums fieldset.bbp-form p,
    #bbpress-forums fieldset.bbp-form select,
    #bbpress-forums fieldset.bbp-form textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    textarea#bbp_forum_content,
    textarea#bbp_reply_content,
    textarea#bbp_topic_content {
        width: 97%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    textarea#bbp_forum_content {
        height: 210px
    }
    
    #bbpress-forums fieldset.bbp-forum-form-attributes {
        width: 200px;
        float: right;
        clear: none;
        margin-left: 25px
    }
    
    #bbpress-forums fieldset select#bbp_forum_id {
        max-width: 200px
    }
    
    .bbp-reply-form,
    .bbp-topic-form,
    .bbp-topic-tag-form {
        clear: left
    }
    
    body.reply-edit .bbp-reply-form div.avatar img,
    body.single-forum .bbp-topic-form div.avatar img,
    body.single-reply .bbp-reply-form div.avatar img,
    body.topic-edit .bbp-topic-form div.avatar img {
        margin-right: 0;
        padding: 10px;
        border: 1px solid var(--color-light-gray-border);
        line-height: 0;
        background-color: #efefef
    }
    
    body.page .bbp-reply-form code,
    body.page .bbp-topic-form code,
    body.reply-edit .bbp-reply-form code,
    body.single-forum .bbp-topic-form code,
    body.single-topic .bbp-reply-form code,
    body.topic-edit .bbp-topic-form code {
        font-size: 10px;
        background-color: #f0fff8;
        border: 1px solid #ceefe1;
        display: block;
        padding: 8px;
        margin-top: 5px;
        width: 369px
    }
    
    #delete_tag,
    #merge_tag {
        display: inline
    }
    
    div.bbp-submit-wrapper {
        margin-top: 0;
        clear: both
    }
    
    p.form-allowed-tags {
        max-width: 100%
    }
    
    #bbpress-forums div.bbp-the-content-wrapper {
        margin-bottom: 20px;
        border-radius: 2px
    }
    
    #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
        width: 100%;
        margin: 0
    }
    
    .wp-editor-wrap.html-active {
        border: 1px solid var(--color-light-gray-border);
        border-radius: 2px
    }
    
    #bbpress-forums div.bbp-the-content-wrapper table,
    #bbpress-forums div.bbp-the-content-wrapper tbody,
    #bbpress-forums div.bbp-the-content-wrapper td,
    #bbpress-forums div.bbp-the-content-wrapper tr {
        border: 0;
        padding: 0;
        margin: 0;
        width: auto
    }
    
    #bbpress-forums div.bbp-the-content-wrapper input {
        padding: 5px;
        margin: 0 2px 0 0;
        line-height: 1em
    }
    
    #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
        padding: 10px;
        min-height: 26px;
        background: var(--color-white);
        border-bottom: 1px dashed #efefef
    }
    
    #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
        padding: 4px 4px 8px
    }
    
    #bbpress-forums div.wp-editor-container {
        margin: 0;
        padding: 0;
        line-height: 0
    }
    
    #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
        line-height: 16px
    }
    
    #bbpress-forums #bbp-your-profile h2 {
        display: none
    }
    
    #bbpress-forums #bbp-your-profile fieldset {
        margin: 0 0 40px
    }
    
    #bbpress-forums #bbp-your-profile fieldset div,
    #bbpress-forums #bbp-your-profile fieldset fieldset.password input,
    #bbpress-forums #bbp-your-profile fieldset fieldset.password span {
        width: 100%
    }
    
    #bbpress-forums #bbp-your-profile fieldset select {
        margin-bottom: 0
    }
    
    #bbpress-forums #bbp-your-profile fieldset input,
    #bbpress-forums #bbp-your-profile fieldset textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }
    
    #bbpress-forums #bbp-your-profile fieldset legend {
        display: block
    }
    
    #bbpress-forums #bbp-your-profile fieldset.submit legend,
    .bbp-login-form fieldset legend,
    div.bbp-template-notice.info {
        display: none
    }
    
    #bbpress-forums #bbp-your-profile fieldset label[for] {
        padding: 0;
        margin: 0 0 5px;
        cursor: pointer
    }
    
    #bbpress-forums #bbp-your-profile fieldset fieldset {
        margin: 0;
        border: 0;
        padding: 0;
        clear: none;
        float: none
    }
    
    #bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl {
        margin: 0
    }
    
    #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
        margin-left: 0;
        display: none
    }
    
    #bbpress-forums #bbp-your-profile fieldset.submit {
        margin-top: -40px
    }
    
    div.bbp-template-notice,
    div.indicator-hint {
        padding: 15px 20px;
        margin: 0 0 20px;
        border-radius: 3px;
        background-color: #f9f9f9;
        clear: both
    }
    
    div.bbp-template-notice.important {
        border: 1px solid #e6db55;
        background-color: #fffbcc
    }
    
    div.bbp-template-notice.error,
    div.bbp-template-notice.warning {
        background-color: #fceeee;
        color: #d25c5a
    }
    
    div.bbp-template-notice p {
        margin: 0!important
    }
    
    .bbp-forum-content ul.sticky .bbp-topic-title:before,
    .bbp-topics ul.sticky .bbp-topic-title:before,
    .bbp-topics ul.super-sticky .bbp-topic-title:before,
    .bbp-topics-front ul.super-sticky .bbp-topic-title:before {
        content: "\f0a1"!important;
        color: var(--color-secondary)!important
    }
    
    #bbpress-forums .bbp-topics .bbp-body .bbp-topic-title .bbp-topic-permalink {
        font-weight: 600
    }
    
    #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log,
    #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
    #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log {
        width: 100%;
        margin: 0 0 27px;
        padding: 12px 0 0;
        border-top: 1px dashed #efefef;
        border-radius: 2px;
        color: #999;
        font-size: 11px
    }
    
    #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li,
    #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
    #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li {
        list-style-type: none
    }
    
    .bbp-login-form .bbp-email input,
    .bbp-login-form .bbp-password input,
    .bbp-login-form .bbp-username input {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }
    
    .bbp-login-form label {
        margin: 0 0 5px
    }
    
    .bbp-login-form .bbp-remember-me:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    .bbp-login-form .bbp-remember-me input {
        display: inline-block!important;
        float: left;
        margin-top: 7px;
        margin-right: 7px
    }
    
    .bbp-login-form .bbp-remember-me label {
        float: left
    }
    
    .bbp-login-form .bbp-submit-wrapper {
        margin-top: 10px
    }
    
    .bbp-login-form .bbp-login-links a {
        float: left;
        clear: left
    }
    
    #bbpress-forums #bbp-user-wrapper fieldset.bbp-form,
    #bbpress-forums #bbp-user-wrapper h2.entry-title,
    #bbpress-forums #bbp-user-wrapper ul.bbp-forums,
    #bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic,
    #bbpress-forums #bbp-user-wrapper ul.bbp-replies,
    #bbpress-forums #bbp-user-wrapper ul.bbp-topics,
    #bbpress-forums h1 {
        clear: none
    }
    
    .bbp-logged-in img.avatar {
        margin: 0;
        border-radius: 50%
    }
    
    .widget_display_stats dd,
    .widget_display_stats dt {
        display: inline-block
    }
    
    #bbpress-forums .widget_display_replies img.avatar,
    #bbpress-forums .widget_display_topics img.avatar,
    #bbpress-forums div.bbp-template-notice img.avatar,
    #bbpress-forums p.bbp-topic-meta img.avatar,
    #bbpress-forums ul.bbp-reply-revision-log img.avatar,
    #bbpress-forums ul.bbp-topic-revision-log img.avatar {
        float: none;
        margin-bottom: -7px;
        display: none
    }
    
    fieldset div.avatar {
        float: right
    }
    
    #bbpress-forums #bbp-user-wrapper {
        float: left;
        width: 100%
    }
    
    #bbpress-forums .bbp-user-section {
        overflow: auto
    }
    
    #bbpress-forums .bbp-user-section .bbp-user-forum-role,
    #bbpress-forums .bbp-user-section .bbp-user-reply-count,
    #bbpress-forums .bbp-user-section .bbp-user-topic-count {
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        color: #999;
        font-size: 12px;
        display: none
    }
    
    #bbpress-forums #bbp-single-user-details {
        margin: 0 10px 0 0;
        width: 140px;
        float: left;
        overflow: hidden
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
        margin: 0;
        width: 140px
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
        border: 0;
        height: 140px;
        padding: 0;
        margin: 0 0 20px;
        width: 140px;
        border-radius: 50%
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-description {
        float: none;
        margin-left: 180px
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
        float: none;
        margin: 0 0 20px
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
        margin: 0;
        border-bottom: 1px solid #efefef
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation li:last-child {
        border: 0
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
        padding: 8px 0;
        display: block;
        text-decoration: none;
        border-radius: 2px
    }
    
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
        font-weight: 600
    }
    
    #bbpress-forums #bbp-user-body {
        margin-left: 180px
    }
    
    body.my-account #bbpress-forums {
        border-top: 0;
        padding-top: 0;
        margin-bottom: 0
    }
    
    #bbpress-forums dl.bbp-user-capabilities {
        display: inline-block;
        vertical-align: top
    }
    
    #bbpress-forums dl.bbp-user-capabilities dt {
        margin: 0 0 10px;
        text-transform: capitalize
    }
    
    #bbpress-forums dl.bbp-user-capabilities dd {
        margin: 0;
        padding: 0
    }
    
    .activity-list li.bbp_reply_create .activity-content .activity-inner,
    .activity-list li.bbp_topic_create .activity-content .activity-inner {
        border-left: 2px solid #eaeaea;
        margin-left: 5px;
        padding-left: 10px
    }
    
    #bbpress-forums div.row-actions {
        font-size: 11px;
        visibility: hidden
    }
    
    #bbpress-forums li:hover>div.row-actions {
        visibility: visible
    }
    
    #bbp-search-results .bbp-reply-header .bbp-meta,
    #bbp-search-results .bbp-t#navigation>ul>li>a.sf-with-ul:after,
    #bbp-search-results .bbp-topic-header .bbp-topic-title-meta,
    .bbp-topic-header .bbp-meta {
        display: none
    }
    
    .page-numbers {
        margin-bottom: 20px
    }
    
    .bbp-pagination-links {
        list-style: none;
        display: inline
    }
    
    .bbp-pagination-links a,
    .bbp-pagination-links a.next,
    .bbp-pagination-links a.prev {
        display: block;
        float: left;
        padding: 4px 9px;
        margin-right: 7px;
        background: #f9f9f9;
        color: #666;
        border-radius: 2px
    }
    
    .bbp-pagination-links span.current {
        display: block;
        float: left;
        padding: 4px 9px;
        margin-right: 7px;
        background: var(--color-secondary);
        color: var(--color-white);
        font-weight: 700;
        border-radius: 2px
    }
    
    .bbp-pagination-links span.dots {
        display: block;
        float: left;
        padding: 4px;
        margin-right: 7px
    }
    
    div.nav-content {
        border-top: 2px solid #f4f4f4;
        border-bottom: 2px solid #f4f4f4;
        min-width: 960px;
        width: 100%
    }
    
    ul.navLink {
        width: 940px;
        margin: 0 auto
    }
    
    ul.navLink li {
        display: inline-block;
        float: left;
        list-style: none;
        margin: 20px 138px 20px 0;
        padding: 0
    }
    
    ul.navLink li a.nav-item-on,
    ul.navLink li a.nav-item:hover {
        font-weight: 600;
        font-size: 1.1em;
        cursor: pointer;
        color: #f05a28!important
    }
    
    ul.navLink li a.nav-item {
        cursor: pointer;
        color: #3d4d54;
        font-weight: 600;
        font-size: 1.1em
    }
    
    .mr {
        margin-right: 0!important
    }
    
    .abt h1 {
        color: #f05a28;
        font-weight: 600;
        font-size: 2.1em;
        line-height: 1.2em;
        margin: 1.2em 0 .6em;
        padding: 0
    }
    
    .abt h3 {
        margin: 1.6em 0 .8em;
        font-weight: 600;
        font-size: 1.5em
    }
    
    .picset {
        margin: 2em auto 5em
    }
    
    .ht20 {
        height: 20px
    }
    
    .ht40 {
        height: 40px
    }
    
    .img-circular {
        background-size: cover;
        border-radius: 100px;
        display: block;
        height: 200px;
        width: 200px;
        margin: 10px;
        background-position: left top;
        background-repeat: no-repeat;
        background-color: var(--color-light-gray-border);
        cursor: pointer
    }
    
    .eric {
        background-image: url(img/Eric.png)
    }
    
    .eric:hover {
        background-image: url(img/Eric-hover.png)
    }
    
    .rule {
        border-top: 2px solid var(--color-light-gray-border);
        margin: 15px 0 5px;
        padding: 0;
        position: relative;
        height: 12px
    }
    
    .arrow-up {
        background: var(--color-white);
        border: 2px solid #d1d3d4;
        border-radius: 50%;
        color: #9b9b9b;
        height: 16px;
        left: 45%;
        position: absolute;
        top: -12px;
        width: 25px;
        cursor: pointer;
        display: table;
        -webkit-transform: rotate(360deg) translate3d(0, 0, 0);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .arrow-up:hover {
        background: #d1d3d4;
        color: var(--color-white)
    }
    
    .rotate2 {
        -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        background: var(--color-white);
        color: #9b9b9b
    }
    
    .arrow-up:after {
        background: #d1d3d4
    }
    
    .arrow-up span {
        display: block;
        -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: -3px
    }
    
    p.empName {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: var(--color-secondary)
    }
    
    p.emoTitle {
        font-weight: 400;
        font-size: 15px;
        color: #666;
        text-align: center;
        margin: 0;
        padding: 0
    }
    
    .divbio p,
    .divbirj p {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #666;
        text-align: center
    }
    
    .divbirj {
        height: 325px;
        margin-bottom: 25px
    }
    
    .divbio {
        height: 230px
    }
    
    .designsurveyicon a:before,
    .homemenuicon a:before,
    .reporticon a:before,
    .saveicon a:before,
    .usercircleicon a:before,
    .usericon a:before {
        font: normal normal normal 15px/1 FontAwesome;
        float: left;
        padding-right: 15px
    }
    
    .usericon a:before {
        content: "\f007"
    }
    
    .saveicon a:before {
        content: "\f02e"
    }
    
    .designsurveyicon a:before {
        content: "\f091"
    }
    
    .homemenuicon a:before {
        content: "\f015"
    }
    
    .reporticon a:before {
        content: "\f201"
    }
    
    .usercircleicon a:before {
        content: "\f007"
    }
    
    #header #navigation>ul>li.megamenu>ul>li>a {
        text-transform: capitalize;
        font-size: 17px;
        font-family: var(--font-EpilogueRegular)
    }
    
    .header-v1 #navigation>ul>li:hover {
        border-bottom: 3px solid var(--color-secondary)
    }
    
    .emptymenupadding {
        padding: 16px
    }
    
    #navigation>ul>li.megamenu>ul ul li.boldmenuitem a {
        font-weight: 600!important;
        font-size: 17px!important
    }
    
    .noshow a:first-child {
        display: none
    }
    
    .black-col-h {
        color: var(--color-dark);
        font-size: 14px!important;
        opacity: 70
    }
    
    .grn-txt,
    .sign-up-top-banner-org {
        font-weight: 700;
        color: var(--color-white);
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .poptrox-overlay {
        z-index: 9999!important
    }
    
    .sign-up-top-banner-org {
        font-size: 21.8px!important;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        padding: 10px 40px!important;
        border-radius: 2px;
        background-color: #ea5b2e;
        box-shadow: 0 2px 10px 0 #ea5b2e
    }
    
    .grn-txt {
        font-size: 34.1px;
        line-height: 1.25;
        margin-left: 10%!important
    }
    
    .line-height-supportpage-bold_black-col {
        line-height: 40px!important;
        color: var(--color-dark)!important;
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 34px!important
    }
    
    .banner-third-layer_black-col {
        font-family: var(--font-EpilogueRegular);
        font-size: 15.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: var(--color-dark)
    }
    
    .sogo-pad-top {
        padding-top: 90px
    }
    
    .sogo-pad-bottom {
        padding-bottom: 90px
    }
    
    .wpcf7-form-control.wpcf7-submit:hover {
        border: none!important
    }
    
    .Customer-list.iconbox-style-5 .iconbox-icon {
        float: right;
        margin-top: 18px
    }
    
    #text-4 .gray-txt i {
        margin-right: 5px
    }
    
    .banner-second-layer {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 36px!important;
        line-height: 1.11;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    #footer .widget h3 {
        text-transform: none;
        letter-spacing: .7px
    }
    
    #header #navigation>li>a,
    #sidebar .widget h3,
    h6 {
        letter-spacing: 1px;
        text-transform: uppercase
    }
    
    .zindex_3 .vc_tta-panel-body {
        z-index: -9!important
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.signUp-class:hover>a,
    #header.header-transparent.header-v1 #navigation>ul>li.signUp-class>a:hover,
    #navigation ul li.signUp-class,
    .stuck.header-transparent.header-v1 #navigation>ul>li.signUp-class:hover,
    .stuck.header-transparent.header-v1 #navigation>ul>li.signUp-class>a {
        color: var(--color-white)!important;
        border-bottom: none!important
    }
    
    .platformclass {
        padding-left: 10px;
        font-size: 11px
    }
    
    #navigation>ul>li>a.sf-with-ul:after {
        display: block!important;
        margin-top: -2px;
        right: 3px
    }
    
    #topbar ul.menu li.support-ul a:first-child:after {
        display: block!important;
        position: relative!important;
        line-height: 0;
        left: 56px
    }
    
    .postid-4770 .portfolio-detail-title,
    .postid-4815 .portfolio-detail-title {
        display: none
    }
    
    h6 {
        font-weight: 700
    }
    
    .font-special,
    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
        text-transform: uppercase
    }
    
    .pricing-plan .pricing-plan-head h3 {
        text-transform: uppercase;
        font-size: 16px
    }
    
    .pricing-plan .pricing-price span.pricing-amount {
        font-size: 42px;
        font-weight: 300
    }
    
    .customclass1 .social-icon a {
        background: #efefef;
        color: var(--color-light-black)
    }
    
    .customclass1 .social-icon a:hover {
        background: #1cbac8;
        color: var(--color-white)
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio:1),
    only screen and (min-device-pixel-ratio:1) {
        .fontweight-300 {
            font-weight: 400!important
        }
    }
    
    @media(max-width:768px) {
        .hideundertablet {
            display: none
        }
    }
    
    .sign_up {
        width: 98%!important;
        background: #01aac2!important
    }
    
    .header-v1 #navigation {
        padding-left: 40px
    }
    
    .features-box img {
        border-radius: 4px;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03);
        margin-bottom: -20px
    }
    
    .borderbutton a {
        border: 1px solid #1cbac8!important;
        padding: 10px 20px!important;
        margin-top: -11px!important;
        border-radius: 3px;
        margin-right: 15px!important;
        margin-left: 5px!important;
        color: #1cbac8!important
    }
    
    .borderbutton a:hover {
        background: var(--color-light-black)!important;
        border-color: var(--color-light-black)!important;
        color: var(--color-white)!important
    }
    
    #header.header-transparent .borderbutton a {
        border: 1px solid rgba(255, 255, 255, .5)!important;
        color: var(--color-white)!important
    }
    
    .tp-caption a:hover {
        border-bottom-color: transparent
    }
    
    .no-transform {
        text-transform: none
    }
    
    .connect {
        display: flex
    }
    
    #footer .widget ul li:after {
        font-family: FontAwesome;
        content: none!important;
        position: absolute;
        top: 10px;
        right: 0;
        font-size: 14px;
        color: #999
    }
    
    .Signup_btn,
    .Video_btn {
        font-family: var(--font-EpilogueRegular);
        text-transform: none;
        float: left
    }
    
    #footer .widget ul li {
        border-bottom: 0;
        position: relative;
        padding: 0 10px 0 0
    }
    
    .cf_sides {
        display: inline;
        float: left;
        margin: 45px 5px 0
    }
    
    .cf_sides-adj1,
    .cf_sides-adj2 {
        margin-top: 86px
    }
    
    #BH:hover {
        content: url(/wp-content/uploads/2016/09/bbbH1.png)
    }
    
    .footer_logo {
        display: flex
    }
    
    .cf_sides-adj1 {
        margin-left: -36px
    }
    
    .slider_home,
    .tp-caption a,
    .tp-caption a:hover {
        color: var(--color-white)!important
    }
    
    .home_txt {
        padding-top: 60px;
        padding-bottom: 60px
    }
    
    .home_txt1 {
        padding: 90px
    }
    
    .testimonial_home {
        padding-top: 60px;
        padding-bottom: 60px
    }
    
    .Title1 {
        font-weight: 600;
        display: block;
        line-height: 1.5;
        font-size: 34px;
        color: var(--color-light-black)
    }
    
    .Video_btn,
    .Video_btn a {
        color: var(--color-white)
    }
    
    .Video_btn {
        font-size: 14px;
        background-color: #00aff9;
        padding: 5px 20px;
        border-radius: 0;
        margin-right: 20px!important
    }
    
    .Video_btn a:hover {
        color: var(--color-light-black)
    }
    
    .Signup_btn {
        font-size: 18px;
        color: var(--color-white);
        background-color: #7ac70b;
        padding: 5px 39px;
        margin-right: 10px;
        font-weight: 700;
        border-radius: 1.9px
    }
    
    .Signup_btn:hover {
        color: var(--color-white)!important
    }
    
    #slide-52-layer-6 {
        width: 640px!important;
        height: 480px!important
    }
    
    .temp_details .PollBtns {
        padding: 2.5em 40px 40px;
        text-align: left
    }
    
    .iconbox h3,
    div.iconText {
        text-align: center
    }
    
    .txt_img_home {
        padding-top: 40px;
        right: -22px
    }
    
    .txt_Full {
        padding-right: 120px;
        padding-left: 125px
    }
    
    .txt_Full1 {
        padding-left: 120px;
        padding-right: 125px
    }
    
    div.iconText {
        font-weight: 400;
        font-size: 1em;
        line-height: 1.3em;
        color: var(--color-dark);
        padding-bottom: 40px
    }
    
    input.signupSubmit1 {
        background-color: #83c340;
        width: 17%;
        margin: 0;
        padding: 0;
        height: 46px;
        font-size: 18px;
        font-family: var(--font-Epilogue-Bold) !important;;
        font-weight: 700;
        border-radius: 2px;
        color: var(--color-white);
        border: 0
    }
    
    .icon_border1,
    .icon_border4 {
        border-left: 3px solid var(--color-dark)
    }
    
    .icon_border3,
    .icon_border6 {
        border-right: 3px solid var(--color-dark)
    }
    
    .icon_border4,
    .icon_border5,
    .icon_border6 {
        border-bottom: 3px solid var(--color-dark)
    }
    
    .get_start {
        padding-top: 10%;
        padding-bottom: 10%
    }
    
    .back_img {
        padding-top: 70px;
        padding-bottom: 70px
    }
    
    .back_txt {
        padding-right: 10%;
        padding-left: 13%
    }
    
    .back_h1 {
        color: #f05a28;
        font-weight: 600;
        font-size: 2.3em;
        line-height: 1.15em;
        margin: 0;
        padding: 1.5em 0 .5em
    }
    
    .back_upgrade {
        padding-top: 3%;
        padding-bottom: 35%
    }
    
    .back_support {
        height: 540px
    }
    
    .slideRight1 {
        font-size: 34px;
        margin-top: 157px;
        color: var(--color-white);
        line-height: 1
    }
    
    .top_differentiating {
        margin-top: 45px;
        margin-left: 105px
    }
    
    .slideright_txt_top {
        color: var(--color-white);
        font-size: 20px
    }
    
    .pp_left {
        left: 15px!important
    }
    
    .pp_middle {
        right: 5px!important
    }
    
    .pp_right {
        right: -15px!important
    }
    
    .testimonial-slide span {
        font-size: 18px
    }
    
    .grid_txt_design {
        margin-bottom: 5px
    }
    
    .img_client {
        margin-left: 72px!important;
        margin-top: 25px!important;
        margin-bottom: 25px!important
    }
    
    .testimonial_home {
        padding-left: 153px!important;
        padding-right: 153px!important
    }
    
    .profession_ol {
        margin-right: 100px
    }
    
    .pp_content {
        height: 521px!important;
        width: 641px!important
    }
    
    .icon_grid {
        height: 250px;
        padding-top: 24px;
        padding-bottom: 24px
    }
    
    .icon_border1,
    .icon_border2,
    .icon_border3 {
        border-top: 3px solid var(--color-dark)
    }
    
    .icon_border {
        padding-right: 120px;
        padding-left: 120px
    }
    
    .icon_fa {
        padding-top: 30px!important;
        padding-left: 153px!important;
        padding-right: 153px!important
    }
    
    .margin_fa_icon .single_image,
    .margin_fa_icon .wpb_text_column {
        margin-bottom: 10px!important
    }
    
    .back_upgrade_icon {
        padding-top: 41px;
        padding-bottom: 80px
    }
    
    .righthd {
        font-size: 1.3em;
        margin: 0
    }
    
    .stuck {
        background: var(--color-white)!important
    }
    
    .stuck .sf-with-ul,
    .stuck.header-transparent.header-v1 #navigation>ul>li>a {
        color: var(--color-lightGreyNeutral)!important
    }
    
    .stuck .menu-item-15541 .sf-with-ul {
        color: #bbb!important
    }
    
    .stuck .menu-item-15541 .sf-with-ul:hover {
        color: var(--color-white)!important
    }
    
    .employee_sat_text {
        padding-left: 40px!important
    }
    
    .surveyIcon,
    a.surveyIcon:hover {
        background: url(../wp-content/uploads/2016/09/survey-link.png) left center no-repeat;
        display: inline-block;
        color: #01aac2;
        font-weight: 600;
        font-size: 1.2em;
        margin: 0 0 .8em;
        padding: 1px 0 0 27px
    }
    
    .sideborder {
        border-left: dashed 1px var(--color-dark)
    }
    
    .green {
        color: #84c341;
        font-weight: 700;
        font-size: 1em;
        margin: 0;
        padding: 0
    }
    
    .lphd3 {
        font-weight: 600;
        font-size: 34px;
        line-height: 1.4em;
        color: #01aac2
    }
    
    @media only screen and (max-width:1024px) {
        .logo_standard {
            display: block
        }
    }
    
    @media screen and (max-width:960px) {
        .img_company {
            text-align: center
        }
        .home_size {
            margin-left: 0!important;
            margin-right: 0!important
        }
        .testimonial_home {
            padding-left: 0!important;
            padding-right: 0!important
        }
        .txt_Full,
        .txt_Full1 {
            padding-left: 0;
            padding-right: 21px
        }
        .txt_Full1 {
            padding-top: 0
        }
        #btncreateOnlineSurvey {
            width: 50%
        }
        .cf_sides-adj1 {
            margin-top: 0;
            margin-left: 0
        }
        .profession_ol,
        .top_differentiating {
            margin-left: 10px
        }
        .cf_sides-adj2 {
            margin-top: 0
        }
        .profession_ol {
            margin-right: 10px
        }
        .back_txt {
            padding-right: 10%;
            padding-left: 6%
        }
        .icon_border {
            padding-right: 20px;
            padding-left: 20px
        }
        .icon_grid {
            border: 2px solid var(--color-dark)
        }
        .icon_fa {
            padding-left: 40px!important;
            padding-right: 40px!important
        }
        .margin_fa_icon {
            margin-bottom: 10px!important
        }
        .icon_border4 {
            top: 15px
        }
        .logo_desktop {
            display: none!important
        }
        .logo_mobile {
            display: block!important
        }
        .cycloneslider-slides {
            height: 65px!important
        }
        .cycloneslider {
            margin: 15px auto!important
        }
        .logo_margin {
            margin-bottom: 10px!important
        }
        .rev_slider.center-block input {
            height: 47px!important;
            margin: 4px 0 1px!important;
            padding: 6px 1px!important;
            width: 160px!important
        }
        .rev_slider.center-block input[type=submit] {
            border-radius: 0 2px 2px 0!important;
            text-transform: none!important;
            font-size: 13px!important;
            font-weight: 600!important;
            height: 47.8px;
            box-shadow: 0 1px 5px 0 #83c340;
            background: #83c340!important;
            font-family: var(--font-EpilogueRegular)!important;
            padding: 0 25px!important
        }
    }
    
    .footer_icon,
    .footer_icon1 {
        width: 200px;
        font-style: normal;
        font-stretch: normal;
        text-align: center
    }
    
    #slide-30-layer-5,
    #slide-30-layer-6,
    #slide-44-layer-5 {
        border-radius: 2px!important
    }
    
    .owl-theme .owl-dots .owl-dot {
        display: none!important
    }
    
    .footer_icon1 {
        height: 26px;
        font-family: Montserrat;
        line-height: 1.86;
        font-size: 14px;
        font-weight: 700
    }
    
    .footer_icon {
        height: 62px;
        font-family: var(--font-EpilogueRegular);
        font-size: 46px;
        font-weight: 300
    }
    
    .header-v1 .logo {
        margin-top: 21px
    }
    
    .logo_desktop {
        display: block
    }
    
    .logo_mobile,
    .owl-nav,
    .page-id-16165 .latest-blog .blog-item .blog-item-description span,
    .page-id-16887 .latest-blog .blog-item .blog-item-description span {
        display: none
    }
    
    .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-heading {
        border-left: 4px solid #84c341;
        background: 0 0!important
    }
    
    .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a {
        color: #444!important
    }
    
    .vc_tta-color-grey.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        color: #666!important
    }
    
    .vc_tta-panel-heading {
        background: #f4f6f7!important
    }
    /*
    .page-id-38902 #header.header-transparent.header-v1 {
        background-color: transparent!important;
        box-shadow: none!important
    } */
    
    .sticky-wrapper{
    background-color: var(--color-deepOcean)!important;
   }

    #header.header-transparent.header-v1 {
        opacity: 1;
        background-color: var(--color-deepOcean)!important;
     /*box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .18)!important */
    }
    
    #header #navigation>ul>li>a {
        text-transform: initial!important
    }
    
    .vc_col-sm-12 wpb_column column_container col no-padding color-dark {
        height: 0!important
    }
    
    .header-v1 #navigation {
        float: right!important
    }
    
    .bottom-icon-box .iconbox h3 {
        color: var(--color-white)!important;
        font-family: var(--font-EpilogueRegular)!important;
        font-weight: 300!important
    }
    
    .top-icons1 .iconimg {
        width: 40%
    }
    
    .top-icons2 .iconimg {
        width: 39%
    }
    
    .top-icons3 .iconimg {
        width: 60%
    }
    
    .iconbox-style-2 .iconbox-icon {
        width: 40px!important
    }
    
    #menu-top-menu {
        font-family: var(--font-EpilogueRegular);
        color: var(--color-white)
    }
    
    #ctl00_Trsutseal {
        width: 173px
    }
    
    .blog-item-description h4 a {
        color: #444;
        font-family: var(--font-EpilogueRegular)
    }
    
    .latest-blog .blog-item .blog-item-description div {
        color: #4a4a4a;
        font-family: var(--font-EpilogueRegular);
        margin-top: -13px;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: normal
    }
    
    .divider-title,
    align-center {
        font-family: var(--font-EpilogueRegular)!important;
        font-weight: 400!important;
        font-style: normal!important;
        line-height: 1.73!important
    }
    
    #slide-30-layer-1,
    #slide-44-layer-1,
    #slide-49-layer-1,
    #slide-57-layer-1,
    #slide-58-layer-1,
    #slide-59-layer-1 {
        font-family: var(--font-EpilogueRegular)!important;
        font-weight: 400!important;
        color: #858585!important;
        font-style: normal!important
    }
    
    #slide-30-layer-2,
    #slide-44-layer-2,
    #slide-47-layer-2,
    #slide-49-layer-2,
    #slide-50-layer-2 {
        color: var(--color-white)!important;
        font-family: var(--font-EpilogueRegular);
        font-style: normal
    }
    
    #slide-47-layer-1,
    .col-md-6,
    .newsletterForm,
    .signupSubmit2,
    contactEmail {
        font-family: var(--font-EpilogueRegular)!important
    }
    
    #slide-30-layer-3,
    #slide-44-layer-3,
    #slide-47-layer-3,
    #slide-49-layer-3,
    #slide-50-layer-3,
    #slide-57-layer-3,
    #slide-58-layer-3,
    #slide-59-layer-3 {
        font-family: var(--font-EpilogueRegular)!important;
        color: var(--color-white)!important;
        font-weight: 400!important;
        font-style: normal!important;
        font-stretch: normal!important
    }
    
    .Numerous-Question-Ty,
    .all-of-the-above-m {
        font-stretch: normal;
        font-weight: 400;
        font-style: normal
    }
    
    #slide-44-layer-5 {
        background-color: #00aff9
    }
    
    #slide-44-layer-6 {
        border-radius: 0!important
    }
    
    #slide-47-layer-1 {
        font-weight: 400!important;
        color: #676767!important;
        font-style: normal!important
    }
    
    #rev_slider_11_1 .center-block,
    #rev_slider_25_1 .center-block,
    #rev_slider_27_1 .center-block,
    #rev_slider_29_1 .center-block {
        width: 350px!important
    }
    
    .newsletterForm {
        width: 200px!important;
        height: 42px;
        float: left!important;
        border-radius: 2px 0 0 2px!important
    }
    
    .socialor,
    .socialor.or {
        width: 35px!important;
        height: 35px!important
    }
    
    .signupSubmit2 {
        background: #7bc142!important;
        border-radius: 0 2px 2px 0!important;
        text-transform: none!important;
        font-size: 14px!important;
        font-weight: 600!important
    }
    
    .socialor {
        margin-right: 20px;
        margin-left: -22px!important
    }
    
    .socialor.or {
        margin: -1px 11px 0
    }
    
    .rev_slider .newslettersocial img {
        margin-left: 9px!important
    }
    
    .rev_slider .newslettersocial .facebookform {
        margin-left: 4px!important;
        margin-top: -3px!important
    }
    
    .rev_slider .newslettersocial .googleform {
        margin-left: 3px!important;
        margin-top: -3px!important
    }
    
    .newslettersocial img {
        width: 48px!important;
        height: 48px!important;
        margin-right: 7px;
        margin-left: 3px!important;
        margin-top: -3px
    }
    
    #wpcf7-f14796-p15562-o2,
    #wpcf7-f14796-p16165-o2,
    #wpcf7-f14796-p16457-o2,
    #wpcf7-f14796-p16582-o2,
    #wpcf7-f14796-p16708-o1,
    #wpcf7-f14796-p16708-o2 {
        text-align: center
    }
    
    .copyright-col1 i {
        font-size: 18px
    }
    
    .copyright-col1 .profile-button {
        padding: 0 7px 0 0
    }
    
    #copyright .copyright-col2 {
        font-weight: 400;
        margin-right: 200px;
        color: #888;
        font-family: var(--font-EpilogueRegular);
        margin-left: 15px;
        float: left;
        margin-top: 2px;
        font-size: 11px!important
    }
    
    .SoGoSurvey-plus-SoGo,
    .SoGoSurvey-technolog {
        font-family: var(--font-EpilogueRegular)!important;
        margin-top: 40px!important
    }
    
    .ajax-loader {
        display: none!important
    }
    
    .Everything-You-Need {
        text-align: center;
        font-size: 32px;
        font-weight: 300;
        font-family: var(--font-EpilogueRegular)!important;
        color: #444!important
    }
    
    .Sign-up-free-and-get {
        text-align: justify;
        font-size: 14px;
        font-family: var(--font-EpilogueRegular)!important;
        color: #4a4a4a!important;
        font-weight: 400;
        line-height: 1.42
    }
    
    .SoGoSurvey-plus-SoGo {
        text-align: center;
        font-size: 31px;
        font-weight: 300;
        color: #444!important;
        line-height: 1.5
    }
    
    .SoGoSurvey-technolog {
        text-align: center;
        font-size: 17px;
        color: #7d7d7d!important;
        font-weight: 400;
        line-height: 1.67
    }
    
    .layerA {
        font-style: italic;
        font-stretch: normal;
        text-align: center;
        color: var(--color-white);
        font-family: var(--font-EpilogueRegular);
        margin-bottom: 17px!important
    }
    
    .slick-dots,
    .testimonial-content,
    .testimonial-left,
    .testimonials-text {
        margin-bottom: 15px!important
    }
    
    .testimonial-content h4 {
        font-family: var(--font-Epilogue-SemiBold)!important;
        font-size: 16px!important;
        line-height: 1.52!important;
        color: #2d3e50!important
    }
    
    .Numerous-Question-Ty,
    .all-of-the-above-m,
    .middle-slider-img1 {
        font-family: var(--font-EpilogueRegular)
    }
    
    .Numerous-Question-Ty {
        font-size: 18px;
        color: #444
    }
    
    .all-of-the-above-m {
        font-size: 14px;
        text-align: center;
        color: #7d7d7d
    }
    
    .all-of-the-above-m-get {
        margin-top: 30px!important
    }
    
    .get-started-banner {
        z-index: 8;
        white-space: nowrap;
        font-size: 14px;
        line-height: 17px;
        font-weight: 300;
        color: var(--color-white);
        font-family: var(--font-EpilogueRegular);
        padding: 12px 35px;
        border: 0 var(--color-dark);
        outline: 0;
        box-shadow: none;
        box-sizing: border-box;
        cursor: pointer;
        visibility: inherit;
        transition: none;
        border-radius: 0;
        font-style: normal;
        text-decoration: none;
        margin: 0;
        letter-spacing: 0;
        min-height: 0;
        min-width: 0;
        max-height: none;
        max-width: none;
        opacity: 1;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: 50% 50% 0;
        background-color: #7ac70b
    }
    
    hr.style15,
    hr.style16,
    hr.style17 {
        border-top: 2px solid #e4e4e4;
        text-align: center
    }
    
    .middle-slider-img1 {
        font-size: 31px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        color: var(--color-white)
    }
    
    .middle-slider-img2,
    .middle-slider-img3 {
        font-size: 14px;
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        color: var(--color-white)
    }
    
    .middle-slider-img2 {
        font-weight: 400
    }
    
    .middle-slider-img3 {
        text-transform: none;
        background-color: #7ac70b;
        padding: 5px 20px;
        border-radius: 0;
        float: left;
        margin-right: 10px
    }
    
    .latest-blog .blog-item h4 a:hover {
        color: #444!important
    }
    
    .header-v1 #navigation #menu-item-15523>ul>li>a {
        padding-right: 0!important
    }
    
    .header-v1 #navigation>ul {
        margin: 0 -15px 0 0!important
    }
    
    #copyright .menu {
        margin-left: -20px!important
    }
    
    .wp-image-16177 .img_client {
        margin-left: 0!important
    }
    
    #header.header-transparent {
        position: relative
    }
    
    .testimonials-slidelist.slick-slider {
        padding: 20px 15px
    }
    
    hr.style15:after,
    hr.style16:after,
    hr.style17:after {
        position: relative;
        top: -14px;
        padding: 0 20px;
        background: #f4f6f7;
        font-size: 15px;
        font-family: var(--font-EpilogueRegular);
        font-weight: 400;
        display: inline-block
    }
    
    .img_company {
        margin-left: -72px!important
    }
    
    .avtar-image {
        margin-bottom: 25px!important;
        margin-top: 12px!important
    }
    
    .newslettersocial {
        width: 93%;
        text-align: center
    }
    
    hr.style15:after {
        content: 'Explore by Solutions';
        color: #7d7d7d
    }
    
    hr.style16:after {
        content: 'Selected Sample Surveys';
        color: #4a4a4a;
        line-height: 1.64
    }
    
    hr.style17:after {
        content: 'Explore by Industries';
        color: #7d7d7d;
        line-height: 1.64
    }
    
    .wpcf7-form .wpcf7-subtmi {
        letter-spacing: 0
    }
    
    .tparrows {
        opacity: .5;
        background-color: transparent;
        height: 50px
    }
    
    .tparrows:hover {
        background: var(--color-dark);
        height: 50px
    }
    
    .tparrows:before {
        font-size: 50px;
        line-height: 50px
    }
    
    .fa-map-marker {
        margin-right: 7px
    }
    
    .fa-phone {
        margin-right: 6px
    }
    
    .final_video_section1 {
        height: 300px;
        background-color: rgba(128, 0, 128, .47)
    }
    
    .final_video_section2 {
        height: 300px;
        background-color: var(--color-white)
    }
    
    .cutomerlovesus {
        text-align: center;
        color: var(--color-white)
    }
    
    .rtwheadingfont {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 2.25em;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5em;
        text-align: center;
        color: #444
    }
    
    .Insert-an-NPS-questi,
    .The-simplicity-of-NP {
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        text-align: center
    }
    
    .The-simplicity-of-NP {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.17;
        color: #4a4a4a
    }
    
    .Insert-an-NPS-questi {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.26;
        color: #444
    }
    
    .A-Net-Promoter-Score,
    .Net-Promoter-Score-d,
    .SoGoSurvey-offers-a {
        font-family: var(--font-EpilogueRegular);
        font-weight: 400;
        line-height: 1.17;
        text-align: center;
        color: #4a4a4a;
        font-style: normal;
        font-stretch: normal
    }
    
    .A-Net-Promoter-Score,
    .Net-Promoter-Score-d {
        font-size: 17px
    }
    
    .SoGoSurvey-offers-a {
        font-size: 17.1px
    }
    
    .text-style-1 {
        font-size: 17px;
        font-weight: 600;
        color: var(--color-secondary)
    }
    
    .Go-from-a-periodic-t,
    .Put-NPS-data-to-work {
        font-family: var(--font-EpilogueRegular);
        font-size: 30px;
        font-weight: 700;
        line-height: 1.26;
        text-align: center
    }
    
    .Go-from-a-periodic-t {
        font-style: normal;
        font-stretch: normal;
        color: #444;
        margin-bottom: 30px
    }
    
    .Put-NPS-data-to-work {
        font-style: normal;
        font-stretch: normal;
        color: #444
    }
    
    .Loyal-Customers-Lead,
    .Uncover-the-Ambassad {
        font-family: var(--font-EpilogueRegular);
        font-size: 19px;
        font-weight: 600;
        color: #444;
        font-style: normal;
        font-stretch: normal
    }
    
    .Uncover-the-Ambassad {
        line-height: 1.35
    }
    
    .Segment-customers-by li,
    .The-Net-Promoter-Sco {
        font-family: var(--font-EpilogueRegular);
        color: #4a4a4a
    }
    
    .The-Net-Promoter-Sco {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5em
    }
    
    .The-Net-Promoter-Sco .text-style-1 {
        line-height: 1.45
    }
    
    .The-Net-Promoter-Sco .text-style-2 {
        font-weight: 600;
        line-height: 1.45
    }
    
    .pad {
        padding: 15px;
        width: 17px;
        height: 19px
    }
    
    .testimonial_net-promoter {
        padding: 50px 153px 20px!important
    }
    
    .promoter_txt1 {
        padding-top: 111px;
        padding-bottom: 109px
    }
    
    .promoter_txt2 {
        padding-top: 70px;
        padding-bottom: 90px
    }
    
    .promoter_txt3 {
        padding-top: 75px;
        padding-bottom: 75px
    }
    
    .promoter-list {
        list-style: none
    }
    
    .promoter-list li {
        background: url(/wp-content/uploads/2017/01/fill-1.png) 0 7px no-repeat;
        padding: 0 0 1px 30px
    }
    
    ul {
        margin: 0
    }
    
    ul.dashed {
        list-style-type: none;
        margin-left: 5em;
        margin-bottom: 20px
    }
    
    ul.dashed>li {
        text-indent: -5em
    }
    
    ul.dashed>li:before {
        content: "-";
        text-indent: -5px;
        padding: 40px
    }
    
    .Segment-customers-by li {
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5em;
        margin-left: 23px;
        margin-top: 15px
    }
    
    .How-do-you-engage-wi,
    .Net-Promoter-Score- {
        width: 702px;
        font-family: ProximaNova;
        font-style: normal;
        font-stretch: normal
    }
    
    .Net-Promoter-Score- {
        height: 16px;
        font-size: 13px;
        font-weight: 600;
        color: #858585
    }
    
    .How-do-you-engage-wi {
        height: 75.9px;
        font-size: 34px;
        font-weight: 700;
        line-height: 1.12em;
        color: var(--color-white)
    }
    
    .col-md-6 contactEmail1 {
        float: left;
        font-family: var(--font-EpilogueRegular)
    }
    
    .col-md-6 contactEmail2 {
        font-family: var(--font-EpilogueRegular);
        width: 213.9px;
        height: 47.8px;
        object-fit: contain;
        background-color: #83c340;
        box-shadow: 0 1px 5px 0 #83c340
    }
    
    .career-button-company,
    .newsletterForm1,
    .signupSubmit21 a {
        font-family: var(--font-EpilogueRegular)!important
    }
    
    .newsletterForm1 {
        width: 200px!important;
        height: 42px;
        float: left!important;
        border-radius: 2px!important
    }
    
    .signupSubmit21 a {
        border-radius: 2px!important;
        text-transform: none!important;
        font-size: 24px!important;
        font-weight: 600!important;
        height: 47.8px;
        background: #83c340!important;
        padding: 12px 38px!important
    }
    
    .Quick-Easy-and-Powe,
    .SoGoSurvey-makes-it {
        font-size: 17px;
        font-style: normal;
        font-stretch: normal
    }
    
    .Quick-Easy-and-Powe,
    .SoGoSurvey-makes-it,
    .What-learning-curve,
    .head-survey-temp {
        font-family: var(--font-EpilogueRegular)
    }
    
    .SoGoSurvey-makes-it {
        font-weight: 400;
        line-height: 1.17;
        text-align: center;
        color: #4a4a4a
    }
    
    .Quick-Easy-and-Powe {
        width: 391.3px;
        height: 20px;
        font-weight: 600;
        color: #444;
        text-align: left!important
    }
    
    .What-learning-curve {
        width: 355.7px;
        height: 39.8px;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42em;
        text-align: justify;
        color: #4a4a4a
    }
    
    .head-survey-temp {
        width: 391.3px;
        height: 20px;
        font-size: 17px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        color: #444
    }
    
    .What-survey-temp,
    .government-side-cont {
        width: 355.7px;
        font-family: var(--font-EpilogueRegular);
        font-size: 14px;
        font-weight: 400;
        text-align: justify;
        font-style: normal;
        font-stretch: normal
    }
    
    .What-survey-temp {
        height: 97.8px;
        line-height: 1.42;
        color: #39393a
    }
    
    .government-side-cont {
        height: 60px;
        line-height: 1.42em;
        color: #4a4a4a
    }
    
    .view_all,
    .view_all-gov,
    .view_all-resident {
        background-color: var(--color-secondary);
        font-size: 16px
    }
    
    .Ready-to-apply,
    .view_all,
    .view_all-gov,
    .view_all-resident {
        width: 25%;
        margin: 15px 0 0;
        padding: 0;
        height: 46px;
        font-family: var(--font-Epilogue-Bold) !important;
        text-align: center;
        color: var(--color-white)
    }
    
    .view_all {
        border-radius: 2px;
        border: 0
    }
    
    .view_all-resident {
        border: 0;
        border-radius: 2px
    }
    
    .view_all-gov {
        border: 0;
        border-radius: 2px
    }
    
    .Ready-to-apply,
    .sign-up-top-banner {
        background-color: var(--color-secondary)
    }
    
    .Ready-to-apply {
        border-radius: 2px;
        font-size: 16.1px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        border: 0
    }
    
    .Put-the-squeeze-on-y {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 22px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444
    }
    
    .sign-up-mid-banner,
    .sign-up-support-web,
    .sign-up-top-banner {
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        padding: 12px 35px;
        font-family: var(--font-EpilogueRegular);
        border-radius: 2px
    }
    
    .You-know-your-organi {
        font-family: var(--font-EpilogueRegular);
        line-height: 1.42;
        text-align: justify;
        color: #4a4a4a
    }
    
    .footer-cent,
    .sign-up-mid-banner,
    .sign-up-support-web,
    .sign-up-top-banner {
        text-align: center;
        color: var(--color-white)
    }
    
    .sign-up-mid-banner {
        background-color: #83c340
    }
    
    .sign-up-support-web {
        background-color: var(--color-secondary)
    }
    
    .contactEmail1 input {
        height: 49px!important;
        margin: 0 0 1px!important;
        padding: 11px 12px!important;
        font-size: 20px;
        width: 285px!important
    }
    
    #slide-60-layer-1,
    #slide-60-layer-3,
    #slide-61-layer-1,
    #slide-62-layer-1,
    #slide-63-layer-1,
    #slide-65-layer-1,
    #slide-66-layer-1,
    #slide-68-layer-1,
    #slide-69-layer-1,
    #slide-70-layer-1,
    #slide-71-layer-1,
    #slide-72-layer-1,
    #slide-73-layer-1,
    #slide-75-layer-1,
    #slide-76-layer-1,
    #slide-81-layer-1,
    #slide-82-layer-1,
    #slide-82-layer-8,
    #slide-83-layer-1,
    #slide-83-layer-8,
    #slide-84-layer-1,
    #slide-84-layer-8,
    #slide-87-layer-1,
    #slide-88-layer-1,
    #slide-89-layer-1,
    #slide-93-layer-1,
    .container {
        font-family: var(--font-EpilogueRegular)
    }
    
    #slide-60-layer-2,
    #slide-61-layer-2,
    #slide-62-layer-2,
    #slide-63-layer-2,
    #slide-65-layer-2,
    #slide-66-layer-2,
    #slide-68-layer-2,
    #slide-69-layer-2,
    #slide-70-layer-2,
    #slide-71-layer-2,
    #slide-72-layer-2,
    #slide-73-layer-2,
    #slide-74-layer-2,
    #slide-75-layer-2,
    #slide-76-layer-2,
    #slide-79-layer-2,
    #slide-81-layer-2,
    #slide-87-layer-2,
    #slide-88-layer-2,
    #slide-89-layer-2,
    #slide-93-layer-2,
    #slide-94-layer-2,
    #slide-97-layer-2 {
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    #slide-67-layer-3,
    #slide-74-layer-3,
    .footer-cent {
        font-family: var(--font-EpilogueRegular)
    }
    
    #slide-61-layer-3,
    #slide-62-layer-3,
    #slide-65-layer-3,
    #slide-66-layer-3,
    #slide-68-layer-3,
    #slide-69-layer-3,
    #slide-70-layer-3,
    #slide-71-layer-3,
    #slide-72-layer-3,
    #slide-73-layer-8,
    #slide-76-layer-3,
    #slide-77-layer-3,
    #slide-81-layer-3,
    #slide-87-layer-3,
    #slide-88-layer-3,
    #slide-89-layer-3,
    #slide-93-layer-3,
    #slide-94-layer-3,
    #slide-97-layer-3 {
        font-family: var(--font-EpilogueRegular);
        line-height: 1.64
    }
    
    #slide-67-layer-2,
    #slide-77-layer-2 {
        line-height: 1.2
    }
    
    #slide-67-layer-3 {
        line-height: 1.62
    }
    
    #slide-74-layer-3 {
        line-height: 1.45
    }
    
    #slide-138-layer-8,
    #slide-80-layer-2,
    #slide-84-layer-2,
    #slide-85-layer-2 {
        line-height: 1.4
    }
    
    img.circle {
        border-radius: 0!important;
        margin-top: 16px
    }
    
    .page-id-16165 img.circle {
        border-radius: 50%!important
    }
    
    .footer-cent {
        font-size: 18px;
        margin-top: -10px;
        margin-bottom: 25px
    }
    
    .container .four.columns {
        width: 150px;
        margin-left: 70px
    }
    
    .container .four.columns.first-column {
        margin-left: 20px
    }
    
    #footer {
        padding: 54px 0 10px!important
    }
    
    .academic-link a,
    .text-style-1 a {
        color: var(--color-secondary)!important
    }
    
    .promoter-list-performance li,
    .promoter-list-resident li {
        font-family: var(--font-EpilogueRegular);
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.2;
        letter-spacing: normal;
        color: #4a4a4a;
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
        padding: 0 0 1px 20px
    }
    
    .The-Net-Promoter-Sco .text-style-1 {
        margin-left: 50px
    }
    
    .promoter-list-performance li {
        margin-left: 355px
    }
    
    .promoter-list-education li {
        font-family: var(--font-EpilogueRegular);
        line-height: 2.2;
        letter-spacing: normal;
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
        margin-left: 80px;
        padding: 0 0 1px 20px
    }
    
    .promoter-list-resident li {
        margin-left: 200px;
        width: 765.5px
    }
    
    .promoter-list-resident-bottom li,
    .promoter-list-resident-mid li {
        line-height: 1.5;
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
        width: 757.6px;
        padding: 0 0 10px 20px;
        font-family: var(--font-EpilogueRegular);
        letter-spacing: normal
    }
    
    .promoter-list-resident-mid li {
        margin-left: 210px
    }
    
    .promoter-list-resident-bottom li {
        margin-left: 350px
    }
    
    .promoter-list-academic li {
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        line-height: 1.8;
        color: #888;
        padding: 0 0 1px 20px;
        margin-left: 80px
    }
    
    .list-survey-temp li,
    .promoter-list-add-report li {
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        color: #4a4a4a;
        margin-left: 20px;
        font-family: var(--font-EpilogueRegular);
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png)
    }
    
    .promoter-list-add-report li {
        line-height: 1.4;
        letter-spacing: normal;
        padding: 0 0 1px 10px
    }
    
    .list-survey-temp li {
        line-height: 2.2;
        letter-spacing: normal;
        padding: 0 0 1px 7px
    }
    
    .HRs-1-Performance-A,
    .mid-icon-performance {
        line-height: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: center
    }
    
    .mid-icon-performance {
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        font-weight: 600;
        color: #444
    }
    
    .HRs-1-Performance-A {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 30px;
        font-weight: 700;
        color: #444
    }
    
    .testimonials-text p {
        font-family: var(--font-EpilogueRegular);
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.52;
        letter-spacing: normal;
        text-align: center
    }
    
    .style16 {
        margin-top: 45px
    }
    
    .latest-blog .blog-item h4 {
        font-size: 17px;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 600;
        color: #444;
        font-family: var(--font-EpilogueRegular);
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal
    }
    
    .rtwheadingfont-1,
    .rtwheadingfont-2 {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 30px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #444;
        text-align: center
    }
    
    .rtwheadingfont-1 {
        line-height: 1.26
    }
    
    .rtwheadingfont-2 {
        line-height: 1.42
    }
    
    .Quickly-and-easily-c,
    .Quickly-and-easily-c-careers-tab,
    .Quickly-and-easily-c-privacy-policy,
    .Quickly-and-easily-c-student {
        font-family: var(--font-EpilogueRegular);
        font-size: 17px;
        line-height: 1.45;
        color: #4a4a4a;
        letter-spacing: normal;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal
    }
    
    .txt_Fulll1 {
        padding-right: 85px;
        padding-left: 70px
    }
    
    .market-icon {
        margin-top: -17px!important;
        margin-bottom: -10px!important
    }
    
    .Quickly-and-easily-c {
        text-align: center
    }
    
    .Quickly-and-easily-c-privacy-policy {
        width: 1114px;
        text-align: center
    }
    
    .Quickly-and-easily-c-careers-tab {
        text-align: center
    }
    
    .rtwheadingfont-3 {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 32px;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: left;
        color: #2d3e50;
        margin-top: 125px!important
    }
    
    .build-an-incid,
    .its_easy {
        background-color: var(--color-secondary);
        width: 40%;
        height: 46px;
        font-family: var(--font-Epilogue-Bold) !important;
        font-size: 18px;
        color: var(--color-white)
    }
    
    .its_easy {
        margin: -10px 0 0;
        padding: 0;
        border-radius: 2px;
        text-align: center;
        border: 0
    }
    
    .img_client-gov,
    .img_client-health,
    .img_client-k12,
    .img_client-non-profits {
        margin-top: 25px!important;
        margin-bottom: 25px!important
    }
    
    .img_client-k12 {
        margin-left: 106px!important
    }
    
    .img_client-gov {
        margin-left: 138px!important
    }
    
    .img_client-health {
        margin-left: 122px!important
    }
    
    .img_client-non-profits {
        margin-left: 123px!important
    }
    
    .img_company-k12 {
        margin-left: -106px!important
    }
    
    .img_company-gov {
        margin-left: -136px!important
    }
    
    .img_company-health,
    .img_company-non-profits {
        margin-left: -121px!important
    }
    
    .build-an-incid {
        margin: 0;
        border-radius: 2px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        padding: 12px 35px!important
    }
    
    .Create-amazing-onlin {
        font-family: var(--font-EpilogueRegular);
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.2;
        letter-spacing: normal;
        text-align: center;
        color: #4a4a4a
    }
    
    .grey-What-goes-in-the-ema,
    .grey-What-goes-in-the-ema-more-h {
        height: 90px;
        font-family: PT Mono;
        background-color: #f5f5f5;
        padding: 18px
    }
    
    .grey-What-goes-in-the-ema,
    .grey-What-goes-in-the-ema-more-h,
    .grey1-What-goes-in-the-ema {
        font-size: 13.3px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
        margin-left: 90px
    }
    
    .iconbox-style-2 .iconbox-icon {
        margin-top: 5px
    }
    
    .grey-What-goes-in-the-ema {
        width: 276.7px
    }
    
    .grey-What-goes-in-the-ema-more-h {
        width: 360px
    }
    
    .grey1-What-goes-in-the-ema {
        width: 374.9px;
        font-family: var(--font-EpilogueRegular)
    }
    
    .What-goes-in-the-ema,
    .What-goes-in-the-ema-top,
    .new-What-goes-in-the-ema {
        line-height: 1.4;
        width: 374.9px;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-style: normal
    }
    
    .How-long-does-it-las,
    .Please-note-By-acce,
    .What-goes-in-the-ema,
    .What-goes-in-the-ema-top,
    .new-What-goes-in-the-ema {
        font-weight: 400;
        font-stretch: normal;
        letter-spacing: normal;
        color: #4a4a4a;
        margin-left: 90px!important
    }
    
    .What-goes-in-the-ema {
        height: 70px
    }
    
    .What-goes-in-the-ema-top {
        height: 50px
    }
    
    .new-What-goes-in-the-ema {
        height: 160px
    }
    
    .How-long-does-it-las {
        width: 374.9px;
        height: 64.5px;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-style: normal;
        line-height: 1.5
    }
    
    .Please-note-By-acce {
        width: 878.8px;
        font-family: var(--font-EpilogueRegular)it;
        font-size: 12.3px;
        font-style: italic;
        line-height: 1.62;
        text-align: justify
    }
    
    .duration,
    .temp-content-web,
    .webinar-head {
        text-align: center
    }
    
    .Review-the-Feature-C {
        font-family: var(--font-EpilogueRegular);
        font-size: 18px;
        line-height: 2;
        text-align: center;
        color: #888
    }
    
    .What-goes-in-the-ema a,
    .new-What-goes-in-the-ema a {
        color: var(--color-secondary)!important
    }
    
    .duration,
    .temp-content,
    .temp-content-web {
        font-family: var(--font-EpilogueRegular);
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: normal;
        color: #4a4a4a
    }
    
    .temp-content {
        height: 70px
    }
    
    .temp-content-web {
        height: 140px
    }
    
    .data-mangmnt-head-labelle,
    .webinar-head {
        font-family: var(--font-EpilogueRegular);
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444
    }
    
    .webinar-head {
        font-size: 17px
    }
    
    .data-mangmnt-head-labelle {
        width: 438.3px;
        height: 20px;
        font-size: 17.1px;
        margin-top: 45px;
        margin-left: 50px
    }
    
    .data-mangmnt-cont-add-report,
    .data-mangmnt-cont-labelle,
    .data-mangmnt-cont-powerfl-survey {
        font-size: 14.2px;
        font-weight: 400;
        line-height: 1.4;
        color: #4a4a4a;
        width: 438.3px;
        text-align: justify;
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .data-mangmnt-cont-labelle {
        height: 79.6px;
        margin-left: 50px!important
    }
    
    .data-mangmnt-head-add-report {
        width: 438.3px;
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444;
        margin-top: 25px
    }
    
    .data-mangmnt-cont-mob-ready {
        width: 438.3px;
        height: 60px;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: justify;
        color: #4a4a4a;
        margin-top: 45px
    }
    
    .data-mangmnt-head-make {
        width: 438.3px;
        height: 10px;
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444;
        margin-top: 25px;
        margin-left: 35px
    }
    
    .data-mangmnt-cont-make {
        width: 278.3px;
        height: 60.6px;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: justify;
        color: #4a4a4a;
        margin-top: 45px;
        margin-left: 35px!important
    }
    
    .data-mangmnt-head-mob-ready {
        width: 438.3px;
        height: 20px;
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444;
        margin-top: 15px
    }
    
    .promoter-list-mob-ready li {
        font-family: var(--font-EpilogueRegular);
        font-size: 14px;
        layer-3font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #4a4a4a;
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
        margin-left: 20px;
        padding: 0 0 1px 10px
    }
    
    h2.header {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 23px;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #2d3e50
    }
    
    .sign_up_btn {
        margin-right: 15px;
        margin-left: 15px;
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 14px;
        letter-spacing: normal;
        margin-bottom: 3px;
        text-align: center;
        border-radius: 1.9px;
        background-color: #83c340!important;
        cursor: pointer
    }
    
    .make-survey,
    .single-content,
    .single-head {
        font-family: var(--font-EpilogueRegular);
        text-align: center;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .sign_up_btn a {
        color: var(--color-white)!important
    }
    
    .single-head {
        font-size: 17.1px;
        font-weight: 600;
        line-height: normal;
        color: #444
    }
    
    .single-content {
        font-size: 12.8px;
        font-weight: 400;
        line-height: 1.4;
        color: #4a4a4a
    }
    
    .design-icon .iconbox {
        margin: 0;
        border-right: solid .9px #afafaf;
        padding: 20px
    }
    
    .design-icon .vc_col-sm-4 {
        padding-left: 0!important;
        padding-right: 0!important
    }
    
    .design-icon .no-right-border {
        border-right: 0
    }
    
    .What-survey-temp a,
    .list-survey-temp a {
        color: #00aff9
    }
    
    .make-survey {
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        color: #444
    }
    
    .marg-top {
        margin-top: 71px!important
    }
    
    .promoter-list-add-report {
        margin-top: -15px
    }
    
    .newsroom-heading {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 32px;
        line-height: 1.41;
        letter-spacing: normal;
        color: #2d3e50
    }
    
    .blog-date,
    .blog-link,
    .design-survey-sub-head {
        font-family: var(--font-EpilogueRegular);
        color: #4a4a4a
    }
    
    .blog-date {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.44
    }
    
    .blog-link {
        font-size: 19.9px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.24;
        letter-spacing: normal;
        text-align: justify
    }
    
    .design-survey-sub-head {
        width: 1036px;
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: center;
        margin-left: 60px!important
    }
    
    .data-mangmnt-head-mobred,
    .data-mangmnt-head-mobred-mo {
        height: 10px;
        font-size: 17.1px;
        font-weight: 600;
        line-height: normal;
        color: #444;
        margin-left: 35px;
        width: 438.3px;
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .purchase-order li {
        padding: 0 0 0 12px
    }
    
    .data-mangmnt-head-mobred {
        margin-top: 60px
    }
    
    .data-mangmnt-head-mobred-mo {
        margin-top: 30px
    }
    
    .data-mangmnt-cont-mobred {
        width: 438.3px;
        height: 40.6px;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: justify;
        color: #4a4a4a;
        margin-top: 45px;
        margin-left: 35px!important
    }
    
    .grey-make-online-survey {
        background-color: #f4f6f7;
        padding: 29px;
        width: 406.1px;
        height: 51.2px;
        font-family: var(--font-EpilogueRegular);
        font-size: 20px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.28;
        letter-spacing: normal;
        color: #444;
        margin-top: 70px
    }
    
    .careers-tab-row .vc_tta-tabs-list {
        text-align: center;
        background-color: #f4f6f7
    }
    
    .careers-tab-row .vc_tta-tab {
        margin: 0 0 -1px!important
    }
    
    .careers-tab-top a,
    .left-careers-tab-row .vc_tta-tabs-list .vc_tta-tab a,
    .right-careers-tab-row .vc_tta-tabs-list .vc_tta-tab a,
    a.button.large.careers-tab-top {
        font-family: var(--font-EpilogueRegular);
        border-left: solid .5px #979797;
        border-right: solid .5px #979797;
        letter-spacing: normal;
        text-align: center;
        border-radius: 0;
        margin: 0;
        font-size: 24.6px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.73;
        background-color: #f4f6f7
    }
    
    .careers-tab-top a {
        color: #9b9b9b;
        padding-right: 50px;
        padding-left: 50px;
        text-transform: initial
    }
    
    .left-careers-tab-row .vc_tta-tabs-list .vc_tta-tab a,
    .right-careers-tab-row .vc_tta-tabs-list .vc_tta-tab a {
        color: #9b9b9b;
        padding-right: 50px;
        padding-left: 50px
    }
    
    a:hover.button.large.careers-tab-top {
        text-align: center;
        color: #444!important
    }
    
    a.button.large.careers-tab-top {
        padding: 15px 75px 15px 35px;
        color: #9b9b9b;
        border-top: solid .5px #f4f6f7;
        border-bottom: solid .5px #f4f6f7;
        text-transform: initial
    }
    
    #accordions-18365 .accordion-content,
    #accordions-18472 .accordion-content {
        padding: 45px
    }
    
    #accordions-18365 .accordions-head,
    .accord-head-row .vc_tta-title-text,
    .careers-sub-text {
        font-family: var(--font-EpilogueRegular);
        text-align: left;
        letter-spacing: normal
    }
    
    #accordions-18365 .accordion-icons,
    #accordions-18472 .accordion-icons {
        margin-top: 10px
    }
    
    .ui-state-active {
        border: .9px solid #e8e8e8
    }
    
    .career-button-careers,
    .career-button-company,
    .career-button-newsroom,
    .career-button-team {
        border-right: solid .5px #979797
    }
    
    .careers-sub-text {
        line-height: 1.44
    }
    
    .accord-head-row .vc_tta-title-text {
        font-size: 20.8px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        color: #444
    }
    
    #accordions-18365 .accordions-head {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        color: #4a4a4a
    }
    
    .PC-mag {
        top: 150px;
        position: absolute;
        right: 135px
    }
    
    .verticalLine {
        border-left: thick solid red
    }
    
    .vc_responsive .home_box_wrap.wpb_row .vc_span2 {
        float: left;
        width: 18.8%;
        padding: 0;
        margin-right: 1.5%;
        min-height: 0
    }
    
    .home_box_wrap .home_box_last {
        margin: 0!important
    }
    
    .career-button-company {
        width: 212px;
        padding: 10px;
        font-size: 24.6px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.73;
        letter-spacing: normal;
        text-align: center;
        color: #9b9b9b;
        background-color: #f4f6f7;
        border-left: none;
        border-top: 0;
        border-bottom: 0
    }
    
    .career-button-careers,
    .career-button-contact,
    .career-button-newsroom,
    .career-button-team {
        width: 212px;
        padding: 10px;
        font-family: var(--font-EpilogueRegular)!important;
        font-size: 24.6px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.73;
        text-align: center;
        color: #9b9b9b;
        background-color: #f4f6f7;
        border-left: solid .5px #979797;
        border-top: 0;
        border-bottom: 0;
        letter-spacing: normal
    }
    
    .career-button-contact {
        border-right: 0
    }
    
    #top-black a,
    #top-black-sign-up a {
        text-align: right!important;
        float: right
    }
    
    .page-id-18155 .career-button-newsroom,
    .page-id-18198 .career-button-team,
    .page-id-18450 .career-button-careers,
    .page-id-18690 .career-button-company,
    input.career-button-careers:hover,
    input.career-button-company:hover,
    input.career-button-contact:hover,
    input.career-button-newsroom:hover,
    input.career-button-team:hover {
        color: #444;
        background-color: var(--color-white)
    }
    
    #top-black a {
        list-style: none;
        display: inline-block;
        line-height: 1;
        margin: 27px -20px 0 0;
        font-family: var(--font-EpilogueRegular);
        color: var(--color-white);
        font-size: 14.2px;
        font-weight: 600
    }
    
    #top-black-sign-up a {
        backface-visibility: hidden;
        color: var(--color-white)!important;
        border-radius: 2px;
        font-weight: 700!important;
        font-size: 17px!important;
        font-family: var(--font-Epilogue-Bold) !important;
        margin-top: 13px!important
    }
    
    .top-black-row {
        background-color: #1f2532;
        height: 71px
    }
    
    .top-black-logo {
        margin-top: 20px
    }
    
    .page-id-17969 #header {
        display: none!important
    }
    
    .page-id-17969 #mobile-header,
    .page-id-17969 #topbar,
    .page-id-17969 .sticky-wrapper {
        display: none
    }
    
    .page-id-18790 #header {
        display: none!important
    }
    
    .page-id-18790 #mobile-header,
    .page-id-18790 #topbar,
    .page-id-18790 .sticky-wrapper {
        display: none
    }
    
    .page-id-18252 #header {
        display: none!important
    }
    
    .page-id-18252 #mobile-header,
    .page-id-18252 #topbar,
    .page-id-18252 .sticky-wrapper {
        display: none
    }
    
    .page-id-18605 #header {
        display: none!important
    }
    
    .page-id-18605 #mobile-header,
    .page-id-18605 #topbar,
    .page-id-18605 .sticky-wrapper {
        display: none
    }
    
    .page-id-19043 #header {
        display: none!important
    }
    
    .page-id-19043 #mobile-header,
    .page-id-19043 #topbar,
    .page-id-19043 .sticky-wrapper {
        display: none
    }
    
    .page-id-19766 #header {
        display: none!important
    }
    
    .page-id-19766 #mobile-header,
    .page-id-19766 #topbar,
    .page-id-19766 .sticky-wrapper {
        display: none
    }
    
    .hospital-employee-contentbold {
        width: 391.3px;
        height: 5px;
        font-family: var(--font-EpilogueRegular);
        font-size: 17px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        color: #444
    }
    
    .MDifference-hospital-employee-contentbold,
    .down-MDifference-hospital-employee-contentbold,
    .hospital-employee-content {
        width: 470px;
        font-family: var(--font-EpilogueRegular);
        font-size: 17px;
        line-height: 1.42;
        font-weight: 400;
        color: #444;
        font-style: normal;
        font-stretch: normal
    }
    
    .hospital-employee-content {
        height: 50px
    }
    
    .MDifference-hospital-employee-contentbold {
        height: 33px
    }
    
    .down-MDifference-hospital-employee-contentbold {
        height: 60px
    }
    
    .anonms-img1 .single_image {
        margin-bottom: 40px!important
    }
    
    .anonms-img2 .single_image {
        margin-bottom: 42px!important
    }
    
    .anonms-img3 .single_image {
        margin-bottom: 51px!important
    }
    
    .con-form-head {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 18px;
        line-height: normal;
        letter-spacing: normal;
        color: #2d3e50
    }
    
    .max-con-form-head {
        font-family: var(--font-EpilogueRegular);
        font-size: 19px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #898989
    }
    
    .Customer-list-head,
    .con-form-head-yes.con-yes-no {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 18px;
        line-height: normal
    }
    
    .con-form-head.your-name {
        padding: 0 10px 0 5px
    }
    
    .con-form-head.your-email {
        padding: 0 5px 0 10px
    }
    
    .checkbox-486 {
        margin-left: -20px
    }
    
    .con-form-head-yes.con-yes-no {
        letter-spacing: normal;
        color: #2d3e50;
        margin-left: -20px
    }
    
    .con-form-head .wpcf7-form-control {
        border: .9px solid #979797;
        border-radius: 1.9px
    }
    
    .Customer-list .iconbox-icon {
        float: right;
        margin-top: 18px
    }
    
    .Customer-list .iconbox-content {
        overflow: initial
    }
    
    .Customer-list-head {
        letter-spacing: normal;
        color: #2d3e50
    }
    
    .Customer-list-head-des,
    .Customer-list-subhead {
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        letter-spacing: normal;
        color: #2d3e50
    }
    
    .Customer-list-head-des {
        line-height: normal
    }
    
    .Customer-list-subhead {
        line-height: 1.42
    }
    
    .sign-fb,
    .sign-google {
        display: inline-block;
        font-family: var(--font-EpilogueRegular);
        font-size: 10.4px;
        color: #4a4a4a;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        font-weight: 400
    }
    
    .Customer-list .column_container {
        border-radius: 1.9px;
        background-color: var(--color-white);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3)
    }
    
    .login-main {
        padding-top: 15px;
        padding-bottom: 15px
    }
    
    .login-main .fa-user:before {
        padding: 15px
    }
    
    .login-main .fa-lock:before {
        padding: 16px
    }
    
    .sign-fb {
        text-align: right;
        margin-top: 10px!important;
        float: right
    }
    
    #cust-test-second-row,
    #second-customer-list,
    .modal,
    .modal1 {
        display: none
    }
    
    .final-sogo-pricing-signup,
    .show-more {
        font-family: var(--font-Epilogue-Bold) !important;
        font-weight: 700!important;
        text-align: center!important;
        color: var(--color-white)!important
    }
    
    .quote {
        outline: 0
    }
    
    .pricing-html-btn {
        background-color: var(--color-white)
    }
    
    .pricing-html-btn .vc_column-inner {
        margin-top: -40px
    }
    
    .final-sogo-pricing-signup {
        font-size: 16.6px!important;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-transform: none!important
    }
    
    .page-id-18099 .iconbox-style-5 .iconbox-content {
        margin-left: 0;
        padding: 20px
    }
    
    .custmr-list-testimonial-row .Customer-list {
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3)
    }
    
    .tooltip:hover .tooltiptext {
        opacity: 1;
        margin-left: 15px;
        margin-top: 10px
    }
    
    .show-more {
        background-color: var(--color-secondary)!important;
        width: 20%!important;
        margin: 0!important;
        padding: 0!important;
        height: 46px!important;
        border-radius: 2px!important;
        font-size: 16px!important;
        font-style: normal!important;
        font-stretch: normal!important;
        border: 1px solid var(--color-secondary)!important
    }
    
    .footer-create-ur,
    .modal,
    .modal1 {
        text-align: center
    }
    
    .modal {
        background-color: var(--color-white);
        padding: 0 20px 30px;
        border: 2px solid #dbdbdb;
        -webkit-box-shadow: 2px 2px 10px rgba(50, 50, 50, .6);
        -moz-box-shadow: 2px 2px 10px rgba(50, 50, 50, .6);
        box-shadow: 2px 2px 10px rgba(50, 50, 50, .6)
    }
    
    .modal1 {
        background-color: #f4f4f4;
        border: 1px solid #dbdbdb;
        box-shadow: 2px 2px 10px rgba(50, 50, 50, .6);
        padding: 30px 20px;
        width: 350px!important
    }
    
    .modal1 p.h5 {
        color: #3d4d54;
        display: inline-block;
        font: 600 17px open-sans, open-sans-n6, sans-serif;
        margin: 0;
        padding: 0;
        text-decoration: none
    }
    
    #already-email,
    #text-10,
    .page-id-17037 .bottom-icon-box,
    .page-id-17037 .footer-signup-row,
    .page-id-17306 .bottom-icon-box,
    .page-id-17306 .footer-signup-row,
    .page-id-17954 .bottom-icon-box,
    .page-id-17954 .footer-signup-row,
    .page-id-18020 .bottom-icon-box,
    .page-id-18020 .footer-signup-row,
    .page-id-18041 .bottom-icon-box,
    .page-id-18041 .footer-signup-row,
    .page-id-18198 .bottom-icon-box,
    .page-id-18198 .footer-signup-row,
    .page-id-18228 .bottom-icon-box,
    .page-id-18228 .footer-signup-row,
    .page-id-18249 .bottom-icon-box,
    .page-id-18249 .footer-signup-row,
    .page-id-18286 .bottom-icon-box,
    .page-id-18286 .footer-signup-row,
    .page-id-18400 .bottom-icon-box,
    .page-id-18400 .footer-signup-row,
    .page-id-18450 .bottom-icon-box,
    .page-id-18450 .footer-signup-row,
    .page-id-18690 .bottom-icon-box,
    .page-id-18690 .footer-signup-row,
    .page-id-19082 .bottom-icon-box,
    .page-id-19082 .footer-signup-row,
    .page-id-19262 .bottom-icon-box,
    .page-id-19262 .footer-signup-row,
    .page-id-22106 .bottom-icon-box,
    .page-id-22106 .footer-signup-row,
    .page-id-22108 .bottom-icon-box,
    .page-id-22108 .footer-signup-row,
    .page-id-22110 .bottom-icon-box,
    .page-id-22110 .footer-signup-row,
    .page-id-22112 .bottom-icon-box,
    .page-id-22112 .footer-signup-row,
    .page-id-22114 .bottom-icon-box,
    .page-id-22114 .footer-signup-row,
    .page-id-22116 .bottom-icon-box,
    .page-id-22116 .footer-signup-row,
    .page-id-22118 .bottom-icon-box,
    .page-id-22118 .footer-signup-row,
    .pricing-acc,
    .res-footer-follow-us,
    .res-footer-img,
    .showMoreSection,
    .siteMap-top-row .divider,
    .tp-bullet {
        display: none
    }
    
    .modal1 p.email {
        color: #f05a28;
        font: 400 20px open-sans, open-sans-n4, sans-serif;
        margin: 0;
        padding: 10px 0 30px
    }
    
    .modal1 p.emailclk {
        color: #6e6e6e;
        font: 400 19px/28px open-sans, open-sans-n4, sans-serif;
        margin: 0;
        padding: 0
    }
    
    .page-id-19766 div.tp-bgimg.defaultimg {
        background-position: 50% 0!important
    }
    
    .footer-create-ur {
        font-size: 42px;
        font-family: lotagrotesque-black;
        color: var(--color-white)
    }
    
    .footer-signup-row .wpcf7 {
        text-align: center;
        margin-top: -35px
    }
    
    .white-non-profit {
        width: 504px;
        font-family: PT Mono;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
        background-color: var(--color-white)!important;
        margin-left: 30px;
        padding: 18px
    }
    
    .non-profit-list li,
    .non-profit-list-part {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.76;
        text-align: justify;
        color: #4a4a4a;
        font-family: var(--font-EpilogueRegular);
        letter-spacing: normal;
        font-style: normal;
        font-stretch: normal
    }
    
    .non-profit-list-part {
        margin-left: 50px!important
    }
    
    .blue-list-img li,
    .bold-ind,
    .bold-sol,
    .initial {
        font-weight: 700
    }
    
    .cutomer-squrbox-head {
        text-align: left!important
    }
    
    .ban-full-head,
    .ban-head-background,
    .initial {
        text-align: center
    }
    
    .sol-sub-menu {
        margin-left: 20px!important
    }
    
    #navigation .sub-menu li a {
        color: #2d3e50!important
    }
    
    #navigation .sub-menu li a:hover {
        color: var(--color-secondary)!important
    }
    
    .initial {
        float: right;
        margin-top: -60px;
        width: 58px;
        right: 35px;
        z-index: 2;
        height: 58px;
        border-radius: 2px;
        font-size: 28px;
        position: absolute!important;
        color: var(--color-white);
        line-height: 55px;
        background: var(--color-secondary)
    }
    
    #sogo_loader,
    .topwrapper {
        position: absolute;
        z-index: 999
    }
    
    .topwrapper {
        width: 90px;
        top: 10px;
        height: 17px;
        margin-left: 342px;
        background: 0
    }
    
    .options,
    .options:active {
        top: 0!important
    }
    
    #topbar .topbar-col2 ul.menu li {
        margin: 0 0 0 25px
    }
    
    #simpleselect_reason .placeholder {
        border: .9px solid #979797;
        border-radius: 1.9px;
        height: 25px
    }
    
    .support-down {
        margin-left: 3px
    }
    
    .wpcf7-submit.Send-Form {
        font-family: var(--font-EpilogueRegular);
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        background-color: var(--color-secondary);
        border-radius: 2px;
        text-transform: none
    }
    
    .wpcf7-list-item.first {
        padding-top: 30px
    }
    
    .wpcf7-list-item.last {
        padding-left: 30px
    }
    
    .grid_table {
        padding-top: 7%!important
    }
    
    .ban-border {
        border: 1px solid gray;
        border-bottom: 0;
        border-radius: 7px 7px 0 0
    }
    
    .ban-pad {
        padding: 30px 30px 15px
    }
    
    .ban-head-background {
        background-color: #424960;
        height: 35px;
        border-radius: 5px 5px 0 0
    }
    
    .ban-head {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 14px;
        line-height: 2.6;
        color: var(--color-white);
        margin: 0 0 10px
    }
    
    .ban-full-head,
    .ban-short-head {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 16px;
        line-height: normal
    }
    
    .ban-disc,
    .ban-full-head,
    .ban-short-head {
        color: var(--color-light-black);
        margin: 0 0 10px
    }
    
    .ban-short-head {
        letter-spacing: normal
    }
    
    .ban-disc {
        font-family: var(--font-EpilogueRegular);
        font-size: 14px;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: left
    }
    
    .ban-top-con {
        margin-bottom: 15px;
        margin-top: 20px
    }
    
    .guarantee-img {
        margin-top: 20px!important;
        margin-left: 20px!important
    }
    
    .ban-bot-disc,
    .ban-bot-head {
        color: var(--color-light-black);
        margin: 0 0 10px;
        letter-spacing: normal
    }
    
    .ban-bot-head {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 16px;
        line-height: normal
    }
    
    .ban-bot-disc,
    .blue-list-img li,
    .bot-clients-head,
    .company-line {
        font-family: var(--font-EpilogueRegular)
    }
    
    .ban-bot-disc {
        font-size: 14px;
        line-height: 1.36;
        text-align: left
    }
    
    .blue-list-img li {
        background: url(/wp-content/uploads/2017/02/99AF3DDA-057A-4308-93A1-310ADB41CE22.png) 0 23px no-repeat;
        font-size: 22.7px;
        font-stretch: normal;
        color: var(--color-secondary);
        font-style: normal;
        line-height: 1.7;
        letter-spacing: normal;
        list-style: none;
        margin-left: 6px;
        padding: 20px 0 1px 60px
    }
    
    #cust-test-second-row {
        margin-top: -35px
    }
    
    .company-line {
        line-height: 1.44;
        letter-spacing: normal;
        margin-left: 90px
    }
    
    .options {
        height: auto;
        overflow-y: scroll!important;
        opacity: 999!important
    }
    
    .bot-clients-head {
        font-size: 34.1px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0;
        text-align: center;
        color: var(--color-white)
    }
    
    #final-ready-to-apply a {
        background: var(--color-secondary)!important;
        color: var(--color-white)!important;
        border-radius: 2px;
        font-weight: 700!important;
        font-size: 16px!important;
        font-family: var(--font-Epilogue-Bold) !important;
        text-align: center!important;
        padding: 15px 30px!important
    }
    
    .start-healthshare,
    .uncover-banner-button {
        background-color: #83c340;
        text-align: center
    }
    
    .case-study-banner,
    .line-height-supportpage,
    .raise-response-rates,
    .testimonials-text em {
        font-family: var(--font-EpilogueRegular)
    }
    
    #final-ready-to-apply {
        text-align: center
    }
    
    .fa-chevron-up:hover {
        color: var(--color-black)
    }
    
    #back-to-top a:hover,
    .sign-up-top-banner:hover {
        color: var(--color-white)!important
    }
    
    #navigation .sub-menu ul li a {
        border-bottom: 1px solid #001b26!important
    }
    
    #navigation .sub-menu ul {
        margin: 0 0 0 -5px
    }
    
    .con-captcha iframe {
        margin-left: -20px
    }
    
    .already-email-class {
        margin-top: 10px
    }
    
    .wpb_row.bottom-icon-box,
    .wpb_row.footer-signup-row {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
    
    .page-id-18018 .bandGoogleButtons,
    .page-id-18018 .fbandGoogleButtons,
    .page-id-18018 .orText,
    .page-id-18018 div.borderLines {
        display: none!important
    }
    
    .stuck {
        z-index: 9997!important
    }
    
    #topbar {
        position: relative;
        z-index: 9997
    }
    
    .testimonials-text em {
        font-size: 16px;
        line-height: 1.62;
        color: #2d3e50
    }
    
    .case-study-banner {
        color: #858585;
        font-size: 17px
    }
    
    .rase-image-height {
        background-size: cover
    }
    
    .line-height-supportpage {
        line-height: 40px!important;
        color: var(--color-white)!important;
        font-size: 34px!important
    }
    
    .line-height-supportpage-bold {
        line-height: 40px!important;
        color: var(--color-white)!important;
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 30px!important
    }
    
    .font-and-style-class {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 18px;
        line-height: 1.32;
        letter-spacing: normal;
        text-align: justify
    }
    
    .raise-response-rates {
        font-size: 18.9px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444
    }
    
    .raise-response-text,
    .time-out-temp,
    .uncover-genice-ceo {
        font-family: var(--font-EpilogueRegular);
        font-weight: 400;
        font-style: normal;
        font-stretch: normal
    }
    
    .raise-response-text {
        font-size: 14.2px;
        line-height: 1.4;
        letter-spacing: normal;
        text-align: justify;
        color: #4a4a4a
    }
    
    .uncover-genice-ceo {
        font-size: 15.1px;
        line-height: 1.63;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .time-out-temp {
        object-fit: contain;
        font-size: 14.2px;
        line-height: 1.4;
        letter-spacing: normal;
        color: #4a4a4a;
        height: 50px
    }
    
    .We-love-to-hear-from,
    .industries-financial-text {
        font-weight: 400;
        line-height: 1.17;
        color: #4a4a4a;
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .We-love-to-hear-from {
        font-size: 17.1px;
        text-align: center
    }
    
    .industries-financial-text {
        font-size: 17px;
        text-align: justify
    }
    
    .uncover-banner-button {
        border-radius: 1.9px;
        box-shadow: 0 1px 5px 0 #83c340;
        font-family: var(--font-EpilogueRegular);
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: var(--color-white);
        padding: 22px 0!important;
        width: 395.3px
    }
    
    .img-banner-uncover {
        width: 218px!important;
        height: 218px!important
    }
    
    .developing-Potential-challenges {
        margin-top: -20px!important
    }
    
    #quote-22159 .avtar-image {
        text-align: left!important;
        margin-top: -65px!important;
        margin-left: 210px!important
    }
    
    #quote-22152 .avtar-image {
        text-align: left!important;
        margin-top: -67px!important;
        margin-left: 240px!important
    }
    
    #quote-22152 .testimonial-content h4 {
        margin-top: 35px!important
    }
    
    #quote-22166 .avtar-image {
        text-align: left!important;
        margin-top: -70px!important;
        margin-left: 140px!important
    }
    
    #quote-22166 .testimonial-content h4 {
        margin-top: 35px!important
    }
    
    #quote-22184 .avtar-image {
        text-align: left!important;
        margin-top: -70px!important;
        margin-left: 100px!important
    }
    
    #quote-22184 .testimonial-content h4 {
        margin-top: 35px!important
    }
    
    #quote-22188 .avtar-image {
        text-align: left!important;
        margin-top: -70px!important;
        margin-left: 125px!important
    }
    
    #quote-22139 .avtar-image {
        text-align: left!important;
        margin-top: -65px!important;
        margin-left: 220px!important
    }
    
    .right-healthshare-content,
    .right-healthshare-contentdown {
        padding-left: 35px;
        font-size: 18px;
        font-style: italic;
        font-stretch: normal;
        line-height: 1.53;
        letter-spacing: normal;
        text-align: justify;
        font-family: var(--font-EpilogueRegular)
    }
    
    .linkhover-color {
        color: #444;
        font-weight: 700
    }
    
    .right-healthshare-border,
    .right-healthshare-borderdown {
        border-left: solid 3.8px #e1e0e0
    }
    
    .right-healthshare-contentdown {
        color: #2d3e50;
        margin-top: 10px!important
    }
    
    .right-healthshare-content {
        font-weight: 400;
        color: #4a4a4a
    }
    
    .health-care-context,
    .health-care-context-bold {
        font-size: 30.3px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444
    }
    
    .health-care-context {
        font-family: var(--font-EpilogueRegular)
    }
    
    .health-care-context-bold {
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .healthcare-content-textadditonal,
    .healthcare-content-textsub {
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.39;
        letter-spacing: normal;
        text-align: justify;
        color: #4a4a4a
    }
    
    .healthcare-content-text {
        font-family: var(--font-EpilogueRegular);
        line-height: 1.39;
        letter-spacing: normal;
        text-align: justify
    }
    
    .healthcare-content-textsub {
        margin-left: 25px!important
    }
    
    .healthcare-content-head {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 22px;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: justify;
        color: #2d3e50;
        margin-top: 20px;
        margin-bottom: 5px
    }
    
    .healthcare-content-head-mar-top,
    .rtw-promoterlist-healtahare {
        font-family: var(--font-EpilogueRegular);
        text-align: justify;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .healthcare-content-head-mar-top {
        font-size: 19.9px;
        font-weight: 700;
        line-height: 1.19;
        color: #4a4a4a;
        margin-top: 40px;
        margin-bottom: 5px
    }
    
    .healthcaretext-highlight {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 22px;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: justify;
        color: #2d3e50;
        margin-bottom: 20px!important
    }
    
    .rtw-promoterlist-healtahare {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.32;
        color: #4a4a4a;
        list-style: square url(https://beta.sogolytics.com/wp-content/uploads/2017/01/fill-1.png);
        margin-left: 20px;
        padding: 10px 0 1px 5px
    }
    
    .event-planning-subtext li,
    .promoter-list-add-feedback,
    .promoter-list-sogo li,
    .promoterlist-thank-you li,
    .school-promoterlist-subhead li {
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png)
    }
    
    .start-healthshare,
    .start-healthshare-right {
        font-size: 20.8px;
        width: auto;
        padding: 6px 20px;
        margin: 0 5px 5px 0;
        display: inline-block;
        font-family: var(--font-EpilogueRegular)
    }
    
    .start-healthshare {
        color: var(--color-white);
        border: 1px solid #83c340;
        box-shadow: 0 1px 6px 0 #83c340;
        border-radius: 2.2px
    }
    
    .start-healthshare:hover {
        color: var(--color-white)!important
    }
    
    .start-healthshare-right {
        color: var(--color-white);
        border: 1px solid var(--color-secondary);
        text-align: center;
        border-radius: 2.2px;
        background-color: var(--color-secondary);
        box-shadow: 0 1px 6px 0 var(--color-secondary)
    }
    
    .start-healthshare-right:hover {
        color: var(--color-white)!important
    }
    
    .health-text-deepen {
        font-size: 32.2px;
        font-weight: 700
    }
    
    .health-subtext-deepen {
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444
    }
    
    #textLL {
        margin-top: -151px!important
    }
    
    #textRR {
        margin-top: -150px!important
    }
    
    #textRS {
        margin-top: -124px!important
    }
    
    #textQQ {
        margin-top: -125px!important
    }
    
    #textRT {
        margin-top: -96px!important
    }
    
    #textRP {
        margin-top: -168px!important
    }
    
    #sogo_loader {
        display: block;
        margin-top: -80%;
        text-align: center!important;
        margin-left: 44%
    }
    
    .loader-img {
        width: 140px
    }
    
    .line-height-support {
        line-height: 40px!important;
        color: var(--color-white)!important
    }
    
    .height-basic-list {
        height: 230px!important
    }
    
    .accordian-topheightlast {
        margin-top: -81px!important
    }
    
    .the-future-imgbanner {
        display: none!important
    }
    
    .addition,
    .minus {
        width: auto!important
    }
    
    section.description {
        text-align: left
    }
    
    #chat_now_div1 a {
        background-image: url(/wp-content/uploads/2017/03/chat_icon.png);
        background-position: 18px 15px;
        background-repeat: no-repeat;
        display: block;
        bottom: -1px;
        cursor: pointer;
        margin: 0;
        padding: 12px 15px 5px;
        position: fixed;
        right: 66px;
        z-index: 998;
        background-color: #1e282c;
        width: 128px;
        height: 30px;
        font-weight: 600;
        font-size: 15px;
        color: var(--color-white);
        border: 1px solid var(--color-white)
    }
    
    .imgDescription,
    .imgDescriptionlast,
    .textDescription {
        color: var(--color-white);
        font-weight: 500;
        text-align: center;
        float: right
    }
    
    #chat_now_div1 span.chatcall {
        display: inline-block;
        margin: 0;
        padding: 3px 0 0 32px;
        font-size: 15px
    }
    
    .top-sogo-headmost {
        margin-top: -128px
    }
    
    #textA,
    #textQ,
    #textT {
        margin-top: -123px!important
    }
    
    #textB {
        margin-top: -279px!important
    }
    
    #textC {
        margin-top: -200px!important
    }
    
    #textD,
    #textE {
        margin-top: -305px!important
    }
    
    #textF {
        margin-top: -134px!important
    }
    
    #textG,
    #textH {
        margin-top: -175px!important
    }
    
    #textI,
    #textJ,
    #textK,
    #textP,
    #textZ {
        margin-top: -148px!important
    }
    
    #textL {
        margin-top: -122px!important
    }
    
    #textM,
    #textS,
    #textU {
        margin-top: -124px!important
    }
    
    #textN {
        margin-top: -143px!important
    }
    
    #textO {
        margin-top: -223px!important
    }
    
    #textR,
    #textX {
        margin-top: -174px!important
    }
    
    #textV {
        margin-top: -150px!important
    }
    
    #textW,
    #textY {
        margin-top: -149px!important
    }
    
    .imgWrapstart {
        position: relative;
        padding: 3.5px!important
    }
    
    .textDescription {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        background: #474747;
        font-size: 12px;
        width: 170px
    }
    
    .imgWrapstart:hover .textDescription {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        border-radius: 3px;
        color: var(--color-white);
        width: 300px;
        padding: 5px 0;
        text-align: center;
        margin-left: 30px
    }
    
    .imgWrap,
    .imgWraplast {
        position: relative
    }
    
    .imgDescription,
    .imgDescriptionlast {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        background: #59595c;
        font-size: 12px;
        width: 170px
    }
    
    .imgDescriptionthirdhover,
    .imgDescriptionthirdhoverlast,
    .imgWrap:hover .imgDescription {
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .imgDescriptionthirdhover,
    .imgDescriptionthirdhoverlast {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        background: #59595c;
        text-align: center;
        width: 170px;
        float: right
    }
    
    .imgWrap:hover .imgDescription {
        visibility: visible;
        opacity: 1;
        margin-left: 70px!important;
        margin-top: 10px!important;
        z-index: 1;
        padding: 10px
    }
    
    .sogo-pricing-arrow,
    .sogo-pricing-arrowthirdhover {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #59595c;
        width: 0;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        display: none;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .imgWrap:hover .sogo-pricing-arrow,
    .imgWrap:hover .sogo-pricing-arrowthirdhover {
        display: block;
        margin-left: 240px;
        visibility: visible;
        opacity: 1;
        z-index: 1;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .imgWrap:hover .sogo-pricing-arrowthirdhover {
        margin-top: -75px!important
    }
    
    .imgWrap:hover .imgDescriptionthirdhover {
        visibility: visible;
        opacity: 1;
        margin-left: 70px!important;
        margin-top: -65px!important;
        z-index: 1;
        padding: 10px;
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .page-id-19262 .imagebox {
        padding: 30px 30px 110px
    }
    
    .last-sogoline {
        clear: both;
        margin: 40px 0;
        height: 0;
        border: 1px solid #b8b8b8;
        text-align: center
    }
    
    .fullbg {
        background-size: 100%
    }
    
    .bluebg {
        background: #00f;
        margin-bottom: 0;
        max-height: 212px
    }
    
    .bannerheight {
        height: 530px
    }
    
    .negativemargin {
        margin-top: -305px!important;
        padding-left: 67px
    }
    
    .sogopricing-width {
        width: 265px;
        margin-left: 20px;
        margin-right: -10px;
        border-radius: 2.4px
    }
    
    .sogopricingdiscount {
        margin-top: 40px!important;
        height: 150px;
        width: 150px
    }
    
    .monthly-annually,
    .monthly-annuallyall {
        font-size: 14.2px;
        font-weight: 600;
        line-height: normal;
        margin-top: 20px;
        display: inline-block;
        text-align: center;
        letter-spacing: normal;
        font-style: normal;
        font-stretch: normal;
        border-radius: 2px;
        font-family: var(--font-EpilogueRegular)
    }
    
    .monthly-annuallyall {
        color: var(--color-white);
        padding: 11px 33px
    }
    
    .monthly-annually .active {
        color: var(--color-white)!important
    }
    
    .monthly-annually {
        color: #9b9b9b;
        padding: 12px 35px
    }
    
    .monthly-annually:hover {
        color: #4a4a4a!important
    }
    
    .side {
        display: inline-block;
        margin-left: 429px!important;
        border-bottom: solid .5px rgba(155, 155, 155, .61)
    }
    
    .top-sogo-headcontent {
        text-align: center;
        font-family: var(--font-EpilogueRegular);
        font-size: 18px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.81;
        letter-spacing: normal;
        color: #4a4a4a important;
        margin-top: -20px
    }
    
    .sogo-sogohover {
        background: #59595c;
        color: var(--color-white);
        font-weight: 500;
        font-size: 12px;
        padding: 10px;
        position: absolute;
        width: 170px;
        display: none!important;
        z-index: 888;
        text-align: left;
        margin-top: -30px
    }
    
    .sogo-pricing-monthly {
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        color: var(--color-white);
        background-color: #83c340;
        border-radius: 2px;
        padding: 4px 10px
    }
    
    .sogopricing-banner-doller,
    .sogopricing-banner-dollerthird {
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        padding-right: 5px;
        display: inline
    }
    
    .sogo-pricing-annually {
        font-family: var(--font-EpilogueRegular)
    }
    
    .inline-value {
        display: inline
    }
    
    .sogo-pricing-image {
        float: right;
        margin-top: -30px!important;
        margin-right: 15px!important
    }
    
    .sogo-pricing-image-basic,
    .sogo-pricing-image-plus {
        float: right;
        margin-top: -21px!important
    }
    
    .sogo-pricing-image-plus {
        margin-left: 86px!important
    }
    
    .sogo-pricing-image-pro {
        float: right!important;
        margin-right: 86px!important;
        display: inline;
        margin-top: -75px!important
    }
    
    .sogo-pricing-image-enterprise {
        float: right;
        margin-top: -22px!important;
        margin-left: 46px!important
    }
    
    .sogo-pricing-imagelast {
        float: right;
        margin-top: -30px!important;
        margin-right: 15px!important
    }
    
    .sogopricing-banner-doller {
        font-family: var(--font-EpilogueRegular);
        font-size: 28.5px;
        line-height: 1.64;
        letter-spacing: -1.8px;
        color: var(--color-white);
        margin-left: 65px;
        margin-top: 10px;
        float: left
    }
    
    .sogo-pricing-shape,
    .sogo-pricing-shape-middle {
        border-radius: 2.4px;
        margin-top: 275px;
        height: 214px;
        width: 260px!important
    }
    
    .sogopricing-banner-value {
        font-family: lotagrotesque-black;
        font-size: 58px;
        line-height: 1.46;
        letter-spacing: normal;
        color: var(--color-white);
        display: inline
    }
    
    .sogo-pricing-shape {
        background-color: #5ac0a1;
        margin-right: 20px;
        margin-left: 20px
    }
    
    .sogo-pricing-shape-middle {
        background-color: #5abcbf;
        margin-left: 40px;
        margin-right: 20px
    }
    
    .sogo-pricing-shape-last,
    .sogo-pricing-shape-pmiddle {
        margin-top: 275px;
        height: 214px;
        border-radius: 2.4px;
        width: 260px!important;
        margin-left: 20px;
        margin-right: 20px
    }
    
    .sogo-pricing-shape-pmiddle {
        background-color: #5aabbf
    }
    
    .sogo-pricing-shape-last {
        background-color: #5a99bf
    }
    
    .sogo-pricing-imagethird {
        float: right!important;
        margin-right: 15px!important;
        display: inline;
        margin-top: -104px!important
    }
    
    .sogopricing-banner-dollerthird {
        font-family: var(--font-EpilogueRegular);
        font-size: 28.5px;
        line-height: 1.64;
        letter-spacing: -1.8px;
        color: var(--color-white);
        margin-left: 65px;
        margin-top: 8px;
        float: left
    }
    
    .sogopricing-banner-valuemonth,
    .sogopricing-banner-valuethird {
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .sogopricing-banner-dollerthirdwork {
        display: inline-block!important
    }
    
    .sogopricing-banner-valuethird {
        display: inline;
        font-family: lotagrotesque-black;
        font-size: 58px;
        line-height: 1.46
    }
    
    .sogopricing-banner-month,
    .sogopricing-banner-monththird,
    .sogopricing-banner-valuemonth {
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.48;
        display: inline
    }
    
    .sogopricing-banner-month,
    .sogopricing-banner-monththird {
        letter-spacing: normal;
        color: var(--color-white);
        margin-top: 29px!important;
        position: absolute
    }
    
    .sogopricing-banner-first,
    .sogopricing-banner-first-basic,
    .sogopricing-banner-pro {
        font-family: var(--font-EpilogueRegular);
        font-size: 33.2px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-white)
    }
    
    .sogopricing-banner-pro {
        margin-top: -56px!important
    }
    
    .sogopricing-banner-first,
    .sogopricing-banner-first-basic {
        margin-top: 40px
    }
    
    .sogopricing-banner-second {
        font-family: lotagrotesque-black;
        font-size: 40px;
        line-height: 1.75;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-white);
        display: block
    }
    
    .sogo-pricing-Buynow,
    .sogopricing-banner-third {
        line-height: normal;
        letter-spacing: normal;
        font-stretch: normal;
        font-style: normal
    }
    
    .sogopricing-banner-third {
        font-family: var(--font-EpilogueRegular);
        font-size: 14.2px;
        font-weight: 400;
        text-align: center;
        color: var(--color-white)
    }
    
    .promoter-nested-list-sogo {
        height: 300px
    }
    
    .middle-sogoline,
    .middle-sogoline-no {
        height: 0;
        border: 1px solid #b8b8b8;
        text-align: center;
        clear: both
    }
    
    .middle-sogoline-no {
        margin: 79px 0 40px
    }
    
    .middle-sogoline {
        margin: 40px 0
    }
    
    .sogo-pricing-Buynow {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 16.6px;
        text-align: center;
        color: #83c340;
        margin-top: 20px!important
    }
    
    .sogo-pricing-signup {
        font-family: var(--font-EpilogueRegular);
        font-size: 18px;
        text-align: center;
        color: var(--color-white);
        padding: 12px 35px;
        background-color: #83c340;
        border-radius: 2px
    }
    
    .promoter-list-sogo li,
    .sogo-pricing-nested-head {
        color: #2d3e50;
        line-height: normal;
        letter-spacing: normal
    }
    
    .sogo-pricing-head {
        font-family: var(--font-EpilogueRegular);
        font-size: 22px;
        text-align: left
    }
    
    .school-survey-process-headtext,
    .thank-you-text {
        text-align: center
    }
    
    .promoter-list-sogo {
        height: 90px
    }
    
    .promoter-list-sogo li {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 13.3px;
        margin-left: 6px;
        padding: 10px 0 1px 5px
    }
    
    .promoterlist-thank-you li,
    .sogo-pricing-nested-head,
    .thank-you-heading,
    .thank-you-text {
        font-family: var(--font-EpilogueRegular)
    }
    
    .sogo-pricing-nested-head {
        font-size: 14.2px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal
    }
    
    .thank-you-heading {
        font-stretch: normal;
        text-align: center;
        letter-spacing: normal;
        font-style: normal;
        line-height: normal;
        color: #444;
        font-size: 30.3px;
        font-weight: 700
    }
    
    .thank-you-text {
        font-stretch: normal;
        letter-spacing: normal;
        font-style: normal;
        line-height: 1.44;
        color: #4a4a4a;
        font-size: 17.1px;
        font-weight: 400;
        margin-left: 115px!important
    }
    
    .promoterlist-thank-you {
        margin-left: 55px
    }
    
    .promoterlist-thank-you li {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        color: #4a4a4a;
        margin-left: 25px;
        padding: 0 0 1px 35px
    }
    
    .school-survey-process-head,
    .school-survey-process-headtext {
        font-size: 17.1px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        color: #4a4a4a;
        font-family: var(--font-EpilogueRegular)
    }
    
    .school-survey-process-head {
        text-align: justify;
        margin-top: 20px
    }
    
    .school-promoterlist-subhead li {
        font-family: var(--font-EpilogueRegular);
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        color: #4a4a4a;
        margin-left: 20px;
        padding: 0 0 1px 20px
    }
    
    .cutomer-squrbox-head {
        width: 391.3px;
        height: 20px;
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444
    }
    
    .customer-satisfaction-text,
    .cutomer-squrbox-subhead {
        font-family: var(--font-EpilogueRegular);
        letter-spacing: normal;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal
    }
    
    .cutomer-squrbox-subhead {
        width: 355.7px;
        height: 39.8px;
        font-size: 14.2px;
        line-height: 1.4;
        text-align: justify;
        color: #4a4a4a
    }
    
    .event-planning-textbigcustomer a {
        font-family: var(--font-Epilogue-SemiBold);
        line-height: normal;
        color: var(--color-secondary);
        font-size: 22.7px;
        margin-left: 20px!important
    }
    
    .customer-satisfaction-text {
        text-align: center;
        line-height: normal;
        color: #444;
        font-size: 15.2px
    }
    
    .event-planning-subtext li,
    .event-planning-text {
        font-family: var(--font-EpilogueRegular);
        line-height: 1.44;
        letter-spacing: normal
    }
    
    .event-planning-text {
        text-align: justify;
        color: #2d3e50;
        margin-top: 20px
    }
    
    .event-planning-subtext li {
        margin-left: 20px;
        padding: 0 0 1px 7px
    }
    
    .event-planning-textbig {
        font-family: var(--font-Epilogue-SemiBold);
        line-height: normal;
        color: var(--color-secondary);
        font-size: 22.7px;
        text-align: center
    }
    
    .anti-bullying-bold {
        font-stretch: normal;
        font-family: var(--font-Epilogue-Bold) !important;;
        text-align: center;
        letter-spacing: normal;
        font-style: normal;
        line-height: 1.25;
        font-size: 30.3px;
        font-weight: 700
    }
    
    .hospital-sample-text {
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: center;
        color: #4a4a4a
    }
    
    .create-anonymous-subtext {
        font-family: var(--font-Epilogue-SemiBold);
        text-align: left;
        line-height: normal;
        color: var(--color-light-black);
        font-size: 18px;
        margin-top: 120px!important
    }
    
    .create-anonymous-head,
    .create-anonymous-text,
    .sogo-people {
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .create-anonymous-head {
        text-align: center;
        line-height: normal;
        color: #444;
        font-size: 22.7px;
        font-weight: 700
    }
    
    .create-anonymous-text {
        text-align: center;
        line-height: 1.71;
        color: #7d7d7d;
        font-size: 13.3px;
        font-weight: 400
    }
    
    .sogo-people {
        font-size: 15.1px;
        font-weight: 400;
        line-height: 1.63;
        text-align: center;
        color: #4a4a4a;
        border-right: .5px solid rgba(0, 0, 0, .08);
        border-left: .5px solid rgba(0, 0, 0, .08);
        border-bottom: .5px solid rgba(0, 0, 0, .08);
        border-style: dotted;
        padding: 20px 10px 10px;
        margin-top: -17px!important
    }
    
    .ca_mt,
    .ca_mt2,
    .ca_mt3 {
        padding: 3em 0 0
    }
    
    .alex {
        background-image: url(/wp-content/uploads/2017/02/Alex.png)
    }
    
    .alex:hover {
        background-image: url(/wp-content/uploads/2017/02/Alex-hover.png)
    }
    
    .alisha {
        background-image: url(/wp-content/uploads/2017/02/Alisha.png)
    }
    
    .alisha:hover {
        background-image: url(/wp-content/uploads/2017/02/Alisha-hover.png)
    }
    
    .alpana {
        background-image: url(/wp-content/uploads/2017/02/Alpana.png)
    }
    
    .alpana:hover {
        background-image: url(/wp-content/uploads/2017/02/Alpana-hover.png)
    }
    
    .eric {
        background-image: url(/wp-content/uploads/2017/02/Eric.png)
    }
    
    .eric:hover {
        background-image: url(/wp-content/uploads/2017/02/Eric-hover.png)
    }
    
    .erinc {
        background-image: url(/wp-content/uploads/2017/02/Erini.png)
    }
    
    .erinc:hover {
        background-image: url(/wp-content/uploads/2017/02/Erini-hover.png)
    }
    
    .hamid {
        background-image: url(/wp-content/uploads/2017/02/Hamid.png)
    }
    
    .hamid:hover {
        background-image: url(/wp-content/uploads/2017/02/Hamid-hover.png)
    }
    
    .hani {
        background-image: url(/wp-content/uploads/2017/02/Adam-1.png)
    }
    
    .hani:hover {
        background-image: url(/wp-content/uploads/2017/02/Adam-hover.png)
    }
    
    .haris {
        background-image: url(/wp-content/uploads/2017/02/Haris.png)
    }
    
    .haris:hover {
        background-image: url(/wp-content/uploads/2017/02/Haris-hover.png)
    }
    
    .joanna {
        background-image: url(/wp-content/uploads/2017/02/Joanna.png)
    }
    
    .joanna:hover {
        background-image: url(/wp-content/uploads/2017/02/Joanna-hover.png)
    }
    
    .katie {
        background-image: url(/wp-content/uploads/2017/02/Katie.png)
    }
    
    .katie:hover {
        background-image: url(/wp-content/uploads/2017/02/Katie-hover.png)
    }
    
    .krissy {
        background-image: url(/wp-content/uploads/2017/02/Krissy.png)
    }
    
    .krissy:hover {
        background-image: url(/wp-content/uploads/2017/02/Krissy-hover.png)
    }
    
    .leandra {
        background-image: url(/wp-content/uploads/2017/02/Leandra.png)
    }
    
    .leandra:hover {
        background-image: url(/wp-content/uploads/2017/02/Leandra-hover.png)
    }
    
    .leslie {
        background-image: url(/wp-content/uploads/2017/02/Leslie.png)
    }
    
    .leslie:hover {
        background-image: url(/wp-content/uploads/2017/02/Leslie-hover.png)
    }
    
    .lubna {
        background-image: url(/wp-content/uploads/2017/02/Lubna.png)
    }
    
    .lubna:hover {
        background-image: url(/wp-content/uploads/2017/02/Lubna-hover.png)
    }
    
    .melissa {
        background-image: url(/wp-content/uploads/2017/02/Melissa.png)
    }
    
    .melissa:hover {
        background-image: url(/wp-content/uploads/2017/02/Melissa-hover.png)
    }
    
    .meron {
        background-image: url(/wp-content/uploads/2017/02/Meron.png)
    }
    
    .meron:hover {
        background-image: url(/wp-content/uploads/2017/02/Meron-hover.png)
    }
    
    .pradnya {
        background-image: url(/wp-content/uploads/2017/02/Lori.png)
    }
    
    .pradnya:hover {
        background-image: url(/wp-content/uploads/2017/02/Lori-hover.png)
    }
    
    .prashakth {
        background-image: url(/wp-content/uploads/2017/02/Prashakth.png)
    }
    
    .prashakth:hover {
        background-image: url(/wp-content/uploads/2017/02/Prashakth-hover.png)
    }
    
    .rizwan {
        background-image: url(/wp-content/uploads/2017/02/Rizwan.png)
    }
    
    .rizwan:hover {
        background-image: url(/wp-content/uploads/2017/02/Rizwan-hover.png)
    }
    
    .saurabh {
        background-image: url(/wp-content/uploads/2017/02/Saurabh.png)
    }
    
    .saurabh:hover {
        background-image: url(/wp-content/uploads/2017/02/Saurabh-hover.png)
    }
    
    .seema {
        background-image: url(/wp-content/uploads/2017/02/Seema.png)
    }
    
    .seema:hover {
        background-image: url(/wp-content/uploads/2017/02/Lauren-new.jpg)
    }
    
    .sohail {
        background-image: url(/wp-content/uploads/2017/02/Sohail.png)
    }
    
    .sohail:hover {
        background-image: url(/wp-content/uploads/2017/02/Sohail-hover.png)
    }
    
    .stephanie {
        background-image: url(/wp-content/uploads/2017/02/Ian.png)
    }
    
    .stephanie:hover {
        background-image: url(/wp-content/uploads/2017/02/Ian-hover.png)
    }
    
    .suhail {
        background-image: url(/wp-content/uploads/2017/02/Suhail.png)
    }
    
    .suhail:hover {
        background-image: url(/wp-content/uploads/2017/02/Suhail-hover.png)
    }
    
    .sujith {
        background-image: url(/wp-content/uploads/2017/02/Sujith.png)
    }
    
    .sujith:hover {
        background-image: url(/wp-content/uploads/2017/02/Sujith-hover.png)
    }
    
    .zaid {
        background-image: url(/wp-content/uploads/2017/03/ZAID.jpg)
    }
    
    .zaid:hover {
        background-image: url(/wp-content/uploads/2017/02/Zaid-hover.png)
    }
    
    .Shruti {
        background-image: url(/wp-content/uploads/2017/03/Shruti.png)
    }
    
    .Shruti:hover {
        background-image: url(/wp-content/uploads/2017/03/Shruti-hover.png)
    }
    
    .Ashish {
        background-image: url(/wp-content/uploads/2017/03/Ashish.png)
    }
    
    .Ashish:hover {
        background-image: url(/wp-content/uploads/2017/03/Ashish-hover.png)
    }
    
    .Sanchit {
        background-image: url(/wp-content/uploads/2017/03/Sanchit.png)
    }
    
    .Sanchit:hover {
        background-image: url(/wp-content/uploads/2017/03/Sanchit-hover.png)
    }
    
    .Ajit {
        background-image: url(/wp-content/uploads/2017/03/Ajit-1.png)
    }
    
    .Ajit:hover {
        background-image: url(/wp-content/uploads/2017/03/Ajit-hover.png)
    }
    
    .Dhananjay {
        background-image: url(/wp-content/uploads/2017/03/Dhananjay.png)
    }
    
    .Dhananjay:hover {
        background-image: url(/wp-content/uploads/2017/03/Dhananjay-hover.png)
    }
    
    .Lochan {
        background-image: url(/wp-content/uploads/2017/03/Lochan.png)
    }
    
    .Lochan:hover {
        background-image: url(/wp-content/uploads/2017/03/Lochan-hover.png)
    }
    
    .Dilip {
        background-image: url(/wp-content/uploads/2017/03/Dilip.png)
    }
    
    .Dilip:hover {
        background-image: url(/wp-content/uploads/2017/03/Dilip-hover.png)
    }
    
    .Obaid {
        background-image: url(/wp-content/uploads/2017/03/Obaid@2x.jpg)
    }
    
    .Obaid:hover {
        background-image: url(/wp-content/uploads/2017/03/Obaid-hover@2x.jpg)
    }
    
    .Samit {
        background-image: url(/wp-content/uploads/2017/03/Samit.png)
    }
    
    .Samit:hover {
        background-image: url(/wp-content/uploads/2017/03/Samit-hover.jpg)
    }
    
    .Nancy,
    .Nancy:hover {
        background-image: url(/wp-content/uploads/2017/07/Nancy.png)
    }
    
    .Bentley {
        background-image: url(/wp-content/uploads/2017/07/bentely-alt.png)
    }
    
    .Bentley:hover {
        background-image: url(/wp-content/uploads/2017/07/bentely.png)
    }
    
    .Ann,
    .Ann:hover {
        background-image: url(/wp-content/uploads/2017/07/Ann.png)
    }
    
    .Shoumen {
        background-image: url(/wp-content/uploads/2017/07/shoumen.png)
    }
    
    .Shoumen:hover {
        background-image: url(/wp-content/uploads/2017/07/shoumen-alt.png)
    }
    
    .Stephanie {
        background-image: url(/wp-content/uploads/2017/07/Stephanie.png)
    }
    
    .Stephanie:hover {
        background-image: url(/wp-content/uploads/2017/07/Stephanie-alt.png)
    }
    
    .Wrapper1150 .grid_full {
        width: 1150px
    }
    
    .grid_full {
        width: 960px
    }
    
    .mt,
    h2.schlh2.mt {
        margin-top: 1.5em
    }
    
    .mt2 {
        margin-top: 1.2em
    }
    
    .ca_mt {
        clear: both
    }
    
    .ca_mt3 {
        clear: both
    }
    
    .grid_3 {
        width: 220px
    }
    
    .grid_1,
    .grid_10,
    .grid_11,
    .grid_12,
    .grid_13,
    .grid_14,
    .grid_15,
    .grid_16,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_6_ss,
    .grid_7,
    .grid_8,
    .grid_9 {
        margin-left: 10px;
        margin-right: 10px
    }
    
    .fl {
        float: left
    }
    
    .ca {
        clear: both
    }
    
    .rulerj {
        border-top: 2px solid var(--color-light-gray-border);
        margin: 15px 0 5px;
        padding: 0;
        position: relative;
        height: 12px
    }
    
    .arrow-uprj {
        background: var(--color-white);
        border: 2px solid #d1d3d4;
        border-radius: 50%;
        color: #9b9b9b;
        height: 16px;
        left: 45%;
        position: absolute;
        top: -12px;
        width: 25px;
        cursor: pointer;
        display: table;
        text-align: center;
        -webkit-transform: rotate(360deg) translate3d(0, 0, 0);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s
    }
    
    .arrow-uprj:hover {
        background: #d1d3d4;
        color: var(--color-white)
    }
    
    .rotate2rj {
        -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        background: var(--color-white);
        color: #d1d3d4
    }
    
    .arrow-uprj:after {
        background: #d1d3d4
    }
    
    .arrow-uprj span {
        display: block;
        text-align: center;
        -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin-top: -3px
    }
    
    .templates-hr-head,
    .templates-hr-subicon {
        text-align: justify;
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .img-circularrj {
        background-size: cover;
        border-radius: 100px;
        display: block;
        height: 200px;
        width: 200px;
        margin: 10px;
        background-position: left top;
        background-repeat: no-repeat;
        background-color: var(--color-light-gray-border);
        cursor: pointer
    }
    
    .img-circularrj img {
        height: 165px;
        width: 165px
    }
    
    .templates-hr-head {
        font-size: 17.1px;
        font-weight: 400;
        line-height: 1.44;
        color: #4a4a4a
    }
    
    .templates-hr-icon {
        font-family: var(--font-EpilogueRegular);
        font-size: 17.1px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #444
    }
    
    .templates-hr-subicon {
        font-size: 13.7px;
        font-weight: 400;
        line-height: 1.45;
        color: #4a4a4a
    }
    
    .customer-feedback-heading {
        font-family: var(--font-EpilogueRegular);
        font-size: 30.3px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #444;
        margin-bottom: 35px
    }
    
    .customer-feedback-head,
    .promoter-list-add-feedback {
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.44;
        color: #4a4a4a;
        letter-spacing: normal;
        font-family: var(--font-EpilogueRegular)
    }
    
    .customer-feedback-head {
        text-align: justify
    }
    
    .promoter-list-add-feedback {
        margin-left: 20px;
        padding: 0 0 1px 10px
    }
    
    .head-map li {
        padding: 15px 0 0;
        margin: 0 0 0 1em;
        position: relative;
        list-style-type: none
    }
    
    .privacylink-sitemap {
        padding-left: 1.5em;
        position: relative;
        margin-left: 1.2px
    }
    
    .promoter-list-add-careers,
    .promoter-list-add-subcareers {
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
        padding: 0 0 1px 10px
    }
    
    .privacylink-sitemap::before {
        content: '';
        position: absolute;
        top: -20px;
        left: -2px;
        bottom: 50%;
        width: .9em;
        border: .9px dashed #a2a2a2;
        border-top: 0 none transparent;
        border-right: 0 none transparent
    }
    
    .sitemap-sub-head ul>li:last-child {
        border-left: .9px dashed transparent
    }
    
    .customer-loyalty-heading {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 30.3px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #444
    }
    
    .customer-loyalty-head,
    .sitemap-subhead-last,
    .sitemap-subhead-mid {
        font-weight: 400;
        font-style: normal;
        font-stretch: normal
    }
    
    .customer-loyalty-head {
        font-family: var(--font-EpilogueRegular);
        font-size: 17px;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: justify;
        color: #4a4a4a
    }
    
    .sitemap-head-last,
    .sitemap-head-mid,
    .sitemap-subhead-last,
    .sitemap-subhead-mid {
        font-family: var(--font-EpilogueRegular);
        line-height: normal;
        letter-spacing: normal
    }
    
    .privacylink-sit,
    .privacylink-sitemap {
        color: #444
    }
    
    .sitemap-head-last {
        font-size: 16px;
        color: #2d3e50;
        margin-top: 20px
    }
    
    .sitemap-subhead-last {
        font-size: 14.2px;
        color: #4a4a4a;
        margin-left: 30px!important
    }
    
    .sitemap-head-mid {
        font-size: 16px;
        color: #2d3e50;
        margin-top: 20px
    }
    
    .sitemap-subhead-mid {
        font-size: 14.2px;
        color: #4a4a4a;
        margin-left: 30px!important
    }
    
    .sitemap-head,
    .sitemap-sub-head {
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        line-height: normal;
        letter-spacing: normal;
        color: #2d3e50
    }
    
    .sitemap-head {
        margin-top: 20px
    }
    
    .sitemap-sub-head {
        margin-left: 5px!important
    }
    
    .fa-placholder {
        font-family: FontAwesome
    }
    
    .careers-head-text,
    .careers-head-textbold,
    .promoter-list-add-careers,
    .promoter-list-add-subcareers {
        font-family: var(--font-EpilogueRegular);
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: normal;
        color: #2d3e50
    }
    
    .careers-head-textbold {
        text-align: left;
        margin-top: 20px!important
    }
    
    .promoter-list-add-careers {
        margin-left: 20px
    }
    
    .promoter-list-add-subcareers {
        margin-left: 40px
    }
    
    .data-mangmnt-center-Anti {
        text-align: center
    }
    
    .data-mangmnt-center-Anti-head {
        text-align: center;
        margin-bottom: 5px
    }
    
    .careers-head-text {
        text-align: left;
        margin-top: 20px
    }
    
    .signupSubmit-labelle,
    .signupSubmit-labelle1 {
        background: #7ac70b!important;
        color: var(--color-white)!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        margin-top: -16px!important;
        border-radius: 2px;
        font-weight: 700!important;
        font-size: 17px!important;
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .login-left1,
    .login-left2 {
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .login-left1 {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.58
    }
    
    .login-left2 {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.76;
        padding-bottom: 15px
    }
    
    .login-left3 {
        background: #7ac70b!important;
        color: var(--color-white)!important;
        padding-top: 2px!important;
        padding-bottom: 4px!important;
        margin-top: -16px!important;
        border-radius: 2px;
        font-weight: 700!important;
        font-size: 17px!important;
        font-family: var(--font-Epilogue-Bold) !important;
        margin-right: 67%;
        text-align: center
    }
    
    .login-left4,
    .login-left5 {
        font-family: var(--font-EpilogueRegular);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    .login-left4 {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.58;
        padding-top: 8%
    }
    
    .login-left5 {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.76
    }
    
    .Remember-login,
    .Remember-login1 {
        display: inline-block;
        font-size: 10.4px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #4a4a4a;
        font-family: var(--font-EpilogueRegular)
    }
    
    .box-border-login {
        margin-left: 25%;
        margin-top: 25%;
        margin-right: 25%
    }
    
    .Remember-login {
        margin-top: 15px;
        margin-left: -5px
    }
    
    .Remember-login1 {
        text-align: right;
        margin-top: 25px;
        float: right
    }
    
    .box-border-logininner {
        border-radius: 1.9px;
        background-color: var(--color-white);
        border: .5px solid rgba(31, 36, 50, .76)!important;
        line-height: 1
    }
    
    .login-main input[type=password],
    .login-main input[type=text] {
        border: 0
    }
    
    .Sign-In-login {
        background: #7ac70b!important;
        color: var(--color-white)!important;
        border-radius: 2px;
        font-weight: 700!important;
        font-size: 17px!important;
        font-family: var(--font-Epilogue-Bold) !important;
        padding: 10px 40% 11px 38%!important
    }
    
    .Password-login,
    .Username-login,
    .fa-envelope,
    .fa-lock {
        display: inline-flex
    }
    
    .login-bg {
        height: 854px
    }
    
    .SoGoSurveys-Perform {
        font-family: var(--font-EpilogueRegular);
        font-size: 17px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.53;
        text-align: center;
        color: #4a4a4a
    }
    
    .purchase,
    .purchase-order {
        font-size: 14.2px;
        font-weight: 400;
        color: #4a4a4a;
        font-style: normal;
        font-stretch: normal
    }
    
    .data-mangmnt-head-add-privacy,
    .purchase,
    .purchase-order {
        font-family: var(--font-EpilogueRegular);
        line-height: 1.73;
        letter-spacing: normal
    }
    
    .purchase-order {
        text-align: justify
    }
    
    .purchase {
        text-align: center
    }
    
    .data-mangmnt-head-add-privacy {
        color: #2d3e50;
        margin-left: 90px
    }
    
    .data-mangmnt-head-add-subterms,
    .data-mangmnt-head-add-upper-terms {
        font-family: var(--font-EpilogueRegular);
        line-height: 1.5;
        text-align: justify
    }
    
    .new-data-mangmnt-heading-add-terms {
        font-family: var(--font-EpilogueRegular);
        letter-spacing: normal;
        color: #2d3e50;
        margin-top: 40px
    }
    
    .data-mangmnt-head-add-upper-terms {
        letter-spacing: normal;
        color: #888
    }
    
    .data-mangmnt-head-add-subterms {
        letter-spacing: normal;
        color: #888;
        margin-left: 75px!important
    }
    
    .promoter-list-add-subterms li,
    .promoter-list-add-terms li {
        line-height: 1.4;
        list-style: square url(/wp-content/uploads/2017/01/fill-1.png);
        font-family: var(--font-EpilogueRegular);
        letter-spacing: normal
    }
    
    .promoter-list-add-terms li {
        margin-left: 40px;
        padding: 0 0 1px 15px;
        color: #888
    }
    
    .promoter-list-add-subterms li {
        margin-left: 20px;
        padding: 0 0 1px 10px
    }
    
    .privacylink {
        color: var(--color-secondary)!important
    }
    
    .heading-contact {
        font-family: var(--font-EpilogueRegular);
        font-size: 30px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: center;
        color: #444
    }
    
    .res-image-mob {
        display: none!important
    }
    
    @media only screen and (max-width:960px) {
        .page-id-15562 .wpcf7-email,
        .page-id-16165 .wpcf7-email,
        .page-id-16457 .wpcf7-email,
        .page-id-16582 .wpcf7-email,
        .page-id-16708 .wpcf7-email {
            width: 100%!important
        }
        .newslettersocial img,
        .page-id-15562 .wpcf7-submit {
            margin-top: 5px
        }
        #copyright .menu {
            margin-left: 0!important
        }
        .logo_standard {
            display: none
        }
        .cutomerlovesus {
            margin-top: 25px
        }
        #footer .container,
        .promoter-list-performance li {
            margin-left: 0
        }
        .high_What-learning-curve.What-learning-curve {
            height: auto
        }
        .What-learning-curve {
            width: auto;
            height: auto;
            text-align: left
        }
        .Quick-Easy-and-Powe,
        .What-survey-temp,
        .government-side-cont {
            width: auto;
            height: auto
        }
        .rtwheadingfont-3 {
            margin-top: 0!important
        }
        .promoter-list-academic li,
        .promoter-list-resident li,
        .promoter-list-resident-bottom li,
        .promoter-list-resident-mid li {
            width: auto;
            margin-left: auto
        }
        .Ready-to-apply {
            width: 91%
        }
        .How-long-does-it-las,
        .What-goes-in-the-ema,
        .What-goes-in-the-ema-top,
        .new-What-goes-in-the-ema {
            width: auto;
            height: auto;
            margin-left: auto!important
        }
        .Please-note-By-acce {
            width: auto;
            margin-left: auto!important
        }
        .data-mangmnt-cont-add-report,
        .data-mangmnt-head-add-report {
            width: auto;
            height: auto;
            margin-top: auto
        }
        .design-survey-sub-head {
            width: auto;
            margin-left: auto
        }
        .Quickly-and-easily-c-privacy-policy {
            width: auto
        }
        .res-mobile-ready-mid-icon {
            margin-bottom: -70px!important
        }
        .newsletterForm1 {
            font-size: 12px;
            width: 168px!important;
            height: 34px!important
        }
        .wpcf7-submit .signupSubmit21 {
            padding: 0 14px!important;
            font-size: 13px!important;
            width: 100px!important;
            height: 34px!important
        }
        .contactEmail1 input,
        .wpcf7-form .wpcf7-submit {
            height: 35px!important;
            font-size: 15px!important
        }
        .contactEmail1 input {
            width: 180px!important
        }
        .wpcf7-form .wpcf7-submit {
            width: 115px!important;
            padding: 8px!important;
            margin-top: 0!important
        }
    }
    
    .list-inline {
        margin-top: -35px;
        margin-left: 105px
    }
    
    @media only screen and (max-width:959px) {
        .logo img {
            max-width: 650px;
            margin-left: 27px;
            position: absolute
        }
    }
    
    @media only screen and (max-width:1200px) and (min-width:960px) {
        .container .four.columns {
            width: 150px!important;
            margin-left: 20px!important
        }
        .SignUp-content3 {
            top: 307px!important
        }
        .header-v1 #navigation>ul>li>a {
            padding-left: 14px!important;
            padding-right: 14px!important
        }
        .signUp-class a {
            margin-top: -12px!important
        }
        .header-v1 #navigation {
            padding-left: 0!important
        }
    }
    
    @media only screen and (max-width:767px) {
        .container .four.columns {
            width: 130px!important;
            margin-left: 20px!important
        }
        .second-column .sub-footer {
            padding: 0 0 55px
        }
    }
    
    @media only screen and (min-width:360px) and (max-width:410px) {
        #text-9 {
            margin-left: 60px!important
        }
    }
    
    @media only screen and (min-width:320px) and (max-width:480px) {
        .line-height-supportpage,
        .line-height-supportpage-bold {
            line-height: 25px!important;
            font-size: 25px!important
        }
        .res-health-highlight,
        .res-lineresponsive-hr,
        .res-solution-health,
        .res-summmary-health {
            margin-bottom: -40px!important
        }
        .line-height-support,
        .page-id-17599 #mobile-navigation>ul>li.menu-item-20308 .current-menu-ancestor>a {
            color: var(--color-white)!important
        }
        .line-height-supportpage {
            color: var(--color-white)!important;
            font-family: var(--font-EpilogueRegular)
        }
        .res-texticonfinace {
            margin-top: -60px!important
        }
        .responsive-hide-linemid {
            visibility: hidden!important
        }
        .uncover-banner-button {
            width: auto
        }
        .res-Potential-challenges .single_image {
            text-align: center!important
        }
        .res-lineresponsive-hr {
            margin-top: -100px!important
        }
        .res-health-expected {
            margin-top: 67px!important
        }
        .res-summmary-health {
            margin-top: 40px!important
        }
        .right-healthshare-contentdown {
            text-align: left
        }
        .health-text-deepen {
            font-size: 28.2px;
            font-weight: 700
        }
        .res-test-healthcare {
            margin-top: -70px!important
        }
        #quote-22139 .avtar-image,
        #quote-22152 .avtar-image,
        #quote-22159 .avtar-image,
        #quote-22166 .avtar-image,
        #quote-22184 .avtar-image,
        #quote-22188 .avtar-image {
            text-align: center!important;
            margin-top: 0!important;
            margin-left: 0!important
        }
        #chat_now_div1 {
            display: none
        }
        #copyright .copyright-col2 {
            margin-right: 0
        }
        .line-height-support {
            line-height: 30px!important
        }
        .sogopricing-heightcol-last,
        .sogopricing-heightcol-second {
            height: 180px!important
        }
        #simpleselect_reason .placeholder {
            font-size: 15px
        }
        .tp-bullet {
            display: block
        }
        #slide-120-layer-11 img,
        #slide-95-layer-10 img,
        .res-mobile-hide-slide,
        .tparrows {
            display: none
        }
        .hermes .tp-bullet {
            width: 12px;
            height: 12px
        }
        .mob-padding-slide {
            padding-bottom: 30px
        }
        .bottom-size-pricing {
            padding-bottom: 20px!important
        }
        .middle-sogoline-no {
            clear: both;
            margin-top: 30px!important;
            height: 0;
            border: 1px solid #b8b8b8;
            text-align: center
        }
        .create-anonymous-subtext,
        .guarantee-img {
            margin-top: 0!important
        }
        .blue-list-img li {
            font-size: 17px
        }
        .the-future-imgbanner {
            display: block!important
        }
        .bannerfont-height {
            line-height: normal!important
        }
        .guarantee-img-div {
            text-align: center;
            margin-bottom: 20px
        }
        .guarantee-img {
            margin-left: 0!important
        }
        .ban-column {
            margin-bottom: 0!important
        }
        .page-id-19262 .imagebox {
            padding: 30px 30px 0
        }
        .showMoreSection {
            background: #edf8fd;
            border-top: 2px solid var(--color-white);
            display: block;
            padding: 10px 40px 10px 20px;
            text-align: center;
            width: 100%;
            margin-top: 40px;
            margin-left: -30px
        }
        .showMoreSection p {
            color: #626e73;
            cursor: pointer;
            font-weight: 700;
            font-size: 16px;
            margin: 0;
            padding: 0
        }
        .res-hide-allcontent {
            display: none
        }
        .pricing-acc {
            display: block
        }
        #slide-108-layer-7>img,
        #slide-134-layer-9>img,
        .res-dis-no {
            display: none
        }
        .slide-ifram {
            width: auto;
            height: auto
        }
        .employee-smart {
            padding-top: 50px!important
        }
        .res-padding-bot {
            padding-bottom: 90px
        }
        .res-multilingualtope-bottom {
            margin-bottom: -60px!important
        }
        .res-comp-img-row,
        .res-customer-satisfaction-bottom {
            margin-bottom: -40px!important
        }
        .res-multilingualtope-top {
            margin-top: -80px!important
        }
        .res-customer-satisfaction-top {
            margin-top: -50px!important
        }
        .defaultimg:before {
            position: absolute;
            content: " ";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            z-index: 0;
            background-color: rgba(56, 56, 75, .4)
        }
        #rev_slider_105_2_forcefullwidth .defaultimg:before,
        #rev_slider_67_2_forcefullwidth .defaultimg:before,
        #rev_slider_72_2_forcefullwidth .defaultimg:before,
        #rev_slider_80_2_forcefullwidth .defaultimg:before,
        #rev_slider_81_2_forcefullwidth .defaultimg:before,
        #rev_slider_83_2_forcefullwidth .defaultimg:before,
        #rev_slider_91_2_forcefullwidth .defaultimg:before,
        #rev_slider_92_2_forcefullwidth .defaultimg:before {
            display: none
        }
        .con-form-head-yes.con-yes-no {
            font-size: 15px;
            margin-left: -20px
        }
        .con-form-head,
        .max-con-form-head {
            font-size: 15px
        }
        .con-form-head.con-captcha {
            margin-top: 35px;
            margin-left: -20px
        }
        .con-form-head.your-name {
            padding: 0 5px
        }
        .con-form-head.your-email {
            padding: 25px 5px 0
        }
        .tp-leftarrow {
            margin-left: -30px!important
        }
        .tp-rightarrow {
            margin-left: 25px!important
        }
        .res-comp-img-row {
            padding-bottom: 0!important
        }
        .res-image-mob {
            width: auto!important;
            display: block!important
        }
        .design-icon-top-bot {
            margin-top: -25px!important;
            margin-bottom: -25px!important
        }
        .first-res-row-top-bot-cust-satisfctn {
            padding-bottom: 15px!important
        }
        .get-started {
            text-align: center!important
        }
        .customer-feedback-head,
        .customer-loyalty-head,
        .data-mangmnt-cont-make,
        .data-mangmnt-head-add-terms,
        .data-mangmnt-head-add-upper-terms,
        .new-data-mangmnt-head-add-terms,
        .non-profit-list li,
        .non-profit-list-part,
        .purchase-order,
        .templates-hr-subicon {
            text-align: left
        }
        .height-pricing-trythird {
            margin-top: 20px!important
        }
        .SignUp-content3 {
            display: none;
            position: absolute;
            top: 320px!important;
            left: 12px;
            z-index: 777;
            background: #f4f4f4;
            padding: 10px 20px 25px;
            -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
            -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9)
        }
        .build-an-incid {
            padding: 12px 15px!important
        }
        .show-more {
            width: 50%!important
        }
        .data-mangmnt-head-add-subterms {
            text-align: left;
            margin-left: 20px!important
        }
        .data-mangmnt-cont-make,
        .data-mangmnt-head-make {
            margin-left: 15px!important
        }
        .promoter-list-resident li,
        .promoter-list-resident-mid li {
            width: 250px
        }
        .promoter-list-resident-bottom li {
            width: 225px
        }
        .grey-What-goes-in-the-ema {
            padding: 0
        }
        #homevideorow iframe {
            height: 132px
        }
        .data-mangmnt-cont-make {
            width: auto;
            height: auto
        }
        .gray-txt {
            font-size: 10px
        }
        #text-10,
        .main-footer-img,
        .res-footer-follow-us,
        .res-footer-img {
            display: block
        }
        #text-9 {
            margin-left: 35px
        }
        #text-10 {
            margin-top: -40px
        }
        #text-5,
        .footer-follow-us {
            display: none
        }
        .promoter-list-education li {
            margin-left: 50px
        }
        .data-mangmnt-head-add-terms,
        .data-mangmnt-heading-add-terms {
            margin-left: 0!important
        }
        .res-margin-purchase {
            margin-top: -80px
        }
        .What-survey-temp,
        .head-survey-temp,
        .list-survey-temp {
            margin-left: -30px
        }
        .res-margin-left {
            margin-left: 20px
        }
        .siteMap-top-row .divider {
            display: block
        }
        #slide-111-layer-7>img,
        #slide-119-layer-7>img,
        .newdivider {
            display: none
        }
        .divider1 {
            border-bottom: 1px solid var(--color-light-gray-border)
        }
        .career-button-careers,
        .career-button-company,
        .career-button-contact {
            border-top: solid .5px #979797;
            border-bottom: solid .5px #979797
        }
        .design-icon .iconbox {
            border-right: 0
        }
        .design-survey-sub-head {
            margin-left: 0!important
        }
        .resp-customer-manage-lappy {
            margin-top: 20px
        }
        .mob-white-layer {
            color: var(--color-white)!important
        }
        .mob-gray-layer {
            color: #858585!important
        }
        .mob-black-layer {
            color: #444!important
        }
        .its_easyrj {
            margin-bottom: 40px!important
        }
        .resp-centerthis-spmargin {
            padding-left: 70px
        }
        .res-row-top-bot {
            padding-top: 50px!important;
            padding-bottom: 75px!important
        }
        .res-row-top-bot-cust-satisfctn {
            padding-bottom: 35px!important
        }
        ul.dashed {
            margin-left: 3em
        }
        .white-non-profit {
            width: auto
        }
        .data-mangmnt-head-mob-ready,
        .promoter-list-mob-ready {
            margin-left: 20px
        }
        .res-multilingual-surveys-mid-icon-sp {
            margin-bottom: -40px
        }
        .res-multilingualspace-sp {
            margin-bottom: -40px!important
        }
        .res-multilingualtope-sp {
            margin-top: -40px!important
        }
        .fbandGoogleButtons {
            background: 0;
            border-radius: 0;
            color: var(--color-white);
            cursor: pointer;
            display: inline-block;
            float: none;
            height: auto;
            margin-top: 5px;
            margin-left: 55px!important
        }
        #mobile-header .logo {
            margin-top: 22px
        }
        .sogopricing-width {
            width: 280px;
            margin-left: 30px;
            margin-right: -10px
        }
        .career-button-careers,
        .career-button-company,
        .career-button-contact,
        .career-button-newsroom,
        .career-button-team {
            width: 100%;
            border-left: none;
            border-right: 0
        }
        .MDifference-hospital-employee-contentbold,
        .down-MDifference-hospital-employee-contentbold,
        .hospital-employee-content,
        .resp-hospital-sample-img {
            margin-right: 20px!important;
            margin-left: 20px!important;
            width: auto
        }
        .footer-create-ur {
            font-size: 20px
        }
        .footer-cent {
            font-size: 12px
        }
        .imgWrap:hover .imgDescription,
        .imgWrap:hover .sogo-pricing-arrow,
        .imgWraplast:hover .imgDescriptionlast,
        .imgWraplast:hover .sogo-pricing-arrowlast {
            visibility: visible;
            opacity: 1;
            z-index: 1;
            font-size: 14.2px;
            line-height: 1.4;
            letter-spacing: normal;
            font-family: var(--font-EpilogueRegular);
            font-weight: 400;
            color: var(--color-white);
            font-style: normal;
            font-stretch: normal
        }
        .heightoffreepricing .SignUp-content1,
        .heightoffreepricing .SignUp-content2,
        .heightoffreepricing .SignUp-content3 {
            margin-top: -36px;
            text-align: center;
            margin-left: 10px
        }
        .heightoffreepricing .SignUp-content4 {
            margin-top: -36px;
            text-align: center
        }
        .imgWrap:hover .sogo-pricing-arrow {
            display: block;
            margin-left: 240px;
            margin-top: 35px
        }
        .imgWrap:hover .imgDescription {
            margin-left: 70px!important;
            margin-top: 45px!important;
            padding: 10px
        }
        .imgWraplast:hover .sogo-pricing-arrowlast {
            display: block;
            margin-left: 240px;
            margin-top: 35px
        }
        .imgWraplast:hover .imgDescriptionlast {
            margin-left: 70px!important;
            margin-top: 45px!important;
            padding: 10px
        }
        .negativemargin {
            margin-top: -275px!important
        }
        .side {
            display: inline-block;
            margin-left: 30px!important
        }
        .sogo-pricing-adjust .wpb_row .wpb_column {
            margin-bottom: -11px!important
        }
        .sogo-pricing-image-plus {
            margin-top: -22px!important;
            margin-left: 86px!important
        }
        .res-gov-mid-icon {
            margin-bottom: -95px!important
        }
        .thank-you-text {
            margin-left: 35px!important
        }
        .promoterlist-thank-you li {
            margin-left: -20px;
            padding: 0 0 1px 20px
        }
        .res-create-anonyms-list {
            margin-bottom: 40px!important
        }
        .res-multilingual-surveys-mid-icon {
            margin-bottom: -90px!important
        }
        .resp-hospital-sample-content {
            margin-top: -70px
        }
        .resp-hospital-sample-img {
            margin-top: 30px!important
        }
        .hospital-employee-contentbold {
            margin-left: 20px!important;
            margin-right: 20px!important;
            margin-top: 90px!important
        }
        .resp-hospital-sample-imgright {
            margin-top: 70px;
            width: auto;
            margin-right: 20px;
            margin-left: 20px
        }
        .data-mangmnt-head,
        .res-online-poll-img,
        .res-survey-data {
            margin-top: 20px!important;
            margin-left: 20px!important
        }
        .anti-bullying-bold,
        .rtwheadingfont {
            font-size: 25px
        }
        .home-banner-third-slide {
            font-family: var(--font-EpilogueRegular);
            font-size: 28px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: normal;
            color: var(--color-white)
        }
        .banner-first-layer,
        .banner-first-layer-c0c0c0,
        .white-banner-first-layer {
            font-family: var(--font-EpilogueRegular);
            line-height: normal;
            letter-spacing: normal
        }
        .res-online-poll-img,
        .res-survey-data {
            margin-right: 20px!important;
            width: 90%
        }
        .data-mangmnt-cont {
            margin-right: 20px!important;
            margin-left: 20px!important
        }
        .res-anit-billing {
            margin-bottom: -40px!important
        }
        .data-mangmnt-head-add-report {
            width: auto;
            height: auto;
            margin-top: 20px;
            margin-left: 20px
        }
        .data-mangmnt-cont-add-report {
            padding-left: 20px;
            padding-right: 20px;
            text-align: left
        }
        .promoter-list-add-report {
            margin-top: -15px;
            margin-left: 20px
        }
        .res-survey-reports-img {
            margin-left: 20px!important;
            margin-right: 20px!important;
            margin-top: 20px!important;
            width: 90%
        }
        .grey-What-goes-in-the-ema,
        .grey1-What-goes-in-the-ema {
            margin-left: 0
        }
        .banner-first-layer,
        .banner-first-layer-c0c0c0 {
            font-size: 13.3px!important;
            font-weight: 600!important;
            font-style: normal;
            font-stretch: normal;
            color: #858585
        }
        .white-banner-first-layer {
            font-size: 13.3px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            color: #9e9e9e
        }
        .banner-second-layer,
        .white-banner-second-layer {
            font-family: var(--font-Epilogue-Bold) !important;;
            font-weight: 700;
            font-style: normal;
            font-stretch: normal
        }
        .banner-second-layer {
            font-size: 25px!important;
            line-height: 1!important;
            letter-spacing: normal;
            color: var(--color-white)
        }
        .white-banner-second-layer {
            font-size: 34.1px;
            line-height: 1.11;
            letter-spacing: normal;
            color: #4d4d4d
        }
        .banner-third-layer,
        .banner-third-layer-mid,
        .white-banner-third-layer {
            font-family: var(--font-EpilogueRegular);
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.63;
            letter-spacing: normal
        }
        .banner-third-layer {
            font-size: 13px!important;
            color: var(--color-white)
        }
        .white-banner-third-layer {
            font-size: 13px!important;
            color: #4d4d4d
        }
        .banner-third-layer-mid {
            font-size: 15px!important;
            color: var(--color-white)
        }
        .sogopricingdiscount {
            display: none!important
        }
        .wpb_wrapper .top-sogo-headmost {
            margin-top: 22px
        }
        .vc_custom_1503898920153 {
            margin-left: 0!important
        }
        .top-sogo-head,
        .top-sogo-headcontent {
            font-family: var(--font-EpilogueRegular);
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #4a4a4a;
            margin-left: 0
        }
        .top-sogo-head {
            font-size: 20.8px;
            font-weight: 700;
            text-align: left
        }
        .top-sogo-headcontent {
            font-size: 14px;
            text-align: center;
            margin-top: 10px
        }
        .res-anonymity-simplified {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        #homevideorow {
            height: 132px!important
        }
        .home-vid-class {
            height: 132px
        }
        .section .play-video-btn {
            margin-top: 48px!important;
            width: 35px;
            padding-bottom: 0!important
        }
        .home-video-heading {
            font-size: 15.2px!important;
            margin-top: 12px!important
        }
        .PC-mag {
            top: 85px;
            right: 20px
        }
        .grey-make-online-survey {
            width: auto
        }
        .res-online-survey-icon {
            margin-bottom: -70px!important
        }
        .res-when-anonymous-survey {
            margin-top: -50px!important
        }
        .tparrows:before {
            font-size: 19px
        }
        .res-label-survey-img {
            margin-left: 20px!important;
            margin-right: 20px!important;
            margin-top: 20px!important;
            width: 90%
        }
        .cutomer-squrbox-subhead {
            width: auto;
            height: auto;
            text-align: left
        }
        .resp-customer-satisfaction-icon {
            padding-top: 55px;
            padding-bottom: 10px
        }
        .event-planning-textbigcustomer {
            margin-left: -20px!important
        }
        .event-planning-textbigcustomer a {
            font-size: 15px;
            margin-left: 10px!important
        }
        .event-planning-textbig a {
            font-size: 11px
        }
        .data-mangmnt-cont-labelle {
            width: auto;
            height: auto;
            margin-left: auto!important;
            padding: 7%
        }
        .res-side-img .single_image {
            text-align: center!important;
            padding: 20px
        }
        .temp-content {
            height: 93px
        }
        #bannerBtn {
           margin-left: 31%;
           margin-top: 12%;
       }
       .watch-video {
           width: 40% !important;
           left: 63% !important;
           top: 90% !important;
       }
    }
    
    @media only screen and (min-width:481px) and (max-width:767px) {
        .line-height-supportpage,
        .line-height-supportpage-bold {
            line-height: 25px!important;
            color: var(--color-white)!important;
            font-family: var(--font-EpilogueRegular);
            font-size: 25px!important
        }
        .uncover-banner-button {
            width: 361px
        }
        .img-banner-uncover {
            width: 150px!important;
            height: 150px!important
        }
        .res-Potential-challenges .single_image {
            text-align: center!important
        }
        .res-health-highlight,
        .res-solution-health {
            margin-bottom: -40px!important
        }
        .res-summmary-health {
            margin-top: 40px!important
        }
        .right-healthshare-contentdown {
            text-align: left
        }
        .health-text-deepen {
            font-size: 28.2px;
            font-weight: 700
        }
        .res-test-healthcare {
            margin-top: -70px!important
        }
        .create-anonymous-subtext,
        .guarantee-img {
            margin-top: 0!important
        }
        #quote-22139 .avtar-image,
        #quote-22152 .avtar-image,
        #quote-22159 .avtar-image,
        #quote-22166 .avtar-image,
        #quote-22184 .avtar-image,
        #quote-22188 .avtar-image {
            text-align: center!important;
            margin-top: 0!important;
            margin-left: 0!important
        }
        #copyright .copyright-col2 {
            margin-right: 0
        }
        .line-height-support {
            line-height: 35px!important;
            color: var(--color-white)!important
        }
        .sogopricing-heightcol-last,
        .sogopricing-heightcol-second {
            height: 180px!important
        }
        .tp-bullet {
            display: block
        }
        #slide-120-layer-11 img,
        #slide-95-layer-10 img,
        .res-hide-allcontent,
        .tparrows {
            display: none
        }
        .guarantee-img-div {
            text-align: center;
            margin-bottom: 20px
        }
        .guarantee-img {
            margin-left: 0!important
        }
        .ban-column {
            margin-bottom: 0!important
        }
        .bannerfont-height {
            line-height: normal!important
        }
        .page-id-19262 .imagebox {
            padding: 30px 30px 0
        }
        .showMoreSection {
            background: #edf8fd;
            border-top: 2px solid var(--color-white);
            display: block;
            padding: 10px 40px 10px 20px;
            text-align: center;
            width: 100%;
            margin-top: 40px;
            margin-left: -30px
        }
        .newdivider,
        .res-dis-no {
            display: none
        }
        .showMoreSection p {
            color: #626e73;
            cursor: pointer;
            font-weight: 700;
            font-size: 16px;
            margin: 0;
            padding: 0
        }
        .slide-ifram {
            width: auto;
            height: auto
        }
        .res-padding-bot {
            padding-bottom: 80px
        }
        .con-form-head.con-captcha {
            margin-top: 40px
        }
        .con-form-head.your-email {
            padding: 35px 5px 0
        }
        .con-form-head,
        .max-con-form-head {
            font-size: 17px
        }
        .res-comp-img-row {
            padding-bottom: 0!important;
            margin-bottom: -40px!important
        }
        .first-res-row-top-bot-cust-satisfctn {
            padding-bottom: 15px!important
        }
        .res-row-top-bot-cust-satisfctn {
            padding-bottom: 35px!important
        }
        .get-started {
            text-align: center!important
        }
        .career-button-company {
            width: 90px;
            padding: 10px;
            font-size: 13px
        }
        .career-button-team {
            width: 70px;
            padding: 10px;
            font-size: 13px
        }
        .career-button-careers {
            width: 75px;
            padding: 10px;
            font-size: 13px
        }
        .career-button-newsroom {
            width: 90px;
            padding: 10px;
            font-size: 13px
        }
        .career-button-contact {
            width: 75px;
            padding: 10px;
            font-size: 13px
        }
        .height-pricing-trythird {
            margin-top: 20px!important
        }
        .SignUp-content3 {
            display: none;
            position: absolute;
            top: 320px!important;
            left: 12px;
            z-index: 777;
            background: #f4f4f4;
            padding: 10px 20px 25px;
            -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
            -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9)
        }
        .customer-feedback-head,
        .customer-loyalty-head,
        .non-profit-list li,
        .non-profit-list-part {
            text-align: left
        }
        .build-an-incid {
            padding: 12px 15px!important
        }
        .show-more {
            width: 50%!important
        }
        .data-mangmnt-head-add-subterms {
            text-align: left;
            margin-left: 25px!important
        }
        #footer .container {
            margin-left: 50px
        }
        .data-mangmnt-cont-make {
            text-align: left
        }
        .data-mangmnt-head-add-terms {
            margin-left: 0!important;
            text-align: left
        }
        .data-mangmnt-heading-add-terms {
            margin-left: 0!important
        }
        .purchase-order {
            text-align: left
        }
        .res-margin-purchase {
            margin-top: -80px
        }
        .What-survey-temp,
        .head-survey-temp,
        .list-survey-temp {
            margin-left: -30px
        }
        .design-icon .iconbox {
            border-right: 0
        }
        .design-survey-sub-head {
            margin-left: 0!important
        }
        .mob-white-layer {
            color: var(--color-white)!important
        }
        .mob-grey-layer {
            color: gray!important
        }
        .mob-black-layer {
            color: var(--color-dark)!important
        }
        .its_easyrj {
            margin-bottom: 40px!important
        }
        .res-row-top-bot {
            padding-top: 50px!important;
            padding-bottom: 75px!important
        }
        ul.dashed {
            margin-left: 3em
        }
        .data-mangmnt-head-mob-ready,
        .promoter-list-mob-ready {
            margin-left: 20px
        }
        .white-non-profit {
            width: auto
        }
        #mobile-header .logo {
            margin-top: 21px
        }
        .footer-create-ur {
            font-size: 22px
        }
        .footer-cent {
            font-size: 13px
        }
        .imgWrap:hover .imgDescription,
        .imgWrap:hover .sogo-pricing-arrow {
            visibility: visible;
            opacity: 1;
            z-index: 1;
            font-size: 14.2px;
            line-height: 1.4;
            font-family: var(--font-EpilogueRegular);
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            color: var(--color-white);
            letter-spacing: normal
        }
        .sogo-pricing-adjust .wpb_row .wpb_column {
            margin-bottom: -11px!important
        }
        .imgWrap:hover .sogo-pricing-arrow {
            display: block;
            margin-left: 240px;
            margin-top: 35px
        }
        .imgWrap:hover .imgDescription {
            margin-left: 70px!important;
            margin-top: 45px!important;
            padding: 10px
        }
        .res-survy-crtor-anonyms-list {
            margin-bottom: 40px!important
        }
        .sogopricing-width {
            width: 280px;
            margin-left: 65px;
            margin-right: -10px;
            margin-top: 20px
        }
        .top-sogo-headcontent {
            font-size: 15px;
            margin-top: 10px;
            margin-left: 0;
            margin-right: 0
        }
        .hospital-employee-content,
        .res-label-survey-img,
        .res-online-poll-img,
        .res-survey-data,
        .res-survey-reports-img,
        .resp-hospital-sample-img {
            margin-right: 20px!important
        }
        .top-sogo-head {
            font-size: 22.8px;
            text-align: left;
            margin-left: 0
        }
        .sogo-pricing-image {
            float: right;
            margin-top: 10px!important;
            margin-left: 245px!important
        }
        .MDifference-hospital-employee-contentbold,
        .hospital-employee-content {
            margin-left: 5%!important;
            width: auto
        }
        .res-gov-mid-icon {
            margin-bottom: -95px!important
        }
        .res-create-anonyms-list {
            margin-bottom: 40px!important
        }
        .res-multilingual-surveys-mid-icon {
            margin-bottom: -80px!important
        }
        .resp-hospital-sample-content {
            margin-top: -70px
        }
        .down-MDifference-hospital-employee-contentbold {
            margin-left: 5%!important;
            margin-right: 20px!important;
            width: auto
        }
        .resp-hospital-sample-img {
            margin-left: 5%px!important;
            margin-top: 30px!important;
            width: auto
        }
        .hospital-employee-contentbold {
            margin-left: 5%!important;
            margin-top: 70px!important
        }
        .anti-bullying-bold,
        .rtwheadingfont {
            font-size: 25px
        }
        .home-banner-third-slide {
            font-family: var(--font-EpilogueRegular);
            font-size: 28px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: normal;
            color: var(--color-white)
        }
        .banner-first-layer,
        .banner-first-layer-c0c0c0 {
            font-family: var(--font-Epilogue-SemiBold);
            font-size: 14px!important;
            font-style: normal;
            font-stretch: normal;
            color: #858585;
            line-height: normal
        }
        .res-online-poll-img,
        .res-survey-data {
            margin-left: 20px!important;
            margin-top: 20px!important;
            width: 90%
        }
        .res-anit-billing {
            margin-bottom: -40px!important
        }
        .data-mangmnt-head-add-report {
            width: auto;
            height: auto;
            margin-top: 20px;
            margin-left: 20px
        }
        .data-mangmnt-cont-add-report {
            padding-left: 20px;
            padding-right: 20px;
            text-align: left
        }
        .promoter-list-add-report {
            margin-top: -15px;
            margin-left: 20px
        }
        .res-survey-reports-img {
            margin-left: 20px!important;
            margin-top: 20px!important;
            width: 90%
        }
        .grey-What-goes-in-the-ema,
        .grey1-What-goes-in-the-ema {
            margin-left: 0
        }
        .negativemargin {
            margin-top: -260px!important
        }
        .side {
            display: inline-block;
            margin-left: 70px!important
        }
        .banner-first-layer-c0c0c0 {
            letter-spacing: normal
        }
        .banner-first-layer {
            letter-spacing: 1px
        }
        .white-banner-first-layer {
            font-family: var(--font-EpilogueRegular);
            font-size: 13.3px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #9e9e9e
        }
        .banner-second-layer,
        .white-banner-second-layer {
            font-weight: 700;
            font-style: normal;
            font-stretch: normal
        }
        .banner-second-layer {
            font-family: var(--font-Epilogue-SemiBold);
            font-size: 28px!important;
            line-height: 1.11!important;
            letter-spacing: normal;
            color: var(--color-white)
        }
        .white-banner-second-layer {
            font-family: var(--font-Epilogue-Bold) !important;;
            font-size: 28px;
            line-height: 1.11;
            letter-spacing: normal;
            color: #4d4d4d
        }
        .banner-third-layer,
        .white-banner-third-layer {
            font-family: var(--font-EpilogueRegular);
            font-size: 15px!important;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.63;
            letter-spacing: normal
        }
        .banner-third-layer {
            color: var(--color-white)
        }
        .white-banner-third-layer {
            color: #4d4d4d
        }
        .sogopricingdiscount {
            visibility: hidden
        }
        .res-anonymity-simplified {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        #homevideorow {
            height: 185px!important
        }
        .home-vid-class {
            height: 185px
        }
        .section .play-video-btn {
            margin-top: 65px!important;
            width: 35px;
            padding-bottom: 0!important
        }
        .home-video-heading {
            font-size: 15.2px!important;
            margin-top: 12px!important
        }
        .PC-mag {
            top: 85px;
            right: 70px
        }
        .grey-make-online-survey {
            width: auto
        }
        .res-online-survey-icon {
            margin-bottom: -70px!important
        }
        .res-when-anonymous-survey {
            margin-top: -50px!important
        }
        .tparrows:before {
            font-size: 19px
        }
        .res-label-survey-img {
            margin-left: 20px!important;
            margin-top: 20px!important;
            width: 90%
        }
        .cutomer-squrbox-subhead {
            width: auto;
            height: auto;
            text-align: left
        }
        .resp-customer-satisfaction-icon {
            padding-top: 55px;
            padding-bottom: 10px
        }
        .event-planning-textbigcustomer a {
            font-size: 15px;
            margin-left: 0!important
        }
        .event-planning-textbig a {
            font-size: 13px
        }
        .data-mangmnt-cont-labelle {
            width: auto;
            height: auto;
            margin-left: auto!important;
            padding: 7%
        }
        .res-customer-satisfaction-icon {
            margin-top: -50px!important
        }
        .res-side-img .single_image {
            text-align: center!important;
            margin-top: 20PX
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:960px) {
        .res-anit-billing,
        .res-health-highlight,
        .res-solution-health {
            margin-bottom: -40px!important
        }
        .container .four.columns {
            width: 150px!important
        }
        .container .four.columns.first-column {
            margin-left: 25px!important
        }
        .res-summmary-health {
            margin-top: 40px!important
        }
        .right-healthshare-contentdown {
            text-align: left
        }
        .health-text-deepen {
            font-size: 28.2px;
            font-weight: 700
        }
        .res-test-healthcare {
            margin-top: -30px!important
        }
        #quote-22139 .avtar-image,
        #quote-22152 .avtar-image,
        #quote-22159 .avtar-image,
        #quote-22166 .avtar-image,
        #quote-22184 .avtar-image,
        #quote-22188 .avtar-image {
            text-align: center!important;
            margin-top: 0!important;
            margin-left: 0!important
        }
        #copyright .copyright-col2 {
            margin-right: 0
        }
        .guarantee-img-div {
            text-align: center;
            margin-bottom: 20px
        }
        .res-color-tranparent {
            background-color: none!important
        }
        .bannerfont-height {
            line-height: normal!important
        }
        .res-hide-allcontent {
            display: none
        }
        .page-id-19262 .imagebox {
            padding: 30px 30px 0
        }
        .showMoreSection {
            background: #edf8fd;
            border-top: 2px solid var(--color-white);
            display: block;
            padding: 10px 40px 10px 20px;
            text-align: center;
            width: 100%;
            margin-top: 40px;
            margin-left: -30px
        }
        .showMoreSection p {
            color: #626e73;
            cursor: pointer;
            font-weight: 700;
            font-size: 16px;
            margin: 0;
            padding: 0
        }
        .sogo-pricing-offer {
            margin-top: -40px!important
        }
        .height-pricing-trythird {
            margin-top: 20px!important
        }
        .con-form-head.your-email {
            padding: 40px 5px 0
        }
        .con-form-head,
        .max-con-form-head {
            font-size: 17px
        }
        .career-button-company {
            width: 150px;
            padding: 10px;
            font-size: 13px
        }
        .career-button-careers,
        .career-button-team {
            width: 135px;
            padding: 10px;
            font-size: 13px
        }
        .career-button-newsroom {
            width: 150px;
            padding: 10px;
            font-size: 13px
        }
        .career-button-contact {
            width: 135px;
            padding: 10px;
            font-size: 13px
        }
        .SignUp-content3 {
            display: none;
            position: absolute;
            top: 310px!important;
            left: 12px;
            z-index: 777;
            background: #f4f4f4;
            padding: 10px 20px 25px;
            -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
            -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9)
        }
        .resp-midicon-width {
            width: 810px
        }
        .data-mangmnt-cont-labelle,
        .data-mangmnt-cont-make,
        .white-non-profit {
            width: auto
        }
        .temp-content-web {
            height: 200px
        }
        .sign-up-support-webthird {
            font-size: 14px!important
        }
        .resp-centerthis-sp {
            margin-top: 90px
        }
        .data-mangmnt-head-mob-ready,
        .promoter-list-mob-ready {
            margin-left: 20px
        }
        .resp-three-imgtop-sp {
            margin-top: 50px!important
        }
        .resp-three-img-sp {
            margin-top: 105px!important
        }
        .data-mangmnt-head-make {
            width: 225px;
            height: 10px;
            font-family: var(--font-EpilogueRegular);
            font-size: 15.1px
        }
        #mobile-header .logo {
            margin-top: 21px
        }
        .container .four.columns {
            margin-left: 25px
        }
        .footer-create-ur {
            font-size: 25px
        }
        .promoter-list-resident-bottom li {
            margin-left: 175px!important
        }
        .privacylink-sitemap {
            font-size: 10px
        }
        .imgWrap:hover .imgDescription,
        .imgWrap:hover .sogo-pricing-arrow {
            visibility: visible;
            opacity: 1;
            z-index: 1;
            font-size: 14.2px;
            line-height: 1.4;
            font-family: var(--font-EpilogueRegular);
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            color: var(--color-white);
            letter-spacing: normal
        }
        .imgWrap:hover .sogo-pricing-arrow {
            display: block;
            margin-left: 240px;
            margin-top: 35px
        }
        .imgWrap:hover .imgDescription {
            margin-left: 70px!important;
            margin-top: 45px!important;
            padding: 10px
        }
        .side {
            display: inline-block;
            margin-left: 200px!important
        }
        .top-sogo-head {
            font-size: 28.8px
        }
        .top-sogo-headcontent {
            font-size: 15px;
            margin-right: 0
        }
        .sogopricing-banner-first-basic .sogopricing-banner-first-basic .imgWrap1:hover .sogo-pricing-arrow-basic {
            margin-left: 108px
        }
        .sogopricing-heightcol {
            height: 133px!important
        }
        .sogopricing-width {
            width: 280px;
            margin-left: 65px;
            margin-right: -10px;
            margin-top: 20px
        }
        #top-black-sign-up a {
            margin-top: 15px!important;
            font-size: 15px!important
        }
        .blue-slider-height {
            height: 320px
        }
        .temp-content {
            height: 145px
        }
        .resp-hospital-sample-imgright {
            margin-top: -20px
        }
        .down-MDifference-hospital-employee-contentbold {
            margin-left: 5%!important;
            width: auto;
            font-size: 15px
        }
        .resp-hospital-sample-content {
            margin-top: -70px;
            font-size: 15px
        }
        .MDifference-hospital-employee-contentbold {
            margin-left: 5%!important;
            width: auto;
            font-size: 15px
        }
        .hospital-employee-content {
            margin-left: 5%!important;
            margin-right: 20px!important;
            width: auto;
            font-size: 15px
        }
        .resp-hospital-sample-img {
            margin-left: 5%!important;
            width: auto;
            margin-top: 46px!important
        }
        .hospital-employee-contentbold {
            margin-left: 5%!important;
            margin-top: 40px!important;
            font-size: 15px
        }
        .anti-bullying-bold,
        .rtwheadingfont {
            font-size: 28px
        }
        .home-banner-third-slide {
            font-family: var(--font-EpilogueRegular);
            font-size: 28px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: normal;
            color: var(--color-white)
        }
        .banner-first-layer,
        .banner-first-layer-c0c0c0 {
            font-family: var(--font-Epilogue-SemiBold);
            font-size: 14px!important;
            color: #858585;
            line-height: normal;
            font-style: normal;
            font-stretch: normal
        }
        .res-online-poll-img,
        .res-survey-data {
            margin-left: 20px!important;
            width: auto
        }
        .data-mangmnt-head-add-report {
            width: auto;
            height: auto;
            margin-top: 20px;
            margin-left: 20px
        }
        .data-mangmnt-cont-add-report {
            padding-left: 20px;
            padding-right: 20px
        }
        .promoter-list-add-report {
            margin-top: -15px;
            margin-left: 20px
        }
        .res-survey-reports-img {
            margin-left: 20px!important;
            width: auto
        }
        .grey-What-goes-in-the-ema,
        .grey1-What-goes-in-the-ema {
            margin-left: 0
        }
        .negativemargin {
            margin-top: -355px!important;
            padding-left: 1px
        }
        .banner-first-layer-c0c0c0 {
            letter-spacing: normal
        }
        .banner-first-layer {
            letter-spacing: 1px
        }
        .white-banner-first-layer {
            font-family: var(--font-EpilogueRegular);
            font-size: 13.3px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #9e9e9e
        }
        .banner-second-layer {
            font-family: var(--font-Epilogue-SemiBold);
            font-size: 34px!important;
            line-height: 1.11!important;
            letter-spacing: normal;
            color: var(--color-white)
        }
        .white-banner-second-layer {
            font-family: var(--font-Epilogue-Bold) !important;;
            font-size: 34px!important;
            font-weight: 700;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.11;
            letter-spacing: normal;
            color: #4d4d4d
        }
        .banner-third-layer,
        .white-banner-third-layer {
            font-family: var(--font-EpilogueRegular);
            font-size: 15px!important;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.63;
            letter-spacing: normal
        }
        .banner-third-layer {
            color: var(--color-white)
        }
        .white-banner-third-layer {
            color: #4d4d4d
        }
        .sogopricingdiscount {
            visibility: hidden
        }
        .res-anonymity-simplified {
            padding-top: 30px!important;
            padding-bottom: 30px!important
        }
        #homevideorow {
            height: 250px!important
        }
        .home-vid-class {
            height: 250px
        }
        .section .play-video-btn {
            margin-top: 90px!important;
            width: 40px;
            padding-bottom: 0!important
        }
        .home-video-heading {
            font-size: 15.2px!important;
            margin-top: 12px!important
        }
        .PC-mag {
            top: 125px
        }
        .grey-make-online-survey {
            width: auto;
            margin-top: 40px
        }
        .res-online-survey-icon {
            margin-bottom: -70px!important
        }
        .res-when-anonymous-survey {
            margin-top: -50px!important
        }
        .tparrows:before {
            font-size: 17px
        }
        .res-label-survey-img {
            margin-left: 20px!important;
            margin-right: 20px!important;
            margin-top: 20px!important;
            width: auto
        }
        .cutomer-squrbox-subhead {
            width: auto;
            height: auto;
            text-align: left
        }
        .resp-customer-satisfaction-icon {
            padding-top: 55px;
            padding-bottom: 10px
        }
        .event-planning-textbigcustomer a {
            font-size: 15px;
            margin-left: 0!important
        }
        .event-planning-textbig a {
            font-size: 15px
        }
        .data-mangmnt-cont-labelle {
            width: auto;
            height: auto;
            margin-left: auto!important;
            padding: 7%
        }
        .res-customer-satisfaction-icon {
            margin-top: -50px!important
        }
        #copyright .menu li {
            margin: 0 0 0 10px
        }
    }
    
    .home-banner-third-slide,
    .white-banner-first-layer {
        font-family: var(--font-EpilogueRegular);
        letter-spacing: normal
    }
    
    @media only screen and (min-width:961px) and (max-width:1200px) {
        .sogopricing-heightcol {
            height: 135px!important
        }
        #quote-22139 .avtar-image,
        #quote-22152 .avtar-image,
        #quote-22159 .avtar-image,
        #quote-22166 .avtar-image,
        #quote-22184 .avtar-image,
        #quote-22188 .avtar-image {
            text-align: center!important;
            margin-top: 0!important;
            margin-left: 0!important
        }
        #copyright .copyright-col2 {
            margin-right: 0
        }
        .the-future-imgbanner {
            display: none!important
        }
        .res-hide-allcontent {
            display: none
        }
        .page-id-19262 .imagebox {
            padding: 30px 30px 0
        }
        .showMoreSection {
            background: #edf8fd;
            border-top: 2px solid var(--color-white);
            display: block;
            padding: 10px 40px 10px 20px;
            text-align: center;
            width: 100%;
            margin-top: 40px;
            margin-left: -30px
        }
        .showMoreSection p {
            color: #626e73;
            cursor: pointer;
            font-weight: 700;
            font-size: 16px;
            margin: 0;
            padding: 0
        }
        .sogo-pricing-offer {
            margin-top: -40px!important
        }
        .height-pricing-trythird {
            margin-top: 20px!important
        }
        .temp-content-web {
            height: 200px
        }
        .sign-up-support-web {
            font-size: 16px
        }
        .img_company-non-profits {
            margin-left: -73px!important
        }
        .img_client-non-profits {
            margin-left: 62px!important
        }
        .data-mangmnt-cont-add-report,
        .data-mangmnt-head-add-report,
        .promoter-list-add-report {
            margin-left: 20px;
            width: auto;
            margin-right: 20px
        }
        .data-mangmnt-cont-labelle {
            width: auto
        }
        #copyright .menu li {
            margin: 0 0 0 10px
        }
        .container .four.columns {
            margin-left: 50px
        }
        .footer-create-ur {
            font-size: 25px
        }
        .promoter-list-resident-bottom li {
            margin-left: 195px!important
        }
        #top-black-sign-up a {
            margin-top: 8px!important
        }
        .temp-content {
            height: 100px
        }
        .event-planning-textbigcustomer a {
            font-size: 18px;
            margin-left: 0!important
        }
        .heightforlast {
            margin-top: 20px
        }
        .sogopricingdiscount {
            visibility: hidden
        }
        .top-sogo-head {
            margin-left: 140px;
            font-size: 31px
        }
        .top-sogo-headcontent {
            margin-left: 140px;
            font-size: 15px;
            margin-right: 0
        }
        .side {
            display: inline-block;
            margin-left: 315px!important
        }
        .sogopricing-width {
            width: 280px;
            margin-left: 120px;
            margin-right: -10px
        }
        .blue-slider-height {
            height: 320px
        }
        .hospital-employee-contentbold {
            width: auto
        }
        .hospital-employee-content {
            width: auto;
            margin-top: 30px
        }
        .resp-hospital-sample-content {
            margin-top: -30px
        }
        .img_company {
            margin-left: -50px!important
        }
        .img_client {
            margin-left: 57px!important;
            width: 100px
        }
        .img_company-health {
            margin-left: -50px!important
        }
        .img_client-health {
            margin-left: 85px!important;
            width: 100px
        }
    }
    
    .home-banner-third-slide {
        font-size: 28px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 30px;
        color: var(--color-white)
    }
    
    .banner-first-layer,
    .white-banner-first-layer {
        line-height: normal;
        font-style: normal;
        font-stretch: normal
    }
    
    .white-banner-first-layer {
        font-size: 13.3px;
        font-weight: 600;
        color: #9e9e9e
    }
    
    .banner-first-layer {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 14px!important;
        color: #858585;
        letter-spacing: 1px
    }
    
    .banner-first-layer-a4a4a4,
    .banner-first-layer-c0c0c0 {
        font-family: var(--font-Epilogue-SemiBold);
        font-size: 14px!important;
        line-height: normal;
        letter-spacing: normal
    }
    
    .banner-first-layer-c0c0c0 {
        color: silver
    }
    
    .banner-first-layer-a4a4a4 {
        font-style: normal;
        font-stretch: normal;
        color: #a4a4a4
    }
    
    .banner-third-layer,
    .banner-third-layer-mid {
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: var(--color-white);
        font-family: var(--font-EpilogueRegular);
        font-weight: 400;
        line-height: 1.63
    }
    
    .banner-third-layer {
        font-size: 15.2px
    }
    
    .banner-third-layer-mid {
        font-size: 17px
    }
    
    .white-banner-second-layer,
    .white-banner-third-layer {
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        color: #4d4d4d
    }
    
    .white-banner-third-layer {
        font-family: var(--font-EpilogueRegular);
        font-size: 15.2px;
        font-weight: 400;
        line-height: 1.63
    }
    
    .white-banner-second-layer {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 34.1px;
        font-weight: 700;
        line-height: 1.11
    }
    
    .p404-banner-second-layer,
    .p404-banner-third-layer {
        color: var(--color-white);
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }
    
    .p404-banner-second-layer {
        font-family: var(--font-Epilogue-Bold) !important;;
        font-size: 82.9px;
        font-weight: 700;
        line-height: .46
    }
    
    .p404-banner-third-layer {
        font-family: var(--font-EpilogueRegular);
        font-size: 19.9px;
        font-weight: 400;
        line-height: 1.43;
        text-align: left
    }
    
    .p404-banner-third-layer a {
        color: #1aacd5!important
    }
    
    .mid-banner-bold {
        font-stretch: normal;
        font-family: var(--font-Epilogue-Bold) !important;;
        letter-spacing: normal;
        font-style: normal;
        line-height: normal;
        color: var(--color-white);
        font-size: 30.3px;
        font-weight: 700
    }
    
    .banner-third-layer-crt-ol-surv {
        font-family: var(--font-EpilogueRegular);
        font-size: 22px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: var(--color-white)
    }
    
    #slide-100-layer-2,
    #slide-101-layer-2,
    #slide-102-layer-2,
    #slide-103-layer-2,
    #slide-104-layer-2,
    #slide-105-layer-2,
    #slide-106-layer-2,
    #slide-107-layer-2,
    #slide-108-layer-2,
    #slide-109-layer-2,
    #slide-110-layer-2,
    #slide-111-layer-2,
    #slide-112-layer-2,
    #slide-113-layer-2,
    #slide-114-layer-2,
    #slide-115-layer-2,
    #slide-116-layer-2,
    #slide-117-layer-2,
    #slide-118-layer-2,
    #slide-119-layer-2,
    #slide-120-layer-2,
    #slide-121-layer-2,
    #slide-122-layer-2,
    #slide-123-layer-2,
    #slide-124-layer-2,
    #slide-125-layer-2,
    #slide-126-layer-2,
    #slide-127-layer-2,
    #slide-128-layer-2,
    #slide-129-layer-2,
    #slide-130-layer-2,
    #slide-131-layer-2,
    #slide-132-layer-2,
    #slide-133-layer-2,
    #slide-134-layer-2,
    #slide-135-layer-2,
    #slide-138-layer-8,
    #slide-65-layer-2,
    #slide-66-layer-2,
    #slide-67-layer-2,
    #slide-68-layer-2,
    #slide-69-layer-2,
    #slide-70-layer-2,
    #slide-71-layer-2,
    #slide-72-layer-2,
    #slide-73-layer-2,
    #slide-74-layer-2,
    #slide-75-layer-2,
    #slide-76-layer-2,
    #slide-77-layer-2,
    #slide-78-layer-2,
    #slide-79-layer-2,
    #slide-80-layer-2,
    #slide-81-layer-2,
    #slide-82-layer-2,
    #slide-83-layer-2,
    #slide-84-layer-2,
    #slide-85-layer-2,
    #slide-86-layer-2,
    #slide-87-layer-2,
    #slide-88-layer-2,
    #slide-89-layer-2,
    #slide-90-layer-2,
    #slide-91-layer-2,
    #slide-92-layer-2,
    #slide-93-layer-2,
    #slide-94-layer-2,
    #slide-95-layer-2,
    #slide-96-layer-2,
    #slide-97-layer-2,
    #slide-98-layer-2,
    #slide-99-layer-2,
    .Hblue-banner-second-layer,
    .home-video-heading {
        font-family: var(--font-Epilogue-Bold) !important;
    }
    
    .home-video-heading {
        font-size: 34.2px;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: var(--color-white);
        margin-top: 30px
    }
    
    .section .play-video-btn {
        margin-top: 170px;
        cursor: pointer;
        padding-bottom: 0
    }
    
    .Hblue-banner-second-layer {
        color: var(--color-white);
        font-size: 34px!important
    }
    
    .SignUp-content1,
    .SignUp-content2,
    .SignUp-content4 {
        display: none;
        position: absolute;
        top: 310px;
        left: 12px;
        z-index: 777;
        background: #f4f4f4;
        padding: 10px 20px 25px;
        -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9)
    }
    
    .SignUp-content3,
    .SignUp-content5 {
        z-index: 777;
        background: #f4f4f4;
        padding: 10px 20px 25px;
        -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9)
    }
    
    .SignUp-content3 {
        display: none;
        position: absolute;
        top: 347px;
        left: 12px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9)
    }
    
    .SignUp-content5 {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        display: block;
        margin-top: 188px;
        position: absolute;
        margin-left: 408px
    }
    
    .SignUp-content6,
    .SignUp-content7 {
        z-index: 777;
        background: #f4f4f4;
        padding: 10px 20px 25px;
        -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        display: block;
        margin-top: 188px;
        position: absolute
    }
    
    .SignUp-content6 {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        margin-left: 555px
    }
    
    .SignUp-content7 {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        margin-left: 712px
    }
    
    .SignUp-content8,
    .SignUp-content9 {
        z-index: 777;
        background: #f4f4f4;
        padding: 10px 20px 25px;
        -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9)
    }
    
    .SignUp-content8 {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        display: block;
        margin-top: 188px;
        position: absolute;
        margin-left: 802px
    }
    
    .SignUp-content9 {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        display: block;
        position: absolute;
        width: 220px;
        margin-left: 408px;
        margin-top: -96px
    }
    
    .SignUp-content10,
    .SignUp-content11 {
        -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        z-index: 777;
        background: #f4f4f4;
        padding: 10px 20px 25px;
        width: 220px;
        margin-top: -96px;
        display: block;
        position: absolute
    }
    
    .SignUp-content10 {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        margin-left: 555px
    }
    
    .SignUp-content11 {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        margin-left: 712px
    }
    
    .SignUp-content12 {
        z-index: 777;
        background: #f4f4f4;
        padding: 10px 20px 25px;
        -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, .9);
        display: block;
        position: absolute;
        width: 220px;
        margin-left: 802px;
        margin-top: -96px
    }
    
    #popup-close10,
    #popup-close11,
    #popup-close12,
    #popup-close5,
    #popup-close6,
    #popup-close7,
    #popup-close8,
    #popup-close9 {
        background: #3d4d54;
        border: 2px solid var(--color-light-gray-border);
        border-radius: 100px;
        color: var(--color-white);
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: 800;
        width: 16px;
        height: 16px;
        line-height: 16px;
        outline: 0;
        position: absolute;
        right: -8px;
        top: -8px;
        text-align: center;
        z-index: 800
    }
    
    input.signupSubmit {
        background: #00aff9;
        border: 0;
        color: var(--color-white);
        cursor: pointer;
        display: block;
        font-weight: 600;
        font-size: 1em;
        margin: 15px 0;
        padding: 10px 0;
        text-align: center;
        width: 214px;
        border-radius: 4px!important
    }
    
    .orText {
        float: left;
        font-weight: 500;
        font-size: 12px;
        margin: -3px 5px
    }
    
    input.signupEmail:hover {
        border: 1px solid #bebbbb
    }
    
    input.signupEmail {
        border: 2px solid var(--color-light-gray-border);
        color: var(--color-light-black);
        display: block;
        font-weight: 400;
        font-size: 15px;
        margin: 10px 0 15px;
        padding: 5px 10px;
        text-align: left;
        width: 190px
    }
    
    #popup-close1,
    #popup-close2,
    #popup-close3,
    #popup-close4 {
        background: #3d4d54;
        border: 2px solid var(--color-light-gray-border);
        border-radius: 100px;
        color: var(--color-white);
        cursor: pointer;
        display: block;
        font-size: 12px;
        font-weight: 800;
        width: 16px;
        height: 16px;
        line-height: 16px;
        outline: 0;
        position: absolute;
        right: -8px;
        top: -8px;
        text-align: center;
        z-index: 800
    }
    
    .iconbox-style-5 i.boxicon {
        background: var(--color-white)!important
    }
    
    p.signText {
        font-weight: 600;
        font-size: 13px
    }
    
    #slide-101-layer-3,
    #slide-102-layer-3,
    #slide-106-layer-3,
    #slide-117-layer-3,
    #slide-122-layer-3,
    #slide-128-layer-3,
    #slide-130-layer-3,
    #slide-139-layer-2,
    #slide-140-layer-2,
    #slide-63-layer-3,
    #slide-99-layer-3 {
        font-family: var(--font-EpilogueRegular);
        line-height: 1.64
    }
    
    #slide-141-layer-2,
    #slide-143-layer-2 {
        font-family: var(--font-EpilogueRegular)
    }
    
    #header.header-transparent.header-v1 #navigation>ul>li.current-menu-item.signUp-class>a {
        color: var(--color-white)!important
    }
    
    .page-id-17456 #header.header-transparent.header-v1 #navigation>ul>li#menu-item-20308.current-menu-parent>a {
        color: #444!important
    }
    
    .page-id-17456 #header.header-transparent.header-v1 #navigation>ul>li#menu-item-20308.current-menu-parent>a:hover {
        color: var(--color-secondary)!important
    }
    
    .page-id-17599 #header.header-transparent.header-v1 #navigation>ul>li#menu-item-20308.current-menu-parent>a {
        color: #444!important
    }
    
    .page-id-17599 #header.header-transparent.header-v1 #navigation>ul>li#menu-item-20308.current-menu-parent>a:hover {
        color: var(--color-secondary)!important
    }
    
    .page-id-17456 #mobile-navigation ul li.menu-item-20308.current-menu-ancestor>a,
    .page-id-17456 #mobile-navigation ul li.menu-item-20312.current-menu-item>a,
    .page-id-17599 #mobile-navigation ul li.menu-item-20308.current-menu-ancestor>a,
    .page-id-17599 #mobile-navigation ul li.menu-item-20316.current-menu-item>a {
        color: var(--color-white)!important
    }
    
    @media only screen and (max-width:767px) {
        .page-section .wpb_row .wpb_row.about_row_mob {
            padding: 0!important
        }
        .back-top {
            display: none
        }
        .k12_iconbox .wpb_content_element {
            margin-bottom: 20px
        }
        .wpb_row .span_12>.col.padding-5.k12_iconbox {
            padding-top: 20px!important
        }
        .k12_survey_text2 {
            margin-top: 0
        }
        .k12_survey_text3 {
            margin-top: 15px
        }
        .higher_education_tool_image {
            margin-top: 0!important
        }
    }
    
    .vc_responsive .full-width-section .wpb_column.k12_family_image,
    .vc_responsive .full-width-section .wpb_column.k12_student_image {
        margin-bottom: 25px!important;
        margin-top: 0
    }
    
    .k12_survey_image1,
    .k12_survey_image3 {
        margin-top: 0
    }
    
    .full-width-section .wpb_column.higher_education_report_image {
        margin-bottom: 25px!important
    }
    
    .higher_education_tool_image {
        margin-top: 42px
    }
    
    .survey_iframe {
        border: 1px solid #d9d9d9;
        -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .11), 0 1px 14px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .11), 0 1px 14px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .11), 0 1px 14px 0 rgba(0, 0, 0, .1)
    }
    
    .page-section .wpb_row .wpb_row.about_row_mob {
        padding: 20px
    }
    
    @media only screen and (max-width:1024px) and (min-width:961px) {
        .career-button-careers,
        .career-button-company,
        .career-button-contact,
        .career-button-newsroom,
        .career-button-team {
            width: 180px
        }
    }
    
    .ui-button-icon-only,
    .ui-controlgroup-vertical .ui-controlgroup-item {
        box-sizing: border-box
    }
    
    .ui-checkboxradio-disabled,
    .ui-state-disabled {
        pointer-events: none
    }
    
    .ui-helper-reset,
    .ui-menu {
        outline: 0;
        list-style: none
    }
    
    .ui-helper-hidden {
        display: none
    }
    
    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    
    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%
    }
    
    .ui-helper-clearfix:after,
    .ui-helper-clearfix:before {
        content: "";
        display: table;
        border-collapse: collapse
    }
    
    .ui-helper-clearfix:after {
        clear: both
    }
    
    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter: Alpha(Opacity=0)
    }
    
    .ui-front {
        z-index: 100
    }
    
    .ui-state-disabled {
        cursor: default!important
    }
    
    .ui-icon {
        display: inline-block;
        vertical-align: middle;
        margin-top: -.25em;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat
    }
    
    .ui-widget-icon-block {
        left: 50%;
        margin-left: -8px;
        display: block
    }
    
    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    
    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0;
        padding: .5em .5em .5em .7em;
        font-size: 100%
    }
    
    .ui-autocomplete,
    .ui-menu .ui-menu {
        position: absolute
    }
    
    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto
    }
    
    .ui-autocomplete {
        top: 0;
        left: 0;
        cursor: default
    }
    
    .ui-menu {
        padding: 0;
        margin: 0;
        display: block
    }
    
    .ui-button,
    .ui-controlgroup {
        display: inline-block;
        vertical-align: middle
    }
    
    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
    }
    
    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em
    }
    
    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0
    }
    
    .ui-menu .ui-state-active,
    .ui-menu .ui-state-focus {
        margin: -1px
    }
    
    .ui-menu-icons {
        position: relative
    }
    
    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em
    }
    
    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0
    }
    
    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0
    }
    
    .ui-button {
        padding: .4em 1em;
        position: relative;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: visible
    }
    
    .ui-button,
    .ui-button:active,
    .ui-button:hover,
    .ui-button:link,
    .ui-button:visited {
        text-decoration: none
    }
    
    .ui-button-icon-only {
        width: 2em;
        text-indent: -9999px;
        white-space: nowrap
    }
    
    input.ui-button.ui-button-icon-only {
        text-indent: 0
    }
    
    .ui-button-icon-only .ui-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px
    }
    
    .ui-button.ui-icon-notext .ui-icon {
        padding: 0;
        width: 2.1em;
        height: 2.1em;
        text-indent: -9999px;
        white-space: nowrap
    }
    
    input.ui-button.ui-icon-notext .ui-icon {
        width: auto;
        height: auto;
        text-indent: 0;
        white-space: normal;
        padding: .4em 1em
    }
    
    button.ui-button::-moz-focus-inner,
    input.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }
    
    .ui-controlgroup>.ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    
    .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,
    .ui-controlgroup>.ui-controlgroup-item:focus {
        z-index: 9999
    }
    
    .ui-controlgroup-vertical>.ui-controlgroup-item {
        display: block;
        float: none;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left
    }
    
    .ui-controlgroup .ui-controlgroup-label {
        padding: .4em 1em
    }
    
    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%
    }
    
    .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
        border-left: none
    }
    
    .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
        border-top: 0
    }
    
    .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
        border-right: 0
    }
    
    .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
        border-bottom: 0
    }
    
    .ui-controlgroup-vertical .ui-spinner-input {
        width: 75%;
        width: calc(100% - 2.4em)
    }
    
    .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
        border-top-style: solid
    }
    
    .ui-checkboxradio-label .ui-icon-background {
        box-shadow: inset 1px 1px 1px #ccc;
        border-radius: .12em;
        border: 0
    }
    
    .ui-checkboxradio-radio-label .ui-icon-background {
        width: 16px;
        height: 16px;
        border-radius: 1em;
        overflow: visible;
        border: 0
    }
    
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
    .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
        background-image: none;
        width: 8px;
        height: 8px;
        border-width: 4px;
        border-style: solid
    }
    
    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none
    }
    
    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }
    
    .ui-datepicker .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }
    
    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }
    
    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }
    
    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }
    
    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }
    
    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }
    
    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }
    
    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }
    
    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0
    }
    
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }
    
    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }
    
    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }
    
    .ui-datepicker td {
        border: 0;
        padding: 1px
    }
    
    .ui-datepicker td a,
    .ui-datepicker td span {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none
    }
    
    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em;
        width: auto;
        overflow: visible
    }
    
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-multi .ui-datepicker-group,
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left
    }
    
    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }
    
    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }
    
    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%
    }
    
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%
    }
    
    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%
    }
    
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }
    
    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }
    
    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0
    }
    
    .ui-datepicker-rtl {
        direction: rtl
    }
    
    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }
    
    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }
    
    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }
    
    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }
    
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right
    }
    
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }
    
    .ui-datepicker .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        left: .5em;
        top: .3em
    }
    
    .ui-dialog {
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0
    }
    
    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }
    
    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }
    
    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0;
        padding: 1px;
        height: 20px
    }
    
    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: 0;
        overflow: auto
    }
    
    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }
    
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right
    }
    
    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer
    }
    
    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0
    }
    
    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0
    }
    
    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0
    }
    
    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0
    }
    
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw,
    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw {
        width: 7px;
        height: 7px
    }
    
    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0
    }
    
    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0
    }
    
    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0
    }
    
    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0
    }
    
    .ui-draggable .ui-dialog-titlebar {
        cursor: move
    }
    
    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none
    }
    
    .ui-resizable {
        position: relative
    }
    
    .ui-resizable-handle {
        position: absolute;
        font-size: .1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none
    }
    
    .ui-resizable-autohide .ui-resizable-handle,
    .ui-resizable-disabled .ui-resizable-handle {
        display: none
    }
    
    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0
    }
    
    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0
    }
    
    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%
    }
    
    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%
    }
    
    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px
    }
    
    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px
    }
    
    .ui-slider-vertical .ui-slider-range-min,
    .ui-spinner-down {
        bottom: 0
    }
    
    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px
    }
    
    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px
    }
    
    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden
    }
    
    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }
    
    .ui-progressbar .ui-progressbar-overlay {
        background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
        height: 100%;
        opacity: .25
    }
    
    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none
    }
    
    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none
    }
    
    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted var(--color-dark)
    }
    
    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }
    
    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }
    
    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: 700;
        line-height: 1.5;
        padding: 2px .4em;
        margin: .5em 0 0;
        height: auto;
        border: 0
    }
    
    .ui-selectmenu-open {
        display: block
    }
    
    .ui-selectmenu-text {
        display: block;
        margin-right: 20px;
        overflow: hidden;
        text-overflow: ellipsis
    }
    
    .ui-selectmenu-button.ui-button {
        text-align: left;
        white-space: nowrap;
        width: 14em
    }
    
    .ui-selectmenu-icon.ui-icon {
        float: right;
        margin-top: 0
    }
    
    .ui-slider {
        position: relative;
        text-align: left
    }
    
    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none
    }
    
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }
    
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit
    }
    
    .ui-slider-horizontal {
        height: .8em
    }
    
    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }
    
    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }
    
    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }
    
    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }
    
    .ui-slider-vertical {
        width: .8em;
        height: 100px
    }
    
    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }
    
    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }
    
    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }
    
    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none
    }
    
    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle
    }
    
    .ui-spinner-input {
        border: 0;
        background: 0;
        color: inherit;
        padding: .222em 0;
        margin: .2em 2em .2em .4em;
        vertical-align: middle
    }
    
    .ui-widget-content a,
    .ui-widget-header,
    .ui-widget-header a {
        color: var(--color-light-black)
    }
    
    .ui-spinner-button {
        width: 1.6em;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0
    }
    
    .ui-widget,
    .ui-widget .ui-widget {
        font-size: 1em
    }
    
    .ui-spinner a.ui-spinner-button {
        border-top-style: none;
        border-bottom-style: none;
        border-right-style: none
    }
    
    .ui-spinner-up {
        top: 0
    }
    
    .ui-tabs {
        position: relative;
        padding: .2em
    }
    
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }
    
    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px .2em 0 0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap
    }
    
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em 1em;
        text-decoration: none
    }
    
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px
    }
    
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text
    }
    
    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer
    }
    
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: 0
    }
    
    .ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px
    }
    
    body .ui-tooltip {
        border-width: 2px
    }
    
    .ui-widget {
        font-family: Arial, Helvetica, sans-serif
    }
    
    .ui-widget button,
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em
    }
    
    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5
    }
    
    .ui-widget-content {
        border: 1px solid var(--color-light-gray-border);
        background: var(--color-white);
        color: var(--color-light-black)
    }
    
    .ui-widget-header {
        border: 1px solid var(--color-light-gray-border);
        background: #e9e9e9;
        font-weight: 700
    }
    
    .ui-button,
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    html .ui-button.ui-state-disabled:active,
    html .ui-button.ui-state-disabled:hover {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: 400;
        color: #454545
    }
    
    .ui-button,
    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button {
        color: #454545;
        text-decoration: none
    }
    
    .ui-button:focus,
    .ui-button:hover,
    .ui-state-focus,
    .ui-state-hover,
    .ui-widget-content .ui-state-focus,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-focus,
    .ui-widget-header .ui-state-hover {
        border: 1px solid #ccc;
        background: #ededed;
        font-weight: 400;
        color: #2b2b2b
    }
    
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    a.ui-button:focus,
    a.ui-button:hover {
        color: #2b2b2b;
        text-decoration: none
    }
    
    .ui-visual-focus {
        box-shadow: 0 0 3px 1px #5e9ed6
    }
    
    .ui-button.ui-state-active:hover,
    .ui-button:active,
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active,
    a.ui-button:active {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: 400;
        color: var(--color-white)
    }
    
    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: var(--color-white)
    }
    
    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: var(--color-white);
        text-decoration: none
    }
    
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e;
        background: #fffa90;
        color: #777620
    }
    
    .ui-state-checked {
        border: 1px solid #dad55e;
        background: #fffa90
    }
    
    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620
    }
    
    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f
    }
    
    .ui-state-error a,
    .ui-state-error-text,
    .ui-widget-content .ui-state-error a,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error a,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f
    }
    
    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: 700
    }
    
    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: 400
    }
    
    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }
    
    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35)
    }
    
    .ui-icon {
        width: 16px;
        height: 16px
    }
    
    .ui-icon,
    .ui-widget-content .ui-icon,
    .ui-widget-header .ui-icon {
        background-image: url(/wp-content/uploads/2018/11/jquery-ui-icons.png)
    }
    
    .ui-button:focus .ui-icon,
    .ui-button:hover .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-state-hover .ui-icon {
        background-image: url(/wp-content/uploads/2018/11/jquery-ui-icons.png)
    }
    
    .ui-button:active .ui-icon,
    .ui-state-active .ui-icon {
        background-image: url(images/ui-icons_ffffff_256x240.png)
    }
    
    .ui-button .ui-state-highlight.ui-icon,
    .ui-state-highlight .ui-icon {
        background-image: url(images/ui-icons_777620_256x240.png)
    }
    
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url(images/ui-icons_cc0000_256x240.png)
    }
    
    .ui-button .ui-icon {
        background-image: url(images/ui-icons_777777_256x240.png)
    }
    
    .ui-icon-blank {
        background-position: 16px 16px
    }
    
    .ui-icon-caret-1-n {
        background-position: 0 0
    }
    
    .ui-icon-caret-1-ne {
        background-position: -16px 0
    }
    
    .ui-icon-caret-1-e {
        background-position: -32px 0
    }
    
    .ui-icon-caret-1-se {
        background-position: -48px 0
    }
    
    .ui-icon-caret-1-s {
        background-position: -65px 0
    }
    
    .ui-icon-caret-1-sw {
        background-position: -80px 0
    }
    
    .ui-icon-caret-1-w {
        background-position: -96px 0
    }
    
    .ui-icon-caret-1-nw {
        background-position: -112px 0
    }
    
    .ui-icon-caret-2-n-s {
        background-position: -128px 0
    }
    
    .ui-icon-caret-2-e-w {
        background-position: -144px 0
    }
    
    .ui-icon-triangle-1-n {
        background-position: 0 -16px
    }
    
    .ui-icon-triangle-1-ne {
        background-position: -16px -16px
    }
    
    .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }
    
    .ui-icon-triangle-1-se {
        background-position: -48px -16px
    }
    
    .ui-icon-triangle-1-s {
        background-position: -65px -16px
    }
    
    .ui-icon-triangle-1-sw {
        background-position: -80px -16px
    }
    
    .ui-icon-triangle-1-w {
        background-position: -96px -16px
    }
    
    .ui-icon-triangle-1-nw {
        background-position: -112px -16px
    }
    
    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }
    
    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px
    }
    
    .ui-icon-arrow-1-n {
        background-position: 0 -32px
    }
    
    .ui-icon-arrow-1-ne {
        background-position: -16px -32px
    }
    
    .ui-icon-arrow-1-e {
        background-position: -32px -32px
    }
    
    .ui-icon-arrow-1-se {
        background-position: -48px -32px
    }
    
    .ui-icon-arrow-1-s {
        background-position: -65px -32px
    }
    
    .ui-icon-arrow-1-sw {
        background-position: -80px -32px
    }
    
    .ui-icon-arrow-1-w {
        background-position: -96px -32px
    }
    
    .ui-icon-arrow-1-nw {
        background-position: -112px -32px
    }
    
    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px
    }
    
    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px
    }
    
    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px
    }
    
    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px
    }
    
    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px
    }
    
    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px
    }
    
    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px
    }
    
    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px
    }
    
    .ui-icon-arrowthick-1-n {
        background-position: 1px -48px
    }
    
    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px
    }
    
    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px
    }
    
    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px
    }
    
    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px
    }
    
    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px
    }
    
    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px
    }
    
    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px
    }
    
    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px
    }
    
    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px
    }
    
    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px
    }
    
    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px
    }
    
    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px
    }
    
    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px
    }
    
    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px
    }
    
    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px
    }
    
    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px
    }
    
    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px
    }
    
    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px
    }
    
    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px
    }
    
    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px
    }
    
    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px
    }
    
    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px
    }
    
    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px
    }
    
    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px
    }
    
    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px
    }
    
    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px
    }
    
    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px
    }
    
    .ui-icon-arrow-4 {
        background-position: 0 -80px
    }
    
    .ui-icon-arrow-4-diag {
        background-position: -16px -80px
    }
    
    .ui-icon-extlink {
        background-position: -32px -80px
    }
    
    .ui-icon-newwin {
        background-position: -48px -80px
    }
    
    .ui-icon-refresh {
        background-position: -64px -80px
    }
    
    .ui-icon-shuffle {
        background-position: -80px -80px
    }
    
    .ui-icon-transfer-e-w {
        background-position: -96px -80px
    }
    
    .ui-icon-transferthick-e-w {
        background-position: -112px -80px
    }
    
    .ui-icon-folder-collapsed {
        background-position: 0 -96px
    }
    
    .ui-icon-folder-open {
        background-position: -16px -96px
    }
    
    .ui-icon-document {
        background-position: -32px -96px
    }
    
    .ui-icon-document-b {
        background-position: -48px -96px
    }
    
    .ui-icon-note {
        background-position: -64px -96px
    }
    
    .ui-icon-mail-closed {
        background-position: -80px -96px
    }
    
    .ui-icon-mail-open {
        background-position: -96px -96px
    }
    
    .ui-icon-suitcase {
        background-position: -112px -96px
    }
    
    .ui-icon-comment {
        background-position: -128px -96px
    }
    
    .ui-icon-person {
        background-position: -144px -96px
    }
    
    .ui-icon-print {
        background-position: -160px -96px
    }
    
    .ui-icon-trash {
        background-position: -176px -96px
    }
    
    .ui-icon-locked {
        background-position: -192px -96px
    }
    
    .ui-icon-unlocked {
        background-position: -208px -96px
    }
    
    .ui-icon-bookmark {
        background-position: -224px -96px
    }
    
    .ui-icon-tag {
        background-position: -240px -96px
    }
    
    .ui-icon-home {
        background-position: 0 -112px
    }
    
    .ui-icon-flag {
        background-position: -16px -112px
    }
    
    .ui-icon-calendar {
        background-position: -32px -112px
    }
    
    .ui-icon-cart {
        background-position: -48px -112px
    }
    
    .ui-icon-pencil {
        background-position: -64px -112px
    }
    
    .ui-icon-clock {
        background-position: -80px -112px
    }
    
    .ui-icon-disk {
        background-position: -96px -112px
    }
    
    .ui-icon-calculator {
        background-position: -112px -112px
    }
    
    .ui-icon-zoomin {
        background-position: -128px -112px
    }
    
    .ui-icon-zoomout {
        background-position: -144px -112px
    }
    
    .ui-icon-search {
        background-position: -160px -112px
    }
    
    .ui-icon-wrench {
        background-position: -176px -112px
    }
    
    .ui-icon-gear {
        background-position: -192px -112px
    }
    
    .ui-icon-heart {
        background-position: -208px -112px
    }
    
    .ui-icon-star {
        background-position: -224px -112px
    }
    
    .ui-icon-link {
        background-position: -240px -112px
    }
    
    .ui-icon-cancel {
        background-position: 0 -128px
    }
    
    .ui-icon-plus {
        background-position: -16px -128px
    }
    
    .ui-icon-plusthick {
        background-position: -32px -128px
    }
    
    .ui-icon-minus {
        background-position: -48px -128px
    }
    
    .ui-icon-minusthick {
        background-position: -64px -128px
    }
    
    .ui-icon-close {
        background-position: -80px -128px
    }
    
    .ui-icon-closethick {
        background-position: -96px -128px
    }
    
    .ui-icon-key {
        background-position: -112px -128px
    }
    
    .ui-icon-lightbulb {
        background-position: -128px -128px
    }
    
    .ui-icon-scissors {
        background-position: -144px -128px
    }
    
    .ui-icon-clipboard {
        background-position: -160px -128px
    }
    
    .ui-icon-copy {
        background-position: -176px -128px
    }
    
    .ui-icon-contact {
        background-position: -192px -128px
    }
    
    .ui-icon-image {
        background-position: -208px -128px
    }
    
    .ui-icon-video {
        background-position: -224px -128px
    }
    
    .ui-icon-script {
        background-position: -240px -128px
    }
    
    .ui-icon-alert {
        background-position: 0 -144px
    }
    
    .ui-icon-info {
        background-position: -16px -144px
    }
    
    .ui-icon-notice {
        background-position: -32px -144px
    }
    
    .ui-icon-help {
        background-position: -48px -144px
    }
    
    .ui-icon-check {
        background-position: -64px -144px
    }
    
    .ui-icon-bullet {
        background-position: -80px -144px
    }
    
    .ui-icon-radio-on {
        background-position: -96px -144px
    }
    
    .ui-icon-radio-off {
        background-position: -112px -144px
    }
    
    .ui-icon-pin-w {
        background-position: -128px -144px
    }
    
    .ui-icon-pin-s {
        background-position: -144px -144px
    }
    
    .ui-icon-play {
        background-position: 0 -160px
    }
    
    .ui-icon-pause {
        background-position: -16px -160px
    }
    
    .ui-icon-seek-next {
        background-position: -32px -160px
    }
    
    .ui-icon-seek-prev {
        background-position: -48px -160px
    }
    
    .ui-icon-seek-end {
        background-position: -64px -160px
    }
    
    .ui-icon-seek-first,
    .ui-icon-seek-start {
        background-position: -80px -160px
    }
    
    .ui-icon-stop {
        background-position: -96px -160px
    }
    
    .ui-icon-eject {
        background-position: -112px -160px
    }
    
    .ui-icon-volume-off {
        background-position: -128px -160px
    }
    
    .ui-icon-volume-on {
        background-position: -144px -160px
    }
    
    .ui-icon-power {
        background-position: 0 -176px
    }
    
    .ui-icon-signal-diag {
        background-position: -16px -176px
    }
    
    .ui-icon-signal {
        background-position: -32px -176px
    }
    
    .ui-icon-battery-0 {
        background-position: -48px -176px
    }
    
    .ui-icon-battery-1 {
        background-position: -64px -176px
    }
    
    .ui-icon-battery-2 {
        background-position: -80px -176px
    }
    
    .ui-icon-battery-3 {
        background-position: -96px -176px
    }
    
    .ui-icon-circle-plus {
        background-position: 0 -192px
    }
    
    .ui-icon-circle-minus {
        background-position: -16px -192px
    }
    
    .ui-icon-circle-close {
        background-position: -32px -192px
    }
    
    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }
    
    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }
    
    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }
    
    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }
    
    .ui-icon-circle-arrow-e {
        background-position: -112px -192px
    }
    
    .ui-icon-circle-arrow-s {
        background-position: -128px -192px
    }
    
    .ui-icon-circle-arrow-w {
        background-position: -144px -192px
    }
    
    .ui-icon-circle-arrow-n {
        background-position: -160px -192px
    }
    
    .ui-icon-circle-zoomin {
        background-position: -176px -192px
    }
    
    .ui-icon-circle-zoomout {
        background-position: -192px -192px
    }
    
    .ui-icon-circle-check {
        background-position: -208px -192px
    }
    
    .ui-icon-circlesmall-plus {
        background-position: 0 -208px
    }
    
    .ui-icon-circlesmall-minus {
        background-position: -16px -208px
    }
    
    .ui-icon-circlesmall-close {
        background-position: -32px -208px
    }
    
    .ui-icon-squaresmall-plus {
        background-position: -48px -208px
    }
    
    .ui-icon-squaresmall-minus {
        background-position: -64px -208px
    }
    
    .ui-icon-squaresmall-close {
        background-position: -80px -208px
    }
    
    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px
    }
    
    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px
    }
    
    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px
    }
    
    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px
    }
    
    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px
    }
    
    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px
    }
    
    .ui-corner-all,
    .ui-corner-left,
    .ui-corner-tl,
    .ui-corner-top {
        border-top-left-radius: 3px
    }
    
    .ui-corner-all,
    .ui-corner-right,
    .ui-corner-top,
    .ui-corner-tr {
        border-top-right-radius: 3px
    }
    
    .ui-corner-all,
    .ui-corner-bl,
    .ui-corner-bottom,
    .ui-corner-left {
        border-bottom-left-radius: 3px
    }
    
    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-br,
    .ui-corner-right {
        border-bottom-right-radius: 3px
    }
    
    .ui-widget-overlay {
        background: #aaa;
        opacity: .3;
        filter: Alpha(Opacity=30)
    }
    
    .ui-widget-shadow {
        -webkit-box-shadow: 0 0 5px #666;
        box-shadow: 0 0 5px #666
    }
    
    .intl-tel-input {
        position: relative;
        display: inline-block
    }
    
    .intl-tel-input * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }
    
    .intl-tel-input .hide {
        display: none
    }
    
    .intl-tel-input .v-hide {
        visibility: hidden
    }
    
    .intl-tel-input input,
    .intl-tel-input input[type=tel],
    .intl-tel-input input[type=text] {
        position: relative;
        z-index: 0;
        margin-top: 0!important;
        margin-bottom: 0!important;
        padding-right: 36px;
        margin-right: 0
    }
    
    .intl-tel-input .flag-container {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        padding: 1px
    }
    
    .intl-tel-input .selected-flag {
        z-index: 1;
        position: relative;
        width: 36px;
        height: 100%;
        padding: 0 0 0 8px
    }
    
    .intl-tel-input .selected-flag .iti-flag {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto
    }
    
    .intl-tel-input .selected-flag .iti-arrow {
        position: absolute;
        top: 50%;
        margin-top: -2px;
        right: 6px;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 4px solid #555
    }
    
    .intl-tel-input .selected-flag .iti-arrow.up {
        border-top: 0;
        border-bottom: 4px solid #555
    }
    
    .intl-tel-input .country-list {
        position: absolute;
        z-index: 2;
        list-style: none;
        text-align: left;
        padding: 0;
        margin: 0 0 0 -1px;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
        background-color: var(--color-white);
        border: 1px solid #ccc;
        white-space: nowrap;
        max-height: 200px;
        overflow-y: scroll
    }
    
    .intl-tel-input .country-list .country.highlight,
    .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
        background-color: rgba(0, 0, 0, .05)
    }
    
    .intl-tel-input .country-list.dropup {
        bottom: 100%;
        margin-bottom: -1px
    }
    
    .intl-tel-input .country-list .flag-box {
        display: inline-block;
        width: 20px
    }
    
    @media(max-width:500px) {
        .intl-tel-input .country-list {
            white-space: normal
        }
    }
    
    .intl-tel-input .country-list .divider {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc
    }
    
    .intl-tel-input .country-list .country {
        padding: 5px 10px
    }
    
    .intl-tel-input .country-list .country .dial-code {
        color: #999
    }
    
    .intl-tel-input .country-list .country-name,
    .intl-tel-input .country-list .dial-code,
    .intl-tel-input .country-list .flag-box {
        vertical-align: middle
    }
    
    .intl-tel-input .country-list .country-name,
    .intl-tel-input .country-list .flag-box {
        margin-right: 6px
    }
    
    .intl-tel-input.allow-dropdown input,
    .intl-tel-input.allow-dropdown input[type=tel],
    .intl-tel-input.allow-dropdown input[type=text],
    .intl-tel-input.separate-dial-code input,
    .intl-tel-input.separate-dial-code input[type=tel],
    .intl-tel-input.separate-dial-code input[type=text] {
        padding-right: 6px;
        padding-left: 52px;
        margin-left: 0
    }
    
    .intl-tel-input.allow-dropdown .flag-container,
    .intl-tel-input.separate-dial-code .flag-container {
        right: auto;
        left: 0
    }
    
    .intl-tel-input.allow-dropdown .selected-flag,
    .intl-tel-input.separate-dial-code .selected-flag {
        width: 46px
    }
    
    .intl-tel-input.allow-dropdown .flag-container:hover {
        cursor: pointer
    }
    
    .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,
    .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
        cursor: default
    }
    
    .intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,
    .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
        background-color: transparent
    }
    
    .intl-tel-input.separate-dial-code .selected-flag {
        background-color: rgba(0, 0, 0, .05);
        display: table
    }
    
    .intl-tel-input.separate-dial-code .selected-dial-code {
        display: table-cell;
        vertical-align: middle;
        padding-left: 28px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-2 input,
    .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
    .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
        padding-left: 66px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
        width: 60px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
        padding-left: 76px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
        width: 70px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-3 input,
    .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
    .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
        padding-left: 74px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
        width: 68px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
        padding-left: 84px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
        width: 78px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-4 input,
    .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
    .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
        padding-left: 82px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
        width: 76px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
        padding-left: 92px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
        width: 86px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-5 input,
    .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
    .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
        padding-left: 90px
    }
    
    .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
        width: 84px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
        padding-left: 100px
    }
    
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
        width: 94px
    }
    
    .intl-tel-input.iti-container {
        position: absolute;
        top: -1000px;
        left: -1000px;
        z-index: 1060;
        padding: 1px
    }
    
    .intl-tel-input.iti-container:hover {
        cursor: pointer
    }
    
    .iti-mobile .intl-tel-input.iti-container {
        top: 30px;
        bottom: 30px;
        left: 30px;
        right: 30px;
        position: fixed
    }
    
    .iti-mobile .intl-tel-input .country-list {
        max-height: 100%;
        width: 100%
    }
    
    .iti-mobile .intl-tel-input .country-list .country {
        padding: 10px;
        line-height: 1.5em
    }
    
    .iti-flag {
        width: 20px
    }
    
    .iti-flag.be {
        width: 18px
    }
    
    .iti-flag.ch {
        width: 15px
    }
    
    .iti-flag.mc {
        width: 19px
    }
    
    .iti-flag.ne {
        width: 18px
    }
    
    .iti-flag.ac {
        height: 10px;
        background-position: 0 0
    }
    
    .iti-flag.ad {
        height: 14px;
        background-position: -22px 0
    }
    
    .iti-flag.ae {
        height: 10px;
        background-position: -44px 0
    }
    
    .iti-flag.af {
        height: 14px;
        background-position: -66px 0
    }
    
    .iti-flag.ag {
        height: 14px;
        background-position: -88px 0
    }
    
    .iti-flag.ai {
        height: 10px;
        background-position: -110px 0
    }
    
    .iti-flag.al {
        height: 15px;
        background-position: -132px 0
    }
    
    .iti-flag.am {
        height: 10px;
        background-position: -154px 0
    }
    
    .iti-flag.ao {
        height: 14px;
        background-position: -176px 0
    }
    
    .iti-flag.aq {
        height: 14px;
        background-position: -198px 0
    }
    
    .iti-flag.ar {
        height: 13px;
        background-position: -220px 0
    }
    
    .iti-flag.as {
        height: 10px;
        background-position: -242px 0
    }
    
    .iti-flag.at {
        height: 14px;
        background-position: -264px 0
    }
    
    .iti-flag.au {
        height: 10px;
        background-position: -286px 0
    }
    
    .iti-flag.aw {
        height: 14px;
        background-position: -308px 0
    }
    
    .iti-flag.ax {
        height: 13px;
        background-position: -330px 0
    }
    
    .iti-flag.az {
        height: 10px;
        background-position: -352px 0
    }
    
    .iti-flag.ba {
        height: 10px;
        background-position: -374px 0
    }
    
    .iti-flag.bb {
        height: 14px;
        background-position: -396px 0
    }
    
    .iti-flag.bd {
        height: 12px;
        background-position: -418px 0
    }
    
    .iti-flag.be {
        height: 15px;
        background-position: -440px 0
    }
    
    .iti-flag.bf {
        height: 14px;
        background-position: -460px 0
    }
    
    .iti-flag.bg {
        height: 12px;
        background-position: -482px 0
    }
    
    .iti-flag.bh {
        height: 12px;
        background-position: -504px 0
    }
    
    .iti-flag.bi {
        height: 12px;
        background-position: -526px 0
    }
    
    .iti-flag.bj {
        height: 14px;
        background-position: -548px 0
    }
    
    .iti-flag.bl {
        height: 14px;
        background-position: -570px 0
    }
    
    .iti-flag.bm {
        height: 10px;
        background-position: -592px 0
    }
    
    .iti-flag.bn {
        height: 10px;
        background-position: -614px 0
    }
    
    .iti-flag.bo {
        height: 14px;
        background-position: -636px 0
    }
    
    .iti-flag.bq {
        height: 14px;
        background-position: -658px 0
    }
    
    .iti-flag.br {
        height: 14px;
        background-position: -680px 0
    }
    
    .iti-flag.bs {
        height: 10px;
        background-position: -702px 0
    }
    
    .iti-flag.bt {
        height: 14px;
        background-position: -724px 0
    }
    
    .iti-flag.bv {
        height: 15px;
        background-position: -746px 0
    }
    
    .iti-flag.bw {
        height: 14px;
        background-position: -768px 0
    }
    
    .iti-flag.by {
        height: 10px;
        background-position: -790px 0
    }
    
    .iti-flag.bz {
        height: 14px;
        background-position: -812px 0
    }
    
    .iti-flag.ca {
        height: 10px;
        background-position: -834px 0
    }
    
    .iti-flag.cc {
        height: 10px;
        background-position: -856px 0
    }
    
    .iti-flag.cd {
        height: 15px;
        background-position: -878px 0
    }
    
    .iti-flag.cf {
        height: 14px;
        background-position: -900px 0
    }
    
    .iti-flag.cg {
        height: 14px;
        background-position: -922px 0
    }
    
    .iti-flag.ch {
        height: 15px;
        background-position: -944px 0
    }
    
    .iti-flag.ci {
        height: 14px;
        background-position: -961px 0
    }
    
    .iti-flag.ck {
        height: 10px;
        background-position: -983px 0
    }
    
    .iti-flag.cl {
        height: 14px;
        background-position: -1005px 0
    }
    
    .iti-flag.cm {
        height: 14px;
        background-position: -1027px 0
    }
    
    .iti-flag.cn {
        height: 14px;
        background-position: -1049px 0
    }
    
    .iti-flag.co {
        height: 14px;
        background-position: -1071px 0
    }
    
    .iti-flag.cp {
        height: 14px;
        background-position: -1093px 0
    }
    
    .iti-flag.cr {
        height: 12px;
        background-position: -1115px 0
    }
    
    .iti-flag.cu {
        height: 10px;
        background-position: -1137px 0
    }
    
    .iti-flag.cv {
        height: 12px;
        background-position: -1159px 0
    }
    
    .iti-flag.cw {
        height: 14px;
        background-position: -1181px 0
    }
    
    .iti-flag.cx {
        height: 10px;
        background-position: -1203px 0
    }
    
    .iti-flag.cy {
        height: 14px;
        background-position: -1225px 0
    }
    
    .iti-flag.cz {
        height: 14px;
        background-position: -1247px 0
    }
    
    .iti-flag.de {
        height: 12px;
        background-position: -1269px 0
    }
    
    .iti-flag.dg {
        height: 10px;
        background-position: -1291px 0
    }
    
    .iti-flag.dj {
        height: 14px;
        background-position: -1313px 0
    }
    
    .iti-flag.dk {
        height: 15px;
        background-position: -1335px 0
    }
    
    .iti-flag.dm {
        height: 10px;
        background-position: -1357px 0
    }
    
    .iti-flag.do {
        height: 14px;
        background-position: -1379px 0
    }
    
    .iti-flag.dz {
        height: 14px;
        background-position: -1401px 0
    }
    
    .iti-flag.ea {
        height: 14px;
        background-position: -1423px 0
    }
    
    .iti-flag.ec {
        height: 14px;
        background-position: -1445px 0
    }
    
    .iti-flag.ee {
        height: 13px;
        background-position: -1467px 0
    }
    
    .iti-flag.eg {
        height: 14px;
        background-position: -1489px 0
    }
    
    .iti-flag.eh {
        height: 10px;
        background-position: -1511px 0
    }
    
    .iti-flag.er {
        height: 10px;
        background-position: -1533px 0
    }
    
    .iti-flag.es {
        height: 14px;
        background-position: -1555px 0
    }
    
    .iti-flag.et {
        height: 10px;
        background-position: -1577px 0
    }
    
    .iti-flag.eu {
        height: 14px;
        background-position: -1599px 0
    }
    
    .iti-flag.fi {
        height: 12px;
        background-position: -1621px 0
    }
    
    .iti-flag.fj {
        height: 10px;
        background-position: -1643px 0
    }
    
    .iti-flag.fk {
        height: 10px;
        background-position: -1665px 0
    }
    
    .iti-flag.fm {
        height: 11px;
        background-position: -1687px 0
    }
    
    .iti-flag.fo {
        height: 15px;
        background-position: -1709px 0
    }
    
    .iti-flag.fr {
        height: 14px;
        background-position: -1731px 0
    }
    
    .iti-flag.ga {
        height: 15px;
        background-position: -1753px 0
    }
    
    .iti-flag.gb {
        height: 10px;
        background-position: -1775px 0
    }
    
    .iti-flag.gd {
        height: 12px;
        background-position: -1797px 0
    }
    
    .iti-flag.ge {
        height: 14px;
        background-position: -1819px 0
    }
    
    .iti-flag.gf {
        height: 14px;
        background-position: -1841px 0
    }
    
    .iti-flag.gg {
        height: 14px;
        background-position: -1863px 0
    }
    
    .iti-flag.gh {
        height: 14px;
        background-position: -1885px 0
    }
    
    .iti-flag.gi {
        height: 10px;
        background-position: -1907px 0
    }
    
    .iti-flag.gl {
        height: 14px;
        background-position: -1929px 0
    }
    
    .iti-flag.gm {
        height: 14px;
        background-position: -1951px 0
    }
    
    .iti-flag.gn {
        height: 14px;
        background-position: -1973px 0
    }
    
    .iti-flag.gp {
        height: 14px;
        background-position: -1995px 0
    }
    
    .iti-flag.gq {
        height: 14px;
        background-position: -2017px 0
    }
    
    .iti-flag.gr {
        height: 14px;
        background-position: -2039px 0
    }
    
    .iti-flag.gs {
        height: 10px;
        background-position: -2061px 0
    }
    
    .iti-flag.gt {
        height: 13px;
        background-position: -2083px 0
    }
    
    .iti-flag.gu {
        height: 11px;
        background-position: -2105px 0
    }
    
    .iti-flag.gw {
        height: 10px;
        background-position: -2127px 0
    }
    
    .iti-flag.gy {
        height: 12px;
        background-position: -2149px 0
    }
    
    .iti-flag.hk {
        height: 14px;
        background-position: -2171px 0
    }
    
    .iti-flag.hm {
        height: 10px;
        background-position: -2193px 0
    }
    
    .iti-flag.hn {
        height: 10px;
        background-position: -2215px 0
    }
    
    .iti-flag.hr {
        height: 10px;
        background-position: -2237px 0
    }
    
    .iti-flag.ht {
        height: 12px;
        background-position: -2259px 0
    }
    
    .iti-flag.hu {
        height: 10px;
        background-position: -2281px 0
    }
    
    .iti-flag.ic {
        height: 14px;
        background-position: -2303px 0
    }
    
    .iti-flag.id {
        height: 14px;
        background-position: -2325px 0
    }
    
    .iti-flag.ie {
        height: 10px;
        background-position: -2347px 0
    }
    
    .iti-flag.il {
        height: 15px;
        background-position: -2369px 0
    }
    
    .iti-flag.im {
        height: 10px;
        background-position: -2391px 0
    }
    
    .iti-flag.in {
        height: 14px;
        background-position: -2413px 0
    }
    
    .iti-flag.io {
        height: 10px;
        background-position: -2435px 0
    }
    
    .iti-flag.iq {
        height: 14px;
        background-position: -2457px 0
    }
    
    .iti-flag.ir {
        height: 12px;
        background-position: -2479px 0
    }
    
    .iti-flag.is {
        height: 15px;
        background-position: -2501px 0
    }
    
    .iti-flag.it {
        height: 14px;
        background-position: -2523px 0
    }
    
    .iti-flag.je {
        height: 12px;
        background-position: -2545px 0
    }
    
    .iti-flag.jm {
        height: 10px;
        background-position: -2567px 0
    }
    
    .iti-flag.jo {
        height: 10px;
        background-position: -2589px 0
    }
    
    .iti-flag.jp {
        height: 14px;
        background-position: -2611px 0
    }
    
    .iti-flag.ke {
        height: 14px;
        background-position: -2633px 0
    }
    
    .iti-flag.kg {
        height: 12px;
        background-position: -2655px 0
    }
    
    .iti-flag.kh {
        height: 13px;
        background-position: -2677px 0
    }
    
    .iti-flag.ki {
        height: 10px;
        background-position: -2699px 0
    }
    
    .iti-flag.km {
        height: 12px;
        background-position: -2721px 0
    }
    
    .iti-flag.kn {
        height: 14px;
        background-position: -2743px 0
    }
    
    .iti-flag.kp {
        height: 10px;
        background-position: -2765px 0
    }
    
    .iti-flag.kr {
        height: 14px;
        background-position: -2787px 0
    }
    
    .iti-flag.kw {
        height: 10px;
        background-position: -2809px 0
    }
    
    .iti-flag.ky {
        height: 10px;
        background-position: -2831px 0
    }
    
    .iti-flag.kz {
        height: 10px;
        background-position: -2853px 0
    }
    
    .iti-flag.la {
        height: 14px;
        background-position: -2875px 0
    }
    
    .iti-flag.lb {
        height: 14px;
        background-position: -2897px 0
    }
    
    .iti-flag.lc {
        height: 10px;
        background-position: -2919px 0
    }
    
    .iti-flag.li {
        height: 12px;
        background-position: -2941px 0
    }
    
    .iti-flag.lk {
        height: 10px;
        background-position: -2963px 0
    }
    
    .iti-flag.lr {
        height: 11px;
        background-position: -2985px 0
    }
    
    .iti-flag.ls {
        height: 14px;
        background-position: -3007px 0
    }
    
    .iti-flag.lt {
        height: 12px;
        background-position: -3029px 0
    }
    
    .iti-flag.lu {
        height: 12px;
        background-position: -3051px 0
    }
    
    .iti-flag.lv {
        height: 10px;
        background-position: -3073px 0
    }
    
    .iti-flag.ly {
        height: 10px;
        background-position: -3095px 0
    }
    
    .iti-flag.ma {
        height: 14px;
        background-position: -3117px 0
    }
    
    .iti-flag.mc {
        height: 15px;
        background-position: -3139px 0
    }
    
    .iti-flag.md {
        height: 10px;
        background-position: -3160px 0
    }
    
    .iti-flag.me {
        height: 10px;
        background-position: -3182px 0
    }
    
    .iti-flag.mf {
        height: 14px;
        background-position: -3204px 0
    }
    
    .iti-flag.mg {
        height: 14px;
        background-position: -3226px 0
    }
    
    .iti-flag.mh {
        height: 11px;
        background-position: -3248px 0
    }
    
    .iti-flag.mk {
        height: 10px;
        background-position: -3270px 0
    }
    
    .iti-flag.ml {
        height: 14px;
        background-position: -3292px 0
    }
    
    .iti-flag.mm {
        height: 14px;
        background-position: -3314px 0
    }
    
    .iti-flag.mn {
        height: 10px;
        background-position: -3336px 0
    }
    
    .iti-flag.mo {
        height: 14px;
        background-position: -3358px 0
    }
    
    .iti-flag.mp {
        height: 10px;
        background-position: -3380px 0
    }
    
    .iti-flag.mq {
        height: 14px;
        background-position: -3402px 0
    }
    
    .iti-flag.mr {
        height: 14px;
        background-position: -3424px 0
    }
    
    .iti-flag.ms {
        height: 10px;
        background-position: -3446px 0
    }
    
    .iti-flag.mt {
        height: 14px;
        background-position: -3468px 0
    }
    
    .iti-flag.mu {
        height: 14px;
        background-position: -3490px 0
    }
    
    .iti-flag.mv {
        height: 14px;
        background-position: -3512px 0
    }
    
    .iti-flag.mw {
        height: 14px;
        background-position: -3534px 0
    }
    
    .iti-flag.mx {
        height: 12px;
        background-position: -3556px 0
    }
    
    .iti-flag.my {
        height: 10px;
        background-position: -3578px 0
    }
    
    .iti-flag.mz {
        height: 14px;
        background-position: -3600px 0
    }
    
    .iti-flag.na {
        height: 14px;
        background-position: -3622px 0
    }
    
    .iti-flag.nc {
        height: 10px;
        background-position: -3644px 0
    }
    
    .iti-flag.ne {
        height: 15px;
        background-position: -3666px 0
    }
    
    .iti-flag.nf {
        height: 10px;
        background-position: -3686px 0
    }
    
    .iti-flag.ng {
        height: 10px;
        background-position: -3708px 0
    }
    
    .iti-flag.ni {
        height: 12px;
        background-position: -3730px 0
    }
    
    .iti-flag.nl {
        height: 14px;
        background-position: -3752px 0
    }
    
    .iti-flag.no {
        height: 15px;
        background-position: -3774px 0
    }
    
    .iti-flag.np {
        width: 13px;
        height: 15px;
        background-position: -3796px 0
    }
    
    .iti-flag.nr {
        height: 10px;
        background-position: -3811px 0
    }
    
    .iti-flag.nu {
        height: 10px;
        background-position: -3833px 0
    }
    
    .iti-flag.nz {
        height: 10px;
        background-position: -3855px 0
    }
    
    .iti-flag.om {
        height: 10px;
        background-position: -3877px 0
    }
    
    .iti-flag.pa {
        height: 14px;
        background-position: -3899px 0
    }
    
    .iti-flag.pe {
        height: 14px;
        background-position: -3921px 0
    }
    
    .iti-flag.pf {
        height: 14px;
        background-position: -3943px 0
    }
    
    .iti-flag.pg {
        height: 15px;
        background-position: -3965px 0
    }
    
    .iti-flag.ph {
        height: 10px;
        background-position: -3987px 0
    }
    
    .iti-flag.pk {
        height: 14px;
        background-position: -4009px 0
    }
    
    .iti-flag.pl {
        height: 13px;
        background-position: -4031px 0
    }
    
    .iti-flag.pm {
        height: 14px;
        background-position: -4053px 0
    }
    
    .iti-flag.pn {
        height: 10px;
        background-position: -4075px 0
    }
    
    .iti-flag.pr {
        height: 14px;
        background-position: -4097px 0
    }
    
    .iti-flag.ps {
        height: 10px;
        background-position: -4119px 0
    }
    
    .iti-flag.pt {
        height: 14px;
        background-position: -4141px 0
    }
    
    .iti-flag.pw {
        height: 13px;
        background-position: -4163px 0
    }
    
    .iti-flag.py {
        height: 11px;
        background-position: -4185px 0
    }
    
    .iti-flag.qa {
        height: 8px;
        background-position: -4207px 0
    }
    
    .iti-flag.re {
        height: 14px;
        background-position: -4229px 0
    }
    
    .iti-flag.ro {
        height: 14px;
        background-position: -4251px 0
    }
    
    .iti-flag.rs {
        height: 14px;
        background-position: -4273px 0
    }
    
    .iti-flag.ru {
        height: 14px;
        background-position: -4295px 0
    }
    
    .iti-flag.rw {
        height: 14px;
        background-position: -4317px 0
    }
    
    .iti-flag.sa {
        height: 14px;
        background-position: -4339px 0
    }
    
    .iti-flag.sb {
        height: 10px;
        background-position: -4361px 0
    }
    
    .iti-flag.sc {
        height: 10px;
        background-position: -4383px 0
    }
    
    .iti-flag.sd {
        height: 10px;
        background-position: -4405px 0
    }
    
    .iti-flag.se {
        height: 13px;
        background-position: -4427px 0
    }
    
    .iti-flag.sg {
        height: 14px;
        background-position: -4449px 0
    }
    
    .iti-flag.sh {
        height: 10px;
        background-position: -4471px 0
    }
    
    .iti-flag.si {
        height: 10px;
        background-position: -4493px 0
    }
    
    .iti-flag.sj {
        height: 15px;
        background-position: -4515px 0
    }
    
    .iti-flag.sk {
        height: 14px;
        background-position: -4537px 0
    }
    
    .iti-flag.sl {
        height: 14px;
        background-position: -4559px 0
    }
    
    .iti-flag.sm {
        height: 15px;
        background-position: -4581px 0
    }
    
    .iti-flag.sn {
        height: 14px;
        background-position: -4603px 0
    }
    
    .iti-flag.so {
        height: 14px;
        background-position: -4625px 0
    }
    
    .iti-flag.sr {
        height: 14px;
        background-position: -4647px 0
    }
    
    .iti-flag.ss {
        height: 10px;
        background-position: -4669px 0
    }
    
    .iti-flag.st {
        height: 10px;
        background-position: -4691px 0
    }
    
    .iti-flag.sv {
        height: 12px;
        background-position: -4713px 0
    }
    
    .iti-flag.sx {
        height: 14px;
        background-position: -4735px 0
    }
    
    .iti-flag.sy {
        height: 14px;
        background-position: -4757px 0
    }
    
    .iti-flag.sz {
        height: 14px;
        background-position: -4779px 0
    }
    
    .iti-flag.ta {
        height: 10px;
        background-position: -4801px 0
    }
    
    .iti-flag.tc {
        height: 10px;
        background-position: -4823px 0
    }
    
    .iti-flag.td {
        height: 14px;
        background-position: -4845px 0
    }
    
    .iti-flag.tf {
        height: 14px;
        background-position: -4867px 0
    }
    
    .iti-flag.tg {
        height: 13px;
        background-position: -4889px 0
    }
    
    .iti-flag.th {
        height: 14px;
        background-position: -4911px 0
    }
    
    .iti-flag.tj {
        height: 10px;
        background-position: -4933px 0
    }
    
    .iti-flag.tk {
        height: 10px;
        background-position: -4955px 0
    }
    
    .iti-flag.tl {
        height: 10px;
        background-position: -4977px 0
    }
    
    .iti-flag.tm {
        height: 14px;
        background-position: -4999px 0
    }
    
    .iti-flag.tn {
        height: 14px;
        background-position: -5021px 0
    }
    
    .iti-flag.to {
        height: 10px;
        background-position: -5043px 0
    }
    
    .iti-flag.tr {
        height: 14px;
        background-position: -5065px 0
    }
    
    .iti-flag.tt {
        height: 12px;
        background-position: -5087px 0
    }
    
    .iti-flag.tv {
        height: 10px;
        background-position: -5109px 0
    }
    
    .iti-flag.tw {
        height: 14px;
        background-position: -5131px 0
    }
    
    .iti-flag.tz {
        height: 14px;
        background-position: -5153px 0
    }
    
    .iti-flag.ua {
        height: 14px;
        background-position: -5175px 0
    }
    
    .iti-flag.ug {
        height: 14px;
        background-position: -5197px 0
    }
    
    .iti-flag.um {
        height: 11px;
        background-position: -5219px 0
    }
    
    .iti-flag.un {
        height: 14px;
        background-position: -5241px 0
    }
    
    .iti-flag.us {
        height: 11px;
        background-position: -5263px 0
    }
    
    .iti-flag.uy {
        height: 14px;
        background-position: -5285px 0
    }
    
    .iti-flag.uz {
        height: 10px;
        background-position: -5307px 0
    }
    
    .iti-flag.va {
        width: 15px;
        height: 15px;
        background-position: -5329px 0
    }
    
    .iti-flag.vc {
        height: 14px;
        background-position: -5346px 0
    }
    
    .iti-flag.ve {
        height: 14px;
        background-position: -5368px 0
    }
    
    .iti-flag.vg {
        height: 10px;
        background-position: -5390px 0
    }
    
    .iti-flag.vi {
        height: 14px;
        background-position: -5412px 0
    }
    
    .iti-flag.vn {
        height: 14px;
        background-position: -5434px 0
    }
    
    .iti-flag.vu {
        height: 12px;
        background-position: -5456px 0
    }
    
    .iti-flag.wf {
        height: 14px;
        background-position: -5478px 0
    }
    
    .iti-flag.ws {
        height: 10px;
        background-position: -5500px 0
    }
    
    .iti-flag.xk {
        height: 15px;
        background-position: -5522px 0
    }
    
    .iti-flag.ye {
        height: 14px;
        background-position: -5544px 0
    }
    
    .iti-flag.yt {
        height: 14px;
        background-position: -5566px 0
    }
    
    .iti-flag.za {
        height: 14px;
        background-position: -5588px 0
    }
    
    .iti-flag.zm {
        height: 14px;
        background-position: -5610px 0
    }
    
    .iti-flag.zw {
        height: 10px;
        background-position: -5632px 0
    }
    
    .iti-flag {
        height: 15px;
        box-shadow: 0 0 1px 0 #888;
        background-image: url(/wp-content/uploads/2018/10/flags.png);
        background-repeat: no-repeat;
        background-color: #dbdbdb;
        background-position: 20px 0
    }
    
    @media(-webkit-min-device-pixel-ratio:2),
    (min-resolution:192dpi) {
        .iti-flag {
            background-size: 5652px 15px;
            background-image: url(/wp-content/uploads/2018/10/flags@2x.png)
        }
    }
    
    .iti-flag.np {
        background-color: transparent
    }
    
    .latest-blog .blog-item .blog-pic img,
    .portfolio-item img {
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -o-transition: all .6s ease
    }
    
    .negative-wrap {
        margin-left: -20px;
        margin-right: -20px
    }
    
    .alert-message {
        position: relative;
        display: block;
        text-align: center;
        background-color: #f9f9f9;
        border-radius: 2px;
        font-weight: 600;
        text-transform: none;
        padding: 12px 40px 12px 20px;
        margin-bottom: 20px
    }
    
    .alert-message.warning {
        background-color: #fcf8e7;
        color: #c4a80a
    }
    
    .alert-message.warning a {
        color: #c4a80a
    }
    
    .alert-message.success {
        background-color: #ebf3d8;
        color: #88b12b
    }
    
    .alert-message.success a {
        color: #88b12b
    }
    
    .alert-message.error {
        background-color: #fceeee;
        color: #d25c5a
    }
    
    .alert-message.error a {
        color: #d25c5a
    }
    
    .alert-message.info {
        background-color: #e5eff7;
        color: #468bbf
    }
    
    .alert-message.info a {
        color: #468bbf
    }
    
    .alert-message p {
        margin: 0;
        padding: 0
    }
    
    .alert-message span.close {
        display: block;
        padding: 10px 15px;
        position: absolute;
        top: 1px;
        right: 0;
        cursor: pointer;
        opacity: .5;
        font-size: 14px;
        font-weight: 400
    }
    
    .latest-blog .blog-item,
    .latest-blog .blog-item .blog-pic {
        position: relative;
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        z-index: 1;
        display: block
    }
    
    .alert-message span.close:hover {
        opacity: 1
    }
    
    .alert-message span.close:after {
        font-size: 14px;
        font-family: FontAwesome;
        content: '\f00d'
    }
    
    blockquote {
        color: #adadad;
        margin: 0 0 20px;
        padding: 0
    }
    
    blockquote p {
        margin: 0!important;
        padding: 1px 0 1px 20px;
        border-left: 4px solid #e6e6e6
    }
    
    .latest-blog {
        margin: 0
    }
    
    .latest-blog .blog-item {
        margin: 0 0 40px;
        background: var(--color-white)
    }
    
    .latest-blog .blog-item .blog-pic {
        border-radius: 2px;
        overflow: hidden;
        margin: 0
    }
    
    .latest-blog .blog-item .blog-pic img {
        max-width: 100%;
        height: auto;
        display: block;
        transition: all .6s ease
    }
    
    .latest-blog .blog-item .blog-pic:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    
    .latest-blog .blog-item .blog-overlay {
        width: 100%;
        height: 100%;
        background: var(--color-secondary);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0
    }
    
    .latest-blog .blog-item .blog-pic i {
        display: block;
        width: 66px;
        height: 66px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: 23px 0 0 -33px;
        border-radius: 50%;
        background: var(--color-white);
        text-align: center;
        line-height: 68px;
        opacity: 0;
        font-size: 14px;
        color: var(--color-secondary);
        font-weight: 400
    }
    
    .latest-blog .blog-item .blog-item-description {
        padding: 30px
    }
    
    .latest-blog .blog-item h4 {
        font-size: 18px;
        margin: 0 0 20px;
        padding: 0
    }
    
    .latest-blog .blog-item h4 a:hover {
        color: var(--color-secondary)
    }
    
    .latest-blog .blog-item .blog-item-description div {
        display: block
    }
    
    .latest-blog .blog-item .blog-item-description span {
        color: #999;
        display: block;
        margin: 20px 0 0;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px
    }
    
    .latest-blog .read-more-link {
        display: block
    }
    
    .latest-blog.style-grey .blog-item {
        background: #f9f9f9
    }
    
    .latest-blog.horizontal {
        margin-left: -20px;
        margin-right: -20px
    }
    
    .latest-blog-list {
        margin: 0;
        display: block
    }
    
    .latest-blog-list h4 {
        font-size: 18px;
        margin: 0 0 4px;
        padding: 0;
        font-family: inherit;
        font-weight: 600;
        line-height: 1.4
    }
    
    .latest-blog-list .blog-list-item-date {
        background: #f4f4f4;
        color: #666;
        width: 50px;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        font-weight: 700;
        padding: 10px 0 0;
        margin: 0 20px 0 0;
        float: left;
        overflow: hidden;
        border-radius: 2px
    }
    
    .latest-blog-list .blog-list-item-date span {
        display: block;
        background: #666;
        font-size: 11px;
        line-height: 11px;
        font-weight: 700;
        padding: 5px 0;
        margin: 10px 0 0;
        text-transform: uppercase;
        color: var(--color-white)
    }
    
    .latest-blog-list .blog-list-item-thumb {
        background: #f4f4f4;
        color: #666;
        width: 50px;
        height: 50px;
        padding: 0;
        margin: 0 20px 0 0;
        float: left;
        overflow: hidden;
        border-radius: 2px
    }
    
    .latest-blog-list .blog-list-item-description {
        overflow: hidden
    }
    
    .latest-blog-list .blog-list-item-description span {
        color: #999
    }
    
    .blog-list-item-excerpt a {
        margin-top: 5px;
        display: block
    }
    
    .latest-blog-list.horizontal .blog-list-item-excerpt a {
        display: block;
        margin-top: 10px
    }
    
    .latest-blog-list-modern {
        margin: 0;
        padding: 0;
        list-style: none
    }
    
    .latest-blog-list-modern li {
        margin: 0;
        text-align: center;
        border-bottom: 1px solid #efefef
    }
    
    .latest-blog-list-modern li:last-child {
        border: none!important
    }
    
    .latest-blog-list-modern li a {
        display: block;
        padding: 20px 0;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    .latest-blog-list-modern li a:hover {
        background: #f9f9f9
    }
    
    .latest-blog-list-modern li h4 {
        font-size: 18px;
        margin: 0 0 1px;
        display: block;
        padding: 0
    }
    
    .latest-blog-list-modern li span {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        color: #999;
        display: block
    }
    
    .box {
        background: var(--color-white);
        padding: 40px;
        margin: 0;
        color: #777;
        border-radius: 2px
    }
    
    .box.style-1 {
        color: #777;
        border: 1px solid var(--color-light-gray-border)
    }
    
    .box.style-2 {
        color: #777;
        border: 1px solid #e1e1e1;
        border-top: 3px solid var(--color-secondary)
    }
    
    .box.style-3 {
        color: #777;
        border: 0;
        background: #f9f9f9
    }
    
    .box.style-4 {
        color: #777!important;
        border: 3px solid var(--color-secondary);
        position: relative;
        box-shadow: none
    }
    
    .box.style-5 {
        background: var(--color-light-black);
        color: var(--color-white);
        border: 0
    }
    
    .box.style-6 {
        background: var(--color-secondary);
        color: var(--color-white);
        border: 0
    }
    
    .box.style-7 {
        background-position: center center;
        background-size: cover;
        border: 0
    }
    
    .box.style-5 h1,
    .box.style-5 h2,
    .box.style-5 h3,
    .box.style-5 h4,
    .box.style-5 h5,
    .box.style-5 h6,
    .box.style-6 h1,
    .box.style-6 h2,
    .box.style-6 h3,
    .box.style-6 h4,
    .box.style-6 h5,
    .box.style-6 h6 {
        color: var(--color-white)
    }
    
    .box.nobottompadding {
        padding: 40px 40px 20px
    }
    
    .box>.wpcf7 {
        margin: 0 0 -20px
    }
    
    a.button,
    button,
    input[type=submit] {
        font-size: 13px;
        line-height: 1!important;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700;
        width: auto;
        padding: 14px 20px;
        margin: 0 5px 5px 0;
        display: inline-block;
        text-align: center;
        border-radius: 2px;
        background: var(--color-secondary);
        color: var(--color-white);
        border: 1px solid var(--color-secondary)
    }
    
    a.button.medium,
    a.button.small {
        font-weight: 700;
        line-height: 1;
        letter-spacing: 1px;
        text-transform: uppercase
    }
    
    a.button:hover {
        color: var(--color-white)!important
    }
    
    a.button.small {
        font-size: 11px;
        padding: 9px 14px
    }
    
    a.button.medium {
        font-size: 13px;
        padding: 12px 20px
    }
    
    a.button.big_large,
    a.button.large {
        font-weight: 700;
        line-height: 1;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 15px 25px
    }
    
    a.button.large {
        font-size: 13px
    }
    
    a.button.big_large {
        font-size: 16px
    }
    
    a.button.full {
        display: block;
        text-align: center;
        margin: 0!important;
        padding: 20px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.6;
        letter-spacing: normal;
        text-transform: none
    }
    
    .counter-title,
    .member h4,
    a.catimage {
        text-transform: uppercase
    }
    
    a.button.button-appear {
        text-align: center;
        position: relative;
        background: #0d6;
        border: 1px solid #0d6;
        color: var(--color-white);
        overflow: hidden;
        transition: all .2s
    }
    
    a.button.button-appear span {
        display: inline-block;
        position: relative;
        padding: 0 10px;
        transition: padding .2s
    }
    
    a.button.button-appear i {
        position: absolute;
        top: 50%;
        right: 0;
        opacity: 0;
        margin-top: -7px!important;
        transition: opacity .2s, right .2s
    }
    
    a.button.button-appear.small i {
        margin-top: -4px!important
    }
    
    a.button.button-appear.large i {
        margin-top: -7px!important
    }
    
    a.button.button-appear.full i {
        margin-top: -9px!important
    }
    
    a.button.button-appear:active span,
    a.button.button-appear:hover span {
        padding: 0 20px 0 0
    }
    
    a.button.button-appear:active i,
    a.button.button-appear:hover i {
        transition: opacity .2s, right .2s;
        opacity: 1;
        border-color: #0c5;
        top: 50%;
        right: -10px
    }
    
    a.button.button-appear.full:active i,
    a.button.button-appear.full:hover i {
        right: -20px
    }
    
    a.button.color-1 {
        background: 0;
        color: rgba(0, 0, 0, .6);
        border: 2px solid rgba(0, 0, 0, .4)
    }
    
    a.button.color-2 {
        background: 0;
        color: var(--color-secondary);
        border: 2px solid var(--color-secondary)
    }
    
    a.button.color-3 {
        background: var(--color-secondary);
        color: var(--color-white);
        border: 2px solid var(--color-secondary)
    }
    
    #reviews .add_review .button,
    .pp_woocommerce .pp_content #submit,
    a.button.color-4 {
        background: #efefef;
        color: #666;
        border: 2px solid #efefef
    }
    
    a.button.color-5 {
        background: #999;
        color: var(--color-white);
        border: 2px solid #999
    }
    
    a.button.color-6 {
        background: var(--color-light-black);
        color: var(--color-white);
        border: 2px solid var(--color-light-black)
    }
    
    a.button.color-7 {
        background: var(--color-white);
        color: #444;
        border: 2px solid var(--color-white)
    }
    
    a.button.color-8 {
        background: 0;
        color: var(--color-white);
        border: 2px solid rgba(255, 255, 255, .4)
    }
    
    a.button.color-9 {
        background: 0;
        color: var(--color-secondary);
        border: 0;
        padding: 0;
        letter-spacing: 0;
        font-size: 13px
    }
    
    a.button.color-9 i {
        float: right;
        margin: 1px 0 0 8px!important;
        font-size: inherit!important
    }
    
    a.button.color-9:hover {
        background: 0;
        color: var(--color-light-black)!important
    }
    
    #reviews .add_review .button:hover,
    .button:hover,
    .pp_woocommerce .pp_content #submit,
    a.button.color-1:hover,
    a.button.color-2.accent-2:hover,
    a.button.color-2:hover,
    a.button.color-3.accent-2:hover,
    a.button.color-3:hover,
    a.button.color-4:hover,
    a.button.color-5:hover,
    a.button:hover,
    button:hover,
    input[type=submit]:hover {
        background: var(--color-light-black);
        border-color: var(--color-light-black);
        color: var(--color-white)
    }
    
    a.button.color-6:hover,
    a.button.color-7:hover {
        background: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-white)
    }
    
    a.button.color-8:hover {
        border-color: var(--color-white);
        background: 0
    }
    
    a.button.yellow {
        background: #fdc858;
        color: var(--color-white);
        border-color: #fdc858
    }
    
    a.button.yellow:hover {
        background: #e5ae39;
        border-color: #e5ae39
    }
    
    a.button.orange {
        background: #f38250;
        color: var(--color-white);
        border-color: #f38250
    }
    
    a.button.orange:hover {
        background: #e6703c;
        border-color: #e6703c
    }
    
    a.button.red {
        background: #da5457;
        color: var(--color-white);
        border-color: #da5457
    }
    
    a.button.red:hover {
        background: #c53c3f;
        border-color: #c53c3f
    }
    
    a.button.blue {
        background: #38b4d6;
        color: var(--color-white);
        border-color: #38b4d6
    }
    
    a.button.blue:hover {
        background: #2a9fbf;
        border-color: #2a9fbf
    }
    
    a.button.green {
        background: #98ca69;
        color: var(--color-white);
        border-color: #98ca69
    }
    
    a.button.green:hover {
        background: #87ba57;
        border-color: #87ba57
    }
    
    a.button.small i {
        font-size: 10px;
        margin: 0 8px 0 0;
        font-weight: 400!important
    }
    
    a.button.large i,
    a.button.medium i {
        font-size: 14px;
        font-weight: 400!important
    }
    
    a.button.medium i {
        margin: -1px 8px 0 0
    }
    
    a.button.large i {
        margin: 0 8px 0 0
    }
    
    a.button.full i {
        font-size: 21px;
        margin: 0 10px 0 0;
        font-weight: 400!important
    }
    
    .callout {
        margin: 0;
        padding: 30px 0 22px;
        display: block;
        text-align: center
    }
    
    .callout .callout-button,
    .callout .callout-text {
        display: inline-block;
        font-size: 22px;
        font-weight: 600
    }
    
    .callout .callout-button {
        position: relative;
        top: -3px;
        margin-left: 30px!important
    }
    
    .standard-section .callout {
        border-radius: 2px
    }
    
    a.catimage {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        color: var(--color-white);
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 1px
    }
    
    .catimage-text,
    a.catimage span {
        position: absolute;
        left: 0;
        width: 100%
    }
    
    .catimage-text {
        bottom: 0;
        display: inline-block;
        vertical-align: bottom;
        background: rgba(0, 0, 0, 0);
        color: var(--color-light-black);
        text-align: left;
        padding: 20px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease
    }
    
    .color-light .catimage-text {
        color: var(--color-white)
    }
    
    a.catimage span {
        top: 0;
        z-index: -1;
        height: auto;
        display: block;
        background-position: center center;
        background-size: cover;
        -webkit-transition: -webkit-transform .4s ease;
        -moz-transition: -moz-transform .4s ease;
        -o-transition: -o-transform .4s ease;
        transition: transform .4s ease
    }
    
    a.catimage .catimage-overlay {
        background: rgba(255, 255, 255, 0);
        padding: 0 10%;
        -webkit-transition: background .4s ease;
        -moz-transition: background .4s ease;
        -o-transition: background .4s ease;
        transition: background .4s ease
    }
    
    .gallery .gallery-item a,
    .image_greyscale img {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        -ms-transition: all .2s
    }
    
    a.catimage:hover span {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    
    a.catimage:hover .catimage-overlay {
        background: rgba(255, 255, 255, .5)
    }
    
    a.catimage:hover .catimage-text {
        background: #1cbac8;
        color: var(--color-white);
        padding: 20px 30px
    }
    
    .counter {
        text-align: center;
        margin: 0
    }
    
    .counter-number {
        font-size: 46px;
        margin: 0;
        padding: 0;
        font-weight: 300;
        line-height: 1;
        color: var(--color-secondary)
    }
    
    .counter-title {
        display: block;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        margin: 5px 0 0;
        opacity: .8
    }
    
    .ls-1,
    .progress-title {
        letter-spacing: 1px
    }
    
    .divider {
        display: block;
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0
    }
    
    .divider1,
    .divider2 {
        clear: both;
        height: 1px
    }
    
    .divider1 {
        border-bottom: 1px solid #efefef;
        margin: 60px 0
    }
    
    .divider2,
    .divider3,
    .divider4 {
        margin: 50px 0;
        width: 100%
    }
    
    .divider2 {
        background: url(../images/dotted.png) repeat-x
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-device-pixel-ratio:2) {
        .divider2 {
            background-image: url(../images/dotted@2x.png);
            background-size: 4px 1px
        }
    }
    
    .divider3 {
        height: 25px;
        background: url(../images/shadow.png) center center no-repeat
    }
    
    .divider4 {
        border-bottom: 0;
        height: 14px;
        background: url(../images/stripes.png);
        display: block
    }
    
    .divider5,
    .divider6 {
        margin: 60px auto;
        text-align: center;
        position: relative
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-device-pixel-ratio:2) {
        .divider4 {
            background-image: url(../images/stripes@2x.png);
            background-size: 5px 5px
        }
    }
    
    .divider5 {
        width: 46px;
        height: 1px;
        border-bottom: 3px solid var(--color-secondary)
    }
    
    .divider6 {
        width: 30px;
        height: 1px;
        border-bottom: 3px solid var(--color-light-black)
    }
    
    .divider7,
    .divider8 {
        margin: 60px 0;
        clear: both
    }
    
    .divider7 {
        border-bottom: 2px dashed #e4e4e4
    }
    
    .divider8 {
        height: 1px;
        text-align: center;
        position: relative;
        font-size: 0
    }
    
    .divider8:after,
    .divider8:before {
        height: 1px;
        background: #e4e4e4;
        width: 20%;
        display: inline-block;
        content: ''
    }
    
    .divider8 .divider-icon {
        display: inline-block;
        font-size: 16px;
        width: 50px;
        margin: -14px auto 0;
        text-align: center;
        vertical-align: text-top;
        color: #c3c3c3
    }
    
    .divider9 {
        clear: both;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin: 60px 0;
        height: 1px
    }
    
    .newdivider {
        height: 0;
        max-height: 0;
        border-bottom: 1px solid #999;
        max-width: 100%!important;
        clear: both;
        font-size: 1px;
        line-height: 0;
        display: block
    }
    
    .newdivider.align-left {
        float: left
    }
    
    .newdivider.align-right {
        float: right
    }
    
    .newdivider.align-center {
        margin-left: auto;
        margin-right: auto
    }
    
    .dropcap {
        display: block;
        float: left;
        font-size: 40px;
        line-height: 34px;
        margin: 6px 8px 0 0
    }
    
    .dropcap.dropcap-box,
    .dropcap.dropcap-circle {
        margin: 6px 9px 0 0;
        width: 34px;
        height: 34px;
        font-size: 20px;
        text-align: center;
        background-color: var(--color-secondary);
        color: var(--color-white);
        font-weight: 600;
        line-height: 34px;
        padding: 0
    }
    
    .dropcap.dropcap-circle {
        border-radius: 50%
    }
    
    .dropcap.dropcap-box {
        border-radius: 2px
    }
    
    .dropcap-box.color,
    .dropcap-circle.color {
        background: #444
    }
    
    .dropcap.dropcap-book {
        margin: 6px 8px 0 0;
        font-family: Times, "Times New Roman", serif;
        line-height: 34px
    }
    
    .dropcap.dropcap-color {
        display: block;
        float: left;
        font-size: 40px;
        line-height: 34px;
        margin: 6px 8px 0 0;
        color: var(--color-secondary)
    }
    
    .gallery .gallery-item a {
        margin: 0;
        padding: 0;
        display: block;
        transition: all .2s
    }
    
    .gallery img {
        width: 100%;
        height: auto;
        border: none!important;
        padding: 0!important;
        margin: 0!important
    }
    
    .gallery a:hover {
        opacity: .7;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    
    .gallery-item {
        margin: 0!important;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .gallery-style-2 .gallery-item {
        padding: 1px
    }
    
    .googlefont {
        line-height: 1.2
    }
    
    .google_map {
        margin-bottom: 30px;
        border: 1px solid #ccc;
        background: #efefef
    }
    
    .google_map.full,
    .google_map.fullsection {
        width: 100%!important;
        height: auto;
        margin: 0
    }
    
    .google_map.fullsection {
        border: 0;
        z-index: 1;
        position: relative
    }
    
    .gm-style-iw {
        padding-top: 10px;
        font-size: 14px!important;
        font-family: "Open Sans", Arial, sans-serif!important;
        font-weight: 400!important
    }
    
    .minti_list.arrow li:before,
    .minti_list.checkbox li:before,
    .minti_list.circle li:before,
    .minti_list.circlearrow li:before,
    .minti_list.dotcircle li:before,
    .minti_list.line li:before,
    .minti_list.plus li:before,
    .minti_list.thumb li:before,
    .wpb_widgetised_column .widget ul li:after {
        font-family: FontAwesome
    }
    
    .google_map img {
        max-width: none
    }
    
    .entry-content img {
        max-width: 100%
    }
    
    .minti-icon {
        font-size: 14px;
        display: inline-block
    }
    
    .iconbox {
        margin: 0 0 40px
    }
    
    .iconbox p:last-child {
        margin: 0
    }
    
    .iconbox h3 {
        margin: 0 0 10px
    }
    
    .iconbox i.boxicon {
        position: relative;
        z-index: 2;
        -webkit-transition: all 80ms ease-in;
        -moz-transition: all 80ms ease-in;
        -ms-transition: all 80ms ease-in;
        -o-transition: all 80ms ease-in;
        transition: all 80ms ease-in
    }
    
    .iconbox-style-1.icon-color-accent i.boxicon,
    .iconbox-style-2.icon-color-accent i.boxicon,
    .iconbox-style-3.icon-color-accent i.boxicon,
    .iconbox-style-8.icon-color-accent i.boxicon,
    .iconbox-style-9.icon-color-accent i.boxicon {
        color: var(--color-secondary)!important
    }
    
    .flip .icon-color-accent.card .back,
    .iconbox-style-4.icon-color-accent i.boxicon,
    .iconbox-style-5.icon-color-accent i.boxicon,
    .iconbox-style-6.icon-color-accent i.boxicon,
    .iconbox-style-7.icon-color-accent i.boxicon {
        background: var(--color-secondary);
        color: var(--color-white)
    }
    
    .iconbox-style-1.icon-color-greyscale i.boxicon,
    .iconbox-style-2.icon-color-greyscale i.boxicon,
    .iconbox-style-3.icon-color-greyscale i.boxicon,
    .iconbox-style-8.icon-color-greyscale i.boxicon,
    .iconbox-style-9.icon-color-greyscale i.boxicon {
        color: #999
    }
    
    .iconbox-style-4.icon-color-greyscale i.boxicon,
    .iconbox-style-5.icon-color-greyscale i.boxicon,
    .iconbox-style-6.icon-color-greyscale i.boxicon {
        background: #f1f1f1;
        color: #999
    }
    
    .flip .icon-color-greyscale.card .back,
    .iconbox-style-7.icon-color-greyscale i.boxicon {
        background: #262626;
        color: var(--color-white)
    }
    
    .color-light .iconbox-style-1.icon-color-greyscale i.boxicon,
    .color-light .iconbox-style-2.icon-color-greyscale i.boxicon,
    .color-light .iconbox-style-3.icon-color-greyscale i.boxicon,
    .color-light .iconbox-style-8.icon-color-greyscale i.boxicon,
    .color-light .iconbox-style-9.icon-color-greyscale i.boxicon {
        color: var(--color-white)!important
    }
    
    .iconbox-style-4.icon-color-greyscale.color-light i.boxicon,
    .iconbox-style-5.icon-color-greyscale.color-light i.boxicon,
    .iconbox-style-6.icon-color-greyscale.color-light i.boxicon {
        background: var(--color-white);
        color: #999
    }
    
    .iconbox-style-1 i.boxicon {
        font-size: 28px;
        margin-bottom: -6px;
        float: left;
        width: 40px
    }
    
    .iconbox-style-1 .iconimg {
        margin-right: 10px
    }
    
    .iconbox-style-1 i.boxicon[class*=sl-] {
        font-weight: 400;
        font-size: 26px
    }
    
    .iconbox-style-2 i.boxicon,
    .iconbox-style-2 i.boxicon[class*=sl-] {
        font-size: 34px
    }
    
    .iconbox-style-1.animation-iconappear {
        overflow: hidden
    }
    
    .iconbox-style-1.animation-iconappear h3 span {
        overflow: hidden;
        display: block
    }
    
    .iconbox-style-2 i.boxicon,
    .iconbox-style-3 i.boxicon,
    .iconbox-style-4 i.boxicon,
    .iconbox-style-5 i.boxicon {
        display: inline-block;
        text-align: center
    }
    
    .iconbox-style-1.animation-iconappear h3 {
        position: relative;
        left: -40px;
        -webkit-transition: all .16s ease;
        -moz-transition: all .16s ease;
        -ms-transition: all .16s ease;
        -o-transition: all .16s ease;
        transition: all .16s ease
    }
    
    .iconbox-style-1.animation-iconappear:hover h3 {
        left: 0
    }
    
    .iconbox-style-2 .iconbox-icon {
        float: left;
        width: 30px;
        margin-top: 2px;
        text-align: center
    }
    
    .iconbox-style-2 .iconbox-content {
        margin-left: 54px
    }
    
    .iconbox-style-3 {
        text-align: center
    }
    
    .iconbox-style-3 i.boxicon {
        font-size: 52px;
        line-height: 52px;
        margin-bottom: 30px
    }
    
    .iconbox-style-3 .iconimg {
        margin-bottom: 16px
    }
    
    .iconbox-style-4 .iconimg,
    .iconbox-style-4 i.boxicon {
        margin-bottom: 16px!important
    }
    
    .iconbox-style-4 {
        text-align: center
    }
    
    .iconbox-style-4 i.boxicon {
        font-size: 28px;
        width: 73px;
        height: 73px;
        line-height: 75px;
        background: #f9f9f9;
        color: #999;
        border-radius: 50%
    }
    
    .iconbox-style-4 i.boxicon[class*=sl-] {
        font-size: 34px
    }
    
    .iconbox-style-5 i.boxicon {
        font-size: 28px;
        width: 63px;
        height: 63px;
        line-height: 65px;
        background: #f1f1f1;
        color: #999;
        border-radius: 50%
    }
    
    .iconbox-style-5 .iconbox-icon {
        float: left
    }
    
    .iconbox-style-5 .iconbox-icon .iconimg {
        margin-right: 20px
    }
    
    .iconbox-style-5 .iconbox-content {
        margin-left: 88px;
        overflow: hidden
    }
    
    .iconbox-style-5 i.boxicon[class*=sl-] {
        font-size: 30px
    }
    
    .iconbox-style-6 i.boxicon {
        background: #f9f9f9;
        color: #555;
        font-size: 56px;
        line-height: 1;
        text-align: center;
        display: block;
        margin: 0 0 20px;
        padding: 42px 0;
        border-radius: 2px
    }
    
    .iconbox-style-6 .iconimg {
        margin-bottom: 16px
    }
    
    .iconbox-style-7 {
        text-align: center;
        background: #f9f9f9;
        padding: 0 30px 50px;
        border-radius: 4px;
        margin-top: 30px
    }
    
    .iconbox-style-7 i.boxicon {
        font-size: 30px;
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 66px;
        height: 66px;
        line-height: 68px;
        background: #999;
        color: var(--color-white);
        border-radius: 50%;
        top: -33px
    }
    
    .flip .card .front,
    .iconbox-style-8 {
        background: #f9f9f9;
        border-radius: 4px
    }
    
    .iconbox-style-7 .iconimg {
        margin: 30px 0
    }
    
    .iconbox-style-8 {
        text-align: center;
        padding: 30px
    }
    
    .iconbox-style-8 i.boxicon {
        font-size: 56px;
        line-height: 1;
        text-align: center;
        display: block;
        margin: 20px auto;
        color: #999
    }
    
    .iconbox-style-8 .iconimg {
        margin: 10px auto 20px 0
    }
    
    .flip {
        -webkit-perspective: 800;
        -ms-perspective: 800;
        -moz-perspective: 800;
        -o-perspective: 800;
        width: 100%;
        min-height: 260px;
        height: 260px;
        position: relative;
        display: block;
        margin: 0 auto
    }
    
    .flip .card,
    .flip .card .face {
        height: 100%;
        width: 100%
    }
    
    .flip .back,
    .flip .front {
        -webkit-transform-style: preserve-3d;
        -webkit-transition: .5s;
        -moz-transform-style: preserve-3d;
        -moz-transition: .5s;
        -ms-transform-style: preserve-3d;
        -ms-transition: .5s;
        -o-transform-style: preserve-3d;
        -o-transition: .5s;
        transform-style: preserve-3d;
        transition: .5s
    }
    
    .flip .card .face {
        position: absolute;
        text-align: center
    }
    
    .flip .card .front {
        position: absolute;
        z-index: 1;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden
    }
    
    .iconbox-style-10,
    .imagebox {
        background: var(--color-white);
        overflow: hidden
    }
    
    .flip .card .back {
        border-radius: 4px;
        transform: rotatey(-180deg);
        -ms-transform: rotatey(-180deg);
        -moz-transform: rotatey(-180deg);
        -webkit-transform: rotatey(-180deg);
        -o-transform: rotatey(-180deg);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden
    }
    
    .flip:hover .front {
        transform: rotatey(180deg);
        -ms-transform: rotatey(180deg);
        -moz-transform: rotatey(180deg);
        -webkit-transform: rotatey(180deg);
        -o-transform: rotatey(180deg)
    }
    
    .flip:hover .back {
        transform: rotatey(0);
        -ms-transform: rotatey(0);
        -moz-transform: rotatey(0);
        -webkit-transform: rotatey(0);
        -o-transform: rotatey(0);
        backface-visibility: visible;
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        -ms-backface-visibility: visible;
        -o-backface-visibility: visible
    }
    
    .iconbox-style-9 i.boxicon {
        font-size: 58px;
        text-align: center;
        display: block;
        color: #999;
        line-height: 1;
        margin: 0 0 14px;
        padding: 0
    }
    
    .iconbox-style-10 .iconimg,
    .iconbox-style-10 i.boxicon {
        bottom: 30px;
        right: 30px;
        font-size: 160px;
        text-align: center;
        display: block;
        line-height: 1
    }
    
    .iconbox-style-9 .iconimg {
        margin: 0 0 16px
    }
    
    .iconbox-style-9 table {
        height: 260px;
        width: 100%
    }
    
    .iconbox-style-9 table td {
        vertical-align: middle;
        padding: 10px 30px 0
    }
    
    .iconbox-style-9 .back h3 {
        color: var(--color-white)
    }
    
    .iconbox-style-10 {
        border: 2px solid #efefef;
        padding: 30px;
        border-radius: 4px;
        position: relative
    }
    
    .iconbox-style-10 h3 {
        margin-bottom: 20px
    }
    
    .iconbox-style-10 i.boxicon {
        position: absolute;
        z-index: 0;
        color: #f1f1f1
    }
    
    .iconbox-style-10 h3,
    .iconbox-style-10 p {
        position: relative;
        z-index: 1
    }
    
    .iconbox-style-10 .iconimg {
        position: absolute;
        z-index: 0
    }
    
    .single_image.align-left {
        text-align: left
    }
    
    .single_image.align-right {
        text-align: right
    }
    
    .single_image.align-center {
        text-align: center!important
    }
    
    .fa-li,
    .portfolio-overlay-icon i,
    .pricing-plan li,
    .pricing-plan-head,
    .social-icon a,
    ul.styled-list li i {
        text-align: center
    }
    
    .single_image img {
        display: inline-block!important;
        max-width: 100%;
        height: auto;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease;
        -webkit-transform-style: preserve-3d
    }
    
    .single_image_caption {
        display: block;
        margin-top: 6px;
        color: #999
    }
    
    .image_wrap {
        overflow: hidden
    }
    
    .image_box_rounded img {
        border-radius: 4px
    }
    
    .image_box_border img {
        padding: 6px;
        border: 1px solid var(--color-light-gray-border)
    }
    
    .image_box_shadow img {
        box-shadow: 0 0 6px rgba(0, 0, 0, .18)
    }
    
    .image_box_circle,
    .image_box_circle img {
        border-radius: 50%
    }
    
    .image_greyscale img {
        transition: all .2s
    }
    
    .image_opacity img,
    .toggle .toggle-title {
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s
    }
    
    .image_greyscale img:hover {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%)
    }
    
    .image_opacity img {
        -webkit-transition: all .2s;
        transition: all .2s
    }
    
    .image_opacity img:hover {
        opacity: .7
    }
    
    .image_zoom img:hover {
        -webkit-transform: scale(1.03);
        -moz-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03)
    }
    
    .image_zoomout img:hover {
        -webkit-transform: scale(.97);
        -moz-transform: scale(.97);
        -ms-transform: scale(.97);
        -o-transform: scale(.97);
        transform: scale(.97)
    }
    
    .image_tilt img:hover {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
    
    .imagebox {
        color: #777;
        display: block;
        border-radius: 2px;
        padding: 30px;
        border: 1px solid #e1e1e1;
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03)
    }
    
    .imagebox h1,
    .imagebox h2,
    .imagebox h3,
    .imagebox h4,
    .imagebox h5,
    .imagebox h6,
    .imagebox p {
        margin: 0 0 10px
    }
    
    .imagebox .imagebox-img {
        margin: -31px -31px 0;
        display: block;
        border-radius: 5px 5px 0 0;
        overflow: hidden
    }
    
    .imagebox .imagebox-img img {
        width: 100%;
        max-width: 100%;
        height: auto;
        vertical-align: top;
        margin-bottom: 30px!important
    }
    
    .imagebox a.button {
        margin: 20px 0 0
    }
    
    .imagebox.style-2 {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: #f9f9f9
    }
    
    .imagebox.style-2 a.button {
        margin: 10px 0 0
    }
    
    ul.styled-list {
        list-style: none;
        margin: 0 0 0 20px;
        padding: 0
    }
    
    .fa-li {
        position: absolute;
        left: -20px;
        top: 10px
    }
    
    ul.styled-list li {
        padding: 4px 0 4px 4px
    }
    
    ul.styled-list li i {
        margin-right: 7px;
        font-size: 16px
    }
    
    .widget_text ul.styled-list li {
        padding: 0!important;
        background: 0 0!important
    }
    
    .member {
        margin: 0
    }
    
    .member-img img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 3px
    }
    
    .member-img {
        display: block;
        margin-bottom: 20px
    }
    
    .member h4 {
        margin: 0;
        padding: 0;
        font-weight: 700;
        font-size: 14px
    }
    
    .member .member-role {
        color: #999;
        margin: 0 0 20px
    }
    
    .member .member-content {
        border-top: 1px solid rgba(130, 130, 130, .14);
        border-bottom: 1px solid rgba(130, 130, 130, .14);
        padding: 20px 0!important;
        margin: 0
    }
    
    .member .social-icons {
        margin: 26px 0 0;
        list-style: none
    }
    
    .member .social-icons li {
        margin: 0 8px 0 0
    }
    
    .member .social-icons li a {
        font-size: 21px!important
    }
    
    .pricing-plan {
        display: block;
        padding: 0;
        margin: 0;
        border: 1px solid var(--color-light-gray-border);
        background: var(--color-white);
        border-radius: 3px
    }
    
    .pricing-plan .pricing-plan-head {
        background: var(--color-white);
        color: #666;
        border-radius: 3px 3px 0 0
    }
    
    .portfolio-item .portfolio-image,
    .progressbar {
        border-radius: 2px;
        position: relative;
        overflow: hidden
    }
    
    .pricing-plan .pricing-plan-head h3 {
        display: block;
        margin: 0;
        padding: 12px 0;
        font-size: 14px!important;
        font-weight: 700;
        letter-spacing: 1px;
        color: #999;
        background: #f9f9f9;
        text-transform: uppercase
    }
    
    .pricing-plan.pricing-color-true .pricing-plan-head {
        margin: -1px -1px 0;
        color: var(--color-white)
    }
    
    .pricing-plan.pricing-color-true .pricing-plan-head h3 {
        color: var(--color-white);
        background: 0
    }
    
    .pricing-plan .pricing-price {
        background: var(--color-white);
        box-shadow: inset 0 1px 1px -1px #999, inset 0 -1px 1px -1px #999
    }
    
    .pricing-plan.pricing-color-true .pricing-price {
        background: rgba(0, 0, 0, .08);
        box-shadow: none;
        margin: 0
    }
    
    .testimonial,
    .toggle .toggle-inner {
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, .03)
    }
    
    .pricing-plan .pricing-price span.pricing-amount {
        display: block;
        font-size: 38px;
        font-weight: 600;
        padding: 24px 0 5px;
        margin: 0;
        line-height: 1
    }
    
    .portfolio-item h4,
    .progress-title {
        font-weight: 700;
        text-transform: uppercase
    }
    
    .pricing-plan .pricing-price span.pricing-per {
        display: block;
        opacity: .6;
        padding: 0 0 24px;
        margin: 0
    }
    
    .pricing-plan .pricing-signup {
        display: block;
        margin: 20px 0 0;
        padding: 20px 0;
        text-align: center;
        background: #f9f9f9
    }
    
    .pricing-plan .signup a.button {
        margin: 0
    }
    
    .pricing-plan ul {
        margin: 20px 0;
        padding: 0;
        list-style: none;
        background: var(--color-white);
        color: #777
    }
    
    .pricing-plan li {
        margin: 0 20px;
        padding: 10px 0;
        border-bottom: 1px solid #efefef
    }
    
    .pricing-plan li:last-child {
        border-bottom: 0
    }
    
    .progressbar {
        width: 100%;
        height: 6px;
        display: block;
        background: rgba(0, 0, 0, .04);
        margin-bottom: 20px
    }
    
    .progressbar .progress-percentage {
        background: var(--color-secondary);
        display: block;
        width: 0;
        height: 30px
    }
    
    .progress-title {
        font-size: 13px;
        display: block;
        margin: 0 0 1px
    }
    
    .progress-title span {
        float: right
    }
    
    .standard-section .portfolio-element {
        margin-left: -20px;
        margin-right: -20px
    }
    
    .portfolio-items {
        clear: both;
        margin: 0;
        padding: 0;
        width: 100.8%;
        overflow: hidden
    }
    
    .portfolio-items.animatedcontainer {
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s;
        -ms-transition-duration: .4s;
        -o-transition-duration: .4s;
        transition-duration: .4s
    }
    
    .portfolio-item {
        margin-bottom: 40px;
        visibility: hidden;
        overflow: hidden
    }
    
    .portfolio-masonry .portfolio-item .portfolio-image,
    .portfolio-nomargin .portfolio-item .portfolio-image {
        border-radius: 0
    }
    
    .portfolio-image-img {
        position: relative;
        overflow: hidden;
        width: 100%
    }
    
    .portfolio-item img {
        position: relative;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0;
        transition: all .6s ease
    }
    
    .portfolio-item h4 {
        font-size: 14px;
        margin: 0 0 10px;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    
    .portfolio-item h4 a {
        color: #666
    }
    
    .portfolio-item h4 a:hover {
        color: var(--color-secondary)
    }
    
    .portfolio-filters {
        margin: 30px 0
    }
    
    .portfolio-filters ul {
        padding: 0;
        margin: 0;
        list-style: none;
        color: #ccc
    }
    
    .portfolio-filters ul li {
        display: block;
        float: left;
        margin-right: 10px;
        line-height: 2
    }
    
    .portfolio-filters ul li:after {
        content: '/'
    }
    
    .portfolio-filters ul li:last-child:after,
    .wpb_row.angled_b_ltr:after {
        content: ''
    }
    
    .portfolio-filters ul li a {
        display: block;
        float: left;
        color: #999;
        margin-right: 10px
    }
    
    .portfolio-filters ul li a.active,
    .portfolio-filters ul li a:hover {
        color: var(--color-secondary)
    }
    
    .portfolio-default .portfolio-item .portfolio-image {
        margin: 0 0 16px
    }
    
    .portfolio-grid .portfolio-item {
        margin-bottom: 40px
    }
    
    .portfolio-grid .portfolio-item .portfolio-image {
        margin: 0;
        padding: 0
    }
    
    .portfolio-nomargin {
        background: #f9f9f9;
        margin: 0!important
    }
    
    .portfolio-nomargin .portfolio-item {
        width: 24.999%;
        float: left;
        margin: 0
    }
    
    .portfolio-nomargin .portfolio-item .portfolio-image img {
        width: 100%;
        height: auto
    }
    
    .portfolio-masonry {
        background: #f9f9f9;
        margin: 0!important
    }
    
    .portfolio-masonry .portfolio-item {
        float: left;
        margin: 0
    }
    
    .portfolio-masonry .portfolio-item.regular {
        width: 19.999%
    }
    
    .portfolio-masonry .portfolio-item.wide {
        width: 39.999%
    }
    
    .portfolio-masonry .portfolio-item.tall {
        width: 19.999%
    }
    
    .portfolio-masonry .portfolio-item.widetall {
        width: 39.999%
    }
    
    .portfolio-masonry .portfolio-item img {
        width: 100%;
        height: auto
    }
    
    .portfolio-overlay-icon .portfolio-image img {
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease
    }
    
    .portfolio-overlay-icon .portfolio-image:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    
    .portfolio-overlay-icon .portfolio-overlay {
        width: 100%;
        height: 100%;
        background: var(--color-secondary);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
        cursor: pointer!important
    }
    
    .portfolio-overlay-icon i {
        display: block;
        width: 66px;
        height: 66px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: 23px 0 0 -33px;
        border-radius: 50%;
        background: var(--color-white);
        line-height: 66px;
        opacity: 0;
        font-size: 24px;
        color: var(--color-secondary);
        font-weight: 400;
        z-index: 2
    }
    
    .portfolio-overlay-icon i a {
        color: var(--color-white)
    }
    
    .portfolio-overlay-effect .portfolio-overlay {
        position: absolute;
        bottom: -80px;
        width: 100%;
        height: auto;
        background: var(--color-secondary)
    }
    
    .portfolio-overlay-effect .overlay-effect span {
        display: block;
        margin: 15px 20px;
        color: var(--color-white);
        font-size: 18px;
        font-weight: 600
    }
    
    .portfolio-overlay-name .portfolio-overlay {
        width: 100%;
        height: 100%;
        background: var(--color-secondary);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0
    }
    
    .portfolio-overlay-name .portfolio-overlay span {
        display: block;
        margin: 25px 80px 25px 25px;
        color: var(--color-white);
        font-size: 18px;
        font-weight: 600;
        line-height: 1.7
    }
    
    .portfolio-overlay-name .portfolio-overlay i {
        color: var(--color-white)!important;
        position: absolute;
        bottom: 25px;
        left: 25px;
        opacity: .5;
        font-size: 16px
    }
    
    .testimonial,
    .testimonial-wrap {
        position: relative
    }
    
    .pullquote {
        color: #adadad;
        width: 260px;
        margin: 22px 0!important
    }
    
    .pullquote.align-left {
        float: left;
        padding: 0 20px;
        border-left: 4px solid #e6e6e6
    }
    
    .pullquote.align-right {
        float: right;
        padding: 0 20px;
        border-right: 4px solid #e6e6e6
    }
    
    .spacer {
        display: block;
        width: 100%;
        margin: 0
    }
    
    .social-icon,
    .social-icon a {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 21px
    }
    
    .social-icon {
        margin: 0 5px 5px 0;
        background-color: #f9f9f9;
        border-radius: 3px;
        overflow: hidden
    }
    
    .social-icon a {
        color: #999
    }
    
    .custom-table-1 table,
    .custom-table-2 table,
    .custom-table-3 table {
        margin: 0 0 20px;
        text-align: left
    }
    
    .social-icon a:hover {
        background-color: #777;
        color: var(--color-white)
    }
    
    .social-big,
    .social-big a {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 28px
    }
    
    .custom-table-1,
    .custom-table-2,
    .custom-table-3 {
        overflow: auto
    }
    
    .custom-table-1 table {
        border: 1px solid #e1e1e1;
        border-radius: 2px
    }
    
    .custom-table-1 tr:nth-child(even) {
        background: #f9f9f9
    }
    
    .custom-table-1 tr:nth-child(odd) {
        background: var(--color-white)
    }
    
    .custom-table-1 td,
    .custom-table-1 th {
        padding: 10px 20px;
        vertical-align: middle
    }
    
    .custom-table-1 thead th {
        font-size: 14px;
        font-weight: 700;
        color: var(--color-light-black);
        border-bottom: 1px solid #e1e1e1;
        padding: 15px 20px;
        background-color: #fcfcfc
    }
    
    .custom-table-2 table {
        border: 1px solid #e1e1e1;
        border-radius: 2px
    }
    
    .custom-table-2 tr:nth-child(even),
    .custom-table-2 tr:nth-child(odd) {
        background: var(--color-white)
    }
    
    .custom-table-2 td,
    .custom-table-2 th {
        padding: 10px 20px;
        vertical-align: middle;
        border: 1px solid #e1e1e1
    }
    
    .custom-table-2 tr:hover {
        background: #f9f9f9
    }
    
    .custom-table-2 thead th {
        color: var(--color-light-black);
        font-size: 14px;
        font-weight: 700;
        border: 0;
        border: 1px solid #e1e1e1;
        padding: 15px 20px;
        background-color: #fcfcfc
    }
    
    .custom-table-3 tr:nth-child(even),
    .custom-table-3 tr:nth-child(odd) {
        background: var(--color-white)
    }
    
    .custom-table-3 td,
    .custom-table-3 th {
        padding: 10px 20px;
        vertical-align: middle;
        border-bottom: 1px solid #e1e1e1
    }
    
    .custom-table-3 tr:hover {
        background: #fcfcfc
    }
    
    .custom-table-3 thead th {
        font-size: 14px;
        font-weight: 700;
        color: var(--color-white);
        border: 0;
        padding: 15px 20px;
        background: var(--color-light-black)
    }
    
    .testimonial {
        padding: 25px;
        background: var(--color-white);
        border: 1px solid #e1e1e1;
        color: #777;
        border-radius: 2px
    }
    
    .testimonial:after,
    .testimonial:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-bottom: 0
    }
    
    .testimonial:before {
        bottom: -16px;
        left: 25px;
        border-top-color: #ccc;
        border-width: 16px
    }
    
    .testimonial:after {
        bottom: -15px;
        left: 26px;
        border-top-color: var(--color-white);
        border-width: 15px
    }
    
    .testimonial-author {
        display: block;
        margin: 30px 0 0 24px;
        font-weight: 700
    }
    
    .testimonial-author span {
        margin-top: -3px;
        font-weight: 400;
        display: block;
        color: #999
    }
    
    .testimonial-img {
        display: block;
        overflow: hidden;
        left: 50%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        float: left;
        margin: 0 14px 0 0
    }
    
    .testimonial-img img {
        width: 100%;
        height: auto
    }
    
    .testimonial-slide {
        padding: 0 5%;
        margin: 0 0 14px;
        font-size: 20px;
        text-align: center;
        font-weight: 400;
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }
    
    .testimonial-slide span {
        display: block;
        margin: 20px 0 0;
        font-size: 14px;
        font-weight: 700;
        opacity: .6
    }
    
    .headline {
        line-height: 1.8;
        margin: 0 0 20px
    }
    
    .fontweight-inherit {
        font-weight: 400
    }
    
    .fontweight-300 {
        font-weight: 300
    }
    
    .fontweight-400 {
        font-weight: 400
    }
    
    .fontweight-500 {
        font-weight: 500
    }
    
    .fontweight-600 {
        font-weight: 600
    }
    
    .fontweight-700 {
        font-weight: 700
    }
    
    .fontweight-800 {
        font-weight: 800
    }
    
    .fontweight-900 {
        font-weight: 900
    }
    
    .fontsize-inherit {
        font-size: inherit
    }
    
    .fontsize-xs {
        font-size: 14px
    }
    
    .fontsize-s {
        font-size: 16px
    }
    
    .fontsize-m {
        font-size: 20px
    }
    
    .fontsize-l {
        font-size: 24px
    }
    
    .fontsize-xl {
        font-size: 28px
    }
    
    .fontsize-xxl {
        font-size: 34px
    }
    
    .fontsize-xxxl {
        font-size: 42px
    }
    
    .fontsize-xxxxl {
        font-size: 52px
    }
    
    .fontsize-xxxxxl {
        font-size: 60px
    }
    
    .superlarge {
        font-size: 100px
    }
    
    .transform-inherit {
        text-transform: inherit
    }
    
    .transform-uppercase {
        text-transform: uppercase
    }
    
    .align-left {
        text-align: left
    }
    
    .align-center {
        text-align: center
    }
    
    .align-right {
        text-align: right
    }
    
    .lh-12 {
        line-height: 1.2!important
    }
    
    .lh-13 {
        line-height: 1.3!important
    }
    
    .lh-14 {
        line-height: 1.4!important
    }
    
    .lh-15 {
        line-height: 1.5!important
    }
    
    .lh-16 {
        line-height: 1.6!important
    }
    
    .lh-17 {
        line-height: 1.7!important
    }
    
    .lh-18 {
        line-height: 1.8!important
    }
    
    .lh-19 {
        line-height: 1.9!important
    }
    
    .lh-20 {
        line-height: 2!important
    }
    
    .ls-2 {
        letter-spacing: 2px
    }
    
    .lowercase {
        text-transform: none!important
    }
    
    .divider-title {
        display: block;
        padding: 0;
        font-size: 14px;
        color: #444;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 14px;
        font-weight: 700;
        position: relative
    }
    
    .divider-title.align-center:after,
    .divider-title.align-left:after {
        background-color: #1cbac8;
        content: "";
        display: inline-block;
        height: 3px;
        width: 50px;
        position: absolute;
        bottom: -20px
    }
    
    .divider-title.align-center {
        text-align: center;
        margin: 0 auto 80px 0!important
    }
    
    .divider-title.align-center:after {
        left: 50%;
        margin-left: -25px
    }
    
    .divider-title.align-left {
        text-align: left;
        margin: 0 0 60px!important
    }
    
    .divider-title.align-left:after {
        left: 0
    }
    
    .blogslider_post_holder,
    .toggle .toggle-title {
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none
    }
    
    .toggle {
        margin: 0 0 20px
    }
    
    .toggle .toggle-title {
        padding: 10px 20px;
        background-color: #fafafa;
        border-radius: 3px;
        cursor: pointer;
        overflow: hidden;
        color: #777;
        font-weight: 600;
        -webkit-transition: all .2s;
        transition: all .2s;
        user-select: none
    }
    
    .toggle .toggle-title:hover {
        background: #f5f5f5
    }
    
    .toggle .toggle-title i {
        opacity: .6;
        font-size: 14px;
        font-weight: 400;
        margin: 5px 10px 0 0
    }
    
    .toggle .toggle-title.active {
        background: #1cbac8;
        color: var(--color-white);
        border-radius: 3px 3px 0 0
    }
    
    .toggle .toggle-title.active i {
        opacity: 1
    }
    
    .toggle .toggle-inner {
        margin: 0;
        background: var(--color-white);
        border: 1px solid #e1e1e1;
        color: #777;
        border-top: 0;
        padding: 20px;
        border-radius: 0 0 3px 3px;
        display: none
    }
    
    .toggle .toggle-inner p {
        color: #777!important
    }
    
    .toggle .toggle-inner div {
        max-width: 100%
    }
    
    .tooltips a,
    .tooltips a img {
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        max-width: 100%;
        text-align: center
    }
    
    .tooltips a img {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    .tooltips a:hover img {
        opacity: .7;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    
    .video-embed {
        margin: 0 0 20px
    }
    
    .video-embed iframe {
        max-width: 100%;
        height: auto
    }
    
    .visibility-mobile,
    .visibility-mobile-landscape,
    .visibility-mobile-portrait,
    .visibility-tablet {
        display: none!important
    }
    
    @media(max-width:479px) {
        .visibility-mobile,
        .visibility-mobile-portrait {
            display: inherit!important
        }
        .visibility-desktop,
        .visibility-mobile-landscape {
            display: none!important
        }
    }
    
    @media only screen and (min-width:480px) and (max-width:767px) {
        .visibility-mobile {
            display: inherit!important
        }
        .visibility-mobile-portrait {
            display: none!important
        }
        .visibility-mobile-landscape {
            display: inherit!important
        }
        .visibility-desktop {
            display: none!important
        }
        #bannerBtn {
           margin-left: 37%;
           margin-top: 11%;
       }
       .watch-video {
           top: 21rem !important;
       }
    }
    
    @media(min-width:768px) and (max-width:959px) {
        .visibility-tablet {
            display: inherit!important
        }
        .visibility-desktop,
        .visibility-mobile-landscape,
        .visibility-mobile-portrait {
            display: none!important
        }
    }
    
    .visible-lg,
    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block,
    .visible-md,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block,
    .visible-sm,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-xs,
    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block {
        display: none!important
    }
    
    @media(max-width:767px) {
        .visible-xs {
            display: block!important
        }
        table.visible-xs {
            display: table!important
        }
        tr.visible-xs {
            display: table-row!important
        }
        td.visible-xs,
        th.visible-xs {
            display: table-cell!important
        }
        .visible-xs-block {
            display: block!important
        }
        .visible-xs-inline {
            display: inline!important
        }
        .visible-xs-inline-block {
            display: inline-block!important
        }
    }
    
    @media(min-width:768px) and (max-width:959px) {
        .visible-sm {
            display: block!important
        }
        table.visible-sm {
            display: table!important
        }
        tr.visible-sm {
            display: table-row!important
        }
        td.visible-sm,
        th.visible-sm {
            display: table-cell!important
        }
        .visible-sm-block {
            display: block!important
        }
        .visible-sm-inline {
            display: inline!important
        }
        .visible-sm-inline-block {
            display: inline-block!important
        }
    }
    
    @media(min-width:960px) {
        .visible-md {
            display: block!important
        }
        table.visible-md {
            display: table!important
        }
        tr.visible-md {
            display: table-row!important
        }
        td.visible-md,
        th.visible-md {
            display: table-cell!important
        }
        .visible-md-block {
            display: block!important
        }
        .visible-md-inline {
            display: inline!important
        }
        .visible-md-inline-block {
            display: inline-block!important
        }
    }
    
    @media(min-width:1200px) {
        .visible-lg {
            display: block!important
        }
        table.visible-lg {
            display: table!important
        }
        tr.visible-lg {
            display: table-row!important
        }
        td.visible-lg,
        th.visible-lg {
            display: table-cell!important
        }
        .visible-lg-block {
            display: block!important
        }
        .visible-lg-inline {
            display: inline!important
        }
        .visible-lg-inline-block {
            display: inline-block!important
        }
        .hidden-lg {
            display: none!important
        }
    }
    
    @media(max-width:767px) {
        .hidden-xs {
            display: none!important
        }
    }
    
    @media(min-width:768px) and (max-width:959px) {
        .hidden-sm {
            display: none!important
        }
    }
    
    @media(min-width:960px) {
        .hidden-md {
            display: none!important
        }
    }
    
    .minti_list ul {
        list-style: none;
        margin: 0;
        padding: 0
    }
    
    .minti_list li {
        padding: 3px 0
    }
    
    .minti_list li:before {
        margin-right: 10px
    }
    
    .minti_list.color-accent li:before {
        color: var(--color-secondary)
    }
    
    .minti_list.circle li:before {
        content: "\f10c"
    }
    
    .minti_list.point li:before {
        content: "•"
    }
    
    .minti_list.arrow li:before {
        content: "\f0da"
    }
    
    .minti_list.circlearrow li:before {
        content: "\f138"
    }
    
    .minti_list.dotcircle li:before {
        content: "\f192"
    }
    
    .minti_list.plus li:before {
        content: "\f067"
    }
    
    .minti_list.thumb li:before {
        content: "\f087"
    }
    
    .minti_list.line li:before {
        content: "\f068"
    }
    
    .minti_list.checkbox li:before {
        content: "\f00c"
    }
    
    .minti_list.show_separator li {
        padding: 8px 0;
        border-bottom: 1px solid #efefef
    }
    
    .minti_list.show_separator li:last-child {
        border: 0
    }
    
    .blogslider_post_holder {
        user-select: none
    }
    
    .blogslider_text_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    
    .minti_zooming_slider_item .image_wrapper,
    .minti_zooming_slider_item_wrapper {
        position: relative
    }
    
    .blogslider_text_outer {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        text-align: center
    }
    
    .blogslider_text_inner {
        display: table-cell;
        vertical-align: middle
    }
    
    .blogslider_text_inner2 {
        background: var(--color-white);
        width: 33%;
        padding: 40px;
        margin: 0 auto;
        border-radius: 2px;
        box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .12)
    }
    
    .blogslider_meta {
        color: #999;
        margin: 0 0 10px
    }
    
    .blogslider_title {
        margin: 0 0 14px!important;
        padding: 0;
        font-size: 22px
    }
    
    .minti_zooming_slider {
        width: 38%;
        margin: 0 auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none
    }
    
    .minti_zooming_slider .flex-viewport {
        overflow: visible!important
    }
    
    .minti_zooming_slider_item {
        opacity: 0;
        -webkit-transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out
    }
    
    .minti_zooming_slider_item:not(.active) {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out
    }
    
    .minti_zooming_slider_item_inner {
        position: relative;
        width: 100%;
        margin-left: 0
    }
    
    .minti_zooming_slider_item .image_wrapper img {
        display: block;
        width: 100%;
        height: auto!important
    }
    
    .minti_zooming_slider_item .image_wrapper h6 {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
        padding: 10px 20px;
        display: none;
        font-size: 14px!important;
        color: #666
    }
    
    .minti_zooming_slider .slides {
        position: relative;
        cursor: grab!important;
        cursor: -moz-grab!important;
        cursor: -webkit-grab!important
    }
    
    .minti_zooming_slider .slides li.clone_end {
        position: absolute;
        top: 0;
        left: 50%
    }
    
    .minti_zooming_slider .flex-active-slide {
        margin-bottom: 40px
    }
    
    .minti_zooming_slider .slides li.clone_start {
        position: absolute;
        top: 0;
        right: 100%
    }
    
    .minti_zooming_slider .flex-direction-nav {
        display: none!important
    }
    
    .minti_zooming_slider .flex-control-nav {
        position: relative;
        bottom: auto;
        text-align: center;
        width: 160%;
        margin-left: -29%;
        margin-top: 0
    }
    
    .minti_zooming_slider .flex-control-nav li {
        margin: auto;
        zoom: 1
    }
    
    .minti_zooming_slider .flex-control-paging li a {
        text-indent: inherit;
        display: inline-block;
        background: 0;
        border: 0;
        width: auto;
        height: auto;
        border-radius: 2px;
        opacity: 1;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        margin: 0;
        cursor: pointer
    }
    
    .minti_zooming_slider .flex-control-nav li {
        float: left;
        display: block;
        box-sizing: border-box;
        position: relative
    }
    
    .minti_zooming_slider .flex-control-nav li .backline {
        width: 100%;
        height: 1px;
        background: #efefef;
        position: absolute;
        top: 4px;
        left: 0;
        z-index: -1
    }
    
    .minti_zooming_slider .flex-control-nav li:first-child .backline {
        left: 50%;
        width: 50%
    }
    
    .minti_zooming_slider .flex-control-nav li:last-child .backline {
        width: 50%
    }
    
    .minti_zooming_slider .flex-control-nav li a {
        display: block;
        box-sizing: border-box;
        width: 8px;
        margin: 0 auto;
        height: 8px;
        border-radius: 50%;
        background-color: #999
    }
    
    .minti_zooming_slider .flex-control-nav li .minti_zooming_slider_ghost {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--color-secondary);
        cursor: pointer;
        top: 0;
        left: 50%;
        z-index: 100;
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: opacity 0s ease-out .4s, left .4s ease-out;
        transition: opacity 0s ease-out .4s, left .4s ease-out
    }
    
    .minti_zooming_slider .flex-control-nav li .minti_zooming_slider_ghost.shown {
        left: 50%!important;
        opacity: 1;
        -webkit-transition: opacity 0s ease .4s;
        transition: opacity 0s ease .4s
    }
    
    .minti_zooming_slider .flex-control-nav li .nav_title h6 {
        width: auto;
        margin: 0 5px;
        padding-top: 15px;
        font-size: 14px!important;
        color: #666;
        text-align: center;
        cursor: pointer
    }
    
    .minti_carousel {
        opacity: 0
    }
    
    .minti_carousel .wpb_content_element {
        margin-bottom: 25px
    }
    
    .minti_carousel.grab-true,
    .minti_carousel.grab-true a {
        cursor: grab!important;
        cursor: -moz-grab!important;
        cursor: -webkit-grab!important
    }
    
    .minti_carousel.pagination_numbers .owl-dots {
        text-align: left
    }
    
    .minti_carousel.pagination_numbers .owl-dots:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    .minti_carousel.pagination_numbers .owl-dots .owl-dot {
        display: inline-block;
        float: left;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-weight: 700;
        text-align: center;
        background: var(--color-light-black);
        color: var(--color-white);
        margin-right: 5px;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        -ms-transition: all .2s ease;
        transition: all .2s ease
    }
    
    .minti_carousel.pagination_numbers .owl-dots .owl-dot.active {
        background: var(--color-secondary);
        color: var(--color-white)!important
    }
    
    .minti_boxedholder {
        border-style: solid
    }
    
    .minti_boxedholder .wpb_content_element:last-child {
        margin-bottom: 0
    }
    
    .minti_masonrygrid {
        margin: 0 -10px;
        padding: 10px 0
    }
    
    .full-width-section .minti_masonrygrid {
        margin: 0 10px
    }
    
    .grid-sizer {
        width: 25%
    }
    
    .minti_masonrygrid_item {
        float: left;
        opacity: 0
    }
    
    .minti_masonrygrid_item_wrap {
        margin: 0;
        box-sizing: border-box;
        padding: 10px;
        overflow: hidden
    }
    
    .minti_masonrygrid_item_inner {
        margin: 0;
        padding: 0;
        background-size: cover;
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%
    }
    
    .minti_masonrygrid_item_cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 20px
    }
    
    .minti_masonrygrid_item_overlay {
        background: rgba(12, 12, 12, .88);
        color: var(--color-white);
        font-size: 20px;
        letter-spacing: 1px;
        opacity: 0
    }
    
    .masonry_text .minti_masonrygrid_item_inner {
        background: #f3f3f3;
        box-sizing: border-box;
        padding: 60px
    }
    
    .masonry_text .minti_masonrygrid_item_cell {
        text-align: left
    }
    
    .masonry_text h4 {
        font-size: 28px;
        font-weight: inherit;
        margin: 0;
        padding: 0
    }
    
    .masonry_text .divider {
        width: 40px;
        height: 0;
        border-bottom: 2px solid #cbcbcb;
        margin: 30px 0
    }
    
    .masonry_icon .minti_masonrygrid_item_inner {
        background: #f3f3f3;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    .masonry_icon i {
        font-size: 38px;
        color: var(--color-secondary)
    }
    
    .masonry_icon h4 {
        font-size: 18px;
        font-weight: inherit;
        margin: 10px 0;
        padding: 0;
        -webkit-transition: all .16s;
        -moz-transition: all .16s;
        -ms-transition: all .16s;
        -o-transition: all .16s;
        transition: all .16s
    }
    
    .masonry_icon .minti_masonrygrid_subtitle {
        color: #999
    }
    
    .masonry_icon:hover .minti_masonrygrid_item_inner {
        background: #222
    }
    
    .section.bg-stretch,
    .wpb_column {
        background-size: cover;
        background-repeat: repeat
    }
    
    .masonry_icon:hover h4 {
        color: var(--color-white)
    }
    
    .section {
        overflow: hidden;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        border-left: none!important;
        border-right: none!important
    }
    
    .section:after,
    .section:before {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    #content.columns>.standard-section {
        margin: 0 -20px
    }
    
    #content.columns>.standard-section:last-child {
        margin-bottom: 20px
    }
    
    .full-width-section {
        overflow-x: hidden
    }
    
    .section img {
        display: inline-block;
        margin: 0;
        vertical-align: middle
    }
    
    .section-parallax {
        opacity: 0;
        position: static;
        background-position: center 0;
        background-attachment: fixed
    }
    
    .section-parallax.on-mobile {
        background-position: center center;
        background-repeat: repeat;
        background-attachment: scroll
    }
    
    .section-triangle {
        position: relative
    }
    
    .section-triangle .section-triangle-color {
        position: absolute;
        top: 0;
        left: 50%;
        content: '';
        width: 0;
        height: 0;
        z-index: 99;
        border-style: solid;
        margin-left: -16px;
        border-width: 16px 16px 0;
        border-color: var(--color-white) transparent transparent
    }
    
    .wpb_row.angled_b_ltr:after,
    .wpb_row.angled_b_rtl:after {
        padding: 7% 0 0;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 2;
        width: 110%;
        margin-left: -5%;
        bottom: -1px
    }
    
    .wpb_row.angled_b_ltr:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'width='1000'height='70'%3E%3Cpolygonpoints='0,701000,01000,70'style='fill:rgb(255,255,255);'%3E%3C/polygon%3E%3C/svg%3E");
        height: 0;
        visibility: visible
    }
    
    .wpb_row.angled_b_rtl:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'width='1000'height='70'%3E%3Cpolygonpoints='0,00,701000,70'style='fill:rgb(255,255,255);'%3E%3C/polygon%3E%3C/svg%3E");
        height: 0;
        content: '';
        visibility: visible
    }
    
    .wpb_row.angled_t_ltr:before,
    .wpb_row.angled_t_rtl:before {
        padding: 0 0 7%;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        z-index: 2;
        width: 110%;
        margin-left: -3%;
        top: -1px;
        content: '';
        visibility: visible;
        height: 0
    }
    
    .wpb_row.angled_t_ltr:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'width='1000'height='70'%3E%3Cpolygonpoints='0,01000,00,70'style='fill:rgb(255,255,255);'%3E%3C/polygon%3E%3C/svg%3E")
    }
    
    .wpb_row.angled_t_rtl:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'width='1000'height='70'%3E%3Cpolygonpoints='0,01000,01000,70'style='fill:rgb(255,255,255);'%3E%3C/polygon%3E%3C/svg%3E")
    }
    
    .vc_container,
    .vc_non_responsive .wpb_row .vc_col-sm-1,
    .vc_non_responsive .wpb_row .vc_col-sm-10,
    .vc_non_responsive .wpb_row .vc_col-sm-11,
    .vc_non_responsive .wpb_row .vc_col-sm-12,
    .vc_non_responsive .wpb_row .vc_col-sm-2,
    .vc_non_responsive .wpb_row .vc_col-sm-3,
    .vc_non_responsive .wpb_row .vc_col-sm-4,
    .vc_non_responsive .wpb_row .vc_col-sm-5,
    .vc_non_responsive .wpb_row .vc_col-sm-6,
    .vc_non_responsive .wpb_row .vc_col-sm-7,
    .vc_non_responsive .wpb_row .vc_col-sm-8,
    .vc_non_responsive .wpb_row .vc_col-sm-9,
    .vc_responsive .wpb_row .vc_col-sm-1,
    .vc_responsive .wpb_row .vc_col-sm-10,
    .vc_responsive .wpb_row .vc_col-sm-11,
    .vc_responsive .wpb_row .vc_col-sm-12,
    .vc_responsive .wpb_row .vc_col-sm-2,
    .vc_responsive .wpb_row .vc_col-sm-3,
    .vc_responsive .wpb_row .vc_col-sm-4,
    .vc_responsive .wpb_row .vc_col-sm-5,
    .vc_responsive .wpb_row .vc_col-sm-6,
    .vc_responsive .wpb_row .vc_col-sm-7,
    .vc_responsive .wpb_row .vc_col-sm-8,
    .vc_responsive .wpb_row .vc_col-sm-9 {
        padding-left: 20px;
        padding-right: 20px
    }
    
    .wpb_row.vc_row-o-full-height {
        min-height: 100vh
    }
    
    .wpb_row.vc_row-o-content-middle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box!important
    }
    
    .wpb_row:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden
    }
    
    .vc_container {
        margin-right: auto;
        margin-left: auto
    }
    
    .wpb_row {
        margin-left: -20px;
        margin-right: -20px
    }
    
    .page-section .wpb_row {
        margin: 0
    }
    
    .page-section .wpb_row .wpb_row {
        margin: 0 -20px!important;
        padding: 0
    }
    
    .sidebar-left .wpb_row,
    .sidebar-right .wpb_row {
        margin-bottom: 0
    }
    
    .sidebar-left .wpb_row .wpb_row,
    .sidebar-right .wpb_row .wpb_row {
        margin: 0 -20px
    }
    
    .full-width-section .wpb_column {
        padding: 0!important
    }
    
    .wpb_row .wpb_column p:last-child {
        margin: 0
    }
    
    .wpb_column>.wpb_wrapper>:last-child,
    .wpb_row .wpb_row .wpb_content_element:last-child {
        margin-bottom: 0
    }
    
    .vc_column_container>.vc_column-inner {
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
    
    @media(max-width:767px) {
        .wpb_row .wpb_column {
            margin-bottom: 40px
        }
        .vc_responsive .full-width-section .wpb_column,
        .vc_responsive .wpb_row>div>:last-child,
        .vc_responsive .wpb_row>div>:last-child>.wpb_column {
            margin-bottom: 0!important
        }
    }
    
    .last_toggle_el_margin,
    .wpb_button,
    .wpb_content_element,
    .wpb_row,
    .wpb_row .wpb_row .wpb_content_element,
    ul.wpb_thumbnails-fluid>li {
        margin-bottom: 40px
    }
    
    .page-section .standard-section .span_12 {
        max-width: 1200px;
        margin: 0 auto
    }
    
    @media only screen and (min-width:960px) and (max-width:1199px) {
        .vc_responsive .page-section .standard-section .span_12 {
            max-width: 960px
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:959px) {
        .vc_responsive .page-section .standard-section .span_12 {
            max-width: 768px
        }
    }
    
    @media only screen and (max-width:767px) {
        .section {
            overflow: hidden
        }
        .vc_responsive .page-section .standard-section .span_12 {
            max-width: 340px
        }
    }
    
    @media only screen and (min-width:480px) and (max-width:767px) {
        .vc_responsive .page-section .standard-section .span_12 {
            max-width: 460px
        }
    }
    
    .col.text-align-center {
        text-align: center
    }
    
    .col.text-align-right {
        text-align: right
    }
    
    .wpb_row .span_12>.col.padding-1 {
        padding: 1%!important
    }
    
    .wpb_row .span_12>.col.padding-2 {
        padding: 2%!important
    }
    
    .wpb_row .span_12>.col.padding-3 {
        padding: 3%!important
    }
    
    .wpb_row .span_12>.col.padding-4 {
        padding: 4%!important
    }
    
    .wpb_row .span_12>.col.padding-5 {
        padding: 5%!important
    }
    
    .wpb_row .span_12>.col.padding-6 {
        padding: 6%!important
    }
    
    .wpb_row .span_12>.col.padding-7 {
        padding: 7%!important
    }
    
    .wpb_row .span_12>.col.padding-8 {
        padding: 8%!important
    }
    
    .wpb_row .span_12>.col.padding-9 {
        padding: 9%!important
    }
    
    .wpb_row .span_12>.col.padding-10 {
        padding: 10%!important
    }
    
    @media only screen and (max-width:767px) {
        .wpb_row .span_12>.col.padding-1,
        .wpb_row .span_12>.col.padding-10,
        .wpb_row .span_12>.col.padding-2,
        .wpb_row .span_12>.col.padding-3,
        .wpb_row .span_12>.col.padding-4,
        .wpb_row .span_12>.col.padding-5,
        .wpb_row .span_12>.col.padding-6,
        .wpb_row .span_12>.col.padding-7,
        .wpb_row .span_12>.col.padding-8,
        .wpb_row .span_12>.col.padding-9 {
            padding-top: 40px!important;
            padding-bottom: 40px!important
        }
    }
    
    .wpb_widgetised_column .widget {
        margin-bottom: 40px;
        color: #888
    }
    
    .wpb_widgetised_column .widget h3 {
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 16px;
        color: #444
    }
    
    .wpb_widgetised_column .widget ul {
        margin: -10px 0 0
    }
    
    .wpb_widgetised_column .widget>ul>li {
        border-bottom: 1px solid #efefef;
        position: relative;
        padding: 10px 0
    }
    
    .wpb_widgetised_column .widget>ul>li:last-child {
        border: 0
    }
    
    .wpb_widgetised_column .widget>ul>li ul {
        margin-top: 10px;
        margin-bottom: -10px;
        border-top: 1px solid #efefef
    }
    
    .wpb_widgetised_column .widget>ul>li ul li {
        background: #f9f9f9;
        padding: 10px 0 10px 14px;
        border-bottom: 1px dashed #efefef
    }
    
    .wpb_widgetised_column .widget>ul>li ul li:last-child {
        border-bottom: 0
    }
    
    .wpb_widgetised_column .widget>ul>li ul li a:before {
        content: '+';
        margin-right: 10px
    }
    
    .wpb_widgetised_column .widget ul li:after {
        content: "\f105";
        position: absolute;
        top: 10px;
        right: 0;
        font-size: 14px;
        color: #ccc
    }
    
    .wpb_widgetised_column .widget ul li a {
        display: block;
        color: #777
    }
    
    .wpb_accordion .wpb_accordion_wrapper .ui-state-active.wpb_accordion_header a,
    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover,
    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:hover .ui-state-default .ui-icon,
    .wpb_widgetised_column .widget ul li a:hover,
    .wpb_widgetised_column .widget ul li:hover:after {
        color: var(--color-secondary)
    }
    
    .wpb_widgetised_column .widget>ul>li.current-menu-item,
    .wpb_widgetised_column .widget>ul>li.current_page_item {
        font-weight: 600
    }
    
    .animate {
        opacity: 0;
        position: relative
    }
    
    .animate[data-animation=fade-in-from-left] {
        left: -40px
    }
    
    .animate[data-animation=fade-in-from-right] {
        right: -40px
    }
    
    .animate[data-animation=fade-in-from-bottom] {
        bottom: -50px
    }
    
    .animate[data-animation=fade-in-from-top] {
        top: -50px
    }
    
    .ui-helper-reset {
        line-height: 1.9
    }
    
    .wpb_content_element .wpb_accordion_header a {
        border-bottom: 0;
        text-decoration: none;
        display: block;
        padding: 0;
        outline: 0!important
    }
    
    .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
        background-color: transparent;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear
    }
    
    .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
        padding: 0 0 30px 30px;
        display: none
    }
    
    .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_row:last-child>div>div.wpb_wrapper .wpb_content_element:last-child,
    .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content>.wpb_content_element:last-child {
        margin-bottom: 0
    }
    
    .wpb_accordion .wpb_accordion_wrapper {
        border-bottom: 1px solid rgba(0, 0, 0, .07)
    }
    
    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
        margin: 0;
        padding-top: 0;
        position: relative;
        text-transform: none;
        font-weight: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        outline: 0!important;
        border-top: 1px solid rgba(0, 0, 0, .07)
    }
    
    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
        padding: 20px 0;
        color: #666;
        font-weight: 700;
        -webkit-transition: all 70ms ease;
        -moz-transition: all 70ms ease;
        -ms-transition: all 70ms ease;
        -o-transition: all 70ms ease;
        transition: all 70ms ease
    }
    
    .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon,
    .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
        position: relative;
        float: left;
        left: 0;
        top: 0;
        right: 0;
        width: 18px;
        height: 18px;
        display: block;
        background: url(../images/accordion-open.png) center center no-repeat #999;
        margin: 23px 12px 0 0;
        border-radius: 2px;
        cursor: pointer;
        -webkit-transition: all 70ms ease;
        -moz-transition: all 70ms ease;
        -ms-transition: all 70ms ease;
        -o-transition: all 70ms ease;
        transition: all 70ms ease
    }
    
    .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
        background-image: url(../images/accordion-close.png);
        background-color: var(--color-secondary)
    }
    
    .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header:hover .ui-icon {
        background-color: var(--color-secondary)!important
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio:2),
    only screen and (min-device-pixel-ratio:2) {
        .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
            background-image: url(../images/accordion-open@2x.png);
            background-size: 10px 10px
        }
        .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
            background-image: url(../images/accordion-close@2x.png);
            background-size: 10px 10px
        }
    }
    
    .wpb_content_element.wpb_tabs .wpb_tabs_nav,
    .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper {
        padding: 0
    }
    
    .wpb_content_element.wpb_tabs .wpb_tabs_nav {
        margin: 0;
        padding-left: 0!important;
        text-indent: inherit!important
    }
    
    #content .wpb_content_element.wpb_tabs .wpb_tabs_nav {
        margin: 0
    }
    
    .wpb_content_element.wpb_tabs .wpb_tabs_nav li {
        background-color: transparent;
        white-space: nowrap;
        padding: 0;
        background-image: none;
        list-style: none!important;
        margin: 0 30px -1px 0!important;
        font-size: 16px;
        font-weight: 600;
        position: relative;
        z-index: 1
    }
    
    .wpb_content_element.wpb_tabs .wpb_tabs_nav li:after,
    .wpb_content_element.wpb_tabs .wpb_tabs_nav li:before {
        display: none!important
    }
    
    .wpb_content_element.wpb_tabs .wpb_tabs_nav li:hover {
        background-color: var(--color-white)
    }
    
    .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active {
        background-color: var(--color-white);
        border-bottom: 3px solid #666
    }
    
    .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active a {
        cursor: default;
        color: var(--color-light-black)
    }
    
    .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide {
        display: none
    }
    
    .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }
    
    .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
        border-bottom: 0;
        text-decoration: none;
        display: block;
        padding: 0 2px 15px;
        color: #999;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }
    
    .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a:hover {
        color: var(--color-light-black)
    }
    
    .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
        background-color: var(--color-white);
        border-top: 1px solid #efefef;
        padding: 20px 0 0
    }
    
    .wpb_content_element.wpb_tour .wpb_tour_next_prev_nav {
        display: none
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav {
        width: 26%
    }
    
    .wpb_content_element.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: 0;
        float: left;
        width: 74%;
        padding: 0 0 0 40px
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 0
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav li {
        background: #fafafa;
        padding: 0;
        margin: 0 0 5px;
        position: relative;
        border-radius: 2px;
        box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .12)
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav li:hover {
        background: #f1f1f1
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav li a {
        padding: 10px 20px;
        color: #666;
        position: relative
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav li a:after {
        font-family: FontAwesome;
        content: "\f054";
        position: absolute;
        top: 13px;
        right: 60px;
        font-size: 12px;
        color: #999
    }
    
    .wpb_row,
    .wpb_row .span_12 {
        position: relative
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active {
        background: #444;
        color: var(--color-white);
        box-shadow: none
    }
    
    .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active a,
    .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active a:after {
        color: var(--color-white)
    }
    
    .wpb_row .span_12 {
        z-index: 10
    }
    
    .video-fallback {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover
    }
    
    .video-overlay,
    .wpb_row .video-wrap {
        position: absolute!important;
        top: 0;
        left: 0;
        padding-bottom: 0!important
    }
    
    .wpb_row .video-wrap {
        overflow: hidden;
        opacity: 0;
        z-index: 1
    }
    
    .video-overlay {
        width: 100%;
        height: 100%;
        opacity: .72;
        z-index: 3
    }
    
    .wpb_row .video-wrap .mejs-container .mejs-controls {
        display: none!important
    }
    
    .vc_pie_chart h4 {
        margin: 10px 0 0;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 700;
        text-transform: uppercase
    }
    
    .vc_pie_chart {
        margin: 0!important
    }
    
    .color-light,
    .color-light p {
        color: rgba(255, 255, 255, .9)!important
    }
    
    .color-light a,
    .color-light h1 a,
    .color-light h2 a,
    .color-light h3 a,
    .color-light h4 a,
    .color-light h5 a,
    .color-light h6 a {
        color: var(--color-white)
    }
    
    .color-light a:hover,
    .color-light a:hover h1,
    .color-light a:hover h2,
    .color-light a:hover h3,
    .color-light a:hover h4,
    .color-light a:hover h5,
    .color-light a:hover h6,
    .color-light h1 a:hover,
    .color-light h2 a:hover,
    .color-light h3 a:hover,
    .color-light h4 a:hover,
    .color-light h5 a:hover,
    .color-light h6 a:hover {
        color: var(--color-white)!important
    }
    
    .color-light h1,
    .color-light h2,
    .color-light h3,
    .color-light h4,
    .color-light h5,
    .color-light h6 {
        color: var(--color-white)
    }
    
    .color-custom h1,
    .color-custom h2,
    .color-custom h3,
    .color-custom h4,
    .color-custom h5,
    .color-custom h6 {
        color: inherit
    }
    
    .color-light .progressbar {
        background: rgba(255, 255, 255, .2)
    }
    
    .color-light .testimonial-author {
        color: rgba(255, 255, 255, .8)
    }
    
    .color-light .testimonial {
        background: var(--color-white)
    }
    
    .color-light .testimonial:after {
        border-color: var(--color-white) transparent transparent
    }
    
    .color-light .divider-title,
    .color-light .title {
        color: var(--color-white)
    }
    
    .color-light .member .member-role {
        color: rgba(255, 255, 255, .8)
    }
    
    .color-light .title.align-center:after,
    .color-light .title.align-center:before,
    .color-light .title.align-left:after,
    .color-light .title:after {
        background-color: rgba(255, 255, 255, .5)
    }
    
    .color-light .imagebox {
        border: 0
    }
    
    .color-light .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
        color: var(--color-white)!important
    }
    
    .color-light .wpb_accordion .wpb_accordion_wrapper,
    .color-light .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
        border-color: rgba(255, 255, 255, .2)
    }
    
    .color-light .social-icon {
        background-color: rgba(255, 255, 255, .1)!important
    }
    
    .color-light .social-icon a {
        color: var(--color-white)
    }
    
    .color-light .social-icon a:hover {
        background: var(--color-white);
        color: #777!important
    }
    
    .color-light .toggle .toggle-title {
        background-color: var(--color-white);
        border: 1px solid var(--color-white);
        color: #777
    }
    
    .color-light .toggle .toggle-title:hover {
        background: #efefef
    }
    
    .color-light .toggle .toggle-title i {
        opacity: .6;
        font-size: 14px;
        font-weight: 400;
        margin: 5px 10px 0 0
    }
    
    .color-light .toggle .toggle-title.active {
        background: #1cbac8;
        color: var(--color-white);
        border-color: #1cbac8
    }
    
    .color-light .toggle .toggle-title.active i {
        opacity: 1
    }
    
    .color-light .toggle .toggle-inner {
        background: var(--color-white);
        border: 1px solid var(--color-white);
        color: #777
    }
    
    .color-light .toggle .toggle-inner p {
        color: #777!important
    }
    
    .color-light .gallery-style-2 .gallery {
        background: rgba(0, 0, 0, .2)
    }
    
    .color-light input[type=email],
    .color-light input[type=password],
    .color-light input[type=text],
    .color-light textarea {
        color: rgba(255, 255, 255, .5);
        border: 1px solid rgba(255, 255, 255, .5);
        background: 0
    }
    
    .color-light input[type=email]:focus,
    .color-light input[type=password]:focus,
    .color-light input[type=text]:focus,
    .color-light textarea:focus {
        color: var(--color-white);
        background: 0;
        border-color: var(--color-white)
    }
    
    .color-light .wpcf7-form .wpcf7-submit {
        background: var(--color-white);
        color: #777;
        border: 0
    }
    
    .color-light .wpcf7 span.wpcf7-not-valid-tip {
        color: #777;
        margin-top: -2px;
        background: var(--color-white);
        padding: 4px 10px;
        border-radius: 0 0 2px 2px
    }
    
    .color-light input.wpcf7-not-valid {
        border-color: var(--color-white)
    }
    
    .color-light .wpcf7-form input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .7)
    }
    
    .color-light .wpcf7-form input:-moz-placeholder {
        color: rgba(255, 255, 255, .7)
    }
    
    .color-light .wpcf7-form input::-moz-placeholder {
        color: rgba(255, 255, 255, .7)
    }
    
    .color-light .wpcf7-form input:-ms-input-placeholder {
        color: rgba(255, 255, 255, .7)
    }
    
    .color-light .minimalistic_form input[type=email],
    .color-light .minimalistic_form input[type=password],
    .color-light .minimalistic_form input[type=tel],
    .color-light .minimalistic_form input[type=text],
    .color-light .minimalistic_form textarea {
        background-color: transparent!important;
        border-top: transparent;
        border-right: transparent;
        border-left: transparent;
        border-bottom-width: 1px
    }
    
    .color-light .minimalistic_form .simpleselect .placeholder {
        border: 1px solid rgba(255, 255, 255, .5);
        background-color: transparent!important;
        border-top: transparent;
        border-right: transparent;
        border-left: transparent
    }
    
    .color-light .iconbox-content p {
        opacity: .8
    }
    
    .color-light .iconbox-style-8 {
        background: var(--color-white);
        color: #777!important
    }
    
    .color-light .iconbox-style-8 i.boxicon {
        color: #999
    }
    
    .color-light .iconbox-style-10 {
        background: 0;
        border: 2px solid rgba(255, 255, 255, .3)
    }
    
    .color-light .iconbox-style-10 i.boxicon {
        color: rgba(255, 255, 255, .09)
    }
    
    .color-light .latest-blog-list-modern li {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }
    
    .color-light .latest-blog-list-modern li a:hover {
        background: rgba(255, 255, 255, .07)
    }
    
    .color-light .latest-blog-list-modern li span {
        color: rgba(255, 255, 255, .7)
    }
    
    .color-light .owl-theme .owl-dots .owl-dot span {
        border: 2px solid var(--color-white);
        background: 0
    }
    
    .color-light .owl-theme .owl-dots .owl-dot.active span {
        background: var(--color-white)
    }
    
    .color-light .blog-list-item-excerpt a {
        opacity: .5
    }
    
    .color-light .blog-list-item-excerpt a:hover {
        opacity: 1
    }
    
    .color-light .latest-blog-list .blog-list-item-date {
        background: #f4f4f4;
        color: #444
    }
    
    .color-light .latest-blog-list .blog-list-item-date span {
        background: #444;
        color: var(--color-white)
    }
    
    .color-light .minti_list.show_separator li {
        border-color: rgba(255, 255, 255, .1)
    }
    
    .color-light .minti_zooming_slider .flex-control-nav li .backline {
        background: rgba(255, 255, 255, .06)
    }
    
    .color-light .minti_zooming_slider .flex-control-nav li a {
        background-color: #666
    }
    
    .color-light .minti_zooming_slider .flex-control-nav li .nav_title h6,
    .color-light .minti_zooming_slider_item .image_wrapper h6 {
        color: var(--color-white)
    }
    
    .color-light .minti_carousel.pagination_numbers .owl-dots .owl-dot {
        background: rgba(255, 255, 255, .1);
        color: var(--color-white)
    }
    
    .color-light .wpb_content_element.wpb_tour .wpb_tabs_nav li {
        background: rgba(0, 0, 0, .1)
    }
    
    .color-light .wpb_content_element.wpb_tour .wpb_tabs_nav li:hover {
        background: rgba(0, 0, 0, .2)
    }
    
    .color-light .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active,
    .color-light .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active a,
    .color-light .wpb_content_element.wpb_tour .wpb_tabs_nav li.ui-tabs-active a:after {
        color: var(--color-white)
    }
    
    @media only screen and (min-width:960px) and (max-width:1199px) {
        .wrapall {
            min-width: 960px
        }
        .container {
            position: relative;
            width: 960px;
            margin: 0 auto;
            padding: 0
        }
        .container .column,
        .container .columns {
            float: left;
            display: inline;
            margin-left: 20px;
            margin-right: 20px
        }
        .row {
            margin-bottom: 20px
        }
        .column.alpha,
        .columns.alpha {
            margin-left: 0
        }
        .column.omega,
        .columns.omega {
            margin-right: 0
        }
        .container .one.column,
        .container .one.columns {
            width: 20px
        }
        .container .two.columns {
            width: 80px
        }
        .container .three.columns {
            width: 140px
        }
        .container .four.columns {
            width: 200px
        }
        .container .five.columns {
            width: 260px
        }
        .container .six.columns {
            width: 320px
        }
        .container .seven.columns {
            width: 380px
        }
        .container .eight.columns {
            width: 440px
        }
        .container .nine.columns {
            width: 500px
        }
        .container .ten.columns {
            width: 560px
        }
        .container .eleven.columns {
            width: 620px
        }
        .container .twelve.columns {
            width: 680px
        }
        .container .thirteen.columns {
            width: 740px
        }
        .container .fourteen.columns {
            width: 800px
        }
        .container .fifteen.columns {
            width: 860px
        }
        .container .sixteen.columns {
            width: 920px
        }
        .container .one-third.column,
        .container .one-third.columns {
            width: 280px
        }
        .container .two-thirds.column,
        .container .two-thirds.columns {
            width: 620px
        }
        .container .twelve.alt.sidebar-right {
            padding-right: 39px;
            width: 640px
        }
        .container .twelve.alt.sidebar-left {
            padding-left: 39px;
            width: 640px
        }
        #sidebar.sidebar-right #sidebar-widgets {
            margin-left: -21px;
            padding-left: 40px
        }
        #sidebar.sidebar-left #sidebar-widgets {
            margin-right: -21px;
            padding-right: 40px
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:960px) {
        .wrapall {
            min-width: 768px
        }
        .container {
            width: 768px
        }
        .container .column,
        .container .columns {
            margin-left: 10px;
            margin-right: 10px
        }
        .column.alpha,
        .columns.alpha {
            margin-left: 0;
            margin-right: 10px
        }
        .column.omega,
        .columns.omega {
            margin-right: 0;
            margin-left: 10px
        }
        .alpha.omega {
            margin-left: 0;
            margin-right: 0
        }
        .container .one.column,
        .container .one.columns {
            width: 28px
        }
        .container .two.columns {
            width: 76px
        }
        .container .three.columns {
            width: 124px
        }
        .container .four.columns {
            width: 172px
        }
        .container .five.columns {
            width: 220px
        }
        .container .six.columns {
            width: 268px
        }
        .container .seven.columns {
            width: 316px
        }
        .container .eight.columns {
            width: 364px
        }
        .container .nine.columns {
            width: 412px
        }
        .container .ten.columns {
            width: 460px
        }
        .container .eleven.columns {
            width: 508px
        }
        .container .twelve.columns {
            width: 556px
        }
        .container .thirteen.columns {
            width: 604px
        }
        .container .fourteen.columns {
            width: 652px
        }
        .container .fifteen.columns {
            width: 700px
        }
        .container .sixteen.columns {
            width: 748px
        }
        .container .one-third.column,
        .container .one-third.columns {
            width: 236px
        }
        .container .two-thirds.column,
        .container .two-thirds.columns {
            width: 492px
        }
        #sidebar.sidebar-left #sidebar-widgets,
        #sidebar.sidebar-right #sidebar-widgets,
        .container .twelve.alt.sidebar-left,
        .container .twelve.alt.sidebar-right {
            padding-left: 0;
            padding-right: 0;
            border: 0;
            margin: 0 10px;
            width: 748px
        }
        #sidebar-widgets {
            padding-top: 0
        }
    }
    
    @media only screen and (max-width:767px) {
        .container,
        .container .eight.columns,
        .container .eleven.columns,
        .container .fifteen.columns,
        .container .five.columns,
        .container .four.columns,
        .container .fourteen.columns,
        .container .nine.columns,
        .container .one-third.column,
        .container .one-third.columns,
        .container .one.column,
        .container .one.columns,
        .container .seven.columns,
        .container .six.columns,
        .container .sixteen.columns,
        .container .ten.columns,
        .container .thirteen.columns,
        .container .three.columns,
        .container .twelve.columns,
        .container .two-thirds.column,
        .container .two-thirds.columns,
        .container .two.columns {
            width: 300px
        }
        .wrapall {
            min-width: 300px
        }
        .container .column,
        .container .columns {
            margin: 0
        }
        #sidebar.sidebar-left #sidebar-widgets,
        #sidebar.sidebar-right #sidebar-widgets,
        .container .twelve.alt.sidebar-left,
        .container .twelve.alt.sidebar-right {
            padding-left: 0;
            padding-right: 0;
            border: 0;
            margin: 0;
            width: 300px
        }
        .five_sixth,
        .four_fifth,
        .one_fifth,
        .one_fourth,
        .one_half,
        .one_sixth,
        .one_third,
        .three_fifth,
        .three_fourth,
        .two_fifth,
        .two_third {
            position: relative;
            margin-right: 0;
            margin-bottom: 40px;
            float: none;
            width: 100%
        }
        #sidebar-widgets {
            padding-top: 0
        }
        .full-width-section>.span_12>.col {
            height: auto!important
        }
        .full-width-section>.span_12>.col>.wpb_wrapper {
            margin-top: 0!important;
            margin-bottom: 0!important
        }
        .full-width-section>.span_12>.col>.wpb_wrapper .col {
            margin-bottom: 40px!important
        }
        .full-width-section>.span_12>.col>.wpb_wrapper .col:last-child {
            margin-bottom: 0!important
        }
    }
    
    @media only screen and (min-width:480px) and (max-width:767px) {
        .container,
        .container .eight.columns,
        .container .eleven.columns,
        .container .fifteen.columns,
        .container .five.columns,
        .container .four.columns,
        .container .fourteen.columns,
        .container .nine.columns,
        .container .one-third.column,
        .container .one-third.columns,
        .container .one.column,
        .container .one.columns,
        .container .seven.columns,
        .container .six.columns,
        .container .sixteen.columns,
        .container .ten.columns,
        .container .thirteen.columns,
        .container .three.columns,
        .container .twelve.columns,
        .container .two-thirds.column,
        .container .two-thirds.columns,
        .container .two.columns {
            width: 420px
        }
        .wrapall {
            min-width: 420px
        }
        .container .column,
        .container .columns {
            margin: 0
        }
        #sidebar.sidebar-left #sidebar-widgets,
        #sidebar.sidebar-right #sidebar-widgets,
        .container .twelve.alt.sidebar-left,
        .container .twelve.alt.sidebar-right {
            padding-left: 0;
            padding-right: 0;
            border: 0;
            margin: 0;
            width: 420px
        }
        #sidebar-widgets {
            padding-top: 0
        }
    }
    
    .header-is-transparent .sticky-wrapper {
        position: absolute
    }
    
    .sticky-wrapper .header-v1-only.header-transparent,
    .stuck {
        margin: 0 auto;
        position: fixed!important;
        top: 0;
        z-index: 9999!important;
        width: 100%;
        -webkit-transform: translate3d(0, 0, 0)
    }
    
    .header-v3 .navigation-wrap.stuck,
    .header-v4 .navigation-wrap.stuck {
        border: 0;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .16);
        -webkit-transition: background .2s;
        -moz-transition: background .2s;
        -ms-transition: background .2s;
        -o-transition: background .2s;
        transition: background .2s
    }
    
    @media only screen and (min-width:960px) {
        .boxed-layout #header.stuck,
        .boxed-layout .navigation-wrap.stuck {
            width: 1240px
        }
    }
    
    @media only screen and (max-width:1240px) {
        .boxed-layout {
            width: auto;
            margin: 0!important;
            padding: 0!important;
            border: 0
        }
        .boxed-layout #header,
        .boxed-layout #header.stuck,
        .boxed-layout .navigation-wrap.stuck {
            width: 100%
        }
    }
    
    @media only screen and (min-width:960px) and (max-width:1199px) {
        #search-top {
            width: 920px
        }
        .blog-masonry .blog-wrap {
            width: 960px;
            margin: 0
        }
        .blog-masonry .post {
            width: 280px
        }
        .widget_portfolio .portfolio-widget-item:nth-child(3n) {
            margin: 0 10px 10px 0
        }
    }
    
    @media only screen and (max-width:959px) {
        .blog-masonry .blog-wrap {
            width: 790px!important;
            margin-left: -10px;
            margin-right: -10px
        }
        .blog-masonry .post {
            width: 355px
        }
        .blog-center .blog-wrap {
            width: 750px;
            margin: 0 auto!important
        }
        #sidebar .widget_nav_menu {
            margin: 0 0 40px
        }
        #sidebar .widget_nav_menu h3 {
            margin: 0 0 20px
        }
        #sidebar .widget_nav_menu ul li a {
            padding: 7px 0
        }
        #sidebar .widget_nav_menu ul li.current_page_item a {
            padding: 7px 0;
            background: 0;
            border: 0
        }
        #sidebar.sidebar-left .widget_nav_menu {
            margin: 0 0 40px
        }
        #sidebar.sidebar-left .widget_nav_menu h3 {
            margin: 0 0 20px
        }
        #sidebar.sidebar-left .widget_nav_menu ul li a {
            text-align: left;
            padding: 7px 0
        }
        #sidebar.sidebar-left .widget_nav_menu ul li.current_page_item a {
            margin: 0;
            border: 0
        }
        .widget_portfolio .portfolio-widget-item,
        .widget_portfolio .portfolio-widget-item:nth-child(3n) {
            margin: 0
        }
        .widget_portfolio .portfolio-widget-item .portfolio-pic {
            border-radius: 0
        }
        .logo img {
            max-width: 650px
        }
        .portfolio-default .portfolio-item {
            margin-bottom: 40px!important
        }
        .portfolio-grid .portfolio-item {
            margin-bottom: 20px!important
        }
        .portfolio-masonry .portfolio-item.regular,
        .portfolio-nomargin .portfolio-item {
            width: 49.999%
        }
        .portfolio-masonry .portfolio-item.wide {
            width: 99.999%
        }
        .portfolio-masonry .portfolio-item.tall {
            width: 49.999%
        }
        .portfolio-masonry .portfolio-item.widetall {
            width: 99.999%
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:959px) {
        .single #content.sidebar-left,
        .single #content.sidebar-right {
            padding-bottom: 50px!important
        }
        #respond-inputs p {
            width: 100%;
            margin-right: 0;
            float: none
        }
    }
    
    @media only screen and (max-width:767px) {
        .single #content.sidebar-left,
        .single #content.sidebar-right {
            padding-bottom: 50px
        }
        #topbar {
            background: var(--color-white)!important;
            border-bottom: 1px solid rgba(0, 0, 0, .09)
        }
        #topbar .topbar-col1,
        #topbar .topbar-col2 {
            float: none;
            display: block;
            width: 420px;
            overflow: hidden;
            text-align: center
        }
        #topbar .topbar-col1 {
            background: #f5f5f5
        }
        #topbar ul.menu li {
            margin: 0 10px!important
        }
        #topbar .social-icons {
            height: 40px;
            padding: 0
        }
        #topbar .social-icons ul li {
            width: 40px;
            height: 40px;
            display: inline-block;
            float: none
        }
        #topbar .social-icons ul li a {
            display: inline-block
        }
        #breadcrumbs,
        #navigation,
        #post-navigation,
        .flex-control-nav {
            display: none
        }
        .logo img {
            max-width: 340px
        }
        #breadcrumbs {
            float: none;
            text-align: left
        }
        .flex-direction-nav .flex-next,
        .flex-direction-nav .flex-prev {
            width: 48px;
            height: 48px;
            line-height: 48px;
            margin-top: -24px
        }
        .flex-direction-nav .flex-prev {
            left: 0
        }
        .flex-direction-nav .flex-next {
            right: 0
        }
        .flex-direction-nav a:before {
            font-size: 34px
        }
        #respond-inputs p {
            width: 100%;
            margin-right: 0;
            float: none
        }
        .entry-meta ul {
            margin-bottom: 20px
        }
        .entry-meta ul li {
            display: block;
            border-bottom: 1px solid #efefef;
            padding: 10px 0
        }
        .entry-meta .meta-author,
        .entry-meta .meta-category:after,
        .entry-meta .meta-edit,
        .entry-meta ul li:after {
            display: none
        }
        .blog-medium .entry-audio,
        .blog-medium .entry-gallery,
        .blog-medium .entry-image,
        .blog-medium .entry-video {
            float: none;
            width: 100%;
            margin: 0 0 28px
        }
        .blog-masonry .blog-wrap {
            width: 100%!important;
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 0
        }
        .blog-masonry .post {
            width: 420px;
            margin: 0 0 40px
        }
        .blog-center .blog-wrap {
            width: 420px;
            margin: 0 auto!important
        }
        #portfolio-related-post .portfolio-item {
            margin: 0 0 40px
        }
        #footer .widget {
            margin-bottom: 40px
        }
        #footer {
            padding: 60px 0 20px
        }
        #copyright,
        #copyright .copyright-col1,
        #copyright .copyright-col2,
        #copyright .menu,
        #copyright .social-icons {
            float: none;
            text-align: center!important
        }
        #copyright .menu li {
            margin: 0 10px
        }
        #copyright .copyright-text {
            margin-bottom: 20px
        }
        #copyright .social-icons {
            float: none;
            margin-bottom: -10px
        }
        #copyright .social-icons ul li {
            float: none!important;
            display: inline-block!important;
            width: 40px;
            height: 40px
        }
        #copyright .social-icons ul li a {
            display: inline-block
        }
        .search-page #searchform input#searchsubmit {
            display: none
        }
        .widget_portfolio .portfolio-widget-item,
        .widget_portfolio .portfolio-widget-item:nth-child(3n) {
            margin: 0 10px 10px 0
        }
        #back-to-top,
        #back-to-top a {
            display: none;
            opacity: 0
        }
        .portfolio-default .portfolio-item,
        .portfolio-grid .portfolio-item {
            margin-bottom: 40px!important
        }
        .portfolio-masonry .portfolio-item.regular,
        .portfolio-masonry .portfolio-item.tall,
        .portfolio-masonry .portfolio-item.wide,
        .portfolio-masonry .portfolio-item.widetall,
        .portfolio-nomargin .portfolio-item {
            width: 100%
        }
        .portfolio-detail-attributes ul {
            margin-top: 20px;
            margin-bottom: 30px
        }
    }
    
    @media only screen and (max-width:479px) {
        #topbar .topbar-col1,
        #topbar .topbar-col2 {
            float: none;
            display: block;
            width: 300px;
            overflow: hidden;
            text-align: center
        }
        .logo img {
            max-width: 220px
        }
        .post-time {
            display: none
        }
        .blog-masonry .post {
            width: 300px;
            margin: 0 0 40px
        }
        .blog-center .blog-wrap {
            width: 300px;
            margin: 0 auto!important
        }
    }
    
    @media only screen and (min-width:960px) and (max-width:1199px) {
        .blogslider_text_inner2 {
            width: 46%;
            padding: 40px
        }
    }
    
    @media only screen and (max-width:959px) {
        .fontsize-l,
        .fontsize-m {
            font-size: 18px
        }
        .fontsize-xl {
            font-size: 20px
        }
        .fontsize-xxl {
            font-size: 24px
        }
        .fontsize-xxxl {
            font-size: 28px
        }
        .fontsize-xxxxl {
            font-size: 34px
        }
        .fontsize-xxxxxl {
            font-size: 42px
        }
        .superlarge {
            font-size: 80px
        }
        .blogslider_text_inner2 {
            width: 60%;
            padding: 40px
        }
        .minti_zooming_slider {
            width: 60%
        }
        .minti_zooming_slider .flex-control-nav {
            width: 140%;
            margin-left: -20%;
            margin-top: 70px
        }
        .grid-sizer {
            width: 50%
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:959px) {
        .latest-blog-list.horizontal,
        .projects-masonry .project-item.regular,
        .projects-nomargin .project-item {
            width: 50%
        }
        .latest-blog {
            margin: 0 -10px
        }
        .callout .callout-text {
            display: block;
            margin: 0 30px
        }
        .callout .callout-button {
            display: block;
            margin: 20px 0 10px
        }
        .projects-grid {
            margin-bottom: 20px
        }
        .projects-grid .project-item {
            margin-bottom: 21px
        }
        .projects-masonry .project-item.wide {
            width: 100%
        }
        .projects-masonry .project-item.tall {
            width: 50%
        }
        .projects-masonry .project-item.widetall {
            width: 100%
        }
        .blogslider_text_inner2 {
            padding: 40px 20px 20px
        }
        .blogslider_meta,
        .blogslider_text_inner2 .button {
            display: none
        }
        .wpb_row {
            margin-left: -10px;
            margin-right: -10px
        }
    }
    
    @media only screen and (max-width:767px) {
        .callout .callout-text {
            display: block;
            margin: 0 30px
        }
        .callout .callout-button {
            display: block;
            margin: 20px 0 40px
        }
        .tabset .tab {
            float: none;
            display: block;
            margin: 0 0 -1px
        }
        .tabset .panel,
        .tabset .tab a {
            border: 1px solid #e1e1e1;
            margin: 0
        }
        .tabset .tab a {
            color: #999;
            display: block;
            padding: 12px 20px;
            background-color: #fcfcfc
        }
        .tabset .tab a.selected {
            font-weight: 400;
            border-bottom: 1px solid #e1e1e1
        }
        .tabset .panel {
            clear: both;
            padding: 20px 20px 0
        }
        .tabstyle-vertical .panels,
        .tabstyle-vertical .tabs {
            float: none;
            width: 100%
        }
        .tabstyle-vertical .tab a.selected {
            border-color: #e1e1e1
        }
        .tabstyle-vertical.tablook-2 .panel {
            margin: 20px 0 0
        }
        .tabstyle-vertical.tablook-2 .tab a.selected {
            border: 0
        }
        .title.align-center:after,
        .title.align-center:before {
            display: none;
            height: 0
        }
        .vertical-center,
        .wpb_column {
            height: auto!important
        }
        .projects-default .project-item,
        .projects-grid .project-item {
            margin-bottom: 40px
        }
        .projects-masonry .project-item.regular,
        .projects-nomargin .project-item {
            width: 50%
        }
        .projects-masonry .project-item.wide {
            width: 100%
        }
        .projects-masonry .project-item.tall {
            width: 50%
        }
        .projects-masonry .project-item.widetall {
            width: 100%
        }
        .fontsize-l,
        .fontsize-m {
            font-size: 16px
        }
        .fontsize-xl {
            font-size: 18px
        }
        .fontsize-xxl {
            font-size: 20px
        }
        .fontsize-xxxl {
            font-size: 24px
        }
        .fontsize-xxxxl {
            font-size: 28px
        }
        .fontsize-xxxxxl {
            font-size: 34px
        }
        .superlarge {
            font-size: 80px
        }
        .vertical-center {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .vertical-center .wpb_wrapper {
            margin-top: 0!important
        }
        .wpb_content_element.wpb_tabs .wpb_tabs_nav {
            border: 1px solid var(--color-light-gray-border);
            border-radius: 3px;
            padding: 10px 0
        }
        .wpb_content_element.wpb_tabs .wpb_tabs_nav li {
            display: block!important;
            float: none!important;
            padding: 0 10px;
            margin: 0;
            border: none!important
        }
        .wpb_content_element.wpb_tabs .wpb_tabs_nav li a,
        .wpb_content_element.wpb_tabs .wpb_tabs_nav li.ui-tabs-active a {
            display: block;
            float: none;
            margin: 0;
            padding: 5px 10px!important
        }
        .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
            border: 0
        }
        .wpb_content_element.wpb_tour .wpb_tabs_nav,
        .wpb_content_element.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
            width: 100%;
            float: none;
            padding: 0
        }
        .wpb_content_element.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
            margin-top: 20px
        }
        .blogslider_text_inner2 {
            width: 60%;
            padding: 20px 20px 4px
        }
        .blogslider_excerpt,
        .blogslider_meta {
            display: none
        }
        .blogslider_title {
            font-size: 18px
        }
        .minti_zooming_slider {
            width: 80%
        }
        .minti_zooming_slider .flex-active-slide {
            margin-bottom: 60px
        }
        .minti_zooming_slider_item .image_wrapper h6 {
            padding-top: 45px;
            display: block
        }
        .minti_zooming_slider .flex-control-nav {
            width: 100%;
            margin-left: 0;
            margin-top: 50px
        }
        .grid-sizer {
            width: 100%
        }
        .masonry_text .minti_masonrygrid_item_inner {
            padding: 40px
        }
    }
    
    @media only screen and (max-width:479px) {
        .projects-masonry .project-item.regular,
        .projects-masonry .project-item.tall,
        .projects-masonry .project-item.wide,
        .projects-masonry .project-item.widetall,
        .projects-nomargin .project-item {
            width: 100%
        }
        .blogslider_title {
            font-size: 16px
        }
        .divider8 .divider-icon {
            margin: -3px auto 0
        }
    }
    
    @media only screen and (min-width:960px) and (max-width:1199px) {
        .sidebar-left .products li,
        .sidebar-right .products li {
            width: 50%
        }
        .product .images {
            width: 400px
        }
        .product .images .thumbnails img {
            width: 86px;
            height: auto
        }
        .product .summary,
        .woocommerce-tabs {
            width: 480px
        }
        #customer_details .col-1,
        #customer_details .col-2 {
            width: 438px
        }
        .products li h3 {
            width: 150px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }
        .cart-collaterals {
            width: 500px
        }
        .product-page.twelve .product .images {
            width: 200px
        }
        .product-page.twelve .product .summary {
            width: 400px
        }
        .product-page.twelve .product .images .thumbnails img {
            width: 48px;
            height: auto
        }
    }
    
    @media only screen and (max-width:959px) {
        .products li {
            width: 50%!important
        }
        #customer_details .col-1,
        #customer_details .col-2,
        .cart-collaterals {
            width: 100%;
            float: none
        }
        .product-page.twelve .product .images,
        .product-page.twelve .product .summary {
            width: 100%
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:959px) {
        .page-section .products {
            margin: 0 -30px!important
        }
        .product .images {
            width: 300px
        }
        .product .images .thumbnails img {
            width: 61px;
            height: auto
        }
        .product .summary {
            width: 408px
        }
        .woocommerce-tabs {
            clear: both;
            float: none;
            width: 748px
        }
        .woocommerce td.actions input {
            padding: 12px 10px
        }
        #shiptobilling {
            float: none
        }
        .woocommerce .addresses .col-1,
        .woocommerce .addresses .col-2,
        .woocommerce form .form-row-first,
        .woocommerce form .form-row-last {
            width: 100%;
            margin: 0;
            float: none
        }
        .woocommerce .addresses .col-1 {
            margin: 0 0 40px
        }
        .checkout_coupon input.button {
            margin-bottom: 20px
        }
        .product-page.twelve .product .images {
            width: 300px
        }
        .product-page.twelve .product .summary {
            width: 408px
        }
        .product-page.twelve .product .images .thumbnails img {
            width: 61px;
            height: auto
        }
    }
    
    @media only screen and (max-width:767px) {
        .products li {
            width: 100%!important
        }
        .product .images {
            width: 420px;
            margin: 0 0 20px
        }
        .product .images .thumbnails img {
            width: 90px;
            height: auto
        }
        .product .summary {
            width: 420px
        }
        .woocommerce-tabs {
            clear: both;
            float: none;
            width: 420px
        }
        .woocommerce table.shop_table td,
        .woocommerce table.shop_table th,
        .woocommerce-page table.shop_table td,
        .woocommerce-page table.shop_table th {
            padding: 14px 3px
        }
        .woocommerce table.shop_table td img {
            width: 44px!important;
            display: block;
            margin-left: 7px
        }
        .quantity .input-group-btn button.btn,
        .shop_table .product-remove,
        .shop_table .product-subtotal {
            display: none
        }
        p.stars a {
            width: 79px
        }
        .woocommerce td.actions {
            text-align: center!important;
            padding: 10px 10px 0!important
        }
        td.actions input {
            width: 100%!important;
            margin: 0 0 10px!important
        }
        a.catimage,
        a.catimage .catimage-overlay,
        a.catimage span {
            height: 200px!important
        }
    }
    
    @media only screen and (max-width:479px) {
        .products li {
            width: 100%!important
        }
        .woocommerce-ordering,
        .woocommerce-result-count {
            float: none;
            margin: 0 0 20px
        }
        .product .images {
            width: 300px;
            margin: 0 0 20px
        }
        .product .images .thumbnails img {
            width: 61px;
            height: auto
        }
        .product .summary {
            width: 300px
        }
        .woocommerce-tabs {
            clear: both;
            float: none;
            width: 300px
        }
        p.stars a {
            width: 100%;
            margin-bottom: 5px
        }
        .woocommerce table.shop_table th,
        .woocommerce table.shop_table tr.cart_item td,
        .woocommerce-page table.shop_table th {
            padding: 14px 1px
        }
        .woocommerce table.shop_table tr.cart_item td img {
            display: none
        }
        .actions #coupon_code {
            width: 90%!important
        }
    }
    
    @media only screen and (max-width:767px) {
        #bbpress-forums #bbp-search-form #bbp_search {
            display: block;
            width: 74%!important;
            margin-right: 2%
        }
        #bbpress-forums #bbp-search-form #bbp_search_submit {
            display: block;
            width: 24%!important;
            margin: 0
        }
        #bbpress-forums div.bbp-forum-author,
        #bbpress-forums div.bbp-reply-author,
        #bbpress-forums div.bbp-topic-author {
            float: none;
            text-align: center;
            width: 100%;
            margin-left: -20px
        }
        #bbpress-forums div.bbp-forum-content,
        #bbpress-forums div.bbp-reply-content,
        #bbpress-forums div.bbp-topic-content {
            margin: 0 20px 0 -20px;
            padding: 0
        }
        #bbpress-forums #bbp-single-user-details {
            margin: 0;
            width: 100%;
            float: none;
            overflow: hidden
        }
        #bbpress-forums #bbp-user-body {
            margin-left: 0
        }
        #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
            margin: 0 auto;
            width: 140px
        }
    }
    
    @media only screen and (max-width:479px) {
        #bbpress-forums #bbp-search-form #bbp_search {
            display: block;
            width: 64%!important;
            margin-right: 2%
        }
        #bbpress-forums #bbp-search-form #bbp_search_submit {
            display: block;
            width: 34%!important;
            margin: 0
        }
    }
    
    /* REDESIGN OCT 2021 CSS START */
    #footer .widget h3:after {
    background: var(--color-neonYellow) !important;
    }
    .footer-part-1 {
    background-color: var(--color-trueBlue) !important;
    }
    .footer-part-1 .bot-clients-head {
    color: var(--color-white) !important;
    }
    .footer-part-1 .layerA, .footer-part-1 .layerA a {
    color: var(--color-white) !important;
    }
    #footer .widget h3 {
    color: var(--color-trueBlue) !important;
    }
    #footer a.sogo-mail-footer {
    color: var(--color-neonYellow ) !important;
    font-family: 'lotagrotesque-bold';
    }
    .redesign-title-color {
    color: var(--color-trueBlue) !important;
    }
    .sfci-icon {
    color: var(--deepBlack) !important;
    }
    .sfci-heading{color: var(--deepBlack) !important;
    }
    .rc-card--logo,.rc-sub-cardHeading {
    color: var(--color-deep-lonavala) !important;
    }
    .sogo-blue-bc-Textblock h2 {
    color:var(--color-light-black) !important;
    }
    .sfci-hr{
    border: solid 3px var(--color-secondary) !important;
    background-color: var(--color-secondary) !important;
    }
    .sogo-overview .so-icon .fal.fa-long-arrow-left {
    color: var(--color-lonavala) !important;
    font-size:18px !important;
    }
    .sogo-redesign-title {
    color:var(--color-netural-cyan) !important;
    }
    .secondary-btn:hover {
        color:var(--color-secondary) !important;
    }

/*Subpages New Changes*/
#page-subheader {
background-color:var(--lightheader ) !important;
}
.scb-parentPage {
    margin: 0 0 0 5px !important;
    font-family: var(--font-Epilogue-Bold);
}
.sogo-connect-breadcrumb {
    display: flex;
    align-items: center;
}
.scb-currentPage {
    background-position: center;
    background-repeat: no-repeat;
}
.scb-currentPage{
    width: 36px;
    height: 36px;
    display: inline-block;
    background-size: 36px;
}
.scb-currentPage.cxIcon,
.scb-currentPage.sogoIcon,
.scb-currentPage.sogoConnectIcon,
.scb-currentPage.sogoEX,
.scb-currentPage.sogoCore {
    background-color: transparent !important;
}
.scb-currentPage.cxIcon{
    background-image: url(/wp-content/uploads/2022/08/cxFinal-log.png);
}
.scb-currentPage.sogoIcon{
    background-image: url(/wp-content/uploads/2022/08/scoreFinal-log.png);
}
.scb-currentPage.sogoConnectIcon {
    background-image: url(/wp-content/uploads/2022/08/connectFinal-log.png);
}
.scb-currentPage.sogoEX {
    background-image: url(/wp-content/uploads/2022/08/exFinal-log.png);
}
.scb-currentPage.sogoCore {
    background-image: url(/wp-content/uploads/2022/08/coreFinal-log.png);
}
.pageHeading {
    font-family: var(--font-Epilogue-SemiBold) !important;
    color: var(--color-lonavala) !important;
    font-size: var(--fontl);
}

.pageSubHeading {
    font-family: var(--font-CrimsonPro-Italic) !important;
    font-size: var(--fontxl);
    letter-spacing: -0.22px;
    color: var(--color-netural-cyan) !important;
    font-weight: 400;
}
.cx-sogo-findOutsection {
    padding-top: 50px;
    background-color: var(--color-lonavala) !important;
}

.sogo--blue-Raisedialogue-card {
    background-color:rgba(236, 253, 250, 0.54) !important;
    border: 1px solid #b8d4cd !important;
}
.PrimaryText {
    font-family: var(--font-Epilogue-Bold);
    font-size: 36px;
}
.secondaryTxt{
    font-family: var(--font-CrimsonPro-Italic) !important;
    color: var(--color-netural-cyan) !important;
    font-weight: 400;
    font-size: 72px;
}
.sogo-cx-createDynamic .turqoise-button,
.turqoise-button{
    background-color: var(--color-lightneonYellow) !important;
    color: var(--color-light-black) !important;
    border: 2px solid  var(--color-lightneonYellow) !important;
}
.sogo-cx-createDynamic .turqoise-button:hover,
.turqoise-button:hover {
    background-color: var(--color-lightneonYellow) !important;
}
.secondary-btn{
    background-color: var(--color-lightneonYellow) !important;
    color: var(--color-light-black) !important;
    border: none !important;
}
.secondary-btn:hover{
    background-color: var(--color-lightneonYellow) !important;
    color: var(--color-light-black) !important;
}
.so-text {
    color: var(--color-lonavala) !important;
}

.sogo-blue-bc-Textblock .sub-head-Join{
    max-width: 550px;
    margin: auto;
    font-family: 'CrimsonPro-ExtraLightItalic' !important;
    font-size: 64px;
    font-weight: 200;
    font-stretch: normal;
    font-style: italic;
    line-height: 1;
    letter-spacing: -1px;
    text-align: center;
    color: #262a2a;
}

.align-c.sogo-blue-bcs{
   margin: 23.5px auto 0 !important;
    font-size: 18px;
    line-height: 1.33;
}

.cx-banner-white-text{
    padding: 6px 36px;
    border-radius: 3px;
    background-color: transparent !important ;
    font-family: 'Epilogue-Bold';    
    transition: transform .2s;
    display: inline-block;
    color: #006159 !important;
}

.cx-banner-white-text:hover{
    box-shadow: 0 4px 20px 0 rgb(255 255 255 / 20%);
    transform: scale(1.10);
    color: #006159 !important;
}
.testimonial--content-main h3 {
    color: var(--color-lonavala);
    font-family: var(--font-Epilogue-Bold);
}
.testimonial--content-main .ss-typo_para-m-left::before {
    background: var(--deep-cyan) !important;
    border: solid 3px var(--deep-cyan) !important;
}
.sogo-blue-bc-Textblock .sogo-blue-bc-hr {
    display: none;
}
.sogo-blue-ttc-card.ttc-card-talk{
    margin-right: 85px;
    top: 100px;
    position: relative;
  }
  .sogo-blue-ttc-card.ttc-card-direction{
    margin-right: 85px;
    top: 55px;
    position: relative;
  }
  .sogo-blue-ttc-card{
    width: 285px;    
    padding: 30px 17px 40px 28px;
    border-radius: 4px;
    background-color: var(--color-white);
  }
.sogo-blue-ttc-card,
.sogo-blue-ttc-card.ttc-card-direction,
.sogo-blue-ttc-card.ttc-card-collaboration{
    box-shadow: 0px 8px 22px #09303366;
}
.ttc-card-desc, .ttc-card-sub-head {
    color:  var(--color-ocean);
}
.ttc-card-heading {
    color: var(--color-charcoal);
    font-size: 72px;
    font-weight: var(--font-CrimsonPro-ExtraLight);
    white-space: break-spaces;
}
.ttc-card-sub-head {
    font-family: var(--font-Epilogue-Bold);
}
.ttc-card-icon {
    color: var(--color-netural-cyan);
    margin: 20px 0 100px 0;
}
.sogo-angled-section::before,
#sogo-fci,
.main-banner-screen {
    background-color: var(--color-ocean);
}
.neonBg{
    background-color: var(--color-ocean) !important;
}
.neonBg .sfci-desc .ss-typo_para-m-left,
.neonBg .sfci-heading,
.sogo-banner-screen .fal,
.neonBg .PrimaryText,
.neonBg .fal,
.neonBg .sogo-banner-description,
.neonBg  .sogo-banner-description .ss-typo_para-l-left,
.sogo-angled-section .sogo-subheading.ss-typo_heading1-center,
.sogo-triple-card-heading p,
.sogo-angled-section .sogo-triple-treat-section-desc  {
    color: var(--color-white) !important;
}
.neonBg.sfci-heading {
    font-family: var(--font-Epilogue-Bold);
}
.neonBg .sfci-icon .fal,
.sogo-banner-screen.color-b .fal {
    color: var(--color-netural-cyan) !important;
}
.video-overlay {
    background-color: rgba(3, 50, 54, 0.6) !important;
}
.sogo-sx-createDynamic .secondaryTxt,
.sogo-tm-createDynamic .secondaryTxt {
    font-size: 62px;
}
.sogo-tm-createDynamic {
    padding: 100px 21px 70px 115px !important;
}
.sogo-feature-collabration.collabe1.fadeMaxUp {
    background-image:linear-gradient(20deg,rgba(0, 97, 89, 0.7),rgba(35, 167, 156, 0.7)),url(/wp-content/uploads/2021/03/poll-answer.jpg) !important;
}
.sogo-feature-collabration.collabe2.fadeMaxUp {
    background-image: linear-gradient(20deg,rgba(35, 167, 156, 0.6),rgba(35, 167, 156, 0.6)),url(/wp-content/uploads/2021/03/poll-response.jpg) !important;
}
.sogo-feature-collabration.collabe3.fadeMaxUp {
    background-image: linear-gradient(20deg,rgba(0, 97, 89, 0.7),rgba(35, 167, 156, 0.7)),url(/wp-content/uploads/2021/03/sx-form-ease.jpg) !important;
}
.sogo-feature-collabration.collabe4.fadeMaxUp {
    background-image: linear-gradient(20deg,rgba(35, 167, 156, 0.6),rgba(35, 167, 156, 0.6)),url(/wp-content/uploads/2021/03/sx-form-seamless.png) !important;
}
/* 3P Contact Section */
.contact-card {
    display: flex;
    margin: 60px auto 60px;
}
.contact-card1, .contact-card2 {
    position: relative;
}

.contact-card1, .contact-card2 {
    width: 40%;
    background-color: var(--color-almostWhite);
    padding: 15px 25px;
    margin: 0 auto;
    border-radius: 8px;
}
.contact-card p {
    color: var(--color-deepOcean);
    font-size: 20px;
    font-family: 'Epilogue-Light';
    line-height: 1.5;
    min-height: 64px;
    max-height: 65px;
    line-height: 1.2;
}
.lite-link {
    position: relative;
    bottom: 6px;
}
.lite-link a {
    font-family: 'Epilogue-Bold';
    color: var(--color-lonavala);
    display: inline-block;
    transition:all .30s ease !important;
}
.lite-link a:hover {
    transform: scale(1.1);
}
.darkCard .contact-card1 p, .darkCard .contact-card2 p {
    color: var(--color-white);

}
.darkCard .contact-card1, .darkCard .contact-card2 {
    background-color: var(--color-deep-lonavala);
    color: var(--color-white);
}
.darkCard .lite-link a {
    font-family: 'Epilogue-Bold';
    color: var(--color-neonYellow); 
}
@media screen and (max-width: 767px) {
    .pageHeading {
        font-size: var(--font-small);
    }
    .pageSubHeading, .secondaryTxt {
        font-size: var(--font-medium);
    }
    .contact-card {
        flex-flow: column;
    }
    .contact-card1 {
        width: 95%;
        padding: 15px 10px;
        margin-bottom: 25px;
    }
    .contact-card2 {
        width: 95%;
        padding: 15px 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .pageHeading {
        font-size: var(--font-medium);
    }
    .pageSubHeading, .secondaryTxt {
        font-size: 52px;
    }
    .cx-findOut-content .secondaryTxt {
        font-size: 44px !important;
    }
}

@media screen and (max-width: 767px) {
     div.sogo-tm-createDynamic {padding: 100px 0px 70px !important;}
    .sogo-sx-createDynamic .PrimaryText{line-height: 1.1;}
    .enterprise-video-wrapper #bannerBtn{
        margin-left: 35%;
        margin-top: 30%;
        display: block;
    }
}