/* Start:/o_nas/style.css?170532593613860*/
:root {
    --value-m1: 70px;
    --value-m2: 144px;
    --border-radius: 50px;
    --font-size-subtitle: 27px;
    --font-line-height-subtitle: 28px;
}

@media(max-width: 1400px) {
    :root {
        --value-m2: 120px;
        --font-size-subtitle: 25px;
        --font-line-height-subtitle: 27px;
    }
}

@media(max-width: 1200px) {
    :root {
        --value-m1: 30px;
        --value-m2: 57px;
        --border-radius: 30px;
        --font-size-subtitle: 25px;
        --font-line-height-subtitle: 25px;
    }
}

@media(max-width: 767px) {
    :root {
        --value-m1: 30px;
        --value-m2: 57px;
        --border-radius: 30px;
        --font-size-subtitle: 18px;
        --font-line-height-subtitle: 20px;
    }
}

.o-nas_banner {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 444px;
    padding-left: 45px;
    border-radius: var(--border-radius);
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    margin-bottom: var(--value-m1);
}

.o-nas_banner_text {
    max-width: 645px;
    align-self: center;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
    margin-top: -20px;
}

.o-nas_photo {

    position: relative;
    z-index: 2;
}

.o-nas_circle {
    position: absolute;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    border: 7px solid #F5F7FA;
    background: #ffffff;
}

.o-nas_circle-one {
    width: 293px;
    height: 293px;
    top: -188px;
    left: 49%;
}

.o-nas_circle-two {
    width: 495px;
    height: 495px;
    bottom: -60%;
    right: 3%;
}

.wrapper .o-nas_banner_text h2 {
    font-size: 53px;
    line-height: 52px;
    margin-top: 0;
    margin-bottom: 27px;
}

.wrapper .o-nas_banner_text p {
    font-size: 17px;
    margin: 0;
    font-weight: 300;
    line-height: 22px;
    color: var(--text-light-gray);

}

@media(max-width: 1400px) {
    .o-nas_banner {
        min-height: 396px;
    }

    .o-nas_banner_text {
        margin-top: -10px;
        max-width: 555px;
    }

    .o-nas_photo {
        max-height: 382px;
    }

    .wrapper .o-nas_banner_text h2 {
        font-size: 50px;
        line-height: 50px;
    }
}

@media(max-width: 1200px) {
    .o-nas_banner {
        min-height: 308px;
    }

    .o-nas_banner_text {
        margin-top: 0px;
        max-width: 405px;
    }

    .o-nas_photo {
        max-height: 280px;
    }

    .wrapper .o-nas_banner_text h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .o-nas_circle {
        display: none;
    }
}

@media(max-width: 767px) {
    .o-nas_banner {
        min-height: unset;
        height: auto;
        padding: 30px 10px 34px;
        margin-bottom: var(--value-m2)
    }

    .o-nas_banner_text {
        max-width: 100%;
    }

    .o-nas_photo {
        display: none;
    }

    .wrapper .o-nas_banner_text h2 {
        font-size: 29px;
        line-height: 31px;
        margin-bottom: 15px;
    }

    .wrapper .o-nas_banner_text p {
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 21px;
    }

}

@media(max-width: 576px){
    .container.o-nas_banner_container{
        padding-left: 0;
    padding-right: 0;
    }
    .o-nas_banner{
        padding: 30px 15px 34px;
    }
}

.o-nas_start-text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: var(--value-m1);
}

.start-text_one {
    width: fit-content;
}

.start-text_one span {
    color: var(--blue);
}

.start-text_two {
    font-size: 17px;
    color: var(--text-light-gray);
    max-width: 570px;
}

.start-text_three {
    margin-top: 49px;
}

.wrapper .start-text_three p {
    margin-bottom: 8px;
}

@media(max-width: 1400px) {
    .start-text_three {
        margin-top: 45px;
    }
}

@media(max-width: 1200px) {
    .start-text_two {
        font-size: 14px;
        max-width: 100%;
    }

    .start-text_three {
        margin-top: 30px;
    }
}

.quotation {
    border-radius: var(--border-radius);
    background-color: #FFF;
    margin-bottom: var(--value-m1);
    width: 100%;
    height: 416px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text-black);
    font-size: var(--font-size-subtitle);
    font-weight: 700;
    line-height: var(--font-line-height-subtitle);
    background-image: url(/o_nas/image/quotation.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.quotation.quotation_two div {
    max-width: 1064px;
}

.quotation.quotation_two {

    margin-bottom: 0;
}

.quotation span {
    color: var(--blue);
}

@media(max-width: 1200px) {
    .quotation {
        height: 298px;
        background-size: 260px;
        padding: 20px;
    }

}


.property-studio {
    margin: var(--value-m2) 0;
}

.property_item {
    border-radius: var(--border-radius);
    background: #FFF;
    padding: 59px 45px 70px;
    height: 100%;
}

.property_item_title {
    color: var(--blue);
    font-size: var(--font-size-subtitle);
    font-weight: 600;
    line-height: var(--font-line-height-subtitle);
    margin-bottom: 19px;
}

@media(min-width: 1200px){
    .property_list .row.swiper-wrapper{
        width: auto;
    }
}

.property_list .row>div:not(:last-child) {
    margin-bottom: 30px;
}


@media(min-width: 767px) {
    .property_list .swiper-wrapper {
        box-sizing: border-box;
    }

    .property_list .swiper-wrapper .swiper-slide {
        height: unset;
    }
}

@media(max-width: 767px) {
    .property_list .swiper-wrapper {
       flex-wrap: nowrap !important;
       margin-left: 0 !important;
       margin-right: 0 !important;
    }

    .property_list .swiper-wrapper .swiper-slide {
     
        padding-left: 0 !important;
        padding-right: 0 !important;
       
    }

    .property_item_title{
        margin-bottom: 20px;
    }
   .property_item{
        padding: 30px 20px;
        min-height: 371px;
   }
}







.usage-technology {
    margin-bottom: var(--value-m2);
}

.usage-technology_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--value-m1);
}

.usage-tecnology_item {
    padding-right: 15px;
    width: 50%;
}

.usage-tecnology_name {
    color: var(--text-black);
    font-size: var(--font-size-subtitle);
    font-weight: 600;
    line-height: var(--font-line-height-subtitle);
    margin-bottom: 27px;
}

.usage-technology_prop-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.usage-technology_prop-item {
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3px;
    padding: 0 40px;
    color: var(--text-blue-green);
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    border-radius: 50px;
    border: 1.5px solid #003E59;
}

.usage-technology_prop-item span {
    color: var(--blue);
}

.usage-technology_prop-item.bitrix24 {
    column-gap: 0px;
}

.usage-technology_prop-item.figma::after,
.usage-technology_prop-item.photoshop::after,
.usage-technology_prop-item.miro::after,
.usage-technology_prop-item.flutter::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.usage-technology_prop-item.figma::after {
    background-image: url(/o_nas/image/figma.svg);
}

.usage-technology_prop-item.photoshop::after {
    background-image: url(/o_nas/image/photoshop.svg);
}

.usage-technology_prop-item.miro::after {
    background-image: url(/o_nas/image/miro.svg);
}

.usage-technology_prop-item.flutter::after {
    background-image: url(/o_nas/image/flutter.svg);
}

@media(max-width: 1400px) {
    .usage-technology_prop-item {
        padding: 0 33px;
    }

    .usage-technology_prop-list {
        gap: 10px;
    }
}

@media(max-width: 767px){
    .usage-technology_list{
        flex-direction: column;
    }
    .usage-tecnology_item{
        width: 100%;
    }
}


.webstudio-today {
    margin-bottom: var(--value-m2);
}

.webstudio-today_item-name {
    color: var(--text-black);
    font-weight: 600;
    font-size: var(--font-size-subtitle);
    line-height: var(--font-line-height-subtitle);
    margin-bottom: 30px;
}

.webstudio-today_item-name span {
    color: var(--blue);
}

.webstudio-today_item {
    border-radius: var(--border-radius);
    background: #fff;
    padding: 62px 40px 40px;
    min-height: 322px;
}

.webstudio-today_item_last.webstudio-today_item {
    padding: 48px 40px 40px;
}

.webstudio-today_item_last.webstudio-today_item .webstudio-today_item-name {
    margin-bottom: 16px;
}
.webstudio-today>.row{
    row-gap: 15px;
}

@media(max-width: 767px){
    .webstudio-today_item{
        padding: 28px 20px 28px !important;
        min-height: 277px;
    }
    .webstudio-today_item-name{
        margin-bottom: 25px !important;
    }
}


.o-nas_button-block {
    margin-bottom: var(--value-m2);
    background: var(--text-blue-green);
    border-radius: var(--border-radius);
    padding: 56px 59px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 25px;

}

.o-nas_button-block_text {
    max-width: 825px;
    color: #FFF;
    font-size: 45px;
    font-weight: 700;
    line-height: 46px;
}

.o-nas_button-block_text span {
    color: var(--blue);
}

.button_o-nas-block {
    max-width: 221px;
}

@media(max-width: 767px){
    .o-nas_button-block{
        padding: 40px 17px;
    }   
    .o-nas_button-block_text{
        font-size: 25px;       
        line-height: 28px;
    }
    .button_o-nas-block {
        max-width: 100%;
    }
}


.completed-projects {
    margin-bottom: 30px;
}
.completed-projects h2{
    max-width: 871px;
}

.blue-item {
    padding: 50px 45px;
    border-radius: 50px;
    background: var(--dark-blue);
}

.blue-item__list li:not(:last-of-type) {
    margin-bottom: 16px;
}

.blue-item__list li a {
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}

.blue-item__number {
    margin-bottom: 10px;
    color: var(--blue);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 46px;
    transition: 0.5s;
}

.blue-item__name {
    margin-bottom: 30px;
    color: #FFF;
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.blue-item:hover .blue-item__number {
    color: var(--orange)
}

.blue-item__desc {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}
.wrapper .blue-item ul{
    margin-bottom: 0;
 }
.wrapper .blue-item ul li{
     padding-left: 0;
 }
 .wrapper .blue-item ul li:before{
    display: none;
 }
@media (max-width: 1367px) {
    .blue-item {
        padding: 35px 45px;
    }

    .blue-item__name {
        font-size: 25px;
    }

    .blue-item__list li a {
        font-size: 16px;
    }

    .blue-item__desc {
        font-size: 15px;
    }
   
   
   
}

@media (max-width: 992px) {
    .completed-projects .blue-item {
        border-radius: 30px;
        padding: 20px;
    }

    .blue-item__list li a {
        font-size: 13px;
    }

    .blue-item__list li {
        line-height: 1;
    }

    .blue-item__list li:not(:last-of-type) {
        margin-bottom: 8px;
    }

    .blue-item__number {
        margin-bottom: 7px;
        font-size: 25px;
    }

    .blue-item__name {
        font-size: 18px;
        line-height: 20px;
    }
    .completed-projects__row {
        row-gap: 20px;
    }
    .wrapper .blue-item ul li a{
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .completed-projects__row {
        gap: 0;
    }

    .completed-projects__row .col-lg-4:nth-of-type(1) .blue-item {
        padding-bottom: 15px;
        border-radius: 30px 30px 0 0;
    }

    .completed-projects__row .col-lg-4:nth-of-type(2) .blue-item {
        padding-bottom: 15px;
        border-radius: 0;
    }

    .completed-projects__row .col-lg-4:nth-of-type(3) .blue-item {
        border-radius: 0px 0px 30px 30px;
    }
}

@media (max-width: 576px) {
    .main__completed-projects {
        margin-bottom: 15px;
    }
}



.client-logos li:before {
    display: none;
}

.client-logos {
    margin-bottom: var(--value-m2);
}

@media(max-width: 991px){
    .row.client-logos__list{
        display: none;
    }
}

.feedback {
    margin-bottom: var(--value-m2);
}

.about-number {
    margin-bottom: var(--value-m2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}

.about-number_item {
    max-width: 330px;
}

.about-number_item div {
    color: var(--blue);
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 32px;
}

.about-number_item span {
    color: var(--text-light-gray);
    font-size: 17px;
}

@media(max-width: 1400px) {
    .about-number_item {
        max-width: 285px;
    }
}

@media(max-width: 991px){
    .row.client-logos__list{
        display: none;
    }
    .about-number_item div {        
        font-size: 25px;      
        margin-bottom: 12px;
    }
    .about-number_item span {
        font-size: 14px;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/2023.partner-logos/style.css?1754899568650*/
.client-logos{margin-top:30px}.client-logos__inner{padding:56px 95px;border-radius:50px;background: #FFF;}.client-logos__item img{max-width:max-content;height:auto}.client-logos__item{display:flex;align-items:center;justify-content:center;min-height:66px}.client-logos__list{gap:75px 0}.client-logos__slider{display:none}.client-logos__slider-buttons{margin-top:25px}@media (max-width:992px){.client-logos__inner{padding:0;border-radius:0;background:unset} .client-logos__slider-inner{border-radius:50px;padding:67px 20px;background:#ffffff} .client-logos__slider{display:block} .client-logos__list{display:none} .client-logos__slider{display:block}}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/2023.feedback/style.css?17540508762238*/
.feedback.main__feedback.main__section{overflow:hidden}.feedback-slider__inner{position:relative;height:460px}.feedback-slider__inner .swiper{position:relative;width:100%;min-height:1px;min-width:1px;max-width:100%}.feedback__title{margin-bottom:57px}.feedback-slider__header{display:flex;align-items:center;gap:0 70px;margin-bottom:30px}.feedback-slider__item{min-height:460px;padding:36px 45px 65px;border-radius:50px;background:#FFF;box-sizing:border-box;position:relative;height:100%}.feedback-slider__logo{max-width:200px}.feedback-slider__logo img{max-width:100%;max-height:100px;object-fit:cover}.feedback-slider__name{color:var(--text-black);font-size:27px;font-style:normal;font-weight:600;line-height:28px}.feedback-slider__desc{margin-bottom:30px;color:#555;font-size:16px;font-weight:300;line-height:25px}.feedback-slider__more-link{max-width:201px}.feedback-slider__buttons-outer{position:relative;margin-top:20px}.feedback-slider__more-link{margin:0 auto}.feedback-slider__buttons{position:absolute;right:0;bottom:0}.feedback-slider__item .link{position:absolute;bottom:50px}.feedback-slider .swiper-slide{height:auto}@media (max-width:1367px){.feedback-slider__inner{height:435px} .feedback-slider__buttons-outer{margin-top:20px} .feedback-slider__name{font-size:25px} .feedback-slider__header{margin-bottom:26px} .feedback-slider__desc{font-size:15px;line-height:22px} .feedback-slider__item{min-height:435px;height:435px}}@media(max-width:1200px){.feedback-slider__inner .swiper{position:static} .feedback-slider__inner{height:auto}}@media (max-width:992px){.feedback-slider__inner{padding:0 15px} .feedback__title{margin-bottom:30px}}@media (max-width:576px){.feedback-slider__item{min-height:unset;height:410px;padding:27px 20px 32px;border-radius:30px} .feedback-slider__name{font-size:19px} .feedback-slider__header{flex-direction:column;align-items:flex-start;gap:20px 0;margin-bottom:18px} .feedback-slider__desc{margin-bottom:30px;max-height:132px;font-size:14px;line-height:22px;overflow:auto} .feedback-slider__logo img{} .feedback-slider__buttons{position:unset} 
.feedback-slider__buttons-outer{display:flex;flex-direction:column-reverse;margin-top:25px;gap:25px} .feedback-slider__more-link{max-width:285px}}
/* End */
/* /o_nas/style.css?170532593613860 */
/* /local/templates/.default/components/bitrix/news.list/2023.partner-logos/style.css?1754899568650 */
/* /local/templates/.default/components/bitrix/news.list/2023.feedback/style.css?17540508762238 */