/*!
Theme Name: primeflat
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: primeflat
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready */


.power-home__slider {
    flex: 0 0 60%;
    max-width: 60%
}

.select._select-active {
    min-width: 4.1875rem;
    position: relative;
    z-index: 2;
}

.footer__list .menu-item{
	font-size: .875rem;
    line-height: 1.42;
}

.footer__list .menu-item:not(:last-child){
	margin-bottom: .75rem;
}

.home__hero:not(:last-child) {
    margin-bottom: 0 !important;
}

.projects_items {
    display: flex;
    flex-wrap: wrap;
}

article.project_item_art {
    flex: 0 0 33%;
    max-width: 490px;
    position: relative;
}

article.project_item_art img {
    max-width: 492px;
    width: 100%;
    height: auto;
    max-height: 324px;
    height: 324px;
}

.projects_items {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: flex-start;
}

h3.title_project_item a {
    color: #485172;
    font-size: 22px;
    margin: 12px 0;
}

.project_wrap {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.hero-project__label.item-recreations__label--purple{
	background-color: #5e6da4;
    color: #fff;
}

.hero-project__gallery.gallery-project .gallery-project__main-slider .splide__list {
    aspect-ratio: 1050 / 550;
}

section.project__recreations.recreations-home {
    padding-top: 60px;
}

.all_text_desc {
    padding: 20px 1.25rem 40px;
}

@media (min-width: 102.5em) {
    .page__project.project .project__hero {
        margin-bottom: 0;
    }
}

@media (min-width: 24.375em) and (max-width: 102.5em) {
    @supports (margin-bottom:clamp(3.75rem ,2.853rem + 3.68vw ,6.625rem)) {
        .page__project.project .project__hero {
            margin-bottom: clamp(3.75rem, 1px + 3.68vw, 6.625rem);
        }
    }
}

.splide__slide img {
    max-height:547px;
}

.menu__lang.lang-mobile li{
	list-style: none;

}

.menu__lang.lang-mobile li a{
	font-family: Inter, sans-serif;
    font-size: .75rem;
    border: .0625rem solid #485172;
    line-height: 1.83;
    background-color: #fff;
    padding: .3125rem .75rem;
}

.menu__lang.lang-mobile .current-lang a{
	color: #fff;
   	background-color: #485172;
}

.image-link img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.located-eixample--reverse .located-eixample__body{
	margin-top: 135px;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
    position: absolute;
    bottom: -20px;
}

.img_404 {
    display: flex;
    justify-content: center;
}

.img_404 img {
    width: 100%;
    max-width: 791px;
    height: auto;
}

section.error-404.not-found {
    padding-top: 80px;
    padding-bottom: 80px;
}

.btn_back_home {
    width: 100%;
    max-width: 491px;
    margin: 0 auto;
}

.text_not_found {
    margin: 60px auto 40px;
    width: 100%;
    text-align: center;
    font-size: 27px;
}

@media (max-width: 1800px) {
    .power-home__slider {
	    flex: 0 0 55%;
	    max-width: 55%
	}
	.power-home__decor {
	    bottom: 0rem;
	}
}

@media (max-width: 1591px) {
    article.project_item_art {
	    flex: 0 0 33%;
	    max-width: 31%;
	}
	.projects_items {
	    display: flex;
	    flex-wrap: wrap;
	    gap: 1rem;
	    justify-content: space-between;
	}
	.services__service-desc .service-desc__content {
	    max-width: 82.5625rem;
	}
	.service-desc__image img {
	    width: 90%;
	}
	.page__contacts .contacts__body {
	    padding-left: 18.25rem;
	    padding-right: 1.25rem;
	}
}

#menu-item-674{
	display: none;
}
#menu-item-673{
	display: none;
}


@media (max-width: 1499px) {
	#menu-item-674{
		display: block;
	}
	#menu-item-673{
		display: block;
	}
	
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    height: 42px;
}

@media (max-width: 1360px) {
	.page__contacts .contacts__body {
        padding-left: 16.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 1240px) {
	.page__contacts .contacts__body {
        padding-left: 12.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 767px) {
	span.wpcf7-form-control.wpcf7-acceptance {
	    margin-top: 15px;
	    display: block;
	}
	.power-home__slider {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .power-home__content .power-home__slider {
        margin: 0;
    }
	.located-eixample--reverse .located-eixample__body{
		margin-top: 0;
	}
	.service-desc__image img {
	    width: 100%;
	}
	.projects_items {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
        flex-direction: column;
        align-items: center;
    }
	article.project_item_art {
	    flex: 0 0 100%;
	    max-width: 100%;
	    position: relative;
	}
	.page__eixample.eixample .contacts-home__subtext{
		text-align: left;
	}
	section.project__recreations.recreations-home {
	    padding-top: 0;
	}
	.page__contacts .contacts__body {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
	.text_not_found {
	    margin: 30px auto 35px;
	    width: 100%;
	    text-align: center;
	    font-size: 22px;
	}
	.btn_back_home {
	    width: 100%;
	    max-width: 320px;
	    margin: 0 auto;
	    font-size: 16px;
	}
	.wpcf7-form.contacts__form .wpcf7-acceptance label {
	    display: flex;
	    gap: 10px;
	    align-items: flex-start;
	}
	.wpcf7-form.contacts__form .wpcf7-acceptance label input {
	    flex: 0 0 3%;
	    max-width: 13px;
	    width: 13px;
	    height: 13px;
	}
	span.wpcf7-list-item {
	    display: flex;
	    justify-content: flex-start;
	}
	span.wpcf7-list-item-label {
	    display: flex;
	    flex: 0 0 90%
	    max-width: 250px;
	}
    .wpcf7-form.contacts__form .wpcf7-acceptance label {
	    display: flex;
	    gap: 10px;
	    align-items: flex-start;
	    justify-content: flex-start;
	}
	.contacts-home__button,
	.contacts-home__button.active,
	.contacts-home__button.current {
	    color: #465175 !important;
	}

}

span.wpcf7-list-item {
    margin: 0;
}


@media (max-width: 575px) {
	.service-desc__button{
		margin: 0 auto;
	}
	.gallery-project__thumbnail-slider.splide .splide__list{
		max-height: 75px;
	}
	.hero-project__gallery.gallery-project .gallery-project__main-slider .splide__list {
	    aspect-ratio: 1230 / 1030;
	}
	.video-project__container .video-project__text {
        padding: 0;
    }
    .page__project .video-project__video {
        aspect-ratio: 0;
    }
	.inst-section__item:last-child{
		display: none;
	}
	.contacts-home .contacts-home__button {
	    max-width: 334px;
	}
	.footer__social {
	    display: flex;
	    flex-direction: column;
	    order: 3;
	}
	#panels-container .exiample-slide-3 {
	    padding-bottom: 5.11vh;
	}
	.video-mastering__content .video-mastering__text {
	    padding: 0;
	}
	.mastering__partners .partners-section__title {
	    text-align: left;
	}
	.page__mastering #eixample-4 {
	    padding-bottom: 0;
	}
	.page__mastering #eixample-4 .exiample-slide-4__body .body-eixample__text:not(:last-child) {
        margin-bottom: 0rem;
    }
    .page__mastering #eixample-4 .exiample-slide-4__image:not(:last-child) {
        margin-bottom: 2.6rem;
    }
    .page__mastering #eixample-2.slides-eixample__item .body-eixample__title:not(:last-child) {
       margin-top: 15px;
    }
    .info-mastering__container .info-mastering__title{
    	width: 90%;
    }
    .page__eixample #eixample-1 .body-eixample__title {
    	width: 75%;
    }
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
}

span.wpcf7-spinner {
    display: none;
}


/* Прелоадер */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 9999;
    transition: opacity 0.5s ease-out;
}

/* Контейнер для букв */
.arc {
    position: relative;
    width: 190px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Полукруглое размещение букв */
.arc-letter {
    position: absolute;
    font-size: 26px;
    font-weight: bold;
    font-family: NAMU, sans-serif;
    color: #465175;
    width: 30px;
    text-align: center;
    transform-origin: center 65px;
    transform: rotate(calc(-50deg + var(--index)* 25deg));
}

span.arc-letter.last_letter {
    top: 10px;
    left: 83px;
    font-weight: 500;
}



/* Большие буквы FLATS */
.flats {
    font-size: 40px;
    font-weight: bold;
    margin-top: 20px;
    font-family: CormorantGaramond;
    color: #465175;
    text-align: center;
}

/* Маленькие буквы Barcelona */
.barcelona {
    font-size: 14px;
    font-family: NAMU, sans-serif;
    color: #465175;
    margin-top: 5px;
    text-align: center;
}

/* Анимация исчезновения */
#preloader.hidden {
    opacity: 0;
    pointer-events: none;
}


.arc {
    opacity: 0;
    animation: fadeInArc 1s forwards;
    animation-delay: 0.2s;
}

.flats {
    opacity: 0;
    animation: fadeInText 1s forwards;
    animation-delay: 0.6s;
}

.barcelona {
    opacity: 0;
    animation: fadeInText 1s forwards;
    animation-delay: 1s;
}

@keyframes fadeInArc {
    to {
        opacity: 1;
    }
}

@keyframes fadeInText {
    to {
        opacity: 1;
    }
}