:root {
--accent: #191919 !important;
--primary: #5f5f5f !important;
--secondary: #000000 !important;
--primary-font: Manrope, sans-serif;
--secondary-font: Manrope, sans-serif;
}

@media (min-width: 769px) and (max-width: 1100px) {
.cs_main_header {
    height: 90px;
}

.cs_site_header.cs_style_1 .cs_menu_toggle {
        margin-top:0px;
    
    }


  }
.cs_btn.cs_style_1.cs_type_1:hover {
  
    color: #fff;
}
.cs_fullscreen_footer .cs_social_btns.cs_style_1 a {
 
    background: #000;
}
.lightbglux {
    background: radial-gradient(circle at center, #ffffff 0%, #ffffff 18%, #f5f5f53d 38%, #f1f3f5ad 65%, #ffffff 100%) !important;
}

a:hover {
    color: aliceblue;
}

    .cs_nav .cs_nav_list ul a:hover {
      color:#000;
    }



.cs_why_choose_us_1 .cs_why_choose_us_thumb_in {

    border-radius: 30px;
}
.cs_brand.cs_style_2 img {
    opacity: 0.8;
    max-width: 300px;
    filter: grayscale(1);}
    .cs_brand.cs_style_2 img:hover {
   
    filter: grayscale(0);}
    
.cs_newsletter.cs_style_1 {display:none;}
.cs_bottom_footer_wrap {
    background-color: #06161a;
}
.cs_text_widget img {
    max-width: 120px;
}
.cs_fs_30 {
    font-size: 20px;
    line-height: 1.167em;
}    
.cs_card.cs_style_1 .cs_card_img img, .cs_card.cs_style_4 .cs_card_img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 14px;
}
.cs_footer_main {
   
    background: radial-gradient(circle at left top, rgba(30, 58, 138, 0.35), transparent 35%), radial-gradient(circle at right bottom, rgba(15, 23, 42, 0.9), transparent 45%), rgb(5, 5, 5) !important;
}

.cs_iconbox.cs_style_2 .cs_iconbox_title {
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.lightbglux{    background: radial-gradient(circle at center, #ffffff 0%, #ffffff 18%, #f5f5f53d 38%, #e5e7ebad 65%, #cfd4dc 100%) !important;}
/* 1 */
.bg-luxury-sapphire {
background: radial-gradient(circle at left top, rgb(66 92 169 / 35%), transparent 35%), radial-gradient(circle at right bottom, rgb(20 40 87 / 90%), transparent 45%), rgb(5, 5, 5) !important;
}

/* 2 */
.bg-luxury-graphite {
background: radial-gradient(circle at top, rgb(80 80 80 / 56%), transparent 35%), radial-gradient(circle at bottom, rgba(20, 20, 20, 0.9), transparent 50%), #080808 !important;
}

/* 3 */
.bg-luxury-emerald {
  background:
    radial-gradient(circle at top right, rgba(6, 95, 70, 0.35), transparent 35%),
    radial-gradient(circle at bottom left, rgba(10, 10, 10, 0.95), transparent 50%),
    #030303 !important;
}

/* 4 */
.bg-luxury-gold {
  background:
    radial-gradient(circle at top left, rgba(180, 130, 45, 0.22), transparent 32%),
    radial-gradient(circle at bottom right, rgba(30, 30, 30, 0.85), transparent 45%),
    #060606 !important ;
}

/* 5 */
.bg-luxury-violet {
  background:
    radial-gradient(circle at top right, rgba(88, 28, 135, 0.35), transparent 35%),
    radial-gradient(circle at bottom left, rgba(15, 15, 15, 0.95), transparent 50%),
    #050505 !important;
}

/* 6 */
.bg-luxury-carbon {
  background:
    radial-gradient(circle at 20% 20%, rgba(37, 99, 235, 0.25), transparent 35%),
    radial-gradient(circle at 80% 80%, rgba(31, 41, 55, 0.7), transparent 45%),
    #020617 !important;
}

/* 7 */
.bg-luxury-charcoal {
  background:
    radial-gradient(circle at top, rgba(64, 64, 64, 0.4), transparent 30%),
    radial-gradient(circle at bottom right, rgba(12, 12, 12, 1), transparent 50%),
    #070707;
}

/* 8 */
.bg-luxury-pearl {
  background:
    radial-gradient(circle at 30% 20%, rgba(148, 163, 184, 0.18), transparent 30%),
    radial-gradient(circle at 70% 80%, rgba(15, 23, 42, 0.85), transparent 45%),
    #030712 !important;
}

/* 9 */
.bg-luxury-burgundy {
  background:
    radial-gradient(circle at top left, rgba(127, 29, 29, 0.35), transparent 35%),
    radial-gradient(circle at bottom right, rgba(10, 10, 10, 0.95), transparent 50%),
    #050505;
}

/* 10 */
.bg-luxury-elite {
  background:
    radial-gradient(circle at 50% 0%, rgba(120, 120, 120, 0.18), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(20, 20, 20, 0.95), transparent 45%),
    #000000;
}

.cs_fs_60 {
    font-size: 50px;
    line-height: 1.167em;
}
.cs_hero.cs_style_6 .cs_hero_title {
    margin-bottom: 75px;
    text-transform: uppercase;
    font-weight: 600;
}

.cs_hero.cs_style_6 .cs_hero_counter_list {
    border-radius: 50px 0 0;
    padding: 32px 30px 36px;
    width: 250px;
    background: #000000c4;
    backdrop-filter: blur(7px);
}


.cs_site_branding {
    display: inline-block;
    max-width: 100px;
}
.cs_site_header.cs_style_1.cs_color_1 .cs_nav_list>li>a {
        color: #fff;
        font-weight: 500;
    }
.cs_site_header.cs_style_1 .cs_main_header_in, .cs_site_header.cs_style_2 .cs_main_header_in {
    height: 60px;
}
.cs_style_9_wrap {
    position: relative;
    overflow: hidden;
}
.cs_testimonial_text {    font-size: 22px;}
.cs_video_bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.cs_video_bg_placeholder {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.cs_hero {
    position: relative;
    z-index: 3;
}

.cs_footer{background: radial-gradient(circle at center, rgba(255, 255, 255, 0.03), transparent 40%), radial-gradient(circle at center, rgba(255, 255, 255, 0.02), transparent 70%), linear-gradient(28deg, #101418 0%, #2a2c2f 100%) !important;}
.cs_sticky_header {
    position: fixed !important;
    width: 100%;
    z-index: 999;
    background: hsl(0deg 0% 0% / 84%) !important;
    backdrop-filter: blur(11px);

}

@media screen and (min-width: 1200px) {
    .cs_nav .cs_nav_list>li>a {
        align-items: center;
        display: inline-flex;
        height: inherit;
        padding: 10px 0;
        position: relative;
        color: #fff !important;
    }
}



.cs_site_branding {
    display: inline-block;
    max-width: 81px;
}

.cs_sticky_header {
    position: fixed !important;
    width: 100%;
    z-index: 999;
    
}

.backgroundluxurydark{background: radial-gradient(circle at center, rgba(255, 255, 255, 0.03), transparent 40%), radial-gradient(circle at center, rgba(255, 255, 255, 0.02), transparent 70%), linear-gradient(93deg, #101418 0%, #0c1118 100%) !important;
}

/* Анимация слов */
.word-enter {
    animation: wordEnter 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.word-exit {
    animation: wordExit 0.45s ease forwards;
}

@keyframes wordEnter {
    0% {
        opacity: 0;
        transform: translateY(30px) scale(0.96);
        filter: blur(10px);
    }
    60% {
        opacity: 1;
        transform: translateY(-4px) scale(1.02);
        filter: blur(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes wordExit {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px) scale(0.96);
        filter: blur(8px);
    }
}

.cs_hero.cs_style_9 .cs_hero_title {
    margin-bottom: 38px;
    text-transform: uppercase;
    font-weight: 700;
}
.cs_hero.cs_style_9 {
    height: 90vh;
}


.cs_nav_list>li>a {

        text-transform: uppercase;
        font-weight: 500;
    }
    
    
    .cs_nav .cs_nav_list li:not(.cs_mega_menu) {
        position: relative;
        text-transform: uppercase;    font-size: 14px;
    }
    
.cs_moving_section {
    align-items: center;
    animation: slideLeft 20s linear infinite;

    text-shadow: none;
}

.swiper-backface-hidden .swiper-slide {
    border-radius: 30px;
}
.cs_moving_section {
    align-items: center;
    animation: slideLeft 60s linear infinite;
    text-shadow: none;
    font-weight: 900;
    /* color: linen; */
    /* background: #000; */
}

.cs_page_heading.cs_style_1 .breadcrumb {
   
    margin-top: 20px;
}
.backgroundluxurydark {
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.03), transparent 40%), radial-gradient(circle at center, rgba(255, 255, 255, 0.02), transparent 70%), linear-gradient(93deg, #101418 0%, #0c1118 100%) !important;
}
.lightgradient{background: linear-gradient(96deg, #ffffff, #ffffffad, #ffffff, #f9f9f9);}

.cs_case_study.cs_style_1 .cs_case_study_info {
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(24, 51, 59, 0), #05090a);
    display: flex;
    height: 100%;
    left: 0;
    padding: 55px 35px;
    position: absolute;
    top: 0;
    transition: all .4s ease;
    width: 100%;
    z-index: 1;
}


@media screen and (max-width: 1199px) {
    .cs_site_header.cs_style_1.cs_color_1 .cs_nav_list_wrap {
        background-color: var(--primary);
        color: #fff;
        background: #000000e3;
        backdrop-filter: blur(21px);
    }
}

.cs_btn.cs_style_1 {
    padding: 7px 30px;
   
}

.cs_brand.cs_style_1 img {
    display: inline-block;
    max-height: 100%;
    filter: grayscale(1);
}

.cs_brand.cs_style_2 img {
    opacity: 0.8;
    max-width: 300px;
}



.cs_brand.cs_style_1 {
    align-items: center;
    display: flex;
    height: 100px;
    justify-content: center;
}

.cs_header_user_btn {display:none !important;}
.luxbg2{background: linear-gradient(45deg, #080808, #04141acc, #000) !important;}


/* Tablet + Mobile */
@media (max-width: 991px) {
    .cs_site_header.cs_style_1 .cs_main_header_in,
    .cs_site_header.cs_style_2 .cs_main_header_in {
        height: 65px;
    }
}

/* Small mobile */
@media (max-width: 575px) {
    .cs_site_header.cs_style_1 .cs_main_header_in,
    .cs_site_header.cs_style_2 .cs_main_header_in {
        height: 58px;
    }
}

@media (max-width: 991px) {
  .cs_site_header.cs_style_1 .cs_main_header_in,
  .cs_site_header.cs_style_2 .cs_main_header_in {
    height: 64px;
    display: flex;
    align-items: center;
  }

  .cs_site_header .cs_site_branding {
    display: flex;
    align-items: center;
    max-height: 64px;
  }

  .cs_site_header .cs_site_branding img {
    max-height: 38px;
    width: auto;
    object-fit: contain;
    display: block;
  }
}

@media (max-width: 575px) {
cs_site_branding {margin:0 auto;}

  .cs_site_header.cs_style_1 .cs_main_header_in,
  .cs_site_header.cs_style_2 .cs_main_header_in {
    height: 60px;
  }
cs_site_branding {margin:0 auto;}
  .cs_site_header .cs_site_branding img {
    max-height: 60px;
  }
}


.cs_site_header.cs_style_1.cs_primary_color.cs_sticky_header.cs_white_bg+.cs_page_heading.cs_style_1, .cs_site_header.cs_style_1.cs_primary_color.cs_sticky_header.cs_white_bg+.cs_side_header+.cs_page_heading.cs_style_1 {
    margin-top: 0;
}


 .cs_nav_list>li>a {
        align-items: center;
        display: inline-flex;
        height: inherit;
        padding: 10px 0;
        position: relative;
        color: #fff;
        font-weight: 600;
    }
    
    .cs_fs_53 {

    text-transform: uppercase;
font-weight:600 !important;
}

.cs_project_details_info_title{display:none;}