h2 {
    color: #212529;
}
.header-promo {
    position: relative;
    z-index: 3;
}
.pheader__bg {
    position: fixed;
    background-color: #ddd;
    background-image: url('../img/bgcomm.jpg');
    background-size: cover;
    transform: translateX(-50%);
    z-index: 0;
    left: 50%;
    top: 0;
    width: 100%;
    height: 100%;
}
.pheader__bg:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(120deg, #2af598 0%, #009efd 100%);
    opacity: 0.2;
    z-index: 0;
}
.pheader__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    /* min-height: 400px;
    height: calc(100vh - 400px); */
    min-height: 410px;
    padding: 16px 0 60px 0;
    width: 100%;
}
.pheader__inner .constructor__controlswrap {
    visibility: visible;
    opacity: 1;
}
.pheader__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.promo__card {
    background-color: unset !important;
}
@media (max-width: 1600px) {
    .sidebar-open #sidebar-overlay {
        display: block;
    }
}
.sidebar-collapse .navbar-nav {
    margin: 0 0 0 0;
}
.content-wrapper>.content {
    padding: 0;
}
.content .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}
.constructor__blocklist {
    position: relative;
    background-color: #F2F2F2;
    min-height: 640px;
    padding: 0 0 80px 0;
}
.constructor__block {
    position: relative;
    padding: 32px 24px;
    min-height: 100px;
    width: 1140px;
    margin: 0 auto;
}
@media (max-width: 1141px) {
    .constructor__block {
        width: 100%;
    }
}
.constructor__block-lg {
    width: 100%;
}
.constructor__block-wide {
    width: 100%;
    padding: 32px 0;
}
.constructor__block-wide-pd {
    width: 100%;
    padding: 32px 88px;
}
.constructor__blockempty {
    position: relative;
    transition: all .15s ease-in-out;
    border-top: 1px dashed rgb(220, 220, 220, 0%);
    border-bottom: 1px dashed rgb(220, 220, 220, 0%);
    padding: 32px 24px;
    min-height: 100px;
    width: 1140px;
    margin: 0 auto;
}
.constructor__block-hide:after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgb(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.constructor__block-editor {
    transition: all .15s ease-in-out;
    border-top: 1px dashed rgb(220, 220, 220, 0%);
    border-bottom: 1px dashed rgb(220, 220, 220, 0%);
}
.constructor__block-editor:hover {
    border-top: 1px dashed #dddddd;
    border-bottom: 1px dashed #dddddd;
}
.constructor__addblock {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    visibility: hidden;
    transition: all .15s ease-in-out;
    transform: translateX(-50%);
    background-color: #007BFF;
    color: #ffffff;
    opacity: 0;
    z-index: 2;
    border-radius: 50%;
    left: 50%;
    bottom: -15px;
    width: 30px;
    height: 30px;
}
.constructor__addblock:hover {
    opacity: 1;
}
.constructor__block:hover .constructor__addblock {
    visibility: visible;
    opacity: 0.8;
}
.constructor__controlswrap {
    display: flex;
    position: relative;
    justify-content: space-between;
    visibility: hidden;
    transition: all .15s ease-in-out;
    z-index: 2;
    opacity: 0;
    margin: 0 0 32px 0;
}
.constructor__block:hover .constructor__controlswrap {
    visibility: visible;
    opacity: 1;
}
.constructor__controlright {
    display: flex;
}
.constructor__save {
    visibility: hidden;
    transition: all .15s ease-in-out;
    opacity: 0;
}
.constructor__save-active {
    visibility: visible;
    opacity: 1;
}
.constructor__block:first-of-type .constructor__blockup {
    display: none;
}
.constructor__block:last-of-type .constructor__blockdown {
    display: none;
}
.blockcateg__item {
    cursor: pointer;
    transition: all .15s ease-in-out;
    border-bottom: 1px solid #E9ECEF;
    padding: 16px 24px;
    font-weight: 400;
}
.blockcateg__item:hover {
    background-color: #0069d9;
    color: #fff;
}
.guestentrycomm {
    cursor: not-allowed !important;
}
.pheader__topmenu {
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 100%;
}
.pheader__titlewrap {
    position: relative;
    background-color: rgb(255, 255, 255, 0.8);
    z-index: 170;
    border-radius: 10px;
    padding: 24px;
}
.pheader__titlewrap:hover .ql-editor {
    background-color: rgb(0, 0, 0, 0.1);
    border-radius: 10px;
}
.pheader__titlerow {
    display: flex;
    position: relative;
    margin: 0 0 16px 0;
}
@media (max-width: 575px) {
    .pheader__titlerow {
        display: block;
    }
}
.pheader__titlebottom {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #a3c0d2;
    padding: 16px 0 0 0;
    margin: 16px 0 0 0;
}
.pheader__botbtn {
    margin: 0 0 0 16px;
}
.pheader__logo {
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 30px rgba(0, 123, 255, 0.15);
    margin: 0 16px 0 0;
    top: -72px;
    border-radius: 50%;
    z-index: 1;
}
@media (max-width: 575px) {
    .pheader__logo {
        position: relative;
        margin: 0 auto;
        top: 0;
        width: 136px;
        height: 136px;
    }
}
.pheader__logo-canedit:hover::after {
    content: ' ';
    display: block;
    position: absolute;
    cursor: pointer;
    background-color: rgb(0 0 0 / 50%);
    background-image: url('../img/ico-photo.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}
.pheader__title {
    font-weight: 500;
    font-size: 40px;
    padding: 0 0 0 148px;
}
@media (max-width: 575px) {
    .pheader__title {
        padding: 0;
    }
}
.pheader__title .ql-editor {
    padding: 12px 15px;
}
.pheader__title .ql-editor p {
    padding: 0;
    margin-bottom: 0;
}
.blockitem__list {
    display: flex;
    flex-wrap: wrap;
}
.blockitem__preview {
    overflow: hidden;
    background-color: #dddddd;
    border: 1px solid #dddddd;
    border-radius: 10px;
    width: 100%;
    height: 100px;
}
.blockitem__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    cursor: pointer;
    transition: all .15s ease-in-out;
    border-radius: 10px;
    padding: 16px;
    width: 300px;
    height: 200px;
}
.blockitem__item:hover {
    background-color: #f6f6f6;
}
.blockitem__name {
    display: flex;
    justify-content: space-between;
    margin: 16px 0 0 0;
}
.blockitem__id {
    color: #939BA2;
}
.blockitem__desc {
    color: #939BA2;
}



.ql-size-small {
    font-size: 0.75em;
}
.ql-size-large {
    font-size: 1.5em;
}
.ql-size-huge {
    font-size: 2.5em;
}
.ql-align-center {
    text-align: center;
}
.ql-align-justify {
    text-align: justify;
}
.ql-align-right {
    text-align: right;
}
li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
}
ol li.ql-direction-rtl,
ul li.ql-direction-rtl {
    padding-right: 1.5em;
}
ol li.ql-indent-1 {
    counter-increment: list-1;
}
ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
}
ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
}
li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
}



.editor__container {
    width: 100%;
}
.editor__container:focus-within  {
    background-color: rgb(0, 0, 0, 0.05);
}
.loadimg-row {
    display: flex;
}
.loadimg__title {
    margin: 0 32px 0 0;
}
.loadimg__descparam {
    font-size: 16px;
    color: #939BA2;
}
.loadimg__wrapper {
    display: flex;
    width: 100%;
    max-width: 632px;
}
.loadimg__uploadzone {
    position: relative;
    text-align: center;
    border: 2px dashed rgba(0, 123, 255, 1);
    width: 100%;
    padding: 32px;
    margin-top: 0;
}
.loadimg__uploadzone-active {
    border: 2px dashed rgba(40, 167, 69, 1);
}
.loadvideoyt__uploadzone {
    position: relative;
    text-align: center;
    border: 2px dashed rgba(0, 123, 255, 1);
    width: 100%;
    padding: 32px;
    margin-top: 0;
}
.uploadinput,
.uploadpromoimg {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.row-borderb {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 16px;
    padding-bottom: 16px;
}

.uploadzone {
    position: relative;
    text-align: center;
    border: 2px dashed rgb(0 123 255);
    width: 100%;
    padding: 32px;
    margin-top: 0;
}
#photop, #photos {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
#crop-p, #crop-s {
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    width: 136px;
    min-width: 136px;
    height: 136px;
    min-height: 136px;
    font-size: 48px;
}
.cropzone__wrapper {
    display: none;
    margin: 0 32px 0 0;
}
#cropzone-p, #cropzone-s {
    height: 400px;
}
.cr-slider::-webkit-slider-thumb {
    background: #3E6AF1;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    height: auto;
    transition: all .15s ease-in-out;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 30px;
    padding: 15px 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 57px;
    right: 21px;
}
.select2-selection__clear {
    display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    background-color: #C3DBFF;
    border-color: #C3DBFF;
    border-radius: 83px;
    color: #0D4489;
    padding: 0 12px;
    margin-top: 0.31rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #0D4489;
    float: right;
    margin-left: 5px;
    margin-right: -2px;
}
.align__left {
    text-align: left;
}
.align__center {
    text-align: center;
}
.align__right {
    text-align: right;
}
.notitrial {
    position: relative;
    text-align: center;
    color: #dc3545;
    border: 1px solid #dc3545;
    margin: 0 0 16px 0;
    z-index: 1;
    padding: 16px;
    border-radius: 10px;
}
.upload-rotate-p,
.upload-rotate-s {
    position: absolute;
    border-radius: 10px;
    padding: 8px;
    z-index: 1;
    top: 8px;
    right: 16px;
}
.upload-rotate-p img,
.upload-rotate-s img {
    width: 30px;
}
.yn__btnreq,
.yn__btnmemb {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
}
.yn__info {
    display: block;
    color: #007BFF;
    background-color: rgba(0, 123, 255, 0.05);
    margin: 16px 0 0 0;
    border-radius: 36px;
    padding: 24px;
}
.yn__info-hide {
    display: none;
}
.entrytype__info-blink {
    animation: blink 0.5s linear 3;
}
@keyframes blink{
    0%,to{opacity:0.2}
    50%{opacity:1}
}
.comparetariff__table {
    width: 100%;
}
.comparetariff__table tr th {
    text-align: center;
}
.comparetariff__table tr th:nth-child(2) {
    background-color: #F5F6F7;
    border-radius: 30px 30px 0 0;
    padding: 32px 24px;
}
.comparetariff__table tr th:nth-child(3) {
    background-color: #007BFF;
    color: #ffffff;
    border-radius: 30px 30px 0 0;
    padding: 32px 24px;
}
.comparetariff__th {
    width: 200px;
}
.comparetariff__table tr td {
    text-align: center;
    border-right: 1px solid #E9ECEF;
    border-bottom: 1px solid #E9ECEF;
    padding: 16px;
}
.comparetariff__table tr td:first-of-type {
    max-width: 300px;
    text-align: left;
}
.comparetariff__col1 {
    background-color: #FAFBFC;
}
.comparetariff__col2 {
    background-color: rgb(0, 123, 255, 0.05);
}
.comparetariff__profit {
    font-size: 14px;
    color: #939BA2;
}
.comparetariff__times {
    color: #DC3545;
    font-size: 24px;
}
.comparetariff__check {
    color: #007BFF;
    font-size: 24px;
}
.yn__input-err,
.yn__input-err + .select2-container--default .select2-selection--single,
.yn__input-err + .select2-container--default .select2-selection--multiple {
    border: 1px solid #ed3232;
}
.yn__msg-err  {
    padding: 0 0 0 20px;
    font-weight: 400;
    font-size: 14px;
    color: #ed3232;
    display: none;
}
.yn__msg-errshow {
    display: block;
}
.yn__msg-suc {
    padding: 0 0 0 20px;
    font-weight: 400;
    font-size: 14px;
    color: #28A745;
    display: none;
}
.yn__msg-sucshow {
    display: block;
}
.uraddfield__control {
    position: absolute;
    visibility: hidden;
    transition: all .15s ease-in-out;
    opacity: 0;
    right: 13px;
    top: 4px;
}
.uraddfield__control-show  {
    visibility: visible;
    opacity: 1;
}
.yn__btnsmall {
    cursor: pointer;
    text-align: center;
    width: 47px;
    height: 47px;
    padding: 16px;
    border-radius: 50%;
}
.yn__tooltip {
    cursor: pointer;
    position: relative;
    transition: all .15s ease-in-out;
    z-index: 3;
    opacity: 0.8;
}
.yn__tooltip:hover {
    opacity: 1;
}
.yn__tooltip-block {
    display: block;
    position: absolute;
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
    color: #212529;
    z-index: 1;
    border-radius: 10px;
    right: 0;
    padding: 16px;
    min-width: 300px;
}
.changetariffcomm__title {
    font-weight: 500;
}
.changetariffcomm__paytype {
    cursor: pointer;
    color: #d1d1d1;
    border-bottom: 2px dashed;
}
.changetariffcomm__paytype-active {
    color: #007BFF;
    border-bottom: 2px dashed #007BFF;
}
.changetariffcomm__list {
    margin: 32px 0 0 0;
}
.changetariffcomm__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.125);
    width: 100%;
    min-height: 82px;
    margin: 0 0 16px 0;
    padding: 16px 32px;
    border-radius: 41px;
}
.changetariffcomm__item:hover,
.changetariffcomm__item:hover .tariffitem__name {
    background-color: #0069d9;
    color: #fff;
}
.changetariffcomm__item-active,
.changetariffcomm__item-active .tariffitem__name  {
    background-color: #0069d9;
    color: #fff;
}
.tariffitem__name {
    text-transform: uppercase;
    color: #007BFF;
}
.tariffitem__price {
    display: none;
}
.paytype__price-active {
    display: block;
}
.tariffitem__pricesum {
    font-weight: 500;
}
.showcomparetariff {
    display: flex;
    justify-content: center;
    margin: 40px 0 0 0;
}
.comparetariffcomm__table {
    width: 100%;
}
.comparetariffcomm__table tr th {
    text-align: center;
}
.comparetariffcomm__table tr th:nth-child(2) {
    background-color: rgb(0, 123, 255, 0.3);
    border-radius: 30px 30px 0 0;
    padding: 32px 24px;
}
.comparetariffcomm__table tr th:nth-child(3) {
    background-color: rgb(0, 38, 255, 0.3);
    border-radius: 30px 30px 0 0;
    padding: 32px 24px;
}
.comparetariffcomm__table tr th:nth-child(4) {
    background-color: rgb(89, 0, 255, 0.3);
    border-radius: 30px 30px 0 0;
    padding: 32px 24px;
}
.comparetariffcomm__table tr td {
    text-align: center;
    border-right: 1px solid #E9ECEF;
    border-bottom: 1px solid #E9ECEF;
    padding: 16px;
}
.comparetariffcomm__table tr td:first-of-type {
    max-width: 300px;
    text-align: left;
}
#modal-comparetariffcomm .comparetariffcomm__table tbody tr:last-of-type {
    display: none;
}
.comparetariff__col1 {
    background-color: rgb(0, 123, 255, 0.05);
}
.comparetariff__col2 {
    background-color: rgb(0, 38, 255, 0.05);
}
.comparetariff__col3 {
    background-color: rgb(89, 0, 255, 0.05);
}
.comparetariff__profit {
    font-size: 14px;
    color: #939BA2;
}
.comparetariff__times {
    color: #DC3545;
    font-size: 24px;
}
.comparetariff__check {
    color: #007BFF;
    font-size: 24px;
}
.comparetariff__paytype-1,
.comparetariff__paytype-2 {
    display: none;
}
.comparetariff__paytype-active {
    display: block;
}
.editindcomm__steptitle {
    font-weight: 500;
}
.editindcomm__stepdesc {
    color: #939BA2;
}
.editindcomm__indsearch-wrap {
    margin: 16px 0;
}
.editindcomm__indscroll {
    height: 390px;
}
.editindcomm__indlist {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 72px 0;
}
.commadd__indsearch-wrap {
    margin: 16px 0;
}
.commadd__indscroll {
    height: 390px;
}
.commadd__indlist {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 72px 0;
}
.commadd__inditem-wrap {
    display: flex;
    margin: 0 8px 8px 8px;
}
.commadd__inditem {
    display: flex;
    position: relative;
    cursor: pointer;
    background-color: #C3DBFF;
    color: #0D4489;
    transition: all .15s ease-in-out;
    border-radius: 83px;
    font-size: 18px;
    padding: 8px 16px;
}
.commadd__inditem:hover {
    background-color: #e0edff;
}
.commadd__inditem-active {
    background-color: #0069d9;
    color: #fff;
    border-radius: 83px 0 0 83px;
}
.commadd__inditem-active:hover {
    background-color: #007bff;
}
.commadd__inditem-noactive {
    cursor: not-allowed;
    background-color: #e3e3e3;
    color: #a1a1a1;
}
.commadd__inditemremove {
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-left: 1px solid #fff;
    color: #ffffff;
    background-color: #0069d9;
    border-radius: 0 50% 50% 0;
    height: 100%;
    width: 40px;
}
.commadd__inditem-active + .commadd__inditemremove {
    display: flex;
}
.commadd__inditemremove:hover {
    background-color: #007bff;
}
.currentindustry {
    cursor: pointer;
    color: #939BA2;
}
.currentindustry__text {
    margin: 0 8px 0 0;
}
.constructor__gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-left: -8px;
    margin-right: -16px;
}
.constructor__galitem {
    overflow: hidden;
    position: relative;
    transition: all .15s ease-in-out;
    border-radius: 10px;
    margin: 0 8px 16px 8px;
    width: 259px;
    height: 259px;
}
.galitem__img {
    transition: all .15s ease-in-out;
    width: 259px;
    height: 259px;
}
.galitem__overlay {
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    transition: all .15s ease-in-out;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}
.constructor__galitem:hover .galitem__overlay {
    visibility: visible;
    opacity: 1;
}
.galitem__remove {
    position: absolute;
    visibility: hidden;
    cursor: pointer;
    transition: all .15s ease-in-out;
    background-color: #007bff;
    color: #fff;
    opacity: 0;
    right: 8px;
    top: 8px;
    padding: 4px 10px;
    border-radius: 10px;
}
.galitem__remove:hover {
    background-color: #0069d9;
}
.constructor__galitem:hover .galitem__remove {
    visibility: visible;
    opacity: 1;
}
.galitem__linkgal {
    display: block;
    position: relative;
    z-index: 1;
}
.gallery__addimg {
    display: block;
}
.constructor__imgitem + .loadimg__uploadzone,
.imgitem__img + .loadimg__uploadzone {
    display: none;
}
.constructor__imgitem {
    overflow: hidden;
    width: 100%;
}
.constructor__imgitem-change {
    cursor: pointer;
}
.imgitem__img {
    width: 100%;
}
.construct__columnlist {
    display: flex;
}
.construct__column {
    width: 50%;
    padding: 8px;
}
.block__owner {
    justify-content: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 1600px) {
    .block__owner .exp__cardcol {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 1600px) {
    .block__owner .exp__cardcol {
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 730px) {
    .block__owner .exp__cardcol {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.constructor__coverwrapper {
    position: relative;
}
.container-fluid .constructor__coverwrapper {
    margin: 0 -7.5px 0 -7.5px;
}
.constructor__coverimgwrap {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    text-align: center;
    vertical-align: middle;
    height: 100vh;
    width: 100%;
}
.constructor__coverfilter {
    position: absolute;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c000000', endColorstr='#4c000000');
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
}
.constructor__coverinfo {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.constructor__coverinfoblock {
    width: 100%;
    padding: 24px;
}
.topnav__commlist {
    max-height: 324px;
    overflow: hidden;
}
.topnav__commitem {
    padding: 8px 16px;
}
.topnav__commlogo {
    width: 20px;
    height: 20px;
}
.select2-dropdown {
    z-index: 2000;
}
.ynconstructor__btn {
    position: relative;
    z-index: 2;
}
.topnav__eventlist {
    max-height: 324px;
    overflow: hidden;
}
.topnav__eventitem {
    padding: 8px 16px;
}
.topnav__eventimg {
    width: 20px;
    height: 20px;
}
.fa-youtube {
    color: rgb(255, 0, 0, 1)
}
.lessontask__wrapper {
    background-color: #fff;
    padding: 24px;
    border-radius: 10px;
}
.lessontask__text {
    position: relative;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    margin: 0 0 24px 0;
}
.lessontask__textstyle {
    padding: 12px;
}
.lessontaskresponse__text {
    position: relative;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
    margin: 0 0 24px 0;
    padding: 24px;
}
.lessontask__form {
    margin: 0 0 24px 0;
}
.lessontasksend {
    margin: 0 0 0 auto;
    display: block;
}
.lessontask__label {
    position: absolute;
    background-color: #ffffff;
    color: #a7a7a7;
    top: -15px;
    left: 16px;
    padding: 4px 8px;
    font-size: 14px;
}
.decision__accept {
    border: 1px solid #28A745;
}
.decision__accept .lessontask__label {
    color: #28A745;
}
.decision__decline {
    border: 1px solid #ed3232;
}
.decision__decline .lessontask__label {
    color: #ed3232;
}
.commmembers__sliderwrap,
.commchangemembers__sliderwrap {
    position: relative;
}
.constructor__imgtextwrapper {
    position: relative;
    overflow: hidden;
}
.constructor__imgtextfilter {
    position: absolute;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c000000', endColorstr='#4c000000');
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
}
.constructor__imgtextinfo {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.constructor__imgtextinfoblock {
    width: 100%;
    padding: 24px;
}
.backto__linkwrap {
    margin: 16px 0 0 0;
}
.lessontask__hide {
    display: none;
}
.yn__isletwrapper {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 24px;
}
.yn__isletwrapper h1 {
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}
.yn__islettop {
    display: flex;
    justify-content: space-between;
}
.yn__isletbottom {
    display: flex;
}
.yn__islet-btn {
    border-radius: 36px;
    margin: 0 8px 0 0;
}
.pheader__morebtnwrap {
    position: relative;
}
.pheader__morebtnlist {
    display: none;
    position: absolute;
    background-color: #ffffff;
    z-index: 1;
    border-radius: 10px;
    padding: 8px 0;
    right: 0;
    top: 57px;
}
.pheader__morebtnlist-show {
    display: block;
}
.pheader__morebtnitem {
    cursor: pointer;
    white-space: nowrap;
    transition: all .15s ease-in-out;
    color: #212529;
    padding: 8px 24px;
}
.pheader__morebtnitem:hover {
    color: #ffffff;
    background-color: #0069d9;
}
.jointocenter__linkwrap {
    margin: 16px 0 0 0;
    padding: 0 0 0 26px;
}
.align__center .jointocenter__linkwrap {
    padding: 0 0 0 0;
}
.align__right .jointocenter__linkwrap {
    padding: 0 26px 0 0;
}
.align__left .jointocenter__linkwrap {
    padding: 0 0 0 26px;
}
.memblist__hide {
    display: none;
}
.membsearch__item,
.membchange__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #E9ECEF;
    border-radius: 10px;
    padding: 16px 8px;
}
.membsearch__item:hover,
.membchange__item:hover {
    background-color: #C3DBFF;
}
.membsearch__item-active,
.membchange__item-active {
    color: #ffffff;
    background-color: #3E6AF1;
}
.membsearch__item-active:hover,
.membchange__item-active:hover {
    color: #ffffff;
    background-color: #3E6AF1;
}
.membsearch__itemphotowrap,
.membchange__itemphotowrap {
    overflow: hidden;
    margin: 0 16px 0 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.membsearch__itemphoto,
.membchange__itemphoto {
    width: auto;
    height: auto;
    width: 48px;
    height: 48px;
}
.membchange__del {
    margin: 0 0 0 auto;
}
.membsearch__filter {
    margin: 16px 0 0 0;
}
.membsearchfilter__item {
    cursor: pointer;
    white-space: nowrap;
    transition: all .15s ease-in-out;
    color: #0D4489;
    background-color: #e5e5e5;
    border-radius: 83px;
    margin: 0 16px 8px 0;
    padding: 4px 12px;
    font-size: .875rem;
}
.membsearchfilter__item:hover {
    background-color: #f0f0f0;
}
.membsearchfilter__item-active {
    color: #0C195D;
    background-color: #FCB851;
}
.membsearchfilter__item-active:hover {
    color: #0C195D;
    background-color: #ffca7b;
}
.blockgenerate__info {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 24px;
    margin: 0 0 16px 0;
}
.modal {
    z-index: 1071;
}
.modal-backdrop {
    z-index: 1070;
}
.recommend__wrapper {
    width: 100%;
}
.attachedfiles__remove {
    cursor: pointer;
    transition: all .15s ease-in-out;
    color: #dc3545;
    opacity: 0.8;
}
.attachedfiles__remove:hover {
    opacity: 1;
}