/*
* Import SASS files
*/
/* helpers */
/* background colors */
/* type colors */
/* z-index */
/* Load fonts */
/* font size */
/* font style */
/* Vendor prefixes to animations (revised with Autoprefixer)*/
/*
* Global css style
*/
@import url("https://fonts.googleapis.com/css?family=Space+Mono:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i");
* {
  text-decoration: none; }
  * ::-moz-selection {
    /* Code for Firefox */
    color: white;
    background: #0C4EF6; }
  * ::selection {
    color: white;
    background: #0C4EF6; }
  * :focus {
    outline: 0; }

a {
  text-decoration: none;
  color: white;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out; }
  a:hover {
    -webkit-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out; }

hr {
  margin-top: 0;
  margin-bottom: 30px; }
  @media (max-width: 530px) {
    hr {
      margin-bottom: 15px; } }

/*
* Global classes for extending
*/
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.horz-align {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.vert-horz-align {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

.fullheight {
  height: 100vh; }

.disp--none {
  display: none; }

.visb--none {
  visibility: hidden; }

.float-right {
  float: right; }

.no-pad {
  padding: 0; }

/*
* Specific classes
*/
html {
  overflow-x: hidden; }

h1 {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "Open Sans";
  font-weight: 400;
  line-height: 37.33333px;
  line-height: 3.73333rem;
  margin-bottom: 50px; }
  @media (min-width: 1200px) {
    h1 {
      font-size: 35px;
      font-size: 3.5rem;
      font-family: "Open Sans";
      font-weight: 400;
      line-height: 46.66667px;
      line-height: 4.66667rem; } }

/* load fonts */
/* components */
/* layout */
.navbar {
  opacity: 0;
  margin: 0;
  height: 100px;
  -webkit-transition: opacity, background-color 0.5s;
  transition: opacity, background-color 0.5s; }

.navbar-brand {
  margin: 10px 0 0;
  padding: 0;
  height: 90px;
  -webkit-transition: all 1s;
  transition: all 1s; }
  .navbar-brand img {
    position: relative;
    height: 100%; }

.hamburger {
  float: right; }

.navbar-nav {
  margin-top: 30px !important; }
  .navbar-nav li {
    width: auto;
    margin-left: 20px; }
    .navbar-nav li a {
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "Space Mono";
      font-weight: regular;
      line-height: 18.66667px;
      line-height: 1.86667rem;
      text-decoration: none;
      text-align: center;
      -webkit-transition: color 0.4s;
      transition: color 0.4s; }
      @media (min-width: 1200px) {
        .navbar-nav li a {
          font-size: 16px;
          font-size: 1.6rem;
          font-family: "Space Mono";
          font-weight: regular;
          line-height: 21.33333px;
          line-height: 2.13333rem; } }
      .navbar-nav li a:hover {
        color: #0C4EF6 !important;
        -webkit-transition: color 0.4s;
        transition: color 0.4s; }

.footer {
  position: relative;
  bottom: 0;
  margin-top: 20px;
  width: 100%;
  height: 60px; }
  @media (max-width: 530px) {
    .footer {
      width: 100vw;
      margin: 0;
      padding: 0; } }
  @media (max-width: 530px) {
    .footer > div {
      width: 100vw;
      margin: 0;
      padding: 0 15px; } }

/* pages */
.index-container {
  position: relative;
  z-index: 100;
  overflow: hidden;
  height: auto; }

/* section - SLIDESHOW */
#temp-sldshw {
  z-index: 2;
  height: 100vh; }
  #temp-sldshw .carousel {
    height: calc(100vh + 10px);
    width: calc(100vw + 10px);
    top: -5px;
    left: -5px;
    overflow: hidden; }
    #temp-sldshw .carousel .item > div {
      position: relative;
      width: 100%;
      height: 105vh; }

.white-mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: -webkit-linear-gradient(-45deg, #004bd4, #0092d4);
  background: -moz-linear-gradient(-45deg, #004bd4, #0092d4);
  background: -o-linear-gradient(-45deg, #004bd4, #0092d4);
  background: -ms-linear-gradient(-45deg, #004bd4, #0092d4);
  background: linear-gradient(-45deg, #004bd4, #0092d4);
  opacity: 0.6;
  mix-blend-mode: soft-light; }

/* end of section - SLIDESHOW */
.comingsoon {
  position: absolute;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.05), 0 10px 10px rgba(0, 0, 0, 0.02); }
  @media (min-width: 768px) {
    .comingsoon {
      width: 70%;
      left: 15%; } }
  @media (min-width: 992px) {
    .comingsoon {
      width: 50%;
      left: 25%; } }
  .comingsoon .logo {
    width: 85%;
    position: absolute;
    top: 10%; }
    @media (min-width: 768px) {
      .comingsoon .logo {
        width: 400px; } }
  .comingsoon h1 {
    display: block;
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Space Mono";
    font-weight: 600;
    line-height: 21.33333px;
    line-height: 2.13333rem; }
  .comingsoon .cont_temp {
    float: left;
    bottom: 10%;
    position: absolute;
    text-align: center; }
    .comingsoon .cont_temp > a {
      padding-bottom: 5px;
      display: block;
      color: #383838 !important;
      white-space: nowrap;
      font-size: 10px;
      font-size: 1rem;
      font-family: "Space Mono";
      font-weight: regular;
      line-height: 13.33333px;
      line-height: 1.33333rem;
      -webkit-transition: color 0.3s;
      transition: color 0.3s; }
      .comingsoon .cont_temp > a:hover {
        color: #3778ff !important; }
      @media (min-width: 768px) {
        .comingsoon .cont_temp > a {
          font-size: 13px;
          font-size: 1.3rem;
          font-family: "Space Mono";
          font-weight: regular;
          line-height: 17.33333px;
          line-height: 1.73333rem; } }

.graphic-logo {
  position: absolute;
  height: 100vh;
  top: 0; }
  .graphic-logo svg {
    margin-top: -10%;
    margin-left: -44%;
    height: 180%; }
    @media (min-width: 768px) {
      .graphic-logo svg {
        margin-top: -21%;
        margin-left: -44%;
        height: 220%; } }

#f2, #f3,
#f2-base, #f3-base {
  display: none; }

/*# sourceMappingURL=style.css.map */