.title-block {
    background: var(--site-color-4);
    background: linear-gradient(45deg, var(--site-color-1), #0b3971);
    color: #fff;
    padding: 30px 0;
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

.title-block:before {
    content: "";
    background: linear-gradient(45deg, #004b9a, transparent);
    position: absolute;
	z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.title {font-size: 3rem; font-size: 2.6rem;}


.area-block h2.big-title {
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 50px;
}


@media (max-width: 992px) { 
    .area-block h2.big-title {font-size: 2rem;}
}

@media (max-width: 768px) { 
    .area-block h2.big-title {font-size: 1.7rem;}
}

@media (max-width: 576px) { 
    .area-block h2.big-title {font-size: 1.5rem;}
}





.gradient {
    background: var(--site-color-1);
	background: linear-gradient(90deg,rgb(16,43,101) 0%,rgb(0,94,145) 100%);
    color: #fff;
    padding: 50px 0 30px;
}

.production-box .wp-block-button a {
    border: 2px solid var(--site-color-3);
    background: none;
    color: var(--site-color-3);
}




.section {
    min-height: 50vh;
    display: flex;
    align-items: center;
    padding: 75px 0;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1;
}

.section:before {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    opacity: 0.2;
}

.deep-blue {
    background: var(--site-color-1);
    color: #fff;
}

.section > .container > h2 {
    font-size: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-weight: 600;
    text-align: center;
}

.section > .container > h2 span, .section > .container > p span {
    color: var(--site-color-6);
}

.section > .container > p {
    margin-bottom: 50px;
    margin-top: -30px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    color: #777;
}




#index-slider {
    margin-bottom: 0;
}




.dinamic-numbers > .item > * {
    border: none !important;
    text-align: center;
    font-size: 0.9rem;
}

.dinamic-numbers .number {
    font-size: 4rem;
    font-weight: 800;
    color: var(--site-color-1);
    background: linear-gradient(45deg, var(--site-color-1) 33%, var(--site-color-5));
    background: linear-gradient(45deg, var(--site-color-1), var(--site-color-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#main-video iframe {
	height: 100%;
}

#main-video strong {
    font-weight: 600;
    font-size: 1.4rem;
}

.main-text p:not(:last-child) {
    margin-bottom: 30px;
}

/* .main-text {
    padding-left: 30px;
} */


#advantages-block:before {
    content: "";
    background: url(/wp-content/uploads/2023/04/DSC7189.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
}

#advantages-block .advantages .item > * {
    text-align: center;
    padding: 30px;
    background: none;
    border: 1px solid #20428a;
}

.advantages {
    margin-bottom: 30px;
}

.advantages .item:nth-child(1) {animation-delay: .15s;}
.advantages .item:nth-child(2) {animation-delay: .3s;}
.advantages .item:nth-child(3) {animation-delay: .45s;}
.advantages .item:nth-child(4) {animation-delay: .6s;}
.advantages .item:nth-child(5) {animation-delay: .75s;}



#production-block .wp-block-media-text:not(:last-child) {
    margin-bottom: 100px;
}


.waranty {
    display: flex;
    align-items: center;
    margin-bottom: 50px !important;
}

.waranty .word {
    background: var(--site-color-6);
    padding: 5px 20px;
    /* border-radius: 3px 0 0 3px; */
    color: #fff;
    margin-right: 30px;
    height: 60px;
    display: flex;
    align-items: center;
    font-weight: 600;
    position: relative;
    font-size: 1.4rem;
    border-radius: 5px;
    white-space: nowrap;
}

.word:after {
    content: '';
    position: absolute;
    right: -27px;
    top: 0px;
    border: 30px solid transparent;
    border-left-color: var(--site-color-6);
    border-right: 0;
}

.waranty .old {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 600;
    font-size: 4rem;
    margin-left: 15px;
    margin-bottom: -20px;
    color: var(--site-color-1);
}

.waranty .old.plus {
    margin-bottom: 15px;
}

.waranty .old span {
    font-size: 1rem;
    margin-top: 10px;
    color: #000;
    white-space: nowrap;
}

.waranty .space {
    font-size: 0.5rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-left: -25px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    white-space: nowrap;
}





/* #features-block {
    margin-bottom: 100px !important;
} */

#features-block:before {
    content: "";
    background: url(/wp-content/uploads/2023/04/DSC6849.jpg);
    background-attachment: fixed;
    background-size: cover;
}

#features-block .features .item > * {
    background: none;
    border: 1px solid #20428a;
}

.features .item:nth-child(1) {animation-delay: .4s;}
.features .item:nth-child(2) {animation-delay: .8s;}
.features .item:nth-child(3) {animation-delay: .4s;}
.features .item:nth-child(4) {animation-delay: .8s;}





#stages-block {
    padding: 75px 0 25px;
}

#stages .item {
    margin-bottom: 100px;
}

#stages .item:nth-child(1) {animation-delay: .25s;}
#stages .item:nth-child(2) {animation-delay: .5s;}
#stages .item:nth-child(3) {animation-delay: .75s;}
#stages .item:nth-child(4) {animation-delay: 1.0s;}
#stages .item:nth-child(5) {animation-delay: .25s;}
#stages .item:nth-child(6) {animation-delay: .5s;}
#stages .item:nth-child(7) {animation-delay: .75s;}
#stages .item:nth-child(8) {animation-delay: 1.0s;}

#stages > .item > * {
    border: none;
    display: flex;
    align-items: center;
    background: none;
}

#stages .number {
    position: absolute;
    font-size: 16rem;
    font-weight: 700;
    opacity: 0.4;
    color: var(--site-color-4);
}

#stages .image {
    max-width: 40px;
    min-width: 40px;
    position: relative;
}

#stages .text {
    padding: 0 30px;
    font-size: 1rem;
    position: relative;
}




#clients {
    justify-content: center;
}

#clients > .item > * {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

#clients > .item > * img {
    max-width: 200px;
    max-height: 120px;
}

#clients .item:nth-child(1) {animation-delay: .15s;}
#clients .item:nth-child(2) {animation-delay: .3s;}
#clients .item:nth-child(3) {animation-delay: .45s;}
#clients .item:nth-child(4) {animation-delay: .6s;}
#clients .item:nth-child(5) {animation-delay: .75s;}
#clients .item:nth-child(6) {animation-delay: .15s;}
#clients .item:nth-child(7) {animation-delay: .3s;}
#clients .item:nth-child(8) {animation-delay: .45s;}
#clients .item:nth-child(9) {animation-delay: .6s;}
#clients .item:nth-child(10) {animation-delay: .75s;}



#partners {
    justify-content: center;
}

.partners-block {
    background: #eee;
    padding: 40px 50px 0;
    border-radius: 15px;
    text-align: center;
}

.partners-block h2 {
    margin-bottom: 30px;
    font-size: 2rem;
    text-transform: uppercase;
}

#partners .item {
    margin-bottom: 40px;
}

/* #partners {} */

#partners .item > div {
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#partners .item > div img {
    max-width: 200px;
    max-height: 75px;
}





.section-form {
    padding: 0;
    min-height: unset;
    overflow: hidden;
}

.half-container {
    max-width: 660px;
}

.half-container-left {
    max-width: 660px;
    margin-left: auto;
}

.form-image-cont {
    align-self: stretch;
}

.form-image {
    position: relative;
    margin-right: -30px;
    height: 100%;
    max-height: 600px;
}

.form-image img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.form-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--site-color-1), rgb(16 43 101 / 25%));
}

.form-text {
    /* padding-right: 100px; */
    padding: 50px 100px 50px 0;
}

.form-text h2 {margin-bottom: 30px;}
.form-text p {margin-bottom: 15px;}


.map-contact {
    position: relative;
    overflow: hidden;
}

.map-contact .contacts {
    position: absolute;
    top: 30px;
    bottom: 30px;
    background: var(--site-color-2);
    background: linear-gradient(45deg, var(--site-color-1), var(--site-color-2));
    color: #fff;
    display: flex;
    align-items: center;
    padding: 30px 30px 30px 50px;
    width: 400px;
    border: 2px solid var(--color-lines);
    box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
}

.map-contact .contacts > div > *:not(:last-child) {
    margin-bottom: 15px;
}

.map-contact .contacts h3 {
    margin-bottom: 30px !important;
    font-size: 1.5rem;
}

.map-contact .contacts i {
    color: var(--site-color-3);
}

.map-contact .contacts a {
    color: #fff;
}






#news {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

#news .item {
    padding: 0 20px;
    margin-bottom: 40px;
    width: 33.33%;
}

#news .item > * {
    border: 2px solid var(--color-lines);
    flex-wrap: wrap;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    position: relative;
}

#news .item:hover {
    border-color: var(--site-color-4);
}

#news .item > *:hover {
    text-decoration: none;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 20%);
    transform: translateY(-10px);
}

#news .item > * .image {
    width: 100%;
    position: relative;
}

#news .item > * .image .date {
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--site-color-5);
    color: #fff;
    text-align: center;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 5px 0 0 0;
}

#news .item > * .image .date p {
    line-height: normal;
}

#news .item > * .image .date .day {
    font-weight: 600;
    font-size: 1.5rem;
}

#news .item > * .text {
    width: 100%;
    padding: 30px;
}

#news .item > * .text h3 {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 1.2rem;
}


#news .item:first-child a {
    border-color: var(--site-color-2);
}

#news .item:first-child a:before {
    content: "NEW";
    position: absolute;
    z-index: 9;
    background: var(--site-color-2);
    color: #fff;
    width: 70px;
    line-height: 30px;
    text-align: center;
    border-radius: 0 0 5px 0;
    font-size: 1rem;
    font-weight: 600;
}

body[class*="paged"] #news .item:first-child a {border-color: var(--color-lines);}
body[class*="paged"] #news .item:first-child a:before {display: none;}








#distributors {
    padding: 50px 0;
    margin-top: 50px;
}

#distributors h2 {
    margin-bottom: 0;
}

#distributors:before {
    content: "";
    background: url(/wp-content/uploads/2023/04/DSC7189.jpg);
    background-attachment: fixed;
    background-size: cover;  
}

#distributors.services:before {
    background: url(/wp-content/uploads/2023/05/1SEO0447.jpg);
    background-attachment: fixed;
    background-size: cover;  
}







.v-reviews {
    justify-content: center;
}

.v-reviews .item > * {
    display: flex !important;
    flex-direction: column;
}

.v-reviews .item > * .side-2 {
    display: none;
}

.v-reviews .item > *:hover .side-1 {
    display: none;
}

.v-reviews .item > *:hover .side-2 {
    display: block;
}

.v-reviews .item > * .text {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.v-reviews .item > * .text p {
    line-height: normal;
    /* margin-bottom: 20px; */
}

a.v-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    margin: auto auto 0;
    background: var(--site-color-5);
    color: #fff;
    line-height: 35px;
    font-size: 1rem;
    border-radius: 50px;
    cursor: pointer;
}

a.v-btn:before {
    content: "\e925";
    font-family: "icomoon";
    margin-right: 10px;
}

a.v-btn:hover {
    text-decoration: none;
    background: #c6381f;
}






.rf-map {
    position: relative;
    max-width: 100%;
    margin: auto;
    padding: 20px;
}

.rf-map .district b {
    position: absolute;
    z-index: 5;
    width: 18px;
    height: 18px;
    background: #eee;
    opacity: 0.9;
    border-radius: 50%;
    left: 6px;
    top: 18px;
    transition: all 0.3s;
}
.rf-map .district span {
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 30px;
    font-size: 13px;
    font-weight: bold;
    font-family: Tahoma, sans-serif;
    line-height: 1;
    color: var(--site-color-6);
}
.rf-map .district {
    display: none;
}

.rf-map.open .district b {
    top: 0;
    left: 0;
    border-radius: 0;
    width:100%;
    height: 100%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);    
    background: var(--site-color-1);
}
.rf-map.open .district span {
    color: var(--site-color-6);
}
.rf-map svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1));
}
.rf-map path {
    stroke: #ccc;
    stroke-width: 1;
    stroke-linejoin: round; 
}
.rf-map [data-code] {
    fill: #eee;
    transition: fill 0.2s;
}

.rf-map .district-text {
    display: none;
    position: absolute;
    z-index: 6;
    top: 60px;
    color: #FFF;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    background: rgb(16 43 101 / 97%);
    border: 3px solid #ccc;
    overflow-x: hidden;
}

.rf-map .district-text.active {
    display: block; 
}

.rf-map .district-text > div {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.rf-map .district-text .item {
    width: 100%;
}


.rf-map .district-text::-webkit-scrollbar {
    width: 10px;
}

.rf-map .district-text::-webkit-scrollbar-track {
    background-color: #eee;
}

.rf-map .district-text::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #0b3971;
    background-color: var(--site-color-4);
}


.rf-map .district-text a {
    color: #a5e8ff;
}


.rf-map .district-text h3 {
    margin-bottom: 0;
}

.rf-map .close-district {
    opacity: 0;
    visibility: hidden;
    z-index: 6;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 40px;
    height: 40px;
    line-height: 1;
    font-size: 30px;
    cursor: pointer;
    transition: opacity 0.3s;
    /* pointer-events: none; */
    z-index: 9;
}
.rf-map .close-district.active {
    opacity: 1;
    visibility: visible;
}
.rf-map.open .close-district {
    opacity: 1;
    pointer-events: initial;
}
.rf-map .district-links {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.rf-map .district-links div {
    font-size: 13px;
    font-family: Verdana, sans-serif; 
    padding: 4px;
}
.rf-map .district-links div:after {
    content: " | ";
    color: #337AB7;
}
.rf-map .district-links div:last-child:after {
    content: "";
}

#distributors .container > p {
    color: #fff;
    margin-top: 30px;
}

#distributors .container > p a {
    color: #fff;
}

@media (min-width:768px){
    .rf-map .district b {
        width: 28px;
        height: 28px;    
        left: 6px;
        top: 28px;
    }
    .rf-map .district span {
        top: 30px;
        left: 46px;
        font-size: 20px;
        font-weight: normal;
    }
    .rf-map .district-text {
        top: 60px;
        font-size: 16px; 
        bottom: 0;
        right: 0;
        width: 430px;
        padding: 50px;
    }
    .rf-map .close-district {  
        width: 60px;
        height: 60px;
        font-size: 40px;
    }
    .rf-map .district-links {
        display: none;
    }
}


@media (max-width: 992px) {
    .rf-map .district-text {
        width: 360px;
        padding: 40px;
        gap: 40px;
    }

    /* .page-template-servises .bg-fit figure.wp-block-media-text__media {
        height: 50px;
    } */
}

@media (max-width: 768px) {
    .rf-map {
        display: flex;
        flex-direction: column;
    }
    .rf-map svg {
        order: 1;
    }
    .rf-map .district-text {
        position: relative;
        width: 360px;
        padding: 40px;
        gap: 40px;
        order: 11;
        width: 100%;
        top: 20px;
    }

    #distributors {
        padding: 50px 0;
    }
}


@media (max-width: 576px) {
    .rf-map {padding: 0;}
}

@media (max-width: 430px) {
    .rf-map .district-text {
        padding: 30px;
        gap: 30px;
    }
}






@media (max-width: 1500px) { 
    .form-image {max-height: unset;}
}


@media (max-width: 1400px) { 
    .section > .container > h2 {font-size: 2.2rem;}

    .dinamic-numbers > .item > * {font-size: 0.8rem;}
    .dinamic-numbers .number {font-size: 3.5rem;}

    #advantages-block .advantages .item > * {padding: 20px;}

    #clients > .item > * img {max-width: 100%; max-height: 70px;}

    #partners .item > div img {max-width: 150px; max-height: 60px;}

    .half-container-left {max-width: 570px;}
}


@media (max-width: 1200px) { 

    .title {font-size: 2.4rem;}

    #main-video strong {font-size: 1.2rem;}

    .dinamic-numbers .item {width: 100%;}
    .dinamic-numbers .number {font-size: 4rem;}
    .dinamic-numbers .item .text {width: 50%; margin: 0 auto;}
    .dinamic-numbers > .item > * {font-size: 0.9rem;}

    .advantages {justify-content: center;}
    .advantages .item {width: 33.33%;}

    #stages > * {width: 50%;}
    #stages .number {font-size: 12rem;}

    .features .text {font-size: 1rem;}

    #partners .item > div img {max-width: 130px;}

    .half-container-left {max-width: 480px;}

}

@media (max-width: 992px) { 

    .section > .container > h2 {font-size: 1.8rem;}

    .title {font-size: 2.2rem;}

    .features > * {width: 100%;}

    #clients > * {width: 33.33%;}

    .half-container-left {max-width: unset;}
    .form-text {padding: 50px;}

    .col-3.col-filter, .col-9.col-filtred-items {width: 100%;}

    #docs .item {width: 25%;}

    .v-reviews .item {width: 50%;}

    #news .item {width: 50%;}
}


@media (max-width: 768px) { 
    .section {padding: 50px 0;}

    #main-video .col-6 {width: 100%;}
    .main-text .btn a {margin: 0 auto;}
    .dinamic-numbers {margin-top: 50px;}

    .mobile-carousel {margin: 0;}
    .mobile-carousel > * {width: 100%; padding: 0;}
    .advantages .item {width: 100%;}
    #advantages-block .advantages .item > * {padding: 30px;}

    #stages > * {width: 100%;}
    #stages .item {margin-bottom: 0; text-align: center; height: 275px; display: flex; align-items: center;}
    #stages .item > div {width: 100%;}
    #stages .number {width: 100%; font-size: 15rem; top: 0;}
    #stages .image {max-width: unset; margin-bottom: 30px;}
    #stages .image img {max-width: 40px; margin: 0 auto;}
    #stages .text {padding: 0 50px;}

    #partners .item > div img {max-width: 120px; max-height: 50px;}

    #main-form {padding: 0;}
    .half-container-left {width: 100%; max-width: 540px; margin: 0 auto;}
    .section-form .row .col-6:last-child {display: none;}
    .form-text {padding: 50px 0;}

    #docs .item {width: 33.33%;}

    /* .district-text .item {margin: 30px;} */
    .rf-map .district-text {flex-wrap: wrap; max-height: 300px;}
}



@media (max-width: 567px) { 
    .section > .container > h2 {font-size: 1.6rem;}

    /* .form-text {padding: 0;} */

    #clients > * {width: 50%;}
    .partners-block h2 {font-size: 1.7rem;}

    /* #distributors {padding: 50px 0 150px;}  */

    #news .item {width: 100%; max-width: 400px; margin: 0 auto 40px;}
}


@media (max-width: 420px) { 

    .section > .container > h2 {font-size: 1.4rem;}

    .waranty .word {padding: 5px 15px; margin-right: 20px; font-size: 1.2rem; height: 50px;}
    .waranty .old {font-size: 3rem; margin-left: 10px;}
    .word:after {right: -21px; border: 25px solid transparent; border-left-color: var(--site-color-6); border-right: 0;}

    #docs .item {width: 50%;}

    .v-reviews .item {width: 100%;}

    #news .item {margin-bottom: 30px;}
}

@media (max-width: 340px) { 
    .waranty .word {padding: 5px 10px; margin-right: 15px; font-size: 1rem;}
    .waranty .old {font-size: 2.4rem; margin-left: 5px; margin-bottom: -10px;}
    .waranty .old span {margin-top: 0;}
}

@media (max-width: 300px) { 
    #news .item > * .text {padding: 20px;}
    #news .item > * .text h3 {font-size: 1.1rem;}
}






/*.area-block .standard     {margin-left: 25%; margin-right: 25%;}*/
.area-block .half-center  {/*margin-left: 32.5%; margin-right: 32.5%;*/ max-width: calc(660px - calc(var(--bs-gutter-x) / 2));}
.area-block .half-left    {/*margin-left: 15%; margin-right: 50%;*/ max-width: calc(660px - calc(var(--bs-gutter-x) / 2)); margin-left: 0;}
.area-block .half-right   {/*margin-left: 50%; margin-right: 15%;*/ max-width: calc(660px - calc(var(--bs-gutter-x) / 2)); margin-right: 0;}

.area-block .all-width {/*margin-left: 0; margin-right: 0;*/ max-width: 100%;}
.area-block .all-width-wrapper {margin-left: 0; margin-right: 0; padding: 50px 15%;}
.area-block .all-width-standard {margin-left: 0; margin-right: 0; padding: 75px 25%;}

.area-block .wrapper-standard {padding-left: 10%; padding-right: 10%;} /* если блок wrapper, но текст должен быть стандартной ширины */

/*.area-block .standard {}*/

.area-block .cont {padding-top: 45px; padding-bottom: 45px;} /* padding: 45px 60px; */
.area-block .indent {padding-left: 45px; padding-right: 45px;}

.margin-0 {margin-bottom: 0 !important;}

/* Общие стили блоков */

.area-block {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	font-size: 1.1rem; 
	text-align: left;
}

.area-block .container {
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
}

.area-block > *, .area-block .alert, .area-block > .wp-block-image, .area-block > .wp-block-table, .area-block > .wp-block-columns {margin-bottom: calc(var(--bs-gutter-x) * 3);}
.area-block > p, .area-block > h2, .area-block > h3, .area-block > ul, .area-block > ol {margin-bottom: calc(var(--bs-gutter-x) * 1);}

.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table, .area-block .standard, .area-block .wp-block-gallery {
	/*margin-left: 25%;	
	margin-right: 25%;*/
	max-width: calc(1320px - var(--bs-gutter-x));
	margin-left: auto;
	margin-right: auto;
}

.margin-bottom-0 {
    margin-bottom: 0;
}


@media (max-width: 576px) { 
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table, .area-block .standard, .area-block .wp-block-gallery {
		max-width: 100%;
		padding-right: var(--bs-gutter-x, 1.5rem);
		padding-left: var(--bs-gutter-x, 1.5rem);
	}	
}

@media (min-width: 576px) { 
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table, .area-block .standard, .area-block .wp-block-gallery {
		max-width: calc(540px - var(--bs-gutter-x));
	}
}

@media (min-width: 768px)  { 
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table, .area-block .standard, .area-block .wp-block-gallery {
		max-width: calc(720px - var(--bs-gutter-x));
	}
}

@media (min-width: 992px)  { 
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table, .area-block .standard, .area-block .wp-block-gallery {
		max-width: calc(960px - var(--bs-gutter-x));
	}
}

@media (min-width: 1200px) { 	
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table, .area-block .standard, .area-block .wp-block-gallery {
		max-width: calc(1140px - var(--bs-gutter-x));
	} 
}

@media (min-width: 1400px) { 
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol, .area-block > table, .area-block .wp-block-table, .area-block .standard, .area-block .wp-block-gallery {
		max-width: calc(1320px - var(--bs-gutter-x));
	}
}



.area-block > .wp-block-image {text-align: center;}

.area-block p, .area-block li, .area-block h3 {line-height: 1.8rem;}

/* .area-block > p, .area-block > ul > li, .wp-block-media-text__content {text-align: justify;} */

.area-block ul li, .area-block ol li {margin-bottom: 15px; /*list-style: none;*/ position: relative;}
.area-block ul li::marker {color: var(--site-color-1);}

.area-block > ul {padding-left: 20px;}
.area-block > ol {padding-left: 35px;}

.area-block > ul ul {
    padding-left: 20px;
    padding-top: 15px;
}

/* .area-block ul li:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 12px;
    height: 7px;
    min-width: 19px;
    background-image: url(/wp-content/uploads/2023/04/li-deep_blue.svg);
    background-size: cover;
} */

/*.area-block table {background: #fff;}*/
.area-block th {font-weight: 600;}
.area-block td, .area-block th, .area-block .wp-block-table td {padding: 20px 30px; border: 1px solid #eee;}

/* .area-block > *:last-child:not(p, ul, table, .wp-block-table) {margin-bottom: 0;} */
.area-block .bottom-0 {margin-bottom: 0 !important;}
.area-block .bottom-1 {margin-bottom: calc(var(--bs-gutter-x) * 1.5) !important;}
/*.area-block:after {content: ""; display: inline-block;}*/ /*чтобы был отступ у некоторых блоков в конце*/


/* Кнопки (временный) */

.wp-block-button a {
    border: none;
    font-size: 1.2rem;
    background: var(--site-color-1);
    background: linear-gradient(45deg, var(--site-color-1), var(--site-color-4));
    color: #fff;
    border-radius: 5px;
    height: 55px;
    display: flex;
    width: 220px;
    align-items: center;
    justify-content: center;
    padding: unset;
}

.wp-block-button a:hover {
    -webkit-filter: brightness(110%);
	text-decoration: none;
}

.wp-block-button.is-style-outline > a {
    border: 2px solid #2974c3;
    border-radius: 5px;
}

.wp-block-button.aligncenter a {
    margin: 0 auto;
}


/* Медиа Текст */

.wp-block-media-text__content ul {
    margin-left: 20px;
}

.wp-block-media-text__content ul li:marker {
    color: red;
}


/* Убрать боковые отступы */
.area-block .wp-block-media-text .wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
}

.wp-block-media-text.text-padding-left .wp-block-media-text__content, .wp-block-column.text-padding-left {
    /*padding-left: 8%;*/
	padding-left: calc(var(--bs-gutter-x) * 3);
}

.wp-block-media-text.text-padding-right .wp-block-media-text__content, .wp-block-column.text-padding-right {
    /*padding-right: 8%;*/
	padding-right: calc(var(--bs-gutter-x) * 3);
}


.area-block .wp-block-media-text:not(.has-media-on-the-right, .standard) .wp-block-media-text__content {
    /*margin-right: 30%;*/ /* 32% */
    /*padding-right: 0;*/
	
	max-width: calc(660px - calc(var(--bs-gutter-x) / 2));
}

.area-block .has-media-on-the-right .wp-block-media-text__content {
    /*margin-left: 30%;*/ /* 32% */
    /*padding-left: 0;*/
	
	max-width: calc(660px - calc(var(--bs-gutter-x) / 2));
	margin-left: auto;
}

.wp-block-media-text__content > *:not(:last-child) {margin-bottom: 30px;}


/* Если блок с отступами */
/*.wp-block-column.wrapper .wp-block-media-text__content {
	margin-right: 0 !important;
    padding: 50px 8% !important;
}*/


/* Если нет фона, но есть wrapper выравнивание по верстке */

/*.wp-block-media-text.wrapper:not(.has-media-on-the-right, .has-background) .wp-block-media-text__content {
    padding-right: 0;
}

.wp-block-media-text.wrapper:not(.has-background) .wp-block-media-text__content {
    padding-left: 0;
}*/

/* Прилипание картинки */

.img-stick .wp-block-media-text__media {
    position: sticky;
    top: 100px;
    bottom: 0;
}


/* Отступы сверху и снизу текста */

.area-block .wp-block-media-text.has-background .wp-block-media-text__content {
    padding-top: 50px;
    padding-bottom: 50px;
}


/* Высота изображений */

.bg-fit figure.wp-block-media-text__media {
    height: 100%;
	/* max-height: 500px; */
}

.bg-fit figure.wp-block-media-text__media img {
    object-fit: cover;
    height: 100%;
}







figure.wp-block-media-text__media {position: relative;}

/* Для градиентного фона */

.has-background.bg-transition {
	position: relative;
    z-index: 9;
}

.has-background.bg-transition .wp-block-media-text__media img {
    z-index: -1;
    position: relative;
}



.wp-block-image figure {position: relative;}
.wp-block-image figcaption {
    position: absolute;
    bottom: 0;
    background: rgb(17 17 17 / 30%);
    color: #fff;
    width: 100%;
    margin-bottom: 0 !important;
    padding: 15px 30px;
    text-align: center;
	font-size: 1rem;
}



/* Parallax */

@media (min-device-width: 600px) {
	/*.parallax-mirror {z-index: 100 !important;}*/ /* Без этого параллакс не виден на фоне */
	.parallax {/*min-height: 200px;*/ background: transparent !important;}
	.parallax-ready {z-index: -101; position: relative;}
}



/* Изображение на полях */

.wp-block-image.bg-element {
    position: absolute;
    max-width: 20%;
	z-index: -1;
}

/* Чтобы было справа */
.wp-block-image.bg-element.right {
	right: 0;
}


blockquote.wp-block-quote > * {
    padding-left: 15px;
}








/* Уведомления */

.alert {
    background: #eee;
    border: 5px solid #f7f7f7;
    padding: 30px 50px;
    display: flex;
	align-items: center;
    /*margin: 0 auto;*/
    border-radius: 15px;
}

.alert:before {
    content: "";
	font-family: "icomoon";
    font-size: 3.5rem;
    margin-right: 50px;
	min-width: 50px;
    font-weight: 600;
	text-align: center;
	opacity: 0.5;
}

.alert > *:last-child {width: calc(100% - 100px); text-align: justify;}

.alert-info {background: #d1ebff; border-color: #f3faff;}
.alert-info:before {content: "\ec2b"; color: #83bfef;}

.alert-success {background: #d6f1b7; border-color: #f2ffe4;}
.alert-success:before {content: "\ec25"; color: #a9d971;}

.alert-warning {background: #ffeab0; border-color: #fff7e2;}
.alert-warning:before {content: "\ec2a"; color: #f9cb41;}

.alert-error {background: #ffc2bd; border-color: #ffebe9;}
.alert-error:before {content: "\ec2d"; color: #f58a82;}

.alert p:not(:last-child) {margin-bottom: 15px;}

.alert a {color: inherit; text-decoration: underline;}
.alert a:hover {text-decoration: none;}


/* Галерея */

.area-block .wp-block-gallery {
    --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 30px ) ) );
    gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 30px ) ) );
}




/* Карусель из галереи */

.wp-block-gallery.owl-carousel .owl-stage {
    display: flex;
	height: 100%;
}

.wp-block-gallery.owl-carousel figure.wp-block-image {
    height: 100%;
    width: 100% !important;
}

.wrapper.wp-block-gallery.owl-carousel {
    width: auto;
}

/*Чтобы ограничить высоту (одиночного) слайдера*/
.wrapper.wp-block-gallery.owl-carousel .owl-stage-outer {
    height: 400px;
}

/*Показать слайды по бокам*/
.wrapper.wp-block-gallery.owl-carousel.openhorizon .owl-stage-outer {
    overflow: visible;
}
.openhorizon .owl-item {opacity: 0.5;}
.openhorizon .owl-item.active {opacity: 1;}

.openhorizon button.owl-prev, .openhorizon button.owl-next {
    width: 22%;
    left: -22%;
    height: 100%;
    top: 0;
    margin-top: 0;
}

.openhorizon button.owl-next {
    left: unset;
    right: -22%;
}



/* Колонки */

.area-block :where(.wp-block-columns.has-background) {padding: 0;} /* Эксперимент */

.indents-out {
    padding: 0;
    gap: 0 !important;
}

.indent-left, .indent-right {padding-top: 50px; padding-bottom: 50px;}

.indent-left > * {
    margin-left: 30%;
    text-align: center;
}

.indent-right > * {
    margin-right: 30%;
    text-align: center;
}

.wp-block-column .wp-block-image {
    margin-bottom: 0;
}


.wp-block-column p:not(:last-child) {margin-bottom: 30px;}

.is-layout-flex.group-tight {gap: 0;}


/* Tabs */

.tabs .tab {display: none;}
.tabs .tab.active {display: block;}

.tab-list .wp-block-button a {
    border: 2px solid #eee;
	-webkit-filter: unset;
}

.tab-list .wp-block-button:not(.active) a {
    background: #fff;
    color: inherit;
    -webkit-filter: unset;
}

.tab-list .wp-block-button a:hover {
    color: #2974c3;
}

.tab-list .wp-block-button.active a {
    cursor: default;
	color: #fff;
}



@media (max-width: 1440px) {
	
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol {
		/*margin-left: 17.5%;	
		margin-right: 17.5%;*/
	}	
	
	.area-block .half-center {margin-left: 30%; margin-right: 30%;}
	.area-block .half-left {margin-left: 10%;}
	.area-block .half-right {margin-right: 10%;}
	
	.area-block .all-width-wrapper {padding: 50px 10%;}
	.area-block .all-width-standard {padding: 75px 17.5%;}
	.area-block .wrapper-standard {padding-left: 7.5%; padding-right: 7.5%;}
	
}


@media (max-width: 1280px) {
	
	.area-block .half-center {margin-left: 27.5%; margin-right: 27.5%;}
	.area-block .half-left {margin-left: 5%;}
	.area-block .half-right {margin-right: 5%;}
	
	.area-block .full-center {margin-left: 5%; margin-right: 5%;}
	.area-block .all-width-standard {padding: 75px 15%;}	
	.area-block .all-width-wrapper {padding: 50px 5%;}
	
	
	.area-block .wrapper-standard {padding-left: 10%; padding-right: 10%;}
	
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol {
		/*margin-left: 15%;	
		margin-right: 15%;*/
	}
	
	.area-block .wp-block-media-text:not(.has-media-on-the-right, .wrapper) .wp-block-media-text__content {
		/*margin-right: 10%;*/
	}

	.area-block .has-media-on-the-right .wp-block-media-text__content {
		margin-left: 10%;
	}

	.indent-left > * {
		margin-left: 10%;
	}

	.indent-right > * {
		margin-right: 10%;
	}

}


@media (max-width: 1024px) {
	.area-block .all-width-wrapper, .area-block .wrapper-standard {padding: 30px 50px;} /* как изначально у alert */ /* если понадобится чтобы распространялось только на alert - добавить этот класс */
	.area-block .all-width-standard {padding: 50px 10%;}
	
	.area-block .half-center {margin-left: 20%; margin-right: 20%;}
	.area-block .half-left {margin-right: 35%;}
	.area-block .half-right {margin-left: 35%;}
	
	/*.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol {
		margin-left: 10%;	
		margin-right: 10%;
	}*/
}



@media (max-width: 992px) {
    .area-block .wp-block-image .alignleft, .area-block .wp-block-image .alignright {
        width: 100%;
        margin-bottom: 30px;
    }

    .area-block .wp-block-media-text {
        grid-template-columns: 100% !important;
    }
    .area-block .wp-block-media-text .wp-block-media-text__media {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .area-block .wp-block-media-text .wp-block-media-text__content {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .bg-fit figure.wp-block-media-text__media {
        height: auto;
        height: 200px;
        position: relative;
        width: 100%;
    }

    .area-block .wp-block-media-text.has-background .wp-block-media-text__content {
        padding: 50px;
        max-width: 540px;
        margin: 0 auto;
        padding-right: calc(var(--bs-gutter-x) / 2);
        padding-left: calc(var(--bs-gutter-x) / 2);
    }

    .area-block .has-media-on-the-right .wp-block-media-text__content {
        margin-left: 0;
    }

    .wp-block-media-text__content {
        padding-top: 30px !important;
    }

}


@media (max-width: 800px) {
	
	.title {font-size: 2rem;}
	
	.area-block .cont {padding-top: 30px; padding-bottom: 30px;}
	
	.area-block .half-center {margin-left: 16.25%; margin-right: 16.25%;}
	.area-block .half-left {margin-right: 27.5%;}
	.area-block .half-right {margin-left: 27.5%;}
	
	/*.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block ol {
		margin-left: 5%;	
		margin-right: 5%;
	}*/
	
	.indent-left > * {margin-left: unset;}
	.indent-right > * {margin-right: unset;}
	
	.area-block td {padding: 15px 20px;}
	
	.alert, .area-block .all-width-wrapper, .area-block .wrapper-standard, .area-block .all-width-standard {padding: 30px calc(5% - 5px);}
	.alert:before {margin-right: 30px;}

}


@media (max-width: 600px) {
	/*.area-block .half-center, .area-block .half-left, .area-block .half-right {margin-left: 5%; margin-right: 5%;}*/
	
	.area-block > p, .area-block > h2, .area-block > h3, .area-block > h4, .area-block blockquote, .area-block ul, .area-block > ul > li, .area-block ol, .wp-block-media-text__content {
		text-align: left;
	}
	
	.area-block p, .area-block li {line-height: 1.6rem;}
	
	.area-block > *, .area-block .alert, .area-block > .wp-block-image, .area-block > .wp-block-table {
		margin-bottom: 20px;
	}
}	

@media (max-width: 576px) {

    .title {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    .area-block .container {
        padding-right: var(--bs-gutter-x, 1.5rem);
        padding-left: var(--bs-gutter-x, 1.5rem);
    }

    .wp-block-media-text__content ul {
        margin-left: 0;
    }

    .area-block > ul, .area-block > ol {margin-left: 20px;}

    .area-block .wp-block-media-text.has-background .wp-block-media-text__content {
        padding: 50px;
    }
}
	

@media (max-width: 480px) {
	
	.area-block .cont {padding-top: 0; padding-bottom: 0;}	
	
	.area-block .wp-block-media-text:not(.wrapper) .wp-block-media-text__content {
		padding-left: 8%;
		padding-right: 8%;
	}
	
	.area-block .wp-block-media-text.has-background .wp-block-media-text__content {
		padding-left: 8%;
		padding-right: 8%;
	}
	
	.area-block .wp-block-media-text:not(.wrapper) .wp-block-media-text__content {
		margin-left: unset;
	}
	
	.wp-block-media-text.text-padding-left .wp-block-media-text__content {
		padding-left: 0;
	}
	
	.wp-block-media-text.text-padding-right .wp-block-media-text__content {
		padding-right: 0;
	}	
	
	.wp-block-media-text.text-padding-left .wp-block-media-text__media,
	.wp-block-media-text.text-padding-right .wp-block-media-text__media {margin-bottom: 30px;}
	
	.area-block .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {
		margin-right: unset;
		/*padding-right: 8%;*/
	}

	.alert, .alert, .area-block .all-width-wrapper, .area-block .wrapper-standard, .area-block .all-width-standard {padding: 25px 35px; border-width: 7px;}
	.alert:before {display: none;}
	.alert > *:last-child {width: 100%;}

    /* .area-block .wp-block-media-text.text-padding-right .wp-block-media-text__content,
    .area-block .wp-block-media-text:not(.wrapper) .wp-block-media-text__content {
        padding: 0;
    } */

    .area-block {word-break: break-word;}
}


@media (max-width: 380px) {
    .partners-block {padding: 40px 30px 0;}
}




/* Расходники */

.row > .item {
	padding: 0 calc(var(--bs-gutter-x) / 2);
    margin-bottom: var(--bs-gutter-x);
}

.row > .item > * {
    height: 100%;
    background: #fff;
    border: 1px solid #eee;
    display: block;
    color: inherit;
	text-decoration: none;
}

.row > .item > a:hover {border-color: var(--color-main);}

.icon-text .item > * {display: flex; align-items: center; padding: 30px;}
.icon-text .item > * .image {width: 20%; font-size: 4rem; text-align: center; color: #0090ff;}
.icon-text .item > * .text {width: 80%; padding-left: 30px; font-family: 'Arial', sans-serif;}

.icon-text-vertical .item > * {text-align: center; padding: 30px;}
.icon-text-vertical .item > * .image {margin-bottom: 30px;}
.icon-text-vertical .item > * .image img {max-width: 100px; margin: 0 auto;}
.icon-text-vertical .item > * .text {font-family: 'Arial', sans-serif;}


.image-text .item > * {display: flex; align-items: center;}
.image-text .item > * .image {width: 30%; height: 100%;}
.image-text .item > * img {object-fit: cover; height: 100%; display: block;}
.image-text .item > * .text {width: 70%; padding: 30px;}

.image-text-vertical .item > * {text-align: center;}
.image-text-vertical .item > * img {width: 100%; display: block;}
.image-text-vertical .item > * .text {padding: 30px;}



.number-text .item > * {display: flex; align-items: center;}
.number-text .item > * .number {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7rem;
    font-weight: 600;
    color: #eee;
}
.number-text .item > * .text {width: 70%; padding: 30px;}


.number-text-vertical .item > * {text-align: center; padding: 30px;}
.number-text-vertical .item > * .number {margin-bottom: 15px; font-size: 4rem; color: #1c9cff;}
.number-text-vertical .item > * .text {}

.number-text.in-order {counter-reset: schetchik;}
.number-text.in-order .item {counter-increment: schetchik;}
.number-text.in-order .item > * .number:before {content: counter(schetchik);}


.items.owl-carousel {margin: 0 0 30px;}
.items.owl-carousel .owl-stage {display: flex;}
.items.owl-carousel .item {padding: 0; margin-bottom: 0; height: 100%; width: 100%;}



@media (max-width: 1400px) {
    .icon-text .item > * {padding: 20px;}
}

@media (max-width: 1200px) {
    .image-text-vertical .item > * .text {padding: 20px;}
    .icon-text-vertical .item > * .image img {max-width: 80px;}
}



/* Категория */

.area-block .posts-archive {
    margin-left: 15%;
    margin-right: 15%;
	justify-content: center;
}

.category-objects h3 {
    margin-bottom: 0;
    font-size: 1.2rem;
}

@media (max-width: 1200px) { .tagged-posts .item {width: 50%;} }

@media (max-width: 992px) { .category-objects h3 {font-size: 1rem;} }

@media (max-width: 480px) { .tagged-posts .item {width: 100%;} }




/* Работа */

.first-block .text {
    font-size: 1.2rem;
}

body.page-template-work h2 {
    margin-bottom: 50px;
}

.work-features {
    row-gap: calc(var(--bs-gutter-x) * 2);
}

.work-features > .item {
    margin-bottom: 0;
}

.work-features .item > * {
    border: none;
}

.work-features .item > * img {
    object-fit: unset;
}

.work-features .item > * .text {
    padding: 0 30px;
}

#more_posts {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 30px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid var(--color-lines);
    white-space: nowrap;
    width: 380px;
    font-weight: 500;
    font-size: 1rem;
    margin: 0 auto;
    cursor: pointer;
}

#more_posts img {
    max-width: 40px;
    margin-left: 10px;
}

#more_posts:hover {
    border-color: var(--site-color-3);
}


.jobs {
    row-gap: var(--bs-gutter-x);
}

.jobs .col > a {
    border: 1px solid #ccc;
    padding: 45px 30px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.jobs .col > a:hover {
    text-decoration: none;
    border-color: var(--site-color-2);
}

.jobs .col > a p {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 1.2rem;
}

.jobs .col > a .meta {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-size: 0.85rem;
    white-space: nowrap;
}

.jobs .col > a .meta div {
    display: flex;
    align-items: center;
}

.jobs .col > a .meta img {
    max-width: 10px;
    margin-right: 7px;
}




body.page-template-work .owl-prev {
    left: -90px;
    margin-top: -13px;
}

body.page-template-work .owl-next {
    right: -90px;
    margin-top: -13px;
}

body.page-template-work .owl-prev img,
body.page-template-work .owl-next img {
    width: 45px;
}


.job-text-form .text {
    padding: 30px 0;
}

.job-text-form ul {
    padding: 0 20px;
    list-style: square;
}

.job-text-form .form {
    background: var(--site-color-1);
    color: #fff;
    padding: 30px;
    height: 100%;
}


h2.vacancy {
    font-weight: 700;
    color: #555;
    font-size: 2rem;
}

p.salary {
    color: var(--site-color-4);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 30px;
}


a.back_work {
    display: flex;
    align-items: center;
    width: 380px;
    font-weight: 700;
    font-size: 1.4rem;
    white-space: nowrap;
    color: #777;
}

a.back_work img {
    max-width: 40px;
    margin-right: 10px;
}



.text-align-left {
    text-align: left;
}

.event a {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.event > * .text {
    padding: 30px 30px 0 !important;
}

.event .data {
    color: #555;
    margin-bottom: 7px;
    display: block;
    font-size: 1rem;
}

.more-link {
    text-align: right;
    padding: 0 30px 30px;
    font-size: 1rem;
    font-weight: 500;
    color: var(--site-color-2);
}


.job-text-form .form-container input.submit-button {
    background: var(--site-color-3);
}

.job-text-form .form-container input.submit-button:hover {
    background: var(--site-color-2);
}



/* Статьи */

#articles.image-text .item > * {padding: 20px; align-items: unset;}
#articles.image-text .item > * .text {padding: 0 0 0 30px; width: 80%;}
#articles.image-text .item > * .text p {line-height: 1.5rem;}
#articles.image-text .item > * .text h3 {margin-bottom: 15px;}

.image-text .item > * .image {width: 20%;}
#articles.image-text .item > * img {max-height: 170px;}

.title-data-more {display: flex; gap: 15px;}
.title-data-more .data {flex: 0 0 120px; padding-top: 5px; text-align: right;}
.title-data-more .more-link {margin-bottom: 0; padding: 5px 0 0; text-align: right; flex: 0 0 120px;}

#articles.image-text .item > * .text > .more-link {display: none; padding: 0; text-align: left;}



/* Работа с нами */

#work-us {
    padding-bottom: 0;
}

.work-us {
    margin-bottom: 75px;
}

.work-us .item {
    margin-bottom: 0;
}

.work-us .item > * {
    border: none;
    padding: 0 50px;
}

.work-us .item > * .image img {
    max-width: 160px;
}

.work-us .item:nth-child(1) {animation-delay: .15s;}
.work-us .item:nth-child(2) {animation-delay: .3s;}
.work-us .item:nth-child(3) {animation-delay: .45s;}



@media (max-width: 1480px) { 
    body.page-template-work .owl-prev {left: -50px;}
    body.page-template-work .owl-next {right: -50px;}    
}

@media (max-width: 1400px) { 
    #articles.image-text .item > * img {max-height: unset;}  
}


@media (max-width: 1240px) { 
    body.page-template-work .owl-prev {left: -25px;}
    body.page-template-work .owl-next {right: -25px;} 
}

@media (max-width: 1200px) { 
    .jobs .col {width: 100%;}

    .title-data-more .more-link {flex: 0 0 80px;}
}

@media (max-width: 992px) { 
    .work-features .col {width: 100%;}

    .title-data-more {flex-wrap: wrap;}
    .title-data-more h3 {order: 1;}
    .title-data-more .data {padding-top: 0; text-align: left;}
    .title-data-more .more-link {display: none;}
    #articles.image-text .excerpt {margin-bottom: 20px;}
    #articles.image-text .item > * .text > .more-link {display: block;}
}

@media (max-width: 768px) { 
    .first-block .row > * {width: 100%;}
    .first-block .row .text {margin-bottom: 30px;}
    .job-text-form > * {width: 100%;}
    .job-text-form .text {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    #articles.image-text .item > * {flex-wrap: wrap; padding: 30px;}
    #articles.image-text .item > * .image {width: 100%; height: auto; margin-bottom: 30px;}
    #articles.image-text .item > * .image img {width: 100%;}
    #articles.image-text .item > * .text {padding: 0; width: 100%;}

    .work-us {margin-bottom: 50px;}

}

@media (max-width: 576px) { 
    body.page-template-work h2 {margin-bottom: 30px;}
    body.page-template-work .owl-prev {left: -15px; margin-top: -10px;}
    body.page-template-work .owl-next {right: -15px; margin-top: -10px;} 
    body.page-template-work .owl-prev img, body.page-template-work .owl-next img {width: 30px;}
    .jobs .col > a .meta {flex-wrap: wrap;}
    .jobs .col > a .meta > *:not(:last-child) {margin-bottom: 7px;}

    .work-us .item > * {padding: 0 65px;}
    .work-us .item > * .area {font-size: 1rem;}
}

@media (max-width: 480px) { 
    .work-features .item > * {flex-wrap: wrap;}
    .image-text .item > * .image {width: 230px; height: auto; margin-bottom: 20px;}
    .work-features .item > * .text {padding: 0; width: 100%;}

    #articles.image-text .item > * {padding: 20px;}
}

@media (max-width: 330px) { 
    .job-text-form form.form-container {padding: 0;}

    .event h3 {font-size: 1.2rem; line-height: 1.6rem;}
}








/* Линии */

/*.lines {
    position: absolute;
	top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -101;
}

.lines .container {
    height: 100%;
    position: relative;
}*/

.lines {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -999;
    max-width: calc(1320px - var(--bs-gutter-x));
}

.lines .deg {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eee;
}

.lines .deg-000 {left: 0; /*opacity: 0;*/}
.lines .deg-025 {left: 25%;}
.lines .deg-050 {left: 50%;}
.lines .deg-075 {left: 75%;}
.lines .deg-100 {right: 0; /*opacity: 0;*/}


@media (max-width: 576px) { .lines {max-width: 100%; left: 0; right: 0;} }
@media (min-width: 576px) { .lines {max-width: calc(540px - var(--bs-gutter-x));} }
@media (min-width: 768px)  { .lines {max-width: calc(720px - var(--bs-gutter-x));} }
@media (min-width: 992px)  { .lines {max-width: calc(960px - var(--bs-gutter-x));} }
@media (min-width: 1200px) { .lines {max-width: calc(1140px - var(--bs-gutter-x));} }
@media (min-width: 1400px) { .lines {max-width: calc(1320px - var(--bs-gutter-x));} }


@media (max-width: 1280px) {
	/*.lines {left: 5%; right: 5%;}*/
}

@media (max-width: 800px) { 
	/*.lines {left: 0; right: 0;}*/
	.lines .deg-025, .lines .deg-075 {display: none;}
}

@media (max-width: 600px) {
	.lines .deg-000, .lines .deg-100 {display: none;}
}