body {
     margin: 0;
     padding: 0;
     font-family: 'Orbitron', sans-serif;
     background: #1E1E2D;
}
/*********** Header ******/
 .mynav{
     padding-top: 15px;
     padding-bottom: 15px;
     background: none;
     margin-bottom: 0;
     border: 0;
     border-radius: 0;
}
 .mynav .navbar-right{
     margin-top: 0;
}
 .logo{
     height: 85px;
}
 .mynav .navbar-right{
     margin-top: 15px;
}
 .mynav .navbar-right li{
     margin-right: 15px;
}
 .mynav .navbar-right li a{
     color: #fff;
     font-size: 32px;
     padding-top: 10px;
     transition: 100ms ease-out !important;
}
 .mynav .navbar-right li a:hover{
     color: #1C39BB;
}
 .mynav .navbar-right li .btn-join{
     background: #1C39BB !important;
     font-size: 15px !important;
     border-radius: 15px;
     padding: 12px 24px !important;
     border: 2px solid #1C39BB;
}
 .mynav .navbar-right li .btn-join:hover{
     background: none !important;
     color: #fff !important;
}
.btn-join-mobile{
     background: #1C39BB !important;
     font-size: 13px !important;
     border-radius: 15px;
     padding: 12px 16px !important;
     border: 2px solid #1C39BB;
     color: #fff;
     float: right;
     margin-top: 12px;
}
.btn-join-mobile:hover{
     background: none !important;
     color: #fff !important;
}

.bottom-icon{
     width: 35px;
     height: 35px;
     border-radius: 18px;
     background: #27AAE2;
     color: #fff;
     padding-top: 5px;
     font-size: 16px;
     text-align: center;
     margin: 5px auto;
     
}
.mind-btn{
     position: absolute;
     right: 20px;
     bottom: 20px;
     color: #fff !important;
     text-decoration: none !important;
     background: #1C39BB !important;
     font-size: 15px !important;
     border-radius: 15px;
     padding: 8px 20px !important;
     border: 2px solid #1C39BB;
}

/* .connect-wallet{
     display: flex;
     align-items: center;
} */
.connect-wallet div{
     margin-right: 20px;
}

.btn-mint{
     background: none !important;
     font-size: 14px !important;
     border-radius: 15px;
     color:#fff !important;
     padding: 10px 14px !important;
     border: 2px solid #1C39BB;
     margin-bottom: 10px;
}

.btn-mint span{
     color: #3ECF8E;
     margin-left: 10px;
     font-size: 14px !important;
}
.qty-selector{
     display: flex;
     align-items: center;
     margin-bottom: 10px;
}
.qty-selector .form-control{
     height: 40px;
     background: #fff;
     color: #000000;
     font-weight: bold;
}
.qty-selector .number{
     display: flex;
     align-items: center;
}
.qty-selector .number span{
     height: 40px;
}


.minus, .plus{
     width:40px;
     background:#1C39BB;
     border-radius:4px;
     padding:8px 5px 8px 5px;
     border:1px solid #1C39BB;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     color: #fff;
     font-weight: bold;
     cursor: pointer;
}

.btn-mint2{
     background: #1C39BB !important;
     font-size: 14px !important;
     border-radius: 15px;
     color:#fff !important;
     padding: 8px 16px !important;
     border: 2px solid #1C39BB;
     height: 40px;
}



/*********** Header ******/
 .home-header-text{
     padding-top: 50px;
     padding-bottom: 20px;
     color: #fff;
}
 .home-header-text h1 {
     font-size: 56px;
     line-height: 80px;
}
 .home-header-text h2 {
     line-height: 36px;
     font-size: 24px;
     color: #EAF4FD;
}
 .viewDemo{
     border-radius: 50px;
     height: 40px;
     padding: 2px 26px;
     background: #3ECF8E;
     border-color: #3ECF8E;
     color: #fff !important;
     margin-left: 10px;
     font-size: 15px;
     font-weight: bold;
}
 .viewDemo span{
     font-size: 28px;
     margin-left: 15px;
     position: relative;
     top: 5px;
}
/*** Player ******/
 .video {
     width: 100%;
     object-fit: cover;
    /* Rounded corners (Firefox 5 only) */
     -moz-border-radius:6px !important;
     -webkit-border-radius:6px !important;
     border-radius:6px !important;
}
 .wrapper{
     display:table;
     width:auto;
     position:relative;
     width:100%;
}
 .playpause {
     background-image:url(../images/play_blue.png);
     background-repeat:no-repeat;
     height: 40px;
     width: 40px;
     position:absolute;
     right: 0;
     top: 0;
     bottom: 0;
     left: 0;
     margin: auto;
     background-size:contain;
     background-position: center;
}
 .slideshow{
     margin: 0 auto;
     padding-top: 0px;
     height: 400px;
     perspective: 1000px;
}
 .content{
     margin: auto;
     width: 150px;
     perspective: 1000px;
     position:relative;
     padding-top: 80px;
     transform-style: preserve-3d;
}
 .slider-content{
     width: 100%;
     position:absolute;
     float:right;
     animation: rotate 15s infinite linear;
     transform-style: preserve-3d;
}
 .slider-content:hover{
     cursor: pointer;
     animation-play-state: paused;
}
 .slider-content figure{
     width:180px;
     height:150px;
     border:1px solid #555;
     overflow:hidden;
     position:absolute;
}
 .slider-content figure:nth-child(1){
     transform:rotateY(0deg) translateZ(300px);
}
 .slider-content figure:nth-child(2){
     transform:rotateY(40deg) translateZ(300px);
}
 .slider-content figure:nth-child(3){
     transform:rotateY(80deg) translateZ(300px);
}
 .slider-content figure:nth-child(4){
     transform:rotateY(120deg) translateZ(300px);
}
 .slider-content figure:nth-child(5){
     transform:rotateY(160deg) translateZ(300px);
}
 .slider-content figure:nth-child(6){
     transform:rotateY(200deg) translateZ(300px);
}
 .slider-content figure:nth-child(7){
     transform:rotateY(240deg) translateZ(300px);
}
 .slider-content figure:nth-child(8){
     transform:rotateY(280deg) translateZ(300px);
}
 .slider-content figure:nth-child(9){
     transform:rotateY(320deg) translateZ(300px);
}
 .shadow{
     position: absolute;
     box-shadow: 0px 0px 0px #000;
}
 .slider-content img{
     image-rendering: auto;
     transition: all 300ms;
     width: 100%;
     height: 100%;
}
 .slider-content img:hover{
     transform: scale(1.2);
     transition: all 300ms;
}
 @keyframes rotate {
     from{
         transform: rotateY(0deg);
    }
     to{
         transform: rotateY(360deg);
    }
}
 .section-earn{
     padding-top: 50px;
     padding-bottom: 50px;
     background: #141316;
}
 .testimonials h1{
     color: #fff;
     margin-bottom: 35px;
}
 .testimonials {
     background-color: #252525;
     position: relative;
     padding-top: 40px;
}
 .testimonials:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 30%;
     background-color: #252525;
}
 #customers-testimonials .item-details {
     background-color: #1C39BB;
     color: #fff;
     padding: 20px 10px;
     text-align: left;
}
 #customers-testimonials .item-details h5 {
     margin: 0 0 15px;
     font-size: 17px;
     letter-spacing: 1px;
}
 #customers-testimonials .item {
     text-align: center;
     margin-bottom: 80px;
}
 .owl-carousel .owl-nav [class*=owl-] {
     transition: all 0.3s ease;
}
 .owl-carousel .owl-nav [class*=owl-].disabled:hover {
     background-color: #D6D6D6;
}
 .owl-carousel {
     position: relative;
}
 .owl-carousel .owl-next, .owl-carousel .owl-prev {
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 50%;
     position: absolute;
     top: 30%;
     font-size: 20px;
     color: #fff;
     border: 1px solid #ddd;
     text-align: center;
}
 .owl-carousel .owl-prev {
     left: -70px;
}
 .owl-carousel .owl-next {
     right: -70px;
}
 .video-section h1{
     padding-top: 80px;
     text-align: center;
}
 .video-section img{
     height: 100px;
     margin-top: 20px;
}
 .video-section p{
     animation: neon2 1.5s ease-in-out infinite alternate;
}
 .video-section{
     background: #1E1E2D;
}
 .video-section h2{
     color: #fff;
     margin-bottom: 30px;
     font-size: 20px;
     animation: neon2 1.5s ease-in-out infinite alternate;
}
 @keyframes neon2 {
     from {
         text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228dff, 0 0 70px #228dff, 0 0 80px #228dff, 0 0 100px #228dff, 0 0 150px #228dff;
    }
     to {
         text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228dff, 0 0 35px #228dff, 0 0 40px #228dff, 0 0 50px #228dff, 0 0 75px #228dff;
    }
}
 .nutcracker-section{
     padding-top: 50px;
     padding-bottom: 50px;
     background: #101010;
}
 .nutcracker-section h1{
     padding-top: 80px;
     animation-name:glow;
     animation-duration:1s;
     animation-iteration-count:infinite;
     animation-direction:alternate;
}
 @keyframes glow{
     from{
        text-shadow:0px 0px 5px #fff,0px 0px 5px #614ad3;
    }
     to{
        text-shadow:0px 0px 20px #fff,0px 0px 20px #614ad3;
    }
}
 .nutcracker-section img{
     width: 100%;
     object-fit: cover;
}
/* .icon-box{
     margin-bottom: 20px;
     background: #fff;
     padding: 10px 10px;
     box-shadow: 0 0 12px 3px #1C39BB;
}
 */
 .faqs-section{
     padding-top: 60px;
     background: #1B2539;
     position: relative;
}
 .faqs-section h1{
     color: #fff;
     margin-bottom: 50px;
}
 .faqs-section .panel-heading .accordion-toggle i{
     float: right;
}
 .faqs-section .panel-default>.panel-heading{
     background: #fff;
     border-bottom: 1px solid #000000;
     padding: 12px 14px;
     box-shadow: 0 0 8px 2px #E722D0;
    /* padding-top: 4px;
     */
}
 .faqs-section .panel-default .panel-heading a{
     color: #000000;
     text-decoration: none;
}
 .faqs-section .panel-default .panel-heading a .glyphicon-remove{
     color: #000000;
}
 .faqs-section .accordion-toggle:hover {
     text-decoration: none;
}
 .faqs-section .panel{
     background: none !important;
     margin-bottom: 15px !important;
     border: 0 !important;
}
 .faqs-section .panel-body{
     font-size: 15px;
     line-height: 22px;
     color: #fff;
     border: 0 !important;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
}
 .faqs-section .panel-title{
     font-size: 16px;
     text-decoration: none;
}



/************ Extras ***********/
 .btnStyle {
     transform: translateZ(0) !important;
     backface-visibility: hidden !important;
     transition: 300ms ease-out !important;
}
 .btnStyle:hover {
     transform: scale(0.9) !important;
}
 .btnStyle2 {
     transform: translateZ(0) !important;
     backface-visibility: hidden !important;
     transition: 300ms ease-out !important;
}
 .btnStyle2:hover {
     transform: scale(1.1) !important;
}
 .white {
     color: #fff !important;
}
 .whiteMontbold {
     color: #fff;
     font-weight: bold;
}
 .block{
     display: block;
}
 @media only screen and (max-width: 767px){
     .navbar-toggle .icon-bar {
         width: 22px;
         transition: all 0.2s;
    }
     .navbar-toggle .top-bar {
         transform: rotate(45deg);
         transform-origin: 10% 10%;
    }
     .navbar-toggle .middle-bar {
         opacity: 0;
    }
     .navbar-toggle .bottom-bar {
         transform: rotate(-45deg);
         transform-origin: 10% 90%;
    }
     .navbar-toggle.collapsed .top-bar {
         transform: rotate(0);
    }
     .navbar-toggle.collapsed .middle-bar {
         opacity: 1;
    }
     .navbar-toggle.collapsed .bottom-bar {
         transform: rotate(0);
    }
     .mynav .navbar-toggle{
         background: none !important;
         border: 0 !important;
         margin-top: 20px;
    }
     .mynav .icon-bar{
         background: #fff !important;
    }
     .navbar-default .navbar-collapse, .navbar-default .navbar-form{
         border:0 !important;
    }
     .mynav .navbar-right{
         text-align: center;
    }
     .mynav .navbar-right li {
         margin-right: 5px;
         display: inline-block;
    }
     .mynav .navbar-right {
         margin-top: 10px;
    }
     .logo{
         margin-left: 15px;
    }
     .home-header-text h1 {
         font-size: 48px;
         line-height: 60px;
    }
     .home-header-text h2 {
         font-size: 20px;
    }
     .slideshow{
         height: 400px;
    }
     .video-section h1 {
         padding-top: 0px;
         text-align: center;
         margin-bottom: 35px;
    }
     .owl-carousel .owl-next {
         right: 0;
    }
     .owl-carousel .owl-prev {
         left: 10px;
    }
     .owl-carousel .owl-next, .owl-carousel .owl-prev{
         background: #fff;
         color: #E722D0;
    }
     .home-header-text{
         text-align: center;
    }
     .testimonials h1{
         line-height: 50px;
    }
     .block {
         display: inline;
    }
     .nutcracker-section h1{
         padding-top: 0;
         font-size: 30px !important;
         line-height: 50px !important;
         padding-bottom: 20px;
    }
     .faqs-section h1{
         font-size: 30px;
         line-height: 40px;
    }
     .faqs-section .panel-title {
         font-size: 13px;
         text-decoration: none;
         line-height: 16px;
    }
}
 @media (min-width: 768px) and (max-width: 991px){
     .owl-carousel .owl-next {
         right: 0;
    }
     .owl-carousel .owl-prev {
         left: 10px;
    }
     .block{
         display: inline;
    }
     .home-header-text h1{
         text-align: center;
         font-size: 46px;
         line-height: 60px;
    }
     .home-header-text h2{
         text-align: center;
         margin-bottom: 50px;
    }
     .home-header-text {
         padding-top: 30px;
    }
     #customers-testimonials .item-details h5{
         font-size: 15px;
    }
     .nutcracker-section h1{
         padding-top: 40px;
         font-size: 34px !important;
    }
}
 @media (min-width: 992px) and (max-width: 1199px){
     .owl-carousel .owl-next {
         right: -20px;
    }
     .owl-carousel .owl-prev {
         left: -20px;
    }
     .nutcracker-section h1{
         padding-top: 60px;
         font-size: 44px !important;
    }
}
 @media (min-width: 1480px) and (max-width: 5120px){
    /* .container{
         width: 1440px !important 
    }
     */
}