/* Start:/bitrix/templates/main/components/bitrix/news/books_page_new/bitrix/news.detail/.default/style.css?174359543342525*/
/** кейсы **/
.case-det {
    font-size: 18px;
}


.case-title-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 5px;
    margin-top: 30px;
}
.case-title-text-item{
    display: inline-block;
    padding: 10px 70px 10px 65px;
    background-image: url('/img1/blocks/case-title-text/bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 31px;
    line-height: normal;
    min-width: 57.9166666667vw;

}
.case-title-text-item__check{
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    background-image: url('/img1/blocks/case-title-text/check.png');
    background-position: center;
    background-repeat: no-repeat;  
}

/** case-works top **/
.case-works-top{
    margin-bottom: 40px;
}
.case-works-top-list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 15px;
}
.case-work-top{
    padding: 24px 40px;
    background: #4C7BC8;
    border-radius: 10px;
    font-family: 'RoadRadio';
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: #FFFFFF;
}
@media (max-width: 992px){
    .case-works-top {
        margin-bottom: 20px;
    }
    .case-works-top-list {
        row-gap: 10px;
    }
    .case-work-top {
        padding: 10px 15px;
        font-size: 18px;
    }
}
/** case-works top end**/
/** case-info **/
.case-info__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.5625vw;
    row-gap: 20px;
    margin-bottom: 20px;
}

.case-info-company{
    padding: 4.16666666667vw;
    border-radius: 1.71875vw;
    background: #222627;
}
.case-info-company__section{
    font-weight: 800;
    font-size: 3.95833333333vw;
    line-height: 95%;
    letter-spacing: -0.03em;
    color: #FFC502;
    margin-bottom: 35px;
}

.case-info-company__desc,
.case-info-company__desc *{
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}
.case-info-company__desc p{
    margin-bottom: 20px;
}    
.case-info-company__desc p:last-child{
    margin-bottom: 0;
}

.case-info-picture{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.08333333333vw;
    border-radius: 1.71875vw;
    background: #fff;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
}

.case-info-picture__img {
    text-align: center;
}

.case-info-picture__img img {
    width: 100%;
}

.case-info-picture__problem{
    margin-top: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}
@media (max-width: 1025px){
    .case-info__row {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }
    
    .case-info-company{
        padding: 4.8828125vw;
        border-radius: 2.9296875vw;
    }
    .case-info-company__section{
        font-weight: 800;
        font-size: 4.6875vw;
        line-height: 5.859375vw;
    }
   
    .case-info-company__desc *{
        font-weight: 400;
        font-size: 18px;
    }
    .case-info-company__desc p{
        margin-bottom: 20px;
    }    
    .case-info-company__desc p:last-child{
        margin-bottom: 0;
    }
    
    .case-info-picture{
        padding: 30px 25px;
        border-radius: 30px;
    }
    
    .case-info-picture__problem{
        font-size: 16px;
    }
}
@media (max-width: 600px){
    .case-info-company{
        padding: 25px 20px;
        border-radius: 30px;
    }

    .case-info-company__section{
        font-weight: 800;
        font-size: 28px;
        line-height: normal;
        margin-bottom: 22px;
    }
    .case-info-company__desc *{
        font-weight: 400;
        font-size: 16px;
    }
    .case-info-company__desc p{
        margin-bottom: 20px;
    }  

}

/** case-info end **/

.case-det-content{
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -0.03em;
    color: #2D4777;
    display: grid;
    grid-template-columns: 27.0833333333vw 61.9791666667vw;
    column-gap: 4.6875vw;
    margin-bottom: 50px;
}


/** sidebar-form **/
.sidebar-audit{
    background: #2D4777;
    border-radius: 1.5625vw;
    padding: 2.08333333333vw 1.5625vw;
    
}


.sidebar-audit-top{
    position: relative;
    padding-bottom: 4.94791666667vw;
}
.sidebar-audit-top__h{
    font-weight: 800;
    font-size: 34px;
    font-size: 1.77083333333vw;
    line-height: 115%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 15px;
}


.sidebar-audit-top__desc{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    max-width: 14.5833333333vw;
}
.sidebar-audit-top__icon{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 19.4791666667vw;
    height: 13.0208333333vw;
}
.sidebar-form{
    background: rgba(217, 217, 217, 0.1);
    backdrop-filter: blur(56.4px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 1.04166666667vw;
    padding: 1.30208333333vw 1.5625vw;

}
.sidebar-form__desc{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin-bottom: 25px;
}
.sidebar-form .form__input-wrapper{
    width: 100%;
}
.sidebar-form .form__input, .sidebar-form .btn{
    font-size: 15px;
    width: 100%;
}
.sidebar-form__policy{
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #969EAC;
    margin-top: 20px;

}
.sidebar-audit__desc{
    padding-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}
.sidebar-audit.fixed{
    position: sticky;
    top: 0;
}
.sidebar-audit.fixed .sidebar-audit-top{
    padding-bottom: 20px;
}
.sidebar-audit.fixed .sidebar-audit-top__desc{
    max-width: 100%;
    width: 100%;
} 
.sidebar-audit.fixed .sidebar-audit-top__icon{
    display: none;
}


/** sidebar-form end**/

@media (max-width: 1200px){
    .case-det-content{
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .case-det-content__form{
        display: none;
    }

    .case-title-text-item{
        display: inline-block;
        padding: 10px 43px 10px 43px;
        font-size: 24px;
        line-height: normal;
        min-width: 57.9166666667vw;
        background-size: 100% 100%;
    }

}
@media (max-width: 1025px){
    .case-det-content{
        font-size: 18px;
        line-height: 140%;
    }
}
@media (max-width: 600px){
    .case-title-text-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 15px 35px 20px 35px;
        font-size: 16px;
        line-height: normal;
        min-width: 100%;
        background-image: url('/img1/blocks/case-title-text/bg-sm.png');
        background-size: 100% 100%;
    }
    .case-title-text-item__check {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        width: 38px;
        height: 38px;
        background-image: url(/img1/blocks/case-title-text/check.png);
        background-size: contain;
    }


}
@media (max-width: 420px){
    .case-det-content{
        font-size: 16px;
        line-height: 140%;
        margin-bottom: 20px;
    }
}


.case-det-content p{
    margin-bottom: 15px;
}
.chart-title{
    color: #1D254F;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

.hr-1 {
    margin: 30px 0;
    height: 1px;
    background: rgba(26, 31, 43, 0.15);
}

.case-steps-1 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.case-step-1 {
    padding: 15px 25px;
    border-radius: 10px;
    background: #FFF;
    text-align: left;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
}

.case-step-1__n {
    color: #4C7BC8;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
}

.case-step-1__h {
    font-size: 16px;
}
@media (max-width: 992px){
    .case-steps-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        margin-bottom: 20px;
    }

}
@media (max-width: 600px) {
    .case-steps-1 {
        grid-template-columns: 1fr;
    }

}

.case-diagram1 {
    padding: 50px 30px 30px 30px;
    text-align: center;
    border-radius: 38px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
}

.text-info2 {
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    padding: 30px 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);

}

.case-works {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.case-work {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    min-height: 78px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
    margin: 0 20px 20px 0;
}
.case-work--full-w{
    flex: 0 0 100%;
}

.case-work__icon {
    margin-right: 20px;
}

.case-work__h {
    color: #1D254F;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.case-creatives {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.case-creative {
    flex: 1 0 0;
}

.case-creative img {
    max-width: 100%;
}

/** case-rez **/
.case-rez {
    border-radius: 38px;
    padding: 40px 70px;
    overflow: hidden;
    /*background: url('/images/cases/620/rez.jpg') center no-repeat;
    */

    /*background: linear-gradient(87deg, rgba(76, 123, 200, 0.96) 2.17%, rgba(0, 0, 0, 0.00) 127.97%),
        url('/images/cases/620/rez.jpg'), lightgray 50% no-repeat;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-family: RoadRadio;
    line-height: normal;
}




.case-rez h2 {
    text-align: left;
    color: #FFF;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.case-rez__text {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.case-rez__info {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    background: url('/images/icons/info-icon.svg') left center no-repeat;
    padding-left: 50px;
    min-height: 40px;
    text-transform: uppercase;
}

.case-rez__hr {
    height: 1px;
    max-width: 800px;
    margin: 30px 0;
    background-color: #fff;
}

.case-rez-data {
    overflow: visible;
}

.case-rez-item {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 10px 20px 0;
}

.case-rez-item__h {
    padding: 0px 25px;
    height: 70px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.09);
    color: #FFF;
    font-size: 20px;
    line-height: normal;
    font-weight: 700;
    text-transform: uppercase;
}

.case-rez-item__val {
    padding: 0px 15px;
    height: 70px;
    line-height: 70px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.90);
    color: #4C7BC8;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 992px) {

    .case-top-text_item {
        padding: 15px;
        border-radius: 5px;
        font-size: 22px;
    }

    .case-rez {
        border-radius: 10px;
        padding: 20px 15px;
    }

    .case-rez h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .case-rez__text,
    .case-rez__info {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .case-rez__info {
        background: unset;
        padding-left: 0px;
        min-height: 0px;

    }

    .case-rez-item__h {
        padding: 0px 10px;
        min-height: 50px;
        height: auto;
        font-size: 16px;
    }

    .case-rez-item__val {
        padding: 0px 10px;
        height: 50px;
        line-height: 50px;
        font-size: 17px;
    }

}

/** case-rez end **/

.case-publ {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}

.case-publ__img {
    text-align: center;
}

.case-publ__img img {
    max-width: 100%;
}

.case-publ__desc {
    flex: 1 0 0;
    color: #1D254F;
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
}



/** case-stat **/
.case-stat {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 70px;
    column-gap: 40px;
    margin-bottom: 50px;
}

.case-stat-el {
    display: flex;
    align-items: center;
    gap: 30px;
}

.case-stat-el__img {
    text-align: center;
}

.case-stat-el__img img {
    max-width: 100%;
}

.case-stat-lable {
    padding-left: 20px;
    color: #1D254F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
    position: relative;
}

.case-stat-lable::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
}

.case-stat-lable--orange::before {
    background-color: #FFA06C;
}

.case-stat-lable--red::before {
    background-color: #F34B4E;
}

.case-stat-lable--blue::before {
    background-color: #2D9CDB;
}

.case-stat-lable--green::before {
    background-color: #4BDFF3;
}

.case-stat-lable--dark::before {
    background-color: #2D4874;
}

.case-stat-desc {
    border-radius: 10px;
    font-size: 18px;
    padding: 30px 40px;
}

@media (max-width: 992px) {

    .case-stat {
        margin-bottom: 30px;
        grid-template-columns: 1fr;
        row-gap: 20px;
        column-gap: 0px;
    }

    .case-stat-el {
        gap: 15px;
    }

    .case-stat-lable {
        font-size: 14px;
        margin-bottom: 15px;

    }

    .case-stat-lable::before {
        left: 0;
        top: 2px;
    }

    .case-stat-desc {
        border-radius: 5px;
        font-size: 16px;
        padding: 10px 10px;
    }
}

/** case-stat end **/

/** case-pr-list **/
.case-pr-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.case-pr {
    padding: 25px 25px;
    border-radius: 10px;
    background: #FFF;
    text-align: center;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
}

.case-pr__icon {
    min-height: 60px;
    margin-bottom: 20px;
}

.case-pr__h {
    color: #1D254F;
    text-align: center;
    font-size: 18px;
}

@media (max-width: 992px) {
    .case-pr-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .case-pr {
        padding: 15px 15px;
    }
}

@media (max-width: 480px) {
    .case-pr-list {
        grid-template-columns: 1fr;
    }
}

/** case-pr-list end **/
.bl-icon-text {
    display: flex;
    margin-bottom: 30px;
}

.bl-icon-text__img {
    flex: 0 0 60px;
    margin: 0 30px 0 0;
}

.bl-icon-text__desc {
    font-size: 18px;
    flex: 1 0 0;
}

.case-lable {
    font-family: RoadRadio;
    border-radius: 10px;
    background: #4C7BC8;
    color: #FFF;
    font-size: 32px;
    font-weight: 700;
    padding: 10px 14px;
    display: inline-block;
    line-height: normal;
}

/** case-trends **/
.case-trends {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.case-trend {
    border-radius: 10px;
    padding: 20px;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 0 0;
    color: #fff;
    text-align: center;
    line-height: normal;
    background-position: center;
    background-size: cover;
}

.case-trend__h {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.case-trend__desc {
    font-size: 16px;
}

/** case-trends end **/

/** case-info-text **/
.case-info-text {
    padding: 50px;
    border-radius: 29px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    line-height: normal;
}

.case-info-text__h {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.case-info-text__desc {
    font-size: 20px;
    background: url(/images/icons/info-icon.svg) left center no-repeat;
    padding-left: 60px;
    min-height: 40px;

}

/** case-info-text end **/

.block-mac {
    padding: 50px 130px 60px 130px;
    padding: 4.5% 11% 5% 11%;
    background: #fff url('/images/chrome.png') center no-repeat;
    background-size: cover;
    max-width: 1170px;
    margin: 0 auto;
}

.block-mac__img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/** case-work2 **/
.case-work2 {
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
    margin-bottom: 15px;

}

.case-work2__num {
    flex: 0 0 auto;
    width: 92px;
    height: 92px;
    border-radius: 20px;
    background: #4C7BC8;
    text-align: center;
    line-height: 92px;
    color: #FFF;
    font-size: 40px;
    font-weight: 800;

}

.case-work2__h {
    color: #1D254F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    padding: 14px 20px 14px 25px;
}
@media (max-width: 992px){
    .case-work2__num {
        width: 30px;
        height: 30px;
        border-radius: 0px;
        line-height: 30px;
        font-size: 24px;
    }
    .case-work2__h {
        color: #1D254F;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding: 10px 5px 10px 10px;
    }

}
/** case-work2 end **/
.text-info3 {
    color: #1D254F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    border-radius: 20px;
    background: #FFF;
    padding: 25px;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
}

.case-rez-info {
    color: #1D254F;
    font-family: RoadRadio;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 300%;
    text-transform: uppercase;
    /* 109.67px */
}
/** case-stat-2 **/
.case-stat-2 {
    display: flex;
}

.case-stat-2 .case-stat-el {
    flex: 0 0 auto;
    margin-right: 30px;
}

.case-stat-2__desc {
    display: flex;
    align-items: center;
    border-left: 1px solid rgba(26, 31, 43, 0.15);
    padding-left: 30px;
    flex: 1 0 0;
}
.case-stat-2--bg {
    padding: 35px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
}

@media (max-width: 1024px){
    .case-stat-2{
        display: block;
    }
    .case-stat-2 .case-stat-el {
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .case-stat-2__desc {
        border-left: unset;
        padding-left: 0px;

    }
    .case-stat-2--bg {
        padding: 15px;
        border-radius: 5px;
        background: #FFF;
        box-shadow: unset;
    }

}
/** case-stat-2 end**/
/** case-rez-2 **/
.case-rez-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 40px 50px;
    border-radius: 30px;
    background: linear-gradient(90deg, #3A6FC4 0%, rgba(58, 111, 196, 0.00) 121.43%);
}

.case-rez-item-2 {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

.case-rez-item-2__h {
    color: #FFF;
    font-family: RoadRadio;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.case-rez-item-2__val {
    padding: 15px 25px;
    color: #4C7BC8;
    font-family: RoadRadio;
    font-size: 36px;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.90);
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 992px){
    .case-rez-2 {
        gap: 15px;
        padding: 20px 15px;
        border-radius: 5px;
    }
    .case-rez-item-2 {
        gap: 15px;
    }
    .case-rez-item-2__val {
        padding: 5px 10px;
        font-size: 20px;
        border-radius: 5px;
    }

}
/** case-rez-2 end**/
/** trafic-stat **/
.trafic-stat {}

.trafic-stat-h {}

.trafic-stat-gr {
    position: relative;
    margin-bottom: 35px;
}

.trafic-stat-gr-l {

    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 70px;
    position: relative;
    border-bottom: 1px solid rgba(29, 37, 79, 0.50);
}

.trafic-stat-gr-l__v {
    display: inline-block;
    width: 100px;
    background: #fff;
    position: absolute;
    left: 0;
    top: -10px;
}

.trafic-stat-gr-data {
    position: absolute;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;

}

.trafic-stat-gr-data__v {
    color: #FFF;
    font-family: Montserrat;
    font-size: 28px;
    flex: 1 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
    border-radius: 30px 30px 0px 0px;
    width: 100%;
}

.trafic-stat-gr-data__h {
    padding-left: 15px;
    position: absolute;
    bottom: -35px;
    color: #1D254F;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;

}

.trafic-stat-gr-data__h::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
}

.trafic-stat-gr-data--1 {
    left: 20%;
    height: 212px;
    width: 32%;
}

.trafic-stat-gr-data--2 {
    left: 55%;
    height: 425px;
    width: 32%;
}

.trafic-stat-gr-data--1 .trafic-stat-gr-data__v {
    background-color: #2D9CDB;
}

.trafic-stat-gr-data--1 .trafic-stat-gr-data__h::before {
    background-color: #2D9CDB;
}

.trafic-stat-gr-data--2 .trafic-stat-gr-data__v {
    background-color: #FFA06C;
}

.trafic-stat-gr-data--2 .trafic-stat-gr-data__h::before {
    background-color: #FFA06C;
}

@media (max-width: 992px){
    .trafic-stat-gr-l {
        font-size: 16px;
        margin-bottom: 40px;
    }
    .trafic-stat-gr-l__v {
        width: 55px;
    }
    .trafic-stat-gr-data__v {
        font-size: 24px;
        border-radius: 20px 20px 0px 0px;
    }
    .trafic-stat-gr-data--1 {
        left: 25%;
        height: 123px;
        width: 32%;
    }
    .trafic-stat-gr-data--2 {
        left: 60%;
        height: 245px;
        width: 32%;
    }
    .trafic-stat-gr-data__h {
        font-size: 12px;
        font-weight: 400;
        line-height: normal;
    }

}

/** trafic-stat end **/
/** case-rez-3 **/
.case-rez-3{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;

}
.case-rez-3-item{

    padding: 20px;
    border-radius: 20px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(90deg, #3A6FC4 0%, rgba(58, 111, 196, 0.46) 121.43%), #FFF;
    background: #2d4777;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);

}
.case-rez-3-item__pic{
   flex: 0 0 auto;
   order: 1;
}

.case-rez-3-item--col2{
    grid-column: span 2;
}

.case-rez-3-item__desc{
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
@media (max-width: 768px){
    .case-rez-3 {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .case-rez-3-item--col2 {
        grid-column: span 1;
    }
    .case-rez-3-item {
        padding: 10px;
        border-radius: 5px;
        display: flex;
        gap: 15px;
    }

}

/** case-rez-3 end**/

/** phone-screens **/
.phone-screens{
    display: flex;
    padding-bottom: 20px;
}

.phone-screens  .phone-screen{
    
    position: relative;
    flex: 0 0 28%;

}
.phone-screens .phone-screen:nth-child(2){
    left: -50px;
    left: -4.5%;
}
.phone-screens .phone-screen:nth-child(3) {
    left: -100px;
    left: -9%;
}
.phone-screens .phone-screen:nth-child(4) {
    left: -150px;
    left: -13.5%;
}
.phone-screen:nth-child(even){
   bottom: -20px;
}

.phone-screen {
    display: inline-block;
    font-size: 0;
    padding: 18px 19px 20px 21px;
    background: url(/images/phone-big.png) center no-repeat;
    background-size: contain;
    /*filter: drop-shadow(-25px 25px 200px rgba(18, 22, 30, 0.17));*/
}
.phone-screen--shadow{
    filter: drop-shadow(-25px 25px 200px rgba(18, 22, 30, 0.17));
}
 
.phone-screen__img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.phone-screen-2 {
    display: inline-block;
    font-size: 0;
    padding: 42px 18px 20px 20px;
    background: url(/images/phone-screen-bg.png) center no-repeat;
    background-size: contain;
}

.phone-screen-2__img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}



@media (max-width: 992px){
    .phone-screens {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .phone-screens .phone-screen {
        flex: 1 0 calc(50% - 10px);
        left: 0 !important;
        bottom: 0 !important;

    }
}

@media (max-width: 600px) {
    .phone-screens {
        gap: 20px;
    }

    .phone-screens .phone-screen {
        flex: 1 0 100%;
    }
}
/** phone-screens end**/
/** site-err-bl **/
.site-err-bl{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 10%;
}
.site-err-list{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.site-err-row{
    display: flex;
    gap: 20px;
}

.site-err{
    display: block;
    padding: 35px 25px;
    margin: 0 0px 0px 0;
    border-radius: 20px;
    border: 1px solid rgba(58, 111, 196, 0.20);
    background: #FFF;
    color: #1D254F;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    word-break: break-word;

}
.site-err--fw{
    flex: 1 0 0;
}
@media (max-width: 1200px){
    .site-err-bl {
        grid-template-columns: 1fr 280px;
        grid-column-gap: 15px;
    }
}
@media (max-width: 992px) {
    .site-err-bl {
        grid-template-columns: 1fr 250px;
        grid-column-gap: 15px;
    }
    .site-err {
        display: block;
        padding: 15px 10px;
        border-radius: 5px;
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .site-err-bl {
        grid-template-columns: 1fr;
        gap: 20px;
    }

}
@media (max-width: 480px) {
    .site-err-row{
        display: block;
    }
}

/** site-err-bl end**/
/** block-img-txt2 **/
.block-img-flex{
    display: flex;
    align-items: flex-start;
}

.block-img-txt2{
    display: flex;
    align-items: center;
    z-index: 100;

}
.block-img-txt2--mt1{
    margin-top: -90px;
}
.block-img-txt2--mt2 {
    margin-top: 100px;
}
.block-img-txt2--left-1{
    left: -100px;
    position: relative;
}

.block-img-txt2--right{
    float: right;
}

.block-img-txt2__pic{
    flex: 0 0 auto;
    padding: 45px 20px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
    text-align: center;
}
.block-img-txt2__pic img{
    max-width: 100%;
}
.block-img-txt2__desc{
    flex: 1 0 0;
    color: #1D254F;
    font-family: Montserrat;
    font-size: 20px;
    padding: 20px 25px;
}
@media (max-width: 1200px) {
    .block-img-flex {
        display: block;
    }

    .block-img-txt2{
        margin-bottom: 20px;
        float: none;
    }
    .block-img-txt2--mt1 {
        margin-top: 0px;
    }
    .block-img-txt2--mt2 {
        margin-top: 0px;
    }
    .block-img-txt2--left-1 {
        left: 0px;
        position: relative;
    }
    .block-img-txt2__pic {
        flex: 1 0 0;
        padding: 10px 10px;
        border-radius: 5px;
    }

}
@media (max-width: 992px) {
    .block-img-txt2{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .block-img-txt2__desc{
        padding: 0;
    }

    .block-img-txt2__pic {
        padding: 10px 10px;
        border-radius: 5px;
    }

}
/** block-img-txt2 end **/
/** case-rez-info2 **/
.case-rez-info2{
    padding: 25px 35px;
    border-radius: 20px;
    background: linear-gradient(90deg, #3A6FC4 0%, rgba(58, 111, 196, 0.46) 121.43%);
    color: #FFF;
    font-size: 32px;   
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.case-rez-info2__val {
    display: inline-block;
    margin: 0 15px;
    border-radius: 10px;
    background: #FFF;
    padding: 20px 15px;
    color: #4C7BC8;
}
@media (max-width: 992px){
    .case-rez-info2 {
        padding: 15px 15px;
        border-radius: 5px;
        font-size: 26px;
    }
    .case-rez-info2__val {
        margin: 0 0px;
        border-radius: 5px;
        padding: 3px 10px;
    }
}
@media (max-width: 480px) {
    .case-rez-info2 {
        font-size: 22px;
    }

}

/** case-rez-info2 end**/
.diagram-h{
    padding: 30px 15px;
    border-radius: 30px;
    background: #3A6FC4;
    color: #FFF;
    font-family: RoadRadio;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

/** case-problems **/
.case-problems{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
    gap: 10px;
}
.case-problem{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    color: #1D254F;
    font-size: 18px;
    border-radius: 20px;
    border: 1px solid rgba(58, 111, 196, 0.20);
    background: #FFF;
}
/** case-problem end**/
/** block-v-txt-img **/
.block-v-txt-img{
    display: flex;
    gap: 30px;
}
.text-vertical {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    padding: 15px 40px;
    text-align: center;
    writing-mode: tb-rl;
    border-radius: 20px;
    background: #4C7BC8;
    text-transform: uppercase;
    white-space: nowrap;
}
@media (max-width: 992px) {
    .block-v-txt-img {
        flex-direction: column;
    }
    .block-v-txt-img .text-vertical {
        font-size: 16px;
        padding: 15px 10px;
        text-align: center;
        writing-mode: rl;
        border-radius: 5px;
        white-space: normal;
    }
}

/** block-v-txt-img end **/
/** site-work **/
.site-works{
    display: flex;
    justify-content: space-between;
}
.site-works__el{
    padding: 0 0px;
    flex: 1 0 0;
    border: 1px solid  rgba(29, 37, 79, 0.15);
    border-width: 0 1px 0 0;
    padding:  0 30px 0 0;
    margin: 0 30px  0 0;
}
.site-works__el:last-child{
    border-width: 0;
    padding: 0;
    margin: 0;
}

@media (max-width: 992px) {
    .site-works{
        display: block;
    }
    .site-works__el{
       padding: 0 0 15px 0;
        border-width: 0 0 1px 0;
       margin-bottom: 15px;     
    }
}
/** site-work end **/
/** case-problems2 **/
.case-problems2{
    display: block;
}
.case-problem2{
    padding: 25px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
    color: #1D254F;
    line-height: normal;
    margin-bottom: 15px;

}
.case-problem2__h{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}    
.case-problem2__desc{
    font-size: 18px;
    font-weight: 400;

}
/** case-problems2 end **/
/** info-hint **/
.info-hint{
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 10;
}
.info-hint__h{
    padding: 40px 20px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.info-hint__arrow{
    width: 142px;
    height: 127px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    
}
.info-hint__arrow--1{
    background-image: url('/images/icons/info-hint-arrow1.svg');
    transform: translateX(-50%);
}
.info-hint__arrow--2 {
    background-image: url('/images/icons/info-hint-arrow1.svg');
    transform: translateX(50%) rotate(180deg);
}

@media (max-width: 992px) {
    .info-hint__arrow{
        display: none;
    }
    .info-hint__h {
        padding: 15px 10px;
        border-radius: 5px;
        color: #000;
        font-size: 16px;
    }

}

/** info-hint end **/
/** adapt-works **/
.adapt-works{
    display: flex;
    column-gap: 10%;
    align-items: flex-start;
}
.adapt-work{
    display: flex;
    align-items: center;
}
.adapt-work--hint{
    margin-top: 50px;
}
.adapt-work .info-hint{
    left: -70px;
    position: relative;
}
@media (max-width: 992px) {
    .adapt-works {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    .adapt-work--hint{
        margin-top: 0;
        flex-direction: column; 
    }
    .adapt-work .info-hint {
        left: 0px;
        order: -1;
        margin-bottom: 15px;
    }

}
/** adapt-works end **/
/** case-rez-4 **/
.case-rez-4{
    display: flex;
    align-items: flex-start;
    gap: 15px;
    border-radius: 20px;
    background: #F5F9FD;
    padding: 30px 20px;
}
.case-rez-4-el{
    flex: 1 0 0;
}
.case-rez-4-el__h{
    color: #1D254F;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px;
}
@media (max-width: 992px) {
    .case-rez-4{
        padding: 20px 5px;
        flex-direction: column;
    }
}
/** case-rez-4 end **/
/** site-update-inf **/
.site-update-inf{
    display: block;
}
.site-update-inf-el{
    display: flex;
}
.site-update-inf-el--1 .info-hint{
    margin-left: -50px;
}
.site-update-inf-el--1 .site-update-inf-el__img{
    flex: 1 0 0;
    padding-top: 50px;
}

.site-update-inf-el--2{
    margin-top: -50px;
    align-items: flex-end;
}
.site-update-inf-el--2 .info-hint {
    margin-right: -50px;
}

.site-update-inf-el--2 .site-update-inf-el__img {
    flex: 1 0 0;
    padding-bottom: 50px;
}

@media(max-width: 1200px){
    .site-update-inf-el {
        flex-direction: column;
        align-items: center;
        gap: 15px;
        margin-bottom: 30px;
    }
    .site-update-inf-el .info-hint{
        max-width: 100%;
    }
    .site-update-inf-el .info-hint__arrow{
        display: none;
    }

    .site-update-inf-el--1 .info-hint {
        order: -1;
        margin-left: 0px;
    }

    .site-update-inf-el--1 .site-update-inf-el__img {
        padding-top: 0px;
    }

    .site-update-inf-el--2 {
        margin-top: 0px;
        align-items: center;
    }

    .site-update-inf-el--2 .info-hint {
        margin-right: 0px;
    }

    .site-update-inf-el--2 .site-update-inf-el__img {
        flex: 1 0 0;
        padding-bottom: 0px;
    }

}
/** site-update-inf end**/
.case-lable-2 {
    border-radius: 15px;
    background: #4C7BC8;
    color: #FFF;
    font-weight: 700;
    font-size: 22px;
    padding: 20px 20px;
    display: inline-block;
    line-height: normal;
}
.case-lable-2--mr-1{
    margin: 0 20px 20px 0;
}
/** case-task **/
.case-task{
    display: flex;  
    flex-wrap: wrap;
    align-items: center;
    column-gap: 40px;
    row-gap: 15px;
    padding: 25px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid rgb(196, 216, 252);
    margin-bottom: 20px;
}
.case-task__desc{
    flex: 1 0 0;
}
.case-task__pic{
    flex: 0 0 auto;
    filter: drop-shadow(0px 5px 50px rgba(172, 181, 204, 0.25));
    border-radius: 15px;
}
.case-task__pic img{
    max-width: 100%;
}
@media(max-width: 992px){
    .case-task {
        flex-direction: column;
        align-items: center;
        column-gap: 20px;
        padding: 5px;
        border-radius: 0px;
    }

    .case-task__desc {
        flex: 1 0 0;
    }

    .case-task__pic {
        flex: 0 0 0;
    }

}
/** case-task end**/

/** case-steps **/
.case-steps {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 35px;
    gap: 10px;
}
.case-steps--full-w .case-step{
    flex: 0 0 100%;
}

.case-step {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 30px 20px;
    color: #1D254F;
    font-size: 18px;
    background: #FFFFFF;
    border: 1px solid rgba(58, 111, 196, 0.2);
    border-radius: 20px;
}
.case-step__h{
    font-weight: 600;
    font-size: 18px;
    /*margin-bottom: 30px;*/
}
.case-step__n{margin-right:12px;font-weight:bold;}
.case-step--full-w{
    flex: 0 0 100%;
}

.case-step--grow{
    flex: 1 0 0; 
}
.case-step p:last-of-type{
    margin-bottom: 0;
}
@media (max-width: 992px){
    .case-step--grow {
        flex: 1 0 100%;
    }
}

/** case-steps end**/

/** phone-screen-inf **/
.phone-screen-inf{
    display: flex;
    align-items: center;
    justify-content: center;
}
.phone-screen-inf__hints{
    display: flex;    
    flex-direction: column;
    gap: 20px;
}
.phone-screen-inf__hint{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #1D254F;
    padding: 35px 25px;    
    background: #FFFFFF;
    box-shadow: 0px 5px 50px rgba(172, 181, 204, 0.25);
    border-radius: 20px;
    position: relative;
    margin-left: -30px;

}
.phone-screen-inf__hint--h-1{
    min-height: 114px;
}
.phone-screen-inf .phone-screen{
    flex: 0 0 content;
}
@media(max-width: 992px) {
    .phone-screen-inf {
        flex-direction: column-reverse;
        justify-content: center;
        gap: 20px;
    }

    .phone-screen-inf__hint {
        padding: 15px 10px;
        border-radius: 5px;
        margin-left: 0px;

    }
    .phone-screen-inf__hint--h-1{
        min-height: 0;
    }

    .phone-screen-inf .phone-screen {
        flex: 1 0 0;
    }
}
/** phone-screen-inf end**/
/** case-rez-5 **/
.case-rez-5{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    row-gap: 40px;
    margin-bottom: 35px;
}
.case-rez-5-item{
    display: flex;
    align-items: center;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0px 5px 50px rgba(172, 181, 204, 0.25);
    border-radius: 20px;
    font-size: 18px;
    line-height: 22px;
}
.case-rez-5-item img{
    max-width: 100%;
}

.case-rez-5-item--summ{
    padding: 25px;
    border: 1px solid rgba(58, 111, 196, 0.2);
}
@media(max-width: 768px) {
    .case-rez-5 {
        grid-template-columns: 1fr;
        column-gap: 0px;
        row-gap: 20px;
    }
    .case-rez-5-item{
        justify-content: center;
    }
} 
/** case-rez-5 end**/

/** case-pic **/
.case-pic-row{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 35px;
}
.case-pic-row__col{
    flex: 1 0 0;
}
.case-pic{
    text-align: center;
}
.case-pic__img{
    margin-bottom: 20px;
}
.case-pic__img img{
    max-width: 100%;
}
.case-pic__h{
    font-weight: 700;
    font-size: 20px;
    color: #1D254F;
    text-align: center;
}
.case-pic__h--mt {
    margin-top: 25px;
}
.case-pic__h--mb{
    margin-bottom: 25px;
}
/** case-pic end**/
/** case-site-struct **/
.case-site-struct{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px 25px 25px 25px;
    background-color: #FFFFFF;
    border: 1px solid #D8E2F3;
    border-radius: 20px;
    margin-bottom: 15px;
}
.case-site-struct__i{
    flex: 0 0 35px;
}
.case-site-struct__h{
    font-weight: 700;
    color: #1D254F;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}
.case-site-struct__desc{
    flex: 1 0 0;
}
@media (max-width: 768px) {
    .case-site-struct {
        padding: 15px 10px 15px 10px;
        border-radius: 5px;
    }

    .case-site-struct__i{
        display: none;
    }
}

/** case-site-struct end**/
.case-rez-val{
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #4C7BC8;
}

/** case-disp-work **/
.case-disp-work{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
}
/** case-disp-work end**/
/*###*/
.mt-min-35 {
    margin-top: -35px;
}

.block-text-shadow-1 {
    display: inline-block;
    position: relative;
    border-radius: 29px;
    padding: 35px;
    background: #FFF;
    box-shadow: 0px 5px 50px 0px rgba(172, 181, 204, 0.25);
}


@media (max-width: 992px) {
    .case-pic-row .p-xy-6 {
        padding: 10px 7px; 
    }
    .case-top h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .case-top-text__item {
        padding: 15px;
        border-radius: 10px;
        font-size: 24px;
    }


    .lead-info {
        padding: 15px 0;
    }

    .service-promo-img-col {
        display: none;
    }

    .service-promo-img2 {
        display: none;
    }

    .case-info__col,
    .case-info__col:first-child {
        flex: 0 0 100%;
        width: 100%;
    }

    .case-info__section {
        width: auto;
    }

    .case-info__section-in {
        font-size: 18px;
        padding: 15px;
        border-radius: 10px;
        background: #4C7BC8;
        white-space: normal;
        writing-mode: lr;
        display: inline-block;
    }

    .case-step-1 {
        padding: 15px 15px;
    }

    .case-lable {
        font-size: 24px;
        padding: 5px 10px;
    }

    .case-trends {
        grid-template-columns: repeat(2, 1fr);
    }

    .case-info-text {
        padding: 15px;
        border-radius: 5px;
    }

    .case-info-text__h {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .case-info-text__desc {
        font-size: 18px;
        padding-left: 0px;
        background: unset;

    }

    .block-mac {
        padding: 0px;
        background: unset;
    }
    .case-rez-info {
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .text-info3{
        border-radius: 5px;
        background: #FFF;
        padding: 10px;
    }


}
@media (max-width: 768px){
    .case-pic-row {
        flex-direction: column;
    }
    .case-disp-work{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .case-creative {
        flex: 0 0 calc((100% - 15px)/2);
    }
    .case-lable-2 {
        font-size: 18px;
        padding: 10px;
        border-radius: 5px;
    }

}

@media (max-width: 480px) {

    .case-creative {
        flex: 0 0 100%;
    }

    .case-trends {
        grid-template-columns: 1fr;
    }

}

.case_glav_pro_container {
display: flex;
margin-top: 0;
height: auto;
}

.case_glav_pro_bold-text {
font-weight: bold;
padding:10px;
width: 30%;
word-wrap: break-word;
}

.case_glav_pro_normal-text {
margin-left: 10px;
padding:10px;
}

.case_glav_pro_vertical-line {
border-left: 1px solid #ccc;
height: 60px;
opacity:60%;
}
.case-det-content__info h2{
	margin-bottom:20px;
}
/** кейсы end **/
/* End */
/* /bitrix/templates/main/components/bitrix/news/books_page_new/bitrix/news.detail/.default/style.css?174359543342525 */