:root {
    --color-brand-orange: #FD6500;
    --color-brand-black: #222222;    
    --color-brand-white: #FFFFFF;

    --color-gray-dark: #222;
    --color-orange: var(--color-brand-orange);
    --color-black: var(--color-brand-black);
    --color-white: #F5F5F5;

    --color-primary: var(--color-brand-orange);
    --color-secondary: var(--color-primary);    
    --color-accent: var(--color-primary);
    
    --color-background: var(--color-gray-dark);
    --color-text: #BBB;

    --color-nav-link: #C0C0C0;
    --color-nav-link-hover: white;
    
    /*
        [A] active
        [F] focus
        [H] hover (5% darker)
        [L] link
        [V] visited
        
        hsl[a](H, S, L[, A])
        [H] hue (angle, color circle)
        [S] saturation (percentage)
        [L] lightness (50% is normal)
        [A] alpha (percentage)
        
        https://colourcontrast.cc/
        https://fontjoy.com/
    
    */

    --border-color: #353535; /* FB #E0E0E0 */
    --border-radius: 12px; /* FB 0 */
}

/* Exo */
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 100;
  src: url('../font/exo/exo-v25-latin-100.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 100;
  src: url('../font/exo/exo-v25-latin-100italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 200;
  src: url('../font/exo/exo-v25-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 200;
  src: url('../font/exo/exo-v25-latin-200italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 300;
  src: url('../font/exo/exo-v25-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 300;
  src: url('../font/exo/exo-v25-latin-300italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('../font/exo/exo-v25-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 400;
  src: url('../font/exo/exo-v25-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 500;
  src: url('../font/exo/exo-v25-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 500;
  src: url('../font/exo/exo-v25-latin-500italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: url('../font/exo/exo-v25-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 600;
  src: url('../font/exo/exo-v25-latin-600italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('../font/exo/exo-v25-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 700;
  src: url('../font/exo/exo-v25-latin-700italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 800;
  src: url('../font/exo/exo-v25-latin-800.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 800;
  src: url('../font/exo/exo-v25-latin-800italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: normal;
  font-weight: 900;
  src: url('../font/exo/exo-v25-latin-900.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Exo';
  font-style: italic;
  font-weight: 900;
  src: url('../font/exo/exo-v25-latin-900italic.woff2') format('woff2');
}
/* Icon */
@font-face {
    font-family:'icon';
    font-style:normal;
    font-weight:normal;
    font-display:block;
    src:url('../font/icon/icon.ttf?f084zx') format('truetype'),
        url('../font/icon/icon.woff?f084zx') format('woff'),
        url('../font/icon/icon.svg?f084zx#icon') format('svg');
}
[class^="icon-"], [class*=" icon-"] {
	font-family:'icon' !important;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	speak:none;
}

.icon-zoom_out_map:before {
  content: "\e905";
}
.icon-calendar:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e907";
}
.icon-clock:before {
    content: "\e918";
    position: relative; left: -2px;
    font-size: 1.6em;
}
.icon-info:before {
  content: "\e919";
}
.icon-instagram:before {
    content: "\ea92";
    position: relative; top: 0px;
    font-size: 0.9em;
    opacity: 0.85;
}
.icon-link-extern:before {
  content: "\e91b";
}
.icon-link-extern-alt:before {
  content: "\e91c";
}
.icon-minus:before {
  content: "\e91d";
}
.icon-plus:before {
  content: "\e91e";
}
.icon-x:before {
  content: "\e91f";
}
.icon-certificate:before {
  content: "\e916";
}
.icon-chat:before {
  content: "\e917";
}
.icon-arrow-right:before {
  content: "\e900";
}
.icon-bubble:before {
  content: "\e901";
}
.icon-bubble-alt:before {
  content: "\e902";
}
.icon-circle:before {
  content: "\e904";
}
.icon-download:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e908";
}
.icon-fax:before {
  content: "\e909";
}
.icon-lightbulb:before {
  content: "\e90b";
}
.icon-location:before {
  content: "\e90c";
}
.icon-mail:before {
  content: "\e90d";
}
.icon-menu:before {
  content: "\e90e";
}
.icon-btg-minus:before {
  content: "\e90f";
}
.icon-paper-plane:before {
  content: "\e910";
}
.icon-pencil:before {
  content: "\e911";
}
.icon-phone:before {
  content: "\e912";
}
.icon-btg-plus:before {
  content: "\e913";
}
.icon-btg-plus-alt:before {
  content: "\e914";
}
.icon-search:before {
  content: "\e915";
}