@import url('https://fonts.googleapis.com/css2?family=Miriam+Libre:wght@500&display=swap');
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
p{
	margin:0;
}
a,a:hover,a:focus{
	text-decoration: none;
}
body{
	font-family: 'Lovely Scream Queens';
	overflow-x: hidden;
	font-weight: 400;
}

@font-face {
    font-family: 'Lovely Scream Queens';
    src: url('https://stupid.com/wp-content/themes/twentytwenty-child/fonts/LovelyScreamQueens.woff2') format('woff2'),
        url('https://stupid.com/wp-content/themes/twentytwenty-child/fonts/LovelyScreamQueens.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


video.main-bg-video {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures the video covers the entire screen */
	position: absolute;
	top: 0;
	left: 0;
}
.full-screen-class {
    z-index: 11;
    position: relative;
    height: 100vh;
}
.full-screen-class>.container>.row{
	display: flex;
}
.full-screen-class .container .row .col-1, .full-screen-class .container .row .col-3{
    width:25vw;
}
.full-screen-class .container .row .col-2{
    width:50vw;
	position: relative;
/* 	margin-top:auto; */
}
.full-screen-class .container .row .col-2:before {
    content: "";
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    width: 50vw;
    height: 10vh;
}

/*col-1 css start*/
.full-screen-class .container .row .col-1 .menu-open-close {
    text-align: right;
    position: relative;
    height: 25.333vh;
    display: flex;
    flex-direction: column;
    align-items: end;
}
.full-screen-class .container .row .col-1 .menu-open-close>img {
    object-fit: contain;
    width: 10vw;
    height: 22.5vh;
}
.full-screen-class .container .row .col-1 .menu-open-close .menu-icons {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5vw;
    height: 3vh;
    margin-right: 4vw;
    margin-top: -8vh;
    cursor: pointer;
	z-index: 1;
}
.full-screen-class .container .row .col-1 .menu-open-close .menu-icons img.close-menu {
    width: 3vw;
	    height: auto;
}
.full-screen-class .container .row .col-1 .menu-open-close .menu-icons .open-menu {
    font-size: 1.4vw;
    color: #CF4C47;
    text-transform: uppercase;
}
.full-screen-class .container .row .col-1 .menu-all-items {
    display: none;
    width: 19vw;
    height: 64vh;
    margin-top: -12vh;
    margin-left: 1vw;
	position:relative;
}
.full-screen-class .container .row .col-1 .menu-all-items img.bg-menu-img {
    position: absolute;
    left: 0;
    right: 0;
    width: 19vw;
    height: 64vh;
    margin: auto;
    z-index: -1;
}
.full-screen-class .container .row .col-1 .menu-all-items.active {
    display: block;
}
.full-screen-class .container .row .col-1 .menu-all-items .top-bar {
    display: flex;
    justify-content: space-between;
    height: 6.5vh;
    align-items: center;
    padding-left: 0.7vw;
    padding-right: 6vw;
}
.full-screen-class .container .row .col-1 .menu-all-items .top-bar h4 {
    color: #fff;
    font-size: 2vw;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 2.1vw;
	margin: 0;
}
.full-screen-class .container .row .col-1 .menu-all-items .top-bar img {
    width: 2vw;
    height: 5vh;
}
.full-screen-class .container .row .col-1 .menu-all-items .menu-bar ul {
    text-align: center;
    list-style: none;
	margin:0;
}

.full-screen-class .container .row .col-1 .menu-all-items .menu-bar ul li {
    font-size: 2.5vw;
    line-height: 7vh;
    padding-top: 1vh;
    padding-bottom: 1.9vh;
    position: relative;
    cursor: pointer;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 0.3vh solid #d34e47;
}
.full-screen-class .container .row .col-1 .menu-all-items .menu-bar ul li a {
    color: #FF9C00!important;
    display: block;
	transition:all 0.5s ease-in-out;
}
.full-screen-class .container .row .col-1 .menu-all-items .menu-bar ul li:hover a {
    color: #fff !important;
    -webkit-mask-image: linear-gradient(-75deg, rgb(255 255 255 / 60%) 30%, #ffffff 50%, rgb(255 255 255 / 60%) 70%) !important;
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

.full-screen-class .container .row .col-1 .menu-all-items .menu-bar ul li:before{
/* 	content: "";
	position: absolute;
	background-image: url(../images/ui_div_menu_box-ezgifcom-optipng.png);
    background-repeat: no-repeat;
    background-size: 100%;
	width: 100%;
	height: 0.5vh;
	left: 0;
	right: 0;
	bottom: 0; */
	display:none;
}
.full-screen-class .container .row .col-1 .menu-all-items .footer-bar {
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 2vh;
    height: calc(100% - 6.5vh);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.full-screen-class .container .row .col-1 .menu-all-items .social-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1vw;
}
.full-screen-class .container .row .col-1 .menu-all-items .social-bar a, .full-screen-class .container .row .col-1 .menu-all-items .social-bar a img {
    width: 4vw;
    height: 8.67vh;
    object-fit: contain;
}
.full-screen-class .container .row .col-1 .menu-all-items .bottom-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 1.5vw;
    row-gap: 2.5vh;
}
.full-screen-class .container .row .col-1 .menu-all-items .bottom-bar a {
    width: 3vw;
    display: inline-block;
    text-align: center;
}
.full-screen-class .container .row .col-1 .menu-all-items .bottom-bar a img {
    width: 3vw;
    height: 5vh;
    object-fit: contain;
}
.full-screen-class .container .row .col-1 .menu-all-items .bottom-bar a p {
    display: none;
}
.full-screen-class .container .row .col-1 .left-bottom-animation-icons {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 2.5vw;
}
.full-screen-class .container .row .col-1 .left-bottom-animation-icons a p {
    display: none;
}
.full-screen-class .container .row .col-1 .left-bottom-animation-icons a {
    cursor: pointer;
}
.full-screen-class .container .row .col-1 .left-bottom-animation-icons img {
    width: 5vw;
    margin: 0 -0.8vw;
}
/*col-1 css close*/


/*col-2 css start*/
.full-screen-class .container .row .col-2 img.main_tv_img {
    max-width: 100%;
    height: 100vh;
    display: block;
    width: 100%;
    pointer-events: none;
    z-index: 1;
    position: relative;
}
.full-screen-class .container .row .col-2 .main_tv_img {
    max-width: 100%;
    height: 100vh;
    display: block;
    width: 100%!important;
    pointer-events: none;
    z-index: 1;
    position: relative;
	object-fit:initial;
} 
.full-screen-class .container .row .col-2 .big_tv_after_overlay {
    position: relative;
}
.full-screen-class .container .row .col-2 .big_tv_after_overlay:before {
    content: "";
    position: absolute;
    background: #000;
    width: 27vw;
    height: 50vh;
    bottom: 40vh;
    left: 0;
    right: 0;
    margin: auto;
}
.full-screen-class .container .row .col-2 .tabing-content {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 31vh;
}
.full-screen-class .container .row .col-2 .tabing-content .content-container {
    text-align: center;
    margin-bottom: 14vh;
}
.full-screen-class .container .row .col-2 .tabing-content .content-container img.gif-img {
    border-radius: 2vw 2vw 0vw 0vw;
}
.full-screen-class .container .row .col-2 .tabing-content .content-container img.gif-img, .full-screen-class .container .row .col-2 .tabing-content .content video {
    width: 26vw !important;
    z-index: 0;
    position: relative;
    cursor: pointer;
    height: 42vh;
    object-fit: contain;
    margin-right: 1vw;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container {
    width: 100%;
    max-width: 8vw;
    margin-left: auto;
    display: flex;
    margin-right: auto;
    justify-content: center;
	position: relative;
    z-index: 1;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon {
	font-family: "Miriam Libre", sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-shadow: 0.3px 0.3px 0px rgb(0 0 0);
    filter: drop-shadow(0.8px -0.8px 0px rgb(255 255 255 / 40%));
    font-size: 0.5vw;
	position: absolute;
}

.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.copy-ca.active:before {
    border: 0.01vw solid #ff0000;
}

.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.copy-ca::before {
    content: "";
    position: absolute;
    background: rgb(0 0 0 / 75%);
    width: .8vw;
    height: 1.4vh;
    border-radius: 50px;
    box-shadow: 0px 0px 7px 1px #FF0000;
    margin-left: 0.7vw;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.copy-ca {
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    word-spacing: 2vw;
    margin-top: -6.4vh;
    margin-right: 0.5vw;
    color: #000;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.moonshot {
    color: #7A227A;
    left: -0.4vw;
    top: -4vh;
    row-gap: 0.5vh;
    bottom: 0;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.coinex {
    color: #0F46A1;
    left: 1.5vw;
    top: -4vh;
    row-gap: 1.5vh;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.story {
    color: #955515;
    top: -4.5vh;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.story img {
    width: 1.5vw;
    height: 3.5vh;
    object-fit: contain;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.gate {
    color: #345292;
    right: 1.8vw;
    top: -4vh;
    row-gap: 1.5vh;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.jupiter {
    color: #0F6749;
    right: -0.1vw;
    top: -4vh;
    row-gap: 0.5vh;
}  
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon img {
    width: 1vw;
    height: 2.2vh;
    position: relative;
    padding: 0.222vh 0.1vw;
    background-color: rgb(0 0 0 / 70%) !important;
    border-radius: 50px;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.active img {
    border: 0.15vw solid #FF0000;
}

.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.buy-now {
    position: absolute;
    right: -8.5vw;
    font-size: 0;
    width: 4.5vw;
    height: 4vh;
    bottom: 1vh;
}
.full-screen-class .container .row .col-2 .tabing-content .content {
	display: none;
}
.full-screen-class .container .row .col-2 .tabing-content .content.active {
	display: block;
	width: fit-content;
    margin: auto;
}

.full-screen-class .container .row .col-2 .mute-unmute {
    position: absolute;
    right: 17.1vw;
    bottom: 32.2vh;
    width: 1.7vw;
    height: 3.8vh;
    background-color: #2a2a2a;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.full-screen-class .container .row .col-2 .mute-unmute img.sound {
    width: 1.2vw;
	  height:auto;
}
.full-screen-class .container .row .col-2 .mute-unmute.active::before {
    content: "";
    position: absolute;
    background: rgb(255 255 255);
    height: .3vh;
    width: 1.4vw;
    border-radius: 50%;
    transform: rotate(125deg);
}
.full-screen-class .container .row .col-2 img.taddy-with-sound {
    position: absolute;
    bottom: 26vh;
    right: 9.3vw;
    width: 4vw;
    z-index: 1;
}
.full-screen-class .copy-text {
    position: absolute;
    bottom: 2.4vh;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #FFCC00;
    text-transform: uppercase;
    font-size: 0.8vw;
    z-index: 1;
}
.full-screen-class .container .row .col-2 img.image-fadei-in-out {
    position: absolute;
    right: 9vw;
    bottom: 19.5vh;
    animation: fadeIn 2s infinite linear;
    width: 1.5vw;
    z-index: 1;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.full-screen-class .container .row .col-2 .video-player-icon {
    position: absolute;
    bottom: 10.3vh;
    left: 10vw;
    z-index: 1;
    height: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.full-screen-class .container .row .col-2 .video-player-icon img.play-media {
    position: absolute;
    left: 1.6vw;
    cursor: pointer;
    height: 2vh;
    width: 0.5vw;
    object-fit: contain;
    bottom: 0;
    top: 0;
    margin: auto;
}
.full-screen-class .container .row .col-2 .video-player-icon img.pause-media {
    position: absolute;
    right: 1.5vw;
    bottom: 0;
    top: 0;
    margin: auto;
    cursor: pointer;
    height: 2vh;
    width: 0.5vw;
    object-fit: contain;
}
.full-screen-class .container .row .col-2 .video-player-icon img:nth-child(2) {
    height: 2vh;
    object-fit: contain;
    max-width: 9.5vw;
}
/*col-2 css close*/

/*col-3 css start*/
.full-screen-class .container .row .col-3 .soicail-animatin-gif {
    margin-left: auto;
    height: 100%;
}

.full-screen-class .container .row .col-3 {
    display: flex;
    align-items: end;
    height: 100vh;
	position:relative;
}
.full-screen-class .container .row .col-3.video-section video {
    height: calc(100vh - 1.7vh);
}
.full-screen-class .container .row .col-3.video-section .social-bar {
    display: flex;
    flex-direction: row-reverse;
    position: absolute;
    left: 0;
    right: 0;
    justify-content: center;
    column-gap: 2vw;
    bottom: 0vh;
}
.full-screen-class .container .row .col-3.video-section .social-bar a, .full-screen-class .container .row .col-3.video-section .social-bar a img{
       width: 4vw;
       height: 90vh;
} 
.full-screen-class .container .row .col-3.video-section .social-bar a img {
    display: block;
    z-index: 1;
    opacity: 0;
}
/*col-3 css close*/


.modal-content video {
    width: 38vw !important;
    object-fit: cover;
    height: 56vh;
    border-radius: 1vw;
    cursor: pointer;
}
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 22;
}
.modal .modal-center {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Modal content */
.modal-content {
    background: rgb(255 255 255 / 50%);
    padding: 2vh 1vw;
    border-radius: 1vw;
    width: 40vw;
    height: 60vh;
    text-align: center;
    position: relative;
}
/* Close button */
.close-btn {
    position: absolute;
    top: -3.5vh;
    right: -1.8vw;
    cursor: pointer;
    z-index: 1;
}
.close-btn img {
    width: 2vw;
}
.modal-content img.hide-show-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4vw;
    height: 8.6vh;
    border-radius: 50vw;
    cursor: pointer;
    backdrop-filter: blur(10px);
	pointer-events: none;
}

@media screen and (max-width: 480px) {}
@media screen and (max-width: 320px) {}

/* new CSS */
/* .full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.copy-ca {
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    word-spacing: 2vw;
    margin-top: -5vh;
    margin-right: 0.5vw;
    color: #000;
}
 
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.moonshot {
    color: #7A227A;
    left: -0.4vw;
    top: -2.7vh;
    row-gap: 0.5vh;
    bottom: 0;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.coinex {
    color: #0F46A1;
    left: 1.5vw;
    top: -2.7vh;
    row-gap: 1.5vh;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.story {
    color: #955515;
    top: -2.9vh;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.story img {
    width: 1.3vw;
    height: 2.6vh;
    object-fit: contain;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.gate {
    color: #345292;
    right: 1.7vw;
    top: -2.8vh;
    row-gap: 1.5vh;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.jupiter {
    color: #0F6749;
    right: -0.2vw;
    top: -2.8vh;
    row-gap: 0.5vh;
}
.full-screen-class .container .row .col-2 .tabing-content .icon-container .icon.buy-now {
    position: absolute;
    right: -8.5vw;
    font-size: 0;
    width: 4.5vw;
    height: 4vh;
    bottom: 0vh;
}
.full-screen-class .container .row .col-2 .mute-unmute {
    position: absolute;
    right: 17.3vw;
    bottom: 30.9vh;
    width: 1.5vw;
    height: 3.4vh;
    background-color: #2a2a2a;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
  */