@font-face {
    font-family: 'GillSans';
    src: url('../fonts/SFUGillSans.eot');
    src: url('../fonts/SFUGillSans.eot#iefix') format('embedded-opentype'),
        url('../fonts/SFUGillSans.woff2') format('woff2'),
        url('../fonts/SFUGillSans.woff') format('woff'),
        url('../fonts/SFUGillSans.ttf') format('truetype'),
        url('../fonts/SFUGillSans.svg#SFUGillSans') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body{
    font-family: 'GillSans' !important;
}
.home_product{
    overflow: hidden;
}
.home_product .swiper-button-prev, .home_product .swiper-button-next{
    color: #544431;
}
header{
    pointer-events: none;
}
header .logo, header .right_header{
    pointer-events: all;
}
header .header-register{
    height: max-content;
    background: rgb(243 236 220);
    border: none;
}
.uti_allow_prd .logo.bg-gradient-to-b{
    width: 200px;
    height: 200px;
}
.uti_allow_prd .logo.bg-gradient-to-b img{
    width: 130px;
}
.nav_prod{
    justify-content: center;
    display: flex;
    margin-top: 2rem;
}
.nav_prod button{
    text-transform: uppercase;
    padding: 10px 10px;
    border: 1px solid #cbcbcb;
    margin: 0 5px;
}
.nav_prod button.active{
    color: #cb8d2e;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item::before{
    display: none;
}
.wpml-ls-current-language a{
    color: #cb8d2e;
    font-weight: bold;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0 !important;
}
ul:not([class])>li:before{
    content: unset;
}
header{
    position: fixed;
    padding: 20px;
    transition: all 0.5s ease;
    z-index: 9999 !important;
}
header.change{
    background: #fff;
    padding: 10px 20px;
}
.menu_page {
    z-index: 999;
}
.menu_page ul li a{
    font-size: 20px;
    line-height: 1.1;
}
.menu_page ul li ul a{
    font-size: 14px;
}
.menu_page ul li ul{
    margin-top: 14px;
}


.background_prestige{
    background: #3c1221;
}
.background_elite {
    background: linear-gradient(181deg, #1a2027, #949aa9);
    /* background: linear-gradient(181deg, #141b25, #9495a6); */
}
.content_uti{
    background: #7c5c47;
    justify-content: center;
}
.content_uti.elite{
    background: #122233e6;
}
.prestige .image_keyplan img{
    height: 195px;
    object-fit: contain;
}
.prestige .item_keyplan{
    width: 50%;
    flex: 0 0 20%;
    /* height: 300px; */
}
.prestige, .prestige_utility {
    background: #eae5e0;
}
.prestige_utility{
    padding-top: 70px;
}
.prestige .image_keyplan {
    display: flex;
    flex-wrap: wrap;
}
.prestige img.pattern{
    height: 100%;
    object-position: top center;
}
.prestige .w-full.absolute::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #eae5e0, #eae5e0, #eae5e0, transparent);
}

.color-prestige{
    color: #3c1221;
}
.prestige .font-serif{
    color: #3c1221;
}
.colo-elite{
    color: #122233;
}
.document_prestige img.pattern{
    height: 100%;
    object-position: top center;
}
.document_prestige{
    background: #3c1221;
    padding-top: 10rem;
}
.prestige_type .pattern_kv{
    position: relative;
    /* background: #eae5e0; */
    height: 100%;
}
.prestige_type .pattern_kv::after{
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(1deg, #eae5e0, #eae5e0, #eae5e0, transparent);
    height: 100%;
}
.prestige_type .pattern_kv img{
    opacity: 0.3;
}
.prestige_type .logo{
    background: #3c1221;
}
.prestige_type{
    color: #3c1221;
    background: #eae5e0;
}
.document_prestige .w-full.absolute{
    bottom: 0;
    top: unset;
    height: 100%;
}
.document_prestige .w-full.absolute::after{
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 100%;
    left: 0;
    background: linear-gradient(0deg, #3c1221, #3c1221, transparent);
}
.document_prestige .w-full.absolute img.pattern{
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
header .logo img{
    filter: brightness(20);
}
header.change .logo img{
    filter: none;
}
.prestige_utility .content_uti{
    
flex: 0 0 40%;
    
width: 40%;
    
position: relative !important;
    
height: auto;
}

.prestige_utility .image {
    flex: 0 0 60%;
    width: 60%;
    height: auto;
}
.wpml-ls-legacy-list-horizontal a{
    color: #fff;
}
header.change .wpml-ls-legacy-list-horizontal a{
    color: #122233;
}
.wpml-ls-current-language a{
    color: #cb8d2e !important;
}
.home_product .swiper-slide{
    opacity: 0;
    height: 0;
}

.home_product .swiper-slide.swiper-slide-active{
    opacity: 1;
    height: auto;
}
.background1_elite{
    background-color: rgb(45 51 62 / 2%) !important;
}
.list_gallery_prod .item_prod img{
    object-fit: cover;
}
@media (max-width: 1280px) {
    .menu_page .leading-none{
        padding-top: 0;
    }
}
@media (max-width: 1023px) {
    .controls_link{
        /* display: none !important; */
        flex-flow: column;
        margin-top: 2rem;
    }
    .flex.justify-center.gap-6.controls_link a {
        /* background-repeat: no-repeat; */
        /* border: none; */
        margin-top: 0;
        width: 250px;
        margin: auto;
        gap: 0;
    }
}
@media (max-width: 900px) {
    .uti_allow_prd .mt-10 .inline-flex.rounded-md[role="tablist"]{
        overflow-x: scroll;
        justify-content: flex-start !important;
        gap: 0;
    }
    .uti_allow_prd .w-full.mx-auto.mt-12 ol.grid{
        display: flex;
        flex-wrap: wrap;
    }
    .uti_allow_prd .w-full.mx-auto.mt-12 ol.grid li{
        flex: 0 0 48%;
    }
    .uti_allow_prd .w-full.mx-auto.mt-12 ol.grid li .lining-nums{
        flex: 0 0 auto;
    }
    .uti_allow_prd.pb-20{
        padding-bottom: 20px;
    }
    .btn_menu {
        border: none;
        /* background: none; */
    }
    header .right_header{
        align-items: center;
    }
    .utility_system{
        padding-top: 6rem;
    }
    .prestige_utility .content_uti, .prestige_utility .image{
        flex: 0 0 100%;
        width: 100%;
    }
    .prestige .item_keyplan{
        flex: 0 0 43%;
    }
    .prestige .image_keyplan img{
        height: auto;
    }
    .prestige_utility{
        padding-top: 0;
    }
    .document_prestige{
        padding-top: 0 !important;
    }
    .document_prestige .w-full img{
        padding: 0 15px;
    }
    .wpml-ls-legacy-list-horizontal a{
        padding: 5px 0;
    }
    .nav_menu{
        padding: 0 15px !important;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
        font-size: 20px;
    }
    .home_product .swiper-slide .rounded-full{
        width: 150px;
        height: 150px;
    }
    .home_product .swiper-slide .rounded-full img{
        width: 90px;
    }
    .design_inspiration .title_tab{ 
        font-size: 1.5rem !important;
    }
    .design_inspiration .icon_design{
        width: 60px;
        height: 60px;
    }
    .menu_page  ul.flex.font-medium.font-sans.gap-14 {
        gap: 10px;
        flex-flow: column;
    }
    .header-register{
        opacity: 1 !important;
        visibility: unset !important;
    }
    .uti_allow_prd .logo.bg-gradient-to-b{
        width: 150px;
        height: 150px;
    }
    .uti_allow_prd .logo.bg-gradient-to-b img {
        width: 80px;
    }
    .banner_systemuti{
        height: 350px !important;
    }
}
.popup_page {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.6196078431);
    justify-content: center;
    z-index: 9999;
    transition: opacity 0.5s ease;
  }
  .popup_page.unactive {
    opacity: 0;
    pointer-events: none;
  }
  .popup_page img {
    width: 100%;
  }
  .popup_page .image_pop {
    position: relative;
    width: 50%;
    margin: auto;
    display: block;
  }
  .popup_page .image_pop .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    /* color: var(--color-brown); */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s ease;
  }
  .popup_page .image_pop .close:hover {
    background: #544431;
    color: #fff;
  }
  @media (max-width: 1024px) {
    .popup_page .image_pop {
      width: 100%;
    }
  }