/*
Здесь должны распологаться стили для контента
ДОЛЖНЫ применяться ТОЛЬКО к блокам контента!
*/

/*--------------------СЧЕТЧ�?К�?-----------------------*/

/*body {*/
    /*counter-reset: ol-counter;*/
/*}*/

/*------------------Т�?ПОГРАФ�?КА---------------------*/

h1, .h1 {
    font-size: 35px;
}

h2, .h2 {
    font-size: 24px;
    font-weight: 500;
    color: #4A5677;
}

h2 span, .h2 span, h1 span, .h1 span, h3 span, .h3 span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.54);
    margin-top: 4px;

}

h3, .h3 {
    font-size: 18px;
}

h4, .h4 {
    font-size: 16px;
    font-weight: 500;
    color: #4A5677;
}

h5, .h5 {
    font-size: 18px;
    line-height: 1.1;
    margin-top: 15px;
    margin-bottom: 25px;
}

h6, .h6 {
    font-size: 15px;
    line-height: 19px;
}

p {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.87);
}

a {
    font-weight: 300;
    color: #2D9CDB;
    text-decoration: underline;
}

b, strong {
    font-weight: bold;
}

p:not(:last-child) {
    margin-bottom: 10px;
}

.clickable-h {
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    color: #4A5677;
}
.form-step{
    margin-bottom: 27px;
    height: 70px;
}
/*--------------------СП�?СК�?----------------------*/

.footer_box ul {
    list-style: none!important;
}

.menu_item ul {
    list-style: none!important;
}

li p {
    margin-top: 15px;
}

.content-block ul {
    list-style-type: none;
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: 16px;
    line-height: 22px;
    margin-left: 29px;
}
.b-big_icons_holder ul li:before{
    font-family: 'FontAwesome';
    content: "\f0c8";
    font-weight: 100;
    font-size: 10px;
    position: relative;
    right: 28px;
    margin-right: -9px;
    margin-bottom: 0;
    color: #4A5677;
    display: inline-block;
    vertical-align: bottom;
    top: 25px;
}
.b-big_icons_holder-select {
    float: right;
}

.b-big_icons_holder-select .img {
    text-align: center;
}



.content-block ul li:before {
    font-family: 'FontAwesome';
    content: "\f0c8";
    font-weight: 100;
    font-size: 10px;
    position: relative;
    right: 28px;
    margin-right: -9px;
    margin-bottom: 0;
    color: #4A5677;
    display: inline-block;
    vertical-align: bottom;
}

.content-block ul li ul {
    margin-left: 26px;
}

.content-block ul li ul li:before {
    font-family: 'FontAwesome';
    content: "\f111";
    font-weight: 100;
    position: relative;
    font-size: 6px;
    margin-right: -9px;
    right: 25px;
    color: #4A5677;
    display: inline-block;
    vertical-align: bottom;
}

.content-block ul li ul li ul {
    margin-left: 16px;
}

.content-block ul li ul li ul li:before {
    font-family: 'FontAwesome';
    content: "\f068";
    font-weight: 100;
    font-size: 10px;
    position: relative;
    margin-right: 0;
    right: 15px;
    color: #4A5677;
    display: inline-block;
    vertical-align: bottom;
}

ol {
    font-size: 16px;
    counter-reset: li-counter;
    margin-top: 1%!important;
    margin-bottom: 1%!important;
}

ol {
    list-style: none;
    counter-reset: ol-counter;
}

ol ol{
    margin-left: 28px;
}

ol ol ol{
    margin-left: 45px;
}

ol ol ol ol{
    margin-left: 64px;
}

ol ol ol ol ol{
    margin-left: 81px;
}


ol > li:before {
    display: inline-block;
    font-family: monospace;
    counter-increment: ol-counter;
    content: counters(ol-counter,".") ". ";
    margin-right: 5px;
    color: #000000;
    font-weight: bold;
    font-size: 19px;
}

.tdn {
    text-decoration: none !important;
}

.content-block.new-styled-block{
    position: relative;
}
/*--------------------ТАБЛ�?ЦЫ---------------------*/
@media (min-width: 768px) and (max-width: 1200px){
    .inscription {
        top: 10px;
        font-size: 14px;
        max-width: 317px;
    }

    .content-block.new-styled-block table {
        font-size: 11px !important;
        margin-right: 40px !important;
    }

    .js-banner-show {
        width: 43%!important;
    }

}

@media (max-width: 767px) and (min-width: 529px){
    .content-block form div{
        top: -24px !important;
    }
}

pre code, table {
  background-color: transparent;
}
.inscription{
    position: absolute;
    left: 3%;
    top: 10px;
}
.content-block.new-styled-block table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 40%;
    font-size: 12px;
    margin-bottom: 15px;
    margin-right: 80px;
}

.content-block form div {
    position: absolute;
    top: 0;
    right: 7%;
}

caption {
    font-size: 24px;
    font-weight: 500;
    color: #4A5677;
    text-align: center;
    caption-side: top;
}

tr.Out {
    color: #BDBDBD;
}

tr.Red {
    color: #4a5677;
    font-weight: bold;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  border-bottom:1px solid #ddd;
}

.content-block th {
     padding: 5px 10px;
     background-color: #f9f9f9;
     border: 2px solid #fff;
 }

.content-block td {
    padding: 10px 10px 5px;
    background-color: #f9f9f9;
    border: 2px solid #fff;
}

.content-block th {
    font-size: 14px;
    font-weight: bold;
}

.content-block table tr:first-child {
    border-bottom: 3px solid #4A5677;
}

.content-blocktd {
    font-size: 14px;
    font-weight: 300;
}

.content-block table tr:first-child th {
    background-color: #fff;
    border: 0;
    text-align: center;
}

.coment_txt a{
  color:rgb(51, 122, 183);
}

.coment_txt a:focus,.coment_txt a:hover {
  color: #93BEE6;
}

.coment_txt_100{
  width: 100%;
}

.text-right{
  text-align:right;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align:center;
}
.ScheduleVGR span {
  vertical-align: bottom;
}

.hidden{
  display:none !important;
}
@media (min-width:768px) and (max-width:992px){
    .inscription {
        max-width: 317px;
        font-size: 14px;
    }
  .form_row, .form_row_3col, .form_row_col {
    width: 100% !important;
  }
  .form_row_3col .form_row {
  width: -webkit-calc(33.3% - 3px) !important;;
  width: calc(33.3% - 3px) !important;;
  }
  .form_row_2col .form_row:first-child {
  width: -webkit-calc(33% - 3px) !important;;
  width: calc(33% - 3px) !important;;
  margin-bottom: 0;
}
.form_row_2col .form_row:last-child {
  width: -webkit-calc(67% - 3px) !important;;
  width: calc(67% - 3px) !important;;
  margin-bottom: 0;
}
}
.form_row_2col .form_row:first-child {
  width: -webkit-calc(33% - 3px);
  width: calc(33% - 3px);
  margin-bottom: 0;
}
.form_row_2col .form_row:last-child {
  width: -webkit-calc(67% - 3px);
  width: calc(67% - 3px);
  margin-bottom: 0;
}
.form_row_2col {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}

.btn-sm{
  height:38px;
  padding:0 20px;
}
.btn-orange{
  background-color:#ff8500;
  color:#ffffff;
  cursor:pointer;
}
.btn-orange:hover{
backgorund-color:#f49935;
}
h5.text-center{
  width:100%;
}
.warning{
  background-color:#fdd0d6;
  color:#b10000;
  font-weight:600;
  padding:15px;
  margin-bottom:15px;
}
.public_container .warning p{
    margin-bottom:0;
}
.public_container .warning br{
  clear:both;
}
.margin-bottom{
    margin-bottom:15px;
}

.link-logging-text{
    text-decoration: none;
}

/*Акцентрированный блок*/

.accent-block  {
  box-sizing: border-box;
  width: 100%;
  box-shadow: 6px 8px 20px #9b9b9b;
  margin: 3% 0 3% !important;
  padding: 3% 5% 3% 10% !important;
  position: relative;
  background: #FFF
}

.accent-block-ribbon {
    width: 35px;
    height: 45px;
    background-color: #4A5677;
    position: absolute;
    top: -10px;
    left: 2.3%;
    font-size: 2em;
    padding-top: 1%;
    text-align: center;
    color: #ffffff;
}

.ribbon-bottom-left {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 0px solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 0px solid transparent;
    border-top: 25px solid #4A5677;
    position: absolute;
    bottom: -25px;
}

.ribbon-bottom-right {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 23px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-top: 25px solid #4A5677;
    position: absolute;
    bottom: -25px;
    right: 0;
}

.ribbon-top {
  display: block;
  width: 0;
  height: 0;
  border: 2px solid transparent;
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 9px solid #4A5677;
  border-top: 0px solid transparent;
  position: absolute;
  right: -15px;
  top: 0;
}

.red-accent-block {
    border-left: 10px solid #C25055;
}

.red-accent-block .accent-block-ribbon {
    background-color: #C25055;
}

.red-accent-block .ribbon-top {
    border-bottom: 9px solid #C25055;
}

.red-accent-block .ribbon-bottom-left,
.red-accent-block .ribbon-bottom-right {
    border-top: 25px solid #C25055;
}

@media (max-width: 768px) {
    .content-block td {
        padding: 10px 8px 5px;
        font-size: 10px;
    }
    .inscription {
        max-width: 317px;
        font-size: 14px;
    }

    .accent-block {
        padding: 3% 5% 3% 15%;
    }

    .form-control-icons {
        margin-top: 16px;
    }

    .iconpb-bit {
        margin-left: 3px; /* ������� ��� ����������� ���������� ������ �� ���������*/
    }
}

@media (max-width: 528px){
    .content-block form div{
        top: 40px;
        right: 43%;
    }
    .inscription {
        max-width: 300px;
        font-size: 14px;
        text-align: left;
        left: 5%;
        top: -17px;
    }
    .content-block.new-styled-block table{
        margin-right: 0px;
        width: 90%;
    }
    .Journals:not(:first-child) caption {
        margin: 117px 0 20px;
    }
}

@media (max-width: 399px) {
    .js-btn-menu{
        width: 35px;
        top: 30px;
    }
    .vgr-text-right-newstyle{
        position: absolute;
        top: -8px;
        right: 17px;
    }
    .content-block form div {
        right: 27%;
    }
    .vgr-date-choose{
        width: 250px;
    }
    .lk_link span{
        display: none;
    }
    .info_block-top img {
        min-width: 98px !important;
        min-height: 32px !important;
    }
    .header-top__title{
        font-size: 12px;
        line-height: 14px;
    }
}

@media (max-width: 357px){
    .footer_logo img {
        transform: translateX(20px);
    }
}
/*----------------------CONTACTS-------------------------*/

.contacts-tel-number {
    text-align: left!important;
    margin: 0;
    width: auto;
}

.contacts-title {
    margin: 5px 0px 15px -20px!important;
}

.contacts-row {
    margin: 15px -35px!important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.contacts-icon {
    -webkit-display: flex;
    -ms-display: flex;
    display: flex;
    justify-content: center;
    color: #4A5677;
    font-size: 28px;
    padding-top: 6px;
    width: auto;
}

.contacts-map {
    min-height: 300px;
}

.contacts-content {
    width: auto;
}

.map-frame-block {
    width: 100%;
    height: 100%;
    padding: 10px;
    box-shadow: 6px 8px 20px #9b9b9b;
}

@media (max-width: 991px) {
    .contacts-title {
        display: none;
    }
}

@media (max-width: 575px) {
    .contacts-row {
        margin: 15px 0!important;
    }
}

.vgr-check-icon {
    color: #4A5677;
    font-size: 24px;
    margin-right: 10px;
    float: left;
}

.message-step-text {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
/* стили для страницы "порядок действий" /order_filing_messages/ */
.submission-publications__title {
    font-size: 32px;
}

.submission-publications__title span {
    margin-top: 12px;
}

.big-num-text.submission-publications__subtitle {
    margin-top: 16px;
    margin-bottom: 22px;
    line-height: 32px;
    font-size: 20px;
}
.submission-publications__btn {
    margin-bottom: 24px;
}

.load-journal-img {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
align-items: center;
    min-height: 110px;
    padding: 10px;
}


.journal-block {
    margin-left: 20px;

}

.journal-text {
    margin-top: 0;

}

.journal-link {
    font-size: 16px;
}

.journal-load-selects {
    margin: 20px 0;
}

.journal_table {
    margin: 40px 0 20px!important;
}

.journal_table caption {
    margin-bottom: 15px;
}

.js-view-buh-doc-delivery-addr {
    display: block;
    width: 700px;
}

.tv_icon_main {
    margin-top: 4px;
}

.qa_quest_block {
    width: 300px;
    min-width: 300px;
    margin-right: 16px;
    border-right: 1px solid rgba(0, 0, 0, 0.4);
}

.publ_card_content {
    margin: 32px 0;
}

.publ_card_img {
    width: 85px;
    margin-right: 32px;
}

.publ_card_img_long {
    width: 170px;
    margin-right: 32px;
}

.publ_card_img_short {
    width: 60px;
    margin-right: 32px;
}
.qa_answer_block {
    margin-left: 10px;
    padding: 9px 0 0 0;
    position: relative;

}
.qa_answer_text {
    padding: 20px 20px 20px 57px;
    position: relative;
    font-weight: 300;
    will-change: transform;
    box-shadow: 2px 0px 6px rgba(0,0,0,0.1);
}

.qa_answer_text:before {
    content: '';
    display: block;
    position: absolute;
    background: url("images/icons/speaking.png") no-repeat;
    width: 24px;
    height: 24px;
    top: 19px;
    left: 17px;
}

.Content .qa_question_main .qa_answer_text p:last-child{
    margin-bottom:0;
}
.qa_question_main .active {
    margin: 25px 0;
    box-shadow: 5px 14px 12px rgba(0,0,0,0.06);
    transition-duration: .55s!important;
}
.referenceStyle {
    background: #ffffff;
    box-shadow: 5px 5px 12px rgba(0,0,0,0.15);
    padding: 18px 50px 4px 10px;
    position: relative;
}

.referenceStyle:after {
    content: '';
    display: block;
    position: absolute;
    background: url("images/icons/line_red.png") no-repeat;
    background-size: cover;
    height: 120%;
    top: 0;
    right: 0;
    width: 9px;
}

.qa_block {
    position: relative;
    left: 38px;
}

.qa_block:before {
    content: '';
    display: block;
    position: absolute;
    background: url("images/icons/line_blue.png") no-repeat;
    background-size: cover;
    height: 100%;
    left: 1px;
    width: 9px;
}

.question_qa {
    display: block;
    height: inherit;
}

.qa_link {
    width: fit-content;
    transition-duration: .55s!important;
    padding-left: 43px;
}

.qa_arrow_icon {
    font-size: 28px;
    font-weight: bold;
    color: #2D9CDB;
    margin: -4px 14px 0 -22px;
    transition-duration: .35s;
}

.rotate_arrow {
    color: #C25055;
    transform: rotate(90deg);
}
.qa_block__inner {
    position: relative;
    width: fit-content;
    margin-bottom: 13px;
    transition-duration: .55s!important;
    padding: 0 79px 0 0px;
    will-change: transform;
    margin-left: -4px;
}
.electronic-signature {
    padding-left: 80px;
    padding-top: 10px;
}


.text-generation-text {
    left: 0;
}
.area_uvedomlen p.preliminary-cost-indent {
    padding-left: 10px;
    margin-bottom: 0;
    margin-top: 16px;
}
.fa-rub-indent {
    padding-top: 3px;
}
.color_link {
    color: #2D9CDB;
}

.banner__wrap-vgr{
    padding: 10px;
}
.banner__wrap-vgr img{
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.20);
}



.banner__wrap_padding {
    padding-left: 0;
    padding-right: 0;
}
.maps_height {
    min-height: 290px;
}

@media (max-width: 1199px) {
    .banner__heading {
        width: 100%;
    }
    .banner__text {
        width: 200px;
    }
    .banner__text_schedule {
        width: 150px;
    }
}

@media (max-width: 767px) {
    .qa_block {
        left: 0;
    }
    .banner__wrap_padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .banner__img {
        max-width: 416px;
        width: 100%;
    }
    .banner__text, .banner__text_schedule {
        width: auto;
    }
}

@media (max-width: 991px) {
    .electronic-signature {
        padding-left: 15px;
    }
    .b-big_icons_holder-select {
        float: none;
    }

    .b-big_icons_holder-select .img {
        text-align: left;
    }
}

/* =========== Стили шагов заявок =========== */

.step-app {
    position: relative;
    padding-left: 45px;
    list-style: none;
}

.step-app::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    width: 10px;
    height: calc(100% - 55px);
    border-left: 1px solid #DADADA;
}

.step-accent-block{
    background: #FFFFFF;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
    padding: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.step__item {
    position: relative;
}

.step__item:not(:last-child) {
    padding-bottom: 20px;
}


.step__item::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -41px;
    width: 23px;
    height: 23px;
    border: 2px solid #4A5677;
    border-radius: 50%;
    background-color: #FFF;
}

.step__item.step__item--current::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 5px;
    z-index: 100;
    left: -36px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #4A5677;

}


.step__item.step__item--done::after,.step__item.step__item--actual::after  {
    content: '';
    text-align: center;
    background-image: url(images/icons/Union.svg);
    background-repeat: no-repeat;
    background-position: 60% 50%;
    vertical-align: middle;
    font-size: 14px;
    border: 1px solid #21A84F;
    width: 24px;
    height: 24px;
}



.step__item.step__item--progress::after {
    background-image: url(images/icons/in-progress.svg);
    background-repeat: no-repeat;
    background-position: 65% 55%;
    width: 24px;
    height: 24px;
    background-color: #4A5677;
}

.step__item.step__item--actual .step-block{
    opacity: 1;
}

.step__item.step__item--done .step-block {
    opacity: 0.5;
}

.step__item.step__item--error::after {
    background-image: url(images/icons/Close_circle.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #BA3A3F;
    background-color: #BA3A3F;
}

.btn-wrap {
    display: inline-block;
    padding: 0 15px;
}

.step__btn {
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    font-family: inherit;
    line-height: 19px;
    padding: 11px 35px;
    border: 1px solid #4A5677;
    background-color: #fff;
    text-align: center;
    color: #4A5677;
    margin-bottom: 15px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    margin-top: 40px;
}

.step__btn:hover {
    background: #F2F2FA;
    border: 1px solid transparent;
    transition: 0.2s ease-out;
}


.step-hidden {
    display: none;
}

.step__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #4A5677;
    margin-top: 7px;
}

.step__text {
    font-size: 16px;
    color: #1A2136;
    opacity: 0.8;
    margin: 5px 0;

}

.step__text--comment{
    color: #1A2136;
    opacity: 0.8;
}

.step__link {
    color: #2D9CDB;
    text-decoration: none;
}


.step-file__input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}


.step-file__wrap {
    display: flex;
    align-items: center;
}

.step-list__item{
    position: relative;
    padding-left: 28px;
}

.step-list__item::before{
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    border: 8px solid #4A5677;
    border-radius: 4px;
    left: 0;
    top: 4px;
}


.step-file__button {
    background: #FFFFFF;
    border: 0.5px solid #8E8E8E;
    box-shadow: 0 4px 10px rgba(74, 86, 119, 0.1);
    border-radius: 3px;
    padding: 7px 9px;
    cursor: pointer;
}

.step-file__button:hover {
    background: #F2F2FA;
    border: 0.5px solid #8E8E8E;
    transition: 0.3s ease-in-out;
}

.step-file__button--active {
    background: #FFFFFF;
    border: 1px solid #8CAAFF;
}


.step-file__text {
    font-size: 16px;
    line-height: 19px;
    color: #1A2136;
    opacity: 0.8;
    margin-left: 15px;

}

.step-edit__wrap {
    margin-right: -15px;
    margin-left: -15px;
}

.step-edit__wrap.content-block {
    border-bottom: 3px solid #4A5677;
}

/* =========== Цвета оплаты =========== */
.bill-success {
    color: green;
}

.bill-wait {
    color: #C25055;
}

/* =========== Кнопки =========== */


.step__btn:active {
    color: #4A5677;
    background: #FFFFFF;
    border: 1px solid #8CAAFF;
}

.step__btn--accent {
    background: #4A5677;
    color: #FFFFFF;
}

.step__btn--accent:hover {
    background: #1F346C;
    color: #fff;
}

.step__btn--accent:active {
    background: #566694;
    border: 1px solid #0E1229;
}

.step__btn--accent:disabled {
    background: #DADADA;
    border: 1px solid transparent;
    color: #fff;
    cursor: default;
    border-radius: 3px!important;
}

.step-files-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 780px;
    margin: 20px 0 24px 0;
}

.step-files__download {
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #1A2136;
    opacity: 0.8;
}
.step__link-icon{
    padding: 0 15px;
}

.step__text-accent{
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #4A5677;
}

.step__text--strong{
    font-weight: 700;
    font-size: 18px;
}
.step__text-reg{
    font-size: 14px;
    line-height: 17px;
    color: #1A2136;
    opacity: 0.7;
}

.js-step__delete {
    cursor: pointer;
}

.step-pay-img{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.step-pay-img img{
    margin: 15px 15px 15px 0;
}

/* =========== Переопределение стилей =========== */
.step-block >.accent-block {
    max-width: 780px;
    margin: 3% 0 3%;
    padding: 34px 27px 34px 75px;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0 0 20px rgba(10, 5, 35, 0.1);
    border-left: 0;
}


.ribbon-top {
    display: block;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 0 solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 9px solid #4A5677;
    border-top: 0 solid transparent;
    position: absolute;
    right: -15px;
    top: 0;
}

.ribbon-bottom-left {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 0 solid transparent;
    border-right: 23px solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 25px solid #4A5677;
    position: absolute;
    bottom: -25px;
}


.ribbon-bottom-right {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 23px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 0 solid transparent;
    border-top: 25px solid #4A5677;
    position: absolute;
    bottom: -25px;
    right: 0;
}

.accent-block-ribbon {
    width: 35px;
    height: 45px;
    position: absolute;
    top: -10px;
    left: 2.3%;
    font-size: 2em;
    padding-top: 1%;
    text-align: center;
    color: #ffffff;
}

.accent-block-ribbon--warning {
    background-color: #EAEBED;
}

.accent-block-ribbon--blue {
    background-color: #4A5677;
}


.accent-block-ribbon--red {
    background-color: #C25055;
}

.accent-block-ribbon--red .ribbon-bottom-left, .accent-block-ribbon--red .ribbon-bottom-right{
    border-top: 25px solid #C25055;

}



.accent-block-ribbon--red .ribbon-top {
    border-bottom:9px solid #C25055;
}

.step-block h4{
    margin-top: 0;
}

.form-control-icons {
    display: inline-flex;
    align-items: center;
    bottom: 25px;
}

.step-modal-header{
    border-bottom: 0;
}
.step-modal-body{
    padding-top: 0;
}
.step-modal-footer{
    border-top: 0;
    justify-content: center;
    padding: 0;
}

.step-modal__title{
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #4A5677;
    margin: 0;
}

.step-modal__subtitle{
    font-size: 16px;
    line-height: 19px;
    color: #1A2136;
}
.step-modal-content{
    padding: 25px;
}

.step-label{
    font-size: 16px;
    line-height: 19px;
    color: #1A2136;
    opacity: 0.8;
    display: block;
    margin-bottom: 13px;
}
.step-container{
    position: relative;
    border: 1px solid red;
}





.step-container{
    position: relative;
    border: 1px solid red;
}

.aside-phone-qa{
    position: fixed;
    top: calc(100% - 550px);
    right: 0;
    max-width: 250px;
    min-height: 80px;
    background: #FFFFFF;
    box-shadow: 0 0 20px rgb(10 5 35 / 10%);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;

}

.aside-phone-qa::before{
    position: absolute;
    content: "";
    background-image: url(images/icons/phone-qa.svg);
    background-repeat: no-repeat;
    background-position: 60% 50%;
    top: -3px;
    left: 16px;
    width: 29px;
    height: 41px;
}

.aside-phone__close{
    position: absolute;
    top: 0;
    border: none;
    background: none;
    width: 11px;
    height: 11px;
    right: 10px;

}

.aside-phone-qa--min{
    width: 40px;
    height: 51px;
    position: fixed;
    top: calc(100% - 550px);
    right: 0;
    display: none;
    cursor: pointer;
    background: #4A5677;
    box-shadow: 0px 0px 20px rgba(10, 5, 35, 0.1);
    z-index: 115;
    border-radius: 2px;
}

.aside-phone-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.aside-phone-qa--min:active{
    box-shadow: 0 0 0 1px #4a5677;

}

.aside-phone-qa__text{
    font-size: 18px;
    color: #000;
    opacity: 0.8;
    text-align: center;
}

.aside-phone-qa__text span{
    font-weight: 700;
    margin-top: 5px;
}



.chat-modal {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: #6784D6 url(images/icons/chat-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
    bottom: 10%;
    right: 10%;
    cursor: pointer;
    border: none;
}

.chat-modal-new_message {
    -webkit-animation: chat-modal-wave linear 1.3s infinite;
    animation: chat-modal-wave linear 1.33s infinite;
}

@-webkit-keyframes chat-modal-wave {
    0% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 0 rgba(249, 92, 24, 0.2), 0 0 0 0 rgba(103, 132, 214, 0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 15px rgba(103, 132, 214, 0.2), 0 0 0 0 rgba(103, 132, 214, 0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 30px rgba(103, 132, 214, 0), 0 0 0 26.7px rgba(103, 132, 214, 0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 30px rgba(103, 132, 214, 0), 0 0 0 40px rgba(103, 132, 214, 0.0)
    }
}

@keyframes chat-modal-wave {
    0% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 0 rgba(103, 132, 214, 0.2), 0 0 0 0 rgba(103, 132, 214, 0.2)
    }
    40% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 15px rgba(103, 132, 214, 0.2), 0 0 0 0 rgba(103, 132, 214, 0.2)
    }
    80% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 30px rgba(103, 132, 214, 0), 0 0 0 26.7px rgba(103, 132, 214, 0.067)
    }
    100% {
        box-shadow: 0 8px 10px rgba(103, 132, 214, 0.3), 0 0 0 30px rgba(103, 132, 214, 0), 0 0 0 40px rgba(249, 92, 24, 0.0)
    }
}

.chat{
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    max-width: 350px;
    position: fixed;
    right: 10%;
    bottom: 10%;
    background-color: #fff;
    display: none;
    z-index: 10;


}

.chat-header{

    background: #EFEFEF;
}

.chat-header-row{
    padding: 6px 12px 7px 12px;
    position: relative;
    display: flex;
    align-items: center;

}


.name-block-logo{
    width: 45px;
    height: 45px;
    background: #6784D6;
    color: #fff;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.name-value__short{
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 0;
}

.name-value__title{
    font-weight: normal;
    font-size: 14px;
    color: #1A2136;
    opacity: 0.8;
    margin-bottom: 0!important;
}

.name-value__subtitle{
    font-weight: 300;
    font-size: 14px;
    color: #1A2136;
    opacity: 0.4;
    margin: 0;

}
.name-block-value{
    margin-left: 15px;
}

.chat-close{
    position: absolute;
    right: 15px;
    top: 20px;
    border: none;
    background-color: transparent;
}

.chat-body{
    padding: 20px 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 340px;

}



.message-block{
    border-radius: 2px;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.message-block__manager{
    background: #F4F4F4;
    max-width: 270px;
    align-self: flex-start;
}
.message-block__client{
    background: #6784D6;
    max-width: 250px;
    align-self: flex-end;
}

.message-text{
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
    margin-bottom: 0;
    word-break: break-word;
}

.message-block__default{
    background: #fff;
    max-width: 270px;
    align-self: flex-start;
}

.message-block__default>p{
    opacity: 0.5;
}

.message-text__manager{
    color: #000;
}

.message-text__client{
    color: #fff;
}

.send-message-block{
    display: flex;
    justify-content: space-between;
    padding: 10px 12px 19px 12px;
}

.chat-input{
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px;
    width: 277px;

}

.chat-input::placeholder {
    color: #1A2136;
    opacity: 0.4;
}
.chat-btn{
    background: #6784D6;
    border-radius: 2px;
    padding: 9px 12px;
    border: none;
    vertical-align: middle;
    margin-left: 5px;

}

.chat-modal:active{
    box-shadow: 0 0 0 1px #87A3F4;

}

.slideInUp {
    animation-name: slideInUp;
    animation-duration: 0.3s;
    animation-fill-mode: both;
}

@keyframes slideInUp {
    0% {
        transform: translateY(5%);
        visibility: visible;
    }
    100% {
        transform: translateY(0);
    }
}


.chat-btn svg{
    vertical-align: middle;
}


.chat-modal:hover, .chat-btn:hover{
    background-color: #87A3F4;
}

.chat-modal.hidden{
    display: none;
}

.chat.active-chat{
    display: block;
}

/*главная шаги*/
@media (min-width: 1900px){
    .step-rabbit {
        background: url(/Landing/img/55379_vgr-bg-block-large.png) #dbdbdb no-repeat 66% center;
        min-height: 500px;
    }
}
@media (min-width: 1400px){
    .step-rabbit {
        background: url(/Landing/img/55379_vgr-bg-block-large.png) #dbdbdb no-repeat 87% center;
        min-height: 500px;
    }
}
@media (min-width: 1000px) and (max-width: 1400px){
    .step-rabbit {
        background: url(/Landing/img/55379_vgr-bg-block-large.png) #dbdbdb no-repeat 100% center;
        min-height: 500px;
    }
}

.step-rabbit__row--top{
    margin-top: 120px;
}

.text-left{
    text-align: left;
}

.step-rabbit__title{
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #121B36;
    margin-bottom: 25px;
    max-width: 500px;
}

.step-rabbit__title span{
    font-weight: 200;
    font-size: 18px;
    line-height: 1.2;
    color: #121B36;
}

.step-rabbit-bottom{
    margin-top: -45px;
}

.vgr-step-subtitle{
    display: flex;
    align-items: center
}

.vgr-mask-face{
    width: 25px;
    height: 29px;
    margin-right: 16px;
}
.vgr-new-btn{
    padding: 11px 41px;
    margin-right: 17px;
}

.step-rabbit-block{
    width: 264px;
    min-height: 159px;
    background: rgba(223, 229, 238, 0.9);
    border-radius: 2px;
    padding: 20px 15px 25px;
    text-decoration: none;
    display: none;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}


.step-rabbit-block:hover{
    box-shadow: 0 0 20px rgba(10, 5, 35, 0.1);
    background: rgba(223, 229, 238, 1);
    text-decoration: none;
    transition: .2s ease-in-out;

}



.step-rabbit__num{
    font-weight: 700;
    font-size: 36px;
    line-height:1.3;
    color: #4A5677;
}

.step-rabbit__text{
    margin-top: 20px;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #000000;
}

.step-rabbit__icon{
    position: absolute;
    top: 37px;
    right: 25px;
    opacity: 0;
    
}


.step-rabbit-block:hover .step-rabbit__icon{
    opacity: 1;
    transition: .2s ease-in-out;

}


.btn_light {
    border-radius: 3px;
    cursor: pointer;
    border: 1px solid #4A5677;
    /*background-color: #DBDBDB;*/
    text-align: center;
    color: #4A5677;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
}

.btn_light + .btn_light {
    margin-left: 15px;
}

.btn_light:hover {
    text-decoration: none;
    background: #F2F2FA;
    border: 1px solid transparent;
    transition: 0.2s ease-out;
}

.vgr-bottom-btn-group{
    display: flex;
}

/*   NEW STYLE order_filing_messages */
.custom-marker-ul{
    list-style: disc;
}
.custom-marker-ul-inside{
    list-style-position: inside;
}
.custom-marker-ul li{
    line-height: 27px;
}
.custom-marker-ol li{
    line-height: 27px;
}
.step-num strong{
    margin-right: 5px;
}
.flex-center{
    display: flex;
    justify-content: center;
}
.flex-center a{
    margin-top: 32px;
}

.big-num{
    display: inline-block;
    font-size: 36px;
    font-weight: bold;
    margin-right: 12px;
    color: #4A5677;
    font-family: Myanmar Text, sans-serif;
}
.big-num-text{
    font-weight: 500;
    font-size: 24px;
    color: #4A5677;
}
.my-flex{
    display: flex;
    align-items: baseline;
}
.mt-25{
    margin-top: 25px;
}
.left-side-border{
    border-left: 8px solid #4A5677;
}
.color-bc{
    color: black;
    font-weight: 400;
}
.decoration{
    font-family: SF UI Display, Sans-serif;
    padding: 81px 0px 20px 0px;
    display: flex;
    align-items: baseline;
}
.decoration_img img{
    margin-right: 46px;
}
.decoration_text{
    max-width: 757px;
    min-height: 222px;
}
.decoration_text-title, .collapse_text-title{
    position: relative;
    padding-bottom: 40px;
    font-weight: bold;
    line-height: 29px;
    font-size: 24px;
    color: #000000;
}
.decoration_text-subtitle{
    padding-bottom: 16px;
}
.decoration_text-footer{
    display: flex;
    align-items: center;
}
.decoration-link{
    font-family: Roboto, sans-serif;
    font-size: 14px;
    margin-right: 40px;
}
.link-long{
    text-decoration: none;
    padding: 11px 60px;
}
.new-blue-btn{
    border: 1px solid #4a5677;
    padding: 11px 60px;
    background: #4a5677;
    color: #fff;
    border-radius: 3px;
    text-align: center;
}
.new-blue-btn:hover {
    color: #4a5677;
    border-color: #4a5677;
    background-color: #fff;
}

.decoration-close{
    position: absolute;
    right: 0;
}
.steps-wrapper{
    display: flex;
    padding-left: 58px;
    padding-bottom: 14px;
}
.collapse-step{
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    padding-right: 69px;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}
.decoration-collapse{
    background-color: rgba(223, 229, 238, 0.4);
    padding: 40px 32px 32px 28px;
}
.collapse-step img{
    width: 24px;
    height: 24px;
}
.collapse-bottom-text{
    font-size: 14px;
}
.row.request-block {
    margin: 0;
}
/*   NEW STYLE  order_filing_messages */

/*  MEDIA  */
@media (min-width: 1200px) {
    .collapse-bottom-text span{
        margin-left: 58px;
    }
}
@media (max-width:1200px) and (min-width:992px) {
    .decoration_text {
        max-width: 600px;
    }
}
@media (max-width:992px) and (min-width:768px) {
    .decoration_text {
        max-width: 400px;
        min-height: 324px;
    }
}

@media(max-width: 768px){
    .decoration_img img{
        margin-bottom: 20px;
    }
    .steps-wrapper{
        flex-direction: column;
    }
    .collapse-bottom-text{
        display: flex;
        flex-direction: column;
    }
    .collapse_text-title, .collapse-bottom-text{
        padding-left: 58px;
        padding-bottom: 32px;
    }
    .decoration{
        flex-direction: column;
        align-items: center;
    }

}
@media(max-width: 550px){
    .decoration-close {
        right: -19px;
        top: -35px;
    }
}
@media(max-width: 473px){
    .decoration_text-footer{
        flex-direction: column;
        align-items: baseline;
    }
    .new-blue-btn{
        margin-top: 24px;
        margin-left: 27px;
    }
}
@media(max-width: 425px){
    .accent-block-ribbon{
        width: 25px !important;
        left: 1.3% !important;
    }
    .decoration{
        padding: 81px 0px 20px 0px;
    }
    .decoration_img img {
        margin-bottom: 20px;
    }
    .collapse_text-title, .collapse-bottom-text, .steps-wrapper {
        padding-left: 0px;
    }
    .collapse-step{
        padding-right: 0px;
    }
}
@media(max-width: 360px){
    .accent-block-ribbon{
        width: 25px !important;
        left: 0.3% !important;
    }
}
@media(max-width: 326px){
    .new-blue-btn {
        margin-left: 57px;
    }
}
/*  MEDIA  */
.agreement__wrap {
    padding-left: 15px;
}