@charset "UTF-8";
.parallax-window {
  min-height: 100vh;
  background: transparent;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  position: fixed;
  box-shadow: 1688px 738px #fff, 1116px 1085px #fff, 62px 294px #fff, 531px 1022px #fff, 516px 1197px #fff, 753px 1146px #fff, 451px 289px #fff, 1558px 830px #fff, 752px 1353px #fff, 1505px 1979px #fff, 878px 644px #fff, 301px 1370px #fff, 973px 1040px #fff, 1754px 1289px #fff, 402px 1602px #fff, 777px 1637px #fff, 1610px 671px #fff, 1793px 890px #fff, 1906px 211px #fff, 1479px 1526px #fff, 335px 162px #fff, 970px 1517px #fff, 1489px 1979px #fff, 1798px 677px #fff, 1479px 70px #fff, 187px 1456px #fff, 867px 187px #fff, 192px 1789px #fff, 1436px 1295px #fff, 145px 1191px #fff, 384px 730px #fff, 1657px 1703px #fff, 583px 1083px #fff, 1856px 1045px #fff, 406px 1593px #fff, 273px 1004px #fff, 326px 7px #fff, 520px 958px #fff, 733px 597px #fff, 1430px 603px #fff, 345px 601px #fff, 747px 1369px #fff, 1711px #fff, 1770px 1577px #fff, 151px 285px #fff, 1092px 866px #fff, 1156px 149px #fff, 291px 1429px #fff, 1800px 483px #fff, 1664px 1383px #fff, 439px 120px #fff, 628px 1421px #fff, 1646px 586px #fff, 849px 1140px #fff, 587px 797px #fff, 48px 1780px #fff, 668px 87px #fff, 1888px 496px #fff, 1174px 500px #fff, 1301px 1303px #fff, 1457px 543px #fff, 735px 1950px #fff, 888px 364px #fff, 1237px 718px #fff, 148px 123px #fff, 787px 1844px #fff, 299px 825px #fff, 1433px 355px #fff, 1926px 1190px #fff, 244px 782px #fff, 1417px 680px #fff, 1163px 1394px #fff, 1453px 617px #fff, 466px 1500px #fff, 661px 176px #fff, 590px 1814px #fff, 722px 640px #fff, 328px 507px #fff, 1937px 799px #fff, 1961px 800px #fff, 1552px 1140px #fff, 1516px 614px #fff, 342px 574px #fff, 1591px 1314px #fff, 968px 136px #fff, 1749px 1463px #fff, 1879px 44px #fff, 1787px 1031px #fff, 1144px 1888px #fff, 181px 1759px #fff, 1585px 1058px #fff, 1063px 1200px #fff, 899px 1263px #fff, 1070px 16px #fff, 1981px 275px #fff, 593px 97px #fff, 429px 315px #fff, 1284px 1112px #fff, 232px 80px #fff, 1611px 1807px #fff, 427px 908px #fff, 1764px 518px #fff, 130px 1249px #fff, 1419px 1131px #fff, 800px 140px #fff, 565px 451px #fff, 1700px 1750px #fff, 1106px 1401px #fff, 1131px 1329px #fff, 889px 1746px #fff, 1735px 1076px #fff, 1764px 794px #fff, 383px 411px #fff, 1299px 1583px #fff, 1064px 1595px #fff, 1598px 1061px #fff, 134px 149px #fff, 574px 616px #fff, 99px 1485px #fff, 664px 962px #fff, 1522px 1851px #fff, 1138px 1206px #fff, 1934px 1538px #fff, 76px 1426px #fff, 1653px 381px #fff, 523px 595px #fff, 182px 1438px #fff, 847px 1524px #fff, 153px 1174px #fff, 417px 247px #fff, 1332px 198px #fff, 192px 880px #fff, 1231px 1210px #fff, 1322px 1802px #fff, 927px 890px #fff, 331px 1523px #fff, 716px 750px #fff, 349px 392px #fff, 669px 1814px #fff, 151px 1070px #fff, 1494px 926px #fff, 1043px 993px #fff, 566px 1211px #fff, 1635px 1289px #fff, 57px 1210px #fff, 1417px 1860px #fff, 530px 701px #fff, 298px 352px #fff, 666px 1720px #fff, 1918px 1280px #fff, 136px 1010px #fff, 921px 582px #fff, 44px 175px #fff, 586px 1470px #fff, 1146px 864px #fff, 805px 1291px #fff, 237px 24px #fff, 1308px 1776px #fff, 187px 1429px #fff, 1151px 1165px #fff, 971px 1213px #fff, 1275px 1633px #fff, 365px 1948px #fff, 1914px 720px #fff, 1618px 548px #fff, 1456px 1980px #fff, 1077px 611px #fff, 1438px 1587px #fff, 1332px 265px #fff, 823px 1584px #fff, 175px 994px #fff, 403px 1946px #fff, 1915px 724px #fff, 1025px 1173px #fff, 580px 1975px #fff, 1435px 948px #fff, 869px 1340px #fff, 1447px 1745px #fff, 1418px 824px #fff, 1096px 538px #fff, 713px 795px #fff, 845px 1644px #fff, 1020px 580px #fff, 494px 1580px #fff, 459px 1969px #fff, 1751px 539px #fff, 1487px 748px #fff, 1090px 999px #fff, 743px 1381px #fff, 1009px 378px #fff, 1311px 1224px #fff, 879px 1863px #fff, 185px 1256px #fff, 1520px 715px #fff, 363px 217px #fff, 160px 613px #fff, 1895px 1005px #fff, 1456px 1888px #fff, 125px 591px #fff, 702px 696px #fff, 1100px 1234px #fff, 436px 647px #fff, 429px 620px #fff, 209px 1876px #fff, 40px 812px #fff, 80px 1499px #fff, 661px 174px #fff, 1068px 922px #fff, 1012px 926px #fff, 551px 1523px #fff, 300px 637px #fff, 1093px 1461px #fff, 81px 376px #fff, 1211px 1541px #fff, 1110px 97px #fff, 1502px 101px #fff, 1462px 1612px #fff, 1878px 1068px #fff, 558px 1981px #fff, 1307px 1364px #fff, 90px 1284px #fff, 972px 1859px #fff, 1762px 666px #fff, 741px 434px #fff, 737px 793px #fff, 396px 370px #fff, 743px 974px #fff, 903px 1461px #fff, 1968px 938px #fff, 863px 1211px #fff, 1607px 341px #fff, 56px 369px #fff, 1606px 1999px #fff, 148px 280px #fff, 360px 1451px #fff, 95px 435px #fff, 68px 1192px #fff, 1316px 817px #fff, 645px 1502px #fff, 532px 196px #fff, 1576px 415px #fff;
  animation: animStar 70s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1688px 738px #fff, 1116px 1085px #fff, 62px 294px #fff, 531px 1022px #fff, 516px 1197px #fff, 753px 1146px #fff, 451px 289px #fff, 1558px 830px #fff, 752px 1353px #fff, 1505px 1979px #fff, 878px 644px #fff, 301px 1370px #fff, 973px 1040px #fff, 1754px 1289px #fff, 402px 1602px #fff, 777px 1637px #fff, 1610px 671px #fff, 1793px 890px #fff, 1906px 211px #fff, 1479px 1526px #fff, 335px 162px #fff, 970px 1517px #fff, 1489px 1979px #fff, 1798px 677px #fff, 1479px 70px #fff, 187px 1456px #fff, 867px 187px #fff, 192px 1789px #fff, 1436px 1295px #fff, 145px 1191px #fff, 384px 730px #fff, 1657px 1703px #fff, 583px 1083px #fff, 1856px 1045px #fff, 406px 1593px #fff, 273px 1004px #fff, 326px 7px #fff, 520px 958px #fff, 733px 597px #fff, 1430px 603px #fff, 345px 601px #fff, 747px 1369px #fff, 539px 788px #fff, 1328px 121px #fff, 1995px 961px #fff, 1383px 744px #fff, 474px 936px #fff, 1068px 1942px #fff, 418px 977px #fff, 1841px 923px #fff, 1311px 571px #fff, 1456px 1136px #fff, 114px 1468px #fff, 1323px 24px #fff, 1647px 1711px #fff, 1770px 1577px #fff, 151px 285px #fff, 1092px 866px #fff, 1156px 149px #fff, 291px 1429px #fff, 1800px 483px #fff, 1664px 1383px #fff, 439px 120px #fff, 628px 1421px #fff, 1646px 586px #fff, 849px 1140px #fff, 587px 797px #fff, 48px 1780px #fff, 668px 87px #fff, 1888px 496px #fff, 1174px 500px #fff, 1301px 1303px #fff, 1457px 543px #fff, 735px 1950px #fff, 888px 364px #fff, 1237px 718px #fff, 148px 123px #fff, 787px 1844px #fff, 299px 825px #fff, 1433px 355px #fff, 1926px 1190px #fff, 244px 782px #fff, 1417px 680px #fff, 1163px 1394px #fff, 1453px 617px #fff, 466px 1500px #fff, 661px 176px #fff, 590px 1814px #fff, 722px 640px #fff, 328px 507px #fff, 1937px 799px #fff, 1961px 800px #fff, 1552px 1140px #fff, 1516px 614px #fff, 342px 574px #fff, 1591px 1314px #fff, 968px 136px #fff, 1749px 1463px #fff, 1879px 44px #fff, 1787px 1031px #fff, 1144px 1888px #fff, 181px 1759px #fff, 1585px 1058px #fff, 1063px 1200px #fff, 899px 1263px #fff, 1070px 16px #fff, 1981px 275px #fff, 593px 97px #fff, 429px 315px #fff, 1284px 1112px #fff, 232px 80px #fff, 1611px 1807px #fff, 427px 908px #fff, 1764px 518px #fff, 130px 1249px #fff, 1419px 1131px #fff, 800px 140px #fff, 565px 451px #fff, 1700px 1750px #fff, 1106px 1401px #fff, 1131px 1329px #fff, 889px 1746px #fff, 1735px 1076px #fff, 1764px 794px #fff, 383px 411px #fff, 1299px 1583px #fff, 1064px 1595px #fff, 1598px 1061px #fff, 134px 149px #fff, 574px 616px #fff, 99px 1485px #fff, 664px 962px #fff, 1522px 1851px #fff, 1138px 1206px #fff, 1934px 1538px #fff, 76px 1426px #fff, 1653px 381px #fff, 523px 595px #fff, 182px 1438px #fff, 847px 1524px #fff, 153px 1174px #fff, 417px 247px #fff, 1332px 198px #fff, 192px 880px #fff, 1231px 1210px #fff, 1322px 1802px #fff, 927px 890px #fff, 331px 1523px #fff, 716px 750px #fff, 349px 392px #fff, 669px 1814px #fff, 151px 1070px #fff, 1494px 926px #fff, 1043px 993px #fff, 566px 1211px #fff, 1635px 1289px #fff, 57px 1210px #fff, 1417px 1860px #fff, 530px 701px #fff, 298px 352px #fff, 666px 1720px #fff, 1918px 1280px #fff, 136px 1010px #fff, 921px 582px #fff, 44px 175px #fff, 586px 1470px #fff, 1146px 864px #fff, 805px 1291px #fff, 237px 24px #fff, 1308px 1776px #fff, 187px 1429px #fff, 1151px 1165px #fff, 971px 1213px #fff, 1275px 1633px #fff, 365px 1948px #fff, 1914px 720px #fff, 1618px 548px #fff, 1456px 1980px #fff, 1077px 611px #fff, 1438px 1587px #fff, 1332px 265px #fff, 823px 1584px #fff, 175px 994px #fff, 403px 1946px #fff, 1915px 724px #fff, 1025px 1173px #fff, 580px 1975px #fff, 1435px 948px #fff, 869px 1340px #fff, 1447px 1745px #fff, 1418px 824px #fff, 1096px 538px #fff, 713px 795px #fff, 845px 1644px #fff, 1020px 580px #fff, 494px 1580px #fff, 459px 1969px #fff, 1751px 539px #fff, 1487px 748px #fff, 1090px 999px #fff, 743px 1381px #fff, 1009px 378px #fff, 1311px 1224px #fff, 879px 1863px #fff, 185px 1256px #fff, 1520px 715px #fff, 363px 217px #fff, 160px 613px #fff, 1895px 1005px #fff, 1456px 1888px #fff, 125px 591px #fff, 702px 696px #fff, 1100px 1234px #fff, 436px 647px #fff, 429px 620px #fff, 209px 1876px #fff, 40px 812px #fff, 80px 1499px #fff, 661px 174px #fff, 1068px 922px #fff, 1012px 926px #fff, 551px 1523px #fff, 300px 637px #fff, 1093px 1461px #fff, 81px 376px #fff, 1211px 1541px #fff, 1110px 97px #fff, 1502px 101px #fff, 1462px 1612px #fff, 1878px 1068px #fff, 558px 1981px #fff, 1307px 1364px #fff, 90px 1284px #fff, 972px 1859px #fff, 1762px 666px #fff, 741px 434px #fff, 737px 793px #fff, 396px 370px #fff, 743px 974px #fff, 903px 1461px #fff, 1968px 938px #fff, 863px 1211px #fff, 1607px 341px #fff, 56px 369px #fff, 1606px 1999px #fff, 148px 280px #fff, 360px 1451px #fff, 95px 435px #fff, 68px 1192px #fff, 1316px 817px #fff, 645px 1502px #fff, 532px 196px #fff, 1576px 415px #fff;
}

#stars2 {
  width: 2px;
  height: 2px;
  position: fixed;
  background: transparent;
  box-shadow: 1756px 1141px #fff, 1439px 1595px #fff, 1291px 1888px #fff, 1991px 1232px #fff, 1727px 1619px #fff, 1982px 1972px #fff, 705px 1572px #fff, 579px 252px #fff, 454px 946px #fff, 268px 1317px #fff, 1923px 1201px #fff, 1442px 858px #fff, 386px 1856px #fff, 1597px 116px #fff, 1006px 1433px #fff, 1199px 1077px #fff, 813px 503px #fff, 1709px 1416px #fff, 1113px 230px #fff, 307px 1046px #fff, 1219px 12px #fff, 1061px 1319px #fff, 926px 1018px #fff, 231px 1429px #fff, 523px 356px #fff, 614px 1px #fff, 258px 1331px #fff, 1545px 393px #fff, 1474px 1298px #fff, 657px 533px #fff, 1081px 67px #fff, 207px 988px #fff, 1670px 1238px #fff, 750px 925px #fff, 556px 151px #fff, 39px 111px #fff, 706px 969px #fff, 1843px 1813px #fff, 1150px 1195px #fff, 1580px 435px #fff, 1048px 1710px #fff, 1812px 1207px #fff, 857px 33px #fff, 1410px 553px #fff, 1959px 1403px #fff, 700px 700px #fff, 949px 1210px #fff, 1089px 1904px #fff, 1455px 5px #fff, 1292px 692px #fff, 136px 1457px #fff, 860px 908px #fff, 873px 464px #fff, 1133px 198px #fff, 1739px 1872px #fff, 558px 450px #fff, 1013px 1621px #fff, 798px 1533px #fff, 1757px 1331px #fff, 1628px 1369px #fff, 1343px 20px #fff;
  animation: animStar 120s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1756px 1141px #fff, 1439px 1595px #fff, 1291px 1888px #fff, 1991px 1232px #fff, 1727px 1619px #fff, 1982px 1972px #fff, 705px 1572px #fff, 579px 252px #fff, 454px 946px #fff, 268px 1317px #fff, 1923px 1201px #fff, 1442px 858px #fff, 386px 1856px #fff, 1597px 116px #fff, 1006px 1433px #fff, 1199px 1077px #fff, 813px 503px #fff, 1709px 1416px #fff, 1113px 230px #fff, 307px 1046px #fff, 1219px 12px #fff, 1061px 1319px #fff, 926px 1018px #fff, 231px 1429px #fff, 523px 356px #fff, 614px 1px #fff, 258px 1331px #fff, 1545px 393px #fff, 1474px 1298px #fff, 657px 533px #fff, 406px 952px #fff, 1791px 613px #fff, 815px 310px #fff, 301px 1578px #fff, 1012px 380px #fff, 272px 708px #fff;
}

#stars3 {
  width: 3px;
  height: 3px;
  position: fixed;
  background: transparent;
  box-shadow: 1716px 1954px #fff, 766px 26px #fff, 1160px 1243px #fff, 1116px 67px #fff, 586px 54px #fff, 1754px 1568px #fff, 1334px 963px #fff, 1090px 1308px #fff, 227px 62px #fff, 573px 1419px #fff, 932px 54px #fff, 506px 1524px #fff, 1011px 579px #fff, 1888px 132px #fff, 936px 355px #fff, 1002px 379px #fff, 146px 136px #fff, 817px 1003px #fff, 305px 1388px #fff, 395px 552px #fff, 598px 1789px #fff, 1831px 1725px #fff, 791px 1039px #fff, 298px 1906px #fff, 1113px 1912px #fff, 1636px 326px #fff, 1955px 1730px #fff, 420px 1956px #fff, 373px 1501px #fff, 600px 613px #fff, 1855px 1534px #fff, 1989px 1815px #fff, 1451px 296px #fff, 29px 443px #fff, 885px 1757px #fff, 1068px 1110px #fff, 1174px 1411px #fff, 1223px 1540px #fff, 1268px 611px #fff, 1813px 58px #fff, 1140px 1503px #fff, 373px 1002px #fff, 1100px 1993px #fff, 400px 755px #fff, 99px 1229px #fff, 420px 1669px #fff, 1021px 1882px #fff, 1496px 897px #fff, 110px 684px #fff, 140px 1981px #fff, 841px 133px #fff, 1401px 555px #fff, 131px 1347px #fff, 1879px 727px #fff, 1933px 1538px #fff, 1648px 1886px #fff, 64px 1000px #fff, 1086px 661px #fff, 79px 1317px #fff, 820px 572px #fff, 702px 1473px #fff, 264px 621px #fff, 1316px 15px #fff, 893px 1833px #fff, 333px 809px #fff, 406px 1998px #fff, 102px 138px #fff, 108px 434px #fff, 1313px 155px #fff, 1025px 55px #fff, 32px 1847px #fff, 680px 297px #fff, 1464px 267px #fff, 1095px 1117px #fff;
  animation: animStar 170s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1716px 1954px #fff, 766px 26px #fff, 1160px 1243px #fff, 1116px 67px #fff, 586px 54px #fff, 1754px 1568px #fff, 1334px 963px #fff, 1090px 1308px #fff, 227px 62px #fff, 573px 1419px #fff, 932px 54px #fff, 506px 1524px #fff, 1011px 579px #fff, 1888px 132px #fff, 936px 355px #fff, 1002px 379px #fff, 146px 136px #fff, 817px 1003px #fff, 305px 1388px #fff, 395px 552px #fff, 598px 1789px #fff, 1831px 1725px #fff, 791px 1039px #fff, 298px 1906px #fff, 410px 56px #fff, 1704px 1771px #fff, 1530px 843px #fff, 1500px 1794px #fff, 433px 230px #fff, 424px 1356px #fff, 1023px 244px #fff, 235px 1648px #fff, 1209px 676px #fff, 129px 1854px #fff, 1324px 1553px #fff, 1129px 677px #fff, 1505px 774px #fff, 181px 1980px #fff, 664px 1253px #fff, 615px 1454px #fff, 1582px 35px #fff, 717px, 1113px 1912px #fff, 1636px 326px #fff, 1955px 1730px #fff, 420px 1956px #fff, 373px 1501px #fff, 600px 613px #fff, 1855px 1534px #fff, 1989px 1815px #fff, 1451px 296px #fff, 29px 443px #fff, 885px 1757px #fff, 1068px 1110px #fff, 1174px 1411px #fff, 1223px 1540px #fff, 1268px 611px #fff, 1813px 58px #fff, 1140px 1503px #fff, 373px 1002px #fff, 1100px 1993px #fff, 400px 755px #fff, 99px 1229px #fff, 420px 1669px #fff, 1021px 1882px #fff, 1496px 897px #fff, 110px 684px #fff, 140px 1981px #fff, 841px 133px #fff, 1401px 555px #fff, 131px 1347px #fff, 1879px 727px #fff, 1933px 1538px #fff, 1648px 1886px #fff, 64px 1000px #fff, 1086px 661px #fff, 79px 1317px #fff, 820px 572px #fff, 702px 1473px #fff, 264px 621px #fff, 1316px 15px #fff, 893px 1833px #fff, 333px 809px #fff, 406px 1998px #fff, 102px 138px #fff, 108px 434px #fff, 1313px 155px #fff, 1025px 55px #fff, 32px 1847px #fff, 680px 297px #fff, 1464px 267px #fff, 1095px 1117px #fff;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
.container {
  max-width: 90%;
}

body {
  height: 100%;
  background-image: url("../images/universe.png");
  background-repeat: no-repeat;
  overflow-x: hidden;
  background-attachment: fixed;
  min-height: 100vh;
  position: relative;
  font-family: "Roboto Condensed", sans-serif;
  background-size: cover;
}

@media screen and (max-width: 991px) {
  .container {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .container {
    max-width: 100%;
  }

  .platform h1,
.games_mode h1,
.our_team h1,
.road_map h1 {
    font-size: 7vw;
  }

  .parallax-window {
    min-height: unset;
  }
}
.header-padding-fix {
  padding-top: calc(max(75px, 5vw) + 0px);
}

.show_in_mobile {
  display: none !important;
}

.header {
  width: 100%;
  background-image: url(../images/header_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  background-position: bottom;
  z-index: 5;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.86) 0%, rgba(0, 0, 0, 0.7) 64%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#db000000", endColorstr="#00000000",GradientType=0 );
  /* IE6-9 */
  padding-bottom: max(15px, 1vw);
}
.header:before {
  content: "";
  position: absolute;
  top: -2vw;
  background: url(../images/header_mesh.png);
  width: 100%;
  height: 5vw;
  background-size: 100%;
  z-index: 4;
  opacity: 0.5;
}
.header:after {
  content: "";
  position: absolute;
  top: 0;
  background: url(../images/fake_universe.png);
  width: 100%;
  height: 5vw;
  background-size: contain;
  z-index: 3;
  background-position: bottom;
}
.header .container {
  z-index: 4;
  position: relative;
}
.header ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0.8vw;
}
.header ul li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: max(15px, 1vw);
  padding: max(8px, 0.5vw) max(20px, 1.3vw);
}
.header ul li a:hover {
  color: #ffa800;
}
.header ul li.active a {
  color: #ffa800;
}
.header ul.right_menu {
  justify-content: flex-end;
}
.header ul.right_menu li:last-child a {
  padding-right: 0;
}
.header ul.left_menu li:first-child a {
  padding-left: 0;
}

.logo {
  position: relative;
}
.logo img {
  width: 90%;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: max(10px, 0.2vw);
  right: 0;
}
.logo .btn {
  padding: 0;
  color: #fff;
  font-size: 2.5vw;
  border: 1px solid #ffa800;
  border-radius: 50%;
  width: 6vw;
  height: 6vw;
  position: absolute;
  top: 0;
}
.logo .btn i {
  color: #fff;
}
.logo .btn.open i:before {
  content: "\f00d";
}

.banner {
  position: relative;
  z-index: 2;
}
.banner img {
  width: 100%;
}
.banner:before {
  content: "";
  position: absolute;
  bottom: -7vw;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 18%, rgba(0, 0, 0, 0.62) 20%, black 47%, rgba(0, 0, 0, 0.72) 73%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 18%, rgba(0, 0, 0, 0.62) 20%, black 47%, rgba(0, 0, 0, 0.72) 73%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 18%, rgba(0, 0, 0, 0.62) 20%, black 47%, rgba(0, 0, 0, 0.72) 73%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#00000000",GradientType=0 );
  width: 100%;
  height: 14vw;
  background-size: 100%;
  z-index: 3;
}
.banner .banner_hero {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.64);
  top: 0;
  left: 0;
  width: 50%;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.banner .banner_hero h1 {
  text-align: center;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 3.5vw;
  line-height: 5vw;
  margin-bottom: 2vw;
}
.banner .banner_hero h1 span {
  color: #1ec8bc;
  text-shadow: 1px 1px #000;
  display: block;
}
.banner .banner_hero .btn {
  background-color: #ffa800;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.5vw;
  padding: 0.6vw 3vw;
}
.banner .banner_hero .btn:hover {
  background-color: #1ec8bc;
}

.news {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 2;
  margin-top: -3vw;
}
.news .news_heading {
  background-color: #ff0000;
  color: #fff;
  padding: 0.5vw 0.8vw;
  font-size: 1.3vw;
  text-transform: uppercase;
}
.news .news_body {
  background-color: rgba(30, 200, 188, 0.64);
  color: #fff;
  padding: 0.4vw 3vw 0.4vw 0.5vw;
  font-size: 1.5vw;
  text-transform: uppercase;
  letter-spacing: 0.1vw;
}
.news .news_body strong {
  font-weight: 800;
}
.news .news_body a {
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.news .news_migni {
  background-color: #1ec8bc;
  position: relative;
}
.news .news_migni img {
  width: 3.7vw;
  padding: 0.5vw 0.8vw;
  margin-right: -0.4vw;
}
.news .news_migni:after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.7vw;
  width: 0;
  height: 0;
  border-top: 1.5vw solid transparent;
  border-left: 0.7vw solid #1ec8bc;
  border-bottom: 1.5vw solid transparent;
}

.random_shadow {
  position: absolute;
  left: -5vw;
  top: -19vw;
  z-index: 1;
  width: 35vw;
}

@media screen and (max-width: 991px) {
  .show_in_mobile {
    display: block !important;
  }

  .swiper-container.show_in_mobile {
    display: none !important;
  }

  .toggler_menu {
    position: absolute;
    width: 300px;
    left: 0;
    padding: 0;
    top: 5vw;
    height: 90vh;
    background-color: rgba(21, 20, 20, 0.91);
    padding-top: 20px;
    left: -1000px;
    transition: all 0.2s linear;
  }
  .toggler_menu.menu_open {
    left: 0;
  }

  .hide_in_mobile {
    display: none;
  }

  .header {
    position: relative;
    height: 80px;
    padding-top: 15px;
  }
  .header ul {
    display: block;
    padding-top: 0;
  }
  .header ul.show_in_mobile {
    display: block;
  }
  .header ul li a {
    display: block;
    font-size: 14px;
  }
  .header ul.left_menu {
    padding-top: 20px;
  }
  .header ul.left_menu li:first-child a {
    padding: max(8px, 0.5vw) max(20px, 1.3vw);
  }

  .logo img {
    width: 60%;
    top: 0;
  }

  .banner .banner_hero {
    padding: 10px;
  }
  .banner .banner_hero h1 {
    margin-bottom: 0;
  }

  .news {
    flex-direction: column;
  }
  .news .news_body {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  .news .news_migni {
    width: 100%;
    text-align: center;
    padding: 5px 0;
    position: relative;
  }
  .news .news_migni:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 5vw solid #1ec8bc;
  }
  .news .news_migni img {
    transform: rotate(270deg);
    width: 40px;
    position: relative;
    z-index: 1;
  }
}
@media screen and (max-width: 1130px) {
  .banner .banner_hero h1 {
    font-size: 3vw;
    line-height: 5vw;
  }
  .banner .banner_hero .btn {
    padding: 0.6vw 4vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 600px) {
  .swiper-container.show_in_mobile {
    display: block !important;
  }

  .header {
    height: 50px;
  }

  .banner .banner_hero {
    position: absolute;
    padding: 1vw 10vw;
    width: 100%;
  }
  .banner .banner_hero h1 {
    font-size: 6vw;
    line-height: 8vw;
  }
  .banner .banner_hero .btn {
    padding: 0.9vw 12vw;
    font-size: 4.5vw;
    margin-top: 1vw;
  }
  .banner:before {
    display: none;
  }

  .news {
    flex-direction: column;
    position: relative;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .news .news_heading {
    padding: 0;
    font-size: 4.5vw;
  }
  .news .news_heading span {
    position: relative;
    z-index: 2;
    background-color: #ff0000;
    padding: 3vw 3vw;
    font-size: 4.5vw;
  }
  .news .news_heading:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    background-color: #207a76;
    height: 8vw;
    z-index: 1;
  }
  .news .news_body {
    width: 100%;
    padding: 3vw 4vw;
    font-size: 4.5vw;
    text-align: center;
    position: relative;
  }
  .news .news_migni {
    width: 100%;
    text-align: center;
    padding: 5px 0;
    position: relative;
  }
  .news .news_migni img {
    transform: rotate(270deg);
    width: 7.7vw;
  }
  .news .news_migni:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 3vw solid #1ec8bc;
  }
}
@media screen and (max-width: 420px) {
  .banner {
    height: 32vh;
  }
  .banner .carousel, .banner .carousel-inner, .banner .carousel-item {
    height: 100%;
  }
  .banner img {
    height: 100%;
    object-fit: cover;
  }
}
.footer {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 3vw 0;
  position: relative;
  z-index: 5;
}
.footer .copyright {
  text-align: center;
  padding-top: 2vw;
}
.footer .copyright p {
  color: #fff;
  font-size: 1.2vw;
}
.footer .copyright p a {
  color: #00dfed;
  text-decoration: none;
}
.footer .copyright p a:hover {
  color: #ffa800;
}
.footer h1 {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  font-size: 3.5vw;
  margin-bottom: 2vw;
}
.footer .top_section {
  display: flex;
  width: 70%;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 3vw;
}
.footer .top_section .btn {
  width: 49%;
  color: #fff;
  font-size: 1.5vw;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}
.footer .top_section .btn.discord {
  background-color: #5c6bc0;
}
.footer .top_section .btn.discord:hover {
  background-color: #1ec8bc;
}
.footer .top_section .btn.twitter {
  background-color: #01a9f0;
}
.footer .top_section .btn.twitter:hover {
  background-color: #ffa800;
}
.footer .top_section .btn img {
  width: 3vw;
  position: absolute;
  left: 1vw;
}
.footer .footer_logo {
  height: 80%;
  display: flex;
}
.footer .footer_logo img {
  width: 80%;
}
.footer .links h3 {
  text-transform: uppercase;
  color: #1ec8bc;
  font-weight: 600;
  margin-bottom: 1vw;
  font-size: 1.7vw;
}
.footer .links ul li a {
  text-decoration: none;
  color: #fff;
  padding: 0.1vw 0;
  font-size: 1.1vw;
  display: block;
}
.footer .links ul li a:hover {
  color: #ffa800;
}
.footer.small {
  padding: 1.5vw 0;
}
.footer.small .copyright {
  padding: 0;
}
.footer.small .copyright p {
  margin: 0;
}

@media screen and (max-width: 600px) {
  .footer .col-4 {
    width: 100%;
  }
  .footer h1 {
    font-size: 6vw;
  }
  .footer .top_section {
    width: 100%;
    flex-direction: column;
  }
  .footer .top_section .btn {
    width: 100%;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .footer .top_section .btn img {
    width: 7vw;
  }
  .footer .footer_logo {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }
  .footer .footer_logo img {
    width: 60%;
  }
  .footer .links h3 {
    font-size: 15px;
    border: 1px solid #1ec8bc;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
  }
  .footer .links h3:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  .footer .links h3.open_arrow:after {
    transform: rotate(180deg);
  }
  .footer .links ul {
    background-color: #202020;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: all 0.2s linear;
  }
  .footer .links ul li a {
    font-size: 14px;
    padding: 8px 15px;
    border-bottom: 1px solid #000;
  }
  .footer .links ul li:last-child a {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .footer .links ul.about_open, .footer .links ul.social_open, .footer .links ul.info_open {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 10px 0;
  }
  .footer .copyright p {
    font-size: 14px;
  }
}
.road_map {
  padding: 3vw 0;
  padding-top: 6vw;
}
.road_map h1 {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  font-size: 3.5vw;
  margin-bottom: 2vw;
}
.road_map .inner_roadMap_area:nth-child(1) {
  margin: 0;
}

.inner_roadMap_area {
  width: 60%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.inner_roadMap_area .hover_text {
  background-color: rgba(34, 75, 76, 0.74);
  border: 1px solid #1ec8bc;
  padding: 1vw;
  position: absolute;
  border-radius: 0.8vw;
  top: -6vw;
  left: -5vw;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s linear;
}
.inner_roadMap_area .hover_text ul {
  margin-bottom: 0;
  text-align: left;
}
.inner_roadMap_area .hover_text ul li {
  color: #fff;
  font-size: max(min(1.5vw, 20px), 18px);
}
.inner_roadMap_area .hover_text ul li:before {
  content: "-";
  padding-right: 0.5vw;
}
.inner_roadMap_area .road_ellips {
  text-align: center;
  width: 45%;
  height: 16vw;
  background-position: bottom;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2vw 3vw 0 3vw;
  position: relative;
  z-index: 1;
}
.inner_roadMap_area .road_ellips h3 {
  font-size: 2vw;
  color: #fff;
  text-transform: uppercase;
}
.inner_roadMap_area .road_ellips h3 small {
  font-size: 1vw;
}
.inner_roadMap_area .road_ellips p {
  color: #fff;
  font-size: 1.4vw;
}
.inner_roadMap_area .road_ellips:hover .hover_text {
  opacity: 1;
  visibility: visible;
}
.inner_roadMap_area .road_ellips.done {
  background-image: url(../images/ellips_done.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.inner_roadMap_area .road_ellips.done h3 {
  color: #1ec8bc;
  font-weight: 800;
}
.inner_roadMap_area .road_ellips.current {
  background-image: url("../images/ellips_current.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.inner_roadMap_area .road_ellips.current h3 {
  color: #ffa800;
  font-weight: 800;
}
.inner_roadMap_area .road_ellips.current .hover_text {
  background-color: rgba(188, 148, 4, 0.74);
  border: 1px solid #fab910;
}
.inner_roadMap_area .road_ellips.grayfilter {
  filter: grayscale(100%);
}
.inner_roadMap_area.future p {
  color: #bcbcbc;
}
.inner_roadMap_area.left_ellips:after {
  content: "";
  position: absolute;
  right: 8vw;
  top: 8vw;
  background: url(../images/ellips_done_left.png) no-repeat;
  width: 35vw;
  height: 12vw;
  background-size: 100%;
}
.inner_roadMap_area.left_ellips.grayfilter:before {
  filter: grayscale(100%);
}
.inner_roadMap_area.left_ellips.grayfilter:after {
  filter: grayscale(100%);
}
.inner_roadMap_area.last:after {
  display: none;
}
.inner_roadMap_area.current_map:after {
  content: "";
  position: absolute;
  right: 8vw;
  top: 8vw;
  background: url(../images/ellips_current_left.png) no-repeat;
  width: 35vw;
  height: 12vw;
  background-size: 100%;
}
.inner_roadMap_area.right_ellips {
  justify-content: end;
  margin-top: -9vw;
}
.inner_roadMap_area.right_ellips:before {
  content: "";
  position: absolute;
  left: 11vw;
  top: 10vw;
  background: url(../images/ellips_done_right.png) no-repeat;
  width: 36.5vw;
  height: 12vw;
  background-size: 100%;
  transform: rotate(-1deg);
}
.inner_roadMap_area.right_ellips.grayfilter:before {
  filter: grayscale(100%);
}
.inner_roadMap_area.right_ellips.grayfilter:after {
  filter: grayscale(100%);
}
.inner_roadMap_area.right_ellips .hover_text {
  right: -5vw;
  left: auto;
}
.inner_roadMap_area.shifting:before {
  background: url(../images/ellips_done_right_shifting.png) no-repeat;
  width: 36.5vw;
  height: 12vw;
  background-size: 100%;
  transform: rotate(-1deg);
}
.inner_roadMap_area.shifting-gray:before, .inner_roadMap_area.shifting-gray:after {
  filter: grayscale(100%);
}
.inner_roadMap_area.up {
  margin-top: -6.2vw;
}

.join_waitlist {
  padding-top: 2.5vw;
  text-align: center;
  margin-bottom: 3vw;
}
.join_waitlist .form-control {
  background-color: transparent;
  width: 35vw;
  height: 3.5vw;
  border-radius: 0;
  display: block;
  margin: 0 auto;
  text-align: center;
  border-color: #1ec8bc;
  font-size: 1.2vw;
  color: #fff;
}
.join_waitlist .form-control::placeholder {
  color: #fff;
}
.join_waitlist .btn {
  background-color: #ffa800;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.4vw;
  width: 30vw;
  margin-top: 1.5vw;
}
.join_waitlist .btn:hover {
  background-color: #1ec8bc;
}

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .inner_roadMap_area {
      -webkit-display: flex;
    }

    .inner_roadMap_area.right_ellips {
      justify-content: flex-end !important;
    }
  }
}
@media screen and (max-width: 991px) {
  .inner_roadMap_area .hover_text {
    width: 28vw;
  }
  .inner_roadMap_area .hover_text ul li {
    font-size: 1.5vw;
  }
  .inner_roadMap_area.right_ellips .hover_text {
    right: -13vw;
  }

  .inner_roadMap_area {
    width: 100%;
  }
  .inner_roadMap_area .road_ellips {
    height: 27vw;
    padding-right: 5vw;
    padding-left: 5vw;
  }
  .inner_roadMap_area .road_ellips h3 {
    font-size: 3vw;
    padding-top: 3vw;
  }
  .inner_roadMap_area .road_ellips p {
    font-size: 2.4vw;
  }
  .inner_roadMap_area.right_ellips {
    margin-top: -12vw;
  }
  .inner_roadMap_area.right_ellips:before {
    left: 22vw;
    top: 20vw;
    width: 54vw;
    height: 12vw;
    transform: rotate(-5deg);
  }
  .inner_roadMap_area.right_ellips .hover_text {
    right: 0;
  }
  .inner_roadMap_area.left_ellips:after {
    width: 51vw;
    height: 12vw;
    right: 20vw;
    top: 15vw;
  }
}
@media screen and (max-width: 600px) {
  .inner_roadMap_area {
    display: none;
  }

  .road_map .swiper-container .inner_roadMap_area {
    display: block;
    width: 100%;
    text-align: center;
    height: 100vw;
  }
  .road_map .swiper-container .inner_roadMap_area .road_ellips {
    width: 80%;
    height: 90%;
    margin: 0 auto;
    background-size: 100%;
    background-position: top;
    justify-content: flex-start;
    padding: 14vw 13vw 0 13vw;
  }
  .road_map .swiper-container .inner_roadMap_area .road_ellips h3 {
    font-size: 6vw;
  }
  .road_map .swiper-container .inner_roadMap_area .road_ellips p {
    font-size: 4vw;
  }
  .road_map .swiper-container .inner_roadMap_area.left_ellips:after {
    right: -12vw;
    top: 36vw;
    width: 60vw;
  }
  .road_map .swiper-container .inner_roadMap_area.right_ellips:before {
    left: -2vw;
    top: 40vw;
    width: 60vw;
  }
  .road_map .swiper-container .inner_roadMap_area .hover_text {
    width: 100%;
    opacity: 1;
    visibility: visible;
    left: 0;
    top: auto;
    bottom: 25px;
  }
  .road_map .swiper-container .inner_roadMap_area .hover_text ul li {
    font-size: min(4vw, 16px);
  }

  .swiper-button-next,
.swiper-button-prev {
    top: 25%;
  }

  .swiper-button-next {
    background-image: url("../images/arrow_right.svg");
    right: 0;
  }

  .swiper-button-prev {
    background-image: url("../images/arrow_left.svg");
    left: 0;
  }

  .join_waitlist .form-control {
    width: 100%;
    height: 45px;
    font-size: 18px;
  }
  .join_waitlist .btn {
    width: 100%;
    height: 45px;
    font-size: 17px;
  }
}
.cookies {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(30, 200, 188, 0.9);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: max(15px, 1vw);
  z-index: 5;
  padding: max(20px, 1.5vw);
}
@media screen and (min-width: 601px) {
  .cookies {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.cookies .link {
  font-weight: 600;
  text-decoration: underline;
}
.cookies .btn {
  background-color: #ffa800;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: max(15px, 1vw);
  transition: all 300ms;
}
.cookies .btn:hover {
  box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.3);
}

/* fieldset {
  border: 0;
  background: #222;
  width: 5em;
  border-radius: 1px;
  padding: 1em 1.5em 0.9em;
  margin: 1em auto;
} */
.modal-whitelist {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background-size: cover;
  box-shadow: 0px 0px 15px #1ec8bc;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center;
  padding-bottom: 50px;
  margin: 0 auto;
}
.modal-whitelist .whitelist-btns {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.modal-whitelist .btn {
  background-color: #ffa800;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.4vw;
  width: 15vw;
}
.modal-whitelist .btn.discord {
  background-color: #5c6bc0;
  width: 20vw;
  margin-left: 10px;
}
.modal-whitelist .already-form {
  padding: 1px 15px;
  background-color: #ffa800;
  justify-content: center;
  display: none;
}
.modal-whitelist .already-form p {
  color: white;
  margin-top: 10px;
}
.modal-whitelist input {
  background-color: #1c232b;
}
.modal-whitelist .error-message {
  color: #6c7787;
  font-size: 1vw;
}
.modal-whitelist .error-message a {
  color: #2fb2d1;
  text-decoration: underline;
}
.modal-whitelist .two-button {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.modal-whitelist .two-button .btn {
  background-color: #ffa800;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.9vw;
  width: 6vw;
}

.modal-padding {
  width: 95%;
  padding: 0px 0px 10px 0px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin: 20px 0px;
}
.modal-padding h3 {
  color: #ffa800;
  text-transform: uppercase;
  font-size: 1.8vw;
  font-weight: 600;
  margin-bottom: 20px;
}
.modal-padding p {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
}
.modal-padding .row .btn {
  width: 100%;
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  position: relative;
}
.modal-padding .row .btn img {
  width: 2vw;
  position: absolute;
  left: 8px;
  top: 8px;
  padding-right: 10px;
}
.modal-padding .row .btn.discord {
  background-color: #5c6bc0;
}
.modal-padding .row .btn.discord:hover {
  background-color: #5c6bc0;
}
.modal-padding .row .btn.facebook {
  background-color: #3d68c4;
}
.modal-padding .row .btn.facebook:hover {
  background-color: #3d68c4;
}
.modal-padding .row .btn.google {
  background-color: #cf4132;
}
.modal-padding .row .btn.google:hover {
  background-color: #cf4132;
}
.modal-padding .row p {
  font-size: 15px;
  color: #1ec8bc;
  text-transform: none;
  text-align: start;
}
.modal-padding .row .span {
  color: red;
  font-size: 15px;
}
.modal-padding .row .in-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.modal-padding .row .in-line p {
  color: white;
  font-size: 15px;
}
.modal-padding .row .in-line2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 62%;
}
.modal-padding .row input {
  width: 90%;
  height: 25px;
  border: 1px solid #1ec8bc;
  border-radius: 3px;
  font-size: 14px;
  color: #1ec8bc;
  background-color: rgba(0, 0, 0, 0);
}
.modal-padding .row select {
  width: 90%;
  height: 25px;
  border: 1px solid #1ec8bc;
  border-radius: 3px;
  font-size: 14px;
  color: #1ec8bc;
  background-color: rgba(0, 0, 0, 0);
}
.modal-padding .row a {
  color: "black";
}
.modal-padding form {
  width: 100%;
}
.modal-padding .btn:hover {
  background-color: #1ec8bc;
}

.accept-cond {
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-content: center;
  margin: 10px 0px;
}
.accept-cond label {
  margin: 0px 4px;
  color: white;
  font-size: 15px;
  text-align: start;
}
.accept-cond input {
  width: 1.15em;
  height: 1.15em;
}

.modal .close-div {
  position: absolute;
  top: -10px;
  right: 0;
  background-color: black;
  border-radius: 40px;
  margin-top: -5px;
  margin-right: -5px;
  box-shadow: 0px 0px 15px #1ec8bc;
}
.modal .close-div img {
  width: 20px;
  height: 20px;
  margin: 12px;
  filter: invert(99%) sepia(23%) saturate(2%) hue-rotate(254deg) brightness(115%) contrast(100%);
}
.modal .btn-social {
  font-size: 16px !important;
}
.modal .btn-social * {
  font-size: 16px !important;
}
.modal .is-invalid {
  border: 1px solid red !important;
}
.modal #file-input {
  font-size: 10px;
}
.modal .file-input-div-1 {
  width: 70%;
  height: 25px;
  border: 1px solid #1ec8bc;
  border-radius: 3px;
  color: #1ec8bc;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  justify-content: space-between;
}
.modal .file-input-div-2 {
  width: 70px;
  height: 24px;
  background-color: #1ec8bc;
  border: none;
  display: flex;
  justify-content: center;
}
.modal .file-input-div-2 p {
  color: black;
  font-size: 15px;
}
.modal .rates-text {
  font-size: 8px;
}
.modal .rate {
  display: flex;
}
.modal .rate2 {
  margin-right: 10px;
}
.modal .aboutyou {
  height: 160px;
  width: 83%;
  font-size: 15px;
  border: 1px solid #1ec8bc;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  color: #1ec8bc;
}
.modal .invalid-feedback {
  padding-left: 10px;
  width: 10px;
  margin-top: -0.5px;
}
.modal .input-parent {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  padding-left: 10px;
}
.modal .star-cb-group {
  font-size: 0;
  unicode-bidi: bidi-override;
  direction: rtl;
}
.modal .star-cb-group * {
  font-size: 17px;
}
.modal .star-cb-group > input {
  display: none;
}
.modal .star-cb-group > input + label {
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.modal .star-cb-group > input + label:before {
  display: inline-block;
  text-indent: -9999px;
  content: "☆";
  color: #888;
}
.modal .star-cb-group > input + label:hover ~ label:before {
  content: "★";
  color: #ffa800;
  text-shadow: 0 0 1px #333;
}
.modal .star-cb-group > input + label:hover:before {
  content: "★";
  color: #ffa800;
  text-shadow: 0 0 1px #333;
}
.modal .star-cb-group > input:checked ~ label:before {
  content: "★";
  color: #ffa800;
  text-shadow: 0 0 1px #333;
}
.modal .star-cb-group > .star-cb-clear + label {
  text-indent: -9999px;
  margin-left: -0.5em;
  color: #ffa800;
  border: 1px solid;
  border-radius: 40px;
  height: 17px;
  width: 16px;
  margin-bottom: 4px;
  margin-right: 3px;
}
.modal .star-cb-group > .star-cb-clear + label:before {
  width: 0.1em;
}
.modal .star-cb-group:hover > input + label:before {
  background-color: red;
  content: "☆";
  color: #888;
  text-shadow: none;
}
.modal .star-cb-group:hover > input + label:hover ~ label:before {
  content: "★";
  color: #ffa800;
  text-shadow: 0 0 1px #333;
}
.modal .star-cb-group:hover > input + label:hover:before {
  content: "★";
  color: #ffa800;
  text-shadow: 0 0 1px #333;
}
.modal body {
  background: #333;
  color: #888;
}
.modal #log {
  margin: 1em auto;
  width: 5em;
  text-align: center;
  background: transparent;
}
.modal h1 {
  text-align: center;
}
.modal fieldset {
  margin-top: -5px;
}

.modal {
  max-height: calc(100vh - 50px);
  overflow-y: auto;
}

body.modal-open {
  position: fixed;
  width: 100vw;
}

@media screen and (max-width: 600px) {
  .force h2 {
    font-size: 5vw;
  }
  .force p {
    font-size: 3vw;
  }
  .force .btn {
    font-size: 3.5vw;
    width: 55vw;
  }

  .modal-whitelist .btn {
    background-color: #ffa800;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    width: 25vw;
    font-size: 4vw;
  }
  .modal-whitelist .two-button .btn {
    font-size: 3.9vw !important;
    width: 24vw !important;
  }

  .error-message {
    font-size: 4vw !important;
  }

  .modal-padding h3 {
    color: #ffa800;
    text-transform: uppercase;
    font-size: 4.5vw;
    font-weight: 600;
  }

  .modal-padding p {
    color: #fff;
    text-transform: uppercase;
    font-size: 3.6vw;
    text-align: center;
  }

  .modal-padding .row .in-line2 p {
    font-size: 3.8vw;
  }

  .modal-padding .row input {
    width: 90%;
    height: 25px;
    border: 1px solid #1ec8bc;
    border-radius: 3px;
    font-size: 3.5vw;
    color: #1ec8bc;
    background-color: rgba(0, 0, 0, 0);
  }

  .modal-padding .row select {
    width: 90%;
    height: 25px;
    border: 1px solid #1ec8bc;
    border-radius: 3px;
    font-size: 3.5vw;
    color: #1ec8bc;
    background-color: rgba(0, 0, 0, 0);
  }

  .modal-padding .row .in-line p {
    color: white;
    font-size: 3.8vw;
  }
}

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