﻿/* CSS Variables */
:root {
    --ff-primary: 'geogrotesque_regular', sans-serif;
    --ff-primary-medium: 'Geogrotesque-Medium', sans-serif;
    --ff-primary-semibold: 'geogrotesque_semibold', sans-serif;
    --ff-primary-light: 'geogrotesque_ultralight', sans-serif;
    --ff-secondary: 'Lato', sans-serif;
    --ff-secondary-medium: 'LatoMedium', sans-serif;
    --shadow: 0 1px 2px rgba(63,63,68,.10);
    --borderRadius: 4px;
    --VoltexBlack: #202124;
    --VoltexBlue900: #0465a3;
    --VoltexBlue800: #1D74AC;
    --VoltexBlue700: #3684B5;
    --VoltexBlue600: #4F93BF;
    --VoltexBlue500: #68A3C8;
    --VoltexBlue400: #81B2D1;
    --VoltexBlue300: #9BC1DA;
    --VoltexBlue200: #B4D1E3;
    --VoltexBlue100: #CDE0ED;
    --VoltexBlue50: #E6F0F6;
    --VoltexBtnBlue900: #0382D2;
    --AccentBlue900: #3793E6;
    --AccentBlue800: #4B9EE8;
    --AccentBlue700: #5FA9EB;
    --AccentBlue600: #73B3EE;
    --AccentBlue500: #87BEF0;
    --AccentBlue400: #9BC9F2;
    --AccentBlue300: #AFD4F5;
    --AccentBlue200: #C3DFF8;
    --AccentBlue100: #D7E9FA;
    --AccentBlue50: #EBF4FC;
    --Orange900: #E69C42;
    --Orange800: #E8A655;
    --Orange700: #EBB068;
    --Orange600: #EEBA7B;
    --Orange500: #F0C48E;
    --Orange400: #F2CDA0;
    --Orange300: #F5D7B3;
    --Orange200: #F8E1C6;
    --Orange100: #FAEBD9;
    --Orange50: #FCF5EC;
    --Error900: #FF4D4D;
    --Error800: #FF5F5F;
    --Error700: #FF7171;
    --Error600: #FF8282;
    --Error500: #FF9494;
    --Error400: #FFA6A6;
    --Error300: #FFB8B8;
    --Error200: #FFCACA;
    --Error100: #FFDBDB;
    --Error50: #FFEDED;
    --Good900: #1CA766;
    --Good800: #33B075;
    --Good700: #49B985;
    --Good600: #60C194;
    --Good500: #77CAA3;
    --Good400: #8DD3B2;
    --Good300: #A4DCC2;
    --Good200: #BBE5D1;
    --Good100: #D2EDE0;
    --Good50: #E8F6F0;
    --Warning900: #FBBC05;
    --Warning800: #FBC31E;
    --Warning700: #FCC937;
    --Warning600: #FCD050;
    --Warning500: #FDD769;
    --Warning400: #FDDD82;
    --Warning300: #FDE49B;
    --Warning200: #FEEBB4;
    --Warning100: #FEF2CD;
    --Warning50: #FFF8E6;
    --VoltexAltGreen: #46B946;
}

@font-face {
    font-family: 'geogrotesque_semibold';
    src: url(font/geogtq-sb-webfont.eot);
    src: url(font/geogtq-sb-webfont.eot?#iefix) format("embedded-opentype"), url(font/geogtq-sb-webfont.woff) format("woff"), url(font/geogtq-sb-webfont.ttf) format("truetype"), url(font/geogtq-sb-webfont.svg#geogrotesque_semibold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'geogrotesque_ultralight';
    src: url(font/geogtq-ul-webfont.eot);
    src: url(font/geogtq-ul-webfont.eot?#iefix) format("embedded-opentype"),url(font/geogtq-ul-webfont.woff2) format("woff2"),url(font/geogtq-ul-webfont.woff) format("woff"),url(font/geogtq-ul-webfont.ttf) format("truetype"),url(font/geogtq-ul-webfont.svg#geogrotesque_ultralight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'geogrotesque_bold';
    src: url(font/geogtq-bd-webfont.eot);
    src: url(font/geogtq-bd-webfont.eot?#iefix) format("embedded-opentype"),url(font/geogtq-bd-webfont.woff2) format("woff2"),url(font/geogtq-bd-webfont.woff) format("woff"),url(font/geogtq-bd-webfont.ttf) format("truetype"),url(font/geogtq-bd-webfont.svg#geogrotesque_bold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'geogrotesque_regular';
    src: url(font/geogtq-rg-webfont.eot);
    src: url(font/geogtq-rg-webfont.eot?#iefix) format("embedded-opentype"),url(font/geogtq-rg-webfont.woff2) format("woff2"),url(font/geogtq-rg-webfont.woff) format("woff"),url(font/geogtq-rg-webfont.ttf) format("truetype"),url(font/geogtq-rg-webfont.svg#geogrotesque_regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Geogrotesque-Medium';
    src: url(font/Geogrotesque-Medium.eot?#iefix) format("embedded-opentype"), url(font/Geogrotesque-Medium.otf) format("opentype"), url(font/Geogrotesque-Medium.woff) format("woff"), url(font/Geogrotesque-Medium.ttf) format("truetype"),url(font/Geogrotesque-Medium.svg#Geogrotesque-Medium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'DIN Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: url('font/DINCondensed-Bold.woff'), url('font/DINCondensed-Bold.woff') format('woff');
}

@font-face {
    font-family: 'LatoMedium';
    src: url('font/Lato-Medium.eot');
    src: url('font/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('font/Lato-Medium.woff2') format('woff2'), url('font/Lato-Medium.woff') format('woff'), url('font/Lato-Medium.svg#LatoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}


@font-face {
    font-family: 'icomoon';
    src: url('font/icomoon.eot?-9haulc');
    src: url('font/icomoon.eot?#iefix-9haulc') format('embedded-opentype'), url('font/icomoon.woff?-9haulc') format('woff'), url('font/icomoon.ttf?-9haulc') format('truetype'), url('font/icomoon.svg?-9haulc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('font/slick.eot');
    src: url('font/slick.eot?#iefix') format('embedded-opentype'), url('font/slick.woff') format('woff'), url('font/slick.ttf') format('truetype'), url('font/slick.svg#slick') format('svg');
}