@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-100-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-100-Thin-Italic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-200-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-200-Extralight-Italic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-300-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-300-Light-Italic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-400-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-400-Regular-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-500-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-500-Medium-Italic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-600-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-600-Semibold-Italic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-700-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-700-Bold-Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-800-Black.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-800-Black-Italic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-900-Super.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Graphik';
  src: url('/fonts/Graphik/Graphik-100-Super-Italic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-Bold.eot');
  src: local('Euclid Circular A Bold'), local('EuclidCircularA-Bold'),
    url('/fonts/Euclid/EuclidCircularA-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-Bold.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-Bold.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-Light.eot');
  src: local('Euclid Circular A Light'), local('EuclidCircularA-Light'),
    url('/fonts/Euclid/EuclidCircularA-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-Light.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-Light.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-BoldItalic.eot');
  src: local('Euclid Circular A Bold Italic'), local('EuclidCircularA-BoldItalic'),
    url('/fonts/Euclid/EuclidCircularA-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-BoldItalic.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-BoldItalic.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-LightItalic.eot');
  src: local('Euclid Circular A Light Italic'), local('EuclidCircularA-LightItalic'),
    url('/fonts/Euclid/EuclidCircularA-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-LightItalic.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-LightItalic.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-Regular.eot');
  src: local('Euclid Circular A Regular'), local('EuclidCircularA-Regular'),
    url('/fonts/Euclid/EuclidCircularA-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-Regular.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-Regular.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-SemiBold.eot');
  src: local('Euclid Circular A SemiBold'), local('EuclidCircularA-SemiBold'),
    url('/fonts/Euclid/EuclidCircularA-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-SemiBold.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-SemiBold.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-Medium.eot');
  src: local('Euclid Circular A Medium'), local('EuclidCircularA-Medium'),
    url('/fonts/Euclid/EuclidCircularA-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-Medium.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-Medium.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-Italic.eot');
  src: local('Euclid Circular A Italic'), local('EuclidCircularA-Italic'),
    url('/fonts/Euclid/EuclidCircularA-Italic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-Italic.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-Italic.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-SemiBoldItalic.eot');
  src: local('Euclid Circular A SemiBold Italic'), local('EuclidCircularA-SemiBoldItalic'),
    url('/fonts/Euclid/EuclidCircularA-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-SemiBoldItalic.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-SemiBoldItalic.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Euclid Circular A';
  src: url('/fonts/Euclid/EuclidCircularA-MediumItalic.eot');
  src: local('Euclid Circular A Medium Italic'), local('EuclidCircularA-MediumItalic'),
    url('/fonts/Euclid/EuclidCircularA-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Euclid/EuclidCircularA-MediumItalic.woff2') format('woff2'),
    url('/fonts/Euclid/EuclidCircularA-MediumItalic.woff') format('woff'),
    url('/fonts/Euclid/EuclidCircularA-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'TT Interfaces';
  src: url('/fonts/TTInterfaces/TTInterfaces-Light.otf') format('opentype');
  src: local('TT Interfaces Light'), local('TTInterfaces-Light'),
    url('/fonts/TTInterfaces/TTInterfaces-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'TT Interfaces';
  src: url('/fonts/TTInterfaces/TTInterfaces-Regular.otf') format('opentype');
  src: local('TT Interfaces Regular'), local('TTInterfaces-Regular'),
    url('/fonts/TTInterfaces/TTInterfaces-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'TT Interfaces';
  src: url('/fonts/TTInterfaces/TTInterfaces-Medium.otf') format('opentype');
  src: local('TT Interfaces Medium'), local('TTInterfaces-Medium'),
    url('/fonts/TTInterfaces/TTInterfaces-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'TT Interfaces';
  src: url('/fonts/TTInterfaces/TTInterfaces-DemiBold.otf') format('opentype');
  src: local('TT Interfaces DemiBold'), local('TTInterfaces-DemiBold'),
    url('/fonts/TTInterfaces/TTInterfaces-DemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'TT Interfaces';
  src: url('/fonts/TTInterfaces/TTInterfaces-Bold.otf') format('opentype');
  src: local('TT Interfaces Bold'), local('TTInterfaces-Bold'),
    url('/fonts/TTInterfaces/TTInterfaces-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'TT Interfaces';
  src: url('/fonts/TTInterfaces/TTInterfaces-ExtraBold.otf') format('opentype');
  src: local('TT Interfaces ExtraBold'), local('TTInterfaces-ExtraBold'),
    url('/fonts/TTInterfaces/TTInterfaces-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'TT Interfaces';
  src: url('/fonts/TTInterfaces/TTInterfaces-Black.otf') format('opentype');
  src: local('TT Interfaces Black'), local('TTInterfaces-Black'),
    url('/fonts/TTInterfaces/TTInterfaces-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 0.7;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}

.show-loading {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s linear;
}

.hide-loading {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear;
}

#loading-logo {
  background-color: #090E15;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2147483647;
}
#loading-logo > div {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loading-logo > div > img {
  width: 80px;
  height: 80px;
  transform: translate(-50px, -50px);
  -webkit-animation: pulse 3s infinite ease-in-out;
  -o-animation: pulse 3s infinite ease-in-out;
  -ms-animation: pulse 3s infinite ease-in-out;
  -moz-animation: pulse 3s infinite ease-in-out;
  animation: pulse 3s infinite ease-in-out;
}