/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 line-height: normal;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    height: 100%;
}
body {
	font: 18px 'Oswald', sans-serif;
	background: #f2f2f2;
    color: #000;
    margin: 0;
    line-height: 20px;
    /*cursor: url(../images/cursor.svg) 20 20,auto;*/
    height: 100%;
}
a {
   /*cursor: url(../images/cursor-a.svg) 20 20,auto;*/
   color: #333;
   text-decoration: none;
}
input:focus::-webkit-input-placeholder {color:transparent}
input:focus::-moz-placeholder {color:transparent}
input:focus:-moz-placeholder {color:transparent}
input:focus:-ms-input-placeholder {color:transparent}

h1 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}
.container {
    height: 100%;
    padding: 0 5%;
}

.logo {
    font-weight: 900;
    text-transform: uppercase;
    display: inline-block;
    opacity: 0;
    transition: 0.6s;
    transition-delay: 0.2s;
    margin-top:-15px;
    transform: translateY(100%);
    cursor: default;
}
.logo img {
    position: absolute;
    z-index: 9;
    width: 39px;
    height: 39px;
    top: 8px;
    left: 231px;
}
.logo b {
    position: absolute;
    right: -35px;
    top: 5px;
    font-size: 16px;
    transition: 0.3s;
}
.logo:hover b {
    font-size: 22px;
    color: red;
    right: -40px;
    top: 0;
}
.ready .logo {
    opacity: 1;
    margin-top:0px;
    transform: translateY(0);
}

.lang {
  position: absolute;
  right: 5%;
  top: 5%;
  background: #d3d3d3;
  line-height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 30px;
  font-size: 16px;  
  display:none;
}

.menu {
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 5%;
}

.menu ul {
  list-style: none;
  padding: 0;
  font-size: 18px;
  margin: 45px 0;
}
.menu li {
    position: relative;
    transition: top 0.6s, opacity 0.5s;
    margin: 5px 0;
    
}
.ready .menu li {
    top: 0;
    opacity: 1;
}
.menu span, a {
    cursor: pointer;
    transition: 0.3s;
}
.menu span:hover, a:hover {
    color:red;
    font-size: 49px;
    
    text-transform: uppercase;
    font-weight: 900;
}

.menu.close {
    z-index: -1;
}
.menu li,.menu.close li  {
    top: 80px;
    opacity: 0;
    
}
.menu li:nth-child(4) {
    transition-delay: 0.2s;
}
.menu li:nth-child(3) {
    transition-delay: 0.3s;
}
.menu li:nth-child(2) {
    transition-delay: 0.4s;
}
.menu li:nth-child(1) {
    transition-delay: 0.5s;
}

.block {
    position: absolute;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s;
}
#about div {
margin-bottom: 15px;
}
#about a {
    border-bottom: 1px solid;
    font-size: 14px;
}
.block.open {
    visibility: visible;
    opacity:1;
    transition-delay: 0.8s;
    
}
#new.block {
height: 0;
    overflow: hidden;
    padding-bottom: 80px;
}
#new.block.open {
height: auto;
}
#new:hover {
    color: #ccc;
}
#new div:hover {
    color: #000;
}
#new div.last {
    color: #000 !important;
}
.close-block {
visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    margin: 0 auto;
    width: 52px;
}
.close-block.open {
    visibility: visible;
    opacity:1;
    transition-delay: 0.8s;
}
.close-block svg {
    width: 52px;
    cursor: pointer;
    margin: 40px 0px;
    transform: scale(1);
    transition: 0.3s;
}
.close-block svg:hover {
    fill: red;
    transform: scale(1.5);
    /*-webkit-animation: spin 3s infinite linear;*/
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.search {
       display: inline-block;
    max-width: 400px;
    width: 100%;
    position: relative;
    visibility: hidden;
    opacity:0;
    transition: 0.5s;
    
}
.search button {
    position: absolute;
    top: 25px;
    right: 20px;
    z-index: 3;
    border: 0;
    outline: none;
    background: transparent;
    cursor: pointer;
}
.search.open {
    visibility: visible;
    opacity:1;
    transition-delay: 0.8s;
}
.search:hover button {
    fill:red;
}
.search input {
   border: 0;
    background: gainsboro;
    width: 100%;
    outline: none;
    text-align: center;
    padding: 0;
    transition: padding 0.9s;
    font-weight: 900;
    font-size: 18px;
    border-radius:6px;
    font-family: oswald;
}
.search.open input {
    padding: 25px 20px;
}
.return {
    margin: 25px 0;
}
.return span {
    border-bottom: 1px solid;
    cursor: pointer;
    font-size: 8px;
    text-transform: uppercase;
}
.glitch {
  color: black;
    font-size: 100px;
    position: relative;
    line-height: 90px;
}
.year {
   position: relative;
    bottom: 0;
    font-size: 14px;
    transition: 0.5s;
    margin: 60px 0px 30px 0;
    display: none;
}
.ready .year { 
    bottom: 10px;
}
.copy {
    font-family: sans-serif;
}
.table {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.table-row {
    display:table-row;
}
.table-cell {
    display:table-cell;
    position: relative;
}

.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
    /*pointer-events: none;*/
}

@keyframes noise-anim {
  0% {
    clip: rect(38px, 9999px, 24px, 0); }
  5% {
    clip: rect(46px, 9999px, 52px, 0); }
  10% {
    clip: rect(99px, 9999px, 51px, 0); }
  15% {
    clip: rect(16px, 9999px, 76px, 0); }
  20% {
    clip: rect(68px, 9999px, 93px, 0); }
  25% {
    clip: rect(67px, 9999px, 94px, 0); }
  30% {
    clip: rect(20px, 9999px, 69px, 0); }
  35% {
    clip: rect(97px, 9999px, 9px, 0); }
  40% {
    clip: rect(14px, 9999px, 81px, 0); }
  45% {
    clip: rect(98px, 9999px, 11px, 0); }
  50% {
    clip: rect(79px, 9999px, 81px, 0); }
  55% {
    clip: rect(12px, 9999px, 48px, 0); }
  60% {
    clip: rect(21px, 9999px, 87px, 0); }
  65% {
    clip: rect(93px, 9999px, 11px, 0); }
  70% {
    clip: rect(98px, 9999px, 29px, 0); }
  75% {
    clip: rect(26px, 9999px, 74px, 0); }
  80% {
    clip: rect(60px, 9999px, 30px, 0); }
  85% {
    clip: rect(44px, 9999px, 84px, 0); }
  90% {
    clip: rect(55px, 9999px, 1px, 0); }
  95% {
    clip: rect(48px, 9999px, 30px, 0); }
  100% {
    clip: rect(70px, 9999px, 12px, 0); } }

.glitch:after {
  content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -1px 0 red;
    top: 0;
    color: black;
    background: #f2f2f2;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim 2s infinite linear alternate-reverse; }

@keyframes noise-anim-2 {
  0% {
    clip: rect(72px, 9999px, 72px, 0); }
  5% {
    clip: rect(55px, 9999px, 79px, 0); }
  10% {
    clip: rect(80px, 9999px, 96px, 0); }
  15% {
    clip: rect(75px, 9999px, 84px, 0); }
  20% {
    clip: rect(41px, 9999px, 16px, 0); }
  25% {
    clip: rect(17px, 9999px, 16px, 0); }
  30% {
    clip: rect(5px, 9999px, 26px, 0); }
  35% {
    clip: rect(91px, 9999px, 8px, 0); }
  40% {
    clip: rect(9px, 9999px, 47px, 0); }
  45% {
    clip: rect(2px, 9999px, 84px, 0); }
  50% {
    clip: rect(33px, 9999px, 54px, 0); }
  55% {
    clip: rect(6px, 9999px, 23px, 0); }
  60% {
    clip: rect(39px, 9999px, 99px, 0); }
  65% {
    clip: rect(48px, 9999px, 69px, 0); }
  70% {
    clip: rect(13px, 9999px, 58px, 0); }
  75% {
    clip: rect(100px, 9999px, 34px, 0); }
  80% {
    clip: rect(54px, 9999px, 79px, 0); }
  85% {
    clip: rect(28px, 9999px, 12px, 0); }
  90% {
    clip: rect(49px, 9999px, 21px, 0); }
  95% {
    clip: rect(31px, 9999px, 59px, 0); }
  100% {
    clip: rect(18px, 9999px, 17px, 0); } }

.glitch:before {
  content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: 1px 0 blue;
    top: 0;
    color: black;
    background: #f2f2f2;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    animation: noise-anim-2 3s infinite linear alternate-reverse; }

.price {
    margin-bottom: 40px;
    font-size: 35px;
}
label {
    cursor: pointer;
}
.bigbtn {
   background: black;
    color: white;
    font-family: oswald;
    text-transform: uppercase;
    font-size: 14px;
    border: 0;
    outline: none;
    padding: 13px 40px;
    margin-top: 40px; 
    cursor: pointer;
}
.bigbtn:hover {
   background: red;
}
.buy {
margin: 22px 0 !important;
}
.buy span {
    text-transform: uppercase;
    padding: 6px 21px;
    background: red;
    color: white !important;
}
@media (max-width: 768px) {
.glitch {
    font-size: 74px;
    line-height: 74px;
}
.menu span:hover, a:hover {
    font-size: 29px;
}
.logo img {
    width: 30px;
    height: 30px;
    left: 168px;
    top: 8px;
}
.menu .buy {
    margin: 0  !important;
    position: fixed;
    bottom: -90px;
    left: 0;
    right: 0;
    top: auto  !important;
    transition: 0.3s;
    transition-delay: 1s;
}
.buy span {
    padding: 21px 24px  !important;
    display: block;
}
.ready .menu .buy {
     bottom: 0;
}
}
#new {
line-height: 33px;  
}
#new b, #faq b {
text-transform: uppercase;
    font-weight: 900;
    margin: 15px 0px;
    display: inline-block;
    position: relative;
    padding-left: 30px;
}
#faq b {
cursor:pointer;
}


#faq b:hover, #faq b.open {
    transition: 0.3s;
    color: red;
}
#faq b:before, #faq b:after {
content: "";
    position: absolute;
    width: 19px;
    height: 3px;
    background: black;
    left: 5px;
    top: 12px;
}
#faq b:after {
transform: rotate(90deg);transition: transform 0.3s;
}

#faq b.open:after {
 transform: rotate(0deg);   
}
#faq b:hover:after,#faq b:hover:before, #faq b.open:after,#faq b.open:before {
    background: red;
}
#faq img {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
}
#faq.block {
height: 0;
    overflow: hidden;
    padding-bottom: 80px;
}
#faq.block.open {
height: auto;
}

.logo:hover .glitch:after,.logo:hover .glitch:before {
    animation:none;
}
/*.alert {
    background: #f2f2f2 url(https://thumbs.gfycat.com/SnarlingWeepyAmericanalligator-size_restricted.gif) no-repeat center;
    background-size: 16%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display:none;
}
@media only screen 
and (max-device-width : 768px) 
and (orientation : landscape) {
    body {
     overflow:hidden; 
     height:100vh;
    }
.alert {
display:block
}
}*/