@charset "UTF-8";
/* ==========================================================================
Main SCSS file / Fresh
========================================================================== */
/* ==========================================================================
Color variables
========================================================================== */
/* ==========================================================================
Navbar
========================================================================== */
.navbar.is-fresh {
  position: relative;
  min-height: 3.8rem;
  transition: all .3s;
  z-index: 99; }
  .navbar.is-fresh .container {
    min-height: 4rem; }
  .navbar.is-fresh.no-shadow {
    box-shadow: none !important; }
  .navbar.is-fresh .navbar-burger {
    width: 4rem;
    height: 4rem; }
  .navbar.is-fresh .navbar-brand {
    min-height: 4rem; }
    .navbar.is-fresh .navbar-brand img {
      max-height: 36px !important;
      height: 36px; }
    .navbar.is-fresh .navbar-brand:hover .navbar-item {
      background: transparent !important; }
  .navbar.is-fresh .navbar-end {
    align-items: center; }
  .navbar.is-fresh .navbar-item.has-dropdown {
    padding: 10px 0; }
    .navbar.is-fresh .navbar-item.has-dropdown .navbar-link {
      color: #999; }
      .navbar.is-fresh .navbar-item.has-dropdown .navbar-link:after {
        top: 55%;
        height: 0.5em;
        width: 0.5em;
        border-width: 2px;
        border-color: #999; }
    .navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown {
      top: 3.4rem;
      min-width: 220px;
      margin-top: 4px;
      border-top-color: #F39200; }
      .navbar.is-fresh .navbar-item.has-dropdown .navbar-dropdown .navbar-item {
        padding: 10px 20px; }
    .navbar.is-fresh .navbar-item.has-dropdown:hover .navbar-link {
      color: #F39200; }
      .navbar.is-fresh .navbar-item.has-dropdown:hover .navbar-link:after {
        border-color: #F39200; }
  .navbar.is-fresh .navbar-item .signup {
    display: block;
    line-height: 0;
    font-size: .9rem !important; }
  .navbar.is-fresh.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 4rem !important;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
    .navbar.is-fresh.is-fixed a {
      color: #444F60; }
      .navbar.is-fresh.is-fixed a:hover {
        color: #4FC1EA; }

#navbar-clone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  transform: translateY(-100%);
  z-index: 100;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12); }
  #navbar-clone.is-active {
    transform: translateY(0); }

/* ==========================================================================
General Keyframes animations
========================================================================== */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both; }

.delay-1 {
  animation-delay: .25s; }

.delay-2 {
  animation-delay: .5s; }

.delay-3 {
  animation-delay: .75s; }

.delay-4 {
  animation-delay: 1s; }

@keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInLeft {
  from {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.preFadeInLeft {
  opacity: 0; }

.fadeInLeft {
  opacity: 0;
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft; }

@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.preFadeInUp {
  opacity: 0; }

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp; }

.gelatine {
  animation: gelatine 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both; }

@keyframes gelatine {
  from, to {
    transform: scale(1, 1); }
  25% {
    transform: scale(0.9, 1.1); }
  50% {
    transform: scale(1.1, 0.9); }
  75% {
    transform: scale(0.95, 1.05); } }

section:focus {
  outline: none !important; }

button:focus, button:active {
  outline: none; }

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99; }

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../../images/loaders/rings.svg);
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px; }

#backtotop {
  position: fixed;
  right: 0;
  opacity: 0;
  visibility: hidden;
  bottom: 25px;
  margin: 0 25px 0 0;
  z-index: 9999;
  transition: 0.35s;
  transform: scale(0.7);
  transition: all 0.5s; }

#backtotop.visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1); }

#backtotop.visible a:hover {
  outline: none;
  opacity: 0.9;
  background: #F39200; }

#backtotop a {
  outline: none;
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 46px;
  height: 46px;
  background-color: #66676b;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%;
  text-align: center;
  font-size: 26px; }

body #backtotop a {
  outline: none;
  color: #fff; }

#backtotop a:after {
  outline: none;
  content: "⮝";
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%); }

.is-disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default !important; }

.is-hidden {
  display: none !important; }

.stuck {
  position: fixed !important;
  top: 0 !important;
  z-index: 2 !important; }

.light-text {
  color: #fff !important; }

.mb-20 {
  margin-bottom: 20px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-60 {
  margin-bottom: 60px; }

.mt-20 {
  margin-top: 20px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.ml-30 {
  margin-left: 30px; }

.huge-pb {
  padding-bottom: 100px; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #cecece; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cecece; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #cecece; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cecece; }

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