/* ------------------------------------------------------------ ROOT ------------------------------------------------------------ */

:root {
    --blue: #0F3876;
    --light-yellow: #FFFCF6;
    --white: #ffffff;
    --black: #000000;
    --gray:#bdbdbd;
    --light-gray:#f5f5f5;

    --inter: "Inter";
    --playfair: "PlayfairDisplay";

    --transition:all 0.25s linear;
}

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

@font-face {
    font-family: "Inter";
    src: url(/fonts/Inter-variable.ttf);
}

@font-face {
    font-family: "PlayfairDisplay";
    src: url(/fonts/PlayfairDisplay-variable.ttf);
}

/* ------------------------------------------------------------ TYPOGRAPGY ------------------------------------------------------------ */

h1 {
    font-family: var(--playfair);
    color: var(--black);
    font-size: calc(34px + (48 - 34) * ((100vw - 300px) / (1600 - 300)));
    line-height: 110%;
    margin: 0 0 20px;
}

h2 {
    font-family: var(--playfair);
    color: var(--black);
    font-size: calc(34px + (48 - 34) * ((100vw - 300px) / (1600 - 300)));
    line-height: 110%;
    margin: 0 0 20px;
}

h3 {
    font-family: var(--inter);
    color:var(--black);
    font-size: calc(28px + (34 - 28) * ((100vw - 300px) / (1600 - 300)));
    line-height: 120%;
    margin: 0 0 10px;
}

h4 {
    font-family: var(--inter);
    color:var(--black);
    font-size: calc(22px + (24 - 22) * ((100vw - 300px) / (1600 - 300)));
    line-height: 120%;
    margin: 0 0 10px;
}

h5 {
    font-family: var(--inter);
    color:var(--black);
    font-size: 16px;
    line-height: 120%;
    margin: 0 0 10px;
}

p {
    font-family: var(--inter);
    color:var(--black);
    font-size: 16px;
    line-height: 150%;
    margin:0;
}

.module-text p {
    margin:0 0 10px;
}

.module-text p:last-of-type {
    margin:0;
}

a {
    font-family: var(--inter);
    color:var(--black);
    font-size: 16px;
    line-height: 120%;
    width: fit-content;
    transition:var(--transition);
}

a:hover {
    color:var(--yellow);
    text-decoration:none;
}

a:hover * {
    color:var(--yellow);
}

ul {
    margin:0;
    padding:0;
    list-style-position: inside;
}

ul li {
    font-family: var(--inter);
    color:var(--black);
    font-size: 16px;
    line-height: 120%;
    margin:0 0 10px;
}

ul li:last-of-type {
    margin:0;
}

ol li {
    font-family: var(--light);
    color:var(--black);
    font-size: 16px;
    line-height: 120%;
    margin:0 0 10px;
}

ol li:last-of-type {
    margin:0;
}

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

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

#cookie_notice {
    background-color: var(--blue);
    transition: var(--transition);
    padding: 20px;
}

#cookie_notice .cookie_notice_container {
    gap: 20px;
    color: unset;
}

#cookie_notice .cookie_notice_container p a {
    color: var(--white);
}

#cookie_notice .cookie_notice_container button {
    margin: 0;
    padding: 10px 40px;
    border-radius: 30px;
    background-color: var(--white);
    border: none;
    color: var(--black);
    font-weight: 700;
    text-transform: uppercase;
    outline: none !important;
    box-shadow: none!important;
    transition: var(--transition);
}

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


/* ------ BUTTON PRIMARY ------ */

.btn-primary {
    position: relative;
    height: 50px;
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 30px;
    font-family: var(--inter);
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    background-color: transparent;
    line-height: 100%;
    color: var(--black);
    border-radius: 25px;
    border: none!important;
    outline: none!important;
    box-shadow: none!important;
    transition: var(--transition);
    z-index: 10;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover {
    background-color:transparent;
}

.btn-primary:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16' fill='none'%3E%3Cpath d='M1 8L31 8' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 1L31 8L24 15' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition:var(--transition);
}

.btn-primary:hover:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16' fill='none'%3E%3Cpath d='M1 8L31 8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 1L31 8L24 15' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-primary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    border: 1px solid var(--black);
    transition:var(--transition);
    z-index: -1;
}

.btn-primary:hover:before {
    width:100%;
    background-color:var(--black);
}

/* ------ BUTTON SECONDARY ------ */

.btn-secondary {
    position: relative;
    background-color: var(--blue);
    height: 50px;
    width: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:15px;
    padding: 0 30px;
    font-family: var(--regular);
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
    line-height: 100%;
    color: var(--white);
    border-radius: 25px;
    border: none!important;
    outline:none!important;
    box-shadow:none!important;
    transition:var(--transition);
}

.btn-secondary:hover {
    background-color:var(--black);
}

.btn-secondary:after {
    content:'\f061';
    font: var(--fa-font-solid);
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)));
    color:var(--white);
    line-height: 100%;
}

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

.section-top-common {
    position:relative;
    height: 70vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-top-common:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color:#0000006e;
}

.section-top-common .content {
    z-index: 1;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.section-top-common .content .btn-primary:before {
    border-color:var(--white);
}

.section-top-common .content .btn-primary:hover:before {
    border-color:var(--black);
}

.section-top-common .content .btn-primary:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16' fill='none'%3E%3Cpath d='M1 8L31 8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 1L31 8L24 15' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition:var(--transition);
}

.section-top-common .down-button-content {
    position: absolute;
    bottom: 50px;
    width: fit-content;
    height: fit-content;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0;
    z-index: 99;
}

.section-top-common .down-button-content a {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 1px solid var(--white);
    border-radius: 50%;
    outline:none!important;
    box-shadow: none!important;
    transition:var(--transition);
}

.section-top-common .down-button-content a:hover {
    background-color:var(--blue);
    border:1px solid var(--blue);
}

.section-top-common .down-button-content a:after {
    content:'\f063';
    position:absolute;
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color:var(--white);
    font-size: 18px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: fit-content;
    height: fit-content;
}

/* ------------------------------------------------------------ MISCELLANEOUS ------------------------------------------------------------ */

/* ------ SELECTION ------ */

::-moz-selection {
    color: var(--white);
    background: var(--black);
}
::selection {
    color: var(--white);
    background: var(--black);
}

/* ------ CUSTOM CLASSES ------ */

.gap-5 {
    gap:5px;
}

.gap-10 {
    gap:10px;
}

.gap-20 {
    gap:20px 0;
}

.gap-50 {
    gap:50px;
}

.padding-as-header {
    padding-top:100px;
}

.margin-as-header {
    margin-top:100px;
}

.padding-section {
    padding-top:100px;
    padding-bottom:100px;
}

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

.margin-top {
    margin-top:100px;
}

.text-white * {
    color:var(--white);
}

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

header {
    position: fixed;
    width: 100%;
    z-index: 999;
    background-color: var(--white);
    height: 100px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 0px 0px #00000000;

    transition: var(--transition);
}

header.header-scroll {
    height: 70px;
    box-shadow: 0px 0px 3px 0px #00000030;
}

header .logo {
    max-height: 60px;
    transition: var(--transition);
}

header.header-scroll .logo {
    max-height: 40px;
}

.navbar {
    width:100%;
}

.navbar-nav {
    gap:20px;
}

.navbar ul li {
    margin:0;
}

header .extra-icons {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid var(--black);
}

header .extra-icons .s-whatsapp {
    list-style:none;
}

header .extra-icons .telefon a,
header .extra-icons .s-whatsapp a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    color: transparent;
    border: 1px solid var(--black);
    border-radius: 50%;
    transition: var(--transition);
}

header .extra-icons .telefon a:hover,
header .extra-icons .s-whatsapp a:hover {
    background-color:var(--black);
}

header .extra-icons .telefon a::before,
header .extra-icons .s-whatsapp a:before {
    position: absolute;
    width: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: var(--transition);
}

header .extra-icons .telefon a::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9994 15.9738V18.9846C21.0005 19.2642 20.9432 19.5408 20.831 19.7969C20.7188 20.053 20.5542 20.2829 20.3478 20.4719C20.1415 20.6608 19.8978 20.8047 19.6325 20.8942C19.3672 20.9838 19.0861 21.017 18.8072 20.9919C15.7128 20.6563 12.7404 19.601 10.1289 17.9108C7.69921 16.3699 5.63926 14.3141 4.09534 11.8892C2.39586 9.27099 1.33824 6.29008 1.00816 3.18795C0.983033 2.91042 1.01608 2.63071 1.1052 2.36663C1.19432 2.10254 1.33757 1.85987 1.52581 1.65407C1.71405 1.44826 1.94317 1.28383 2.19858 1.17123C2.45398 1.05864 2.73008 1.00036 3.0093 1.0001H6.02608C6.5141 0.995304 6.98722 1.16778 7.35725 1.48537C7.72727 1.80297 7.96896 2.24401 8.03727 2.72629C8.1646 3.68982 8.40074 4.63587 8.74118 5.54642C8.87648 5.90563 8.90576 6.29602 8.82556 6.67133C8.74536 7.04665 8.55903 7.39115 8.28867 7.66402L7.01156 8.93859C8.44308 11.4512 10.5276 13.5315 13.0451 14.9602L14.3222 13.6856C14.5956 13.4158 14.9408 13.2298 15.3169 13.1498C15.6929 13.0698 16.0841 13.099 16.444 13.234C17.3564 13.5738 18.3043 13.8095 19.2698 13.9365C19.7582 14.0053 20.2044 14.2509 20.5233 14.6265C20.8422 15.0021 21.0116 15.4817 20.9994 15.9738Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: 20px;
}

header .extra-icons .s-whatsapp a::before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0045 3.90625C16.1339 2.03125 13.6429 1 10.9955 1C5.53125 1 1.08482 5.44643 1.08482 10.9107C1.08482 12.6562 1.54018 14.3616 2.40625 15.8661L1 21L6.25446 19.6205C7.70089 20.4107 9.33036 20.8259 10.9911 20.8259H10.9955C16.4554 20.8259 21 16.3795 21 10.9152C21 8.26786 19.875 5.78125 18.0045 3.90625ZM15.5134 12.9866C15.2679 12.8616 14.0491 12.2634 13.8214 12.183C13.5938 12.0982 13.4286 12.058 13.2634 12.308C13.0982 12.558 12.625 13.1116 12.4777 13.2813C12.3348 13.4464 12.1875 13.4688 11.942 13.3438C10.4866 12.6161 9.53125 12.0446 8.57143 10.3973C8.31696 9.95982 8.82589 9.99107 9.29911 9.04464C9.37946 8.87946 9.33929 8.73661 9.27679 8.61161C9.21429 8.48661 8.71875 7.26786 8.51339 6.77232C8.3125 6.29018 8.10714 6.35714 7.95536 6.34821C7.8125 6.33929 7.64732 6.33929 7.48214 6.33929C7.31696 6.33929 7.04911 6.40179 6.82143 6.64732C6.59375 6.89732 5.95536 7.49554 5.95536 8.71429C5.95536 9.93304 6.84375 11.1116 6.96429 11.2768C7.08929 11.442 8.70982 13.942 11.1964 15.0179C12.7679 15.6964 13.3839 15.7545 14.1696 15.6384C14.6473 15.567 15.6339 15.0402 15.8393 14.4598C16.0446 13.8795 16.0446 13.3839 15.9821 13.2813C15.9241 13.1696 15.7589 13.1071 15.5134 12.9866Z' stroke='black'/%3E%3C/svg%3E%0A");
    height: 23px;
}

header .extra-icons .telefon a:hover:before,
header .extra-icons .s-whatsapp a:hover:before {
    filter: invert(1);
}

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

footer {
    background-color:var(--light-gray);
}

footer .logo-content .module-image {
    margin-top:4px;
}

footer .logo-content .module-social ul {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

footer .logo-content .module-social ul li {
    margin:0;
}

footer .logo-content .module-social ul a {
    position: relative;
    width: 22px;
    height: 22px;
    color: transparent!important;
    overflow: hidden;
    display: block;
}

footer .logo-content .module-social ul a:before {
    width: fit-content;
    height: 22px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

footer .logo-content .module-social ul .s-facebook a:before {
    content: url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1H9C7.67392 1 6.40215 1.52678 5.46447 2.46447C4.52678 3.40215 4 4.67392 4 6V9H1V13H4V21H8V13H11L12 9H8V6C8 5.73478 8.10536 5.48043 8.29289 5.29289C8.48043 5.10536 8.73478 5 9 5H12V1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

footer .logo-content .module-social ul .s-instagram a:before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1H6C3.23858 1 1 3.23858 1 6V16C1 18.7614 3.23858 21 6 21H16C18.7614 21 21 18.7614 21 16V6C21 3.23858 18.7614 1 16 1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9138 10.5178C15.0372 11.35 14.895 12.2 14.5075 12.9468C14.12 13.6936 13.5069 14.2992 12.7554 14.6774C12.0039 15.0557 11.1522 15.1874 10.3216 15.0537C9.49089 14.92 8.72353 14.5278 8.12861 13.9329C7.53369 13.338 7.1415 12.5706 7.00784 11.74C6.87417 10.9093 7.00583 10.0577 7.3841 9.30614C7.76236 8.55462 8.36796 7.9415 9.11475 7.554C9.86155 7.1665 10.7115 7.02435 11.5438 7.14776C12.3927 7.27365 13.1786 7.66923 13.7855 8.27607C14.3923 8.88291 14.7879 9.66884 14.9138 10.5178Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

footer .logo-content .module-social ul .s-youtube a:before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.532 5.207C8.303 5.07 10.459 5 11.999 5s3.696.07 6.47.207a3 3 0 0 1 2.84 2.747c.127 1.517.19 2.853.19 4.008 0 1.17-.065 2.524-.195 4.064a3 3 0 0 1-2.794 2.741c-2.37.155-4.54.233-6.51.233-1.97 0-4.14-.078-6.51-.233a3 3 0 0 1-2.793-2.74 48.889 48.889 0 0 1-.197-4.065c0-1.145.064-2.482.193-4.01a3 3 0 0 1 2.84-2.745Z'%3E%3C/path%3E%3Cpath d='M10.5 9.806v4.398a.429.429 0 0 0 .665.357l3.299-2.18a.429.429 0 0 0 .002-.713L11.168 9.45a.429.429 0 0 0-.668.356Z'%3E%3C/path%3E%3C/svg%3E");
}

footer .logo-content .module-social ul .s-whatsapp a:before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0045 3.90625C16.1339 2.03125 13.6429 1 10.9955 1C5.53125 1 1.08482 5.44643 1.08482 10.9107C1.08482 12.6562 1.54018 14.3616 2.40625 15.8661L1 21L6.25446 19.6205C7.70089 20.4107 9.33036 20.8259 10.9911 20.8259H10.9955C16.4554 20.8259 21 16.3795 21 10.9152C21 8.26786 19.875 5.78125 18.0045 3.90625ZM15.5134 12.9866C15.2679 12.8616 14.0491 12.2634 13.8214 12.183C13.5938 12.0982 13.4286 12.058 13.2634 12.308C13.0982 12.558 12.625 13.1116 12.4777 13.2813C12.3348 13.4464 12.1875 13.4688 11.942 13.3438C10.4866 12.6161 9.53125 12.0446 8.57143 10.3973C8.31696 9.95982 8.82589 9.99107 9.29911 9.04464C9.37946 8.87946 9.33929 8.73661 9.27679 8.61161C9.21429 8.48661 8.71875 7.26786 8.51339 6.77232C8.3125 6.29018 8.10714 6.35714 7.95536 6.34821C7.8125 6.33929 7.64732 6.33929 7.48214 6.33929C7.31696 6.33929 7.04911 6.40179 6.82143 6.64732C6.59375 6.89732 5.95536 7.49554 5.95536 8.71429C5.95536 9.93304 6.84375 11.1116 6.96429 11.2768C7.08929 11.442 8.70982 13.942 11.1964 15.0179C12.7679 15.6964 13.3839 15.7545 14.1696 15.6384C14.6473 15.567 15.6339 15.0402 15.8393 14.4598C16.0446 13.8795 16.0446 13.3839 15.9821 13.2813C15.9241 13.1696 15.7589 13.1071 15.5134 12.9866Z' stroke='black'/%3E%3C/svg%3E%0A");
}

footer .column-title {
    margin: 0 0 20px;
}

footer .column-title  * {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--playfair);
    line-height: 100%;
}

footer .menu-column .nav {
    flex-wrap: nowrap;
    flex-direction: column;
}

footer .menu-column .nav li {
    margin: 0;
}

footer .menu-column .nav li a {
    padding: 7px 0;
    color: var(--black);
    font-weight: 300;
}

footer .contact-column .telefon a,
footer .contact-column .mail a {
    padding:7px 0;
    display: flex;
    flex-direction: row;
    gap:7px;
    color:var(--black);
    font-weight: 300;
}

footer .contact-column .telefon a::before,
footer .contact-column .mail a::before {
    position:relative;
    width:20px;
    height:20px;
}

footer .contact-column .telefon a::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9994 15.9738V18.9846C21.0005 19.2642 20.9432 19.5408 20.831 19.7969C20.7188 20.053 20.5542 20.2829 20.3478 20.4719C20.1415 20.6608 19.8978 20.8047 19.6325 20.8942C19.3672 20.9838 19.0861 21.017 18.8072 20.9919C15.7128 20.6563 12.7404 19.601 10.1289 17.9108C7.69921 16.3699 5.63926 14.3141 4.09534 11.8892C2.39586 9.27099 1.33824 6.29008 1.00816 3.18795C0.983033 2.91042 1.01608 2.63071 1.1052 2.36663C1.19432 2.10254 1.33757 1.85987 1.52581 1.65407C1.71405 1.44826 1.94317 1.28383 2.19858 1.17123C2.45398 1.05864 2.73008 1.00036 3.0093 1.0001H6.02608C6.5141 0.995304 6.98722 1.16778 7.35725 1.48537C7.72727 1.80297 7.96896 2.24401 8.03727 2.72629C8.1646 3.68982 8.40074 4.63587 8.74118 5.54642C8.87648 5.90563 8.90576 6.29602 8.82556 6.67133C8.74536 7.04665 8.55903 7.39115 8.28867 7.66402L7.01156 8.93859C8.44308 11.4512 10.5276 13.5315 13.0451 14.9602L14.3222 13.6856C14.5956 13.4158 14.9408 13.2298 15.3169 13.1498C15.6929 13.0698 16.0841 13.099 16.444 13.234C17.3564 13.5738 18.3043 13.8095 19.2698 13.9365C19.7582 14.0053 20.2044 14.2509 20.5233 14.6265C20.8422 15.0021 21.0116 15.4817 20.9994 15.9738Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

footer .contact-column .mail a::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1H19C20.1 1 21 1.9 21 3V15C21 16.1 20.1 17 19 17H3C1.9 17 1 16.1 1 15V3C1 1.9 1.9 1 3 1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3L11 10L1 3' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%3C/svg%3E%0A");
}

footer .legal-column {
    display:flex;
    flex-direction: column;
    gap:10px;
}

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

.section-hero {
    position: relative;
    height: auto;
    /* background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 2.35/1;
}

.section-hero:after {
    content:'';
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color:#0000006e;
}

.section-hero .hero-content {
    z-index: 1;
    max-width: 800px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.section-hero .down-button a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 1px solid var(--white);
    border-radius: 50%;
    outline:none!important;
    box-shadow: none!important;
    transition:var(--transition);
}

.section-hero .down-button a:hover {
    background-color:var(--black);
    border:1px solid var(--black);
}

.section-hero .down-button a:after {
    content: url("data:image/svg+xml,%3Csvg width='16' height='32' viewBox='0 0 16 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1L8 31' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 24L8 31L1 24' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: 32px;
}

.section-hero .video-background {
    padding: 0;
    position: absolute;
    height: 100%;
    overflow: hidden;
}

.section-hero .video-background .video-content {
    height:100%;
}

.section-hero .video-background .video-content .video-js {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-who-we-are .text-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

.section-who-we-are .text-content .text-animation {
    position:relative;
}

.section-who-we-are .text-content .text-animation h2 {
    -webkit-text-stroke: calc(0.05vh + 0.05vw) var(--black);
    font-size: calc(34px + (90 - 34) * ((100vw - 300px) / (2000 - 300)));
    width: max-content;
    z-index: 99;
    position: relative;
    color: transparent;
    margin: 0;
}

.section-who-we-are .text-content .text-animation p {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--black);
    font-size: calc(34px + (90 - 34) * ((100vw - 300px) / (2000 - 300)));
    width: max-content;
    z-index: -1;
    font-family: var(--playfair);
    line-height: 110%;
    font-weight: 500;
}

.section-portofoliu {
    position:relative;
}

.section-portofoliu:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: calc(-50vw + 50% );
    background-color: var(--light-yellow);
}

.section-portofoliu .text-content .module-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-list {
    padding: 0 25vw 0 0 !important;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide {
    position: relative;
    height: auto;
    margin: 0;
    aspect-ratio: 2.35/1;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fffcf680;
    pointer-events: none;
    transition: all 1.2s linear;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide.slick-active:after {
    background-color:transparent;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide .video-js {
    width: 100%;
    height: 100%;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide .vjs-poster {
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide .video-js:not(.vjs-has-started) .vjs-big-play-button {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 70px;
    border-radius: 50%;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
    background-color: transparent;
    transition:var(--transition);
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide .video-js:not(.vjs-has-started) .vjs-big-play-button:hover {
    background-color:var(--black);
    border:1px solid var(--black);
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide .video-js:not(.vjs-has-started) .vjs-big-play-button .vjs-icon-placeholder:before {
    width: fit-content;
    height: fit-content;
    margin: auto;
    position: unset;
    display: block;
    transition:var(--transition);
}




/* .section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide a {
    display:block;
    height: 100%;
    width:100%;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .slick-slide a img {
    width:100%;
    height: 100%;
    object-fit: cover;
} */

.section-portofoliu-homepage .portofoliu-content-wrapper .button-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    width: fit-content;
    right: 9vw;
    padding: 0;
    border: 0;
    background-color: transparent;
    outline:none!important;
    box-shadow:none!important;
}

.section-portofoliu-homepage .portofoliu-content-wrapper .button-slider svg {
    width:fit-content;
    height:100px;
}

.testimonial-content {
    display:flex;
    flex-direction: row;
    height:450px;
}

.section-testimoniale-title .text-content .module-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}

.testimonial-content .testimonial-image {
    width:53%;
}

.testimonial-content .testimonial-image img {
    height: 100%;
    object-fit: cover;
}

.testimonial-content .testimonial-text {
    width: 47%;
    padding: 10vh 10vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonial-content .testimonial-text strong {
    font-family: var(--playfair);
    font-size:24px;
}

.section-prefooter .content {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

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

.section-contact {
    margin:auto;
    justify-content: space-between;
}

.section-contact .contact-content,
.section-contact .contact-form {
    padding: 0;
    max-width: calc(50% - 50px);
}

.section-contact .contact-content {
    display:flex;
    flex-direction: column;
}

.section-contact .contact-content .contact-title  * {
    font-family: var(--playfair);
    font-size:34px;
    margin: 0 0 10px;
}

.section-contact .contact-content .telefon a,
.section-contact .contact-content .mail a,
.section-contact .contact-content .adresa a {
    padding:7px 0;
    display: flex;
    flex-direction: row;
    gap:7px;
    color:var(--black);
}

.section-contact .contact-content .telefon a::before,
.section-contact .contact-content .mail a::before,
.section-contact .contact-content .adresa a::before {
    position:relative;
    width:20px;
    height:20px;
}

.section-contact .contact-content .telefon a::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9994 15.9738V18.9846C21.0005 19.2642 20.9432 19.5408 20.831 19.7969C20.7188 20.053 20.5542 20.2829 20.3478 20.4719C20.1415 20.6608 19.8978 20.8047 19.6325 20.8942C19.3672 20.9838 19.0861 21.017 18.8072 20.9919C15.7128 20.6563 12.7404 19.601 10.1289 17.9108C7.69921 16.3699 5.63926 14.3141 4.09534 11.8892C2.39586 9.27099 1.33824 6.29008 1.00816 3.18795C0.983033 2.91042 1.01608 2.63071 1.1052 2.36663C1.19432 2.10254 1.33757 1.85987 1.52581 1.65407C1.71405 1.44826 1.94317 1.28383 2.19858 1.17123C2.45398 1.05864 2.73008 1.00036 3.0093 1.0001H6.02608C6.5141 0.995304 6.98722 1.16778 7.35725 1.48537C7.72727 1.80297 7.96896 2.24401 8.03727 2.72629C8.1646 3.68982 8.40074 4.63587 8.74118 5.54642C8.87648 5.90563 8.90576 6.29602 8.82556 6.67133C8.74536 7.04665 8.55903 7.39115 8.28867 7.66402L7.01156 8.93859C8.44308 11.4512 10.5276 13.5315 13.0451 14.9602L14.3222 13.6856C14.5956 13.4158 14.9408 13.2298 15.3169 13.1498C15.6929 13.0698 16.0841 13.099 16.444 13.234C17.3564 13.5738 18.3043 13.8095 19.2698 13.9365C19.7582 14.0053 20.2044 14.2509 20.5233 14.6265C20.8422 15.0021 21.0116 15.4817 20.9994 15.9738Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.section-contact .contact-content .mail a::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1H19C20.1 1 21 1.9 21 3V15C21 16.1 20.1 17 19 17H3C1.9 17 1 16.1 1 15V3C1 1.9 1.9 1 3 1Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3L11 10L1 3' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%3C/svg%3E%0A");
}

.section-contact .contact-content .adresa a::before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.section-contact .contact-content .contact-map {
    height:100%;
    margin-top:20px;
    min-height: 350px;
}

.section-contact .contact-form .module-code {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-contact .contact-form form {
    width:100%;
}

.section-contact .contact-form form .form-group.btn-section.row {
    margin:0!important;
}

.section-contact .contact-form form .form-group.btn-section.row .col-12 {
    padding:0!important;
}

.section-contact .contact-form form .builder-row .p-0 .form-group label {
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 3px;
}

.section-contact .contact-form form .builder-row .p-0 .form-group input {
    border: 1px solid var(--black);
    border-radius: 0;
    height: 40px;
    padding: 0 20px;
    font-family: var(--inter);
    font-weight: 300;
    font-size: 16px;
}

.section-contact .contact-form form .builder-row .p-0 .form-group textarea {
    border: 1px solid var(--black);
    border-radius: 0px;
    padding: 10px 20px;
    font-family: var(--inter);
    font-weight: 300;
    font-size: 16px;
    height:150px;
}

.section-contact .contact-form form .item-acceptance {
    margin-bottom:5px!important;
}

.section-contact .contact-form form .item-acceptance .checkbox-text {
    font-family: var(--inter);
    font-size: 16px;
    font-weight: 300;
}

.section-contact .contact-form form .item-acceptance .checkbox-text a {
    font-weight:700;
}

.section-contact .contact-form .module-code .c-form-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: var(--inter);
    font-weight: 200;
}

.section-contact .contact-form .module-code .c-form-success span {
    font-family: var(--playfair);
    font-size: 28px;
}

/* ------------------------------------------------------------ PAGINA OFERTA ------------------------------------------------------------ */

.section-oferte-header {
    position: relative;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display:flex;
    align-items: center;
    justify-content: center;
}

.section-oferte-header:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    background-color: #0000006e;
    z-index: 1;
}

.section-oferte-header .content {
    z-index: 2;
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    gap: 20px;
}

.section-oferte-header .content .btn-primary:before {
    border-color:var(--white);
}

.section-oferte-header .content .btn-primary:hover:before {
    border-color:var(--black);
}

.section-oferte-header .content .btn-primary:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16' fill='none'%3E%3Cpath d='M1 8L31 8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 1L31 8L24 15' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition:var(--transition);
}

.section-oferte .oferta-content {
    display:flex;
    flex-direction: row;
    z-index: 1;
}

.section-oferte .oferta-content.reverse:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: calc(-50vw + 50% );
    background-color: var(--light-yellow);
    z-index: -1;
}

.section-oferte .oferta-content .module-image {
    width:50%;
    aspect-ratio: 1/1;
}

.section-oferte .oferta-content .module-image img {
    height: 100%;
    object-fit:cover;
}

.section-oferte .oferta-content .module-text {
    width:50%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-oferte .oferta-content .module-text h2 {
    font-size: calc(34px + (70 - 34) * ((100vw - 300px) / (1600 - 300)));
    -webkit-text-stroke: calc(0.025vh + 0.025vw) var(--black);
    color: transparent;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--black);
}

.section-oferte .oferta-content .module-text ul {
    margin-bottom: 10px;
    list-style: circle;
    list-style-position: inside;
}

.section-oferte .oferta-content .module-text ul li {
    font-weight: 200;
}

.section-oferte .oferta-content .module-text p {
    font-family: var(--playfair);
    font-size: 24px;
}

.section-oferte .oferta-content .module-text p strong {
    font-size: 34px;
}

.card-oferta-wrapper {
    padding: 50px 0;
    background-color: var(--light-gray);
}

.card-oferta-wrapper .card-oferta-content {
    padding:0 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.card-oferta-wrapper .card-oferta-content .card-oferta-title  > * {
    font-family: var(--playfair);
    font-size: 24px;
}

.card-oferta-wrapper .card-oferta-content .card-oferta-text ul {
    list-style: circle;
    list-style-position: inside;
}

.card-oferta-wrapper .card-oferta-content .card-oferta-text ul li {
    font-weight: 200;
}

.card-oferta-wrapper .card-oferta-content .card-oferta-price > * {
    font-family: var(--playfair);
    font-size: 28px;
    line-height: 100%;
}

.oferta-contact {
    position:relative;
}

/* ------------------------------------------------------------ PORTOFOLIU ------------------------------------------------------------ */

.section-portofoliu-wrapper {
    max-width: 1600px;
    margin: auto;
    padding: 0 15px;
}

.section-portofoliu-wrapper .proiect {
    display: flex;
    flex-direction: row;
    padding: 100px 0;
}

.section-portofoliu-wrapper .proiect.reverse {
    flex-direction: row-reverse;
}

.section-portofoliu-wrapper .proiect.reverse:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: calc(-50vw + 50% );
    background-color: var(--light-yellow);
    z-index: -1;
}

.section-portofoliu-wrapper .proiect .fickle-image {
    position:relative;
    width: 55%;
    height: auto;
    aspect-ratio: 2.35/1;
}

.section-portofoliu-wrapper .proiect .fickle-image:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#0000004f;
    z-index: 1;
}

.section-portofoliu-wrapper .proiect .fickle-image img {
    max-height: fit-content;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section-portofoliu-wrapper .proiect .fickle-image button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--white);
    outline:none!important;
    box-shadow:none!important;
    z-index: 2;
}

.section-portofoliu-wrapper .proiect .fickle-content {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
    gap: 10px;
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog {
    max-width: fit-content;
    height: 100vh;
    margin: auto;
    display: flex;
    align-items: center;
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content {
    height: auto;
    border-radius: 0;
    border: none;
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content .close {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
    top: -70px;
    background-color: var(--white);
    opacity: 1;
    outline:none!important;
    box-shadow:none!important;
    transition:var(--transition);
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content .close:hover {
    background-color:var(--black);
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content .close svg {
    transition:var(--transition);
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content .close:hover svg {
    stroke:var(--white);
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content .modal-body {
    padding:20px;
}

.section-portofoliu-wrapper .modal-video-proiect .modal-dialog .modal-content .modal-body iframe {
    width: 90vw;
    height: auto;
    aspect-ratio: 2.35/1;
    display: block;
    margin: 0;
}

/* ------------------------------------------------------------ COLABORATORI ------------------------------------------------------------ */

.section-colaboratori .colaborator {
    display:flex;
    flex-direction: row;
    z-index: 1;
    padding:100px 0;
}

.section-colaboratori .colaborator.reverse {
    flex-direction: row-reverse;
}

.section-colaboratori .colaborator.reverse:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: calc(-50vw + 50% );
    background-color: var(--light-yellow);
    z-index: -1;
}

.section-colaboratori .colaborator .fickle-image {
    width:50%;
    aspect-ratio: 1/1;
}

.section-colaboratori .colaborator .fickle-image img {
    min-height: 550px;
    max-height: fit-content;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section-colaboratori .colaborator .fickle-content {
    width:50%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-colaboratori .colaborator .fickle-content .fickle-title h2 {
    font-size: calc(28px + (43 - 28) * ((100vw - 300px) / (1600 - 300)));
    -webkit-text-stroke: calc(0.02vh + 0.02vw) var(--black);
    color: transparent;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--black);
}

.section-colaboratori .colaborator .fickle-content .fickle-description {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.section-colaboratori .colaborator .fickle-content .fickle-description ul {
    margin: 0;
    list-style: circle;
    list-style-position: inside;
}

.section-colaboratori .colaborator .fickle-content .fickle-description ul li {
    font-weight: 200;
}

.section-colaboratori .colaborator .fickle-content .fickle-description p {
    font-weight: 200;
}

.section-colaboratori .colaborator .fickle-content .fickle-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}

.section-colaboratori .colaborator .fickle-content .fickle-buttons .icon-button a {
    color: transparent;
    width: 50px;
    height: 50px;
    border: 1px solid var(--black);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 100%;
    transition:var(--transition);
}

.section-colaboratori .colaborator .fickle-content .fickle-buttons .icon-button a:hover {
    background-color:var(--black);
}

.section-colaboratori .colaborator .fickle-content .fickle-buttons .icon-button a svg {
    max-height: 30px;
    max-width: 30px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 10;
    transition:var(--transition);
}

.section-colaboratori .colaborator .fickle-content .fickle-buttons .icon-button a:hover svg {
    stroke:var(--white);
}