/* Start:/local/templates/.default/components/bitrix/news/works/bitrix/news.list/.default/style.css?174479365610565*/
/*owl-карусель*/
.owl-theme .owl-nav{
    justify-content: space-between;
    display: flex;
    margin: 10px -5px;
}
.owl-theme .owl-dots, .owl-theme .owl-nav{
    margin-top: -41px;
}


.work-head__container{
    display: flex;
    justify-content: space-between;
    font-size: 18px;
}
.work-head__col-1{
    flex: 1 1 60%;
}
.work-head h1{
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.work-head__col-2{
    flex: 0 0 38%;
    margin-left: 30px;
    border-radius: 8px;
    overflow: hidden;
}
.work-head__img-container{
    height: 100%;
    width: 100%;
}
.work-head__img-container img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.work-section__container{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 56px 0 24px 0;
}
.work-section__container .work-section__item:first-child{
    margin-left: 0;
}
.work-section__container .work-section__item:last-child{
    margin-right: 0;
}
.work-section__item{
    display: flex;
    align-items: center;
    border: 1px solid #ABCAE9;
    border-radius: 8px;
    font-size: 14px;
    margin: 24px 24px 0 0;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
}
.work-section__item-active{
    background: #005AAA;
    color: #ffffff;
}
.work-section__item-active:hover{
    color: #ffffff;
}
.work-section__img{
    width: 34px;
    height: 34px;
    margin-right: 20px;
}
.work-section__img img{
    width: 100%;
    height: 100%;
}

.work-objects__container{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 100px -10px;
}
.work-objects__item{
    display: flex;
    flex-direction: column;
    margin: 20px 10px 0 10px;
    width: calc(32.49% - 10px);
    box-shadow: 0px 4px 20px rgba(0, 90, 170, 0.08);
    border-radius: 8px;
    overflow: hidden;
}
.work-objects__img{
    height: 230px;
}
.work-objects__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.work-objects__title{
    margin: 24px 15px 24px 15px;
    font-weight: 700;
    text-transform: uppercase;
    flex: 1 1 auto;
}
.work-objects__text{
    flex: 1 1 auto;
    margin: 0 15px 20px 15px;
}
.work-objects__link{
    display: block;
    font-size: 16px;
    margin: 0 15px 24px 15px;
    text-transform: uppercase;
}


.work-head__tabs-container{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.work-head__tabs-container .work-head__tab:first-child{
    margin-left: 0;
}
.work-head__tabs-container .work-head__tab:last-child{
    margin-right: 0;
}
.work-head__tab{
    display: flex;
    align-items: center;
    padding: 7px 11px;
    background: #EDF5FF;
    border-radius: 8px;
    font-size: 16px;
    margin: 16px 15px 16px 0;
    overflow: hidden;
}
.work-head__tab-image{
    margin-right: 7px;
    width: 26px;
    height: 26px;
}
#work-tab-vent span:first-child{
    background: url("/images/projects_work/cooler.svg") center no-repeat;
}
#work-tab-cond span:first-child{
    background: url("/images/projects_work/conditioner.svg") center no-repeat;
}
#work-tab-heat span:first-child{
    background: url("/images/projects_work/gear.svg") center no-repeat;
}
#work-tab-heat{
    /*background: #FFFCE4;*/
}
#work-tab-cold span:first-child{
    background: url("/images/projects_work/snowflake.svg") center no-repeat;
}


.work-form{
    width: 100vw;
    margin-left: calc(49.3% - 50vw);
    background: #F6F6F6;
}
.work-form__container{
    display: flex;
    justify-content: space-between;
    padding: 51px 15px;
    margin-bottom: 100px;
    background: #F6F6F6;
    overflow-x: hidden;
}
.work-form__col-1{
    width: 42%;
}
.work-form__title{
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 24px;
}
.work-form-text{
    margin-bottom: 36px;
}
.work-form__check-container div:first-child > span{
    margin-right: 35px;
}
.work-form__check-container div:last-child > span{
    margin-right: 35px;
}
.work-form__check-container div:last-child{
    margin-top: 13px;
}
.work-form__col-2{
    display: flex;
    flex-direction: column;
    font-size: 16px;
    width: 55%;
}
.work-form__col-2 input{
    margin: 13px 0 0 0;
    padding: 10px 15px 10px 15px;
    border: none;
    border-radius: 8px;
    overflow: hidden;
}
.work-form__col-2 input::placeholder{
    font-size: 14px;
    color: #BDBDBD;
}
.work-form__row-1{
    display: flex;
    margin: 0 -9px;
}
.work-form__row-1 input{
    /*width: calc(33% - 9px);*/
    /*margin: 18px 9px 0 9px;*/
}
.work-form__error{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: calc(33% - 9px);
    margin: 18px 9px 0 9px;
}
.work-form__error > span{
    color: red;
    font-size: 13px;
    margin-left: 10px;
    display: none;
}
.work-form__error-active{
    display: inline !important;
}
.work-form__row-2{
    display: flex;
    height: 100px;
}
.work-form__row-2 textarea{
    margin-top: 18px;
    padding: 10px 15px 10px 15px;
    resize: none;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.work-form__row-2 textarea::placeholder{
    font-size: 14px;
    color: #BDBDBD;
}
.work-form__row-3{
    display: flex;
    margin: 35px 0 0 0;
    justify-content: space-between;
    align-items: flex-end
}
.work-form__agree-text{
    font-size: 16px;
    color: #828282;
}
.work-form__row-3 input{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 218px;
    height: 45px;
    background: #005AAA;
    border-radius: 8px;
    color: #ffff;
    text-transform: uppercase;
    font-size: 14px;
    overflow: hidden;
}
.work-form-success-msg{
    display: none;
    font-size: 18px;
}

.work-form__check-container   input[type=checkbox] {
    display: none;
}
.work-form__check-container  label {
    cursor: pointer;
}

.work-form__check-container  input[type=checkbox]+label span.check {
    background-image: unset !important;
    border: 1px solid #ABCAE9;
    background: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    height: 19px;
    transition: all .25s cubic-bezier(.4,0,.23,1);
    width: 19px;
    margin: -2px 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.work-form__check-container  input[type=checkbox]:not([disabled]):checked+label span.check {
    animation: shrink-bounce .2s cubic-bezier(.4,0,.23,1);
    background-color: #014ea2;
    border: 6px solid #014ea2 !important;
    position: relative;
}

.work-form__check-container  input[type=checkbox]:not([disabled]):checked+label span.check:after {
    animation: checkbox-check 125ms cubic-bezier(.4,0,.23,1) .25s forwards;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: -2px;
    top: 0px;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    width: 3px;
}

@keyframes shrink-bounce {
    0% {
        transform: scale(1)
    }
    33% {
        transform: scale(.85)
    }
    to {
        transform: scale(1)
    }
}

@keyframes checkbox-check {
    0% {
        border-color: #fff;
        height: 0;
        transform: translateZ(0) rotate(45deg);
        width: 0
    }
    33% {
        height: 0;
        transform: translateZ(0) rotate(45deg);
        width: 3px
    }
    to {
        border-color: #fff;
        height: 6px;
        transform: translate3d(0, -6px, 0) rotate(45deg);
        width: 4px
    }
}



@media (max-width: 1200px) {
    .work-head__container{
        margin-top: 40px;
    }
    .work-head__col-2{
        flex: 0 0 50%;
    }
    .work-objects__item{
        width: calc(32.4% - 10px) !important;
    }
}
@media (max-width: 1100px) {
    .work-objects__item {
        width: calc(32.34% - 10px) !important;
    }
}
@media (max-width: 1024px) {
    .work-head__container{
        flex-wrap: wrap;
    }
    .work-head__col-1{
        flex: 0 0 100%;
        order: 2;
    }
    .work-head__col-2{
        order: 1;
        flex: 0 0 100%;
        margin-left: 0;
        margin-bottom: 30px;
        height: 300px;
    }
    .work-section__container{
        margin-top: 20px !important;
    }
    .work-objects__item{
        width: calc(32.2% - 10px) !important;
    }
}
@media (max-width: 900px) {
    .work-form__title{
        font-size: 24px  !important;
    }
    .work-form__container{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        flex-wrap: wrap;
        flex: 1 1 auto;
        margin-bottom: 50px !important;
    }
    .work-form__col-1{
        width: 100% !important;
        order: 1;
    }
    .work-form__col-2{
        width: 100% !important;
        order: 2;
    }
    .work-objects__container {
        margin-bottom: 50px !important;
    }

    .work-objects__item {
        width: calc(48.3% - 10px) !important;
    }
}
@media (max-width: 600px) {
    .work-head h1{
        font-size: 20px;
        margin-bottom: -20px;
    }
    .work-head__col-2{
        height: 180px;
    }
    .work-head__tab{
        font-size: 14px;
        margin: 11px 6px 11px 0;
    }
    .work-section__item{
        margin: 18px 18px 0 0;
    }
    .work-form__row-1{
        flex-wrap: wrap;
    }
    .work-form__row-1 input{
        width: 100% !important;
    }
    .work-form__row-3{
        flex-wrap: wrap;
    }
    .work-form__row-3 input{
        width: 100% !important;
        order: 1 !important;
        margin-bottom: 20px !important;
    }
    .work-form__agree-text{
        width: 100% !important;
        order: 2 !important;
    }
    .work-objects__item {
        width: calc(100% - 10px) !important;
    }
    .work-form__check-container{
        font-size: 14px;
    }
    .work-form__check-container div:first-child > span{
        margin-right: 8px !important;
    }
    .work-form__check-container div:last-child > span{
        margin-right: 12px !important;
    }
    .work-form__error{
        width: 100%;
    }
}

.captcha-container {
    display: flex;
    margin-top: 4%;
    padding-left: 1.5%;
    width: 100%;
}
.captcha-container button {
    width: 5%;
    margin-right: 4%;
}
.captcha-container button:active, .captcha-container button:hover, .captcha-container button:focus {
    border: none;
    box-shadow: none !important;
    outline: none;
}
.captcha-container #captcha_word {
   margin-right: 4%;
}
.captcha-container img {
    padding-top: 2%;
}




/* End */


/* Start:/local/components/custom/clients/templates/.default/style.css?16588355824608*/
.work-clients__container{
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
    overflow: hidden;
}
.work-clients__slider{
    display: flex;
    align-items: center;
}
.work-clients__header{
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.work-clients__row{
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    /*margin: 0 -10px;*/
    width: 100%;
    transition: ease 0.7s;
}
.work-clients__row-2{
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    /*margin: 0 -10px;*/
    width: 100%;
    transition: ease 0.7s;
}
.work-clients__btn-next{
    /*bottom: 570px;*/
    right: -38px;
}
.work-clients__btn-prev{
    /*bottom: 570px;*/
    left: -38px;
}
.work-clients__btn-next-2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.work-clients__btn-prev-2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.work-clients__btn-next-2:hover{
    background: #ABCAE9;
    color: #ffffff;
}
.work-clients__btn-prev-2:hover{
    background: #ABCAE9;
    color: #ffffff;
}
.work-clients__btn-next-min-2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.work-clients__btn-prev-min-2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.work-clients__btn-next-min-2:hover{
    background: #ABCAE9;
    color: #ffffff;
}
.work-clients__btn-prev-min-2:hover{
    background: #ABCAE9;
    color: #ffffff;
}
.work-clients__logo{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ABCAE9;
    border-radius: 8px;
    padding: 10px 25px;
    /*margin: 0 10px;*/
    user-select: none;
    height: 100px;
    object-fit: contain;
}
.work-clients__slider-buttons{
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-top: -39px;
    z-index: 1;
}
.work-clients__slider-circles{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
}
.work-clients__slider-circles span{
    width: 10px;
    height: 10px;
    border-radius: 8px;
    overflow: hidden;
    background: #ABCAE9;
    margin: 0 10px;
}
.circles-active{
    background: #005AAA !important;
    transition: ease 0.2s;
}
.owl__slider-max{
    display: flex;
}
.owl__slider-min{
    display: none;
}
/*.work-clients__logo img{*/
/*    width: auto;*/
/*    height: 70px;*/
/*    object-fit: contain;*/
/*}*/


@media (max-width: 1400px) {
    .project-work__btn{
        display: none !important;
    }
    /*.work-clients__slider-buttons{*/
    /*    display: flex;*/
    /*}*/
}
@media (max-width: 900px) {
    .work-clients__row {
        flex-wrap: wrap;
        flex-direction: column;
        max-height: 370px;
        flex: 0 0 97%;
        margin: 0;
    }
    .work-clients__header{
        margin-bottom: 30px !important;
        font-size: 24px !important;
    }
    .work-clients__logo{
        padding: 23px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

}
@media (max-width: 600px) {
    .owl__slider-max{
        display: none;
    }
    .owl__slider-min{
        display: flex;
    }
    .work-clients__logo{
        padding: 13px !important;
    }
}

.project-work__btn{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    position: absolute;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.project-work__btn:hover{
    background: #ABCAE9;
    color: #ffffff;
}
/* End */


/* Start:/local/static/build/css/global/owl.carousel.min.css?16588355823351*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/static/build/css/global/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/local/static/build/css/global/owl.theme.default.min.css?16588355821013*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#ABCAE9;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#005AAA;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#ABCAE9;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#005AAA}
/* End */


/* Start:/local/components/custom/letters/templates/.default/style.css?16588355824613*/
.work-letters__container{
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
    overflow: hidden;
}
.work-letters__row-1{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.work-letters__header{
    font-weight: 700;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.work-letters__button-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
    padding: 9px 33px;
}
.button-container-active{
    background: #005AAA !important;
    color: #ffffff;
}
.work-letters__button-container:hover{
    background: #005AAA;
    color: #ffffff;
}
.work-letters__slider{
    display: flex;
    align-items: center;
}
.work-letters__row-2{
    display: flex;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    /*margin: 0 -10px;*/
    width: 100%;
    transition: ease 0.7s;
}
.work-letters__item{
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin: 0 10px;*/
    user-select: none;
}
.work-letters__link{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    user-select: none;
}
.work-letters__btn-next{
    right: -38px;
}
.work-letters__btn-prev{
    left: -38px;
}
.work-letters__btn-next-2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.work-letters__btn-prev-2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.work-letters__btn-next-2:hover{
    background: #ABCAE9;
    color: #ffffff;
}
.work-letters__btn-prev-2:hover{
    background: #ABCAE9;
    color: #ffffff;
}
.work-letters__slider-buttons{
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.work-letters__slider-circles{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
}
.work-letters__slider-circles span{
    width: 10px;
    height: 10px;
    border-radius: 8px;
    overflow: hidden;
    background: #ABCAE9;
    margin: 0 10px;
}
.circles-active{
    background: #005AAA !important;
    transition: ease 0.2s;
}

.work-letters__row-3{
    display: none;
    flex-wrap: wrap;
    margin: 0 -10px;

}
.work-letters__row-3 a{
    flex: 1 1 auto;
    width: calc(25% - 10px);
}


@media (max-width: 1400px) {
    .project-work__btn{
        display: none !important;
    }
}
@media (max-width: 900px) {
    .work-letters__header{
        font-size: 24px !important;
    }
    .work-letters__row-2{
        flex-wrap: wrap !important;
        flex-direction: column;
        max-height: 1200px;
        /*flex: 0 0 94%;*/
    }
    .work-letters__item{
        /*margin-left: 30px;*/
        /*margin-right: 30px;*/
        width: 100%;
        margin-bottom: 20px;
    }
    .work-letters__link{
        margin-left: 30px;
        margin-right: 30px;
        width: 100%;
        margin-bottom: 20px;
    }
    .work-letters__item img{
        width: 100%;
    }
    .work-letters__link img{
        width: 100%;
    }
    .project-work__btn{
        display: none !important;
    }
    .work-letters__slider-buttons{
        display: flex;
    }
    .work-letters__row-3 a{
        flex: 1 1 auto;
        width: calc(50% - 10px);
    }
}
@media (max-width: 600px) {
    .work-letters__container{
        margin-bottom: 0;
    }
    .work-letters__row-3 a{
        flex: 1 1 auto;
        width: 100%;
        margin: 0 10px;
    }
    .work-letters__slider-buttons{
        margin-top: 0;
    }
}

.project-work__btn{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    background: #EFF6FF;
    border: 1px solid #ABCAE9;
    border-radius: 6px;
    position: absolute;
    color: #005AAA;
    user-select: none;
    cursor: pointer;
    transition: ease 0.2s;
}
.project-work__btn:hover{
    background: #ABCAE9;
    color: #ffffff;
}
/* End */
/* /local/templates/.default/components/bitrix/news/works/bitrix/news.list/.default/style.css?174479365610565 */
/* /local/components/custom/clients/templates/.default/style.css?16588355824608 */
/* /local/static/build/css/global/owl.carousel.min.css?16588355823351 */
/* /local/static/build/css/global/owl.theme.default.min.css?16588355821013 */
/* /local/components/custom/letters/templates/.default/style.css?16588355824613 */