/* .beveled {
    position: relative;
}

.beveled:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 100%;
    background: linear-gradient(-60deg, transparent 50%, #fff 50%);
    top: 0;
    left: 0;
}

.beveled:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 100%;
    background: linear-gradient(-60deg, #fff 50%, transparent 50%, transparent 100%);
    bottom: 0;
    right: 0;
} */




#main {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.pattern-bg {
    position: absolute;
    z-index: -1;
    background: url(/wp-content/uploads/2025/05/pattern.svg);
    background-repeat: repeat-y;
    width: 50%;
    height: 100%;
    top: 0;
    opacity: 0.6;
}

.image-bg {
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}

.image-bg:before {
    content: "";
    background: linear-gradient(45deg, var(--color-1-2), var(--color-1));
    position: absolute;
    z-index: -1;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    top: 0;
}

.image-bg > * {
    height: 100%;
    width: 100%;
    z-index: -2;
    position: relative;
}

#main > img {
    position: absolute;
    z-index: -2;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* #main:before {
    content: "";
    background: linear-gradient(45deg, var(--color-1-2), var(--color-1));
    position: absolute;
    z-index: -1;
    opacity: 0.85;
    width: 100%;
    height: 100%;
    top: 0;
} */

#main .text {
    /* max-width: 1200px; */
    /* color: #fff; */
    padding-right: 150px;
}

#main h1 {
    font-size: 4rem;
    margin-bottom: 50px;
    font-weight: 300;
}

#main h1 {
    font-size: 2.7rem;
    margin-bottom: 50px;
}

#main .text h1 span {
    text-transform: uppercase;
    display: block;
    font-size: 3.8rem;
    font-weight: 300;
    margin-bottom: 20px;
}


#main .buttons {
    margin-top: 50px;
}

#main > a {
    position: absolute;
    z-index: 1;
    width: 55px;
    bottom: 25px;
    left: 50%;
    margin-left: -30px;
    background: var(--color-1);
    display: flex;
    border-radius: 5px;
    padding: 7px;
}

#main > a:hover {
    background: var(--color-1-2);
}

#main .image {
    text-align: center;
}






#ceo .image {
    /* text-align: center; */
}

#ceo .quote {
    position: relative;
    font-size: 2.5rem;
    padding-left: 60px;
    font-family: 'Montserrat', sans-serif;
}

#ceo .quote:before {
    content: "\e904";
    font-family: "icomoon";
    color: var(--color-1);
    position: absolute;
    left: 0;
    font-size: 2.8rem;
    font-size: 2rem;
}

.quote_caption {
    margin-top: 20px;
    color: #777;
    padding-left: 60px;
}





.strengths .image {
    padding: 30px;
}

.strengths-fill .image {
    background: var(--color-1);
    background: linear-gradient(90deg, var(--color-1-2), var(--color-1));
}

.strengths .image img {
    width: 120px;
    height: 120px;
}





.site-carousel.team {
    padding: 0 60px;
}


.team .item {
    border: 1px solid var(--color-line);
}

.type-team > * {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
}

.type-team > * .text {
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}


.team .name {
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.team .position {
    font-weight: 500;
    font-size: 0.9rem;
}

.team .description {
    font-size: 1rem;
}

.team .description > *:not(:last-child) {
    margin-bottom: 10px;
}

.team .experience {
    margin-top: auto;
    /* font-size: 1rem; */
    font-weight: 500;
    color: var(--color-1-2);
}






#team small {
    display: block;
    margin-top: 50px;
    opacity: 0.7;
    text-align: right;
}




.experience .description {
    font-size: 1rem;
}

.experience .description > * {
    margin-bottom: 10px;
}

.experience .description > *:last-child {
    margin-bottom: 0;
}



#experience .logos {
    margin-top: 50px;
    padding: 0 75px;
}




.owl-carousel.logos .owl-item .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-height: 80px;
}

.owl-carousel.logos .owl-item img {
    width: auto;
    max-height: 100%;
    max-width: 140px;
}




#main-blog .buttons {
    margin-top: 50px;
}






/* Подкатегории */

.art-text .text {
    padding: 100px 50px;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

.art-text a:hover {
    color: var(--color-1-2);
}





.cat_filter {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 30px;
    font-size: 1.2rem;
}

.cat_filter > * {
    background: var(--color-line);
    padding: 7px 15px;
    cursor: pointer;
}

.cat_filter > *.active {
    background: var(--color-1-2);
    color: #fff;
    cursor: default;
}








.item .image .logo_izd {
    position: absolute;
    right: 12px;
    top: 12px;
    background: var(--color-line);
    padding: 8px;
    max-width: 150px;
}


.params {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: flex-end;
    margin-bottom: 10px;
}

.params > * {
    background: var(--color-line);
    /* display: none; */
    display: inline-block;
    font-weight: 400;
    font-size: 0.75rem;
    padding: 7px 20px;
    text-align: center;
    /* border-radius: 50px; */
}

/* .blog_general .post_cat {
    display: inline-block;
} */

.params > *.logo_izd {
    padding: 0;
    background: 0;
}

.params > *.logo_izd img {
    display: block;
}



.excerpt {
    display: none;
}

.image-text .excerpt {
    display: block;
}

.image-text .item > * .text h3 {
    font-size: 1.7rem;
    font-weight: 500;
}





/* Превью проекта */

.projects .image {
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
}


.projects .image > img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.projects .item > *:hover .image > img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.projects .image .company_logo {
    position: absolute;
    background: #fff;
    width: 150px;
    /* height: 150px; */
    right: 15px;
    top: 15px;
    display: flex;
    /* border-radius: 150px; */
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.projects .image .company_logo img {
    max-width: 180px;
    max-height: 120px;
}

.projects .text {font-size: 1.4rem;}




/* Шаблон проекта */

.tags {
    margin-top: 10px;
}

.tags a {
    color: #aaa;
}


.general_info .image-wrap .image {
    padding-left: 50px;
    position: sticky;
    top: 100px;
}





.info_slider {
    padding: 0 50px;
    margin-bottom: 60px;
}

.info_slider .info {
    background: #fff;
    border: 50px solid #fff;
}

.info_slider .image {
    /* padding-right: 50px; */
}

.info_slider .image img {
    box-shadow: 2px 2px 8px rgb(0 0 0 / 15%);
}

.info_slider .text {
    padding: 0 50px;
}

.info_slider .izd_coverage {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.info_slider .izd_coverage {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 30px;
}

.info_slider .izd_coverage .coverage {
    background: var(--color-1);
    color: #fff;
    padding: 10px 25px;
    font-weight: 500;
    transform: skewY(-10deg);
}

.info_slider .izd_coverage .logo_izd {
    max-width: 130px;
}








.more_info {
    padding: 0 50px;
}

.more_info a {
    /* background: #fff;*/
    display: flex;
    align-items: center;
    padding: 0 15px 15px;

}

.more_info img {
    box-shadow: 2px 2px 8px rgb(0 0 0 / 15%);
}

.more_info .coverage {
    position: absolute;
    bottom: 30px;
    left: 50%;
    background: var(--color-1);
    color: #fff;
    padding: 10px 25px;
    font-weight: 500;
    transform: skewY(-10deg) translateX(-50%);
}



.supervisor {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    /* max-width: 600px; */
    margin: 0 auto;
}

.supervisor img {
    min-width: 120px;
    min-height: 120px;
    width: 120px;
    height: 120px;
    border-radius: 120px;
}

.supervisor .name {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 5px;
}

.supervisor .position {
    font-size: 1.1rem;
}

.supervisor .short_desc {
    margin-top: 10px;
    opacity: 0.5;
}


.general_info .image-wrap .image .supervisor {
    margin-top: 30px;
}





/* Шаблон статьи */

.general_info .logo_izd {
    margin-bottom: 30px;
}

.buttons.return {
    margin-top: 50px;
}




/* Контакты */

.contacts-wrap .area {
    font-size: 1rem;
}

.contacts-wrap .phone a, .contacts-wrap .mail a {
    /* display: flex; / */
    /* gap: 15px;  */
    /* align-items: center;  */
    font-size: 1.5rem;
    color: initial;
}
/* .contacts-wrap .mail a i {margin-bottom: -5px;} */

/* .contacts-wrap .phone a i, .contacts-wrap .mail a i {
    color: var(--color-1);
} */


.contacts-wrap div {
    margin-bottom: 30px;
}

.contacts-wrap p {
    margin-bottom: 10px;
    color: #555;
}

.contacts-wrap p span {
    margin-left: 5px;
}



.contacts-wrap .social {
    display: flex;
    gap: 12px;
    font-size: 2.75rem;
}

.contacts-wrap .social a {
    /* width: 50px; */
    /* height: 50px; */
    color: var(--color-1);
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-radius: 2px; */
}


.form-wrap h2 {
    margin-bottom: 30px;
}






@media (max-width: 1920px) { 
    #main .text h1 span {font-size: 3.5rem; margin-bottom: 10px;}
    #main h1 {font-size: 2.4rem; margin-bottom: 40px;}
    #main .image img {max-width: 400px;}
}

@media (max-width: 1600px) { 
    #main .text {padding-right: 90px; padding-top: 50px;}
    #main .text h1 span {font-size: 3rem;}
    #main h1 {font-size: 2rem; margin-bottom: 30px;}
    #main .image img {max-width: 320px;}

    #ceo .image {padding-right: 50px;}
    #ceo .quote {font-size: 2rem;}

    .experience > * {width: 50%;}

    .team .short_desc {font-size: 1.1rem;}
    .team .experience {font-size: 1.1rem;}

    .image-text .item > * .text h3 {font-size: 1.5rem;}
}

@media (max-width: 1400px) { 
    #main .text {padding-right: 50px; padding-top: 30px;}
    #main .text h1 span {font-size: 2.5rem;}
    #main h1 {font-size: 1.8rem;}
    #main .area {font-size: 1.1rem;}

    #ceo .image {padding-right: 30px;}
    #ceo .quote {font-size: 1.8rem;}

    .strengths > * {width: 50%;}

    .team .name {font-size: 1.6rem;}
}

@media (max-width: 1200px) { 
    #main .text h1 span {font-size: 2.2rem;}
    #main h1 {font-size: 1.6rem;}
    #main .area {font-size: 1rem;}
    #main .image img {max-width: 270px;}

    #ceo .quote {font-size: 1.6rem;}

    .team .name {font-size: 1.4rem;}
    .team .experience {font-size: 0.9rem;}
    .main-team .team .short_desc {display: none;}
    #team .type-team > * .text {padding: 20px;}

    .owl-carousel.logos .owl-item .logo {max-height: 60px;}
    .owl-carousel.logos .owl-item img {max-width: 100%;}

    .projects > * {width: 50%;}

    .image-text .item > * .text h3 {font-size: 1.3rem;}
    .image-text .excerpt {font-size: 1rem;}
}

@media (max-width: 992px) { 
    #main {min-height: unset; padding: 100px 0 120px;}
    #main .text {padding-right: 30px; padding-top: 0;}
    #main .text h1 span {font-size: 2.3rem;}
    #main h1 {font-size: 1.5rem;}
    #main .area {display: none;}
    #main > a {display: none;}
    #main .image {padding-left: 30px;}
    #main .image img {max-width: 100%;}

    #ceo .quote {font-size: 1.2rem; font-weight: 400; line-height: 150%; padding-left: 40px;}
    #ceo .quote:before {font-size: 1.5rem;}
    .quote_caption {padding-left: 40px;}

    .projects .text {font-size: 1.3rem;}

    .image-text .excerpt {display: none;}

    .page-head:after {background: url(/wp-content/uploads/2025/05/pattern.svg); background-size: 100%;}

    .general_info > * {width: 100%;}
    .general_info .image-wrap {order: 9;}
    .general_info .image-wrap .image {padding-left: 0; /*margin-bottom: 30px;*/}


}

@media (max-width: 768px) { 
    .pattern-bg {width: 100%;}

    #main {padding: 0 0 70px;}
    #main .image-bg {height: 300px; width: 100%;}
    #main .col-6 {width: 100%;}
    #main .text {padding-right: 0; text-align: center;}
    #main .buttons {justify-content: center;}
    #main .image-wrap {order: 9; height: 300px;}
    #main .image {
        padding: 30px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #main .image img {max-width: 100%; max-height: 100%;}

    #ceo .image-wrap {width: 100%;}
    #ceo .image {padding-right: 0;}
    #ceo .text-wrap {width: 100%;}
    #ceo .quote {font-size: 1.6rem;}

    .strengths > * {width: 100%;}

    .experience > * {width: 100%;}

    #experience .logos {padding: 0 50px;}
    .owl-carousel.logos .owl-item .logo {max-height: 50px;}

    .projects > * {width: 100%;}

    .image-text .excerpt {display: block;}

    .cat_filter {font-size: 1.1rem;}

    .page-template-contacts .post-content .col-6 {width: 100%;}
}

@media (max-width: 576px) { 
    #ceo .quote {font-size: 1.3rem;}

    #team small {display: none;}

    .owl-carousel.logos .owl-item .logo {max-height: 45px;}

    .more_info {padding: 0 30px;}
    .more_info a {padding: 0;}
}

@media (max-width: 480px) { 

    #main .text h1 span {font-size: 1.9rem;}
    #main h1 {font-size: 1.3rem;}

    .site-carousel.team {padding: 0 30px;}

    .cat_filter {font-size: 1rem;}

    .page-head:after {background: url(/wp-content/uploads/2025/05/pattern.svg); background-size: 150%;}

    .supervisor {flex-direction: column; text-align: center;}
}

@media (max-width: 380px) { 

    /* #main .text h1 span {font-size: 1.7rem;} */
    /* #main h1 {font-size: 1.2rem;} */
    #main .image-bg {height: 250px;}
    #main .image-wrap {height: 250px;}

    #ceo .quote {font-size: 1.1rem;}

    .site-carousel.team {padding: 0;}
    .team .name {font-size: 1.2rem;}

    .experience h3 {font-size: 1rem;}
    .experience .description {font-size: 0.9rem;}
    .experience .description p {line-height: 140%;}

    .projects .text {font-size: 1.2rem;}

    .image-text .excerpt {display: none;}
    .image-text .item > * .text h3 {font-size: 1.2rem;}

    .buttons.return {margin-top: 30px;}
    
}

@media (max-width: 280px) { 
    #main .image-bg {height: 200px;}
    #main .image-wrap {height: 200px;}

    #ceo .quote {padding-left: 0;}
    #ceo .quote:before {display: none;}
}