:root {
    --main-font: 'Montserrat', sans-serif;
    --second-font: 'Open Sans', sans-serif;

    --dark-color: #000;
    --grey-color: #58595B;
    --light: #E5E5E5
    --orange: #E2630F;

}

/* BODY STYLES */
body {
    background-color: var(--light);
    font-family: var(--main-font);
    font-size: 18px;
    line-height: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.site {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* ELEMENTS */
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}

a {
    color: var(--grey-color);
    transition: all .3s ease-in-out;
}
a:hover {
    color: var(--dark-color);
    transition: all .3s ease-in-out;
}

/*  ALL pages title (no front page)  */
.page-title {
    padding-top: 74px;
    margin-bottom: 80px;
}
.page-title h1 {
    color: var(--grey-color);
    font-family: var(--second-font);
    font-size: 42px;
    font-weight: 400;
    line-height: 49px;
    margin-bottom: 0;
}

/* PAgination */
.pagination-info {display: none;}
.pagination {
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    margin-bottom: 50px;
}
.pagination .page-link {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: .07em;
    color: var(--white);
    background-color: var(--orange);
    border: 1px solid var(--white);
    border-radius: 0 !important;
    transition:  all .3s ease-in-out;
}
.pagination .page-link.current,
.pagination .page-link:hover {
    opacity: .5;
    transition:  all .3s ease-in-out;
}

/* buttons */
.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .07em;
    padding: 22px 30px;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 3;
}
.btn:focus,
.btn:active {
    box-shadow: none !important;
    outline: none !important;
}

.btn-warning,
.guttenberg-btn .wp-block-button__link {
    background-color: var(--orange);
    border-color: var(--orange);
    color: var(--white);
    min-width: 287px;
    position: relative;
    border-radius: 0;
    text-decoration: none;
}
.guttenberg-btn .wp-block-button__link {
    z-index: 1;
    margin-bottom: 30px;
}
.btn-warning::before,
.guttenberg-btn .wp-block-button__link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: all .4s cubic-bezier(0.215, 0.610, 0.355, 1);
    background-color: var(--dark-color);
    z-index: -1;
}
.btn-warning:hover:before,
.guttenberg-btn .wp-block-button__link:hover::before {
    height: 100%;
    transition: all .4s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.btn-warning:hover,
.guttenberg-btn .wp-block-button__link:hover {
    color: var(--white);
    transition: all .4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.guttenberg-btn {
    margin: 0 auto !important;
}
.guttenberg-btn a {
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}

.preloader {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preloader--wrapp {
    width: 100%;
    max-width: 160px;
    animation: pulse 1s ease-in-out 0s infinite forwards;
}

/* HEADER */
.navbar {
    color: var(--white);
    font-size: 15px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    padding-top: 17px;
    padding-bottom: 18px;
    z-index: 9;
}
.navbar .navbar-nav {
    min-width: 100%;
    justify-content: space-between;
}
.navbar .nav-link {
    color: inherit;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}
.navbar .nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--white);
    transform: scale(0);
    transform-origin: center;
    transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) .3s;
}
.navbar .nav-item.active .nav-link::before,
.navbar .nav-link:hover:before {
    transform: scale(1);
    transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) .3s;
}
.navbar-brand {display: none;}
.navbar-default {
    background-image: url('../images/navbar-bg.jpeg');
    background-position: center;
    background-size: cover;
}

/* FOOTER */
.site-footer {
    color: var(--grey-color);
    font-family: var(--second-font);
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .22em;
    padding: 30px 15px 30px;
}
.site-footer h4 {margin-bottom: 5px;}
.site-footer .contacts-list a {color: inherit;}

.footer-logo img {
    max-width: 180px;
    height: auto;
}


/* FRONT PAGE */
.showcase {
    height: 100vh;
    padding-top: 70px;
    padding-bottom: 70px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}
.showcase::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
}

.showcase__description {
    color: var(--white);
}
.showcase__description img {
    max-width: 190px;
    height: auto;
    margin-bottom: 0;
}
.showcase__description h1 {
    font-size: 150px;
    font-family: var(--second-font);
    line-height: 204px;
    letter-spacing: .07;
    margin-bottom: 0;
}
.showcase__description p {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 30px;
    line-height: 50px;
    letter-spacing: .08em;
}
.showcase__description p:not(:last-of-type) {margin-bottom: 120px;}
.showcase__description p:last-of-type a {
    display: inline-block;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background-color: var(--white);
    padding: 20px 30px;
    width: 100%;
    max-width: 287px;
    text-decoration: none;
    position: relative;
    z-index: 3;
}
.showcase__description p:last-of-type a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transition: all .3s ease-in-out;
    background-color: var(--grey-color);
    z-index: -1;
}
.showcase__description p:last-of-type a:hover::before {
    transition: all .3s ease-in-out;
    height: 100%;
}
.showcase__description p:last-of-type a:hover {color: var(--white);}

.author-description {
    padding: 150px 0;
}
.author-description h1 {
    font-family: var(--second-font);
    font-size: 80px;
    line-height: 1;
    letter-spacing: 0.07em;
    color: var(--grey-color);
    margin-bottom: 10px;
}
.author-description h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--grey-color);
    margin-bottom: 25px;
}
.author-description ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.07em;
    color: var(--dark-color);
}
.author-description ul li:not(:last-child) {
    margin-bottom: 14px;
}
.author-description ul li {
    position: relative;
    padding-left: 15px;
}
.author-description ul li::before {
    content: "-";
    position: absolute;
    left: 0;
}
.author-description p:last-of-type a {
    display: inline-block;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background-color: var(--orange);
    color: var(--white);
    padding: 20px 30px;
    text-decoration: none;
    position: relative;
    z-index: 3;
}
.author-description p:last-of-type a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    transition: all .3s ease-in-out;
    background-color: var(--dark-color);
    z-index: -1;
}
.author-description p:last-of-type a:hover::before {
    transition: all .3s ease-in-out;
    height: 100%;
}
.author-description p:last-of-type a:hover {color: var(--white);}
.author-description p:last-of-type {margin-bottom: 0;}
.author-description img {
    object-fit: cover;
}

.author-expositions {
    position: relative;
    background-size: contain;
    background-position: -20% center;
    /* background-position: 0 center; */
    background-repeat: no-repeat;
    padding-top: 47px;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    color: var(--dark-color);
    background-color: #d5d4d5;
}
.author-expositions::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(269.88deg, rgba(255, 255, 255, 0.83) 0.13%, rgba(255, 255, 255, 0) 43.28%); */
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.83) 0.13%, rgba(255, 255, 255, 0) 75.28%);
}
.author-expositions h1,
.author-expositions h3 {
    text-transform: uppercase;
}
.author-expositions h1 {
    font-family: var(--second-font);
    font-size: 38px;
    font-weight: 400;
    line-height: 49px;
    letter-spacing: .07em;
    color: var(--grey-color);
    margin-bottom: 22px;
}
.author-expositions h3 {
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0.07em;
    color: var(--grey-color);
    margin-bottom: 26px;
}
.author-expositions p:first-of-type {margin-bottom: 60px;}
.author-expositions p:last-of-type {margin-bottom: 0;}

.author-vernisaj {
    font-weight: 300;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0.07em;
    color: var(--dark-color);
    padding-top: 80px;
    padding-bottom: 80px;
}
.author-vernisaj h1 {
    font-size: 38px;
    font-family: var(--second-font);
    line-height: 49px;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--grey-color);
    margin-bottom: 22px;
    margin-top: -12px;
}
.author-vernisaj ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.author-vernisaj strong {
    font-weight: 700;
    color: var(--grey-color);
}
.author-vernisaj img {height: 680px;}

.works-categories {padding-top: 70px;}
.works-categories__item {margin-bottom: 40px;}
.works-categories__item h2 {
    background-color: rgba(0, 0, 0, 0.35);
    color: var(--white);
    letter-spacing: 0.07em;
    text-transform: uppercase;
    font-family: var(--second-font);
    font-weight: 400;
    margin-bottom: -10px;
    padding: 7px 30px;
    transform: translateY(-100%);
}
.works-categories__item.item__1 img {
    height: 700px;
    object-fit: cover;
}
.works-categories__item.item__2 img,
.works-categories__item.item__3 img {
    height: 276px;
    width: 100%;
    object-fit: cover;
}

.author-galleries {
    padding-top: 70px;
}
.author-galleries h1 {
    font-family: var(--second-font);
    color: var(--grey-color);
    margin-bottom: 60px;
}

.carousel-item .card-columns img {
    width: 100%;
    object-fit: cover;
    transition: all .6s ease-in-out;
}
.carousel-item .card-columns {column-gap: 30px;}
.carousel-item .card-columns .card {
    margin-bottom: 22px;
    overflow: hidden;
    border-radius: 0;
    border: none;
}
.carousel-item .card-columns .card:first-of-type img,
.carousel-item .card-columns .card:nth-of-type(2) img,
.carousel-item .card-columns .card:nth-of-type(5) img,
.carousel-item .card-columns .card:nth-of-type(6) img {
    height: 300px;
}
.carousel-item .card-columns .card:nth-of-type(3) img {height: 200px;} 
.carousel-item .card-columns .card:nth-of-type(4) img {height: 400px;} 
.carousel-item .card-columns .card:hover img {
    transform: scale(1.1);
    transition: all .6s ease-in-out;
}
.carousel-indicators {
    position: relative;
    margin: 30px 0 0;
}
.carousel-indicators li {
    border: 1px solid var(--grey-color);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: transparent;
    opacity: 1;
}
.carousel-indicators li.active {
    background-color: var(--grey-color);
}

#friendsCarousel .card-columns .card:first-of-type,
#friendsCarousel .card-columns .card:nth-of-type(2),
#friendsCarousel .card-columns .card:nth-of-type(3),
#friendsCarousel .card-columns .card:nth-of-type(6),
#friendsCarousel .card-columns .card:nth-of-type(7),
#friendsCarousel .card-columns .card:nth-of-type(8) {height: 260px;}
#friendsCarousel .card-columns .card:nth-of-type(4),
#friendsCarousel .card-columns .card:nth-of-type(5) {height: 405px;}
#friendsCarousel .card-columns .card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.author-videos {
    padding-top: 67px;
    padding-bottom: 60px;
}
.author-videos h1 {
    font-family: var(--second-font);
    color: var(--grey-color);
    margin-bottom: 60px;
}
#videosCarousel .carousel-inner {margin-bottom: 60px;}
#videosCarousel .carousel-item img {
    height: 500px;
    object-fit: cover;
}
.carousel-item .video-link {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%);
    width: 90px;
    height: 90px;
    display: block;
    background-image: url('../images/play-btn.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .7;
    transition: all .3s ease-in-out;
}
.carousel-item .video-link:hover {
    opacity: 1;
    transition: all .3s ease-in-out;
}

.author-press {
    padding-bottom: 80px;
    padding-top: 65px;
}
.author-press h1,
.author-testimonials h1 {
    font-family: var(--second-font);
    color: var(--grey-color);
    margin-bottom: 60px;
}
.article-item {
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-decoration-line: underline;
    color: var(--grey-color);
}
.article-item img,
.article-item__cover {
    height: 155px;
    object-fit: cover;
    margin-bottom: 23px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background-color: rgba(196, 196, 196, .1); */
    /* background-blend-mode: multiply; */
}
.slick-dots {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slick-dots li {
    margin: 0 3px;
}
.slick-dots button {
    border: 1px solid var(--grey-color);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: transparent;
    padding: 0;
    text-indent: -99999px;
}
.slick-dots li.slick-active button {background-color: var(--grey-color);}
#articlesCArousel .slick-track {margin-bottom: 30px;}

.author-testimonials {
    padding-top: 51px;
    padding-bottom: 40px;
}
.author-testimonials h1 {margin-bottom: 40px;}
.testimonial-item {
    color: var(--dark-color);
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    padding: 60px 30px 24px;
    min-height: calc(100% - 30px);
    margin-bottom: 30px;
    background-color: #F0F0F0;
}
.testimonial-item__cover {
    align-items: flex-end;
    margin-bottom: 40px;
    background-image: url('../images/quotes.png');
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) top;
}
.testimonial-item img {
    width: 160px;
    height: 160px;
    object-fit: cover;
    margin-right: 15px;
}
.testimonial-item h3 {
    color: var(--grey-color);
    font-family: var(--second-font);
    font-weight: 700;
    line-height: 28px;
}
#testimonialsCArousel.slick-slider {
    padding: 0 30px;
}
#testimonialsCArousel .slick-track {display: flex;}
#testimonialsCArousel .slick-slide {
    flex: 1;
    height: auto;
}
.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 44px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    background-color: transparent;
    text-indent: -999999px;
    z-index: 3;
    border: none;
}
.slick-arrow.slick-prev {
    left: 0;
    background-image: url('../images/previ.png');
}
.slick-arrow.slick-next {
    right: 0;
    background-image: url('../images/next.png');
}


/* GALLER PAGE */
.card-columns .work-card {margin-bottom: 30px;}
.work-card {
    border: none;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden;
}
.work-card img {
    margin-bottom: 18px;
    transition: all .9s ease-in-out;
}
.work-card h5 {
    color: var(--dark-color);
    font-weight: 300;
    font-size: 27px;
    margin-bottom: 0;
}
.work-card a {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.work-card:hover img {
    transform: scale(1.05);
    transition: all .6s ease-in-out;
}

.toogle-filters {
    font-weight: 300;
    font-size: 27px;
    letter-spacing: 0.07em;
    text-decoration-line: underline;
    text-transform: inherit;
    color: #7C7C7C;
    padding: 0;
    margin-top: 15px;
}
.toogle-filters:hover,
.toogle-filters.active {
    color: var(--dark-color);
}

.filters-area {
    width: 100%;
    max-width: 500px;
    background-color: var(--white);
    box-shadow: 3px 6px 12px rgba(0, 0, 0, 0.25);
    height: 100%;
    padding: 50px 30px 60px 200px;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto;
    z-index: 1099;
    opacity: 0;
    animation: slideOutLeft .3s ease-out 0s 1 forwards;
}
.filters-area.active {
    animation: slideInLeft .3s ease-in 0s 1 forwards;
}

.form-group {
    font-weight: 300;
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 0;
}
.form-group__label {
    font-weight: 600;
    font-size: 27px;
    line-height: 35px;
    margin-bottom: 0;
    padding-left: 30px;
}
.custom-checkbox {
    position: relative;
    padding-left: 30px;
}
.custom-checkbox label {
    margin-bottom: 0;
    cursor: pointer;
}
.custom-checkbox label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 2px solid var(--grey-color);
    margin-top: 9px;
}
.custom-checkbox label::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 18px;
    height: 18px;
    background-color: var(--grey-color);
    border-radius: 6px;
    transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .4s;
    transform: scaleY(.1) scaleX(.5);
    transform-origin: center;
}
.custom-checkbox input {
    display: none;
}
.custom-checkbox input:checked + label::after {
    transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .2s;
    transform: scaleY(1) scaleX(1);
    transform-origin: center;
}

.advanced-works-filter .btn-warning {min-width: auto;}
.filters-trigger {
    width: 19px;
    height: 19px;
    padding: 0;
    border: none;
    background-color: transparent;
    background-image: url('../images/close-ico.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    margin: 20px;
}


/* picture modal */
.modal button.close {
    position: absolute;
    top: 0;
    right: 0;
    width: 39px;
    height: 39px;
    opacity: 1;
    background-image: url('../images/close-ico.svg');
    background-position: center;
    background-repeat: no-repeat;
    margin: 35px 34px 0 0;
    z-index: 9;
    padding: 0;
}

.post-modal .modal-content {
    border: none;
    border-radius: 0;
    box-shadow: 5px 8px 12px 5px rgba(0, 0, 0, 0.25);
    letter-spacing: 0.07em;
    color: var(--dark-color);
}
.post-modal .modal-body {padding: 30px;}
.post-modal h1 {
    padding-top: 62px;
    font-weight: 600;
    font-size: 36px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    margin-bottom: 42px;
}
.post-modal ul {
    font-weight: 300;
    font-size: 27px;
    line-height: 38px;
    margin-bottom: 90px;
}
.post-modal ul li {
    padding-left: 20px;
    position: relative;
}
.post-modal ul li::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: var(--dark-color);
}

/* contact form modal */
.contact-modal .modal-dialog {
    max-width: 445px;
}
.contact-modal .modal-content {border-radius: 20px;}
.contact-modal button.close {
    width: 20px;
    height: 20px;
    margin: 20px 22px 0 0;
}
.contact-modal .modal-header {
    padding: 59px 30px 30px;
    border-bottom: none;
    border-radius: 0;
    align-items: center;
    justify-content: center;
}
.contact-modal .modal-title {
    text-align: center;
    color: var(--grey-color);
    font-weight: 600;
    font-size: 24px;
    line-height: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0;
}
.contact-modal .modal-body {
    padding: 0 70px 60px;
}
.form-group {margin-bottom: 44px;}
.form-group .form-control {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid var(--grey-color);
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    letter-spacing: .06em;
    color: var(--grey-color);
    height: auto;
    padding: 10px 0 18px;
}
.form-group .form-control:focus {
    outline: none;
    box-shadow: none;
}
.wpcf7-form .form-group.last {
    margin-top: 60px;
}
.wpcf7-form .wpcf7-submit:hover {background-color: var(--dark-color);}
.wpcf7 .ajax-loader {position: absolute;}


/* DATE BIOGRAFICE */
.mudrea-card {
    color: var(--dark-color);
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.07em;
    margin-bottom: 60px;
}
.mudrea-card h1 {
    font-size: 80px;
    font-family: var(--second-font);
    line-height: 123px;
    letter-spacing: 0.07em;
    color: var(--grey-color);
}
.mudrea-card ul {
    list-style-type: none;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 500;
    /* font-size: 33px; */
    font-size: 24px;
    letter-spacing: 0.1em;
    color: var(--grey-color);
}
.mudrea-card .wp-block-media-text__content {padding-left: 0;}
.mudrea-card .wp-block-media-text__media img {height: auto;}

/* timeline tables */
.timeline-table {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.07em;
    color: var(--dark-color);
    margin-bottom: 39px;
}
.timeline-table thead th {
    white-space: nowrap;
    letter-spacing: 0.07em;
    font-weight: 600;
}
.timeline-table tbody tr {
    display: flex;
    align-items: flex-start;
}
.timeline-table tbody tr td:first-of-type {
    padding-right: 15px;
    min-width: 20%;
} 
.timeline-table tbody tr td:last-of-type {
    padding-left: 15px;
    flex: 1;
} 

/* DISTINCTIONS page */
.distinctions-grid {margin-bottom: 120px;}
.distinctions__item {margin-bottom: 25px;}
.distinctions__item h3 {
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 0;
    color: var(--dark-color);
}
.distinctions__item img {
    margin-bottom: 20px;
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.distinctions__item.item__3 img {object-fit: contain;}
.distinctions__footer-preview {
    margin-top: 90px;
    margin-bottom: 30px;
    font-weight: 300;
    color: var(--dark-color);
}

.timeline-table.distinctions tbody tr {display: table-row;}
.timeline-table.distinctions tbody tr td:first-of-type {
    min-width: 10%;
    font-weight: 600;
}

/* CONTACTS page */
.page-template-contacte {
    overflow: hidden;
    color: var(--grey-color);
}

.page-template-contacte .site-footer {
    display: none;
}
.page-template-contacte .map {
    height: 700px;
    object-fit: cover;
}
.contacts-logo {
    width: 180px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 50px;
    display: block;
}
.social-links h5 {
    font-weight: 600;
    margin-bottom: 20px;
}
.social-links {margin-bottom: 70px;}
.social-links li:not(:last-child) {margin-right: 30px;}
.social-links a img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

/* SUCCESS page */
.page-template-success .site-footer,
.page-template-success .navbar {display: none !important;}

.success-page-content {
    position: relative;
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.5);
    background-blend-mode: overlay;
    color: var(--dark-color);
}
.success-page-content .page-title h1 {
    color: var(--dark-color);
    font-weight: 700;
}
.success-page-content .page-title,
.success-page-content p:last-of-type {margin-bottom: 54px;}

/* ANIMATIONS */

@-webkit-keyframes backOutLeft {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
}

100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
}
}
@keyframes backOutLeft {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
}

100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
}
}


@-webkit-keyframes backInLeft {
0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
}

80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
}

100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
}
@keyframes backInLeft {
0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
}

80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
}

100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
}

@-webkit-keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes slideInLeft {
    from {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
}

@-webkit-keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }
  @keyframes slideOutLeft {
    from {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  
    to {
      visibility: hidden;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
  }

  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
}