@import url('https://fonts.cdnfonts.com/css/avenir-lt-std?styles=15286,15281,15283,15279');


:root {
  --red: #DA2267;
}

button:focus, input:focus {outline: none;}
.btn:focus {box-shadow: none;}
body {font-size:14px; color:var(--black); font-family: 'Avenir LT Std', sans-serif;}
h1,h2,h3,h4 {font-family: 'Avenir LT Std', sans-serif; font-weight: 700;}
img {max-width: 100%;}
.container {width: calc(100% - 150px); max-width: 1490px;}
.mainBg {position: relative;/*background: url(../../images/new-landing/bg-01.jpg?1.3) no-repeat center / cover;*/ min-height: 100vh;}
.mainBgInner {background: url(../../images/new-landing/bg-03.jpg?1.3) no-repeat center / cover;}
.header {padding: 36px 0px; padding-top: 0;}
.logo {margin: 0px 0px 0px 0px;}
.logo a {display:inline-block; max-width: 100%;}
.logo img {max-width: 230px;}


.mainNav {text-align: right; }
.mobileNavBtn:focus {outline: none;box-shadow: none;}
.mobileNavBtn {display: none; border: none; cursor: pointer; width:26px; height: 26px;border-radius: 0px; position: relative; z-index: 101;transition: right .3s linear; background: none;}
.mobileNavBtn span { width: 26px; left:0px; top: 0px; height: 3px; background:var(--red); position: absolute; transition: all 0.3s linear;border-radius: 1px;}
.mobileNavBtn span:nth-child(2) {top: 8px;}
.mobileNavBtn span:nth-child(3) {top: 16px;}
.openNav {overflow: hidden;}

.openNav .mobileNavBtn span:nth-child(2){display: none;}
.openNav .mobileNavBtn span:nth-child(1){transform:rotate(45deg);left:0px; top: 12px;}
.openNav .mobileNavBtn span:nth-child(3){transform:rotate(-45deg); top: 12px; left:0px;}

@media (min-width: 1024px) {
  .navigation>ul {padding: 0px; margin:0px; list-style: none;}
  .navigation>ul>li {display: inline-block; padding: 5px 15px; vertical-align: middle;}
  .navigation>ul>li:last-child {margin-right: 0px;}
  .hasChild {position: relative;}
  /*.hasChild>a{padding-right: 17px; position: relative;}
  .hasChild>a:before {content: ""; position: absolute; right: 0px; top: 4px; width: 10px; height: 10px; border:solid 2px #ffffff; border-left: none; border-top:none; transform: rotate(45deg);}
  .hasChild>a:hover:before {border-color: #FFB11B;}*/
  /*.navigation>ul>li>a {color: #848484;display: inline-block; font-size: 17px;position: relative;}*/
  .navigation>ul>li>a {color: #fff;display: inline-block; font-size: 16px;position: relative;}
  /*.navigation>ul>li>a:hover {color: var(--red); text-decoration: none;}*/
  .navigation>ul>li>a:hover {text-decoration: none;}
  .overLay {display: none;}

  .subMenu {position: absolute; right:0px; top: 90%;z-index: 1; width:150px; transform: rotateX(90deg); transform-origin: top; opacity: 0; transition: all 0.3s linear; text-align: right; list-style: none; padding:10px 0px 0px 0px; margin: 0px;}
  .hasChild:hover .subMenu {opacity: 1;transform: rotateX(0deg);z-index: 2;}
  .subMenu li {display: block;}
  .subMenu li a {color: #fff; display: inline-block; padding: 5px; font-size: 16px; text-decoration: none;}
  /*.subMenu li a:hover {color:var(--red); text-decoration: none;}*/
  .subMenu li:hover {color:#ffffff; background: var(--red); text-decoration: none;}
}
.overLay {transition: all 0.3s linear;}
@media (max-width: 1025px) {
  .header {padding: 15px 0px;}
  .mainNav {text-align: right;}
  .mobileNavBtn {display: inline-block;  margin-right: 10px;}
  .navMain {text-align: right; position: relative;margin: 7px 15px 3px 0px;display: inline-block;width: 100%;}
  .navigation {position: fixed; top:60px; left: 0px; width:100%; z-index: 100; transition: all .3s linear;transform-origin: top; transform: rotateX(88deg); opacity: 0; max-height: calc(100vh - 60px); overflow-y: auto; text-align: left; }
  .openNav .navigation {transform: rotateX(0deg); opacity: 1;}
  .navigation>ul {margin:0px; padding:0px 20px 10px 20px; list-style: none; text-align: left; display: flex; flex-wrap: wrap-reverse;}
  .navigation>ul>li {flex:0 0 100%; margin:2px 0px;}
  .navigation>ul>li>a {padding:5px 0px; display:block;position: relative; color:#CCCACA;font-size:20px; font-weight:700;}
  .navigation>ul>li>a:hover {text-decoration: none;}
  .subMenu {padding: 3px 0px 5px 15px; margin: 0px;}
  .subMenu li {display: block;}
  .subMenu li a {color: #CCCACA; display: inline-block; padding: 2px 0px;}
  .subMenu li a:hover {color:#CCCACA;  text-decoration: none;}

  .openNav .overLay {display: block; position: fixed; top: 0px; left: 0px;width: 100%;height: 100%;z-index: 11;    background: rgba(0,0,0,0.8);}
  .subMenu {display: none;}
}


.bannerText {padding:60px 0px 20px 0px;max-width: 500px;}
.bannerText h1 {color: #FFFFFF; font-size: 45px; margin: 0px 0px 70px 0px; font-weight: 200; line-height: 1.2; opacity:0.75;}
.bannerText .desc {color: #FFFFFF; font-size:18px; margin: 0px 0px 20px 0px; font-weight: 300;}
.bannerText .typed-cursor {color: transparent; border-right:solid 5px var(--red);}

.dragonBlock {position: absolute; left: 42%; top: 130px;z-index: 1;}
.canvasSec {position: relative; width: 400px; height:300px; text-align: center; margin: -40% 0px 0px -50%;  transform: scale(0.8); }
.canvasSec .draw {height: 300px; padding:0px 0px;}


@media(min-width: 1600px) {
  .container {max-width: 1700px;}
  .header {padding: 36px 0px; padding-top: 0;}
  .bannerText {max-width: 670px;}
  /*.bannerText h1 { font-size: 80px;}*/
  .dragonBlock {top: 170px;}
  .canvasSec {transform: scale(1);}
}
.visM {display: none;}
@media (max-width: 767px) {
    .visM {display: block;}
    .visD {display: none;}

    .container {max-width: inherit; width:100%;}
    .mainBg {position: relative;/*background: url(../../images/new-landing/bg-11.jpg) no-repeat bottom center / cover;*/ min-height: 100vh;}
    .mainBgInner {background: url(../../images/new-landing/bg-13.jpg) no-repeat bottom center / cover;}
    .header {padding:25px 0px;}
  .logo {margin: 0px 0px 0px 10px;}
    .logo img {max-width: 160px;}


    .bannerText {padding: 15px 0px 0px 10px;}
    .bannerText h1 { font-size: 40px; margin: 0px 0px 20px 0px; }
    .bannerText .desc {font-size:14px; margin: 0px; height: 45px;}

  .textLink {padding: 0px 0px 0px 10px; margin: 0px;}
  .textLink li {display: block;}
  .textLink li a {color: #CCCACA; display: inline-block; padding: 6px 0px;}
  .textLink li a:hover {color:#CCCACA;  text-decoration: none;}
  .textLink li.act a {padding: 4px 0px 4px 14px; position: relative;color:#ffffff;}
  .textLink li.act a:before {content: ""; width: 0px; height: 0px; position: absolute; left: 0px; top:9px; border:solid 5px transparent; border-left-color: var(--red);}


  .dragonBlock {display: none;}
  
}

.coming-soon-page {
  background: black;
}

.coming-soon-page h3 {
  color: white;
  font-size: 48px;
}

.coming-soon-page a {
  color: white;
}

.coming-soon {
  left: 0;
  /*line-height: 200px;*/
  margin-top: -100px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}


 
.scrollEle::-webkit-scrollbar {width: 8px;}
.scrollEle::-webkit-scrollbar-track {background: #f1f1f1; }
.scrollEle::-webkit-scrollbar-thumb {background: #888; }

.modal-dialog {min-height: calc(100vh - 60px); display: flex; flex-direction: column; justify-content: center; overflow: auto; }
@media(max-width: 768px) {
  .modal-dialog {min-height: calc(100vh - 20px); }

  .battle-bidding-button {
    /*display: none;*/
  }
}

.battle-bidding-button {
  background-color: var(--red);
  color: #fff;
}

.battle-bidding-button:hover {
  background-color: transparent;
  border-color: var(--red);
  color: #fff;
}

.download {
  margin-top: 15px;
}

.download-link {
  text-decoration: none;
  color: white;
  margin-right: 15px;
  font-weight: bold;
}

.download-link:hover {
  text-decoration: none;
  color: white;
}

.download-link img {
  margin-top: -5px;
}

.small-icon {
  height: 35px;
  width: auto;
}

.landing-white-paper-item {
    display: none;
}

.landing-emblem {
  position: absolute;
  right: 30px;
  bottom: 30px;
    
}

.landing-emblem img {
  height: 150px;
  opacity: 0.7;
}

.landing-media-icon {
  position: absolute;
  right: 60px;
  bottom: 70px;
  margin-right: 150px;
  text-align: center;
}

.landing-media-icon a:hover {
  text-decoration: none;
}

.landing-media-icon img {
  height: 60px;
}

.landing-media-icon img.item-1 {
  margin-right: -10px;
}

.right-button-slider {
  position: absolute;
  right: 30px;
  bottom: 50%;
  background-color: #8b8b8b;
  width: 60px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  padding: 7px;
}

.right-button-slider:hover {
  background-color: #fff;
}

.right-button-slider-link {
}

.right-button-slider-link:hover {
}

.mainBgInner {
  -webkit-transition: background-image 1s ease-in-out;
  transition: background-image 1s ease-in-out;
}

.mobile-display-toggle-element {
  display: none;
}

.middle {
  /*min-height: calc(100vh - 130px);*/
  min-height: calc(100vh - 100px);
  padding-top: 0px;
  position: relative;
}

.bannerText h1.slide-1-item {
  margin-bottom: 10px;
}

.bannerText .slide-1-text {
  color:  #fff;
  width: 100%;
  font-size: 15px;
}

.mainBgInner .cta-section img {
  height: 80px;
  margin-right: 10px;
}

@media(max-width: 768px) {
    .landing-white-paper-item {
        display: inline-block;
    }

    .landing-emblem {
      display: none;
    }

    .right-button-slider {
      display: none;
    }

    .mobile-display-toggle-element {
      display: inline;
    }

    .landing-media-icon {
      right: unset;
      margin-right: 0px;
      bottom: 50px;
    }

    .landing-media-icon img {
      height: 40px;
    }

    .middle {
      min-height: calc(100vh - 70px);
    }
}

@media (min-width: 1024px) {
    .navigation>ul>li.landing-white-paper-item {
        display: none;
    }
}