html{height: 100%; min-height:100%;}
body {margin: 0; padding: 0; background-color:#000; color:#ccc8b2; font-family: "Open Sans", sans-serif; }
h1, h2, h3, h4, h5, .btn {font-family: "Poppins", sans-serif; font-weight: 500;}

.btn-primary {background-color: #FBD401; border: none; transition: ease all 0.5s; color:#000;}
.btn-primary:hover {background-color: #f6a907;}
.btn-primary:focus {background-color: #f6a907;border-color: #f6a907;box-shadow: 0 0 0 .25rem rgba(246,169,7,.5);}
.navbar-dark .navbar-nav .nav-link.btn-primary {color:#000;}
img {max-width: 100%;}
#wrap {width:100vw; min-height: 100%; height: 100%; position:relative; padding-top: 0px; overflow: hidden;}
#wrap.inner {padding-top:20px; overflow: initial;}
#wrap.inner:before {position:absolute; width: 100%; height: 150px; top: 0; left: 0; content:''; display: block;background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(252,204,0,.5) 0%, rgba(252,204,0,0) 88%); opacity: .62;z-index: 2;}
.header {padding: 10px 0; position: fixed; width: 100%; top: 0; z-index: 5; transition: ease all 0.5s;}
.header.fixed {padding: 0px; background-color: rgba(25,21,3,.7); border-bottom: solid 1px rgba(255,255,255,.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.logo {width:90%; max-width: 240px; display: block;transition: ease all 0.5s;}
.header.fixed .logo {max-width: 160px;}
.banner {background:#000; min-height: 80vh; padding: 25vh 0 20vh; position: relative; justify-content: center; text-align: left; align-items: center;
  justify-content: center; display: flex; color:#fff;transform: rotateX(var(--rotate-x)) rotateY(var(--rotate-y));
  transform-style: preserve-3d;
  transition: transform 1.5s cubic-bezier(0.05, 0.5, 0, 1);
  will-change: transform;}
.banner .subtitle {color: #fccc00; font-size: 14px;font-family: "Poppins", sans-serif; font-weight: 500;}
.banner h1 {font-weight: 700; font-size:65px; margin-bottom:0px;}
.banner h2 {font-size: 29px;}
h2 span, h1 span, h3 span {color: #fccc00; }
.banner video {position: absolute; height: 100%; width: 100%; z-index:1;left: 0;top:0%; opacity:.36; object-fit: cover;}
.banner:before {position:absolute; width: 100%; height: 150px; top: 0; left: 0; content:''; display: block;background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(252,204,0,.5) 0%, rgba(252,204,0,0) 88%); opacity: .62;z-index: 2;}
.banner:after {position:absolute; width: 100%; height: 150px; bottom: 0; left: 0; content:''; display: block;background: rgb(252,204,0);
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 88%); opacity:1;z-index: 2;}
.banner .container {position:relative; z-index: 5;}
.nav-item {width:auto;}
.nav-item a i {font-size: 24px; color: #fccc00; transition: ease 0.5s all;}
.nav-item a:hover i {color: #fff}
.logo img {width: 100%;}
.bee-1 {position: absolute; top: 20px; left:20px;z-index: 4; border: none; outline: none;}
.bee-2 {border: none; outline: none;position: absolute; top: 13.5vh; right:25%; transform: translateZ(80px) scale(0.88);z-index: 4; }
.bee-3 {border: none; outline: none;position: absolute; top: 18vh; left:25%;transform: translateZ(180px) scale(0.8);z-index: 4;}
.bee-4 {border: none; outline: none;position: absolute; top: 38vh; right:40%;transform: translateZ(190px) scale(0.9);z-index: 4;}
.bee-6 {border: none; outline: none;position: absolute; bottom:-90px; left:-90px; transform: translateZ(300px) scale(0.9);z-index: 4;}
.bee-7 {border: none; outline: none;position: absolute; bottom:-40px; left:-40%; transform: translateZ(300px) scale(0.9); width: 55%;}
.bee-8 {border: none; outline: none;position: absolute; bottom:40%; right:-25%; transform: translateZ(300px) scale(0.9); width: 45%; z-index: 2;}
.bee-5 {border: none; outline: none;position: absolute; bottom: 1vh; right:0; transform: translateZ(150px) scale(0.9);}

.faq h3 {padding-top: 35px;}
.faq-menu {position: fixed;}
.faq-menu h2 {font-size: 22px;}
.faq-menu li {padding-bottom: 10px;}
.faq-menu li a {color:#f9f9f9; text-decoration: none;}
.faq-menu ol {list-style:none; padding:0;}


.card-video {background: rgb(45,42,26); position:relative; background: linear-gradient(270deg, rgba(22,19,4,.1) 0%, rgba(22,19,4,.5) 88%);border-radius: 10px; border: solid 1px rgba(255,255,255,.15); padding: 45px; text-align: center;}
.card-video video {position: absolute; height: 100%; width: 100%; z-index:-1;left: 0;top:0%; opacity:.1; object-fit: cover; border-radius:10px;}
@keyframes beemove {
    0% { transform: translateX(-30px); transform: translateY(-15px); }
    51% { transform: translateX(20px); transform: translateY(10px);}
    100% { transform: translateX(-30px); transform: translateY(-15px); }
}
@keyframes beemove2 {
    0% { transform: translatee(-2px, -5px) scale(0.88); }
    30% { transform: translate(8px, 5px);}
	65% { transform: translate(-2px, 2px) scale(1);}
    100% { transform: translate(-2px, -5px) scale(.88); }
}

.section {min-height: 40vh;align-items: center;  justify-content: center; display: flex; padding: 80px 0;}
.section-back {background: url(back-section.jpg) no-repeat center; background-size: cover; position: relative}
.section-back:before {position:absolute; width: 100%; height: 50px; top: 0; left: 0; content:''; display: block;background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 88%); opacity:1;z-index: 2;}
.section-back:after {position:absolute; width: 100%; height: 50px; bottom: 0; left: 0; content:''; display: block;background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 88%); opacity:1;z-index: 2;}
.card {background:#120F02; border-radius:8px; padding: 20px;}
.solana-logo {width: 22%; float: right; margin-left: 25px;}
.st0 {
  stroke: #ffe35a;
}

.st0, .st1, .st2 {
  fill: none;
  stroke-miterlimit: 10;
}

.st3, .st4 {
  fill: #010101;
}

.st1 {
  stroke: #fff3b9;
}

.st5 {
  fill: #010102;
}

.st6 {
  fill: #fff;
  font-size: 12px;
}

.st6, .st7 {
  font-family: Poppins-Medium, Poppins;
  font-weight: 500;
}

.st8 {
  fill: #fff3b9;
}

.st7 {
  font-size: 12.5px;
}

.st7, .st9 {
  fill: #ffd405;
}

.st2 {
  stroke: #ffd405;
}

.st10 {
  fill: #ffe35a;
}

.st4 {
  font-family: Poppins-Bold, Poppins;
  font-size: 16px;
  font-weight: 700;
}

.follow {position: relative; padding: 5vh 0; overflow: hidden; }
.follow .col-md-3 {display: flex;align-items: center;  justify-content: center;}
.follow:after {content: ''; transition: ease 1.5s all; display: block; position: absolute; width: 60%; max-width: 500px; height: 30px; -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); transform: skewX(-8deg); -webkit-filter: blur(45px); -moz-filter: blur(45px); -o-filter: blur(45px); -ms-filter: blur(45px); filter: blur(45px); top: 0; right: -10px; background:#F7A900; -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right;}
.follow:before {content: ''; transition: ease 1.5s all; display: block; position: absolute; width: 60%; max-width: 500px; height: 30px; -webkit-transform: skewX(-8deg); -moz-transform: skewX(-8deg); -ms-transform: skewX(-8deg); transform: skewX(-8deg); -webkit-filter: blur(45px); -moz-filter: blur(45px); -o-filter: blur(45px); -ms-filter: blur(45px); filter: blur(45px); bottom: 0; left: -10px; background:#F7A900; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left;}

.footer {color: #9F9F9F; padding: 2vh; text-align: center;}
.footer .logo {max-width: 150px; display: block; margin: 0 auto;}
.footer .menu {font-size: 13px; padding: 10px 0;}
.footer .menu a {color:#fff; text-decoration: none;}
.footer .copy {padding: 5px 0; font-size: 12px; }
.footer .disclaimer {font-size: 11px; color: #4c4c4c;}

.modal-dialog {max-width: 600px; margin-top: 6vh;}
.modal-content {background-color: #242424; border: none; box-shadow: 0 0 18px rgba(0,0,0,.7);}
.modal-dialog .modal-body {padding-top: 0;}
.close {width: 29px; height: 29px; border-radius: 50%; position:absolute; top:-10px; right:-10px;}
.modal-header {border: none; background: none; position:relative;}
.hive1 {float: right; width: 100px;}
.modal-content .item {border: solid 1px #444444; background-color: #000; padding:25px 15px 15px; border-radius: 0 0 10px 10px; margin-bottom: 10px;}
.item h3 {margin-bottom: 2px;}
.item ul {padding: 0; margin:0; list-style: none;}
.item ul li{padding: 1px 0; font-size: 12px; color:#6f6f6f; }
.item .subtitle {font-size: 12px;color:#6f6f6f;}
.item .remaining, .item .price, .item .qty {font-size: 12px; color:#d9d9d9; padding-bottom: 8px; text-align: right;}
.item .remaining span {font-size: 14px;}
.item .price span, .modal-content .total-amount span {font-size: 26px;}
.modal-content .total-amount {padding: 7px 0; font-size: 14px; text-align:center;}
.modal-content .btn-lg {width: 250px; margin: 0 auto 20px; display: block;}
.ml-4 {margin-left: 20px;}
.check-2 {padding: 10px; border-radius: 8px; border:solid 2px rgba(0,0,0,0)}
.correct {border-color: #35CB74!important}
.explanation {font-size: 13px;}
.explanation span {color:#ffd405;}
.check-2.off {opacity: 0.4;}
.check-2.off.correct {opacity: 1;}

.item h3 {font-size: 18px;}
.progress-quest {background: #3e3e32;	justify-content: flex-start;align-items: center; position: absolute; padding: 0;	display: flex; height: 8px;width: 100%; top: 0px;left: 0;	margin: 0 auto;}
.progress-value {box-shadow: 0 10px 40px -10px #4a5a0f;	border-radius: 0; background: #ffd405;	height: 8px;	position: absolute;transition: all 1s ease; width: 0;}
.progress-value.progress-10 {width: 10%;}
.progress-value.progress-20 {width: 20%;}
.progress-value.progress-30 {width: 30%;}
.progress-value.progress-40 {width: 40%;}
.progress-value.progress-50 {width: 50%;}
.progress-value.progress-60 {width: 60%;}
.progress-value.progress-70 {width: 70%;}
.progress-value.progress-80 {width: 80%;}
.progress-value.progress-90 {width: 90%;}
.progress-value.progress-100 {width: 95%;}
.progress-value.progress-110 {width: 100%;}
.item {position:relative} 
.item .btn {margin-top: 15px;}
.item.step-off {display: none;}
.check-2 input {-webkit-box-align: center; -ms-flex-align: center; -ms-flex-negative: 0; align-items: center; -webkit-appearance: none; appearance: none; background-color: #fff;  border: 2px solid #262626;  border-radius: 0;  cursor: pointer; display: inline-block; flex-shrink: 0; height: 20px; width:20px; justify-items: center; margin: 0; place-content: center; position: relative; line-height: 26px;}
.check-2 input[type=radio] {border-color:#c1c1c1;accent-color:#35CB74;display: inline-grid; border-radius: 100%}
.check-2 input[type=checkbox] {border-color:#c1c1c1;accent-color:#35CB74;display: inline-grid; border-radius: 4px}
.check-2 input[type=radio]:checked:before {border-radius: 100%; box-shadow: inset 0 0 4em 1em #ffd405; content:''; height: 18px; opacity:1; width:18px;}
.check-2 label {vertical-align: top; display: inline-block; line-height: 20px; width: calc(100% - 30px); padding-left: 10px;}
.check-2 label.form-check-label {font-size: 12px; line-height: 14px; width:89%}
.is-invalid {color:red; font-size:14px; font-weight:bold;}
.forex-bot {font-size: 12px; color: #bebebe; display: block; text-decoration: none; margin-top: 5px;}

.answer {font-size: 12px; margin-bottom: 10px; padding:1px 6px; border-left: solid 5px red;}
.answer h4 {font-size:13px;margin-bottom: 2px;}
.answer p {margin-bottom: 1px;}

.pos-relative {position: relative;}

.item-list {background: rgb(45,42,26); position:relative; background: linear-gradient(270deg, rgba(22,19,4,.51) 0%, rgba(22,19,4,1) 88%);border-radius: 10px; border: solid 1px rgba(255,212,5,.25); padding:25px; margin-bottom: 25px;}
.item-list video {position: absolute; height: 100%; width: 100%; z-index:1;left: 0;top:0%; opacity:.1; object-fit: cover; border-radius:10px;}
.item-list h4 {font-size: 16px;color: #ffd405; margin-bottom: 3px;}
.item-list.testimonial {padding: 40px; font-size: 16px;}
.item-list.testimonial span {font-style: italic;font-size: 18px; padding-bottom: 15px;}

.nft {background: rgb(45,42,26); position:relative; background: linear-gradient(270deg, rgba(22,19,4,.1) 0%, rgba(22,19,4,.5) 88%);border-radius: 10px; border: solid 1px rgba(255,212,5,.25); padding:25px; margin-bottom: 45px;}
.nft ul {padding: 10px 0px; margin:0; list-style: none;}
.nft ul li{padding: 2px 0 4px; font-size: 16px; color:#b9b9b9; line-height: 18px; position:relative}
.nft ul li:before {content: "\2B22"; color: #ffd405; font-size:15px; display: inline-block; margin: -4px 4px 0 0;}
.nft .price {font-size: 12px; color:#d9d9d9; padding-bottom: 8px;}
.nft .remaining {font-size: 12px; color:#d9d9d9;}
.nft .remaining span {font-size: 18px;}
.nft .price span {font-size: 26px;}
.nft .nft-video {max-width: 100%;}
.nft .col-md-7 {align-items: center; display: flex; flex-direction: row;}
.nft h3 {font-weight: bold; color: #f6a907;}

ul.hex {padding: 10px 0px; margin:0; list-style: none;}
ul.hex li{padding: 2px 0 4px 15px; font-size: 16px; color:#b9b9b9; line-height: 18px; position:relative}
ul.hex li:before {content: "\2B22"; color: #ffd405; font-size:15px; display: inline-block; position: absolute; left: 0; top: 4px; margin: -4px 4px 0 0;}

.qty-input {
	color: #fff;
	background: #3f3f3f; border-radius: 4px; border: solid 1px #242424;
	display: inline-block;
	align-items: center;
	overflow: hidden;

	.product-qty,
	.qty-count {
		background: transparent;
		color: inherit;
		font-weight: bold;
		font-size: inherit;
		border: none;
		display: inline-block;
		min-width: 0;
		height: 20px;
		line-height: 1;
		

		&:focus {
			outline: none;
		}
	}

	.product-qty {
		width: 20px;
		min-width: 0;
		display: inline-block;
		text-align: center;
		appearance: textfield;		
		
		&::-webkit-outer-spin-button,
		&::-webkit-inner-spin-button {
			appearance: none;
			margin: 0;
		}
	}

	.qty-count {
		padding: 0;
		cursor: pointer;
		width: 20px;
		font-size: 1.25em;
		text-indent: -100px;
		overflow: hidden;
		position: relative;
		
		&:before, 
		&:after {
			content: "";
			height: 2px;
			width: 10px;
			position: absolute;
			display: block;
			background: #fff;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
		&--minus {
			border-right: 1px solid #242424;
		}
		&--add {
			border-left: 1px solid #242424;
			&:after {
				transform: rotate(90deg);
			}
		}
		
		&:disabled {
			color: #444444;
			background: #444;
			cursor: not-allowed;
			border-color: transparent;
			
			&:before,
			&:after {
				background: #242424;
			}
		}
	}
}
.qty-input .qty-count.qty-count--add:after {transform: rotate(90deg);}
.qty-input {
	border-radius: 4px; vertical-align: middle;
	box-shadow: 0 1em 2em -0.9em rgba(#000, 0.7);
}
@media screen and (max-width: 991px)  {
	.header {padding: 0px; background-color: rgba(25,21,3,.7); border-bottom: solid 1px rgba(255,255,255,.25); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
	.navbar-nav {flex-direction: unset; flex-wrap: wrap;}
	.nav-item {flex: 0 0 96%;}
.header .logo {max-width: 160px;}
.navbar-nav li:last-child,.navbar-nav li.ml-4 {display: inline-block; flex-basis: 25%;}
}
@media screen and (max-width: 756px)  {
  .banner h1 {font-size: 40px;}
  .bee-1 {width: 15%; top: 10vh;}
  .bee-3 {top:13vh; left: 50%; width: 12%;}
  .bee-2 {right: 5%;}
  .bee-5 {width: 20%;}
  .bee-6 {width: 40%;}
  .nft {padding: 20px 30px;}
  .nft .nft-video {    max-width: 70%;
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);}
	.banner {padding: 20vh 0; min-height: 80vh; height: auto;}
	.banner .col-md-4 {padding-top: 40px; text-align:center;}
	.banner .col-md-4 img {max-width: 75%;}
	#hive img {max-width: 60%;}
	#hive .col-md-3 {text-align: center; padding-bottom: 20px;}
	.section {min-height: 35vh;}
	
	.faq-menu {position:relative;}
  }