@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
font-display: swap;
}

/* 400 — Regular */
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}

/* 500 — Medium */
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}

/* 600 — SemiBold */
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
font-display: swap;
}

/* 700 — Bold */
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
font-display: swap;
}

/* 800 — ExtraBold */
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
font-display: swap;
}

/* 900 — Black */
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Rubik';
src: url('/site/fonts/rubik/Rubik-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
font-display: swap;
}




.loading-screen {
    position: fixed;
    inset: 0;
    background: white;
    z-index: 9999;
    display: grid;
    place-items: center;
  }

  .pulse-dots {
    display: flex;
    gap: 12px;
  }

  .pulse-dots span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0d6efd;
    animation: pulse 1.4s ease-in-out infinite;
  }

  .pulse-dots span:nth-child(2) { animation-delay: 0.2s; }
  .pulse-dots span:nth-child(3) { animation-delay: 0.4s; }

  @keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50%      { transform: scale(1.4); opacity: 1; }
  }

h1 {
font-weight: 600;
}

h1 b,
h1 strong {
font-weight: 700;
}


body, html {
height: 100%;
}
.brd_3{border:2px solid #fff;}
.ffs_5 {
font-size: 1.3125rem !important;
}

.llhh{line-height:15px !important;}
.ffs_11 {
 font-size: 2.75rem !important;
}

body {
background: #ffffff;
color: #151515;
font-family: "Rubik", sans-serif;
font-size: 14px;
line-height: 22px;
}

.overh{
position: fixed;
z-index: 9999999991 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.overhs {
display: none;
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(0,0,0,0.5);
z-index: 995;
}
#men_div_sm {
position: fixed;
top: 0;
right: -100%;
background: #f2f2f2;
width: 85%;
max-width: 295px;
height: 100%;
z-index: 998;
}
#men_div_sm div{width:100%;}
.smaz_mn div{
}

.smaz_mn div a{
display: block;
width: 100%;
height: 100%;
padding:12px 10px;
color:#000;
border-top:1px solid #ccc;
}

.navbar-toggler2 {
z-index:999; right:16px; margin-top:17px; position:absolute; top:0px;
}
.menu_btn:focus,
.menu_btn:active {
outline: none;
box-shadow: none;
}
.menu_btn{letter-spacing:1px;padding:6px 12px; border:none;}

@media (min-width: 992px) {
.navbar-toggler2 {
display: none !important;
}
}
@media (max-width: 992px) {
.mmn_123 {
display: none !important;
}
}

.fopen_2 li{ margin-left:10px !important;}
.fopen_1 {
max-height: 70vh;
overflow-y: auto;
}
.fopen_3 {
max-height: 90vh;
overflow-y: auto;
overflow-x: hidden;
}

.overh div{
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: 150px;
margin-left: -75px;
margin-top: -75px;
display: inline-block;
content: " ";
display: block;
border-radius: 50%;
border: 16px solid #fff;
border-color: #2dbe60 rgba(255,255,255,0.4) #2dbe60 rgba(255,255,255,0.4);
animation: dual-ring 1s linear infinite;
}
#main-wrapper{display:none;}

#preloader {
position: fixed;
z-index: 999999999 !important;
background-color: #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}

#preloader2 {
position: fixed;
z-index: 999999999 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; display:none;
}
#preloader2 [data-loader="dual-ring"] {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
display: inline-block;
content: " ";
display: block;
border-radius: 50%;
border: 5px solid #2dbe60;
border-color: #2dbe60 transparent #2dbe60 transparent;
animation: dual-ring 1s linear infinite;
}

#preloader [data-loader="dual-ring"] {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
display: inline-block;
content: " ";
display: block;
border-radius: 50%;
border: 5px solid #2dbe60;
border-color: #2dbe60 transparent #2dbe60 transparent;
animation: dual-ring 1s linear infinite;
}

@keyframes dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

::selection {
background: #2dbe60;
color: #fff;
text-shadow: none;
}

form {
padding: 0;
margin: 0;
display: inline;
}

img {
vertical-align: inherit;
}

a, a:focus {
color: #2dbe60;
text-decoration: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

a:hover, a:active {
color: #26a151;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

a:focus, a:active,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
button:focus,
button:active {
outline: none;
}

.ols, .uls, p {
line-height: 1.6;
}

.blockquote {
border-width: 0 0 0 5px;
border-style: solid;
border-color: #eee;
padding: 10px 20px;
font-size: 1rem;
}

.rtl .blockquote {
border-width: 0 5px 0 0px;
}

iframe {
border: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
color: #1e1d1c;
font-family: "Rubik", sans-serif;
}

/* =================================== */
/*Helpers Classes
/* =================================== */
/* Box Shadow */
.shadow-md {
-webkit-box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4) !important;
box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4) !important;

}
.shadow-mdd {
-webkit-box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.175) !important;
box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.175) !important;
}
.shadow-md_sethubble {
-webkit-box-shadow: 10px 10px 50px -35px rgba(0, 0, 0, 1) !important;
box-shadow: 10px 10px 50px -35px rgba(0, 0, 0, 1) !important;
}

.rounded_top {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
/* Border Radius */
.rounded-top-0 {
border-top-start-radius: 0px !important;
border-top-end-radius: 0px !important;
}

.rounded-bottom-0 {
border-bottom-start-radius: 0px !important;
border-bottom-end-radius: 0px !important;
}

.rounded-start-0 {
border-top-start-radius: 0px !important;
border-bottom-start-radius: 0px !important;
}

.rounded-end-0 {
border-top-end-radius: 0px !important;
border-bottom-end-radius: 0px !important;
}

/* Text Size */
.text-0 {
font-size: 11px !important;
font-size: 0.6875rem !important;
}

.text-1 {
font-size: 12px !important;
font-size: 0.75rem !important;
}

.text-2 {
font-size: 14px !important;
font-size: 0.875rem !important;
}

.text-3 {
font-size: 16px !important;
font-size: 1rem !important;
}

.text-4 {
font-size: 18px !important;
font-size: 1.125rem !important;
}
.text-qq {
font-size: 19px !important;
}

.text-5 {
font-size: 21px !important;
font-size: 1.3125rem !important;
}

.text-6 {
font-size: 24px !important;
font-size: 1.50rem !important;
}

.text-7 {
font-size: 28px !important;
font-size: 1.75rem !important;
}

.text-8 {
font-size: 32px !important;
font-size: 2rem !important;
}

.text-9 {
font-size: 36px !important;
font-size: 2.25rem !important;
}

.text-10 {
font-size: 40px !important;
font-size: 2.50rem !important;
}

.text-11 {
font-size: calc(1.4rem + 1.8vw) !important;
}

@media (min-width: 1200px) {
.text-11 {
font-size: 2.75rem !important;
}
}

.text-12 {
font-size: calc(1.425rem + 2.1vw) !important;
}

@media (min-width: 1200px) {
.text-12 {
font-size: 3rem !important;
}
}

.text-13 {
font-size: calc(1.45rem + 2.4vw) !important;
}

@media (min-width: 1200px) {
.text-13 {
font-size: 3.25rem !important;
}
}

.text-14 {
font-size: calc(1.475rem + 2.7vw) !important;
}

@media (min-width: 1200px) {
.text-14 {
font-size: 3.5rem !important;
}
}

.text-15 {
font-size: calc(1.5rem + 3vw) !important;
}

@media (min-width: 1200px) {
.text-15 {
font-size: 3.75rem !important;
}
}

.text-16 {
font-size: calc(1.525rem + 3.3vw) !important;
}

@media (min-width: 1200px) {
.text-16 {
font-size: 4rem !important;
}
}

.text-17 {
font-size: calc(1.575rem + 3.9vw) !important;
}

@media (min-width: 1200px) {
.text-17 {
font-size: 4.5rem !important;
}
}

.text-18 {
font-size: calc(1.625rem + 4.5vw) !important;
}

@media (min-width: 1200px) {
.text-18 {
font-size: 5rem !important;
}
}

.text-19 {
font-size: calc(1.65rem + 4.8vw) !important;
}

@media (min-width: 1200px) {
.text-19 {
font-size: 5.25rem !important;
}
}

.text-20 {
font-size: calc(1.7rem + 5.4vw) !important;
}

@media (min-width: 1200px) {
.text-20 {
font-size: 5.75rem !important;
}
}

.text-21 {
font-size: calc(1.775rem + 6.3vw) !important;
}

@media (min-width: 1200px) {
.text-21 {
font-size: 6.5rem !important;
}
}

.text-22 {
font-size: calc(1.825rem + 6.9vw) !important;
}

@media (min-width: 1200px) {
.text-22 {
font-size: 7rem !important;
}
}

.text-23 {
font-size: calc(1.9rem + 7.8vw) !important;
}

@media (min-width: 1200px) {
.text-23 {
font-size: 7.75rem !important;
}
}

.text-24 {
font-size: calc(1.95rem + 8.4vw) !important;
}

@media (min-width: 1200px) {
.text-24 {
font-size: 8.25rem !important;
}
}

.text-25 {
font-size: calc(2.025rem + 9.3vw) !important;
}

@media (min-width: 1200px) {
.text-25 {
font-size: 9rem !important;
}
}

.text-11, .text-12, .text-13, .text-14, .text-15, .text-16, .text-17, .text-18, .text-19, .text-20, .text-21, .text-22, .text-23, .text-24, .text-25 {
line-height: 1.3;
}

/* Font Weight */
.fw-100 {
font-weight: 100 !important;
}

.fw-200 {
font-weight: 200 !important;
}

.fw-300 {
font-weight: 300 !important;
}

.fw-400 {
font-weight: 400 !important;
}

.fw-500 {
font-weight: 500 !important;
}

.fw-600 {
font-weight: 600 !important;
}

.fw-700 {
font-weight: 700 !important;
}

.fw-800 {
font-weight: 800 !important;
}

.fw-900 {
font-weight: 900 !important;
}

/* Opacity */
.opacity-0 {
opacity: 0;
}

.opacity-1 {
opacity: 0.1;
}

.opacity-2 {
opacity: 0.2;
}

.opacity-3 {
opacity: 0.3;
}

.opacity-4 {
opacity: 0.4;
}

.opacity-5 {
opacity: 0.5;
}

.opacity-6 {
opacity: 0.6;
}

.opacity-7 {
opacity: 0.7;
}

.opacity-8 {
opacity: 0.8;
}

.opacity-9 {
opacity: 0.9;
}

.opacity-10 {
opacity: 1;
}

/* Background light */
.bg-light-1 {
background-color: #f9f9fb !important;
}

.bg-light-2 {
background-color: #f8f8fa !important;
}

.bg-light-3 {
background-color: #f5f5f5 !important;
}

.bg-light-4 {
background-color: #eff0f2 !important;
}

.bg-light-5 {
background-color: #ececec !important;
}

/* Background Dark */
.bg-dark {
background-color: #111418 !important;
}

.bg-dark-1 {
background-color: #191f24 !important;
}

.bg-dark-2 {
background-color: #232a31 !important;
}

.bg-dark-3 {
background-color: #2b343c !important;
}

.bg-dark-4 {
background-color: #38434f !important;
}

.bg-dark-5 {
background-color: #435161 !important;
}

/* Progress Bar */
.progress-sm {
height: 0.5rem !important;
}

.progress-lg {
height: 1.5rem !important;
}

hr {
opacity: 0.1;
}


#main-wrapper {
background: #fff;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
#main-wrapper.boxed {
max-width: 990px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
#main-wrapper.boxed {
max-width: 1180px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
}

@media (min-width: 1400px) {
#main-wrapper.boxed {
max-width: 1360px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
}

.section {
position: relative;
padding: 1rem 0;
}
.section2 {
position: relative;
height: 170px;
}
.pic_acc {
width:42px; height:42px;
}
.pic_acc2 {
width:32px; height:32px;
}

.stops div{position:absolute; margin-top:98px;width:100%;}
.stops h1{font-weight: 500 !important; font-size: 2rem !important;}

@media (max-width: 1212px) {
.pic_acc {
width:42px; height:42px;
}
.pic_acc2 {
width:22px; height:22px;
}
}



@media (max-width: 575.98px) {
.stops div{position:absolute; margin-top:72px; text-align:center;}
.stops h1{font-weight: 400 !important;
font-size: 1.3125rem !important;
}
.section {
padding: 1.1rem 0;
}
.section2 {
position: relative;
height: 110px;
}

.rounded-start{border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important;
border-bottom-right-radius:0rem !important;
border-bottom-left-radius:0rem !important
}
}

/*== Fullscreen Height when use default Header ==*/
.fullscreen-with-header {
min-height: calc(100vh) !important;
}

/* =================================== */
/*Header
/* =================================== */
#header {
background: #fff;
border-bottom: 1px solid #efefef;
}

#header .navbar {
padding: 0px;
}

#header.bg-transparent {

z-index: 999;
top: 0;
left: 0;
width: 100%;
box-shadow: none;
border-bottom: 1px solid rgba(250, 250, 250, 0.1);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#header.bg-s2 {
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
background: #fff;
box-shadow: none;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#header .logo {
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: stretch;
align-self: stretch;
}

#header .header-row {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
max-height: 100%;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

}

#header .header-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}

#header .header-column .header-row {
-webkit-box-pack: inherit;
-ms-flex-pack: inherit;
justify-content: inherit;
}

.navbar-light .navbar-nav .active > .nav-link {
color: #0c2f55;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show {
color: #0c2f55;
}

.navbar-light .navbar-nav .show > .nav-link {
color: #0c2f55;
}

.primary-menu, .login-signup {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
height: auto !important;
-webkit-box-ordinal-group: 0;
-ms-flex-item-align: stretch;
align-self: stretch;
}

.primary-menu.navbar, .login-signup.navbar {
position: inherit;
}

.primary-menu ul.navbar-nav > li, .login-signup ul.navbar-nav > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}

.primary-menu ul.navbar-nav > li > a:not(.btn), .login-signup ul.navbar-nav > li > a:not(.btn) {
height: 80px;
padding-left: 0.85em;
padding-right: 0.85em;
color: #000; /* menuuu */
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
text-transform: uppercase;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.bg-transparent .primary-menu ul.navbar-nav > li > a:not(.btn), .login-signup ul.navbar-nav > li > a:not(.btn) {
color: #000; /* menuuu */
}


.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li.active > a:not(.btn), .login-signup ul.navbar-nav > li:hover > a:not(.btn), .login-signup ul.navbar-nav > li.active > a:not(.btn) {
color: #2dbe60;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn), .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) {
padding: 8px 0px;
background-color: transparent;
color: #777;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) > i:not(.arrow), .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) > i:not(.arrow) {
font-size: .875rem;
width: 18px;
text-align: center;
margin-right: 7px;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn), .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
color: #2dbe60;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.primary-menu ul.navbar-nav > li.dropdown:hover > a:after, .login-signup ul.navbar-nav > li.dropdown:hover > a:after {
clear: both;
content: ' ';
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #fff transparent;
position: absolute;
border-width: 0px 7px 6px 7px;
bottom: 0px;
left: 50%;
margin: 0 0 0 -5px;
z-index: 1022;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu, .login-signup ul.navbar-nav > li.dropdown .dropdown-menu {
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.176);
border: 0px none;
padding: 10px 15px;
min-width: 230px;
font-size: 14px;
font-size: 0.875rem;
z-index: 1021;
top: 100%;
}

.primary-menu ul.navbar-nav > li.dropdown.language .dropdown-menu, .login-signup ul.navbar-nav > li.dropdown.language .dropdown-menu {
min-width: 140px;
}

.primary-menu ul.navbar-nav > li.dropdown.notifications .dropdown-menu, .login-signup ul.navbar-nav > li.dropdown.notifications .dropdown-menu {
width: 265px;
}

.primary-menu ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn), .login-signup ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn) {
white-space: normal;
padding-left: 24px;
position: relative;
}

.primary-menu ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn) > i:not(.arrow), .login-signup ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn) > i:not(.arrow) {
position: absolute;
top: 12px;
left: 0px;
}

.primary-menu .dropdown-menu-end, .login-signup .dropdown-menu-end {
left: auto !important;
right: 100% !important;
}

.primary-menu ul.navbar-nav > li.dropdown-mega, .login-signup ul.navbar-nav > li.dropdown-mega {
position: static;
}

.primary-menu ul.navbar-nav > li.dropdown-mega > .dropdown-menu, .login-signup ul.navbar-nav > li.dropdown-mega > .dropdown-menu {
width: 100%;
padding: 20px 20px;
}

.primary-menu ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div, .login-signup ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div {
padding: 5px 5px 5px 20px;
border-right: 1px solid #eee;
}

.primary-menu ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div:last-child, .login-signup ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div:last-child {
border-right: 0;
}

.primary-menu ul.navbar-nav > li.dropdown-mega .sub-title, .login-signup ul.navbar-nav > li.dropdown-mega .sub-title {
display: block;
font-size: 16px;
margin-top: 1rem;
padding-bottom: 5px;
}

.primary-menu ul.navbar-nav > li.dropdown-mega .dropdown-mega-submenu, .login-signup ul.navbar-nav > li.dropdown-mega .dropdown-mega-submenu {
list-style-type: none;
padding-left: 0px;
}

.primary-menu ul.navbar-nav > li a.btn, .login-signup ul.navbar-nav > li a.btn {
font-size: 14px;
padding: 0.45rem 1.3rem;
text-transform: uppercase;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu, .login-signup ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
left: 100%;
margin-top: -40px;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle:after, .login-signup ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle:after {
border-top: .4em solid transparent;
border-right: 0;
border-bottom: 0.4em solid transparent;
border-left: 0.4em solid;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow, .login-signup ul.navbar-nav > li.dropdown .dropdown-toggle .arrow {
position: absolute;
min-width: 0px;
height: 100%;
right: 0px;
top: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow:after, .login-signup ul.navbar-nav > li.dropdown .dropdown-toggle .arrow:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
border-color: #000;
border-top: 1px solid;
border-right: 1px solid;
width: 6px;
height: 6px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow.arrow-end:after, .login-signup ul.navbar-nav > li.dropdown .dropdown-toggle .arrow.arrow-end:after {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg);
}

.primary-menu .dropdown-toggle:after, .login-signup .dropdown-toggle:after {
content: none;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) > i:not(.arrow), .rtl .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) > i:not(.arrow) {
margin-right: 0px;
margin-left: 7px;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown:hover > a:after, .rtl .login-signup ul.navbar-nav > li.dropdown:hover > a:after {
left: auto;
right: 50%;
margin: 0 -5px 0 0;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn), .rtl .login-signup ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn) {
padding-left: 0;
padding-right: 24px;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn) > i:not(.arrow), .rtl .login-signup ul.navbar-nav > li.dropdown.notifications .dropdown-menu li > a:not(.btn) > i:not(.arrow) {
left: auto;
right: 0px;
}

.rtl .primary-menu .dropdown-menu-end, .rtl .login-signup .dropdown-menu-end {
left: 100% !important;
right: auto !important;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div, .rtl .login-signup ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div {
padding: 5px 20px 5px 5px;
border-left: 1px solid #eee;
border-right: 0px;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div:last-child, .rtl .login-signup ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div:last-child {
border-left: 0;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown-mega .dropdown-mega-submenu, .rtl .login-signup ul.navbar-nav > li.dropdown-mega .dropdown-mega-submenu {
padding-right: 0px;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu, .rtl .login-signup ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
left: auto;
right: 100%;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle:after, .rtl .login-signup ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-toggle:after {
border-left: 0;
border-right: 0.4em solid;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow, .rtl .login-signup ul.navbar-nav > li.dropdown .dropdown-toggle .arrow {
right: auto;
left: 0px;
}

.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow:after, .rtl .login-signup ul.navbar-nav > li.dropdown .dropdown-toggle .arrow:after {
left: auto;
right: 50%;
border-top: 0px;
border-right: 0px;
border-bottom: 1px solid;
border-left: 1px solid;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}

.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow.arrow-end:after, .rtl .login-signup ul.navbar-nav > li.dropdown .dropdown-toggle .arrow.arrow-end:after {
-webkit-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg);
}

.dropdown-menu {
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.176);
border: 0px none;
font-size: 14px;
font-size: 0.875rem;
}

.dropdown-divider {
border-color: rgba(0, 0, 0, 0.1);
}

.header-text-light .navbar-toggler span {
background: #fff;
}

.header-text-light .login-signup ul.navbar-nav > li > a:not(.btn) {
color: rgba(250, 250, 250, 0.85);
}

.header-text-light .login-signup ul.navbar-nav > li:hover > a:not(.btn), .header-text-light .login-signup ul.navbar-nav > li.active > a:not(.btn) {
color: #fff;
}

@media (min-width: 992px) {
.header-text-light .primary-menu ul.navbar-nav > li > a:not(.btn) {
color: #fff;
}
.header-text-light .primary-menu ul.navbar-nav > li:hover > a:not(.btn), .header-text-light .primary-menu ul.navbar-nav > li.active > a:not(.btn) {
color: #fff;
}
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu, .login-signup.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu {
background-color: #252A2C;
color: #fff;
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu, .login-signup.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
background-color: #272c2e;
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-divider, .login-signup.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-divider {
border-color: rgba(250, 250, 250, 0.2);
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown:hover > a:after, .login-signup.navbar-dropdown-dark ul.navbar-nav > li.dropdown:hover > a:after {
border-color: transparent transparent #252A2C transparent;
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn), .login-signup.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) {
color: #a3a2a2;
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn), .login-signup.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
color: #fff;
}

.primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div, .login-signup.navbar-dropdown-dark ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div {
border-color: #3a3a3a;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu {
background-color: #2dbe60;
color: #fff;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
background-color: #2dbe60;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-divider, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-divider {
border-color: rgba(250, 250, 250, 0.3);
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown:hover > a:after, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown:hover > a:after {
border-color: transparent transparent #2dbe60 transparent;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn), .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) {
color: rgba(250, 250, 250, 0.95);
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn), .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
color: #fff;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div {
border-color: rgba(250, 250, 250, 0.2);
}

@media (max-width: 1199px) {
.ffs_11 {
 font-size: 2.05rem !important;
}
}

@media (max-width: 991.98px) {
.ffs_11 {
 font-size: 1.88rem !important;
}
}

@media (max-width: 991.98px) {


.ffs_5 {
font-size: 1.1rem !important;
line-height:21px !important;
font-weight:normal !important;
}
}

@media (max-width: 575.98px) {
.ffs_11 {
 font-size: 1.48rem !important;
}
.ffs_5 {
font-size: 0.99rem !important;
}

}



#header .navbar-dropdown-dark.primary-menu:before, .primary-menu.navbar-dropdown-dark ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
background-color: #252A2C;
}
#header .navbar-dropdown-primary.primary-menu:before {
background-color: #2dbe60;
}
.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
background-color: #2dbe60;
}
.primary-menu.navbar-dropdown-dark ul.navbar-nav li {
border-color: #444;
}
.primary-menu.navbar-dropdown-dark ul.navbar-nav > li > a {
color: #a3a2a2;
}
.primary-menu.navbar-dropdown-dark ul.navbar-nav > li:hover > a {
color: #fff;
}
.primary-menu.navbar-dropdown-primary ul.navbar-nav li {
border-color: rgba(250, 250, 250, 0.2);
}
.primary-menu.navbar-dropdown-primary ul.navbar-nav > li > a {
color: rgba(250, 250, 250, 0.8);
}
.primary-menu.navbar-dropdown-primary ul.navbar-nav > li:hover > a {
color: #fff;
}
}


@media (min-width: 992px) {
.navbar-toggler {
display: none;
}
.primary-menu ul.navbar-nav > li + li {
margin-left: 2px;
}
.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
margin-left: 5px;
}
.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a .arrow {
right: -3px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.primary-menu ul.navbar-nav > li.dropdown > .dropdown-toggle {

}
.primary-menu ul.navbar-nav > li.dropdown > .dropdown-toggle .arrow:after {
-webkit-transform: translate(-50%, -50%) rotate(134deg);
transform: translate(-50%, -50%) rotate(134deg);
width: 8px;
height: 8px;
top: calc(50% - 3px);
}
.primary-menu ul.navbar-nav > li.dropdown-mega .sub-title:first-child {
margin-top: 0px;
}
.rtl .primary-menu ul.navbar-nav > li + li {
margin-left: 0px;
margin-right: 2px;
}
.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
margin-left: 0px;
margin-right: 5px;
}
.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a .arrow {
right: auto;
left: -3px;
}
.rtl .primary-menu ul.navbar-nav > li.dropdown > .dropdown-toggle {
padding-right: 0.85em;
padding-left: 1.6rem;
}
.rtl .primary-menu ul.navbar-nav > li.dropdown > .dropdown-toggle .arrow:after {
-webkit-transform: translate(60%, -50%) rotate(-45deg);
transform: translate(60%, -50%) rotate(-45deg);
top: calc(50% - 3px);
}
}

.login-signup ul.navbar-nav > li.dropdown:not(.notifications) .dropdown-menu li:hover > a:not(.btn) {
margin-left: 5px;
}

.login-signup ul.navbar-nav > li.dropdown:not(.notifications) .dropdown-menu li:hover > a .arrow {
right: -3px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.login-signup ul.navbar-nav > li.dropdown:not(.notifications) > .dropdown-toggle {
padding-right: 1.6rem;
}

.login-signup ul.navbar-nav > li.dropdown:not(.notifications) > .dropdown-toggle .arrow:after {
-webkit-transform: translate(-50%, -50%) rotate(134deg);
transform: translate(-50%, -50%) rotate(134deg);
width: 8px;
height: 8px;
top: calc(50% - 3px);
}

.login-signup ul.navbar-nav > li.dropdown.notifications > .dropdown-toggle .arrow, .login-signup ul.navbar-nav > li.dropdown.profile > .dropdown-toggle .arrow {
display: none;
}

.login-signup ul.navbar-nav > li.dropdown.notifications.notifications .count, .login-signup ul.navbar-nav > li.dropdown.profile.notifications .count {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
position: relative;
top: -8px;
left: 0;
font-size: 11px;
background-color: #dc3545;
border-radius: 50px;
height: 16px;
line-height: 16px;
color: #fff;
min-width: 16px;
text-align: center;
padding: 0 5px;
display: inline-block;
vertical-align: top;
margin-left: -6px;
margin-right: -5px;
}

.login-signup ul.navbar-nav > li.dropdown-mega .sub-title:first-child {
margin-top: 0px;
}

.rtl .login-signup ul.navbar-nav > li.dropdown:not(.notifications) .dropdown-menu li:hover > a:not(.btn) {
margin-left: 0px;
margin-right: 5px;
}

.rtl .login-signup ul.navbar-nav > li.dropdown:not(.notifications) .dropdown-menu li:hover > a .arrow {
right: auto;
left: -3px;
}

.rtl .login-signup ul.navbar-nav > li.dropdown:not(.notifications) > .dropdown-toggle {
padding-right: 0.85em;
padding-left: 1.6rem;
}

.rtl .login-signup ul.navbar-nav > li.dropdown:not(.notifications) > .dropdown-toggle .arrow:after {
-webkit-transform: translate(60%, -50%) rotate(-45deg);
transform: translate(60%, -50%) rotate(-45deg);
}

.sethubble_bb button span {background:#fff;}

@media (max-width: 991.98px) {
/* Mobile Menu Button */
.navbar-toggler {
width: 25px;
height: 30px;
padding: 10px;
margin: 18px 10px;
position: relative;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
display: block;
}
.navbar-toggler span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #3c3636;
border-radius: 2px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.navbar-toggler span:nth-child(1) {
top: 6px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggler span:nth-child(2) {
top: 12px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggler span:nth-child(3) {
top: 18px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.navbar-toggler.fopen span:nth-child(1) {
top: 5px;
left: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar-toggler.fopen span:nth-child(2) {
width: 0%;
opacity: 0;
}
.navbar-toggler.fopen span:nth-child(3) {
top: 21px;
left: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.navbar-toggler:focus {
box-shadow: none;
}
#header .primary-menu {
position: absolute;
top: 99%;
right: 0;
left: 0;
background: transparent;
margin-top: 0px;
z-index: 1000;
}
#header .primary-menu:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 50%;
width: 100vw;
height: 100%;
background: #fff;
z-index: -1;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
#header .primary-menu > div {
overflow: hidden;
overflow-y: auto;
max-height: 65vh;
margin: 18px 0;
}
.primary-menu ul.navbar-nav li {
display: block;
border-bottom: 1px solid #eee;
margin: 0;
padding: 0;
}
.primary-menu ul.navbar-nav li:last-child {
border: none;
}
.primary-menu ul.navbar-nav li.dropdown > .dropdown-toggle > .arrow.open:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.primary-menu ul.navbar-nav > li > a:not(.btn) {
height: auto;
padding: 8px 0;
position: relative;
}
.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li > a:not(.btn) {
padding: 8px 0;
position: relative;
}
.primary-menu ul.navbar-nav > li.dropdown:hover > a:after {
content: none;
}
.primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow:after {
-webkit-transform: translate(-50%, -50%) rotate(134deg);
transform: translate(-50%, -50%) rotate(134deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 8px;
height: 8px;
}
.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 0px 0px 0px 15px;
}
.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
margin: 0;
}
.primary-menu ul.navbar-nav > li.dropdown-mega .dropdown-mega-content > .row > div {
padding: 0px 15px;
}
.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-menu {
padding: 0px 15px 0px 0px;
}
.rtl .primary-menu ul.navbar-nav > li.dropdown .dropdown-toggle .arrow:after, .rtl .login-signup ul.navbar-nav > li.dropdown .dropdown-toggle .arrow:after {
-webkit-transform: translate(50%, -50%) rotate(45deg);
transform: translate(50%, -50%) rotate(45deg);
}
}

@media (max-width: 575.98px) {
.login-signup ul.navbar-nav > li a.btn {
padding: 0.65rem 0.8rem;
}
}

@media (max-width: 380px) {
#header .logo img {
max-width: 140px;
}
}

/* Page Header */
.page-header {
margin: 0 0 30px 0;
padding: 30px 0;
}

.page-header h1 {
font-weight: normal;
font-size: 30px;
margin: 0;
padding: 5px 0;
}

.page-header .breadcrumb {
background: none;
margin: 0 0 8px 2px;
padding: 0;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.page-header .breadcrumb > li {
display: inline-block;
font-size: 0.85em;
text-shadow: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.page-header .breadcrumb > li + li:before {
color: inherit;
opacity: 0.7;
font-family: 'Font Awesome 5 Free';
content: "\f105";
padding: 0 7px 0 5px;
font-weight: 900;
}

.page-header .breadcrumb > li a {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.page-header .breadcrumb > li a:hover {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.page-header.page-header-text-light {
color: #fff;
}

.page-header.page-header-text-light h1 {
color: #fff;
}

.page-header.page-header-text-light .breadcrumb > li {
color: rgba(250, 250, 250, 0.8);
}

.page-header.page-header-text-light .breadcrumb > li a {
color: rgba(250, 250, 250, 0.8);
}

.page-header.page-header-text-light .breadcrumb > li a:hover {
color: #fff;
}

.page-header.page-header-text-dark h1 {
color: #1e1d1c;
}

.page-header.page-header-text-dark .breadcrumb > li {
color: #707070;
}

.page-header.page-header-text-dark .breadcrumb > li a {
color: #707070;
}

.page-header.page-header-text-dark .breadcrumb > li a:hover {
color: #2dbe60;
}

.rtl .page-header .breadcrumb {
margin-right: 2px;
margin-left: 0px;
}

.rtl .page-header .breadcrumb > li + li:before {
padding: 0 5px 0 7px;
}

/* =================================== */
/*Profile
/* =================================== */
/* Dashboard */
.profile-thumb {
position: relative;
width: 100px;
height: 100px;
display: inline-block;
}

.profile-thumb .profile-thumb-edit {
font-size: 16px;
width: 37px;
height: 37px;
border-radius: 100%;
position: absolute;
overflow: hidden;
bottom: 0px;
right: 0;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}

.profile-thumb .profile-thumb-edit .custom-file-input {
cursor: pointer;
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
opacity: 0;
}

.profile-completeness .border {
border: 1px solid #ecf1f2 !important;
}

.transaction-title {
background-color: #dfebee;
border-top: 1px solid #e9eff0;
border-bottom: 1px solid #e9eff0;
}

.transaction-item {
border-bottom: 1px solid #838383;
}

.transaction-item:hover {
background-color: #daf7d6;
cursor: pointer;
}

.transaction-details {
max-width: 620px !important;
}

.modal-content {
border: none !important;
}

.transaction-details .modal-body {
padding: 0px !important;
}

/* Notifications Page */
.notifications-list .magic_sethubble_links {
border-bottom: 1px solid #e9eff0;
border-left: 3px solid transparent;
}

.notifications-list .magic_sethubble_links .icon-bell {
color: #8e9a9d;
}

.notifications-list .magic_sethubble_links h4 {
font-weight: normal;
color: inherit;
}

.notifications-list .magic_sethubble_links:hover {
background-color: #f4f7f8;
cursor: pointer;
}

.notifications-list .magic_sethubble_links.unread {
border-left: 3px solid #2dbe60;
}

.notifications-list .magic_sethubble_links.unread .icon-bell {
color: #2dbe60;
}

.notifications-list .magic_sethubble_links.unread h4 {
font-weight: 500;
color: #1e1d1c;
}

.rtl .notifications-list .magic_sethubble_links {
border-right: 3px solid transparent;
border-left: 0px;
}

.rtl .notifications-list .magic_sethubble_links.unread {
border-right: 3px solid #2dbe60;
border-left: 0px;
}

/* Cards & Bank Accounts*/
.account-card {
position: relative;
background: -webkit-linear-gradient(135deg, #6c6c6b, #9e9e9c);
background: -moz-linear-gradient(135deg, #6c6c6b, #9e9e9c);
background: -o-linear-gradient(135deg, #6c6c6b, #9e9e9c);
background: -ms-linear-gradient(135deg, #6c6c6b, #9e9e9c);
background: linear-gradient(-45deg, #6c6c6b, #9e9e9c);
}

.account-card-primary {
background: -webkit-linear-gradient(0deg, #0f5e9d, #03a9f4);
background: -moz-linear-gradient(0deg, #0f5e9d, #03a9f4);
background: -o-linear-gradient(0deg, #0f5e9d, #03a9f4);
background: -ms-linear-gradient(0deg, #0f5e9d, #03a9f4);
background: linear-gradient(0deg, #0f5e9d, #03a9f4);
}

.account-card .account-card-expire {
font-size: 8px;
line-height: 10px;
}

.account-card .account-card-overlay {
position: absolute;
background: rgba(0, 0, 0, 0.85);
top: 0px;
left: 0px;
height: 100%;
width: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.account-card:hover .account-card-overlay {
opacity: 1;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.account-card-new {
background: #f1f5f6;
border: 1px solid #ebebeb;
}

.account-card .border-start, .account-card .border-end {
border-color: rgba(250, 250, 250, 0.1) !important;
}

/* =================================== */
/*Blog Page
/* =================================== */
/* List Item */
.list-item {
list-style: none;
padding: 0;
margin-bottom: 0;
}

.list-item > li {
display: block;
position: relative;
text-align:left !important;
}

.list-item li a {
padding: 7px 0px 7px 0px;
color: #272727;
display: block;
}

.list-item li a:after {
display:none;
content: " ";
position: absolute;
top: 50%;
right: 0px;
border-color: #000;
border-top: 2px solid;
border-right: 2px solid;
width: 7px;
height: 7px;
-webkit-transform: translate(-50%, -50%) rotate(-135deg);
transform: translate(-50%, -50%) rotate(-135deg);
}

.list-item a:hover {
color: #2dbe60;
}

.list-item li a span {
float: right; margin-right:0px;
}

.rtl .list-item li a {
padding-left: 0px;
padding-right: 15px;
}

.rtl .list-item li a:after {
top: 50%;
left: auto;
right: 0px;
border-bottom: 2px solid;
border-left: 2px solid;
border-top: 0px;
border-right: 0px;
-webkit-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(45deg);
}

.rtl .list-item li a span {
float: left;
}

/* Tags */
.tags {
margin-bottom: 10px;
}

.tags a {
background: #f4f5f4;
color: #272727;
padding: 8px 12px;
border-radius: 3px;
display: inline-block;
margin-bottom: 8px;
margin-right: 3px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.tags a:hover {
background: #2dbe60;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.rtl .tags a {
margin-left: 3px;
margin-right: 0px;
}

/* Side Post */
.side-post .item-post + .item-post {
margin-top: 15px;
}

.side-post .item-post:after {
display: block;
clear: both;
content: "";
}

.side-post .item-post .img-thumb {
float: left;
margin-right: 12px;
}

.side-post .item-post .caption {
overflow: hidden;
}

.side-post .item-post .caption a {
color: #1e1d1c;
display: block;
margin-top: -3px;
margin-bottom: 3px;
}

.side-post .item-post .caption a:hover {
color: #2dbe60;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.side-post .item-post .caption .date-post {
color: #6c757d;
font-size: 13px;
margin-bottom: 0px;
}

.rtl .side-post .item-post .img-thumb {
float: right;
margin-left: 12px;
margin-right: 0px;
}

/* Post */
.blog-post .title-blog {
margin-bottom: 1rem;
}

.blog-post .title-blog a {
color: #1e1d1c;
}

.blog-post .title-blog a:hover {
color: #2dbe60;
}

.blog-post .meta-blog {
padding-left: 0px;
}

.blog-post .meta-blog li {
list-style-type: none;
display: inline-block;
margin-right: 12px;
-ms-flex-align: center;
align-items: center;
}

.blog-post .meta-blog li i {
font-size: 16px;
color: #2dbe60;
margin-right: 5px;
}

.blog-post .meta-blog li a {
color: #272727;
}

.blog-post .meta-blog li a:hover {
color: #2dbe60;
}

.rtl .blog-post .meta-blog {
padding-right: 0px;
}

.rtl .blog-post .meta-blog li {
margin-right: 0px;
margin-left: 12px;
}

.rtl .blog-post .meta-blog li i {
margin-right: 0px;
margin-left: 5px;
}

/* Post Comment */
.post-comment ul {
padding: 0px;
list-style-type: none;
}

.post-comment ul li {
border-top: 1px solid rgba(16, 85, 96, 0.1);
padding-top: 1.3rem;
margin-top: 1rem;
}

.post-comment ul ul {
margin-left: 2.5rem;
}

.post-comment > ul > li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0;
}

.rtl .post-comment ul ul {
margin-left: 0rem;
margin-right: 2.5rem;
}

@media (max-width: 575.98px) {
.post-comment ul ul {
margin-left: 1.5rem;
}
.rtl .post-comment ul ul {
margin-left: 0;
margin-right: 1.5rem;
}
}

/* =================================== */
/*Elements
/* =================================== */
/* Featured Box */
.featured-box {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
position: relative;
}

.featured-box h3, .featured-box h4 {
font-size: 1.25rem;
font-size: 20px;
margin-bottom: 10px;
font-weight: 500;
}

.featured-box:not(.style-5) .featured-box-icon {

font-size: 40px;
height: 45px;
line-height: 45px;
padding: 0;
width: 45px;
margin-top: 0;
margin-bottom: 0px;
color: #272727;
border-radius: 0;
}

.featured-box.style-1, .featured-box.style-2, .featured-box.style-3 {
padding-left: 50px;
padding-top: 5px;
}

.featured-box.style-1 .featured-box-icon, .featured-box.style-2 .featured-box-icon, .featured-box.style-3 .featured-box-icon {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
font-size: 30px;
-ms-flex-pack: center !important;
justify-content: center !important;
text-align: center;
}

.featured-box.style-2 p {
margin-left: -50px;
}

.featured-box.style-3 {
padding-left: 90px;
padding-top: 0px;
}

.featured-box.style-3 .featured-box-icon {
width: 70px;
height: 70px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.featured-box.style-4 {
text-align: center;
}

.featured-box.style-4 .featured-box-icon {
margin: 0 auto 24px;
margin: 0 auto 1.5rem;
width: 120px;
height: 120px;
text-align: center;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.03);
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.03);
}

.featured-box.style-4 .featured-box-icon i.fa, .featured-box.style-4 .featured-box-icon i.fas, .featured-box.style-4 .featured-box-icon i.far, .featured-box.style-4 .featured-box-icon i.fal, .featured-box.style-4 .featured-box-icon i.fab {
font-size: 58px;
font-size: 3.625rem;
margin: 0 auto;
}

.featured-box.style-5 {
text-align: center;
background: #fff;
border: 1px solid #f0f2f3;
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.featured-box.style-5:hover {
border: 1px solid #ebeded;
-webkit-box-shadow: 0px 5px 1.5rem rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 1.5rem rgba(0, 0, 0, 0.15);
}

.featured-box.style-5 h3 {
background: #f1f5f6;
font-size: 16px;
padding: 8px 0;
margin-bottom: 0px;
}

.featured-box.style-5 .featured-box-icon {
font-size: 50px;
margin: 44px 0px;
}

.featured-box.featured-box-reverse, .rtl .featured-box:not(.style-4):not(.style-5) {
text-align: right;
}

.featured-box.featured-box-reverse.style-1, .featured-box.featured-box-reverse.style-2, .rtl .featured-box:not(.style-4):not(.style-5).style-1, .rtl .featured-box:not(.style-4):not(.style-5).style-2 {
padding-right: 50px;
padding-left: 0px;
}

.featured-box.featured-box-reverse.style-1 .featured-box-icon, .featured-box.featured-box-reverse.style-2 .featured-box-icon, .rtl .featured-box:not(.style-4):not(.style-5).style-1 .featured-box-icon, .rtl .featured-box:not(.style-4):not(.style-5).style-2 .featured-box-icon {
left: auto;
right: 0px;
}

.featured-box.featured-box-reverse.style-2 p, .rtl .featured-box:not(.style-4):not(.style-5).style-2 p {
margin-right: -50px;
margin-left: 0;
}

.featured-box.featured-box-reverse.style-3, .rtl .featured-box:not(.style-4):not(.style-5).style-3 {
padding-left: 0;
padding-right: 90px;
}

.featured-box.featured-box-reverse.style-3 .featured-box-icon, .rtl .featured-box:not(.style-4):not(.style-5).style-3 .featured-box-icon {
left: auto;
right: 0px;
}

@media (min-width: 576px) {
.featured-box.featured-box-reverse-sm {
text-align: right;
}
.featured-box.featured-box-reverse-sm.style-1, .featured-box.featured-box-reverse-sm.style-2 {
padding-right: 50px;
padding-left: 0px;
}
.featured-box.featured-box-reverse-sm.style-1 .featured-box-icon, .featured-box.featured-box-reverse-sm.style-2 .featured-box-icon {
left: auto;
right: 0px;
}
.featured-box.featured-box-reverse-sm.style-2 p {
margin-right: -50px;
margin-left: 0;
}
.featured-box.featured-box-reverse-sm.style-3 {
padding-left: 0;
padding-right: 90px;
}
.featured-box.featured-box-reverse-sm.style-3 .featured-box-icon {
left: auto;
right: 0px;
}
}

@media (min-width: 768px) {
.featured-box.featured-box-reverse-md {
text-align: right;
}
.featured-box.featured-box-reverse-md.style-1, .featured-box.featured-box-reverse-md.style-2 {
padding-right: 50px;
padding-left: 0px;
}
.featured-box.featured-box-reverse-md.style-1 .featured-box-icon, .featured-box.featured-box-reverse-md.style-2 .featured-box-icon {
left: auto;
right: 0px;
}
.featured-box.featured-box-reverse-md.style-2 p {
margin-right: -50px;
margin-left: 0;
}
.featured-box.featured-box-reverse-md.style-3 {
padding-left: 0;
padding-right: 90px;
}
.featured-box.featured-box-reverse-md.style-3 .featured-box-icon {
left: auto;
right: 0px;
}
}

@media (min-width: 992px) {
.featured-box.featured-box-reverse-lg {
text-align: right;
}
.featured-box.featured-box-reverse-lg.style-1, .featured-box.featured-box-reverse-lg.style-2 {
padding-right: 50px;
padding-left: 0px;
}
.featured-box.featured-box-reverse-lg.style-1 .featured-box-icon, .featured-box.featured-box-reverse-lg.style-2 .featured-box-icon {
left: auto;
right: 0px;
}
.featured-box.featured-box-reverse-lg.style-2 p {
margin-right: -50px;
margin-left: 0;
}
.featured-box.featured-box-reverse-lg.style-3 {
padding-left: 0;
padding-right: 90px;
}
.featured-box.featured-box-reverse-lg.style-3 .featured-box-icon {
left: auto;
right: 0px;
}
}

@media (min-width: 1200px) {
.featured-box.featured-box-reverse-xl {
text-align: right;
}
.featured-box.featured-box-reverse-xl.style-1, .featured-box.featured-box-reverse-xl.style-2 {
padding-right: 50px;
padding-left: 0px;
}
.featured-box.featured-box-reverse-xl.style-1 .featured-box-icon, .featured-box.featured-box-reverse-xl.style-2 .featured-box-icon {
left: auto;
right: 0px;
}
.featured-box.featured-box-reverse-xl.style-2 p {
margin-right: -50px;
margin-left: 0;
}
.featured-box.featured-box-reverse-xl.style-3 {
padding-left: 0;
padding-right: 90px;
}
.featured-box.featured-box-reverse-xl.style-3 .featured-box-icon {
left: auto;
right: 0px;
}
}

/* Video Play button */
.playButton {
position: relative;
width: 74px;
height: 74px;
line-height: 74px;
text-align: center;
border-radius: 50%;
display: inline-block;
font-size: 18px;
-webkit-box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

.playButton:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
bottom: 50%;
right: 50%;
-webkit-transform: translate(50%, 50%) scale(1.3);
transform: translate(50%, 50%) scale(1.3);
border-radius: 50%;
background-color: #fff;
opacity: .2;
}

.playButton.playButton-pulsing:before {
opacity: .6;
-webkit-transform: translate(50%, 50%) scale(1);
transform: translate(50%, 50%) scale(1);
-webkit-animation: pulsing-ring 1800ms cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
animation: pulsing-ring 1800ms cubic-bezier(0.2, 0.6, 0.35, 1) infinite;
}

@-webkit-keyframes pulsing-ring {
100% {
-webkit-transform: translate(50%, 50%) scale(1.5);
transform: translate(50%, 50%) scale(1.5);
opacity: 0;
}
}

@keyframes pulsing-ring {
100% {
-webkit-transform: translate(50%, 50%) scale(1.5);
transform: translate(50%, 50%) scale(1.5);
opacity: 0;
}
}

/* Testimonial */
.testimonial {
background: #fff;
border: 1px solid #f1f5f6;
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

/* Team */
.team {
text-align: center;
padding: 15px;
background: #fff;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.team:hover {
-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.team img {
margin-bottom: 20px;
}

.team h3 {
font-size: 18px;
}

.team p {
margin-bottom: 0.5rem;
}

.portfolio {
text-align: center;
position: relative;
}

.portfolio .portfolio-img {
position: relative;
overflow: hidden;
display: -ms-flexbox;
display: flex;
}

.portfolio .portfolio-overlay {
text-align: center;
display: -ms-flexbox !important;
display: flex !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.portfolio:hover .portfolio-overlay {
opacity: 1;
}

.portfolio .portfolio-overlay-details {
width: 100%;
margin-top: auto;
margin-bottom: auto;
}

.portfolio .portfolio-img img {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.portfolio:hover .portfolio-img img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}

.portfolio .portfolio-details {
padding: 1.5rem 0;
}

/*=== Accordion ===*/
.accordion .accordion-item {
border: none;
margin-bottom: 0px;
margin-bottom: 0rem;
background-color: transparent;
}

.accordion .accordion-header .accordion-button {
box-shadow: none;
padding: 1rem 1.25rem 1rem .85rem;
border-top-left-radius: 4px; border-top-right-radius: 4px;
position: relative;
}


.accordion:not(.accordion-flush) .accordion-header .accordion-button {
background-color: #2dbe60;
color: #fff;
}

.accordion:not(.accordion-flush) .accordion-header .accordion-button.collapsed {
background-color: rgba(0, 0, 0, 0.07);
color: #272727;
}
.accordion-button.collapsed:hover{background-color: rgba(0, 0, 0, 0.1) !important;}

.accordion .accordion-header .accordion-button:after {
position: absolute;
content: " ";
right: 20px;
top: calc(50% + 2px);
width: 9px;
height: 9px;
border-color: #CCC;
border-top: 2px solid;
border-right: 2px solid;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-image: none;
}

.accordion .accordion-header .accordion-button.collapsed:after {
top: calc(50% - 2px);
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
}

.accordion .accordion-body {
line-height: 1.8;
padding: 1rem 0 0.4rem .85rem;
}

.accordion.arrow-end .accordion-header .accordion-button {
padding-left: 1.25rem;
}

.accordion.arrow-end .accordion-header .accordion-button:after {
right: 15px;
left: auto;
}

.accordion.arrow-end .accordion-body {
padding-left: 1.25rem;
}

.accordion.accordion-flush .accordion-item {
margin: 0;
}

.accordion.accordion-flush .accordion-header .accordion-button {
padding-left: 1.40rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 0px;
background: transparent;
color: #2dbe60;
}

.accordion.accordion-flush .accordion-item:first-of-type .accordion-header .accordion-button {
border-top: 0px;
}

.accordion.accordion-flush .accordion-header .accordion-button:after {
left: 6px;
}

.accordion.accordion-flush .accordion-header .accordion-button.collapsed {
color: #272727;
}

.accordion.accordion-flush .accordion-body {
padding: 0rem 0 1rem 1.40rem;
}

.accordion.accordion-flush.arrow-end .accordion-header .accordion-button {
padding-left: 0;
}

.accordion.accordion-flush.arrow-end .accordion-header .accordion-button:after {
right: 0px;
left: auto;
}

.rtl .accordion .accordion-header .accordion-button {
padding: 1rem 2.25rem 1rem 1.25rem;
}

.rtl .accordion .accordion-header .accordion-button:after {
left: auto;
right: 12px;
}

.rtl .accordion .accordion-body {
padding-right: 2.25rem;
padding-left: 0;
}

.rtl .accordion.accordion-flush .accordion-header .accordion-button {
padding-right: 1.40rem;
}

.rtl .accordion.accordion-flush .accordion-header .accordion-button::after {
left: auto;
right: 0px;
}

.rtl .accordion.accordion-flush .accordion-body {
padding-right: 1.25rem;
}

.rtl .accordion.arrow-end .accordion-header .accordion-button {
padding-right: 1.25rem;
padding-left: 2.25rem;
}

.rtl .accordion.arrow-end .accordion-header .accordion-button::after {
left: 20px;
right: auto;
}

.rtl .accordion.arrow-end .accordion-body {
padding-right: 1.25rem;
padding-left: 0;
}

.rtl .accordion.accordion-flush.arrow-end .accordion-header .accordion-button {
padding-right: 0;
padding-left: 2.25rem;
}

.rtl .accordion.accordion-flush.arrow-end .accordion-header .accordion-button::after {
left: 6px;
right: auto;
}

/* Nav */
.nav .nav-item .nav-link {
color: #444;
}

.nav.nav-light .nav-item .nav-link {
color: #ddd;
}

.nav:not(.nav-pills):not(.nav-tabs) .nav-item .nav-link.active, .nav:not(.nav-pills) .nav-item .nav-link:not(.active):hover {
color: #2dbe60;
}

.nav-pills .nav-link:not(.active):hover {
color: #2dbe60;
}

.nav-pills .nav-link.active, .nav-pills.nav-light .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
}

.nav.nav-separator .nav-item .nav-link {
position: relative;
}

.nav.nav-separator .nav-item + .nav-item .nav-link:after {
height: 14px;
width: 1px;
content: ' ';
background-color: rgba(0, 0, 0, 0.2);
display: block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
}

.rtl .nav.nav-separator .nav-item + .nav-item .nav-link:after {
right: 0;
left: auto;
}

.nav.nav-separator.nav-separator-light .nav-item + .nav-item .nav-link:after {
background-color: rgba(250, 250, 250, 0.2);
}

.nav.nav-lg .nav-item .nav-link {
font-size: 16px;
}

/* Tabs */
.nav-tabs {
border-bottom: 1px solid #d7dee3;
}

.nav-tabs .nav-item .nav-link {
border: 0;
background: transparent;
position: relative;
border-radius: 0;
padding: 1rem 20px 1.2rem;
color: #7b8084;
white-space: nowrap !important;
}

.nav-tabs .nav-item .nav-link.active {
color: #1e1d1c;
}

.nav-tabs .nav-item .nav-link.active:after {
height: 3px;
width: 100%;
content: ' ';
background-color: #2dbe60;
display: block;
position: absolute;
bottom: -2px;
left: 0;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}

.nav-tabs.flex-column {
border-right: 1px solid #d7dee3;
border-bottom: 0px;
padding: 1.5rem 0;
}

.nav-tabs.flex-column .nav-item .nav-link {
border: 1px solid #d7dee3;
border-right: 0px;
background-color: #f6f7f8;
font-size: 14px;
padding: 0.75rem 1rem;
color: #535b61;
}

.nav-tabs.flex-column .nav-item:first-of-type .nav-link {
border-top-left-radius: 4px;
}

.nav-tabs.flex-column .nav-item:last-of-type .nav-link {
border-bottom-left-radius: 4px;
}

.nav-tabs.flex-column .nav-item .nav-link.active {
background-color: transparent;
color: #2dbe60;
}

.nav-tabs.flex-column .nav-item .nav-link.active:after {
height: 100%;
width: 2px;
background: #fff;
right: -1px;
left: auto;
}

.nav-tabs.alternate {
border-bottom: 0px !important;
}

.nav-tabs.alternate .nav-item .nav-link {
background: #f1f5f6;
font-size: 18px;
padding: 2rem 1rem;
color: #8d999c;
}

.nav-tabs.alternate .nav-item .nav-link.active {
background: #fff;
color: inherit;
font-weight: 500;
}

.nav-tabs.alternate .nav-item .nav-link.active:after {
content: none;
}

.rtl .nav-tabs.flex-column {
border-left: 1px solid #d7dee3;
border-right: 0px;
}

.rtl .nav-tabs.flex-column .nav-item .nav-link {
border: 1px solid #d7dee3;
border-left: 0px;
}

.rtl .nav-tabs.flex-column .nav-item:first-of-type .nav-link {
border-top-right-radius: 4px;
border-top-left-radius: 0px;
}

.rtl .nav-tabs.flex-column .nav-item:last-of-type .nav-link {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0px;
}

.rtl .nav-tabs.flex-column .nav-item .nav-link.active:after {
left: -1px;
right: auto;
}

.nav-tabs:not(.flex-column) {
flex-wrap: nowrap;
overflow: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}

.nav-tabs:not(.flex-column) .nav-item {
margin-bottom: 0px;
}

/* Nav Pills alternate Style */
.nav.nav-pills.alternate {
padding-left: 8px;
}

.nav.nav-pills.alternate .nav-item .nav-link {
text-align: center;
padding: 1rem 20px;
white-space: nowrap;
color: rgba(250, 250, 250, 0.9);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.nav.nav-pills.alternate .nav-item .nav-link:hover {
color: #fafafa;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.nav.nav-pills.alternate .nav-link span {
display: block;
font-size: 30px;
margin-bottom: 5px;
}

.nav.nav-pills.alternate .nav-item .nav-link.active {
background: rgba(0, 0, 0, 0.1);
color: #fff;
border-radius: 0px;
}

@media (max-width: 991.98px) {
.nav.nav-pills.alternate {
flex-wrap: nowrap;
overflow: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}
}

/* Easy Responsive Tab Accordion */
.resp-htabs ul.resp-tabs-list {
margin: 0px;
padding: 0px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
border-bottom: 1px solid #d7dee3;
}

.resp-tabs-list li {
padding: 1rem 1.5rem !important;
margin: 0;
list-style: none;
cursor: pointer;
font-size: 16px;
}

h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;
}

.resp-tab-content {
display: none;
padding: 15px;
}

.resp-tab-active {
margin-bottom: -1px !important;
border-bottom: 3px solid #2dbe60;
}

.resp-content-active, .resp-accordion-active {
display: block;
}

h2.resp-accordion {
font-size: 16px;
color: #777;
border: 1px solid #e4e9ec;
border-top: 0px solid #e4e9ec;
margin: 0px;
padding: 1rem 1.25rem;
}

h2.resp-tab-active {
border-bottom: 0px solid #e4e9ec !important;
margin-bottom: 0px !important;
padding: 1rem 1.25rem !important;
}

h2.resp-tab-title:last-child {
border-bottom: 12px solid #e4e9ec !important;
background: blue;
}

/* Easy Responsive Vertical tabs */
.resp-vtabs ul.resp-tabs-list {
margin: 0;
padding: 0;
}

.resp-vtabs .resp-tabs-list li {
display: block;
padding: 15px 15px !important;
margin: 0;
cursor: pointer;
font-size: 16px;
color: #999;
border: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.resp-vtabs .resp-tabs-list li:hover {
color: #555;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.resp-vtabs .resp-tabs-list li span {
font-size: 20px;
text-align: center;
width: 30px;
display: inline-block;
float: left;
margin-right: 15px;
}

h2.resp-accordion span {
font-size: 20px;
text-align: center;
width: 30px;
display: inline-block;
float: left;
margin-right: 15px;
}

.resp-vtabs .resp-tabs-container {
padding: 0px;
}

.resp-vtabs .resp-tab-content {
border: none;
}

.resp-vtabs li.resp-tab-active, .resp-vtabs li.resp-tab-active:hover {
color: #2dbe60;
-webkit-box-shadow: -5px 0px 24px -18px rgba(0, 0, 0, 0.4);
box-shadow: -5px 0px 24px -18px rgba(0, 0, 0, 0.4);
border-radius: 4px 0px 0px 4px;
background-color: #fff;
position: relative;
z-index: 1;
margin-right: -1px !important;
margin-bottom: 0px !important;
}

.resp-arrow {
width: 0;
height: 0;
float: right;
margin-top: 6px;
border-color: #000;
border-top: 1px solid;
border-right: 1px solid;
width: 9px;
height: 9px;
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.rtl .resp-arrow {
float: left;
}

h2.resp-tab-active {
background: #f1f2f4 !important;
color: #535b61;
}

h2.resp-tab-active i.resp-arrow {
margin-top: 10px;
transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

/* Accordion Styles */
.resp-easy-accordion h2.resp-accordion {
display: block;
}

.resp-easy-accordion .resp-tab-content {
border: 1px solid #e4e9ec;
}

.resp-easy-accordion .resp-tab-content:last-child {
border-bottom: 1px solid #e4e9ec !important;
}

.resp-jfit {
width: 100%;
margin: 0px;
}

.resp-tab-content-active {
display: block;
}

h2.resp-accordion:first-child {
border-top: 1px solid #e4e9ec !important;
}

@media (max-width: 767.98px) {
ul.resp-tabs-list {
display: none !important;
}
h2.resp-accordion {
display: block;
}
.resp-vtabs .resp-tab-content, .resp-htabs .resp-tab-content {
border: 1px solid #e4e9ec;
}
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: initial;
clear: none;
}
.resp-accordion-closed {
display: none !important;
}
.resp-vtabs .resp-tab-content:last-child {
border-bottom: 1px solid #e4e9ec !important;
}
}

/* Custom Background */
.hero-wrap {
position: relative;
}

.hero-wrap .hero-mask, .hero-wrap .hero-bg, .hero-wrap .hero-bg-slideshow {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

.hero-wrap .hero-mask {
z-index: 1;
}

.hero-wrap .hero-content {
position: relative;
z-index: 2;
}

.hero-wrap .hero-bg-slideshow {
z-index: 0;
}

.hero-wrap .hero-bg {
z-index: 0;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
transition: background-image 300ms ease-in 200ms;
}

.hero-wrap .hero-bg.hero-bg-scroll {
background-attachment: scroll;
}

.hero-wrap .hero-bg-slideshow .hero-bg {
background-attachment: inherit;
}

.hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage-outer, .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage, .hero-wrap .hero-bg-slideshow.owl-carousel .owl-item {
height: 100%;
}

/* Owl Carousel */
.owl-theme.single-slideshow .owl-dots {
position: absolute;
bottom: 0;
width: 100%;
}

.owl-theme.single-slideshow .owl-dots .owl-dot.active span, .owl-theme.single-slideshow .owl-dots .owl-dot:hover span {
background: rgba(250, 250, 250, 0.5);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
}

.owl-theme.single-slideshow .owl-dots .owl-dot span {
border-color: rgba(250, 250, 250, 0.5);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
}

.owl-carousel.single-slideshow .owl-nav button.owl-prev, .owl-carousel.single-slideshow .owl-nav button.owl-next {
font-size: 17px;
width: 45px;
height: 45px;
top: calc(50% - 22px) !important;
}

.owl-carousel.single-slideshow .owl-nav button.owl-prev {
left: 10px;
}

.owl-carousel.single-slideshow .owl-nav button.owl-next {
right: 10px;
}

.owl-carousel.single-slideshow .owl-item img {
border-radius: .25rem;
}

.owl-carousel.single-slideshow .owl-stage {
padding: 0;
}

.owl-carousel .hero-wrap .hero-bg {
background-attachment: inherit;
}

@media (max-width: 575.98px) {
.owl-carousel .owl-nav button.owl-prev {
left: 0px;
}
.owl-carousel .owl-nav button.owl-next {
right: 0px;
}
}

/* Brands Grid */
.brands-grid {
overflow: hidden;
}

.brands-grid > .row > * {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}

.brands-grid.separator-border > .row > *:after, .brands-grid.separator-border > .row > *:before {
content: '';
position: absolute;
}

.brands-grid.separator-border > .row > *:after {
width: 100%;
height: 0;
top: auto;
left: 0;
bottom: -1px;
border-bottom: 1px dotted currentColor;
opacity: 0.3;
}

.brands-grid.separator-border > .row > *:before {
height: 100%;
top: 0;
left: -1px;
border-left: 1px dotted currentColor;
opacity: 0.3;
}

.brands-grid.separator-border.separator-border-light > .row > *:after {
border-bottom: 1px dotted rgba(250, 250, 250, 0.15);
}

.brands-grid.separator-border.separator-border-light > .row > *:before {
border-left: 1px dotted rgba(250, 250, 250, 0.15);
}

/* Banner */
.banner .item {
position: relative;
}

.banner .item img {
vertical-align: middle;
}

.banner .caption {
position: absolute;
z-index: 2;
bottom: 0;
width: 100%;
padding: 15px 20px;
}

.banner .caption h2, .banner .caption h3 {
font-size: 19px;
color: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.banner .caption p {
color: rgba(250, 250, 250, 0.8);
margin-bottom: 0px;
}

.banner .rounded .banner-mask, .banner .rounded img {
border-radius: .25rem;
}

.banner .banner-mask {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
backface-visibility: hidden;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.6));
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.6));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.01), black);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.01), black);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01), black);
opacity: 0.7;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.banner .item:hover .banner-mask {
opacity: 0.95;
filter: alpha(opacity=95);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.banner.style-2 .caption {
background: rgba(0, 0, 0, 0.5);
}

.banner.style-2 .banner-mask {
opacity: 0;
}

.banner.style-2 .item:hover .banner-mask {
opacity: 0.40;
}

.banner.style-2 .item:hover .caption h2 {
margin-left: 8px;
}

/* Simple ul */
.simple-ul > li {
position: relative;
list-style-type: none;
line-height: 24px;
}

.simple-ul > li:after {
content: " ";
position: absolute;
top: 12px;
left: -15px;
border-color: #000;
border-top: 1px solid;
border-right: 1px solid;
width: 6px;
height: 6px;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}

.rtl .simple-ul > li:after {
right: -15px;
left: auto;
border-color: #000;
border-top: 0px;
border-right: 0px;
border-left: 1px solid;
border-bottom: 1px solid;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}

/* Steps Progress bar */
.widget-steps > .step {
padding: 0;
position: relative;
}

.widget-steps > .step .step-name {
font-size: 16px;
margin-bottom: 5px;
text-align: center;
}

.widget-steps > .step > .step-dot {
position: absolute;
width: 30px;
height: 30px;
display: block;
background: #fff;
border: 1px solid #28a745;
top: 45px;
left: 50%;
margin-top: -15px;
margin-left: -15px;
border-radius: 50%;
}

.widget-steps > .step > .step-dot:after {
width: 10px;
height: 10px;
border-radius: 50px;
position: absolute;
top: 9px;
left: 9px;
}

.widget-steps > .step.complete > .step-dot {
background: #28a745;
}

.widget-steps > .step.complete > .step-dot:after {
content: '\f00c';
font-weight: 900;
color: #fff;
font-family: "Font Awesome 5 Free";
top: 3px;
left: 7px;
}

.widget-steps > .step.active > .step-dot:after {
background: #28a745;
content: '';
}

.widget-steps > .step > .progress {
position: relative;
background: #bbb;
border-radius: 0px;
height: 1px;
box-shadow: none;
margin: 22px 0;
}

.widget-steps > .step > .progress > .progress-bar {
width: 0px;
box-shadow: none;
background: #28a745;
}

.widget-steps > .step.complete > .progress > .progress-bar {
width: 100%;
}

.widget-steps > .step.active > .progress > .progress-bar {
width: 50%;
}

.widget-steps > .step:first-child.active > .progress > .progress-bar {
width: 0%;
}

.widget-steps > .step:last-child.active > .progress > .progress-bar {
width: 100%;
}

.widget-steps > .step.disabled > .step-dot {
border-color: #bbb;
}

.widget-steps > .step:first-child > .progress {
left: 50%;
width: 50%;
}

.widget-steps > .step:last-child > .progress {
width: 50%;
}

.widget-steps > .step.disabled a.step-dot {
pointer-events: none;
}

@media (max-width: 575.98px) {
.widget-steps > .step .step-name {
font-size: 14px;
}
}

.rtl .widget-steps > .step > .step-dot {
top: 45px;
right: 50%;
left: auto;
margin-left: 0;
margin-right: -15px;
}

.rtl .widget-steps > .step > .step-dot:after {
left: 0px;
right: 9px;
}

.rtl .widget-steps > .step.complete > .step-dot:after {
left: 0px;
right: 7px;
}

.rtl .widget-steps > .step:first-child > .progress {
left: auto;
right: 50%;
}

/* Demo banner */
.demos-banner {
background-repeat: repeat;
background-size: cover;
height: 880px;
background-position: 0px 0px;
animation: move 30s linear infinite;
-moz-animation: move 30s linear infinite;
-webkit-animation: move 30s linear infinite;
-ms-animation: move 30s linear infinite;
-o-animation: move 30s linear infinite;
}

@keyframes move {
0% {
background-position: 0px 0px;
}
100% {
background-position: -2324px 0px;
}
}

@-moz-keyframes move {
0% {
background-position: 0px 0px;
}
100% {
background-position: -2324px 0px;
}
}

@-webkit-keyframes move {
0% {
background-position: 0px 0px;
}
100% {
background-position: -2324px 0px;
}
}

@-ms-keyframes move {
0% {
background-position: 0px 0px;
}
100% {
background-position: -2324px 0px;
}
}

@-o-keyframes move {
0% {
background-position: 0px 0px;
}
100% {
background-position: -2324px 0px;
}
}

/* =================================== */
/*Footer
/* =================================== */
#footer {
background: #fff;
color: #252b33;
padding: 66px 0px;
padding: 4.125rem 0;
border-top: 1px solid #ecf3f5;
}

#footer .nav .nav-item {
display: inline-block;
line-height: 12px;
margin: 0;
padding: 0 10px;
}

#footer .nav .nav-item .nav-link {
padding: 0;
margin: 0.5rem 0px;
color: #252b33;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

#footer .nav .nav-item .nav-link:focus {
color: #2dbe60;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

#footer .nav .nav-link:hover {
color: #2dbe60;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

#footer .footer-copyright {
border-top: 1px solid #e2e8ea;
padding: 0px 0px;
color: #67727c;
}

#footer .footer-copyright .nav .nav-item .nav-link {
color: #67727c;
}

#footer .footer-copyright .nav .nav-link:hover {
color: #2dbe60;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

#footer .nav.flex-column .nav-item {
padding: 0px;
}

#footer .nav.flex-column .nav-item .nav-link {
margin: 0.7rem 0px;
}

#footer.footer-text-light {
color: rgba(250, 250, 250, 0.8);
}

#footer.footer-text-light .nav .nav-item .nav-link {
color: rgba(250, 250, 250, 0.8);
}

#footer.footer-text-light .nav .nav-item .nav-link:hover {
color: #fafafa;
}

#footer.footer-text-light .footer-copyright {
border-color: rgba(250, 250, 250, 0.15);
color: rgba(250, 250, 250, 0.5);
}

#footer.footer-text-light:not(.bg-primary) .social-icons-light.social-icons li a {
color: rgba(250, 250, 250, 0.8);
}

#footer.footer-text-light:not(.bg-primary) .social-icons-light.social-icons li a:hover {
color: #fafafa;
}

#footer.footer-text-light.bg-primary {
color: #fff;
}

#footer.footer-text-light.bg-primary .nav .nav-item .nav-link {
color: #fff;
}

#footer.footer-text-light.bg-primary .nav .nav-item .nav-link:hover {
color: rgba(250, 250, 250, 0.7);
}

#footer.footer-text-light.bg-primary .footer-copyright {
border-color: rgba(250, 250, 250, 0.15);
color: rgba(250, 250, 250, 0.9);
}

#footer.footer-text-light.bg-primary :not(.social-icons) a {
color: #fff;
}

#footer.footer-text-light.bg-primary :not(.social-icons) a:hover {
color: rgba(250, 250, 250, 0.7);
}

body:not(.rtl) #footer .nav .nav-item:first-child {
padding-left: 0px;
}

body:not(.rtl) #footer .nav .nav-item:last-child {
padding-right: 0px;
}

.rtl #footer .nav .nav-item:first-child {
padding-right: 0px;
}

.rtl #footer .nav .nav-item:last-child {
padding-left: 0px;
}

/* Newsleter */
.newsletter .form-control {
height: 38px !important;
font-size: 14px;
}

.newsletter .btn {
height: 38px;
padding-top: 0;
padding-bottom: 0px;
font-size: 14px;
}

/* Social Icons */
.social-icons {
margin: 0;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}

.social-icons li {
margin: 2px 6px;
padding: 0;
overflow: visible;
}

.social-icons li a {
display: block;
height: 26px;
line-height: 26px;
width: 26px;
font-size: 18px;
text-align: center;
color: #4d555a;
text-decoration: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.social-icons li i {
line-height: inherit;
}

.social-icons.social-icons-sm li {
margin: 0px 4px 4px;
}

.social-icons.social-icons-sm li a {
font-size: 14px;
}

.social-icons.social-icons-lg li a {
width: 34px;
height: 34px;
line-height: 34px;
font-size: 22px;
}

.social-icons.social-icons-light li a {
color: #eee;
}

.social-icons.social-icons-muted li a {
color: #aab1b8;
}

.social-icons li:hover a {
color: #999;
}

.social-icons li:hover.social-icons-twitter a, .social-icons.social-icons-colored li.social-icons-twitter a {
color: #00ACEE;
}

.social-icons li:hover.social-icons-facebook a, .social-icons.social-icons-colored li.social-icons-facebook a {
color: #3B5998;
}

.social-icons li:hover.social-icons-linkedin a, .social-icons.social-icons-colored li.social-icons-linkedin a {
color: #0E76A8;
}

.social-icons li:hover.social-icons-rss a, .social-icons.social-icons-colored li.social-icons-rss a {
color: #EE802F;
}

.social-icons li:hover.social-icons-google a, .social-icons.social-icons-colored li.social-icons-google a {
color: #DD4B39;
}

.social-icons li:hover.social-icons-pinterest a, .social-icons.social-icons-colored li.social-icons-pinterest a {
color: #cc2127;
}

.social-icons li:hover.social-icons-youtube a, .social-icons.social-icons-colored li.social-icons-youtube a {
color: #C4302B;
}

.social-icons li:hover.social-icons-instagram a, .social-icons.social-icons-colored li.social-icons-instagram a {
color: #3F729B;
}

.social-icons li:hover.social-icons-skype a, .social-icons.social-icons-colored li.social-icons-skype a {
color: #00AFF0;
}

.social-icons li:hover.social-icons-email a, .social-icons.social-icons-colored li.social-icons-email a {
color: #6567A5;
}

.social-icons li:hover.social-icons-vk a, .social-icons.social-icons-colored li.social-icons-vk a {
color: #2B587A;
}

.social-icons li:hover.social-icons-xing a, .social-icons.social-icons-colored li.social-icons-xing a {
color: #126567;
}

.social-icons li:hover.social-icons-tumblr a, .social-icons.social-icons-colored li.social-icons-tumblr a {
color: #34526F;
}

.social-icons li:hover.social-icons-reddit a, .social-icons.social-icons-colored li.social-icons-reddit a {
color: #C6C6C6;
}

.social-icons li:hover.social-icons-delicious a, .social-icons.social-icons-colored li.social-icons-delicious a {
color: #205CC0;
}

.social-icons li:hover.social-icons-stumbleupon a, .social-icons.social-icons-colored li.social-icons-stumbleupon a {
color: #F74425;
}

.social-icons li:hover.social-icons-digg a, .social-icons.social-icons-colored li.social-icons-digg a {
color: #191919;
}

.social-icons li:hover.social-icons-blogger a, .social-icons.social-icons-colored li.social-icons-blogger a {
color: #FC4F08;
}

.social-icons li:hover.social-icons-flickr a, .social-icons.social-icons-colored li.social-icons-flickr a {
color: #FF0084;
}

.social-icons li:hover.social-icons-vimeo a, .social-icons.social-icons-colored li.social-icons-vimeo a {
color: #86C9EF;
}

.social-icons li:hover.social-icons-yahoo a, .social-icons.social-icons-colored li.social-icons-yahoo a {
color: #720E9E;
}

.social-icons li:hover.social-icons-googleplay a, .social-icons.social-icons-colored li.social-icons-googleplay a {
color: #DD4B39;
}

.social-icons li:hover.social-icons-apple a, .social-icons.social-icons-colored li.social-icons-apple a {
color: #000;
}

.social-icons.social-icons-colored li:hover a {
color: #999;
}

body:not(.rtl) .social-icons li:first-child {
margin-left: 0px;
}

body:not(.rtl) .social-icons li:last-child {
margin-right: 0px;
}

.rtl .social-icons li:first-child {
margin-right: 0px;
}

.rtl .social-icons li:last-child {
margin-left: 0px;
}

/* Back to Top */
#back-to-top {
display: none;
position: fixed;
z-index: 1030;
bottom: 8px;
right: 10px;
background-color: rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
font-size: 16px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 0.25rem;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

#back-to-top:hover {
background-color: #2dbe60;
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.rtl #back-to-top {
left: 10px;
right: auto;
}

@media (max-width: 575.98px) {
#back-to-top {
z-index: 1029;
}
}

/* =================================== */
/*Extras
/* =================================== */
/* Bootstrap Specific */
.form-control, .form-select {
border-color: #dae1e3;
font-size: 16px;
color: #656565;
}

.form-control:not(.form-control-sm) {
padding: .810rem .96rem;
height: inherit;
}

.form-control-sm {
font-size: 14px;
}

.icon-inside {
position: absolute;
right: 15px;
top: calc(50% - 11px);
pointer-events: none;
font-size: 18px;
font-size: 1.125rem;
color: #c4c3c3;
z-index: 3;
}

.rtl .icon-inside {
right: auto;
left: 15px;
}

.form-control-sm + .icon-inside {
font-size: 0.875rem !important;
font-size: 14px;
top: calc(50% - 13px);
}

select.form-control:not([size]):not([multiple]):not(.form-control-sm) {
height: auto;
padding-top: .700rem;
padding-bottom: .700rem;
}

.form-select:not(.form-select-sm) {
height: calc(3.05rem + 3px);
padding-top: .700rem;
padding-bottom: .700rem;
}

.col-form-label-sm {
font-size: 13px;
}

.form-select-sm {
padding-left: 5px !important;
font-size: 14px;
}

.form-select:not(.form-select-sm).border-0 {
height: 3.00rem;
}

.form-control:focus, .form-select:focus {
-webkit-box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
box-shadow: 0 0 5px rgba(128, 189, 255, 0.5);
}

.form-control:focus[readonly] {
box-shadow: none;
}

.input-group-text {
border-color: #dae1e3;
background-color: #f1f5f6;
color: #656565;
}

.form-control::-webkit-input-placeholder {
color: #b1b4b6;
}

.form-control:-moz-placeholder {
/* FF 4-18 */
color: #b1b4b6;
}

.form-control::-moz-placeholder {
/* FF 19+ */
color: #b1b4b6;
}

.form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
/* IE 10+ */
color: #b1b4b6;
}

.btn {
padding: .8rem 2rem;
font-weight: 500;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.btn-sm {
padding: 0.5rem 1rem;
}

.btn:not(.btn-link):not(.cancelBtn):not(.applyBtn) {
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
}

.btn:not(.btn-link):not(.cancelBtn):not(.applyBtn):hover {
-webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}


.bg-primary {
background-color: #2dbe60 !important;
}

.bg-secondary {
background-color: #6c757d !important;
}

.btn-link {
text-decoration: none;
}

.btn-link:hover {
text-decoration: underline;
}

.text-primary, .btn-light, .btn-outline-light:hover, .btn-link, .link-primary {
color: #2dbe60 !important;
}

.text-red {
color: #ee5343 !important;
}

a.text-primary:focus, a.text-primary:hover, .btn-link:hover, .link-primary:hover, .link-primary:focus {
color: #26a151 !important;
}

.text-secondary {
color: #6c757d !important;
}

.text-muted {
color: #8e9a9d !important;
}

.text-light {
color: #dee3e4 !important;
}

.text-body {
color: #272727 !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
background-color: #26a151 !important;
}

.border-primary {
border-color: #2dbe60 !important;
}

.border-secondary {
border-color: #6c757d !important;
}

.btn-primary {
background-color: #2dbe60;
border-color: #2dbe60;
}

.btn-primary:hover {
background-color: #26a151;
border-color: #26a151;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
background-color: #26a151;
border-color: #26a151;
}


.btn-primary:not(:disabled):not(.disabled).active:hover, .btn-primary:not(:disabled):not(.disabled):active:hover {
background-color: #2dbe60;
border-color: #2dbe60;
}

.btn-primary.focus, .btn-primary:focus {
background-color: #26a151;
border-color: #26a151;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
-webkit-box-shadow: none;
box-shadow: none;
}

.btn-secondary {
background-color: #6c757d;
border-color: #6c757d;
}

.btn-outline-primary {
color: #2dbe60;
border-color: #2dbe60;
}

.btn-outline-primary:hover {
background-color: #2dbe60;
border-color: #2dbe60;
color: #fff;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
background-color: #2dbe60;
border-color: #2dbe60;
color: #fff;
}

.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d;
}

.btn-outline-secondary:hover {
background-color: #6c757d;
border-color: #6c757d;
color: #fff;
}

.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
background-color: #2dbe60;
}

.page-item.active .page-link, .form-check-input:checked {
background-color: #2dbe60;
border-color: #2dbe60;
}

.list-group-item.active {
background-color: #2dbe60;
border-color: #2dbe60;
}

.page-link {
color: #2dbe60;
}

.page-link:hover {
color: #26a151;
}

/* Pagination */
.page-item:not(:first-child) .page-link {
margin-left: 0.22rem;
}

.page-link {
border: none;
border-radius: 0.25rem;
margin: 0 0.22rem;
font-size: 16px;
font-size: 1rem;
}

.page-link:hover {
background-color: #e9eff0;
}

.rtl .page-item:not(:first-child) .page-link {
margin-right: 0.22rem;
}

/* Vertical Multilple input group */
.vertical-input-group .input-group:first-child {
padding-bottom: 0;
}

.vertical-input-group .input-group:first-child * {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.vertical-input-group .input-group:last-child {
padding-top: 0;
}

.vertical-input-group .input-group:last-child * {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.vertical-input-group .input-group:not(:last-child):not(:first-child) {
padding-top: 0;
padding-bottom: 0;
}

.vertical-input-group .input-group:not(:last-child):not(:first-child) * {
border-radius: 0;
}

.vertical-input-group .input-group:not(:first-child) * {
border-top: 0;
}

/* Slider Range (jQuery UI) */
.ui-slider-horizontal {
height: .2em;
margin-left: 11px;
margin-right: 11px;
}

.ui-slider-horizontal .ui-slider-handle {
top: -0.7em;
margin-left: -.7em;
border-radius: 100%;
background: #fff;
width: 1.5em;
height: 1.5em;
}

.ui-slider.ui-widget.ui-widget-content {
border: none;
background: #eee;
margin-bottom: 15px;
}

.ui-slider .ui-widget-header {
background: #2dbe60;
}

.ui-menu.ui-widget.ui-widget-content {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.176);
border: none;
overflow: hidden;
overflow-y: auto;
max-height: 50vh;
border-radius: 4px;
}

.ui-menu .ui-menu-item-wrapper {
padding: 6px .75rem 6px .9rem;
}

.ui-menu.ui-widget-content .ui-state-active {
background: #2dbe60;
border-color: #2dbe60;
}

.ui-menu .ui-menu-divider {
display: none;
}

/* Bootstrap-select */
.bootstrap-select.form-control {
padding: 0;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
color: #272727;
font-weight: normal;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #272727;
font-weight: normal;
}

.bootstrap-select .dropdown-item:focus, .bootstrap-select .dropdown-item:hover:not(.dropdown-item.active) {
background-color: #f5f5f5;
}

.bootstrap-select .dropdown-menu li.active small {
color: rgba(255, 255, 255, 0.7) !important;
}

.bootstrap-select > .dropdown-toggle {
padding: .700rem 1.50rem .700rem .75rem !important;
box-shadow: none !important;
font-weight: normal;
}

.bootstrap-select > .dropdown-toggle.form-select:after {
border: none;
}

.bootstrap-select .dropdown-toggle.form-select .filter-option {
height: auto;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
-ms-flex-align: center !important;
align-items: center !important;
display: -ms-flexbox !important;
display: flex !important;
}

.bootstrap-select .dropdown-menu li a {
-ms-flex-align: center !important;
align-items: center !important;
display: -ms-flexbox !important;
display: flex !important;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
width: auto;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}

.rtl .bootstrap-select > .dropdown-toggle {
padding: .700rem .75rem .700rem 1.50rem !important;
}

.rtl .bootstrap-select .dropdown-menu li small {
padding-left: 0;
padding-right: .5em;
}

.currency-flag {
min-width: 24px;
}

.currency-flag-sm {
min-width: 16px;
}

.currency-flag-lg {
min-width: 36px;
}

/* styles-switcher */
#styles-switcher {
background: #fff;
width: 202px;
position: fixed;
top: 35%;
z-index: 99;
padding: 20px;
left: -202px;
}

#styles-switcher ul {
padding: 0;
}

#styles-switcher ul li {
list-style-type: none;
width: 25px;
height: 25px;
margin: 4px 2px;
border-radius: 50%;
display: inline-block;
cursor: pointer;
transition: all .2s ease-in-out;
}

#styles-switcher ul li.blue {
background: #007bff;
}

#styles-switcher ul li.brown {
background: #795548;
}

#styles-switcher ul li.purple {
background: #6f42c1;
}

#styles-switcher ul li.indigo {
background: #6610f2;
}

#styles-switcher ul li.red {
background: #dc3545;
}

#styles-switcher ul li.orange {
background: #fd7e14;
}

#styles-switcher ul li.yellow {
background: #ffc107;
}

#styles-switcher ul li.pink {
background: #e83e8c;
}

#styles-switcher ul li.teal {
background: #20c997;
}

#styles-switcher ul li.cyan {
background: #17a2b8;
}

#styles-switcher ul li.active {
transform: scale(0.7);
cursor: default;
}

#styles-switcher .switcher-toggle {
position: absolute;
background: #333;
color: #fff;
font-size: 1.25rem;
border-radius: 0px 4px 4px 0;
right: -40px;
top: 0;
width: 40px;
height: 40px;
padding: 0;
}

#styles-switcher #reset-color {
background: #2dbe60;
}

.txth{font-weight:normal; color:#333; line-height:31px;}
.fs-10{font-size:10pt;}
.fs-11{font-size:11pt;}
.fs-12{font-size:12pt;}
.fs-13{font-size:13pt;}
.fs-14{font-size:13.6pt;}
.fs-141{font-size:14pt;}
.ma0{margin:0px auto}

.fimg img{width:50px !important; margin:0 auto !important;}

.bll{
background: linear-gradient(to bottom, 
 #ebf4ef 0%,
 #f1f6f3 55%
)
}
.stxpz{ background:url(/site/bee.png) -60px -190px no-repeat;}
.flr{float:right !important;}

.flr2{float:right;}
.flr3{float:right;}
.pctt{width:360px; height:189px;margin:7px 7px 7px 7px;}


.hover01 img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.hover01 img:hover {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}

.hover05 img, .hoo {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.hover05 img:hover, .hoo:hover {
-webkit-transform: scale(2.2);
transform: scale(2.2);
}


.rela{position:relative !important;}

.hhs80-66{height:80px;}
.shmns{display:none !important;}
@media (max-width: 1312px) {
.flr2{float:none !important;}
.pctt{display:block !important;width:100%; height:150px; margin:0px 0px 20px 0px;}
.flr3{display:none !important;}
}
@media (max-width: 992px) {
.hhs80-66{
height:66px !important;
}
.shmns{display:block !important;}
}
.tbno5 div {margin-bottom:4px;}
.tbno5 a{color:#000;}
.tbno5 a:hover{color:#2dbe60}
.tbno5 img{margin-right:4px; vertical-align:middle;}
.aact{background:#e3e3e3!important; border-radius:4px;}


.xact{background:rgba(0,0,0,0.1);}
.xact a{color:#000 !important;}


.bg-transparent .xact{background:rgba(255,255,255,0.14)}
.bg-transparent .xact a{color:#fff !important;}

.bg-transparent .xact .dropdown-menu a{color:#000 !important;}

.table-bordered td{font-size:13.4pt; vertical-align:middle;}
.price_sp{color:#333; font-size:15pt;}
.mo_1{background:#dcffc4 !important;}
.mo_2{background:#acff73 !important;}
.mo_0{background:#f4f3b3 !important;}

.mv1{background:#f2f2f2;}


.planepl{-webkit-transform: rotate(-11deg);
-moz-transform: rotate(-11deg);
-o-transform: rotate(-11deg);
-ms-transform: rotate(-15deg);
transform: rotate(-11deg);}

.fa-space-shuttle{-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);}

.fs-16{font-size:16pt;}
.togglePassword{cursor:pointer;}
.eyetgl{position:absolute; top:16px; right:20px;}
.eyetgl_2{position:absolute; top:16px; right:20px;}
.colorr{color:red !important;}
.colorb{color:#000 !important;}
.bxtt img{width:18px;}
.bxtt{position:absolute; right:4px; display:none;}
.bkgred{background:#ffdfd0 !important;}
.btn-link{cursor:pointer;}
.lh20{line-height:24px;}

.modal-open #setHubble{right:6px !important;}
.hei5{height:5px;}
.flr{float:right;}
.brd1{border:2px solid #fff; border-radius:50px;}
.brd2{border:1px solid #333; padding:2px 4px;}
.acc_s{padding:2px 6px; margin-right:4px;}
.bold{font-weight:bold;}

.acc-BTC {
background: -webkit-linear-gradient(#f48d11, #d07200);
background: -moz-linear-gradient(#f48d11, #d07200);
background: -o-linear-gradient(#f48d11, #d07200);
background: -ms-linear-gradient(#f48d11, #d07200);
background: linear-gradient(#f48d11, #d07200);
}
.acc-LTC {
background: -webkit-linear-gradient(#5a5a5a, #1b1b1b);
background: -moz-linear-gradient(#5a5a5a, #1b1b1b);
background: -o-linear-gradient(#5a5a5a, #1b1b1b);
background: -ms-linear-gradient(#5a5a5a, #1b1b1b);
background: linear-gradient(#5a5a5a, #1b1b1b);
}
.acc-ETH {
background: -webkit-linear-gradient(#748df0, #445fc7);
background: -moz-linear-gradient(#748df0, #445fc7);
background: -o-linear-gradient(#748df0, #445fc7);
background: -ms-linear-gradient(#748df0, #445fc7);
background: linear-gradient(#748df0, #445fc7);
}
.acc-TON {
background: -webkit-linear-gradient(#49afe2, #1085bf);
background: -moz-linear-gradient(#49afe2, #1085bf);
background: -o-linear-gradient(#49afe2, #1085bf);
background: -ms-linear-gradient(#49afe2, #1085bf);
background: linear-gradient(#49afe2, #1085bf);
}
.acc-TRX {
background: -webkit-linear-gradient(#de7e85, #b75158);
background: -moz-linear-gradient(#de7e85, #b75158);
background: -o-linear-gradient(#de7e85, #b75158);
background: -ms-linear-gradient(#de7e85, #b75158);
background: linear-gradient(#de7e85, #b75158);
}
.acc-USDT {
background: -webkit-linear-gradient(#3fae8e, #268e70);
background: -moz-linear-gradient(#3fae8e, #268e70);
background: -o-linear-gradient(#3fae8e, #268e70);
background: -ms-linear-gradient(#3fae8e, #268e70);
background: linear-gradient(#3fae8e, #268e70);
}

@keyframes modalDefaultContainer{from{opacity:0;transform:perspective(400px) translate3d(0,25%,0) rotate3d(1,0,0,-3deg)}to{opacity:1;transform:perspective(600px) translate3d(0,0,0) rotate3d(0,0,0,0)}}@keyframes modalDefaultContent{from{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes modalFullscreenContainer{from{height:0;transform-origin:top}to{height:100vh}}@keyframes modalFullscreenContent{from{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

.transs{
animation:modalDefaultContainer .35s cubic-bezier(.3,1.3,.6,1) alternate both;
}

.posts_red{color:red;}
.green_div{padding:4px 8px; background:#eeffe2; border:1px solid #69a43e;}
.normalf{font-weight:normal !important;}
.colorg{color:green !important;}
.colorblue{color:#008cc6 !important;}
.nv_in li a{color:#fff !important}


.info1{background:#f1f1f1; padding:10px 20px;}
.fs-15{font-size:15pt;}
.inlb{display:inline-block;}

.www{ word-wrap: break-word !important;
word-break: break-all !important;}

.bge{color:#fff !important;}


.primary-menu .navbar-nav .dropdown321{margin-right:-10px !important;}
.hi_m .ava{width:40px; height:40px;}
.hi_m .mp2{position:absolute; top:1px; right:20px;}
.logo_small{display:none !important;}

.fss {
margin-right:20px;
}

.mr-10{margin-right:10px;}
.mlmls div{margin-right:6px !important;}

.deff{cursor:default !important;}

.btn-smm {
padding: 0.6rem 1rem; font-size:13pt !important;
}


.thism{display:none !important;}
@media (max-width: 992px){
.hi_m .ava{width:30px; height:30px;}
.hi_m .mp2{position:absolute; top:-8px; right:80px;}
.logo_big{display:none !important;}
.logo_small{
position: relative;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}

.notsm{display:none !important;}
.thism{display:block !important;}
.xact .mmain{background:#333; padding-left:10px !important; border-radius:4px;color:#fff !important;}



.p-4{padding:.25rem !important}

.btn-smm {
padding: 0.2rem 0.6rem; font-size:11pt !important;
}

}


@media (max-width: 575.98px) {
.btn-smm {
padding: 0.2rem 0.6rem; font-size:10pt !important;
}
}

.forela{position:absolute;top:0px; left:0px; width:100%; height:100%; z-index:5;}
.act_part{background:#e3f5ff}

.miv{height:16px; margin-left:2px; vertical-align:middle;}
.spsp5{padding:0px 8px; background:#333; border-radius:4px; color:#fff; }
.accordion-button {display:block !important}

.fsbut{color:#fff;background:#743c00;-webkit-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);}
.fswait{background:#495a83;color:#fff;-webkit-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);}
.fsinst{color:#fff;background:#277b44;-webkit-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);}

.fspass{color:#fff;background:#e34424;-webkit-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 11px -3px rgba(0,0,0,0.75);}


.like_acc{
border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
background-color: rgba(0, 0, 0, 0.07); border:none;
}


.ktx{border:none !important; padding-top:0px !important; margin-top:0px !important;}
.bordst {
border-top: 1px solid;
border-image: linear-gradient(to right,#0a8536,#f1f5f7) 1 0 0 0;
}
.bordst table{padding:0px !important; margin:0px !important;}
.bordst table td{padding:8px 18px !important; margin:0px !important;}

.mw80{width:80px;max-width:80px;max-height:80px;}
.rela{position:relative;}
.forea{position:absolute;z-index:2;width:100%; height:100%; top:0px; left:0px;}
.qrl{text-align:center;width:90px; font-size:13pt; line-height:10px; float:right;}
.lh18{line-height:18px;}
.lh14{line-height:14px;}
.ssearch_s{ background: linear-gradient(to right, yellow 50%, transparent 0);
background-size: 200% 100%;
background-position: right;
animation: makeItfadeIn 1s 0.2s forwards;}
@keyframes makeItfadeIn {
100% {
background-position: left;
}
}

.txsmm{font-size:10pt !important;}
.ml8{margin-left:8px;}
.ml5{margin-left:5px;}
.pointer{cursor:pointer;}
.colorg{color:green !important;}
.bgg{background:green !important;}

.world{ word-wrap: break-word;word-break: break-all;}

.rela canvas{width:40px !important; height:40px !important;}
.lh35{line-height:35px;}
.lh42{line-height:42px;}

.dlins{margin-top:22px; padding:14px; margin-right:20px;}
.dlins:hover{color:#fff !important; background:#333 !important;}

.lh22{line-height:22px;}
.lh32{line-height:32px;}

.alerts {
position:fixed; bottom:10px; right:10px;
position: fixed; padding:10px 20px;
z-index: 9999999992 !important;
color: white;
}
.al_red{background-color: #f44336;}
.al_blue{background-color: #415c8d;}
.al_green{background-color: #4e7c1e;}

/* The close button */
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.seps{background:#ffe57b !important;}

/* When moving the mouse over the close button */
.closebtn:hover {
color: black;
}
label{cursor:pointer;}
.vertt{vertical-align:top;}
.red{color:red}
.colorp1{color:#b9009d}
.colorp2{color:#fd00ee;}
.alert_href{color:#ff4e00;}

.alleg{background:#e8f5dc; border:1px solid #3a6312; padding:4px 8px;}
.aller{background:#f5e9dc; border:1px solid #ff5129; padding:4px 8px;}
.allerr{background:#fdf9ea; border:1px solid #daae15; padding:4px 8px;}
.he8{height:8px;}

.prd_crowd{background:#df5cd1;color:#fff;border:1px solid #fff; border-radius:30px; padding:2px 10px;}
.prd_donat{background:#ff23c3;color:#fff;border:1px solid #fff; border-radius:30px; padding:2px 10px;}
.prd_real{background:rgba(167,142,41,0.9);color:#fff;border:1px solid #fff; border-radius:30px; padding:2px 10px;}
.prd_digit{background:rgba(45,127,170,0.9);color:#fff;border:1px solid #fff; border-radius:30px; padding:2px 10px;}
.prd_api{background:rgba(182,223,40,0.9);color:#000;border:1px solid #fff; border-radius:30px; padding:2px 10px;}
.prd_tg_only{background:rgba(163,234,255,0.9);color:red;border:1px solid #fff; border-radius:30px; padding:2px 10px;}
.prd_points{background:rgba(255,255,214,1); border:1px solid #fff; padding:2px 10px; border:1px solid #969696;}

.lh16{line-height:16px !important;}
.cropdemo{box-shadow:0 5px 20px rgba(0,0,0,.2); border:2px solid #fff;}

#image{width:100%;}

.imgx22222 {
display: block;
max-height: 120px;
}

.imgx{max-height:320px; max-width:98%; background-size:cover !important;}
.preview {
overflow: hidden;
width: 160px; 
height: 160px;
margin: 10px;
border: 1px solid red;
}

.bsftop{display:none;z-index:333;position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.6);}

.hovss:hover{background:#cee7f4;border-right:1px solid #333;}
.hovss{border-right:1px solid transparent;}

.hovss_f:hover{background:#d2e8c8;border-right:1px solid #333;}
.hovss_f{background:#eeeff0;
border-right:1px solid transparent;}

.hovss_7{background:#cee7f4;}

.hovss2:hover{background:#e7f3eb;border-left:1px solid #333;}
.hovss2{border-left:1px solid transparent;}

.hovss171:hover{background:#ffffea;border-left:1px solid #333;}
.hovss171{border-left:1px solid transparent;}

.mr5{margin-right:5px;}
.grad1{background: linear-gradient(0deg, #e9eeff 50%, #abbdf7 100%) !important;}
.bgredd{background:#ffd0d0 !important;}



.lh38{line-height:38px;}

.aj_load_sethubble {
display:none;
z-index:90000;
background:rgba(0,0,0,0.04);
position: fixed; width:100%; height:100%; top:0px; left:0px;
}

.cont_ajj_2 {
position: absolute;
left: 50%; z-index:90001;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ml15{margin-left:15px;}

.bbrdyes{border:1px solid #2dbe60; padding:4px 0px 0px 8px;border-radius: .25rem; display:inline-block;}
.bbrdno{border:1px solid #be2d2d; padding:4px 0px 0px 8px;border-radius: .25rem; display:inline-block;}
.bbrdblue{border:1px solid #2d89be; padding:4px 0px 0px 8px;border-radius: .25rem; display:inline-block;}

.bbrdno .form-check-input:checked {
background-color: #be372d;
border-color: red;
}

.bbrdblue .form-check-input:checked {
background-color: #128ea9;
border-color: #085f72;
}

.iii{border-bottom: 2px solid #000;
 display: inline-block;
 line-height: 1.15;
}
.imxx img{margin-right:2px;}


.act_a{border-bottom: 2px solid #000; color:#000 !important;
 display: inline-block;
 line-height: 1;
}

.disbut{
background-color: #c9c9c9 !important;
border-color: #bababa !important;
color:#000 !important;
}
.shref{color:#2c3b93;}


.line1 {
top:60px; left:15%;
z-index:0;
width:70%;
height:410px;
border-radius:46%;
border-top:3px solid #5a5a5a;
border-left:3px solid #5a5a5a;
border-right:3px solid #5a5a5a;
border-bottom:3px solid transparent;
position:absolute;
}
.csfix_1{top:250px;position:absolute; width:100%; height:200px; background:#f5f5f5;}

.line2_L {
top:60px; left:10%;
z-index:0;
width:30%;
height:320px;
border-radius:100%;
border-top:3px solid #5a5a5a;
border-left:3px solid #5a5a5a;
border-right:3px solid #5a5a5a;
border-bottom:3px solid transparent;
position:absolute;
}

.line2_R {
top:60px; right:10%;
z-index:0;
width:30%;
height:320px;
border-radius:100%;
border-top:3px solid #5a5a5a;
border-left:3px solid #5a5a5a;
border-right:3px solid #5a5a5a;
border-bottom:3px solid transparent;
position:absolute;
}


.flr2{float:right;}
@media (max-width: 991.98px) {
.hideifsmaller{display:none;}
.line2_L, .line2_R {
height:285px;
}
.line1 {height:300px;border-radius:36%;}
.flr2{position:static !important; display:inline-block;}
}

.iam_spon{background-color:#e4f394 !important;}
.left_arr{width:30%;transform: rotate(20deg);}
.right_arr{width:30%;transform: rotate(-20deg);}
.do_pointers{cursor:pointer;}
.do_pointers_right{cursor:pointer;}
.bonus_points{background:url(/hub/pic/100usd.png) center 80% no-repeat; background-size:40%;}


.empty_cell .hideifsmaller,.empty_cell img,.empty_cell div{opacity:0;}

.empty_cell:hover{
-webkit-box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.175) !important;
box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.175) !important;
}
.empty_cell{
border:1px solid #fff;
}
.green{color:#0d7d34;}
.bgf{background:#fff; border:1px solid #fff;
transition: box-shadow 0.2s;
}
.bgf-root{background:#fff;border:1px solid #fff;}
.iam_spon-root{background-color:#e4f394 !important;}

.bgf:hover, .iam_spon:hover{cursor:pointer; 
-webkit-box-shadow:0 0rem 2rem rgba(0,0,0,0.175) !important;
box-shadow:0 0rem 2rem rgba(0,0,0,0.175) !important;

}


.blinker3{border:1px solid #fff;background:#0dcaf0 url(/hub/pic/future_reg.png) center no-repeat !important; background-size:40% !important;}
#slast{cursor:default !important;}
#slast:hover{background:#0dcaf0 url(/hub/pic/future_reg.png) center no-repeat !important; background-size:40% !important;}

.suc_bg{background:#f6f6f6;}
.imghist{vertical-align:middle; width:20px; margin-left:6px;}


.hubble1 .accordion-button, .hubble2 .accordion-button{background:#2cba5e !important;}


.hubble1 .collapsed{background:#e1eafb !important;}
.hubble2 .collapsed{background:#f1f3f6 !important;}


.xact_m {background:#eaf2ed; padding-left:8px !important;}
.bhref{color:#204384;}
.rhref{color:#ff3600;}
.opa000{opacity:0 !important;}

.pww {
-webkit-text-security: disc;
text-security: disc;
}
.rott{
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
color:#2dbe60 !important;
}

.gra_nd{background: linear-gradient(90deg, rgba(255,255,255,0.3) 2%, transparent 60%) !important;}

@media (max-width: 1200px) {
.gra_nd{background: linear-gradient(90deg, rgba(255,255,255,0.3) 2%, transparent 100%) !important;}

}
.colorw{color:#fff !important;}
.gra_buy{background: linear-gradient(90deg, transparent 72%, #a0e9ec 82%, transparent 100%) ;}

.grad8{background: linear-gradient(0deg, #dde7ea 10%, #fff 40%) !important;}
.round30{border-radius:50%;}
.actt{color:red !important;}
.f_tbl {border-color:#929292 !important;}

.oact{background:rgba(0,0,0,0.1);}
.forrex .dropdown-menu li{padding-left:8px; padding-right:8px;}
.oact2 {background:rgba(0,0,0,0.2);}
.bg-transparent .oact{background:rgba(0,0,0,0.1)}
.bg-transparent .oact a{color:#000 !important;}

.oact3{background:#333 !important}
.oact3 a{margin-left:8px; color:#fff !important;}
@media (max-width: 1200px) {

}

@media (max-width: 800px) {
.text-9 {
font-size: 26px !important;
}
}

.switch_2 {
 position: relative;
 display: inline-block;
 width: 120px;
 height: 34px;
}

.switch_2 input {
 display: none;
}

.slider_2 {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #3C3C3C;
 -webkit-transition: .4s;
 transition: .4s;
 border-radius: 34px;
}

.slider_2:before {
 position: absolute;
 content: "";
 height: 26px;
 width: 26px;
 left: 4px;
 bottom: 4px;
 background-color: white;
 -webkit-transition: .4s;
 transition: .4s;
 border-radius: 50%;
}

input:checked + .slider_2 {
 background-color: #0E6EB8;
}

input:focus + .slider_2 {
 box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_2:before {
 -webkit-transform: translateX(26px);
 -ms-transform: translateX(26px);
 transform: translateX(85px);
}

.bx_2{background: #f6f6f6}
.hide_if_sm{display:none;}
@media (max-width: 768px) {
.hide_if_lg{display:none !important;}
.hide_if_sm{display:block; text-align:center;}
.fl_am{float:left !important; margin-left:4px;}
.mt_smm{margin-top:8px !important; padding:4px; background:#efeecf; text-align:center;}
.ifsml_h{display:none !important;}
.ifsml_s{display:block !important;}
}

#fullpage {
display: none;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-size: contain;
background-repeat: no-repeat no-repeat;
background-position: center center;
background-color: black;
}

.mmsite h1,.mmsite h3,.mmsite h4,.mmsite h5, .mmsite p, .mmsite div, .mmsite ul, .mmsite li, .mmsite .alleg{
font-size: 21px !important;
font-weight:normal; color:#333; line-height:31px;
margin-bottom:10px !important;
}

@media (max-width: 768px) {
.mmsite h1,.mmsite h3,.mmsite h4,.mmsite h5, .mmsite p, .mmsite div, .mmsite ul, .mmsite li, .mmsite .alleg{
font-size: 20px !important;
font-weight:normal; color:#333; line-height:31px;
margin-bottom:10px !important;
}
}

.xppxi img{z-index:2;margin-top:50px;position:sticky;top:80px !important;}
.xppxi_2{position:sticky;top:80px !important;}
@media (max-width: 768px) {
  .xppxi_2 {
    margin-top: 0.5rem;
  }
}

.stcc{position:sticky;top:80px !important;}

.display-4, .txtsh{text-shadow: 0 0 5px white;}
.vxtos{background: linear-gradient(to bottom, 
 #5eada1 0%,
#70baaf 15%,
 #e9f3ed 85%,
#fff 100%
)}
.vxtos2{background: linear-gradient(to bottom, 
 #5eada1 0%,
#70baaf 15%,
 #fff 100%
)}

.gradt-text {
background: -webkit-linear-gradient(left, orange, red, purple); 
background: linear-gradient(to right, orange, red, purple); 
-webkit-background-clip: text;
background-clip: text; 
-webkit-text-fill-color: transparent; 
color: transparent; 
display: inline-block; 
}



.gradt_2-text {
background: linear-gradient(to right, orange, red, purple);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; 
background-clip: text;
color: transparent; 
}
.tlhs{line-height:25px;}
.txx_sli{font-weight:normal !important;}

.company-info .col-info-left,
.company-info .col-info-right {
padding: 4px 8px;
}


@media (min-width: 768px) {
.company-info .col-info-left {
border-right: 1px solid #333;
}
.company-info .col-info-right {
border-top: none;
}
}


.overssx{position:absolute; left:-9px; width:104%;height:8px; margin-top:-23px;z-index:-1; transform: rotate(1deg);}

@media (max-width: 767.98px) {
.company-info .col-info-right {
border-top: 1px solid #333;
}
.overssx{margin-top:-21px !important;}
}

.shadow_max{-webkit-box-shadow: 0px 0px 44px -27px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 0px 44px -27px rgba(66, 68, 90, 1);
box-shadow: 0px 0px 44px -27px rgba(66, 68, 90, 1);}


@media (max-width: 767.98px) {

.step-row {
flex-direction: column;
align-items: center !important;
}
.step-col {
margin-bottom: 10px;
}
.block2123123123 {
padding-left: 0px !important;
border-left:none !important;
border-radius: 0px !important;

}
.main_w{font-size:26px !important; line-height:32px !important;}
.main_ww{font-size:32px !important;}
.text-6{font-size:1.2rem !important;}
.text-5{font-size:1.1rem !important;}
}

.text-outline-white {
text-shadow:
1px 2px 1px rgba(255,255,255,0.5),
0px 0px 8px rgba(255,255,255,1);
}
.textbb {
text-shadow:
1px 2px 1px rgba(0,0,0,0.2),
1px 2px 1px rgba(0,0,0,0.3);
}

.msg-bubble {
position: relative;
padding: 10px 20px;
background: rgba(255,255,255,0.94);
border-radius: 6px;
display: inline-block;
}

.msg-bubble::after {
content: "";
position: absolute;
left: -14px;
top: 16px;
width: 0;
height: 0;
border-top: 14px solid rgba(255,255,255,0.94);
border-left: 14px solid transparent;
}



.msg-bubble7 {
position: relative;
padding: 10px 20px;
background: rgba(255,245,225,0.95);
border-radius: 6px;
display: inline-block;
}

.msg-bubble7::after {
content: "";
position: absolute;
left: -14px;
top: 16px;
width: 0;
height: 0;
border-top: 14px solid rgba(255,245,225,0.95);
border-left: 14px solid transparent;
}

.msg-bubble8 {
position: relative;
padding: 10px 20px;
background: rgba(184, 232, 255,0.95);
border-radius: 6px;
display: inline-block;
}

.msg-bubble8::after {
content: "";
position: absolute;
left: -14px;
top: 16px;
width: 0;
height: 0;
border-top: 14px solid rgba(184, 232, 255,0.95);
border-left: 14px solid transparent;
}

.msg-bubble9 {
position: relative;
background: #d7eca7;
}

.msg-bubble9::after {
content: "";
position: absolute;
left: -24px;
top: 16px;
width: 0;
height: 0;
border-top: 24px solid #d7eca7;
border-left: 24px solid transparent;
}

.modal-body-center {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center; 
  min-height: 100vh; 
  box-sizing: border-box;
}


.block {
margin: 0px 0;
padding: 10px 10px 20px 15px;
border-left: 8px solid #ff7e00;
background: rgba(255, 193, 7, 0.15);
border-radius: 14px;
}
.block98 {
margin: 0px 0;
padding: 10px 15px;
border-left: 4px solid #ff7e00;
background: rgba(255, 193, 7, 0.15);
}

.block8 {
margin: 0px 0;
padding: 10px 15px;
border-left: 6px solid #2dbe60;
background: #fff;
border-radius: 6px;
}

.block5 {
margin: 0px 0;
padding: 10px 15px;
border-left: 6px solid #cc311c;
background: #ffe49a;
border-radius: 6px;
}

.block2 {
padding-left: 24px;
border-left: 5px solid #ffc107;
border-radius: 18px;
}



.block3 {
margin: 5px 0;
padding: 6px 8px;
border-left: 3px solid #cc311c;
background: #ffe49a;
border-radius: 3px; cursor:pointer;
}
.block3:hover {
background: #fffcda;
}
.block3.active {
background: #fffcda;
}


.block3 .disno2 { margin-top:5px;
padding:20px 10px; border-top:1px solid #333;
}

.first_w{color:#fff;
font-weight:bold;
font-size:13px;
line-height:12px; z-index:59;
transform: rotate(-4deg); border-radius:5px;
position:absolute; padding:4px 8px;
margin-top:-24px; left:12px;border:1px solid #fff;
display:inline-block; background:#cc311c;}

.main_w{font-size:33px; color:#000;line-height:39px;}
.main_ww{position:relative; z-index:3;font-size:41px; text-transform: uppercase;}

.bee_2{position:absolute; z-index:-1; top:-80px; right:-120px; width:510px; height:auto; opacity:0.4 !important;}

.bee_25{position:absolute; z-index:0; bottom:-80px; right:-224px; width:510px; height:auto; opacity:0.4 !important;}
.bee_26{position:absolute; z-index:0; top:-80px; left:-112px; width:380px; height:auto; opacity:0.1 !important;}


.minbbt{padding:2px 8px 0px 8px;}
.ols{margin-top:10px;padding-left:20px;}
.bbss a{font-weight:bold;}
.sep_txts{background:#d3ff9a; padding:1px 2px;}
.bbrsd{border-bottom:1px solid #cc311c;border-right:1px solid #cc311c; border-top:1px solid #cc311c;}

.blockquotef {
border-left: 6px solid #4CAF50;
padding: 10px 15px;
margin: 20px 0;
background-color: #f5f5f5;
font-style: italic;
border-radius: 6px;
}

.blockquote5 {
position: relative;
padding: 20px 30px;
margin: 10px 0;
background: #f0f8ff;
border-left: 6px solid #2196F3;
border-radius: 16px;
}

.blockquote5::before {
content: "“";
font-size: 50px;
position: absolute;
left: 10px;
top: 10px;
color: #2196F3;
}

.blockquote5::after {
content: "”";
font-size: 50px;
position: absolute;
right: 10px;
bottom: -10px;
color: #2196F3;
}
.img-responsive-custom {
max-width: 260px;
margin-left: 6px;
}

.mbtopbot{margin-top:80px; margin-bottom:80px;padding-left:17px;}
@media (max-width: 767.98px) {
.img-responsive-custom {
max-width: 170px;
}
}

.sethubble_arr1{
position:absolute !important; z-index:0; margin-top:-380px;margin-left:-600px;
transform: rotate(23deg); width:1100px; height:auto;
}
.sethubble_arr11{
position:absolute !important; z-index:0; margin-top:-360px;margin-left:-500px;
}
@media (max-width: 1200.98px) {
.sethubble_arr1{
position:absolute !important; z-index:0; margin-top:-380px;margin-left:-700px;
transform: rotate(23deg); width:1100px; height:auto;
}

}

.glowfff1{position:absolute;display:block !important;left:0px;position:absolute;bottom:-140px; z-index:0;}
.glowfff1 img{width:920px; height:auto; opacity:0.9;}
.glowfff2{display:none !important;}
@media (max-width: 990.98px) {
.sethubble_arr1{display:none !important;}
.sethubble_arr2{display:block !important;}
.sethubble_arr2{
position:absolute !important; z-index:0; margin-top:320px;left:-290px;
transform: rotate(105deg); opacity:1; width:830px; height:auto;
}
.glowfff1{display:none !important;}
.glowfff2{position:absolute;display:block !important;right:-30px;position:absolute;bottom:-100px; z-index:0;}
.glowfff2 img{width:600px; height:auto; opacity:0.9;}

.mbtopbot{
 margin-bottom:0px !important;
 padding-left:0px;margin-top:-39px !important;
 }
.mbtopbot_2{
 margin-bottom:0px !important;
 padding-left:0px;margin-top:-12px !important;
 }
.mbtopbot_3{
 margin-bottom:0px !important;
 padding-left:0px;margin-top:-12px !important;
 }
}

.heroes55 {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  min-height: 100vh;
  overflow: hidden;
background:
  radial-gradient(600px 400px at 80% 20%, #0f766e 0%, transparent 25%),
  linear-gradient(to right, #007bff, #007bff, #001f3f);
}

.heroes55a {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  min-height: 100vh;
  overflow: hidden;
background:
  radial-gradient(600px 400px at 80% 20%, #0f766e 0%, transparent 25%),
  linear-gradient(to right, #001f3f, #135294, #001f3f);
}

.heroes77a {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  min-height: 100vh;
  overflow: hidden;
}


.heroe89 {
  margin-top: 110px;
  margin-right: 120px;
  margin-left: 120px;
  position: relative;
  min-height: 72svh;
  min-height: 72vh;
  z-index: 0;
  border-radius: 14px;
}

.heroe89::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/site/dubai.jpg') center no-repeat;
  background-size:cover;
  opacity: 0.1;
  z-index: 0;
  border-radius: 14px;
}

.heroe89::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to left,
    rgba(141, 201, 242, 1) 0%,
    rgba(178, 230, 230, 0.17) 70%,
    rgba(178, 230, 230, 0.25) 100%
  );
  z-index: 1;
  border-radius: 14px;
}

.heroe89 > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 992px) {
.heroe89 {
  margin-top: 66px;
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  min-height: 72svh;
  min-height: 72vh;
  z-index: 0;
  border-radius: 0px;
}
.heroe89::after,.heroe89::before {
  border-radius: 0px;
}

}







.xlig2 {
  background:
    radial-gradient(
      circle at 50% 51%,
      rgba(0,123,255,0.15) 0%,
      rgba(0,123,255,0.75) 48%,
      rgba(0,123,255,0.45) 55%,
      rgba(0,123,255,0.05) 67%,
      rgba(0,123,255,0) 68%
    );
}

.xlig2_2 {
  background:
    radial-gradient(
      circle at 50% 51%,
      rgba(255,255,127,0.15) 0%,
      rgba(255,255,127,0.75) 48%,
      rgba(255,255,127,0.45) 55%,
      rgba(255,255,127,0.05) 67%,
      rgba(255,255,127,0) 68%
    );
}

.heroes0123::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -80px;
height: 120px;
background: #fff;
transform: skewY(-2.5deg);
transform-origin: left;
z-index: 1;
}

.heroes_offline {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 85svh;
  min-height: 85vh;
  overflow: hidden;
background:
  linear-gradient(to right, #c8b971,  #675c23);
}

.heroes_internet {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 55svh;
  min-height: 55vh;
  overflow: hidden;
background:
  linear-gradient(to right, #3B82F6, #0F172A);
}

.heroes_agents {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 55svh;
  min-height: 55vh;
  overflow: hidden;
background:
  linear-gradient(to right, #85BB65, #175d1b);
}



.heroes_about {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 35svh;
  min-height: 35vh;
  overflow: hidden;
background:#000513 url(/site/v/sunrise_sethubble.jpg) top left no-repeat;
background-size:cover;
}
.heroes_about::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/site/v/bee_3.png") center right no-repeat;
  background-size: 400px auto;
  transform: translateX(180px);
  opacity: 0.1;
}
.firefly7{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-0.2vw 0 0 9.8vw;animation:ease 200s alternate infinite;pointer-events:none}.firefly7::before,.firefly7::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:-10vw}.firefly7::before{background:black;opacity:.4;animation:drift ease alternate infinite}.firefly7::after{background:white;opacity:0;box-shadow:0 0 0vw 0vw yellow;animation:drift ease alternate infinite,flash ease infinite}.firefly7:nth-child(1){animation-name:move1}.firefly7:nth-child(1)::before{animation-duration:16s}.firefly7:nth-child(1)::after{animation-duration:16s,6777ms;animation-delay:0,2454ms}@keyframes move1{0{transform:translateX(-26vw) translateY(-1vh) scale(0.68)}5.8823529412%{transform:translateX(12vw) translateY(44vh) scale(0.63)}11.7647058824%{transform:translateX(38vw) translateY(-46vh) scale(0.73)}17.6470588235%{transform:translateX(-6vw) translateY(37vh) scale(0.88)}23.5294117647%{transform:translateX(-7vw) translateY(45vh) scale(0.8)}29.4117647059%{transform:translateX(-14vw) translateY(-1vh) scale(1)}35.2941176471%{transform:translateX(5vw) translateY(-46vh) scale(0.41)}41.1764705882%{transform:translateX(22vw) translateY(4vh) scale(0.74)}47.0588235294%{transform:translateX(-9vw) translateY(-43vh) scale(0.94)}52.9411764706%{transform:translateX(50vw) translateY(6vh) scale(0.37)}58.8235294118%{transform:translateX(-24vw) translateY(-45vh) scale(0.99)}64.7058823529%{transform:translateX(-42vw) translateY(-19vh) scale(0.41)}70.5882352941%{transform:translateX(6vw) translateY(30vh) scale(0.75)}76.4705882353%{transform:translateX(46vw) translateY(-35vh) scale(0.57)}82.3529411765%{transform:translateX(-37vw) translateY(22vh) scale(0.9)}88.2352941176%{transform:translateX(39vw) translateY(-6vh) scale(0.61)}94.1176470588%{transform:translateX(43vw) translateY(8vh) scale(0.96)}100%{transform:translateX(37vw) translateY(-20vh) scale(0.87)}}.firefly7:nth-child(2){animation-name:move2}.firefly7:nth-child(2)::before{animation-duration:9s}.firefly7:nth-child(2)::after{animation-duration:9s,7854ms;animation-delay:0,2053ms}@keyframes move2{0{transform:translateX(-31vw) translateY(-47vh) scale(0.55)}3.7037037037%{transform:translateX(43vw) translateY(10vh) scale(0.73)}7.4074074074%{transform:translateX(-12vw) translateY(-48vh) scale(0.66)}11.1111111111%{transform:translateX(6vw) translateY(37vh) scale(0.45)}14.8148148148%{transform:translateX(-35vw) translateY(-37vh) scale(0.42)}18.5185185185%{transform:translateX(28vw) translateY(-11vh) scale(0.57)}22.2222222222%{transform:translateX(4vw) translateY(-5vh) scale(0.68)}25.9259259259%{transform:translateX(15vw) translateY(22vh) scale(0.75)}29.6296296296%{transform:translateX(18vw) translateY(-44vh) scale(0.84)}33.3333333333%{transform:translateX(25vw) translateY(-6vh) scale(0.52)}37.037037037%{transform:translateX(-29vw) translateY(-48vh) scale(0.5)}40.7407407407%{transform:translateX(-13vw) translateY(11vh) scale(0.29)}44.4444444444%{transform:translateX(27vw) translateY(-36vh) scale(0.97)}48.1481481481%{transform:translateX(8vw) translateY(-28vh) scale(0.81)}51.8518518519%{transform:translateX(26vw) translateY(46vh) scale(0.5)}55.5555555556%{transform:translateX(25vw) translateY(2vh) scale(0.8)}59.2592592593%{transform:translateX(31vw) translateY(8vh) scale(0.79)}62.962962963%{transform:translateX(-3vw) translateY(-41vh) scale(0.85)}66.6666666667%{transform:translateX(27vw) translateY(-24vh) scale(0.62)}70.3703703704%{transform:translateX(9vw) translateY(-47vh) scale(0.6)}74.0740740741%{transform:translateX(1vw) translateY(21vh) scale(0.79)}77.7777777778%{transform:translateX(8vw) translateY(21vh) scale(0.78)}81.4814814815%{transform:translateX(15vw) translateY(-6vh) scale(0.26)}85.1851851852%{transform:translateX(-25vw) translateY(-10vh) scale(0.79)}88.8888888889%{transform:translateX(1vw) translateY(8vh) scale(0.9)}92.5925925926%{transform:translateX(-26vw) translateY(13vh) scale(0.49)}96.2962962963%{transform:translateX(41vw) translateY(16vh) scale(0.33)}100%{transform:translateX(33vw) translateY(-18vh) scale(0.93)}}.firefly7:nth-child(3){animation-name:move3}.firefly7:nth-child(3)::before{animation-duration:18s}.firefly7:nth-child(3)::after{animation-duration:18s,8622ms;animation-delay:0,3375ms}@keyframes move3{0{transform:translateX(41vw) translateY(50vh) scale(0.96)}4.347826087%{transform:translateX(-34vw) translateY(-31vh) scale(0.32)}8.6956521739%{transform:translateX(21vw) translateY(48vh) scale(0.31)}13.0434782609%{transform:translateX(5vw) translateY(-38vh) scale(0.49)}17.3913043478%{transform:translateX(-22vw) translateY(-38vh) scale(0.7)}21.7391304348%{transform:translateX(-15vw) translateY(0vh) scale(0.45)}26.0869565217%{transform:translateX(-41vw) translateY(15vh) scale(0.97)}30.4347826087%{transform:translateX(-29vw) translateY(37vh) scale(0.4)}34.7826086957%{transform:translateX(-14vw) translateY(-16vh) scale(0.74)}39.1304347826%{transform:translateX(10vw) translateY(31vh) scale(0.96)}43.4782608696%{transform:translateX(38vw) translateY(4vh) scale(0.88)}47.8260869565%{transform:translateX(-4vw) translateY(-32vh) scale(0.81)}52.1739130435%{transform:translateX(-8vw) translateY(48vh) scale(0.39)}56.5217391304%{transform:translateX(33vw) translateY(-22vh) scale(0.45)}60.8695652174%{transform:translateX(-47vw) translateY(25vh) scale(0.92)}65.2173913043%{transform:translateX(0vw) translateY(-7vh) scale(0.97)}69.5652173913%{transform:translateX(41vw) translateY(21vh) scale(0.56)}73.9130434783%{transform:translateX(-27vw) translateY(10vh) scale(0.69)}78.2608695652%{transform:translateX(47vw) translateY(-14vh) scale(0.67)}82.6086956522%{transform:translateX(-26vw) translateY(-34vh) scale(0.51)}86.9565217391%{transform:translateX(-18vw) translateY(-25vh) scale(0.3)}91.3043478261%{transform:translateX(-33vw) translateY(-26vh) scale(0.75)}95.652173913%{transform:translateX(48vw) translateY(-32vh) scale(0.81)}100%{transform:translateX(19vw) translateY(8vh) scale(0.37)}}.firefly7:nth-child(4){animation-name:move4}.firefly7:nth-child(4)::before{animation-duration:14s}.firefly7:nth-child(4)::after{animation-duration:14s,10756ms;animation-delay:0,6826ms}@keyframes move4{0{transform:translateX(38vw) translateY(-42vh) scale(0.97)}4.5454545455%{transform:translateX(0vw) translateY(36vh) scale(0.76)}9.0909090909%{transform:translateX(20vw) translateY(30vh) scale(0.74)}13.6363636364%{transform:translateX(-3vw) translateY(7vh) scale(0.48)}18.1818181818%{transform:translateX(-16vw) translateY(-38vh) scale(0.34)}22.7272727273%{transform:translateX(-15vw) translateY(15vh) scale(0.6)}27.2727272727%{transform:translateX(-21vw) translateY(1vh) scale(0.64)}31.8181818182%{transform:translateX(49vw) translateY(49vh) scale(0.71)}36.3636363636%{transform:translateX(-49vw) translateY(16vh) scale(0.61)}40.9090909091%{transform:translateX(-2vw) translateY(-3vh) scale(0.66)}45.4545454545%{transform:translateX(-17vw) translateY(-7vh) scale(0.49)}50%{transform:translateX(-44vw) translateY(14vh) scale(0.68)}54.5454545455%{transform:translateX(46vw) translateY(-9vh) scale(0.36)}59.0909090909%{transform:translateX(-30vw) translateY(-10vh) scale(0.39)}63.6363636364%{transform:translateX(23vw) translateY(15vh) scale(0.3)}68.1818181818%{transform:translateX(28vw) translateY(28vh) scale(0.49)}72.7272727273%{transform:translateX(47vw) translateY(-13vh) scale(0.34)}77.2727272727%{transform:translateX(15vw) translateY(-46vh) scale(0.96)}81.8181818182%{transform:translateX(-44vw) translateY(10vh) scale(0.9)}86.3636363636%{transform:translateX(20vw) translateY(-27vh) scale(0.36)}90.9090909091%{transform:translateX(41vw) translateY(-20vh) scale(0.33)}95.4545454545%{transform:translateX(-43vw) translateY(39vh) scale(0.98)}100%{transform:translateX(-29vw) translateY(35vh) scale(0.67)}}.firefly7:nth-child(5){animation-name:move5}.firefly7:nth-child(5)::before{animation-duration:14s}.firefly7:nth-child(5)::after{animation-duration:14s,8542ms;animation-delay:0,5226ms}@keyframes move5{0{transform:translateX(-25vw) translateY(12vh) scale(0.83)}3.7037037037%{transform:translateX(-32vw) translateY(-40vh) scale(0.55)}7.4074074074%{transform:translateX(35vw) translateY(0vh) scale(0.65)}11.1111111111%{transform:translateX(20vw) translateY(20vh) scale(0.92)}14.8148148148%{transform:translateX(23vw) translateY(-18vh) scale(0.61)}18.5185185185%{transform:translateX(2vw) translateY(6vh) scale(0.29)}22.2222222222%{transform:translateX(31vw) translateY(21vh) scale(0.76)}25.9259259259%{transform:translateX(43vw) translateY(-8vh) scale(0.83)}29.6296296296%{transform:translateX(36vw) translateY(-29vh) scale(0.45)}33.3333333333%{transform:translateX(-49vw) translateY(32vh) scale(0.69)}37.037037037%{transform:translateX(21vw) translateY(42vh) scale(0.51)}40.7407407407%{transform:translateX(-14vw) translateY(-41vh) scale(0.33)}44.4444444444%{transform:translateX(-47vw) translateY(2vh) scale(0.75)}48.1481481481%{transform:translateX(6vw) translateY(41vh) scale(0.82)}51.8518518519%{transform:translateX(9vw) translateY(-16vh) scale(0.43)}55.5555555556%{transform:translateX(6vw) translateY(22vh) scale(0.7)}59.2592592593%{transform:translateX(-29vw) translateY(-49vh) scale(0.3)}62.962962963%{transform:translateX(49vw) translateY(-9vh) scale(0.34)}66.6666666667%{transform:translateX(17vw) translateY(10vh) scale(0.45)}70.3703703704%{transform:translateX(9vw) translateY(-43vh) scale(0.78)}74.0740740741%{transform:translateX(-4vw) translateY(8vh) scale(0.97)}77.7777777778%{transform:translateX(-46vw) translateY(-44vh) scale(0.63)}81.4814814815%{transform:translateX(8vw) translateY(-10vh) scale(0.93)}85.1851851852%{transform:translateX(-30vw) translateY(-31vh) scale(0.26)}88.8888888889%{transform:translateX(-47vw) translateY(-48vh) scale(0.86)}92.5925925926%{transform:translateX(-38vw) translateY(-42vh) scale(0.67)}96.2962962963%{transform:translateX(-27vw) translateY(12vh) scale(0.66)}100%{transform:translateX(-3vw) translateY(6vh) scale(0.55)}}.firefly7:nth-child(6){animation-name:move6}.firefly7:nth-child(6)::before{animation-duration:16s}.firefly7:nth-child(6)::after{animation-duration:16s,10282ms;animation-delay:0,1952ms}@keyframes move6{0{transform:translateX(21vw) translateY(-48vh) scale(0.37)}5.8823529412%{transform:translateX(24vw) translateY(8vh) scale(0.43)}11.7647058824%{transform:translateX(-19vw) translateY(-9vh) scale(0.7)}17.6470588235%{transform:translateX(-2vw) translateY(46vh) scale(0.67)}23.5294117647%{transform:translateX(-42vw) translateY(-24vh) scale(0.59)}29.4117647059%{transform:translateX(31vw) translateY(-11vh) scale(0.6)}35.2941176471%{transform:translateX(22vw) translateY(-44vh) scale(0.95)}41.1764705882%{transform:translateX(-32vw) translateY(-13vh) scale(0.53)}47.0588235294%{transform:translateX(49vw) translateY(44vh) scale(0.88)}52.9411764706%{transform:translateX(29vw) translateY(14vh) scale(0.38)}58.8235294118%{transform:translateX(-19vw) translateY(-33vh) scale(0.86)}64.7058823529%{transform:translateX(-40vw) translateY(18vh) scale(0.8)}70.5882352941%{transform:translateX(-34vw) translateY(26vh) scale(0.67)}76.4705882353%{transform:translateX(-16vw) translateY(-14vh) scale(0.36)}82.3529411765%{transform:translateX(46vw) translateY(-29vh) scale(0.29)}88.2352941176%{transform:translateX(-10vw) translateY(-49vh) scale(0.4)}94.1176470588%{transform:translateX(-34vw) translateY(-27vh) scale(0.82)}100%{transform:translateX(22vw) translateY(-38vh) scale(0.45)}}.firefly7:nth-child(7){animation-name:move7}.firefly7:nth-child(7)::before{animation-duration:15s}.firefly7:nth-child(7)::after{animation-duration:15s,8037ms;animation-delay:0,1253ms}@keyframes move7{0{transform:translateX(-33vw) translateY(-1vh) scale(0.7)}3.5714285714%{transform:translateX(32vw) translateY(-35vh) scale(0.54)}7.1428571429%{transform:translateX(-2vw) translateY(-19vh) scale(0.39)}10.7142857143%{transform:translateX(3vw) translateY(-2vh) scale(0.27)}14.2857142857%{transform:translateX(10vw) translateY(-3vh) scale(0.56)}17.8571428571%{transform:translateX(46vw) translateY(-39vh) scale(0.92)}21.4285714286%{transform:translateX(20vw) translateY(-24vh) scale(0.97)}25%{transform:translateX(-30vw) translateY(6vh) scale(0.55)}28.5714285714%{transform:translateX(-7vw) translateY(-19vh) scale(0.87)}32.1428571429%{transform:translateX(-44vw) translateY(37vh) scale(0.63)}35.7142857143%{transform:translateX(3vw) translateY(49vh) scale(0.48)}39.2857142857%{transform:translateX(29vw) translateY(5vh) scale(0.63)}42.8571428571%{transform:translateX(36vw) translateY(27vh) scale(0.58)}46.4285714286%{transform:translateX(-42vw) translateY(34vh) scale(0.56)}50%{transform:translateX(-33vw) translateY(-27vh) scale(0.83)}53.5714285714%{transform:translateX(27vw) translateY(-38vh) scale(0.71)}57.1428571429%{transform:translateX(19vw) translateY(-45vh) scale(0.61)}60.7142857143%{transform:translateX(-39vw) translateY(27vh) scale(0.72)}64.2857142857%{transform:translateX(-36vw) translateY(-48vh) scale(0.41)}67.8571428571%{transform:translateX(33vw) translateY(5vh) scale(0.77)}71.4285714286%{transform:translateX(19vw) translateY(42vh) scale(0.95)}75%{transform:translateX(-48vw) translateY(25vh) scale(0.73)}78.5714285714%{transform:translateX(6vw) translateY(34vh) scale(0.92)}82.1428571429%{transform:translateX(-42vw) translateY(-27vh) scale(0.84)}85.7142857143%{transform:translateX(-9vw) translateY(-15vh) scale(0.27)}89.2857142857%{transform:translateX(22vw) translateY(-31vh) scale(0.3)}92.8571428571%{transform:translateX(-35vw) translateY(-34vh) scale(0.34)}96.4285714286%{transform:translateX(46vw) translateY(39vh) scale(1)}100%{transform:translateX(2vw) translateY(-10vh) scale(0.29)}}.firefly7:nth-child(8){animation-name:move8}.firefly7:nth-child(8)::before{animation-duration:15s}.firefly7:nth-child(8)::after{animation-duration:15s,9594ms;animation-delay:0,5901ms}@keyframes move8{0{transform:translateX(-37vw) translateY(13vh) scale(0.3)}5.2631578947%{transform:translateX(17vw) translateY(4vh) scale(0.69)}10.5263157895%{transform:translateX(12vw) translateY(1vh) scale(0.32)}15.7894736842%{transform:translateX(7vw) translateY(20vh) scale(0.67)}21.0526315789%{transform:translateX(-17vw) translateY(-30vh) scale(0.53)}26.3157894737%{transform:translateX(32vw) translateY(37vh) scale(0.37)}31.5789473684%{transform:translateX(-22vw) translateY(35vh) scale(0.43)}36.8421052632%{transform:translateX(18vw) translateY(-3vh) scale(0.83)}42.1052631579%{transform:translateX(-17vw) translateY(-24vh) scale(0.92)}47.3684210526%{transform:translateX(-9vw) translateY(45vh) scale(0.9)}52.6315789474%{transform:translateX(-7vw) translateY(-26vh) scale(0.81)}57.8947368421%{transform:translateX(43vw) translateY(-48vh) scale(0.47)}63.1578947368%{transform:translateX(-27vw) translateY(-29vh) scale(0.51)}68.4210526316%{transform:translateX(42vw) translateY(-44vh) scale(0.7)}73.6842105263%{transform:translateX(14vw) translateY(-9vh) scale(0.68)}78.9473684211%{transform:translateX(10vw) translateY(40vh) scale(0.45)}84.2105263158%{transform:translateX(-48vw) translateY(-47vh) scale(0.6)}89.4736842105%{transform:translateX(-27vw) translateY(6vh) scale(0.89)}94.7368421053%{transform:translateX(-47vw) translateY(-18vh) scale(0.37)}100%{transform:translateX(-9vw) translateY(5vh) scale(0.72)}}.firefly7:nth-child(9){animation-name:move9}.firefly7:nth-child(9)::before{animation-duration:14s}.firefly7:nth-child(9)::after{animation-duration:14s,7872ms;animation-delay:0,2953ms}@keyframes move9{0{transform:translateX(43vw) translateY(-9vh) scale(0.33)}3.8461538462%{transform:translateX(13vw) translateY(9vh) scale(0.28)}7.6923076923%{transform:translateX(8vw) translateY(3vh) scale(0.36)}11.5384615385%{transform:translateX(-37vw) translateY(-42vh) scale(0.33)}15.3846153846%{transform:translateX(-27vw) translateY(1vh) scale(0.53)}19.2307692308%{transform:translateX(15vw) translateY(-22vh) scale(0.46)}23.0769230769%{transform:translateX(-36vw) translateY(14vh) scale(0.4)}26.9230769231%{transform:translateX(-20vw) translateY(-10vh) scale(0.92)}30.7692307692%{transform:translateX(-5vw) translateY(2vh) scale(0.35)}34.6153846154%{transform:translateX(18vw) translateY(36vh) scale(0.94)}38.4615384615%{transform:translateX(-10vw) translateY(-48vh) scale(0.71)}42.3076923077%{transform:translateX(48vw) translateY(-29vh) scale(0.61)}46.1538461538%{transform:translateX(13vw) translateY(3vh) scale(0.71)}50%{transform:translateX(38vw) translateY(38vh) scale(0.57)}53.8461538462%{transform:translateX(31vw) translateY(10vh) scale(0.55)}57.6923076923%{transform:translateX(36vw) translateY(-36vh) scale(0.77)}61.5384615385%{transform:translateX(43vw) translateY(-33vh) scale(0.52)}65.3846153846%{transform:translateX(40vw) translateY(27vh) scale(0.75)}69.2307692308%{transform:translateX(37vw) translateY(42vh) scale(0.98)}73.0769230769%{transform:translateX(-39vw) translateY(-1vh) scale(0.73)}76.9230769231%{transform:translateX(0vw) translateY(-42vh) scale(0.61)}80.7692307692%{transform:translateX(30vw) translateY(-4vh) scale(0.64)}84.6153846154%{transform:translateX(40vw) translateY(6vh) scale(0.75)}88.4615384615%{transform:translateX(-43vw) translateY(-35vh) scale(0.32)}92.3076923077%{transform:translateX(11vw) translateY(23vh) scale(0.71)}96.1538461538%{transform:translateX(-29vw) translateY(-24vh) scale(0.8)}100%{transform:translateX(-14vw) translateY(-41vh) scale(0.48)}}.firefly7:nth-child(10){animation-name:move10}.firefly7:nth-child(10)::before{animation-duration:10s}.firefly7:nth-child(10)::after{animation-duration:10s,9320ms;animation-delay:0,892ms}@keyframes move10{0{transform:translateX(-5vw) translateY(5vh) scale(0.66)}5%{transform:translateX(6vw) translateY(-35vh) scale(0.66)}10%{transform:translateX(35vw) translateY(-37vh) scale(0.9)}15%{transform:translateX(-18vw) translateY(-36vh) scale(0.3)}20%{transform:translateX(20vw) translateY(-47vh) scale(0.52)}25%{transform:translateX(45vw) translateY(22vh) scale(0.62)}30%{transform:translateX(-31vw) translateY(31vh) scale(0.78)}35%{transform:translateX(35vw) translateY(10vh) scale(0.42)}40%{transform:translateX(25vw) translateY(-19vh) scale(0.3)}45%{transform:translateX(9vw) translateY(11vh) scale(0.51)}50%{transform:translateX(-31vw) translateY(-41vh) scale(0.89)}55%{transform:translateX(32vw) translateY(5vh) scale(0.87)}60%{transform:translateX(-27vw) translateY(-33vh) scale(0.88)}65%{transform:translateX(9vw) translateY(-28vh) scale(0.52)}70%{transform:translateX(-35vw) translateY(3vh) scale(0.6)}75%{transform:translateX(6vw) translateY(8vh) scale(0.5)}80%{transform:translateX(-2vw) translateY(-27vh) scale(0.79)}85%{transform:translateX(13vw) translateY(-17vh) scale(0.46)}90%{transform:translateX(-12vw) translateY(-47vh) scale(0.9)}95%{transform:translateX(-32vw) translateY(23vh) scale(0.76)}100%{transform:translateX(4vw) translateY(43vh) scale(0.32)}}.firefly7:nth-child(11){animation-name:move11}.firefly7:nth-child(11)::before{animation-duration:11s}.firefly7:nth-child(11)::after{animation-duration:11s,8223ms;animation-delay:0,2229ms}@keyframes move11{0{transform:translateX(-26vw) translateY(-8vh) scale(0.34)}4.1666666667%{transform:translateX(-24vw) translateY(-44vh) scale(0.47)}8.3333333333%{transform:translateX(44vw) translateY(-1vh) scale(0.26)}12.5%{transform:translateX(-34vw) translateY(17vh) scale(0.38)}16.6666666667%{transform:translateX(38vw) translateY(-43vh) scale(0.37)}20.8333333333%{transform:translateX(-43vw) translateY(-42vh) scale(0.9)}25%{transform:translateX(-43vw) translateY(-36vh) scale(0.32)}29.1666666667%{transform:translateX(-22vw) translateY(-22vh) scale(0.82)}33.3333333333%{transform:translateX(28vw) translateY(-18vh) scale(0.38)}37.5%{transform:translateX(46vw) translateY(24vh) scale(0.87)}41.6666666667%{transform:translateX(-28vw) translateY(1vh) scale(0.91)}45.8333333333%{transform:translateX(18vw) translateY(-24vh) scale(0.37)}50%{transform:translateX(-17vw) translateY(-14vh) scale(0.45)}54.1666666667%{transform:translateX(11vw) translateY(14vh) scale(0.64)}58.3333333333%{transform:translateX(35vw) translateY(20vh) scale(0.76)}62.5%{transform:translateX(31vw) translateY(49vh) scale(0.73)}66.6666666667%{transform:translateX(-37vw) translateY(-48vh) scale(0.75)}70.8333333333%{transform:translateX(-5vw) translateY(4vh) scale(0.47)}75%{transform:translateX(-7vw) translateY(-9vh) scale(0.86)}79.1666666667%{transform:translateX(-19vw) translateY(-20vh) scale(0.83)}83.3333333333%{transform:translateX(-12vw) translateY(-43vh) scale(0.66)}87.5%{transform:translateX(21vw) translateY(38vh) scale(0.88)}91.6666666667%{transform:translateX(49vw) translateY(-32vh) scale(0.43)}95.8333333333%{transform:translateX(40vw) translateY(4vh) scale(0.6)}100%{transform:translateX(14vw) translateY(10vh) scale(0.57)}}.firefly7:nth-child(12){animation-name:move12}.firefly7:nth-child(12)::before{animation-duration:10s}.firefly7:nth-child(12)::after{animation-duration:10s,8410ms;animation-delay:0,2661ms}@keyframes move12{0{transform:translateX(1vw) translateY(-10vh) scale(0.85)}4.5454545455%{transform:translateX(33vw) translateY(17vh) scale(0.33)}9.0909090909%{transform:translateX(32vw) translateY(-29vh) scale(0.31)}13.6363636364%{transform:translateX(-5vw) translateY(-33vh) scale(0.41)}18.1818181818%{transform:translateX(23vw) translateY(-43vh) scale(0.92)}22.7272727273%{transform:translateX(-2vw) translateY(43vh) scale(0.68)}27.2727272727%{transform:translateX(-13vw) translateY(-29vh) scale(0.9)}31.8181818182%{transform:translateX(15vw) translateY(-20vh) scale(0.47)}36.3636363636%{transform:translateX(42vw) translateY(-30vh) scale(0.83)}40.9090909091%{transform:translateX(47vw) translateY(-8vh) scale(0.68)}45.4545454545%{transform:translateX(11vw) translateY(23vh) scale(0.59)}50%{transform:translateX(8vw) translateY(8vh) scale(0.97)}54.5454545455%{transform:translateX(23vw) translateY(20vh) scale(0.29)}59.0909090909%{transform:translateX(46vw) translateY(49vh) scale(0.41)}63.6363636364%{transform:translateX(-17vw) translateY(2vh) scale(0.96)}68.1818181818%{transform:translateX(-47vw) translateY(37vh) scale(0.56)}72.7272727273%{transform:translateX(-25vw) translateY(12vh) scale(0.26)}77.2727272727%{transform:translateX(-7vw) translateY(-23vh) scale(0.41)}81.8181818182%{transform:translateX(43vw) translateY(40vh) scale(0.93)}86.3636363636%{transform:translateX(-15vw) translateY(-34vh) scale(0.38)}90.9090909091%{transform:translateX(-6vw) translateY(-35vh) scale(0.59)}95.4545454545%{transform:translateX(31vw) translateY(6vh) scale(0.49)}100%{transform:translateX(2vw) translateY(31vh) scale(0.73)}}.firefly7:nth-child(13){animation-name:move13}.firefly7:nth-child(13)::before{animation-duration:12s}.firefly7:nth-child(13)::after{animation-duration:12s,9663ms;animation-delay:0,1053ms}@keyframes move13{0{transform:translateX(-20vw) translateY(-49vh) scale(0.79)}5.8823529412%{transform:translateX(-41vw) translateY(7vh) scale(0.4)}11.7647058824%{transform:translateX(-37vw) translateY(-9vh) scale(0.47)}17.6470588235%{transform:translateX(-30vw) translateY(41vh) scale(0.59)}23.5294117647%{transform:translateX(4vw) translateY(0vh) scale(0.58)}29.4117647059%{transform:translateX(0vw) translateY(-35vh) scale(0.76)}35.2941176471%{transform:translateX(-9vw) translateY(-31vh) scale(0.73)}41.1764705882%{transform:translateX(5vw) translateY(43vh) scale(0.54)}47.0588235294%{transform:translateX(-18vw) translateY(19vh) scale(0.9)}52.9411764706%{transform:translateX(23vw) translateY(31vh) scale(0.53)}58.8235294118%{transform:translateX(21vw) translateY(-8vh) scale(0.27)}64.7058823529%{transform:translateX(7vw) translateY(11vh) scale(0.84)}70.5882352941%{transform:translateX(-42vw) translateY(16vh) scale(0.37)}76.4705882353%{transform:translateX(-38vw) translateY(6vh) scale(0.3)}82.3529411765%{transform:translateX(-48vw) translateY(6vh) scale(0.75)}88.2352941176%{transform:translateX(43vw) translateY(16vh) scale(0.82)}94.1176470588%{transform:translateX(49vw) translateY(-28vh) scale(0.7)}100%{transform:translateX(-30vw) translateY(39vh) scale(0.68)}}.firefly7:nth-child(14){animation-name:move14}.firefly7:nth-child(14)::before{animation-duration:12s}.firefly7:nth-child(14)::after{animation-duration:12s,5644ms;animation-delay:0,2687ms}@keyframes move14{0{transform:translateX(27vw) translateY(-17vh) scale(0.56)}4.347826087%{transform:translateX(34vw) translateY(19vh) scale(0.72)}8.6956521739%{transform:translateX(-37vw) translateY(-4vh) scale(0.61)}13.0434782609%{transform:translateX(29vw) translateY(39vh) scale(0.37)}17.3913043478%{transform:translateX(-47vw) translateY(-48vh) scale(0.57)}21.7391304348%{transform:translateX(29vw) translateY(22vh) scale(0.89)}26.0869565217%{transform:translateX(34vw) translateY(-4vh) scale(0.64)}30.4347826087%{transform:translateX(7vw) translateY(47vh) scale(0.57)}34.7826086957%{transform:translateX(-25vw) translateY(36vh) scale(0.49)}39.1304347826%{transform:translateX(-17vw) translateY(3vh) scale(0.79)}43.4782608696%{transform:translateX(-2vw) translateY(-8vh) scale(0.36)}47.8260869565%{transform:translateX(15vw) translateY(18vh) scale(0.93)}52.1739130435%{transform:translateX(-47vw) translateY(-29vh) scale(0.71)}56.5217391304%{transform:translateX(16vw) translateY(-5vh) scale(0.92)}60.8695652174%{transform:translateX(19vw) translateY(24vh) scale(0.96)}65.2173913043%{transform:translateX(-38vw) translateY(45vh) scale(0.89)}69.5652173913%{transform:translateX(44vw) translateY(-35vh) scale(0.77)}73.9130434783%{transform:translateX(37vw) translateY(-16vh) scale(0.66)}78.2608695652%{transform:translateX(-35vw) translateY(-21vh) scale(0.91)}82.6086956522%{transform:translateX(24vw) translateY(40vh) scale(0.66)}86.9565217391%{transform:translateX(-45vw) translateY(41vh) scale(0.41)}91.3043478261%{transform:translateX(47vw) translateY(-46vh) scale(0.63)}95.652173913%{transform:translateX(-7vw) translateY(-28vh) scale(0.61)}100%{transform:translateX(-26vw) translateY(-25vh) scale(0.72)}}.firefly7:nth-child(15){animation-name:move15}.firefly7:nth-child(15)::before{animation-duration:17s}.firefly7:nth-child(15)::after{animation-duration:17s,6324ms;animation-delay:0,4870ms}@keyframes move15{0{transform:translateX(38vw) translateY(38vh) scale(0.35)}4%{transform:translateX(29vw) translateY(-39vh) scale(0.35)}8%{transform:translateX(5vw) translateY(6vh) scale(0.34)}12%{transform:translateX(16vw) translateY(29vh) scale(0.82)}16%{transform:translateX(16vw) translateY(-37vh) scale(0.35)}20%{transform:translateX(-23vw) translateY(21vh) scale(0.52)}24%{transform:translateX(34vw) translateY(10vh) scale(0.87)}28%{transform:translateX(-44vw) translateY(-49vh) scale(0.66)}32%{transform:translateX(10vw) translateY(-30vh) scale(0.77)}36%{transform:translateX(26vw) translateY(-36vh) scale(0.45)}40%{transform:translateX(-25vw) translateY(9vh) scale(0.41)}44%{transform:translateX(-26vw) translateY(38vh) scale(0.32)}48%{transform:translateX(-22vw) translateY(41vh) scale(0.83)}52%{transform:translateX(35vw) translateY(-2vh) scale(0.96)}56%{transform:translateX(4vw) translateY(-15vh) scale(0.94)}60%{transform:translateX(-6vw) translateY(-7vh) scale(0.92)}64%{transform:translateX(-22vw) translateY(-15vh) scale(0.97)}68%{transform:translateX(25vw) translateY(27vh) scale(0.87)}72%{transform:translateX(-31vw) translateY(-40vh) scale(0.27)}76%{transform:translateX(26vw) translateY(10vh) scale(0.59)}80%{transform:translateX(40vw) translateY(50vh) scale(0.42)}84%{transform:translateX(18vw) translateY(0vh) scale(0.61)}88%{transform:translateX(-9vw) translateY(2vh) scale(0.44)}92%{transform:translateX(35vw) translateY(31vh) scale(0.38)}96%{transform:translateX(19vw) translateY(47vh) scale(0.35)}100%{transform:translateX(28vw) translateY(-44vh) scale(0.55)}}@keyframes drift{0{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes flash{0,30%,100%{opacity:0;box-shadow:0 0 0vw 0vw yellow}5%{opacity:1;box-shadow:0 0 2vw .4vw #00b4ff}}






.top_closes {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
opacity: 0.4;
  z-index: 0;
  overflow: hidden;

  background: url("/site/v/people_street_sethubble.png") bottom right no-repeat;
  background-size: 78% auto;
}
.top_closes::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/site/v/bee_3.png") center right no-repeat;
  background-size: 400px auto;
  transform: translateX(80px);
  opacity: 0.2;
}


.heroes{padding-bottom:20px;}


.heroes1{
background:
linear-gradient(
to left,
#bf7aff,
#6dabff
);
}
.heroes1_a {
  background:
    url('/site/USDT.png') right 220px bottom -20px no-repeat,
    url('/site/BTC.png') right -10px center no-repeat,
    url('/site/TON.png') left 90px top -20px no-repeat,
    #f0f0f0;
  background-size:
    93px auto,
    73px auto,
    112px auto,
    auto;
}
.heroes1_b {
  background:
  	url('/site/v/agent_estate.png') right -87px bottom -1px no-repeat,
    url('/site/v/closes_sethubble.png') center top 0px no-repeat,
    url('/site/v/sethubble_oils.png') left -10px bottom -40px no-repeat,
        #e6dca8;
  background-size:
     232px auto,
    423px auto,
	273px auto,
    auto;
}


.wii99{width:; max-width:99% !important;}

@media (max-width: 590.98px) {


.block2 {
padding-left: 0px !important;
border-left: 0px solid #fff !important;
border-radius: 0px !important;
}

.sethubble_arr2{
position:absolute !important; z-index:0; margin-top:380px;left:-350px;
transform: rotate(89deg); opacity:1; width:780px; height:auto;
}
.mbtopbot{
 margin-bottom:0px !important; padding-left:0px;margin-top:-31px !important;
 }
 
.heroes55{
padding-top:0px;
}
.heroes55a{
padding-top:0px;
}
}

@media (max-width: 540.98px) {
.mbtopbot_2{
 margin-bottom:0px !important; padding-left:0px;margin-top:-3px !important;
 }
.mbtopbot_3{
 margin-bottom:0px !important; padding-left:0px;margin-top:-52px !important;
 }
}



.opa0 {
  opacity: 0;
}
.wow2 {
  opacity: 0 !important;
}

.wow2.animate__animated {
  opacity: 1;
  animation-fill-mode: forwards;
}
.flasher {
  position: relative;
  overflow: hidden;
}

.flasher::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  background: linear-gradient(
    20deg,
    transparent 40%,
    rgba(255,255,255,1) 50%,
    transparent 60%
  );
  transform: translateX(-120%) rotate(25deg);
  animation: flasherMove 6.5s ease-in-out infinite;
  pointer-events: none;
  will-change: transform;
}

@keyframes flasherMove {
  0% {
    transform: translateX(-120%) rotate(25deg);
  }
  20% {
    transform: translateX(-120%) rotate(25deg);
  }
  40% {
    transform: translateX(120%) rotate(25deg);
  }
  100% {
    transform: translateX(120%) rotate(25deg);
  }
}

.firefly {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  pointer-events: none;
  will-change: transform;
}

.yellow { background: yellow; }
.blue   { background: #00b4ff; }

.f1 { animation: fly1 20s ease-in-out infinite alternate; }
.f2 { animation: fly2 31s ease-in-out infinite alternate; }
.f3 { animation: fly3 24s ease-in-out infinite alternate; }
.f4 { animation: fly4 17s ease-in-out infinite alternate; }

@keyframes fly1 {
  0%   { transform: translate(5vw, 10vh) scale(2.1); }
  30%  { transform: translate(25vw, 35vh) scale(1.4); }
  60%  { transform: translate(40vw, 20vh) scale(0.8); }
  100% { transform: translate(15vw, 55vh) scale(1.1); }
}

@keyframes fly2 {
  0%   { transform: translate(80vw, 5vh) scale(0.5); }
  30%  { transform: translate(60vw, 30vh) scale(1.3); }
  60%  { transform: translate(90vw, 50vh) scale(0.7); }
  100% { transform: translate(55vw, 75vh) scale(1.8); }
}

@keyframes fly3 {
  0%   { transform: translate(10vw, 70vh) scale(0.6); }
  30%  { transform: translate(35vw, 55vh) scale(1.1); }
  60%  { transform: translate(80vw, 30vh) scale(0.75); }
  100% { transform: translate(91vw, 91vh) scale(1.5); }
}

@keyframes fly4 {
  0%   { transform: translate(70vw, 65vh) scale(0.5); }
  30%  { transform: translate(70vw, 90vh) scale(1.3); }
  60%  { transform: translate(80vw, 30vh) scale(0.7); }
  100% { transform: translate(75vw, 89vh) scale(1.8); }
}



.frfl2{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity:0.4;
  background: rgba(0,0,0,0.5);
}


.lh-28{line-height:28px;}
.lh-22{line-height:22px;}
.frfl23_5{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity:1;
  background: linear-gradient(
  to bottom,
  rgba(215, 210, 110, 1) 0%,

  rgba(185, 210, 185, 0.85) 100%
);

}


.tsh {
  text-shadow:
    0 0 2px rgba(255,255,255,0.4),
    0 0 3px rgba(255,255,255,0.8),
    0 0 4px rgba(255,255,255,0.3);
}
.tsh2 {
  text-shadow:
    0 0 2px rgba(255,255,255,0.1),
    0 0 3px rgba(255,255,255,0.2),
    0 0 4px rgba(255,255,255,0.5);
}

.mainbbs{position:relative; line-height:45px; z-index:3;font-size:45px;}
.mainbbs2{position:relative; line-height:38px; z-index:3;font-size:28px;}
.mainbbs3{position:relative; line-height:28px; z-index:3;font-size:23px;}
.mainwow{font-size:35pt;}

.lux-divider { height: 1px; width:100%; background: linear-gradient(90deg, transparent, rgba(0,0,0,0.75), transparent) !important;  }
.padsmall{padding:0px 12px;}

ul.tsh {
  list-style-position: inside;
  padding-left: 0;
}


.heroes77 {
position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  min-height: 100vh;
  overflow: hidden;
}
.heroes88 {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 80px;
margin-right: 0px;
margin-left: 0px;
border-radius: 0px;
}
.fsf1{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
background: #bddbff url('/site/dubai.jpg') center no-repeat; background-size:cover;
}
.fsf2{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity:1;
  background: linear-gradient(
  to left,
  rgba(4, 54, 69, .4) 0%,
  rgba(4, 54, 69, .9) 40%,
    rgba(4, 54, 69, 1) 80%,
  rgba(0, 0, 0, 1) 100%
);
}

.fsf3{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
background: #2a4061 url('/site/w/partners_sethubble_5.jpg') center no-repeat; background-size:cover;
}
.fsf4{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: linear-gradient(
    110deg,
    rgba(5, 16, 21, 0.98) 0%, 
    rgba(6, 26, 33, 0.94) 30%,  
    rgba(8, 42, 54, 0.75) 65%,   
    rgba(4, 21, 28, 0.50) 100% 
  );
}
.fsf5{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
background: #bddbff url('/site/w/offline_sethubble.jpg') center no-repeat; background-size:cover;
}



.heroes88 .fsf1,.heroes88 .fsf2,.heroes88 .fsf3,
.heroes88 .fsf4,.heroes88 .fsf5,.heroes88 .fsf6
{border-radius:0px;}

.heroes88 .fsf2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: linear-gradient(
    110deg,
    rgba(5, 16, 21, 0.98) 0%,     /* Ультрадорогая, почти черная матовая основа под текстом */
    rgba(6, 26, 33, 0.94) 30%,     /* Мягкий переход, удерживающий фокус на заголовке */
    rgba(8, 42, 54, 0.75) 65%,     /* Элегантное раскрытие фирменного тона в центре */
    rgba(4, 21, 28, 0.50) 100%     /* Справа фон аккуратно приоткрывает графику и монеты */
  );
}


.heroes88 .fsf4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: linear-gradient(
    110deg,
    rgba(26, 19, 16, 0.98) 0%,
    rgba(38, 28, 24, 0.94) 30%,
    rgba(54, 41, 35, 0.75) 65%,
    rgba(28, 22, 19, 0.50) 100%
  );
}

.heroes88 .fsf6{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 1;
  background: linear-gradient(
    to left,
    rgba(248, 242, 230, 0.3) 0%,
    rgba(225, 205, 175, 0.55) 25%,
    rgba(155, 130, 100, 0.8) 60%,
    rgba(75, 58, 42, 0.98) 100%
  );
}


.heroes88 .hero-overflow {
    margin-right: -60px;
  }
.heroes88 .hero-overflow_2 {
    margin-left: -60px;
  }
.heroes88 .hero-overflow_3 {
    margin-right: -90px;
  }
@media (max-width: 1552px) {
.heroes88 {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 80px;
margin-right: 0px;
margin-left: 0px;
border-radius: 14px;
}
.heroes88 .hero-overflow {
    margin-right: -40px;
  }
.heroes88 .hero-overflow_2 {
    margin-left: -40px;
  }
}

@media (max-width: 992px) {
.mainwow{font-size:25pt;}
.heroes88 {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 72px;
margin-right: 0px;
margin-left: 0px;
border-radius: 14px;
}
.heroes88 .hero-overflow {
    margin-right:auto;
  }
.heroes88 .hero-overflow_2 {
    margin-left:auto;
  }
  
.heroes88 .hero-overflow_3 {
    margin-right:auto;
  }
  
}

@media (min-width: 992px) {
  .offset-lg-half {
    margin-left: 6%;
  }
}





.colb{color:#000 !important;}
.sbold{font-weight:500 !important;}
.frfl23_s2{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity:1;
background: url('/site/aff_sethubble.jpg?8') center no-repeat; background-size:cover;
}

.gbg_123{background:#f2f2ea;}
.gbg_f{background:#fff;}

.firefly2 {
  position: absolute;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  pointer-events: none;
  will-change: transform;
}

.btc_1 { background: url('/site/BTC.png') center no-repeat; background-size:cover; }
.usdt_1 { background: url('/site/USDT.png') center no-repeat; background-size:cover; }
.ton_1 { background: url('/site/TON.png') center no-repeat; background-size:cover; }






.top_earth_0 {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
	opacity:0.01;
    overflow: hidden;
    background: url(/site/v/567.png?f=5) top right no-repeat;
    background-size: 67% auto;
}

.top_earth {
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: url(/site/v/567.png?f=5) top right no-repeat;
    background-size: 67% auto;
}
.top_earth_bef {
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background: url(/site/v/red_web.png?f=7) top right no-repeat;
    background-size: 67% auto;
}

.sethubble_889 {
width: 100%;
height: auto;
padding-top: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
@media (min-width: 993px){
.sethubble_88 {
  width: 580px;
  padding-top: 580px;
  position: absolute;
  top: 36%;
  left: 15%;
  transform: translate(-50%, -50%);
  opacity:1;
  z-index: 0;
}

.sethubble_888 {
  width: 580px;
  padding-top: 580px;
  position: absolute;
  top: 36%;
  left: 15%;
  transform: translate(-50%, -50%);
  opacity:1;
  z-index: 0;
}
}
@media (max-width: 992px){
.sethubble_88, .sethubble_888 {
  width: 450px !important;
  height: 450px !important;
  position: absolute;
  top: 30% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.8;
  z-index: 0;
}
}
@media (max-width: 355.98px){
.sethubble_88, .sethubble_888 {
  width: 340px !important;
  height: 340px !important;
  top: 20% !important;
  left: 50% !important;
}
}
.sethubble_88 .sring, .sethubble_888  .sring{
  position: absolute;
  inset: 0;
  margin: auto;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: scale(1);
  will-change: transform;
  animation: sthb_scale 3s ease-in-out infinite;
}

.sethubble_88 .suu3,.sethubble_888 .suu3 {
  width: 85%;
  height: 85%;
  animation-delay: 0.15s;
}

.sethubble_88 .suu4,.sethubble_888 .suu4 {
  width: 69%;
  height: 69%;
  animation-delay: 0.3s;
}

.sethubble_88 .suu5,.sethubble_888 .suu5 {
  width: 52%;
  height: 52%;
  animation-delay: 0.45s;
}

@keyframes sthb_scale {
  0%,100% { transform: scale(1); }
  50%     { transform: scale(0.9); }
}






.sethubble_88_offline {
  width: 90%;
  padding-top: 90%;
  position: absolute;
  top: -14%;
  left: 2%;
  z-index: 0;
}

.sethubble_88_offline .sring {
  position: absolute;
  inset: 0;
  margin: auto;
  border: 2px solid rgba(255,254,209,0.6);
  border-radius: 50%;
  transform: scale(1);
  will-change: transform;
  animation: sthb_scale 3s ease-in-out infinite;
}

.sethubble_88_offline .suu3 {
  width: 85%;
  height: 85%;
  opacity: 0.8;
  animation-delay: 0.15s;
}

.sethubble_88_offline .suu4 {
  width: 69%;
  height: 69%;
  opacity: 0.8;
  animation-delay: 0.3s;
}

.sethubble_88_offline .suu5 {
  width: 52%;
  height: 52%;
  opacity: 0.6;
  animation-delay: 0.45s;
}








.xlig_noned {
  background:
    radial-gradient(
      circle at 50% 51%,
      rgba(255,246,0,0.95) 0%,
      rgba(255,246,0,0.35) 38%,
      rgba(255,246,0,0.15) 45%,
      rgba(255,246,0,0.05) 47%,
      rgba(255,246,0,0) 68%
    );
  display: inline-block;
  transform-origin: center;
  animation: bulbGlow 3s ease-in-out infinite;
  will-change: transform;
}

.xlig {
  background:
    radial-gradient(
      circle at 50% 51%,
      rgba(255,246,0,0.95) 0%,
      rgba(255,246,0,0.35) 38%,
      rgba(255,246,0,0.15) 45%,
      rgba(255,246,0,0.05) 47%,
      rgba(255,246,0,0) 68%
    );
  display: inline-block;
  transform-origin: center;
  animation: bulbGlow 3s ease-in-out infinite;
  will-change: transform;
}


@keyframes bulbGlow {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.87);
  }

}


.btf_1_a{background:#0096ff;}
.btf_1_a:hover{background:#007dd5;}

.btf_2_a{background:#ff002a;}
.btf_2_a:hover{background:#d60023;}


.dropdown .btf_1_a + .dropdown-menu {
margin-top: -1px !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
}

.dropdown .btf_1_a {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}



.hyphen-word {
  hyphens: none;
  overflow-wrap: normal;
}

@media (max-width: 575.98px) {
.mainwow{font-size:20pt;}
.voics{padding-left:0px !important;}
.mainbbs{font-size:35px;line-height:40px !Important;}
.mainbbs2{position:relative; line-height:34px; z-index:3;font-size:25px;}
.mainbbs3{position:relative; line-height:28px; z-index:3;font-size:21px;}

.hyphen-word {
  hyphens: auto  !important;
  overflow-wrap: break-word  !important;
}
}

:root {
  --lamp-duration: 3s;
  --lamp-ease: cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
.lamp-swing {
  animation-duration: var(--lamp-duration);
  animation-fill-mode: both;
  animation-timing-function: var(--lamp-ease);
  transform-origin: bottom center;
  animation-name: swing5;
}
@keyframes swing5 {
  20% { transform: rotate3d(0,0,1,15deg); }
  40% { transform: rotate3d(0,0,1,-10deg); }
  60% { transform: rotate3d(0,0,1,5deg); }
  80% { transform: rotate3d(0,0,1,-5deg); }
  100% { transform: rotate3d(0,0,1,0deg); }
}
.btn-close{background-color:rgba(255,255,255,0.8) !important;
border:1px solid #ccc; border-radius:4px;
}



.rocket-stage {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.rocket {
  position: absolute;
  z-index: 500;
  bottom: -110vh;
  right: 7%;
  width: 138px;
  height: auto;
}

@keyframes rocketLaunch {
  0% {
    bottom: -110vh;
  }
  100% {
    bottom: 110vh;
  }
}

.free_biz_div{
position:absolute;top:0;
left:0;
width:100%;
height:100%;
z-index:0;
background:linear-gradient(to bottom, rgba(240,240,240,0) 0%, rgba(240,240,240,0.2) 5%, rgba(240,240,240,1) 25%) ,
url(/site/v/dubai_8.jpg) left bottom / cover no-repeat;
}


@-webkit-keyframes jack_sethubble {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jack_sethubble {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jack_sethubble {
  -webkit-animation-name: jack_sethubble;
  animation-name: jack_sethubble;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.grad15{
position:absolute;top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background:linear-gradient(to bottom, rgba(240,240,240,0) 0%,
 rgba(240,240,240,0.1) 82%, rgba(240,240,240,1) 100%);
}


.top_internet {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
opacity: 0.5;
  z-index: 0;
  overflow: hidden;

  background: url("/site/v/chart_w.png") bottom right no-repeat;
  background-size: 95% auto;
}
.top_internet::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/site/v/bee_3.png") bottom right no-repeat;
  background-size: 400px auto;
  transform: translateX(80px);
  opacity: 0.2;
}


.top_agents {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
opacity: 0.3;
  z-index: 0;
  overflow: hidden;

  background: url("/site/v/agents_ok_2.png") bottom right no-repeat;
  background-size: 50% auto;
}
.top_agents::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/site/v/bee_3.png") bottom right no-repeat;
  background-size: 400px auto;
  transform: translateX(80px);
  opacity: 0.2;
}



.bgsts{background:#fafafa;}

.center_v1 {
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(0,0,0,0) 0%,
rgba(0,0,0,0) 68%,
rgba(47,181,183,0.3) 100%
);
}
.center_v1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/site/v/bee_3.png") no-repeat;
  background-position: left -50px bottom -200px;
  background-size: 400px auto;
  opacity: 0.3;
}
.gbg_1{background: linear-gradient(to bottom, rgba(227,234,217,0.9) 0%, #ffffff 100%);}

.bgk_2{background:#f7f4e4;}

.bg_wind{background:#219544;}



.step-item{
  display:flex;
  align-items:center;
  gap:10px;
}

.step-badge{
  width:36px;
  height:36px;
  border-radius:50%;
  background:linear-gradient(135deg,#ff7a18,#ffb347);
  color:#fff;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 15px rgba(0,0,0,.25);
  flex-shrink:0;
}
.step-badge2{
  width:36px;
  height:36px;
  border-radius:50%;
  background:linear-gradient(135deg,#7caaff,#186aff);
  color:#fff;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  flex-shrink:0;
}
.step-badge3{
  width:38px;
  height:52px;
  border-radius:5%;
  background:linear-gradient(135deg,#2f9379,#118365);
  color:#fff;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  flex-shrink:0;
}




.animates {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.bounce-in-down {
  -webkit-animation-name: bounceInDowns;
  animation-name: bounceInDowns;
  transform-origin: center bottom;
}

@-webkit-keyframes bounceInDowns {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDowns {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.business-list {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: item;
}

.business-list li {
  counter-increment: item;
  position: relative;
  padding: 14px 20px 14px 70px;
  margin-bottom: 4px;
  background: #ffffff;
  border-radius: 14px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #000;
  box-shadow: -3px 3px 10px rgba(0,0,0,0.08);
}

.business-list li::before {
  content: counter(item);
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #6366f1);
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 15px rgba(99,102,241,0.3);
}

.business-list_123 li:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.highlight-underline {
  display: inline-block;
  border-bottom: 4px solid #ff7e00;
  margin-top: 6px;
  border-radius:4px;
}
.highlight-underline2 {
  text-decoration: underline;
  text-decoration-color: #ff7e00;
  text-decoration-thickness: 3px;
  text-underline-offset: 8px;
}
.highlight-underline3 {
  text-decoration: underline;
  text-decoration-color: #ff7e00;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.rad14{border-radius:14px;}

.hero-slider {
position: relative;
}

.hero-slider-inner {
display: flex;
width: 300%;
transition: transform .7s cubic-bezier(.77,0,.18,1);
}

.hero-slide {
width: 50%;
flex-shrink: 0;
padding-right: 0px;
}

.hero-slider.active-slide .hero-slider-inner {
transform: translateX(-50%);
}

.brd_xtbl{padding:6px 8px !important;text-align:center !important;max-width:123px; border:2px solid #333;letter-spacing: 0.05em;}


.custom-accordion .accordion-item{
border:none;
border-radius:8px;
margin-bottom:8px;
overflow:hidden;
box-shadow:0 8px 30px rgba(0,0,0,0.06);
background:#fff;
}

.custom-accordion .accordion-button{
background:#ffffff;
font-weight:500;
padding:18px 39px 18px 18px !important;
border:none;
box-shadow:none;
transition: all 0.1s ease;
}

.custom-accordion .accordion-button::after{
transition: transform 0.1s ease;
}

.custom-accordion .accordion-button:not(.collapsed){
background:#2dbe60;
color:#fff;
}

.custom-accordion .accordion-button:not(.collapsed)::after{
transform: rotate(180deg);
filter: brightness(0) invert(1);
}

.custom-accordion .accordion-collapse{
max-height:0;
overflow:hidden;
transition: max-height 0.1s ease;
}

.custom-accordion .accordion-collapse.active{
max-height:2000px;
}

.custom-accordion .accordion-body{
padding:8px 12px;
background:#f8f9fa;
font-size:16px;
}

.hidden-block{
max-height:0;
overflow:hidden;
transition:max-height 0.1s ease;
}

.hidden-block.active{
max-height:5000px;
}

.bg-map {
    background:
        url('/site/w/flat_earth_sethubble_2.png?s=10') no-repeat right -200px top -200px,
        linear-gradient(to right, #fff 0%,#fff 2%, rgba(0, 102, 51, 0.15) 80%);
    background-size: 550px auto, cover;
}
.bg-map2 {
    background:
        url('/site/w/flat_earth_sethubble_2.png?s=10') no-repeat right -200px top -310px,
        linear-gradient(to right, #fff 0%,#fff 2%, rgba(255, 190, 210, 0.45) 80%);
    background-size: 550px auto, cover;
}
.bg-map3 {
    background:
        url('/site/w/flat_earth_sethubble_2.png?s=10') no-repeat right -200px top -310px,
        linear-gradient(to right, #fff 0%,#fff 2%, rgba(50, 82, 151, 0.1) 80%);
    background-size: 550px auto, cover;
}



.calculator-card {

}
.nrd {
  background: #eeece6;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-top: none;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}



.calculator-card .form-select{
  border-radius: 6px;
}
.result-number {
  font-size: 2.4rem;
  font-weight: 800;
}

.accordion-button {
  font-weight: 600;
}

.ca1 {
background: linear-gradient(135deg, #e6674f, #f39c63, #e6674f);
border:1px solid #dd5f3d;border-radius:6px;
}
.ca2 {
background: linear-gradient(125deg, #e55d50, #f39c63);
border:1px solid #dd5f3d;border-radius:6px;
}
.ca3 {
background: linear-gradient(165deg, #f39c63, #e55d50);
border:1px solid #dd5f3d;border-radius:6px;
}
.result-box {
  background:
    linear-gradient(180deg, #0b1020, #060a16),
    radial-gradient(circle at 15% 10%, rgba(99,102,241,.35), transparent 45%),
    radial-gradient(circle at 85% 90%, rgba(251,146,60,.25), transparent 50%);
  background-blend-mode: screen;
  color: #e5e7eb;
  border-radius: 14px;
  padding: 24px;
  box-shadow:
    0 10px 20px rgba(0,0,0,.25);
}

.result-number {
  font-size: 2.8rem;
  font-weight: 900;
  background: linear-gradient(90deg, #fbbf24, #f97316);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.xTabs-nav {
  display: flex;
  gap: 0px;
  align-items: stretch;
}

.xTabs-btn {
  position: relative;
  z-index: 1;
  padding: 14px 12px;
  background: #f4f5f7;
  border: 1px solid #333;
  border-radius: 6px 6px 0 0;
  font-size: 15px;
  font-weight: 500;
  color: #555;
  text-align: center;
  cursor: pointer;
  min-width: 90px;
  line-height: 1.55;
  overflow: hidden;
  transition: all .2s ease;
}

.xTabs-btn:hover {
  background: #eceef2;
}

.xTabs-btn.is-active {
  background: #eeece6;
  color: #000;
  border-bottom: 1px solid #eeece6;
  z-index: 5;
}

.xTabs-body {
  position: relative;
  padding: 0;
  margin-top: -1px;
  border-radius: 0 0 14px 14px;
  border-top: 1px solid #333;
}

.xTabs-panel {
  display: none;
}

.xTabs-panel.is-active {
  display: block;
}
select, .cent{ text-align: center;
  text-align-last: center;}
.linsm{line-height:17px;}
  
.img-wrap2 img {
  display: block;
  width: 100%;
  mask-image:
    linear-gradient(to right,   transparent 0%, black 20%, black 80%, transparent 100%),
    linear-gradient(to bottom,  transparent 0%, black 20%, black 80%, transparent 100%);
  -webkit-mask-composite: source-in;
     mask-composite: intersect;
}

.olsb.owl-theme .owl-dots .owl-dot span {
    background: rgba(0,0,0,0.4)
}

.olsb.owl-theme .owl-dots .owl-dot.active span {
    background: rgba(0,0,0,0.7)
}
.olsb .item img,
.oowwll .item img {
  width: 100%;
  height: auto;
  display: block;
}

li::marker {
    font-weight: 500;
}

.mt_-8{margin-top:-8px;}



.hero-templates {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 0;
    overflow: visible;
    display: flex;
    justify-content: center;
}
.float-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    animation: floatStack 8s ease-in-out infinite;
}
.stack-slider {
    position: relative;
    width: 100%;
    max-width: 920px;
    display: flex;
    justify-content: center;
    animation: floatStack 8s ease-in-out infinite;
}
.stack-img {
    position: absolute;
    width: 60%;
    max-width: 750px;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.25);
    transition: transform 0.8s cubic-bezier(.4,0,.2,1), opacity 0.6s ease;
    z-index: 1;
}
.stack-img.front {
    position: relative;
    transform: rotate(6deg) scale(1);
    z-index: 3;
    opacity: 1;
}
.stack-img.middle {
    transform: rotate(-8deg) translateX(-50px) translateY(25px) scale(0.95);
    z-index: 2;
    opacity: 0.88;
}
.stack-img.back {
    transform: rotate(-14deg) translateX(-90px) translateY(40px) scale(0.9);
    z-index: 1;
    opacity: 0.85;
}
.stack-slider:hover .front {
    transform: rotate(12deg) scale(1.05);
}
.stack-slider:hover .middle {
    transform: rotate(-12deg) translateX(-60px) translateY(30px) scale(0.94);
}
.stack-slider:hover .back {
    transform: rotate(-18deg) translateX(-150px) translateY(45px) scale(0.9);
}

.hero-templates::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 30%;
	min-width: 280px;
    height: 20px;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.2);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}


@keyframes floatStack {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-18px); }
    100% { transform: translateY(0px); }
}
@media (max-width: 768px) {
    .stack-img {
        width: 85vw; height: auto;
    }
    .stack-img.middle {
        transform: rotate(-5deg) translateX(-15px) translateY(10px) scale(0.96);
    }
    .stack-img.back {
        transform: rotate(-10deg) translateX(-30px) translateY(20px) scale(0.92);
    }
    .stack-slider:hover .front {
        transform: rotate(8deg) scale(1.03);
    }
    .stack-slider:hover .middle {
        transform: rotate(-8deg) translateX(-20px) translateY(15px) scale(0.95);
    }
	.hero-templates{min-height:280px;}
    .stack-slider::after {
        bottom: -30px;
        width: 50%;
        height: 15px;
    }

}

.img-wrap33 {
  height: 100%;
  width: 100%;

  mask-image:
    linear-gradient(to right,   transparent 0%, black 20%, black 80%, transparent 100%),
    linear-gradient(to bottom,  transparent 0%, black 20%, black 80%, transparent 100%);

  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

.img-wrap3 {
    height: 100%;
}

.img-wrap3 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.sell_wow{
border:none;

background:linear-gradient(135deg, #7b2ff7, #f107a3);
/* background:linear-gradient(to right,
#ff497c,
#ff73f0
); */
  color: #fff;
  padding: 6px 15px;
  border-radius: 12px;
 cursor:pointer;
box-shadow: 0 4px 15px rgba(123, 47, 247, 0.3);
transition: all 0.4s ease;
}
.sell_wow:hover{
background:linear-gradient(to right,
#f0278f,
#f06427
);
 transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(241, 7, 163, 0.4);
}

.cool-div {
  background: linear-gradient(135deg, #7b2ff7, #f107a3);
  color: #fff;
  padding: 6px 15px;
  border-radius: 12px;
  transition: all 0.4s ease;
  box-shadow: 0 4px 15px rgba(123, 47, 247, 0.3);
}

.cool-div:hover {
  background: linear-gradient(135deg, #f107a3, #7b2ff7);
  box-shadow: 0 6px 20px rgba(241, 7, 163, 0.4);
  transform: translateY(-2px);
  cursor:pointer;
}


.hero-video-wrap {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #000;
}
.hero-video-wrap video,
.hero-video-wrap iframe {
    width: 100%;
    display: block;
    border: none;
    border-radius: 12px;
}
.hero-video-wrap.ratio-16x9 {
    aspect-ratio: 16 / 9;
}
.hero-video-wrap.ratio-16x9 iframe {
    position: absolute;
    inset: 0;
    height: 100%;
}



.vid_zero_partners {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.8), 0 10px 40px rgba(0,0,0,0.3);
  cursor: pointer;
  width: 100%;
  aspect-ratio: 640 / 409; 
  background-image: url('/site/succ/vid_partners.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 200%;
  
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform-origin: center center;
  transition: transform 0.4s ease, background-position 0s ease, box-shadow 0.4s ease;
}

.vid_zero_partners:hover {
  background-position: bottom center;
  transform: perspective(1000px) rotateX(-0deg) rotateY(-8deg) rotateZ(-2deg);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.8), 0 15px 50px rgba(0,0,0,0.4);
}



.vid_zero_main {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.8), 0 10px 40px rgba(0,0,0,0.3);
  cursor: pointer;
  width: 100%;
  aspect-ratio: 640 / 408; 
  background-image: url('/site/succ/main_vid.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 200%;
  
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  transform-origin: center center;
  transition: transform 0.4s ease, background-position 0s ease, box-shadow 0.4s ease;
}

.vid_zero_main:hover {
  background-position: bottom center;
  transform: perspective(1000px) rotateX(-0deg) rotateY(-8deg) rotateZ(-2deg);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.8), 0 15px 50px rgba(0,0,0,0.4);
}