@charset "UTF-8";
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*-- Common Style --*/
*, *::after, *::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
height: 100%;
}
body {
line-height: 30px;
font-size: 16px;
font-style: normal;
font-weight: 300;
visibility: visible;
font-family: "Roboto", sans-serif;
color: #bbbbbb; /*fff #DDD3F5*/
letter-spacing: 0.02em;
overflow-x: hidden;
/* Set "my-sec-counter" to 0 */
counter-reset: my-sec-counter;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
margin-top: 0;
font-family: "Lato", sans-serif;
}
h1 {
font-size: 62px;
font-weight: 600;
color: #ffffff;
}
h2 {
font-size: 55px;
line-height: 72px;
font-weight: 700;
color: #ffffff;
}
h3 {
font-size: 25px;
line-height: 38px;
font-weight: 700;
color: #ffffff;
}
h4 {
font-size: 16px;
line-height: 19px;
}
h5 {
font-size: 14px;
line-height: 18px;
}
h6 {
font-size: 12px;
line-height: 14px;
}
/*p {*/
/*color: #f3f3f3;*/
/*}*/
p:last-child {
margin-bottom: 0;
}
a, button {
color: inherit;
line-height: inherit;
text-decoration: none;
cursor: pointer;
}
a, button, img, input, span {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: inline-block;
}
a:hover {
color: #b154f0;
}
.btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
*:focus {
outline: none !important;
}
a:focus {
color: inherit;
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
button, input[type=submit] {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
figure {
padding: 0;
margin: 0;
}
@-webkit-keyframes animateUpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes animateUpDown {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.banner_keyframes_animation {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
-webkit-animation-name: animateUpDown;
animation-name: animateUpDown;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bimfx { display: block; opacity: 0; pointer: none; height: 0; overflow: hidden; }
/*--
- Common Classes
-----------------------------------------*/
.fix {
overflow: hidden;
}
.hidden {
display: none !important;
}
.desktop-hidden {
display: none!important;
}
.clear {
clear: both;
}
.object-fit-cover {
-o-object-fit: cover;
object-fit: cover;
}
.container {
/*max-width: 1200px;*/
max-width: calc(100% - 20rem);
}
#cd-shadow-layer {
position: fixed;
min-height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(67, 87, 121, 0.6);
cursor: pointer;
/*z-index: 17;*/
z-index: 10;
display: none;
}
#cd-shadow-layer.is-visible {
display: block;
-webkit-animation: cd-fade-in 0.3s;
-moz-animation: cd-fade-in 0.3s;
animation: cd-fade-in 0.3s;
}
@media only screen and (max-width: 767px) {
body { overflow-x: hidden; }
.container {
max-width: 576px;
}
}
@media only screen and (max-width: 479px) {
.container {
width: 100%;
}
}
.capitalize {
text-transform: capitalize;
}
.uppercase {
text-transform: uppercase;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
margin: 0;
}
.tab-content > .tab-pane.active {
display: block;
height: auto;
opacity: 1;
overflow: visible;
}
.tab-content > .tab-pane {
display: none;
/*display: block;*/
height: 0;
opacity: 0;
overflow: hidden;
}
.padding-l-r-92 {
padding-left: 92px;
padding-right: 92px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.padding-l-r-92 {
padding-left: 80px;
padding-right: 80px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.padding-l-r-92 {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.padding-l-r-92 {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.padding-l-r-92 {
padding-left: 0;
padding-right: 0;
}
}
.body__bg {
background-size: cover;
/*background-color: #140e38;*/
/*background-color: #272727;*/
background-color: #190231;
padding-top: 10rem;
}
.body__bg.bim {
background-color: #020880;
}
.body__bg.bim:before {
content: "";
width: 100%;
height: 100%;
/*background: #000;*/
background: linear-gradient(45deg, #020010 0%,#010350 45%,#0416f2 100%);
display: block;
position: fixed;
clip-path: polygon(0 0, 100% 100%, 0 100%);
}
.btn.btn-link {
font-size: 23px;
line-height: 73px;
height: 73px;
width: 230px;
padding: 0 15px;
background: url(../img/btn-bg.webp);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
position: relative;
z-index: 9;
color: #ffffff;
border: 0;
font-weight: 700;
text-decoration: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.btn.btn-link {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.btn.btn-link {
font-size: 18px;
}
}
.btn.btn-link img {
margin-left: 14px;
}
@media only screen and (max-width: 767px) {
/*.btn.btn-link img {*/
/*width: 17px;*/
/*}*/
}
.btn.btn-link:hover {
opacity: 0.8;
}
.btn.btn-link:hover img {
margin-left: 20px;
}
@-webkit-keyframes waveAnimate {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.001;
}
}
@keyframes waveAnimate {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 1;
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.001;
}
}
/*--
- Fonts color
------------------------------*/
.text-black {
color: #000000;
}
/*--
- Background color
-----------------------------------------*/
.bg-white {
background-color: #ffffff;
}
.bg-grey {
background-color: #f8f8f8;
}
/*--
- Input Placeholder
-----------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*margin css here*/
.mb-222 {
margin-bottom: 222px;
}
.mb-150 {
margin-bottom: 150px;
}
.mb-144 {
margin-bottom: 144px;
}
.mb-142 {
margin-bottom: 142px;
}
.mb-140 {
margin-bottom: 140px;
}
.mb-135 {
margin-bottom: 135px;
}
.mb-130 {
margin-bottom: 130px;
}
.mb-125 {
margin-bottom: 125px;
}
.mb-126 {
margin-bottom: 126px;
}
.mb-118 {
margin-bottom: 118px;
}
.mb-115 {
margin-bottom: 115px;
}
.mb-110 {
margin-bottom: 110px;
}
.mb-105 {
margin-bottom: 105px;
}
.mb-100 {
margin-bottom: 100px;
}
.mb-96 {
margin-bottom: 96px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-86 {
margin-bottom: 86px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-77 {
margin-bottom: 77px;
}
.mb-72 {
margin-bottom: 72px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-66 {
margin-bottom: 66px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mr-30 {
margin-right: 30px;
}
.mb-25 {
margin-bottom: 25px;
}
.mt-100 {
margin-top: 100px;
}
/*Margin Negative*/
.mb-n50 {
margin-bottom: -50px;
}
/*padding css here*/
.pb-100 {
padding-bottom: 100px;
}
/* 01. header css here */
.body_overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
opacity: 0;
visibility: hidden;
cursor: progress;
background-color: rgba(0, 0, 0, 0.6);
top: 0;
}
.body_overlay.active {
opacity: 0.3;
visibility: visible;
}
/*header css heer*/
.sticky-header.sticky {
position: fixed;
z-index: 99;
width: 100%;
top: 0;
/*background: rgba(20, 14, 56, 0.9);*/
/*background: rgba(0, 0, 0, 0.9);*/
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-play-state: running;
animation-play-state: running;
border-bottom: 0;
display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sticky-header.sticky {
position: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-animation-name: inherit;
animation-name: inherit;
padding: 0;
background: inherit;
opacity: inherit;
}
}
@media only screen and (max-width: 767px) {
.sticky-header.sticky {
position: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-animation-name: inherit;
animation-name: inherit;
padding: 0;
background: inherit;
opacity: inherit;
}
}
.sticky-header.sticky .main_header {
padding: 10px 0;
}
.header_transparent {
background: #190231;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.main_header {
padding: 23px 0;
}
.main_header .header_logo img {
max-width: 215px;
}
@media only screen and (max-width: 575px) {
.main_header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
}
.new-mdec-poster { display: flex ; align-items: center; justify-content: center; margin-right: 20px; margin-left: -173px; margin-top: -10px; margin-bottom: -10px; }
.new-mdec-poster img { max-height: 50px; margin-left: 5px; border-radius: 2px; }
.new-mdec-poster a { display: flex ; align-items: center; justify-content: center; line-height: 1.4em; font-weight: 600; color: #fa79ff; padding: 5px 10px; border: 1px solid #ca06d1; background: rgb(72 8 71); border-radius: 4px; }
.new-mdec-poster a:hover { color: #ffffff; background: rgb(105 7 103); }
.main_menu {
padding: 0 30px;
}
.main_menu nav > ul > li {
margin-right: 57px;
position: relative;
}
.main_menu nav > ul > li:last-child {
margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.main_menu nav > ul > li {
margin-right: 45px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main_menu nav > ul > li {
margin-right: 57px;
}
}
.main_menu nav > ul > li:hover ul.sub_menu {
visibility: visible;
opacity: 1;
top: 132%;
}
.main_menu nav > ul > li:hover > a {
color: #ffffff;
}
.main_menu nav > ul > li:hover > a::before {
opacity: 1;
visibility: visible;
}
.main_menu nav > ul > li > a {
display: inline-block;
position: relative;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 30px;
text-transform: capitalize;
color: #ffffff;
}
.main_menu nav > ul > li > a.active::before {
opacity: 1;
visibility: visible;
}
.main_menu nav > ul > li > a::before {
position: absolute;
content: "";
background: url(../img/others/menu_shape.webp);
left: 50%;
top: 50%;
width: 94px;
height: 44px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main_menu nav > ul > li ul.sub_menu {
position: absolute;
min-width: 225px;
padding: 18px 20px;
background: #ffffff;
-webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
left: 0;
right: auto;
visibility: hidden;
opacity: 0;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 99;
top: 148%;
text-align: left;
border-radius: 4px;
}
.main_menu nav > ul > li ul.sub_menu li a {
font-size: 14px;
font-weight: 500;
display: block;
line-height: 32px;
text-transform: capitalize;
color: #000000;
}
.main_menu nav > ul > li ul.sub_menu li a:hover {
color: #b154f0;
}
.sing_up_btn .btn.btn-link {
position: relative;
/*background: url(../img/btn-signup.webp);*/
font-size: 16px;
width: auto; /* 157px */
height: 45px;
padding: 0 30px;
/*border-radius: 50px;*/
line-height: 45px;
}
.sing_up_btn .btn.btn-link img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.sing_up_btn .btn.btn-link.color, .sigma-spotlight-form input[type="submit"] {
background: #C50BD6;
margin-right: 1.5rem;
color: #ffffff;
border: 1px solid #E43AF3;
}
.sigma-spotlight-form input[type="submit"] { width: 150px; margin-top: 20px; font-weight: 500; border-radius: 4px; height: 45px; }
.sing_up_btn .btn.btn-link.color2 {
background: #600E67;
color: #F47AFF;
border: 1px solid #C50BD6;
}
.sing_up_btn .btn.btn-link img {
/*margin-left: 8px;*/
margin-left: 0;
}
.menu-icon { display: flex; height: 30px; width: 30px; position: absolute; left: 10px; }
.sing_up_btn .btn.btn-link.color img, .menu-icon { display: none; }
/*.sing_up_btn .btn.btn-link:hover img {*/
/*margin-left: 12px;*/
/*}*/
@media only screen and (max-width: 575px) {
.header_logo {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer { margin-top: 50px; /*background: #110430;*/ background: #121212; padding-top: 40px; }
.footer .footer_top .span1_of_4 h4 { font-weight: 600; }
.footer_logo {
margin-bottom: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.menu-icon { display: flex; }
.main_header { padding-left: 50px; }
.footer_logo {
margin-bottom: 22px;
}
}
@media only screen and (max-width: 575px) {
.footer_logo {
margin-bottom: 18px;
}
.main_header { padding-left: 50px; }
}
@media only screen and (max-width: 575px) {
.footer_social ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer_menu ul li a {
line-height: 40px;
color: #f3f3f3;
display: inline-block;
}
.footer_menu ul li a:hover {
color: #b154f0;
}
@media only screen and (max-width: 767px) {
.menu-icon { display: flex; }
.footer_menu ul li a {
line-height: 38px;
}
}
.footer_bottom {
padding: 20px 0;
background: #140e38;
}
@media only screen and (max-width: 767px) {
.footer_bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.copyright_right {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 575px) {
.copyright_right {
text-align: center;
}
}
.copyright_right p {
font-size: 16px;
color: #aaa6b9;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.copyright_right p {
line-height: 25px;
}
}
.copyright_right p a {
color: #ffffff;
font-weight: 600;
}
.copyright_right p a:hover {
color: #b154f0;
}
.copyright_right p i {
color: #b154f0;
font-size: 16px;
}
.footer_bottom_inner {
position: relative;
}
@media only screen and (max-width: 767px) {
.footer_bottom_inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.footer_bottom_inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
}
.scroll__top_icon {
position: absolute;
right: 0;
bottom: -5px;
}
@media only screen and (max-width: 767px) {
.scroll__top_icon {
position: inherit;
left: inherit;
bottom: inherit;
-webkit-transform: inherit;
transform: inherit;
margin-top: 13px;
}
}
/* 05. other css here */
.hero_banner_section, .banner {
position: relative;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
height: 940px;
z-index: 2;
/*width: 100%;*/
/*overflow: hidden;*/
}
/*.banner-parent { overflow-x: hidden; }*/
.banner-parent { height: 100vh; min-height: 100vh; }
.banner-parent:before { content: ""; background: url(./images/hero_image_upscaled.jpg) 50% 0% no-repeat; background-size: cover; position: absolute; top: 100px; left: 0; height: 100%; width: 100%; opacity: 0.85; min-height: 100vh; }
.banner {
/*margin-top: 15rem;*/
height: auto;
}
/*.banner-info:before { content: ""; background: #2c2356; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: blur(180px); z-index: -1; }*/
.girl-taking-pic .text-content-info:before { content: ""; background: #000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: blur(180px); z-index: -1; }
.banner h2 { font-size: 80px; line-height: 80px; margin-bottom: 3rem; }
.banner h2 span { font-size: 18px; line-height: 1.5em; margin-top: 15px; margin-bottom: -10px; max-width: 500px; }
.banner p { font-size: 20px; margin-bottom: 3rem; color: #ffffff; }
.banner p:after { content: ""; background: #000000; opacity: 0.2; filter: blur(5px); }
.hero_banner_section:before {
content:"";
background: rgb(11,1,46);
background: linear-gradient(0deg, rgba(11,1,46,1) 0%, rgba(11,1,46,0) 100%);
position: absolute;
height: 100px;
width: 100%;
bottom: -2px;
left: 0;
z-index: 2;
}
.bannerImg img { max-height: 500px; }
.banner .shop a, .stripped .shop a, .category-title-bg a, .business-meta-front .shop a { background: #7518D7; font-size: 18px; font-weight: 700; color: #ffffff; padding: 8px 30px; border-radius: 4px; /*border-radius: 50px;*/ }
.banner .shop a:hover, .stripped .shop a:hover { background: #6614B8; }
.herovid { margin-top: 10rem; height: 390px; overflow: hidden; border-radius: 16px; padding-left: 0; padding-right: 0; }
.currentpic { /*background: url(./images/hero-bg-alpha.png) no-repeat; margin-top: 10rem; margin-top: 10rem;*/ padding: 24px; background-position: right; position: relative; }
.currentpic.first-about-vid { margin-top: 5em; margin-bottom: 5em; }
.first-about-vid:before { content: ""; width: 960px; height: 1134px; background: url(../../misc_images/about-lady-game.png) 100% 0 no-repeat; margin-left: -250px; position: absolute; margin-top: -500px; }
.stripped .currentpic { background-position: left; }
.stripped .currentpic.bg-right { background-position: right; }
.currentpic:after { position: absolute; content: ""; width: 967px; height: 772px; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - 107px)); background: url(./images/space-vortex.png) no-repeat; background-position: right; z-index: 1; }
.stripped .currentpic:after { display: none; }
.currentpic-cont { display: flex; z-index: 2; }
.currentpic-img { position: relative; /*border-radius: 16px;*/ border-radius: 0; overflow: hidden; }
.currentpic-img video { width: 100%; }
.currentpic-author { display: flex; align-items: flex-start; position: absolute; background: #E2EEE3; padding: 15px 20px; bottom: -80px; border-radius: 8px; z-index: 2; }
.currentpic-author .pic { width: 60px; height: 60px; margin-right: 20px; background: #ababab; border-radius: 50%; overflow: hidden; }
.currentpic-author-name { display: flex; flex-direction: column; color: #628363; font-size: 16px; font-weight: 500; }
.currentpic-author-name .name { font-size: 24px; font-weight: 700; color: #1C4C1D; }
.currentpic-price { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; display: flex; flex-direction: column; background: #F5E6D5; padding: 10px 10px 15px; color: #565660; border-radius: 8px; z-index: 2; }
.currentpic-price .label { font-size: 14px; color: inherit; }
.currentpic-price .price { background: #ffffff; color: #3749E9; font-size: 20px; text-transform: uppercase; padding: 4px 12px; border-radius: 24px; font-weight: 600; margin-top: 5px; }
.currentpic .extrapic1 { position: absolute; left: 40px; z-index: 2; top: calc(100% - 130px); transform: rotate(20deg); }
.currentpic .extrapic2 { position: absolute; right: -100px; top: 50px; z-index: 2; }
.vidpar { overflow-x: hidden; width: 500px; display: flex; justify-content: center; }
/*.vidpar iframe { min-width: 950px; }*/
/*.vidpar::before {content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border: solid 70px #231f57; filter: blur(10px); z-index: 2; border-radius: 100px; }*/
/*width: 600px; margin-left: 25px;*/
.vidpar div { /*width: 100%; height: 100%;*/ width: 950px; }
.vidpar iframe { position: absolute; top: calc(50% - 30px) !important; left: 50% !important; width: 1150px !important; height: 560px !important; transform: translate(-50%, -50%) !important; }
.vidpar .vidpar1 iframe { width: 1050px !important; height: 460px !important; left: calc(50% + 35px) !important; }
.vidpar .vidpar1.fx iframe { height: 350px !important; left: 50% !important; top: 50% !important; }
.first-about-vid .vidpar iframe { width: 620px !important; height: 390px !important; }
.girl-taking-pic { background: url(./images/girl_taking_pic.png) no-repeat; display: flex; min-height: 800px; align-items
: center; }
.business-meta-front { position: relative; z-index: 2; padding: 100px 0; }
.business-meta-front:before {
content: "";
background: url(../../misc_images/business-metaverse-hero.jpg) 50% 50% no-repeat;
background-size: cover;
position: relative;
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
z-index: -1;
opacity: 0.5;
}
.bmf { padding: 100px 0; position: relative; z-index: 2; }
.bmf:after { content: ""; background: #291c3a; display: block; height: 600px; width: 100%; position: absolute; top: calc(50% + 10px); left: calc(50% + 10px); transform: translate(-50%, -50%); z-index: -1; }
.business-meta-front .text-content-info { line-height: 1.5em; }
.business-meta-front .text-content-info h3 { font-size: 28px; line-height: 1.25em; margin-bottom: 0.75em; }
.business-meta-front .text-content-info .shop { margin-top: 1.5em; }
.business-meta-front .text-content-info p { color: #fff; }
.express-style { background: #39146c; /* #241c5f */ }
.express-style .currentpic-cont img { margin-top: -24px; }
/*.vidpar.vp1::before { width: 590px; margin-left: -10px; height: 540px; }*/
#infopagescontent .aboutVid { margin-bottom: 0px; margin-top: 10px; }
#infopagescontent .aboutVid .vidpar iframe { height: 564px; margin-top: -33px; margin-bottom: 11px; transform: translate(-50%, -50%) scale(0.98) !important; }
.aboutVid .vidpar { position: relative; width: 100%; border-radius: 5px; }
.aboutVid .currentpic-cont { position: relative; }
.aboutVid .currentpic-cont:before { position: absolute; top: -21px; left: -20px; content:""; background: url("../../misc_images/video-frame.png") no-repeat; width: 990px; height:615px; opacity: 0.2; }
.aboutVid .currentpic-cont:after { content: ""; height: calc(100% - 126px); width: 100%; background: #1a142f; display: block; position: absolute; top: calc(50% + -64px); left: 50%; transform: translate(-50%, -50%); border-radius: 6px; z-index: -1; }
.categoriesFront .category, .how-it-works .how-block { position: relative; /*border-radius: 8px;*/ border-radius: 0; overflow: hidden; width: calc(35% - 30px); margin: 0 15px; line-height: 1.5em; text-align: center; }
.categoriesFront .category { overflow: visible; z-index: 1; }
.categoriesFront h3 { z-index: 2; }
.categoriesFront p { max-width: 50%; line-height: 1.5em; margin-bottom: 3rem; z-index: 2; }
.categoriesFront .sprint-fury-game:before { position: absolute; content: ""; background: url(./images/sprint-fury-bg.png) no-repeat; width: 960px; height: 1134px; right: -400px; z-index: -1; }
.bmf img { max-height: 600px; }
.how-it-works .how-block { background: linear-gradient(156.67deg, rgba(131, 36, 136, 0.4) 0.07%, rgba(116, 85, 188, 0.148) 99.07%); /* Primary */ border: 2px solid #3c3370; /* Shadoown 1 */ box-shadow: 0px 7px 40px rgba(5, 34, 52, 0.06); padding: 16px; }
.how-it-works .how-block .how-block-icon { height: 40px; width: 40px; margin-bottom: 20px; padding: 14px 13px; background: #4A19BC; color: #ffffff; border-radius: 4px; }
.categoriesFrontInner { width: 100%; margin-bottom: 30px; }
.categoriesFront .category, .how-it-works .how-block h4 { font-size: 20px; font-weight: 700; color: #ffffff; }
.how-it-works .how-block h4 { margin-bottom: 15px; }
.category-title-bg { display: flex; flex-wrap: wrap; background: #9150D9; width: 100%; padding: 20px 10px; justify-content: center; }
.categoriesFront .category .category-title { /*position: absolute;*/ background: #9150D9; /*background: #ffffff; bottom: 0; */ /*height: 40px; line-height: 40px;*/ width: 100%; text-align: center; margin-bottom: 20px; /*backdrop-filter: blur(5px); color: #ffffff;*/ font-weight: 700; }
.category-img { overflow: hidden; width: 100%; }
.categoriesFront .category img { min-width: calc(100% + 30px); max-width: none; }
.vidtrigger { cursor: pointer; transition: all 150ms ease-out; }
.vidtrigger:hover { transform: scale(1.1); }
.page_description_header_main { font-size: 42px; }
.stripped h3 { margin-bottom: 1rem; }
.stripped p { line-height: 1.5em; margin-bottom: 1rem; }
.stripped p:last-of-type { margin-bottom: 3rem; }
.first-para { margin-top: 50px; max-width: 100%; width: 900px; margin-bottom: 150px; }
.first-para h3 { font-size: 36px; margin-bottom: 20px; }
#product_listing_sortby_box { margin-bottom: 10px; display: flex; justify-content: flex-end; padding-right: 3px; }
#product_listing_sortby_box select#SortById { background: rgba(49, 49, 49, 0.6);/* rgba(117, 24, 215, 0.3) */ width: 165px; margin-left: 10px; padding: 5px; border: 1px solid #3b3b3b; /*2px solid #7518D7*/ border-radius: 4px; }
.products-grid #new_title_name { font-size: 25px; font-weight: 700; color: #fff; }
#new_product_listing { margin-top: 20px; }
.product { /*background: linear-gradient(156.67deg, rgba(90, 67, 143, 0.4) 0.07%, rgba(116, 85, 188, 0.148) 99.07%);*/ background: rgba(49, 49, 49, 0.6); border: 1px solid #3b3b3b; backdrop-filter: blur(2px); padding: 20px; border-radius: 15px; margin: 10px 20px 10px 0; width: calc(25% - 15px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#new_product_listing .product:nth-child(4n + 4) { margin-right: 0; }
.product .product_name { width: calc(100% - 44px); text-align: left; font-size: 20px; color: #ffffff; }
.product .add_to_wishlist { width: 44px; height: 44px; /*border: 1px solid #7B69CC;*/ border: 1px solid #d367ca; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.product .add_to_wishlist .wishlistbutton { padding: 12px; background: linear-gradient(156.67deg, rgba(131, 36, 136, 0.5) 0.07%, rgba(116, 85, 188, 0.185) 99.07%), #FF86ED; -webkit-background-clip: text; -webkit-text-fill-color: transparent; cursor: pointer; }
.product .product_price { width: 35%; position: relative; padding-left: 30px; color: #fff; }
.product .product_price:before { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); content:""; height: 20px; width: 20px; background: #4A19BC; border-radius: 50%; }
.product .add_to_cart { width: 50%; }
.product .add_to_cart .carttext { border-radius: 24px; border: 1px solid #7B69CC; }
.product .add_to_cart .carttext a i { font-style: normal; }
.product-listing-parent .product {
width: calc(33.333% - 14px);
}
.product-listing-parent .product:nth-child(3n + 4) {
margin-right: 0;
}
.product .product_pic_div_parent { width: 100%; }
.product .product_pic_div {
margin: 15px 0 20px;
border-radius: 15px;
overflow: hidden;
}
.vid-clicker { background: rgb(39 0 133 / 90%); /*rgba(202, 6, 209, 0.9)*/ height: 28px; width: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: 15px; /*right: 90px;*/ left: 10px; z-index: 3; cursor: pointer; transition: all 250ms ease-out; }
.vid-clicker:hover { margin-top: -5px; }
.vid-clicker i { position: relative; z-index: 2; font-size: 18px; }
.vid-clicker:after { content: "Play preview"; position: absolute; left: 0px; background: rgb(39 0 133 / 90%); /*rgba(202, 6, 209, 0.9)*/ color: #fff; white-space: nowrap; font-size: 11px; height: 20px; display: flex; align-items: center; justify-content: center; padding: 0 6px 0 30px; border-radius: 18px; z-index: 1; }
/* */
.homeVideo { position: relative; margin-bottom: -20px; }
.homeVideo:after { content: ""; position: absolute; top: -135px; left: calc(50% + 0px); transform: translateX(-50%); width: 1230px; height: 710px; z-index: 2; background: url(./images/cloud-video-ova.png) no-repeat; background-size: cover; }
.homeVideo iframe { display: block; margin: 0 auto; }
.herovid iframe { background: #2a1d48; overflow: hidden; border-radius: 16px; top: 50% !important; left: 50% !important; width: 142% !important; height: 142% !important; transform: translate(-50%, -50%); }
/* */
.about-first:before { content: ""; position: absolute; /*top: -15vh;*/ top: calc(-40vh - 10px); left: 50%; height: 100vh; width: 100vw; opacity: 0.65; background-size: cover; transform: translateX(-50%); /*background: url(./images/about_bg_png.png) 50% 0 no-repeat;*/ }
.public-content-wrapper .about-first:before { top: calc(-10vh - 25px); }
.media-first:before { content: ""; position: absolute; top: -15vh; left: 50%; height: 100vh; width: 100vw; opacity: 0.2; background-size: cover; transform: translateX(-50%); background: url(./images/media_bg_png.png) 50% 0 no-repeat; }
.play_button_yooca_trailer { margin-right: -40px; margin-left: 10px; position: relative; background: #ffffff; border-radius: 50%; padding: 2px; } /* #dd9bff */
.play_button_yooca_trailer img { max-height: 50px; }
.whats-in-it { margin-top: 40px; }
.whats-in-it h3 { margin-bottom: 20px; }
.whats-in-it .card {
background: #00097c;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 20px;
transition: transform 0.3s;
min-height: 236px;
}
.whats-in-it .card:hover, .what-is-yooca iframe:hover {
transform: scale(1.05);
}
.whats-in-it .card-title {
position: relative;
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #fff; /* #333 */
margin-bottom: 10px;
}
.whats-in-it .card-title i {
color: #5cb85c;
margin-right: 10px;
position: absolute;
left: -33px;
margin-top: -4px;
background: #000a78;
border-radius: 50%;
padding: 0 2.5px;
font-size: 28px;
}
.whats-in-it .card p {
color: #fff; /* #666 */
font-size: 14px;
text-align: left;
}
/* catlisting - Product Listing */
.product-listing-parent {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-top: 50px;
}
.product-listing-parent
.catlisting {
width: 25%;
padding-bottom: 15px;
padding-right: 20px;
transition: all 0.3s ease-in-out;
}
.product-listing {
position: relative;
width: 75%;
}
.product-listing-parent .catlisting #search-term-form {
width: 100%;
margin-bottom: 15px;
}
.product-listing-parent .catlisting #search-term-form input {
width: 100%;
font-size: 16px;
height: 45px;
background: rgba(49, 49, 49, 0.6); /* rgba(117, 24, 215, 0.3) */
color: #ffffff;
border: 1px solid #3b3b3b; /* #7518D7 */
border-radius: 4px;
}
.product-listing-parent .catlisting #search-term-form .input-group-btn {
position: absolute;
right: 5px;
top: 8px;
height: 30px;
width: 30px;
color: #ffffff;
}
.product-listing-parent .catlisting #search-term-form .input-group-btn .glyphicon-search { font-size: 18px; color: #ddd3f5; }
.product-filter { display: none; position: absolute; top: 0px; left: 0px; padding: 1px 10px; background: #600e67; border-radius: 4px; border: 1px solid #C50BD6; font-size: 18px; color: #ea73f5; }
.product-filter:after { content: "Filter"; font-size: 16px; margin-left: 5px; }
/* Product CatListing */
#wide-filter { border-top: 1px solid #1e1e1e; /* #6A4CB0 #222222 */ padding-top: 15px; max-width: none; margin-top: 20px; padding-top: 20px; }
#wide-filter form[name="searchprice"] { display: block; font-weight: 600; }
#wide-filter form[name="searchprice"] input[type="text"] { width: calc(50% - 26px); height: 40px; padding: 0 8px; margin-top: 5px; border-radius: 4px; border: 0; color: #333; background: rgba(49, 49, 49, 0.6); /*rgba(117, 24, 215, 0.3)*/ color: #ffffff; border: 1px solid #3b3b3b; /*#7518D7*/ }
#wide-filter form[name="searchprice"] input[type="submit"] { background: linear-gradient(156.67deg, rgba(131, 36, 136, 0.4) 0.07%, rgba(116, 85, 188, 0.148) 99.07%), #4A19BC; /*background-color: #6b6b6b;*/ font-size: 14px; width: calc(100% - 14px); float: right; padding: 5px 12px; font-weight: bold; margin: 15px 1px 10px auto; display: block; color: #fff; border: 0; border-radius: 4px; }
#wide-filter form[name="searchprice"] input[type="submit"]:hover { /*background-color: #909090;*/ }
.catlisting h3 { font-size: 1.5em; margin-bottom: 12px; letter-spacing: 1px; /*text-transform: uppercase;*/ }
.catlisting li { list-style-type: none; font-size: 0.9em; line-height: 1.2em; margin-bottom: 10px; }
.catlisting li a {color: inherit;line-height: 1.5em;cursor: pointer;}
.catlisting li a i { font-size: 0.8em; padding-left: 0.4em; }
.catlisting .cat_name a:before { background-image: url(./images/checkbox-black-retina.png); background-position: -40px -176px; background-repeat: no-repeat; display: inline-block; height: 16px; line-height: 16px; margin-top: 2px; vertical-align: text-top; margin-left: -15px; margin-right: 3px; width: 12px; content: ""; }
.catlisting .page_description_header_main { padding: 0 5px; margin-bottom: 5px; font-size: 0.9em; font-weight: 600; text-transform: uppercase; }
.catlisting .page_description_main { display: none; }
.catlisting .cat_list { display: block; padding: 4px 0; }
.catlisting .cat_img { max-height:100px; max-width:100px; display: none; }
.catlisting li.category1 { /*background: #efefef;*/ padding: 0.5em 0; /*border: 1px solid #dadada;*/ border-bottom: 1px solid #452e7a; }
.catlisting li.category1:nth-last-child(2) { border-bottom: 0; }
.catlisting .cat1anchor { text-transform: uppercase;letter-spacing: 0.1em;font-weight: 600;/* font-size: 1em; */ }
.catlisting .cat2anchor { font-size: 1em;padding-left: 0.2em;font-weight: 500;padding-top: 0.5em;display: block; }
.catlisting .cat3anchor { font-size: 1em;color: #565656 !important;padding-left: 1em;font-weight: 400;/* line-height: 2em !important; */padding: 0.2em;display: block; }
.smallDesktop { display: none; }
.text-content-info { max-width: 500px; }
.text-content-info.abt { max-width: initial; }
.about-first .text-content-info { max-width: 900px; }
.girl-taking-pic .text-content-info { z-index: 1; position: relative; }
.how-to-enter:before { content: ""; position: absolute; height: 100%; width: calc(100% + 200px); background: url(./images/girl_taking_pic.png) 50%; background-size: cover; opacity: 0.25; }
.how-to-enter h2, .contest-guidelines h2, .prize-box h2, .final-words h2 { font-size: 2em; }
.iessnippet-basic .sigma-spotlight-hero { display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 12px; }
.iessnippet-basic .sigma-spotlight-hero .display h1 { position: relative; font-weight: 600; text-transform: capitalize; z-index: 2; }
.iessnippet-basic .sigma-spotlight-hero .display p { position: relative; max-width: 500px; margin-top: 20px; color: #ffffff; z-index: 2; }
.iessnippet-basic .sigma-spotlight-hero .display h1:before { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; background: #000000; /*#6c16c6*/ opacity: 0.6; filter: blur(25px); z-index: -1; }
.iessnippet-basic .sigma-spotlight-hero .display p:before { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; background: #000000; /*#6c16c6*/ opacity: 0.6; filter: blur(25px); z-index: -1; }
.sigma-spotlight-hero { height: 700px; background: url(../../misc_images/spotlight-hero.jpg) no-repeat; }
.how-to-enter-content { padding: 40px 0; }
.accompany-pic { display: flex; align-items: center; justify-content: center; width: 400px; height: 500px; overflow: hidden; border-radius: 12px; }
.how-to-enter-content ul { max-width: 550px; }
.how-to-enter-content ul ul li:before, .contest-guidelines-inner ul li li:before { content: "- "; }
.how-to-enter-content ul ul ul { margin-left: 20px; }
.contest-guidelines-inner { width: 550px; margin: 0 10px 20px; padding: 20px; background: rgba(41, 3, 81, 0.9); border-radius: 12px; text-align: left; border: 1px solid #3b0474; }
.contest-guidelines-inner ul li li { color: #ebebeb; }
.prize-box .prize-box-inner { max-width: 260px; }
.prize-box .prize-box-inner:nth-child(2) { border-left: 1px solid #3b0474; border-right: 1px solid #3b0474; }
.how-to-enter-content h3, .contest-guidelines-inner h3, .prize-box-inner h3 { color: #ac5dff; }
.sigma-spotlight-container { position: relative; z-index: 1; }
.sigma-spotlight-container:after { position: absolute; bottom: 0; left: 50%; content: ""; height: calc(100% + 250px); width: calc(100% + 250px); background: url(../../misc_images/promo-bg.jpg) 100% 100% no-repeat; z-index: -1; transform: translateX(-50%); }
.iessnippet-basic .final-words .display p { font-weight: 500; font-style: normal; }
.final-words ul { max-width: 600px; margin: 0 auto; text-align: left; }
.final-words ul li:before { content: "- "; }
.sigma-spotlight-form { display: flex; justify-content: center; flex-wrap: wrap; max-width: 600px; margin: 0 auto; }
.sigma-spotlight-form .form-section { width: calc(50% - 20px); margin: 0 10px; text-align: left; }
.sigma-spotlight-form .form-section input { width: 100%; background: rgb(25 2 47); border-radius: 8px; border: 1px solid #380565; height: 45px; padding: 0 5px; }
.FAQs {
display: flex;
flex-direction: column;
margin: 25px auto;
padding: 50px 0;
max-width: 1200px;
}
.FAQs .frequently-questions-title {
text-align: center;
margin-bottom: 40px;
}
.FAQs .frequently-questions-title p {
margin: 0 auto;
max-width: 75%;
line-height: 1.5em;
}
#accordionClue, #accordionCluePink, #accordionmob {
display: block;
width: 100%;
}
#accordionClue .panel, #accordionCluePink .panel, #accordionmob .panel {
display: block;
float: left;
margin-top: 0;
/*border-top: 3px solid #1D3869;*/
/*border-bottom: 3px solid #1D3869;*/
border-left: 0;
border-right: 0;
border-radius: 0;
box-shadow: none;
width: 100%;
margin-right: 30px;
background: transparent;
border: 0;
margin-bottom: 10px;
}
#accordionmob .panel {
border-top: 1px solid #787878;
border-bottom: 1px solid #787878;
}
/*#accordionCluePink .panel {*/
/*border-top-color: #ED78A0;*/
/*border-bottom-color: #ED78A0;*/
/*}*/
#accordionClue .panel-heading, #accordionCluePink .panel-heading, #accordionmob .panel-heading {
padding: 0;
background: transparent;
/*background: linear-gradient(156.67deg, rgba(131, 36, 136, 0.4) 0.07%, rgba(116, 85, 188, 0.148) 99.07%), #4A19BC;*/
/*border-radius: 12px;*/
/*position: relative;*/
/*border: 1px solid #6A4CB0;*/
}
#accordionClue .panel-title a, #accordionCluePink .panel-title a, #accordionmob .panel-title a {
display: block;
padding: 15px 20px 15px 20px;
border: none;
/*font-family: "Lato", sans-serif;*/
font-size: 20px;
font-weight: 500;
color: #1D3869;
text-align: left;
position: relative;
/*background: linear-gradient(156.67deg, rgba(131, 36, 136, 0.4) 0.07%, rgba(116, 85, 188, 0.148) 99.07%), #4A19BC;*/
background: #231c5c; /*#313131*/
/*border-radius: 12px;*/
border-radius: 0;
position: relative;
/*border: 1px solid #6A4CB0;*/
/* border: 1px solid #717171; #454545*/
border-top: 1px solid #3c3389;
border-bottom: 1px solid #3c3389;
}
#accordionmob .panel-title a {
color: #ffffff;
margin-top: 5px;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
}
#accordionCluePink .panel-title a[aria-expanded="true"] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#accordionClue .panel-title a:hover, #accordionCluePink .panel-title a:hover, #accordionmob .panel-title a:hover {
text-decoration: none;
}
#accordionCluePink .panel-title a {
color: #ffffff;
}
#accordionClue .panel-title a:before,
#accordionClue .panel-title a.collapsed:before,
#accordionCluePink .panel-title a:before,
#accordionCluePink .panel-title a.collapsed:before,
#accordionmob .panel-title a:before,
#accordionmob .panel-title a.collapsed:before{
content: "-";
font-family: "Font Awesome 5 Free";
font-weight: 900;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 28px;
color: #1D3869;
text-align: center;
position: absolute;
top: 7px;
right: 0px;
transition: all 0.5s ease 0s;
}
#accordionmob .panel-title a:before,
#accordionmob .panel-title a.collapsed:before {
color: #787878;
}
#accordionCluePink .panel-title a:before,
#accordionCluePink .panel-title a.collapsed:before {
/*color: #ED78A0;*/
color: #ffffff;
}
#accordionClue .panel-title a.collapsed:before, #accordionCluePink .panel-title a.collapsed:before, #accordionmob .panel-title a.collapsed:before { content: "+"; }
#accordionClue .panel-body, #accordionCluePink .panel-body, #accordionmob .panel-body {
/*background: #281555;*/
/*background: #202021;*/
background: #1b1837;
/*border: 1px solid #6A4CB0; #434343*/
border: 1px solid #3c3389;
border-top: 0;
/*border-radius: 12px;*/
border-radius: 0;
/*border-top-left-radius: 0;*/
/*border-top-right-radius: 0;*/
padding: 15px 15px 15px;
/*border: none;*/
font-size: 16px;
/*color: #DDD3F5;*/
color: #b3b3b3; /*#d9d9d9*/
line-height: 24px;
text-align: left;
}
.clue-identify #accordionClue .panel-body {
display: flex;
flex-direction: row;
}
.clue-identify #accordionClue .panel-body img {
max-width: 85px;
margin-right: 15px;
height: fit-content;
}
.ui-draggable .panel-collapse.collapse {
display: block !important;
}
#accordionClue .panel-body p, #accordionCluePink .panel-body p { margin-bottom: 0; }
.fmz5, .fmz13 {
background: #ED78A0;
}
.game-media-swiper-section .swiper-slide img { max-height: 300px; }
.game-media-swiper-section .swiper-slide {
background-position: center;
background-size: cover;
width: 300px;
/*height: 300px;*/
opacity: 0.5;
transition: all 650ms ease-out !important;
}
.game-media-swiper-section .swiper-slide .swiper-slide-shadow-left, .game-media-swiper-section .swiper-slide .swiper-slide-shadow-right { height: 300px; }
.game-media-swiper-section .swiper-slide h3 { font-size: 18px; }
.display .game-media-swiper-section .swiper-slide p { font-size: 15px; font-style: normal; line-height: 1.5em; /*padding-left: 4px;*/ }
.game-media-swiper-section .swiper-slide.swiper-slide-active { opacity: 1; }
.game-media-swiper-section .swiper-pagination { bottom: -20px; }
.swiper-pagination-bullet-active { background-color: #C50BD6; }
/*.initProms {}*/
.initProms .panel { background-color: transparent; box-shadow: none; border: none; border-radius: 0; border-top: 1px solid #330b59; border-bottom: 1px solid #330b59; }
.initProms .panel.panel-default>.panel-heading { background-color: #23073f; /*rgba(9,7,6,0.5) border-radius: 16px;*/ border-radius: 0; }
.initProms .panel.panel-default>.panel-heading a { /*color: #9b9b9b;*/ color: #ffffff; font-size: 18px; font-weight: 600; display: flex; align-items: center; }
.initProms .panel .panel-body { padding-left: 0; padding-right: 0; border-top: 0 !important; }
.initPromNum { display: flex; width: 30px; height: 30px; border-radius: 50%; background: #37095d;/*#353535*/ align-items: center; justify-content: center; margin-right: 10px; }
.team { margin-top: 20px; }
.team-group { display: flex; flex-wrap: wrap; justify-content: center; }
.team-parent { max-width: 1000px; }
.team-group .team-member { display: flex; width: calc(33.333% - 20px); flex-wrap: wrap; margin: 0 10px 40px; }
.team-group .team-member .pic { display: flex; align-items: center; justify-content: center; width: 100%; height: 300px; background: #270449; /* #ebebeb */ overflow: hidden; padding-top: 30px; }
.charles-pic { margin-top: -130px; }
.charles-pic img { max-width: 350px; }
.team-group .team-member .details { display: flex; flex-direction: column; padding: 20px; width: 100%; background: #755fa9; color: #ffffff; }
.team-group .team-member .details .name { font-weight: 500; }
.team-group .team-member .details .position { font-size: 14px; }
#swiper-logo-belt img { max-width: 150px; border-radius: 50%; }
.swiper-section-logo-belt { padding: 50px 0; }
.swiper-section-logo-belt h3 { text-align: center; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: 18px; }
#swiper-logo-belt { padding: 0 0 20px; }
#swiper-logo-belt .swiper-pagination { bottom: 0; }
.what-is-bim-p { max-width: 800px; margin: 0 auto 30px; }
.bizmetaSingle.obj h2 { margin-bottom: 0; }
.what-is-yooca { margin-top: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.what-is-yooca iframe { border-radius: 8px; transition: transform 0.3s; }
.try-ai-tool { font-size: 11px; font-weight: 800; width: 200px; line-height: 1.5em; margin-right: -200px; border: 1px solid #d69aff; border-radius: 24px; padding: 5px 10px; background: #b154f0; }
.try-ai-tool:hover { color: #fff; transform: scale(1.05); }
/*.initPromNum { background: #; }*/
/* Login / Sign Up */
.login-page {
padding: 60px 0;
}
.login-wrapper{
display: flex;
flex-direction: row;
width: 800px;
margin: 60px auto;
}
.login-wrapper .sign-in {
flex-basis: calc(50% - 20px);
}
.login-wrapper .sign-in h3, .login-wrapper .sign-up h3 {
margin-bottom: 10px;
text-align: left;
}
.login-wrapper .or {
display: flex;
position: relative;
width: 40px;
/*font-family:'Frutiger Condensed', Arial, serif;*/
/*color: #4c455c;*/
margin: 0 20px;
text-align: center;
justify-content: center;
align-items: center;
}
.login-wrapper .or:after {
content:"";
background: #452d7a;
height: 100%;
width: 1px;
position: absolute;
top: 0;
left: calc(50% - 1px);
/*transform: translateX(-50%);*/
z-index: 1;
}
.login-wrapper .or span {
background: #331e5f;
position: relative;
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
/*font-style: italic;*/
padding-bottom: 10px;
z-index: 2;
}
.login-wrapper .sign-up {
flex-basis: calc(50% - 20px);
}
#userlogin input[type="text"], .sign-up-form input[type="text"], #userlogin input[type="password"], .sign-up-form input[type="password"] {
background: transparent;
border-radius: 8px;
border: 1px solid #7518D7;
width: 260px;
font-size: 13px;
padding: 8px;
}
#userlogin td tr { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; line-height: 1.2em; }
#userlogin td td, .sign-up-form div {
background: transparent;
}
#userlogin .tableheader { margin-right: 20px; }
#userlogin input[type="submit"], .sign-up-form #submitbtnsignup, #userlogin input[value="Forgot Password"], .acount-btn, .reg #registerForm input[type="submit"], .reg #registerForm input[type="reset"], .reg #registerForm input[value="Forgot Password"], form[action="change_password1.cfm"] input[type="submit"], form[action="change_password1.cfm"] input[type="button"] {
display: inline-block;
color: #ffffff;
background: #4c455c;
font-size: 18px;
height: 40px;
padding: 0 30px;
margin-right: 10px;
/*width: 140px;*/
border-radius: 50px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
border:none;
outline:none;
}
.acount-btn, .reg #registerForm input[type="submit"], .reg #registerForm input[type="reset"], .reg #registerForm input[value="Forgot Password"] { margin-top: 20px; }
/* Contact */
#contactUsForm { display: block; margin: 40px 0px -10px; }
.contact {
padding: 60px 0;
}
.contact-info {
margin-bottom: 40px;
}
.contact-left{
width:30%;
float:left;
}
.contact-right{
width:68%;
float:right;
}
.contact-left input[type="text"]{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size:14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-right textarea{
width: 100%;
color: #000;
font-size:14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-form input[type=submit] {
border:none;
color: #ffffff;
padding: 13px 43px;
margin-top: 30px;
font-size: 18px;
cursor: pointer;
font-weight: 500;
color: #ffffff;
padding: 8px 30px;
border-radius: 50px;
background: #7518D7 /*#4c455c*/;
}
.contact-form input[type=submit]:hover {
background: #6614B8; /*#3b3548*/
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.contact-form tr:nth-child(1),
.contact-form tr:nth-child(2) {
display: inline-block;
width: 50%;
}
.contact-form tr:nth-child(1) {
float: left;
margin-top: 0px;
}
.contact-form tr:nth-child(2) {
float: right;
margin-top: 0px;
}
.contact-form tr:nth-child(1) td:nth-child(1),
.contact-form tr:nth-child(2) td:nth-child(1),
.contact-form tr:nth-child(3) td:nth-child(1),
.contact-form tr:nth-child(4) td:nth-child(1),
.contact-form tr:nth-child(5) td:nth-child(1),
.contact-form tr:nth-child(6) td:nth-child(1) {
display: none;
}
.contact-form tr:nth-child(2) td {
float: right;
margin-top: 0px;
}
.contact-form tr:nth-child(3),
.contact-form tr:nth-child(4),
.contact-form tr:nth-child(5) {
display: inline-block;
width: 100%;
}
.contact-form tr:nth-child(1) td,
.contact-form tr:nth-child(2) td {
width: 95%;
display: inline-block;
}
.contact-form tr:nth-child(3) td,
.contact-form tr:nth-child(4) td,
.contact-form tr:nth-child(5) td {
width: 100%;
display: inline-block;
}
.contact-form tr:nth-child(4),
.contact-form tr:nth-child(5) {
display: inline-block;
width: 100%;
}
.contact-form tr td {
background-color: transparent;
}
/* Contact Form End*/
/*-- contact-page-starts-here --*/
.contact {
padding: 60px 0;
}
.contact-info {
margin-bottom: 40px;
}
.contact-left{
width:30%;
float:left;
}
.contact-right{
width:68%;
float:right;
}
.contact-left input[type="text"]{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size:14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-right textarea{
width: 100%;
color: #000;
font-size:14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-info h2{
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-info h3{
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-map{
width:100%;
margin-bottom: 52px;
}
.contact-map iframe{
width:100%;
height:330px;
}
.contact-form .label {
color: #4c455c;
padding-left: 0;
margin-bottom: 0px;
display: block;
float: left;
font-size: 16px;
font-weight: 500;
}
.contactRibbonForm .contact-form .label {
display: none;
}
.contact-form input[type="text"], .contact-form select {
/*background: #2e1e53; #313131 #454545*/
background: rgba(49, 49, 49, 0.6);
border: 1px solid rgba(69, 69, 69, 0.6);
/*background: rgba(46, 30, 83, 0.6);*/
width: 100%;
color: #fff;
margin: 0 23px 23px 0;
font-size: 16px;
padding: 12px 10px;
outline: none;
border-radius: 8px;
/*border: 1px solid #493083;*/
}
.contact-form input[type="reset"]{
display:none;
}
.contact-form textarea{
/*background: #2e1e53;*/
/*background: rgba(46, 30, 83, 0.6);*/
background: rgba(49, 49, 49, 0.6);
border: 1px solid rgba(69, 69, 69, 0.6);
width: 100%;
color: #fff;
font-size: 16px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border-radius: 8px;
/*border: 1px solid #493083;*/
}
/* Contact End */
.wishlistItem {
display: inline-block;
width: 100%;
}
.wishlistItem .wishlistSingle {
display: inline-block;
vertical-align: top;
width: calc(33.333% - 13px);
margin: 10px 5px;
font-weight: 500;
padding: 10px;
border-radius: 12px;
border: 1px solid #7518D7;
}
.wishlistItem tbody {
display: block;
padding: 20px 0;
width: 100%;
}
.wishlistItem tbody tr {
display: inline-block;
width: 100%;
margin: 20px auto 0;
vertical-align: top;
text-transform: capitalize;
}
.wishlistItem tbody tr td {
display: inline-block;
width: 100%;
margin-bottom: 20px;
/*padding-right: 20px;*/
/*line-height: 1.8em;*/
}
.wishlistItem tbody tr td:last-child {
margin-bottom: 0;
}
.wishlistItem tbody tr td a {
display: inline-block;
position: relative;
width: 100%;
/*color: #000;*/
margin-bottom: -2px;
}
.wishlistItem tbody tr td a img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0 auto;
border-radius: 12px;
}
.wishlistItem tbody tr td a.table, .wishlistItem tbody tr td a.tablealertbold {
display: none;
}
.wishlistItem tbody tr td a.table:last-child { display: block; margin-top: 5px; }
.wishlistItem tbody tr td p input[type="submit"] {
margin-bottom: 15px;
/*padding: 10px;*/
padding: 0px;
border-radius: 50px;
margin-right: 15px;
color: #fff;
background: #5f5f5f;
font-size: 16px;
font-weight: 600;
/*text-transform: uppercase;*/
/*letter-spacing: 0.75px;*/
}
.wishlistItem tbody tr td p input[type="button"] {
border-radius: 50px;
font-size: 16px;
/*letter-spacing: 0.75px;*/
font-weight: bold;
padding: 0;
background: transparent;
}
.wishlistItem .wshAddtoCart {
display: inline-block;
height: 40px;
width: calc(60% - 10px);
background: linear-gradient(156.67deg, rgba(131, 36, 136, 0.4) 0.07%, rgba(116, 85, 188, 0.148) 99.07%), #4A19BC !important;
color: #ffffff;
font-weight: bold;
vertical-align: top;
border: 1px solid #7518D7;
}
.wishlistItem .wshRemove {
display: inline-block;
height: 40px;
width: calc(40% - 10px);
background: #241f5a !important;
color: #ffffff;
font-weight: bold;
vertical-align: top;
border: 1px solid #7518D7;
}
.wish-container .h-header {
font-size: 28px;
color: #5a5a5a;
font-weight: 700 !important;
/*text-transform: uppercase;*/
}
.wish-container .h-header span {
font-weight: 700 !important;
}
.wish-container .h-subheader {
display: none;
}
.reg #registerForm td { background: transparent; }
.reg #registerForm td input[type="text"], .reg #registerForm td input[type="password"], .reg #registerForm select, .checkout-form .formpair, .checkout-form select { height: 45px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; min-width: 500px; padding: 2px 10px; background: rgba(117, 24, 215, 0.3); color: #ffffff; border: 2px solid #7518D7; border-radius: 4px; }
.checkout-form select[name="BCountry_Code"], .checkout-form select[name="BState_ID"] { background: transparent; min-width: 0; height: 30px; margin-top: -5px; }
form[action="change_password1.cfm"] input[type="text"], form[action="change_password1.cfm"] input[type="text"] {
background: rgba(117, 24, 215, 0.3);
height: 45px;
width: 200px;
padding: 4px;
margin-bottom: 10px;
color: #ffffff;
border: 2px solid #7518D7;
border-radius: 4px;
}
form[action="change_password1.cfm"] td .label { font-size: 14px; }
#cd-cart {
width: 400px;
height: 100vh;
position: fixed;
margin-top: 0;
top: 0;
right: calc(-100% - 50px);
/*background: #371c5b;*/
background: rgba(117, 24, 215, 0.3);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
z-index: 999;
}
.public-content-wrapper #cd-cart {
height: calc(100vh - 110px);
}
#cd-cart.speed-in {
right: 0;
}
#cd-cart > * {
padding: 0;
}
#cd-cart h2 {
font-size: 18px;
margin: 1em;
/*color: #361c5b;*/
}
#cd-cart .cd-cart-items {
max-height: 81.5vh;
overflow-y: scroll;
padding: 0;
}
#cd-cart .cd-cart-items li {
display: inline-block;
position: relative;
cursor: pointer;
padding: 5px;
width: 100%;
height: 100px;
border-top: 1px solid #452e7a;
}
#cd-cart .cd-cart-items li:last-child {
border-bottom: 1px solid #452e7a;
}
#cd-cart .cd-cart-items li a { color: /*#000*/ inherit; text-decoration: none; }
#cd-cart .cart-quantity, #cd-cart .cart-name, #cd-cart .cart-price, #cd-cart .cart-image {
display: block;
float: left;
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
padding-right: 5px;
padding-left: 4px;
}
/* extra css -> ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; */
#cd-cart .cart-name { width: calc(40% - 4px); font-size: 0.9em; padding-left: 8px; line-height: 1.25em; letter-spacing: 0.2px; top: 50%; max-width: 100%; overflow: hidden;}
#cd-cart .cart-quantity {width: calc(12% - 4px); font-size: 0.7em; text-align: center; border: 1px solid #6e56af; border-radius: 4px; }
#cd-cart .cart-image {
width: 25%;
height: 100%;
/*border-right: 1px solid #ebebeb;*/
text-align: center;
overflow: hidden;
}
#cd-cart .cart-image img {
max-width: 100%;
max-height: 100%;
border-radius: 4px;
width: auto;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#cd-cart .cart-price {
width: 25%;
text-align: right;
}
#cd-cart .cd-qty, #cd-cart .cd-price {
color: #a5aebc;
}
#cd-cart .cd-price {
margin-top: .4em;
}
#cd-cart .cd-item-remove {
position: absolute;
right: 1em;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
background: url(./images/cd-remove-item.png) no-repeat center center;
}
.no-touch #cd-cart .cd-item-remove:hover {
background-color: #e0e6ef;
}
#cd-cart .cd-cart-total {
color: inherit;
padding: 1em;
font-weight: bold;
border-bottom: 1px solid #452e7a;
}
#cd-cart .cd-cart-total span {
float: right;
font-weight: bold;
}
#cd-cart .cd-cart-total::after {
/* clearfix */
content: '';
display: table;
clear: both;
}
#cd-cart .viewcart-btn {
}
#cd-cart .checkout-btn, #cd-cart .viewcart-btn {
display: block;
float: left;
position: absolute;
left: 0;
/*bottom: 0;*/
width: 50%;
height: 45px;
line-height: 45px;
/*color: #000;*/
color: #fff;
cursor: pointer;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
}
#cd-cart .checkout-btn:hover , #cd-cart .viewcart-btn:hover { opacity: 0.8; }
#cd-cart .checkout-btn { left: 50%; }
.no-touch #cd-cart .checkout-btn:hover {
background: #a2dda8;
}
#cd-cart .cd-go-to-cart {
text-align: center;
margin: 1em 0;
}
#cd-cart .cd-go-to-cart a {
text-decoration: underline;
}
#cd-cart .close-cart {
width: 30px;
height: 30px;
font-size: 15px;
color: #fff;
/*background: #909090;*/
background: #c50bd6;
text-align: center;
border-radius: 20px;
padding: 8px 9px;
float: right;
margin-top: -70px;
margin-right: 5px;
cursor: pointer;
}
/* Login Sign Up End */
/* Content Cart */
.shopping-cart-info { width: 100%; margin: 20px auto;}
.shopping-cart-title {
display: none;
width: 100%;
float: left;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
}
.header-name {
width: 55%;
display: inline-block;
padding-left: 17%;
}
.header-price-qty {
width: 12%;
display: inline-block;
}
.header-qty {
width: 10%;
display: inline-block;
}
.header-points {
display: none;
float: right;
font-size: 0.8em;
padding: 2px 10px;
margin-bottom: 5px;
background: #ddd;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
}
.header-price {
width: 10%;
display: inline-block;
padding-left: 3%;
}
.content-item { background: linear-gradient(156.67deg, rgba(90, 67, 143, 0.4) 0.07%, rgba(116, 85, 188, 0.148) 99.07%); width: 100%; margin: 10px auto; border-bottom: 0; /* border-bottom: 1px solid #d5d5d5; */ /* vertical-align: top; */ padding: 20px 20px; border-radius: 4px; /* max-height: 120px; */ overflow: hidden; position: relative; display: flex; align-items: center; justify-content: flex-start; }
/*.content-item:first-child { border-top: 1px solid #EBEBEB; }*/
.cart-content-item td {padding:5px 0;}
.content-item-img { width: auto; margin: 0; display: inline-block; vertical-align: top; max-height: 100px; overflow: hidden; }
.content-item-img a { display: inline-block; vertical-align: top; }
.content-item-img img { max-width: 100%; padding: 6px 12px; border: 1px solid #707070; }
.content-item-name { display: inline-block; vertical-align: middle; margin: 0 6% 0 2%; width: 30%;}
.content-item-name h4 { padding: 0 0 5px; font-weight: 700; text-transform: uppercase; font-size: 16px; }
.content-item-name a { text-decoration: none; /*text-transform: uppercase;*/ font-size: 18px; font-weight: 700; color: inherit; }
.content-item-name span { font-size: 16px; }
.content-item-price-qty {width: 100px; text-align: right; /*margin-top: -15px;*/ display: inline-block; position: relative; /* margin-bottom: 20px; */ /* height: 100%; */ padding-right: 20px;}
.content-item-qty { /*display: none;*/ display: inline-block; vertical-align: middle; text-align: center; width: 30%;}
.content-item-qty .qty-field { display: block; float: left; width: 120px; margin-top: -15px; margin-right: 50px; border: 1px solid #bbb; }
.content-item-qty input { text-align: center;}
.content-item-qty input::-webkit-outer-spin-button, .content-item-qty input::-webkit-inner-spin-button {display: none;}
.content-item-qty .cart_remove2 { font-size:; /*position: absolute; left: 0; top: 15px;*/ display: block; float: left; /*margin-top: -10px;*/ color: inherit; text-decoration: none; }
/*.content-item-qty .cart_remove2:before {*/
/*content:"X";*/
/*font-size: 28px;*/
/*color: #959595;*/
/*}*/
.content-item-qty br { display: none; }
.content-item-price { display: inline-block; width: 15%; /*margin-top: -21px;*/ text-align: right; float: right; font-size: 18px; font-weight: 700; }
.shopping-cart-summary { display: inline-block; width: 100%;}
.cart-remove-all { width: 79%; /*display: inline-block;*/ display: none; }
#cart_remove2 { font-size: 0.8em; color: #555; }
.shopping-cart-total-qty { /*display: inline-block;*/ display: none; width: 5%; text-align: center;}
.shopping-cart-total-price { display: inline-block; float: right; width: 15%; font-weight: bold; text-align: right; padding-right: 20px; /*margin-right: 65px;*/ }
.shopping-cart-total-price:before {
content: "TOTAL:";
float: left;
margin-left: -100px;
margin-top: 2px;
font-size: 23px;
font-weight: 500;
}
.shopping-cart-apply-discount { margin: 20px auto;}
.shopping-cart-apply-discount input[type="text"] {border: 1px solid #141b4d; border-radius:24px; padding: 5px 100px 5px 20px;}
.shopping-cart-apply-discount td { padding-left: 0;}
.cart-description { margin-top: 100px; margin-bottom: 50px; text-align: center; }
.cart-description.text-left { text-align: left; }
.cart-description h3 { font-size: 32px; font-weight: 700; }
.cart-description p { display: none;}
.ShowCartCheckOutBtn { border: 0;}
.ShowCartChangeQtyBtn { display: none; background: #3f3f3f; color: #fff; border: 0;/* border-radius: 2px;*/}
.ShowCartContinueBtn { background: transparent; /*color: #000000;*/ border: 0; float: left; font-size: 18px; font-weight: 600; padding-left: 0 !important; padding-right: 0 !important; /*border-radius: 2px;*/}
.shopping-cart-buttons { margin: 20px auto; text-align: right;}
.ShowCartChangeQtyBtn, .ShowCartCheckOutBtn { font-weight: 700; padding: 1% 2%;}
.ShowCartCheckOutBtn { width: 250px; border-radius: 24px; text-transform: uppercase; }
.mobile-shopping-cart-buttons { display: none; text-align: right; margin-bottom: 20px; }
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { display: none;}
#coupon { font-size: 16px; }
.DiscountCouponButton{ background: #000; color: #fff; border: 0;}
.primary_button { border: 0;}
.paymentlist { display: inline; float: right; padding-left: 4px; }
.paymentlist #checkoutoptions { display: none!important; padding-top: 10px; position: absolute; margin-left: -55px; }
.content-item-qty input[type="text"] {
width: 50%;
text-align: center;
/*display: block;*/
display: none;
margin: 0 auto;
}
.cart_no_items {
margin: 10px 0;
display: block;
font-size: 1.2em;
}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn, .ShowCartCheckOutBtn {
/*color: #fff;*/
border: none;
padding: 10px 20px;
}
.ShowCartCheckOutBtn, .checkout-form .primary_button, .checkout2-form .primary_button {
font-family:'Inter' !important;
}
/*.cart-no-item { margin: 0 auto; display: block; }*/
.cart-no-item { margin: 0 auto; display: block; background: transparent; }
.cart-no-item a { color: inherit; }
.shopping-cart-content.noitems .cart-no-item { margin: 0; text-align: left; }
.shopping-cart-content.noitems .cart-no-item .cart_no_items { text-decoration: none; }
.cart_total_value2,.cart_total_currency_type2 {
font-size: 24px;
}
#shipping_calculator table tr td table tr td .label { color: #000; }
#shipping_calculator table tr td table tr td {
color: #000;
display: block;
float: left;
width: 100%;
text-align: center;
padding: 3px 0;
}
#shipping_calculator table tr td table tr { padding: 5px 0; }
.ShippingCalculatorButton { background: #3f3f3f; color: #fff; font-weight: 700; border: none; padding: 10px 20px; }
.discount-item { display: inline-block; width: 100%; padding: 10px 0; border-bottom: 1px solid #ebebeb
; }
.discount-item div { width: 12%; display: inline; float: left; padding-right: 50px; border-right: 1px solid #ebebeb;padding-left: 35px;padding-right: 35px;}
.discount-item div:first-child { padding-left: 0; }
.discount-item div:last-child { text-align: right; border-right: 1px solid transparent; }
.discount-info {
width: 53% !important;
}
.discount-qty {
width: 11% !important;
}
.discount-remove {
width: 10% !important;
padding-right: 0px;
}
.discount-value {
width: 13% !important;
}
form[action="checkout3.cfm"] {
margin-top: 40px;
}
/* Content Cart end */
/* checkout */
.checkout1-form{ display:none; }
#logincheckout1{ display:none; }
.checkout-form{ width: calc(50% - 50px);display:inline-block;vertical-align:top;margin-right:50px; margin-top: 50px; border-right: 0; }
.checkout-form h1 { font-size: 32px; }
.checkout-form .or { display: none; }
.checkout-form *:focus { outline: none; }
.checkout-form input[type="text"], .checkout-form input[type="password"]{ border:0px;padding:5px;width:95%;margin:-12px 1px 0px 1px;background: transparent;}
.checkout-form select{ border:0px;padding:5px;width:95%; }
.checkout-form .formlabel{ display:block;text-align:left;font-size:14px;color:#999;padding-left:5px;white-space:nowrap; }
.checkout-form .formpair{border:1px solid #ccc;border-radius:5px;padding:0px;margin:5px;width:47.3%;min-width:0;border-color: #7518D7;/*height:45px;*/height:58px;vertical-align:top;}
.checkout-form .formrow:nth-child(4) .formpair, .checkout-form .formrow:nth-child(5) .formpair, .checkout-form .formrow:nth-child(6) .formpair, .checkout-form .formrow:nth-child(7) .formpair { width:97.5% !important; }
.checkout-form .checkoutform{border:0px;padding:0px;}
.checkout-form .checkoutform h4 { padding-left: 5px; font-weight: 700; text-transform: uppercase; }
.checkout-form .input{width:100%;}
.border-blue{border:1px solid #1990c6!important;}
.checkout-form #shiptodifferentaddress{display:none;}
.checkout-form #customer_registration_link{display:none;}
.checkout-form #customer_registration{display:block;}
.checkout-form #checkout_cart{display:none;}
.checkout-form #checkoutagreement{margin-left:10px;}
.checkout-form .buttonprimarycluster{padding-right:35px;text-align:right;}
/*.checkout-form .primary_button{border:0px;padding:10px 30px !important;border-radius:24px; width: 250px; background: #1D3869 !important;}*/
.checkout-form .primary_button, .checkout2-form-submit .primary_button {border:0px;padding:10px 30px !important;border-radius:24px; width: calc(100% - 20px); margin-top: 15px; margin-left: 10px; background: #c50bd6 !important;}
#login-form #login { border:0px;padding:10px 30px !important;border-radius:24px; background: #c50bd6 !important; margin-left: 10px; }
#login-form { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #5c398b; }
.checkout-form .secondary_button{border:0px;background:none;}
.checkout-form .secondary_button:hover{text-decoration:underline;}
.loginsection{text-align:center;}
.checkout-form .subscribenewsletter{display:none;}
.shopping-cart{ width:45%;height:777px;display:inline-block;vertical-align:top;padding: 20px;margin-top: 40px; background-color: #FCF5F8; }
.shopping-cart table{width:100%;}
.shopping-cart table tr:first-child{display:none;}
.shopping-cart .cart-apply-discount { display: none; }
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px;}
.shopping-cart .applycouponid{text-decoration:underline;}
.applycouponid { text-decoration: none; font-size: 14px; cursor: pointer; margin-left: -75px; text-transform: uppercase; font-weight: 700; color: #1F396D; }
.shopping-cart #discount-coupon-field{padding:5px;}
.shopping-cart .discount-result {display:none;}
.shopping-cart .discount-result, .shopping-cart #discount-coupon-form {text-align: left;}
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.register-now{text-align:center;cursor:pointer;padding:10px;}
.register-now:hover{text-decoration:underline;}
.extra-login-option{text-align:center;padding:30px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:60%;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.extra-login-option i{background-color:#ccc;width: 40px;height: 40px;text-align: center;padding: 5px;border-radius: 5px;cursor:pointer;margin:5px;}
.fa-facebook:hover{background:#3765A3;color:white;}
.fa-amazon:hover{background:#231F20;color:white;}
.fa-google:hover{background:#DD5044;color:white;}
.guest{text-align:center;padding:10px;width:60%;margin:0 auto;cursor:pointer;}
.guest:hover{text-decoration:underline;}
.checkoutform{min-width:auto!important;}
.checkout-form h1{text-align:center;}
/* the size of the name, quantity and price */
/*.content-item-name, .content-item-price-qty, .content-item-price { font-size: 0.9em; }*/
.or{text-align:center;font-weight:bold;}
#parsley-id-multiple-checkout_agreement{position:absolute;margin-top:50px;}
.cart-tax{padding-right:20px;}
/* checkout 2 */
#multi_cur_form {text-align:right;display:none;}
#multi_cur_form select[name="multi_cur_select"] {/*text-align:right;display:none;*/ display: inline; background: rgba(117, 24, 215, 0.3); color: inherit; /* color: #464646; */ font-weight: bold; font-size: 10px; letter-spacing: 1px; border: none; /* padding: 1px 2px; */ margin-left: 10px; padding: 5px 5px; border: 2px solid #7518D7; border-radius: 4px;}
.checkout2-form h2{font-size:20px;padding-top:0px;}
.checkout2-form{width:49%;display:inline-block;vertical-align:top;margin-left:15px;padding:10px;padding-top:0px;}
.shipping-to-info{list-style-type:none;}
.shipping-method{margin-bottom:30px;}
.shipping-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.shipping-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.shipping-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.shipping-method input[type='Radio']{margin-right:10px;}
.payment-method{margin-bottom:30px;}
.payment-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.payment-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.payment-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.payment-method input[type='Radio']{margin-right:10px;}
.billing-address label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.billing-address label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.billing-address label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.billing-address input[type='Radio']{margin-right:10px;}
#CheckoutForm2 table{display:none;}
.billing-address .checkout-form h4{display:none;}
.billing-address .checkout-form{width:100%;margin:0px;border:0px;display:none;}
.billing-address #checkoutagreement{display:none;}
.billing-address .buttonprimarycluster{display:none;}
.checkout2-form-submit{text-align:right;padding:10px;}
.checkout2-form .primary_button{border:0px;padding:10px!important; margin-right: 10px;}
.cart-shipping-method{text-align:right;padding-right:10px;}
.cart-grand-total{text-align:right;padding-right:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:5px;padding-bottom:5px;margin-top:10px;font-size:25px;display:none;}
.cart-tax{text-align:right;font-size:14px;}
/* Payment */
.payment-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;padding:10px;padding-top:0px;}
.payment-shopping-cart #coupon{display:none;}
img[src='images/border1.gif'],img[src='images/border2.gif'],img[src='images/border5.gif'],img[src='images/border6.gif']{display:none;}
td[background='images/border1_bg.gif'],td[background='images/border3_bg.gif'],td[background='images/border4_bg.gif'],td[background='images/border5_bg.gif'],.border1_bg_td,.border3_bg_td,.border4_bg_td,.border5_bg_td{
background:none!important;
}
.payment-form .form-horizontal .control-label{width:100%;text-align:left;font-weight:normal;}
/* Shopping Cart */
.shopping-cart{ position: relative;width:45%;height:677px;display:inline-block;vertical-align:top;padding: 20px;margin-top: 40px; background-color: rgba(117, 24, 215, 0.3); border-radius: 8px; }
.shopping-cart table{width:100%;}
.shopping-cart table tbody { display: block; position: relative; height: 570px; overflow-y: scroll; }
.shopping-cart table tr:first-child, .shopping-cart table tbody::-webkit-scrollbar {display:none;}
.shopping-cart .cart-apply-discount { display: none; }
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px;}
.shopping-cart .applycouponid{text-decoration:underline;}
.applycouponid { text-decoration: none; font-size: 14px; cursor: pointer; margin-left: -75px; text-transform: uppercase; font-weight: 700; color: #1F396D; }
.shopping-cart #discount-coupon-field{padding:5px;}
.shopping-cart .discount-result, .shopping-cart tr.cart-summary-total .cart-total-qty {display:none;}
.shopping-cart .discount-result, .shopping-cart #discount-coupon-form {text-align: left;}
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.shopping-cart table tr { position: relative; display: inline-block; width: 100%; }
.shopping-cart table tr.cart-content-item {
border-bottom: 1px solid #7518d7;
padding: 15px 0;
display: inline-block;
width: 100%;
/*height: 700px;*/
}
.shopping-cart table .cart-content-item-name { display: inline-block; float: left; width: 150px; }
.shopping-cart table .cart-content-item-name h4 { padding: 3px 0; text-transform: uppercase; font-weight: 700; }
.shopping-cart table .cart-content-item-img { background: #ffffff; padding: 5px; border: 1px solid #cce1ed; display: inline-block;
width: 105px; margin-right: 10px; float: left; }
/*.shopping-cart table .cart-content-item-price-qty, .shopping-cart table .cart-content-item-qty { display: none; }*/
.shopping-cart table .cart-content-item-price { display: inline-block; float: left; width: 120px; position: absolute; right: 0; text-align: right; font-weight: 700; }
.shopping-cart table .cart-summary-total, .shopping-cart .cart-summary-total { font-size: 24px; font-weight: 700; position: absolute; left: 0; /*bottom: 155px;*/ bottom: 0; padding-right: 10px; }
.shopping-cart .cart-summary-total .cart-total-price { padding-left: 10px; width: 150px; }
/* Shopping Cart end */
input[value="Send Wish List to Friends >>"] { background: #C50BD6; border: 0; padding: 5px 15px; border-radius: 4px; }
input[value="Continue Browsing"] { background: #600E67; border: 0; padding: 5px 15px; border-radius: 4px; }
.shopping-cart .cart-content-item-img a, .shopping-cart .cart-content-item-name a, .shopping-cart .cart-content-item-img a:hover, .shopping-cart .cart-content-item-name a:hover { color: inherit; }
/* business in metaverse page */
.bizmetaHero {
background: url(../../misc_images/business-metaverse-hero.jpg) 50% 50% no-repeat;
background-size: calc(100% - 30vw);
position: relative;
height: 700px;
width: 150%;
margin-left: -25%;
margin-right: -25%;
}
.bizmetaHero .textCapt-hero {
position: absolute;
width: 500px;
padding: 30px;
background: rgba(25, 2, 49, 0.8); /* #190231 */
border-radius: 8px;
left: calc(50% - 400px);
top: 50%;
transform: translate(-50%, -50%);
}
.bizmetaHero .textCapt-hero a { border-radius: 4px; border: 1px solid #f694ff; padding: 5px 10px; margin-top: 30px; background: #C50BD6; color: #fff; font-weight: 500; }
/*.bizmetaHero .textCapt-hero:before { content: ""; background: #2c2356; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: blur(180px); z-index: -1; }*/
.iessnippet-basic .display.bizmetaHero .textCapt-hero h1 {
font-size: 36px;
font-weight: 600;
text-transform: capitalize;
}
.iessnippet-basic .display.bizmetaHero .textCapt-hero p {
color: #ffffff;
font-style: normal;
}
.iessnippet-basic .display.bizmetaHero .textCapt-hero p.highlight {
color: #FFD700;
font-weight: 600;
}
.iessnippet-basic .display.bizmetaHero .textCapt-hero .logos {
position: relative;
display: flex;
margin-top: 20px;
}
.iessnippet-basic .display.bizmetaHero .textCapt-hero .logos:before {
position: absolute;
display: block;
content:"";
height: 100%;
background: #6f5586;
width: 1px;
left: 50%;
transform: translateX(-50%);
}
.iessnippet-basic .display.bizmetaHero .textCapt-hero .logos:after {
position: absolute;
display: block;
content:"";
height: 100%;
background: #000000;
width: 1px;
left: calc(50% + 1px);
transform: translateX(-50%);
}
.iessnippet-basic .display.bizmetaHero .textCapt-hero .logos img {
height: 75px;
}
.biz-cont-fx { max-width: 700px; }
.bizmetaIntro { padding: 80px 0; }
.bizmetaIntro p { font-size: 20px; color: #fff; line-height: 1.75em; }
.packages-section {
margin-left: -110px;
margin-right: -110px;
margin-bottom: -70px;
padding: 40px 20px 80px;
text-align: center;
background: linear-gradient(to bottom, #3b0a63, #1b1442);
color: white;
}
.packages-section:before {
/*content: "";*/
/*background: url(./images/Youni-Game-10.png) no-repeat;*/
background-size: contain;
height: 700px;
width: 700px;
position: absolute;
right: -90px;
top: 0px;
}
.packages-section h2 {
font-size: 1.5em;
margin-bottom: 10px;
}
.packages-section .packages-container {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
max-width: 1000px;
margin: 0 auto 100px;
z-index: 2;
}
.packages-section .package {
background: rgba(25, 2, 47, 0.8); /*#19022f*/
border: 1px solid #4f2871;
padding: 20px;
border-radius: 10px;
width: 320px;
text-align: left;
}
.packages-section .price {
font-size: 1.8em;
margin-bottom: 20px;
}
.packages-section .old-price {
text-decoration: line-through;
opacity: 0.7;
margin-right: 10px;
}
.packages-section .free, .packages-section .discount {
color: #FFD700;
font-weight: 500;
}
.packages-section .feature {
display: flex;
align-items: center;
margin: 10px 0;
font-size: 1em;
}
.packages-section .feature img {
height: 24px;
margin-right: 10px;
}
.packages-section .highlight-text {
/*color: #00FF00;*/
color: #C50BD6;
font-size: 28px;
font-weight: 700;
margin-top: 20px;
}
.packages-section .call-to-action {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
gap: 20px;
flex-wrap: wrap;
}
.packages-section .call-to-action img {
margin: 0;
}
.packages-section .call-to-action .qr-code { border: 4px solid #4f368f; border-radius: .25rem; }
.packages-section .claim-button {
background-color: #00cc66;
color: white;
padding: 10px 20px;
font-size: 1.2em;
font-weight: 600;
border: none;
border-radius: .25rem;
cursor: pointer;
text-decoration: none;
}
.packages-section .qr-code {
height: 100px;
}
.packages-section .link {
color: #66ccff;
font-size: 0.9em;
margin-top: 10px;
}
.packages-section .closing-date {
margin-top: 30px;
font-weight: bold;
}
.bizmetaIntroParent {
position: relative;
z-index: 2;
}
.bizmetaIntroParent:before {
display: block;
content:"";
position: absolute;
background: url('../../misc_images/bar_sparkle-img.jpg') no-repeat;
height: calc(100% + 88px);
width: calc(100% + 300px);
left: 50%;
top: calc(50% - 4px);
transform: translate(-50%, -50%);
background-size: cover;
opacity: 0.1;
z-index: -1;
}
/*.bizmetaSection.section-fx:before, .bizmetaSingle.section-fx:before {*/
/*display: block;*/
/*content:"";*/
/*position: absolute;*/
/*background: #737373;*/
/*height: calc(100% + 88px);*/
/*width: calc(100% + 300px);*/
/*left: 50%;*/
/*top: calc(50% - 4px);*/
/*transform: translate(-50%, -50%);*/
/*background-size: cover;*/
/*opacity: 0.1;*/
/*z-index: -1;*/
/*}*/
.pink-purple, em.pink-purple { color: #e648d9; font-style: normal; }
.green-tx { color: #02d664; }
.bizmetaSection { padding: 50px 0 40px; position: relative; z-index: 2; }
.bizmetaSection.pck1, .bizmetaSection.pck2, .bizmetaSection.pck3, .bizmetaSection.pck4, .bizmetaSection.pck5 { height: 0; padding: 0; overflow: hidden; background: rgb(2, 7, 51); width: calc(100% - 30px); border-radius: 12px; }
.bizmetaSingle { padding: 80px 0; /*80px 0*/ position: relative; z-index: 2; }
.bizmetaSingle.prgDet { padding: 10px 0 80px; }
.bizmetaSingle.actv:before {
display: block;
content:"";
position: absolute;
background: #0E1252;
height: 100%;
width: calc(100% + 300px);
left: 50%;
top: calc(50% - 4px);
transform: translate(-50%, -50%);
background-size: cover;
opacity: 1;
z-index: -1;
}
.bizmetaSingle.actv:after {
display: block;
content:"";
position: absolute;
background: url(../../misc_images/right-triangle-youni.png) 0 100% no-repeat;
height: 100%;
width: calc(100% + 300px);
left: 70%;
top: calc(50% - 4px);
transform: translate(-50%, -50%);
background-size: contain;
opacity: 0.25;
z-index: -1;
}
.bizmetaSingle.obj:before {
display: block;
content:"";
position: absolute;
background: #323bb1;
height: 100%;
width: calc(100% + 300px);
left: 50%;
top: calc(50% + 40px);
transform: translate(-50%, -50%);
background-size: cover;
opacity: 0.8;
z-index: -1;
}
.eligibility { position: relative; z-index: 2; }
.eligibility:before {
display: block;
content:"";
position: absolute;
background: #0E1252;
height: calc(100% + 80px);
width: calc(100% + 300px);
left: 50%;
top: calc(50% - 4px);
transform: translate(-50%, -50%);
background-size: cover;
opacity: 0.8;
z-index: -1;}
.bizmetaSingle p { font-size: 18px; text-align: center; line-height: 1.5em; color: #ffffff; }
.bizmetaSingle .bizmetaSection .bizmetaText p { text-align: left; }
.bizmetaSingle.actv .row { justify-content: center; }
.bizmetaSingle .pck { background: #040735; border-radius: 8px; margin: 15px; width: calc(50% - 30px); padding: 30px; position: relative; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.bizmetaSingle .pck:hover {
transform: scale(1.05);
box-shadow: 0 0 10px rgba(0, 174, 255, 0.6); /* adjust color and intensity as needed */
}
.bizmetaSingle .pck .pckimg { height: 200px; margin: -30px -30px 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; background-size: cover; cursor:pointer;}
.bizmetaSingle .pck:nth-child(4) .pckimg { background-size: contain; background-position: center; }
.bizmetaSingle .pck .pckimg img { opacity: 0; }
.bizmetaSingle .pck span#pkg1Vid, .bizmetaSingle .pck span#pkg2Vid, .bizmetaSingle .pck span#pkg3Vid, .bizmetaSingle .pck span#pkg4Vid, .bizmetaSingle .pck span#pkg5Vid { border: 1px solid rgba(255,255,255,0.1); border-radius: 18px; padding-left: 10px; padding-right: 10px; background: #0e1b8f; color: #fff; cursor: pointer; }
.bizmetaSection .container { max-width: 1200px; display: flex; }
.bizmetaSingle .container { max-width: 800px; }
.bizmetaSingle.prgDet .container { max-width: 550px; }
.bizmetaSection .bizmetaText, .bizmetaSection .imagery { width: 50%; }
.bizmetaSingle .bizmetaSection .bizmetaText { width: 100%; }
.bizmetaSingle .bizmetaSection .imagery { display: none; }
.bizmetaSection .imagery, .bizmetaSection.section-fx .bizmetaText { padding-left: 35px; }
.bizmetaSingle .bizmetaSection.section-fx .bizmetaText { padding-left: 0; }
.bizmetaSection.section-fx .imagery { padding-left: 0; }
.bizmetaSection .imagery .imagery-item { display: flex; align-items: center; justify-content: center; height: 17em; width: 100%; /*background: #250345;*/ margin-bottom: 20px; border-radius: 4px; overflow: hidden; }
.bizmetaSection .imagery .imagery-item.first { align-items: flex-start; }
/*.bizmetaSection .imagery .imagery-item img { max-height: 100%; }*/
.bizmetaSection .bizmetaText h2, .bizmetaSingle .bizmetaText h2, .timeline-section h2 { font-size: 28px; line-height: 1.2em; }
.bizmetaSection .bizmetaText h3, .bizmetaSingle .bizmetaText h3 { font-size: 18px; }
.bizmetaSection ul, .bizmetaSingle ul { padding-left: 16px; }
.bizmetaSection ul li { list-style-type: disc; }
.bizmetaSingle ul li { list-style-type: disc; }
.bizmetaSingle.prgDet li { background: #464FD2; color: #ffffff; padding: 10px 10px 10px 45px; margin-bottom: 15px; list-style-type: none; border-radius: 8px; }
.bizmetaSingle.prgDet li strong { font-size: 18px; display: block; margin-left: -21px; }
.bimHero { z-index: 2; }
.bimHero:after {
content: "";
background: url(../../misc_images/business-metaverse-hero.jpg) 50% 50% no-repeat;
background-size: cover;
position: relative;
height: calc(100% + 90px);
width: 150%;
margin-left: -25%;
margin-right: -25%;
display: block;
position: absolute;
top: 0;
z-index: -1;
margin-top: -120px;
opacity: 0.25;
}
/*.bizmetaSingle.prgDet li ::marker { margin-left: 10px; }*/
.timeline-section {
padding: 0 2rem; /* 4rem 2rem */
}
.timeline-title {
text-align: center;
font-size: 2.2rem;
color: #ffd700;
margin-bottom: 3rem;
font-family: 'Orbitron', sans-serif;
}
.timeline {
/*max-width: 900px;*/
margin: auto;
position: relative;
}
.timeline-item {
background: rgba(255, 255, 255, 0.05);
border-left: 4px solid #ffd700;
padding: 1.5rem 2rem 1.5rem 3rem;
margin-bottom: 2rem;
border-radius: 12px;
position: relative;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.timeline-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 20px rgba(255, 204, 0, 0.2);
}
.timeline-number {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: -1.6rem;
top: 1rem;
background: #ffd700;
color: #19022f;
width: 2rem;
height: 2rem;
font-weight: bold;
text-align: center;
border-radius: 50%;
/*line-height: 2rem;*/
font-size: 0.95rem;
border: 2px solid #19022f;
}
.timeline-content h3 {
margin: 0 0 0.5rem;
font-size: 1.75rem;
line-height: 1.75rem;
font-weight: 500;
color: #ffffff;
}
.timeline-content p {
margin: 0;
font-size: 1.3rem;
color: #cccccc;
}
/* Timeline */
.timeline {
/*background: #0a0f2b;*/
color: white;
padding: 60px 30px;
}
.timeline h1 {
/*border-left: 4px solid #02d664;*/
padding: 10px 12px 10px;
}
.timeline ul {
list-style: none;
position: relative;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(8, 1fr); /* Updated to 8 items */
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.timeline ul:before {
content: '';
position: absolute;
top: 50%;
width: 100%;
border-top: 3px solid white;
left: 11px;
}
.timeline ul:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: 1px;
right: -15px;
font-size: 25px;
color: #02d664;
}
.timeline ul li:nth-child(1) {
grid-column: 1;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:nth-child(2) {
grid-column: 2;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:nth-child(3) {
grid-column: 3;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:nth-child(4) {
grid-column: 4;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:nth-child(5) {
grid-column: 5;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:nth-child(6) {
grid-column: 6;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:nth-child(7) {
grid-column: 7;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:nth-child(8) {
grid-column: 8;
overflow: hidden;
position: relative;
height: calc(100% + 15px * 0.5);
}
.timeline ul li:after {
content: '';
width: 15px;
height: 15px;
background: #414fcd;
position: absolute;
bottom: 0;
left: 15px;
border-radius: 100px;
transform: translateX(-50%);
z-index: 1;
}
.timeline ul li:nth-child(even):after {
bottom: auto;
top: 0;
}
.timeline ul li:nth-child(even) {
grid-row: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-top: 40px;
margin-top: calc(15px * -0.45);
}
.timeline ul li:nth-child(odd) p:after,
.timeline ul li:nth-child(even) h3:before {
content: "";
display: block;
border-left: 2px dashed #ced1ff;
height: 100vh;
margin-top: 10px;
position: absolute;
left: calc(15px - 1px);
}
.timeline ul li:nth-child(even) h3:before {
bottom: 100%;
margin-bottom: 5px;
}
.timeline ul li > * {
padding-left: calc(15px * 0.4);
}
.timeline ul li h3 {
color: #02d664;
margin: 0;
margin-bottom: 5px;
font-size: 18px;
position: relative;
}
.iessnippet-basic .display .timeline ul li p {
margin: 0;
position: relative;
text-wrap: pretty;
font-size: 16px;
line-height: 1.3em;
}
@media (max-width: 568px) {
.timeline ul {
display: flex;
flex-direction: column;
}
.timeline ul li {
grid-column: 1 !important;
grid-row: auto !important;
height: 100%;
padding-bottom: 30px;
padding-top: 10px;
}
.timeline ul:before,
.timeline ul:after,
.timeline ul li:after,
.timeline ul li:nth-child(even) h3:before,
.timeline ul li:last-child p:after {
display: none;
}
.timeline ul li:first-child {
padding-top: 0;
}
.timeline ul li:nth-child(even) {
margin-top: 0;
padding-top: 10px;
}
.timeline ul li p:after {
content: "";
display: block;
border-left: 2px dashed white;
height: 100vh;
margin-top: 10px;
position: absolute;
left: calc(15px - 1px);
}
}
/* Timeline - end */
.bizmetaSingle.faq h2 { font-size: 32px; line-height: 36px; font-weight: 600; }
#faqAccordion .accordion-header .accordion-button {
font-size: 1.75rem;
background: #040735;/*#250f3a*/
color: #fff;
border-radius: 14px;
}
#faqAccordion .accordion-item {
background-color: transparent;
border: 0;
margin-bottom: 10px;
}
#faqAccordion .accordion-collapse.collapse {
height: 0;
}
#faqAccordion .accordion-collapse.collapse.show {
height: auto;
}
#faqAccordion .accordion-header .accordion-button::after {
width: 2.25rem;
height: 2.25rem;
background-size: 2.25rem;
filter: brightness(0) saturate(100%) invert(99%) sepia(10%) saturate(0%) hue-rotate(152deg) brightness(107%) contrast(100%);
}
.section-head { /*font-size: 36px; margin-bottom: 30px;*/ font-size: 28px; margin-bottom: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.bizmetaSection .imagery .imagery-item.mascot { height: 25em; }
.bizmetaSection .imagery .imagery-item.mascot img { max-height: 100%; }
.bimHero { /*background: #01001d;*/ padding: 75px 40px 100px; margin-top: -40px; }
.iessnippet-basic .bimHero .display h1 { /*font-weight: 700;*/ line-height: 1em; margin-bottom: 0; letter-spacing: 0.05em; }
.iessnippet-basic .bimHero .display h2 { font-weight: 500; font-size: 40px; margin-bottom: 20px; display: flex ; justify-content: center; align-items: center; line-height: 42px; }
.iessnippet-basic .bimHero .display p { color: #ffffff; font-style: normal; margin-bottom: 0; }
.iessnippet-basic .bimHero a.btn, .iessnippet-basic .btn.btn-primary.btnApply { margin-top: 50px; background-color: #00d66d; padding: 10px 40px; border-radius: 40px; min-width: 250px; font-weight: 500; font-size:1.4em;}
.iessnippet-basic .bimHero a.btn:hover, .btnApply:hover { background-color: #151fa5; box-shadow: 0 0 10px rgba(0, 174, 255, 0.6); /* adjust color and intensity as needed */ }
.iessnippet-basic .partner-logos img { max-height: 100px; margin: 0 20px; max-width: fit-content; }
.iessnippet-basic .partner-logos .pl-cont img:nth-child(1) { /*margin-left: -360px; margin-right: 100px;*/ /*margin-top: 15px;*/ }
.objectives { display: flex; }
.objectives .objective { background: rgba(4,7,53,0.1); margin: 0 20px; border-radius: 8px; padding: 10px 20px 20px; width: 50%; border: 1px solid #3948bb; line-height: 1.5em; } /*#040735*/
.objectives .objective h3 {
margin-left: -20px;
margin-right: -20px;
padding: 15px 30px;
border-bottom: 1px solid #1e245b;
text-align: center;
margin-top: -10px;
font-size: 1.35em;
line-height: 1.35em;
background: #181e63;
margin-bottom: 14px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.eligibility .container { margin: 40px auto 0; /*max-width: 635px;*/ max-width: 1000px; }
.eligibility .container ul { display: flex; flex-wrap: wrap; }
.eligibility .container ul li {
position: relative;
padding: 30px 15px;
width: calc(33.333% - 20px);
background: #464FD2;
margin: 10px;
border-radius: 12px;
color: #fff;
line-height: 1.5em;
text-align: center;
display: flex;
align-items: center;
justify-content: center; }
.eligibility .container ul li:nth-child(4), .eligibility .container ul li:nth-child(5) {
width: calc(50% - 20px);
}
.eligibility .container ul li::before {
/* Increment "my-sec-counter" by 1 */
counter-increment: my-sec-counter;
content: counter(my-sec-counter) ". ";
height: 30px;
width: 30px;
border: 3px solid #414fcd;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: absolute;
top: -10px;
left: -10px;
padding-left: 3px;
padding-top: 2px;
background: #dcdfff;
color: #091159;
font-weight: 600;
}
.topLogos { position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 3; }
.topLogos .topLogosCont { display: flex ; align-items: center; justify-content: center; /*background: #ffffff;*/ border-bottom-left-radius: 80px; border-bottom-right-radius: 80px; width: 600px; margin: 0 auto; padding: 0 40px; height: 140px; gap: 10px; }
.topLogos .topLogosCont img:nth-child(1) { height: 32px; }
.topLogos .topLogosCont img:nth-child(2) { height: 110px; }
.topLogos .topLogosCont img:nth-child(3) { height: 88px; margin-bottom: -10px; }
.topLogos .topLogosCont img { height: 88px; margin-bottom: -10px; margin:0 0;}
p.small{font-size:14px !important;}
/*.bizmetaSingle { }*/
@media only screen and (max-width: 1600px) {
.bigDesktop { display: none; }
.smallDesktop { display: block; }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.container {
/*max-width: 1140px;*/
max-width: calc(100% - 20rem);
}
.hero_banner_section {
height: 820px;
}
}
@media only screen and (max-width: 1440px) {
.banner-parent:before, .about-first:before {
background-position: 70% 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero_banner_section {
height: 780px;
}
.container {
max-width: 950px;
}
.sing_up_btn .btn.btn-link { font-size: 0; }
.sing_up_btn .btn.btn-link.color img { display: block; }
.team-group .team-member { width: calc(50% - 20px); }
.team-group .team-member .pic { padding-top: initial; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sing_up_btn .btn.btn-link { font-size: 0; }
.sing_up_btn .btn.btn-link.color img { display: block; }
.hero_banner_section {
height: 670px;
}
.categoriesFront .category, .how-it-works .how-block {
width: calc(50% - 30px);
margin-bottom: 30px;
}
.product {
width: calc(33.333% - 15px);
}
#new_product_listing .product:nth-child(4n + 4) {
margin-right: 20px;
}
/*#new_product_listing .product:nth-child(3n + 3), .product-listing-parent .product:nth-child(3n + 2) {*/
/*margin-right: 0;*/
/*}*/
.product-listing-parent .catlisting { background: #371c5b; position: fixed; top: 0; left: -300px; height: 100%; width: 300px; padding: 80px 20px; z-index: 2; overflow-y: scroll; }
.product-listing { width: 100%; }
.product-filter { display: block; }
.login-wrapper { width: 100%; padding: 0 15px; }
}
@media only screen and (max-width: 767px) {
.main-content { padding: 0 15px; }
.main-content .main-content { padding: 0; }
.banner { margin-top: 5rem; }
.sing_up_btn .btn.btn-link { margin-bottom: 10px; margin-right: 0 !important; font-size: 0; padding: 0; width: 45px; }
.sing_up_btn .btn.btn-link.color img { display: block; }
.header_right_sidebar { position: absolute; top: 20px; right: 10px; }
.header_right_sidebar .sing_up_btn { display: flex; /* flex-direction: column; 10-Sep-2024*/ align-items: flex-end; }
.hero_banner_section {
height: 750px;
}
.sing_up_btn .btn.btn-link.color2{margin-left:5px;display: none;}/* 10-Sep-2024 */
.product, .product-listing-parent .product { width: calc(50% - 10px); margin: 10px 20px 10px 0; padding: 20px 12px 12px; }
.product .product_name, .product .product_price, .product .add_to_cart { width: 100%; }
.product .add_to_cart { margin-top: 10px; }
.categoriesFrontInner, .how-it-works-inner { flex-wrap: wrap; }
.how-it-works .how-block {
width: calc(50% - 30px);
margin-bottom: 30px;
}
.categoriesFront .category { width: calc(100% - 30px); margin-bottom: 30px; }
#new_product_listing .product:nth-child(3n + 3), .product-listing-parent .product:nth-child(3n + 4), .product-listing-parent .product:nth-child(3n + 6) {
/*margin-right: 10px;*/
margin-right: 20px;
}
#new_product_listing .product:nth-child(4n + 4), #new_product_listing .product:nth-child(2n + 2), .product-listing-parent .product:nth-child(2n + 1), .product-listing-parent .product:nth-child(3n + 7) {
margin-right: 0px;
}
.product-filter { display: block; }
#product_listing_sortby_box select#SortById { width: 130px; }
.banner h2 {
font-size: 42px;
line-height: 52px;
margin-bottom: 2rem;
}
/*.products-grid #new_title_name { padding-left: 15px; }*/
/*#new_product_listing { padding-left: 15px; padding-right: 5px; }*/
.categoriesFront p { max-width: 100%; }
.product-listing { width: 100%; }
.product-listing-parent .catlisting, .main_menu { background: #371c5b; position: fixed; top: 0; left: -300px; height: 100%; width: 250px; padding: 80px 20px; z-index: 2; overflow-y: scroll; }
.FAQs .frequently-questions-title p { max-width: none; }
/*.FAQs { padding-right: 15px; padding-left: 15px; }*/
.main_menu.opened { left: 0; }
.main_menu ul.d-flex { flex-wrap: wrap; }
.main_menu ul.d-flex li { width: 100%; }
.main_menu ul.d-flex li a { font-size: 20px; font-weight: 500; line-height: 45px; }
.product .add_to_wishlist { width: 24px; height: 24px; font-size: 12px; position: absolute; top: 5px; right: 5px; }
.product .add_to_wishlist .wishlistbutton { display: block; margin-left: 1px; margin-top: 2px; }
.product-listing-parent .catlisting.opened { left: 0; }
.span_of_4 { display: flex; flex-wrap: wrap; }
.span1_of_4 { margin-bottom: 20px; }
.span1_of_4 h4 { font-size: 20px; margin-bottom: 10px; color: #ffffff; font-weight: 600; }
.contact-form input[type="text"], .contact-form select { width: 100%; }
.reg #registerForm td input[type="text"], .reg #registerForm td input[type="password"], .reg #registerForm select, .reg #registerForm td {
width: 100%;
min-width: 0;
margin: -5px 0 10px;
}
.reg #registerForm select[name="Newsletter"] { margin-top: 5px; }
.reg #registerForm tr {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.login-wrapper { width: 100%; flex-wrap: wrap; }
.login-wrapper .or { display: none; }
.login-wrapper .sign-in, .login-wrapper .sign-up {
flex-basis: auto;
width: 100%;
margin-bottom: 30px;
padding: 0 15px;
}
#userlogin td tr { flex-wrap: wrap; }
.wishlistItem .wishlistSingle { width: 100%; margin: 10px 0; }
.login-wrapper { width: 100%; /*padding: 0 15px;*/ }
#userlogin table { width: 100%; }
#userlogin input[type="submit"], .sign-up-form #submitbtnsignup, #userlogin input[value="Forgot Password"], .acount-btn, .reg #registerForm input[type="submit"], .reg #registerForm input[type="reset"], .reg #registerForm input[value="Forgot Password"] { margin-bottom: 10px; }
.content-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
padding: 10px 10px 10px 100px;
max-height: none;
}
.content-item-img {
position: absolute;
top: 10px;
left: 10px;
}
.content-item-name {
margin: 0 2% 0 2%;
width: 61%;
}
.content-item-price-qty {
margin: 0;
/*width: 80px;*/
width: 100%;
padding-right: 0px;
}
.content-item-price-qty.price {
width: 100px;
font-weight: 600;
text-align: left;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 10px;
}
.content-item-qty .qty-field {
margin-top: 8px;
margin-right: 0;
margin-left: 6px;
}
.content-item-price {
width: 100%;
font-size: 18px;
text-align: left;
padding-left: 5px;
margin-top: 5px;
}
.content-item-qty {
width: 100%;
}
.content-item-qty .cart_remove2 {
margin-top: 14px;
margin-left: 10px;
}
.cart-description {
margin-top: 50px;
}
.cart-description h3 {
font-size: 24px;
}
.ShowCartContinueBtn { width: 100%; float: left;}
.shopping-cart-buttons .ShowCartContinueBtn { width: 50%; font-size: 16px; }
.ShowCartChangeQtyBtn { width: 49%; float: right;}
.ShowCartCheckOutBtn { width: 100%; margin: 20px auto; padding: 10px 0;}
.shopping-cart-info { width: 95%;}
.mobile-shopping-cart-buttons .ShowCartCheckOutBtn { padding: 0.7em 0; width: 100%; margin-top: -10px;}
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { margin-top: 4em; margin-bottom: 5%; float: right;}
.mobile-shopping-cart-buttons .ShowCartContinueBtn { margin-top: 1em; margin-bottom: 5%;}
.cart-remove-all { width: 70%;}
.shopping-cart-total-qty { width: 10%;}
.paymentlist { float: none; padding-left: 0; }
.cart_redeem_link { right: 14px; display: block; position: absolute; }
.discount-item div {
padding-left: 5px;
padding-right: 5px;
}
.discount-remove {
width: 16% !important;
}
.discount-remove a {
font-size: 12px;
}
.discount-info {
width: 43% !important;
}
.discount-value {
width: 30% !important;
}
.content-item-price {
position: absolute;
top: 5px;
right: 5px;
text-align: right;
width: 40%;
font-size: 15px;
font-weight: 600;
}
.checkout-form {
width: 100%;
margin: 40px 0;
}
.shopping-cart {
width: 100%;
}
.shopping-cart table .cart-content-item-name {
width: 130px;
}
.checkout-form .formpair {
width: 97.5%;
}
.shopping-cart-total-price {
width: 45%;
}
.shopping-cart-total-price:before {
font-size: 20px;
margin-top: 0px;
}
#cd-cart { width: 100%; background: rgba(67, 13, 122, 0.95); }
.vidpar { /*width: 100%;*/ width: calc(100vw - 45px); }
#infopagescontent .vidpar { padding-right: 0; padding-left: 0; overflow: hidden; width: calc(100vw - 75px); margin-left: -15px; }
#infopagescontent .vidpar div { padding: 100.67% 0 0 0 !important; }
.currentpic { padding-right: 15px; padding-left: 15px; margin-top: inherit; }
#accordionCluePink .panel-title a { line-height: 1.2em; }
#infopagescontent .text-content { padding-right: 0; padding-left: 0; }
.aboutVid .currentpic-cont:before { display: none; }
#infopagescontent .aboutVid { margin-bottom: 0px; }
#infopagescontent .aboutVid .vidpar iframe { margin-left: 175px; margin-top: 51px; }
.vidpar iframe { height: 410px !important; }
.vidpar .vidpar1 iframe { height: 350px !important; }
/*.vidpar iframe { height: auto !important; }*/
.about-first .text-content-info { text-align: left !important; }
.herovid { height: auto; }
.first-about-vid .vidpar iframe { width: 320px !important; height: 250px !important; }
.girl-taking-pic { background: transparent; padding: 20px 0 40px; }
.banner-parent:before { top: initial; opacity: 0.3; }
.banner p { font-size: 16px; line-height: 1.5; }
.express-style { padding: 20px 0 40px; }
.express-style .mb-100 { margin-bottom: 0; }
.categoriesFront .sprint-fury-game:before { display: none; }
.team-group .team-member { width: calc(50% - 20px); }
.team-group .team-member .pic { padding-top: initial; height: initial; }
.first-about-vid:before { display: none; }
.first-para { margin-bottom: initial; }
.accompany-pic { max-width: 100%; width: auto; }
.iessnippet-basic .sigma-spotlight-hero { height: auto; padding: 4rem 1.5rem; }
.iessnippet-basic .sigma-spotlight-hero .display h1 { font-size: 2em; }
.iessnippet-basic .sigma-spotlight-hero .display p { font-size: 1em; }
.contest-guidelines-inner { max-width: 100%; width: 100%; margin-left: 0; margin-right: 0; }
.prize-box .prize-box-inner { text-align: center; }
.prize-box .prize-box-inner:nth-child(2) { border-top: 1px solid #3b0474; border-bottom: 1px solid #3b0474; border-right: 0; border-left: 0; margin: 20px 0; padding: 20px 0; }
.sigma-spotlight-form .form-section { width: 100%; margin: 0 0 0; }
.desktop-hidden { display: flex !important; }
.mobile-hidden { display: none !important; }
.bizmetaHero { height: 250px; background-size: cover; }
.bizmetaIntro p { font-size: 16px; line-height: 1.5em; }
.section-head { font-size: 24px; line-height: 1.25em; padding: 0 15px; }
.bizmetaSection p { line-height: 1.5em; }
.bizmetaSection .container { flex-direction: column; }
.bizmetaSection .bizmetaText, .bizmetaSection .imagery { width: 100%; }
.bizmetaSection .imagery, .bizmetaSection.section-fx .bizmetaText { padding-left: 0; }
.bizmetaSection .bizmetaText h2, .bizmetaSingle .bizmetaText h2, .timeline-section h2 { font-size: 22px; font-weight: 500; }
.bizmetaSection .bizmetaText h3, .bizmetaSingle .bizmetaText h3 { margin: 10px 0; font-size: 16px; line-height: 1.25em; font-weight: 600; }
.bizmetaSection .imagery .imagery-item { height: auto; border-radius: 8px; }
.bizmetaSection ul, .bizmetaSingle ul { line-height: 1.5em; }
.bizmetaSection ul li, .bizmetaSingle ul li { margin-bottom: 10px; }
.iessnippet-basic .bimHero .display h1 { font-size: 36px; }
.iessnippet-basic .bimHero .display h2 { font-size: 24px; line-height: 24px; margin-top: 10px; }
.objectives { flex-wrap: wrap; }
.objectives .objective { width: 100%; margin-bottom: 10px; }
.bizmetaSingle .pck { width: calc(100% - 30px); padding-bottom: 15px; }
.eligibility .container ul li, .eligibility .container ul li:nth-child(4), .eligibility .container ul li:nth-child(5) { width: calc(100% - 20px); }
.bizmetaSingle.faq h2 { font-size: 24px; }
.iessnippet-basic .bimHero .display p { font-size: 18px; line-height: 24px; }
.bimHero { padding: 50px 20px 100px; }
.topLogos .topLogosCont { width: calc(100% - 20px); height: 95px; }
.topLogos .topLogosCont img:nth-child(1) { height: 19px; }
.topLogos .topLogosCont img:nth-child(2) { height: 75px; }
.topLogos .topLogosCont img:nth-child(3) { height: 56px; margin-bottom: -6px; }
.iessnippet-basic .partner-logos .pl-cont img:nth-child(1) { margin-left: initial; margin-right: initial; margin-top: initial; /*margin-bottom: 20px;*/ max-width: 100%; }
.iessnippet-basic .partner-logos img { max-height: 70px; }
.new-mdec-poster { top: 70px; position: absolute; right: -21px; }
.bmf { display: none; }
.play_button_yooca_trailer { margin-right: initial; margin-left: initial; position: absolute; right: 0; margin-top: -120px; }
#swiper-logo-belt { padding: 0 0px 20px 27px; }
#swiper-logo-belt img { max-width: 120px; }
.whats-in-it .card { min-height: 160px; }
.whats-in-it .card p { font-size: 16px; }
.try-ai-tool { margin-top: 10px; margin-right: initial; }
}
@media only screen and (max-width: 480px) {
.team-group .team-member { width: calc(100% - 20px); }
/*.categoriesFront .category, .how-it-works .how-block {*/
/*width: calc(100% - 30px);*/
/*}*/
}
@media only screen and (max-width: 410px) {
#infopagescontent .aboutVid .vidpar iframe { margin-left: 197px; margin-top: 69px; }
}
@media only screen and (max-width: 380px) {
#infopagescontent .aboutVid .vidpar iframe { margin-left: 208px; margin-top: 80px; }
.vidpar .vidpar1 iframe { top: calc(50% - 21px) !important; }
.vidpar2 { padding: 116.56% 0 0 0 !important; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero_banner_section.mb-130 {
margin-bottom: 72px;
}
}
@media only screen and (max-width: 767px) {
.hero_banner_section.mb-130 {
margin-bottom: 56px;
}
}
.hero_position_img {
position: absolute;
bottom: 0;
right: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero_position_img {
right: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero_position_img {
right: 0;
left: 0;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.hero_position_img {
display: none;
right: 0;
left: 0;
text-align: center;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.hero_position_img {
right: -120px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero_position_img img {
width: 620px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero_position_img img {
width: 450px;
}
}
@media only screen and (max-width: 767px) {
.hero_position_img img {
width: 300px;
}
}
.mobile_hero_position_img {
display: none;
}
@media only screen and (max-width: 767px) {
.mobile_hero_position_img {
display: block;
}
}
.hero_content {
max-width: 800px;
padding-top: 78px;
position: relative;
z-index: 9;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero_content {
text-align: center;
padding-top: 0;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.hero_content {
text-align: center;
margin-bottom: 0;
padding: 10px 5px 0 5px;
}
}
.hero_content h1 {
margin-bottom: 41px;
text-shadow: 3px 3px 0px #385b83;
}
@media only screen and (max-width: 767px) {
.hero_content h1 {
margin-bottom: 15px;
font-size: 52px;
line-height: 55px;
}
}
@media only screen and (max-width: 575px) {
.hero_content h1 {
margin-bottom: 13px;
font-size: 30px;
line-height: 36px;
}
}
.hero_content p {
font-size: 25px;
font-weight: 600;
margin-bottom: 47px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hero_content p {
font-size: 23px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero_content p {
font-size: 22px;
margin-bottom: 31px;
}
}
@media only screen and (max-width: 767px) {
.hero_content p {
font-size: 18px;
margin-bottom: 24px;
}
}
@media only screen and (max-width: 575px) {
.hero_content p {
font-size: 20px;
margin-bottom: 30px;
line-height: 28px;
}
}
/*blog details css end*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_page_section.mb-140 {
margin-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.section_title h2 {
font-size: 30px;
line-height: 36px;
}
.contact_page_section.mb-140 {
margin-bottom: 60px;
}
}
.contact_form {
padding: 60px 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact_form {
padding: 50px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_form {
padding: 40px 25px;
}
}
@media only screen and (max-width: 767px) {
.contact_form {
padding: 30px 20px;
}
}
.contact_form h2 {
font-weight: 600;
color: #000000;
margin-bottom: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.contact_form h2 {
font-size: 40px;
line-height: 52px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_form h2 {
font-size: 35px;
list-style: none;
}
}
@media only screen and (max-width: 767px) {
.contact_form h2 {
margin-bottom: 24px;
font-size: 32px;
line-height: 38px;
}
}
.form_input {
margin-bottom: 30px;
}
.form_input input::-webkit-input-placeholder {
color: #c2c2c2;
}
.form_input input::-moz-placeholder {
color: #c2c2c2;
}
.form_input input:-ms-input-placeholder {
color: #c2c2c2;
}
.form_input input:-moz-placeholder {
color: #c2c2c2;
}
.form_input input {
width: 100%;
height: 62px;
padding: 0 25px;
line-height: 17px;
color: #ffffff;
background: inherit;
border: 2px solid #281e4d;
border-radius: 10px;
}
.form_input input:focus {
border-color: #b154f0;
}
.form_input input:focus::-webkit-input-placeholder {
color: #ffffff;
border-color: #b154f0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.form_input input {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.form_input input {
width: 100%;
height: 50px;
}
}
.form_textarea {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.form_textarea {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.form_textarea {
margin-bottom: 28px;
}
}
.form_textarea textarea::-webkit-input-placeholder {
color: #c2c2c2;
}
.form_textarea textarea::-moz-placeholder {
color: #c2c2c2;
}
.form_textarea textarea:-ms-input-placeholder {
color: #c2c2c2;
}
.form_textarea textarea:-moz-placeholder {
color: #c2c2c2;
}
.form_textarea textarea {
width: 100%;
height: 295px;
padding: 25px;
line-height: 17px;
color: #ffffff;
background: inherit;
border: 2px solid #281e4d;
border-radius: 10px;
resize: none;
}
.form_textarea textarea:focus {
border-color: #b154f0;
}
.form_textarea textarea:focus::-webkit-input-placeholder {
color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.form_textarea textarea {
height: 200px;
}
}
@media only screen and (max-width: 767px) {
.form_textarea textarea {
height: 150px;
padding: 18px 25px;
}
}
.form_input_btn .btn {
font-size: 20px;
}
.form-message {
background-image: url(assets/img/body-bg.webp);
position: relative;
padding: 25px;
text-align: center;
border-radius: 28px;
border: 7px solid #b154f0;
font-size: 24px;
margin-top: 40px;
}
.iesbackgroundcolor1 {
background: #995ed7;
}
.iesbackgroundcolor3 {
/*background: #7518D7;*/
background: #C50BD6;
}
.collapse:not(.show) {
display: inherit;
overflow: hidden;
}
.vidpopup {
display: none;
position: fixed;
z-index: 100;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.7);
align-items: center;
justify-content: center;
}
.vid-popup-content {
background-color: #130d35;
/*margin: 15% auto;*/
padding: 20px;
/*border: 1px solid #888;*/
width: 80%;
height: 500px;
max-width: 700px;
position: relative;
border-radius: 12px;
}
.vid-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
position: absolute;
top: 10px;
right: 25px;
cursor: pointer;
z-index: 4;
}
.vid-close:hover,
.vid-close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.vid-popup-content { height: auto; }
}
.modal.fade.show { opacity: 1; }
#videoModal .modal-content { background-color: #2b2e55; }
#videoModal .modal-header { border-bottom: 1px solid #3b3f69; }
#videoModal .modal-title { color: #fff; }
#videoModal .modal-header .btn-close { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2353%) hue-rotate(183deg) brightness(116%) contrast(101%); }
.available-logo{max-height:40px;}
.available-comingsoon {padding:20px 0px;margin-top: 20px;}
.available-comingsoon .available, .available-comingsoon .comingsoon { margin-bottom: 20px; }
.available-comingsoon .available span:first-child, .available-comingsoon .comingsoon span:first-child { font-size: 14px; font-weight: 500; }
.available-comingsoon .comingsoon span:last-child { margin-left: -7px; }
table.largepadding td {padding: 10px 40px;border: thin solid #CECECE;margin: 30px;}
table.largepadding {border-collapse:collapse;}
table.largepadding a {text-decoration: underline;color: #00AAFF;font-size: 20px;cursor: pointer;}
table.largepadding .boldbig{font-size: 24px;font-weight: bold;}