.logo_light {
  width: 100px;
}

.nav-fixed .logo_light {
  width: 80px;
}

.v_blue_pro .box_wrap {
  background-color: #090738ab;
  /* 0A073C; */
}

.hexagon {
  width: 100px;
  height: 315px;
  background-image: url('/assets/images/hexa.png');
  background-size: cover;
  /* background-color: #f00;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    padding: 15px;
    background-image: linear-gradient(to right, #7448AA 0%,#E45C9E 75%,#E45C9E); */
}

.contact_box {
  padding-bottom: 50px !important;
}

.ceSocials {
  display: inline-flex;
  justify-content: space-around;
  margin-left: 10px;
}

.cefooter .ceSocials {
  padding-right: 45px;
}

.ceSocials li {
  margin-right: 10px;
}

.ceSocials li:last-child {
  margin-right: 0px;
}

.ceSocials img {
  width: 35px;
  cursor: pointer
}

.ceSocials li .gri {
  display: block
}

.ceSocials li .color,.ceSocials li:hover .gri {
  display: none
}

.ceSocials li:hover .color {
  display: block
}

.hexanumber {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 210px;
  color: white;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: fantasy;
  opacity: 0.1;
}

.hexagon p {
  cursor: pointer;
  width: 100%;
  height: 100%;
  /* position: absolute; */
  color: lavender;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 19px;
  font-size: 14px;
  text-align: center;
}

.hexagon.flip-card-back p {
  padding: 0px;
  line-height: 22px;
}

.topinfo>div,
.topinfo2>div {
  display: flex;
  color: white;
  flex-flow: column;
  font-size: 12px;
}

.topinfo>div {
  padding: 0px;
}

.topinfo>div>span {
  line-height: 20px;
}

header {
  background: #15123f8c !important;
  z-index: 101 !important;
  height: 105px;
}

header.nav-fixed {
  height: 80px;
  z-index: 10000000 !important;
}

header.nav-fixed-scroll {
  /* background: #090738d1 !important; */
}

.bgdiv {
  background: #090738ab;
  border-radius: 10px;
}

.watch {
  line-height: 20px;
  margin-bottom: 10px;
  color: white;
  font-size: 14px;
  margin-left: 10px;
  padding-top: 10px;
}

.modal-dialog {
  min-width: 800px !important;
}

.modal-content {
  background: transparent !important;
}

.moremodal .modal-body {
  line-height: 25px;
  padding: 2rem;
  text-align: justify;
}

.playover {
  cursor: pointer;
  position: absolute;
  left: 50%;
  color: white;
  top: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  transform: translate(-50%, -50%);
  padding: 10px 18px;
  background: lightgrey;
  border-radius: 50px;
  font-size: 25px;
}

.navbar-nav li>a:not(.btnmenu).active {
  color: #38cab3 !important;
}

.navbar-nav li>a:not(.btnmenu):hover {
  color: #38cab3 !important;
}

.navbar-nav li>a.active:before {
  content: none !important;
}

.navbar-expand-lg .navbar-nav.nav_btn a.btn {
  padding: 3px 25px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 7px 0;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btnmenu a:hover {
  color: white;
}


:root {
  --delay: 0ms;
  --path: path('M200 100  L900 100 C940 100 1000 170 930 235  L265 235 C250 235 160 270 230 360    L920 360 C940 360 1000 410 930 490   L265 490 C250 490 160 550 230 620    L950 620');
  /* 'M200 127 L900 127 C930 127 1000 190 930 255 L250 255 C240 255 170 305 225 375 L920 390 C930 390 1000 450 930 515 L265 510 C230 510 180 570 230 635 L950 650' */
  /* 'M67.403 43.204 L 67.403 49.540 189.102 49.590 L 310.802 49.640 312.338 50.070 C 328.024 54.462,328.359 75.691,312.818 80.496 L 311.378 80.941 198.656 81.041 L 85.934 81.141 84.013 81.582 C 62.241 86.579,53.900 111.925,68.526 128.645 C 72.330 132.993,77.878 136.138,84.216 137.539 L 86.126 137.961 198.848 138.063 L 311.570 138.166 313.394 138.798 C 326.973 143.503,328.226 161.557,315.410 167.835 C 311.916 169.547,325.329 169.368,200.000 169.372 C 82.830 169.375,86.541 169.345,82.691 170.318 C 53.627 177.658,54.513 219.077,83.879 225.871 L 85.742 226.302 208.401 226.354 L 331.061 226.407 331.061 220.070' */
}

/* .obj {
  display: none;
} */
.obj {
  position: absolute;
  offset-path: var(--path);
  animation: move 20s linear infinite;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  z-index: 1000;
  display: none;
  /* transform: scale(0); */
}


/* @keyframes appear {
  100% {
    opacity: 1;
  }
} */

@keyframes move {
  5% {
    offset-distance: 0%;
  }

  30% {
    offset-distance: 30%;
  }

  100% {
    offset-distance: 100%;
  }
}

.topinfo {
  display: flex !important;
}

.topinfo2 {
  display: none !important;
}

.btnregister,
.btnlogin {
  display: none;
}

.texttop2a1 {
  background-image: linear-gradient(to right, #7448AA 0%,#E45C9E 51%,#7448AA) !important;
  font-size: 12px; margin-left: 105px;    font-weight: bold;
}

.texttop2a2 {
  display: flex;
  justify-content: end; margin-right: 105px;
}

.ismobile, .languagesmobile {
  display: none;
}

.tab-link, .faq_content5 .card-header a {
  background: #4a49bf47 !important;
}

.faq_content5 .card-body {
  background: #383888b8 !important;
  padding-left: 25px;
}

.tab-link:hover {
	background: #090737ab !important;
}
.tab-link.active {
  background-image: linear-gradient(to right, #7448AA 0%,#E45C9E 100%,#7448AA) !important;
}

.listtxt {
}
.listtxt>div {
  display: flex;
}
.listtxt span {
  width: 25%;
}
.listtxt span:first-child {
  width: 32%;
  position: relative;
}
.listtxt span:nth-child(2) {
  width: 26%;
  position: relative;
}
.listtxt span:nth-child(3) {
  width: 26%;
  position: relative;
}
.listtxt span:nth-child(4) {
  width: 22%;
  position: relative;
}
.listtxt span:nth-child(5) {
  width: 18%;
  position: relative;
}

.faq_content5 .card-header a::before {
  content: "Î.";
}

.english .faq_content5 .card-header a::before {
  content: "Q.";
}

.card-body::before {
  content: "R.";
  position: absolute;
  margin-left: -18px;
}

.english .card-body::before {
  content: "A.";
}

.tab-content .card-body {
  text-align: justify;
}

.more {
  font-weight: bold;
}

.moremodal {
  background: #0E0B41 !important; height: 80vh;
  overflow-y: scroll;    color: white;
    font-family: 'FontAwesome';
}

.terms2 {
  color: cornflowerblue;
}
.more, .terms{
  color: white;
}

.terms2:hover {
  text-decoration: underline;
  cursor: pointer;
  color: cornflowerblue;
}
.linkroadmap:hover, .more:hover, .terms:hover, .linkifb:hover{
  text-decoration: underline;
  cursor: pointer;
  color: white;
}

.title_default_light h4, .title_default_dark h4 {
  text-transform: none !important;
}

.moremodal::-webkit-scrollbar {
  width: 7px;
  background-color: #e8e8e8;
}
.moremodal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #C1C1C1;
}

.listtxt>div>span>span {
  display: none;
  /* overflow-y: auto;
  height: 50px; */
  width: 600px !important;
  background-color: #4ec2f0 ;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  position: absolute !important;
  z-index: 101;
  z-index: 101;
  top: 2px;
  left: 155px;
  font-size: 13px;
  padding: 4px 10px;
  min-width: 150px;
  text-align: justify;
  line-height: 20px;
}

.listtxt>div>span>span.left
{
  left: -603px;
}

.listtxt>div>span:hover span{
  display: inline-block;
}

.cardtitle {
  font-size: 17px !important;
}
.cardbody {
  line-height: 22px;
    font-size: 15px;
}

.modal-open .modal {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}


/* Make it a marquee */
.marquee {
  /* margin: 0 auto; */
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.marquee .topinfo {
  /* display: inline-block;  */
  /* padding-left: 100% !important; */
  animation: marquee 20s linear infinite;
}

/* Make it move */
@keyframes marquee {
  0%   { transform: translate(100%, 0); }
  100% { transform: translate(0, 0); }
}

@media only screen and (max-width: 1400px) {
  .logo_light {
    left: -75px !important;
  }

  .languages {
    right: -75px !important;
  }
}

@media only screen and (max-width: 1350px) {
  header.nav-fixed {
    height: 100px;
  }

  .logo_light {
    top: 0px !important;
    left: -25px !important;
  }

  .languages {
    top: 15px !important;
    right: 80px !important;
    z-index: 1000000;
  }

  .btnregisterlogin {
    position: absolute;
    right: 50px;
    display: none;
  }

  .btnregister,
  .btnlogin {
    display: block;
  }

  .btnregister a,
  .btnlogin a {
    background: none !important;
    padding: 7px 0;
  }
}

.h1top{
  margin-top: 90px
}

@media only screen and (max-width: 1200px) {
  header.nav-fixed {
    height: 135px;
  }

  .hexagon {
    height: 255px;
  }

  .hexagon p {
    padding: 0px;
  }

  .topinfo {
    display: none !important;
  }

  .topinfo2 {
    display: flex !important;
    text-align: center;
  }

  .languages {
    top: 50px !important;
    right: 100px !important;
    z-index: 1000000;
  }
}

@media only screen and (max-width: 1050px) {
  header.nav-fixed {
    min-height: 160px !important;
    background: #15123f !important;
  }  
  .logo_light {
    display: none;
  }
  .notmobile {
    display: none;
  }
  .ismobile {
    display: block;
  }
  .navbar-nav {
    border: none !important;
    width: 100% !important;
  }
  .h1top{
    margin-top: 30px
  }

  .bgdiv h4 {
    padding-top: 15px;
  }

  .navbar-toggler {
    margin-left: 90px;
  }

  .texttop {
    color: white;font-size: 21px;margin-top: 50px;
  }
  .hexagon {
    height: 380px;
  }
}
@media only screen and (max-width: 950px) {
  .navbar-toggler {
    margin-top: 10px;
  }

  .languages {
    margin-top: 10px;
  }

  .container {
    padding: 0px;
  }

  .texttop {
    text-align: center;
  }

  .imgtop {
    text-align: center !important;
    padding-top: 50px;
  }

  .imgtop img {
    width: 300px !important;
  }

  .texttop2>div {
    width: 50%;
  }

  .texttop2a1 {
    margin-left: 0px;
  }

  .texttop2a2 {
    display: flex;
    justify-content: center; margin-right: 0px;
    margin-bottom: 0px;
  }

  .block1>div {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .hexagon {
    height: 400px;
  }
  .bgdiv {
    padding: 0px;
  }
  .scrollup {
    margin-right: 35px;
  }
}

@media only screen and (max-width: 768px) {
  .languages {
    top: 70px !important;
    right: 90px !important;
  }
  .hexagon p {
    font-size: 25px;
  }
  .topinfo2 .languages {
    display: none;
  }
  .languagesmobile {
    display: block;
  }
  .hexagon {
    height: 600px;
  }
}

@media only screen and (max-width: 600px) {
  header.nav-fixed {
    min-height: 200px !important;
  }
  .texttop {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 450px) {
  body {
    margin: 0px 10px;
  }
  header.nav-fixed {
    min-height: 250px !important;
  } 
  .navbar-toggler {
    margin-left: 20px;
  }
  .texttop2>div {
    width: 100%;
  }
  .hexagon {
    width: auto;
    height: 375px;
  }
}

@media only screen and (max-width: 400px) {

}