/* =========================== */
/* Wrapper */
/* =========================== */
  ::-webkit-scrollbar {
    display: none;
  }


  html, * {
    outline: none;
  }


  .wrapper {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    float: left;
    position: relative;
    min-height: 100vh;
  }


  #main-section {
    width: 100vw;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
    z-index: 2;
  }
  
  
  .site-background {
    width: 890px;
    height: auto;
    position: fixed;
    top: -180px;
    left: -220px;
    opacity: 1;
  }





/* =========================== */
/* Sections Overall */
/* =========================== */
  .second {
    width: 100%;
    height: 100%;
    background: transparent;
  }


  .cover {
    object-fit: cover;
  }


  svg path, svg text, svg rect, svg circle {
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }


 a:focus,
 a:active {
   text-decoration: none;
 }





/* =========================== */
/* Section-1 */
/* =========================== */
  .section-1 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    min-height: 100vh;
    padding-bottom: 80px;
  }


  .section-1 .content {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding-top: 30vh;
    min-height: 100vh;
  }


  .section-1 .content .logo-container {
    width: 100%;
    height: auto;
    float: left;
  }


  .section-1 .content .logo-container .logo {
    width: 500px;
    height: auto;
    float: left;
    margin: 0px calc(50% - 250px);
  }


  .section-1 .content .platform-logos-container {
    width: 100%;
    height: auto;
    float: left;
    padding: 0px 7%;
    padding-top: 7vh;
  }


  .section-1 .content .platform-logos-container .platform-logo {
    width: 16.666%;
    height: auto;
    float: left;
    padding: 0px 2%;
  }


  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner {
    height: auto;
    float: left;
  }


  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner#logo-1 {
    margin-top: 10px;
  }
  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner#logo-2 {
    margin-top: 10px;
  }
  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner#logo-3 {
    margin-top: 10px;
  }
  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner#logo-4 {
    margin-top: 10px;
  }
  .section-1 .content .platform-logos-container .platform-logo .platform-logo-inner#logo-5{
    padding: 0px 10%;
  }


  .section-1 .content .email-link {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding-top: 7vh;
    padding-bottom: 7vh;
  }



  .slick-next {
    right: 10px;
  }
  .slick-prev {
    left: 10px;
  }
  .slick-prev:before,
  .slick-next:before {
    font-size: 35px;
    opacity: .25;
    color: grey;
  }
  .slick-prev,
  .slick-next {
    width: 35px;
    height: 35px;
    z-index: 999;
  }
  .slick-prev:hover .slick-prev:before,
  .slick-next:hover .slick-next:before {
    opacity: .35;
  }



  .nav-slider-container {
    float: left;
    height: auto;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 10px 0px;
    background: rgba(255,255,255,0.9);
  }
  .nav-slider-container .slider-nav {
    float: left;
    height: auto;
    width: 400px;
    margin: 0px calc(50% - 200px);
  }
  .nav-slider-container .slider-nav .slide-container {
    float: left;
    height: auto;
    width: 100%;
  }
  .nav-slider-container .slider-nav .slide-container .slide-icon {
    float: left;
    height: 40px;
    width: 40px;
    margin: 0px calc(50% - 20px);
  }
  .nav-slider-container .slider-nav .slide-container .slide-icon img {
    filter: grayscale(100%);
    opacity: 0.4;
  }
  .nav-slider-container .slider-nav .slide-container .slide-icon:hover img {
    filter: grayscale(50%);
    /* opacity: 0.7; */
  }
  .nav-slider-container .slider-nav .slide-container.slick-slide.slick-current.slick-active .slide-icon img {
    filter: grayscale(0%);
    opacity: 1;
  }
  .nav-slider-container .slider-nav .slick-track {
    transform: none !important;
  }