.hide { display: none !important; }
.fancybox-wrap .hide { display: block !important; }
.fancybox-wrap .popup.hide { display: none !important; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

.text-italic { font-style: italic; }
.text-bold { font-weight: bold; }
.text-normal { font-weight: normal; font-style: normal; }

.text-overflow-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.float-none { float: none; }
.float-left { float: left; }
.float-right { float: right; }

.btn.btn-full { max-width: 100%; }
.btn.btn-free { max-width: none; width: auto; white-space: nowrap; }


.lk__invite-new-partners-tabs-wrapper {
    justify-content: unset;
}
.lk__invite-new-partners-tabs-wrapper .tab {
    border-color: #FE9134;
    color: #FE9134;
}
.lk__invite-new-partners-tabs-wrapper .tab.active {
    background-color: #FE9134;
    color: #fff;
}
.lk__invite-new-partners-tabs {
    margin-top: 25px;
}



.form__info {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 31px;
    row-gap: 15px;
}
@media screen and (max-width: 768px) {
    .form__info {
        -moz-column-gap: 0;
        column-gap: 0;
    }
}
.form__info-item {
    grid-column: 6 span;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
@media screen and (max-width: 768px) {
    .form__info-item {
        grid-column: 12 span;
    }
}
.form__protect {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 27px;
}
.form__no {
    padding-top: 27px;
}
.form__info-offer {
    font-size: 17px;
    font-weight: 500;
}
.form__info-offer span {
    color: #F92727;
}
.form__info-content input, .form__info-content select, .form__info-content textarea {
    width: 100%;
    padding: 20px 15px;
}

.form__info-content textarea {
min-height: 200px;
}

.form__info-new {
    padding: 8px;
    background-color: #203254;
    max-width: 40px;
    max-height: 40px;
}
.form__info-btn {
    padding: 11px 211px;
    background-color: #425D8F;
    color: white;
    text-decoration: none;
    margin-top: 25px;
    display: block;
    border: none;
    cursor: pointer;
    transition: 0.3s ease;
}
.form__info-btn:hover {
    opacity: 0.6;
}
@media screen and (max-width: 768px) {
    .form__info-btn {
        padding: 11px 0;
        width: 100%;
        text-align: center;
    }
}

.dynamic-content {
    margin: 0 auto;
    max-width: 1324px;
}
.dynamic-content.dynamic-content-auto img { width: 100% !important; height: auto!important; max-width: 1024px; margin: 10px auto; display: block;}

.dynamic-content.dynamic-content-auto table { width: 100%!important; margin-top: 20px; margin-bottom: 20px; }

.dynamic-content.dynamic-content-auto table thead tr { padding: 10px; font-weight: 800; background-color: #e9f4fe; }

.dynamic-content.dynamic-content-auto table tbody tr { padding: 10px; }

.dynamic-content.dynamic-content-auto table tbody tr:nth-child(2n) { background-color: #e8e8e8; }

.dynamic-content.dynamic-content-auto table tr td { padding: 10px;  }


.user-card { margin-top: 50px; overflow: initial !important; -webkit-transition: margin-left 0.15s ease-in-out; transition: margin-left 0.15s ease-in-out; }
.user-card .user-card__branch { position: relative; width: 560px; padding: 5px; border: 1px solid #e8e8e8; border-radius: 4px; width: 100%; }
.user-card ul { margin-left: 30px; }
.user-card .user-card__picture img { width: 70px; height: 70px; }
.user-card .user-card__info { padding-top: 5px; line-height: 1.42857142857; }
.user-card .user-card__message-link { margin-top: 0; }
.user-card .user-card__message-link .user-card__icon-message { margin-top: -1px; width: 19px; height: 13px; background-size: cover; }
.user-card .user-card__places { margin-top: 20px; margin-right: 12px; position: absolute; right: 10px; z-index: 1; }
.user-card .user-card__place-link { width: 38px; height: 45px; overflow: hidden; display: inline-block; vertical-align: middle; }
.user-card .user-card__place-link:not(:first-child) { margin-left: 10px; }
.user-card .user-card__place-link { position: relative; }
.user-card .user-card__place-link.fx:after { display: block; content: ' '; position: absolute; z-index: 1; left: -100%; top: 0; width: 100%; height: 100%;
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    -webkit-animation: user-card-anim 2s infinite;
    animation: user-card-anim 2s infinite;
}
.user-card .user-card__icon-platform-view { background-size: contain; }
.user-card .user-card__icon-platform-text { top: 23px; font-size: 4px; }

.user-card > li:first-child .user-card__data { margin-left: 32px; border-top: 1px solid #e8e8e8; }
.user-card > li:first-child .user-card__picture { position: relative; left: -80px; top: -42px; }
.user-card > li:first-child .user-card__picture img { margin-bottom: -23px; }
.user-card > li:first-child .user-card__info { margin-left: -95px; margin-top: -30px; font-size: 16px; }
.user-card > li:first-child .user-card__branch { border: 0;  max-width: none; }
.user-card > li:first-child .user-card__places,
.user-card > li:first-child .user-card__time,
.user-card > li:first-child .user-card__message-link { display: none; }

.user-card__box { /*clear: both;*/ }
.user-card__data:after,
.user-card__container:after { display: table; content: ' '; clear: both; }
.user-card__picture { float: left; margin-right: 26px; }
.user-card__picture a { display: block; }
.user-card__picture img { width: 150px; max-width: 100%; height: auto; border-radius: 999px; }
.user-card__info { float: left; line-height: 1.71428571429; padding-top: 30px; }
.user-card__address { max-width: 300px; }
.user-card__message-link { display: inline-block; margin-top: 24px; }
.user-card__message-link:hover { text-decoration: none; color: #333 !important; }
.user-card__message-link:hover .user-card__icon-message { background-position: 0 100%; }
.user-card__icon-message { display: inline-block; margin-right: 4px; width: 29px; height: 20px; background-image: url(../img/icon-message-send.svg); background-position: 50% 0; background-repeat: no-repeat; vertical-align: middle; }
.user-card__places { float: right; }
.user-card__place-link { position: relative; display: block; width: 37px; height: 34px; text-align: center; }
.user-card__icon-platform { display: inline-block; width: 100%; height: 100%; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat;  }
.user-card__icon-platform-1 { background-image: url(../img/platform/icon-platform/icon-platform-1.svg); }
.user-card__icon-platform-2 { background-image: url(../img/platform/icon-platform/icon-platform-2.svg); }
.user-card__icon-platform-21 { background-image: url(../img/platform/icon-platform/icon-platform-21.svg); }
.user-card__icon-platform-22 { background-image: url(../img/platform/icon-platform/icon-platform-22.svg); }
.user-card__icon-platform-3 { background-image: url(../img/platform/icon-platform/icon-platform-3.svg); }
.user-card__icon-platform-4 { background-image: url(../img/platform/icon-platform/icon-platform-21.svg); }
.user-card__icon-platform-5 { background-image: url(../img/platform/icon-platform/icon-platform-10.svg); }
.user-card__icon-platform-view { background-image: url(../img/image-platform-view.png); }
.user-card__icon-platform-text { position: absolute; top: 80px; left: 0; right: 0; font-size: 13px; line-height: 1.23076923077; font-weight: 700; color: #fff; }


.user-card__data_sm .user-card__picture img { width: 50px; max-width: 100%; height: auto; border-radius: 999px; }
.user-card__data_sm .user-card__info { float: left; line-height: 1; padding-top: 0px; }
.user-card__data_sm .user-card__address { max-width: 300px; }


/* Documents Upload */

.page-documents-upload .main-content__box { margin-top: 0; }
.documents-upload__title { margin: 0; padding: 20px 0 20px 50px; border-bottom: 1px solid #e8e8e8; font-size: 30px; font-weight: 300; color: #a6a6a6; }
.documents-upload__desc { margin-top: 30px; }
.documents-upload__document-list-title { font-size: 22px; margin: 30px 0; font-weight: 200; }
.page-documents-upload .hr { border-bottom: 1px solid #e8e8e8; margin-top: 40px; margin-bottom: 40px; }
.documents-upload__submit { display: block; padding-left: 56px; padding-right: 56px; }
.file-upload-box { margin-bottom: 40px; }
.file-upload-box-stat-info { background-color: #eee; font-size: 16px; margin-bottom: 10px; padding: 14px 10px; border-radius: 4px 4px 0 0; }
.page-documents-upload .form-row:first-child { margin-bottom: 26px; }
.documents-upload__label { font-weight: bold; margin-bottom: 4px; }
.documents-upload__file-box { margin-top: 10px;}
.documents-upload__file-box-inner { position: relative; overflow: hidden; display: block; }
.documents-upload__file-box .icon-pipe { margin-left: 10px; }
.documents-upload__file-info { width: 75%; float: left; margin-right: 10px; margin-top: 10px; }
.documents-upload__file-info-box { white-space: nowrap; margin: 0; line-height: 60px; margin-top: 1px; border: 1px solid #77B1F1; }
.documents-upload__file-info-image { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 6px; margin-left: 15px; width: 38px; height: 34px; background-image: url(../img/file-upload-image.png); }
.documents-upload__file-info-text { display: inline-block; vertical-align: middle; width: 90%; overflow: hidden; text-overflow: ellipsis; }
.documents-upload__file-btn { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.documents-upload__file-btn-overlay { width: 100%;     line-height: 40px;    margin-top: 5px; }
.page-documents-upload .info-box { margin-top: 30px; margin-bottom: 30px; }
.page-documents-upload .icon-zoom,
.page-documents-upload .icon-download { margin-right: 10px; }
.page-documents-upload .icon-remove { margin-right: 10px; }
.page-documents-upload .documents-upload__form-row-btn-bar { display: block; border-bottom: 0; padding: 0; margin-top: 30px; }
.documents-upload__file-box-inner .btn { width: 100%; }
.page-documents-upload .icon.icon-pipe { height: 50px; }
.lk__upload-docs-form input[type=file] { display: block; }


/* Business Card */
.page-business-card {}
.page-business-card .page-title { margin-bottom: 30px; }
.page-business-card .form-label { width: 260px; }
.page-business-card .form-label--full { width: 100%; margin-bottom: 20px; }
.page-business-card .bc-rdo-boxes { text-align: center; font-size: 0; }
.page-business-card .bc-rdo-box { transition: all .25s ease-in-out; margin-left: 32px; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.page-business-card .bc-rdo-box:first-child { margin-left: 0; }
.page-business-card .bc-rdo-box:hover { transform: scale(1.25); }
.page-business-card .bc-rdo-box.orientation-p { width: 120px; height: 66px; }
.page-business-card .bc-rdo-box.orientation-l { width: 66px; height: 120px; }
.page-business-card .bc-rdo-box img { display: inline-block; text-align: center; vertical-align: middle; }
.page-business-card .bc-rdo-box input[type="radio"] { display: none; }
.page-business-card .bc-rdo-box input[type="radio"]:checked + .bc-active { background-position: 50% 50%; background-repeat: no-repeat; background-color: rgba(241, 179, 91, 0.7); background-image: url(../img/icon-bc-active.svg); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.business-card__example-box { margin-top: 30px; margin-bottom: 30px; padding: 30px; background-color: #f4f4f4; min-height: 216px; }
.business-card__example-img { float: left; width: 200px; height: 200px; margin-right: 30px; text-align: center; padding: 20px 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
.business-card__example-desc { overflow: hidden; }
.page-business-card .btn-bar { text-align: center; margin-top: 50px; }
.page-business-card .btn-bar .btn { padding-left: 100px; padding-right: 100px; }

.page-business-card--calendar {}
/*
.page-business-card--calendar .bc-rdo-boxes,
.page-business-card--calendar .form-label--full { display: none; }
*/
.page-business-card--calendar form { margin-bottom: 80px; }



#message-filter { float: right; margin-bottom: 30px; width: 295px; }
.message-num { display: inline-block; margin-left: 4px; }
.message-table .unreaded { font-weight: bold; }
.message-table .icon-attachment { display: inline-block; vertical-align: middle; width: 22px; height: 20px;  background-image: url(../img/icon-attachment.svg); }


.message-table { table-layout: fixed;  }
.message-table tr.unreaded td { font-weight: bold; }
.message-table a {text-decoration: none; }


.page-message-item {}
.page-message-item .main-content__box { margin-top: 6px; }
.page-message-item .page-title { padding-top: 0; }
.page-message-item .msg-header { margin-bottom: 20px; clear: both; }
.page-message-item .msg-header .msg-header-row { margin-bottom: 4px; font-size: 16px; }
.page-message-item .msg-header .msg-header-row--attach { font-size: 14px; margin-top: 16px; }
.page-message-item .msg-header .msg-header-label { display: inline-block; vertical-align: middle; margin-right: 4px; font-weight: bold; }
.page-message-item .msg-header .msg-header-text { display: inline-block; vertical-align: middle; }
.page-message-item .msg-content { padding: 20px; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;   }
.page-message-item .file_ { display: inline-block; margin-bottom: 4px; margin-right: 4px; padding: 10px 20px; border-radius: 2px; background-color: #f6fbfb; border: 1px solid #c1e5e4; }
.page-message-item .file_:hover { text-decoration: none; border-color: #61A9F1; color: #61A9F1; }
.page-message-item .msg-footer { margin-top: 30px;     display: flex;  column-gap: 10px; }
.page-message-item .msg-footer .btn { padding-left: 30px; padding-right: 30px; }
.page-message-item .msg-footer .btn.btn-3 { margin-left: 10px; }
.page-message-item .msg-footer .icon { margin-right: 10px; }




/* PLATFORM */

.page-platform .chk__icon { margin-right: 10px; }
.page-platform .info-box { margin-top: 20px; }
.platforms { margin-bottom: 60px; margin-left: auto;  margin-right: auto; max-width: 780px; }
.fancybox-wrap .platforms { margin-bottom: 0; }
.platforms__desc { line-height: 1.57142857143; margin-top: 10px; margin-bottom: 30px; }

.platforms__box { position: relative; overflow: hidden; padding: 2px; width: 771px; height: 370px; margin: 0 auto; border-radius: 2px; }
.platforms__box:before { display: block; content: ' ';z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50% 50%; background-repeat: no-repeat; }
.platforms__box:after { display: block; content: ' '; z-index: 0; position: absolute; left: 0; top: 0; width: 200px; height: 100%; -webkit-animation: platform-anim 10s infinite; animation: platform-anim 10s infinite; }

.platforms__box--1 { background-color: #6c6c6c; }
.platforms__box--2 { background-color: #a98d50; }
.platforms__box--21 { background-color: #ccc; }
.platforms__box--22 { background-color: #333; }
.platforms__box--3 { background-color: #ccc; }
.platforms__box--4 { background-color: #272727; }
.platforms__box--5 { background-color: #6c6c6c; }
/*.platforms__box--30 { background-color: #272727; }*/

.platforms__box--1:before { background-image: url(../img/platform/platforms-bg-crop-1.png); }
.platforms__box--2:before { background-image: url(../img/platform/platforms-bg-crop-2.png); }
.platforms__box--21:before { background-image: url(../img/platform/platforms-bg-crop-21.png); }
.platforms__box--22:before { background-image: url(../img/platform/platforms-bg-crop-22.png); }
.platforms__box--3:before { background-image: url(../img/platform/platforms-bg-crop-3.png); }
.platforms__box--4:before { background-image: url(../img/platform/platforms-bg-crop-30.png); }
.platforms__box--5:before { background-image: url(../img/platform/platforms-bg-crop-10.png); }
/*.platforms__box--30:before { background-image: url(../img/platform/platforms-bg-crop-30.png); }*/

.platforms__box--1:after { background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); -webkit-animation-delay: -9.5s; animation-delay: -9.5s; }
.platforms__box--2:after { background: -webkit-linear-gradient(left,  rgba(169,141,80,0) 0%,rgba(112,82,24,1) 26%,rgba(255,243,220,1) 50%,rgba(112,82,24,1) 74%,rgba(169,141,80,0) 100%); background: linear-gradient(to right,  rgba(169,141,80,0) 0%,rgba(112,82,24,1) 26%,rgba(255,243,220,1) 50%,rgba(112,82,24,1) 74%,rgba(169,141,80,0) 100%); -webkit-animation-delay: -9s; animation-delay: -9s; }
.platforms__box--21:after { background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); -webkit-animation-delay: -8.5s; animation-delay: -8.5s; }
.platforms__box--22:after { background: -webkit-linear-gradient(left,  rgba(169,141,80,0) 0%,rgba(112,82,24,1) 26%,rgba(255,243,220,1) 50%,rgba(112,82,24,1) 74%,rgba(169,141,80,0) 100%); background: linear-gradient(to right,  rgba(169,141,80,0) 0%,rgba(112,82,24,1) 26%,rgba(255,243,220,1) 50%,rgba(112,82,24,1) 74%,rgba(169,141,80,0) 100%); -webkit-animation-delay: -8s; animation-delay: -8s; }
.platforms__box--3:after { background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); -webkit-animation-delay: -7.5s; animation-delay: -7.5s; }
.platforms__box--4:after { background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); -webkit-animation-delay: -6.5s; animation-delay: -6.5s; }
.platforms__box--5:after { background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); -webkit-animation-delay: -7s; animation-delay: -7s; }
/*.platforms__box--30:after { background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(186,186,186,1) 26%,rgba(255,255,255,1) 50%,rgba(186,186,186,1) 74%,rgba(255,255,255,0) 100%); -webkit-animation-delay: -6.5s; animation-delay: -6.5s; }*/

.platforms__title { position: relative; overflow: hidden; font-size: 24px; font-weight: 800; margin-bottom: 8px;  }
.platforms__title .chk__box { float: right; margin-right: 0; position: relative; top: -8px; }
.platforms__title .chk__icon { margin-right: 0; margin-left: 10px; }
.platforms__title-new { font-weight: 300; color: #e00b00; }
.platforms__title-icon-1,
.platforms__title-icon-2,
.platforms__title-icon-21,
.platforms__title-icon-22,
.platforms__title-icon-3,
.platforms__title-icon-4,
.platforms__title-icon-5 { display: inline-block; vertical-align: middle; margin-right: 8px; width: 37px; height: 34px; background-repeat: no-repeat; background-position: 50% 50%; }
.platforms__title-icon-1 { background-image: url(../img/platform/icon-platform-1.svg); }
.platforms__title-icon-2 { background-image: url(../img/platform/icon-platform-2.svg); }
.platforms__title-icon-3 { background-image: url(../img/platform/icon-platform-3.svg); }
.platforms__title-icon-4 { background-image: url(../img/platform/icon-platform-21.svg); }
.platforms__title-icon-5 { background-image: url(../img/platform/icon-platform-10.svg); }
/*.platforms__title-icon-30 { background-image: url(../img/platform/icon-platform-30.svg); }*/
.platforms__list { position: relative; list-style: none; margin: 0; padding: 0; margin-top: -2px; margin-left: -2px; }
.platforms__list-item { position: absolute; z-index: 1; width: 126px; height: 145px; background-image: url(../img/platform/icon-platform-empty-1.svg); background-repeat: no-repeat; background-position: 50% 50%; }
.platforms__list-item--1 { top: 52px; left: 324px; }
.platforms__list-item--2 { top: 165px; left: 129px; }
.platforms__list-item--3 { top: 165px; left: 259px; }
.platforms__list-item--4 { top: 165px; left: 389px; }
.platforms__list-item--5 { top: 165px; left: 519px; }
.platforms__link { display: block; width: 100%; height: 100%; text-align: center; font-size: 13px; text-decoration: none; color: #333; background-position: 50% 50%; background-repeat: no-repeat; }
.platforms__link:hover { text-decoration: none; color: #333; }
.platforms__image-box { display: block; }
.platforms__image { display: inline-block; margin-top: 22px; border-radius: 999px; border: 1px solid #fff; box-shadow: 0 0 3px rgba(0,0,0,.15); }
.platforms__list-item--to-be-anim .platforms__image { -webkit-animation: platforms-to-be-anim 3.5s infinite; animation: platforms-to-be-anim 3.5s infinite; }
.platforms__list-item--own-anim .platforms__image { -webkit-animation: platforms-own-anim 3.5s infinite; animation: platforms-own-anim 3.5s infinite; }
.platforms__user-id { display: block; color: #333; text-decoration: none; margin-top: 6px; }
.platforms__list-item--own .platforms__user-id { font-weight: 700; }
.platforms__list-item--own:after { position: absolute; z-index: 1; top: 134px; left: 35px; display: block; content: ' '; width: 56px; height: 117px; background-repeat: no-repeat; background-position: 50% 50%; }
.platforms__list-item--1.platforms__list-item--own:after { top: -107px;  }

.platforms__box--1 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-1.svg); }
.platforms__type-1 .platforms__link { background-image: url(../img/platform/icon-platform-default-1.svg); }
.platforms__type-1.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-1.svg); }
.platforms__type-1.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-1.svg); }
.platforms__type-1.platforms__list-item:hover .platforms__link .platforms__user-id { color: #333; }
.platforms__type-1.platforms__list-item--own .platforms__user-id { color: #fff; }
.platforms__type-1.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-1.svg); }
.platforms__type-1.platforms__list-item--1.platforms__list-item--own:after {background-image: url(../img/platform/icon-platform-own-decoration-top-1.svg); }

.platforms__box--2 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-2.svg); }
.platforms__type-2 .platforms__link { background-image: url(../img/platform/icon-platform-default-2.svg); }
.platforms__type-2.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-2.svg); }
.platforms__type-2.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-2.svg); }
.platforms__type-2.platforms__list-item:hover .platforms__link .platforms__user-id { color: #333; }
.platforms__type-2.platforms__list-item--own .platforms__user-id { color: #fff; }
.platforms__type-2.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-2.svg); }
.platforms__type-2.platforms__list-item--1.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-top-2.svg); }

.platforms__box--21 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-21.svg); }
.platforms__type-21 .platforms__link { background-image: url(../img/platform/icon-platform-default-21.svg); }
.platforms__type-21.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-21.svg); }
.platforms__type-21.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-21.svg); }
.platforms__type-21 .platforms__user-id { color: #fff; }
.platforms__type-21.platforms__list-item:hover .platforms__link .platforms__user-id { color: #fff; }
.platforms__type-21.platforms__list-item--own .platforms__user-id { color: #fff; }
.platforms__type-21.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-21.svg); }
.platforms__type-21.platforms__list-item--1.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-top-21.svg); }

.platforms__box--22 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-22.svg); }
.platforms__type-22 .platforms__link { background-image: url(../img/platform/icon-platform-default-22.svg); }
.platforms__type-22.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-22.svg); }
.platforms__type-22.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-22.svg); }
.platforms__type-22.platforms__list-item:hover .platforms__link .platforms__user-id { color: #000; }
.platforms__type-22.platforms__list-item--own .platforms__user-id { color: #000; }
.platforms__type-22.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-22.svg); }
.platforms__type-22.platforms__list-item--1.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-top-22.svg); }

.platforms__box--3 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-3.svg); }
.platforms__type-3 .platforms__link { background-image: url(../img/platform/icon-platform-default-3.svg); }
.platforms__type-3.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-3.svg); }
.platforms__type-3.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-3.svg); }
.platforms__type-3.platforms__list-item:hover .platforms__link .platforms__user-id { color: #333; }
.platforms__type-3.platforms__list-item--own .platforms__user-id { color: #fff; }
.platforms__type-3.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-3.svg); }
.platforms__type-3.platforms__list-item--1.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-top-3.svg); }

.platforms__box--4 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-30.svg); }
.platforms__type-4 .platforms__link { background-image: url(../img/platform/icon-platform-default-30.svg); }
.platforms__type-4.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-30.svg); }
.platforms__type-4.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-30.svg); }
.platforms__type-4.platforms__list-item:hover .platforms__link .platforms__user-id { color: #dfc179; }
.platforms__type-4.platforms__list-item--own .platforms__user-id { color: #dfc179; }
.platforms__type-4.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-30.svg); }
.platforms__type-4.platforms__list-item--1.platforms__list-item--own:after {background-image: url(../img/platform/icon-platform-own-decoration-top-30.svg); }

.platforms__box--5 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-22.svg); }
.platforms__type-5 .platforms__link { background-image: url(../img/platform/icon-platform-default-22.svg); }
.platforms__type-5.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-22.svg); }
.platforms__type-5.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-22.svg); }
.platforms__type-5.platforms__list-item:hover .platforms__link .platforms__user-id { color: #333; }
.platforms__type-5.platforms__list-item--own .platforms__user-id { color: #fff; }
.platforms__type-5.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-22.svg); }
.platforms__type-5.platforms__list-item--1.platforms__list-item--own:after {background-image: url(../img/platform/icon-platform-own-decoration-top-22.svg); }

/*
.platforms__box--30 .platforms__list-item { background-image: url(../img/platform/icon-platform-empty-30.svg); }
.platforms__type-30 .platforms__link { background-image: url(../img/platform/icon-platform-default-30.svg); }
.platforms__type-30.platforms__list-item--own .platforms__link { background-image: url(../img/platform/icon-platform-own-30.svg); }
.platforms__type-30.platforms__list-item:hover .platforms__link { background-image: url(../img/platform/icon-platform-hover-30.svg); }
.platforms__type-30.platforms__list-item:hover .platforms__link .platforms__user-id { color: #dfc179; }
.platforms__type-30.platforms__list-item--own .platforms__user-id { color: #dfc179; }
.platforms__type-30.platforms__list-item--own:after { background-image: url(../img/platform/icon-platform-own-decoration-bottom-30.svg); }
.platforms__type-30.platforms__list-item--1.platforms__list-item--own:after {background-image: url(../img/platform/icon-platform-own-decoration-top-30.svg); }
*/


.platforms__details {}
.platforms__details-list { margin: 0; padding: 0; list-style: none; }
.platforms__details-list-item { position: relative; padding: 10px 0; border-bottom: 1px solid #cacaca; }
.platforms__details-list-item.hide { display: none !important; }
.platforms__details-list-item:before,
.platforms__details-list-item:after { display: table; content: ' '; clear: both; }
.platforms__details-user-image-box { float: left; margin-right: 10px; }
.platforms__details-user-image { display: block; border-radius: 999px; }
.platforms__details-user-data-1,
.platforms__details-user-data-2 { padding-top: 4px; line-height: 1.42857142857; }
.platforms__details-user-data-1 { float: left; width: 300px; }
.platforms__details-user-data-2 { overflow: hidden; }
.platforms__details-user-name { display: inline-block; vertical-align: middle; margin-right: 4px; }
.platforms__details-user-id { display: inline-block; vertical-align: middle; }
.platfroms__details-send-message { display: inline-block; vertical-align: middle; text-decoration: none; color: #61A9F1; }
.platfroms__details-send-message:hover { text-decoration: none; color: #333; }
.platforms__details-send-message-icon { display: inline-block; vertical-align: middle; margin-top: -3px; width: 20px; height: 13px; background-image: url(../img/icon-message-send.svg); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; }
.platforms__details-close-btn { display: block; position: absolute; right: 0; top: 10px; width: 33px; height: 33px; border: 0; background-color: transparent; background-image: url(../img/platform/icon-platform-close.svg); background-position: 50% 50%; background-repeat: no-repeat; }
.platforms__details-close-btn:hover { opacity: .8; }

.platforms__form { margin-bottom: 50px; }
.platforms__form .form-row { text-align: center; background-color: #e6f4f4; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 14px; margin-bottom: 0; }
.platforms__form .form-row .form-control { float: left; width: 96px; text-align: center; }
.platforms__form .form-row .form-control + .btn { float: left; margin-left: -4px; }
.platforms__form .form-col { display: inline-block; vertical-align: middle; }
.platforms__form .form-desc + .form-col { float: left; margin-top: 10px; }
.platforms__form .form-label { display: inline-block; vertical-align: middle; float: none; width: auto; margin-right: 10px; white-space: nowrap; }
.platforms__form .form-content { display: inline-block; vertical-align: middle; width: 160px; }
.platforms__form .form-title { font-size: 18px; font-weight: bold; text-align: left; }
.platforms__form .form-desc { text-align: left; margin: 10px 0; }
.platforms__form .platform-image-box { display: inline-block; vertical-align: middle; margin-right: 10px; }
.platforms__form .platform-image { display: inline-block; vertical-align: middle; border-radius: 999px; }
.platforms__form .platform-user-box { white-space: nowrap; display: inline-block; vertical-align: middle; }
.platforms__form .platform-user-box .error { color: #9f0000; }
.platforms__form .btn-bar { float: right; }
.platforms__form .btn-bar .btn { padding-left: 40px; padding-right: 40px; margin-top: 10px; }

.platforms__form + .search_items .paging--top { margin-bottom: 30px; }
.platforms__form + .search_items + .platforms { margin-top: 30px; }
.platforms__form + .search_items .select_button { float: right; position: relative; top: -12px; }
.platforms__form .form-content { width: auto; }
.platforms__form + .search_items .search_result_separator { margin-bottom: 50px; width: 50%; height: 1px; background-color: #ccc; margin-left: auto; margin-right: auto; }
/* Platform List */
.platform-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; list-style: none; margin: 0 0 50px 0; padding: 0; font-size: 16px; }
.platform-list__item { width: 200px; text-align: center; cursor: pointer; }
.platform-list__title { position: relative; z-index: 1; padding-left: 20px; padding-right: 20px; top: 50px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; opacity: 0; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; }
.platform-list__icon-box { background-color: #fff; position: relative; z-index: 2; }
.platform-list__icon { display: inline-block; vertical-align: top; width: 120px; height: 114px; background-repeat: no-repeat; }
.platform-list__icon--1 { background-image: url(../img/platform/icon-platform-1.svg); }
.platform-list__icon--2 { background-image: url(../img/platform/icon-platform-2.svg); }
.platform-list__icon--21 { background-image: url(../img/platform/icon-platform-21.svg); }
.platform-list__icon--22 { background-image: url(../img/platform/icon-platform-22.svg); }
.platform-list__icon--3 { background-image: url(../img/platform/icon-platform-3.svg); }
.platform-list__icon--5 { background-image: url(../img/platform/icon-platform-10.svg); }
.platform-list__desc { position: relative; z-index: 0; background-color: #fff; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; }
.platform-list__btn { position: relative; z-index: 1; bottom: 50px; padding-left: 50px; padding-right: 50px; text-transform: uppercase; opacity: 0; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; }

.platform-list__item:hover .platform-list__title { opacity: 1; top: 0; }
.platform-list__item:hover .platform-list__btn { opacity: 1; bottom: 0; }

.platform_number { position: absolute; margin-left: -25px; left: 50%; width: 50px; border-radius: 999px; background-color: #31c100; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75; }
.platform_number--top { top: -10px; }
.platform_number--bottom { bottom: -10px; }


.page-platform .table { table-layout: fixed; }
.page-platform .table tr.unreaded td { font-weight: bold; }
.page-platform .table th,
.page-platform .table td { padding: 10px; }
.page-platform .table th { font-size: 16px; border-width: 1px !important; }
.page-platform .table th:nth-child(1) { width: 50px; }
.page-platform .table th:nth-child(2) { width: 172px; }
.page-platform .table th:nth-child(3) { width: 200px; }
.page-platform .table td { height: 50px; vertical-align: middle; overflow: hidden; white-space: normal; }
.page-platform .table td span { white-space: nowrap; }
.page-platform .table tr:last-child td { border-bottom: 1px solid #e8e8e8 !important; }
.page-platform .table td a { font-weight: bold; color: #333; }
.page-platform .table td a:hover { text-decoration: none; }
.page-platform .platform__icon { display: inline-block; vertical-align: middle; margin-right: 8px; width: 37px; height: 34px; background-repeat: no-repeat; background-position: 50% 50%; }
.page-platform .platform__icon-1 { background-image: url(../img/platform/icon-platform-1.svg); }
.page-platform .platform__icon-2 { background-image: url(../img/platform/icon-platform-2.svg); }
.page-platform .platform__icon-3 { background-image: url(../img/platform/icon-platform-3.svg); }
.page-platform .platform__icon-4 { background-image: url(../img/platform/icon-platform-21.svg); }
.page-platform .platform__icon-5 { background-image: url(../img/platform/icon-platform-10.svg); }


.next_platform_container { border: 1px solid lightgrey;  margin-top: -40px; padding: 20px 10px 20px 10px; background-color: #f4f5f5; border-radius: 5px;  }
.next_platform__title { margin: 5px auto; font-size: 20px; text-transform: uppercase; text-align: center; font-weight: 400; }
.next_platform__desc { line-height: 1.5; text-align: center; }
.next_platform__details { overflow: hidden; max-height: 4000px; -webkit-transition: max-height .5s ease; transition: max-height .5s ease; }
.next_platform__details.next_platform__details--hide { max-height: 0; }
.next_platform__show-details-btn-bar { text-align: center; }
.next_platform__show-details-btn {  display: inline-block; vertical-align: middle; font-size: 18px; color: #5F62CD; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.next_platform__show-details-btn:hover,
.next_platform__show-details-btn:focus { color: #5F62CD; opacity: 0.9; }
.next_platform__show-details-btn:hover { text-decoration: none; }
.next_platform__show-details-btn:active { color: #5F62CD; opacity: 1; }
.next_platform__show-details-btn-icon { display: inline-block; vertical-align: middle; margin-bottom: 10px; width: 18px; height: 10px; background-image: url(../img/icon-hide-and-show-arrows.png); background-repeat: no-repeat; }
.next_platform__show-details-btn-text { display: block; }
.next_platform__show-details-btn:hover { cursor: pointer; }
.next_platform__show-details-btn--show .next_platform__show-details-btn-icon { background-position: 0 0; }
.next_platform__show-details-btn--hide .next_platform__show-details-btn-icon { background-position: 0 -10px; }


.next_platform_container.platforms__box--1 { border-color: #6c6c6c; }
.next_platform_container.platforms__box--2 { border-color: #a98d50; }
.next_platform_container.platforms__box--21 { border-color: #ccc; }
.next_platform_container.platforms__box--22 { border-color: #333; }
.next_platform_container.platforms__box--3 { border-color: #ccc; }
.next_platform_container.platforms__box--4 { border-color: #272727; }
.next_platform_container.platforms__box--5 { border-color: #6c6c6c; }


.cert_info_box {
    font-size: 18px;
    list-style: none;
}
.cert_info_box span { font-weight: 800;}



/* Pay */
.page-pay {}
.page-pay .page-title { margin-bottom: 30px; }
.page-pay > .btn > .icon-remove { margin-right: 4px; }
.pay__info-bar{ overflow: hidden; border-bottom: 1px solid #bababa; font-size: 24px; font-weight: 300; padding: 0 12px; }
.pay__info-id,
.pay__info-weight-total { font-size: 16px; position: relative; top: 8px; }
.pay__info-id { float: right; }
.pay__info-weight-total { float: right; margin-left: 20px; }
.pay__table { margin: 0; table-layout: fixed; }
.pay__table tbody tr:first-child td { border-top: 0; }
.pay__table tbody tr td { padding: 12px; width: 100%; }
.pay__table:first-child tbody tr td:first-child { white-space: nowrap; width: 1%; }
.pay__table tbody tr:last-child td { background-color: #f5f5f5; }
.pay__table tfoot tr td { padding: 12px; }
.pay__table tfoot tr.pay__table-border td { border-top: 1px solid #333; height: 0; padding: 0; font-size: 0; }
.pay__table tfoot tr:last-child td { padding: 18px 12px; font-size: 18px; background-color: #5F62CD; color: #fff; }
.pay__tabs { margin-top: 50px; border-bottom: 1px solid #61A9F1; }
.pay__tabs:before,
.pay__tabs:after { display: table; content: ' '; clear: both; }
.pay__tabs .tabulator { text-align: center; }
.pay__tabs .tabulator li { display: inline-block; float: none; padding-left: 0; padding-right: 0; }
.pay__tabs .tabulator li a { padding-left: 8px; padding-right: 8px; font-size: 16px; }
.pay__tabs .tabs__content-list { list-style: none; margin: 0; padding: 0; }
.pay__tabs .tabs__content-list-item { padding: 20px 0; }
.pay__tab-bank-transfer-desc { margin-bottom: 20px; }
.pay__tab-bank-transfer-btn-bar { text-align: center; font-size: 0; }
.pay__tab-bank-transfer-btn-bar .btn { margin-left: 10px; padding-left: 40px; padding-right: 40px; }
.pay__tab-bank-transfer-btn-bar .btn:first-child { margin-left: 0; }
.pay__tab-coupon-table { margin: 0; }
.pay__tab-coupon-table tbody tr th,
.pay__tab-coupon-table tbody tr td { vertical-align: middle; padding: 10px 20px; }
.pay__tab-coupon-table tbody > tr > th,
.pay__tab-coupon-table tbody > tr > td { border-top: 0; background-color: #f5f5f5; }
.pay__tab-coupon-table tbody > tr:first-child > th,
.pay__tab-coupon-table tbody > tr:first-child > td { border-bottom: 1px solid #e8e8e8; }
.pay__tab-coupon-btn-bar { margin-top: 20px; text-align: center; }
.pay__tab-coupon-btn { padding-left: 40px; padding-right: 40px; }
.pay__tab-account-desc { margin-top: 20px; margin-bottom: 20px; }
.pay__tab-account-btn-bar { text-align: center; }
.pay__tab-account-btn-bar .btn { padding-left: 40px; padding-right: 40px; }
.pay__tab-online-list { margin: 0; padding: 0; list-style: none; }
.pay__tab-online-item { border-top: 1px solid #e8e8e8; overflow: hidden; padding: 20px 0; }
.pay__tab-online-item:first-child { border-top: 0; }
.pay__tab-online-item-image-box { float: left; }
.pay__tab-online-item-image { border-radius: 4px; border: 1px solid #e8e8e8; }
.pay__tab-online-item-image.float-left { margin-right: 20px; margin-bottom: 0; }
.pay__tab-online-item-content-box { padding: 0 20px; overflow: hidden; }
.pay__tab-online-item-content-title { font-size: 18px; font-weight: 300; margin-bottom: 5px; }
.pay__tab-online-item-content-desc { line-height: 1.5; max-height: 44px; }
.pay__tab-online-item-content-desc.pay__tab-online-item-content-desc--full { max-height: none; }
.pay__tab-online-item-content-desc.pay__tab-online-item-content-desc--full p:first-child { margin-top: 5px; }
.pay__tab-online-item-content-desc.pay__tab-online-item-content-desc--full p:last-child { margin-bottom: 0; }
.pay__tab-online-item .btn { float: right; margin-top: 20px; padding-left: 40px; padding-right: 40px; }
.page-pay .icon-print { display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -1px; width: 21px; height: 17px; background-image: url(../img/icon-print.svg); background-position: 50% 50%; background-repeat: no-repeat; }
.page-pay .icon-refresh { display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -1px; width: 21px; height: 21px; background-image: url(../img/icon-refresh-light-2.svg); background-position: 50% 50%; background-repeat: no-repeat; }
.pay__table + .error-list-box { margin-top: 30px; }
.page-pay .contract_upload_box { margin-top: 40px; background-color: #f5f5f5; padding: 12px;}


.agreement-header { position: relative; background-color: #5F62CD; text-align: center; font-size: 16px; text-transform: uppercase; margin-top: 60px; padding: 9px; }

.page-pay--agreement { color: #000; }
.page-pay--agreement .pay__info-bar { text-transform: uppercase; font-weight: 600; font-size: 20px; }
.page-pay--agreement .pay__info-bar div { text-transform: none; font-weight: normal; top: 4px; }
.page-pay--agreement .pay__table td { font-size: 16px; text-transform: uppercase; }
.page-pay--agreement .pay__table tbody tr:last-child td { background-color: #fff; padding: 18px 12px; }
.page-pay--agreement .pay__table tfoot td { color: #000; }
.page-pay--agreement .agreement-header .btn-bar { position: absolute; top: 0;right: 0; height: 100%; font-size: 0; }
.page-pay--agreement .agreement-header .btn-bar a { position: relative; display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-left: 1px solid #fff; }
.page-pay--agreement .agreement-header .btn-bar a:hover { background-color: rgba(255,255,255,.1); }
.page-pay--agreement .agreement-header .btn-print-icon,
.page-pay--agreement .agreement-header .btn-save-icon { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: 50% 50%; background-repeat: no-repeat; }
.page-pay--agreement .agreement-header .btn-print-icon { background-image: url(../img/icon-print.svg); }
.page-pay--agreement .agreement-header .btn-save-icon { background-image: url(../img/icon-save.svg); }
.page-pay--agreement .agreement-content { font-size: 14px; height: 360px; overflow-y: scroll; border: 1px solid #d0d0d0; border-top: 0; padding: 20px; margin-bottom: 20px; }
.page-pay--agreement .agreement-content p:first-child { margin-top: 0; }
.page-pay--agreement .agreement-content p:last-child { margin-bottom: 0; }
.page-pay--agreement .agreement-content + .btn { margin-bottom: 70px; text-transform: uppercase; font-size: 20px; }
.page-pay--agreement .chk__box { margin-top: 10px; margin-bottom: 10px; }
.page-pay--agreement .chk__icon { margin-right: 10px; }

.page-pay .button_pay { margin-top: 20px; }
.page-pay .button_pay .btn { padding-left: 60px; padding-right: 60px;  }
.page-pay .icon-bitcoin { display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url(../img/icon-bitcoin.png) no-repeat 50% 50%; }
.page-pay .btn-bitcoin { margin-left: 10px; margin-right: 10px; }
.page-pay .button_pay iframe{ width: 166px !important; height: 52px !important; float: right; }

/* FAQ */
.faq__sidebar { float: left; width: 405px; }
.faq__text { margin-bottom: 50px; }
.faq__sidebar-list { list-style: none; margin: 0; padding: 0; max-width: 380px; }
.faq__sidebar-item { line-height: 2.14285714286; }
.faq__sidebar-link { font-weight: bold; text-decoration: none; }
.faq__sidebar-link:hover { color: #333; text-decoration: none; }
.faq__sidebar-link:active { color: #000; }
.faq__sidebar-item--active .faq__sidebar-link { color: rgba(97, 169, 241, 0.85); }
.faq__content { overflow: hidden; }
.faq__content-title { font-size: 24px; font-weight: 300; margin-bottom: 30px; }
.faq__expand-all { position: relative; top: 7px; float: right; font-size: 14px; font-weight: normal; }
.faq__expand-all:hover { text-decoration: none; color: #333; }
.faq__expand-all:active { text-decoration: none; color: #000; }
.faq__content-list { list-style: none; margin: 0; padding: 0; }
.faq__content-item { background-image: url(../img/icon-caret-right.svg); background-position: 0 8px; background-repeat: no-repeat; }
.faq__content-item--active { background-image: url(../img/icon-caret-down.svg); background-repeat: no-repeat; background-position: 0 12px; }
.faq__content-dt { margin: 0; padding: 0 0 0 30px; font-size: 14px; color: #f33052; line-height: 2.14285714286; }
.faq__content-item:first-child .faq__content-dt { margin-top: 0; }
.faq__content-dd { display: none; padding-left: 30px; }
.faq__content-item--active .faq__content-dd { display: block; }
.faq__content-dt-link { text-decoration: none; font-weight: bold; }
.faq__content-dt-link:hover { color: #333; text-decoration: none; }
.faq__content-dt-link:active { color: #000; text-decoration: none; }
.faq__content-dd { margin-top: 20px; margin-bottom: 30px; }
.faq__info-box-icon { top: 21px; left: 30px; }
.faq__hr { margin-top: 40px; margin-bottom: 20px; clear: both; }
.faq__form_container { display: flex; }
.faq__form { max-width: 1024px; display: inline-block; width: 100%;  margin-left: auto; margin-right: auto;}
.faq__form-title { font-size: 30px; font-weight: 300; margin-bottom: 30px; }
.faq__form-btn { padding-left: 40px; padding-right: 40px; }
.faq__form .form-label { width: 140px; }
.faq__form .form-row--btn-bar { margin-top: 30px; }
.faq__form .notification { margin-bottom: 20px;}



@media screen and (max-width: 960px) {

    .faq-nav__toggle {
        display: block;
    }

    .faq__sidebar {
        display: none;
    }

    .faq-nav_title { display: none; }

    .faq__sidebar.faq-nav--on {
        display: block;
        margin-top: 0px;
        background: white;
        width: 100%;
        padding-bottom: 20px;
        /*border: 1px solid #bababa;*/
    }


    .faq__sidebar-list {
        position: static;
        display: block;
        margin: 0 20px;
        max-width: 100%;
    }

    .faq__sidebar__item {
        display: block;
        border-left: 0;
        border-top: 1px solid #463420;
    }

    .faq__sidebar-link {
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: left;
    }

}



/* ###################### popover ######################*/

.object-popover { position: absolute;  z-index: 2; left: 144px; top: 0; right: 81px;  }
.object-popover__table-box { background-color: #fdf5ea; border: 1px solid #bababa; box-shadow: 0 0 10px rgba(0,0,0,.3); }
.object-popover__table-box:before,
.object-popover__table-box:after { display: block; content: ' '; position: absolute; z-index: 3; /* right: -9px; */ left: -14px; top: 40px; width: 0; height: 0; border-style: solid; border-width: 8px 13px 8px 0;  border-color: transparent #fdf5ea transparent transparent; }
.object-popover__table-box:before { left: -12px; }
.object-popover__table-box:after { border-width: 10px 15px 10px 0; top: 38px; border-color: transparent #bababa transparent transparent; z-index: 1; }
.object-popover-title { margin-bottom: 20px; padding: 20px; font-size: 24px; text-align: center; font-weight: 300; }
.object-popover__table { width: 460px; margin: 0 30px; border-spacing: 0; border-collapse: collapse; }
.object-popover__table th,
.object-popover__table td { padding: 6px 10px; font-size: 14px; border-top: 1px solid #e8e8e8; }
.object-popover__table tr:first-child th,
.object-popover__table tr:first-child td { border-top: 0; }
.object-popover__table th { font-weight: bold; }
.object-popover__table td {  }
.object-popover-btn { display: inline-block; position: relative; text-decoration: none; }
.object-popover-btn:hover { text-decoration: none; }
.object-popover-close-btn { position: absolute; right: 10px; top: 10px; padding: 0; background-color: transparent; border: 0; }
.object-popover-close-btn:hover { opacity: .85; }
.object-popover-close-btn:focus { outline: 0; opacity: 1; }
.object-popover-close-icon { display: inline-block; vertical-align: middle; width: 33px; height: 33px; background-image: url(../img/icon-platform-close.svg); background-position: 50% 50%; background-repeat: no-repeat; }
.object-popover-btn-bar { background-color: #fff; margin-top: 30px; padding: 20px 0; text-align: center; border-top: 1px solid #bababa; }
.object-popover-btn-bar:empty { display: none; }
.object-popover-btn { margin-right: 6px; }
.object-popover-btn .icon { margin-right: 10px; }
.object-popover-icon-link { display: inline-block; vertical-align: middle; margin-right: 6px; }
.object-popover-btn-bar .object-popover-icon-link:nth-child(3) { margin-top: 10px; }





.table-wrapper {
    display: grid;
}

.table-wrapper.table-wrapper_3 {
    grid-template-columns: repeat(3, auto);
}

.table-wrapper.table-wrapper_4 {
    grid-template-columns: repeat(4, auto);
}

.table-wrapper.table-wrapper_5 {
    grid-template-columns: repeat(5, auto);
}

.table-wrapper.table-wrapper_6 {
    grid-template-columns: repeat(6, auto);
}

.table-header {
    display: contents;
}
.table-row {
    display: contents;
}


.checkbox-label { display: flex; cursor: pointer; }

.checkbox-label input { display: none; }


.checkbox-label span {
    display: flex;
    align-items: center;
    -moz-column-gap: 6px;
    column-gap: 6px;
}

.checkbox-label span::before {
    content: "";
    width: 32px;
    height: 32px;
    border: 1px solid black;
    flex-shrink: 0;
}

.checkbox-label input:checked + span::before {
    background-color: #6085DE;
    border-color: #6085DE;
    background-image: url("../img/yes.svg");
    background-repeat: no-repeat;
    background-size: 23.5px;
    background-position: center;
}


.container-el {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}
.container-el.active {
    display: flex;
}

.container-el label {
    display: flex;
}

.container-el .el-arrow {
    display: flex;
    align-items: center;
    max-width: 19px;
    min-width: 19px;
    transition: 0.3s ease;
}
.el-arrow img {
    max-width: 100%;
}

.container-el.active .el-arrow {
    transform: rotate(180deg);
}

.possibility div { display: none; }
.possibility.active div { display: flex; }

.noimportant > div,.noimportant > legend:not(:first-child) { display: none; }
.noimportant.active > div,.noimportant.active > legend:not(:first-child) { display: flex; }