:root {
--color-primary: #fff;
--color-decorative: #c9a467;
--color-beige: #ebe4de;
--color-bg: #141416; --color-block: #000;
--color-black: #000; --color-grey: #dfdff2;
--color-grey-dark: #424242;  --font-primary: 'Public Sans', Helvetica, sans-serif;
--font-h1: 'Cormorant Garamond'; }
body {
font-family: var(--font-primary);
color: var(--color-black);
-webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums proportional-nums;
} #preloader {
position: fixed;
inset: 0;
background: rgb(255 255 255 / 95%);
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
backdrop-filter: blur(4px);
}
.lds-heart,
.lds-heart div,
.lds-heart div:after,
.lds-heart div:before {
box-sizing: border-box;
}
.lds-heart {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
transform: rotate(45deg);
transform-origin: 40px 40px;
}
.lds-heart div {
top: 28px;
left: 28px;
position: absolute;
width: 32px;
height: 32px;
background: currentColor;
animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
content: " ";
position: absolute;
display: block;
width: 32px;
height: 32px;
background: currentColor;
}
.lds-heart div:before {
left: -24px;
border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
top: -24px;
border-radius: 50% 50% 0 0;
} .nowrap {
white-space: nowrap;
} .btn-beige {
display: flex;
gap: 8px;
align-items: center;
color: #2D2620;
font-size: 1rem;
padding: .375rem .75rem;
border-radius: var(--bs-border-radius);
background-color: var(--color-beige);
}
.butn:hover .arrow-right {
transform: translateX(5px);
}
.btn-yellow {
display: flex;
gap: 8px;
align-items: center;
color: #2D2620;
width: fit-content;
font-size: 1rem;
padding: .375rem .75rem;
border-radius: var(--bs-border-radius);
background-color: var(--color-beige);
}
.btn-homepage {
justify-content: center;
letter-spacing: .3px;
color: #2D2620;
font-size: 1.3rem;
padding: 1.3rem 1.75rem;
font-weight: 600;
width: fit-content;
margin: 0 auto;
} body a {
text-decoration: none;
}
article {
padding: 50px 0 60px;
line-height: 1.4;
}
.single article {
padding: 30px 0 60px;
}
section:not(:last-of-type) {
margin: 0 0 50px;
}
video {
max-width: 100%;
max-height: fit-content;
}
.h1-wrap {
margin: 0 0 30px;
}
article h2 {
margin: 0 0 20px;
}
article p,
.single-text li {
margin: 0 0 10px;
}
.arrow-right {
width: 100%;
max-width: 20px;
height: 24px;
transition: transform 0.3s cubic-bezier(.4,0,.2,1);
}
.content-wrap {
margin: 0 0 50px;
}
.content-wrap h2,
.content-wrap h3 {
margin: 25px 0 12px;
}
.single-text ol {
counter-reset: section;
margin: 8px 0;
}
.single-text ol li {
position: relative; }
.single-text ol > li::before {
content: "";
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: -30px;
top: 2px;
width: 23px;
height: 23px;
counter-increment: section;
content: counter(section);
font-size: 13px;
font-weight: 500;
text-align: center;
color: #000000c2;
background: #f3caba;
border-radius: 50%;
}
.single-text ol > li > ul {
margin: 12px 0 0;
}
.breadcrumbs {
padding: 22px 0 0;
}
.breadcrumbs__link {
color: #000;
font-weight: 500;
}
.breadcrumbs__separator {
margin: 0 8px;
font-size: 20px;
}
.link-underline {
width: fit-content;
}
.link-underline,
.menu-item a {
background-image: linear-gradient(#ebcc8a 50%, var(--color-decorative) 50%);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 0 2px, 100% 2px;
padding-bottom: 4px!important;
border-radius: 2px;
transition: .3s ease-in-out;
}
.link-underline:hover,
.menu-item a:hover {
background-size: 100% 2px;
} .hero__section {
background: linear-gradient(235.3deg, #65746A 24.2%, #6F7A71 42.16%, #6D7C72 91.08%);
overflow: hidden;
}
.hero__section__inner {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 90vh;
opacity: 0;
}
.hero__section__inner::before {
content: '';
position: absolute;
bottom: 0;
right: -32%;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(https://beautylucelis.md/wp-content/themes/beautylucelis/images/hero-background@2x.jpg);
background-position: 150% bottom;
background-repeat: no-repeat;
background-size: contain;
}
.hero__section__meta {
position: relative;
color: #fff;
max-width: 754px;
opacity: 0;
}
.hero__section__meta h1 {
font-family: var(--font-h1);
font-weight: 500;
font-size: 60px;
line-height: 135%;
text-transform: uppercase;
margin: 0 0 30px;
}
.hero__section__meta p {
font-size: 18px;
color: #ebebeb;
line-height: 150%;
margin: 0 0 30px;
}
.hero__section__meta a {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 700;
min-width: 200px;
width: fit-content;
padding: 14px 0;
color: #230400;
background-color: #F3BE28;
border-radius: 6px;
}
.hero__section__meta a:hover {
transform: scale(1.05);
box-shadow: 0px 2px 5px rgba(188, 155, 37, 0.36);
}
.hero__section__meta a::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(
0deg, 
transparent, 
transparent 30%, 
rgba(188, 155, 37, 0.36)
);
transform: rotate(-45deg);
transition: all 0.5s ease;
opacity: 0;
}
.hero__section__meta a:hover::before {
opacity: 1;
transform: rotate(-45deg) translateY(100%);
}
.hero__section__meta a span {
position: relative;
z-index: 2;
transition: all 0.5s ease;
}
.about-us__item {
display: flex;
gap: 45px;
margin: 0 0 30px;
}
.about-us__item picture {
flex-shrink: 0;
}
.about-us__item img {
border-radius: 6px;
}
.about-us__item p {
margin: 0;
font-size: 18px;
}
section.all-courses {
margin: 0 0 50px;
}
.cursuri-h2 {
font-size: 40px;
margin: 0 0 40px;   
}
.swiper {
margin: 0 0 30px;
} .search-page {
padding: 20px 0 50px;
}
.search-page__form {
position: relative;
width: 286px;
margin: 0 0 26px;
}
.search-page__body-field {
padding: 12px 40px 12px 16px;
width: 100%;
border-radius: 3px;
border: 1px solid #666;
background: #FFF;
margin: 0 0 15px;   
}
.search-page__form button {
position: absolute;
top: 0;
right: 0;
height: 44px;
width: 44px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
border: none;
background: none;
}
.search-page__form button svg{
height: 20px;
width: 30px;
}
.search-page__body-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.search-page__body-title {
margin: 0 0 25px;
}
.search-page__item {
display: flex;
flex-direction: column;
gap: 20px; }
a.search-page__item-img img {
max-width: 360px;
}
.search-page__item-date {
font-size: 14px;
color: #adadad;
margin: 0 0 16px;
}
.search-page__item-title,
.all-courses__swiper-item-title {
font-size: 20px;
font-weight: 700;
color: #000;
margin: 0 0 10px;
}
.all-courses__swiper-item-title {
margin: 0;
}
.search-page__item-excerpt,
.all-courses__swiper-item-excerpt {
font-weight: 300;
color: #413a3a;
}
.search-page__item-excerpt p,
.all-courses__swiper-item-excerpt p {
margin: 0 0 4px;
}
.all-courses__swiper-item__more,
.page-none__title {
margin: 0 0 40px;
}
.page-none__more {
margin: 0 0 30px;
}
.all-courses__swiper-item__img {
display: block; overflow: hidden;
border-radius: 6px;
}
.all-courses__swiper-item__img:hover picture {
transition: all .4s ease-in-out;
transform: scale(1.1);
}
.all-courses__swiper-item picture {
transition: all .4s ease-in-out;
display: flex;
}
.all-courses__swiper-item picture img,
.search-page__item img {
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
.all-courses__swiper-item {
display: flex;
flex-direction: column;
height: auto;
}
.all-courses__swiper-item__meta {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: space-between;
padding: 24px 20px;
}
.all-courses__swiper-item__meta p {
margin: 0;
}
.swiper-pagination__other-res {
display: flex;
justify-content: center;
margin: 40px 0 0;
} .swiper-pagination-bullet {
width: 12px;
height: 12px;
margin: 0 6px;
}
.swiper-pagination-bullet-active {
background: #ff6589;
} .cursuri-cards {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.cursuri-card {
position: relative;
border-radius: 8px;
min-height: 400px;
overflow: hidden;
display: flex!important;
justify-content: center;
align-items: flex-end;
color: #fff;
font-size: 22px;
font-weight: 500;
padding: 25px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.cursuri-card picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
transition: all .4s ease-in-out;
}
.cursuri-card h2 {
z-index: 2;
position: relative;
text-align: center;
}
.cursuri-card:hover picture {
transition: all .4s ease-in-out;
transform: scale(1.1);
}
.cursuri-card::after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(0deg,rgba(37, 37, 35, 0.66) 0%, rgba(168, 71, 71, 0) 50%);
}  .single-header {
position: relative;
overflow: hidden;
color: #fff;
min-height: 400px;
}
.single-header::before {
background: linear-gradient(174deg, rgba(37, 37, 35, 0.66) 28%, rgba(168, 71, 71, 0) 50%);
background: rgb(26 25 15 / 66%);
content: '';
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-header .breadcrumbs__link {
color: #fff;
}
.single-header__bg {
position: absolute;
top: -69%;
left: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
}
div.single-header__bg img {
object-fit: scale-down;
margin: 0 auto;
}
.single-header__text {
position: relative;
z-index: 2;
}
.single-header h1 {
padding: 66px 0;
}
.single-text,
.entry-content {
font-size: 18px;
}
.single-text ul,
.entry-content ul {
list-style: disc;
padding-left: 1.3rem;
}  .echipa-despre {
display: flex;
gap: 45px;
font-size: 22px;
font-weight: 500;
margin: 0 0 40px;
}
.echipa-despre img {
border-radius: 8px;
}
.echipa-wrap {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center;
gap: 60px 30px;
}
.echipa-item {
position: relative;
border-radius: 8px;
background-color: #f9f9f9;
color: var(--color-black);
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
transition: all .4s ease-in-out;
}
.echipa-item__img {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0;
border-radius: 8px;
transition: all .4s ease-in-out;
}
.echipa-item:hover .echipa-item__img {
border-radius: 8px 8px 4px 4px;
}
.echipa-item__img:hover {
transition: all .4s ease-in-out;
}
.echipa-item img {
transition: all .4s ease-in-out;
}
.echipa-item__img:hover img {
transition: all .4s ease-in-out;
transform: scale(1.05);
}
.echipa-item__title,
.echipa-item__descr {
position: absolute;
transform: translateY(-50px);
padding: 16px 0 0;
border-radius: 0 0 8px 8px;
width: 100%;
padding: 16px 0 0;
margin: 0 auto;
text-align: center;
font-size: 24px;
font-weight: 600;
background-color: #f9f9f9;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.echipa-item:hover .echipa-item__title {
transform: translateY(-10px);
transition: all .4s ease-in-out;
}
.echipa-item__descr {
font-size: 18px;
font-weight: 400;
color: var(--color-grey-dark);
} .acte-acreditare h2 {
margin: 0 0 30px;
text-align: center;
}
.acte-acreditare__images {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.acte-acreditare__img {
display: flex;
justify-content: center;
} .ti-widget.ti-goog .ti-widget-container, .ti-widget.ti-goog .ti-widget-container * {
font-family: var(--font-primary)!important;
}  .sbi_bio {
display: flex;
gap: 2px;
}
.emoji {
display: inline-block;
max-width: 20px;
}
#sb_instagram .sbi_photo img {
border-radius: 6px;
}  .company-title {
margin: 0 0 20px;
}
.echipa {
font-size: 24px;
margin: 0 0 30px;
}
.echipa-message {
margin: 0 0 16px;
}
.echipa-photos {
padding-left: 4px;
display: flex;
}
.echipa-photo {
border-radius: 50%;
overflow: hidden;
margin-left: -4px;
}
.contacts-info {
flex: none;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.contacts-info__flex {
display: flex;
gap: 50px;
margin: 0 0 40px;
}
.contacts-info__item {
display: flex;
flex-direction: column;
padding: 24px 20px 17px;
border: 1px solid #0000001a;
border-radius: 8px;
background-color: #f9f6f2;
color: var(--color-black); }
.contacts-info__item:has(.contacts-info__item-link) {
gap: 12px;
}
.contacts-info__item:hover {
background-color: #f9f6f287;
}
.contacts-info__item-link {
color: var(--color-black);
display: flex; gap: 6px; transition: all .2s ease;
}
.contacts-info__item-link:hover {
transition: all .2s ease;
opacity: .6;
}
.contacts-info__item-link h6 {
font-weight: 600;
}
.contacts-info__item-link h6,
.contacts-info__item-link .link-underline {
margin: 0;
padding-bottom: 0;
}
.contacts-info__flex iframe {
border-radius: 8px;
}
.directions-video {
text-align: center;
}
.directions-video h2 {
margin: 0 0 20px;
}  .error-page_wrapper {
margin: 50px 0;
}
.error-page__title {
text-align: center;
font-size: 120px;
margin: 0 0 40px;
}
.error-page__message {
text-align: center;
font-size: 36px;
margin: 0 0 30px;
}
.error-page__link {
display: flex;
justify-content: center;
}
.error-page__link span {
font-size: 20px;
} #form-popup {
display: none;
width: 100%;
max-width: 500px;
border-radius: 12px;
padding: 0;
background-color: #EBE4DE;
}
.form-popup__inner {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
padding: 40px 30px;
}
.modal-close {
position: absolute;
display: block;
top: 10px;
right: 12px;
height: 40px;
width: 40px;
background: none;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuNSAxTDEgMTMuNSIgc3Ryb2tlPSIjOTM5MzkzIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTEgMUwxMy41IDEzLjUiIHN0cm9rZT0iIzkzOTM5MyIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==);
background-position: 50% 50%;
background-repeat: no-repeat;
outline: none;
cursor: pointer;
z-index: 2;
}
.fancybox-close-small {
top: 8px;
right: 8px;
}
.popup__title {
margin: 0 auto;
text-align: center;
width: fit-content;
font-size: 30px;
font-weight: 500;
color: #2C251F;
}
#form-popup form input {
margin: 0 0 12px;
background-color: #F5F5F5;
border: 1px solid #A59E98;
padding: 0.45rem 0.8rem;
}
#form-popup form input::placeholder,
#form-popup form textarea::placeholder {
color: #A5A8AB;
font-size: 14px;
}
#form-popup form textarea {
margin: 0 0 12px;
padding: 0.55rem 0.8rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.3;
color: var(--bs-body-color);
background-color: #F5F5F5;
background-clip: padding-box;
border: 1px solid #A59E98;
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
width: 100%;
max-width: 100%;
min-height: 95px;
max-height: 200px;
}
input.form-control:focus {
border-color: var(--color-beige);
box-shadow: 0 0 0 .16rem rgba(235,228,218,.20);
}
#form-popup form button {
font-size: 18px;
font-weight: 500;
color: #F5F5F5;
background-color: #68534C;
border-radius: 6px;
padding: 12px 50px;
}
.footer {
display: flex;
flex-direction: row;
background-color: var(--color-black);
}
.footer__column-wrap {
padding: 50px 0;
}
.footer__form-wrap {
position: relative;
}
.footer__form-wrap::before {
content: '';
z-index: 0;
position: absolute;
right: 0;
top: 0;
width: 200%;
height: 100%;
background-color: #141414;
}
.footer__form {
position: relative;
z-index: 3;
}
.footer__form-title {
color: #fff;
font-size: 20px;
font-weight: 500;
margin: 0 0 12px;
}
.footer__form input {
margin: 0 0 12px;
}
.footer__form textarea {
margin: 0 0 12px;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
background-color: var(--bs-body-bg);
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
width: 100%;
max-width: 100%;
min-height: 95px;
max-height: 200px;
}
input.form-control:focus {
border-color: var(--color-beige);
box-shadow: 0 0 0 .16rem rgba(235,228,218,.20);
}
.footer__menu {
padding-left: 2rem;
margin-bottom: 1rem;
}
.footer__menu li {
margin: 0 0 12px;
}
.footer .logo {
width: 160px;
margin-left: 1.3rem;
}
.footer__contacts {
color: #fff;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 30px;
margin: 20px 0 14px 2rem;
}
.footer__contacts p {
margin: 0;
}
.contact {
display: flex;
align-items: center;
gap: 8px;
color: #fff;
transition: all .5s ease-in-out;
}
a.contact:hover {
transition: all .2s ease-in-out;
opacity: .8;
}
.footer__schedule span {
font-weight: 600;
}
.footer__icons {
display: flex;
gap: 20px;
margin: 0 0 30px 2rem;
}
.footer__icons a:hover {
transition: all .2s ease-in-out;
transform: scale(1.1);
}
.footer svg {
width: 30px;
height: 30px;
}
.footer__icons .instagram-icon {
transform: scale(1.15);
}
.footer__info {
display: flex;
gap: 20px;
margin: 0 0 20px 2rem;
}
.footer__link,
.copyright {
text-decoration: none;
color: #fff;
}
.footer__link.policy,
.copyright {
font-size: 12px;
}
.copyright {
margin: 0 0 0 2rem;
}
@keyframes lds-heart {
0% {
transform: scale(0.95);
}
5% {
transform: scale(1.1);
}
39% {
transform: scale(0.85);
}
45% {
transform: scale(1);
}
60% {
transform: scale(0.95);
}
100% {
transform: scale(0.9);
}
}
@keyframes fade{
0%{opacity:0;}
100%{opacity:1;}
}