﻿@charset "UTF-8";

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.right-block {
  display: block;
  margin-right: 0;
  margin-left: auto;
}

.left-block {
  display: block;
  margin-right: auto;
  margin-left: 0;
}


.lnbtab { background-color:#fff; overflow : hidden;  }
.lnbtab_sub { position:relative; height:50px; border-bottom:1px solid #d2d2d2;  white-space:nowrap; overflow-x:scroll; -ms-overflow-style:none; padding:0px 20px;  }
.lnbtab_sub::-webkit-scrollbar {display:none;}
.lnbtab_sub .lnbtabsub_nav {
	/*min-width: 600px;*/
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative; height:48px; 
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-between !important; 
}
.lnbtab_sub .lnbtabsub_nav li {
	display:inline-block;
	-webkit-box-flex: 1; -webkit-flex: auto; flex:auto; text-align:center;
	padding:0px 30px;
}
.lnbtab_sub .lnbtabsub_nav li a {
	position:relative; display:inline-block; height:48px; line-height:48px; font-size:17px; font-weight:500; color:#000; letter-spacing: -0.05em; text-decoration:none;
}
.lnbtab_sub .lnbtabsub_nav li .active { font-weight:700; color:#165123; }
.lnbtab_sub .lnbtabsub_nav li .active::before {content: ''; position: absolute; left:-2px; bottom:-1px; display: block; width:100%; padding:0 2px; height:2px; background-color:#165123; }



.swiper-slide-snb { position:relative; width:auto;    }
.swiper-slide-snb .swiper-slide {width:auto;padding:0px 30px;}
	.swiper-slide-snb .swiper-slide a {
		position:relative; display:inline-block; height:48px; line-height:48px; font-size:17px; font-weight:500; color:#000; letter-spacing: -0.05em; text-decoration:none;
	}
.swiper-slide-snb .swiper-slide a.active { font-weight:700; color:#165123; }
.swiper-slide-snb .swiper-slide a.active::before {content: ''; position: absolute; left:-2px; bottom:-1px; display: block; width:100%; padding:0 2px; height:2px; background-color:#165123; }




/***** customer ******************/

.footer-account {margin:0 50%;left:-288px;width:576px;}
.body-1 {background:url(../../img/bg-3.jpg) center top;}
.body-login {background:url(../../img/bg-2.jpg) center top;}
.help-block {font-size:12px;margin-top:8px;color:#6a6a6a;}

.ecoin-img {width:45px;height:45px;object-fit:cover;margin-right:15px}
.country-img24 {width:24px;height:24px;object-fit:cover;margin-right:5px}



.item-card-history {border-radius:0px;border-bottom:1px solid var(--gray-200);background-color:var(--white)}
.item-card-history .body-card{padding:5px 20px 10px 20px;display:block;text-decoration:none !important}
.item-card-history .body-card .cover-nft{position:relative}
.item-card-history .body-card .cover-nft .img-cover{width:100%;height:170px;border-radius:15px;object-fit:cover}
.item-card-history .body-card .cover-nft .icon-type{position:absolute;width:35px;height:35px;border-radius:10px;background-color:rgba(34,32,50,.3);font-size:18px;color:#fff;display:inline-flex;align-items:center;justify-content:center;inset:0;margin:15px}
.item-card-history .body-card .cover-nft .countdown-time{background-color:var(--white);border-radius:50px;font-size:13px;font-weight:500;padding:8px 12px;bottom:15px;left:15px;position:absolute;display:inline-block;color:var(--dark)}
.item-card-history .body-card .title-card-nft{display:flex;justify-content:space-between;margin:15px 0}
.item-card-history .body-card .title-card-nft .side-one{width:calc(100% - 80px)}
.item-card-history .body-card .title-card-nft .side-one h2{font-size:16px;font-weight:500;color:var(--dark);margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.item-card-history .body-card .title-card-nft .side-one p{margin:0;font-size:13px;font-weight:400;color:var(--secondary)}
.item-card-history .body-card .title-card-nft .side-other .no-sales{font-size:13px;display:block;font-weight:500;color:#3eca76}
.item-card-history .creator-name{display:inline-flex;align-items:center}
.item-card-history .creator-name .image-user{position:relative;margin-right:10px}
.item-card-history .creator-name .image-user .img-avatar{width:30px;height:30px;object-fit:cover;border-radius:50%}
.item-card-history .creator-name .image-user .icon{position:absolute;font-size:16px;color:#395aff;top:15px;right:-4px}
.item-card-history .creator-name h3{font-size:13px;color:var(--dark);font-weight:500;margin:0}
.item-card-history .head-card{padding:10px 20px 0px 20px}
.item-card-history .footer-card{border-top:1px solid var(--gray-200);padding:15px 20px;display:flex;justify-content:space-between;align-content:center}
.item-card-history .footer-card .starting-bad h4{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:3px}
.item-card-history .footer-card .starting-bad span{font-size:13px;color:var(--secondary);font-weight:400;display:block}



header .default.heade-sticky {background-color:#f1f1f1;}


.bg-blue-dark {background-color:#082d74;}
.bg-green-dark {background-color:#09735c;}
.bg-yellow2 {background-color:#ffec3e;}
.bg-red-dark {background-color:#ab2727;}
.bg-orange-dark {background-color:#ff7800;}
.bg-blue2 {background-color:#70cbff;}


.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }


.rounded3 {border-radius: 3% !important;}
.rounded50 {border-radius: 50% !important;}