@charset "UTF-8";
.npl-widget {
    --theme-color: #213E8F;
    --background-color: #F9F9F9;
    --background-mat: #C9CCD2;
    --border-color: rgba(0, 0, 0, 0.06);
    --text-primary: #2F2E35;
    --text-secondary: #2a2a2a;
}

.npl-widget,
.npl-widget *,
.npl-widget *:before,
.npl-widget *:after {
    box-sizing: border-box;
}

.npl-widget div, .npl-widget input, .npl-widget textarea, .npl-widget select, .npl-widget button,
.npl-widget h1, .npl-widget h2, .npl-widget h3, .npl-widget h4, .npl-widget h5, .npl-widget h6, .npl-widget a, .npl-widget span, .npl-widget a:focus {
    outline: none;
}

.npl-widget input[type="text"],
.npl-widget input[type="email"],
.npl-widget input[type="tel"],
.npl-widget textarea,
.npl-widget select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.npl-widget input[type="submit"],
.npl-widget button {
    margin: 0;
    cursor: pointer;
}

.npl-widget input[type="submit"]::-moz-focus-inner,
.npl-widget button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.npl-widget textarea {
    overflow: auto;
}

.npl-widget a {
    text-decoration: none;
}

.npl-widget strong {
    font-weight: 600;
}
.npl-widget span {
    color: var(--background-mat);
}

.npl-widget button *,
.npl-widget a * {
    pointer-events: none;
}

.npl-wrap {
    display: block;
    padding: 20px;
    color: var(--text-primary);
}

.npl-wrap:hover {
    color: var(--text-primary);
}

.npl-wrap_mw {
    max-width: 1244px;
    margin: 0 auto;
}

.npl-btn {
     display: inline-block;
     padding: 11px 20px;
     background: var(--theme-color);
     border: none;
     border-radius: 4px;
     font-size: 18px;
     font-weight: 600;
     color: white;
     text-align: center;
     line-height: 1.33333;
     transition: background .2s, opacity .2s;
 }
.npl-btn-1 {
    display: inline-block;
    padding: 11px 20px;
    background: var(--theme-color);
    border: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    color: white;
    text-align: center;
    line-height: 1.33333;
    transition: background .2s, opacity .2s;
}

.npl-btn:hover {
    opacity: .8;
    color: white;
}

.npl-btn-answer {
    margin-right: 14px;
    font-size: 36px;
}

.npl-btn-text {
    font-size: 22px;
    font-weight: 400;
    text-align: left;
}

.npl-btn_flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.npl-btn_sm {
    padding: 11px 20px;
}

.npl-btn_sm.npl-btn_simple {
    padding: 12px 20px;
}

.npl-btn_md {
    padding: 13px 20px;
}

.npl-btn_wide {
    width: 100%;
}

.npl-btn_simple {
    background: transparent;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-secondary);
}

.npl-btn_simple:hover {
    background: rgba(0, 0, 0, 0.08);
    color: var(--text-secondary);
    opacity: 1;
}

.npl-btn_black {
    background: black;
    color: white;
}

.npl-btn_white {
    background: white;
    opacity: .7;
    color: var(--theme-color);
}

.npl-btn_white:hover {
    opacity: 1;
    color: var(--theme-color);
}

.npl-btn_stroke {
    background: none;
    box-shadow: 0 0 0 2px var(--theme-color) inset;
}

.npl-btn_color {
    font-weight: 600;
    color: var(--theme-color);
}

.npl-btn_color:hover {
    color: var(--theme-color);
}

.npl-btn_back {
    padding: 0;
    background: none;
    color: var(--text-primary);
}

.npl-btn_back:before {
    content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    border: solid var(--text-primary);
    border-width: 0 0 3px 3px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
}

.npl-btn_back:hover {
    color: var(--text-primary);
}

.npl-sub-text{
    text-align: center;
}
.npl-pic {
    display: block;
    max-width: 100%;
}

.npl-preview .npl-pic {
    width: 100%;
    border-radius: 6px 6px 0 0;
}

.npl-preview_center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.npl-preview_center .npl-pic {
    max-width: 140px;
}

.npl-preview_custom {
    padding-right: 30px;
}

.npl-preview_custom .npl-pic {
    border-radius: 6px;
}

.npl-center {
    text-align: center;
}

.npl-center .npl-radio {
    margin: 0 10px;
}

.npl-title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.20833;
}

.npl-title_sm {
    margin-bottom: 0;
    font-size: 20px;
}

.npl-title_md {
    font-size: 26px;
}

.npl-title_lg {
    font-size: 30px;
    line-height: 1.1;
}

.npl-title_thin {
    font-weight: 400;
}

.npl-title_uppercase {
    text-transform: uppercase;
}

.npl-title_color {
    color: var(--theme-color);
}

.npl-content {
    font-size: 18px;
    color: var(--text-secondary);
    line-height: 1.33333;
    text-align: justify;
}

.npl-content p,
.npl-content figure {
    margin: 0;
}

.npl-content p + p,
.npl-content p + figure,
.npl-content figure + p,
.npl-content figure + figure {
    margin: 20px 0 0;
}

.npl-content img {
    display: block;
    width: 100%;
    border-radius: 6px;
}

.npl-content a {
    border-bottom: 1px solid var(--text-secondary);
    color: var(--text-primary);
    transition: border-color .2s;
}

.npl-content a:hover {
    border-color: transparent;
}

.npl-content_sm {
    font-size: 14px;
}

.npl-content_md {
    font-size: 16px;
}

.npl-content_lg {
    font-size: 22px;
}

.npl-content_dark {
    color: var(--text-primary);
}

.npl-content_dark a {
    color: var(--text-primary);
}

.npl-category {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--theme-color);
}

.npl-category:hover {
    color: var(--theme-color);
}

.npl-share {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.npl-share-btn {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 50px;
    border: none;
    transition: background .2s;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
}

.npl-share-btn_facebook {
    background: #4F69A2;
}

.npl-share-btn_facebook:hover {
    background: #475e91;
}

.npl-share-btn_twitter {
    background: #66B4EF;
}

.npl-share-btn_twitter:hover {
    background: #4fa9ed;
}

.npl-share-btn_google {
    background: #E05546;
}

.npl-share-btn_google:hover {
    background: #dc4130;
}

.npl-share-btn_pinterest {
    background: #D1383F;
}

.npl-share-btn_pinterest:hover {
    background: #c32d34;
}

.npl-share-btn_email {
    background: #AAAAAA;
}

.npl-share-btn_email:hover {
    background: #9d9d9d;
}

.npl-share-btn i {
    font-size: 24px;
    color: white;
}

.npl-share-pic {
    max-width: 24px;
    max-height: 24px;
}

.npl-share_grid .npl-share-btn {
    height: 70px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.npl-share_grid .npl-share-btn i {
    font-size: 32px;
}

.npl-share_grid .npl-share-pic {
    max-width: 32px;
    max-height: 32px;
}

.npl-share_vert {
    width: 50px;
    -ms-flex-direction: column;
    flex-direction: column;
}

.npl-tools {
    position: relative;
}

.npl-tools-btn {
    display: block;
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    box-shadow: 0 4px 6px 0 rgba(60, 70, 80, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    border: none;
    color: #546E7A;
}

.npl-tools-btn.npl-active {
    background: var(--theme-color);
    color: white;
}

.npl-tools-icon {
    font-size: 24px;
}

.npl-tools-title {
    display: block;
    font-size: 12px;
    line-height: 1.66667;
}

.npl-tools-dropdown {
    position: absolute;
    right: 0;
    bottom: calc(100% + 10px);
}

.npl-tools-btn + .npl-tools-group {
    margin-top: 10px;
}

.npl-tools-group {
    border-radius: 6px;
    background: white;
    box-shadow: 0 4px 6px 0 rgba(60, 70, 80, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.npl-tools-group .npl-tools-btn {
    border-radius: 0;
    box-shadow: none;
}

.npl-tools-group .npl-tools-btn:first-child {
    border-radius: 6px 6px 0 0;
}

.npl-tools-group .npl-tools-btn:last-child {
    border-radius: 0 0 6px 6px;
}

.npl-tools-group .npl-tools-btn:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

.npl-close {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    padding: 5px;
    opacity: 0;
    transition: opacity .2s;
    z-index: 10;
}

.npl-close i {
    font-size: 18px;
}

.npl-close_white {
    color: white;
}

.npl-close_lg {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
}

.npl-close_lg i {
    font-size: 24px;
}

.npl-close_circle {
    top: -10px;
    right: -10px;
    width: 34px;
    height: 34px;
    background: white;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, 0.05), 0 1px 3px 0 rgba(37, 39, 44, 0.06);
    border-radius: 50%;
    opacity: 1;
}
.npl-close_square {
    top: -30px;
    right: 0;
    background: #FFFD01;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, 0.05), 0 1px 3px 0 rgba(37, 39, 44, 0.06);
    opacity: 1;
}

.npl-close_inside {
    top: 10px;
    right: 10px;
}

.npl-close.npl-visible {
    opacity: .7;
}

.npl-close.npl-visible:hover {
    opacity: 1;
}

.npl-ripple {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    animation: npl-ripple .5s ease-out forwards;
    pointer-events: none;
}

[data-npl-ripple] {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1;
}

@keyframes npl-ripple{
    0{
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
    }
    15% {
        opacity: 1;
    }
    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
}

.npl-tooltip {
    position: relative;
}

.npl-tooltip:hover .npl-tooltip-content {
    opacity: 1;
}

.npl-tooltip-content {
    position: absolute;
    top: 50%;
    right: calc(100% + 13px);
    padding: 6px 9px;
    background: white;
    filter: drop-shadow(0 3px 5px rgba(71, 75, 86, 0.3));
    border-radius: 3px;
    font-size: 16px;
    white-space: nowrap;
    pointer-events: none;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .2s;
}

.npl-tooltip-content:before {
    content: '';
    position: absolute;
    top: calc(50% - 6px);
    right: -5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent white;
}

.npl-circle {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--theme-color);
    border: none;
    box-shadow: 0 3px 5px rgba(71, 75, 86, 0.3);
    font-size: 0;
    color: white;
}

.npl-circle i {
    font-size: 30px;
    transition: transform .4s, opacity .2s;
}

.npl-circle i:nth-child(2) {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
}

.npl-circle.npl-active i {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

.npl-circle.npl-active i:nth-child(2) {
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
}

.npl-powered {
    margin-top: 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 1.71429;
    text-align: center;
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
}

.npl-powered a {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
    transition: color .2s;
}

.npl-powered a:hover {
    color: rgba(0, 0, 0, 0.4);
}

.npl-powered.npl-animate {
    animation: npl-powered .4s ease-out forwards;
}

.npl-powered.npl-animate-reverse {
    animation: npl-powered .4s ease-out forwards alternate-reverse;
}

.npl-powered.npl-visible {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    animation: none;
}

@keyframes npl-powered {
0 {
    opacity: 0;
    transform: scale(0);
}
50%, 100% {
    opacity: 1;
    transform: scale(1);
}
}

.npl-toggler {
    display: block;
    position: relative;
    margin: 0;
    background: white;
    box-shadow: 0 2px 3px 0 rgba(37, 39, 44, 0.1), 0 2px 3px 0 rgba(37, 39, 44, 0.1) inset;
    cursor: pointer;
}

.npl-toggler:first-child {
    border-radius: 6px 6px 0 0;
}

.npl-toggler:last-child {
    border-radius: 0 0 6px 6px;
}

.npl-toggler-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.npl-toggler-input:checked + .npl-toggler-content:before {
    border-color: var(--theme-color);
}

.npl-toggler-input:checked + .npl-toggler-content:after {
    opacity: 1;
}

.npl-toggler-content {
    display: block;
    padding: 14px 20px 13px 46px;
}

.npl-toggler-content:before, .npl-toggler-content:after {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.npl-toggler-content:before {
    top: 14px;
    left: 14px;
    width: 22px;
    height: 22px;
    border: 3px solid rgba(0, 0, 0, 0.3);
    transition: border-color .2s;
}

.npl-toggler-content:after {
    top: 20px;
    left: 20px;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    opacity: 0;
    transition: opacity .2s;
}

.npl-qty {
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 14px;
    color: var(--text-secondary);
}

.npl-radio {
    display: inline-block;
    position: relative;
    margin: 0 20px 10px 0;
    cursor: pointer;
}

.npl-radio-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.npl-radio-input:checked + .npl-radio-content:after {
    opacity: 1;
}

.npl-radio-content {
    display: block;
    padding-left: 32px;
    color: var(--text-secondary);
}

.npl-radio-content:before, .npl-radio-content:after {
    content: '';
    position: absolute;
    border-radius: 50%;
}

.npl-radio-content:before {
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: white;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, 0.1);
}

.npl-radio-content:after {
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    opacity: 0;
    transition: opacity .2s;
}

.npl-checkbox {
    display: inline-block;
    position: relative;
    margin: 0 20px 10px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.npl-checkbox-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.npl-checkbox-input:checked + .npl-checkbox-content .npl-checkbox-tick > * {
    opacity: 1;
}

.npl-checkbox-content {
    display: block;
    padding-left: 32px;
}

.npl-checkbox-tick {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    background: white;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, 0.1);
    border-radius: 4px;
}

.npl-checkbox-tick > * {
    margin: auto;
    opacity: 0;
    transition: opacity .2s;
}

.npl-vote {
    display: -ms-flexbox;
    display: flex;
    background: white;
    border-radius: 0 0 6px 6px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
}

.npl-vote-item {
    position: relative;
    margin: 0;
    border: solid #EAEAEA;
    border-width: 1px 1px 1px 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.npl-vote-item:first-child {
    border-width: 1px;
    border-radius: 0 0 0 5px;
}

.npl-vote-item:last-child {
    border-radius: 0 0 5px;
}

.npl-vote-radio {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.npl-vote-radio:checked + .npl-vote-group {
    color: var(--theme-color);
}

.npl-vote-radio:checked + .npl-vote-group:before {
    opacity: 1;
}

.npl-vote-group {
    display: -ms-flexbox;
    display: flex;
    padding: 16px 3px 3px;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: color .2s;
    line-height: 24px;
}

.npl-vote-group:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 3px;
    background: var(--theme-color);
    opacity: 0;
    transition: opacity .2s;
}

.npl-vote-smile {
    margin-bottom: 3px;
    font-size: 30px;
}

.npl-vote-rate {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.npl-rate, .npl-rate-stars {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.npl-rate-stars {
    margin-right: 5px;
}

.npl-rate-star {
    width: 10px;
    height: 10px;
    margin-right: 2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4gIDxwYXRoIGZpbGw9IiNGQkJGNDAiIGQ9Ik0xMCwzLjgxMDUyNjMyIEw2LjQwNSwzLjQ4NDIxMDUzIEw1LDAgTDMuNTk1LDMuNDg5NDczNjggTDAsMy44MTA1MjYzMiBMMi43Myw2LjMgTDEuOTEsMTAgTDUsOC4wMzY4NDIxMSBMOC4wOSwxMCBMNy4yNzUsNi4zIEwxMCwzLjgxMDUyNjMyIFogTTUsNy4wNTI2MzE1OCBMNSwyLjE1Nzg5NDc0IEw1Ljg1NSw0LjI4NDIxMDUzIEw4LjA0NSw0LjQ4NDIxMDUzIEw2LjM4NSw2IEw2Ljg4NSw4LjI1MjYzMTU4IEw1LDcuMDUyNjMxNTggWiIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px;
}

.npl-rate-star-half {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4gIDxwb2x5Z29uIGZpbGw9IiNGQkJGNDAiIHBvaW50cz0iNSA4LjAzNyA4LjA5IDEwIDcuMjcgNi4zIDEwIDMuODExIDYuNDA1IDMuNDg5IDUgMCAzLjU5NSAzLjQ4OSAwIDMuODExIDIuNzMgNi4zIDEuOTEgMTAiLz48L3N2Zz4=);
}

.npl-rate-value {
    font-size: 14px;
    color: var(--text-secondary);
}

.npl-hr {
    height: 1px;
    margin: 16px 0;
    background: var(--border-color);
}

.npl-tags {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -8px -8px 0;
}

.npl-tags-item {
    margin: 0 8px 8px 0;
    padding: 5px 12px;
    background: rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    color: var(--text-secondary);
}

.npl-tags-item.npl-active {
    background: var(--theme-color);
    font-weight: 600;
    color: white;
}

.npl-play {
    width: 46px;
    height: 46px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSI0NiIgdmlld0JveD0iMCAwIDQ2IDQ2Ij4gIDxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMyw0NiBDMTAuMjk3NDUwOCw0NiAwLDM1LjcwMjU0OTIgMCwyMyBDMCwxMC4yOTc0NTA4IDEwLjI5NzQ1MDgsMCAyMywwIEMzNS43MDI1NDkyLDAgNDYsMTAuMjk3NDUwOCA0NiwyMyBDNDYsMzUuNzAyNTQ5MiAzNS43MDI1NDkyLDQ2IDIzLDQ2IFogTTE2LjM1NTU1NTYsMTIuMjY2NjY2NyBMMTYuMzU1NTU1NiwzMy43MzMzMzMzIEwzMy43MzMzMzMzLDIzIEwxNi4zNTU1NTU2LDEyLjI2NjY2NjcgWiIvPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.npl-code {
    display: inline-block;
    padding: 3px 12px;
    border: 1px dashed var(--theme-color);
    border-radius: 4px;
    font-weight: 600;
    color: var(--theme-color);
    text-transform: uppercase;
}

.npl-links {
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.npl-links-item:not(:last-child):after {
    content: '·';
    margin: 0 10px;
    color: var(--text-secondary);
}

.npl-links-el {
    color: var(--text-secondary);
    transition: color .2s;
}

.npl-links-el:hover {
    color: var(--text-primary);
}

.npl-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.npl-user .npl-preview {
    position: relative;
    height: 45px;
    margin-right: 15px;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
}

.npl-user .npl-pic {
    border-radius: 50%;
}

.npl-user .npl-title {
    margin: 0;
    font-size: 16px;
}

.npl-user .npl-title + .npl-content {
    font-size: 16px;
}

.npl-user_center {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

.npl-user_center .npl-preview {
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}

.npl-user_top {
    margin-top: -60px;
}

.npl-user-online {
    position: absolute;
    right: -1px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #03CA1F;
    border: 2px solid white;
}

.npl-head {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -ms-flex-align: center;
    align-items: center;
}

.npl-head .npl-preview {
    margin-right: 10px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}

.npl-head .npl-title {
    margin: 0;
    font-size: 18px;
}

.npl-head .npl-content {
    margin-left: auto;
    padding-left: 20px;
}

.npl-foot {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid var(--border-color);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.npl-widget_fullscreen .npl-foot{
    border-top:none;
}

.npl-foot .npl-btn {
    padding: 18px 20px;
    background: none;
    border-radius: 0;
    font-weight: 400;
    color: var(--text-secondary);
}
.npl-foot .npl-btn-1 {
    padding: 10px 20px;
    background: var(--theme-color);;
    border-radius: 0;
    font-weight: 400;
    color:white;
}

.npl-foot .npl-btn:first-child {
    color: rgb(173, 29, 29);
    border-radius: 0 0 0 6px;
}

.npl-foot .npl-btn:last-child {
    border-radius: 0 0 6px;
}

.npl-foot .npl-btn:only-child {
    border-radius: 0 0 6px 6px;
}

.npl-foot .npl-btn:hover {
    background: rgba(0, 0, 0, 0.08);
    opacity: 1;
}

.npl-foot .npl-btn_color {
    font-weight: 600;
    color: var(--theme-color);
}

.npl-foot .npl-btn_bold {
    font-weight: 600;
    color: var(--text-primary);
}

.npl-foot .npl-form {
    width: 100%;
    background: var(--background-color);
    border-radius: 0 0 6px 6px;
    box-shadow: none;
}

.npl-foot .npl-form .npl-btn {
    padding-left: 20px;
    padding-right: 20px;
    background: none;
    font-weight: 600;
}

.npl-foot .npl-form .npl-input {
    height: 59px;
    padding: 0 20px;
}

.npl-foot .npl-content {
    padding: 20px;
    font-size: 16px;
}

.npl-foot_flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.npl-foot_flex .npl-btn {
    border: 0 solid var(--border-color);
    -ms-flex: 1;
    flex: 1;
}

.npl-foot_flex .npl-btn:not(:last-child) {
    border-width: 0 1px 0 0;
}

.npl-video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: opacity .2s;
}

.npl-video:hover {
    opacity: .7;
}

.npl-video .npl-preview {
    margin-right: 14px;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}

.npl-video .npl-title,
.npl-video .npl-content {
    font-size: 16px;
}

.npl-video .npl-title {
    margin: 0;
}

.npl-slider {
    position: relative;
    text-align: center;
    z-index: 4;
}

.npl-slide {
    display: none;
}

.npl-slide.npl-visible {
    display: block;
}

.npl-slide .npl-title {
    color: var(--theme-color);
}

.npl-dots {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 50%;
    bottom: -67px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
}

.npl-dot {
    padding: 3px;
    background: none;
    border: none;
}

.npl-dot.npl-active:before {
    background: var(--theme-color);
}

.npl-dot:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}

@keyframes npl-sidebar {
0 {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}

.npl-logo {
    display: -ms-flexbox;
    display: flex;
}

.npl-logo .npl-preview {
    margin-right: 20px;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
}

.npl-logo .npl-title {
    margin: 10px 0 0;
    font-size: 14px;
    color: var(--theme-color);
    text-transform: uppercase;
}

.npl-logo_center {
    display: block;
    text-align: center;
}

.npl-logo_center .npl-preview {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.npl-logo_lg .npl-preview {
    width: 100px;
    height: 100px;
}

.npl-logo_simple {
    display: block;
}

.npl-logo_simple .npl-preview {
    width: 60px;
    margin: 0;
}

.npl-logo_icon .npl-preview {
    display: -ms-flexbox;
    display: flex;
    background: var(--theme-color);
    border-radius: 6px;
}

.npl-logo_icon .npl-preview i {
    margin: auto;
    font-size: 42px;
    color: white;
}

.npl-logo_top {
    margin: -55px 0 20px;
}

.npl-logo_outside {
    margin: -65px 0 20px;
}

.npl-choose .npl-group {
    border-radius: 3px;
    background: white;
}

.npl-choose .npl-group:not(:last-child) {
    margin-bottom: 12px;
}

.npl-choose .npl-btn {
    display: block;
    width: 100%;
    background: white;
    box-shadow: 0 2px 3px 0 rgba(37, 39, 44, 0.05), 0 1px 3px 0 rgba(37, 39, 44, 0.06);
    font-weight: 400;
    color: var(--text-secondary);
    text-align: left;
}

.npl-choose .npl-btn:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.npl-choose .npl-btn:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.npl-choose .npl-btn:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

.npl-choose .npl-btn:hover {
    color: var(--text-secondary);
}

.npl-choose .npl-btn.npl-active {
    font-weight: 700;
    color: var(--theme-color);
}

.npl-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.npl-panel .npl-preview {
    width: 62px;
    margin-right: 20px;
    -ms-flex: 0 0 62px;
    flex: 0 0 62px;
}

.npl-panel .npl-group {
    -ms-flex: 1;
    flex: 1;
}

.npl-panel .npl-title {
    margin-bottom: 2px;
    font-size: 20px;
}

.npl-panel > .npl-btn {
    margin-left: 20px;
}

.npl-panel .npl-form {
    margin-left: 24px;
    -ms-flex: 0 0 415px;
    flex: 0 0 415px;
}

.npl-panel .npl-form .npl-input {
    border: 1px solid var(--border-color);
    box-shadow: none;
}

.npl-panel_sm .npl-preview {
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}

.npl-panel_lg .npl-preview {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
}

.npl-panel_center {
    padding-right: 60px;
    text-align: center;
}

.npl-panel_arrow {
    position: relative;
    padding-right: 40px;
}

.npl-panel_arrow:after {
    content: '';
    position: absolute;
    top: calc(50% - 9px);
    right: 15px;
    width: 11px;
    height: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDExIDE4Ij4gIDxwb2x5Z29uIGZpbGw9IiMyRjJFMzUiIHBvaW50cz0iNTAyIDUyLjg4NSA1MDguNzk5IDQ2IDUwMiAzOS4xMTUgNTA0LjA5MyAzNyA1MTMgNDYgNTA0LjA5MyA1NSIgb3BhY2l0eT0iLjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01MDIgLTM3KSIvPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat;
}

.npl-panel_video .npl-preview {
    position: relative;
    -ms-flex: 0 0 124px;
    flex: 0 0 124px;
}

.npl-panel_video .npl-pic {
    border-radius: 4px;
}

.npl-panel_video .npl-play {
    position: absolute;
    top: calc(50% - 23px);
    left: calc(50% - 23px);
}

.npl-panel_video .npl-title {
    margin-bottom: 8px;
}

.npl-panel_video .npl-font-normal {
    color: var(--text-secondary);
}

.npl-panel_video .npl-content {
    font-size: 16px;
}

.npl-field {
    position: relative;
    margin-bottom: 12px;
}

.npl-field_connected .npl-input {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid var(--border-color);
}

.npl-field_connected .npl-input:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.npl-field_connected .npl-input:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.npl-field_connected .npl-input:not(:last-child) {
    margin-bottom: -1px;
}

.npl-field_email-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.npl-field_email-phone .npl-input,
.npl-field_email-phone .npl-select {
    box-shadow: none;
    border: 1px solid var(--border-color);
}

.npl-field_email-phone .npl-input:first-child {
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.npl-field_email-phone .npl-input:last-child {
    margin-left: -1px;
    border-radius: 0 0 4px;
    -ms-flex: 0 0 calc(100% - 72px);
    flex: 0 0 calc(100% - 72px);
}

.npl-field_email-phone .npl-select {
    border-radius: 0 0 0 4px;
    -ms-flex: 0 0 73px;
    flex: 0 0 73px;
}

.npl-field_phone {
    display: -ms-flexbox;
    display: flex;
}

.npl-field_phone .npl-select,
.npl-field_phone .npl-input {
    box-shadow: none;
    border: 1px solid var(--border-color);
}

.npl-field_phone .npl-select {
    border-radius: 4px 0 0 4px;
    -ms-flex: 0 0 73px;
    flex: 0 0 73px;
}

.npl-field_phone .npl-input {
    margin-left: -1px;
    border-radius: 0 0 4px;
    -ms-flex: 0 0 calc(100% - 74px);
    flex: 0 0 calc(100% - 74px);
}

.npl-field_birthday .npl-group {
    display: -ms-flexbox;
    display: flex;
}

.npl-field_birthday .npl-input {
    margin-right: 10px;
    -ms-flex: 0 0 64px;
    flex: 0 0 64px;
}

.npl-label {
    margin-bottom: 7px;
    font-size: 13px;
    color: var(--text-secondary);
}

.npl-input, .npl-textarea, .npl-select {
    position: relative;
    width: 100%;
    font-size: 18px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, 0.05), 0 1px 3px 0 rgba(37, 39, 44, 0.06);
}

.npl-input:focus, .npl-textarea:focus, .npl-select:focus {
    z-index: 2;
}

.npl-input, .npl-select {
    height: 46px;
    padding: 0 15px;
}

.npl-input, .npl-textarea {
    font-weight: 600;
    color: var(--text-primary);
}

.npl-input::-webkit-input-placeholder, .npl-textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
}

.npl-input:-ms-input-placeholder, .npl-textarea:-ms-input-placeholder {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
}

.npl-input::placeholder, .npl-textarea::placeholder {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
}

.npl-input_radius {
    border-radius: 4px;
}

.npl-input_clear {
    background: none;
    border: none;
}

.npl-input_subscribe_foot {
    height: 60px;
    padding: 0 20px;
    background: none;
    border: none;
}

.npl-input_code {
    border: 1px dashed var(--text-primary);
}

.npl-textarea {
    display: block;
    height: 136px;
    padding: 10px 15px;
    resize: none;
}

.npl-select {
    background-color: white;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgMTAgNSI+ICA8cG9seWdvbiBmaWxsPSIjMUIxQjFEIiBwb2ludHM9IjQ5MyAyMiA0OTggMjcgNTAzIDIyIiBvcGFjaXR5PSIuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5MyAtMjIpIi8+PC9zdmc+);
    background-size: 10px 5px;
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    color: var(--text-primary);
    font-weight: 600;
    cursor: pointer;
}

.npl-icon {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 46px;
    opacity: .2;
    z-index: 4;
}

.npl-icon i {
    margin: auto;
}

.npl-icon + .npl-input {
    padding-left: 46px;
}

.npl-inline .npl-field {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -ms-flex-align: center;
    align-items: center;
}

.npl-inline .npl-field:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

.npl-inline .npl-label {
    margin: 0 20px 0 0;
    font-size: 18px;
    -ms-flex: 0 0 145px;
    flex: 0 0 145px;
}

.npl-inline .npl-group {
    -ms-flex: 0 0 calc(100% - 165px);
    flex: 0 0 calc(100% - 165px);
}

.npl-inline .npl-input,
.npl-inline .npl-textarea,
.npl-inline .npl-select {
    box-shadow: none;
}

.npl-form {
    display: -ms-flexbox;
    display: flex;
}

.npl-form .npl-field {
    margin: 0 10px 0 0;
    -ms-flex: 1;
    flex: 1;
}

.npl-form_connected {
    border-radius: 4px;
    background: white;
    box-shadow: 0 3px 5px 0 rgba(37, 39, 44, 0.05), 0 1px 3px 0 rgba(37, 39, 44, 0.06);
}

.npl-form_connected .npl-field {
    margin: 0;
}

.npl-form_connected .npl-input {
    background: none;
    box-shadow: none;
}

.npl-form_connected .npl-btn {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    background: none;
    border-radius: 0 4px 4px 0;
    color: var(--theme-color);
}

.npl-form_connected .npl-btn:hover {
    background: rgba(0, 0, 0, 0.08);
}

.npl-form_connected .npl-btn:before {
    content: '';
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    width: 1px;
    height: 30px;
    background: var(--border-color);
}

.npl-nav-link {
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    transition: color .2s, opacity .2s;
    -ms-flex-align: center;
    align-items: center;
}

.npl-nav-link:not(:last-child) {
    margin-bottom: 24px;
}

.npl-nav-link:hover {
    color: var(--text-secondary);
}

.npl-nav-link.npl-active,
.npl-nav-link.npl-active .npl-nav-icon {
    color: var(--theme-color);
}

.npl-nav-icon {
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    margin-right: 20px;
    color: var(--text-secondary);
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
}

.npl-nav-icon i {
    margin: auto;
    font-size: 20px;
}

.npl-nav_lg .npl-nav-link {
    font-size: 24px;
}

.npl-nav_lg .npl-nav-link:not(:last-child) {
    margin-bottom: 16px;
}

.npl-menu {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
}

.npl-menu .npl-link {
    font-size: 20px;
    color: var(--text-secondary);
    line-height: 1.65;
    transition: color .2s;
}

.npl-menu .npl-link:hover, .npl-menu .npl-link.npl-active {
    color: var(--theme-color);
}

.npl-posts {
    margin-bottom: 30px;
}

.npl-posts .npl-link {
    display: block;
    margin-bottom: 18px;
    color: var(--text-secondary);
}

.npl-posts .npl-link:hover {
    color: var(--text-secondary);
}

.npl-posts .npl-title {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-color);
}

.npl-socials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.npl-socials .npl-link {
    font-size: 0;
}

.npl-socials .npl-link:not(:last-child) {
    margin-right: 25px;
}

.npl-row {
    display: -ms-flexbox;
    display: flex;
}

.npl-row_middle {
    -ms-flex-align: center;
    align-items: center;
}

.npl-row_custom .npl-col:first-child {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.npl-row_custom .npl-col:last-child {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
}

.npl-row_p {
    margin: 0 -10px;
    -ms-flex-align: center;
    align-items: center;
}

.npl-row_p .npl-col {
    padding: 0 10px;
}

.npl-col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.npl-col_bg {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 6px 0 0 6px;
}

.npl-drop {
    position: absolute;
    right: 0;
    bottom: calc(100% + 20px);
    width: calc(100vw - 30px);
    max-width: 353px;
    visibility: hidden;
    opacity: 0;
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: opacity .2s, visibility .2s, transform .4s;
}

.npl-drop:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 22px;
    z-index: 2;
}

.npl-drop.npl-visible {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.npl-drop .npl-item {
    opacity: 1;
    -ms-transform: none;
    transform: none;
    animation: none;
}

.npl-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    opacity: 0;
    transition: opacity .4s;
}
.npm-overlay-right{
    background: rgba(0, 0, 0, 0.8);
}
.npm-overlay-right .npl-item{
    background: white;
}
.npl-logo{
    margin: 20px 0;
}
.npl-widget {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    max-width: 100%;
    padding: 15px;
    font-size: 18px;
    line-height: 1.3333;
    transition: background .2s .2s;
    z-index: 7777777;
}

.npl-widget_top {
    top: 0;
    bottom: auto;
}

.npl-widget_left, .npl-widget_left_middle {
    left: 0;
    right: auto;
}

.npl-widget_left_middle {
    top: calc(50% - 100px);
    bottom: auto;
}

.npl-widget_width_full {
    width: 100%;
}

.npl-widget_no_padding {
    padding: 0;
}

.npl-widget_fullscreen {
    top: 0;
    left: 0;
    overflow: auto;
}

.npl-widget_fullscreen .npl-container {
    margin: auto;
    perspective-origin: 50% 50%;
}

.npl-widget_fullscreen .npl-item {
    max-height: none;
    overflow: visible;
}

.npl-widget_top .npl-container .npl-drop {
    top: 0;
    bottom: auto;
}

.npl-widget_top .npl-container .npl-drop:before {
    top: 19px;
    bottom: auto;
    -ms-transform: rotate(-53deg);
    transform: rotate(-53deg);
}

.npl-widget_left .npl-container .npl-drop {
    left: 72px;
    right: auto;
}

.npl-widget_left .npl-container .npl-drop:before {
    left: -20px;
    right: auto;
    bottom: 18px;
    -ms-transform: rotate(-233deg);
    transform: rotate(-233deg);
}

.npl-widget_left .npl-container .npl-drop:after {
    left: -12px;
    right: 100%;
}

.npl-widget_mat {
    background: var(--background-mat);
}

.npl-widget_mat .npl-container {
    width: 100%;
    max-width: 100%;
    height: 100%;
}

.npl-widget_mat .npl-item {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: var(--background-mat);
    border-radius: 0;
    box-shadow: none;
}

.npl-widget_mat .npl-close {
    top: 20px;
    right: 20px;
}

.npl-widget_mat .npl-wrap {
    max-width: 543px;
    margin: auto;
}

.npl-widget_sidebar {
    padding: 0;
}

.npl-widget_sidebar .npl-item {
    height: 100vh;
    max-height: 100%;
    border-radius: 0;
    transform: translate3d(100%, 0, 0);
}

.npl-widget_sidebar .npl-item.npl-animate {
    animation: npl-sidebar .4s ease-out forwards;
}

.npl-widget_sidebar .npl-item.npl-animate-reverse {
    animation: npl-sidebar .4s ease-out forwards alternate-reverse;
}

.npl-widget.npl-open {
    display: -ms-flexbox;
    display: flex;
}

.npl-widget.npl-animate .npl-overlay {
    opacity: 1;
}

.npl-container {
    width: 100vw;
    max-width: 353px;
    perspective: 100px;
    perspective-origin: 50% 100%;
}

.npl-container_lg {
    max-width: 737px;
}

.npl-container_md {
    max-width: 543px;
}

.npl-container_custom {
    max-width: 386px;
}

.npl-container_sidebar {
    max-width: 280px;
}

.npl-container_sm {
    max-width: 256px;
}

.npl-container_width_auto {
    width: auto;
    max-width: none;
}

.npl-container_width_full {
    width: 100%;
    max-width: 100%;
}

.npl-container_center {
    margin: auto;
}

.npl-container_center_bottom {
    max-width: 1112px;
    margin: auto auto 0;
}

.npl-container_opinion {
    max-width: 346px;
}

.npl-container_tools {
    max-width: 70px;
}

.npl-container_app {
    max-width: 60px;
}

.npl-container_circle .npl-item {
    max-height: calc(100vh - 110px);
}

.npl-container_app > .npl-item {
    max-height: none;
    background: none;
    border-radius: 10px;
    overflow: visible;
}

.npl-container_app .npl-drop {
    right: 72px;
    bottom: 0;
    z-index: 4;
}

.npl-container_app .npl-drop:before {
    content: '';
    position: absolute;
    right: -20px;
    bottom: 16px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 17px 13px 17px;
    border-color: transparent transparent white transparent;
    -ms-transform: rotate(-130deg);
    transform: rotate(-130deg);
    z-index: 1;
}

.npl-container_app .npl-drop:after {
    top: 0;
    left: 100%;
    bottom: 0;
    right: -12px;
    height: auto;
}

.npl-container_app .npl-btn {
    position: relative;
    z-index: 2;
}

.npl-container_tools .npl-item {
    overflow: visible;
}

.npl-item {
    position: relative;
    max-height: calc(100vh - 64px);
    background: white;
    /*box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);*/
    border-radius: 6px;
    opacity: 0;
    transform: translate3d(0, 0, -100px);
    overflow: auto;
}

.npl-item_border {
    border-top: 3px solid var(--theme-color);
    border-radius: 3px 3px 6px 6px;
}

.npl-item_shadow_1 {
    box-shadow: 0 4px 24px 0 rgba(37, 38, 94, 0.1);
}

.npl-item_shadow_2 {
    box-shadow: 0 4px 15px 0 rgba(47, 46, 53, 0.15), 0 1px 2px 0 rgba(47, 46, 53, 0.01), 0 2px 3px 1px rgba(47, 46, 53, 0.05);
}

.npl-item_shadow_3 {
    box-shadow: 0 0 1px 0 rgba(71, 75, 86, 0.31), 0 20px 32px 0 rgba(71, 75, 86, 0.15);
}

.npl-item_shadow_4 {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.14), 0 10px 26px 0 rgba(47, 46, 53, 0.3);
}

.npl-item_no_shadow {
    box-shadow: none;
}

.npl-item_no_radius {
    border-radius: 0;
}

.npl-item + .npl-item {
    margin-top: 20px;
}

.npl-item.npl-animate {
    animation: npl-bounce .4s ease-out forwards;
}

.npl-item.npl-animate-reverse {
    animation: npl-bounce .4s ease-out forwards alternate-reverse;
}

.npl-item.npl-visible {
    opacity: 1;
    animation: none;
    -ms-transform: none;
    transform: none;
}

.npl-item_bg {
    background: var(--background-color);
}

.npl-item_bg .npl-online {
    border-color: var(--background-color);
}

.npl-item_bg_image {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.npl-item_bg_image .npl-foot,
.npl-item_bg_image .npl-bb {
    border-color: rgba(255, 255, 255, 0.2);
}

.npl-item_white {
    color: white;
}

.npl-item_white .npl-foot .npl-btn,
.npl-item_white .npl-btn_simple,
.npl-item_white .npl-content,
.npl-item_white .npl-title,
.npl-item_white .npl-content,
.npl-item_white .npl-video {
    color: white;
}

.npl-item_white .npl-foot .npl-btn:hover,
.npl-item_white .npl-btn_simple:hover,
.npl-item_white .npl-content:hover,
.npl-item_white .npl-title:hover,
.npl-item_white .npl-content:hover,
.npl-item_white .npl-video:hover {
    color: white;
}

.npl-item_white .npl-content a {
    border-color: white;
    color: white;
}

.npl-item_white .npl-content a:hover {
    border-color: transparent;
}

.npl-item_white .npl-pic {
    fill: white;
}

.npl-item:hover .npl-close {
    opacity: .7;
}

.npl-item:hover .npl-close:hover {
    opacity: 1;
}

.npl-item:hover .npl-close_circle {
    opacity: 1;
}

.npl-item:hover .npl-drop_hover {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.npl-hide {
    max-height: 0;
    opacity: 0;
    transition: max-height .6s, opacity .6s;
    overflow: hidden;
}

.npl-hide .npl-wrap {
    padding-top: 0;
}

.npl-hide .npl-btn {
    transform: translate3d(0, 0, 0);
}

.npl-item:hover .npl-hide {
    max-height: 500px;
    opacity: 1;
}

@keyframes npl-bounce{
    0 {opacity: 0;  transform: translate3d(0, 0, -100px); }
    50% {opacity: 1;  transform: translate3d(0, 0, 0);}
    60% {opacity: 1;transform: translate3d(0, 0, 2px);}
    70%,100% {opacity: 1;transform: translate3d(0, 0, 0);}
}

.npl-tutorial {
    padding-top: 5px;
}

.npl-tutorial .npl-title,
.npl-tutorial .npl-content {
    margin-bottom: 25px;
}

.npl-tutorial .npl-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--theme-color);
}

.npl-discount {
    padding: 30px;
}

.npl-discount .npl-col:first-child {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
}

.npl-discount .npl-col:last-child {
    text-align: center;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
}

.npl-discount .npl-preview {
    padding-right: 30px;
}

.npl-discount .npl-pic {
    margin: auto;
}

.npl-discount .npl-content {
    margin-bottom: 20px;
}

.npl-discount .npl-input {
    text-align: center;
}

.npl-discount .npl-btn {
    width: 100%;
}

.npl-product {
    display: -ms-flexbox;
    display: flex;
}

.npl-product .npl-preview {
    width: 120px;
    margin-right: 20px;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
}

.npl-product .npl-pic {
    border-radius: 0;
}

.npl-product .npl-group {
    max-width: calc(100% - 80px);
}

.npl-price {
    margin-left: auto;
    padding: 1px 0 0 20px;
}

.npl-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.npl-actions .npl-content {
    margin-right: auto;
    padding-right: 16px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.npl-actions_equal {
    margin: 0 -10px;
}

.npl-actions_equal .npl-btn {
    margin: 0 10px;
    -ms-flex: 1;
    flex: 1;
}

.npl-checkout {
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
}

.npl-checkout .npl-wrap {
    padding: 40px 50px;
}

.npl-checkout .npl-wrap:last-child {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 50px;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.npl-checkout .npl-row {
    margin: 0 -6px;
}

.npl-checkout .npl-col {
    padding: 0 6px;
}

.npl-checkout .npl-col .npl-content {
    padding-top: 5px;
    text-align: right;
}

.npl-checkout .npl-title {
    font-size: 20px;
}

.npl-checkout .npl-content {
    font-size: 14px;
}

.npl-checkout .npl-checkbox {
    font-size: 16px;
    color: var(--text-secondary);
}

.npl-coupon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.npl-coupon .npl-title {
    margin: 0 12px 0 0;
    font-size: 18px;
    text-transform: uppercase;
}

.npl-bar {
    text-align: center;
}

.npl-bar .npl-title {
    margin: 0 30px 0 0;
}

.npl-bar .npl-actions {
    margin-left: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.npl-bar .npl-btn {
    margin-left: 10px;
}

.npl-bar_flex {
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -ms-flex-align: center;
    align-items: center;
}

.npl-guide .npl-row {
    margin-bottom: 20px;
}

.npl-mw {
    max-width: 460px;
    margin: 0 auto;
}

.npl-ma {
    margin: auto;
}

.npl-mr-a {
    margin-right: auto;
}

.npl-ml-a {
    margin-left: auto;
}

.npl-mb {
    margin-bottom: 20px;
}

.npl-mb-xs {
    margin-bottom: 8px;
}

.npl-mb-sm {
    margin-bottom: 16px;
}

.npl-mb-md {
    margin-bottom: 30px;
}

.npl-mb-lg {
    margin-bottom: 40px;
}

.npl-mt {
    margin-top: 20px;
}

.npl-mt-xs {
    margin-top: 8px;
}

.npl-mt-sm {
    margin-top: 16px;
}

.npl-mt-md {
    margin-top: 30px;
}

.npl-mt-lg {
    margin-top: 40px;
}

.npl-p {
    padding: 30px;
}

.npl-p-b {
    padding-bottom: 30px;
}

.npl-p-y {
    padding-top: 30px;
    padding-bottom: 30px;
}

.npl-p-y-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.npl-p-x {
    padding-left: 30px;
    padding-right: 30px;
}

.npl-p-x-2 {
    padding-left: 60px;
    padding-right: 60px;
}

.npl-p-sm {
    padding: 15px;
}

.npl-p-lg {
    padding: 45px;
}

.npl-pr {
    padding-right: 30px;
}

.npl-pl {
    padding-left: 30px;
}

.npl-bg-white {
    background: white;
}

.npl-bt {
    border-top: 1px solid var(--border-color);
}

.npl-bb {
    border-bottom: 1px solid var(--border-color);
}

.npl-font-normal {
    font-weight: 400;
}

.npl-font-uppercase {
    text-transform: uppercase;
}

@media only screen and (max-width: 1023px){
    .npl-close{
        opacity: 1;
    }
    .npl-tablet-hide {
        display: none !important;
    }
}

@media only screen and (max-width: 767px){
    .npl-btn-answer{
        display: block;
    }
    .npl-btn_flex{
        display: block;
        text-align: left;
    }
    .npl-preview_custom{
        height: 276px;
        margin-bottom: 20px;
        padding: 0;
    }
    .npl-preview_custom .npl-pic{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .npl-preview_contain .npl-pic{
        object-fit: contain;
    }
    .npl-vote-item{
        margin-top: -1px;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
    }
    .npl-vote-item:nth-child(3n){
        -ms-flex: 0 0 33.34%;
        flex: 0 0 33.34%;
    }
    .npl-foot_flex .npl-btn:not(:last-child){
        border-width: 0 0 1px;
    }
    .npl-foot_flex .npl-btn{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .npl-foot_flex .npl-btn, .npl-foot_flex .npl-btn:first-child{
        border-radius: 0;
    }
    .npl-foot_flex .npl-btn:last-child{
        border-radius: 0 0 6px 6px;
    }
    .npl-slider{
        padding: 0;
    }
    .npl-dots{
        position: static;
        margin: 16px 0 -8px;
        -ms-transform: none;
        transform: none;
    }
    .npl-panel{
        display: block;
    }
    .npl-panel .npl-preview{
        margin: 0 20px 20px 0;
    }
    .npl-panel > .npl-btn{
        margin: 16px 0 0;
    }
    .npl-panel .npl-form{
        margin: 20px 0 0;
    }
    .npl-panel_center{
        display: -ms-flexbox;
        display: flex;
    }
    .npl-panel_center .npl-preview{
        margin-bottom: 0;
    }
    .npl-panel_arrow{
        padding-right: 50px;
    }
    .npl-panel_arrow:before{
        content: '';
        position: absolute;
        top: -20px;
        right: 39px;
        bottom: -20px;
        width: 1px;
        background: var(--border-color);
    }
    .npl-panel_arrow:after{
        right: 5px;
    }
    .npl-inline .npl-field:not(:last-child){
        margin-bottom: 16px;
        border: none;
    }
    .npl-inline .npl-field{
        display: block;
    }
    .npl-inline .npl-label{
        margin: 0 0 4px;
    }
    .npl-inline .npl-input,
    .npl-inline .npl-textarea,
    .npl-inline .npl-select{
        border: 1px solid var(--border-color);
    }
    .npl-form{
        display: block;
    }
    .npl-form .npl-field{
        margin: 0 0 12px;
    }
    .npl-form .npl-btn{
        width: 100%;
    }
    .npl-form_connected .npl-field{
        margin: 0;
    }
    .npl-form_connected .npl-input{
        text-align: center;
    }
    .npl-form_connected .npl-btn{
        border-radius: 0 0 4px 4px;
        border-top: 1px solid var(--border-color);
    }
    .npl-row{
        display: block;
    }
    .npl-col_bg{
        height: 200px;
        border-radius: 6px 6px 0 0;
    }
    .npl-widget{
        width: 100%;
        height: 100%;
        padding: 10px;
        overflow: auto;
    }
    .npl-widget_left_middle{
        top: 0;
    }
    .npl-widget_no_padding{
        padding: 0;
    }
    .npl-widget_left_middle .npl-container{
        width: auto;
        margin: auto auto auto 0;
    }
    .npl-widget_top .npl-container{
        margin-top: 0;
        margin-bottom: auto;
    }
    .npl-widget_left .npl-container{
        margin-left: 0;
        margin-right: auto;
    }
    .npl-widget_mat .npl-close{
        top: 10px;
        right: 10px;
    }
    .npl-widget_sidebar{
        padding: 0;
    }
    .npl-widget_sidebar .npl-item{
        height: auto;
        min-height: 100vh;
        max-height: none;
    }
    .npl-container{
        max-width: 100%;
        margin: auto auto 0;
    }
    .npl-container_sidebar{
        max-width: 280px;
        margin: 0 0 0 auto;
    }
    .npl-container_sm{
        max-width: calc(100vw - 20px);
    }
    .npl-container_width_auto{
        width: 100%;
    }
    .npl-container_tools{
        max-width: 70px;
        margin: auto 0 0 auto;
    }
    .npl-container_app{
        max-width: 60px;
        margin: auto 0 0 auto;
    }
    .npl-container_circle{
        width: auto;
        margin: auto 0 0 auto;
    }
    .npl-container_app .npl-drop{
        max-width: calc(100vw - 92px);
    }
    .npl-item{
        max-height: none;
        overflow: visible;
    }
    .npl-product{
        display: block;
    }
    .npl-product .npl-preview{
        margin-bottom: 20px;
    }
    .npl-product .npl-group{
        max-width: 100%;
    }
    .npl-product_cart{
        text-align: center;
    }
    .npl-product_cart .npl-preview{
        margin: 0 auto 20px;
    }
    .npl-price{
        margin: 12px 0 0;
        padding: 0;
    }
    .npl-actions{
        display: block;
    }
    .npl-actions .npl-content{
        margin: 0 0 16px;
        padding: 0;
        text-align: center;
    }
    .npl-actions .npl-btn{
        width: 100%;
        margin: 0;
    }
    .npl-actions .npl-btn:not(:last-child){
        margin-bottom: 12px;
    }
    .npl-actions_equal{
        margin: 0;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .npl-checkout .npl-wrap{
        padding: 20px;
    }
    .npl-checkout .npl-wrap:last-child{
        padding: 20px;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .npl-checkout .npl-btn{
        width: 100%;
    }
    .npl-checkout .npl-btn:first-child{
        margin-top: 20px;
        -ms-flex-order: 2;
        order: 2;
    }
    .npl-checkout .npl-btn:last-child{
        -ms-flex-order: 1;
        order: 1;
    }
    .npl-checkout .npl-col .npl-content{
        margin: -8px 0 16px;
        text-align: left;
    }
    .npl-coupon{
        display: block;
        text-align: center;
    }
    .npl-coupon .npl-title{
        margin: 0 0 12px;
    }
    .npl-bar .npl-title{
        margin: 0;
    }
    .npl-bar .npl-actions{
        margin-top: 20px;
    }
    .npl-bar .npl-btn{
        width: 100%;
        margin: 0;
    }
    .npl-bar_flex{
        display: block;
    }
    .npl-guide .npl-col{
        margin-bottom: 32px;
    }
    .npl-guide .npl-actions{
        display: block;
    }
    .npl-guide .npl-btn:last-child{
        margin-top: 12px;
    }
    .npl-mb-lg{
        margin-bottom: 20px;
    }
    .npl-mt-lg{
        margin-top: 20px;
    }
    .npl-p{
        padding: 20px;
    }
    .npl-p-y-sm{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .npl-p-x{
        padding-left: 20px;
        padding-right: 20px;
    }
    .npl-p-x-2{
        padding-left: 20px;
        padding-right: 20px;
    }
    .npl-p-sm{
        padding: 20px;
    }
    .npl-p-lg{
        padding: 20px;
    }
    .npl-pr{
        padding-right: 20px;
    }
    .npl-pl{
        padding-right: 20px;
    }
    .npl-mobile-hide {
        display: none !important;
    }
}