/*support form*/

textarea {
    resize: none;
}

.formSupport {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px 15px;
    margin: 40px auto 0;
    background: #fff;
    text-align: center;
    clear: both;
}

.formSupport .instruction {
    border-bottom: 2px solid #F28121;
    margin-bottom: 20px;
}

.formSupport .block {
    display: inline-block;
    vertical-align: top;
    margin: 0 -4px 0 0;
    width: 25%;
    height: 60px;
    position: relative;
}

.formSupport .block .text {
    display: block;
    font: 14px/16px Elektra;
    color: #999999;
    text-transform: uppercase;
}

.formSupport .block .round {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #F28121;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -8px;
}

.formSupport .block.first .round {
    left: -3px;
    margin-left: 0;
}

.formSupport .block.last .round {
    left: auto;
    right: -2px;
}

.formSupport .block.first .text {
    text-align: left;
}

.formSupport .block.last .text {
    text-align: right;
}

.formSupport textarea,
.formSupport input {
    display: inline-block;
    font: 14px/18px Elektra;
    color: #999999;
    border: 1px solid #b3b3b3;
    background: #f3f3f3;
}

.formSupport input {
    width: 30%;
    height: 18px;
    padding: 6px 9px 4px;
}

.formSupport .center {
    margin: 0 10px;
}

.formSupport textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 8px;
    height: 200px;
    margin-top: 20px;
}

.formSupport .button.orange {
    margin-top: 10px;
}


/*OLEG*/

.okmessage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 25px;
    height: 17px;
}

.okmessage span {
    position: relative;
    z-index: 1;
    font-size: 12px;
    color: white;
    margin: 5px 0 0 3px;
}

.okmessage::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #F18024;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 2px;
    background-color: #F18024;
}

.okmessage:after {
    content: '';
    position: absolute;
    height: 6px;
    width: 4px;
    background: linear-gradient(-135deg, #F18024 49%, transparent 49%);
    bottom: -8px;
    right: 0
}

.okpopup {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

.okpopup__hidden {
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 10px 20px;
    min-width: 150px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: none;
}

.okpopup__trigger {
    color: #F18024;
    cursor: default;
    padding: 5px;
    margin-top: 4px;
}

.okpopup__trigger:hover+.okpopup__hidden {
    display: block;
}


/*OLEG*/


/*comments on normative acts*/

.count2 {
    display: none;
    position: relative;
    top: -6px;
    right: 0px;
    color: #ffffff;
    height: 15px;
    padding: 0 11px;
    margin-right: 0;
    text-decoration: none;
    border-radius: 3px;
    margin-left: 5px;
    font: 11px/15px Myriad Pro;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    transition: 0.1s;
    background: #F18024;
    cursor: pointer;
}

.count2:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 67%;
    border: 2px solid transparent;
    border-top: 3px solid #F18024;
    border-right: 2px solid #F18024;
}

.count2:hover:before {
    border-top: 3px solid #000000;
    border-right: 2px solid #000000;
}

.count2:hover {
    background: #000000;
}

.count2.hasComments {
    display: inline-block;
}

.art .relative:hover .count2 {
    display: inline-block;
}

.full-faq .relative:hover .count2 {
    display: inline-block;
}

.full-faq .question:hover .count2 {
    display: inline-block;
}

.text .relative:hover .count2 {
    display: inline-block;
}

.formComments {
    display: block;
    position: absolute;
    top: 290px;
    left: 50%;
    width: 760px;
    margin-left: -380px;
    background: #FAFAFA;
    z-index: 10;
    box-shadow: 5px 5px 0px 0px rgba(210, 210, 210, 1);
    display: none;
}

.formComments .head {
    position: relative;
    background: #505050;
}

.formComments .head p {
    margin: 0;
    font: bold 15px/47px Elektra;
    color: #ffffff;
    float: left;
    padding: 0 25px;
    width: 330px;
}

.formComments .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 14px;
    right: 18px;
    cursor: pointer;
}

.formComments .close span {
    background: #FC2424;
    width: 130%;
    height: 1px;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: 0;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.formComments .close span:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.formComments .close:hover span {
    background: #fff;
}

.formComments .left {
    float: left;
    width: 380px;
    height: 318px;
}

.formComments .left .firstComment {
    font: 16px/120% Elektra;
    padding: 25px 30px;
    color: #FF9135;
}

.formComments .right {
    float: left;
    padding: 15px 27px;
    width: 326px;
    height: 318px;
    background: #F2F2F2;
    position: relative;
    overflow: hidden;
}

.formComments .noRegistration {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .1);
    color: #FF9135;
    font: bold 18px/120% Elektra;
    text-align: center;
    padding-top: 110px;
    cursor: default;
    display: none;
}

.formComments.noLogin .noRegistration {
    display: block;
}

.formComments .comment {
    padding: 17px 25px 12px;
    color: #4c4c4c;
    cursor: pointer;
}

.formComments .comment:hover {
    background: #F18024;
    color: #fff;
}

.formComments .comment:hover h5 {
    border-color: #fff;
}

.formComments .comment h5 {
    margin: 0;
    border-bottom: 1px solid #BBBBBB;
    font: 13px/18px Elektra;
    padding-bottom: 1px;
    height: 18px;
}

.formComments .comment h5 span {
    float: right;
}

.formComments .comment h5 span:first-child {
    float: left;
}

.formComments .comment p {
    margin: 7px 0 0;
    font: 14px/22px Elektra;
    height: 40px;
    overflow: hidden;
}

.formComments .allComments {
    color: #bcbcbc;
    font: 12px/100% Elektra;
    float: right;
    text-transform: uppercase;
    margin: 25px 25px 0 0;
    cursor: pointer;
}

.formComments .allComments:hover {
    color: #F18024;
}

.formComments textarea {
    height: 210px;
    width: 306px;
    margin-top: 10px;
    padding: 9px 10px;
    font: 14px/15px Elektra;
    color: #999999;
}

.formComments .captcha input {
    font: 14px/14px Elektra;
    color: #999999;
    padding: 7px 10px 3px;
    width: 131px;
    float: right;
    margin: 9px -2px 0 0;
}

.formComments .captcha img {
    background: #fff;
    width: 153px;
    height: 31px;
    margin-top: 9px;
}

.formComments .publish {
    height: 31px;
    background: #F18024;
    margin-top: 20px;
    cursor: pointer;
    text-align: center;
    font: 12px/31px Elektra;
    color: #fff;
    text-transform: uppercase;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.formComments .publish:hover {
    opacity: 0.8;
}

#main_popup {
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
}


/*personalInfo*/

.personalInfo {
    display: none;
    position: fixed;
    top: 40%;
    left: 50%;
    padding-bottom: 30px;
    width: 700px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: white;
}

.personalInfo h3 {
    padding: 0 39px;
}

.personalInfo .head {
    background: white;
    position: relative;
    margin-bottom: 0;
    text-align: center;
    padding: 24px 0;
    padding-top: 9px;
}

.personalInfo .head h2 {
    font: bold 20px/100% ElektraLightPro !important;
    color: #333b50 !important;
    text-transform: uppercase;
}

.rates.tarif .personalInfo h3 {
    font: 13px/19px Myriad Pro;
    margin: 0 0 15px;
    padding: 0 40px;
}

.personalInfo .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 14px;
    right: 18px;
    cursor: pointer;
}

.personalInfo .close span {
    background: #F18024;
    width: 130%;
    height: 1px;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 6px;
    left: 0;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.personalInfo .close span:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.personalInfo .close:hover span {
    background: #fff;
}

.personalInfo input {
    display: block;
    font: 14px/14px Elektra;
    color: #999999;
    padding: 7px 2% 3px;
    margin: 15px -10%;
}

#order_send .personalInfo input {
    display: block;
    font: 14px/14px Elektra;
    color: #999999;
    padding: 7px 2% 3px;
    margin: 0 -10%;
}

.personalInfo textarea {
    display: block;
    width: 80%;
    font: 14px/14px Elektra;
    color: #999999;
    padding: 7px 2% 3px;
    margin: 15px 10%;
    height: 100px;
}

.personalInfo .send {
    height: 31px;
    background: #F18024;
    margin: 20px auto 0;
    cursor: pointer;
    text-align: center;
    font: 12px/31px Elektra;
    color: #fff;
    text-transform: uppercase;
    width: 160px;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.personalInfo .send:hover {
    opacity: 0.8;
}

.personalInfo .close {
    position: relative;
}

.personalInfo .close:before {
    content: '';
    display: block;
    background-image: url(/images/tarif_sprite.png);
    position: absolute;
    top: -17px;
    left: 680px;
    cursor: pointer;
    width: 23px;
    height: 23px;
    background-position: -291px -33px;
}

.personalInfo .head.title_tarif {
    position: relative;
    max-height: 60px;
    padding-top: 20px;
    text-align: center;
    background-color: #4a5674;
}

.personalInfo .head.title_tarif:before {
    display: none;
    content: '';
    background-image: url(/images/tarif_sprite.png);
    position: absolute;
    top: 100px;
    left: 44%;
    cursor: pointer;
    width: 85px;
    height: 72px;
    background-position: -36px -5px;
}

.personalInfo .head.title_tarif h2 {
    font: bold 20px/100% ElektraLightPro !important;
    color: #ffd24a !important;
    text-transform: uppercase;
}

.personalInfo .head.price_block {
    color: #6b6b6b;
    font-family: ElektraLightPro;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 100px;
}

.personalInfo .head.price_block .price {
    color: #eb7823;
    opacity: 1;
    font-family: ElektraLightPro;
    font-weight: 700;
    line-height: 39px;
    font-size: 37px;
    text-transform: none;
    margin-bottom: 29px;
}


/*tarif module*/

.rates.tarif .tabs {
    margin-left: 0;
}

.rates.tarif .toHead {}

.rates.tarif .tabs-menu li a {
    background: #fff;
    border: 1px solid #70AD47;
}

.rates.tarif .tabs-menu .ui-tabs-active a {
    border-bottom: 1px solid #fff;
}

.rates.tarif a.blue {
    color: #005A95;
    font-weight: bold;
}

.rates.tarif span.upper {
    text-transform: uppercase;
    font-weight: bold;
}

.rates.tarif span.orange {
    color: #F28121;
    font-weight: bold;
}

.rates.tarif .red {
    color: #FF3B3B;
}

.rates.tarif .indent {
    text-indent: 20px;
}

.rates.tarif .underline {
    text-decoration: underline;
    font-weight: bold;
}

.rates.tarif span.throught {
    text-decoration: line-through;
}

.rates.tarif h1 {
    font: bold 22px/100% Elektra;
    color: #000;
    text-transform: uppercase;
    padding: 0 30px;
    clear: both;
    margin: 15px 0;
}

.rates.tarif h2 {
    font: 15px/100% Elektra;
    color: #000;
    padding: 0 30px;
    clear: both;
    margin: 15px 0;
    text-align: justify;
}

.rates.tarif h2 span {
    color: #F28121;
    font-weight: bold;
}

.rates.tarif h3 {
    font: 17px/19px Myriad Pro;
    color: #000;
    padding: 0 30px;
    clear: both;
    margin: 15px 0 30px;
}

.rates.tarif h4 {
    font: 15px/100% Elektra;
    color: #000;
}

.rates.tarif h4.red {
    text-align: center;
    padding: 25px 0 15px;
    clear: both;
}

.rates.tarif h4.red a {
    color: #000;
}

.rates.tarif p {
    clear: both;
    padding: 10px 10px 0;
    font: 14px/110% Elektra;
    color: #000;
    text-align: justify;
}

.rates.tarif ul {
    padding: 0 0 0 40px;
    margin-top: 5px;
}

.rates.tarif ul li {
    font: 14px/115% Elektra;
    color: #000;
}

.rates.tarif table {
    border: 1px solid #70AD47;
}

.rates.tarif table .info {
    vertical-align: middle;
    text-align: left;
    padding: 15px;
}

.rates.tarif table .info span {
    color: #000;
    display: block;
}

.rates.tarif table .info .red {
    color: #FF3B3B;
    margin: 60px 0;
    display: block;
    text-decoration: underline;
}

.rates.tarif table .info .center {
    margin: 60px 0;
    display: block;
}

.rates.tarif .fragm2 th:nth-child(2) {
    min-width: 85px;
}

.rates.tarif .fragm2.second th:nth-child(2) {
    min-width: 120px;
}

.rates.tarif .fragm2.second th:nth-child(3) {
    min-width: 100px;
}

.rates.tarif .fragm2 th:nth-child(3) {
    padding: 0 10px;
    min-width: 120px;
}

.rates.tarif .fragm2 th:nth-child(4) {
    padding: 0 10px;
    min-width: 100px;
}

.rates.tarif .fragm2 th:nth-child(5) {
    padding: 0 10px;
    min-width: 80px;
}

.rates.tarif th:first-child,
.rates.tarif td:first-child {
    width: auto;
}

.rates.tarif th {
    background: #fff;
    border-right: 1px solid #70AD47;
}

.rates.tarif th:nth-child(1n+4) {
    color: #F28121;
}

.rates.tarif table.second th:nth-child(1n+4) {
    color: #6c6b6b;
}

.rates.tarif table.second td:last-child {
    color: #6c6b6b;
}

.rates.tarif tr td {
    background: #fff;
    border: 1px solid #70AD47;
}

.rates.tarif tr:nth-child(even) td {
    background: #DBEBD0;
}

.rates.tarif td:nth-child(1n+4) .plus:after,
.rates.tarif td:nth-child(1n+4) .minus,
.rates.tarif td:nth-child(1n+4) .plus {
    background: #F28121;
}

.rates.tarif .plus {
    background: #6C6B6B;
    top: -3px;
}

.rates.tarif .plus:after {
    background: #6C6B6B;
}

.rates.grey tr:nth-child(even) td {
    background: #D3D2D2;
}

.rates.grey table {
    border: 1px solid #D3D2D2;
}

.rates.grey .tabs-menu li a {
    border: 1px solid #D3D2D2;
}

.rates.grey tr td,
.rates.grey th {
    border: 1px solid #D3D2D2;
}


/*ЛК редактировать данные*/

.left-edit .popup {
    width: 400px;
    position: static;
    left: auto;
    margin: 0 0 0 70px;
}

.left-edit .popup .title {
    color: #515151;
    font: bold 14px/14px Elektra;
    margin-bottom: 25px;
    text-transform: uppercase;
    text-align: left;
}

.left-edit .popup input {
    background: #fff;
    border: 1px solid #a1a1a1;
    margin-bottom: 20px;
    padding: 8px 3% 4px;
    width: 94%;
    color: #a1a1a1;
}

.left-edit .popup input:hover {
    color: #a1a1a1;
}

.left-edit .popup .button {
    font-size: 14px;
    font-weight: bold;
    padding: 0 18px;
    float: right;
}

.right-edit p {
    color: #F28121;
    font: 15px/16px Elektra;
    padding-left: 50px;
    clear: both;
}

.right-edit .upper {
    text-transform: uppercase;
}

.right-edit .presentation,
.right-edit .about {
    font: bold 18px/100% Elektra;
    display: block;
    margin: 15px 0 15px 50px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}


/*calendar page close*/

.calendar-page .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 9px;
    right: 6px;
    cursor: pointer;
    display: none;
}

.calendar-page .close span {
    border-bottom: 1px solid #FC2424;
    width: 130%;
    height: 0;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: 0;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.calendar-page .close span:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.calendar-page .close:hover span {
    border-color: #000;
}


/*menu2*/

.menu2 {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 10;
    display: block;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    background: rgba(0, 0, 0, .8);
}

.menu2.active {
    height: 600px;
}

.menu2 .inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.menu2 .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 55px;
    right: 0;
    cursor: pointer;
    z-index: 1;
}

.menu2 .close i {
    background: #EF7F24;
    width: 26px;
    height: 2px;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: -3px;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.menu2 .close i:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.menu2 .close:hover i {
    background: #e5e5e5;
}

.menu2 h2 {
    color: #e5e5e5;
    font: 22px/100% Elektra;
    position: relative;
    text-align: center;
    padding: 57px 0 13px;
    margin-bottom: 35px;
}

.menu2 h2 .line {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 206px;
    height: 2px;
    margin-left: -103px;
    background: #F18024;
}

.menu2 .item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin: 0 -4px 34px 0;
    padding: 10px 0 24px 0;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}

.menu2 .item svg {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.menu2 .item:nth-child(7) svg {
    position: relative;
    top: -4px;
}

.menu2 .online svg {
    width: 46px;
}

.menu2 .translate svg {
    height: 50px;
    margin-top: -14px;
}

.menu2 .item .text {
    display: inline-block;
    vertical-align: middle;
    color: #d9d9d9;
    font: 14px/115% Elektra;
    text-transform: uppercase;
    width: 200px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.menu2 .item polyline,
.menu2 .item line,
.menu2 .item rect,
.menu2 .item path {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.menu2 .item .bubble {
    background: #B2B2B2;
    position: absolute;
    top: -12px;
    left: 48px;
    border-radius: 10px;
    color: #fff;
    font: bold 10px/20px Elektra;
    padding: 0 4px;
    min-width: 12px;
    text-align: center;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    display: none;
}

.menu2 .item:hover rect,
.menu2 .item:hover path {
    fill: #f28121;
}

.menu2 .item:nth-child(7):hover polyline,
.menu2 .item:nth-child(7):hover line,
.menu2 .item:nth-child(7):hover rect {
    fill: none;
    stroke: #f28121;
}

.menu2 .item:hover .text {
    color: #f28121;
}

.menu2 .item:hover .bubble {
    background: #f28121;
}

.openMenu2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    padding: 10px 0;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font: bold 14px/100% Elektra;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    background: #252525;
    z-index: 10;
    border-top: 3px solid #F18024;
}

.openMenu2 svg {
    width: 30px;
    height: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    vertical-align: middle;
}

.openMenu2 span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 3px 0 0 15px;
}

.openMenu2.active {
    top: 580px;
}

.openMenu2.active svg {
    transform: rotate(180deg);
}


/*@-webkit-keyframes pulse{50%{fill:#F18024;}}
@keyframes pulse{50%{fill:#F18024;}}
.openMenu2 path{-webkit-animation:2s pulse 1s infinite;animation:2s pulse 1s infinite;}*/


/*lawyer page*/

.lawyer {
    clear: both;
    background: url(../../images/bg/wrapper.jpg) 50% 70px repeat-y;
}

.lawyer .title {
    height: 70px;
    background: url(../../images/bg/club.jpg) 50% 0 no-repeat;
}

.lawyer .title .inner {
    width: 1200px;
    margin: 0 auto;
}

.lawyer .title h2 {
    display: inline-block;
    vertical-align: middle;
    width: 315px;
    margin: 22px 0 0;
    height: 30px;
    color: #fff;
    font: bold 14px/30px Elektra;
    text-transform: uppercase;
}

.lawyer .title h2:first-child {
    width: 848px;
    border-left: 2px solid #F18024;
    padding-left: 19px;
    margin: 19px -4px 0 15px;
}

.lawyer .title h2 span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 2px;
}

.lawyer .title svg {
    width: 36px;
    height: 30px;
    margin: -2px 12px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.lawyer .wrapper {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
    border: 1px solid #E4E4E4;
}

.lawyer .rightBar {
    width: 30%;
    box-sizing: border-box;
    padding: 20px 35px 50px;
    background: #F4F4F4;
}

.lawyer .rightBar h2 {
    color: #1b1b1b;
    font: bold 16px/100% Elektra;
    text-align: left;
    text-transform: uppercase;
    margin: 2px 0 12px;
}

.lawyer .form {
    color: #999;
    font: 13px/16px Elektra;
    text-align: center;
}

.lawyer .form p {
    margin-bottom: 15px;
    text-align: left;
}

.lawyer .form textarea,
.lawyer .form input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #999;
    font: 15px/28px Elektra;
    border: 1px solid #ccc;
    padding: 4px 12px 0;
    margin-bottom: 15px;
    height: 24px;
}

.lawyer .form textarea {
    height: 125px;
    line-height: 18px;
    padding: 7px 12px 3px;
}

.lawyer .capcha {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.lawyer .capcha img {
    cursor: pointer;
    margin-bottom: 4px;
}

.lawyer .capcha input {
    width: 100%;
    height: 32px;
    margin: 10px 0;
}

.lawyer .form .button {
    width: 100%;
    box-sizing: border-box;
}

.lawyer .form .button {
    font-size: 13px;
    padding: 0 20px;
    clear: both;
}

.lawyer .content {
    width: 600px;
    min-height: 540px;
    padding: 0 163px;
    position: relative;
}

.lawyer .mainPic {
    position: absolute;
    top: 75px;
    left: 372px;
    display: none;
}

.lawyer .item {
    display: none;
    color: #999;
    font: bold 10px/14px Elektra;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: absolute;
    top: 70px;
    left: 145px;
    cursor: pointer;
    padding-bottom: 15px;
}

.lawyer .item:nth-child(4) {
    top: 120px;
    left: 520px;
}

.lawyer .item:nth-child(5) {
    top: 180px;
    left: 105px;
}

.lawyer .item:nth-child(6) {
    top: 235px;
    left: 560px;
}

.lawyer .item:nth-child(7) {
    top: 290px;
    left: 125px;
}

.lawyer .item:nth-child(8) {
    top: 350px;
    left: 520px;
}

.lawyer .item:nth-child(9) {
    top: 400px;
    left: 155px;
}

.lawyer .item .line span {
    display: block;
    position: absolute;
    border-right: 1px solid #DADADA;
    height: 9px;
    left: 128px;
    bottom: 1px;
}

.lawyer .item .line span:nth-child(2) {
    width: 117px;
    height: 0;
    border-right: 0;
    border-bottom: 1px solid #DADADA;
}

.lawyer .item .line span:nth-child(3) {
    height: 22px;
    border-right: 1px solid #DADADA;
    bottom: -20px;
    left: 244px;
}

.lawyer .right .line span {
    left: auto;
    right: 126px;
    bottom: 1px;
}

.lawyer .item:nth-child(4) .line span:nth-child(2) {
    width: 70px;
}

.lawyer .item:nth-child(6) .line span {
    bottom: auto;
    top: -14px;
}

.lawyer .item:nth-child(6) .line span:nth-child(2) {
    width: 100px;
}

.lawyer .item:nth-child(8) .line span:nth-child(2),
.lawyer .item:nth-child(9) .line span:nth-child(2) {
    width: 80px;
}

.lawyer .item h3 {
    display: inline-block;
    vertical-align: bottom;
    width: 115px;
    text-align: right;
    margin-bottom: -4px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}

.lawyer .item:hover h3 {
    color: #f28121;
}

.lawyer .item svg {
    display: inline-block;
    vertical-align: bottom;
    border-left: 3px solid #F18024;
    padding-left: 10px;
    margin-left: 10px;
}

.lawyer .item .tooltipe {
    opacity: 0;
    position: absolute;
    top: 50px;
    left: -80px;
    width: 340px;
    padding: 10px 25px;
    border: 1px solid #DFDFDF;
    border-radius: 5px;
    background: rgba(60, 60, 60, .8);
    color: #fff;
    text-transform: none;
    font: 12px/14px Elektra;
    z-index: -1;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    text-align: justify;
}

.lawyer .item:nth-child(8) .tooltipe,
.lawyer .item:nth-child(9) .tooltipe {
    bottom: 65px;
    top: auto;
}

.lawyer .item:hover .tooltipe {
    opacity: 1;
    z-index: 1;
}

.lawyer .right h3 {
    text-align: left;
    margin-top: -2px;
}

.lawyer .right svg {
    float: left;
    border-right: 3px solid #F18024;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    border-left: 0;
}

.lawyer .windows {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 0, 0, .5);
    display: none;
}

.lawyer .answer {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #9d9d9d;
    font: 14px/100% Elektra;
    display: block;
    width: 320px;
    height: 60px;
    background: #FCFCFC;
    padding: 34px 44px 44px;
    text-align: center;
    margin: -69px 0 0 -204px;
    display: none;
}

.lawyer .answer .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 14px;
    right: 18px;
    cursor: pointer;
}

.lawyer .answer .close span {
    width: 130%;
    height: 0;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    border-bottom: 2px solid #F18127;
}

.lawyer .answer .close span:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.lawyer .answer .close:hover span {
    border-color: #9d9d9d;
}

.lawyer .answer h2 {
    text-transform: uppercase;
    margin: 6px 0 13px;
}

.lawyer .answer p {
    line-height: 18px;
}


/*news page*/

.news-block {
    margin: 0 -15px;
    overflow: hidden;
    position: relative;
}

.news-block.full {
    margin: 0;
}

.news-block .item {
    padding: 15px 35px 20px 35px;
    background: #fff;
    width: 280px;
    height: 250px;
    float: left;
}

.news-block .item:nth-child(odd) {
    background: #fff;
}

.news-block .item.hasImage {
    background: #F8F8F8;
    width: 600px;
    padding-left: 0;
}

.news-block .item.hasImage .container {
    width: 300px;
    height: 250px;
    float: left;
    margin: -15px 35px 0 0;
    overflow: hidden;
}

.news-block .item.hasImage .container img {
    display: none;
}

.news-block .item:hover img {
    opacity: 0.8;
}

.news-block .item .date {
    font: 11px/11px Elektra;
    color: #999;
}

.news-block .item .title {
    width: 230px;
    height: 55px;
    display: block;
    font: bold 15px/18px Elektra;
    color: #000;
    text-decoration: none;
    transition: 0.2s;
    margin: 16px 0 5px 0;
    overflow: hidden;
    position: relative;
}

.news-block .item:hover .title {
    color: #f28121;
}

.news-block .item span.title {
    font-size: 24px;
    font-weight: 900;
    color: #515151;
    line-height: 30px;
}

.news-block .item .desc {
    font: 13px/16px Myriad Pro;
    width: 230px;
    height: 123px;
    overflow: hidden;
    position: relative;
}

.news-block .item .desc .text {
    font-size: 13px;
    line-height: 16px;
}

.news.news-block.main .item .desc {
    height: 128px;
}

.news-block .item .dots {
    display: none;
}

.news-block .item .dotsBlock .dots {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1px 0 1px 20px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 1) 50%);
    background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 1) 50%);
    background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 1) 50%);
}

.news-block .item.hasImage .dotsBlock .dots {
    background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.7) 20%, rgba(248, 248, 248, 1) 50%);
    background: -webkit-linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.7) 20%, rgba(248, 248, 248, 1) 50%);
    background: -moz-linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.7) 20%, rgba(248, 248, 248, 1) 50%);
}

.news-block .item .desc p {
    margin: 10px 0;
    color: #000;
}

.news-block .item .desc p a {
    line-height: 16px;
}

.news-block .item .desc strong {
    font-weight: bold;
}

.news-block .item .desc p em {
    font-style: normal;
}

.main-full .buttons {
    clear: both;
    margin: 0 -15px -20px;
    height: 66px;
    background: #fff;
    padding-top: 64px;
}

.main-full .buttons .news-link-more {
    margin: 0 auto;
    text-decoration: none;
    display: block;
    width: 180px;
    float: none;
}


/*
.article_comments .main-medium{background:none;}
.article_comments .documents-link{background:#fff;}
.article_comments .court-decision{padding:0}
.article_comments .ref{right:40px;top:5px;z-index:9;}
.article_comments article{color:#4c4c4c;font:13px/20px Elektra;position:relative;background:#fff;padding:10px 0 40px;}
.article_comments .relative{padding:5px 145px 5px 45px;overflow:hidden;margin:3px 0 !important;}
.article_comments .relative.noBg:hover{background:none;}
.article_comments .relative:hover .count2{display:inline-block;}
.article_comments .formComments{top:50%;margin-top:-197px;}
.article_comments .back{text-decoration:none;color:#636363;margin-left:10px;}
.article_comments .back span{float:none;width:20px;border-radius:10px;display:inline-block;padding:3px 0;margin:0 5px 0 0;top:-2px;text-align:center;}
.article_comments .comment,.article_comments .addComment{margin:30px 0;}
.article_comments .addComment .count2{display:inline-block;position:relative;color:#BFBFBF;height:17px;padding:0 11px;margin-right:0;text-decoration:none;border-radius:3px;margin-left:20px;font:300 17px/21px Elektra;background:#747474;}
.article_comments .addComment .count2:before{content:"";position:absolute;top:15px;left:67%;border:3px solid transparent;border-top:5px solid #747474;border-right:3px solid #747474;}
.article_comments .comment .ttl,
.article_comments .addComment .ttl{background:#515151;width:835px;height:47px;font:bold 15px/47px Elektra;color:#fff;padding-left:50px;}
.article_comments .addComment .ttl{cursor:pointer;}
.article_comments .addComment .ttl:hover{opacity:.8;}
.article_comments .comment .ttl .btn{float:right;margin-right:41px;border:1px solid #fff;padding:6px 10px 4px;margin-top:9px;line-height:100%;cursor:pointer;color:#fff;text-decoration:none;}
.article_comments .form{background:#fff;padding-bottom:0;overflow:hidden;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;height:0;}
.article_comments .active .form{height:214px;padding-bottom:20px;}
.article_comments .form textarea{width:772px;height:130px;margin:20px 40px 15px;padding:5px 15px;}
.article_comments .form .btn{height:31px;width:192px;margin-left:652px;background: #F18024;cursor: pointer;text-align: center;font: 12px/31px Elektra;color: #fff;text-transform: uppercase;transition: 0.25s;-webkit-transition: 0.25s;-moz-transition: 0.25s;}
.article_comments .comment .showAll{margin:30px auto 0;width:190px;border:1px solid #F28121;padding:8px 0 6px;line-height:100%;transition: 0.25s;-webkit-transition: 0.25s;-moz-transition: 0.25s;color:#F28121;text-align:center;text-transform:uppercase;font-size:15px;cursor:pointer;}
.article_comments .comment .showAll:hover{background:#F28121;border-color:transparent;color:#fff;}
.article_comments .form .btn:hover{opacity:0.8;}
.article_comments .note{position:relative;padding-bottom:40px;background:#fff;}
.article_comments .note:nth-child(odd){background:#F7F7F7;}
.article_comments .comment header{height:25px;border-bottom:1px solid gray;margin:0 30px 0 20px;font:14px/25px Elektra;color:#4c4c4c;padding-top:15px;}
.article_comments .comment .commentBlock{margin-bottom:25px;position:relative;}
.article_comments .comment .name{float:left;font-weight:bold;}
.article_comments .comment .date{float:right;}
.article_comments .comment .photo{width:64px;height:64px;border-radius:35px;margin: 17px 20px;float:left;overflow:hidden;position:relative;left:20px;}
.article_comments .comment .photo img{display:none;}
.article_comments .comment p{margin:10px 0 0 110px;color:#4c4c4c;font:13px/20px Elektra;height:77px;width:760px;overflow:hidden;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.article_comments .comment p span{padding:0;}
.article_comments .comment .commentBlock .plus{position:absolute;bottom:-25px;right:20px;color:orange;font-size:22px;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;width:16px;height:16px;padding:5px;text-align:center;display:none;}
.article_comments .comment .plus:hover{color:#4c4c4c;}
.article_comments .noRes{background:#fff;padding:30px;color:#9d9d9d;font:bold 16px/100% Elektra;text-align:center;text-transform:uppercase;}*/


/*.article_comments .comment .plus:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}*/

.pagination {
    float: right;
    clear: both;
    padding: 20px 30px;
}

.pagination .dots,
.pagination .page {
    color: #000;
    font: bold 18px/100% Elektra;
    padding: 10px;
    transition: .1s;
    cursor: default;
}

.pagination .page.active,
.pagination .page:hover {
    color: #f28121;
    cursor: pointer;
}

.layer2 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999999999999;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
}

.popup2 {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 40px;
    width: 520px;
    height: 120px !important;
    margin: -150px 0 0 -300px;
    background: #fcfcfc;
    color: #9d9d9d;
    font: 16px/110% Elektra;
}

.popup2 .close2 {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 14px;
    right: 18px;
    cursor: pointer;
}

.popup2 .close2 span {
    width: 130%;
    height: 0;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    border-bottom: 2px solid #F18127;
}

.popup2 .close2 span:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.popup2 .close2:hover span {
    border-color: #9d9d9d;
}

.popup2 .title {
    text-transform: uppercase;
    margin: 6px 0 13px;
    line-height: 1.2;
}

.popup2 .desc {
    font: 16px/110% Elektra;
}

.head .social-block {
    top: 25px;
}

.head .social-block a {
    width: 26px;
    height: 20px;
    padding-top: 6px;
    border-radius: 15px;
    background: gray;
    overflow: hidden;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    cursor: pointer;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}

.head .social-block .facebook {
    background: #295C9D;
}

.head .social-block .twitter {
    background: #48A5EE;
}

.head .social-block .google {
    background: #DB5149;
}

.head .social-block .vk {
    background: #3371A6;
}

.head .social-block .twitter svg {
    margin: 2px 0 0 1px;
}

.head .social-block .vk svg {
    margin-top: 2px;
}

.head .social-block path {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}

.head .social-block a:hover {
    background: transparent;
}

.head .social-block a:hover path {
    fill: #F28121;
}

.head .social-block a:hover polygon {
    fill: #F28121;
}

.art_comments .edition {
    display: none;
}

.art_comments .desc {}


/*.wrapper.account{overflow:hidden;}*/

#noResult {
    margin-top: 50px;
    padding: 0 40px;
    text-align: center;
    color: #9d9d9d;
    font: 17px/120% Elektra;
    text-transform: uppercase;
}

.court-decision .text p span:not(.wordSel) {
    color: #333 !important;
}

.court-decision .text p a span {
    color: rgb(4, 51, 255) !important;
}

.journal article .text p {
    color: #000 !important;
}

.right-edit .change-password .button.orange {
    margin: 9px 0 15px;
}

.profile-header {
    margin: 0 -375px;
    float: none;
    width: auto;
    clear: both;
}

.profile .left-block .image {
    margin: 20px auto 0;
    width: 80px;
    height: 80px;
}

.profile .left-block .change-image {
    margin: 10px auto 0;
}

.sub-scroll.simple .ref {
    right: 7px;
    width: 93px;
}

.connection-document .item .spoiler .titl {
    display: none !important;
}

.noScroll {
    overflow-y: hidden;
    position: relative;
    right: 8px;
    background: #fff;
}

.valid .error {
    border-color: rgb(248, 0, 0) !important;
}


/*****************************************
**************   Max style   *************
*****************************************/

.news-block2 {
    padding-top: 15px;
    float: right;
    width: 25%;
    padding-right: 25px;
    margin: 0px;
}

.news-block2 h2 {
    font-size: 15px;
    text-align: left;
    padding: 20px 0;
}

.news-block2 .date {
    color: #999999;
}

.pension .content-2 {
    width: 100%;
    margin: 30px 0;
}

.pension .content-2 .links {
    counter-reset: list 0;
}

.pension .content-2 .links p:before {
    counter-increment: list;
    content: counter(list) '.';
    padding-right: 5px;
    color: #4083de;
    font: bold 14px/110% Elektra;
}

.pension .content-2 .text {
    line-height: 1.7;
    position: relative;
}

.pension .content-2 .text .info {
    position: absolute;
    top: 26px;
    right: 220px;
    cursor: pointer;
    transition: .2s;
}

.pension .content-2 .text .info:hover {
    opacity: .8;
}

.popup2.pensions {
    height: auto !important;
    margin-top: -130px !important;
    padding: 20px 40px !important;
}

.popup2.pensions .desc {
    color: #f28121;
    margin-left: -20px;
    text-align: justify;
}

.popup2.pensions ol {
    margin-top: 15px;
    text-align: left;
}

.popup2.pensions li {
    font: 14px/110% Elektra;
    color: #f28121
}

.popup2.pensions li span {
    color: #212121;
}

.circle {
    height: 200px;
    width: 200px;
    position: relative;
    transition: 0.4s;
    display: inline-block;
    margin: 9px 9px 0 0;
    line-height: 18px;
    cursor: pointer;
    vertical-align: middle;
    transition: 0.4s;
    visibility: visible;
    opacity: 1;
}

.circle.hide {
    opacity: 0;
    visibility: hidden;
}

.circle:nth-of-type(1) {
    transform-origin: 100% 100%;
}

.circle:nth-of-type(1) svg.i {
    top: 59px;
    left: 50px;
    height: 60px;
}

.circle:nth-of-type(1) .text {
    width: 100px;
    text-align: right;
    top: 56px;
    left: -56px;
}

.circle:nth-of-type(2) {
    transform-origin: 0% 100%;
}

.circle:nth-of-type(2) svg.i {
    top: 65px;
    left: 74px;
    height: 55px;
    width: 86px;
}

.circle:nth-of-type(2) .text {
    top: 61px;
    left: 165px;
}

.circle:nth-of-type(3) {
    transform-origin: 100% 0%;
}

.circle:nth-of-type(3) svg.i {
    top: 75px;
    left: 42px;
}

.circle:nth-of-type(3) .text {
    width: 100px;
    text-align: center;
    top: 110px;
    left: -47px;
}

.circle:nth-of-type(4) {
    transform-origin: 0% 0%;
}

.circle:nth-of-type(4) svg.i {
    top: 68px;
    left: 76px;
}

.circle:nth-of-type(4) .text {
    top: 117px;
    left: 151px;
}

.circle:nth-of-type(2) {
    margin: 0;
}

.circle:nth-of-type(4) {
    margin: 0;
}

.circle .text {
    position: absolute;
    top: 50px;
    left: 50px;
    font-size: 15px;
    font-weight: bold;
    color: #b9baba;
    transition: 0.4s;
}

.circle svg {
    position: absolute;
}

.circle:hover {
    transform: scale(1.1);
}

.circle:hover .text {
    color: #f28121;
}

.circle svg.c path {
    transition: 0.4s;
}

.circle:hover svg.c path {
    fill: #f28121;
}

.circle svg.c {
    position: absolute;
    width: 200px;
    height: 200px;
}

.all-circle {
    position: relative;
    width: 409px;
    margin: 20px auto;
    font-size: 0px;
    line-height: 0px;
    min-height: 418px;
    transition: min-height 1.2s;
}

.all-circle .big-text {
    text-align: center;
    width: 150px;
    left: 130px;
    position: absolute;
    z-index: 1;
    top: 183px;
    font-size: 22px;
    color: #515151;
    font-weight: bold;
    line-height: 26px;
    transition: 0.4s;
    visibility: visible;
    opacity: 1;
}


/*   ACTIVE   */

.all-circle.line .circle {
    transform: none;
    width: 24%;
    position: relative;
    height: auto;
    padding-left: 10px;
    box-sizing: border-box;
}

.all-circle.line .circle svg {
    position: static;
    display: inline-block;
}

.all-circle.line .circle .text {
    position: static;
    display: inline-block;
    text-align: left;
    padding-left: 10px;
    width: 75px;
}

.all-circle.line .circle svg *:not(.cant-fill) {
    transition: 0.4s;
}

.all-circle.line .circle.active svg *:not(.cant-fill) {
    fill: #f28121;
}

.all-circle.line .circle:hover svg *:not(.cant-fill) {
    fill: #f28121;
}


/*.all-circle.line .circle.active svg rect {
	fill:green;
}*/

.all-circle.line .circle.active .text {
    opacity: 1;
    visibility: visible;
    color: #f28121;
}

.all-circle.line {
    width: 100%;
    min-height: 250px;
}

.all-circle.line .circle svg.c {
    display: none;
}

.all-circle .big-text.hide {
    visibility: hidden;
    opacity: 0;
}

.all-circle.line .detail {
    font-size: initial;
    line-height: initial;
}

.all-circle .detail .text {
    height: 31px;
    padding: 10px 0 10px 10px !important;
    background: #f28121;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    box-sizing: border-box;
    transition: 0.5s;
}

.all-circle .detail .smallText {
    display: inline-block;
    width: 32%;
    -border-left: solid 3px #dcdcdd;
    margin-top: 18px;
    vertical-align: top;
    line-height: 20px;
    font-size: 14px;
}

.all-circle .detail .smallText:before {
    content: "";
    display: inline-block;
    float: left;
    width: 3px;
    height: 130px;
    background: #dcdcdd;
    vertical-align: top;
    margin-top: 4px;
}

.all-circle .detail .smallText a {
    display: block;
    color: #999999;
    margin-left: 10px;
    text-decoration: none;
    cursor: pointer;
}

.all-circle .detail .smallText a.active,
.all-circle .detail .smallText a:hover {
    color: #f28121;
}

.all-circle .detail span.drp {
    position: relative;
}

.all-circle .detail span.drp>a:after {
    content: '+';
    display: inline-block;
    -transition: 0.4s;
    color: #f28121;
    margin-left: 10px;
}

.all-circle .detail span.drp.active>a:after {
    content: " ";
    display: inline-block;
    width: 9px;
    height: 1px;
    background: #f28121;
    vertical-align: middle;
}

.all-circle .detail span.drp a {
    cursor: pointer;
}

.all-circle .detail span.drp>span {
    display: none;
}

.all-circle .detail span.drp>span>span {
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    width: 237px;
    padding: 5px 0px;
    overflow: auto;
    display: inline-block;
    max-height: 100px;
}

.all-circle .detail span.drp.active>span>span {
    visibility: visible;
    opacity: 1;
    top: 10px;
}

.all-circle .detail span.drp>span>span a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 7px;
    background: #f28121;
    margin-right: 10px;
    position: absolute;
    left: -10px;
    top: 8px;
}

.all-circle .detail span.drp>span>span a {
    margin-left: 34px;
    position: relative;
}


/* CUSTOME SCROLL */

.mCSB_scrollTools .mCSB_draggerRail {
    background: rgba(128, 128, 128, 0.1);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(128, 128, 128, 0.3);
    width: 2px;
    border-radius: 0px;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(128, 128, 128, 0.5);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(128, 128, 128, 0.6);
}


/* VIDEO  page-video */

.wrapper-video>section.head>.content {
    display: none;
}

.page-video {
    background: url('../../images/bg/video.jpg');
    background-size: cover;
    background-position: center center;
    padding-bottom: 64px;
    clear: both;
}

.page-video * {
    box-sizing: border-box;
}

.page-video h2 {
    height: 50px;
    padding-top: 20px;
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    text-transform: uppercase;
}

.page-video__content {
    display: flex;
}

.page-video__content:after,
.page-video__content:before {
    content: "";
    display: table;
    clear: both;
}

.page-video .left {
    padding-top: 18px;
    padding-bottom: 18px;
    background: rgba(0, 0, 0, 0.94);
    width: 25%;
    float: left;
    height: 910px;
    overflow: auto;
}

.page-video .left li {
    list-style-type: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    transition: 0.2s;
    cursor: pointer;
}

.page-video .left li a {
    color: inherit;
    text-decoration: none;
    padding: 13px;
    height: 40px;
    display: inline-block;
    width: 100%;
}

.page-video .left li.active,
.page-video .left li:hover {
    background: #f28121;
    color: #fff;
}

.page-video .right {
    padding-top: 18px;
    padding-bottom: 18px;
    background: rgba(0, 0, 0, 0.75);
    width: 75%;
    float: left;
    height: 910px;
    overflow: auto;
}

.page-video .video-item {
    float: left;
    position: relative;
    margin-right: 1%;
    margin-left: 2%;
    width: 47%;
    margin-bottom: 67px;
    color: #999999;
}

.page-video .video-item .title {
    margin-top: 7px;
    margin-bottom: 20px;
    font-size: 0;
}

.page-video .video-item .comment-count,
.page-video .video-item .watch-view-count {
    display: inline-block;
    margin-right: 34px;
}

.page-video .video-item .comment-count svg,
.page-video .video-item .title-icon svg,
.page-video .video-item .watch-view-count svg {
    display: inline-block;
    vertical-align: middle;
}

.page-video .video-item .watch-view-count svg {
    width: auto;
    height: 16px;
}

.page-video .video-item .comment-count svg {
    width: auto;
    height: 18px;
}

.page-video .video-item .title-icon svg {
    width: auto;
    height: 40px;
}

.page-video .video-item .title-icon {
    width: 58px;
    height: 58px;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px;
    background: #262626;
    margin-right: 16px;
}

.page-video .video-item .title span {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    color: #f28121;
    font-size: 18px;
    letter-spacing: -1px;
}

.page-video .video-item .title a {
    color: #f28121;
    text-decoration: none;
    transition: 0.2s;
}

.page-video .video-item .title a:hover {
    color: #fff;
}

.page-video .video-item:nth-child(2n) {
    margin-right: 2%;
    margin-left: 1%;
}

.page-video .video-item:nth-child(2n+1) {
    clear: both;
}

.page-video .video-item .preview {
    width: 100%;
    height: 287px;
    background-size: cover;
    background-image: url('http://image.uinp.info/uploads/images/articles/2016/Mar/28/novosty-010.jpg');
}

.page-video .video-item .date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #f28121;
    color: #fff;
    border-radius: 15px;
    padding: 7px 18px;
    font-size: 20px;
}


/* PAGE VIDEO DETAIL */

.page-video .mimi-title,
.page-video-detail .mimi-title {
    width: 100%;
    height: 50px;
    font: 15px/19px Elektra;
    color: #fff;
    font-weight: bold;
    padding-top: 7px;
}

.page-video .mimi-title:before,
.page-video-detail .mimi-title:before {
    content: "";
    display: inline-block;
    width: 2px;
    margin-right: 12px;
    height: 24px;
    background: #f28121;
    position: relative;
    top: 7px;
}

.page-video-detail .hide {
    display: none;
}

.page-video-detail {
    padding-bottom: 0px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page-video-detail-bg {
    background: url('../../images/bg/video.jpg');
    background-size: cover;
    background-position: center center;
    padding-bottom: 80px;
}

.page-video-detail * {
    box-sizing: border-box;
}

.page-video-detail .header {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    height: 67px;
    font-size: 16px;
    font-weight: bold;
}

.page-video-detail .header svg {
    height: 10px;
    width: auto;
}

.page-video-detail .header svg path {
    fill: #fff;
}

.page-video-detail .header .same {
    float: left;
    padding-top: 30px;
    width: 300px;
    cursor: pointer;
}

.page-video-detail .header .same svg {
    margin-left: 8px;
    margin-right: 25px;
}

.page-video-detail .header .material svg {
    margin-left: 25px;
    margin-right: 8px;
}

.page-video-detail .header .title {
    text-align: center;
    padding-top: 30px;
}

.page-video-detail .header .material {
    float: right;
    padding-top: 30px;
    width: 300px;
    cursor: pointer;
    text-align: right;
}

.page-video-detail .header .same.hide,
.page-video-detail .header .material.hide {
    display: block;
    visibility: hidden;
}

.page-video-detail .header .material,
.page-video-detail .header .same,
.page-video-detail .header .title a {
    transition: 0.2s;
}

.page-video-detail .header .title a {
    color: inherit;
    text-decoration: none;
}

.page-video-detail .header .material:hover,
.page-video-detail .header .title a:hover,
.page-video-detail .header .same:hover {
    color: #f28121;
}

.page-video-detail .video-detail-item {
    width: 100%;
    margin: 0 auto;
    color: #fff;
}

.page-video-detail .capture {
    background: rgba(15, 15, 15, 0.70);
    height: 74px;
    padding-top: 30px;
    padding-left: 30px;
    color: #fff;
}

.page-video-detail .capture a {
    color: inherit;
    text-decoration: none;
}

.page-video-detail .capture a:hover {
    color: #f28121;
}

.page-video-detail .capture svg {
    height: 20px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.page-video-detail .capture .h1 {
    text-transform: uppercase;
    font-weight: bold;
}

.page-video-detail .container-video {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0px;
    height: 0;
}

.page-video-detail .container-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-video-detail .sliding {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 650px;
    padding: 25px 0 10px 66px;
    background: #fff;
    transition: 0.4s;
}

.page-video-detail .sliding h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 35px;
    margin-top: 5px;
    text-align: center;
}

.page-video-detail .bg {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.page-video-detail .sliding.material-block {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    bottom: 0;
    width: 650px;
    padding: 25px 0 10px 50px;
    background: #fff;
}

.page-video-detail .sliding .material-item .date {
    color: #000;
    background: #f28121;
    border-radius: 12px;
    padding: 4px 8px;
    display: inline-block;
    margin-bottom: 15px;
}

.page-video-detail .sliding .material-item {
    padding-left: 25px;
    border-left: solid 3px rgba(0, 0, 0, 0);
    margin-bottom: 30px;
}

.page-video-detail .sliding .material-item svg {
    display: inline-block;
    height: 11px;
    width: auto;
    vertical-align: middle;
    margin-right: 17px;
}

.page-video-detail .sliding .material-item .detail {
    text-transform: uppercase;
    cursor: pointer;
    color: #f28121;
}

.page-video-detail .sliding .material-item .text {
    font-size: 15px;
    margin-bottom: 20px;
}

.page-video-detail .sliding .material-item .headerTitle {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}

.page-video-detail .sliding .material-item:hover .detail {
    color: #f28121;
}

.page-video-detail .sliding .material-item:hover {
    border-left: solid 3px #f28121;
}

.page-video-detail .comment .photo {
    height: 50px;
    width: 50px;
}

.page-video-detail .comment textarea {
    width: 100%;
    margin: 3px 0;
    border: 0;
    padding: 0;
    color: #595959;
    background: transparent;
    font: 12px/14px Elektra;
    height: 14px;
    overflow: auto;
    transition: .3s;
}


/*draftActs detail2 comment on comment*/

.page-video-detail .comment-title {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #FFF;
    padding: 25px 0px;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.page-video-detail .comment-title svg {
    height: 9px;
    margin-left: 5px;
    transform: rotate(180deg);
    transition: .3s;
}

.page-video-detail .comment-title.open svg {
    transform: rotate(0deg);
}

.page-video-detail .comment-title svg path {
    fill: #FFF;
}

.page-video-detail .video-item {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    color: #999999;
}

.page-video-detail .video-item>.left {
    width: calc(100% - 120px);
    width: calc(100% - 31px);
}

.page-video-detail .sliding .close {
    font-size: 42px;
    position: absolute;
    top: 1px;
    right: 27px;
    width: 25px;
    height: 25px;
    padding-top: 8px;
    transform: rotate(45deg);
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    transition: 0.3s;
}

.page-video-detail .sliding .close:hover {
    transform: rotate(225deg);
}

.page-video-detail .video-item .title {
    margin-top: 7px;
    font-size: 0;
}

.page-video-detail .video-item .comment-count,
.page-video-detail .video-item .watch-view-count {
    display: block;
    margin-bottom: 25px;
    margin-top: 10px;
    float: left;
    margin-right: 10px;
}

.page-video-detail .video-item .comment-count svg,
.page-video-detail .video-item .title-icon svg,
.page-video-detail .video-item .watch-view-count svg {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.page-video-detail .video-item .watch-view-count svg {
    height: 16px;
    width: 24px;
}

.page-video-detail .video-item .comment-count svg {
    height: 18px;
    width: 24px;
}

.page-video-detail .video-item .title-icon svg {
    height: 32px;
}

.page-video-detail .video-item .title-icon {
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 8px 6px 11px;
    background: #262626;
    margin-right: 16px;
}

.page-video-detail .video-item .title span {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 19px;
}

.page-video-detail .video-item .preview {
    width: 100%;
    height: 244px;
    background-size: cover;
    background-image: url('http://image.uinp.info/uploads/images/articles/2016/Mar/28/novosty-010.jpg');
}

.page-video-detail .video-item .date {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #f28121;
    color: #fff;
    border-radius: 15px;
    padding: 7px 18px;
    font-size: 20px;
}

.menu2 .icon-play {
    color: #FFF;
    font-size: 48px;
    vertical-align: middle;
    margin-right: 15px;
}

.print-template svg {
    width: 417px;
    height: auto;
}

.print-template .line {
    width: 100%;
    height: 3px;
    background: #cccccc;
    margin-top: 50px;
    margin-bottom: 50px;
}


/*    ACOUNT     */

i.icon-pen-point {
    transform: rotate(180deg);
    display: inline-block;
}

.account.wrapper {
    background: #FFF;
}

.account.wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap__label-mail {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.button-flat {
    width: 134px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #f28121;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    transition: .2s;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.button-flat__change-email {
    width: 100%;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    text-transform: none;
    text-transform: lowercase;
    letter-spacing: 0.2px;
}

.button-flat_cancel {
    color: #212121;
    background-color: #d2d2d2;
    margin-right: 17px;
    font-weight: normal;
    border: none;
}

.button-flat:hover {
    opacity: .7;
}


/*          MESSAGE            */

.account-message {
    width: 100%;
    /*padding: 0 20px 70px;*/
}

.account-message__textarea {
    width: 650px;
    height: 120px;
    border: 1px solid #b3b3b3;
    margin-top: 50px;
    padding: 10px;
}

.message-item {
    background-color: #eee;
    padding: 11px 14px;
    border-bottom: solid 1px #f28121;
    /*margin-left: 111px;*/
    margin-top: 30px;
    width: 650px;
}

.account-message_button-delete {
    margin-right: 15px;
}

.account-message .button-flat {
    width: 160px;
}

.message-item__delete-icon {
    font-size: 16px;
    color: #f28121;
    cursor: pointer;
}

.message-item_admin {
    border-bottom: solid 1px #e5e5e5;
    margin-left: 0;
}

.message-item__name {
    color: #f28121;
    font-size: 12px;
    margin-bottom: 13px;
    margin-right: 21px;
}

.message-item__datetime {
    color: #999;
    font-size: 12px;
}

.message-item__text {
    color: #1b1b1b;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
}


/*           BOOKMARS                 */

.account-bookmarks {
    width: 775px;
    padding-bottom: 30px;
}

.account-bookmarks__tabs li {
    display: inline-block;
}

.account-bookmarks__tabs a {
    color: inherit;
    text-decoration: none;
}

.account-bookmars__tabs-link {
    display: inline-block;
    color: #616161;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.account-bookmars__tabs-link .ui-tabs-anchor:hover,
.account-bookmars__tabs-link_active {
    color: #f28121;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.account-bookmars__tabs-link+.account-bookmars__tabs-link:before {
    /* content: '|'; */
    margin: 0 17px;
    display: inline-block;
    font-weight: 400;
}

.bookmark {
    width: 380px;
    height: 195px;
    border: 2px solid #e6e6e6;
    padding: 20px 30px;
    margin-top: 15px;
}

.bookmark:hover {
    background-color: #eee;
}

.bookmark i {
    font-size: 30px;
    color: #505050;
    margin-bottom: 8px;
}

.bookmark:hover i {
    color: #f28121;
}

.bookmark__title {
    width: 70%;
    position: relative;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.bookmark__title:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 5px;
    left: -12px;
    width: 3px;
    background-color: #f28121;
}

.bookmark__text {
    height: 96px;
    overflow: hidden;
    color: #898888;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.account-bookmarks__desc {
    margin: 80px 0;
}

.account-bookmarks__desc i {
    font-size: 24px;
    color: #818181;
    vertical-align: middle;
}

.account-bookmarks__desc span {
    margin-right: 50px;
}


/*          ACCOUNT SERVICES           */

.account-services__items {
    flex-wrap: wrap;
    width: 1100px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 20px;
}

.account-services__item {
    width: 190px;
    margin-bottom: 55px;
    cursor: pointer;
}

.account-services__item:hover {
    font-weight: bold;
}

.account-services__title-icon {
    font-size: 45px;
    color: #f28121;
}

.account-services__title {
    width: 449px;
    color: #f28121;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    position: relative;
    margin-left: 44px;
    margin-bottom: 25px;
}

.account-services__title:before {
    content: '';
    width: 3px;
    height: 41px;
    background-color: #f28121;
    display: inline-block;
    position: absolute;
    top: 3px;
    bottom: 5px;
    left: -15px;
}

.account-services__text {
    color: #6b6b6b;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
}

.account-services a {
    float: right;
    font-size: 14px;
    color: #f28121;
}

.account-services__item-text {
    color: #444;
    font-size: 12px;
    -font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    width: 190px;
    height: 154px;
    background-color: #eee;
    border-top: solid 3px #f28121;
    padding: 25px 16px;
}

.account-services__item-icon-wrapper {
    height: 122px;
}

.account .account-services__item-icon-wrapper i {
    font-size: 91px;
    color: #f28121;
}


/*          ACCOUNT SERVICES INNER      */

.account-services-inner i.account-services-inner__icon {
    font-size: 109px;
    color: #f28121;
}

.account-services-inner__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.account-services-inner__title {
    width: auto;
    color: #f28121;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

.account-services-inner__text {
    color: #6b6b6b;
    font-size: 14px;
    line-height: 19px;
    margin-top: 27px;
}

.account-services-inner__back {
    color: #f28121;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    margin-top: 27px;
    margin-bottom: 150px;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 50px;
    display: inline-block;
}

.account-services-inner__back i {
    transform: rotate(90deg);
    display: inline-block;
    font-size: 6px;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 14px;
}


/*          ATOMIC FLEX FOR GRID        */

.custom-checkbox {
    width: 16px;
    height: 16px;
    border: 3px solid #ff7d19;
    transition: .3s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 27px;
}

.custom-checkbox_active {
    border: none;
    /* maybe its good for perfomance */
    background-color: #ff7d19;
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.flex-space-between {
    justify-content: space-between;
    position: relative;
    /*width:375px;*/
}

.close_bookmark {
    position: absolute;
    right: -7px;
    top: -11px;
    background-color: white;
    width: 20px;
    height: 20px;
    border: 1px solid grey;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
}


/*.account-bookmarks__tabs [data-role='tab-panel']{
	width:375px;
}*/

.close_bookmark:hover {
    transition: 0.3s;
    color: #f28121;
    border-color: #f28121;
    cursor: pointer;
}

.flex-space-around {
    justify-content: space-around;
}

.flex-center {
    justify-content: center;
}

.flex-justify-content_end {
    justify-content: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-valign-center {
    align-items: center;
}

.flex-after-fix:after {
    content: "";
    flex: auto;
}

.flex-valign-start {
    align-items: flex-start;
}


/* LANG SWITCHER */

.control .langBar {
    color: #FFF;
    margin-top: 4px;
}

.control .langBar polygon {
    fill: white;
}

.control .langBar .list p {
    color: #FFF;
}

.control .langBar .list p:hover {
    color: #F18024;
}

.openMenu2 .langBar {
    position: absolute;
    top: 19px;
    right: 43px;
    margin-top: 0;
}

.openMenu2 .langBar svg {
    width: 15px;
    height: 6px;
}

.openMenu2 .langBar .list p {
    color: #FFF;
}

.openMenu2 .langBar .list p:hover {
    color: #F18024;
}


/*                  AUTHORS                  */

.alphabet-filter {
    width: 750px;
    margin: 55px auto;
}

.alphabet-filter__letter {
    padding: 0px 5px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    cursor: pointer;
}

.alphabet-filter__letter:hover,
.alphabet-filter__letter_active {
    color: #f28121;
}

.alphabet-filter__letter_disabled {
    color: #a5a5a5;
}

.alphabet-filter__letter_disabled:hover {
    color: #a5a5a5;
    cursor: not-allowed;
}

.alphabet-filter__title {
    width: 100%;
    text-align: center;
    color: #515151;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
}

.alphabet-filter__all-authors {
    margin-left: 80px;
    text-decoration: none;
    color: inherit;
}

.alphabet-filter__all-authors:hover {
    color: #f28121;
}

.alphabet-filter__line {
    width: 100%;
    height: 1px;
    background-color: #9e9e9e;
    position: relative;
    margin-top: 32px;
}

.alphabet-filter__selected-letter {
    position: absolute;
    height: 37px;
    width: 37px;
    line-height: 37px;
    text-align: center;
    border-radius: 100px;
    border: 1px solid #777;
    background: #FFF;
    top: -19px;
    left: 50%;
    margin-left: -19px;
    color: #555;
    font-size: 20px;
    font-weight: 400;
}


/* navigation back */

.navigation-back {
    color: #f28121;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 30px;
    display: inline-block;
}

.navigation-back .icon-arrow-down {
    transform: rotate(90deg);
    display: inline-block;
    font-size: 7px;
}


/*  NEWS  */

.news-search {
    background-color: white;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 30px 36px 45px;
    position: relative;
}

.news-search .more {
    position: absolute;
    right: 36px;
    bottom: 20px;
    cursor: pointer;
    transition: .15s;
    text-transform: uppercase;
    font: bold 14px/100% ElektraLightPro;
    color: #a1a1a1;
    display: none;
}

.news-search .more:hover {
    color: #f28121;
}

.news-search__title {
    color: #f28121;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.news-search__input {
    border: none;
    border-bottom: solid 1px #f28121;
    width: 100%;
    padding-bottom: 9px;
    margin-bottom: 30px;
}

.news-search__tags {
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    height: 56px;
    overflow: hidden;
    transition: .2s;
}

.news-search__tag:hover {
    color: #f28121;
    cursor: pointer;
}

.news-search__tag {
    white-space: pre-wrap;
    float: left;
}

.news-search__button {
    display: inline-block;
    border-bottom: solid 3px #f28121;
    margin-bottom: 29px;
    color: #f28121;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 10px;
    cursor: pointer;
}

.news-search__icon {
    position: absolute;
    top: 30px;
    width: 20px;
    height: 20px;
    right: -40px;
    cursor: pointer;
}

.news-search__icon:hover svg path {
    fill: #f28121;
}

.news-similar {
    padding: 0;
}

.news-similar__item {
    position: relative;
    padding: 34px;
    width: 25%;
    text-decoration: none;
}

.news-similar__item:hover {
    background-color: #ebebeb;
}

.news-similar__item-photo {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 141px;
}

.news-similar__item-title {
    color: #1b1b1b;
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    margin: 20px 0 32px 0;
    text-transform: uppercase;
    height: 68px;
}

.news-similar__item-text {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    height: 112px;
}

.news-similar__item+.news-similar__item:after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    width: 2px;
    background-color: #ebebeb;
}

.news-similar__item:hover+.news-similar__item:after {
    display: none;
}

.news-similar__item-link {
    color: #f28121;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    float: right;
    text-decoration: none;
}


/* NEWS */

.news-block .item.signet-hammer {
    background-image: url('../../images/signet-hammer.png');
    background-position: bottom 10px right 10px;
    background-repeat: no-repeat;
}

.news-block .item.signet-book {
    background-image: url('../../images/signet-book.png');
    background-position: bottom 10px right 10px;
    background-repeat: no-repeat;
}


/* POPUP */

.popup-copyright-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999999;
    display: none;
}

.popup-copyright {
    position: absolute;
    width: 810px;
    top: 50%;
    left: 50%;
    margin-left: -405px;
    box-sizing: border-box;
    transform: translateY(-50%);
    padding: 30px;
    background: #FFF;
    border-top: 3px solid #f28121;
    font-size: 15px;
    line-height: 1.4;
}

.copyright {
    color: #888;
    font-size: 12px;
    line-height: 1.4;
    margin: 50px 0 10px;
    border-top: solid 2px #f28121;
    padding-top: 10px;
}

.popup-copyright .close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: -4px;
    right: -30px;
    cursor: pointer;
    z-index: 1;
}

.popup-copyright .close i {
    background: #EF7F24;
    width: 26px;
    height: 2px;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: -3px;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.popup-copyright .close i:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.popup-copyright .close:hover i {
    background: #e5e5e5;
}

.popup-copyright .close i:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.popup-copyright .close:hover i {
    background: #e5e5e5;
}

.comment-close.close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: -30px;
    right: 0;
    cursor: pointer;
    z-index: 1;
}

.comment-close.close i {
    background: #EF7F24;
    width: 26px;
    height: 2px;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: -3px;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.comment-close.close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: -30px;
    right: 0;
    cursor: pointer;
    z-index: 1;
}

.comment-close.close i {
    background: #EF7F24;
    width: 26px;
    height: 2px;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: -3px;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.comment-close.close i:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

.comment-close.close:hover i {
    background: #e5e5e5;
}

.comment-wrapper {
    background: #FFF;
    /*border-bottom: 2px solid #ed7f23;
	padding-bottom: 25px;
	margin-top: 28px;*/
    position: relative;
    font-family: Elektra, sans-serif;
}


/*.comment-wrapper > * {
	background: #FFF;
}*/

.comment-answer {
    margin-top: 28px;
    padding: 25px 30px;
    background: #f0f0f0;
    border-bottom: 1px solid #ed7f23;
    margin-bottom: 25px;
}

.comment__button-write {
    border-bottom: 2px solid #ed7f23;
    padding-bottom: 25px;
}

.comment-answer__header {
    background: #515151;
    border-top: 3px solid #ed7f23;
    height: 47px;
    line-height: 44px;
    text-transform: uppercase;
    font-size: 12px;
    margin: -25px -30px 19px;
    padding-left: 30px;
    color: #FFF;
}

.comment-answer__photo {
    width: 50px;
    height: 50px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
    border-radius: 35px;
}

.comment-answer_inner {
    background: none;
    padding-left: 109px;
    margin-bottom: 0;
    margin-top: 10px;
    border-bottom: none;
}

.comment-answer_inner .comment-answer__header {
    display: none;
}

.comment-answer_inner .comment-answer__photo {
    width: 32px;
    height: 32px;
}

.comment-answer_inner .spreading {
    width: 60%;
    width: calc(100% - 57px);
}

.comment-answer_inner .spreading__textarea:focus {
    height: 25px;
}

.spreading {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #848484;
    position: relative;
    margin-left: 20px;
    width: 60%;
    width: calc(100% - 75px);
}

.spreading__textarea {
    border: none;
    padding: 0;
    color: #595959;
    background: transparent;
    font: 12px/14px Elektra;
    height: 14px;
    transition: 0.3s;
    overflow: auto;
    width: 60%;
    width: calc(100% - 100px);
}

.spreading__textarea:focus {
    height: 42px;
}

.spreading__button {
    position: absolute;
    bottom: 4px;
    right: 0;
    padding: 0;
    background: none;
    color: #f28121;
    font: 12px/100% Elektra;
    text-transform: uppercase;
    height: auto;
    cursor: pointer;
}

.spreading__button:hover {
    color: gray;
}

.comment__inner {
    padding-top: 15px;
}

.comment * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.comment__reply-comment-photo,
.comment__photo {
    width: 65px;
    height: 65px;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    display: inline-block;
    vertical-align: top;
    border-radius: 35px;
}

.comment__reply-comment-photo {
    width: 32px;
    height: 32px;
}

.comment__header {
    border-bottom: 1px solid #bcbcbc;
    margin-bottom: 15px;
    min-height: 25px;
}

.comment__header-name {
    font-weight: bold;
    font-size: 15px;
    color: #4c4c4c;
}

.comment__header-date {
    float: right;
    font-size: 13px;
}

.comment__right {
    width: 60%;
    width: calc(100% - 70px);
    display: inline-block;
    padding-left: 20px;
}

.comment__reply-right {
    width: calc(100% - 37px);
    padding-left: 10px;
}

.comment__text {
    /*width: 60%;
	width: calc(100% - 70px);
	padding-left: 15px;
	display: inline-block;*/
    font-size: 14px;
    overflow: hidden;
    max-height: 90px;
}

.comment__text_full {
    overflow: visible;
    white-space: normal;
    max-height: none;
}

.comment__reply-text {
    width: 60%;
    width: calc(100% - 37px);
}

.comment__hide-text,
.comment__show-text {
    display: none;
}

.comment__hide-text_show,
.comment__show-text_show {
    display: block;
    text-align: right;
    cursor: pointer;
    float: right;
    margin-top: 11px;
}

.comment__hide-text_show:hover,
.comment__show-text_show:hover {
    color: #f28121;
}

.comment__actions {
    margin-top: 5px;
}

.comment__action-button+.comment__answer-data:before,
.comment__action-button+.comment__action-button:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
    position: relative;
    top: -2px;
    margin: 0px 7px 0 5px;
    background: #B7B7B7;
    display: inline-block;
}

.comment__action-button {
    display: inline-block;
    color: #4d4d4d;
    cursor: pointer;
}

.comment__action-button path {
    fill: #4d4d4d;
}

.comment__action-button:hover {
    color: #f28121;
}

.comment__action-button:hover path {
    fill: #f28121;
}

.comment__button-like {
    font-size: 14px;
}

.comment__button-like svg {
    position: relative;
    top: 1px;
}

.comment__reply-list {
    padding-left: 109px;
    padding-top: 10px;
}

.comment__answer-data {
    display: inline-block;
}

.comment__load-button,
.comment__reply-load-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 141px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #f28121;
    color: #f28121;
    font-size: 12px;
    transition: .2s;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin: 0px auto 5px;
}

.comment__load-button {
    width: 190px;
}

.comment__load-button:hover,
.comment__reply-load-button:hover {
    background: #f28121;
    color: #FFF;
}

.comment__pagination {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 5px;
    padding-left: 17px;
    padding-right: 17px;
}

.comment__pagination-show-more {
    display: inline-block;
    width: 48%;
}

.comment__pagination-count {
    display: inline-block;
    width: 48%;
    text-align: right;
}

.comment__button-write {
    font-size: 14px;
    padding-left: 17px;
    color: #f28121;
    cursor: pointer;
}

.page-video-detail .comment-wrapper {
    background: none;
    width: 100%;
    padding: 0 30px 30px;
}

.page-video-detail .spreading__textarea {
    color: #FFF;
}

.page-video-detail .spreading {
    border-bottom-color: #FFF;
}

.page-video-detail .comment-answer {
    background-color: rgba(27, 27, 27, 0.7);
    padding: 25px 188px;
    border: none;
}

.page-video-detail .comment__wrapper-for-background {
    background-color: rgba(27, 27, 27, 0.7);
    padding: 1px 0;
    color: #FFF;
}

.page-video-detail .comment {
    padding: 0 173px;
}

.page-video-detail .comment-answer__header {
    display: none;
}

.page-video-detail .comment__inner {
    color: #FFF;
}

.page-video-detail .comment__header-name {
    color: #FFF;
}

.page-video-detail .comment__button-write {
    padding-bottom: 0;
    border: none;
}

.page-video-detail .comment__action-button {
    display: inline-block;
    color: #FFF;
    cursor: pointer;
}

.page-video-detail .comment__action-button path {
    fill: #FFF;
}

.page-video-detail .comment__action-button:hover {
    color: #f28121;
}

.page-video-detail .comment__action-button:hover path {
    fill: #f28121;
}

.page-video-detail .comment__pagination {
    padding: 0px 173px;
}

.page-video-detail .comment__button-write {
    padding-left: 173px;
    padding-bottom: 30px;
    padding-top: 10px;
}

.normative__acts.page-video-detail .commentAnswer-wrapper,
.normative__acts.page-video-detail .close2,
.normative__acts.page-video-detail .commentBlock .slide .text .art {
    display: none;
}

.normative__acts.page-video-detail .comment-wrapper,
.normative__acts.page-video-detail .comment,
.normative__acts.page-video-detail .comment-block-wrapper {
    width: 100%;
    background: rgba(20, 20, 20, 0.7);
}

.normative__acts.page-video-detail .comment-block-wrapper {
    margin-top: 40px;
}

.normative__acts.page-video-detail .comment .name {
    color: white;
    text-transform: none;
}

.normative__acts.page-video-detail .commentBlock .slide {
    width: 560px;
}

.normative__acts.page-video-detail .commentBlock .slide .text {
    color: white !important;
}

.about .row.extra-margin {
    margin-top: 65px;
}

@media print {
    .wrapper.normativeActs .documents-link,
    .wrapper.normativeActs [data-fixed="true"] {
        display: none !important;
    }
    .wrapper.normativeActs .sub-scroll.simple {
        height: auto !important;
    }
    .wrapper.normativeActs main.short .main-medium {
        /*width: 100% !important;*/
    }
    .wrapper.normativeActs header * {
        display: none !important;
    }
    header,
    header .content,
    header .content .logotype,
    header .content .logotype svg,
    header .content .logotype svg * {
        display: block !important;
    }
    header * {
        display: none !important;
    }
    a[href]:after {
        content: none !important;
    }
    .wrapper.normativeActs .sub-scroll.simple,
    .wrapper.normativeActs .court-decision {
        padding: 0 !important;
    }
    .logotype {
        display: none !important;
        width: 0px !important;
        height: 0px !important;
        opacity: 0 !important;
    }
}


/*  NEWS  */

.news-search {
    background-color: white;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    padding: 30px 36px 45px;
    position: relative;
}

.news-search .more {
    position: absolute;
    right: 36px;
    bottom: 20px;
    cursor: pointer;
    transition: .15s;
    text-transform: uppercase;
    font: bold 14px/100% ElektraLightPro;
    color: #a1a1a1;
    display: none;
}

.news-search .more:hover {
    color: #f28121;
}

.news-search__title {
    color: #f28121;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.news-search__input {
    border: none;
    border-bottom: solid 1px #f28121;
    width: 100%;
    padding-bottom: 9px;
    margin-bottom: 30px;
}

.news-search__tags {
    color: #a1a1a1;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    height: 56px;
    overflow: hidden;
    transition: .2s;
}

.news-search__tag:hover {
    color: #f28121;
    cursor: pointer;
}

.news-search__tag {
    white-space: pre-wrap;
    float: left;
}

.news-search__button {
    display: inline-block;
    border-bottom: solid 3px #f28121;
    margin-bottom: 29px;
    color: #f28121;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0 10px;
    cursor: pointer;
}

.news-search__icon {
    position: absolute;
    top: 30px;
    width: 20px;
    height: 20px;
    right: -40px;
    cursor: pointer;
}

.news-search__icon:hover svg path {
    fill: #f28121;
}

.news-similar {
    padding: 0;
}

.news-similar__item {
    position: relative;
    padding: 34px;
    width: 25%;
    text-decoration: none;
}

.news-similar__item:hover {
    background-color: #ebebeb;
}

.news-similar__item-photo {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 141px;
}

.news-similar__item-title {
    color: #1b1b1b;
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    margin: 20px 0 32px 0;
    text-transform: uppercase;
    height: 68px;
}

.news-similar__item-text {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    overflow: hidden;
    height: 112px;
}

.news-similar__item+.news-similar__item:after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 0;
    width: 2px;
    background-color: #ebebeb;
}

.news-similar__item:hover+.news-similar__item:after {
    display: none;
}

.news-similar__item-link {
    color: #f28121;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    float: right;
    text-decoration: none;
}


/* NEWS */

.news-block .item.signet-hammer {
    background-image: url('../../images/signet-hammer.png');
    background-position: bottom 10px right 10px;
    background-repeat: no-repeat;
}

.news-block .item.signet-book {
    background-image: url('../../images/signet-book.png');
    background-position: bottom 10px right 10px;
    background-repeat: no-repeat;
}


/* ANALITICS */


/*.full-faq .question {
	width: 94%;
}
.analytics_full .question{
	width:95.5%;
}*/


/*.full-faq.analytics_full .question .ref{
	right:-43px;
}
.full-faq .question .ref {
	right: -42px;
}*/

.ui-tabs-anchor.active {
    color: #f28121;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.popup-copyright-access-wrapper {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999999;
    padding: 30px;
    border-top: 3px solid #f28121;
}

.popup-copyright-access-wrapper__text {
    position: relative;
    line-height: 1.4;
}

.popup-copyright-access-wrapper__close {
    width: 19px;
    height: 19px;
    position: absolute;
    top: -24px;
    right: -24px;
    cursor: pointer;
    z-index: 1;
}

.popup-copyright-access-wrapper__close i {
    background: #EF7F24;
    width: 26px;
    height: 2px;
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: -3px;
    transition: 0.25s;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
}

.popup-copyright-access-wrapper__close i:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}


/* by Igorr */

.account-message a,
.account-message input,
.account-message textarea,
.account-message button {
    text-decoration: none;
}

.account-message a:hover,
.account-message a:focus,
.account-message input:hover,
.account-message input:focus,
.account-message textarea:hover,
.account-message textarea:focus,
.account-message button:hover,
.account-message button:focus {
    outline: none;
}

.consult-actions {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px;
    border-bottom: 1px solid #9a9a9a;
}

.consult-actions__item {
    font-family: "Myriad Pro";
    font-size: 14px;
    color: #6b6b6b;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right: 20px;
}

.consult-actions__text--bold {
    font-family: "Elektra";
    font-weight: bold;
    color: #6b6b6b;
}

.consult-actions__text--orange {
    color: #f28121;
}

.consult-actions__text--underlined {
    color: #6b6b6b;
    border-bottom: 1px solid #909090;
    text-decoration: none;
}

.consult-actions__about {
    display: flex;
    margin-bottom: 16px;
}

.consult-actions__buttons {
    display: flex;
    justify-content: space-between;
}

.button {
    background-color: #f28121;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    border: none;
    text-decoration: none;
}

.main .button:active,
.main .button:hover {
    background-color: #bf6314
}

.button--m {
    padding: 0 17px;
    height: 40px;
}

.button--disabled {
    background-color: #a8a8a8;
    cursor: not-allowed;
}

.button--disabled:hover {
    background-color: #999;
}

.button__text {
    font-size: 12px;
    font-weight: bold;
    font-family: "Elektra";
    color: inherit;
    text-transform: uppercase;
    white-space: nowrap;
}

.consult-actions__link.disabled {
    background-color: #DFDFDF;
    color: #9F9F9F;
    cursor: default;
    transition: all .3s ease-in-out;
}

.consult-actions__link.disabled:hover {
    color: #fff;
    cursor: pointer;
}

.consult-actions__link {
    padding: 0 15px !important;
}

.consult-empty {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    color: #9a9a9a;
    margin-top: 65px;
}

.consult-empty__item {
    margin-bottom: 36px;
}

.consult-empty__text {
    text-align: center;
    font-family: "Elektra";
    font-weight: normal;
    font-size: 18px;
}

.consult-messages__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 55px;
    font-family: "Elektra";
    font-weight: bold;
    font-size: 14px;
}

.consult-messages__title {
    width: 33.33333%;
    text-align: center;
}

.consult-messages__title:first-child {
    width: calc(30% - 48px);
    text-align: left;
    padding-left: 48px;
}

.consult-messages__list-item {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}

.consult-messages__col {
    width: 30%;
}

.consult-messages__col:first-child {
    display: flex;
    align-items: center;
    width: 22%;
    text-align: left;
    padding-left: 15px;
}

.consult-messages__icon {
    margin-right: 10px;
    font-size: 20px;
}

.consult-messages__list-item {
    color: #6b6b6b;
    font-family: "Elektra";
    font-size: 14px;
    line-height: 1.571;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.consult-messages__list-item:nth-child(2n-1) {
    background-color: #f3f3f3;
}

.consult-messages__list-item:hover {
    border: 1px solid #f28121;
}

.consult-messages__status--new {
    color: #79af33;
}

.consult-messages__number {
    position: relative;
}

.consult-messages__number img {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
}

.consult-chat {
    margin-top: 30px;
}

.consult-chat__done {
    color: #535353;
    font-family: "Elektra";
    font-size: 14px;
    width: calc(100% - 160px);
    text-align: center;
    position: relative;
    margin: auto;
    margin-bottom: 60px;
}

.consult-chat__done--orange {
    color: #f28121;
}

.consult-chat__done::before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(50% - 110px);
    height: 1px;
    background-color: #c2c2c2;
}

.consult-chat__done::after {
    content: ' ';
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(50% - 110px);
    height: 1px;
    background-color: #c2c2c2;
}

.consult-chat__title {
    font-family: "Elektra";
    font-size: 18px;
    font-weight: bold;
    color: #f28121;
    text-align: center;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.chat-message {
    color: #a8a8a8;
    font-family: "Elektra";
    font-size: 14px;
    margin-bottom: 60px;
}

.chat-message__date {
    position: relative;
    width: 100%;
    text-align: right;
    padding-right: 175px;
}

.chat-message__date::before {
    content: ' ';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 160px;
    height: 1px;
    background-color: #c2c2c2;
}

.chat-message__wrapper {
    margin-top: 28px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

.chat-message__avatar {
    margin-left: 8px;
    margin-right: 16px;
}

.chat-message__avatar-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 55px;
    height: 55px;
    border-radius: 27.5px;
    overflow: hidden;
}

.chat-message__avatar-wrapper img {
    max-width: 100%;
    max-height: 100%;
}

.chat-message__content {
    width: 100%;
}

.chat-message__line {
    width: 100%;
    margin-bottom: 22px;
    text-decoration: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

.chat-message__name {
    color: #f28121;
    font-size: 14px;
    font-family: "Elektra";
    font-weight: bold;
    line-height: 1;
}

.chat-message__text {
    color: #222222;
    line-height: 1.571;
    width: 81.5%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}

.chat-message__doc {
    color: #a8a8a8;
    margin-left: 15px;
    margin-right: 15px;
    font-style: italic;
}

.chat-message__docs {
    margin-top: 22px;
    margin-bottom: 0;
}

.chat-message--admin .chat-message__date {
    text-align: left;
}

.chat-message--admin .chat-message__date::before {
    right: auto;
    left: 85px;
}

.chat-message--admin .chat-message__wrapper {
    flex-direction: row-reverse;
}

.chat-message--admin .chat-message__line {
    flex-direction: row-reverse;
}

.chat-message--admin .chat-message__name {
    margin-left: 22px;
}

.chat-message--admin .chat-message__avatar {
    margin-left: 24px;
    margin-right: 0;
    margin-top: -24px;
}

.chat-message--admin .chat-message__text {
    /*text-align: right;*/
    padding: 32px 28px 56px 0;
    border-right: 2px solid #f28121;
    /*align-items: flex-end;*/
    margin-top: 10px;
}

.chat-message--admin .chat-message__docs {
    flex-direction: row;
    justify-content: flex-end;
}

.chat-message--admin .chat-message__wait-msg {
    font-family: "Elektra";
    font-size: 14px;
    color: #535353;
    border: 1px solid #f28121;
    padding: 16px 30px 16px 30px;
    width: 400px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: 0;
    margin-top: 20px;
}

.consult-alert {
    position: relative;
    display: none;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}

.consult-alert--warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.consult-form {
    margin-top: 40px;
}

.consult-form__title {
    text-align: left;
    margin-bottom: 27px;
}

.consult-form__container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

.consult-form__textarea {
    height: 85px;
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 20px 30px;
    border-left: 2px solid #f28121;
    line-height: 1.571;
    font-family: "Elektra";
    font-size: 14px;
}

.consult-form__textarea::placeholder {
    color: #e3e3e3;
    font-family: "Elektra";
    font-size: 14px;
    font-style: italic;
}

.consult-form__actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-left: 20px;
    height: 85px;
}

.consult-form__line {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    color: #3f3f3f;
    font-family: "Elektra";
    font-size: 14px;
}

.consult-form__file {
    color: #a8a8a8;
    cursor: pointer;
    margin: 0 13px;
}

.consult-form__file:hover {
    color: #666;
}

.consult-form--big .consult-form__container {
    flex-direction: column;
}

.consult-form--big .consult-form__textarea {
    height: 230px;
    margin-bottom: 25px;
}

.consult-form--big .consult-form__actions {
    margin-left: 0;
    flex-direction: row;
    align-items: center;
    height: auto;
}

.consult-form--big .consult-form__button {
    margin-right: 30px;
    min-width: 155px;
}

.consult-form--big .consult-form__addition {
    margin-bottom: 25px;
    font-family: "Elektra";
    font-size: 14px;
    color: #333333;
}

.consult-form--big .consult-form__addition--orange {
    color: #f28121;
}

.consult-form--big .consult-form__checkbox {
    width: 0;
    height: 0;
    position: relative;
    display: none
}

.consult-form--big .consult-form__label--checkbox {
    float: left;
    width: 12px;
    height: 12px;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #f28121;
    color: #f28121;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.consult-popup {
    position: fixed;
    z-index: 100;
    bottom: -1000px;
    right: 40px;
    width: 300px;
    height: auto;
    background: #EDB78A;
    border: 2px solid #f28121;
    border-radius: 20px;
    padding: 20px;
    color: white;
    font-family: "Elektra";
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: bottom 1s;
}

.consult-popup--active {
    bottom: 20px;
}

.js-consult-form__file-input {
    display: none;
}


/* blanks page breadcrumbs  */


/* unvisited link */

.desc strong a:link {
    color: white;
}


/* visited link */

.desc strong a:visited {
    color: white;
}


/* mouse over link */

.desc strong a:hover {
    color: #F08021;
}


/* selected link */

.desc strong a:active {
    color: #F08021;
}

.search-button {
    padding: 1px;
    color: #bf6314;
    font-size: 19px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.search-button:active,
.search-button:hover {
    color: #f28121;
}

.hidden_lp {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* ie6-9 */
}

.paywall {
    content: '';
    width: 100%;
    height: 15%;
    position: absolute;
    left: 0;
    top: 330px;
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* ie10+ */
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* ie6-9 */
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 640px;
    /* border-radius: 0.5rem; */
}

.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

.lock-link {
    color: orange;
}

.lock-link:hover {
    cursor: pointer;
}