/*
  Roboto, 100, 100 italic, 300, 300 italic, 400, 400 italic, 500, 500 italic, 700, 700 italic, 900, 900 italic
*/
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: black;
  height: auto;
  font-family: 'Roboto', sans-serif;
  min-width: 616px; }

html {
  height: 50%; }

  .menu {
    background-color: #1e1e1e;
    width: 100%;
    height: 41px;
    position: fixed;
    opacity: 0.945;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
} 



.logo-div svg{
position: absolute;
left: 40%;
top: 35%;
z-index: 8888;
height: 300px;
width: 300px;
-webkit-animation-name:logo-rotate,scale,position;
        animation-name:logo-rotate,scale,position;
-webkit-animation-duration: 0.5s,0.4s,0.8s;
        animation-duration: 0.5s,0.4s,0.8s;
-webkit-animation-delay: 0.4s,1.2s,2.05s;
        animation-delay: 0.4s,1.2s,2.05s;
-webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
-moz-animation-name:logo-rotate,scale,position;
        animation-name:logo-rotate,scale,position;
-moz-animation-duration: 0.5s,0.4s,0.8s;
        animation-duration: 0.5s,0.4s,0.8s;
-moz-animation-delay: 0.4s,1.2s,2.05s;
        animation-delay: 0.4s,1.2s,2.05s;
-moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
}

.logo-div svg path{
   -webkit-animation-name: c-change,reverse-color;
           animation-name: c-change,reverse-color;
   -webkit-animation-duration: 1.2s,0.7s;
           animation-duration: 1.2s,0.7s;
   -webkit-animation-delay: 0.02s,2.9s;
           animation-delay: 0.02s,2.9s;
   -webkit-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
    -moz-animation-name: c-change,reverse-color;
           animation-name: c-change,reverse-color;
   -moz-animation-duration: 1.2s,0.7s;
           animation-duration: 1.2s,0.7s;
   -moz-animation-delay: 0.02s,2.9s;
           animation-delay: 0.02s,2.9s;
   -moz-animation-fill-mode: forwards;
           animation-fill-mode: forwards;

}



.close{
 position: absolute;
    left: 45%;
    top: 2%;
    z-index: 5;
    height: 49px;
    width: 165px;
    border: none;
    border-radius: 16px;
    color: white;
    font-size: 33px;
    font-weight: 600;
    background-color: #604ED4;
    background-size: 350px;
    background-repeat: no-repeat;
    cursor: pointer;
    visibility: hidden;
}

:hover.close{
  background-color: #000;
   background-image:url(../img/wave.svg);
  background-size: 200px;
  background-position: right;
   background-repeat: no-repeat;
  /*background-position: right;*/
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

:focus.close{
   background-image:url(../img/wave.svg);
  background-size: 700px;
  background-position: right;
   background-repeat: no-repeat;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.all:not(#Svg-logo){
  z-index: 5;
  -webkit-animation-name: bgc-change,no-change;
          animation-name: bgc-change,no-change;
  -webkit-animation-duration: 1.85s,3.8s;
          animation-duration: 1.85s,3.8s;
  -webkit-animation-delay: 0s,1.4s;
          animation-delay: 0s,1.4s;
    -moz-animation-name: bgc-change,no-change;
          animation-name: bgc-change,no-change;
  -moz-animation-duration: 1.85s,3.8s;
          animation-duration: 1.85s,3.8s;
  -moz-animation-delay: 0s,1.4s;
          animation-delay: 0s,1.4s;        
}


:hover.storeClose {
  cursor: pointer;
  opacity: 0.7; }

:hover.store, .storeClose:hover, .supportClose:hover {
  cursor: pointer;
  opacity: 0.7; }

:hover.supportClose {
  cursor: pointer;
  opacity: 0.7; }

:hover.support {
  cursor: pointer;
  opacity: 0.7; }

.lishka{
  position: absolute;
  z-index: 4;
  top: -7px;
  left: 255px;
}

ul {
  color: white;
  font-size: 14px;
  font-weight: normal;
  display: inline;
  margin: 13px 0 0 90px;
  padding: 0; }

.donate{
  position: absolute;
  top: 50%;
  left: 43%;
  z-index: 10;
  width: 147px;
  height: 47px;
}

li {
  position: relative;
  top: 11px;
  z-index: 4;
  list-style: none;
  display: inline;
  margin: 20px; }


.ada{
  position: relative;
  top: -2px;
}

.li {
  position: relative;
  top: -34px;
  z-index: 5;
  list-style: none;
  display: inline;
  margin: 20px;
}

.acc {
  position: absolute;
  right: 0px;
  margin: 9px; }

.banner {
  text-align: center;
  height: 800px;
  width: 100%;
  margin: 0;
  padding: 0;
   }

.banner svg {
  margin: 0;
  padding: 0;
  height: 800px;
  top: 0px;
  right: 652px;
   }



.blackStyle{
  -webkit-box-shadow: 0 0 0 9999px rgba(0,0,0, 0.3);
          box-shadow: 0 0 0 9999px rgba(0,0,0, 0.3);
}

.banner svg:hover{
  cursor: pointer;
}

.banner svg:active body{
    -webkit-filter:brightness(0%);
            filter:brightness(0%);
}

.overlay:before {
    position: absolute;
    content:'';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(5, 11, 37, 0.5);
}

.form{
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  width: 66%;
  visibility: hidden;

}

input{
    position: absolute;
    left: -150%;
    top: -1300%;
    height: 400px;
    width: 480px;
}

h1 {
  position: absolute;
  color: white;
  display: inline;
  left: 40px;
  top: 110px;
  font-size: 7vmin; }

@-webkit-keyframes example {
  0% {
    top: 0px; }
  25% {
    top: 200px; } }

@keyframes example {
  0% {
    top: 0px; }
  25% {
    top: 200px; } }

.atom {
  position: absolute;
  display: inline;
  width: 66px;
  height: 66px;
  top: 668px;
  left: 0px;
  margin: 0px 0px 0px 25px; }

.brawser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.braws, .storeIk .brawsS, .supportIK .brawsS, .tech {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -143px;
  font-weight: bold;
  color: white;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin: 0 0 0 110px; 
  }

.desc, .storeIk .descS, .supportIK .descS, .storeIk .h, .supportIK .h, .storeIk .desc2S, .supportIK .desc2S, .desc2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin: 0px 0 0 105px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: -140px;
  color: #AEADAD; }



.large-header {
  position: relative;
  top: -19px;
  width: 100%;
  height: 948px;
  background: #111;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  z-index: 1; }

.main-title {
  position: absolute;
  margin: 0;
  padding: 0;
  color: #F9F1E9;
  text-align: center;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.demo .main-title {
  text-transform: uppercase;
  font-size: 4.2em;
  letter-spacing: 0.1em; }

.main-title .thin {
  font-weight: 200; }

@media only screen and (max-width: 768px) {
  .demo .main-title {
    font-size: 3em; } }
main {
  width: 100%;
  height: 100%; }

#demo-canvas {
  width: 100%;
  height: 948px; }

.download, .lernm {
  position: relative;
  top: 440px;
  padding: 0;
  background-color: #474747;
  border: 0;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  font-size: 16px;
  width: 155px;
  height: 47px; }

:hover.download, .lernm:hover {
  cursor: pointer; }

.contentMain {
  width: 100%;
  height: 948px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.4); }

.imgUranium {
    position: absolute;
    background-image: url(../img/sah.jpg);
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background-position: center;
}

.imgEEG {
  background-image: url("../img/eegImg.jpg");
  width: 100%;
  height: 100%; }

.blocks1, .blocks2 {
  background-color: white;
  width: 100%;
  height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.browser, .privacy {
  background-color: black;
  background-image: url("../img/bcke.png");
  background-size: calc(34.23rem + 43.23vw);
  background-position: center;
  margin: 0.5%;
  width: 49%;
  height: 580px; }

h3, h4, h6 {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 55px;
  color: white;
  font-size: 30px;
  font-weight: normal; }

p, h7 {
  color: #BDBDBD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px; }

.thoughD {
  background-color: black;
  background-image: url("../img/brain.png");
  background-size: calc(25.23rem + 43.23vw);
  background-position: center;
  margin: 0.5% 0.5% 0.5% 1%;
  width: 49%;
  height: 580px; }

.people {
  background-color: black;
  background-image: url("https://cdn.dribbble.com/users/247458/screenshots/5083720/wallpaper2.jpg");
  background-size: calc(39.23rem + 43.23vw);
  background-position: center;
  margin: 0.5% 0.5% 0.5% 1%;
  width: 49%;
  height: 580px; }

h4 {
  padding-top: 50px;
  color: black;
  font-weight: 800; }

h5 {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
  font-size: 15px;
  font-weight: normal; }

h9, h20 {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5px;
  font-size: 15px;
  font-weight: normal; }

.privacy {
  background-image: url("../img/lock.gif");
  background-size: 800px; }

h6 {
  margin-top: -25px; }

footer {
  background-color: #f5f5f7;
  height: 218px;
  width: 100%; }

h8 {
  color: #86868b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 40px; }

.contentText {
  margin: 0 auto;
  padding: 0 22px;
  max-width: 950px; }

.teleIco {
  background-image: url("../img/tele.svg");
  width: 30px;
  height: 30px;
  padding: 0;
  position: relative;
  top: 20px; }

h9, h20 {
  color: #6a6a6a; }

h10 {
  color: #b9b9b9; }

.h{
  margin-left: 80px; 
}
  
.storeIk, .supportIK {
  height: 150px;
  width: 100%;
  display: none;
  background-color: #ffffff;
  position: relative;
  top: -20px; }
  .storeIk .brawsS, .supportIK .brawsS {
    top: 20px;
    color: black;
    width: 20%;
    margin: 0 0 0 120px; }
  .storeIk .descS, .supportIK .descS, .storeIk .h, .supportIK .h {
    color: #6a6a6a;
    top: 25px;
    width: 20%; }
  .storeIk .h, .supportIK .h {
    left: 20px; }
  .storeIk .atomS, .supportIK .atomS {
    position: relative;
    top: 85px;
    margin-left: 30px; }
  .storeIk .thoughDhS, .supportIK .thoughDhS {
    position: absolute;
    top: 84px;
    margin-left: 240px; }
  .storeIk .desc2S, .supportIK .desc2S {
    color: #6a6a6a;
    top: -31px;
    margin-left: 310px;
    width: 20%; }
  .storeIk .techS, .supportIK .techS {
    font-weight: bold;
    position: absolute;
    top: 89px;
    left: 325px;
    margin: 0;
    color: black;
    width: 20%; }

.thoghDh {
  width: 66px;
  height: 66px;
  position: absolute;
  top: 650px;
  margin-left: 235px;
  left: 0; }

.desc2 {
  margin: 0 0 0 315px;
  top: -173px; }

.tech {
  margin: 0 0 0 340px;
  top: -210px; }

.braws, .storeIk .brawsS, .supportIK .brawsS, .tech {
  margin: 0 0 0 120px; }

.storeClose {
  display: none; }

.supportClose {
  display: none; }

.emot {
  width: 100%;
  height: 765.5px;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }


.brain{
  width: 100%;
  background-image:url(https://media.discordapp.net/attachments/725623949450543139/725760656019816578/837256.png?width=1182&height=665);
  background-size:1980px 1030px;
}

h19 {
  color:#FFF;
  font-size: calc(1.5rem + 3.23vw);
  font-weight: lighter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  top: -650px;
  padding: 0 0 0 20px; }

h2 {
  margin: 0 auto;
  font-weight: lighter;
  font-size: calc(1.5rem + 3.23vw);
  position: absolute;
  top: 280px;
  padding: 20px;
  color: white; }

.butONCIK {
  background-color: #6200EE;
  border: 0;
  width: 155px;
  height: 54px;
  border-radius: 5px;
  color: white;
  font-size: 20px;
  position: relative;
  padding: 0; }

.butONCIK:hover {
  cursor: pointer; }

.center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: -200px; }

.supportFix {
  display: none; }

.supportFix:hover {
  cursor: pointer;
  opacity: 0.7; }

h20 {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }

.storeFix {
  display: none; }

.storeFix:hover {
  cursor: pointer;
  opacity: 0.7; }

.lernm {
  margin-left: 50px;
  background-color: #6200EE; }

.supportContainer {
  padding: 100px 30px 0 30px;
  display: -ms-grid;
  display: grid;
  grid-gap: 10px 0px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  -ms-grid-rows: 40px 10px 40px;
  grid-template-rows: 40px 40px; }

.emailSubmit {
  width: 200px;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #000;
  border: 2px solid #000;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all, 0.4s;
  -o-transition: all, 0.4s;
  transition: all, 0.4s;
  font-size: 1.1rem;
  -webkit-box-shadow: 0px 0px 30px 0px #000;
          box-shadow: 0px 0px 30px 0px #000; }

.emailSubmit:hover {
  background-color: #fff;
  color: #000; }

.phoneNumber {
  width: 200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-size: 1.1rem;
  color: #000; }
  .phoneNumber p, .phoneNumber h7 {
    color: #000; }

.telegramm {
  width: 200px;
  margin: 0 auto 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-size: 1.1rem;
  color: #000; }
  .telegramm p, .telegramm h7 {
    color: #000; }

.fa-phone, .fa-telegram {
  margin: 0 10px 0 0; }

.fixLink {
  color: #fff;
  text-decoration: none; }

@media (max-width: 676px) {
  .supportContainer {
    padding-top: 80px; }

  .telegramm {
    margin: 0 0 0 auto; } }


@media (min-width: 1024px) {
     @-webkit-keyframes position{
  from{
    position: absolute;
    left: 37%;
    top: 35%;
    height: 200px;
    width: 200px;
  }
  to{
    left: -135px;
    top: -145px;
  }
}
     @keyframes position{
  from{
    position: absolute;
    left: 37%;
    top: 35%;
    height: 200px;
    width: 200px;
  }
  to{
    left: -135px;
    top: -145px;
    z-index: 5;
  }
}
}


@-webkit-keyframes logo-rotate{
  from{
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  to{
    -webkit-transform:rotate(-360deg);
            transform:rotate(-360deg);
  }
}

@keyframes logo-rotate{
  from{
    -moz-display:block;
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
  to{
    -moz-display:block;
    -webkit-transform:rotate(-360deg);
            transform:rotate(-360deg);
  }
}

@-webkit-keyframes c-change{
  0%{fill: #fff}
  50%{fill: #d06ffc}
  100%{fill: #bf3afc}
}

@keyframes c-change{
  0%{fill: #fff}
  50%{fill: #d06ffc}
  100%{fill: #bf3afc}
}

@-moz-keyframes c-change{
  0%{fill: #fff}
  50%{fill: #d06ffc}
  100%{fill: #bf3afc}
}

@-webkit-keyframes scale{
  from{
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to{
    -webkit-transform: scale(0.07668);
            transform: scale(0.07668);
  }
}

@keyframes scale{
  from{
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to{
    -webkit-transform: scale(0.07668);
            transform: scale(0.07668);
  }
}

@-moz-keyframes scale{
  from{
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to{
    -webkit-transform: scale(0.07668);
            transform: scale(0.07668);
  }
}


@-webkit-keyframes bgc-change{
  from{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  to{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
}

@keyframes bgc-change{
  from{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  to{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
}

@-moz-keyframes bgc-change{
  from{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  to{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
}


@-webkit-keyframes no-change{
  from{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  to{
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
  }
}

@keyframes no-change{
  from{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  to{
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
  }
}

@-moz-keyframes no-change{
  from{
    -webkit-filter: brightness(0%);
            filter: brightness(0%);
  }
  to{
    -webkit-filter: brightness(100%);
            filter: brightness(100%);
  }
}

@-webkit-keyframes scale-to-small{
   from{
    -webkit-transform: scale(1);
            transform: scale(1);
   }
   to{
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
   }
}

@keyframes scale-to-small{
   from{
    -webkit-transform: scale(1);
            transform: scale(1);
   }
   to{
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
   }
}

@-moz-keyframes scale-to-small{
   from{
    -webkit-transform: scale(1);
            transform: scale(1);
   }
   to{
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
   }
}

@-webkit-keyframes position{
  from{
    left: 40%;
    top: 35%;
  }
  to{
    left: -123px;
    top: -128px;
  }
}

@-moz-keyframes position{
  from{
    left: 40%;
    top: 35%;
  }
  to{
    left: -123px;
    top: -128px;
  }
}

@keyframes position{
  from{
    left: 40%;
    top: 35%;
  }
  to{
    left: -123px;
    top: -128px;
  }
}


@-webkit-keyframes reverse-color{
  0%{fill:#bf3afc;}
  50%{fill: #d06ffc}
  100%{fill: #fff}
}

@keyframes reverse-color{
  0%{fill:#bf3afc;}
  50%{fill: #d06ffc}
  100%{fill: #fff}
}

@-moz-keyframes reverse-color{
  0%{fill:#bf3afc;}
  50%{fill: #d06ffc}
  100%{fill: #fff}
}