@font-face {
  font-family: 'Conv_Gotham Black Regular';
  src: url('Gotham Black Regular.eot');
  src: local('?'), url('Gotham Black Regular.woff') format('woff'), url('Gotham Black Regular.ttf') format('truetype'), url('Gotham Black Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Myriad Pro";
  src: url('8143.eot');
  src: local('?'), url('8143.woff') format('woff'), url('8143.ttf') format('truetype'), url('8143.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  background: #171717;
  overflow: hidden;
font-family: 'Raleway', sans-serif;


}
.vaucher {
  display: none;
}
.layout {
  width: 1170px;
  margin: 0 auto;
  position: relative;

  
}
.layout:after {
  display: table;
  content: '';
  clear: both;
}
.container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1170px;
}
#glt-translate-trigger{
  position:fixed;
  top:40px !important;
  left:63px!important;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  border:1px solid #fff;
  width:35px;
  z-index: 10000;
}
.screen1-button {
    display: block;
    position: absolute;

    top: 358px;
    display: block;
    cursor: pointer;

position: absolute;

left: 300px;

top: 358px;


top: 70px;
bottom: 0;

margin: auto;

width: 255px;

height: 62px;
}
.screen1-button2 {
    left: 600px;
}
.screen1-button:hover {
    opacity: 0.8;
}
.trans{
  height:20px;
  width:25px;
  background-image:url(../img/flags.png);
  background-position:-116px -351px;
  background-repeat:no-repeat!important
}
.trans-chin{
  background:url(../img/flags.png) 0 -61px no-repeat
}
.trans-arrow{
  width:0;
  height:0;
  border-width:7px;
  border-style:solid;
  border-color:#fff transparent transparent;
  left: 50px;
top: 10px;
position: absolute;
}
.tool-container{
    margin-top:40px;
    position:absolute!important;
    width:60px!important;
    left:5px!important;
    background:#000
}
.tool-items a{
    margin-right:100px!important
}
.tool-items p{
    margin-left:30px;
    font-size: 15px;
    color:#fff
}
.tool-items p:hover{
    color:#00c38c
}
.tool-container.tool-top .arrow{
    border-color:transparent transparent #000!important
}
.arrow{
    left:30px!important
}
a {
  text-decoration: none;
}
a, button {
  outline: none !important;
border: none !important;
}
.nav-menu a {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  margin-left: 30px;
  position: relative;

}
.nav-menu li {
    margin-left: 30px;
}
.nav-menu li:nth-child(2) {
  margin-left: 33px;
}
.nav-menu li:nth-child(3) {
  margin-left: 31px;
}
.nav-menu li:nth-child(4) {
  margin-left: 31px;
}
.nav-menu li:nth-child(5) {
  margin-left: 29px;
}
.nav-menu li:nth-child(6) {
  margin-left: 27px;
}
.nav-menu li:nth-child(7) {
  margin-left: 25px;
}
.nav-menu li:last-of-type {

  margin-left: 50px;
}
.nav-menu li:nth-child(2) {
  margin-left: 33px;
}
.nav-menu li:nth-child(3) {
  margin-left: 31px;
}
.nav-menu li:nth-child(4) {
  margin-left: 31px;
}
.nav-menu li:nth-child(5) {
  margin-left: 29px;
}
.nav-menu li:nth-child(6) {
  margin-left: 27px;
}
.nav-menu li:nth-child(7) {
  margin-left: 25px;
}
.nav-menu li:last-of-type {

  margin-left: 50px;
}
.nav-menu a:hover {
  color: #03bad2 !important;
  cursor: pointer;
}
.nav-menu a:hover:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -45px;
  margin: auto;
  width: 100%;
  height: 5px;
  border-radius: 10px;
  background-color: #03bad2;
}



.nav-menu a:after,
.nav-menu a:before {
  backface-visibility: hidden;
  border: 1px solid rgba(#fff, 0);
  top: -45px;
  content: " ";
  display: block;
  margin: 0 auto;
  position: absolute;
  transition: all 280ms ease-in-out;
  width: 0;
}

.nav-menu a:hover:after,
.nav-menu a:hover:before {
  backface-visibility: hidden;
  border-color: #fff;
  transition: width 350ms ease-in-out;
  width: 100%;
}

.nav-menu a:hover:before {
  bottom: auto;
  top: 0;
  width: 70%;
}
.nav-menu a:first-of-type {
  margin-left: 0;
}
.nav-menu  .masternode {
  color: #95f80a;
}
.nav-menu .masternode a {
  color: #95f80a;
}
.logo {
  padding-top: 13px;
  display: block;
  width: 70px;
  margin-right: 38px;
}
.nav-menu {
  padding-top: 43px;
}
.logo, .nav-menu {
  float: left;
}
.top-menu {
  overflow: hidden;
  position: fixed;
  z-index: 8;
  
}


.section {
  overflow: hidden;
  z-index: -1;
  height: 100vh;
  opacity: 0;
  transition: all 3s;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;


}
.section.active {
  opacity: 11;
 z-index: 2;

}
.screen1 .full {
  opacity: 1;
}
.screen1 {
    background: url(../img/First_bg.jpg) center no-repeat;
    background-size: cover;
}
.screen1 .container {
    position: absolute;

bottom: 0;

left: 0;

right: 0;

margin: auto;

width: 1170px;

top: 0;

height: 500px;
}

.first-text {
 /* position: absolute;
  left: 0;
  right: 0;
  top: -25%;
  bottom: 0;
  margin: auto;*/
  position: absolute;
width:500px;
left: 0;
right: 0;
top: -500px;
bottom: 0;
margin: auto;
}

.mouse {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 10px;
  margin: auto;
  z-index: 100;
}
@keyframes first-airo {
  0% {
    opacity: 0;
    left: 100vh;
    top: 50%;
  }
  50% {
    opacity: 1;
    left: -20%;
    top: 5px;
  }
}
.first-airo {
  left: 100vh;
  position: absolute;
  right: 0;
  top: 50%;
  margin: auto;
  animation: first-airo 2s;
  transition: all 2s;
}
.section.active .first-airo {
  left: -20%;
  top: 5px;
}
.side-bar {
  position: fixed;
  width: 40px;
  right: 5px;
  height: 400px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}
.side-bar a {
  margin-bottom: 40px;
  display: inline-block;
}
.side-bar a:last-of-type {
  margin-bottom: 0;
}
.side-bar a:hover {
    transform: scale(1.2);
    transition: transform .5s;
}
@keyframes left-truck {
  0% {
    left: -500px;
    opacity: 0;
  }
  50% {
    left: -100px;
    opacity: 1;
  }
}
@keyframes left-ship {
  0% {
  left: -500px;
    opacity: 0;
}
  50% {
  left: -110px;
    opacity: 1;
}
}
@keyframes left-airo {
  0% {
    left: -500px;
    opacity: 0;
  }
  50% {
    left: -280px;
    opacity: 1;
  }
}

@keyframes text {
  0% {
    right: -500px;
    opacity: 0;
  }
  50% {
    right: 60px;
    opacity: 1;
  }
}

@keyframes down {
  0% {
    margin-top: 100%;
    opacity: 0;
  }
  50% {
    margin-top: 0;
    opacity: 1;
  }

}
@keyframes bg1 {
  0% {
    bottom: -100vh;
  }
  50% {
    bottom: 0;
  }
}
.bg1 {
  position: absolute;
  display: block;
  bottom: -100vh;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  width: 100%;
  height: 38vh;

  transition: all 3s;
  animation: bg1 1s;
}
.section.active .bg1 {
  bottom: 0;
}
.bg1-main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height:  100vh;
}
@keyframes bg2 {
  0% {
    right: -3000px;
    bottom: -2700px;
  }
  50% {
    right: -500px;
    bottom: -150px;
  }
}
.bg2 {
  position: absolute;
  display: block;
right: -3000px;

  margin: auto;
  bottom: -2700px;
  z-index: 1;
  transition: all 3s;
  animation: bg2 1s;

}
.section.active .bg2 {
bottom: -150px;
right: -500px;
}
.airo-bg {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
.truck-main {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  width: 100%;
  height: 100vh;
}
@keyframes bg3 {
  0% {

    bottom: -500px;
  }
  50% {
    bottom: 0;
  }
}
.bg3 {
  position: absolute;
  display: block;
  right: 0px;
  left: 0;
  margin: auto;
  bottom: -500px;
  z-index: 1;
  animation: bg3 1s;
  transition: all 3s;
  width: 100%;
}
.section.active .bg3 {

  bottom: 0;
}
@keyframes ship {
  0% {
    left: -2000px;
  }
  50% {
    left: -338px;
  }
}

.ship {
  bottom: -70px;
  
  left: -2000px;
  position: absolute;
  z-index: 2;
  animation: ship 3s;
  transition: all 3s;
}
.section.active .ship {
 left: -338px;
}
@keyframes airo {
  0% {
    left: -2430px;
  }
  50% {
    left: -850px;
  }
}
.airo {
  position: absolute;
  bottom: -70px;
  left: -2430px;
  z-index: 2;
  
  animation: airo 3s;
  transition: all 3s;
}
.section.active .airo {
  left: -800px;
}
@keyframes truck {
  0% {
    left: -1980px;
  }
  50% {
    left: -400px;
  }
}
.truck {
  position: absolute;
  bottom: -190px;
  left: -1980px;
  z-index: 2;
  transition: all 3s;
  animation: truck 3s;
}
.section.active .truck {
  left: -340px;
}
.text1 {
width: 516px;
height: 40px;
color: #ffffff;
font-weight: 900;
font-size: 40px;
line-height: 22px;
position: absolute;
bottom: 386px;
right: -500px;
white-space: nowrap;
animation: text 3s;
transition: all 3s;
  z-index: 2;
  margin-bottom: 20px;
}
.section.active .text1 {
  right: 60px;
}
.text11 {
width: 875px;
height: 600px;
  color: #ffffff;
font-family: 'Raleway', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 22px;
position: absolute;
z-index: 2;
  top:100px;
  right: 100px;
  bottom: 100px;
padding-top: 0;
 letter-spacing: 0.1px;
}
.text11 p {
  margin-bottom: 23px;
  animation: down 3s;
  margin-top: 100%;
  transition: all 3s;
}
.section.active .text11 p {
  margin-top: 0;
}
.text11 p:last-of-type {
  margin-bottom: 0;
}


.text2 {
width: 475px;
height: 290px;
  color: #a3a3a3;
font-family: 'Raleway', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 22px;
position: absolute;
z-index: 2;
  right: 100px;
  bottom: 100px;
padding-top: 0;
overflow: hidden;
  letter-spacing: 0.1px;


}
.text2 p {
  margin-bottom: 23px;
  animation: down 3s;
  margin-top: 100%;
  transition: all 3s;
}
.section.active .text2 p {
  margin-top: 0;
}
.text2 p:last-of-type {
  margin-bottom: 0;
}
.bullets-cont {
  width: 1170px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  top: 0;


}

.bullets {
  width: 32px;
  position: absolute;
  bottom: 0;
  top: 0;
  height: 305px;
  margin: auto;
  right: -60px;
  z-index: 210;

}
.bullet {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-bottom: 4px;
  opacity: 0.5;

}

.bullet.active {
  border: 12px solid #03bad2;
  opacity: 1;
}
.bullet:hover {

  border: 3px solid #03bad2;
  cursor: pointer;
  opacity: 1;
}
@media only screen and (max-width: 1170px) {
  .bullets-cont {
      width: 100%;
  }
  .bullets {
      right: 97%;
  }
  .bullet {
  width: 40px;
  height: 40px;
}
.bullets {
    height: 400px;
}
.bullet.active {
  border: 20px solid #03bad2;

}
.bullet:hover {

  border: 5px solid #03bad2;

}
}
.road2 {
  position: absolute;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;

}
.full {
  width: 100%;
  height: 100vh;
}
.exchange .full {
  top: -320px;
}
.exchange a {

  display: inline-block;
  margin-left: 150px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;



}
.exchange span:first-of-type a {
   margin-left: 166px;
 }

.exchange .exchange-cont {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 10;
  width: 1128px;
  height: 122px;


}
.exhange-center {
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top:0;
  bottom:0;
  width: 1128px;
}
.ex-multiple-cont {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;

}
.ex-multiple {
  background-image: url(../img/white_2.png);
  width: 100%;
  height: 10px;
  transition: all 2s;
  margin-left: -100vh;
  opacity: 0.04;
}
.ex-multiple:nth-child(2n+2) {
  margin-left: 100vh;
}
.section.active .ex-multiple {
  margin-left: 0;
}
.ex-multiple:first-of-type {
  background-position: center 0;
}
.ex-multiple:nth-child(2) {
  background-position: center -10px;
}
.ex-multiple:nth-child(3) {
  background-position: center -20px;
}
.ex-multiple:nth-child(4) {
  background-position: center -30px;
}
.ex-multiple:nth-child(5) {
  background-position: center -50px;
}
.ex-multiple:nth-child(6) {
  background-position: center -60px;
}
.ex-multiple:nth-child(7) {
  background-position: center -70px;
}
.ex-multiple:nth-child(8) {
  background-position: center -80px;
}
.ex-multiple:nth-child(9) {
  background-position: center -90px;
}
.ex-multiple:nth-child(10) {
  background-position: center -100px;
}
.ex-multiple:nth-child(11) {
  background-position: center -110px;
}
.ex-multiple:nth-child(12) {
  background-position: center -120px;
  height: 4px;
}

.exchange .exchange-cont:after {
  clear: both;
}
.exchange .exchange-cont span {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  float: left;
}
.exchange .exchange-cont a {

 }

.exchange .cryptopia {

  left: 100%;
  opacity: 0;
  transition: all 2s, transform .5s, filter .3s;
}
.active.exchange .cryptopia {
  left: 0;
  opacity: 1;
}
.exchange .cryptoBridge {

  opacity: 0;
  left: -100vh;
  transition: all 2s, transform .5s, filter 0.3s;


}
.active .cryptoBridge {
  left: 0;
  opacity: 1;
}

.exchange .coin {

  top: 100vh;
  opacity: 0;
  transition: all 2s, transform .5s, filter .3s;


}

.active.exchange .coin {
  top: 0;
  opacity: 1;
}
.exchange a:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}





.fancybox-thumbs,.fancybox-thumbs>ul>li,.slick-slider{
  -webkit-box-sizing:border-box;
  -webkit-tap-highlight-color:transparent
}
.fancybox-thumbs>ul{
  position:relative;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  font-size:0
}
.fancybox-thumbs>ul>li,.slick-list{
  overflow:hidden;
  margin:0;
  padding:0
}
.fancybox-thumbs>ul>li{
  float:left;
  max-width:50%;
  width:105px;
  height:75px;
  position:relative;
  cursor:pointer;
  outline:0;
  border:5px solid #fff;
  border-top-width:0;
  border-right-width:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  box-sizing:border-box
}
li.fancybox-thumbs-loading{
  background:rgba(0,0,0,.1)
}
.fancybox-thumbs>ul>li>img{
  position:absolute;
  top:0;
  left:0;
  min-width:100%;
  min-height:100%;
  max-width:none;
  max-height:none;
  user-select:none
}
.fancybox-thumbs>ul>li:before{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:4px solid #4ea7f9;
  z-index:99991;
  opacity:0;
  -webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);
  transition:all .2s cubic-bezier(.25,.46,.45,.94)
}
.txt-describe .dotted{
  -webkit-transition:all .2s ease-in-out
}
@media all and (max-width:800px){
  .fancybox-thumbs{
    display:none!important
  }
  .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{
    right:0
  }
}
.slick-list,.slick-slider,.slick-track{
  display:block;
  position:relative
}
.slick-slider{
  box-sizing:border-box;
  user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y
}
.slick-list:focus{
  outline:0
}
.slick-list.dragging{
  cursor:pointer;
  cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
  -webkit-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.slick-track{
  left:0;
  top:0;
  margin-left:auto;
  margin-right:auto
}
.slick-track:after,.slick-track:before{
  content:"";
  display:table
}
.slick-slide{
  float:left;
  height:100%;
  min-height:1px;
  display:none
}
[dir=rtl] .slick-slide{
  float:right
}
.slick-slide.dragging img{
  pointer-events:none
}
.slick-initialized .slick-slide{
  display:block
}
.slick-vertical .slick-slide{
  display:block;
  height:auto;
  border:1px solid transparent
}
.slick-arrow.slick-hidden{
  display:none
}

*,body,dl,fieldset,figure,form,menu,ol,p,pre,ul{
  margin:0
}
.checkbox,sub,sup{
  position:relative
}

.ir:before,article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,nav,section,summary{
  display:block
}
audio,canvas,video{
  display:inline-block
}
audio:not([controls]){
  display:none;
  height:0
}
[hidden]{
  display:none
}
*,:after,:before{
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
:active,:focus,:hover{
  outline:0
}

.checkbox input[type=checkbox]{
  opacity:0;
  visibility:hidden;
  position:absolute
}
.checkbox .lbl,.checkbox label{
  display:inline-block;
  position:relative;
  padding:0 0 0 22px;
  font-size:1em;
  color:#8f99a6;
  letter-spacing:.04em;
  line-height:14px;
  font-weight:300;
  cursor:default
}
.checkbox label{
  cursor:pointer
}
.checkbox .lbl:before,.checkbox label:before{
  content:'';
  display:block;
  width:14px;
  height:14px;
  position:absolute;
  left:0;
  top:-1px;
  border:1px solid #45b7fe;
  -webkit-border-radius:2px;
  border-radius:2px
}
.checkbox input[type=checkbox]:checked+label:after,.checkbox.checked .lbl:after{
  display:block;
  position:absolute;
  left:2px;
  top:0;
  font-family:endo!important;
  font-style:normal!important;
  font-weight:400!important;
  font-variant:normal!important;
  text-transform:none!important;
  speak:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\6f";
  font-size:11px
}
.body-wrapper,.btn,.btn .endo,.page-container,.title-section .h1 .rainbow,.title-section h1 .rainbow,.title-section h2 .rainbow,.title-section h3 .rainbow,.title-section h4 .rainbow,.title-section h5 .rainbow,.title-section h6 .rainbow{
  position:relative
}


.checkbox.checkbox-inline{
  display:inline-block
}
.checkbox.nowrap{
  white-space:nowrap
}
.checkbox.checkbox-style{
  margin:0 0 20px
}
.checkbox.checkbox-style .lbl,.checkbox.checkbox-style label{
  letter-spacing:.02em;
  font-size:16px;
  line-height:18px;
  padding-left:40px;
  color:#fff;
  padding-top:2px
}
.checkbox.checkbox-style .lbl:before,.checkbox.checkbox-style label:before{
  width:20px;
  height:20px;
  top:0;
  -webkit-border-radius:0;
  border-radius:0;
  border:3px solid #1375f8;
  background:0 0!important
}
.checkbox.checkbox-style .lbl:before{
  border-color:#a2a2a2
}
.checkbox.checkbox-style input[type=checkbox]:checked+label:after,.checkbox.checkbox-style input[type=checkbox]:checked+label:before,.checkbox.checkbox-style.checked .lbl:after,.checkbox.checkbox-style.checked .lbl:before{
  opacity:.4
}
.checkbox.checkbox-style input[type=checkbox]:checked+label:after,.checkbox.checkbox-style.checked .lbl:after{
  content:'';
  width:20px;
  height:16px;
  background:url(../img/check.png) no-repeat;
  background-size:cover;
  top:0;
  left:4px
}
.no-gutter:after,.no-gutter:before,.page-container:after,.page-container:before{
  content:" ";
  display:table
}
.checkbox.checkbox-style.checked .lbl:before{
  border-color:#1375f8
}
.checkbox.checkbox-style.checked .lbl:after,.checkbox.checkbox-style.checked .lbl:before,.screen-prcl-problems__cube .txt .in.show{
  opacity:1
}

.page-container{
  margin:0 auto;
  width:1200px;
  zoom:1;
  padding:0 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 400px;
  overflow: visible;
}
.rangeslider--horizontal .rangeslider__handle{
  top:-10px;
  touch-action:pan-y;
  -ms-touch-action:pan-y
}
.rangeslider--vertical .rangeslider__handle{
  left:-10px;
  touch-action:pan-x;
  -ms-touch-action:pan-x
}
.screen-prcl-roadmap__title{
  font-size:100px;
  font-weight:500;
  font-style:italic;
  line-height:1;
  text-transform:uppercase
}
.screen-prcl-roadmap{
  padding:75px 0
}
.screen-prcl-roadmap__title{
  text-align:center;
  letter-spacing:1em;
  margin:0 0 85px
}
.screen-prcl-roadmap__title i{
  letter-spacing:0
}
.screen-prcl-roadmap__slider{
  position:relative;
  padding:0 100px;

}
.screen-prcl-roadmap__slider .slick-arrow{
  width:15px;
  height: 27px;
  padding:0px 0 0;
  line-height:1;
  text-align:center;
  color:#fff;
  background:url(../img/arrs.png) center no-repeat;
  font-size:0;
  letter-spacing:.02em;
  font-weight:300;
  opacity:.3;
  border:0;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-30px;
  cursor: pointer;
}
.screen-prcl-roadmap__slider .slick-arrow.slick-prev{
  right:unset;
  left:50px;
}
.screen-prcl-roadmap__slider .slick-arrow.slick-prev:hover {
    transform: rotate(-180deg);
}
.screen-prcl-roadmap__slider .slick-arrow.slick-next{
   transform:rotate(180deg);
   right: 50px;
}

.screen-prcl-roadmap__slider .slick-arrow:hover{
  opacity:1;
  background:url(../img/arrs_hover.png) center no-repeat;
 
}
.screen-prcl-roadmap__slider .slick-arrow.slick-next:hover {
     transform:rotate(360deg);
}
.screen-prcl-roadmap__item{
  padding:20px 20px 10px 38px;
  border:3px solid transparent
}
.screen-prcl-roadmap__item .stage{
  font-size:50px;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-weight:300;
  margin:0 0 20px;
  color: #fff;
}
.screen-prcl-roadmap__item .title{
  font-size:60px;
  font-weight:200;
  line-height:1;
  margin:0 0 14px;

}
.screen-prcl-roadmap__item.active{
  border-color:rgba(255,255,255,.1);
  border-radius:20px
}
.screen-prcl-roadmap__item.active .title{
  color:#1375f8
}

body,button,h5,html,input,select,textarea{
  font-family:'PF Din Display Pro',sans-serif!important;
  line-height:1.4;
  text-rendering:optimizeLegibility;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  -moz-font-smoothing:antialiased;
  -o-font-smoothing:antialiased
}
.center {
  position: absolute;
  height: 600px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.purse .a {
  position: relative;
  transition: all 2s, transform .5s, filter .3s;
}
.purse .win-cont a {
  transition: all 2s, transform .5s;
}
.purse {
  font-family:'PF Din Display Pro',sans-serif!important;
}
.purse a {
  font-size: 0;
}
.purse-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 162px;
}
.purse .a:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.purse .win-cont .windows:hover img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.purse h2{
  font-size:100px;
  margin-bottom:111px;
  /*margin-top:140px;*/
  text-transform:uppercase;
  font-weight: 700;
  text-align:center;
  color:#fff;
  letter-spacing:30px
}
.purse-logo{
  width:1175px;
  margin:0 auto;
  height: 150px;
/*  background: url(../img/Wallets.png) center no-repeat;
  background-size: cover;*/
  overflow: hidden;
}
/*.purse-logo:after{
  content:"";

  position: absolute;
  left: -100vh;
  right: 0;
  margin: auto;
  height: 50%;
  background: url(../img/Wallets.png) center 0 no-repeat;
  width: 100%;
  transition: all 2s;
  z-index: -1;
}
.purse-logo:before {
  content:"";
  position: absolute;
  bottom:0;
  left: 100vh;
  z-index: -1;
  margin: auto;
  height: 50%;
  width: 100%;
  background: url(../img/Wallets.png) center -81px no-repeat;

}*/
.section.active .purse-logo:after, .section.active .purse-logo:before {
  left: 0;
  transition: all 2s;
}
.apple,.git,.linux,.win-cont,.play{
  width:120px;
  height:150px;
  float:left;
}
.git{
  background:url(../img/Github.png) center center no-repeat;
  top: 100vh;
  margin-left: 133px;
}
.section.active .git {
  top: 0;
}
.git:hover{

}
.exchange .full {
  opacity: 0.07;
}
/*.span {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90px;
  border: 1px solid red;
}*/
.apple{
  background:url(../img/Apple.png) center center no-repeat;
  top: 100vh;
  transition: top 2s, transform .5s;
  margin-left: 90px;
}
.section.active .apple {
  top: 0;
}
.play{
  background:url(../img/Playmarket.png) center no-repeat;
  top: -100vh;
  margin-left: 141px;

}
.section.active .play {
  top: 0;
}
.play:hover{

}
.apple:hover{

}
.linux{
  background:url(../img/Linux.png)  center no-repeat;
  transition: top 2s, transform .5s;
  top: -100vh;
  margin-left: 121px;
}
.section.active .linux {
  top: 0;
}
.linux:hover{

}
.win-cont{
/*  background:url(../img/Windows_hover.png)  center no-repeat;*/
  position:relative;
  top: -100vh;
  transition: top 2s, transform .5s;
  margin-left: 65px;
  z-index: 1;
}
.win1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  transition: all 2s;
  height: 100px;
}
.section.active .win-cont {
  top: 0;
}
.win-cont .windows{
  color:#9c9c9c;
  position:absolute;
  font-size:20px;
  text-decoration:none;
  top:0;
  display:none;
  z-index: 10;
}
.win-cont:hover{
  background:0 0;
  cursor:pointer;

}
.win-cont:hover .win1 {
  display: none;
}
.win-cont:hover a, .win-cont:hover div{
  display:block;
  text-align:center;
  width:120px;
  height:150px;
  line-height:250px
}

.win-cont .windows:first-of-type{

  left:-50px
}
.win-cont .windows:nth-child(2){
  right:-60px
}

.win-cont .windows:hover{
  color:#00aecb;
  
}

.win-cont .windows img {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  margin: auto;
  display: block;
}
.win-cont .windows p {
  position: absolute;
  left: 0;
  right: 0;
  top: -15px;
  margin: auto;

}
.win-cont a:first-of-type:hover{

}
.win-cont a:nth-child(2):hover{


}
.no-blur {
  -webkit-filter: blur(0) !important;
  -moz-filter: blur(0) !important;
  -o-filter: blur(0) !important;
  -ms-filter: blur(0) !important;
  filter: blur(0) !important;
}
.multiple-cont {
  position: absolute;
  left: 0;
  right:0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1174px;
  z-index: -1;
}
.multiple {
  width: 100%;
  height: 9px;

  transition: all 2s;
  background: url(../img/Wallets.png);

}
.multiple {
  margin-left: -100vh;
}
.multiple:nth-child(2n+2) {
  margin-left: 100vh;
}
.section.active .multiple {
  margin-left: 0 !important;
}
.multiple:first-of-type {
  background-position: center 0;
  margin-top: 0;
}
.multiple:nth-child(2) {
  background-position: center -9px;
}
.multiple:nth-child(3) {
  background-position: center -18px;
}
.multiple:nth-child(4) {
  background-position: center -27px;
}
.multiple:nth-child(5) {
  background-position: center -36px;
}
.multiple:nth-child(6) {
  background-position: center -45px;
}
.multiple:nth-child(7) {
  background-position: center -54px;
}
.multiple:nth-child(8) {
  background-position: center -63px;
}
.multiple:nth-child(9) {
  background-position: center -72px;
}
.multiple:nth-child(10) {
  background-position: center -81px;
}
.multiple:nth-child(11) {
  background-position: center -90px;
}
.multiple:nth-child(12) {
  background-position: center -99px;
}
.multiple:nth-child(13) {
  background-position: center -108px;
}
.multiple:nth-child(14) {
  background-position: center -117px;
}
.multiple:nth-child(15) {
  background-position: center -126px;
}
.multiple:nth-child(16) {
  background-position: center -135px;
}
.multiple:nth-child(17) {
  background-position: center -144px;
}
.multiple:nth-child(18) {
  background-position: center -153px;
}
/*.ship-section .container {
  border: 1px solid red;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 550px;
}
.ship-section .bg1-main {
  top: -500px;
  height: 100vh;
}*/

.truck-section .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 550px;
}
.truck-section .bg3 {
  top:90%;
  bottom: 0;
  margin: auto;
  height: 30%;
}
.airo-section {
    background:url(../img/airo-main.jpg) center no-repeat;
    background-size: cover;
}
.airo-section .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 550px;
}
@media only screen and ( min-height: 768px) {
  .truck-section .bg3 {
    top:70%;
    bottom: 0;
    margin: auto;
    height: 30%;
  }
}
.team {
transition: opacity 2s;
}
.team-img-cont {
    position: absolute;
    width: 1103px;
    height: 264px;
    left: -50px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
   
}
.team-img-cont .team-img {
      background-image: url(../img/Team.png);
      width: 100%;
      height: 10px;
      transition: all 2s;
      margin-left: -100vh;
    
}
.team-img-cont .team-img:nth-child(2n+2) {
    margin-left: 100vh;
}
.team.active .team-img-cont .team-img {
  margin-left: 0;
}
.team-img-cont .team-img:first-of-type {
    background-position: 0 0;
}
.team-img-cont .team-img:nth-child(2) {
    background-position: 0 -10px;
}
.team-img-cont .team-img:nth-child(3) {
    background-position: 0 -20px;
}
.team-img-cont .team-img:nth-child(4) {
    background-position: 0 -30px;
}
.team-img-cont .team-img:nth-child(5) {
    background-position: 0 -40px;
}
.team-img-cont .team-img:nth-child(6) {
    background-position: 0 -50px;
}
.team-img-cont .team-img:nth-child(7) {
    background-position: 0 -60px;
}
.team-img-cont .team-img:nth-child(8) {
    background-position: 0 -70px;
}
.team-img-cont .team-img:nth-child(9) {
    background-position: 0 -80px;
}
.team-img-cont .team-img:nth-child(10) {
    background-position: 0 -90px;
}
.team-img-cont .team-img:nth-child(11) {
    background-position: 0 -100px;
}
.team-img-cont .team-img:nth-child(12) {
    background-position: 0 -110px;
}
.team-img-cont .team-img:nth-child(13) {
    background-position: 0 -120px;
}
.team-img-cont .team-img:nth-child(14) {
    background-position: 0 -130px;
}
.team-img-cont .team-img:nth-child(15) {
    background-position: 0 -140px;
}
.team-img-cont .team-img:nth-child(16) {
    background-position: 0 -150px;
}
.team-img-cont .team-img:nth-child(17) {
    background-position: 0 -160px;
}
.team-img-cont .team-img:nth-child(18) {
    background-position: 0 -170px;
}
.team-img-cont .team-img:nth-child(19) {
    background-position: 0 -180px;
}
.team-img-cont .team-img:nth-child(20) {
    background-position: 0 -190px;
}
.team-img-cont .team-img:nth-child(21) {
    background-position: 0 -200px;
}
.team-img-cont .team-img:nth-child(22) {
    background-position: 0 -210px;
}
.team-img-cont .team-img:nth-child(23) {
    background-position: 0 -220px;
}
.team-img-cont .team-img:nth-child(24) {
    background-position: 0 -230px;
}
.team-img-cont .team-img:nth-child(25) {
    background-position: 0 -240px;
}
.team-img-cont .team-img:nth-child(26) {
    background-position: 0 -250px;
    height: 9px;
}



.team .team-cont {

  width: 221px;
  height: 275px;
  text-align: center;
  border-radius: 20px;
  background: transparent;
/*  padding: 29px 23px 30px 31px;*/
padding: 18px;
  position: relative;
  display: inline-block;
/*  margin-left: 35px;*/
margin-left:20px !important;
  margin-bottom: 35px;
  z-index: 110;



}
.team img {
 
}
.team .team-cont:first-of-type {
  margin-left: 0 !important;
}
.team .team-cont:nth-child(6) {
  margin-left: 0 !important;
/*margin-left: 312px;*/
}

.big-team-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1210px;
  height: 525px;
 
  z-index: 110;

}

.team .team-cont:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  background: url(../img/team-bottom.png) center no-repeat;
}
.team .team-cont:hover:after {
  height: 0;
}
.team .team-cont:hover .team-hidden {
  box-shadow: 0 0 5px #03bad2;
  background: #171717;
  width: 100%;
  padding: 29px 15px 20px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  z-index: 100;
  margin-top: -32px;
}
.team .team-cont .team-img {
  margin-bottom: 20px;
  margin-top: 8px;
  height: 166px;
}
.team .team-cont .team-name {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.6px;
  white-space: nowrap;
}
.team .team-cont .hidden-text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 1.2px;
  margin-bottom: 20px;

}
.team .team-cont .team-hidden {
  display: none;
  min-height: 270px;

}
.team .team-cont:hover .team-hidden {
  display: block;
  padding-bottom: 70px;

}
.team .team-cont:hover .team-visible {
  display: none;
}
.hidden-icon {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}
.hidden-icon a {
  width: 50px;
  height: 50px;
  display: inline-block;
}
.team .team-cont:nth-child(5) .team-hidden, .team .team-cont:nth-child(2) .team-hidden {
  bottom: 0px;

}
.team-in {
  background: url(../img/In.png) center no-repeat;
}
.team-face {
  background: url(../img/Face.png) center no-repeat;
}
.team-in {
  background: url(../img/In.png) center no-repeat;
}
.team-twit {
 /* margin: 0 30px;*/
  background: url(../img/Twit.png) center no-repeat;
}
.team-face:hover {
  background: url(../img/Face_hover.png) center no-repeat;
}
.team-twit:hover {
  background: url(../img/Twit_hover.png) center no-repeat;
}
.team-in:hover {
  background: url(../img/In_hover.png) center no-repeat;
}
.team-hidden, .team-visible {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 217px;
}
.table {
  text-align: center;
  margin: 30px auto 0;
  width: 920px;
  height: 420px;
  overflow: visible;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
      transition: all 1s;
   

}
.mouse:hover {
  transition: all .5s;
  transform: scale(1.2);
  cursor: pointer;
}
.table-section {
  overflow: auto;
}
.table-section .center {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1170px;
  height: 470px;



}
.table-cell {
  border: 1px solid #20b0cc;
  color: #20b0cc;
  float: left;
  width: 170px;
  height: 40px;
  position: relative;
  padding: 0 5px;
}
.table-cont {
  display: none;
}
.table-cont.active {
  display: block;
}

.table-cell:first-of-type {
    width: 70px;
}

.table-cell:nth-child(2) {
  width: 150px;
}

.table-cell:nth-child(6) {
  width: 190px;
}
.table-align {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto
}
.arrow-next {
  position: absolute;
  top: 50px;
  bottom: 0;
  right: 50px;
  width: 15px;
  height: 27px;
  margin: auto;
  background-image: url(../img/arrs.png);
  transform: rotate(180deg);
  
}
.arrow-next:hover {
    transform: rotate(0deg) !important;
    right: 38px;
}
.arrow-prev {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 45px;
   width: 60px;
  height: 60px;
  margin: auto;
  background-image: url(../img/arrs.png);
  background-position: 0 0px;
  
}
.arrow-prev:hover {
    transform: rotate(-180deg);
    left: 30px;
}
.arrow-prev, .arrow-next {
   width: 30px;
   height: 30px;
   opacity: 0.5;
   background-size: contain;
   background-repeat: no-repeat;
}
.arrow-prev:hover, .arrow-next:hover {
   background-image: url(../img/arrs_hover.png);
   cursor: pointer;
   opacity: 1;
}

.table-header {
  font-size: 100px;
  margin-top: 100px;
  text-align: center;
  text-transform: uppercase;
  word-spacing: 20px;
  letter-spacing: 25px
}

.table-header h5 {
  margin-bottom: 53px
}

.coin-info {
  width: 1170px;
  margin: auto;
  color: #20b0cc;
  font-size: 20px;
  clear: both;
  height: 360px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

}

.coin-info h5 {
  font-size: 100px;
  letter-spacing: 20px;
  word-spacing: 20px;
  text-align: center;
  margin-bottom: 59px
}

.coin-block1 {
  width: 440px;
  position: relative;
float: left;
  line-height: 1.5;
}
.coin-block1:nth-child(2) {
  width: 500px;
  text-align: center;
}
.coin-block1:nth-child(2) .coin-block1-col {
  width: 230px;
}
.coin-block1:after {
  content: '';
  position: absolute;
  top: 100px;
  left: 550px;
  width: 1px;
  height: 230px;
  background: #20B0CC;
  border: 1px solid #20B0CC;
  border-radius: 3px;
}
.coin-block1:first-of-type {
 margin-right: 196px;

margin-left: 34px;
}
.coin-block1:first-of-type .coin-block1-col {
  width: 220px;
}
.coin-block1:nth-child(2):after {
  border: none;
  width: 0;
}
.coin-block1:first-of-type .coin-block1-col:nth-child(3) {
  padding-left: 20px;
  white-space: nowrap;
}
.spec-col {
  display: inline-block;
  width: 230px;
}
.presale {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.coin-block1-col {
  width: 250px;
  float: left;
  margin-bottom: 40px;
}

.coin-block1-col:nth-child(3) {
  width: 185px
}

.coin-block1-header {
  margin-bottom: 40px;
  font-size: 30px
}

.coin-block1-header span:first-of-type {
  margin-right: 90px
}

.coin-block1-header span {
  font-size: 20px
}
#fullpage {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;

}
.contact {
  background: url(../img/contact.png) center no-repeat;
}
.contact-cont {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1170px;
  height: 400px;
}
.contact-cont p {
  position: absolute;
color: #95f80a;
font-style: italic;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.42px;
cursor: pointer;
}
.contact-cont .contact-email:after, .contact-cont .contact-tel:after, .contact-cont .contact-tellegram:after,
.contact-cont .contact-address:after {
  content: '';
  position: absolute;
  right: -70px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 51px;
}
.contact-email {
  top: 186px;
  left: 95px;
}
.contact-email:after {
  background: url(../img/cont-envelope.png) center no-repeat;
}
.contact-address:after {
    background: url(../img/pointer.png) center no-repeat;
}

.contact-tel {
  top: 92px;
  left: 152px;
}

.contact-tel:after {
  background: url(../img/cont-tel.png) center no-repeat;
}
.contact-tellegram:after {
  background: url(../img/con-teleg.png) center no-repeat;
}
.contact-tellegram {
     top: 5px;
    left: 262px;
}
.contact-facebook {
  left: 869px;
  top: 186px;
}
.contact-twitter {
  top: 282px;
    left: 852px;
}
.contact-discord {
      top: 362px;
    left: 800px;
}
.contact-cont .contact-address a, .contact-cont .contact-link a {
color: #00b9da;

font-size: 20px;
letter-spacing: 0.42px;
}
.contact-cont .contact-address {
    width:229px;
        top: 269px;
    left: 93px;
    text-align: right;
    line-height: 1.2;
}
.contact-cont .contact-address:after {
        right: -63px;
    top: 5px;
}
.contact-cont .contact-link {
    width: 371px;
        top: -3px;
    left: 800px;
    line-height: 1.3;
}
.contact-cont .contact-link a:hover, .contact-cont .contact-address a:hover {
    text-decoration: underline;
}
.contact-cont .contact-facebook:before, .contact-cont .contact-twitter:before, .contact-cont .contact-discord:before, .contact-cont .contact-link:before {
  content: '';
  position: absolute;
  left: -60px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 51px;
}
.contact-cont .contact-link:before {
        left: -72px;
    top: -5px;
}
.contact-facebook:before {
  background: url(../img/cont-face.png) center no-repeat;
}
.contact-link:before {
     background: url(../img/lightcoin.png) center no-repeat;
}
.contact-twitter:before {
  background: url(../img/cont-twit.png) center no-repeat;
}
.contact-discord:before {
  background: url(../img/cont-dis.png) center no-repeat;
}
.z-index {
  z-index: 99999 !important;
}
.side-bar a {
    transition: all 0.3s;
}
 .ship-section .container {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     height: 550px;
 }
 .ship-cont {
     width: 1170px;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
 }
 .contact-cont .tooltiptext:after{
  content:" ";
  position:absolute;
  top:100%;
  left:50%;
  margin-left:-5px;
  border-width:5px;
  border-style:solid;
  border-color:#000 transparent transparent
}
.contact-cont .tooltiptext{
  visibility:hidden;
  background-color:#000;
  color:#fff;
  text-align:center;
  padding:5px 0;
  border-radius:6px;
  position:absolute;
  z-index:4;
  width:150px;
  bottom:100%;
  left:50%;
  margin-left:-75px;
  font-size: 16px;
}
.contact-cont p:hover .tooltiptext{
  visibility:visible
}
.status {
    color: #d1d1d1;
    font-weight: 100;
    font-style: italic;
    white-space: nowrap;
    margin-top: 5px;
    margin-bottom: 5px;
}