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

/*font-family: 'Avenir LT Std', sans-serif;*/

/*@import url('http://fonts.cdnfonts.com/css/avenir-next-lt-pro?styles=15221,29972,15219,15213,15208,29974');*/
/*font-family: 'Avenir Next LT Pro', sans-serif;*/

:root {
	--red: #DA2168;
	--darkRed: #A30C4A;
}


button:focus, input:focus {outline: none;}
.btn:focus {box-shadow: none;}
body {font-size:14px; background: #000; background-attachment: fixed;font-family: 'Avenir LT Std', sans-serif;}
h1,h2,h3,h4 {font-family: 'Avenir LT Std', sans-serif; font-weight: 600;}
img {max-width: 100%;}
.wrapper {position: relative; }
.container-flude {max-width: 1490px; margin: 0px auto; width: calc(100% - 180px);}
.container {max-width:1170px;width: calc(100% - 100px);}
/*new style*/
.container-buy-bun {max-width:1000px;}

.homeBg {background: #000 url(../images/bg-c.jpg) no-repeat center / cover; background-attachment: fixed;}

/*.middle {min-height: calc(100vh - 130px); padding-top: 90px;}*/
.middle {min-height: calc(100vh - 130px); padding-top: 0px;}
/*.logo {max-width: 230px;}*/
/*.logo a {display: inline-block;max-width: 100%;}*/
/*.header {position: fixed;left:0px;top:0px;width:100%;z-index: 11; background:linear-gradient(rgb(0 0 0 / 45%), transparent);}*/
/*.headerFix {background:#3f3f3f; transition: all .1s linear;}*/
/*.headerFix .logo img {max-height:30px;}*/
/*.header-padding:not(.headerFix) {padding:20px 0px;}*/

.borderBtn {border:solid 3px #ffffff; color: #ffffff; font-size: 18px; font-weight: bold; border-radius:25px; padding: 8px 20px; background:transparent; display: inline-block; text-align: center;letter-spacing: 1px;}
.borderBtn:hover {background: var(--red);color: #ffffff; border-color:var(--red);text-decoration: none;}

.userName {display: none;}

/*.mainNav {position: relative;text-align: right;}
.mobileNavBtn:focus {outline: none;box-shadow: none;}
.mobileNavBtn {display: none; border: none; cursor: pointer; margin-top: 3px; float:right; width: 28px; height: 28px;border-radius: 0px; background: none; position: relative; z-index: 99;}
.mobileNavBtn span { width: 100%; left: 0px; top: 9px; height: 3px; background:#ffffff; position: absolute; transition: all 0.3s linear; border-radius: 2px;}
.mobileNavBtn span:nth-child(2) {top: 0px;}
.mobileNavBtn span:nth-child(3) {top: 18px;}
.openNav {overflow: hidden;}
.openNav .mobileNavBtn span:nth-child(2){display: none;}
.openNav .mobileNavBtn span:nth-child(1){transform:rotate(45deg)}
.openNav .mobileNavBtn span:nth-child(3){transform:rotate(-45deg); top: 7px;}*/


/*new style Start*/
.singleImg {text-align: center; padding: 0px 0px 30px 0px;}
.singleImg img {max-width:260px;}
.singlePaeCont {position: relative; max-width: 450px; padding: 20px 0px 0px 0px;}
.singlePaeCont .textA {padding-bottom: 30px; color: #b3b3b3; font-weight: 300; font-size: 16px;}
.singlePaeCont .textA h3 {font-size: 30px; margin: 0px 0px 15px 0px; color: #ffffff; font-weight: 700;}
.singlePaeCont .textB {padding: 0px; margin: 0px 0px 10px 0px; list-style: none; font-size: 16px;color: #b3b3b3; font-weight: 300;}
.singlePaeCont .textB strong {font-weight: 600; color: #ffffff;}
.singlePaeCont .textB li {padding: 5px 0px 25px 40px; background: url(../images/icon-a.png) no-repeat 0px 5px;}
.singlePaeCont .textB li:nth-child(2) {background: url(../images/icon-b.png) no-repeat 0px 2px;}
.singlePaeCont .textC {font-size: 16px;color: #ffffff;font-weight: 300; margin: 0px 0px 20px 0px;font-style: italic;}
.singlePaeCont .textCimg { margin:0px -60px 30px -5px;}
.singlePaeCont .textCimg img {display: inline-block; padding-right: 5px;}
.infoIcon {width: 22px; height: 22px; background: url(../images/info-icon.png) no-repeat 0px 0px / 20px auto; display: inline-block;vertical-align: -6px; margin: 0px 3px; cursor: pointer;}
.warningIcon {width: 25px; height: 25px; background: url(../images/warning-icon.png) no-repeat 0px 0px / 25px auto; display: inline-block;vertical-align: -6px; margin: 0px 3px; cursor: pointer;}

.singlePaeCont .textD {font-size: 16px;color: #ffffff;font-weight: 300; margin: 0px 0px 20px 0px;}
.singlePaeCont .textD a {color: var(--red);}
.singlePaeCont .textE {font-size: 12px;color: #b3b3b3;font-weight: 300; margin: 0px 0px 20px 0px;}

/*new style End*/

@media (min-width: 1024px) {
	/*.navigation {font-size: 16px; font-weight: 300; position: relative; z-index: 2;}
	.navigation>ul {padding: 0px; margin: 10px 0px 10px 0px; list-style: none;}
	.navigation>ul>li {display: inline-block; vertical-align: middle; line-height: 1;}
	.navigation>ul>li>a {color: #ffffff; text-decoration: none; padding: 6px 16px 6px 16px; display: inline-block;position: relative;}
	.navigation>ul>li>a:hover {color:#ffffff;}
	.navigation>ul>li>a.active {font-weight: 700; }
	.navigation>ul>li>a:hover:before, .navigation>ul>li>a.active:before {content: ""; height: 2px; width:70%; position: absolute; bottom: -2px;left: 15%; background:url(../images/line.png) no-repeat center / 100% auto;}
	.navigation .newText {display: none;}*/
}
.navBottom {display: none;}
@media (max-width: 1025px) {
	/*.header {padding: 15px 0px; background: #000;border-bottom: solid 1px var(--red);}
	.middle {min-height: calc(100vh - 70px); padding-top: 70px;}
	.mobileNavBtn {display: block;}
	.headerBlockC {display: none;}
	.logo {margin: 0px auto; max-width: 250px; padding-left: 50px;}

	.navMain {text-align: right; position: relative;margin: 7px 15px 3px 0px;display: inline-block;width: 100%;}
	.navigation {position: fixed; top: 0px;width:100%;bottom: 0px;background:#0f1016; z-index: 100; max-height: 100%; overflow-y: auto; right: -105%; transition: right 0.3s linear;  max-width: 280px;}
	.openNav .navigation {right: 0px;}
	.navigation>ul {margin: 0px; padding:10px 0px 10px 0px; list-style: none; font-size:16px;min-height: calc(100vh - 110px);}
	.navigation>ul>li {width: 100%; text-align: left; }
	.navigation>ul>li>a {padding:12px 30px 12px 30px; display: block; color: #ffffff; text-decoration: none;}

	.openNav .overLay {display: block; position: fixed; top: 0px; left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}*/
	.navBottom {text-align: center;background:#0f1016; display: block;}
	.navBottom .img { max-width: 60px;}
	.navBottom .text {color: #66676c;padding:10px 30px 30px 30px;line-height: 1.3;font-size: 12px;}

	.loged .mainNav {display:inline-block; vertical-align: top;margin: 0px 0px 0px 12px;}
	.loged .userName {display: inline-block; font-size: 16px;}
	.loged .userName a {color: #ffffff;}
	.loged .logo {padding-left: 0px; margin: 0px;}

	/*.navigation .newText {display: block;font-size: 14px;color: #66676c; padding: 10px 30px 30px 30px; line-height: 1.3; text-align: center;}*/

}

/*new style for popup - Begin*/
.popUp .modal-dialog {max-width:400px;}
.popUp .exchange-rate-modal {max-width:1000px;}
.popUp .modal-content {border:none; border-radius:0px;}
.popUp .close {text-shadow: none; color: #000; position: absolute; right: 10px; top:5px;z-index: 1;}
.popUp .modal-body {padding:15px 30px; color: #000;font-weight: 300;}
.popUp .modal-body p {margin-bottom: 10px;}
.popUp .modal-body p.reduced-spacing {margin-bottom: 5px;}
.popUp h3 {margin:20px 0px 15px 0px; font-size: 16px; font-weight: 700;}
.popUp strong {font-size: 16px;font-weight: 700;}
/*new style for popup - End*/

.homeSecA {min-height: calc(100vh - 70px); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.homeSecA .img {margin-bottom: 10vh;}
.homeSecA .borderBtn {min-width: 200px;background:#0f1016; box-shadow: 0px 0px 20px rgb(255 255 255 / 31%);}

.homeSecB {padding-top: 20px;text-align: center;padding-top: 0;}
.homeSecB .img {margin: 0px auto; max-width: 360px;}
.homeSecB .container-flude {padding: 0px;width: 100%;}
.gallerySlider {position: relative;overflow: hidden; max-width: 1600px; margin: 0px auto;}
.gallerySlider #gallery {max-width:350px; margin: 40px auto 50px auto; padding: 50px 0px;}
.gallerySlider .owl-carousel .owl-stage-outer {overflow: visible;}
.gallerySlider .owl-item {transform: scale(0.7) translateX(60px);transition: all 0.3s linear; opacity: 0.25; text-align: left;}
.gallerySlider .big ~ .owl-item {transform: scale(0.7) translateX(-60px);}
.gallerySlider .owl-item.medium {transform: scale(0.94) translateX(0px); opacity: 0.45;}
.gallerySlider .owl-item.big {transform: scale(1.12) translateX(0px);z-index: 1;box-shadow: 0px 0px 20px rgb(0 0 0 / 31%); opacity: 1;}

.gallerySlider .byText .flag {display: inline-block; width: auto;}
.gallerySlider .artCard:hover {border-color:#ffffff;}
.gallerySlider .big .artCard {border-color:var(--red);}
.gallerySlider .cardText h3 {font-size: 18px;}
.gallerySlider .cardText .byText {font-size: 14px;}
.gallerySlider .cardText .textA {font-size: 12px;}
.gallerySlider .cardText .textB {font-size: 12px;}
.gallerySlider .cardText .textC {font-size: 12px;}
.gallerySlider .cardText .textD {font-size: 14px;}
.gallerySlider .cardText .textD strong {font-weight: 400;}
.gallerySlider .artCard .bIcon {display: inline-block;}

.owlNav .owl-carousel .owl-nav {position: absolute;bottom: -60px; left: 0px; width:100%; text-align: center; }
.owlNav .owl-carousel .owl-nav button {width: 32px; height: 32px; background: url(../images/arrow.png) no-repeat 0px 0px; margin: 0px 5px; }
.owlNav .owl-nav button.owl-next {background-position: -44px 0px;}
.owlNav .owl-nav button span {display:none;}


.footer {background:#0f1016; padding:60px 0px 30px 0px;}
.footer h3 {margin: 0px 0px 15px 0px;color: #ffffff; font-size: 18px;}
.footerLink {margin: 0px 0px 20px 0px; list-style: none; padding: 0px;font-size: 16px;}
.footerLink li a {display: inline-block; color: #66676c;}
.footerLogo {margin: 0px 0px 30px 0px; max-width: 150px;}

.footerSocialIcons {padding: 0px; margin: 0px 0px 20px 0px; list-style: none;}
.footerSocialIcons li {display: inline-block; margin: 0px 0px 0px -2px;}
.footerSocialIcons li a {width: 32px;height: 32px; display: inline-block; font-size: 0px; background: url(../images/social-icons.png) no-repeat -2px -4px; vertical-align: top; transition: all 0.1s linear;transform: scale(0.6);}
.footerSocialIcons li a.iconB {background-position:-51px -4px;}
.footerSocialIcons li a.iconC {background-position:-101px -4px;}
.footerSocialIcons li a.iconD {background-position:-149px -4px;}
.footerSocialIcons li a:hover {transform: scale(0.7); }
.footerLogos {padding:25px 0px 15px 0px; max-width: 1020px; margin: 0px auto;}
.footerLogos .row {align-items: center; justify-content: center;margin-right: -10px; margin-left: -10px;}
.footerLogos .col-auto { padding:5px 20px 5px 20px;}
.footerLogos img {transition: all 0.2s linear;transform: scale(1); max-height: 50px;}
.footerLogos img:hover {transform: scale(1.1);}
.footerText {color: #66676c;padding:10px 0px 0px 0px;line-height: 1.3; font-size: 10px; max-width: 900px; margin: 0px auto; text-align: center;}
.copyRightText {color: #66676c;padding:10px 0px 0px 0px;line-height: 1.3; max-width: 30%; font-size: 12px;}

.form-group {position: relative;}
.form-control {border:solid 1px #ffffff; height: 50px; line-height: normal; padding: 15px 20px; font-size: 15px; background: #000; color: #ffffff; font-weight: 400;}
.form-control::placeholder {color: #888; font-weight: 300;}
.form-control:focus {outline: none; box-shadow: none; background-color: #000; border-color: var(--red); color: #ffffff;}
select.form-control {background: #000 url(../images/sprite.png) no-repeat top 11px right -360px;appearance: none; -webkit-appearance: none;padding: 15px 40px 15px 20px;}
.listHeading {text-align: center; padding: 0px 0px 20px 0px;}
.listFilter {padding: 5px 0px 20px 0px;}
.listFilter .searchIcon {position: absolute; right:15px; top:9px; height: 32px; width: 32px;background: url(../images/sprite.png) no-repeat -72px -2px; cursor: pointer;}
.listFilter .form-control {padding-right: 40px;}
.listFilter .form-group {margin: 0px 5px;}
.listHeading .img {max-width: 60%; margin: 0px auto;}

.wishListPage .listHeading {padding:0px 0px 20px 0px;}
.wishListPage .cardHead .textA {font-weight: 300;}

.cardListing {padding-bottom:50px;}
.cardListing .col-md-4 {margin-bottom:30px;}
/*@media(min-width: 1500px) {
	.cardListing .row {margin-left: -25px; margin-right: -25px;}
	.cardListing .col-md-4 {margin-bottom: 60px; padding: 0px 25px;}
}*/
.display-inherit {display: inline-block !important;}
.bIcon {max-width: 14px; vertical-align: top;margin-top: -1px;}
.artCard {background: #000; border-radius: 10px; border:solid 2px #ffffff; position: relative; height: 100%;}
.artCard:hover {border-color: var(--red);}
.wishList {background: var(--red);border: none; color: #ffffff;padding:7px 12px; font-weight: 300; border-radius:4px; position: absolute; right: 20px; top: 80px; z-index: 2;}
.wishList:hover {background: var(--darkRed); color: #ffffff; text-decoration: none;}
.cardHead {position: relative; padding: 12px 85px 12px 15px;}
.cardHead .textA {font-weight: 600;color: #ffffff; font-size: 28px; line-height: 1.1;}
.cardHead .textA span {font-weight: 300;}
.cardHead .textA .bIcon {max-width: 16px; vertical-align: top; margin-top: 1px;}
.cardHead .rate {position: absolute; right: 17px; top: 11px;line-height: 1; color: #ffffff;text-align: right;}
.cardHead .rate .aa {font-size: 12px; font-weight: 300;}
.cardHead .rate .aa strong {font-weight:300;}
.cardHead .rate .bb {font-size: 20px; display: block; font-weight: 600; line-height: 1.1; }
.cardHead .rate .symbol {position: relative; padding-right: 16px;}
.cardHead .rate .symbol .bIcon {position: absolute; right: 0px; top: 0px; max-width: 12px;}
.cardHead .rate .bb small {font-size: 12px;font-weight: 300;}
.cardText {padding: 15px; position: relative; color: #ffffff;}
.cardText .circle {background: #000; color: var(--red); font-size: 15px; border-radius: 50%; height: 26px; width: 26px; line-height: 25px; text-align: center; position: absolute; right: 20px; top: 15px; border:solid 2px #ffffff;font-weight: 600;}
.cardText .circleB { right: 52px;}
.cardText h3 {font-size: 22px; margin: 0px 60px 3px 0px;font-weight: 300; }
.cardText h3 strong {font-weight: 600;}
.cardText .byText {font-weight: 300; font-size: 14px;margin-bottom: 1px;}
.cardText .byText .flag {vertical-align: top;}
.cardText .textA {font-size: 12px;margin-bottom:12px;font-weight: 300;}
.cardText .textA strong {font-weight: 700;}
.cardText .textB {margin-bottom: 15px;font-weight: 200; font-size: 14px;}
.cardText .textC {margin-bottom: 12px; font-weight: 200; text-align: center; padding:0px 44px; position: relative;}
.cardText .textC a {color: #ffffff;}
.cardText .textC:before, .cardText .textC:after {content: ""; position: absolute; left: 0px; top: calc(50% - 3px); height: 5px; width: 38px; background: url(../images/sprite.png) -4px -56px;}
.cardText .textC:after {left: inherit; right: 0px; transform: rotate(180deg);}
.cardText .textD {text-align: center;font-weight: 300;}
.cardText .textD strong {font-weight: 600;}
.cardText .textD a {color: #ffffff;}

.reList {background:#000;border: none; color: #ffffff;padding:7px 30px; border-radius:4px; position: absolute; right: 20px; top: 80px; z-index: 2;}
.reList:hover {background:#333; color: #ffffff; text-decoration: none;}

.artCardB {height:calc(100% - 40px);}
.artCardBottom {display: flex; flex-wrap: wrap; align-items: center; margin:25px 5px 5px 5px;}
.artCardBottom .leftText {color: #ffffff; flex:1 1 0; order: 1; padding-left: 10px;}
.artCardBottom .rightBtn {flex:0 0 auto;}
.artCardBottom .borderBtn {padding: 2px 10px; font-size: 16px; font-weight: 300;}

.cardSlider.owl-carousel .owl-dots {position: absolute;bottom: 25px; left: 0px; width: 100%; text-align: center; }
.cardSlider.owl-carousel .owl-dot {width: 16px;height: 16px; background:transparent; border-radius: 50%;  border:solid 2px #dedede; margin: 3px; }
.cardSlider.owl-carousel .owl-dot.active {background: var(--red);}
.cardSlider .item img {max-height:430px;object-fit: cover;}

.video-item {display: flex; background-size: cover; height: 430px;   background-image: url("../images/art-c.png");}
.explore-page-video {display: flex; background-size: cover; height: 400px;   background-image: url("../images/art-c.png");}
.nft-page-video {display: flex; background-size: cover; height: 375px;   background-image: url("../images/art-c.png");}

.item video {object-fit: cover; display: block; width: 100%; margin-top: auto; margin-bottom: auto;height:  100%;}

.audio-item {display: flex;	background-size: cover;  background-image: url("../images/art-c.png"); height: 430px;}
.explore-page-audio {display: flex;	background-size: cover;  background-image: url("../images/art-c.png"); height: 400px;}
.nft-page-audio {display: flex;	background-size: cover;  background-image: url("../images/art-c.png"); height: 375px;}

.item audio {margin: auto; width: 90% }


.redBtn {background: var(--red); padding: 8px 40px; color: #ffffff; border:none; font-size: 18px; font-weight:600; border-radius: 5px;}
.redBtn:hover {background: var(--darkRed); }
.borderBtn {background: transparent; padding: 8px 40px; color: #ffffff; border:solid 1px #ffffff; font-size: 18px; font-weight: 700; border-radius: 7px;}
.borderBtn:hover {background: #ffffff; color: #000;border:solid 1px #ffffff; }

.regHead {max-width: 730px; margin: 0px auto; color: #ffffff; text-align: center;}
.regHead .img {margin: 0px auto 30px auto; max-width: 500px;}
.regHead h1 {margin: 0px 0px 10px 0px;font-weight: 700;font-size: 30px;}
.regHead .desc {margin: 0px 0px 15px 0px;font-size: 16px; font-weight: 300; color: #b3b3b3;}
.regHead .desc a {color: #ffffff; font-weight: 700;}

.signup-0 .regHead .desc {margin: 0px 50px 30px 50px;}

.signUpForm {max-width: 660px; margin: 0px auto 0px auto; padding-bottom: 30px; color: #ffffff;}
.signUpForm a {color: #ffffff;}
.signUpForm .form-control {border-radius: 10px; border-color: var(--red);}
.signUpForm .btnRow {text-align: center;margin-bottom: 20px;}
.signUpForm .bottomText {text-align: center; margin-bottom: 20px;}
.checkBox {display: inline-block; width: 100%; padding: 20px 0px 30px 4px;}
.checkBox .check {margin: 0px 10px 10px 0px;position: relative; padding-left:20px;font-size: 13px; color: #b3b3b3; font-weight: 400; cursor: pointer;}
.checkBox .check input {position: absolute; opacity: 0;}
.checkBox .check span:before {content: ""; width: 12px; height: 12px; border-radius: 50%; border:solid 2px var(--red); position: absolute; left: 0px; top: 3px; }
.checkBox input:checked + span:before {background: #ffc6c6;}
.checkBox .check a {font-weight: 700; color: #ffffff;}
.loginPage .regHead .desc {max-width: 600px; margin: 0px auto 40px auto;}

.msgBox {background: #333333; padding: 40px 50px;display: none; margin:0px auto 30px auto; max-width: 600px; color: #ffffff; border-radius: 15px;text-align: center;}
.msgBox .textA {font-weight: 700;font-size: 25px; margin-bottom: 20px;}
.msgBox .textB {font-weight: 300;font-size: 15px; margin-bottom: 30px;}
.msgBox .cancelBtn {margin-top: 15px; text-decoration: underline; display: inline-block; color: #ffffff;}
.messageTablInfo {width: 100%; font-size: 15px; font-weight: 300; margin-bottom: 50px; text-align: left;}
.messageTablInfo strong {font-weight: 700;}
.messageTablInfo td {padding: 7px;}

.otpPage .bottomText {max-width: 500px; margin:0px auto 20px auto; font-weight: 300;}
.otpPage .regHead .img {max-width:500px; margin: 0px auto 15px auto;}
.otpPage .memeberText {margin-bottom: 30px; color: #b3b3b3;font-weight: 300;}
.otpGroup {display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 0px 25px 0px; }
.otpGroup .input {background: #000; border:solid 1px var(--red); font-size: 26px; font-weight: 300;padding: 5px; display: inline-block; width: 13%; border-radius: 10px;color: #ffffff; text-align: center;line-height: 2;}
.otpGroup .sap { font-size: 26px; font-weight: 700;padding: 5px; display: inline-block;}

.forNotFoundPage .regHead .img {max-width: 300px; margin: 0px auto 40px auto;}
.forNotFoundPage .regHead h1 {margin-bottom: 40px;}

.forGotPage .regHead .img {max-width: 300px; margin: 0px auto 40px auto;}
.forGotPage .btnRow {padding-top:40px;}
.forGotPage .regHead .desc {margin: 0px 0px 45px 0px;}

.contactForm {color: #ffffff; padding: 20px 0px 50px 0px; max-width:800px; margin: 0px auto;}
.contactForm .form-control {border-radius: 10px; border-color: var(--red);}
.contactForm .form-label {margin: 0px 0px 10px 5px; font-size: 16px;}
.contactForm .btnRow {padding: 20px 0px;}

.bitUnitsPage {padding-bottom:  30px;}
.bitUnitsPage .regHead .img {max-width: 300px; margin: 0px auto 40px auto;}
.bitUnitsPage .regHead {max-width:500px; margin-bottom: 35px;}
.bitUnitsBlock {max-width: 370px; margin: 20px auto 20px auto;}
.bitUnitsBlock .packsRow { position: relative;}
.bitUnitsBlock .packsRow:before{content: ""; position: absolute; left: 0px; width: 100%; bottom: 0px; height: 1px; background:var(--red);}
.bitUnitsBlock .packsRow .form-control {border-color:var(--red);color: #ffffff; font-size: 26px;font-weight: 700; padding: 15px 70px 13px 20px;}
.bitUnitsBlock .packsRow .packText {position: absolute; right: 17px; top: 16px; font-size: 12px; color: #8b8b8b;}
.bitUnitsBlock .packsTextB {color: #ffffff; font-size: 34px;text-align:right;font-weight: 700; padding-right: 20px; }
.bitUnitsBlock .packsTextB .bIcon {max-width: 20px; margin-top: 8px;}
.bousnRow {padding:20px 18px; color: #40cc73; font-size: 20px; font-weight: 600;}
.bousnRow .val {text-align: right;}
.bousnRow .bIcon {margin-top: 1.5px;}
.bousnRowGreen {color: #b3b3b3;padding-top: 0px;}

.youGetRow {padding:12px 18px; color: #ffffff; font-size: 20px; font-weight: 600; background: #1d1d1d; }
.youGetRow .val {text-align: right;}
.youGetRow .bIcon {margin-top: 1.5px;}

.todalDueRow {padding:26px 18px 12px 18px; color: #ffffff; font-weight: 600;}
.todalDueRow .key {font-size: 18px;padding-top: 5px;}
.todalDueRow .val {font-size: 28px;padding-right: 50px;}
.todalDueRow .val .icon {position: absolute; right:2px; top:-4px; height: 44px; width: 44px; background: url(../images/sprite-new.png?1.1) no-repeat -156px -1px; transform: scale(0.7);}


.bitUnitsBlock .btnRow {text-align: center; padding:30px 0px 25px 0px;}
.bitUnitsBlock .bottomText {text-align: center; padding-bottom: 15px; font-size: 12px; font-weight: 300; color: #b3b3b3;}
/*new style*/
.bitUnitsBlock .poweredBy {text-align: center;}
@media(min-width: 768px) {
	.bitUnitsBlock .bottomText {margin: 0px -40px;}
}

.signPayment {max-width: 450px; margin:0px auto 40px auto;color: #ffffff;border: solid 1px var(--red); border-radius: 20px;}
.signPayment hr {border-top:solid 1px var(--red);}
.signPayment .amount { font-size:32px;padding:20px 0px 10px 0px;text-align: center; font-weight:700; }
.signPayment .amountB { font-size:22px;padding:20px 0px 10px 0px;text-align: center; font-weight:700;}
.signPayment .payBtnRow {padding:5px 30px 5px 30px;}
.signPayment .payBtnRow .text {padding:20px 0px 0px 0px;}
.signPayment .payType { padding:5px 20px 10px 20px;}
.signPayment .payType .text {position: relative; padding:6px 40px 2px 55px; font-size:22px;}
.signPayment .payType .text:before {content: "";position: absolute; left: 0px; top: 0px; height: 44px; width: 44px; background: url(../images/sprite.png) no-repeat -349px -3px;}
.signPayment .payType .text:after {content: "";position: absolute; right: 0px; top: 8px; height: 32px; width: 32px; background: url(../images/sprite.png) no-repeat -2px 0px;}
.signPayment .bottomText {text-align: center; padding:20px 30px 30px 30px;}
.signPayment .bottomText a {color: #688cff;}
.frameLogo {padding: 20px; border-bottom: solid 1px var(--red); text-align: center;}
.frameLogo img {max-width:180px;}

.payBtn {background: #1448ef; padding: 12px 50px; color: #ffffff; border:none; font-size: 22px; font-weight: 700; border-radius: 15px; width: 100%;}
.payBtn:hover {background: #0a36c2; color: #ffffff;}

.cancelBtn {font-size: 18px; font-weight: 700; color: #ffffff; text-decoration: none;border:none; background:none;}

.continuePay {padding: 20px 30px 10px 30px;}
.continuePay .text {padding-bottom: 25px;}
.continuePay .form-control {border-radius: 10px; border-color: var(--red);}
.continuePay .form-label {margin: 0px 0px 10px 3px; font-size: 16px;}
.continuePay .btnRow {text-align: center; padding: 10px 0px 0px 0px;}
.continuePay .cancelBtn {margin-top: 15px;}

.sendPay {padding: 30px 30px 10px 30px;}
.sendPay .textA {padding:0px 0px 25px 0px; font-size: 22px; font-weight: 300;}
.sendPay .textA strong {font-weight: 700; display: block;}
.sendPay .btnRow {text-align: center; padding: 50px 30px 0px 30px;}
.infoBlock {margin-bottom: 30px; border-radius: 20px; border:solid 1px var(--red);}
.infoBlock .infoRow {border-bottom: solid 1px var(--red); font-size:18px; font-weight: 300; display: flex;}
.infoBlock strong {font-weight: 700;}
.infoBlock span {color: #ccc;}
.infoBlock a {color: #ccc;}
.infoBlock a:hover {font-weight: 600; text-decoration: none;}
.infoBlock .infoRow:last-child {border-bottom: none;}
.infoBlock .infoRow .col {padding: 15px 15px;}

.varifyPay {text-align: center; padding:10px 30px 10px 30px;}
.varifyPay .cirGraph {max-width: 170px; margin: 0px auto 10px auto;}
.varifyPay .textA {margin-bottom: 20px; font-size: 22px; font-weight: 700;}
.varifyPay .textB {margin-bottom: 20px; font-size: 20px; font-weight: 300; color: #b3b3b3;}
.varifyPay .textC {margin-bottom: 20px; font-size: 16px; }
.varifyPay .textD {background: #333333; color: #b3b3b3; padding: 30px; font-size: 20px; font-weight: 300; border-radius: 15px;}
.varifyPay .textD a {font-weight: 700; color: #ffffff;}
.viewPay {color: var(--red);  font-weight: 700;position: relative; padding-right: 27px;}
.viewPay:before {content: "";position: absolute; right:0px; top: -1px; height: 22px; width: 22px; background: url(../images/sprite.png) no-repeat -10px -92px;}
.viewPay:hover {color: var(--darkRed);text-decoration: none;}
.cirGraph svg text {font-size:4px; fill: #b3b3b3;}

.bunOffPlatform {text-align: center; max-width: 440px;color: #fff;}
.bunOffPlatform .img img {max-width: 250px;}
.bunOffPlatform .desc  {margin: 0px 0px 30px 0px;}
.bunOffPlatform .desc strong {font-weight: 700; font-size: 18px;}
.bunOffPlatform .bottomText {padding: 30px 0px 60px 0px;}

.emailBox {position: relative; background: #000; border-radius: 5px; border:solid 1px var(--red);}
.emailBox .input {padding-right:60px;}
.emailBox .input input {background: transparent; height:50px; padding:0px 15px 1px 15px;border:none; color: #ffffff; font-size: 24px; line-height: 44px;width: 100%;}
.emailBox .input input::placeholder {color:#ffffff;}
.emailBox .btn {position: absolute; width:52px; height:52px; background:var(--red) url(../images/sprite.png) no-repeat 3px -131px; right: -1px; top: -1px;border-radius: 0px 5px 5px 0px;}
.emailBox .btn:hover {background-color: var(--darkRed);}
.emailBox .btn:focus {outline: none; box-shadow: none;}


.completePay {text-align: center; padding: 30px 30px 10px 30px;}
.completePay .img {margin-bottom: 20px;}
.completePay .img img {max-height: 170px;}
.completePay .textA {margin-bottom: 10px; font-size: 22px; font-weight: 700;}
.completePay .textB {margin-bottom: 10px; font-size: 18px; font-weight: 300;color: #b3b3b3;}
.completePay .textC {margin-bottom: 5px; font-size: 16px; }
.payInfo {text-align: left; font-size: 16px; font-weight: 300; padding: 30px 0px 10px 0px;}
.payInfo .row {padding-top: 5px; padding-bottom: 5px;}
.payInfo span {color: #ccc;}
.payInfo strong {font-weight: 700;}
.completePay .textE {padding: 25px 0px 0px 0px; font-size: 20px;color: #ccc;}
.completePay .textE a {color: #688cff;}
.completePay .textE .borderBtn {margin-bottom: 15px;}

.listHeadingB .img {max-width: 80%;}
.bidCardListing .bitArtCard {margin-bottom: 50px;}
.bitArtCard .artCard {margin-right: calc(35% + 15px);}
.rightCard {background: #000; border-radius:0px 10px 10px 0px; border: solid 2px #ffffff;border-left:none; position: absolute; right: 15px; top: 0px; height: 100%; width: 35%; padding: 0px 10px 0px 10px;}
.rightCard .hedImg {border-bottom: solid 1px var(--red); text-align: center;padding: 10px 10px 10px 10px; min-height: 51px;}
.bitList {color: #ffffff; padding: 10px 10px 10px 10px;height: calc(48% - 45px);overflow-y: auto;margin-bottom: 15px;}
.bitList::-webkit-scrollbar {width: 10px;}
/* Track */
.bitList::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
.bitList::-webkit-scrollbar-thumb {background: #888;}
/* Handle on hover */
.bitList::-webkit-scrollbar-thumb:hover {background: #555;}
.bitList .bitItem {padding: 0px 0px 7px 0px; font-weight: 300;}
.bitList .bitItem.top {font-weight: 700;position: relative;  padding-right:20px;}
.bitList .bitItem.top:before {content: "";background: url(../images/dropdown_icon.png) no-repeat top 4px right 3px / auto 10px; position: absolute; right: 0px; top: 1px; height: 20px; width: 20px;transform: rotate(90deg);}
.bitList sup {color:#c99a2e;}
.rightCard .bidNow {font-weight: 400; padding: 20px 15px; width: 100%; margin-bottom: 10px; font-size: 22px;}
.rightCard .setBid {font-weight: 400; padding:12px 15px; width: 100%; margin-bottom: 10px; font-size: 22px;background: #e3ac3b;}
.rightCard .setBid:hover {background: #b98210;}
.bitArtCard .bitList {height: calc(54% - 51px); overflow-x: auto; overflow-y: auto}

.bitBalanceInfo {padding: 0px 0px 10px 0px; color: #ccc; position: relative;}
.bitBalanceInfo strong {font-weight: 700; color: #ffffff; /*padding-right: 16px;*/}
.bitBalanceInfo .bIcon {position: absolute; right: 0px; top: 0px; width: 12px;}
.bitBalanceInfo .row {padding-top: 3px; padding-bottom: 3px;}
.rightCard .bun {padding: 0px 0px 10px 0px; position: relative;}
.rightCard .bun:before {content: 'BUN'; position: absolute; right: 12px; top: 6px; color: #ffffff;}
.rightCard .bun .form-control {border-color: #ccc; padding:15px 50px 7px 9px; resize: none;font-weight: 300; height: 60px; font-size: 35px; line-height:1;}
.bottonBtn { display: flex; flex-wrap: wrap; justify-content: space-between;}
.rightCard .greenBtn {background: #37d146; color: #ffffff;border:none; text-transform: uppercase;  padding: 8px 15px; font-size: 14px;}
.rightCard .greenBtn:hover {background: #1dbf2d;}
.rightCard .grayBtn {background: #1a1a1a; color: #ffffff;border:none; text-transform: uppercase;padding: 8px 15px;font-size: 14px;}
.rightCard .grayBtn:hover {background: #373737;}
.rightCard .stopBid {width: 100%;padding: 8px 20px;background: #ed1c24; margin-bottom: 10px;}
.rightCard .stopBid:hover {background: #c70008;}
.rightCard .stopBidYellow {background: #e3ac3b;}
.rightCard .stopBidYellow:hover {background: #cb9527;}

.rightCard .grayEff {background: #1a1a1a;}
.rightCard .grayEff:hover {background: #373737;}

.bitListBlank {border:solid 1px #ffffff; border-radius: 5px; padding: 10px; font-size: 16px;  margin-bottom: 10px; margin-top: 10px; color: #ffffff; height: calc(48% - 45px);align-content: center; display: flex;flex-wrap: wrap;     text-align: center;}
.joinAction {cursor: pointer;background: var(--red); color: #ffffff; padding: 20px; border-radius: 5px;height: calc(47% - 45px);align-content: center; display: flex;flex-wrap: wrap; text-align: center;}
.joinAction .icon {max-width: 40px;display: block; margin: 0px auto 20px auto;}
.joinAction .textA {margin-bottom: 15px; font-size: 22px; font-weight: 700; text-transform: uppercase;width: 100%;}
.joinAction .textB{margin-bottom: 4px;text-align: center;  width: 100%;}
.joinAction .textC {margin-bottom:0px; font-size: 22px; width: 100%;text-align: center;}
.joinAction .textD {margin-bottom: 5px; font-size: 18px; width: 100%;text-align: center;}
.joinAction .textC .bIcon {max-width:18px;margin-top: -3px;}

.profilePage { color: #ffffff; padding-bottom: 40px; }
.proBannerImg {margin: 0px auto 30px auto; max-width: 700px;}
.profilePage h2 {margin: 90px 0px 20px 0px; font-size: 32px; font-weight: 700;}
.profilePage .desc {margin: 0px 0px 25px 0px; font-size: 16px; font-weight: 300; color: #b3b3b3;max-width:715px;}
.profilePage .desc strong {font-weight: 700;color: #ffffff;}
.profilePage .desc a {font-weight: 700; color: var(--red);}
.profilePage .btnRow {margin-bottom: 20px;}

.proInfoBlock {margin-bottom: 30px;}
.proInfoRow { font-weight: 300; padding: 6px 0px; align-items: center;}
.proInfoRow label {font-weight: 700;font-size: 16px;margin: 0px;}
.proInfoRow .val {display: inline-block; margin-right:30px;font-size: 16px;}
.editInfo {border:solid 1px #ffffff; background: #000; padding: 8px 25px; border-radius: 10px; color: #ffffff; text-transform: uppercase; text-decoration: none;font-size: 12px; letter-spacing: 1px;font-weight: 300; margin: 0px 4px;}
.editInfo:hover {background: #ffffff; color: #000;}

.inviteMember {margin-bottom: 30px;}
.inviteMember .email {border-color: var(--red); max-width: 700px;}

.whiteList .form-control {border-color: var(--red);}
.feeText {display: block; width:150px; text-align: center; padding: 10px 0px;}
.usdcAddress {margin-bottom: 25px;}
.usdcAddress .textA {font-weight: 700; font-size: 16px; margin-bottom: 20px;}
.usdcAddress .textB {margin-bottom: 25px;}
.usdcAddress .textB .tick {font-weight: 700; color: var(--red); font-size: 16px; margin-right: 15px; display: inline-block;}
.usdcAddress .textB .tick img {max-width: 40px; margin-right: 10px;}
.withDisable  .textB .tick img {filter: grayscale(1);}
.withDisable .textB .tick {color: #333;}
.withDisable select.form-control {border-color: #871145;}

.proKycBlock {display: flex; flex-wrap: wrap; padding: 20px 0px 0px 0px;}
.proKycBlock .kycCol {flex: 0 0 auto;}
.proKycBlock .kycCol .text {display: block; text-align: center; padding:5px;}
.proKycBlock .kyc-b {font-size: 22px; font-weight: 300; text-decoration: underline; padding: 20px 30px;}
.proKycBlock .border {border-radius: 15px; border:solid 1px #ffffff !important; display: inline-block; padding: 12px 13px;font-size: 18px;}
.proKycBlock .borderB {padding: 23px 30px;}
.proKycBlock .borderC {padding: 15px 40px; color: green;line-height: 1.2; text-align: center;}

.swich {display: inline-block; margin: 0px 0px 3px 10px; position: relative;}
.swich input {position: absolute; opacity: 0;}
.swichBtn {width:82px; border-radius: 10px; background: #000; color: #ffffff; text-transform: uppercase; font-size: 12px; height:26px; display: block; border:solid 1px #ffffff; cursor: pointer; overflow: hidden;position: relative; font-weight: 700;}
.swichBtn:before, .swichBtn:after {content: "ON"; position: absolute; left: 0px; top: 0px; height: 26px; width:41px; text-align: center; line-height: 25px; padding: 0px 0px 0px 3px;}
.swichBtn:after {content: "OFF"; left: 50%; background: #ffffff; color: #000;padding: 0px 3px 0px 0px;}
input:checked + .swichBtn:after {background: #000; color: #ffffff;}
input:checked + .swichBtn:before {background:var(--red); color: #ffffff;}

.proEmailItem {margin-bottom: 10px;}
.proEmailItem span {display: inline-block; vertical-align: top;}

.smallHoverText {position: relative;}
.smallHoverText .redBtn {background: #333333; min-width:180px;}
.smallHover {display: block; text-align: center; font-size: 11px; text-align: center; padding: 8px; text-decoration: underline; cursor: pointer; position: relative;}
.dInline {display: inline-block;}
.toolTipPopUp {position: absolute; left: 99%; top: 10px; width:220px; padding: 9px 8px 10px 8px; background:#ccc; border-radius: 0px 5px 5px 5px; color:#000; line-height: 1.2;display: none;}
.toolTipPopUp .textA {font-size: 16px; font-weight: 700;display: block;}
.toolTipPopUp .textB {font-size:11px; font-weight: 400;}
.smallHover:hover .toolTipPopUp {display: block;}

.walletPage {color: #ffffff;padding-top: 5px;}
.walletPage .topImg {margin: 0px auto 30px auto; max-width: 600px;}
.balanceBoxA {border-radius: 10px; padding:15px 20px 20px 20px; border:solid 1px #ffffff; margin-bottom: 30px; text-align: center;}
.balanceBoxA .textA {font-size:56px; margin: 0px 0px 5px 0px; font-weight: 700;}
.balanceBoxA .textA .bIcon {max-width: 40px; margin-top:7px;}
.balanceBoxA .redBtn {margin: 5px;}
.balanceBoxA .buyBtn {background: #8bc53f;}
.balanceBoxA .buyBtn:hover {background: #6eac1c;}
.balanceBoxA .depBtn {background: #476eb5;}
.balanceBoxA .depBtn:hover {background: #1f4892;}
.balanceBoxA .textB {margin-bottom:20px; font-weight: 700; text-align: center; position: relative; font-size: 16px;}
.balanceBoxA .textB span {display: inline-block; position: relative; padding:0px 50px;}
.balanceBoxA .textB span:before, .balanceBoxA .textB span:after {content: ""; position: absolute; left: 0px; top: calc(50% - 3px); height: 5px; width: 38px; background: url(../images/sprite.png) -4px -56px;}
.balanceBoxA .textB span:after {left: inherit; right: 0px; transform: rotate(180deg);}

.balanceBoxB {border-radius: 10px; padding:19px 25px 19px 25px; border:solid 1px #ffffff; margin-bottom: 30px;}
.balanceBoxB .row {font-size:16px; font-weight: 700; padding:8px 0px;}
.balanceBoxB .row .lefImg {max-width: 35.5px; margin-right: 15px;}
.balanceBoxB .row .icon {max-width: 30px; margin-left: 5px;}
.balanceBoxB .symbol {position: relative; padding-right: 19px;}
.balanceBoxB .symbol .bIcon {position: absolute; right: 0px; top: 0px;}

.walletBalInfo { justify-content: center; margin-bottom: 20px; }
.walletBalInfo .col-auto {position: relative; padding-left: 80px;text-align: left;}
.walletBalInfo .col-auto img {position: absolute; left: 15px; top: -3px;}
.walletBalInfo strong {font-weight: 700; display: block; font-size: 14px; width: 75px;}
.walletBalInfo span {font-weight: 300; display: block;}
.walletBalInfo .col-auto .bIcon {position: inherit;}

.downloadCSVHistory {padding:10px 42px 50px 42px;}
.downloadCSVHistory .textA {font-weight: 300; color: var(--red); font-size: 18px;}
.downloadCSVHistory .textA strong {font-weight: 700; color: #ffffff;}
.downloadCSVHistory .textB {margin-bottom:35px; font-weight: 700;  position: relative; font-size: 18px;}
.downloadCSVHistory .textB span {display: inline-block; position: relative; padding:0px 50px;}
.downloadCSVHistory .textB span:before, .downloadCSVHistory .textB span:after {content: ""; position: absolute; left: 0px; top: calc(50% - 3px); height: 5px; width: 38px; background: url(../images/sprite.png) -4px -56px;}
.downloadCSVHistory .textB span:after {left: inherit; right: 0px; transform: rotate(180deg);}
.historyTable {width: 100%;}
.historyTable td {padding: 8px 10px; font-size: 16px}
.historyTable tr:hover td {background: #0f1016;}

.aboutPage .pageImg {margin: 0px 0px 30px 0px;text-align: center;}
.aboutPage .pageTitle {color:#ffffff; font-size:40px; margin: 20px 0px; padding-bottom: 20px; background: url(../images/about/line-1.png) no-repeat bottom center / 100% auto; font-weight: 600; text-align: center;}
.aboutContent {font-size: 18px; color: #b3b3b3; font-weight: 300; padding: 50px 0px;}
.aboutContent strong {font-weight: 700; color: #ffffff;}
.pageTitleB {text-align: center; font-size: 66px; font-weight: 700; padding:30px 0px;}
.pageTitleB img {max-width: 150px;}

.aboutRow {position: relative; padding: 50px 100px;}
.aboutRow .text {max-width: 500px; margin-left: auto; text-align: right;}
.aboutRow .num {background:var(--red); color: #ffffff; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; display: inline-block; font-size: 24px; font-weight: 700; position: absolute; right: 20px; top: 56px;}
.aboutRow .title {font-size: 36px; font-weight: 300; font-style: italic; position: absolute; right:660px; top: 0px; line-height: 1; color: #ffffff;}
.aboutRow .title:before {content: ""; width:120px; height: 35px; border-left: 1px #b3b3b3 solid; border-bottom: solid 1px #b3b3b3; border-radius:0px 0px 0px 20px; position:absolute; bottom: -45px; left: 50%; }
.aboutRowB .text { margin-right: auto; margin-left: 0px; text-align: left; max-width: 540px;}
.aboutRowB .num {right: inherit; left: 20px;}
.aboutRowB .title { right:inherit; left:700px;}
.aboutRowB .title:before {transform: rotateY(180deg); transform-origin: left;}
.aboutRowC {margin-right: 220px; margin-bottom: 100px;}
.aboutRowC .text {max-width: 340px;}
.aboutRowC .title {right: 480px;}
.aboutRowC .title:before {width: 100px;}
.aboutRowC .title:after {content: ""; width:35px; height: 140px; border-top: 1px #b3b3b3 solid; border-right: solid 1px #b3b3b3; border-radius:0px 20px 0px 0px; position:absolute; bottom: -184.5px; left: 115%; }

.forMore {text-align: center;}
.forMore .textA {background: url(../images/about/line-2.png) no-repeat bottom center / 100% auto; padding-bottom: 10px; max-width: 500px; margin: 0px auto 0px auto;}
.forMore .textB {font-weight: 700;font-size: 32px; padding: 2px 0px 20px 0px;}
.forMore .textB a {color: #ffffff;}
@media(max-width: 991px) {
	.aboutContent {font-size: 16px;}
	.aboutRow {padding:0px 0px 20px 70px; margin: 0px;}
	.aboutRow .text {margin:10px 0px 15px 0px; max-width: inherit; text-align: left;}
	.aboutRow .num {top: 0px; left: 0px; right: inherit;}
	.aboutRow .title {font-size: 26px; position: initial;}
	.aboutRow .title:before, .aboutRowC .title:after {display: none;}
}

.aboutTreeContent + .forMore {font-size: 22px; color: #b3b3b3; font-weight: 300; margin-bottom: 40px;}
.aboutTreeContent { position: relative; padding: 90px 0px 50px 0px; margin:40px 0px 20px 0px;}
.aboutTreeContent strong {font-weight: 700; color: #ffffff;}
.aboutTreeContent:before {content: ""; position: absolute; left: 50%; top: 0px; height: 95%; width: 1px; background: #ffffff;}
.aboutTreeContent .textBox {border:solid 2px #ffffff; border-radius: 20px; padding: 25px;font-size: 18px; color: #b3b3b3; margin-left: 50px; margin-bottom: 25px;}
.aboutTreeContent .imgBox {margin-right: 50px;text-align: right;}
.aboutTreeContent h2 { font-size: 38px; margin: 20px 0px 30px 0px; font-weight: 700; position: relative; color: #ffffff;}
.aboutTreeContent h2 .icon {position: absolute; right: -102px; top: -4px; max-width: 72px;}
.aboutTreeContent .img {margin: 0px 0px 20px 0px;}
.right .textBox {margin-left: 0px; margin-right: 50px;}
.right .imgBox {text-align: left;margin-right: 0px; margin-left: 50px;}
.right h2 .icon {left: -102px; right:inherit;}


.bitUnitRows {color: #b3b3b3; font-size: 18px; padding: 70px 0px;}
.bitUnitRows .row {margin-bottom: 20px; align-items: center;}
.bitUnitRows h2 {margin: 0px 0px 20px 0px; font-weight: 700; font-size: 38px;color: #ffffff;}
.bitUnitRows .img {margin: 0px 0px 20px 0px;    text-align: center;}
.bitUnitRows .row:nth-child(even) .colA {}
.bitUnitRows .row:nth-child(even) .colB {order:-1; margin-left: 33.33%;}

.contractAddBox {padding: 30px; margin: 0px auto; max-width: 1000px; border-radius: 15px;border:solid 1px var(--red);text-align: center;}
.contractAddBox .textA {margin: 0px 0px 20px 0px; font-weight: 700; font-size: 28px;color: #ffffff;}
.contractAddBox .textB {margin: 0px 0px 30px 0px;color: #b3b3b3; font-size: 18px;}
.contractAddBox .textC {margin: 0px auto; max-width: 600px; text-align: left;}
.contractAddBox .textC .text {color: var(--red); margin-bottom: 15px; font-size: 16px;}
.contractAddBox .barCode {margin-right: 15px;}
.contractAddBox .textC .textN {color: #ffffff; margin:10px 0px 0px 0px; font-size: 16px;}



.forMoreBidUni {padding: 80px 0px 50px 0px;}
.forMoreBidUni .textA {font-size: 22px; color: #ffffff;}
.forMoreBidUni .textB {color: #ffffff;}
.forMoreBidUni .textB img {max-width: 30px; margin-right: 5px;}

.creaList .textDesc {font-size: 18px; color: #b3b3b3; margin: 20px 0px;}
.aboutTreeContent .row {padding-bottom: 30px;}
.downloadLink a {font-size: 18px; color: var(--red); font-weight: 700;}
.downloadLinkB a {font-size: 18px; color: var(--red); font-weight: 600; margin: 0px 8px 5px 0px; display: inline-block;}

.documentStatic .bitUnitRows {max-width: 1000px; margin: 0px auto;}
.documentStatic .bitUnitRows .row:nth-child(even) .colB {margin-left: 25%;text-align: right;}
.documentStatic .forMoreBidUni {padding-top: 0px;}

.searchBlock {margin: 30px auto 50px auto; max-width: 700px; position: relative;}
.searchBlock .searchIcon {position: absolute; right:15px; top:14px; height: 32px; width: 32px;background: url(../images/sprite.png) no-repeat -72px -2px; cursor: pointer;}
.searchBlock .form-control {padding-right: 60px;}

.faqListing {color: #ffffff;}
.faqListing h2 {font-size: 20px; font-weight: 700; margin: 0px 0px 15px 0px;}
.faqListing .que {font-size: 18px;color: #b1b2b3; margin-bottom: 10px; display: block; cursor: pointer;}
.faqUl {list-style: none; margin: 0px 0px 40px 0px; padding: 0px; list-style: none;}

.faqListing .active .que {font-size: 18px; font-weight: 700; color: #ffffff; position: relative; padding-left:40px; margin: 20px 0px 20px 0px;}
.faqListing .active .que:before {content: ""; width: 20px; height: 20px; border-radius: 50%; background: var(--red); position: absolute; left: 0px; top: 5px;}
.faqListing .ans {font-size: 15px; color: #ffffff; background: url(../images/linebreak_main.png) no-repeat center bottom / 96% auto; padding-bottom: 40px; margin-bottom: 30px; display: none;}
.faqListing .dropDown {display: none;}
.faqListing .ans table td {
  border: 1px solid white;
  border-collapse: collapse; 
}

.faqListing .ans td {
  padding: 20px;
}

.faqListing .ans>ol>li {
  display: list-item !important;
}

.dropDown {position: relative;}
.dropDown label {position: relative; cursor: pointer; padding:0px 50px 15px 0px; display: block; margin: 0px; color: #ffffff; font-size: 20px; font-weight: 700; }
.dropDown label:after {content: ""; width: 0px; height: 0px; position: absolute; right: 5px; top: 10px;border: 10px solid transparent; border-top-color: #ffffff;}
.dropDown .sortList {position: absolute; left: -1px; top: 35px; right: -1px; padding:10px 5px; border-radius: 5px; border-top: none; z-index: 1; background:#333333; display: none; list-style: none; width: 200px;z-index: 5;}
.dropDown .sortList li span {display: block; color: #ffffff; cursor: pointer; padding: 5px 12px; font-size: 16px; }
.dropDown .sortList li span:hover {font-weight: bold;}

.aboutPage .textDesc {font-size: 18px; color: #b3b3b3; margin: 20px 0px;}
.innovationTreeContent { position: relative; padding: 90px 0px 45px 0px; margin:40px 0px 20px 0px;}
.innovationTreeContent strong {font-weight: 700; color: #ffffff;}
.innovationTreeContent:before {content: ""; position: absolute; left: 50%; top: 0px; height: 100%; width: 1px; background: #ffffff;}
.innovationTreeContent .row {padding-bottom: 30px;font-size: 18px; color: #b3b3b3;text-align: right;}
.innovationTreeContent .col-md-6:nth-child(1) {padding-right:70px;}
.innovationTreeContent .col-md-6:nth-child(2) {padding-left: 70px;}
.innovationTreeContent h2 { font-size: 38px; margin:0px 0px 10px 0px; font-weight: 700; position: relative; color: #ffffff;}
.innovationTreeContent .icon {position: absolute; right: -38px; top: -4px; max-width: 72px;}
.innovationTreeContent .textBox {text-align: left;}
.innovationTreeContent + .forMore {font-size: 22px; color: #b3b3b3; font-weight: 300; margin-bottom: 40px;}


.teamSec {position: relative; padding: 30px 0px 50px 0px;}
.ourTeamPage .forMore {font-size: 22px; color: #b3b3b3; font-weight: 300; margin-bottom: 20px;}
.ourTeamPage .forMore .textA {max-width: 600px; padding-bottom: 15px;}
.ourTeamPage .btnRow {text-align: center; padding-bottom: 50px;}

.teamSec .head { font-size: 18px; color: #b1b2b3; padding: 7px 0px; cursor: pointer;}
.teamSec .teamCont {display: none;font-size: 18px; color: #b1b2b3; }
.teamSec .textA {padding:20px 0px 20px 0px;}
.teamSec .active .head {font-size: 20px; font-weight: 700; color: #ffffff; position: relative; padding-left:40px;}
.teamSec .active .head:before {content: ""; width: 20px; height: 20px; border-radius: 50%; background: var(--red); position: absolute; left: 0px; top: 13px;}

.teamMember {padding: 20px 0px; background: url(../images/linebreak_main.png) no-repeat center bottom / 100% auto; padding-bottom: 40px; margin-bottom: 30px;}
.teamMember .img {margin: 0px 0px 20px 0px;}
.teamMember .text {margin: 0px 0px 20px 0px; font-size: 18px;position: relative; padding-right: 30px;}
.teamMember .text strong {font-weight: 700;}
.teamMember .linkedIn {position: absolute; right: 0px; top: 5px; width: 30px; display: inline-block;}
.teamMember .teamBox {max-width: 224px; margin: 0px auto;}
.worTech .row {justify-content: center;}
.worTech .teamMember .text {padding-right: 0px; text-align: center;}
.partnerWithUs .teamMember .text {padding-right: 0px; text-align: center;margin: 0px 0px 40px 0px;}
.partnerWithUs .teamMember {padding-bottom: 20px;}
.communityAdmin .textA {font-weight: 300;}
.communityAdmin .textA strong {font-weight: 700; color: #ffffff;}
.communityAdmin .teamMember .text {padding-right: 0px; text-align: center; color: #b1b2b3;}
.socialBox:hover{
    text-decoration: none;
}

/*.legalPage {padding-top: 5px;}*/
.legalListing {padding:10px 0px 50px 0px;}
.legalListing .que {font-size: 18px;color: #b1b2b3; margin-bottom: 10px; display: block; cursor: pointer;}
.legalListing .faqUl {margin: 0px 0px 0px 0px;}
.legalListing .active .que {font-size: 24px; font-weight: 700; color: #ffffff; position: relative; padding-left:40px; margin: 20px 0px 20px 0px;}
.legalListing .active .que:before {content: ""; width: 20px; height: 20px; border-radius: 50%; background: var(--red); position: absolute; left: 0px; top: 7px;}
.legalListing .ans {font-size: 15px; color: #b1b2b3; background: url(../images/linebreak_main.png) no-repeat center bottom / 96% auto; padding-bottom: 40px; margin-bottom: 30px; display: none;}
.legalListing .dropDown {display: none;}

/*.manifestPage {padding-top: 5px;}*/
.manifestPage .textDesc {font-size: 16px; color: #b3b3b3; margin: 20px 0px 35px 0px;}
.manifestPage .textDesc strong { color: #fff; font-size: 18px;}
.manifestTable {width: 100%; margin:0px 0px 50px 0px; color: #ffffff;}
.manifestTable td {padding: 10px 10px; font-size: 16px; color: #b3b3b3; font-weight: 300;}
.manifestTable th {padding: 10px 10px; font-size: 16px; font-weight: 700; text-align: left;}
.manifestTable tr:hover td {background: #0f1016;}
.manifestPage .searchBlock {margin:0px auto 30px auto;}

.myNftHeadingImg {margin: 0px auto 50px auto; max-width: 660px; text-align: center;}
.myNftHeadingText {margin: 0px auto 30px auto; max-width:890px; text-align: center;}
.myNftHeadingText h1 {color: #ffffff; font-size: 22px; font-weight: 700; margin: 0px 0px 20px 0px;}
.myNftHeadingText .desc {color: #b3b3b2; font-size: 18px;}

.degreeList {padding: 0px 0px 40px 0px; text-align: center;max-width: 900px; margin: 0px auto;}
.degreeList .title {padding: 5px 0px; color: #ffffff; font-weight: 700; font-size: 16px;}
.degreeList .img {max-height:90px;}
.degreeList .col {position: relative;}
.degreeList .disable .img, .degreeList .disable .title {opacity: 0.4;}
.degreeList .hoverText, .hover-container-element .hoverText {position: absolute; bottom: 0px; left: 50%; width:150px; background: #cccccc; color: #000; padding:8px 6px 6px 6px; border-radius: 0px 10px 10px 10px; z-index: 11; display: none;}
.degreeList .col:hover .hoverText, .hover-container-element .col:hover .hoverText {display: block;}


.badgeList {padding: 0px 0px 80px 0px; text-align: center; margin: 0px 140px; max-width: 900px;}
.badgeList .title {padding: 5px 0px; margin: 0px auto; max-width: 150px; color: #ffffff; font-weight: 300; font-size: 16px;}
.badgeList .title strong { font-weight: 700;}
.badgeList .img {max-height: 90px;}
.badgeList .disable .img, .badgeList .disable .title {opacity: 0.4;}

.untouchedList {padding: 0px 0px 80px 0px; text-align: center;}
.untouchedList .title {padding: 5px 0px; color: #ffffff; font-size: 16px;}
.untouchedList .row {justify-content: center;}
.untouchedList .col {flex:0 0 150px;}
.untouchedList .col img {width: 90px;}

.myNftPages .btnRow {text-align: center; margin: 0px auto 90px auto; max-width: 500px;}
.myNftPages .btnRow .text {font-size: 16px; color: #b6b6b6; padding:20px 0px 10px 0px;}
.myNftPages .btnRow .btn {color: #ffffff;background: #0071bc; font-size: 24px; font-weight: 700; padding: 10px 50px;}
.myNftPages .btnRow .btn:hover {background: #005186;}

.cardListSlider {padding: 0px 0px 80px 0px;}

@media(min-width: 768px) {
	.nonFungiblePage .colA .img {text-align: right;}
	.nonFungiblePage .colA img {max-width: 190px;}
	.nonFungiblePage .row:nth-child(2) .img {text-align: left;}
	.nonFungiblePage .row:nth-child(2) .colB {text-align: right;}
	.nonFungiblePage .row:nth-child(2) img {max-width: 100px; position: relative;top: -180px;}
	.nonFungiblePage .bitUnitRows .row {margin-bottom: 40px;}
	.nonFungiblePage .row:nth-child(3) .colA img {position: relative;top: -70px;}
	.nonFungiblePage .colC img {max-width: 160px;}
	.nonFungiblePage .colC .img {text-align: left;}
	.nonFungiblePage .bitUnitRows .row:nth-child(4) .colB {margin-left: 0px;order:0;}
}

.cautionBox {margin: 0px auto 30px auto; max-width: 700px; text-align: center; position: relative; padding: 50px; border:solid 1px var(--red); border-radius: 15px;}
.cautionBox h2 {display: inline-block;background:#000000; position: absolute; top:-32px; margin: 0px; font-size: 46px; font-weight: 700; color: #ffffff; left: 50%; transform: translate(-50%,0px); padding: 0px 30px;}
.cautionBox h2 img {max-width: 56px;}
.cautionBox .desc {color: #b3b3b2; font-size: 20px;}

.pressBox {max-width: 240px; margin: 0px auto; }
.pressBox .img {margin: 0px 0px 20px 0px;position: relative;}
.pressBox .img:before {content: ""; width: 26px; height: 26px; position: absolute; right: 20px; top: 20px; background: url(../images/press/gotolink_icon.png) no-repeat 0px 0px / auto 26px;}
.pressBox h3 {margin: 0px 0px 20px 0px; font-size: 20px; color: #ffffff; font-weight: 500; text-transform: uppercase;}
.pressBox .text {margin: 0px 0px 20px 0px; color: #ffffff; font-weight: 300;}
.pressBox .text strong {font-weight: 700;}
.pressSlider {padding:40px 0px 100px 0px;}
.pressBox .text a {color: var(--red);}
/*#pressC {text-align: center;}*/
#pressC .pressBox .img:before {display: none;}


.statistBoxs {color: #ffffff; text-align: center; padding: 40px 0px 80px 0px;}
.statistBoxs .statisBox {border-radius: 15px; border:solid 1px var(--red); height: 230px; margin:0px 4px 8px 4px; display: flex; flex-direction: column; justify-content: center;}
.statistBoxs .statisBox .textA {font-size: 32px; font-weight: 500; margin: 0px 0px 8px 0px; line-height: 1.1;}
.statistBoxs .statisBox .textA .bIcon {max-width: 20px; margin-top: 2px;}
.statistBoxs .statisBox .textA small {font-size: 60%;font-weight: 300;}
.statistBoxs .statisBox .textB {font-size: 17px; font-weight: 300; line-height: 1.3; margin: 0px 0px 5px 0px;}
.statistBoxs .statisBox .textC {font-size: 16px; font-weight: 300; line-height: 1.3; margin:13px 0px -59px 0px;}
.statistBoxs .statisBox .textC strong {font-weight: 700;}
.statistBoxs .statisBox .textC .bIcon {margin-top: -5px;}

.statistDesc {color: #ffffff; padding: 0px 0px 50px 0px; font-size: 18px; font-weight:300;}
.statistDesc strong {font-weight: 700;}

.blockExplorHead {text-align: center; font-size:22px; font-weight: 700; background: url(../images/linebreak_main.png) no-repeat center bottom / 100% auto; padding-bottom:10px; margin-bottom: 40px;}
.blockExplorHead a {display: inline-block; color: #ffffff; background: url(../images/press/gotolink_icon.png) no-repeat top 2px right 0px / auto 26px; padding-right: 60px;}

.blockFilter {margin: 0px auto 50px auto; max-width: 600px;}
.blockFilter .col-auto {flex:0 0 150px;}
.searchInput {position: relative;}
.searchInput .searchIcon {position: absolute; right:15px; top:9px; height: 32px; width: 32px;background: url(../images/sprite.png) no-repeat -72px -2px; cursor: pointer;}
.searchInput .form-control {padding-right: 50px;}

.blockTable {width: 100%; margin:0px 0px 50px 0px; color: #ffffff;}
.blockTable td {padding: 10px 10px; font-size: 16px; color: #b3b3b3; font-weight: 300;}
.blockTable th {padding: 10px 10px; font-size: 16px; font-weight: 700;}
.blockTable tr:hover td {background: #0f1016;}


.videoPage .pressBox {max-width: 360px;}
.videoPage .pressBox .img:before {display: none;}


.unTouncCards {padding: 0px 0px 50px 0px;}
.unTouncCards .cardText .textB {font-size: 12px; height: 55px;}
.unTouncCards .cardText .textC {font-size: 12px;}
.unTouncCards .cardText .textD {font-size: 12px;}
.unTouchCard {height: calc(100% - 68px);}
.unTouchCard .artCard {margin-right: 230px;}
/*.unTouchCard .artCard {margin-right: 140px;}*/
.unTouchRightCard {background: #000; position: absolute; right: 15px; top: 0px; height:calc(100% - 68px); width: 230px; padding: 10px 10px 0px 10px; color: #ffffff;}
.unTouchRightCard:before {content: ""; position: absolute; bottom: -0.1px; left: -15px; width:calc(100% + 15px); height: 2px; background: #ffffff;}
.unTouchCard .artCard:hover + .unTouchRightCard:before {background: var(--red);}
.unTouchRightCard .labelText {padding: 0px 0px 7px 0px;}
.unTouchRightCard .bun {padding: 0px 0px 13px 0px; position: relative;}
.unTouchRightCard .bun .hintText {position: absolute; right:8px; top: 5px; font-size: 10px; color: #ffffff;}
.unTouchRightCard .bun .form-control {border-color:var(--red); padding:10px 10px 0px 9px; resize: none;font-weight: 300; height:48px; font-size: 32px; line-height:1;}
.unTouchRightCard .bun.action .form-control {border-color: #0071bc; background: #0071bc; color: #ffffff;}
.unTouchRightCard select {border-color: var(--red);}
.unTouchRightCard select.disable {border-color:#ffffff; opacity: 0.3;}
.unTouchRightCard textarea.disable {border-color:#ffffff !important; opacity: 0.3;background: #000000 !important;}
.unTouchRightCard  .redBtn {padding: 8px 15px; width: 100%; margin-bottom: 15px;}
.smallTextBlock {position: relative; padding-bottom: 10px;}
.smallTextLink {position: absolute; width: 100%; left: 0px; text-align: center; bottom: 7px; font-size: 10px; color: #ffffff;}
a.smallTextLink {text-decoration: underline;}
.smallTextLink:hover {color: #ffffff;}
.unTouchRightCard .greenBtn {background: #8bc53f;}
.unTouchRightCard .greenBtn:hover {background: #72ac26;}
.unTouchRightCard .disable.redBtn {background: #333333;}

.unTouchCard .cardSlider .item img {max-height: 350px;}
.unTouchBottomText {text-align: center; color: #ffffff; padding: 10px 0px 10px 0px; font-size: 16px;
	font-weight: 300; }
.unTouchBottomText a {color: #ffffff; text-decoration: underline;}
.unTouchBottomText strong {font-weight: 700;}

.disableBtnRow .disable {
    margin-bottom: 0px;
}

.redBtnB {background: #ed1c24;}
.redBtnB:hover {background: #d70d14;}

.disableBtnRow .toolTipPopUp {
    z-index: 11;
    left: 0px;
    top: 99%;
}

.form-control:disabled, .form-control[readonly] {
	background: #000;
}

.memberRewardsPage .aboutTreeContent {padding:60px 0px 0px 0px; margin:0px 0px 40px 0px;}
.memberRewardsPage .aboutTreeContent h2 .icon {max-width:120px; top: -27px; right: -146px;background: #000;}
.memberRewardsPage .aboutTreeContent .imgBox {margin-right: 70px;}
.memberRewardsPage .aboutTreeContent .textBox {margin-left: 70px;}
.memberRewardsPage .aboutTreeContent h2 {margin-top: 25px;}
.memberRewardsPage .right h2 .icon {right: auto; left: -146px;}
.memberRewardsPage .right .imgBox {margin-right: 0px;margin-left: 70px;}
.memberRewardsPage .right .textBox {margin-left: 0px;margin-right: 70px;}
.aboutTreeContent .row {min-height: 180px;}
.aboutTreeContent .onlyIcon h2 .icon {max-width:205px; top: -27px; right: -188px;background: #000;}

.fameSec {padding:0px 0px 20px 0px;text-align: center;}
.fameSec .title {margin-bottom: 12px; font-weight: 700;  padding:0px 44px; position: relative; display: inline-block; color: #ffffff;}
.fameSec .title:before, .fameSec .title:after {content: ""; position: absolute; left: 0px; top: calc(50% - 3px); height: 5px; width: 38px; background: url(../images/sprite.png) -4px -56px;}
.fameSec .title:after {left: inherit; right: 0px; transform: rotate(180deg);}

.fameSlider {padding:20px 0px 100px 0px;}
.fameItem {color: #ffffff;}
.fameItem .fameBox {border-radius: 10px; border:solid 3px var(--red); height: 120px; display:flex; align-items: center; justify-content: center; flex-direction: column;}
.fameItem .textA {font-size: 16px;}
.fameItem .textB {font-size: 15px;padding: 5px;}
.disable.fameItem .fameBox {opacity: 0.4;}
.disable.fameItem .textA {font-weight: 300; font-style: italic;}



.animation {opacity: 0;transform: translate(0px,20px); transition: all 0.5s linear;}
.animation.ani {opacity: 1;transform: translate(0px,0px);}
@media(max-width: 1300px) {
	.bitArtCard .artCard {margin-right: calc(200px + 10px);min-height: 680px;}
	.rightCard {width: 200px;}
	.bitList .bitItem {padding: 0px 0px 4px 0px; }
}
.visM {display: none;}
@media (max-width: 767px) {
	.visM {display: block;}
	.visD {display: none;}
	.container-flude {width: calc(100% - 30px);}
	.container {width:100%;}
	body {background:#000;}
	.logo {max-width:220px; }
	.homeSecA .img {max-width:85%; }
	.loged .logo {max-width:140px;margin-top: -2px;}


	.footer { padding:30px 0px 20px 0px;}
	.footer h3 {font-size: 16px;margin: 0px 0px 10px 0px;}
	.footerLogo {margin: 0px 0px 8px 0px; max-width: 120px;}
	/*.footer .col {flex:0 0 50%;}*/
	.footer .colA, .footer .colB, .footer .colC, .footer .colD {display: none;}
	.footerLogos .col-auto {flex:0 0 50%;text-align: center;}
	.footerLogos {display: none;}
	.footerText {display: none;}
	.copyRightText {max-width: 100%;}
	.footerSocialIcons {margin: 0px 0px 0px 0px;}
	.footerSocialIcons li {margin: 0px 0px 3px 0px;height: 22px;}
	.footerSocialIcons li a {transform: scale(0.7); transform-origin: top;}
	.footerLink {padding: 0px 0px 0px 8px; margin: 0px;}

	/*new styles - start*/
	.singleImg {padding: 0px 0px 5px 0px;}
	.singlePaeCont {padding: 20px 0px 10px 0px; margin: 0px auto;max-width: 370px;}
	.singlePaeCont .textA {padding-bottom:20px;font-size: 14px;}
	.singlePaeCont .textA h3 {font-size: 24px;}
	.singlePaeCont .textB {margin: 0px 0px 10px 0px;font-size: 14px;}
	.singlePaeCont .textC {text-align: center;}
	.singlePaeCont .textCimg {margin: 0px -5px 20px -5px;text-align: center;}
	.singlePaeCont .textCimg img {margin-bottom: 10px;}
	.bitUnitsBlock .btnRow { padding: 10px 0px;margin-bottom: 10px; }
	.popUp .modal-body {padding:10px 15px; }
	.youGetRow {font-size: 16px;}
	.todalDueRow .key {font-size: 16px;}
	/*new styles - end*/

	.homeSecB .img {max-width:250px;}
	.gallerySlider #gallery { margin: 40px auto 80px auto; max-width: 300px; padding:20px 0px 30px 0px;}

	.form-control {height: 48px; padding: 5px 10px;}
	.listFilter .form-control {padding-right: 30px; }
	select.form-control {background-size:auto 300px;background-position: top 14px right -270px;}
	.listFilter .searchIcon {transform: scale(0.8); top: 7px; right: 10px;}

	.cardListing {padding-bottom:10px;}
	.cardListing .col-md-4 {margin-bottom:25px;}
	.listHeading {padding:15px 0px; position: relative;}
	.listFilter {padding:0px; position: absolute; left: 0px; top:calc(50% - 30px); width: 100%;}
	.listHeading .img {max-width: 100%;}

	.regHead .img {margin: 20px 0px 20px 0px; }
	.regHead h1 {font-size: 24px;}
	.regHead .desc {margin: 0px 0px 30px 0px;font-size: 16px;}
	.signUpForm .bottomText {font-size: 14px;}
	.checkBox {padding: 10px 0px 20px 4px;}
	.msgBox {padding:20px 20px;border-radius: 5px;}
	.msgBox .textA {font-size: 26px; }
	.msgBox .textB {font-size: 14px;}
	.borderBtn {padding:7px 30px; font-size: 22px;}
	.msgBox .cancelBtn {margin-top: 10px;}
	.messageTablInfo {font-size: 14px; margin-bottom: 20px;}
	.messageTablInfo td {padding:5px;}

	.otpPage .memeberText {margin-bottom: 30px; font-size: 12px;}
	.otpPage .regHead .img {margin: 20px auto 20px auto;}
	.otpGroup {padding:0px 0px 30px 0px;}
	.otpGroup .input, .otpGroup .sap {font-size: 20px;}

	.forNotFoundPage .regHead .img {margin: 20px auto 20px auto;max-width:200px;}

	.forGotPage .regHead .img {max-width: 250px; margin: 10px auto 20px auto;}
	.forGotPage .btnRow {padding-top:20px;}

	.contactForm {padding:0px;}
	.contactForm .form-label {margin: 0px 0px 5px 3px; font-size: 14px;}
	.contactForm .btnRow {padding:10px 0px 30px 0px;}

	.bitUnitsPage .regHead .img { margin: 20px auto 20px auto;max-width: 200px;}
	.bitUnitsBlock {margin: 0px auto 30px auto;}
	.bitUnitsBlock .packsRow .form-control {height: 51px; padding: 1px 70px 0px 20px; line-height: 45px;}
	.bitUnitsBlock .btnRow {padding-bottom: 20px;}

	.paymentPage {padding: 0px;}
	.signPayment {margin: 20px auto 20px auto;border:none;}
	.signPayment .amount { font-size:22px;padding:10px 0px 10px 0px;}
	.signPayment .amountB { font-size:16px;padding:10px 0px;}
	.signPayment .payBtnRow {padding: 10px 15px;}
	.signPayment .payType .text {font-size:20px;}
	.signPayment .bottomText {padding:10px 15px 10px 15px;}
	.frameLogo {display: none;}

	.redBtn {padding: 10px 30px; font-size: 20px;}
	.payBtn {padding: 10px 20px; font-size: 20px;}
	.cancelBtn {font-size: 20px;}

	.cardText {padding: 15px 15px 5px 15px;}
	.cardHead .textA {font-size: 26px;}
	.cardHead .rate .bb {font-size: 18px;}
	.rightCard .hedImg {display: none;}
	.bitListBlank, .bitList {display: none;}
	.bitArtCard .artCard {margin-right: 0px; height: auto;border-radius: 10px 10px 0px 0px; border-bottom: none; border-color: #ffffff;min-height:auto;}
	.rightCard {border-radius:0px 0px 10px 10px; position: relative; right:0px; top: 0px; height: auto; width: 100%; padding: 10px; border:solid 2px #ffffff; border-top:none;}
	.bitArtCard .cardText .textB {display: none;}
	.bitArtCard .cardText .textC {display: none;}
	.bitArtCard .cardText .textD {margin-bottom: 0px;}
	.joinAction {height: auto;}
	.joinAction .textB {margin-bottom: 0px;}
	.joinAction .textB p {margin-bottom: 5px;}

	.wishList {right: 10px; top: 64px;}
	.cardSlider .item img {max-height:260px;}
	.video-item {max-height:260px;}
	.audio-item {max-height:260px;}
	.explore-page-video {max-height:345px;}
	.explore-page-audio {max-height:345px;}
	.nft-page-video {height:397px;}
	.nft-page-audio {height:397px;}
	.bidCardListing .bitArtCard {margin-bottom: 30px;}

	.artCardB {height: auto;padding-bottom: 10px;}

	.profilePage {padding-bottom: 20px; }
	.proBannerImg {margin: 10px auto 20px auto;}
	.profilePage h2 {margin: 0px 0px 20px 0px; font-size: 26px;}
	.profilePage .desc {margin: 0px 0px 25px 0px; font-size: 14px;}
	.profilePage .btnRow {margin-bottom:25px;}

	.proInfoRow label {margin: 0px;}
	.proInfoRow .val { margin: 0px 10px 10px 0px;}
	.editInfo {margin: 0px 0px;padding: 7px 15px;}

	.proEmailItem span {vertical-align: top; display: block; margin-bottom: 5px;}
	.proEmailItem .swich {margin: 0px 10px 5px 0px;}

	.feeText {width: 135px;}
	.usdcAddress .textB .tick span {margin: 0px 0px 20px 0px; display: inline-block;}

	.proKycBlock .kyc-b {font-size: 16px; padding: 12px 20px;}
	.proKycBlock .border {border-radius: 10px; padding: 7px 15px;font-size:16px;}
	.proKycBlock .border img {max-width: 50px;}
	.proKycBlock .borderB {padding: 16px 20px;}
	.proKycBlock .borderC {padding: 9px 20px;}

	.walletPage .topImg {margin: 20px auto 30px auto;}
	.balanceBoxA {padding:0px; border:none; margin-bottom: 30px;}
	.balanceBoxA .textA {font-size: 46px; }
	.balanceBoxA .textA .bIcon {max-width: 30px; margin-top:9px;}
	.balanceBoxA .redBtn {margin: 5px;}
	.balanceBoxA .buyBtn {background: #8bc53f;}
	.balanceBoxA .buyBtn:hover {background: #6eac1c;}
	.balanceBoxA .depBtn {background: #476eb5;}
	.balanceBoxA .depBtn:hover {background: #1f4892;}
	.balanceBoxA .textB {margin-bottom:25px; font-size: 16px;}


	.balanceBoxB {padding:10px 14px;}
	.balanceBoxB .row {font-size:16px; padding: 10px 0px;}
	.balanceBoxB .row .lefImg {max-width: 30px; margin-right:5px;}
	.balanceBoxB .row .icon {max-width: 20px; margin:-2px 0px 0px 3px;}

	.downloadCSVHistory {padding:10px 0px 30px 0px;}
	.downloadCSVHistory .textA {font-size: 16px;}
	.downloadCSVHistory .textB {margin-bottom:15px; font-size: 16px;}
	.historyTable {min-width: 900px;}
	.historyTable td {padding: 4px 5px; font-size: 16px}

	.aboutPage .pageImg {margin: 0px 0px 20px 0px;}
	.aboutPage .pageTitle {color:#ffffff; font-size:28px;margin:0px 0px 20px 0px;padding-bottom:0px; background: none;}
	.aboutContent {font-size:16px; padding:20px 0px;}
	.pageTitleB { font-size: 32px; padding:10px 0px 30px 0px;}
	.pageTitleB img {max-width:70px;}
	.forMore .textB {font-size:22px;padding: 2px 0px 5px 0px;}
	.aboutContent {font-size: 14px;}
	.aboutRow .title {font-size: 20px;}

	.aboutTreeContent + .forMore {font-size: 18px; margin-bottom: 20px;}
	.aboutTreeContent { padding:40px 0px 0px 60px; margin:0px 0px 20px 0px;}
	.aboutTreeContent:before {left:25px;}
	.aboutTreeContent .textBox {border:solid 1px #ffffff; border-radius: 10px; padding: 15px;font-size: 14px; margin: 0px 0px 50px 0px;}
	.aboutTreeContent .imgBox {margin: 0px 0px 10px 0px; text-align: left;}
	.aboutTreeContent h2 { font-size: 22px; margin:0px 0px 20px 0px; padding-left: 0px;}
	.aboutTreeContent h2 .icon {left:-60px; top: -10px; max-width:50px;}
	.aboutTreeContent .img {margin: 0px 0px 20px 0px;}


	.bitUnitRows { padding: 30px 0px 0px 0px;    font-size: 14px;}
	.bitUnitRows h2 {margin: 0px 0px 15px 0px;font-size:22px;}
	.bitUnitRows .img {margin: 0px 0px 15px 0px;}
	.bitUnitRows .img img {max-height: 200px; max-width: 150px;}
	.bitUnitRows .row:nth-child(even) .colB {order:1; margin-left:0px;}

	.contractAddBox {padding:15px 15px 5px 15px;border-radius:10px;}
	.contractAddBox .textA {margin: 0px 0px 15px 0px; font-size: 20px;}
	.contractAddBox .textB {margin: 0px 0px 20px 0px;font-size: 14px;}
	.contractAddBox .barCode {margin-right: 15px; max-width: 100px;}
	.contractAddBox .textC .col-md-6 {max-width: 320px; margin-bottom: 15px;}
	.contractAddBox .textC .row {justify-content: center;}

	.forMoreBidUni {padding:30px 0px 30px 0px;}
	.forMoreBidUni .textA {font-size: 14px;}
	.forMoreBidUni .textB {font-size: 20px;}
	.forMoreBidUni .textB img {max-width: 20px;}

	.creaList .textDesc {font-size: 16px; margin:0px 0px 35px 0px;}
	.aboutTreeContent .row {padding-bottom:0px;}

	.documentStatic .bitUnitRows {text-align: center;}
	.documentStatic .bitUnitRows .downloadLink {position: relative;}
	.documentStatic .bitUnitRows .row:nth-child(even) .colB {margin-left: 0px; text-align: center;}


	.searchBlock {margin:0px auto 30px auto; }
	.faqListing .dropDown {display: inline-block;}
	.faqCat {display: none;}
	.faqListing h2 {font-size: 18px; display: none;}
	.faqListing .que {font-size: 16px; margin: 5px 0px; color: #ffffff;}
	.faqUl {margin: 0px 0px 30px 0px;}
	.faqListing .active .que {font-size: 16px; padding-left:0px; margin:8px 0px 5px 0px;}
	.faqListing .active .que:before {display: none;}
	.faqListing .ans {font-size: 16px; padding-bottom:0px; margin-bottom:10px; display: none; background: none; color: #b1b2b3;}
	.faqUl li {border-bottom: solid 1px var(--red);}



	.aboutPage .textDesc {font-size: 16px; margin:0px 0px 20px 0px;}
	.innovationTreeContent { position: relative; padding:20px 0px 0px 70px; margin:0px 0px 20px 0px;}
	.innovationTreeContent:before {left:25px; top: 0px;}
	.innovationTreeContent .row {font-size: 16px; color: #b3b3b3;text-align:left;}
	.innovationTreeContent .col-md-6:nth-child(1) {padding-right:15px;}
	.innovationTreeContent .col-md-6:nth-child(2) {padding-left: 15px;}
	.innovationTreeContent h2 { font-size: 20px; margin:0px 0px 10px 0px;}
	.innovationTreeContent .icon {left: -54px; top: -4px; max-width: 50px;}
	.innovationTreeContent + .forMore {font-size: 16px; margin-bottom: 20px;}


	.teamSec { padding:0px 0px 20px 0px;}
	.ourTeamPage .forMore {font-size: 16px;}
	.ourTeamPage .btnRow {padding-bottom: 30px;}

	.teamSec .head { font-size: 16px; padding: 5px 0px; }
	.teamSec .teamCont {font-size: 14px;}
	.teamSec .textA {padding:0px 0px 10px 0px;}
	.teamSec .active .head {font-size: 18px; padding-left:30px;}
	.teamSec .active .head:before {width: 10px; height: 10px; left: 0px; top: 13px;}

	.teamMember {padding: 15px 0px; background: url(../images/linebreak_main.png) no-repeat center bottom / 100% auto; padding-bottom:20px; margin-bottom:20px;}
	.teamMember .col-md-3 {flex:0 0 50%;}
	.teamMember .img {margin: 0px 0px 15px 0px;}
	.teamMember .text {margin: 0px 0px 25px 0px; font-size: 12px; padding-right: 30px;}
	.partnerWithUs .teamMember .text {margin: 0px 0px 20px 0px;}

	.legalListing .dropDown {display: inline-block;}
	.legalListing {padding: 20px 0px;}
	.legalListing .que {display: none;}
	.legalListing .active .que {display: block;padding: 0px; margin: 0px; font-size: 18px;}
	.legalListing .faqUl li {border-bottom: none;}
	.legalListing .active .que:before {display: none;}
	.legalListing .ans {font-size: 16px; background:none; padding-bottom:0px; margin-bottom:0px; display: none;}


	.manifestPage .textDesc {margin: 10px 0px 30px 0px;}
	.manifestTable {margin:0px 0px 20px 0px; min-width: 900px;}
	.manifestTable td {padding: 7px; font-size: 14px; }
	.manifestTable th {padding: 7px; font-size: 14px;}


	.myNftHeadingImg {margin: 0px auto 20px auto; }
	.myNftHeadingText {margin: 0px auto 20px auto;}
	.myNftHeadingText h1 {font-size: 28px; margin: 0px 0px 15px 0px;}
	.myNftHeadingText .desc {font-size: 14px;}
	.degreeList {padding: 0px 0px 20px 0px;}
	.degreeList .title { font-size: 16px;}
	.degreeList .row {justify-content: center;}
	.degreeList .col {flex: 0 0 30%; margin-bottom: 10px;}
	.degreeList .col:hover .hoverText {display: none;}

	.badgeList {padding: 0px 0px 20px 0px; margin: 0px;}
	.badgeList .row {justify-content: center;}
	.badgeList .col {flex: 0 0 24%; margin-bottom: 10px;}
	.badgeList .title { font-size: 16px;}

	.untouchedList {padding: 0px 0px 20px 0px;}
	.untouchedList .title { font-size: 16px;}
	.untouchedList .col {flex:0 0 50%; max-width: 150px; margin-bottom: 15px;}



	.myNftPages .btnRow {margin: 0px auto 30px auto;}
	.myNftPages .btnRow .text {font-size: 14px;padding:10px 0px 0px 0px;}
	.myNftPages .btnRow .btn {font-size: 16px; padding: 8px 20px;}

	.nonFungiblePage .colC {display: none;}
	.cautionBox {margin: 30px auto 0px auto;padding: 20px; border-radius: 10px;}
	.cautionBox h2 { top:-17px; font-size: 22px; padding: 0px 15px;}
	.cautionBox h2 img {max-width: 36px;}
	.cautionBox .desc {font-size: 14px;}

	.pressBox h3 {font-size:18px; }
	.pressBox .text {font-size: 14px; margin-bottom: 0px; }
	.pressSlider {padding:20px 0px 70px 0px;}


	.statistBoxs { padding: 20px 0px 10px 0px;}
	.statistBoxs .statisBox .textA {font-size:26px;}
	.statistBoxs .statisBox .textB {font-size: 16px;}
	.statistDesc {padding: 0px 0px 30px 0px; font-size:16px;}

	.blockExplorHead {font-size:18px; margin-bottom: 20px;}
	.blockExplorHead a { background: url(../images/press/gotolink_icon.png) no-repeat top 2px right 0px / auto 20px; padding-right: 40px;}
	.blockFilter {margin: 0px auto 30px auto; }
	.blockTable {margin:0px 0px 20px 0px; }
	.blockTable td {padding: 7px; font-size: 14px;}
	.blockTable th {padding: 7px; font-size: 14px;}


	.unTouncCards {padding:0px;}
	.unTouchCard {height: auto; margin-bottom: 30px;}
	.unTouchCard .artCard {margin-right:0px; height: auto; padding-bottom: 15px;}
	.unTouchRightCard {height: auto; position: initial; width: 100%;border:solid 2px #ffffff; border-top:none; border-radius: 0px 0px 10px 10px; padding: 20px 10px 10px 10px; transform: translate(0px,-10px);}
	.unTouchRightCard:before {display: none;}
	.unTouchCard .cardSlider .item img {max-height: 260px;}
	.unTouchBottomText {padding: 0px 0px 10px 0px;}

	.memberRewardsPage .aboutTreeContent {padding:20px 0px 0px 0px; margin:0px 0px 20px 0px;}
	.memberRewardsPage .aboutTreeContent h2 .icon {max-width:50px; top: -10px; left: -68px;}
	.memberRewardsPage .aboutTreeContent .imgBox {margin: 0px 0px 10px 68px;}
	.memberRewardsPage .right .textBox {margin: 0px 0px 30px 68px;}
	.memberRewardsPage .aboutTreeContent h2 {margin-top: 15px;}
	.aboutTreeContent .row {min-height:90px;}
	.aboutTreeContent .onlyIcon h2 .icon {max-width:80px; top: -10px; left: -82px;}
	.fameSlider {padding:20px 0px 70px 0px;}

	.myNftPages .extended-padding {
		padding: 0px;
	}

	.myNftPages .nft-page-audio audio {
		margin-right: auto !important;
	}

	.alertTop {
		display: none;
	}

}




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


.pagination_table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

ul#horizontal-list {
	min-width: 696px;
	list-style: none;
	padding-top: 20px;
}
ul#horizontal-list li {
	display: inline;
}


#pagination{
	display: block;
	margin: auto;
	width: 10%;
}

ul.tsc_pagination li
{
	padding-bottom:1px;
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{
	color:#FFFFFF;
	box-shadow:0px 1px #EDEDED;
	-moz-box-shadow:0px 1px #EDEDED;
	-webkit-box-shadow:0px 1px #EDEDED;
}
ul.tsc_pagination
{
	/*margin:4px 0;*/
	padding:0px;
	overflow:hidden;
	font:12px 'Tahoma';
	list-style-type:none;
}
ul.tsc_pagination li
{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:5px;
}
ul.tsc_pagination li a
{
	color:black;
	display:block;
	text-decoration:none;
	padding:7px 10px 7px 10px;
}
ul.tsc_pagination li a img
{
	border:none;
}
ul.tsc_pagination li a
{
	color:#ffffff;
	border-color:#6dbd3a;
	background:#6dbd3a;
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{
	text-shadow:0px 1px rgb(255, 106, 0);
	border-color:rgb(255, 106, 0);
	background:rgb(255, 106, 0);
	background:-moz-linear-gradient(top, rgb(255, 201, 62) 1px, rgb(255, 166, 43) 1px, rgb(255, 106, 0));
	background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, rgb(255, 201, 62)), color-stop(0.02, rgb(255, 166, 43)), color-stop(1, rgb(255, 106, 0)));
}
.signPayment .payInfo span.success {
    color: green;
    text-transform: capitalize;
}
.signPayment .payInfo span.cancel {
    color: #da2168;
    text-transform: capitalize;
}

.walletsec a.download_trnsaction_csv {
    color: #da2168;
    text-decoration: none;
    font-size:  14px;
}



/* Chrome, Safari, Edge, Opera */
.no-arrows input::-webkit-outer-spin-button,
.no-arrows input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.no-arrows input[type=number] {
  -moz-appearance: textfield;
}
.p_control {max-height: 35px}




#msgBoxTermsBody {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
}

.style-4::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #383838;
}

.style-4::-webkit-scrollbar {
    width: 5px;
    background-color: #383838;
}

.style-4::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 1px solid #555555;
}

.buns-td {
	text-align:  right;
}

.transaction-list-table-con {
	max-height:  400px;
	overflow-y:  auto;
	margin-bottom:  10px;
}

.custom-scroll::-webkit-scrollbar {
	width: 10px;
}

.custom-scroll::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.custom-scroll::-webkit-scrollbar-thumb {
	background: #888;
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/*.bidCardListing .owl-stage-outer {
	min-height:  430px;
}*/

.ltt-icon {
	height: 50px;
}

.ltt-gas {
	height: 50px;
}

.ltt-gas-con {
	cursor: pointer;
}

.loot-vault-msg-width {
	width: 100%;
}

/* sweet alert customization */
.swal2-html-container {
	color:  #fff;
}

.blink_me {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {  
	80% { opacity: 0;color: #DA2168; }
}

.manifestTable td.crypto-address, .manifestTable td.name {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.manifestTable td a {
	color:  #b3b3b3;
}

.buy-usdc-button {
	color: var(--red);
}

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

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

.hedImg img {
	/*float:  left;*/
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}

.hedImg .warningIcon {
	margin-top: 4px;
}

/* wallet page */
.walletPage .wallet_payment button {
	width:  170px;
}

.walletPage .toggle-transaction {
	margin-right:  5px;
	font-size:  16px;
	color: #da2168;
	text-decoration: none;
}

.walletPage .toggle-transaction-first {
	padding-left:  10px;
}

.toggle-usdc-transaction {
	margin-left: 10px !important;
}

.toggle-ltt-transaction {
	margin-left: 10px !important;
}

.walletPage .toggle-transaction-separator {
	margin-right:  30px;
}

.walletPage .toggle-selected {
	color:  #fff;
}

.walletPage .historyTable .table-col-1,
.walletPage .historyTable .table-col-3,
.walletPage .historyTable .table-col-4,
.walletPage .historyTable .table-col-5 {
	width: 15%;
}

.walletPage .historyTable .table-col-2 {
	width: 40%;
}

.walletPage .custom-ltt-icon {
	border-radius: 50%;
    border: solid 2px #fff;
    padding: 6px;
}

.walletPage .badgeList {
	margin: 0px 0px 3px 0px;
	padding: 0px 13px;
}

.walletPage .degreeList {
	margin: 0px;
	padding: 0px;
}

.walletPage .badge-row {
	padding-top: 0px;
}

.government-popup .government-button-con {
	text-align: center;
	margin-bottom: 20px;
}

/* Arena Page */
.arena-page .bidCardListing .bitArtCard {
	margin-bottom: 30px;
}

.arena-page .bidCardListing {
	margin-bottom: 20px;
}

.bid-button-sub-text {
	font-size:  14px;
	/*font-size:  14px;*/
}

.winner-joinAuction {
	background: #c99a2e;
}

.usdc-icon {
	width: auto;
    height: 20px;
    max-width: 22px;
    display: inline !important;
    vertical-align: top;
    margin-top: 3px;
}

.wallet-get-paid-modal .button-con {
	padding: 10px 0px 10px 15px;
}


.owl-stage .usdc-icon {
    /*margin-top: 1px;*/
}

.owl-carousel .owl-item img.usdc-icon {
	width:  auto;
}

.toggle-usdc-button {
    border: 1px solid transparent;
    font-size: 10px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    margin-top: 6px;
}

.toggle-icon {
	width: 18px;
    height: 18px;
    background: url(../images/toggle-icon.png) no-repeat 0px 0px / 16px auto;
    display: inline-block;
    vertical-align: -6px;
    cursor: pointer;
}

.artCardBottom .leftText span {
	font-weight: bold;
}

.content-bid-bot-label-mobile {
	display: none;
	color: #c99a2e;
	top: -0.5em;
}

.arena-cap-limit {
	display: inline-block;
	padding-right: 16px;
}

.cap-upgrade-icon-con img {
	height: 15px;
	margin-top: -2px;
	cursor: pointer;
}

.cap-limit-con.upgradable {
	padding-right: 5px;
}

.bidCardListing .bidNow.animated-button {
	animation: bidDisableEffect 1s linear;
}

.bitBalanceInfo .bIcon.upgradable {
	right: 20px;
}

#bid-bot-modal .modal-dialog {
	/*max-width: 600px;*/
}

.arena-bid-popup span {
	display: inline-block;
	width: 100%;
}

.hard-cap-con {
	cursor: pointer;
}

.popup-confirm-join a {
	color: var(--red);
}

#bid-bot-modal a {
	color: var(--red);
}

#bid-bot-modal .tick-section {
	border-top: solid 1px gray;
    border-bottom: solid 1px gray;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#bid-bot-modal .tick-section div {
	margin: 3px 0px;
}

#bid-bot-modal .tick-section div img {
	margin-right: 10px;

}

.bid-tick {
	height:  12px;
	padding-right: 2px;
	margin-bottom: 4px;
}

.bid-tick.bid-tick-recent-bidder{
	/*padding-right: 0px;*/
}

.penalty-box-con {
	/*color: gray;*/
}

.penalty-box-contents {
	padding: 5px 0px 0px 0px;
	max-height: 100px;
	overflow-y: auto;
}

.popUp .modal-body .penalty-box-contents p {
	margin-bottom: 2px;
}

.raise-cap-impossible {
	color: #fff;
}

.nft-card-footer {
	text-align: center;
	margin: 20px 0px;
}

.nft-card-footer img, .owl-carousel .owl-item .nft-card-footer img {
	height: 22px;
	padding: 0px 5px;
	width: auto;
	display: inline;
}

.nft-card-footer a:hover {
	text-decoration: none;
}

@keyframes bidDisableEffect {
    0% {
    	background-color: darkgray;
    }

    100% {
    	background-color: var(--red);
    }
}

@media(max-width: 768px) {
	.content-bid-bot-label-mobile {
		display: inline;
	}
}

/* My NFT Page */
.badge-box img {
	cursor: pointer;
}

.badge-box-ratio {
	/*border: 1px solid #da2267;
    border-radius: 5px;
/*    height: 43px;*/
    padding: 0;*/
}

.mining-ratio-text {
	font-size: 13px;
	margin: 0;
	padding-top: 3px;
	font-family: 'Hand Of Sean', sans-serif;
	font-weight: lighter;
}

.mining-ratio-text-mining {
	font-size: 11px;
	margin: 0;
	padding-top: 0px;
	font-family: 'Hand Of Sean', sans-serif;
	font-weight: lighter;
}

.myNftPages .extended-padding {
	padding: 0px 110px;
}

.myNftPages .nft-page-audio audio {
	margin-right: 23px;
}

.degreeList div.status-box {
	-webkit-appearance: list-button;
}

.myNftPages .untouchedList {
	padding: 0px 0px 40px 0px;
}

/* Statistic Page */
.graph-text {
	padding: 50px 50px 0px 50px;
}

.graph-filters {
	text-align: center;
	padding: 15px 0px;
}

.graph-filters a {
	color: #000000;
	margin-left: 10px;
	/*text-decoration: underline;*/
}

.graph-filters a.selected-graph {
	color: var(--red);
	font-weight: bold;
}

.statistics-page .exchange-rate-icon {
	cursor: pointer;
}

/* General */
span.bold {
	font-weight: bold;
}

span.italic {
	font-style: italic;
}

a.not-blue {
	color: inherit;
}

.walletPage .get-paid-button {
	background-color: gray;
	font-size: 12px;
	padding: 5px 14px 4px 14px;
	margin-top: -4px;
	margin-left: 7px;
	color: #fff;
}

/* Wallet Popup */
.wallet-popup .modal-content {
	background-color: #000;
	border: solid thin #fff;
    border-radius: 3px;
}

.wallet-popup .bitUnitsBlock .btnRow {
	padding-top: 20px;
}

.wallet-popup .modal-dialog {
	max-width: 500px;
}

.wallet-popup .modal-content button.close {
	color: #fff;
}

.wallet-popup .modal-content p {
	color: #fff;
}

.wallet-popup .modal-content p.redemption-terms {
	margin-top: 10px;
	font-size: 12px;
}

.wallet-popup .modal-content p.redemption-terms a {
	color:  #fff;
	text-decoration: underline;
}

.wallet-popup .modal-content p.no-thanks {
	margin-top: 40px;
	margin-bottom:  10px;
	font-size:  12px;
}

.wallet-popup .modal-content .bitUnitsBlock {
	margin-bottom: 0px;
}

.wallet-popup .modal-content button.btn-proceed-buy {
	padding-left: 20px;
	padding-right: 20px;
}

.wallet-popup .buy-bun-choice .buy-bun-header {
	text-align:  center;
	padding-top: 26px;
}

.wallet-popup .buy-bun-choice .modal-content-header-text {
	text-align:  center;
	margin-top: 20px;
	margin-bottom: 30px;
}

.wallet-popup .buy-bun-choice .buy-bun-header img {
	height: 30px;
	width: auto;
}

.wallet-popup .buy-bun-choice .buy-bun-header img.arrow-separator {
	height: 16px;
	width: auto;
	margin:  0px 10px;
}



.wallet-popup-ltt .modal-body {
	padding:  30px;
}

.wallet-popup-ltt .modal-content p {
	font-size: 14px;
}

.wallet-popup-ltt .popup-header {
	padding-bottom: 10px;
}

.wallet-popup-ltt .popup-header strong {
	font-size: 30px;
	font-weight: 300;
}

.wallet-popup-ltt .modal-body h3 {
	color: #fff;
	padding:  10px 20px 0px 20px;
}

.wallet-popup-ltt .totalDueRow .val {
	padding-right: 10px;
}

.wallet-popup-ltt .youGetRow .key {
	padding-left: 0px;
	padding-top: 7px;
}

.wallet-popup-ltt p {
	padding:  0px 20px;
	font-size: 13px;
}

.wallet-popup-ltt p.form-notes {
	padding:  0px;
	font-size: 12px;
}

.wallet-popup-ltt p a {
	color: var(--red);
}

.wallet-popup-ltt .totalDueRow {
	padding-bottom: 0px;
	color: #fff;
}

.wallet-popup-ltt .modal-content .bitUnitsBlock {
	margin-top: 50px;
}

.wallet-popup-ltt .modal-content .bitUnitsBlock .ltt-suffix {
	font-size: 20px;
}

.wallet-popup-ltt .modal-content .bitUnitsBlock .normal-font-weight {
	font-weight: normal;
}

.wallet-popup-ltt .bitUnitsBlock .btnRow {
	padding: 40px 0px;
}

.wallet-popup-ltt .youGetRow {
	padding: 12px 34px
}

.wallet-popup-ltt .youGetRow .val {
	font-size: 28px;
	padding-right: 0px;
}

.wallet-popup-ltt .bitUnitsBlock {
	padding: 0px 20px;
	margin-top: 30px;
}

.wallet-popup-ltt .bitUnitsBlock .packsRow .form-control {
	border-color: #fff;
}

.wallet-popup-ltt .bitUnitsBlock .packsRow:before {
	background: #fff;
}

.wallet-popup-ltt .totalDueRow {
	padding: 26px 0px 0px 0px;
}

.wallet-popup-ltt .totalDueRow .col-key-header {
	font-weight: bold;
	font-size: 18px;
}

.wallet-popup-ltt .totalDueRow .col-key-content {
	font-size: 11px;
}

.wallet-popup-ltt .totalDueRow .val.col-text-right {
	text-align: right;
	padding-right: 33px;
	font-size: 34px;
	font-weight: bold;
}

.wallet-popup-ltt .totalDueRow .val.col-text-right.bonus-offered-number {
	padding-top: 10px;
}

.wallet-popup-ltt .totalDueRow .line-separator hr {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	margin-top: 10px;
}

.wallet-popup-ltt .totalDueRow .form-number {
	font-weight: normal;
}

.ltt-staked-popup a {
	color: var(--red);
}

.ltt-staked-popup .modal-body {
	padding: 20px 30px;
}

@media(max-width: 768px) {
  .modal-dialog {min-height: calc(100vh - 20px); }
  .walletBalInfo .col-auto {position: relative; padding-left: 80px; text-align: left; padding-bottom: 15px;}
  .graph-text {padding: 20px 20px 0px 20px;}
}

.bitUnitsBlock .packsRow .form-control {
	border-bottom: none;
	border-bottom-left-radius: 0px 0px;
  	border-bottom-right-radius: 0px 0px;
}

.modal-backdrop {
	background-color: rgba(0,0,0,0.7);
}

.cardHead .textA .audit-icon {
	max-width: 25px; 
	vertical-align: top;
}

.audit-report-ltt {
	margin: 15px 0px 0px 0px;
}

.font-12 {
	font-size: 12px;
}

#popup_2fa img {
	margin: 30px auto;
}


/* Login Page */
.loading {
	font-size: 30px;
}

.login-footer-text {
	color: #B3B3B3;
}

#login_otp_ath .regHead .desc a {
	font-weight: normal;
}

.loading:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4,end) 900ms infinite;      
	animation: ellipsis steps(4,end) 900ms infinite;
	content: "\2026"; /* ascii code for the ellipsis character */
	width: 0px;
}

@keyframes ellipsis {
	to {
		width: 1.25em;    
	}
}

@-webkit-keyframes ellipsis {
	to {
		width: 1.25em;    
	}
}

/* Profile */
.redBtn.cancel {
	background-color: gray;
}

/* Pagination */
.load-more-con {
	text-align: center;
	padding-top: 20px;
}

/* Top Alert */
.alert-top {
	background: var(--red);
	color:white;
	border-radius: 0px;
	padding: 0.3rem 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	padding-top:  0.5rem;
	margin-bottom: 0.4rem;
	text-align: left;
	/*padding-left: 70px;*/
}

.alertTop {
	/*display: none;*/
}

.alertTop span.alert {
	padding-left: 0px;
}

.alertTop span a {
	color: #fff;
}

.alertTop span img {
	height: 25px;
	margin-right: 10px;
	margin-top: -2px;
}

.alertTop button.close {
	color:#fff;
	opacity: 1;
	padding-right: 16px;
}

.middle-add-padding {
	padding-top: 100px;
}

.middle-add-padding-arena {
	padding-top: 110px;
}

.middle-add-padding-wallet {
	padding-top: 120px;
}

/* Air Drop Modal */
.popup-air-drop .button-con {
	text-align: center;
	padding: 0px;
}

.popup-air-drop .button-con button {
	margin: 10px 0px;
}

/* Page Header Images */
.page-header-image {
	display: none;
}

@media (max-width: 767px) {
	.page-header-image {
		display: block;
	}

	.badge-box-ratio {
/*		height: 63px;*/
	    border: 2px #da2267 solid;
	    border-radius: 10px;
	    padding-top: 5px;
	}
}

/* Footer */
.disable-link {
	text-decoration: none;
	color: gray;
}

/* Home  */
.home-auctions .owl-nav {
	display: none;
}

.homeBg .homeSecA .home-learn-more {
	margin-right: 10px;
}

@media (max-width: 767px) {
	.homeBg .homeSecA div {
		text-align: center;
	}

	.homeBg .homeSecA div a.borderBtn {
		margin-bottom: 20px;
	}

	.homeBg .homeSecA .home-learn-more {
		margin-left: 0px;
	}
}

/* Coming Soon Page */
.coming-soon {
	text-align: center;
	padding-top: 80px;
}

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

.coming-soon .coming-soon-home {
	display: none;
}

/* Learn More Page */
.learn-more .borderBtn {color: #ffffff;border:solid 2px #ffffff;border-radius: 5px; padding:8px 16px 7px 16px; display: inline-block; background: #000; font-size: 18px; font-weight: 700;}
.learn-more .borderBtn:hover {text-decoration: none;background: #fff; color: #000;}

.learn-more .bannerText {padding:20px 0px 40px 0px;max-width: 500px;}
.learn-more .bannerText h1 {color: #FFFFFF; font-size: 55px; margin: 0px 0px 30px 0px; font-weight: 200; line-height: 1.2;}
.learn-more .bannerText .desc {color: #FFFFFF; font-size:16px; margin: 0px 0px 50px 0px; font-weight: 200;}
.learn-more .bannerText .desc strong {font-weight: 700;}
.learn-more .btnRow .borderBtn {min-width:200px;text-align: center;}
.learn-more .btnRow .borderBtn:nth-child(1) {margin: 0px 10px 0px 0px;}
.learn-more .bannerImg {text-align: right; margin-bottom: 20px;position: relative; }
.learn-more .bannerImg img {max-height: calc(100vh - 110px); min-height: 500px;}
.learn-more .img-magnifier-container {position: relative; display: inline-block;}
.learn-more .img-magnifier-glass {position: absolute; border: 3px solid #ffffff; border-radius: 50%; cursor: none; width: 160px; height: 160px; opacity: 0; }
.learn-more .img-magnifier-glass:hover {opacity: 1;}
.learn-more-bg {position: relative;background: url(../images/bg-01.jpg?1.2) no-repeat center / cover; min-height: 100vh;overflow: hidden;}
.learn-more .container {
	max-width: 1490px;
	width: calc(100% - 150px);
}

@media (max-width: 767px) {
	.learn-more .container {
	    max-width: inherit;
	    width: 100%;
	}

	.learn-more .visM {display: block;}
	.learn-more .visD {display: none;}
	.learn-more .mobileNavBtn {margin-right: 0px;}
	.learn-more .container {max-width: inherit; width:100%;}
	.learn-more .mainBg {position: relative;background: url(../images/bg-11.jpg?1.2) no-repeat bottom center / cover; min-height: 100vh;}
	.learn-more .header {padding:20px 0px;}
	.learn-more .logo {margin: 0px 0px 0px 0px;}
	.learn-more .logo img {max-width: 160px;}

	.learn-more .borderBtn {font-size: 14px;}
	.learn-more .btnRow .borderBtn {min-width: inherit;}
	.learn-more .btnRow .borderBtn:nth-child(1) {margin: 0px 5px 10px 0px;}

	.learn-more .bannerText {padding: 0px 0px 10px 0px;}
	.learn-more .bannerText h1 { font-size: 40px; margin: 0px 0px 10px 0px; }
	.learn-more .bannerText .desc {font-size:13px; margin: 0px 0px 10px 0px;}
	.learn-more .bannerImg {text-align: center;}
	.learn-more .bannerImg img {min-height: inherit;max-width: 250px;}
}

/* hard cap styles */
.hard-cap-con {
	position: absolute;
    padding: 2px 5px;
    width: 50%;
    background: url("../images/hard-cap-background.png");
    background-size: 100% 100%;
}

.hard-cap-con .learn-more-con{
	font-size: 9px;
	padding-top: 2px;
}

.hard-cap-con .hard-cap-left-con {
	width: 40%;
	float: left;
	padding: 5px;
}

.hard-cap-con .hard-cap-left-con img {
	max-height: 20px;
	width: auto;
}

.hard-cap-con .hard-cap-right-con {
	width: 40%;
	float: left;
	font-size: 1.75em;
	font-weight: bold;
	padding-top: 5px;
	text-align: center;
}

/* Generic Popup */
.black-popup .modal-content {
	background-color: #000;
	border: solid thin #fff;
    border-radius: 3px;
}

.black-popup .modal-content .modal-body {
	padding: 40px 30px 30px 30px;
}

.black-popup .modal-content p {
    color: #fff;
}

.black-popup .modal-body>p {
	padding: 0px 20px;
}

.black-popup .modal-body h3 {
	color: #fff;
	padding: 10px 20px 0px 20px;
}

.black-popup .close {
    color: #fff;
}

.black-popup .modal-content .modal-button-con {
    text-align: center;
    padding: 20px 0px 10px 0px;
}

.black-popup .popup-header strong {
	font-size: 30px;
    font-weight: 300;
}

.pending-transaction {
	text-align: center;
}

@media (max-width: 767px) {
	.hard-cap-con {
	    width: 65%;
	}
}

/* Upcoming */
.upcoming-page .cardListing {
	padding-bottom: 0px;
}

.upcoming-page .cardListing .load-more-button {
	margin-bottom: 40px;
}

/* Easter Egg Styles */
.easter-egg-modal-content p {
	padding: 0px 20px;
}

/* LTT Pay Page Styles */
.ltt-pay-page .singlePaeCont {
	max-width: 100%;
	text-align: center;
}

.ltt-pay-page .pay-ltt {
	margin-top: 35px;
}

/* Loot Vault */
.lootvault-page .cardListing .col-md-4 {
	margin-bottom: 0px;
}

/* Account page */
.profilePage .viewButton {
	margin-top: 10px;	
}

.profilePage .viewButton a:hover {
	text-decoration: none;
	color: #ffffff;	
}

.profilePage .emblem-government {
	height: 50px;
	margin-left: 20px;
}

.profilePage .helpful-links {
	margin-top: 40px;
	font-size: 16px;
}

.profilePage .helpful-links strong {
	padding-bottom: 15px;
	display: block;
}

.profilePage .helpful-links div {
	padding-bottom: 5px;
}

.profilePage .helpful-links div a {
	color:  #fff;
}