

/* Start:/local/media/css/page/clients.css?16159630381460*/
.client-section {
    display: block;
    background: #fff;
    border: 1px solid #d9e2e9;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    color: #64727f;
    padding: 17px 20px 18px;
}

.client-section i {
    display: block;
    margin: 0 auto 18px;
    height: 64px;
    line-height: 64px;
    vertical-align: middle;
}

.client-section i img {
    max-height: 100%;
    width: auto;
    display: inline-block;
}

.client-question,
.clients-office {
    display: block;
    background: #fff;
    border: 1px solid #d9e2e9;
    padding: 25px 26px;
}

.client-question {
    background: url(/local/media/css/page/../../images/support-img.jpg) no-repeat bottom right #fff;
    min-height: 740px;
}

.clients-office {
    background: url(/local/media/css/page/../../icons/icon-support--branch.png) no-repeat 95% center #fff;
}

@media (max-width: 1200px) {
    .client-question {
        background: #fff;
        min-height: 0;
    }
}

.client-question1 {
    display: block;
    background: #fff;
    border: 1px solid #d9e2e9;
    padding: 25px 26px;
}

.client-question1 {
    background: url('/local/media/icons/icon-clients--pc-big.png') no-repeat 100% 50% #fff;
}

.blok-content {
    padding: 20px 0 20px 0;
}

.blok-content p {
    margin: 0 0 10px;
    text-rendering: optimizeLegibility;
    hyphens: auto;
    line-height: inherit;
    font-size: inherit;
}

.pad-bot-5 {
    padding-bottom: 5px !important;
}

.hei-20 {
    height: 20px;
}
/* End */


/* Start:/local/media/css/page/faq.css?15409744392264*/
.faq-list {}
    .faq-item {
        margin-bottom: 27px;
    }
        .faq-item--name {
            position: relative;
            line-height: 31px;
            padding-left: 54px;
            cursor: pointer;
            display: inline-block;
        }
            .faq-item--name i {
                height: 31px;
                width: 31px;
                border: 1px solid #d9e2e9;
                position: absolute;
                left: 0;
                top: 0;
            }
            .faq-item--name i:before,
            .faq-item--name i:after {
                background: #62707d;
                display: block;
                position: absolute;
                content: "";
            }
            .faq-item--name i:before {
                height: 9px;
                width: 1px;
                top: 10px;
                left: 50%;
                transition: .2s;
                transform-origin: center;
                margin-left: 0px;
            }
            .faq-item--name i:after {
                height: 1px;
                width: 9px;
                top: 14px;
                left: 50%;
                margin-left: -4px;
            }
            .faq-item--name span {
                display: inline;
                font-size: 24px;
                font-weight: 400;
                color: #383838;
                border-bottom: 1px solid #383838;
            }
        .faq-item--name:hover span {border-bottom-color: transparent;}
        .faq-item--text {
            font-size: 14px;
            line-height: 18px;
            font-weight: 300;
            color: #333;
            border: 1px solid #d9e2e9;
            padding: 53px 45px 53px 55px;
            margin: 14px 0;
        }
        .is-opened .faq-item--name i:before {
            transform: rotate(90deg);            
        }
        .is-opened .faq-item--name span {border-bottom-color: transparent;}
@media (max-width: 767px){
    .faq-item--name span {font-size: 20px;}
    .faq-item--text {
        padding: 20px;
    }
    .faq-item--name {
        padding-left: 40px;
    }
    .faq-item--name i {
        height: 21px;
        width: 21px;
    }
    .faq-item--name i:before {top: 5px;}
    .faq-item--name i:after {top: 9px;}
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news/clients/bitrix/news.list/.default/style.css?174919748115127*/
.client-page {    
    display: block;
    background: #fff;
    border: 1px solid #d9e2e9;
    padding: 25px 26px;
}


@media (max-width: 767px) {
    .client-page {
        padding: 15px;
    }
}



.dataPP { 
      
}

.dataPP .b-blok {
    /*background:#ff7543;*/
    border-radius:6px;
}

.dataPP .b-blok .vcont-error {
    background:#fff3ee;
    border-radius:6px;
    padding:10px;
    border:1px solid #c00000;
    width:500px;
    margin:20px auto;
    font-size:15px;
    text-align:center;
    color:#c00000;
}

.vv-error {
    background:#fff3ee;
    border-radius:6px;
    padding:10px;
    border:0px solid #c00000;
    width:500px;
    margin:20px auto;
    font-size:15px;
    text-align:center;
    color:#c00000;
}

.dataPP .b-blok .vcontUpdate {
    font-size:15px;
    text-align:right;
    color:#e5e5e5;
    padding:5px 0;
}

.dataPP .b-blok .vcont {
    background:#fff3ee;
    border-radius:6px;
    padding:10px;
}

.dataPP .b-blok .vcont .element-block {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
    width:500px;
    border:0px solid red;
    margin:0 auto 20px auto;
}



.dataPP .b-blok .vcont .element-block .elem-left {
   flex-grow: 0;
   width:154px;
   margin:0 10px 0 0;
   padding:5px 0 0 0;
   text-align:right;
   border:0px solid red;
}

.dataPP .b-blok .vcont .element-block .elem-left .b-loks {

}

.dataPP .b-blok .vcont .element-block .elem-left .b-loks .b-loks-element {
    padding:0 5px;
    color:#444;
    font-size:14px;
    margin:0 0 1px 0;
    border:0px solid red;
}

.dataPP .b-blok .vcont .element-block .elem-right {
    flex-grow: 1;
    padding:5px 0 0 0;
}

.dataPP .b-blok .vcont .element-block .elem-right .b-loks {
    
}

.dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element {
    padding:0 5px 0 0;
    color:#444;
    font-size:14px;
    margin:0 0 1px 0;
}

.dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 15px 22px 14px;
    font: 300 14px/1.4 "Roboto";
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9e2e9;
    transition: .2s;
    -webkit-appearance: none;
    border-radius: 5px;
    width: 252px;
}

.dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element .erorr {
    font-size:14px;
    color:#f44336;
    padding:2px 0 0 0;
}

.dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element .yes {
    font-size:14px;
    color:#5db65e;
    padding:2px 0 0 0;
}

.dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input::placeholder {
    color: #a3acb5;
    opacity: 1;
    font-size: 14px;
}

.dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input::selection {
    background: #ff7543;
    color: #fff;
    text-shadow: none;
}

.dataPP .b-blok .vcont .element-block .elem-right .classSubMit {
margin:20px 0 0 0;
}

.dataPP .b-blok .vcont .element-block .elem-right .classSubMit input[type="submit"] {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: 13px 12px;
    font: 300 16px/1.42857143 "Roboto";
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    transition: all ease .2s;
    cursor: pointer;
    background: #f05b25;
    color: #fff;
    border-color: #f05b25;
    width:170px;
}

.dataPP .b-blok .vcont .element-block .elem-right .classSubMit input[type="submit"]::selection {
    background: #ff7543;
    color: #fff;
    text-shadow: none;
}


@media (min-width: 320px) and (max-width: 480px) {

    .dataPP { 
      
    }
    
    .dataPP .b-blok {
        /*background:#ff7543;*/
        border-radius:6px;
    }
    
    .dataPP .b-blok .vcont-error {
        background:#fff3ee;
        border-radius:6px;
        padding:10px;
        border:1px solid #c00000;
        margin:20px auto;
        font-size:15px;
        text-align:center;
        color:#c00000;
        width:300px;
    }
    
    .dataPP .b-blok .vcontUpdate {
        font-size:15px;
        text-align:right;
        color:#e5e5e5;
        padding:5px 0;
    }
    
    .dataPP .b-blok .vcont {
        background:#fff3ee;
        border-radius:6px;
        padding:10px;
    }
    
    .dataPP .b-blok .vcont .element-block {
        display:block;
    }
    
    
    
    .dataPP .b-blok .vcont .element-block .elem-left {
       margin:0 0px 0 0;
       padding:5px 0 0 0;
       text-align:left;
       display:block;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-left .b-loks {
        display:block !important;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-left .b-loks .b-loks-element {
        padding:0 5px 0 0;
        color:#444;
        font-size:14px;
        margin:0 0 1px 0;
        border:0px solid red;
        display:block !important;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right {
        padding:5px 0 0 0;
        display:block !important;
        width:300px;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks {
        
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element {
        padding:0 5px 0 0;
        color:#444;
        font-size:14px;
        margin:0 0 1px 0;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input {
        display: block;
        width: 100%;
        height: 50px;
        padding: 15px 22px 14px;
        font: 300 14px/1.4 "Roboto";
        color: #333333;
        background-color: #fff;
        background-image: none;
        border: 1px solid #d9e2e9;
        transition: .2s;
        -webkit-appearance: none;
        border-radius: 5px;
        width: 252px;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element .erorr {
        font-size:14px;
        color:#f44336;
        padding:2px 0 0 0;
        width:252px;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element .yes {
        font-size:14px;
        color:#5db65e;
        padding:2px 0 0 0;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input::placeholder {
        color: #a3acb5;
        opacity: 1;
        font-size: 14px;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input::selection {
        background: #ff7543;
        color: #fff;
        text-shadow: none;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .classSubMit {
        width:170px;
        margin:20px auto 0 auto !important;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .classSubMit input[type="submit"] {
        display: block;
        font-weight: 300;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        padding: 13px 12px;
        font: 300 16px/1.42857143 "Roboto";
        border-radius: 5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        transition: all ease .2s;
        cursor: pointer;
        background: #f05b25;
        color: #fff;
        border-color: #f05b25;
        width:170px  !important;
        margin:0 auto !important;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .classSubMit input[type="submit"]::selection {
        background: #ff7543;
        color: #fff;
        text-shadow: none;
    }

}


@media (min-width: 640px) and (max-width: 900px) {

    .dataPP { 
      
    }
    
    .dataPP .b-blok {
        /*background:#ff7543;*/
        border-radius:6px;
    }
    
    .dataPP .b-blok .vcont-error {
        background:#fff3ee;
        border-radius:6px;
        padding:10px;
        border:1px solid #c00000;
        margin:20px auto;
        font-size:15px;
        text-align:center;
        color:#c00000;
        width:300px;
    }
    
    .dataPP .b-blok .vcontUpdate {
        font-size:15px;
        text-align:right;
        color:#e5e5e5;
        padding:5px 0;
    }
    
    .dataPP .b-blok .vcont {
        background:#fff3ee;
        border-radius:6px;
        padding:10px;
    }
    
    .dataPP .b-blok .vcont .element-block {
        display:block;
        width:300px;
    }
    
    
    
    .dataPP .b-blok .vcont .element-block .elem-left {
       margin:0 0px 0 0;
       padding:5px 0 0 0;
       text-align:left;
       display:block;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-left .b-loks {
        display:block !important;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-left .b-loks .b-loks-element {
        padding:0 5px 0 0;
        color:#444;
        font-size:14px;
        margin:0 0 1px 0;
        border:0px solid red;
        display:block !important;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right {
        padding:5px 0 0 0;
        display:block !important;
        width:260px;
        text-align:center;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks {
        
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element {
        padding:0 5px 0 0;
        color:#444;
        font-size:14px;
        margin:0 0 1px 0;
        text-align:left;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input {
        display: block;
        height: 50px;
        padding: 15px 22px 14px;
        font: 300 14px/1.4 "Roboto";
        color: #333333;
        background-color: #fff;
        background-image: none;
        border: 1px solid #d9e2e9;
        transition: .2s;
        -webkit-appearance: none;
        border-radius: 5px;
        width: 252px;
        margin:0 auto;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element .erorr {
        font-size:14px;
        color:#f44336;
        padding:2px 0 0 0;
        width:252px;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element .yes {
        font-size:14px;
        color:#5db65e;
        padding:2px 0 0 0;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input::placeholder {
        color: #a3acb5;
        opacity: 1;
        font-size: 14px;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .b-loks .b-loks-element input::selection {
        background: #ff7543;
        color: #fff;
        text-shadow: none;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .classSubMit {
    margin:20px 0 0 0;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .classSubMit input[type="submit"] {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 300;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        padding: 13px 12px;
        font: 300 16px/1.42857143 "Roboto";
        border-radius: 5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-decoration: none;
        transition: all ease .2s;
        cursor: pointer;
        background: #f05b25;
        color: #fff;
        border-color: #f05b25;
        width:170px;
    }
    
    .dataPP .b-blok .vcont .element-block .elem-right .classSubMit input[type="submit"]::selection {
        background: #ff7543;
        color: #fff;
        text-shadow: none;
    }

}



.dtp-m-row {
    width: 100%;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    margin: 0;
}

.dtp-m-row-align-items-center {
    align-items: center !important;
    align-content: center !important;
}

.dtp-m-row-wrap {
    flex-wrap: wrap !important;
}


.DTP-current-yearMouth {
    /* border:1px solid #eee; */
    flex-grow: 0;
    /* padding:4px 20px; */
    margin-right: 20px;
    color:#f05b25; 
}

.DTP-current-yearMouth:last-child {
    margin-right: 0px;
    
}

.DTP-current-yearMouth .current-year {
    /* border:1px solid red; */
    text-decoration: none;
    flex-grow: 0;
    padding:6px 20px;
}

.DTP-current-yearMouth .current-year:focus {
    color:#fff;
}



.DTP-curr-active {
    background:#f05b25;
    color:#fff;
}

.DTP-curr-active .current-year {
    color:#fff;
}

.dtp-item {
    padding:15px 0 0 0;
}

.file-list--small-padd {
    margin:10px 0 !important
}

.icolor-orange-fwb {
    color:#f05b25;
    font-weight: bold;
}

.icolor-orange-fwn {
    color:#f05b25;
}

.hei-iter {
    height:20px;
}


.tps-table6 table {
    padding: 0;
    margin: 0;
    width: 100%;
    /*border:1px solid #213a52;*/
    border: 0px solid #d5d5d5;
    border-collapse: collapse !important;
    font-style: normal;
    table-layout: auto;
}

.tps-table6 table tr.first {
    background: #7a7a7a;
}

.tps-table6 table tr {
    background: #f1f1f1;
    border-bottom: 1px solid #7a7a7a;
}

.tps-table6 table tr td {
    color: #333;
    font-size: 16px;
    border: 0px solid #f3f3f3;
    text-align: left;
    padding: 10px 10px;
    vertical-align: middle !important;
    border-right: 1px solid #7a7a7a;
}

.tps-table6 table tr.first td {
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    border-right: 1px solid #f3f3f3;
    text-align: left;
    padding: 10px 10px;
    vertical-align: middle;
    /* vertical-align: top !important; */
}
.tps-table6 table tr td:last-child {
    border-right: 0px solid #f3f3f3;
}

.tps-table6 .back1 {
    background: #f1f1f1;
}

.tps-table6 .back2 {
    background: #f8f8f8;
}


.bg-imess {
    margin: 0 0 5px;
    margin-top: 0px;
    padding: 10px 10px;
    border-radius: 5px;
    position: relative;
}
/* End */
/* /local/media/css/page/clients.css?16159630381460 */
/* /local/media/css/page/faq.css?15409744392264 */
/* /local/templates/.default/components/bitrix/news/clients/bitrix/news.list/.default/style.css?174919748115127 */
