/* Start:/local/templates/port_2021/components/bitrix/news.list/fn_2024/style.css?173752430070373*/
.__title {
    display: block;
    position: relative;

    font-size: 27px;
    letter-spacing: .27px;
    line-height: 1.4;
    color: #1d1d1d;
    margin: 35px 0 23px;
}
#horizontal-multilevel-menu li ul{
    width: 100% !important;
}
.ofd .button{
    display: inline-block;
    padding: 13px;
    color: #fff;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 23px;
    border: 2px solid #fff;
    background-color: transparent;
    min-width: 170px;
    text-align: center;


    letter-spacing: 0.21px;

    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.top_banner{
    position: relative;
    overflow: hidden;
    margin-top: 7px;
}
.top_banner .wrapper{
    position: relative;
    z-index: 1;
    padding: 100px 11%;
    color: #fff;
}
.top_banner .wrapper .text{
    font-size: 40px;
    font-weight: 300;
    line-height: 1.4;
}
.top_banner .wrapper .text p{
    margin: 0;
}
.top_banner .wrapper .text div{

    padding-top: 18px;
    font-size: 21px;
    line-height: 25px;
}
.top_banner .wrapper .buttons{
    margin-top: 30px;
}
.top_banner .wrapper .buttons .button:nth-child(1){
    margin-right: 30px;
}
.top_banner .wrapper .buttons .button:hover{
    background: #fff;
    color: #67b31b;
}
.top_banner img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
.ofd{

}
.ofd .item{
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    width: calc(33.3% - 24px);
    display: inline-block;
    vertical-align: top;
    margin: 0 0 30px;
    text-align: center;

    -moz-transition: box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}
.ofd .item:hover{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.ofd .item:nth-last-child(-n+3){
    margin-bottom: 0;
}
.ofd .item:nth-child(3n+2){
    margin-left: 32px;
    margin-right: 32px;
}
.ofd .item:hover{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.ofd .item .name{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding: 30px 0 20px;
}
.ofd .item .price{
    color: #383838;
    font-size: 40px;
    font-weight: 400;
}
.ofd .item .validity{
    color: #95989a;
    font-size: 14px;
    padding-top: 10px;
}
.ofd .item .text{
    color: #383838;
    font-size: 14px;
    letter-spacing: 0.15px;
    line-height: 1.4;
    padding: 10px 20px 0;
    text-align: left;
}
.ofd .item .button{
    margin: 13px 0 30px;
    color: #3246FD;
    border: 2px solid #3246FD;
}
.ofd .item .button:hover{
    background-color: #3246FD;
    color: #fff;
}
.ofd .ofd_podpis .item_over{
    margin-bottom: 30px;
}
.ofd .ofd_podpis .item_over:last-child{
    margin-bottom: 0px;
}
.ofd .ofd_podpis .item{
    width: auto;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
}
.ofd .ofd_podpis .item .name{
    white-space: nowrap;
}
.ofd .ofd_podpis .text_podpis{
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    color: #383838;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
}
.ofd .ofd_podpis .text_podpis .warning{
    padding: 20px;
    margin-top: 10px;
    color: #cc8e53;
    border-radius: 3px;
    border: 1px solid #faebcc;
    background-color: #fdf8e4;
}

.ofd_form{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    background-color: #3246FD;
    margin-top: 55px;
    color: #fff;
    padding: 55px;
    padding-left: 110px;
}
.ofd_form .col{
    display: table-cell;
    vertical-align: top;
}
.ofd_form .col:nth-child(1){
    width: 277px;
    height: 277px;
    background: #fff;
    border-radius: 50%;
    background-position: center center;
    background-image: url('/local/templates/port_2021/components/bitrix/news.list/fn_2024/images/ofd.jpg');
    background-repeat: no-repeat;
}
.ofd_form .col:nth-child(2){
    padding-left: 110px;
    position: relative;
}
.ofd_form .__title{
    margin: 0 0 20px;
    color: #fff;
}
.ofd_form .form_col{
    display: table-cell;
}
.ofd_form .form_col:nth-child(2){
    width: 1000px;
    padding-left: 30px;
}

.input_field_wrap{
    position: relative;
}
.input_field_wrap .form-control{
    margin: 7px 0 0 0;
    padding: 8px 10px;
    box-sizing: border-box;
    width: 100%;

    letter-spacing: 0.16px;
    font-size: 15px;
    color: #383838;
    border: 1px solid #b1cee0;
    border-radius: 5px;
}
.input_field_wrap .input_success_message, .input_field_wrap .input_error_message {
    position: absolute;
    top: calc(100% + 20px);
    width: 96%;
    line-height: 20px;
    left: 0;
    right: 0;
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 2%;
    margin: auto;
    margin-top: 5px;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.input_success_message:before, .input_error_message:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.input_field_wrap.error .input_error_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap.success .input_success_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap.error .form-control{
    border: 1px solid #f75a53;
}
.input_field_wrap .input_error_message {
    background: #f75a53;
    color: #fff;
}
.input_error_message:before {
    border-bottom-color: #f75a53;
}

.ofd_form .form_col:nth-child(1) .input_field_wrap:nth-child(1){
    margin-bottom: 28px;
}
.ofd_form .form_col .input_field_wrap .form-control{
    width: 290px;
}
.ofd_form .form_col .input_field_wrap textarea.form-control{
    width: 100%;
    height: 127px;
    resize: none;
}
.ofd_form .col:nth-child(2) .button{
    position: absolute;
    bottom: 0;
    right: 0;
}
.ofd_form .col:nth-child(2) .button:hover{
    background-color: #fff;
    border-color: #fff;
    color: #3246FD;
}
.ofd_form .col:nth-child(2) .button svg{
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    margin-top: -2px;
    margin-bottom: -8px;
    filter: brightness(1) invert(0);
}
.ofd_form .col:nth-child(2) .button:hover svg{
    filter: hue-rotate(200deg);
    filter: brightness(0.7) invert(0);
}

.ofd .why_buy .item{
    width: calc(33.3% - 12px);
    display: inline-block;
    vertical-align: top;
    background: none;
    box-shadow: none;
    border: none;
    text-align: left;
}
.why_buy .item:nth-child(3n+2){
    margin-left: 13px;
    margin-right: 13px;
}
.why_buy .item .img{
    display: inline-block;
    vertical-align: middle;
    width: 94px;
    height: 94px;
    border: 1px solid #b1cee0;
    border-radius: 50%;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
}
.why_buy .item:nth-child(1) .img{
    background-image: url('/local/templates/port_2021/components/bitrix/news.list/fn_2024/images/why_buy_1.jpg');
}
.why_buy .item:nth-child(2) .img{
    background-image: url('/local/templates/port_2021/components/bitrix/news.list/fn_2024/images/why_buy_2.jpg');
}
.why_buy .item:nth-child(3) .img{
    background-image: url('/local/templates/port_2021/components/bitrix/news.list/fn_2024/images/why_buy_3.jpg');
}
.why_buy .item .text{
    display: inline-block;
    max-width: calc(100% - 96px);
    vertical-align: middle;
    padding-left: 30px;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    box-sizing: border-box;
}

.dop_infa {
    color: #363636;
}
.dop_infa .__title{
    font-size: 23px;
    margin: 0;
    color: #363636;
}
.dop_infa .list p{
    margin: 0;
    position: relative;
    padding-left: 15px;
    line-height: 30px;
}
.dop_infa .list p:before{
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 6px;
    height: 6px;
    background: #95989a;
    border-radius: 50%;
}


.comments__title{
    margin: 35px 0 23px;
}
.request-call-form__container .request-call-form__content .success{
    padding: 20px 0 0;
    text-align: center;
}




@media (max-width: 1600px){
    .top_banner .wrapper{
        padding: 68px 11%;
    }
    .top_banner .wrapper .text{
        font-size: 30px;
        line-height: 30px;
    }
    .top_banner .wrapper .text div{
        font-size: 16px;
        line-height: 25px;
    }
}
@media (max-width: 1600px){
    .ofd_form{
        padding: 55px;
    }
    .ofd_form .col:nth-child(2){
        padding-left: 40px;
    }
}
@media (max-width: 1400px){
    .ofd_form .col{
        display: block;
    }
    .ofd_form .col:nth-child(1){
        display: none;
    }
    .ofd_form .col:nth-child(2){
        padding: 0;
        padding-bottom: 60px;
    }
}

@media (max-width: 1300px){
    .ofd .why_buy{
        text-align: center;
    }
    .ofd .why_buy .item{
        width: calc(50% - 12px);
        margin: 0 0 30px;
    }
    .ofd .why_buy .item:nth-child(3n+2){
        margin: 0 0 30px;
    }
    .ofd .why_buy .item:nth-child(2n){
        margin-left: 24px
    }
    .ofd .why_buy .item:last-child{
        margin-bottom: 0;
    }
}
@media (max-width: 1200px){
    .ofd .item{
        width: calc(50% - 16px);
    }
    .ofd .item:nth-last-child(-n+3), .ofd .item:nth-child(3n+2){
        margin: auto
    }
    .ofd .item:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    .ofd .item:nth-child(2n){
        margin-left: 28px
    }
}
@media (max-width: 1196px){
    .hero__bg{
        background: none!important;
    }
}
@media (max-width: 1050px){
    .ofd_form .form_col{
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 3px);
        box-sizing: border-box;
    }
    .ofd_form .form_col:nth-child(2) {
        width: calc(50% - 2px);
        padding-left: 30px;
    }
    .ofd_form .form_col .input_field_wrap .form-control{
        width: 100%;
    }
}

@media (max-width: 1023px){
    .top_banner,.ofd_form{
        margin: 0 -18px;
    }
    .top_banner{
        margin-top: 20px;
    }
    .ofd_form{
        margin-top: 55px;
    }
    .top_banner .wrapper{
        padding: 60px;
    }
}
@media (max-width: 900px){
    .ofd .ofd_podpis .item{
        display: block;
        float: left;
        margin-right: 30px;
    }
    .ofd .ofd_podpis .text_podpis{
        display: contents;
        text-align: left;
        padding: 0;
    }
    .top_banner .wrapper{
        padding: 45px;
    }
}
@media (max-width: 767px){
    .top_banner,.ofd_form{
        margin: 0 -8px;
    }
    .top_banner{
        margin-top: 20px;
        text-align: center;
    }
    .top_banner img{
        height: 150%;
        width: 300%;
    }
    .ofd_form{
        margin-top: 35px;
    }
    .top_banner .wrapper{
        padding: 30px 13px;
    }
    .top_banner .wrapper .text{
        font-size: 30px;
    }
    .top_banner .wrapper .text div{
        font-size: 15px;
    }
}
@media (max-width: 700px){
    .ofd .why_buy{
        text-align: left;
    }
    .ofd .why_buy .item{
        width: 100%;
        max-width: none;
        display: block;
        text-align: left;
    }
    .ofd .why_buy .item,.ofd .why_buy .item:nth-child(3n+2),.ofd .why_buy .item:nth-child(2n){
        margin: 0 0 20px 0;
    }
    .ofd .why_buy .item:last-child{
        margin-bottom: 0;
    }
    .ofd_form{
        padding: 30px;
    }
}

@media (max-width: 660px){
    .ofd .ofd_podpis .item{
        display: block;
        margin-right: auto;
        float: none;
    }
    .ofd .ofd_podpis .text_podpis{
        display: block;
        margin: 10px 0 0;
        padding: 0;
    }
    .ofd .ofd_podpis .item .name{
        white-space: normal;
    }
}
@media (max-width: 630px){
    .ofd .items{
        text-align: center;
    }
    .ofd .item{
        width: 100%;
        max-width: 330px;
    }
    .ofd .item,.ofd .item,.ofd .item:nth-child(2n){
        margin: 0 auto 15px;
    }
    .ofd .item:last-child{
        margin-bottom: 0;
    }
    .ofd_form{
        margin-top: 55px;
    }
    .ofd_form .form_col{
        display: block;
        width: auto;
    }
    .ofd_form .form_col:nth-child(2){
        width: auto;
        padding: 20px 0 0;
    }
    .ofd_form .form_col:nth-child(1) .input_field_wrap{
        display: inline-block;
        width: calc(50% - 10px);
    }
    .ofd_form .form_col:nth-child(1) .input_field_wrap:nth-child(1){
        margin: 0 14px 0 0;
    }
    .ofd_form .col:nth-child(2) .button{
        left: 0;
    }
}
@media (max-width: 570px){
    .top_banner .wrapper .buttons{
        /*transform: scale(0.7);
        margin: 0 -50px;
        margin-top: 30px;*/
    }
}
@media (max-width: 530px){
    .top_banner .wrapper .buttons{
        /*transform: scale(0.7);
        margin: 0 -50px;
        margin-top: 30px;*/
    }
    .top_banner .wrapper .buttons .button{
        display: block;
        max-width: 250px;
        margin: 0 auto
    }
    .top_banner .wrapper .buttons .button:nth-child(1){
        margin: 0 auto 15px;
    }
}
@media (max-width: 470px){
    .ofd_form .form_col:nth-child(1) .input_field_wrap{
        display: block;
        width: auto;
    }
    .ofd_form .form_col:nth-child(1) .input_field_wrap:nth-child(1){
        margin: 0 0 14px;
    }
    .__title {
        font-size: 22px;
    }
}


.ofd_form .politic-block {
    display: block;
    position: relative;
    margin: 25px 0 0 0; }
.ofd_form #new-review-checkbox{
    display: none; }
.ofd_form .politic-label {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px; }
.ofd_form .politic-label a {
    text-decoration: underline;
    color: #fff; }
.ofd_form label .new-review__check-box {
    display: block;
    position: absolute;
    top: 2px;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: 1px solid #3246FD; }
.ofd_form label .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e; }
.ofd_form label .new-review__check-box:hover {
    cursor: pointer; }
.ofd_form label input:checked ~ .new-review__check-box > i {
    display: inline; }
.new-review__checkbox-block{
    margin-top: 10px;
}
.new-review__checkbox-label{
    padding-left: 23px;
}
.index_check_list{
    font-size: 14px;
    line-height: 130%;
}
.index_check_list a{
    color: #FFF;
    border-bottom: 1px solid #fff;
}
.form__top {
    position: relative;
    margin-bottom: 25px;
    display: flex;
    gap: 8px;
}

.form input {
    padding: 10px 71px 10px 15px;
    border-radius: 5px;
    border: none;
}

.form input::placeholder {
    color: #7C7C7C;
    font-size: 18px;
    line-height: 164%;
}

.form__btn {
    border: none;
    overflow: hidden;
}

.form__btn a {
    position: relative;
    background-color: #3246FD;
    transition: all 0.3s;
    padding: 16px 24px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    height: 100%;
    align-items: center;
}

.form__btn a:hover {
    background-color: #041DFC;
}

.form__btn a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    clip-path: polygon(0 15%, 84% 100%, 0 100%, 0 43%);
    transform: scale(0);
    transform-origin: bottom left;
    z-index: 20;
    animation: ripple 4s linear infinite;
}

@keyframes ripple {
    20% {
        opacity: 0;
        transform: scale(2.5);
    }
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.form__radio {
    font-size: 14px;
    line-height: 130%;
}

.form__radio a {
    color: #FFF;
    border-bottom: 1px solid #fff;
}

.share__form.form input{
    padding: 10px 71px 10px 15px;
}

input[name="POLITIC"]{
    opacity: 0;
}
.form__top input[name="email"]{
    width: 100%;
    max-width: 257px;
}
.share__form  input[name="POLITIC"]{
    width: 20px;
}


.reviews.bg_uslugi_delail_reviews {
    padding: 50px 0 50px;
    background: none;
}

.reviews__wrapp {
    display: flex;
    flex-direction: column;
    gap: 74px;
}

.reviews__title {
    color: #181818;
    font-size: 52px;
    font-weight: 700;
    line-height: 120.5%;
}

.reviews__box {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.reviews__box-left {
    flex: 0 1 730px;
}

.reviews__item {
    margin-bottom: 86px;
}

.reviews__item-hide {
    display: none;
}

.reviews__item-top {
    display: flex;
    gap: 20px;
}

.reviews__item__avatar {
    border-radius: 94px;
    background: #F5F8F9;
    padding: 17px 22px;
    color: #D4DFE6;
    font-size: 36px;
    font-weight: 500;
    line-height: 100%;
    align-self: flex-start;
}

.reviews__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.reviews__content-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews__content-name {
    color: #222;
    font-size: 24px;
    font-weight: 500;
    line-height: 142%;
}

.reviews__content-middle {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 156%;
}

.reviews__content-bottom {
    display: flex;
    justify-content: space-between;
    color: #787878;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.reviews__reactions {
    display: flex;
    gap: 15px;
}

.reviews__likes {
    display: flex;
    gap: 5px;
    align-items: center;
}

.reviews__dislikes {
    display: flex;
    gap: 5px;
    align-items: center;
}

.reviews__item-bottom {
    padding-left: 90px;
}

.reviews__item-bottom button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 500;
    line-height: 137%;
}

.reviews__button {
    border-radius: 5px;
    border: 2px solid #3246FD;
    background: transparent;
    padding: 18px 30px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.reviews__box-right {
    flex: 0 1 480px;
    /*max-width: 480px;*/
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    background: #FFF;
    padding: 40px 40px 35px;
    align-self: flex-start;
}

.reviews__card {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews__card-top {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #3B2F3B;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.reviews__card-bottom {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.reviews__card-line {
    display: flex;
    align-items: center;
}

.reviews__card-star {
    margin-right: 10px;
}

.reviews__card-num {
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 30px;
    min-width: 10px;
}

.card-line {
    flex: 1;
}

.card-line__item {
    border-radius: 36px;
}

.card-line__blue {
    background: #3246FD;
    height: 10px;
}

.line-33 {
    width: 33%;
    background: #3246FD;
    height: 10px;
}

.line-66 {
    width: 66%;
    background: #3246FD;
    height: 10px;
}

.line-0 .card-line__item {
    border-radius: 36px;
    background: #E5E5E5;
    width: 10px;
    height: 10px;
    margin-right: 20px;
}

.line-0 {
    flex: initial;
}

.percents {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.percents__num {

}

.percents__line {
    width: 2px;
    height: 10px;
    background-color: #E5E5E5;
}

.percents__sum {

}

.reviews__card-btn {
    border: none;
    align-self: center;
    padding: 20px 45px;
    background: #3246FD!important;
    border-radius: 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

/*----------------------------------MODAL-----------------------------------*/
.application__modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.application__modal-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 52px 55px 60px;
    color: #787878;
    border-radius: 10px;
    max-width: 750px;
    text-align: center;
}

.application__modal-title {
    font-weight: 700;
    line-height: 107.5%;
    font-size: 36px;
    color: #000;
    margin-bottom: 24px;
}

.application__modal-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 156.8%;
    margin-bottom: 30px;
}

.application__modal-btn {
    padding: 16px 23px;
    border-radius: 5px;
    background: #3246FD;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .application__modal-wrapper {
        width: 600px;
    }
}

@media (max-width: 768px) {
    .application__modal-wrapper {
        padding: 40px 20px 44px;
        width: calc(100% - 40px);
    }

    .application__modal-title {
        font-size: 28px;
        margin-bottom: 16px;
    }

    .application__modal-text {
        margin-bottom: 20px;
    }
}
.application__form-top .error{
    border: 1px solid red;
}
.application__form-label.error, .application__form-label.error a{
    color: red;
}


/*----------------------------------/MODAL-----------------------------------*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.fn-container {
    max-width: 1540px;
    margin: 0 auto;
    padding: 0 20px;
}

.fn-container-big {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 20px;
}

p {
    margin: 0;
}

.fn-btn {
    padding: 20px 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fn-btn-transparent {
    color: white;
    background-color: transparent;
    border: 2px solid #FFF;
    transition: all .3s;
}

.fn-btn-transparent:hover {
    background-color: #FFFFFF;
    color: #3246FD;
    transition: all .3s;
}

.fn-btn-white {
    background: #FFF;
    color: #3246FD;
    transition: all .3s;
    /*display: inline-block;*/
    text-align: center;
}

.fn-btn-white:hover {
    opacity: 0.8;
    transition: all .3s;
}

.fn-btn-white-border {
    color: #3246FD;
    border: 2px solid #3246FD;
    /*display: inline-block;*/
    text-align: center;
    transition: all .3s;
}

.fn-btn-white-border:hover {
    color: #FFF;
    background-color: #041DFC;
    transition: all .3s;
}

.fn-btn-blue {
    background: #3246FD;
    color: #FFF;
    transition: all 0.3s;
    /*display: inline-block;*/
    text-align: center;
}

.fn-btn-blue:hover {
    background-color: #041DFC;
    transition: all .3s;
}

@media (max-width: 1300px) {
    .fn-container {
        max-width: 1040px;
    }
}

@media (max-width: 991px) {
    .fn-btn {
        padding: 16px 28px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .fn-container-big {
        padding: 0;
    }

    .full-container {
        padding: 0;
    }
}

@media (max-width: 468px) {
    .fn-btn {
        padding: 16px 15px;
    }
}


/*----------------------------------HERO-----------------------------------*/

.hero {
    padding: 30px 0 40px;
}

.hero__wrapper {
    overflow: hidden;
    background: linear-gradient(90deg, #3246FD 0.25%, #52CEDD 100%);
    border-radius: 10px;
}

.hero__bg {
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 60px 70px 88px;
    color: #FFF;
}

.hero__subtitle {
    border-radius: 54px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    padding: 6px 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 30px;
    flex-grow: 0;
    flex-shrink: 1;
    max-width: fit-content;
}

.hero__title {
    color: #FFF;
    font-size: 64px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 28px;
    max-width: 550px;
}

.hero__title span {
    white-space: nowrap;
}

.hero__advantages {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
    max-width: 450px;
}

.hero__advantages-item {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}



.hero__advantages-item svg {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 5px;
}

.hero__btns {
    display: flex;
    gap: 10px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}



@keyframes diagonalReveal {
    0% {
        clip-path: polygon(-2px -11px, 13.2% -40px, 1.53% 4.92%, -4.08% 32.15%)
    }
    100% {
        clip-path:polygon(4px -48px, 258.94% 102px, 97.89% 101.43%, -0.58% 120.08%)
    }
}
.hero__title.animate_on_open{
    animation: none;
    opacity: 0;
}
.hero__title{
    opacity: 1;
    animation: diagonalReveal 0.759s linear forwards;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}


@media (max-width: 1550px) {

    .hero__bg {
        background-position-x: 120%;
    }

}

@media (max-width: 1450px) {

    .hero__bg {
        background-size: 780px 570px;
        background-position-x: 130%;
    }

    .hero__subtitle {
        margin-bottom: 24px;
    }

}

@media (max-width: 1300px) {
    .hero__bg {
        background-position-x: 160%;
    }
}

@media (max-width: 1250px) {
    .hero__bg {
        background-position-x: 170%;
    }
}

@media (max-width: 1199px) {
    .hero__bg {
        background-image: none;
    }

    .hero__bg {
        padding: 60px 40px;
    }

    .hero__title {
        max-width: 100%;
    }

    .hero__advantages {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .hero {
        padding: 20px 0;
    }

    .hero__bg {
        padding: 40px 40px 48px;
    }

    .hero__subtitle {
        font-size: 12px;
        margin-bottom: 17px;
    }

    .hero__title {
        font-size: 36px;
        margin-bottom: 17px;
    }

    .hero__advantages {
        gap: 10px;
        margin-bottom: 30px;
    }

    .hero__advantages-item {
        font-size: 16px;
        line-height: 130%;
    }

    .hero__advantages-item svg {
        width: 20px;
        height: 20px;
    }


}

@media (max-width: 768px) {
    .hero__wrapper {
        border-radius: 0;
    }

    .hero__bg {
        padding: 40px 20px;
    }

    .hero__btns {
        flex-direction: column;
        gap: 11px;
        width: 100%;
    }
}


/*----------------------------------/HERO-----------------------------------*/


/*----------------------------------duty-----------------------------------*/

.duty {
    padding: 40px 0 50px;
}

.duty__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.duty__subtitle {
    align-self: flex-start;
    border-radius: 54px;
    border: 1px solid #E0E0E0;
    padding: 6px 16px;
    color: #909090;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
}

.duty__content {
    display: flex;
    gap: 55px;
}

.duty__title {
    flex: 0 1 702px;
    position: relative;
    align-self: flex-start;
}

.duty__title h2 {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
}

.duty__title h2 span {
    color: #3246FD;
}

.duty__line {
    position: absolute;
    left: 112px;
    top: -10px;
}

.duty__arrow {
    position: absolute;
    right: 70px;
    bottom: -100px;
}

.duty__list {
    flex: 0 1 740px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.duty__list-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}


.duty__list-item h3 {
    color: #383838;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.duty__list-item p {
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}


@media (max-width: 1400px) {
    .duty__content {
        gap: 24px;
    }

    .duty__title {
        flex: 0 0 502px;
    }

    .duty__arrow {
        bottom: -140px;
    }
}

@media (max-width: 1199px) {
    .duty__content {
        gap: 20px;
    }

    .duty__title {
        flex: 0 0 466px;
    }
}

@media (max-width: 991px) {
    .duty__wrapper {
        gap: 30px;
    }

    .duty__subtitle {
        font-size: 12px;
    }

    .duty__content {
        flex-direction: column;
        gap: 20px;
    }

    .duty__title {
        flex: 1;
    }

    .duty__title h2 {
        font-size: 28px;
    }

    .duty__list {
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .duty__list-item {
        width: calc((100% - 20px) / 2);
    }

    .duty__line {
        width: 136px;
        height: 48px;
        left: 52px;
        top: -12px;
    }

    .duty__arrow {
        display: none;
    }

    .duty__list-item h3 {
        font-size: 20px;
    }

    .duty__list-item p {
        font-size: 14px;
    }

}


@media (max-width: 768px) {
    .duty {
        padding: 20px 0 30px;
    }

    .duty__wrapper {
        gap: 36px;
    }

    .duty__list {
        flex-direction: column;
    }

    .duty__list-item {
        width: 100%;
    }

}

@media (max-width: 468px) {
    .duty {
        padding: 20px 0 30px;
    }
}


/*----------------------------------/duty-----------------------------------*/

/*----------------------------------business-----------------------------------*/

.business {
    padding: 50px 0;
}

.business__wrapper {
    display: flex;
    flex-direction: column;
}

.business__title {
    color: #383838;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    max-width: 740px;
    margin-bottom: 30px;
}

.business__cards {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.business__card {
    border-radius: 10px;
    width: calc((100% - 20px) / 2);
    overflow: hidden;
}

.card__15-bg {
    padding: 40px;
    background-image: url("/upload/img/fn/business-15.png");
    background-repeat: no-repeat;
    background-position-x: 93%;
    background-position-y: 100%;
}

.card__36-bg {
    padding: 40px;
    background-image: url("/upload/img/fn/business-361.png");
    background-repeat: no-repeat;
    background-position-x: 127%;
    background-position-y: -50px;
}

.card__15 {
    background: linear-gradient(121deg, #FF7D61 31.22%, #F30000 183.1%);
}

.card__15 .business__btns .fn-btn-white {
    color: #FE6C54;
}

.card__15 .business__btns .fn-btn-transparent {
    color: #FFFFFF;
    transition: all .3s;
}

.card__15 .business__btns .fn-btn-transparent:hover {
    color: #FE6C54;
    transition: all .3s;
}

.card__36 {
    background: linear-gradient(98deg, #9B54B9 9.85%, #4354FD 90.3%);
}

.card__36 .business__btns .fn-btn-white {
    color: #8855C8;
}

.card__36 .business__btns .fn-btn-transparent {
    color: #FFFFFF;
    transition: all .3s;
}

.card__36 .business__btns .fn-btn-transparent:hover {
    color: #8855C8;
    transition: all .3s;
}

.card__item {
    display: flex;
    flex-direction: column;
    color: #FFF;
}

.card__item h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 60px;
}

.card__item span {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 24px;
}

.business__btns {
    display: flex;
    gap: 10px;
}

.table {
    display: flex;
    gap: 2px;
}

.table__col {
    display: flex;
    flex-direction: column;
}

.table__col-main {
    flex: 1;
}

.table__col-small {
    flex: 0 0 282px;
}

.table__col-header {
    background-color: #D4DFE6;
    height: 86px;
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    padding: 30px 40px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.table__col-header-right {
    padding: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table__title {
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.table__subtitle {
    color: #383838;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
}

.table__col-time {
    background-color: #F3F7F9;
    border-bottom: 2px solid #FFF;
    padding: 10px 20px;
    color: #383838;
    font-size: 18px;
    font-weight: 700;
    line-height: 156.8%;
}

.table-time__title {
    padding-left: 20px;
}

.table__col-month {
    display: flex;
    justify-content: space-between;
}

.table__col-month p {
    flex: 0 0 50%;
    text-align: center;
}

.table__col-days {
    background-color: #F3F7F9;
    padding: 20px 20px 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.table__day {
    display: flex;
    justify-content: space-between;
    gap: 6px;
}

.table__day span {
    flex: 0 0 50%;
    text-align: center;
}

.table__col-list {
    background-color: #F3F7F9;
    padding: 20px 40px 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.table__col-list-item {
    display: flex;
    align-items: center;
}

.table__col-hidden {
    display: none;
}


@media (max-width: 1350px) {
    .business__btns {
        flex-direction: column;
    }

    .business__btns .fn-btn {
        align-self: flex-start;
    }

    .card__15-bg {
        background-size: 295px 406px;
        background-position-x: 135%;
        background-position-y: -10px;
    }

    .card__36-bg {
        background-size: 601px 583px;
        background-position-x: 190px;
        background-position-y: -60px;
    }
}

@media (max-width: 1300px) {
    .card__15-bg {
        background-size: 295px 406px;
        background-position-x: 155%;
        background-position-y: -10px;
    }

    .card__36-bg {
        background-size: 501px 483px;
        background-position-x: 170px;
        background-position-y: 0;
    }

    .table__col-header-right {
        padding: 10px;
    }

    .table__col-main {
        flex: 0 1 334px;
    }

    .table__col-small {
        flex: 1;
        /*padding: 20px 20px 10px;*/
    }

    .table__col-list {
        gap: 24px;
    }

    .table__col-days {
        gap: 24px;
    }

    .table__col-list-item {
        height: 37px;
        align-items: center;
    }

    .table__day {
        height: 37px;
        align-items: center;
    }

    .table__day span {
        /*align-self: flex-start;*/
    }
}

@media (max-width: 1199px) {
    .table__col-main {
        flex: 0 0 286px;
    }
}

@media (max-width: 991px) {
    .business {
        padding: 40px 0;
    }

    .business__title {
        font-size: 28px;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .card__15-bg {
        padding: 20px;
        background-position-x: 300px;
        background-position-y: 0;
    }

    .card__36-bg {
        padding: 20px;
    }

    .card__item h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .card__item span {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .table {
        flex-direction: column;
        gap: 10px;
    }

    .table__col-main {
        display: none;
    }

    .table__col-hidden {
        display: block;
        width: calc((100% - 2px) / 2);
    }

    .table__col-show {
        width: calc((100% - 2px) / 2);
    }

    .table__col-bottom {
        display: flex;
        gap: 2px;
    }

    .table__col-list {
        padding: 20px;
        gap: 14px;
    }

    .table__col-time {
        font-size: 16px;
    }

    .table__title {
        font-size: 16px;
        display: inline;
    }

    .table__subtitle {
        display: inline;
    }

    .table__col-header {
        padding: 10px 0 10px;
        height: 50px;
    }

    .table__col-days {
        padding: 20px;
        gap: 14px;
    }
}

@media (max-width: 820px) {
    .business__btns .fn-btn {
        width: 100%;
    }
}


@media (max-width: 767px) {
    .business {
        padding: 30px 0;
    }

    .business__cards {
        flex-direction: column;
    }

    .business__card {
        width: 100%;
    }

    .card__15-bg {
        background-position-x: 120px;
        background-position-y: -10px;
    }

    .card__36-bg {
        background-position-x: 150%;
        background-position-y: -50px;
    }
}

@media (max-width: 468px) {
    .card__36-bg {
        background-position-x: -30px;
        background-position-y: 0;
    }

    .table {
        margin-right: -20px;
        margin-left: -20px;
    }

    .table__col-list-item {
        height: 64px;
    }

    .table__day {
        height: 64px;
    }

    .table__col-list {
        gap: 6px;
    }

    .table__col-days {
        gap: 6px;
    }
}

@media (max-width: 350px) {

    .table__col-list-item {
        height: 84px;
    }

    .table__day {
        height: 84px;
    }

    .table__col-list {
        gap: 10px;
    }

    .table__col-days {
        gap: 10px;
    }
}


/*----------------------------------/business-----------------------------------*/


/*----------------------------------other-services------------------------------------*/

.other-services {
    padding: 50px 0;
}

.other-services__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
    text-align: right;
}

.other-services__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}



.other-services__card {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: calc((100% - 20px) / 2);
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    padding: 24px 40px;
}

.other-services__card-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}
.other-services__card-content a{
    color: #383838;
}
.other-services__card-content a:hover{
    color: #3246FD;
}

.other-services__card .fn-btn-white {
    border: 2px solid #3246FD;
    align-self: flex-start;
    transition: all .3s;
    flex-shrink: 0;
}

.other-services__card .fn-btn-white:hover {
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.other-services__banner {
    position: relative;
    border-radius: 10px;
    background-color: #00B2BD;
    height: 318px;
    background-image: url('/upload/img/fn/other-services-o.png');
    background-repeat: no-repeat;
    background-position-x: 112%;
    background-position-y: 35%;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}



.other-services__banner-bg {
    border-radius: 10px;
    background-image: url('/upload/img/fn/other-services-bg.png');
    background-repeat: no-repeat;
    background-position-x: 87%;
    background-position-y: 35%;
    height: 100%;
    position: relative;
    padding: 40px;
}

.other-services__banner-disc {
    position: absolute;
    top: 40px;
    right: 40px;
    border-radius: 8px;
    background: #FFF493;
    padding: 8px 16px;
    color: #383838;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
}

.other-services__banner-content {
    display: flex;
    flex-direction: column;
    color: #FFF;
}

.other-services__banner-content h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 10px;
}
.other-services__banner-content h3 a {
    color:#fff;
}
.other-services__banner-content h3 a:hover {
    color: #3246FD;
}
.banner-content__list {
    font-weight: 400;
    line-height: 150%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.banner-content__price {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 16px;
}

.other-services__banner-content .fn-btn-white {
    align-self: flex-start;
    color: #00B2BD;
}

@media (max-width: 1400px) {
    .other-services__banner {
        height: 356px;
    }

    .other-services__banner-content h3 {
        max-width: 400px;
    }
}

@media (max-width: 1300px) {
    .other-services__banner {
        background-position-x: 200px;
        background-position-y: -260px;
    }

    .other-services__banner-bg {
        background-position-x: 130%;
        background-position-y: 35%;
    }
}


@media (max-width: 1199px) {
    .other-services__cards {
        flex-direction: column;
    }

    .other-services__card {
        width: 100%;
        padding: 20px 40px;
    }

    .other-services__banner {
        background-position-x: 170px;
    }

    .other-services__banner-bg {
        background-position-x: 140%;
        background-position-y: -65px;
    }
}

@media (max-width: 991px) {
    .other-services {
        padding: 30px 0;
    }

    .other-services__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .other-services__cards {
        flex-direction: row;
    }

    .other-services__card {
        width: calc((100% - 20px) / 2);
        padding: 20px;
        flex-direction: column;
        gap: 22px;
    }

    .other-services__card-content {
        font-size: 16px;
    }

    .other-services__card .fn-btn-white {
        width: 100%;
    }

    .other-services__banner {
        background-size: 674px 676px;
        height: 230px;
        background-position-x: 180px;
        background-position-y: -150px;
    }

    .other-services__banner-bg {
        background-size: 391px 310px;
        padding: 20px;
        background-position-x: 106%;
        background-position-y: -15px;
    }

    .other-services__banner-content h3 {
        font-size: 20px;
        max-width: 100%;
    }

    .banner-content__list {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .banner-content__price {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .other-services__banner-disc {
        top: 20px;
        right: 20px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .other-services__cards {
        flex-direction: column;
    }

    .other-services__card {
        width: 100%;
        gap: 10px;
    }

    .other-services__card-content {
        gap: 10px;
    }

    .other-services__banner {
        height: 330px;
    }

    .other-services__banner-bg {
        background-image: none;
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 40px 20px;
    }

    .other-services__banner-disc {
        position: relative;
        display: block;
        align-self: flex-start;
        top: initial;
        left: initial;
        margin-left: 20px;
    }
}

@media (max-width: 468px) {
    .other-services {
        padding: 30px 0;
    }

    .other-services__banner {
        margin-right: -20px;
        margin-left: -20px;
        border-radius: 0;
        background-position-x: 70px;
    }

    .other-services__banner-content h3 {
        max-width: 230px;
        margin-bottom: 5px;
    }

    .banner-content__list {
        gap: 5px;
    }

    .banner-content__price {
        margin-bottom: 10px;
    }

    .other-services__banner-content .fn-btn-white {
        width: 100%;
    }
}


/*----------------------------------/other-services------------------------------------*/

/*----------------------------------detail-----------------------------------*/


.detail {
    padding: 50px 0;
}

.detail__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
}

.detail__content {
    color: #383838;
}

.detail__content-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 20px;
}

.detail__content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 1070px;
}

.detail__requirements {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 20px;
    margin-bottom: 40px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail__application-subtitle {
    margin-bottom: 10px;
}

.detail__applications {
    margin-left: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail__application-text {
    margin-bottom: 10px;
}

.detail__application-text-bottom {
    margin-bottom: 20px;
}

.detail__time-text {
    margin-bottom: 40px;
}

.detail__prices-bold {
    font-weight: 500;
    margin-bottom: 20px;
}

.detail__prices-text {
    margin-bottom: 40px;
}

.detail__content .fn-btn-blue {
    display: inline-block;
}


@media (max-width: 991px) {
    .detail {
        padding: 30px 0;
    }

    .detail__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .detail__content-title {
        font-size: 20px;
    }

    .detail__content-text {
        font-size: 14px;
    }

    .detail__requirements {
        font-size: 14px;
        margin-bottom: 20px;
        padding-top: 0;
    }

    .detail__time-text {
        margin-bottom: 20px;
    }

    .detail__prices-text {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {

    .detail__prices-bold {
        margin-bottom: 10px;
    }

    .detail__content .fn-btn-blue {
        width: 100%;
        text-align: center;
    }
}

/*----------------------------------/detail-----------------------------------*/

/*----------------------------------singly-----------------------------------*/


.singly {
    padding: 50px 0;
}

.singly__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
}

.singly__content {
    color: #383838;
}

.singly__content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 1070px;
}

.singly__content-text-top {
    margin-bottom: 10px;
}

.singly__content-text-bottom {
    margin-bottom: 40px;
}

.singly__content-box {
    border-radius: 8px;
    border: 1px solid #D4DFE6;
    padding: 24px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
}

.singly__content-box-text {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 1000px;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.singly__content-box svg {
    flex-shrink: 0;
}

.singly__content-text-bold {
    font-weight: 500;
}


@media (max-width: 991px) {
    .singly {
        padding: 30px 0;
    }

    .singly__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .singly__content-box {
        padding: 24px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
    }

    .singly__content-box svg {
        display: none;
    }

    .singly__content-text {
        font-size: 14px;
    }

    .singly__content-text-bottom {
        margin-bottom: 20px;
    }

    .singly__content-box-text {
        gap: 20px;
        font-size: 16px;
    }

}


/*----------------------------------/singly-----------------------------------*/



/*------------------------------articles---------------------------------*/

.articles {
    padding: 42px 0 31px;
    position: relative;
}

.articles__top-box {
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}


.articles__title {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
}

.articles__title span {
    color: #3246FD;
}

.articles__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 20px;
}

.articles__top-text {
    color: #383838;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
}

.articles__top .fn-btn-white {
    border: 2px solid #3246FD;
    transition: all .3s;
}

.articles__top .fn-btn-white:hover {
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.articles__items {
    display: flex;
    gap: 20px;
}

.articles__item {
    width: calc((100% - 60px) / 4);
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.articles__item:hover {
    box-shadow: 0 24px 25px -15px rgba(0, 0, 0, 0.10);
}

.articles__item-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.item-content {
    padding: 16px 20px 20px;
}

.item-content__header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}
.item-content__header-avatar{
    overflow: hidden;
    border-radius: 35px;
}
.item-content__header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.item-content__header-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #8D8D8D;
    line-height: 135%;
    max-width: 160px;
}

.icons {
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #383838;
}

.icons__show {
    display: flex;
    align-items: center;
    gap: 4px;
}

.icons__comments {
    display: flex;
    align-items: center;
    gap: 4px;
}

.item-content__text {
    color: #383838;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
}

.item-content__date {
    color: #8D8D8D;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    font-family: 'Nunito', sans-serif;
}


@media (max-width: 1500px) {
    .item-content__header-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .articles__top .fn-btn-white {
        padding: 18px 30px;
    }
}

@media (max-width: 1199px) {
    .item-content {
        padding: 16px 14px 20px;
    }
}

@media (max-width: 991px) {
    .articles {
        padding: 30px 0 90px;
        position: relative;
    }

    .articles__items {
        flex-wrap: wrap;
    }

    .articles__item {
        width: calc((100% - 20px) / 2);
    }

    .articles__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .articles__top-text {
        font-size: 20px;
    }

    .articles__top .fn-btn-white {
        position: absolute;
        bottom: 20px;
        width: calc(100% - 40px);
        padding: 16px 30px;
    }
}

@media (max-width: 600px) {
    .articles__item {
        width: 100%;
    }

    .item-content {
        padding: 16px 20px 20px;
    }

    .item-content__header-name {
        max-width: 100%;
    }
}

/*------------------------------/articles---------------------------------*/

/*------------------------------/youtube---------------------------------*/

.youtube {
    padding: 31px 0 50px;
    position: relative;
}

.youtube__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.youtube__top .fn-btn-white {
    border: 2px solid #3246FD;
    transition: all .3s;
}

.youtube__top .fn-btn-white:hover {
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.youtube__title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #383838;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
}

.youtube__title p {
    display: inline;
}

.youtube__title svg {
    display: inline;
}

.youtube__videos {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.youtube__video {
    position: relative;
    overflow: hidden;
    padding-top: 27.87%;
    width: 100%;
    transition: all .3s;
}

.youtube__video:hover {
    -webkit-filter: brightness(77%)
}

.youtube__video iframe {
    position: absolute;
    border: none;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

@media (max-width: 1300px) {
    .youtube__top .fn-btn-white {
        padding: 18px 28px;
    }
}

@media (max-width: 991px) {
    .youtube {
        padding: 20px 0 80px;
    }

    .youtube__title {
        font-size: 20px;
    }

    .youtube__title svg {
        width: 35px;
        height: 24px;
    }

    .youtube__top .fn-btn-white {
        position: absolute;
        bottom: 10px;
        width: calc(100% - 40px);
        padding: 16px 30px;
    }
}

@media (max-width: 768px) {
    .youtube__videos {
        flex-direction: column;
    }

    .youtube__video {
        padding-top: 56.02%;
    }
}

@media (max-width: 368px) {
    .youtube__title {
        position: relative;
        max-width: 157px;
    }

    .youtube__title svg {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

/*------------------------------/youtube---------------------------------*/

/*------------------------------offers---------------------------------*/

.offers {
    padding: 50px 0;
}

.offers__title {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}



.offers__cards {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.offers__card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 40px;
    width: calc((100% - 60px) / 4);
    border-radius: 10px;
    border: 1px solid #D4DFE6;

}

.offers__card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: linear-gradient(121deg, #FF7D61 31.22%, #F30000 183.1%);
    border-radius: 8px;
}

.offers__card-title {
    color: #383838;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    word-wrap: break-word;
}

.offers__card-text {
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 1400px) {
    .offers__card {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .offers {
        padding: 30px 0;
    }

    .offers__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .offers__card {
        width: calc((100% - 20px) / 2);
    }

    .offers__card-img {
        width: 44px;
        height: 44px;
    }

    .offers__card-img svg {
        width: 25px;
        height: 25px;
    }

    .offers__card-title {
        font-size: 20px;
    }

    .offers__card-text {
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .offers__card {
        width: 100%;
    }
}


/*------------------------------/offers---------------------------------*/


/*----------------------------------application-----------------------------------*/

.application {
    padding: 50px 0;
    line-height: initial;
}

.application__wrapper {
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 10px;
    width: 100%;
    height: 608px;
    color: #383838;
    padding-right: 20px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}



.application__bg {
    background-image: url("/upload/img/fn/application-bg.png");
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    display: flex;
    height: 100%;
    border-radius: 10px;
}

.application__img-man {
    flex: 0 1 630px;
    height: 576px;
    align-self: flex-end;
    margin: 0 55px 0 66px;
    z-index: 2;
    background-image: url("/upload/img/fn/application-man.png");
    background-repeat: no-repeat;
    background-position-x: 30px;
    background-position-y: 0;
}

.application__content {
    flex: 0 1 630px;
    padding: 60px 0;
    width: 100%;
}

.application__content-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 12px;
    /*max-width: 630px;*/
}

.application__content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    /*max-width: 630px;*/
}

.application__content-text-top {
    margin-bottom: 16px;
}

.application__content-text-bottom {
    margin-bottom: 20px;
}

.application__form .fn-custom-checkbox {
    top: 4px;
    left: 0;
}

.application__form-top {
    margin-bottom: 8px;
    display: flex;
    gap: 8px;
}

.application__form-top input {
    flex: 0 1 314px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #D4DFE6;
    background: transparent;
}

.application__form-top input::placeholder {
    color: #909090;
    font-size: 16px;
    line-height: 150%;
}
.application__form-top input {
    color: #909090;
    font-size: 16px;
    line-height: 150%;
}

.application__form textarea {
    margin-bottom: 8px;
    padding: 20px 71px 20px 20px;
    border-radius: 5px;
    border: 1px solid #D4DFE6;
    background: transparent;
    width: 100%;
    height: 100px;
    resize: none;
}

.application__form textarea::placeholder {
    color: #909090;
    font-size: 16px;
    line-height: 150%;
}

.application__form textarea {
    color: #909090;
    font-size: 16px;
    line-height: 150%;
}
.application__form-label {
    display: block;
    position: relative;
    font-size: 14px;
    /*height: 18px;*/
    margin-bottom: 20px;
}

.application__form-label a {
    color: #3246FD;
    border-bottom: 1px solid #3246FD;
}

.application__form .fn-btn-blue {
    display: inline-block;
}


@media (max-width: 1400px) {
    .application__bg {
        background-position-x: -120px;
    }

    .application__img-man {
        flex: 0 0 516px;
        background-position-x: -40px;
        background-position-y: 0;
        flex-shrink: 0;
        background-size: 516px 499px;
        height: 499px;
        margin: 0 20px 0 66px;
    }

    .application__form {
        width: 100% !important;
        height: initial !important;
    }

}

@media (max-width: 1300px) {
    .application__bg {
        background-position-x: -180px;
    }

    .application__img-man {
        background-position-x: -10px;
        margin: 0;
    }

    .application__content {
        flex: 0 1 450px;
    }

    .application__form-top input {
        flex: 0 1 221px;
    }

    .application__form-label {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {

    .application__bg {
        background-position-x: -210px;
        background-position-y: 10px;
    }

    .application__img-man {
        flex: 0 0 440px;
        background-position-x: -60px;
        margin: 0 20px;
    }

    .application__content {
        flex: 0 1 426px;
    }

    .application__form-top input {
        flex: 0 1 209px;
        padding: 16px 15px;
    }

    .application__form textarea {
        padding: 16px 15px;
    }
}

@media (max-width: 991px) {
    .application {
        padding: 20px 0;
    }

    .application__wrapper {
        height: initial;
        padding: 20px;
    }

    .application__bg {
        background-image: none;
    }

    .application__img-man {
        display: none;
    }

    .application__content {
        flex: 1;
        padding: 0;
        width: 100%;
    }

    .application__form-top input {
        flex: 1;
    }

    .application__content-title {
        max-width: 100%;
        font-size: 24px;
        margin-bottom: 8px;
    }

    .application__content-text {
        max-width: 100%;
        font-size: 14px;
    }

    .application__form-label {
        font-size: 12px;
    }

    .application__form-top input::placeholder {
        font-size: 14px;
    }

    .application__form textarea::placeholder {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .application__wrapper {
        border-radius: 0;
    }

    .application__form-top {
        flex-direction: column;
        gap: 8px;
    }

    .application__form-top input {
        width: 100%;
    }
}

@media (max-width: 468px) {
    .application__form .fn-btn-blue {
        width: 100%;
        text-align: center;
    }
}


/*----------------------------------/application-----------------------------------*/


/*----------------------------------REVIEWS-----------------------------------*/


.reviews {
    padding: 50px 0 55px;
}

.reviews__wrapp {
    display: flex;
    flex-direction: column;
    gap: 30px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}


.reviews__title {
    color: #181818;
    font-size: 52px;
    font-weight: 700;
    line-height: 120.5%;
}

.reviews__box {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.reviews__box-left {
    flex: 0 1 730px;
}

.reviews__box-left .fn-btn-white-border {
    display: inline-block;
}

.reviews__item {
    margin-bottom: 40px;
}

.reviews__item-hide {
    display: none;
}

.reviews__item-top {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.reviews__item__avatar {
    border-radius: 94px;
    background: #F3F7F9;
    padding: 17px 22px;
    color: #D4DFE6;
    font-size: 36px;
    font-weight: 500;
    line-height: 100%;
    align-self: flex-start;
}

.reviews__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.reviews__content-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews__content-name {
    color: #222;
    font-size: 24px;
    font-weight: 500;
    line-height: 142%;
}

.reviews__content-stars {
    display: flex;
    gap: 3px;
    align-items: center;
}

.reviews__content-middle {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 156%;
}

.reviews__content-bottom {
    display: flex;
    justify-content: space-between;
    color: #787878;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    border-bottom: 1px solid #D4DFE6;
    padding-bottom: 20px;
}

.reviews__reactions {
    display: flex;
    gap: 15px;
}

.reviews__likes {
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.reviews__likes svg path {
    fill: #909090;
    transition: all .3s;
}

.reviews__likes:hover {
    color: #3246FD;
    transition: all .3s;
}

.reviews__likes:hover svg path {
    fill: #3246FD;
    transition: all .3s;
}

.reviews__dislikes {
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.reviews__dislikes svg path {
    fill: #909090;
    transition: all .3s;
}

.reviews__dislikes:hover {
    color: #3246FD;
    transition: all .3s;
}

.reviews__dislikes:hover svg path {
    fill: #3246FD;
    transition: all .3s;
}

.reviews__item-bottom {
    padding-left: 90px;
}

.reviews__item-bottom button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 500;
    line-height: 137%;
    transition: all .3s;
}

.reviews__item-bottom button svg path {
    stroke: #3246FD;
    transition: all .3s;
}

.reviews__item-bottom button:hover {
    color: #041DFC;
    transition: all .3s;
}

.reviews__item-bottom button:hover svg path {
    stroke: #041DFC;
    transition: all .3s;
}

.reviews__box-right {
    flex: 0 1 486px;
    align-self: flex-start;
}

.reviews__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    bottom: 5px;
}

.reviews__card-top {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #3B2F3B;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.reviews__card-bottom {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reviews__card-line {
    display: flex;
    align-items: center;
}

.reviews__card-star {
    margin-right: 10px;
}

.reviews__card-num {
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 30px;
    min-width: 10px;
}

.card-line {
    flex: 1;
}

.card-line__item {
    border-radius: 36px;
}

.card-line__blue {
    background: #3246FD;
    height: 10px;
}

.line-33 {
    width: 33%;
    background: #3246FD;
    height: 10px;
}

.line-66 {
    width: 66%;
    background: #3246FD;
    height: 10px;
}

.line-0 .card-line__item {
    border-radius: 36px;
    background: #E5E5E5;
    width: 10px;
    height: 10px;
    margin-right: 20px;
}

.line-0 {
    flex: initial;
}

.percents {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.percents__line {
    width: 2px;
    height: 10px;
    background-color: #E5E5E5;
}


@media (max-width: 1300px) {
    .reviews__box-left {
        flex: 0 1 657px;
    }

    .reviews__box-right {
        flex: 0 0 312px;
        padding: 20px;
    }

    .reviews__card-num {
        margin-right: 15px;
    }
}

@media (max-width: 1199px) {
    .reviews__item {
        margin-bottom: 30px;
    }
}


@media (max-width: 991px) {
    .reviews {
        padding: 30px 0;
    }

    .reviews__wrapp {
        gap: 20px;
    }

    .reviews__title {
        font-size: 28px;
    }

    .reviews__box {
        flex-direction: column;
        gap: 42px;
    }

    .reviews__box-left {
        flex: 1;
        order: 2;
    }

    .reviews__box-right {
        flex: 1;
        width: 100%;
    }

    .reviews__card-top {
        font-size: 18px;
    }

    .reviews__content {
        gap: 10px;
    }

    .reviews__content-name {
        font-size: 16px;
    }

    .reviews__item__avatar {
        padding: 11px 14px;
        font-size: 22px;
    }

    .reviews__item-top {
        gap: 10px;
        margin-bottom: 10px;
    }

    .reviews__content-middle {
        font-size: 14px;
    }

    .reviews__content-bottom {
        font-size: 12px;
    }

    .reviews__item-bottom button {
        font-size: 12px;
    }

    .reviews__item-bottom {
        padding-left: 54px;
    }

    .reviews__content-bottom {
        padding-bottom: 10px;
    }

    .reviews__box-left .fn-btn-white-border {
        width: 100%;
        padding: 16px 28px;
    }
}

@media (max-width: 768px) {

    .reviews__card {
        gap: 30px;
    }

    .reviews__content-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 8px;
    }

    .reviews__content-stars {
        width: 83px;
    }

    .reviews__reactions {
        display: none;
    }
}

@media (max-width: 468px) {
    .reviews__box {
        gap: 20px;
    }
}

/*----------------------------------/REVIEWS-----------------------------------*/


@media (max-width: 1300px) {
    .reviews__box-left {
        flex: 0 1 657px;
    }

    .reviews__box-right {
        flex: 0 1 312px;
    }

    .reviews__card-num {
        margin-right: 15px;
    }
}

@media (max-width: 1050px) {
    .reviews__wrapp {
        gap: 40px;
    }

    .reviews__box {
        flex-direction: column;
        gap: 42px;
    }

    .reviews__box-left {
        flex: 1;
        order: 2;
    }

    .reviews__box-right {
        flex: 1;
        width: 100%;
    }
}


@media (max-width: 991px) {
    .reviews {
        padding: 30px 0 40px;
    }
}

@media (max-width: 768px) {

    .reviews__wrapp {
        gap: 20px;
    }

    .reviews__title {
        font-size: 28px;
    }

    .reviews__box-right {
        padding: 32px 20px 36px;
    }

    .reviews__card {
        gap: 30px;
    }

    .reviews__card-top {
        font-size: 18px;
    }

    .reviews__card-btn {
        width: 100%;
    }

    .reviews__content {
        gap: 12px;
    }

    .reviews__content-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 8px;
    }

    .reviews__content-name {
        font-size: 18px;
    }

    .reviews__content-stars {
        /* width: 83px;*/
    }
    .reviews__content-stars svg{
        width: 14px;
        height: 14px;
    }

    .reviews__item {
        margin-bottom: 40px;
    }

    .reviews__item-top {
        gap: 10px;
        margin-bottom: 16px;
    }

    .reviews__item__avatar {
        padding: 11px 14px;
        font-size: 22px;
    }

    .reviews__content-middle {
        font-size: 14px;
    }

    .reviews__content-bottom {
        font-size: 12px;
    }

    .reviews__reactions {
        display: none;
    }

    .reviews__item-bottom {
        padding-left: 54px;
    }

    .reviews__item-bottom button {
        font-size: 12px;
    }
    .form__top{
        flex-direction: column;
        gap: 8px;
        margin-bottom: 8px;
    }
    .share__form input[name="email"]{
        width: 100%;
        max-width: 100%;
        height: 50px;
    }
    .share__form .form__btn a{
        width: 100%;
        display: block;
    }
    .fn-btn{
        font-size: 14px!important;
        padding: 16px 18px!important;
    }
}

@media (max-width: 468px) {
   /* .reviews__item {
        padding-right: 40px;
    }

    .reviews__content-middle {
        margin-left: -54px;
    }

    .reviews__content-bottom {
        margin-left: -54px;
    }

    .reviews__item-bottom {
        padding-left: 0;
    }*/

    .reviews__button {
        width: 100%;
    }
}
.share__wrapper.animation_start15{
    transform: none!important;
    opacity: 1!important;
}
/* End */


/* Start:/local/templates/port_2021/components/bitrix/form.result.new/fn_form_cons_2024/style.css?17639699364974*/
/*----------------------------------HELP-----------------------------------*/

.help {
	padding: 20px 0 60px;
	line-height: initial;
}

.help__wrapper {
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, #3246FD 0.25%, #52CEDD 100%);
	border-radius: 10px;
	width: 100%;
	height: 448px;
	color: #FFF;
	padding-right: 20px;
	opacity: 1;
	transition-duration: 0.542s;
	animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}



.help__bg {
	background-image: url("/upload/img/fn/help-bg.png");
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	display: flex;
	height: 100%;
}

.help__name {
	position: absolute;
	left: 400px;
	bottom: 40px;
	border-radius: 5px;
	background: rgba(50, 70, 253, 0.20);
	backdrop-filter: blur(8px);
	display: flex;
	gap: 10px;
	padding: 15px 20px 12px;
	z-index: 3;
}

.help__name-text {
	display: flex;
	flex-direction: column;
}

.help__name-top {
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 152%;
}

.help__name-bottom {
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 152%;
}

.help__img-man {
	flex: 0 1 630px;
	height: 430px;
	align-self: flex-end;
	margin: 0 55px 0 66px;
	z-index: 2;
	background-image: url("/upload/img/fn/man.png");
	background-repeat: no-repeat;
	background-position-x: -10px;
	background-position-y: 0;
}

.help__content {
	padding: 60px 0;
}

.help__content-title {
	font-size: 42px;
	font-weight: 500;
	margin-bottom: 16px;
}

.help__content-text {
	font-size: 16px;
	font-weight: 400;
	line-height: 145%;
	max-width: 550px;
	margin-bottom: 10px;
}

.help__content-free {
	font-weight: 500;
}

.help__form {
	margin: 20px 0;
}

.help__form-top {
	margin: 20px 0 8px;
	display: flex;
	gap: 12px;
}

.help__form-top input {
	flex: 1;
	padding: 16px 71px 16px 15px;
	border-radius: 5px;
	border: 1px solid #FFF;
	background: transparent;
}

.help__form-top input::placeholder {
	color: #FFF;
	font-size: 18px;
	line-height: 164%;
}
.help__form-top input {
	color: #FFF;
	font-size: 18px;
	line-height: 164%;
}

.help__form-label {
	position: relative;
	font-size: 14px;
}

.help__form-label a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.fn-real-checkbox {
	opacity: 0;
	width: 18px;
	height: 18px;
}

.fn-custom-checkbox {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	background-color: #F0F2FF;
	border: 1px solid #F0F2FF;
	color: #F0F2FF;
	border-radius: 9px;
}

.fn-custom-checkbox::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .2s ease-in;
	width: 10px;
	height: 10px;
	background: #3246FD;
	border-radius: 50px;
	vertical-align: center;
	display: inline-block;
}

.fn-real-checkbox:checked + .fn-custom-checkbox::before {
	opacity: 1;
}

.help__socials {
	margin-top: 12px;
	display: flex;
	gap: 10px;
}

.help__socials-item {
	cursor: pointer;
	border-radius: 50px;
}

.help__socials div svg path {
	transition: all 0.3s;
}

.help__socials div:hover svg path {
	opacity: 0.8;
}


@media (max-width: 1400px) {
	.help__wrapper {
		height: 510px;
	}

	.help__img-man {
		margin: 0 20px 0 0;
	}

	.help__img-man {
		flex: 0 1 575px;
	}

	.help__name {
		left: 211px;
	}

	.help__content-title {
		max-width: 400px;
	}
}

@media (max-width: 1300px) {

	.help__img-man {
		margin-left: -20px;
	}

	.help__name {
		left: 191px;
	}

	.help__content {
		margin-left: -30px;
		z-index: 4;
	}

	.help__form {
		width: 100% !important;
		height: initial !important;
	}

	.help__form-label {
		font-size: 14px;
	}

	.help__form-top .fn-btn-white {
		flex-shrink: 0;
	}
}

@media (max-width: 1199px) {
	.help__name {
		left: 186px;
	}

	.help__form-top input {
		padding: 16px 15px;
	}
}

@media (max-width: 991px) {
	.help {
		padding: 30px 0;
	}

	.help__wrapper {
		height: initial;
	}

	.help__bg {
		padding: 20px;
		background-size: 383px 347px;
		background-position-x: -10px;
		background-position-y: 0;
	}

	.help__img-man {
		display: none;
	}

	.help__name {
		display: none;
	}

	.help__content {
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.help__content-title {
		max-width: 100%;
		font-size: 24px;
		margin-bottom: 8px;
	}

	.help__content-text {
		max-width: 100%;
		font-size: 14px;
		margin-bottom: 6px;
	}

	.help__content-free {
		font-size: 14px;
	}

	.help__form-label {
		font-size: 12px;
	}

	.help__form-top input::placeholder {
		font-size: 14px;
	}


}

@media (max-width: 768px) {
	.help__wrapper {
		border-radius: 0;
		padding-right: 0;
		background: linear-gradient(100deg, #3246FD 0.25%, #52CEDD 160%);
	}

	.help__bg {
		background-size: 363px 297px;
		background-position-x: -30px;
		background-position-y: -15px;
	}

	.help__form {
		margin: 20px 0;
	}

	.help__form-top {
		flex-direction: column;
		gap: 8px;
	}

	.help__form-top input {
		width: 100%;
	}
}


/*----------------------------------/HELP-----------------------------------*/

/* End */


/* Start:/local/templates/port_2021/components/bitrix/news.list/ofd_questions_2024/style.css?17169761916362*/
.question .button{
    display: inline-block;
    padding: 15px 13px;
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 23px;
    border: 2px solid #fff;
    background-color: transparent;
    min-width: 170px;
    text-align: center;


     letter-spacing: 0.21px;

    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    margin: 0 0 30px;
    color: #3246FD;
    border: 2px solid #3246FD;
}
.question .button:hover{
    background: #3246FD;
    color: #fff;
}
.question .item{
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    margin-bottom: 15px;

    -moz-transition: box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}
.question.show_small .item:nth-child(n+8){
    height: 0;
    border: 0;
    overflow: hidden;
    opacity: 0;
    margin-bottom: 0;
}
.question .show_more{
    display: none;
}
.question.show_small .show_more{
    display: initial;
}
.question .item:hover{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.question .item .top{
    position: relative;
    color: #383838;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    padding: 18px 20px;
    padding-right: 60px;
    cursor: pointer;
}
.question .item .top:after,.question .item .top:before{
    content: '';
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background-color: #95989a;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.question .item .top:after{
    transform: rotate(90deg);
}
.question .item.open .top:after{
    transform: rotate(180deg);
}
.question .item.open .top:before{
    transform: rotate(180deg);
}
.question .item .text{
    word-break: break-word;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    height: 0;
    color: #363636;
    line-height: 20px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.question .item.open .text{
    opacity: 1;
    -moz-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -o-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -webkit-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    transition: all 0.4s ease, opacity 0.4s ease 0.2s;
}
.question .item .text .text_h{
    padding: 0 20px 20px;
    margin-top: -2px;
}

@media (max-width: 768px){
    .question .item{
        text-align: left;
        margin: 0 -8px 0;
    }
    .question{
        text-align: center;
    }
}


/*------------------------------questions---------------------------------*/

.questions {
    padding: 50px 0;
}

.questions__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.questions__title {
    flex: 0 1 639px;
    position: relative;
    align-self: flex-start;
}

.questions__title h2 {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
}

.questions__title h2 span {
    color: #3246FD;
}

.questions__title svg {
    position: absolute;
    bottom: -110px;
    left: 250px;
}

.questions__box {
    flex: 0 1 730px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.fn-btn {
    padding: 20px 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.questions__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.questions__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}


.questions__item-title {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    gap: 20px;
}

.questions__item-title p {
    max-width: 650px;
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.toggle-btn {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #F9F9F9;
    cursor: pointer;
    transition: all .3s;
}

.toggle-btn:hover {
    background: #D4DFE6;
}

.questions__item-text {
    max-width: 650px;
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    display: none;
}

.questions-open {
    display: block;
}

.questions__box .fn-btn-white , .ofd-questions__box .fn-btn-white {
    border: 2px solid #3246FD;
    transition: all .3s;
    align-self: flex-start;
}

.questions__box .fn-btn-white:hover ,.ofd-questions__box .fn-btn-white:hover{
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.item-hidden {
    display: none;
}

@media (max-width: 1300px) {
    .questions__title svg {
        bottom: -150px;
        left: 200px;
    }

    .questions__item-title p {
        max-width: 410px;
    }

    .questions__item-text {
        max-width: 410px;
    }
}

@media (max-width: 991px) {
    .questions {
        padding: 30px 0;
    }

    .questions__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .questions__title {
        flex: 1;
    }

    .questions__title h2 {
        font-size: 28px;
    }

    .questions__title svg {
        display: none;
    }

    .questions__box {
        flex: 1;
        gap: 20px;
    }

    .questions__list {
        gap: 20px;
    }

    .questions__item-title {
        align-items: center;
    }

    .questions__item-title p {
        max-width: calc(100% - 64px);
        font-size: 16px;
    }

    .questions__item-text {
        max-width: calc(100% - 74px);
        font-size: 14px;
    }

    .toggle-btn {
        width: 44px;
        height: 44px;
    }

    .questions__box .fn-btn-white {
        width: 100%;
    }
}

@media (max-width: 468px) {
    .questions__item-text {
        max-width: 100%;
    }
}


/*------------------------------/questions---------------------------------*/
/* End */


/* Start:/local/components/custom/reviews_main_2018/templates/service_2024/style.css?171680469118723*/
.product-card__product-content .product-content__reviews .reviews__new-review .new-review__form{
    display: block !important;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.product-card__product-content .product-content__reviews .reviews__new-review.open_form .new-review__form{
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
    -moz-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -o-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -webkit-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    transition: all 0.4s ease, opacity 0.4s ease 0.2s;
}


a[href="javascript:void(0)"]{
    text-decoration: none;
}
.new-review__form input[type="text"]{
    display: block;
}

.new-review__form .star {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("/local/templates/port_2018/scss/../images/stars.png") no-repeat left center; }
.new-review__form .star--v {
    background-position: right center; }
.new-review__form .stars .star, .new-review__form label[for="rating"] .star {
    cursor: pointer;
}

.input_field_wrap{
    position: relative;
}
.input_field_wrap .input_success_message, .input_field_wrap .input_error_message {
    position: absolute;
    top: calc(100% + 20px);
    width: 96%;
    line-height: 20px;
    left: 0;
    right: 0;
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 2%;
    margin: auto;
    margin-top: 5px;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.input_success_message:before, .input_error_message:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.input_field_wrap.error .input_error_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap.success .input_success_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap .input_error_message {
    background: #f75a53;
    color: #fff;
}
.input_error_message:before {
    border-bottom-color: #f75a53;
}

.comments .comments__comment-list .comments__comment-commentary .comments__commentary-form{
    background:none!important;
}
.comments .comments__comment-list .comments__comment-commentary .comments__commentary-form .comments__commentary-form-container{
    width: 100%!important;
}

.bg_uslugi_delail_reviews .reviews_detail_uslugi{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__title{
    font-weight: 700;
    font-size: 64px;
    line-height: 120.5%;
    color: #000000;
}
.bg_uslugi_delail_reviews .comments_none{
    padding: 20px 0 10px 0;
    font-size: 18px;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike{
    position: relative;
    width: 80px;
    margin: 0 0 0 auto;
}
.bg_uslugi_delail_reviews .comments_title_star{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 142%;
    color: #222222;
    padding-right: 20px;

}
.bg_uslugi_delail_reviews .comments_time_like{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-text{
    margin: 15px 0 15px 41px;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: #000000;

}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment{
    border: none;
    background: none;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary{
    border: none;
    background: none;
}
.bg_uslugi_delail_reviews .comments_time{
    font-weight: 500;
    font-size: 14px;
    line-height: 137%;
    color: #787878;
    margin-left: 41px;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo{
    border: none;
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    margin:0 20px 0 0;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo span{
    font-weight: 500;
    font-size: 36px;
    line-height: 142%;
    transform: translate(-11px,-27px);
    color: #D4DFE6;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-rate .fas{
    font-size: 15px;
}
.comments .comments__comment-list .comments__comment-commentary .comments__commentary-control{
    padding: 0!important;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control .comments__commentary-btn{
    font-weight: 500;
    font-size: 14px;
    line-height: 137%;
    color: #3246FD;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control .comments__commentary-btn label{
    padding-left: 15px
}
.bg_uslugi_delail_reviews .review_count_leght{
    display: flex;
    margin-bottom: 10px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review{
    width: 330px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review div{
    background: #3246FD;
    border-radius: 36px;
    height: 10px;
}

.bg_uslugi_delail_reviews .reviews__new-review{
    height: 310px;
    background: #FFFFFF;
    border-radius: 10px;
    width: 480px;
    padding: 40px;
}
.reviews_detail_uslugi .nonerew{
    padding: 16px 0!important;
    margin: 4px 0 0 0!important;
    background: none;
    height: auto;
}
.bg_uslugi_delail_reviews .open_form{
    height: auto!important;
}
.bg_uslugi_delail_reviews .reviews_count{
    font-size: 20px;
    line-height: 25px;
    align-items: center;
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
    position: relative;
    padding-bottom: 40px;
}
.comment_input_detail_service{
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}
.comments__commentary-name{
    width: 50%;
}
.comments__commentary-name input{
    height: 50px;
}
.coment_detail_review_title{
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    color: #000000;
    padding-bottom: 32px;
}
.bg_uslugi_delail_reviews .reviews_count svg{
    transform: translate(0px,4px);
}
.bg_uslugi_delail_reviews .star_review{
    padding-right: 9px;
}
.bg_uslugi_delail_reviews .reviev_review{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    width: 41px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review div{
    margin-top: 7px;

}
.bg_uslugi_delail_reviews .percent_review{
    width: 60px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.bg_uslugi_delail_reviews .count_review{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.bg_uslugi_delail_reviews .zero .line_review{
    width: 10px!important;
}
.bg_uslugi_delail_reviews .zero .line_review div{
    width: 10px!important;
    background: #E5E5E5;
    border-radius: 36px;
}
.bg_uslugi_delail_reviews .zero .percent_review{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #B7B7B7;
}
.bg_uslugi_delail_reviews .zero .count_review{
    display: none
}
.bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
    background: #3246FD;
    border-radius: 5px;
    width:226px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 30px auto 0 auto;
    position: relative;
    display: block!important;
}

.bg_uslugi_delail_reviews .comments .comments__comment-list{
   margin: 0;
}


@media (max-width: 1200px) {
    .bg_uslugi_delail_reviews .reviews__new-review{
        width: 300px;
    }
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 148px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list {
        width: 94%;
    }
}

@media (max-width: 1000px) {
    .bg_uslugi_delail_reviews .reviews_detail_uslugi{
        flex-direction: column-reverse;
    }
    .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike .comments__comment-dislike span {
        float: right;
        padding-right: 11px;
    }
}
@media (max-width: 700px) {
    .reviews__item-content{
        width: calc(100% - 56px);
    }
    .reviews__item-content p{
        word-break: break-word;
    }
    .reviews__button{
        width: 100%;
        display: block;
        text-align: center;
        padding: 16px 0;
    }
    .container {
        width: calc(100% - 40px)!important;
    }
    .bg_uslugi_delail_reviews .reviews__new-review{
        width: 100%;
        padding: 0;
        height: auto;
    }
    .reviews_detail_uslugi .reviews__new-review_all{
        padding: 32px 20px 0 20px;
    }
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 102%;
    }
    .bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
        margin-bottom: 36px;
    }
    .comment_reviews_detail_uslugi{
        margin-top: 40px;
    }
    .bg_uslugi_delail_reviews .comments .comments__title{
        font-size: 36px;
    }
    .bg_uslugi_delail_reviews .reviews_count{
        font-size: 18px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo{
        width: 44px;
        height: 44px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo span{
        font-size: 22px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-title{
        font-size: 18px;
    }
    .bg_uslugi_delail_reviews .comments_title_star{
        display: block;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-rate .fas {
        font-size: 12px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-text{
        font-size: 14px;
        margin: 15px 0 15px -48px;
    }
    .bg_uslugi_delail_reviews .comments_time {
        margin-left: -48px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike{
        display: none;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary{
        padding-left: 0;
    }
    .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control{
        padding: 0!important;
    }

    .bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
        width: 86%;
        padding: 15px 0 12px 0!important;
        text-align: center;
    }
}
@media (max-width: 500px) {
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 47%;
    }
}


.bg_uslugi_delail_reviews .comment_service_btn{
    background: #3246FD;
    border-radius: 5px!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.coment_detail_review_title_up{
    display: flex;
}
.comments__commentary-cancel-btn_review{
    position: relative;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.comments__commentary-cancel-btn_review svg{
    transform: translate(0px,10px);
}
.politic-block a {
    color: #3246FD;
    text-decoration: none;
}
  .service_order_form label .new-review__check-box > i {
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
    left: 3.5px;
}
 .service_order_form label .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e;
}
label .new-review__check-box {
    color: #F0F2FF;
    background: #F0F2FF;
    border: 1px solid #F0F2FF;
    border-radius: 30px;
    width: 18px;
    height: 18px;
}
 label input:checked ~ .new-review__check-box > i {
    display: inline;
}
.politic-block label {
    font-weight: 400;
    font-size: 14px;
    line-height: 137%;
    color: #000000;
}
 .service_order_form{
    border: none!important;
    background: none!important;
    box-shadow: none!important;
     padding: 0!important;
}
 .service_order_form .politic-block{
    margin-top:12px  ;
}
.block_down_comment_service{
    display: flex;
}
 .politic-block{
    width: 55%;
}
 .comments__commentary-form-btns{
    margin-top: 12px;
}
 .service_order_form label .new-review__check-box {
    color: #F0F2FF;
    background: #F0F2FF;
    border: 1px solid #F0F2FF;
    border-radius: 30px;
    width: 18px;
    height: 18px;
}

 .service_order_form label .new-review__check-box > i {
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
    left: 3.5px;
}
 .input_field_wrap{
    font-weight: 400;
    font-size: 14px;
    line-height: 137%;
    color: #000000;
}
.bg_uslugi_delail_reviews .input_field_wrap a{
    text-decoration: none;
    color: #3246FD;
}
.comment_review_service_title{
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    text-align: center;
    color: #000000;}

.comment_review_service_text{
padding: 24px 0 30px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #787878;
}
.comment_review_service_btn{
    position: relative;
    margin: 0 auto;
    padding: 16px 0px;
    width: 115px;
    text-align: center;
    background: #3246FD;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}
.coment_close_service{
    display: none;
}
.reviews_detail_uslugi .service_order_form{
    background: #ffffff;
    border-radius: 5px;
}
.comment_back_service{
    background: #ffffff;
    border-radius: 5px;
    padding: 50px 0 60px 0;
}

.modal_window_detail_service .lightbox_window_footer{
    display: block;
}
.modal_window_detail_service .modal_window_detail_service_title{
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    color: #000000;
    padding: 50px 0 25px 0;
}
.modal_window_detail_service .modal_window_detail_service_text{
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #787878;
    padding-bottom: 30px;
}
.modal_window_detail_service .btn-default{
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 115px;
    padding: 16px 0;
    background: #3246FD;
    border-radius: 5px;
    position: relative;
    margin: 0 auto 60px auto;
}

.reviews__box-right form{
    display: none;
}

.open_form form{
    display:block;
}


.new-review__form input{
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px;
}

.new-review__form textarea{
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px;
}
.new-review__form{
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 18px;
}
.new-review__form .new-review__text {
    margin: 15px 0 0 0;
}
.new-review__form{
    margin-top: 30px;
}
.new-review__form .new-review__person-info {
    display: block;
    position: relative;
    margin: 15px 0 0 0;
}
.new-review__form  .new-review__col {
    display: inline-block;
    width: 50%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}
.new-review__form .new-review__col:first-of-type {
    padding: 0 10px 0 0;
}
.new-review__form .new-review__cancel-btn {
    display: inline-block;
    position: relative;
    left: 23px;
    padding: 15px 0;
    color: #1278b7;
    cursor: default;
    text-transform: uppercase;
    font-size: 14px;
}
.new-review__form .new-review__send-btn {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    float: right;
    padding: 15px 17px;
    border-radius: 30px;
    background-color: #1278b7;
    color: #ffffff;
    cursor: default;
}
.new-review__form .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px;
}



.new-review__checkbox-block label input:checked ~ .new-review__check-box > i {
    display: inline;
}
.new-review__check-box > i {
    display: none;
    top: 4px;
    left: 4px;
    position: absolute;
    font-size: 9px;
    height: 8px;
    width: 8px;
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px ;
}
.new-review__checkbox-label{
    padding-left: 25px;
    display: block;
    text-align: left;
    width: 80%;
}
.callback-form_footer .callback-form__checkbox-label{
    position: relative;
}
.new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #F0F2FF;
    border: 1px solid #F0F2FF;
    color: #F0F2FF;
    border-radius: 9px;

}
.new-review__checkbox-label input {
    display: none;
}
.new-review__checkbox-label input:checked ~ .new-review__check-box > i {
    display: inline;
}


/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?146556054551*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /local/templates/port_2021/components/bitrix/news.list/fn_2024/style.css?173752430070373 */
/* /local/templates/port_2021/components/bitrix/form.result.new/fn_form_cons_2024/style.css?17639699364974 */
/* /local/templates/port_2021/components/bitrix/news.list/ofd_questions_2024/style.css?17169761916362 */
/* /local/components/custom/reviews_main_2018/templates/service_2024/style.css?171680469118723 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?146556054551 */