/* ------------------------------------------------------------------ ROOTS ------------------------------------------------------------------ */

:root {
    --white: #ffffff;
    --black: #161616;
    --light-black:#00000021;
    --gray: #7a7a7a;
    --light-gray: #e1e1e1;
    --extra-light-gray: #f5f5f5;
    --dark-gray:#555555;
    --green: #245014;
    --light-green: #63B746;
    --blue:#2272ff;
    --light-blue:#2272ff8c;
    --primary-color: #2272ff;
    --hover-color: #1753b9;
    --secondary-color: #173042;
    --test:#290885;
    --red:#da251d;

    --font-thin: PPP Thin;
    --font-light: PPP Light;
    --font-medium: PPP Medium;
    --font-bold: PPP Bold;

    --transition: all .15s linear;
}

/* ------------------------------------------------------------------ COMMON ------------------------------------------------------------------ */

body {
    letter-spacing: 0.25px;
}

.gap-10 {
    gap:10px;
}

.width-fit {
    width:fit-content;
}

.container {
    max-width:1600px;
    padding:0;
}

.no-display {
    display: none!important;
}

.breadcrumbs_space .breadcrumb{
    background-color: transparent;
    padding: 20px 0 0;
    height: fit-content;
    align-items: end;
    gap: 5px;
    font-family: var(--font-light);
}

.breadcrumb li {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 5px;
    font-size: 14px;
    font-family: var(--font-medium);
}

.breadcrumb li a{
    color: var(--black);
    text-decoration: none;
    background-color: transparent;
    transition: var(--transition);
}

.breadcrumb li:hover a{
    color: var(--red);
}

.breadcrumb li i {
    font-size:12px;
}

.breadcrumb li.active {
    color: var(--dark-gray);
    opacity: .85;
    font-family: var(--font-light);
}

.hide{
    display: none !important;
}

#fav-message-box {
    background-color: var(--secondary-color);
    font-size: 18px;
    padding: 20px 40px;
    font-family: var(--font-light);
}

#w0-success-0 {
    z-index: 9999999;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    opacity: 1;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0;
    color: Var(--white);
    font-family: var(--font-medium);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 18px;
}

#w0-success-0 button.close {
    display: flex;
    font-size: 16px;
    text-shadow: none;
    color: var(--primary-color);
    background-color: var(--white);
    opacity: 1;
    padding: 7px 20px;
    font-family: var(--font-light);
    line-height: 17px;
    outline:none!important;
    box-shadow: none!important;
}

#w0-danger-0 {
    z-index: 9999999;
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0;
    opacity: 1;
    background-color: var(--red);
    border: none;
    border-radius: 0;
    color: Var(--white);
    font-family: var(--font-medium);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 20px;
    font-size: 18px;
    padding:20px;
}

#w0-danger-0 button.close {
    display: flex;
    font-size: 16px;
    text-shadow: none;
    color: var(--red);
    background-color: var(--white);
    opacity: 1;
    padding: 7px 20px;
    font-family: var(--font-light);
    line-height: 17px;
    outline: none!important;
    box-shadow: none!important;
}

/* --------------------------------- SECTIUNE TOP COMUNA --------------------------------- */

.section-common-top {
    margin-top: 140px;
    margin-bottom: 50px;
}

.section-common-top .content {
    padding: 50px 0 0;
    height: auto;
    display: flex;
    align-items: center;
    border-top: 1px solid var(--light-gray);
}

.section-common-top .content h1 {
    font-family: var(--font-bold);
    color: var(--black);
    margin: 0;
    font-size: 38px;
}

.section-common-top .content p {
    font-family: var(--font-light);
    color: var(--black);
    margin: 10px 0 0;
}

.lds-dual-ring.hidden {
    display: none;
}

/*Spinner Styles*/
.lds-dual-ring {
    display: contents;
    width: 150px;
    height: 150px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 85px;
    height: 85px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid red;
    border-color: red transparent red transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

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

/* ----------- Butoane ----------- */

.btn-primary {
    border: none!important;
    box-shadow: none!important;
    outline: none!important;
    text-decoration: none!important;
    font-family: var(--font-light);
    color: var(--white);
    border-radius: 0;
    padding: 15px 20px;
    letter-spacing:1px;
    line-height: 1;
    font-size: 16px;
    height:46px;
    position:relative;
    background: linear-gradient(to right, var(--primary-color) 50%, var(--secondary-color) 50%);
    background-size: 200% 100%;
    background-position: left bottom;
    background-color: transparent;
    transition: var(--transition);
}

.external-website .btn-primary {
    background: linear-gradient(to right, var(--secondary-color) 50%, var(--secondary-color) 50%);
    background-size: 200% 100%;
}

.btn-primary:after {
    content: '\f178';
    font-family: FontAwesome;
    color: var(--white);
    font-size: 16px;
    width: 46px;
    height: 46px;
    background-color: var(--secondary-color);
    position: absolute;
    right: -45px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width: 991px) {
    .btn-primary:hover {
        background-position: right bottom;
    }
}

/* --------------------------------- COOKIE NOTICE --------------------------------- */

#cookie_notice .cookie_notice_container {
    font-family: var(--font-light);
    letter-spacing: 0.5px;
}

#cookie_notice .cookie_notice_container a {
    color:var(--red);
    font-family: var(--font-bold);
}

#cookie_notice .cookie_notice_container button {
    border: none;
    background-color: var(--white);
    border-radius: 0;
    padding: 10px 40px;
    font-family: var(--font-bold);
    color: Var(--black);
    transition:var(--transition);
}

#cookie_notice .cookie_notice_container button:hover {
    background-color: var(--secondary-color);
    color:var(--white);
}

/* ------------------------------------------------------------------ FONT ------------------------------------------------------------------ */

@font-face {
    font-family: PPP Bold;
    src: url('/fonts/PPPangramSansRounded-Bold.otf');
    font-display: swap;
}

@font-face {
    font-family: PPP Light;
    src: url('/fonts/PPPangramSansRounded-Light.otf');
    font-display: swap;
}

@font-face {
    font-family: PPP Medium;
    src: url('/fonts/PPPangramSansRounded-Medium.otf');
    font-display: swap;
}

@font-face {
    font-family: PPP Thin;
    src: url('/fonts/PPPangramSansRounded-Thin.otf');
    font-display: swap;
}

/* ------------------------------------------------------------------ HEADER ------------------------------------------------------------------ */

header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background: #fff;
}

.item-search{
    display: none !important;
}

/* --------------------------------- MAIN HEADER --------------------------------- */

header {
    border-bottom: 0px solid transparent;
    transition: var(--transition);
}

/* header.header-scroll {
    border-bottom: 2px solid var(--secondary-color);
} */

body.page-id-70 header.header-scroll,
body.page-id-207 header.header-scroll {
    border-bottom: 0px solid transparent;
}

header .main-header {
    position: relative;
    margin: auto;
    height: 60px;
    z-index: 99;
}

header .main-header:before {
    content:'';
    position: absolute;
    width:150%;
    left:-25%;
    top:0;
    height: 100%;
    background-color: var(--light-gray);
    transition:var(--transition);
    border-bottom: 2px solid var(--primary);
}

header.header-scroll .main-header:before {
    background-color:var(--white);
}

body.page-id-70 header.header-scroll .main-header:before,
body.page-id-207 header.header-scroll .main-header:before {
    background-color: var(--light-gray);
}

header .navbar {
    padding:0;
    height:100%;
}

.main-header .nav-link {
    position: relative;
    padding: 0;
    font-family: var(--font-medium);
    color: var(--black);
    font-size: 16px;
    text-decoration: none;
    height: 40px;
    display: flex;
    align-items: center;
    line-height: initial;
    padding: 0!important;
    transition: var(--transition);
}

.main-header .nav-link:hover {
    color:var(--primary-color);
}

.main-header .contact-info .nav,
.main-header .essentials .nav {
    gap:20px;
}

.main-header .contact-info,
.main-header .essentials,
.main-header .contact-info li,
.main-header .essentials li {
    display:flex;
    flex-direction:row;
    align-items: center;
    position: relative;
}

.main-header .contact-info .nav-item-email a:before {
    content:'\f003';
    font-family: FontAwesome;
    color:var(--black);
    font-size:24px;
    margin-right:5px;
    transition: var(--transition);
}

.main-header .contact-info .nav-item-phone a:before {
    content:'\f095';
    font-family: FontAwesome;
    color:var(--black);
    font-size:24px;
    margin-right:5px;
    transition: var(--transition);
}

.main-header .contact-info .nav-item-whatsapp a {
    padding: 0;
    width: 40px;
    height: 40px;
    /* background-color: #25D366; */
    outline: none!important;
    box-shadow: none!important;
    border-radius: 0;
    /* color: Var(--white); **/
    color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-header .contact-info .nav-item-whatsapp a:hover {
    background-color: #128C7E;
    color:var(--white)!important;
}

.main-header .contact-info .nav-item-whatsapp i {
    font-size:24px;
}

.main-header .essentials .nav-item-favorites .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    align-items: center;
    line-height: 1.2;
    transform: scale(1.2);
}

.main-header .essentials .nav-item-favorites .nav-link i {
    font-size:24px;
}

#favorite-map-wrapper {
  left: 0;
}

.main-header .essentials .nav-item-favorites span {
    /* position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    font-size: 11px;
    font-weight: 700;
    background-color: transparent;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: unset;
    border-radius: 50%;
    padding-bottom: 2px; */
}

.main-header .essentials .nav-item-log-in a {
    position: relative;
    padding: 0;
    font-family: var(--font-medium);
    color: var(--black);
    font-size: 16px;
    text-decoration: none;
    transition: var(--transition);
    height: 40px;
    display: flex;
    align-items: center;
    line-height: initial;
    gap: 5px;
}

.main-header .essentials .nav-item-log-in i {
    font-size:24px;
}

.main-header .essentials .nav-item-log-out .account-dropdown-button {
    border:none;
    font-family: var(--font-medium);
    color: var(--black);
    font-size: 16px;
    text-decoration: none;
    height: 40px;
    display: flex;
    align-items: center;
    line-height: initial;
    gap: 5px;
    outline: none!important;
    box-shadow:none!important;
    background-color: transparent;
    transition: var(--transition);
}

.main-header .essentials .nav-item-log-out .account-dropdown-button:hover {
    color: var(--primary-color);
}

.main-header .essentials .nav-item-log-out .account-dropdown-button i {
    font-size:24px;
    transition: var(--transition);
}

.main-header .essentials .nav-item-log-out .account-dropdown-button:hover i {
    color: var(--primary-color);
}

.main-header .essentials .nav-item-log-out #account-dropdown {
    position: absolute;
    top:50px;
    width:180px;
    background-color:var(--white);
}

.main-header .essentials .nav-item-log-out #account-dropdown a {
    position: relative;
    padding: 0 15px;
    font-family: var(--font-medium);
    color: var(--black);
    font-size: 16px;
    height: 46px;
    display: flex;
    align-items: center;
    line-height: initial;
    text-decoration: none;
    border-left: 1px solid var(--light-gray);
    border-right: 1px solid var(--light-gray);
    transition: var(--transition);
}

.main-header .essentials .nav-item-log-out #account-dropdown button {
    width: 100%;
    text-align: inherit;
    border: none;
    height: 46px;
    background-color: var(--primary-color);
    color: var(--white);
    font-family: var(--font-medium);
    padding: 0 15px;
    transition:var(--transition);
}

.main-header .essentials .nav-item-log-out #account-dropdown button:hover {
    background-color: var(--secondary-color);
}

.main-header .essentials .nav-item-lang {
    gap:10px;
}

.flag-icon-ro{
    margin: auto;
    display: block;
    width: 30px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/uploads/material/ro.svg);
}
.flag-icon-us{
    margin: auto;
    display: block;
    width: 30px;
    height: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/uploads/material/gb.svg);
}

.main-header .essentials .nav-item-lang .active-flag {
    display:none;
}

.main-header .contact-info a:hover,
.main-header .contact-info a:hover:before,
.main-header .essentials a:hover,
.main-header .essentials a:hover:before {
    color:var(--primary-color)!important;
}

/* ----------- Meniu ----------- */

.main-header .menu-col .menu-principal .navbar-nav {
    padding:0!important;
    gap:30px;
}

.main-header .menu-col .menu-principal .navbar-nav .nav-link {
    position: relative;
    padding: 0;
    font-family: var(--font-medium);
    color: var(--black);
    font-size: 16px;
    text-decoration: none;
    transition: var(--transition);
}

.main-header .menu-col .menu-principal .navbar-nav .nav-link:hover {
    color:var(--primary-color);
}

.main-header .main-nav-item {
    position: relative;
}

.main-header .main-nav-item .has-submenu-icon-box {
    display: none;
}

.main-header .menu-principal ul.navbar-nav {
    gap: 15px;
}

.main-header .main-nav-item.nav-item-industrial:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height: 100%;
    width:100%;
}

.main-header .main-nav-item.nav-item-industrial:hover:before {
    height: 64px;
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu {
    display:block;
    margin: 0 0 0 -10px;
    left: 0px;
    top: 52px;
    padding:  0;
    border: none;
    border-radius: 0;
    transition:var(--transition);
}

.main-header .main-nav-item.nav-item-industrial:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height: 100%;
    width:100%;
}

.main-header .main-nav-item.nav-item-industrial:hover:before {
    height: 64px;
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu {
    display:block;
    margin: 0 0 0 -10px;
    left: 0px;
    top: 50px;
    padding:  0;
    border: none;
    border-radius: 0;
    transition:var(--transition);
}

header.header-scroll .main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu {
    top:52px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
    background-color:var(--light-gray);
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1,
.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu .nav-item-level-2 {
    padding:0 10px;
    position: relative;
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu {
    display: block;
    margin: 0 0 0 auto;
    right: -100%;
    width: 100%;
    top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    transition: var(--transition);
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu .nav-item-level-2:hover > .dropdown-menu {
    width: 270px;
    right: -270px;
    display: block;
    margin: 0 0 0 auto;
    top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow-y: scroll;
    max-height: 500px;
    transition: var(--transition);
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu .nav-item-level-2:hover > .dropdown-menu .nav-item-level-3 {
    width: 100%;
    padding:0 10px;

}



.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1,
.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu .nav-item-level-2 {
    padding:0 10px;
    position: relative;
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu {
    display: block;
    margin: 0 0 0 auto;
    right: -100%;
    width: 100%;
    top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    transition: var(--transition);
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu .nav-item-level-2:hover > .dropdown-menu {
    width: 270px;
    right: -270px;
    display: block;
    margin: 0 0 0 auto;
    top: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    overflow-y: scroll;
    max-height: 500px;
    transition: var(--transition);
}

.main-header .main-nav-item.nav-item-industrial:hover > .dropdown-menu .nav-item-level-1:hover > .dropdown-menu .nav-item-level-2:hover > .dropdown-menu .nav-item-level-3 {
    width: 100%;
    padding:0 10px;

}


/* --------------------------------- SECONDARY HEADER --------------------------------- */

header .secondary-header {
    margin:auto;
    height: 70px;
    overflow: hidden;
    transition: var(--transition);
}

/* header.header-scroll .secondary-header {
    height:0px;
} */

.secondary-header .prom-col,
.secondary-header .menu-col,
.secondary-header .header-text {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    margin: auto;
}

.secondary-header .branding-col {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: left;
    margin: auto;
}

.secondary-header .prom-col {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: right;
    margin: auto;
}

.secondary-header .header-text h2 {
    margin: 0;
    text-align: center;
    font-family: var(--font-bold);
    line-height: 1.05;
    font-size: 22px;
    height: 50px;
    display: flex;
    align-items: baseline;
}

.secondary-header .branding-col a,
.secondary-header .prom-col a {
    display:flex;
    align-items: center;
}

.secondary-header .branding-col a img {
    width:auto;
    margin: 0;
    height: 30px;
}

.secondary-header .prom-col a img  {
    height:35px;
    margin: auto 0 auto auto;
}

body.page-id-70 .secondary-header,
body.page-id-207 .secondary-header {
    height: 70px;
    overflow: unset;
}

body.page-id-70 .secondary-header .branding-col a,
body.page-id-207 .secondary-header .branding-col a {
    justify-content: flex-start;
    width: 100%;
}

body.page-id-70 .secondary-header .branding-col a img,
body.page-id-207 .secondary-header .branding-col a img {
    height: 30px;
    width: fit-content;
    margin: 0;
}

body.page-id-70 .secondary-header .mobile-filters-switch,
body.page-id-207 .secondary-header .mobile-filters-switch {
    display:none;
}

body.page-id-70 .secondary-header .menu-col,
body.page-id-207 .secondary-header .menu-col {
    max-width:calc(100% - 16.666667%);
    flex:auto;
}

.search-col {
    display: flex;
    align-items: center;
    max-width: 20%;
    flex: auto;
}

.search-col .search-wrapper {
    position: relative;
    top: 0;
    box-shadow: none;
    padding: 0;
    height: 40px;
}

.search-col .search-wrapper #search {
    width: 100%;
    height: 40px!important;
    padding: 2px 40px 2px 10px!important;
    border: 1px solid var(--light-black)!important;
    font-family: var(--font-light);
}

.search-col .search-wrapper button.search-hide {
    position: absolute;
    border: none;
    opacity: 0;
    margin: auto;
    top: 0;
    right: -30px;
    bottom: 0;
    width: 25px;
    height: 25px;
    z-index: 9999;
    transition: var(--transition);
}
.search-col .search-wrapper button.search-hide i{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: larger;
}

.search-wrapper button.search-hide.close-search:before,
.search-wrapper button.search-hide.close-search:after {
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    background-color: var(--secondary-color);
}

.search-col .search-wrapper .search-results {
    width: 100%;
    min-width: 35em;
    padding: 0;
    position: absolute;
    background-color: var(--white);
    top: 55px;
}

.search-col .search-wrapper .search-results .search-results-wrapper {
    max-height: 600px;
    overflow-y: scroll;
    padding-right: 0;
    border-bottom: 10px solid var(--white);
}

.search-col .search-wrapper .seach-result-item {
    display: flex;
    flex-direction: row;
    padding: 10px;
    border-bottom: 1px solid var(--light-black);
}

.search-col .search-wrapper .seach-result-item:last-of-type {
    border-bottom: none;
    padding-bottom:0;
}

.search-col .search-wrapper .seach-result-item .result-img {
    display: block;
    height: fit-content;
    width: 40%;
    aspect-ratio: 1.4/1;
    overflow: hidden;
}

.search-col .search-wrapper .seach-result-item .result-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-col .search-wrapper .seach-result-item .result-body {
    width: 60%;
    text-decoration: none;
    padding-left: 10px;
}

.search-col .search-wrapper .result-title {
    font-family: var(--font-bold);
    font-size: 16px;
    color:var(--primary-color);
    margin-bottom:5px;
    text-decoration: none;
    transition: var(--transition);
}

.search-col .search-wrapper .result-title:hover {
    color:var(--secondary-color);
}

.search-col .search-wrapper .result-address {
    font-size: 14px;
    margin: 0 0 3px;
    font-family: var(--font-light);
    color:var(--black);
}

.search-col .search-wrapper .result-info-wrapper  {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 100%;
    justify-content: space-between;
}

.search-col .search-wrapper .result-info-wrapper .spaceChirie,
.search-col .search-wrapper .result-info-wrapper .surface {
    margin: 0;
    font-family: var(--font-medium);
    color: Var(--black);
    font-size: 14px;
    display: flex;
    align-items: center;
    height: 30px;
    gap: 8px;
    line-height: .6;
}

.search-col .search-wrapper .result-info-wrapper .spaceChirie span,
.search-col .search-wrapper .result-info-wrapper .surface span {
    color:var(--black);
    width:90px;
}

.search-col .search-wrapper .result-info-wrapper .spaceChirie svg,
.search-col .search-wrapper .result-info-wrapper .surface svg {
    width: 20px;
    height: 20px;
    display: block;
}

.search-col .search-wrapper .result-info-wrapper .result-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-top: 1px solid var(--light-black);
    border-bottom: 1px solid var(--light-black);
}

.search-col .search-wrapper .result-info-wrapper .result-info .actualizare  {
    margin: 0;
    font-family: var(--font-light);
    color:Var(--black);
    font-size:12px;
    line-height: 1.2;
}

.search-col .search-wrapper.expand-search button.search-hide {
    opacity:1;
}

body.page-id-70 .secondary-header .menu-col .filters-col,
body.page-id-207 .secondary-header .menu-col .filters-col {
    max-width: 60%;
    flex: auto;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;max-width: 60%;
    flex: auto;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    width: 100%;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group {
    margin:0;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group select,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group select {
    height: 40px;
    width: auto;
    border: 1px solid var(--light-black);
    border-radius: 0;
    padding: 0 10px;
    font-family: var(--font-light);
    color: var(--black);
    outline: none!important;
    box-shadow: none!important;
    cursor: pointer;
    transition: var(--transition);
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group .dropdown button,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group .dropdown button {
    height: 40px;
    width: auto;
    border: 1px solid var(--light-black);
    border-radius: 0;
    padding: 0 10px;
    font-family: var(--font-light);
    color: var(--black);
    outline:none!important;
    box-shadow:none!important;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector button,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector button {
    height: 40px;
    width: auto;
    border: 1px solid var(--light-black);
    border-radius: 0;
    padding: 0 10px;
    font-family: var(--font-light);
    color: var(--black);
    outline: none!important;
    box-shadow: none!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu {
    width: 200px;
    border: 0;
    border-radius: 0;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-item,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-item {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
    font-family: var(--font-light);
    transition: var(--transition);
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-item:hover,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-item:hover {
    background-color:var(--secondary-color);
    color:var(--white);
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-item:after,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-item:after {
    position: absolute;
    right: 20px;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-menu,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.zone_selector .btn-group > .dropdown-menu .dropdown-menu {
    left: auto;
    right: -300px;
    float: right;
    min-width: auto;
    width: 300px;
    transform: none;
    border: none;
    top: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata button,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata button {
    height: 40px;
    width: auto;
    border: 1px solid var(--light-black);
    border-radius: 0;
    padding: 0 10px;
    font-family: var(--font-light);
    color: var(--black);
    outline: none!important;
    box-shadow: none!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu {
    padding: 10px;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range label,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range label {
    font-family: var(--font-light);
    font-size:18px;
    margin:0;
    color:var(--black);
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range input,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range input {
    width:100px;
    border:1px solid var(--primary-color);
    outline: none !important;
    box-shadow: none!important;
    transition: var(--transition);
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range input:hover,
body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range input:focus,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range input:hover,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surface-range input:focus {
    border:1px solid var(--secondary-color)
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surfaceValue,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu #surfaceValue {
    margin: 10px 0;
    font-family: var(--font-light);
    font-size: 16px;
    color: var(--secondary-color);
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu button,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu button {
    background-color:var(--primary-color);
    border:none;
    padding:0 30px;
    color:var(--white);
    transition: var(--transition);
}

body.page-id-70 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu button:hover,
body.page-id-207 .secondary-header .menu-col .filters-col .filters-content .form-group.selector-suprafata .dropdown-menu button:hover {
    background-color: var(--secondary-color);
}

body.page-id-70 .secondary-header .menu-col .filters-col .spinner-border,
body.page-id-207 .secondary-header .menu-col .filters-col .spinner-border {
    width: 100%;
    height: 30px;
    max-width: 30px;
}

body.page-id-70 .secondary-header .menu-col .buttons-col,
body.page-id-207 .secondary-header .menu-col .buttons-col {
    display: flex;
    max-width: 20%;
    flex: auto;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding-right: 0;
}

body.page-id-70 .secondary-header .menu-col .buttons-col button,
body.page-id-207 .secondary-header .menu-col .buttons-col button {
    border-radius: 0;
    border: none;
    padding: 5px;
    width: 100%;
    height: 40px;
    font-family: var(--font-light);
    letter-spacing: 0.5px;
    color: var(--white);
    background-color: var(--primary-color);
    outline: none!important;
    box-shadow: none!important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
}

body.page-id-70 .secondary-header .menu-col .buttons-col button:hover,
body.page-id-207 .secondary-header .menu-col .buttons-col button:hover {
    background-color:var(--secondary-color);
}

body.page-id-70 .secondary-header .menu-col .buttons-col .reset-btn,
body.page-id-207 .secondary-header .menu-col .buttons-col .reset-btn {
    border-radius: 0;
    border: none;
    padding: 0 5px;
    font-family: var(--font-medium);
    letter-spacing: 0.5px;
    color: var(--black);
    width: fit-content;
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 0;
    line-height: .8;
    height: 18px;
    text-transform: lowercase;
    text-decoration: none;
    border-bottom: 1px solid var(--black);
    transition: var(--transition);
}

body.page-id-70 .secondary-header .menu-col .buttons-col .reset-btn:hover,
body.page-id-207 .secondary-header .menu-col .buttons-col .reset-btn:hover {
    color:var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

body.page-id-70 .secondary-header .prom-col,
body.page-id-207 .secondary-header .prom-col {
    display:none;
}

/* ------------------------------------------------------------------ MODAL FILTRE ------------------------------------------------------------------ */

.filters_modal{
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

.filters_modal .modal-dialog {
    margin: auto;
    height: 100vh;
    display: flex;
    align-items: center;
}

.filters-modal .modal-content {
    border:none;
    border-radius: 0;
}

.filters_modal .modal-header {
    padding: 0 20px;
    display: flex;
    border-radius: 0;
    height: 70px;
    align-items: center;
}

.filters_modal .modal-header h5 {
    font-family: var(--font-bold);
    text-transform: uppercase;
    font-size: 18px;
    color: var(--black);
    line-height: 100%;
}

.filters_modal .modal-header button {
    padding: 0;
    position: relative;
    margin: 0;
    font-size: 48px;
    height: 30px;
}

.filters_modal .modal-header button span {
    display: block;
    height: 30px;
    line-height: .45;
}

.filters_modal .modal-body h6 {
    font-family: var(--font-bold);
    font-size: 16px;
    color: var(--black);
    margin: 0 0 10px;
    position:relative;
}

.filters_modal .modal-body h6:after {
    display:none;
}

.filters_modal .modal-body .form-group select {
    height: 40px;
    width: 100%;
    border: 1px solid var(--light-black);
    border-radius: 0;
    padding: 0 10px;
    font-family: var(--font-light);
    color: var(--black);
    outline: none!important;
    box-shadow: none!important;
    cursor: pointer;
    transition: var(--transition);
}

.filters_modal .modal-body .form-group {
    margin:0;
    transition: var(--transition);
}

.filters_modal .modal-body label {
    font-family: var(--font-light);
    transition: var(--transition);
}

.filters_modal .modal-body label:hover {
    color:var(--primary-color);
}

.filters_modal .modal-body .col-md-4 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filters_modal .modal-body .col-md-4 #AdvancedSelectZone {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filters_modal .modal-body .form-group .subzone .multiselect {
    border: none!important;
    border-bottom:1px solid var(--black)!important;
    border-radius: 0;
    font-family: var(--font-light);
    outline: none!important;
    box-shadow: none!important;
}

.filters_modal .modal-body .subzone .multiselect-container {
    bottom: auto!important;
    top: 0!important;
    transform: none!important;
    max-height: 450px;
    width: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid var(--light-black);
    border-radius: 0;
}

.filters_modal .modal-footer {
    height: 70px;
    padding: 0 20px;
    display: flex;
    border-radius: 0;
}

.filters_modal .modal-footer .d-flex {
    margin: 0;
    gap: 20px;
    align-items: center;
}

.filters_modal .modal-footer .btn-info {
    border-radius: 0;
    border: none;
    padding: 5px 30px;
    width: 100%;
    height: 40px;
    font-family: var(--font-light);
    letter-spacing: 0.5px;
    color: var(--white);
    background-color: var(--primary-color);
    outline: none!important;
    box-shadow: none!important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filters_modal .modal-footer .btn-danger {
    border-radius: 0;
    border: none;
    padding: 0 5px;
    font-family: var(--font-medium);
    letter-spacing: 0.5px;
    color: var(--black);
    width: fit-content;
    display: block;
    text-align: center;
    background-color: transparent;
    font-size: 14px;
    margin: 0;
    line-height: .8;
    height: 18px;
    text-transform: lowercase;
    text-decoration: none;
    border-bottom: 1px solid var(--black);
    transition: var(--transition);
}

/* ------------------------------------------------------------------ FOOTER ------------------------------------------------------------------ */

footer {
    padding:50px 0 0;
    margin-top: 0;
    background-color: #000000f5;
    position:relative;
}

footer .footer-title h4 {
    font-family: var(--font-bold);
    font-size:24px;
    color:var(--white);
    margin-bottom:20px;
    height: 30px;
}

footer .footer-title p {
    font-family: var(--font-bold);
    font-size:24px;
    color:var(--white);
    margin-bottom:20px;
    height: 30px;
}

.footer-logo-desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-logo-desc .module.module-image img {
    filter: contrast(0) brightness(5);
    height: 40px;
    width: auto;
}

.footer-logo-desc .footer-desc {
    margin: 10px 0;
}

.footer-logo-desc .footer-desc p {
    margin: 0;
    font-family: var(--font-bold);
    font-size: 18px;
}

.footer-logo-desc .module-social ul {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0;
}

.footer-logo-desc .module-social a {
    color: transparent;
    padding: 0;
    text-decoration: none;
    position: relative;
    width: 40px;
    overflow: hidden;
    display: block;
    height: 40px;
}

.footer-logo-desc .module-social a:before {
    position: absolute;
    font-family: "Font Awesome 5 Brands";
    font-size: 28px;
    color: Var(--white);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: fit-content;
    height: fit-content;
    margin: auto auto 0;
    line-height: 1;
    transition:var(--transition);
}

.footer-logo-desc .module-social a:hover:before {
    color: Var(--primary-color);
}

.footer-logo-desc .module-social .s-facebook a:before {
    content: "\f39e";
}

.footer-logo-desc .module-social .s-instagram a:before {
    content: "\e055";
}

.footer-logo-desc .module-social .s-linkedin a:before {
    content: "\f0e1";
}

.footer-menu ul.nav,
.footer-logo-desc ul.nav {
    display:flex;
    flex-direction: column;
}

footer .nav-link {
    padding:0;
    color:var(--white);
    text-decoration:none;
    font-family: var(--font-light);
    font-size:16px;
    margin:0;
    display:flex;
    width: fit-content;
    transition: var(--transition);
}

footer .nav-link:hover {
    color:var(--primary-color);
}

.footer-menu .nav-link {
    margin:0 0 20px;
}

.footer-menu ul li:last-of-type .nav-link {
    margin:0;
}

.footer-contact p {
    color:var(--white);
    text-decoration:none;
    font-family: var(--font-light);
    font-size:16px;
    margin:0 0 10px;
    height:30px;
    display:flex;
}

.footer-contact .footer-contact-mail p {
    margin:0;
}

.footer-contact p a {
    color:var(--white);
    text-decoration:none;
    font-family: var(--font-light);
    margin:0;
    transition: var(--transition);
}

.footer-contact p:hover a {
    color:var(--primary-color);
}

.footer-contact-address p {
    height:50px;
    display:flex;
    align-items: center;
}

.footer-contact-address p:before {
    content: '\f041';
    font-family: FontAwesome;
    color: var(--white);
    font-size: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    width: 16px;
    transition: var(--transition);
}

.footer-contact-phone p:before {
    content: '\f10b';
    font-family: FontAwesome;
    color: var(--white);
    font-size: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    width: 16px;
    transition: var(--transition);
}

.footer-contact-mail p:before {
    content: '\f003';
    font-family: FontAwesome;
    color: var(--white);
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    width: 16px;
    transition: var(--transition);
}

.footer-contact p:hover:before {
    color: var(--primary-color);
}

footer .footer-bottom {
    border-top: 1px solid #ffffff2e;
    padding: 20px 0;
    margin-top: 20px;
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: center;
}

footer .footer-bottom ul {
    justify-content: center;
    gap:50px;
}

footer .footer-bottom .module-image {
    width: fit-content;
}

footer .footer-bottom .module-image a {
    display:block;
    height:30px;
    width: fit-content;
}

footer .footer-bottom .module-image a img {
    height:100%;
    width: auto!important;
}

/* ------------------------------------------------------------------ HOMEPAGE ------------------------------------------------------------------ */

.section-top-homepage{
    position: relative;
    height: calc(100vh - 140px);
    margin-top: 140px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    gap:50px;
}

.section-top-homepage:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    pointer-events: none;
}

.section-top-homepage .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto auto 0;
    gap: 20px;
    height: fit-content;
    z-index: 10;
}

.section-top-homepage .text h1 {
    font-size: 38px;
    color: var(--black);
    font-family: var(--font-medium);
    max-width: 700px;
    margin-bottom: 20px;
    line-height: 1.1;
    text-transform: uppercase;
}

.section-top-homepage .text h1 a {
    text-decoration: none;
    font-family: var(--font-bold);
    color:var(--black);
    transition: var(--transition);
}

.section-top-homepage .text h1 a:hover {
    color:var(--red);
}

.section-top-homepage .text p {
    font-size:21px;
    color:var(--black);
    font-family: var(--font-light);
    max-width:700px;
    margin-bottom: 0;
}

.section-top-homepage .prefilter-homepage {
    z-index: 1;
}

.section-top-homepage .prefilter-homepage .radio-select-options {
    display:flex;
    flex-direction: row;
    gap:20px;
}

.section-top-homepage .prefilter-homepage .radio-select-options .radio-option {
    position:relative;
    padding: 0 20px;
}

.section-top-homepage .prefilter-homepage .radio-select-options label {
    padding: 0;
    font-family: var(--font-light);
    color: Var(--black);
    width: 170px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 20px;
}

.section-top-homepage .prefilter-homepage .radio-select-options input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    width: 100%;
    height:100%;
    left:0;
    background-color: transparent;
    z-index: -1;
    transition: all 0.15s linear;
}

.section-top-homepage .prefilter-homepage .radio-select-options input:before {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px);
    -moz-backdrop-filter:blur(10px);
    background-color: var(--white);
}

.section-top-homepage .prefilter-homepage .radio-select-options input:checked:before {
    background-color:var(--white);
}

.section-top-homepage .prefilter-homepage .radio-select-options input:checked + label {
    border-bottom:1px solid var(--primary-color);
}

.section-top-homepage .prefilter-homepage .select-and-search {
    display:flex;
    flex-direction: row;
    gap:30px;
    width: fit-content;
    position:relative;
    padding:20px;
    backdrop-filter: blur(10px);
    background-color:var(--white);
}

.section-top-homepage .prefilter-homepage .select-and-search .select-form {
    display: flex;
    align-items: center;
}

.section-top-homepage .prefilter-homepage .select-and-search .select-form p {
    font-size: 18px;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom: 0;
    margin-right: 10px;
}

.section-top-homepage .prefilter-homepage .select-and-search .select-form select {
    width: 170px;
    border: 1px solid #16161647;
    background-color: transparent;
    height: 50px;
    font-family: var(--font-light);
    color: Var(--black);
    padding: 0px 10px;
    outline: none!important;
    box-shadow: none!important;
    font-size: 18px;
    text-align: center;
}

.section-top-homepage .prefilter-homepage .select-and-search .select-form select option {
    text-align:left;
}

.section-top-homepage .prefilter-homepage .select-suprafata .suprafata-dropdown-button {
    width: 170px;
    border: 1px solid #16161647;
    background-color: transparent;
    height: 50px;
    font-family: var(--font-light);
    color: Var(--black);
    padding: 0px 10px;
    outline: none!important;
    box-shadow: none!important;
    font-size: 18px;
}

.section-top-homepage .prefilter-homepage .select-suprafata #suprafata-home-dropdown {
    position: absolute;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter:blur(10px);
    -moz-backdrop-filter:blur(10px);
    background-color: var(--white);
    z-index: 10;
    top: 90px;
    left: 0;
}

.section-top-homepage .prefilter-homepage .select-suprafata #suprafata-home-dropdown #surface-range {
    display: flex;
    gap: 30px;
    padding: 0 20px;
}

.section-top-homepage .prefilter-homepage .select-suprafata .suprafata-div {
    padding: 0;
    height: 50px;
    display: flex;
    width: 170px;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.section-top-homepage .prefilter-homepage .select-suprafata .suprafata-div label {
    font-family: var(--font-light);
    color: Var(--black);
    margin: 0;
    width: 25px;
}

.section-top-homepage .prefilter-homepage .select-suprafata .suprafata-div input {
    border: 1px solid #16161647;
    background-color: transparent;
    height: 34px;
    font-family: var(--font-light);
    color: Var(--black);
    padding: 0px 10px;
    outline: none!important;
    box-shadow: none!important;
    font-size: 16px;
    width: 100%;
}

.section-top-homepage .prefilter-homepage .select-suprafata .suprafata-div input::placeholder {
    color:var(--black);
}

.section-top-homepage .prefilter-homepage .select-suprafata .suprafata-div span {
    font-family: var(--font-light);
    color: Var(--black);
    margin: 0;
}

.section-top-homepage .prefilter-homepage .select-and-search .btn-primary {
    padding: 0px 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-top-homepage .prefilter-homepage .select-and-search .btn-primary:after {
    content: '\f002';
    width: 50px;
    height: 50px;
    position: relative;
    right: -50px;
}

.section-top-homepage .extra-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto auto;
    gap: 20px;
    height: fit-content;
    z-index: 1;
}

.section-top-homepage .extra-content p {
    font-size: 21px;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom: 0;
}

.section-top-homepage .extra-content .btn-primary {
    width: 230px;
    text-align: left;
}

.section-2-homepage {
    gap:30px;
    margin: 100px auto;
}

.section-2-homepage .text-content {
    padding:0;
}

.section-2-homepage .text-content h2 {
    font-size: 38px;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 10px;
    line-height: 1.1;
}

.section-2-homepage .text-content p {
    font-size: 18px;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom:0;
}

.section-2-homepage .rent-col {
    position: relative;
    padding: 0;
    max-width: calc(33.333333% - 20px);
    background-color: var(--light-gray);
    display: flex;
    flex-direction: column;
}

.section-2-homepage .rent-col .rent-image {
    aspect-ratio: 1.4/1;
    overflow: hidden;
    position: relative;
}

.section-2-homepage .rent-col .rent-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-2-homepage .rent-col .rent-icon {
    position: absolute;
    width: 100%;
    aspect-ratio: 1.4/1;
    display: flex;
    justify-content: unset;
    align-items: end;
    top: 0;
    left: 0;
}

.section-2-homepage .rent-col .rent-icon i {
    position: relative;
    color: Var(--primary-color);
    font-size: 48px;
    height: 100px;
    width: 100px;
    background-color: #ffffff91;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    left: 20px;
    bottom: -50px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter:blur(6px);
    -moz-backdrop-filter:blur(6px);
}

.section-2-homepage .rent-col .rent-text {
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 70px 20px 0;
    margin-bottom: 20px;
}

.section-2-homepage .rent-col .rent-text h3 {
    font-size: 28px;
    font-family: var(--font-medium);
    margin: 0 0 10px;
    color:var(--black);
}

.section-2-homepage .rent-col .rent-text p {
    line-height: 1.4;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom: 0;
    font-size: 18px;
}

.section-2-homepage .rent-col .rent-btn {
    padding: 0 20px 20px;
    margin: auto 0 0;
}

.section-3-homepage {
    margin:auto auto 100px;
    gap:40px;
}

.section-3-homepage .text-content h2 {
    font-size: 38px;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 10px;
    line-height: 1.1;
}

.section-3-homepage .text-content p {
    font-size: 18px;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom: 0;
}

.section-3-homepage .icon-col {
    max-width: calc(25% - 30px);
    min-height: 180px;
    height: auto;
    padding: 20px;
    position: relative;
    background-color: var(--light-gray);
    z-index: 1;
}

.section-3-homepage .icon-col .icon-content {
    padding: 15px;
    background-color: #ffffff91;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    border-radius: 50%;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter:blur(6px);
    -moz-backdrop-filter:blur(6px);
    margin-bottom: 10px;
}

.section-3-homepage .icon-col .icon-content svg {
    stroke: var(--primary-color);
}

.section-3-homepage .icon-col .icon-text > *{
    line-height: 1.4;
    color: var(--black);
    font-family: var(--font-medium);
    margin-bottom: 0;
}

.section-3-homepage .icon-col .icon-absolute {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    right: 50px;
    opacity: 1;
    z-index: -1
}

.section-3-homepage .icon-col .icon-absolute svg {
    width: 100%;
    height: 100%;
    fill: var(--white);
}

.section-4-homepage {
    padding: 100px 0;
    background-size: cover;
    background-position: center;
}

.section-4-homepage .content {
    display:flex;
    flex-direction:column;
    justify-content: center;
}

.section-4-homepage .content h2 {
    font-size: 38px;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 20px;
    line-height: 1.1;
}

.section-4-homepage .content p {
    font-size: 18px;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom: 20px;
}

.section-5-homepage {
    margin:100px auto;
}

.section-5-homepage h2 {
    font-size: 38px;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 10px;
    line-height: 1.1;
}

.section-5-homepage p {
    line-height: 1.4;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom: 0;
    font-size: 18px;
}

.section-5-homepage .links-content {
    display:flex;
    flex-wrap:wrap;
    margin-top:50px;
    gap: 30px;
}

.section-5-homepage .links-content .link-btn {
    max-width: calc(33.333333% - 20px);
    width: 100%;
    position: relative;
    display: flex;
    height: 60px;
}

.section-5-homepage .links-content .link-btn:before {
    content: '\f178';
    font-family: FontAwesome;
    color: var(--white);
    background-color: var(--primary-color);
    height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
}

.section-5-homepage .links-content .link-btn a {
    padding: 0;
    width: calc(100% - 60px);
    border:1px solid var(--light-black);
    border-radius: 0;
    border-left: 0;
    display: flex;
    position:relative;
    justify-content: center;
    align-items: center;
    font-family: var(--font-light);
    font-size: 18px;
    color: var(--black);
    transition: var(--transition);
}

.section-5-homepage .links-content .link-btn a:before {
    content:'';
    position:absolute;
    max-width:0;
    width: 100%;
    height:100%;
    background-color: var(--primary-color);
    top:0;
    left:0;
    z-index: -1;
    transition: var(--transition);
}

.section-5-homepage .links-content .link-btn:hover a {
    color:var(--white);
    border:1px solid var(--primary-color);
    border-left: 0;
}

.section-5-homepage .links-content .link-btn:hover a:before {
    max-width:100%;
}

.section-6-homepage {
    margin:auto auto 100px;
}

.section-6-homepage .content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.section-6-homepage .text-content h2 {
    font-size: 38px;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 0;
    line-height: 1.1;
}

.section-7-homepage {
    margin:auto auto 100px;
}

.section-7-homepage h2 {
    font-size: 38px;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 10px;
    line-height: 1.1;
}

.section-7-homepage p {
    line-height: 1.4;
    color: var(--black);
    font-family: var(--font-light);
    margin-bottom: 0;
    font-size: 18px;
}

.section-7-homepage p a {
    color:Var(--primary-color);
    font-family: var(--font-bold);
    text-decoration:none;
}

/* ------------------------------------------------------------------ BLOG ------------------------------------------------------------------ */

.section-blog-header {
    margin: 150px 0 0;
}

.section-blog-header .content {
    padding:0;
}

.section-blog-header h1 {
    font-family: var(--font-bold);
    color: var(--black);
    margin: 0;
}

.section-blog-header p {
    font-family: var(--font-light);
    color: var(--black);
    margin: 20px 0 0;
}

.section-blog-body {
    margin: auto auto 50px;
}

.posts-grid {
    gap:30px 0;
}

.posts-grid .post-image a {
    display:block;
    width:100%;
    aspect-ratio:1.4/1;
    overflow: hidden;
    position: relative;
}

.posts-grid .post-image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-content {
    padding:20px;
    background-color:var(--light-gray);
}

.post-content .post-date {
    font-family: var(--font-light);
    font-size:16px;
    color:var(--black);
    display:block;
    margin: 0 0 10px;
    line-height: 1;
}

.post-content .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color:var(--black);
    line-height: 1;
    font-family: var(--font-bold);
    margin-bottom: 0;
    font-size: 20px;
    text-decoration:none;
    transition: var(--transition);
}

.post-content .post-title:hover {
    color:var(--secondary-color);
}

.post-content .post-description {
    line-height: 1.4;
    color: var(--black);
    font-family: var(--font-light);
    margin: 10px 0 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-content .btn-primary {
    display: flex;
    width: fit-content;
    text-decoration:none;
}

.section-blog-body .pagination-posts {
    margin:50px 0 0;
    justify-content: center;
    gap: 10px;
}

.section-blog-body .pagination-posts li {
    width: 30px;
    height: 30px;
    border: 1px solid var(--light-gray);
    background-color:transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:var(--transition);
}

.section-blog-body .pagination-posts li:hover {
    background-color: var(--secondary-color);
    border:1px solid var(--secondary-color);
}

.section-blog-body .pagination-posts li span {
    color:var(--black);
    font-family: var(--font-medium);
}

.section-blog-body .pagination-posts li a,
.section-blog-body .pagination-posts li span {
    font-family: var(--font-medium);
    color: var(--primary-color);
    text-decoration: none;
    height: 30px;
    transition: var(--transition);
}

.section-blog-body .pagination-posts li:hover a {
    color:var(--white);
}

.section-blog-end {
    margin: 0;
}

.section-blog-end .content {
    margin-bottom: 50px;
    padding: 0;
}

.section-blog-end .content h3 {
    font-family: var(--font-bold);
    color:var(--black);
    font-size:28px;
}

.section-blog-end .content p {
    color: var(--black);
    font-family: var(--font-light);
    margin: 0;
}

/* ------------------------------------------------------------------ BLOG - INDIVIDUAL ------------------------------------------------------------------ */

.type-posts {
    min-height: 100vh;
    padding-top: 140px;
}

.type-posts .content {
    border-top:1px solid var(--light-gray);
    padding-top:50px;
}

.post-header .post-title h1 {
    margin: 0;
    font-family: var(--font-bold);
    font-size:28px;
    color:var(--black);
}

.post-header .post-title .post-date {
    font-family: var(--font-light);
    background-color: var(--primary-color);
    padding: 5px 20px 7px;
    margin-top: 5px;
    display: block;
    width: fit-content;
    color: var(--white);
    line-height: 16px;
    font-size: 14px;
}

.post-header .post-image {
    aspect-ratio: 1.4/1;
}

.post-header .post-image img {
    width: 100%;
    height:100%;
    object-fit: cover;
}

.post-body {
    margin:20px 0;
}

.post-body > * {
    font-family: var(--font-light);
    color:var(--black);
    margin-bottom:10px;
}

.post-body > *:first-child {
    margin-top:0!important;
}

.post-body > *:last-child {
    margin-bottom:0!important;
}

.post-body a {
    color:var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}

.post-body a:hover {
    color:var(--red);
}

.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
    font-size:24px;
    font-family: var(--font-bold);
    margin:20px 0;
}

.post-gallery .gallery-content {
    margin:0 -10px;
}

.post-gallery img {
    width:100%;
    height:100%;
    object-fit: cover;
}

.post-gallery .slick-slide {
    height: unset;
    aspect-ratio: 1.4/1;
    margin:0 10px;
}

.post-gallery .slick-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 1rem;
    opacity: 1;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    outline: none!important;
    box-shadow: none!important;
    border: 2px solid var(--black);
    transform: none;
    transition: var(--transition);
}

.post-gallery .slick-prev:before {
    content:'\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:var(--black);
    font-size:18px;
    opacity:1;
    transition: var(--transition);
}

.post-gallery .slick-prev:hover {
    background-color:var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

.post-gallery .slick-prev:hover:before {
    color:var(--white);
}

.post-gallery .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    right: 1rem;
    opacity: 1;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    outline: none!important;
    box-shadow: none!important;
    border: 2px solid var(--black);
    transform: none;
    transition: var(--transition);
}

.post-gallery .slick-next:hover {
    background-color:var(--secondary-color);
    border: 2px solid var(--secondary-color);
}

.post-gallery .slick-next:before {
    content:'\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:var(--black);
    font-size:18px;
    opacity:1;
    transition: var(--transition);
}

.post-gallery .slick-next:hover:before {
    color:var(--white);
}

.post-buttons {
    margin-top:50px;
    display: flex;
    flex-direction: row;
}

.post-buttons a {
    background-color: var(--primary-color);
    color: var(--white);
    font-family: var(--font-bold);
    text-decoration: none;
    height: 50px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
    padding: 0 20px;
}

.post-buttons .prev-post-btn {
    margin:0 auto 0 0;
}

.post-buttons .next-post-btn {
    margin:0 0 0 auto;
}

.similar-posts {
    padding:50px 0;
}

.similar-posts .similar-posts-header > * {
    font-size:28px;
    font-family: var(--font-bold);
    color:var(--black);
    margin:0 0 20px;
}

/* ------------------------------------------------------------------ CONTACT ------------------------------------------------------------------ */

.section-contact {
    margin: auto auto 50px;
    gap: 15px;
}

.section-contact .col-contact {
    flex: auto;
    max-width: calc(33.333333% - 10px);
    padding: 20px;
    background-color: var(--light-gray);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-contact .col-contact .col-title > * {
    font-family: var(--font-bold);
    font-size: 24px;
    color: var(--black);
    margin-bottom: 0px;
}

.section-contact .module-fickle {
    display:flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.section-contact .module-fickle .fickle-text-content {
    padding-left:30px;
}

.section-contact .module-fickle .fickle-text-content p {
    margin: 0;
    font-family: var(--font-light);
}

.section-contact .module-fickle .fickle-text-content p a {
    color: var(--black);
}

.section-contact .module-fickle .fickle-additional-html-code {
    position: absolute;
    top: 5px;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 20px;
    width: 100%;
}

.section-contact .module-fickle .fickle-additional-html-code i {
    font-size: 18px;
}

.section-form-map {
    margin-bottom:50px;
}

.section-form-map .form-column .form-group.btn-section {
    margin-bottom:0;
}

.section-form-map .form-column .form-content label {
    font-family: var(--font-light);
    color:var(--black);
    margin-bottom:5px;
}

.section-form-map .form-column .form-content input {
    border:1px solid var(--light-black);
    border-radius: 0;
    font-family: var(--font-light);
    color:var(--black);
    box-shadow:none!important;
    outline: none !important;
}

.section-form-map .form-column .form-content textarea {
    border:1px solid var(--light-black);
    border-radius: 0;
    font-family: var(--font-light);
    color:var(--black);
    box-shadow:none!important;
    outline: none !important;
    height:150px;
}

.section-form-map .form-column .agreement-radio span {
    font-family: var(--font-light);
    color:var(--black);
}

.section-form-map .form-column .agreement-radio a {
    color:var(--red);
    text-decoration:none;
}

.section-form-map .map-column .module-code,
.section-form-map .map-column .module-code iframe {
    height:100%;
    width:100%;
}

/* ------------------------------------------------------------------ SERVICII ------------------------------------------------------------------ */

.section-services {
    margin: 50px auto;
    gap:20px;
}

.section-services .icon-col {
    max-width: calc(50% - 10px);
    min-height: 180px;
    height: auto;
    padding: 20px;
    position: relative;
    background-color: var(--light-gray);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.section-services .icon-col .icon-content {
    padding: 15px;
    background-color: #ffffff91;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter:blur(6px);
    -moz-backdrop-filter:blur(6px);
}

.section-services .icon-col .icon-content svg {
    stroke: var(--primary-color);
}

.section-services .icon-col .icon-title {
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
    z-index: 2;
}

.section-services .icon-col .icon-title > * {
    line-height: 1.2;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 0;
    font-size: 20px;
}

.section-services .icon-col .icon-text {
    flex: 1;
    height: auto;
    z-index: 2;
}

.section-services .icon-col .icon-text > *{
    line-height: 1.4;
    color: var(--black);
    font-family: var(--font-medium);
    margin-bottom: 0;
}

.section-services .icon-col .icon-absolute {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
    right: 50px;
    opacity: 1;
}

.section-services .icon-col .icon-absolute svg {
    width: 100%;
    height: 100%;
    fill: var(--white);
}

/* ------------------------------------------------------------------ Pagina birouri ------------------------------------------------------------------ */

/* --------------------------------- Pin harta --------------------------------- */

.spinner_mask{
    position: absolute;
    top: 50%;
    left: 50%;
}

.mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgb(255, 255, 255 , 0.7);
}

.masked{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgb(255, 255, 255 , 0.7);
}

.principalmask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgb(255, 255, 255 , 0.7);
}

.labels_custom {
    color: var(--white) !important;
    font-size: 13px!important;
    font-family: var(--font-light)!important;
    position: relative;
    padding: 3px 5px 5px 5px;
    margin: 0;
    background-color: var(--red);
    border-radius: 7px;
    transition: var(--transition);
    font-weight: bolder;

}

.labels_custom.no_surface{
    background-color: var(--gray) !important;
}

.labels_custom::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 5px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background-color: var(--red);
    bottom: -5px;
    right: 0;
    left: 0;
    margin: auto;
    transition: var(--transition);
}

.labels_custom.no_surface::after{
    background-color: var(--gray) !important;
}

.labels_hover{
    color: var(--white) !important;
    font-size: 13px!important;
    font-family: var(--font-light)!important;
    position: relative;
    padding: 3px 5px 5px 5px;
    margin: 0;
    background-color: var(--primary-color);
    border-radius: 7px;
    transition:var(--transition);
    font-weight: bolder;
}

.labels_hover:after{
    content: '';
    position: absolute;
    width: 10px;
    height: 5px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background-color: var(--primary-color);
    bottom: -5px;
    right: 0;
    left: 0;
    margin: auto;
    transition:var(--transition);
}

.gm-style-iw-c{
    padding: 10px !important;
}

.gm-style-iw-c > button {
    outline: none!important;
    box-shadow: none!important;
    z-index: 1!important;
    right: 6px!important;
    top: 6px!important;
    width: 25px!important;
    height: 25px!important;
}

.gm-style-iw-c > button span {
    width: 25px!important;
    height: 25px!important;
    margin: 0!important;
}

.gm-style-iw-d{
    padding: 0 !important;
    overflow: hidden !important;
}

.gm-style-iw-d .content{
    display: flex;
    gap: 10px;
}

.gm-style-iw-d .window_image {
    position: relative;
    display: block;
    height: 200px;
    aspect-ratio: 1.4/1;
    width: 250px;
}

.gm-style-iw-d .window_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gm-style-iw-d .window_info{
    padding: 0;
    width: 200px;
    display: flex;
    flex-direction: column;
}

.gm-style-iw-d .window_info .window_title a {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 30px;
    font-family: var(--font-bold);
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}

.gm-style-iw-d .window_info .window_title a:hover {
    color:var(--secondary-color);
}

.gm-style-iw-d .window_info p {
    font-size: 14px;
    margin: 0 0 3px;
    font-family: var(--font-medium);
}

.gm-style-iw-d .window_info .window_address {
    display: flex;
    margin-bottom: 7px;
    padding-bottom: 7px;
    gap: 5px;
    border-bottom: 1px solid var(--light-black);
}

.gm-style-iw-d .window_info .window_surface {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
    padding-bottom: 7px;
    gap: 8px;
    border-bottom: 1px solid var(--light-black);
}

.gm-style-iw-d .window_info .window_price {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0.5rem;
}

.gm-style-iw-d .window_info .window_address svg {
    width: fit-content;
    height: 13px;
    margin-top: 1px;
    fill: var(--primary-color);
    display: none;
}

.gm-style-iw-d .window_info .window_address p {
    font-size: 14px;
    margin: 0 0 3px;
    font-family: var(--font-light);
}

.gm-style-iw-d .window_info .window_surface svg,
.gm-style-iw-d .window_info .window_price svg {
    width: 20px;
    height: 20px;
    display: block;
}

.gm-style-iw-d .map-buttons{
    margin-top: auto;
    display: flex;
    gap: 10px;
}

.gm-style-iw-d .map-buttons a,
.gm-style-iw-d .map-buttons button {
    font-size: 14px;
    font-family: var(--font-medium);
    color: Var(--white);
    padding: 5px 10px 8px;
    border: none;
    outline: none!important;
    box-shadow: none!important;
    border-radius: 0;
    letter-spacing: 0.25px;
    background-color: var(--gray);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    transition: var(--transition);
}

.gm-style-iw-d .map-buttons > span {
    width: 100%;
}

.gm-style-iw-d .map-buttons a.office_click {
    background-color: var(--primary-color);
}

.gm-style-iw-d .map-buttons button {
    background-color: var(--secondary-color);
}

.gm-style-iw-d .map-buttons a:hover,
.gm-style-iw-d .map-buttons button:hover {
    background-color: var(--hover-color);
}

.gm-style-iw-d .map-buttons button.is-favorite{
    background-color:var(--orange);
}

.gm-style-iw-d .map-buttons button i {
    display:none;
}

/* --------------------------------- Informatii lista birouri --------------------------------- */

.list_info{
    background-color: var(--light-gray);
    z-index: 99999;
    padding: 0;
    position: fixed;
    top:130px;
    height: 50px;
    justify-content: space-between;
}

.list_info .results-text {
    padding:0 20px;
}

.list_info .results-text p {
    font-family: var(--font-light);
    color: var(--black);
    font-size: 18px;
    gap: 5px;
}

.list_info .results-text p span {
    font-family: var(--font-bold);
    color: var(--danger);
}

.list_info .ordering_row {
    justify-content: flex-end;
    padding: 0 20px;
    gap: 5px;
}

.list_info .ordering_row label {
    font-family: var(--font-light);
    color: var(--black);
    font-size: 18px;
    width:fit-content;
}

.list_info .ordering_row select {
    width: fit-content;
    padding: 0 10px;
    height: 30px;
}

.categories-item-wrapper.officeSpace {
    padding: 10px;
    margin:auto;
    height: auto;
    justify-content: space-between;
    border-bottom: 2px solid var(--light-black);
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    transition: var(--transition);
}

/* --------------------------------- Descrieri lista birouri --------------------------------- */

.list-description h1 {
    font-family: var(--font-bold);
    color: var(--black);
    margin: 0;
    font-size: 28px;
    padding: 10px;
}

.list-description h3 {
    font-family: var(--font-bold);
    color:var(--black);
    margin: 0;
    font-size: 24px;
    padding: 10px;
}

.list-description .description {
    font-family: var(--font-light);
    color: var(--black);
    margin: 0;
    padding: 0 10px 10px;
}

.list-description .description > * {
    margin:0 0 10px!important;
}

.list-description .description > *:last-child {
    margin:0!important;
}

/* --------------------------------- Categorii birouri --------------------------------- */

.categories-item-wrapper.officeSpace .categories-item-image {
    padding: 0;
    height: fit-content;
    flex: unset;
    aspect-ratio: 1.4/1!important;
    max-width: 45%;
}

.categories-item-wrapper.officeSpace .categories-item-text {
    padding: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    cursor: pointer;
    max-width: 55%;
    flex: auto;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery {
    height:100%;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel {
    height:100%;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-inner {
    height:100%;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-inner  .carousel-item {
    position: relative;
    width:100%;
    height:100%;
    overflow: hidden;
    /* transition: -webkit-transform 0.01s ease-in-out;
    transition: transform 0.01s ease-in-out;
    transition: transform 0.01s ease-in-out, -webkit-transform 0.01s ease-in-out; */
    transition: 50ms;
    transform: none !important;
}

/* .carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  opacity: 0;
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  opacity: 0;
} */

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-inner  .carousel-item img {
    width:100%;
    height:100%;
    object-fit: cover;
    cursor: pointer;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-prev,
.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-next {
    opacity:1;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-prev .carousel-control-prev-icon,
.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-next .carousel-control-next-icon {
    position: relative;
    background: none!important;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-prev .carousel-control-prev-icon:before,
.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-next .carousel-control-next-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 28px;
    color: var(--white);
    text-shadow: 0px 0px 6px #000;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-prev .carousel-control-prev-icon:before {
    content:'\f053';
}

.categories-item-wrapper.officeSpace .categories-item-image .product-gallery .carousel .carousel-control-next .carousel-control-next-icon:before {
    content:'\f054';
}


.categories-item-wrapper.officeSpace .categories-item-image .product-feature-image {
    position:relative;
    height:100%;
    width:100%;
    overflow: hidden;
    cursor: pointer;
}

.categories-item-wrapper.officeSpace .categories-item-image .product-feature-image img {
    width: auto!important;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.categories-item-wrapper.officeSpace .categories-item-text .categ_title {
    font-size: 22px;
    font-family: var(--font-medium);
    margin: 0;
}

.categories-item-wrapper.officeSpace .categories-item-text .categ_title a {
    text-decoration: none;
    color: var(--primary-color);
    display: block;
}

.categories-item-wrapper.officeSpace .categories-item-text .spaceAddress {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin: 10px 0;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-black);
}

.categories-item-wrapper.officeSpace .categories-item-text .spaceAddress svg {
    display:none;
}

.categories-item-wrapper.officeSpace .categories-item-text .spaceAddress p {
    font-size: 16px;
    font-family: var(--font-light);
    color: var(--black);
    margin: 0;
    height: 20px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.categories-item-wrapper.officeSpace .categories-item-text .spaceDescription  {
    color: var(--black)!important;
    font-family: var(--font-light)!important;
    line-height:1.2!important;
    font-size:16px!important;
    margin:0 0 15px;
}

.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .space-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 100%;
    justify-content: space-between;
}

.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .spaceChirie,
.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .surface {
    margin: 0;
    font-family: var(--font-medium);
    color: Var(--black);
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 40px;
    gap: 8px;
    line-height: .6;
}

.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .spaceChirie span,
.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .surface span {
    color:var(--black);
    width:90px;
}

.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .spaceChirie svg,
.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .surface svg {
    width: 20px;
    height: 20px;
    display: block;
}

.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .space-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-top: 1px solid var(--light-black);
    border-bottom: 1px solid var(--light-black);
}

.categories-item-wrapper.officeSpace .categories-item-text .space-bottom-wrapper .space-info .actualizare  {
    margin: 0;
    font-family: var(--font-light);
    color:Var(--black);
    font-size:14px;
    line-height: 1.2;
}

.categories-item-wrapper.officeSpace .selectButton {
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px;
}

.categories-item-wrapper.officeSpace .selectButton button {
    padding: 10px;
    background-color: var(--secondary-color);
    border: none;
    box-shadow: none;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity:0.65;
    transition:var(--transition);
}

.categories-item-wrapper.officeSpace .selectButton button.is-favorite {
    background-color:var(--orange);
}

.categories-item-wrapper.officeSpace .selectButton button:hover,
.categories-item-wrapper.officeSpace .selectButton button.is-favorite:hover {
    opacity:1;
    background-color:var(--secondary-color);
}

.categories-item-wrapper.officeSpace .selectButton i {
    display:none;
}

.categories-item-wrapper.officeSpace .selectButton span {
    font-size: 16px;
    font-family: var(--font-medium);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: end;
    height: 20px;
}

.switch-office-view {
    display:none;
}

/* ------------------------------------------------------------------ Pagina birouri single ------------------------------------------------------------------ */

.product-page-header {
    margin-top: 140px;
    border-top: 1px solid var(--light-gray);
}

.product-title-content {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 0 0 20px;
}

.product-title-content .product-title {
    width:calc(70% - 20px);
}

.product-title-content .product-title h1 {
    font-size: calc(24px + (34 - 24) * ((100vw - 300px) / (1600 - 300)));
    color: var(--primary-color);
    font-family: var(--font-bold);
    margin: 10px 0 0;
}

.product-title-content .product-title .product-title-description {
    margin-top: 10px;
    font-size: 18px;
    color: var(--black);
    font-family: var(--font-light);
}

.product-title-content .product-title .product-title-description > * {
    margin-bottom:0!important;
}

.product-title-buttons {
    display: flex;
    gap: 20px;
    width:calc(30% - 20px);
    justify-content: flex-end;
}

.product-title-buttons .share_button .dropdown-toggle {
    background-color: var(--white);
    font-size: 16px;
    border-radius: 0;
    font-family: var(--font-light);
    color: var(--primary-color);
    height: 35px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 0.6;
    transition: var(--transition);
    border: 1px solid var(--primary-color);
}

.product-title-buttons .share_button .dropdown-toggle:active,
.product-title-buttons .share_button .dropdown-toggle:hover {
    background-color: var(--secondary-color);
    color: var(--white);
    border-color: var(--secondary-color);
}

.product-title-buttons .share_button .dropdown-toggle:after {
    display: none;
}

.product-title-buttons .dropdown-menu {
    padding: 0;
    margin: 0;
    border: 0;
    flex-direction: column;
    gap: 10px;
    width: fit-content;
    min-width: fit-content;
    padding-top: 0;
    transition: var(--transition);
}

.product-title-buttons .dropdown-menu.show {
    padding-top: 10px;
    display: flex;
}

.product-title-buttons .dropdown-menu li{
    padding: 0;
}

.product-title-buttons .dropdown-menu .btn-twitter {
    background-color: #3399CC !important;
    width: 51px;
    color:#FFFFFF!important;
}

.product-title-buttons .dropdown-menu .btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.product-title-buttons .dropdown-menu .btn-facebook {
    background-color: #3D5B96 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.product-title-buttons .dropdown-menu .btn-whatsapp {
    background-color: #10d731 !important;
    width: 51px;
    color:#FFFFFF!important;
}

.product-title-buttons .dropdown-menu .btn-linkedin {
    background-color: #1884BB !important;
    width: 51px;
    color:#FFFFFF!important;
}

.product-title-buttons .dropdown-menu .btn-pinterest {
    background-color: #CC1E2D !important;
    width: 51px;
    color:#FFFFFF!important;
}

.product-title-buttons .dropdown-menu .btn-mail {
    background-color: #FFC90E !important;
    width: 51px;
    color:#FFFFFF!important;
}

.product-title-buttons .pdf_print button {
    background-color: transparent;
    font-size: 16px;
    border-radius: 0;
    font-family: var(--font-light);
    color: var(--primary-color);
    height: 35px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 0.6;
    outline:none!important;
    box-shadow:none!important;
    transition: var(--transition);
    border: 1px solid var(--primary-color);
}

.product-title-buttons .pdf_print button:active,
.product-title-buttons .pdf_print button:hover {
    background-color: var(--secondary-color) !important;
    color: var(--white) !important;
    border-color: var(--secondary-color) !important;
}

.single-product-row {
    margin: auto;
    padding-top: 20px;
    border-top: 1px solid var(--light-gray);
    justify-content: space-between;
}

.single-product-row .product-image-wrapper {
    max-width: calc(70% - 20px);
    flex: auto;
    padding: 0;
}

.single-product-row .product-image-wrapper .navigate-button {
    display: flex;
    justify-content: space-between;
    background-color: var(--extra-light-gray);
    align-items: center;
    height: 60px;
    padding: 0 10px;
}

.single-product-row .product-image-wrapper .navigate-button p {
    margin: 0;
    font-family: var(--font-medium);
    color: var(--black);
    display: flex;
    align-items: center;
    gap: 10px;
}

.single-product-row .product-image-wrapper .navigate-button p svg {
    height: 20px;
}

.single-product-row .product-image-wrapper .navigate-button .product-action-buttons {
    display: flex;
    gap: 10px;
}

.single-product-row .product-image-wrapper .navigate-button .product-action-buttons a {
    outline: none!important;
    box-shadow: none!important;
    background-color: var(--secondary-color);
    border: none;
    font-size: 16px;
    border-radius: 0;
    font-family: var(--font-light);
    color: var(--white);
    height: 35px;
    /* padding: 0 20px; */
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 0.6;
    transition: var(--transition);
    padding: 0 20px 3px 20px;
    justify-content: center;
}

.single-product-row .product-image-wrapper .navigate-button .product-action-buttons a:hover {
    background-color:var(--secondary-color);
}

.single-product-row .product-image-wrapper .navigate-button .product-action-buttons a i {
    margin-top: 2px;
}

.single-product-row .single-product-image-col {
    padding:20px 0 0;
}

.single-product-row .single-product-image-col .product-gallery {
    display: flex;
    flex-direction: row;
    height: 100%;
    gap: 10px;
}

.single-product-row .single-product-image-col .stat_oferta {
    position: absolute;
    padding: 10px;
    background-color: var(--gray);
    margin: 0;
    left: 20px;
    color: var(--white);
    font-weight: 500;
    z-index: 2;
    top: 44px;
    width: fit-content;
    pointer-events: none;
    font-family: var(--font-bold);
}

.single-product-row .single-product-image-col .slick-slider-gallery {
    border: none;
    width: calc(100% - 8vw - 10px);
    /* aspect-ratio: 1.4/1; */
}

.single-product-row .single-product-image-col .slick-slider-gallery .slick-slide {
    height: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 1.4/1;
    cursor: pointer;
}

.single-product-row .single-product-image-col .slick-slider-gallery .slick-slide img {
    position: absolute;
    height: 110%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: auto;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    justify-content: space-between;
    width: 8vw;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery {
    width: 100%;
    position: relative;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-slider-nav {
    margin:0;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-slider-nav .slick-list {
    margin:-5px 0;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-prev {
    position: relative;
    left: 0;
    z-index: 99;
    transform: none;
    right: 0;
    margin: auto auto 5px;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-prev:before {
    content:'\f077';
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color:var(--black);
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-next {
    position: relative;
    left: 0;
    top: auto;
    z-index: 99;
    transform: none;
    right: 0;
    margin: 5px auto auto;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-next:before {
    content:'\f078';
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color:var(--black);
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-slide {
    position: relative;
    display: flex;
    aspect-ratio: 1.4/1;
    justify-content: center;
    margin: 5px 0;
    overflow: hidden;
    width: 100%;
    height: unset;
    border: none;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .second-gallery .slick-slide img {
    position: absolute;
    height: 110%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: auto;
}

.single-product-row .single-product-image-col .product-feature-image {
    position:relative;
    overflow:hidden;
    width:100%;
}

.single-product-row .single-product-image-col .product-feature-image img {
    position:absolute;
    width:100%;
    height:auto;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .product-floor-plan p {
    font-size: 16px;
    margin: auto 0 10px;
    font-family: var(--font-light);
    color: Var(--black);
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .product-floor-plan a {
    display:block;
    cursor: pointer;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .product-floor-plan a .img-content {
    position:relative;
    width:100%;
    aspect-ratio: 1.4/1;
    overflow:hidden;
}

.single-product-row .single-product-image-col .product-gallery .product-gallery-bottom .product-floor-plan img {
    position: absolute;
    height: 100%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: auto;
}

.single-product-row .product-info-related-wrapper {
    max-width: calc(30% - 20px);
    flex: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.single-product-row .product-info-wrapper {
    padding: 0 20px 20px;
    background-color: var(--extra-light-gray);
    display: flex;
    flex-direction: column;
}

.single-product-row .product-info-wrapper .product-info-header {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.single-product-row .product-info-wrapper .product-info-header .product-info-title-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    height: 60px;
}

.single-product-row .product-info-wrapper .product-info-header .product-info-title-header p {
    font-family: var(--font-bold);
    color: var(--black);
    font-size: 18px;
    margin: 0;
    line-height: .75;
}

.single-product-row .product-info-wrapper .product-info-header .product-info-title-header span {
    margin: 0;
    font-family: var(--font-light);
    color: var(--black);
    font-size: 13px;
    opacity: .75;
}

.single-product-row .product-info-wrapper .zero_comision {
    padding: 10px 20px;
    text-align: center;
    color: var(--primary-color);
    background-color: transparent;
    border:2px solid var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: var(--font-light);
    font-size: 16px;
    margin: 0;
}

.single-product-row .product-info-wrapper .zero_comision span {
    font-family: var(--font-bold);
    font-size: 20px;
    line-height: .9;
}

.single-product-row .product-info-wrapper .info-content {
    border-bottom: 1px solid var(--light-gray);
}

.single-product-row .product-info-wrapper .info-content p {
    height: 40px;
    align-items: center;
    margin-bottom: 0;
    font-family: var(--font-bold);
    color: var(--black);
    background-color:transparent;
    transition: var(--transition);
}

.single-product-row .product-info-wrapper .info-content p:hover {
    background-color: #2272ff21;
}

.single-product-row .product-info-wrapper .info-content p span {
    font-family: var(--font-light);
}

.single-product-row .product-info-wrapper .offer-buttons {
    padding: 10px 0 0;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px;
}

.single-product-row .product-info-wrapper .offer-buttons > div {
    width: 100%;
}

.single-product-row .product-info-wrapper .offer-buttons .add-to-fav-btn {
    border-radius: 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 50px;
    width: 100%;
    background-color: var(--primary-color);
    border: none;
    outline:none!important;
    box-shadow:none!important;
    transition: var(--transition);
}

.single-product-row .product-info-wrapper .offer-buttons .add-to-fav-btn:hover {
    background-color: var(--secondary-color);
}

.single-product-row .product-info-wrapper .offer-buttons .add-to-fav-btn.is-favorite {
    background-color:var(--orange);
}

.single-product-row .product-info-wrapper .offer-buttons .add-to-fav-btn i {
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-product-row .product-info-wrapper .offer-buttons .add-to-fav-btn svg {
    width: 20px;
    height: 20px;
    fill: var(--white);
}

.single-product-row .product-info-wrapper .offer-buttons .add-to-fav-btn span {
    line-height: 1;
    font-family: var(--font-light);
    text-transform: uppercase;
}

.single-product-row .product-info-wrapper .offer-buttons #sendOffer {
    border-radius: 0;
    padding: 0 20px;
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 50px;
    width: 100%;
    background-color: var(--primary-color);
    border: none;
    font-family: var(--font-regular);
    line-height: 0.6;
    outline:none!important;
    box-shadow:none!important;
    transition: var(--transition);
    text-wrap: nowrap;
}

.single-product-row .product-info-wrapper .offer-buttons #sendOffer:hover {
    background-color: var(--secondary-color);
}

.single-product-row .product-info-related-wrapper .contact_space {
    padding: 20px;
    background-color: #2272ff21;
    margin: auto 0 0;
}

.single-product-row .product-info-related-wrapper .contact_space h5 {
    font-family: var(--font-bold);
    margin: 0;
}

.single-product-row .product-info-related-wrapper .contact_space .agent_details {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-black);
}

.single-product-row .product-info-related-wrapper .contact_space .agent_details .name_agent {
    width: calc(100% - 90px);
}

.single-product-row .product-info-related-wrapper .contact_space .agent_details span {
    font-family: var(--font-light);
    font-size: 14px;
}

.single-product-row .product-info-related-wrapper .contact_space .agent_details p {
    margin: 0;
    font-family: var(--font-bold);
    font-size: 18px;
    line-height: 1;
}

.single-product-row .product-info-related-wrapper .contact_space .image_agent {
    display:block;
    position: relative;
    width:90px;
    height:90px;
    overflow:hidden;
}

.single-product-row .product-info-related-wrapper .contact_space .image_agent img {
    position: absolute;
    height: auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    transition: all 0.25s linear;
}

.single-product-row .product-info-related-wrapper .contact_space .mail {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-black);
}

.single-product-row .product-info-related-wrapper .contact_space .mail a:not(.btn),
.single-product-row .product-info-related-wrapper .contact_space .telefon a:not(.btn) {
    font-family: var(--font-light);
    text-decoration: none;
    color:var(--black);
    height: 20px;
    line-height: .9;
    transition: var(--transition);
}

.single-product-row .product-info-related-wrapper .contact_space .mail a:not(.btn):hover,
.single-product-row .product-info-related-wrapper .contact_space .telefon a:not(.btn):hover {
    color:var(--primary-color);
}

.single-product-row .product-info-related-wrapper .contact_space .mail a.btn,
.single-product-row .product-info-related-wrapper .contact_space .telefon a.btn {
    border-radius: 0;
    background-color:var(--primary-color);
    border:none;
    padding: 0;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline:none!important;
    box-shadow:none!important;
    transition: var(--transition);
}

.single-product-row .product-info-related-wrapper .contact_space .mail a.btn:hover,
.single-product-row .product-info-related-wrapper .contact_space .telefon a.btn:hover {
    background-color:var(--secondary-color);
}

.single-product-row .product-info-related-wrapper .contact_space .mail a.btn i,
.single-product-row .product-info-related-wrapper .contact_space .telefon a.btn i {
    font-size:16px;
}

.birou-info-wrapper {
    margin:auto;
    padding-top: 28px;
    margin-top: 40px;
    border-top:1px solid var(--light-gray);
    justify-content: space-between;
}

.birou-info-wrapper .product-additional-info-wrapper {
    max-width: calc(70% - 20px);
    flex: auto;
    padding: 0;
}

.birou-info-wrapper .product-additional-info h2,
.birou-info-wrapper .product-additional-info h3 {
    font-family: var(--font-bold);
    color: var(--black);
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.birou-info-wrapper .product-additional-info h2 {
    margin:0 0 10px;
}

.birou-info-wrapper .product-additional-info .table_etaje h2 {
    margin-top:0;
}

.birou-info-wrapper .product-additional-info .table_etaje {
    border-bottom: 1px solid var(--light-gray);
    margin-bottom: 28px;
}

.birou-info-wrapper .product-additional-info .table_etaje table.table {
    margin: 1.6rem 0 0 0;
    border: 1px solid var(--hover-color);
}

.birou-info-wrapper .product-additional-info .table_etaje table .table-primary,
.birou-info-wrapper .product-additional-info .table_etaje table .table-primary,
.birou-info-wrapper .product-additional-info .table_etaje table .table-primary > th,
.birou-info-wrapper .product-additional-info .table_etaje table .table-primary > td{
    background-color: var(--white);
    color: var(--hover-color);
    border: none;
    font-family: var(--font-bold);
    font-size: 14px;
}

.birou-info-wrapper .product-additional-info .table_etaje table tbody {
    font-family:var(--font-light);
    color:var(--black);
    font-size: 14px;
}

.birou-info-wrapper .product-additional-info .table_etaje table tbody tr {
    transition:var(--transition);
    background-color:var(--extra-light-gray);
}

.birou-info-wrapper .product-additional-info .table_etaje table tbody tr:hover {
    background-color:var(--extra-light-gray);
}

.birou-info-wrapper .product-additional-info .table_etaje table tbody .btn-info {
    border-radius: 0;
    background-color: var(--white);
    color: var(--hover-color);
    border: 1px solid var(--hover-color);
    padding: 3px 7px 6px;
    transition: var(--transition);
    width: 100%;
    font-size: 14px;
}

.birou-info-wrapper .product-additional-info .table_etaje table tbody .btn-info:hover {
    background-color: var(--hover-color);
    color: var(--white);
}

.birou-info-wrapper .product-additional-info .product-description {
    font-family: var(--font-light);
    font-size:20px;
}

.birou-info-wrapper .product-additional-info .product-description a {
    color:var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}

.birou-info-wrapper .product-additional-info .product-description > *:last-child {
    margin-bottom:0;
}

.birou-info-wrapper .product-additional-info .product-description a:hover {
    color:var(--red);
}

.birou-info-wrapper .product-additional-info .product-description-table {
    background-color: var(--extra-light-gray);
    margin:40px 0;
}

.birou-info-wrapper .product-additional-info .product-description-table p {
    margin-bottom: 0;
    font-family: var(--font-light);
    color: var(--black);
    font-size: 20px;
    height: fit-content;
    align-items: center;
    padding: 10px 20px;
    border-bottom:1px solid var(--light-gray);
    transition: var(--transition);
}

.birou-info-wrapper .product-additional-info .product-description-table p:last-of-type {
    border:none;
}

.birou-info-wrapper .product-additional-info .product-description-table p:hover {
    background-color:var(--light-gray);
}

.birou-info-wrapper .product-additional-info .product-description-table p span {
    font-family: var(--font-light);
}

.birou-info-wrapper .product-additional-info .product-facilities {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.birou-info-wrapper .product-additional-info .product-facilities .field-title {
    font-family: var(--font-bold);
    font-size: 24px;
    color: var(--black);
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
}

.birou-info-wrapper .product-additional-info .product-facilities ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style: none;
}

.birou-info-wrapper .product-additional-info .product-facilities ul li {
    position: relative;
    font-family: var(--font-light);
    color: var(--black);
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    font-size: 18px;
}

.birou-info-wrapper .product-additional-info .product-facilities ul li:before {
    content:'';
    position: relative;
    margin-top:8px;
    width:100%;
    max-width: 7px;
    height:7px;
    border-radius: 50%;
    background-color:var(--red);
}

.birou-info-wrapper .product-additional-offers {
    max-width: calc(30% - 20px);
    flex: auto;
    padding: 0;
}

.birou-info-wrapper .product-additional-offers .offers-title {
    font-family: var(--font-bold);
    color: var(--black);
    font-size: 24px;
    text-transform: uppercase;
    margin:0;
}

.birou-info-wrapper .product-additional-offers .offers-title a {
    color:var(--red);
    text-decoration:none;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .sub-title-info {
    margin: 0 0 10px;
    font-family: var(--font-light);
    color: Var(--black);
    font-size: 14px;
    height: 20px;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid {
    margin:0;
    padding:40px 0;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .slick-prev {
    top: 0;
    left: 0;
    right: 0;
    bottom:auto;
    margin: auto;
    transform: none;
    height: 30px;
    width: 30px;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .slick-prev:before {
    content: '\f077';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--black);
    opacity: 1;
    font-size: 28px;
    transition: var(--transition);
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .slick-prev:hover:before {
    color:var(--primary-color);
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .slick-next {
    bottom: 0;
    left: 0;
    right: 0;
    top:auto;
    margin: auto;
    transform: none;
    height: 30px;
    width: 30px;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .slick-next:before {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--black);
    opacity: 1;
    font-size: 28px;
    transition: var(--transition);
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .slick-next:hover:before {
    color:var(--primary-color);
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper {
    padding: 0;
    border:none;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-image-wrapper {
    width:100%;
    aspect-ratio: 1.4/1;
    overflow: hidden;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-image-wrapper .stat_oferta{
    position: absolute;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: var(--secondary-color);
    font-family: var(--font-medium);
    font-size: 16px;
    color: var(--white);
    z-index: 100;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-image-wrapper a {
    position:relative;
    width:100%;
    height:100%;
    display: block;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-image-wrapper a img {
    position: absolute;
    height: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: auto;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-title {
    min-height: 90px;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-title a {
    font-size: 20px;
    font-family: var(--font-medium);
    color: var(--black);
    text-decoration: none;
    transition: var(--transition);
    line-height: 1.1;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-title a:hover {
    color:var(--red);
}

.birou-info-wrapper .product-additional-offers .additional-offers-wrapper .categories-grid .categories-item-wrapper .categ-title p {
    color: var(--black)!important;
    font-family: var(--font-light)!important;
    line-height: 1.2!important;
    font-size: 16px!important;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.birou-video-wrapper {
    margin: 40px auto;
    padding-top: 30px;
    border-top: 1px solid var(--light-gray);
    display:none;
}

.birou-video-wrapper .video-content {
    max-width: calc(70% - 20px);
    flex: auto;
    padding: 0;
}

.birou-video-wrapper .info-text-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
}

.birou-video-wrapper .info-text-container p {
    margin: 0;
    font-family: var(--font-light);
    color:var(--black);
}

.birou-video-wrapper .info-text-container p b {
    font-family: var(--font-bold);
}

.birou-video-wrapper .video-container p {
    margin:0;
}

.birou-video-wrapper .video-container iframe {
    width: 100%;
    height: 500px;
    display: block;
}

.birou-contact-wrapper {
    margin: 40px auto;
    padding: 40px 0 0;
    border-top: 1px solid var(--light-gray);
    justify-content: space-between;
}

.birou-contact-wrapper .map-container {
    max-width: calc(70% - 20px);
    flex: auto;
    padding: 0;
}

.birou-contact-wrapper .map-container #mapdiv {
    width:100%;
    height: 100%;
}

.birou-contact-wrapper .contact-cards-container {
    max-width: calc(30% - 20px);
    flex: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap:20px;
}

.birou-contact-wrapper .contact-cards-container .card-contact {
    padding: 20px;
    background-color: #2272ff21;
}

.birou-contact-wrapper .contact-cards-container .card-contact h3 {
    font-family: var(--font-bold);
    color: var(--black);
    font-size: 24px;
    text-transform: uppercase;
}

.birou-contact-wrapper .contact-cards-container .card-contact p {
    font-family: var(--font-light);
    font-size:18px;
    line-height: 1.3;
}

.birou-contact-wrapper .contact-cards-container .card-contact ul{
    margin: 0 0 20px;
    padding: 0;
    list-style-position: inside;
    list-style: none;
}

.birou-contact-wrapper .contact-cards-container .card-contact ul li {
    position: relative;
    font-family: var(--font-light);
    color: var(--black);
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-size:18px;
}

.birou-contact-wrapper .contact-cards-container .card-contact ul li:before {
    content:'';
    position: relative;
    margin-top:5px;
    width:7px;
    height:7px;
    border-radius: 50%;
    background-color:var(--red);
}

/* --------------------------------- Design Modals - Birouri Single --------------------------------- */

.custom-modal {
    z-index: 99999999;
    background-color: rgb(0 0 0 / 40%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter:blur(5px);
    -moz-backdrop-filter:blur(5px);
    padding-right: 0;
}

.custom-modal .modal-dialog {
    margin: auto;
    height: 100%;
    display: flex;
    max-width: unset;
}

.custom-modal .modal-content {
    height: 100%;
    aspect-ratio: 1.4/1;
    /* width: auto; */
    /* margin: auto; */
    width: 100%;
    overflow: hidden;
    background: transparent;
    transition: var(--transition);
    /* max-height: calc(100vh - 20px); */
    border: none;
    border-radius: 0;
}
.custom-modal .modal-body img {
  object-fit: contain;
}

.custom-modal .modal-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0;
    border:none;
    height: 0;
}

.custom-modal .modal-header p {
    font-family: var(--font-medium);
    line-height: 1.2;
    color: var(--black);
    font-size:24px;
    margin: 0;

    display:none;
}







.custom-modal .modal-header .close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    margin: 0;
    padding: 0;
    height: 40px;
    max-width: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    background-color: var(--blue);
    opacity: 1;
    z-index:100;
}

.custom-modal .modal-header .close svg {
    width: 16px;
    height: 16px;
    fill: Var(--white);
}

.custom-modal .modal-header .close:hover {
    background-color: var(--secondary-color);
}

#modalVideoPrezentare .modal-header .close {
    right: 12rem;
    top: 1rem;
}

#myMapModalNormal.custom-modal .modal-header .close,
#myMapModal.custom-modal .modal-header .close {
    position: absolute;
    top: 2rem;
    right: 0;
    left:0;
    margin: -22px 60px auto auto;
    padding: 0;
    height: 40px;
    max-width: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    background-color: var(--blue);
    opacity: 1;
    z-index:100;
}

#myMapModalNormal.custom-modal .modal-header .close svg,
#myMapModal.custom-modal .modal-header .close svg {
    width: 16px;
    height: 16px;
    fill: Var(--white);
}

#myMapModalNormal.custom-modal .modal-header .close:hover,
#myMapModal.custom-modal .modal-header .close:hover {
    opacity:1;
    background-color: var(--secondary-color);
}

.custom-modal .modal-body {
    position: relative;
    aspect-ratio: 1.4/1;
    overflow: hidden;
    /* max-height: calc(100vh - 20px); */
    padding: 0;
    height: auto;
    width: 100%;
}

.custom-modal .modal-body #map-canvas,
.custom-modal .modal-body #map-canvas-normal {
    width: 100%;
    height: 100%;
}

.custom-modal .modal-body .galerie-img-plan {
    touch-action: auto !important;
}

.custom-modal .modal-body .galerie-img-plan,
.custom-modal .modal-body .galerie-img-plan .slick-list,
.custom-modal .modal-body .galerie-img-plan .slick-list .slick-track {
    height:100%;
}

.custom-modal .modal-body .galerie-img-plan .slick-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left:2rem;
    margin: auto;
    padding: 0;
    background-color: transparent;
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    transform: none;
    transition: var(--transition);
    z-index: 10;
}

.custom-modal .modal-body .galerie-img-plan .slick-prev:before {
    content:'\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 48px;
    transition: var(--transition);
    color: var(--white);
    text-shadow: 0px 0px 10px var(--black);
}

.custom-modal .modal-body .galerie-img-plan .slick-next {
    position: absolute;
    top: 0;
    bottom: 0;
    right:2rem;
    margin: auto;
    padding: 0;
    background-color: transparent;
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    transform: none;
    transition: var(--transition);
    z-index: 10;
}

.custom-modal .modal-body .galerie-img-plan .slick-next:before {
    content:'\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 48px;
    transition: var(--transition);
    color: var(--white);
    text-shadow: 0px 0px 10px var(--black);
}

.custom-modal .modal-body .galerie-img-plan .slick-list .slick-track .img-plan-item img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
}

.custom-modal .modal-body .imagine-plan {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.custom-modal .modal-body .imagine-plan .img-content {
    height: 100%;
    width: 100%;
}

.custom-modal .modal-body .imagine-plan img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
}

.custom-modal .modal-body .video-plan {
    height: 100%;
}

/* --------------------------------- Lightbox --------------------------------- */

body.slick-lightbox-show {
    overflow-y: hidden;
    zoom: 1 !important;
}

.slick-lightbox {
    z-index:99999999!important;
    display: flex;
}

.slick-lightbox-inner {
    position:relative;
    display: flex;
    /* width:calc(100vw - 20px); */
    /* width: auto; */
    width: 100%;
    height: 100%;
    /* max-height: calc(100vh - 20px); */
    margin: auto;
    aspect-ratio: 1.4/1;
    /* background-color: var(--white); */
    z-index: 9999999999!important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.slick-lightbox-inner .slick-lightbox-slick {
    width: 100%;
    height: 100%;
    touch-action: auto !important;
}

.slick-lightbox-inner .slick-lightbox-slick .slick-list {
    height:100%;
}

.slick-lightbox-inner .slick-lightbox-slick .slick-list .slick-track {
    height:100%;
}

.slick-lightbox-inner .slick-lightbox-slick .slick-list .slick-track .slick-slide {
    height: 100%!important;
    display: flex;
    margin: unset;
    max-width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.slick-lightbox-inner .slick-lightbox-slick .slick-list .slick-track .slick-slide .slick-lightbox-slick-item-inner {
    /* width: 100%; */
    /* max-width: 100%; */
    width : 100vw;
    height : 100vh;
    max-width: 100vw;
    max-height: 100%!important;
    display: flex;
    margin: 0;
    /* height: auto; */
    /* height: 100%; */
    align-items: center;
    justify-content: center;
}

.slick-lightbox-inner .slick-lightbox-slick .slick-list .slick-track .slick-slide .slick-lightbox-slick-item-inner img {
    width: 100%;
    max-width: inherit;
    height: 100%;
    object-fit: contain;
    max-height: inherit !important;
}

.slick-lightbox-inner .slick-lightbox-close {
    position: absolute;
    right: 2rem;
    top: 2rem;
    margin: 0;
    padding: 0;
    height: 40px;
    max-width: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    background-color: var(--blue);
    opacity: 1;
    z-index:100;
}

.slick-lightbox-inner .slick-lightbox-close::before {
    font-size: 36px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    opacity: 1;
    font-weight: bold;
}

.slick-lightbox-inner .slick-lightbox-close:hover {
    background-color: var(--secondary-color);
}

.slick-lightbox-inner .slick-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    left:2rem;
    margin: auto;
    padding: 0;
    background-color: transparent;
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    transform: none;
    transition: var(--transition);
    z-index: 10;
}

.slick-lightbox-inner .slick-prev:before {
    content:'\f053';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 48px;
    transition: var(--transition);
    color: var(--white);
    text-shadow: 0px 0px 10px var(--black);
}

.slick-lightbox-inner .slick-next {
    position: absolute;
    top: 0;
    bottom: 0;
    right:2rem;
    margin: auto;
    padding: 0;
    background-color: transparent;
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    transform: none;
    transition: var(--transition);
    z-index: 10;
}

.slick-lightbox-inner .slick-next:before {
    content:'\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 48px;
    transition: var(--transition);
    color: var(--white);
    text-shadow: 0px 0px 10px var(--black);
}

/* ------------------------------------------------------------------ Trimite cererea ------------------------------------------------------------------ */

.send-request {
    padding-top: 140px;
    margin: 0;
    padding-bottom: 50px;
}

.send-request .request-header {
    margin-bottom: 20px;
    padding:0 0 20px;
    border-bottom:1px solid var(--light-black);
}

.send-request .request-header .request-title > * {
    font-family: var(--font-bold);
    font-size: 38px;
    color: var(--black);
    margin: 0 0 15px;
}

.send-request .request-header .request-description > * {
    font-family: var(--font-light);
    font-size:18px;
    margin: 0;
    color: var(--black);
}

.send-request .request-content {
    padding: 20px;
    background-color: var(--extra-light-gray);
}

.send-request .request-content .send-request-form {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.send-request .request-content .send-request-form .c-form-success {
    text-align: center;
    font-family: var(--font-light);
    font-size: 18px;
    color: var(--black);
}

.send-request .request-content .send-request-form .c-form-success b {
    font-family: var(--font-bold);
    font-size: 24px;
}

.send-request .request-content .send-request-form form {
    width:100%;
}

.send-request .request-image {
    display: flex;
    margin: 0;
    padding: 0
}

.send-request .request-image img {
    height: 100%;
    object-fit: cover;
}

.send-request-content .form-group.item-004 {
    display:none;
}

.send-request-content .form-group label {
    font-family: var(--font-light);
    color: var(--black);
    margin-bottom: 5px;
}

.send-request-content .form-group input {
    border: 1px solid var(--light-black);
    border-radius: 0;
    font-family: var(--font-light);
    color: var(--black);
    box-shadow: none!important;
    outline: none !important;
}

.send-request-form .checkbox-text {
    font-family: var(--font-light);
    color: var(--black);
}

.send-request-form .checkbox-text a {
    color: var(--red);
    text-decoration: none;
}

.send-request-form .btn-section {
    margin-bottom:0;
}

/* ------------------------------------------------------------------ Contul meu ------------------------------------------------------------------ */

/* --------------------------------- Conectare / Inregistrare --------------------------------- */

.site-login-wrapper {
    padding: 190px 50px 50px;
    min-height: 100vh;
    display: flex;
}

.site-login {
    margin:auto;
}

.site-login-wrapper .form-content-wrapper {
    padding: 20px;
    background-color: var(--extra-light-gray);
}

.site-login-wrapper .form-content-wrapper .text-content {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--light-black);
}

.site-login-wrapper .form-content-wrapper .text-content h1 {
    font-family: var(--font-bold);
    font-size: 38px;
    margin: 0;
    color:var(--black);
}

.site-login-wrapper .form-content-wrapper .text-content p {
    margin: 0;
    font-family: var(--font-light);
    font-size: 18px;
    color:var(--black);
}

.site-login-wrapper .form-content-wrapper form .form-group {
    margin-bottom: 20px;
}

.site-login-wrapper .form-content-wrapper form .form-group:not(.field-loginform-rememberme) label {
    font-family: var(--font-light);
    color: var(--black);
    margin-bottom: 5px;
}

.site-login-wrapper .form-content-wrapper form .form-group:not(.field-loginform-rememberme) input {
    border: 1px solid var(--light-black);
    border-radius: 0;
    font-family: var(--font-light);
    color: var(--black);
    box-shadow: none!important;
    outline: none !important;
}

.site-login-wrapper .form-content-wrapper form .form-group:not(.field-loginform-rememberme) .help-block-error {
    margin: 0;
    font-size: 14px;
    color: var(--red);
    font-family: var(--font-light);
}

.site-login-wrapper .form-content-wrapper form .form-group.field-loginform-rememberme label {
    font-family: var(--font-light);
    color: var(--black);
    margin: 0px;
}

.site-login-wrapper .form-content-wrapper form .additional-login {
    padding: 20px 0;
    border-top: 1px solid var(--light-black);
    border-bottom: 1px solid var(--light-black);
    margin: 0 0 20px;
}

.site-login-wrapper .form-content-wrapper form .additional-login p {
    font-family: var(--font-light);
    color: var(--black);
    margin-bottom: 5px;
}

.site-login-wrapper .form-content-wrapper form .additional-login ul {
    padding:0;
    margin: 0;
}

.site-login-wrapper .form-content-wrapper form .useful-links {
    margin-bottom:20px;
}

.site-login-wrapper .form-content-wrapper form .useful-links p {
    font-family: var(--font-light);
    color: var(--black);
    margin-bottom: 0;
}

.site-login-wrapper .form-content-wrapper form .useful-links p a {
    color:var(--primary-color);
    transition: var(--transition);
    font-family: var(--font-bold);
}

.site-login-wrapper .form-content-wrapper form .useful-links p a:hover {
    color:var(--secondary-color);
}

.site-login-wrapper .image-content-wrapper {
    padding:0;
}

.site-login-wrapper .image-content {
    height:100%;
    overflow: hidden;
}

.site-login-wrapper .image-content img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* --------------------------------- Contul meu - Dashboard --------------------------------- */

.my-account {
    margin: auto;
    /* min-height: 100vh; */
    /* padding-top: 200px; */
    /* gap:30px; */
}

.my-account .dash-nav {
    height: fit-content;
    padding: 0;
    max-width: calc(25% - 15px);
}

.my-account .dash-nav .list-group {
    border-radius: 0;
}

.my-account .dash-nav .list-group .list-group-item {
    padding:0;
    background-color: transparent;
}

.my-account .dash-nav .list-group .list-group-item.active {
    border:none;
}

.my-account .dash-nav .list-group .list-group-item a {
    display: flex;
    align-items: center;
    font-family: var(--font-light);
    color:var(--black);
    font-size:18px;
    padding:0 15px;
    width:100%;
    height:50px;
    background-color: var(--extra-light-gray);
    text-decoration: none;
    transition: var(--transition);
}

.my-account .dash-nav .list-group .list-group-item a:hover {
    background-color: var(--light-gray);
}

.my-account .dash-nav .list-group .list-group-item.active a {
    background-color: #2272ff21;
}

.my-account .dash-nav .list-group .list-group-item.logout {
    padding:0;
    background-color: transparent;
    height: 50px;
    border:none;
}

.my-account .dash-nav .list-group .list-group-item.logout form {
    height: 100%;
}

.my-account .dash-nav .list-group .list-group-item.logout button {
    width: 100%;
    height: 100%;
    border: none;
    background-color: var(--black);
    font-family: var(--font-medium);
    color: var(--white);
    font-size: 18px;
    padding: 0 15px;
    text-align: left;
    box-shadow: none!important;
    outline: none!important;
    transition: var(--transition);
}

.my-account .dash-nav .list-group .list-group-item.logout button:hover {
    background-color: var(--red);
}

.my-account .views {
    max-width: calc(75% - 15px);
    padding: 0;
}

.my-account .views .account-view-title {
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--light-black);
}

.my-account .views .account-view-title > * {
    font-size: 28px;
    color: var(--black);
    font-family: var(--font-bold);
    margin-bottom: 0;
    height: 28px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    line-height: .8;
}

.my-account .views .account-view-title .account-view-subtitle {
    align-items: center;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 2px solid var(--light-black);
    font-size: 18px;
    font-family: var(--font-light);
}

.my-account .views .account-personal-data-content {
    margin-bottom: 20px;
    border: 1px solid var(--light-black);
    border-top: none;
}

.my-account .views .account-personal-data-content p {
    margin: 0;
    width: 100%;
    font-family: var(--font-light);
    color: var(--black);
    font-size: 18px;
    height: 50px;
    border-bottom: 1px solid var(--light-black);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background-color: var(--extra-light-gray);
    transition: var(--transition);
}

.my-account .views .account-personal-data-content p:last-of-type {
    border-bottom:none;
}

.my-account .views .account-personal-data-content p:hover {
    background-color: #2272ff21;
}

.my-account .views .account-personal-data-content p span {
    font-family: var(--font-bold);
    color:var(--primary-color);
}

.my-account .views .account-personal-data .btn-primary {
    display: block;
    width: fit-content;
}

/* --------------------------------- Contul meu - Favorite --------------------------------- */

body.birouri-favorite header.header-scroll {
    border-bottom: 0px solid transparent;
}

body.birouri-favorite header.header-scroll .main-header:before {
    background-color: var(--light-gray);
}

/* body.birouri-favorite header .secondary-header,
body.birouri-favorite header.header-scroll .secondary-header {
    height:70px;
} */

/* body.birouri-favorite .my-account {
    max-width: 100%;
    margin: 0;
    padding:0;
    gap: 0;
} */

body.birouri-favorite .my-account .dash-nav {
    display:none;
}

body.birouri-favorite .my-account .views {
    max-width:100%;
    flex:auto;
    padding: 0;
}

.my-account-favorite {
  display: flex;
  flex-wrap: wrap;
}

.my-account-favorite .favorite-map-wrapper.no-secondary-header {
    height: calc(100% - 60px);
}

.my-account-favorite .favorite-map-wrapper #favMap {
    width: 100%;
    height: 100%;
    transition:var(--transition);
}

.my-account-favorite .favorite-content-wrapper .floating-container.no-secondary-header {
    top:60px;
}

.my-account-favorite .favorite-content-wrapper .floating-container p {
    font-family: var(--font-light);
    color: var(--black);
    /* font-size: 18px; */
    margin: 0;
}

.my-account-favorite .favorite-content-wrapper .floating-container p span {
    font-family: var(--font-bold);
    color: var(--danger);
}

.my-account-favorite .favorite-content-wrapper .floating-container button {
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    /* width: 100%; */
    height: 36px;
    font-family: var(--font-bold);
    letter-spacing: 0.5px;
    color: var(--white);
    background-color: var(--primary-color);
    outline: none!important;
    box-shadow: none!important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    transition: var(--transition);
}

.my-account-favorite .favorite-content-wrapper .floating-container button:hover {
    background-color: var(--secondary-color);
}

/* .my-account-favorite .favorite-content-wrapper .favorite-content {
    padding-top:50px;
} */

/* .my-account-favorite .favorite-item {
    padding: 10px;
    margin:auto;
    height: auto;
    justify-content: space-between;
    border-bottom: 2px solid var(--light-black);
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    transition: var(--transition);
} */

.my-account-favorite .favorite-item .favorite-item-image-wrapper {
    width: unset;
    padding: 0;
    height: fit-content;
    flex: unset;
    aspect-ratio: 1.4/1!important;
    max-width: 45%;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper {
    padding: 0;
    height: 100%;
    flex: auto;
    display: flex;
    flex-direction: column;
    max-width: 55%;
    width: min-content;
    padding-left: 10px;
    cursor: pointer;
}

.my-account-favorite .favorite-item .favorite-item-image-wrapper .item-feature-image {
    position:relative;
    height:100%;
    width:100%;
    overflow: hidden;
    cursor: pointer;
}

.my-account-favorite .favorite-item .favorite-item-image-wrapper .item-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .categ_title {
    font-size: 22px;
    font-family: var(--font-medium);
    margin: 0;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .categ_title a {
    text-decoration: none;
    color: var(--primary-color);
    display: block;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .spaceAddress {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin: 10px 0;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-black);
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .spaceAddress svg {
    display:none;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .spaceAddress p {
    font-size: 16px;
    font-family: var(--font-light);
    color: var(--black);
    margin: 0;
    height: 20px;
    display: flex;
    align-items: center;
    line-height: 1.2;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .spaceDescription  {
    color: var(--black)!important;
    font-family: var(--font-light)!important;
    line-height:1.2!important;
    font-size:16px!important;
    margin:0 0 15px;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .space-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: 100%;
    justify-content: space-between;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .spaceChirie,
.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .surface {
    margin: 0;
    font-family: var(--font-medium);
    color: Var(--black);
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 40px;
    gap: 8px;
    line-height: .6;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .spaceChirie span,
.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .surface span {
    color:var(--black);
    width:90px;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .spaceChirie svg,
.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .surface svg {
    width: 20px;
    height: 20px;
    display: block;
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .space-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-top: 1px solid var(--light-black);
    border-bottom: 1px solid var(--light-black);
}

.my-account-favorite .favorite-item .favorite-item-content-wrapper .space-bottom-wrapper .space-info .actualizare  {
    margin: 0;
    font-family: var(--font-light);
    color:Var(--black);
    font-size:14px;
    line-height: 1.2;
}

.my-account-favorite .favorite-item .selectButton {
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px;
}

.my-account-favorite .favorite-item .selectButton button {
    padding: 10px;
    background-color: var(--gray);
    border: none;
    box-shadow: none;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity:0.65;
    transition:var(--transition);
}

.my-account-favorite .favorite-item .selectButton button.is-favorite {
    background-color:var(--orange);
}

.my-account-favorite .favorite-item .selectButton button:hover,
.my-account-favorite .favorite-item .selectButton button.is-favorite:hover {
    opacity:1;
    background-color:var(--secondary-color);
}

.my-account-favorite .favorite-item .selectButton i {
    display:none;
}

.my-account-favorite .favorite-item .selectButton span {
    font-size: 16px;
    font-family: var(--font-medium);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: end;
    height: 20px;
}

.my-account-favorite .switch-favorite-view {
    display: none;
}

/* --------------------------------- Contul meu - Date personale --------------------------------- */

.my-account .edit-account-personal-data {
    background-color: var(--extra-light-gray);
    border: 1px solid var(--light-black);
    border-top: none;
    margin-bottom: 20px!important;
}

.my-account .edit-account-personal-data .personal-info {
    padding:0;
}

.my-account .edit-account-personal-data .personal-info .extra-title,
.my-account .edit-account-personal-data .personal-info .form-group {
    display:flex;
    flex-direction: row;
    height:50px;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin: 0;
}

.my-account .edit-account-personal-data .personal-info .extra-title {
    font-family: var(--font-medium);
    font-size:20px;
    color:var(--black);
    background-color:var(--light-black);
}

.my-account .edit-account-personal-data .personal-info.general-info p,
.my-account .edit-account-personal-data .personal-info.general-info .form-group {
    border-bottom:1px solid var(--light-black);
}

.my-account .edit-account-personal-data .personal-info.address-info p,
.my-account .edit-account-personal-data .personal-info.address-info .form-group {
    border-bottom:1px solid var(--light-black);
    border-left:1px solid var(--light-black);
}

.my-account .edit-account-personal-data .personal-info.address-info .form-group:last-of-type {
    border-bottom: none;
}

.my-account .edit-account-personal-data .personal-info .form-group label {
    font-family: var(--font-light);
    color: var(--black);
    margin-bottom: 5px;
}

.my-account .edit-account-personal-data .personal-info .form-group input {
    width: fit-content;
    min-width: 15vw;
    background-color: transparent;
    border: 1px solid #2272ff8c;
    border-radius: 0;
    font-family: var(--font-light);
    color: var(--primary-colorblack);
    box-shadow: none!important;
    outline: none !important;
    height: 34px;
}

/* --------------------------------- Contul meu - Setari securitate --------------------------------- */

.my-account .account-security-content {
    background-color: var(--extra-light-gray);
    border: 1px solid var(--light-black);
    border-top: none;
    margin-bottom: 20px!important;
    padding: 0;
}

.my-account .account-security-content .form-group {
    display:flex;
    flex-direction: row;
    height:50px;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin: 0;
}

.my-account .account-security-content .form-group label {
    font-family: var(--font-light);
    color: var(--black);
    margin-bottom: 5px;
}

.my-account .account-security-content .form-group input {
    width: fit-content;
    min-width: 15vw;
    background-color: transparent;
    border: 1px solid #2272ff8c;
    border-radius: 0;
    font-family: var(--font-light);
    color: var(--primary-colorblack);
    box-shadow: none!important;
    outline: none !important;
    height: 34px;
}

/* ------------------------------------------------------------------ Eroare 404 ------------------------------------------------------------------ */

.site-error {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 140px;
}

.site-error-content {
    text-align:center;
}

.site-error-content h1 {
    font-family: var(--font-light);
    font-size: 110px;
    line-height: .8;
    margin: 0 0 20px;
    color: var(--black);
    padding: 0 0 20px;
    border-bottom: 2px solid var(--primary-color);
}

.site-error-content h1 span {
    font-size: 120px;
    color: var(--primary-color);
    font-family: var(--font-bold);

}

.site-error-content p {
    font-family:var(--font-light);
    color:var(--black);
    margin:auto;
    max-width:500px;
}

.site-error-content p span {
    color: var(--primary-color);
    font-family: var(--font-bold);
}

.site-error-content .site-error-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 80px;
    margin-top: 20px;
}

/* ------------------------------------------------------------------ Utile ------------------------------------------------------------------ */

.section-utile {
    margin-top:140px;
    margin-bottom:50px;
}

.utile-title {
    padding:50px 0 30px;
}

.section-utile h1 {
    font-family: var(--font-bold);
    color: var(--black);
    margin: 0;
    font-size: 38px;
}

.section-utile h2 {
    font-family: var(--font-bold);
    color: var(--black);
    font-size: 24px;
    margin:20px 0 5px;
}

.section-utile h3 {
    font-family: var(--font-bold);
    color: var(--black);
    font-size: 20px;
    margin:10px 0 5px;
}

.section-utile h4 {
    font-family: var(--font-bold);
    color: var(--black);
    font-size: 18px;
    margin:10px 0 5px;
}

.section-utile p {
    font-family:var(--font-light);
    color:var(--black);
    margin:0 0 10px;
}

.section-utile a {
    text-decoration:none;
    color:var(--primary-color);
    transition:var(--transition);
}

.section-utile a:hover {
    color:var(--red);
}

.section-utile ul {
    padding:0;
    margin:0 0 10px;
    list-style-position: inside;
}

.section-utile ul li {
    font-family: var(--font-light);
    color:var(--black);
}

.section-utile ul li::marker {
    color:var(--primary-color);
}



.section-utile table {
    width:100%;
    font-family: var(--font-light);
    color:var(--black);
}

.section-utile table td {
    border: 1px solid var(--black);
    padding: 5px;
}

/* ------------------------------------------------------------------ PAGINA MULTUMIM TRIMITERE CERERE ------------------------------------------------------------------ */

.section-multumim {
    min-height: 100vh;
    align-items: center;
    padding-top: 140px;
}

.section-multumim .content {
    min-height: 500px;
    padding: 20px;
    background-color: var(--extra-light-gray);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-multumim .content h1 {
    font-family: var(--font-bold);
    font-size: 38px;
    color: var(--black);
    margin: 0 0 10px;
    line-height: 100%;
}

.section-multumim .content p {
    font-family: var(--font-light);
    font-size: 18px;
    margin: 0 0 20px;
    color: var(--black);
}

.section-multumim .content-image {
    padding: 0;
    padding: 0;
}

.section-multumim .content-image .module-image {
    display: block;
    height: 100%;
}

.section-multumim .content-image img {
    height: 100%;
    object-fit: cover;
}