/*!
 * Copyright DARK THEME (c) 2024 4eSport DEV. 
 */

:root {
    /* START PARSE */

    /* Section: Gray; Index: 0; */
    --color-empty:                                  unset; /* name: Empty; type: hidden */

    --gray-base:                                    #5E636E; /* name: Main; */
    --gray-lighter:                                 #555e72; /* name: Lighter; */
    --gray-lighter-2:                               #C8D4E7; /* name: Lighter 2; */
    --gray-lighter-3:                               #555E72; /* name: Lighter 3; */
    --gray-lighter-4:                               #93A0B8; /* name: Lighter 4; */
    --gray-faded:                                   #F7F7F8; /* name: Lighter 5; */
    --gray-darker:                                  #93a0b8; /* name: Darker; */
    --gray-gradient-start:                          #14171F; /* name: Gradient Start; type: gradientColor; gradientColor: start; */
    --gray-gradient-end:                            #000000; /* name: Gradient End; type: gradientColor; gradientColor: end; */
    --gray-gradient-h:                              linear-gradient( 270deg, var(--gray-gradient-start) 0%, var(--gray-gradient-end) 100%); /* name: Gradient Horizontal; type:hidden; gradient:true; gradientType: horizontal; */
    --gray-gradient-v:                              linear-gradient( 0deg, var(--gray-gradient-end) 0%, var(--gray-gradient-start) 100%); /* name: Gradient Vertical; type:hidden; gradient:true; gradientType: vertical; */
 

    /* Section: Background */
    --gray-block-bg-h:                              #000000; /* name: Boxes; type: hiddenlist; */
    --cms-block-bg:                                 #14171F; /* name: Block Background; type: hiddenlist; */
    --main-footer-bg:                               #14171F; /* name: Footer Background; type: hiddenlist; */
    --body-bg:                                      #0E1015; /* name: Body; type: hiddenlist; */
    --mob-app-nav-header-bg:                        #0E1015; /* name: Mobile Head BG; type: hiddenlist; */ 
    /* Section: Custom Box */
    --white-gradient:                               linear-gradient( 180deg, #222630 0%, #565E7600 100%); /* name: White Horizontal; type:hidden; gradient:true; gradientType: horizontal; */
    --main-body-sidebar-content-bg:                 #14171F; /* name: Login Box Background; type: hiddenlist; */
        
    /* Section: Custom Text Colors */  
    --site-section-title-color:                     #FFFFFF; /* name: H2 Text Color; type: hiddenlist; */
    
    /* Section: Custom Elements */  
    --app-nav-top-bg:                               rgba(14,16,21,0.8); /* name: TopNav Background; type: hiddenlist;*/ 
    --app-nav-top-condensed-header-border-bottom:   rgba(255,255,255,0.5); /* name: TopNav Border Buttom; type: hiddenlist;*/ 
    --dropdown-bg:                                  #1b1e26; /* name: Main Navi Dropdown Background; type: hiddenlist;*/
    
    /* Section: Custom UI-Elements */  
    --ui-block-bg:                                  #14171f; /* name: UI-Background; type: hiddenlist; */
    /* END PARSE */
}

/* Custom DARK | v1.0 */
/*DEFAULT*/
.ico-sm{width: 36px !important; height: 36px !important}
.btn-info-faded{
    color: var(--btn-info-hover-border);
    background-color: var(--brand-info-lighter-3);
    border-color: var(--brand-info-lighter-3);
}
.btn-info-faded:hover{
    color: var(--btn-info-hover-border);
    background-color: var(--brand-info-lighter-2);
    border-color: var(--brand-info-lighter-2);
}
.price {
  text-align: left;
}
.premium{
   border: 1px solid var(--brand-info);
   overflow: hidden;
}
.premium::before {
  content: "PREMIUM";
  text-align: center;
  font-size: 0.8rem;
  position: absolute;
  top: 18px;
  right: -30px;
  transform: rotate(45deg);
  background: var(--brand-info);
  padding: 0 30px;
  color: var(--badge-active-bg);
  text-shadow: 2px 2px 2px #000;
}
.font-size-lg{font-size: 0.9rem;}
.app-nav li .item-text, .top-nav li .item-text {
    text-transform: uppercase;
    font-weight: 700;
}
.lagom-animation [data-animation-css] img, .section-graphic img {
    opacity: 0.6 !important;
}
.product-billing-switcher .btn-group>.btn{
    color:var(--btn-primary-color)
}
.slider-cover-after::before {
    background: linear-gradient( 270deg, #0E1015 0%, #565E7600 100%) !important
}
.slider-cover-before::after {
    background: linear-gradient( 90deg, #0E1015 0%, #565E7600 100%) !important
}
.login-wrapper {
    border: var(--login-border);
    border-radius: var(--login-border-radius);
    background: #000000;
    box-shadow: var(--login-box-shadow);
}
.site-banner:not(.section-overlay):not(.section-combined).banner-default + .banner-default::after, .site-banner:not(.section-overlay):not(.section-combined).banner-default + .section-default::after, .site-banner:not(.section-overlay):not(.section-combined).section-default + .banner-default::after, .site-banner:not(.section-overlay):not(.section-combined).section-default + .section-default::after, .site-section:not(.section-overlay):not(.section-combined).banner-default + .banner-default::after, .site-section:not(.section-overlay):not(.section-combined).banner-default + .section-default::after, .site-section:not(.section-overlay):not(.section-combined).section-default + .banner-default::after, .site-section:not(.section-overlay):not(.section-combined).section-default + .section-default::after{background: linear-gradient( 270deg, #14171F00 0%, #565E76 50%, #14171F00 100%) !important}
.main-footer .footer-bottom {
    width: 100%;
    padding: var(--spacing-2x) 0;
    border-top: 1px solid #14171F !important;
}
.site .faq-item.collapsed.faq-item-boxed:not(.faq-item-expanded)::after {
    border: 1px solid #565E76 !important;
}
/*.is-bordered {
    border: 1px solid var(--brand-primary-darker) !important;
}*/
.site-section.section-compare-packages-bordered .section-collapse .section-collapse-item:not(.collapsed) .collapse-item-top,.site-section.section-compare-packages-bordered .plan-header-sticky .collapse-item-top, .site-section.section-compare-packages-bordered .plan-header-sticky .slider-nav::before {
  background: var(--gray-gradient-h) !important;
}
.section-faq .faq-item-boxed .faq-item-bottom p{
    color:#fff;
}
.site-section .section-tlds .tld-suffix {
  background: #000000  !important;
}
.modal-backdrop {
  background: rgba(0,0,0,.6);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.lagom-layout-top .app-nav-menu .menu > li.dropdown-extended .dropdown-menu > li > a:hover {
    background: var(--gray-gradient-h) !important;
    color: var(--brand-primary);
    padding-left: var(--spacing-4x);
  }
.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-sidebar-content {
    background: var(--gray-gradient-start);
}
.shadow2{box-shadow:rgba(16, 24, 40, 0.18) 0px 24px 48px -12px}
/*NAVIGATION*/
#Primary_Navbar-Software .dropdown-menu-item > a:hover {
    background: var(--gray-gradient-h);
    border-radius: 8px;
    box-shadow: 4px 4px 0px -2px var(--gray-lighter-3);
}
.lagom-layout-top .app-nav-menu .menu > li > a:not(.btn){
    color:#fff;
}
.lagom-layout-top .app-nav-menu .menu > li:hover > a:not(.btn){
    color: var(--brand-primary);
}
.lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .dropdown-menu-list .dropdown-menu-item > a:hover .menu-item-content .menu-item-desc {
    color: var(--text-heading-color)
}
.lagom-layout-top .app-nav {
    background: rgba(0,0,0,.8);
    backdrop-filter: blur(15px);
}
.lagom-layout-top .app-nav-menu {
    background: rgba(14, 16, 21, 0.31);
}
/* NAV *-- services -- */
.dropdown-menu .dropdown-menu-item > a .svg-icon{
    height: 64px !important;
    min-width: 64px !important;
    margin-right: 10px !important;
}
/*SIDE LEFT*/
.lagom-layout-left-wide .app-nav-default, .lagom-layout-left .app-nav-default {
    background: var(--gray-gradient-h);
 }
.main-top {
    background: var(--gray-gradient-start);
    border-bottom: 1px solid var(--gray-lighter);
}
/* TABLES*/
.table > tbody > tr[data-url]:hover > td, table > tbody > tr[data-url]:hover > td {
    background: var(--table-bg-accent) !important;
}
.table > tbody > tr > td, .table > tfoot > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border-top: 1px solid var(--table-bg-accent);
}
.panel-summary-primary .price {
    text-shadow: 2px 2px 0px rgba(0,0,0,.5);
}
/*.package.package-compare::after, .package.package-compare::after, .site-section.section-compare-packages .section-header-sticky .plan-header-sticky .container > .swiper-inner-wrapper::before {
  background: var(--gray-lighter-3) !important;
}*/
.swiper-slide .package-sm:nth-of-type(1){
    background: var(--gray-gradient-v);
}
/*
.swiper-slide:nth-child(1) .package-sm {
    background: var(--brand-danger-gradient-v);
}

.swiper-slide:nth-child(2) .package-sm {
    background: var(--brand-warning-gradient-v);
}

.swiper-slide:nth-child(3) .package-sm {
    background: var(--gray-gradient-v);
}*/

@media (min-width: 992px) {
  .lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active:not(.open) > a:not(.btn), .lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.open) > a:not(.btn), .lagom-layout-left .app-nav-default .app-nav-menu .menu > li.active:not(.open) > a:not(.btn), .lagom-layout-left .app-nav-default .app-nav-menu .menu > li.open:not(.open) > a:not(.btn) {
    background: var(--btn-default-hover-bg);
  }
}
video {
    width: 100%;
    border-radius: 10px;
}
.eff1::before{
  content: "" !important;
  aspect-ratio: 2.2074999171940517 / 1;
  background: var(--brand-danger-lighter) !important;
  border-radius: 999px;
  filter: blur(160px);
  -webkit-filter: blur(160px);
  top: 486px !important;
  transform: translate(-50%);
  width: 566px !important;
  height: 272px !important;
  left: 50% !important;
  z-index: -1 !important;
  position: absolute !important;
}
.effr::before{
  content: "" !important;
  aspect-ratio: 2.2074999171940517 / 1;
  background: var(--brand-danger-lighter) !important;
  border-radius: 999px;
  filter: blur(160px);
  -webkit-filter: blur(160px);
  top: 300px !important;
  transform: translate(-50%);
  width: 600px !important;
  height: 200px !important;
  right: 0% !important;
  z-index: -1 !important;
  position: absolute !important;
}
/*HERO SECTION
.site-banner.banner-gray::before {
  background: var(--brand-danger-lighter) !important;
  left: 60% !important;
  bottom: 65% !important;
  filter: blur(250px);
  width: 20%;
}*/
.video-idle{
  width: 400px;
  height: 400px;
  overflow: hidden;
  position: absolute;
  display: block;
  top: 20%;
  left: 99%;
  border-radius: 50%;
  border:5px solid rgba(0,0,0,0.5);
  object-fit: cover;
  object-position: center 20%;
  box-shadow: 0 5px 100px -10px rgba(0,0,0,0.9);
  transition: all ease-in 0.2s;
  cursor: pointer;
}
.video-idle:hover{
  top: 19%;
  transform: scale(1.03);
  border:2px solid var(--brand-danger-lighter);
}
/*footer*/
.main-footer .footer-copyright, .main-footer .footer-nav-h > li > a {
  font-size: 0.8rem;
  color: var(--gray-lighter-2);
}
.main-footer-extended .footer-title{
  text-transform: uppercase;
    text-shadow: 0 1px 1px var(--gray-)
}
#footer-nav-0 {columns:2}

/* PROJEKT MANAGER */
.odd:hover{
    cursor: pointer;
    background: var(--btn-default-hover-bg) !important;
}