.news {
    display: flex;
    background-color: #f7f7f7;
    min-height: 100%;
    width: 100%;
}
.news .inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 50px;
}
.news .inner > .under-header-line {
    margin-bottom: 30px;
}
.news .inner > h4 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 27px;
}
.news .inner .main-content {
    width: 100%;
    display: flex;
    align-items: flex-start;
}
.news .inner .main-content .search-news {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 30px;
    margin-bottom: 18px;
}
.news .inner .main-content .search-news .tags-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.news .inner .main-content .search-news .tags-row a {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin-right: 18px;
}
.news .inner .main-content .search-news .tags-row a.red {
    color: #c83636;
}
.news .inner .main-content .search-news .inputs-row {
    display: flex;
    align-items: center;
}
.news .inner .main-content .search-news .inputs-row:not(:last-child) {
    margin-bottom: 18px;
}
.news .inner .main-content .search-news .inputs-row .search-btn {
    height: 45px;
    border: none;
    border-radius: 0;
    background-color: #565656;
    color: white;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0 30px;
    min-width: 132px;
}
.news .inner .main-content .search-news .inputs-row .search-btn:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.news .inner .main-content .search-news .inputs-row .search-btn img {
    margin-right: 13px;
}
.news .inner .main-content .search-news .inputs-row .input {
    flex-grow: 1;
    border: none;
    border-radius: 0;
    background-color: #f0f0f0;
    height: 45px;
    padding: 0 20px;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
}
.news .inner .main-content .search-news .inputs-row .input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.news .inner .main-content .left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: column;
}
.news .inner .main-content .pagination-container {
    display: flex;
    margin-right: auto;
}

.news .inner .main-content .news-items {
    display: flex;
}

.news .inner .main-content .news-items .news-items_block {
    -moz-column-count: 2;
    column-count: 2
}

.news .inner .main-content .news-items .n-item {
    margin-bottom: 10px;
    width: 100%;
    /*float: left;*/
    page-break-inside: avoid;
    break-inside: avoid;


    display: flex;
    flex-direction: column;
    background-color: white;
    padding-bottom: 30px;
}
.news .inner .main-content .news-items .n-item p {
    color: #000000;
    font-size: 16px;
}
.news .inner .main-content .news-items .n-item .img-container {
    width: 100%;
    display: flex;
}
.news .inner .main-content .news-items .n-item .img-container img {
    height: 100%;
    width: 100%;
}
.news .inner .main-content .news-items .n-item .n-row {
    padding: 30px 26px 0;
    display: flex;
    flex-direction: column;
}
.news .inner .main-content .news-items .n-item .main-link {
    margin-bottom: 20px;
    color: #1b65c0;
    font-size: 24px;
    line-height: 24px;
}
.news .inner .main-content .news-items .n-item .info-row {
    margin-bottom: 25px;
    color: #565656;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.news .inner .main-content .news-items .n-item .info-row .comments,
.news .inner .main-content .news-items .n-item .info-row .watched {
    line-height: 15px;
    padding-left: 25px;
    position: relative;
}
.news .inner .main-content .news-items .n-item .info-row .comments:not(:last-child),
.news .inner .main-content .news-items .n-item .info-row .watched:not(:last-child) {
    margin-right: 20px;
}
.news .inner .main-content .news-items .n-item .info-row .comments::before,
.news .inner .main-content .news-items .n-item .info-row .watched::before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAAXNSR0IB2cksfwAAAGZQTFRFAAAAgICAVlZWVlZWVlZWVlZWWFhYVlZWVlZWVVVVVlZWVVVVVlZWVlZWUVFRWVlZVVVVVlZWVVVVVlZWVlZWWVlZSUlJV1dXV1dXVVVVVlZWVVVVVlZWVVVVTU1NVlZWUVFRVlZW5rVXpQAAACJ0Uk5TAAJNpNz2PdX/vL14/rITFLOIBoOFFwfXbWzEy+5LCsoW9/ND+4cAAAB6SURBVHicXU7XDoMwEDMjxKwATRtGGe3//yQ5QlSp92BbPsk24C9Js1ypPEsT3FdoUpWVInURnLohWwN0PdnU4gz034exz5cbvRyAyRNnLOQ76lVo2wX3TXDFLDThIJeor6zRfaw1Toes0Nh3vrGNjfeuqvz+dv2vPwG68wbKT/DAWwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 18px;
    height: 11px;
    top: 50%;
    transform: translate(0%, -50%);
}
.news .inner .main-content .news-items .n-item .info-row .comments::before {
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAAXNSR0IB2cksfwAAADNQTFRFAAAAV1dXVlZWV1dXVVVVVlZWVlZWVlZWVlZWVlZWVlZWWFhYVlZWWFhYVlZWVlZWVVVV6Q02wAAAABF0Uk5TAEnW4NT/0DvB9NxD+0BlhTM/pCxxAAAAPUlEQVR4nM3IyQkAIAwF0a8xcV/6r1ZBEGMFvsMcBsbSxRo4VhxID/pmiB4CH2SLzEmCx5ELVyjtHehjZQJh9QRKuCP2EQAAAABJRU5ErkJggg==);
}
.news .inner .main-content .news-items .n-item .info-row .date {
    margin-right: auto;
}
.news .inner .main-content .new-news {
    width: 370px;
    display: flex;
    flex-direction: column;
    background-color: white;
}
.news .inner .main-content .new-news__header {
    height: 36px;
    width: 100%;
    border-top: 2px solid #c83636;
}
.news .inner .main-content .new-news__header div {
    height: 100%;
    width: 200px;
    display: flex;
    align-items: center;
    padding-left: 28px;
    background-color: #c83636;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
}
.news .inner .main-content .new-news-items {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.news .inner .main-content .new-news-items__item {
    display: flex;
}
.news .inner .main-content .new-news-items__item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}
.news .inner .main-content .new-news-items__item .info-row {
    color: #565656;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.news .inner .main-content .new-news-items__item .info-row .comments,
.news .inner .main-content .new-news-items__item .info-row .watched {
    line-height: 15px;
    padding-left: 25px;
    position: relative;
}
.news .inner .main-content .new-news-items__item .info-row .comments:not(:last-child),
.news .inner .main-content .new-news-items__item .info-row .watched:not(:last-child) {
    margin-right: 25px;
}
.news .inner .main-content .new-news-items__item .info-row .comments::before,
.news .inner .main-content .new-news-items__item .info-row .watched::before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAAXNSR0IB2cksfwAAAGZQTFRFAAAAgICAVlZWVlZWVlZWVlZWWFhYVlZWVlZWVVVVVlZWVVVVVlZWVlZWUVFRWVlZVVVVVlZWVVVVVlZWVlZWWVlZSUlJV1dXV1dXVVVVVlZWVVVVVlZWVVVVTU1NVlZWUVFRVlZW5rVXpQAAACJ0Uk5TAAJNpNz2PdX/vL14/rITFLOIBoOFFwfXbWzEy+5LCsoW9/ND+4cAAAB6SURBVHicXU7XDoMwEDMjxKwATRtGGe3//yQ5QlSp92BbPsk24C9Js1ypPEsT3FdoUpWVInURnLohWwN0PdnU4gz034exz5cbvRyAyRNnLOQ76lVo2wX3TXDFLDThIJeor6zRfaw1Toes0Nh3vrGNjfeuqvz+dv2vPwG68wbKT/DAWwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 18px;
    height: 11px;
    top: 50%;
    transform: translate(0%, -50%);
}
.news .inner .main-content .new-news-items__item .info-row .comments::before {
    height: 16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAAXNSR0IB2cksfwAAADNQTFRFAAAAV1dXVlZWV1dXVVVVVlZWVlZWVlZWVlZWVlZWVlZWWFhYVlZWWFhYVlZWVlZWVVVV6Q02wAAAABF0Uk5TAEnW4NT/0DvB9NxD+0BlhTM/pCxxAAAAPUlEQVR4nM3IyQkAIAwF0a8xcV/6r1ZBEGMFvsMcBsbSxRo4VhxID/pmiB4CH2SLzEmCx5ELVyjtHehjZQJh9QRKuCP2EQAAAABJRU5ErkJggg==);
}
.news .inner .main-content .new-news-items__item .info-row .date {
    margin-right: 25px;
}
.news .inner .main-content .new-news-items__item .name {
    color: #000000;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
}
.news .inner .main-content .new-news-items__item a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 26px 28px;
}
@media (max-width: 1087px) {
    .news .inner {
        max-width: 100%;
        padding: 0 40px;
        margin-bottom: 40px;
    }

    .others-header-area .inner > h1,
    .reviews .inner > h1,
    .services .inner > h1,
    .contacts .inner > h1,
    .documents .inner > h1,
    .jobs .inner > h1,
    .articles .inner > h1,
    .news .inner > h1,
    .price-list .inner > h1 {
        text-align: center !important;
    }

    .news .inner > h4 {
        text-align: center;
    }
    .news .inner > .under-header-line {
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }
    .news .inner .main-content {
        flex-direction: column;
    }
    .news .inner .main-content .pagination-container {
        margin-right: 0;
        margin-left: auto;
        margin-bottom: 40px;
    }
    .news .inner .main-content .new-news {
        margin-bottom: 40px;
        width: 100%;
    }
    .news .inner .main-content .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .news .inner .main-content .news-items .news-items_block {
        column-count: 1;
    }
    .article-in-detail .text-row img.detail_picture {
        height: 100%;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .news .inner {
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .news .inner > h4 {
        font-size: 24px;
    }
    .news .inner .main-content .search-news {
        margin-bottom: 10px;
        padding: 10px 10px 16px;
    }
    .news .inner .main-content .search-news .inputs-row .search-btn {
        min-width: auto;
    }
    .news .inner .main-content .search-news .inputs-row .search-btn img {
        margin-right: 0;
    }
    .news .inner .main-content .news-items .n-item {
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .news .inner .main-content .news-items .n-item .n-row {
        padding: 18px 18px 0;
    }
    .news .inner .main-content .news-items .n-item .main-link {
        font-size: 21px;
    }
    .news .inner .main-content .news-items .news-items_block {
        column-count: 1;
    }
    .article-in-detail .text-row img.detail_picture {
        height: 100%;
        width: 100%;
    }
}



#FeedbackPopup, #ServicePopup, #RecallPopup, #PetitionPopup, #ErrorPopup {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.price-list {
    display: flex;
    background-color: #f7f7f7;
    min-height: 100%;
    width: 100%;
}
.price-list .inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
}
.price-list .inner .price-list-table {
    background-color: white;
    width: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.price-list .inner .price-list-table .fields {
    display: flex;
    flex-direction: column;
}
.price-list .inner .price-list-table .fields h6 {
    color: #c83636;
    font-size: 20px;
    padding: 0 18px;
    min-height: 60px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.price-list .inner .price-list-table .fields h6:nth-child(even) {
    background-color: #f7f7f7;
    border-top: 1px solid #dcd9d9;
    border-bottom: 1px solid #dcd9d9;
}
.price-list .inner .price-list-table .fields .field {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0 18px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    color: #000000;
}
.price-list .inner .price-list-table .fields .field .name {
    color: #1b65c0;
    width: 70%;
    margin-right: 3%;
    font-size: 18px;
}

.price-list .inner .price-list-table .fields .field a {
    color: #1b65c0;
}

.price-list .inner .price-list-table .fields .field .price {
    width: 13%;
    margin-right: 2%;
    font-size: 18px;
    font-weight: 600;
}
.price-list .inner .price-list-table .fields .field .services {
    width: 18%;
    margin-right: 3%;
    display: flex;
    align-items: center;
}
.price-list .inner .price-list-table .fields .field .services > *:not(:last-child) {
    margin-right: 10px;
}
.price-list .inner .price-list-table .fields .field .services .support {
    width: 23px;
    height: 23px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAAXNSR0IB2cksfwAAATtQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeYXp2gAAAGl0Uk5TAGrPwNFZ2AYeH0BgOAzQIyJKcDfOKFCAoI4zuAFemVIJNgtarL1EB4zVnpsNTmZ1BLl5Zcky1Ipkk4a8enwTJEgOIOqpYw8n1teQGLR/pUYUEVyXwQMFu5IIcszIumgQmqajUfKxQy4CPmKNYQAAAQRJREFUeJxjYGRiRgUsrAwgwMYOIjk4ubh5wHwGXj4wBSH5BQSFuCDiUBE+YT4UICIKFRcTZ0AGElzYxSWlpJHFZWTl5MF8BSlFJSRxZRUeVTUGBnUNTS1tFjkduLiGLoOePoOBoZEBUK+xiQJM3NTMXFOAwcISyLSy5rCxhYnb2TvwOzKoOgGZzi6ubnxQcXcPTy8PTW8PoCGSPr5KDB5QcT//AK7AIElrAYbgkFAGBrh6pjAg4RTuGhEZxQhkwc2PBoVkjGFobBwDinsi40FAnSFBIjEJ2f2SkjxADbbJKalp6cj+VVdnAKpnz5BBDx/M8MQV/lB16PEFiV8GBvT4xZEeAMsbJt2jhI1aAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
}
.price-list .inner .price-list-table .fields .field .services .shipped {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAVCAMAAACJ68VtAAAAAXNSR0IB2cksfwAAAYlQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8MCzwQAAAIN0Uk5TAJTw7WzgSjBxsCBQ7MCyTc5g8SPdkFs32wKS/yot62TZORapCyTlc512BL4GHIS6eLUKv7TU+/ki0BgPyKIBRKWTFerzs9wsNOguK0A+BcyHoGNOmIghV1pYcO6Cg+SG7+MQdPJ61x9/w3lVuMf0u8svxYUpYVmjXME9vbFTm+fT0l5CYy0fAAABUElEQVR4nGNgYGBkwgDMLAwIwMrGjg44OJHluRjQATcPLy8vHz9ueQFBQUEOIWGc8iKiQMAqhikvLiEJk5eSlsGQl5WTB+sHu09BEUleSVmFgUFVTZ0BIa+hiSSvxaetoyuiB7VfnwsIDAyRzTcyNjFlhLnPDBxM5qYWQI6lFUTQ2sbWDipv7wCmtBxB9kjCHAdnQJlOzi7ODAyurCDg5o7sfw+wO7g8vZgYGLx9QMDXDyV8wO73Y/VnYggIBIIghuCQ0DAG/kAICAfKc4cEcClFMDFERkXHRPnGxsUHJnixR0GAODdnfGK8bYJMEtB8BrfYqOQUrkjZVJsoGNBIS0mPcM/IzALJZwcG5gh4S+ey5wXCQX5BoXSRR15gMcQ9JdFJtqVluQgHussllQtWVML5OSZVkc7hSD6orqkqk6uFc63r6hsEkX1orVHf2ASkAaatQcsKp4eyAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
    width: 31px;
    height: 21px;
}
.price-list .inner .price-list-table .fields .field .services .installation {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAMAAAA4Nk+sAAAAAXNSR0IB2cksfwAAAKJQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAoBElOgAAADZ0Uk5TAGbu/2fvHBrxYJDcX0Be3zOlsLL73dA0GegwnHgWusBVU1YJ5VBl5gs+4EEpSQJC45XBnn7h3i2oZAAAAH9JREFUeJxjYGRiRgdMLAwMrGwM6ICdg4GBGUMULDZkhTkxAUiYCxMAhbl5eNEBHz8Dg4CgEAgIiwAJUTEwW1AcbouEpJSUlLQMuuWycvJAoIAkoiiPCpTAosoqLKrIQE1dAySsqYUOtLH4kIFBh09XD1NU38DQyBhT2AQY96YAxSUP9J8Mp1AAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 23px;
}

.price-list .inner .price-list-table .fields .field .in-cart {
    margin-left: auto;
}

.price-list .inner .price-list-table .fields .field .to-cart span {
    margin-right: 7px;
}

.price-list .inner .price-list-table .fields .field:nth-child(even) {
    background-color: #f7f7f7;
    border-top: 1px solid #dcd9d9;
    border-bottom: 1px solid #dcd9d9;
}
.price-list .inner .price-list-table .table-header {
    display: flex;
    align-items: center;
    padding: 0 18px;
    height: 38px;
    background-color: #dddddd;
    font-weight: 600;
    font-size: 18px;
}
.price-list .inner .price-list-table .table-header span,
.price-list .inner .price-list-table .table-header div {
    color: #565656;
    white-space: nowrap;
}
.price-list .inner .price-list-table .table-header span:first-child,
.price-list .inner .price-list-table .table-header div:first-child {
    width: 70%;
    margin-right: 3%;
}
.price-list .inner .price-list-table .table-header span:nth-child(2),
.price-list .inner .price-list-table .table-header div:nth-child(2) {
    width: 13%;
    margin-right: 2%;
}
.price-list .inner .price-list-table .table-header span:nth-child(3),
.price-list .inner .price-list-table .table-header div:nth-child(3) {
    width: 18%;
    margin-right: 3%;
}
.price-list .inner .price-list-table .table-header span:nth-child(4),
.price-list .inner .price-list-table .table-header div:nth-child(4) {
    width: 14%;
    margin-left: auto;
}
.price-list .inner > .under-header-line {
    margin-bottom: 30px;
}
.others-header-area .inner > h1,
.reviews .inner > h1,
.services .inner > h1,
.contacts .inner > h1,
.documents .inner > h1,
.jobs .inner > h1,
.articles .inner > h1,
.news .inner > h1,
.price-list .inner > h1 {
    color: #000000;
    font-size: 36px;
    font-weight: 800;
    line-height: 27px;
    text-align: left;
    margin: 0;
}

.price-list .inner > h4 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 27px;
}
@media (max-width: 1087px) {
    .price-list .inner {
        max-width: 100%;
        padding: 0 40px;
    }
    .price-list .inner .price-list-table {
        margin-bottom: 40px;
    }
    .price-list .inner .price-list-table .fields .field .name {
        color: #1b65c0;
        width: 55%;
        margin-right: 2%;
        font-size: 16px;
    }
    .price-list .inner .price-list-table .fields .field .price {
        width: 30% !important;
        margin-right: 7%;
    }
    .price-list .inner .price-list-table .fields .field .services {
        width: 30% !important;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: end;
        align-items: center;
        align-content: flex-end;
    }
    .price-list .inner .price-list-table .fields .field .to-cart {
        width: 5%;
    }
    .price-list .inner .price-list-table .fields .field .to-cart a {
        margin-right: 0;
        width: 24px;
    }
    .price-list .inner .price-list-table .table-header span:first-child,
    .price-list .inner .price-list-table .table-header div:first-child {
        width: 55%;
        margin-right: 2%;
    }
    .price-list .inner .price-list-table .table-header span:nth-child(2),
    .price-list .inner .price-list-table .table-header div:nth-child(2) {
        width: 15%;
        margin-right: 2%;
    }
    .price-list .inner .price-list-table .table-header span:nth-child(3),
    .price-list .inner .price-list-table .table-header div:nth-child(3) {
        width: 25%;
        margin-right: 0;
    }
    .price-list .inner .price-list-table .table-header span:nth-child(4),
    .price-list .inner .price-list-table .table-header div:nth-child(4) {
        width: 5%;
        margin-left: auto;
    }
    .price-list .inner > h4 {
        text-align: center;
    }
    .price-list .inner > .under-header-line {
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .price-list .inner {
        padding: 0 14px;
    }
    .price-list .inner > h4 {
        font-size: 24px;
    }
    .price-list .inner .price-list-table {
        padding: 0;
        margin-bottom: 20px;
    }
    .price-list .inner .price-list-table .fields .field {
        padding: 14px 18px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .price-list .inner .price-list-table .fields .field .name {
        margin-bottom: 10px;
        min-width: 100%;
    }
    .price-list .inner .price-list-table .fields .field .to-cart {
        margin-left: 0;
    }
    .price-list .inner .price-list-table .fields .field .price,
    .price-list .inner .price-list-table .fields .field .services,
    .price-list .inner .price-list-table .fields .field .to-cart {
        width: auto;
    }
}


.services {
    display: flex;
    /*background-color: #f7f7f7;*/
    min-height: 100%;
    width: 100%;
}
.services .inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 50px;
}
.services .inner > .under-header-line {
    margin-bottom: 30px;
}
.services .inner > h4 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 27px;
}
@media (max-width: 1087px) {
    .services .inner {
        max-width: 100%;
        padding: 0 40px;
        margin-bottom: 40px;
    }
    .services .inner > h4 {
        text-align: center;
    }
    .services .inner > .under-header-line {
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .services .inner {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    .services .inner > h4 {
        font-size: 24px;
    }
}

.service-items {
    width: 100%;
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(auto-fill, minmax(290px, auto));
    grid-gap: 30px 30px;
}
@media all and (-ms-high-contrast: none) {
    .service-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .service-items > * {
        min-width: 370px;
        max-width: 370px;
        margin: 0 15px 30px;
    }
}
.service-items .service-item {
    font-size: 18px;
    padding: 28px;
    background-color: #dfebf6;
    display: flex;
    flex-direction: column;
    height: 470px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto;
}
.service-items .service-item:hover {
    box-shadow: inset 2px 2px 0px 0px #c83636, inset -2px -2px 0px 0px #c83636;
}
.service-items .service-item p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}
.service-items .service-item a {
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 24px;
}
.service-items .service-item a:hover .icon {
    transform: scale(1.2);
}
.service-items .service-item a span {
    position: relative;
}
.service-items .service-item a span .icon {
    position: absolute;
    bottom: 8px;
    right: -28px;
    transition: transform 0.3s ease;
}

@media (max-width: 1087px) {
    .service-items .service-item {
        height: 420px;
    }
}
@media (max-width: 768px) {
    .service-items {
        grid-template-columns: repeat(auto-fill, minmax(270px, 390px));
    }
    .service-items .service-item {
        height: 370px;
    }
}


.new-badge {
    padding: 4px 16px;
    border-radius: 10px;
    background-color: #90ab32;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-badge span {
    color: #ffffff;
    font-weight: 600;
    line-height: 20px;
}

.star-badge {
    border-radius: 10px;
    background-color: #c83636;
    padding: 4px 16px;
    display: flex;
    align-items: center;
}
.star-badge .icon-container {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: baseline;
    margin-right: 7px;
}
.star-badge span {
    color: #ffffff;
    font-weight: 600;
}

.date-views-comments-downloads {
    color: #565656;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.date-views-comments-downloads .watched,
.date-views-comments-downloads .comments,
.date-views-comments-downloads .downloads {
    line-height: 15px;
    padding-left: 25px;
    position: relative;
}
.date-views-comments-downloads .watched::before,
.date-views-comments-downloads .comments::before,
.date-views-comments-downloads .downloads::before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAAXNSR0IB2cksfwAAAGZQTFRFAAAAgICAVlZWVlZWVlZWVlZWWFhYVlZWVlZWVVVVVlZWVVVVVlZWVlZWUVFRWVlZVVVVVlZWVVVVVlZWVlZWWVlZSUlJV1dXV1dXVVVVVlZWVVVVVlZWVVVVTU1NVlZWUVFRVlZW5rVXpQAAACJ0Uk5TAAJNpNz2PdX/vL14/rITFLOIBoOFFwfXbWzEy+5LCsoW9/ND+4cAAAB6SURBVHicXU7XDoMwEDMjxKwATRtGGe3//yQ5QlSp92BbPsk24C9Js1ypPEsT3FdoUpWVInURnLohWwN0PdnU4gz034exz5cbvRyAyRNnLOQ76lVo2wX3TXDFLDThIJeor6zRfaw1Toes0Nh3vrGNjfeuqvz+dv2vPwG68wbKT/DAWwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 19px;
    height: 11px;
    top: 50%;
    transform: translate(0%, -50%);
}
.date-views-comments-downloads .comments::before {
    height: 17px;
    width: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAAXNSR0IB2cksfwAAADNQTFRFAAAAV1dXVlZWV1dXVVVVVlZWVlZWVlZWVlZWVlZWVlZWWFhYVlZWWFhYVlZWVlZWVVVV6Q02wAAAABF0Uk5TAEnW4NT/0DvB9NxD+0BlhTM/pCxxAAAAQklEQVR4nNXIORIAIQgF0Y8ILrPe/7RKmYA1F5gXdNAAKLGTCFOWINvj+PgPT+NTe6Xq0kS61gLvOOXC7v54eF7rAMuxBEpPYbJZAAAAAElFTkSuQmCC);
}
.date-views-comments-downloads .downloads {
    padding-left: 18px;
}
.date-views-comments-downloads .downloads::before {
    width: 12px;
    height: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOBAMAAADpk+DfAAAAAXNSR0IB2cksfwAAACFQTFRFAAAAVlZWVlZWTk5OUFBQVlZWVVVVVlZWVlZWVVVVVlZWC4lEEgAAAAt0Uk5TAID/DRCITvqPsNC2DYwlAAAAQElEQVR4nGNgYFRSEmBgwEqZuCophTgzpCsBQRkDW5GSknoCA4hbBlTCVgTiALkgDpAL5kBA50wgmMGwCKRPCwAFDQ2N2pmMNAAAAABJRU5ErkJggg==);
}
.date-views-comments-downloads > *:not(:last-child) {
    margin-right: 26px;
}

.article-in-detail {
    display: flex;
    background-color: #f7f7f7;
    min-height: 100%;
    width: 100%;
}
.article-in-detail .inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 50px;
}
.article-in-detail .inner .text-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 26px;
}

.article-in-detail .inner .text-row .detail_text {
    margin-bottom: 20px;
}

.article-in-detail .inner .text-row .detail_text h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.article-in-detail .inner .text-row .detail_text h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.article-in-detail .inner .text-row .detail_text h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.article-in-detail .inner .text-row .detail_text h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.article-in-detail .inner .text-row .detail_text h6 {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.article-in-detail .inner .text-row .detail_text ul {
    list-style-position: inside;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    opacity: 0.8;
    margin-bottom: 24px;
}

.article-in-detail .inner .text-row .detail_text p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 20px;
}
.article-in-detail .inner .text-row p img {
    float: left;
    clear: both;
    padding: 0px 20px 20px 0;
}
.article-in-detail .inner .text-row p:last-child {
    margin-bottom: 0;
}
.article-in-detail .inner .extra-row {
    margin-bottom: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.article-in-detail .inner .extra-row a {
    color: #c83636;
    font-size: 15px;
    font-weight: 800;
    text-decoration: underline;
}
.article-in-detail .inner .under-header-line {
    margin-bottom: 30px;
}
.article-in-detail .inner h4 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 27px;
}
@media (max-width: 1087px) {
    .article-in-detail .inner {
        max-width: 100%;
        padding: 0 40px;
        margin-bottom: 40px;
    }
    .article-in-detail .inner h4 {
        text-align: center;
    }
    .article-in-detail .inner .under-header-line {
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }

    .article-in-detail .c-header {
        padding: 0;
        display: block;
    }
    .article-in-detail .title-badge-container {
        display: block;
    }
    .article-in-detail .title-badge-container .badges {
        display: block;
        width: max-content;
        text-align: center;
        margin: 10px auto;
    }
}
@media (max-width: 768px) {
    .article-in-detail .inner {
        padding: 0 10px;
        margin-bottom: 20px;
    }
    .article-in-detail .inner .text-row p {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .article-in-detail .inner .text-row p img {
        padding: 0;
        margin-bottom: 20px;
    }
    .article-in-detail .inner .text-row p img:not(:first-child) {
        margin-top: 20px;
    }
    .article-in-detail .inner .extra-row {
        flex-direction: column;
        align-items: center;
    }
    .article-in-detail .inner .extra-row a {
        margin-top: 25px;
        align-self: flex-end;
    }
    .article-in-detail .inner h4 {
        font-size: 24px;
    }

    .article-in-detail .c-header {
        padding: 0;
        display: block;
    }
    .article-in-detail .title-badge-container {
        display: block;
    }
    .article-in-detail .title-badge-container .badges {
        display: block;
        width: max-content;
        text-align: center;
        margin: 10px auto;
    }
}

.date-views-comments {
    color: #565656;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
}
.date-views-comments.revert {
    flex-direction: row-reverse;
}
.date-views-comments.revert .watched,
.date-views-comments.revert .date-time,
.date-views-comments.revert .comments {
    margin-right: 26px;
}
.date-views-comments .watched,
.date-views-comments .comments {
    line-height: 15px;
    padding-left: 25px;
    position: relative;
}
.date-views-comments .watched::before,
.date-views-comments .comments::before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAAXNSR0IB2cksfwAAAGZQTFRFAAAAgICAVlZWVlZWVlZWVlZWWFhYVlZWVlZWVVVVVlZWVVVVVlZWVlZWUVFRWVlZVVVVVlZWVVVVVlZWVlZWWVlZSUlJV1dXV1dXVVVVVlZWVVVVVlZWVVVVTU1NVlZWUVFRVlZW5rVXpQAAACJ0Uk5TAAJNpNz2PdX/vL14/rITFLOIBoOFFwfXbWzEy+5LCsoW9/ND+4cAAAB6SURBVHicXU7XDoMwEDMjxKwATRtGGe3//yQ5QlSp92BbPsk24C9Js1ypPEsT3FdoUpWVInURnLohWwN0PdnU4gz034exz5cbvRyAyRNnLOQ76lVo2wX3TXDFLDThIJeor6zRfaw1Toes0Nh3vrGNjfeuqvz+dv2vPwG68wbKT/DAWwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 19px;
    height: 11px;
    top: 50%;
    transform: translate(0%, -50%);
}
.date-views-comments .comments::before {
    height: 17px;
    width: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAAXNSR0IB2cksfwAAADNQTFRFAAAAV1dXVlZWV1dXVVVVVlZWVlZWVlZWVlZWVlZWVlZWWFhYVlZWWFhYVlZWVlZWVVVV6Q02wAAAABF0Uk5TAEnW4NT/0DvB9NxD+0BlhTM/pCxxAAAAQklEQVR4nNXIORIAIQgF0Y8ILrPe/7RKmYA1F5gXdNAAKLGTCFOWINvj+PgPT+NTe6Xq0kS61gLvOOXC7v54eF7rAMuxBEpPYbJZAAAAAElFTkSuQmCC);
}
.date-views-comments .watched,
.date-views-comments .date-time {
    margin-right: 26px;
}

.tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tags .tag {
    margin-bottom: 0.5rem;
}

.tags .tag:not(:last-child) {
    margin-right: 0.5rem;
}

.tags:last-child {
    margin-bottom: -0.5rem;
}

.tags:not(:last-child) {
    margin-bottom: 1rem;
}

.tags.has-addons .tag {
    margin-right: 0;
}

.tags.has-addons .tag:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.tags.has-addons .tag:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.tags.is-centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tags.is-centered .tag {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

.tags.is-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.tags.is-right .tag:not(:first-child) {
    margin-left: 0.5rem;
}

.tags.is-right .tag:not(:last-child) {
    margin-right: 0;
}

.tag:not(body) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: whitesmoke;
    border-radius: 4px;
    color: #4a4a4a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0.75rem;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
}

.tag:not(body) .delete {
    margin-left: 0.25rem;
    margin-right: -0.375rem;
}

.tag:not(body).is-white {
    background-color: white;
    color: #0a0a0a;
}

.tag:not(body).is-black {
    background-color: #0a0a0a;
    color: white;
}

.tag:not(body).is-light {
    background-color: whitesmoke;
    color: #363636;
}

.tag:not(body).is-dark {
    background-color: #363636;
    color: whitesmoke;
}

.tag:not(body).is-primary {
    background-color: #7957d5;
    color: white;
}

.tag:not(body).is-link {
    background-color: #7957d5;
    color: white;
}

.tag:not(body).is-info {
    background-color: #167df0;
    color: #fff;
}

.tag:not(body).is-success {
    background-color: #23d160;
    color: #fff;
}

.tag:not(body).is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7);
}

.tag:not(body).is-danger {
    background-color: #ff3860;
    color: #fff;
}

.tag:not(body).is-medium {
    font-size: 1rem;
}

.tag:not(body).is-large {
    font-size: 1.25rem;
}

.tag:not(body) .icon:first-child:not(:last-child) {
    margin-left: -0.375em;
    margin-right: 0.1875em;
}

.tag:not(body) .icon:last-child:not(:first-child) {
    margin-left: 0.1875em;
    margin-right: -0.375em;
}

.tag:not(body) .icon:first-child:last-child {
    margin-left: -0.375em;
    margin-right: -0.375em;
}

.tag:not(body).is-delete {
    margin-left: 1px;
    padding: 0;
    position: relative;
    width: 2em;
}

.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
    background-color: currentColor;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.tag:not(body).is-delete::before {
    height: 1px;
    width: 50%;
}

.tag:not(body).is-delete::after {
    height: 50%;
    width: 1px;
}

.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
    background-color: #e8e8e8;
}

.tag:not(body).is-delete:active {
    background-color: #dbdbdb;
}

.tag:not(body).is-rounded {
    border-radius: 290486px;
}

a.tag:hover {
    text-decoration: underline;
}

.tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    white-space: nowrap;
}
.tags .tag-item {
    border-radius: 9px;
    background-color: #ffffff;
    padding: 0 5px;
    color: #000000;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}
.tags .tag-item.red {
    color: #c83636;
}

.share-it {
    display: flex;
    align-items: center;
}
.share-it .social-buttons {
    display: flex;
    align-items: center;
}
.share-it .social-buttons .s-item {
    display: flex;
}
.share-it .social-buttons .s-item:not(:last-child) {
    margin-right: 15px;
}
.share-it span, .ya-share-text-wrap {
    color: #000000;
    line-height: 15px;
    font-size: 15px;
    font-weight: 800;
    margin-right: 17px;
}

.home-page-last-relises-and-topics {
    width: 100%;
    display: flex;
    background-color: #f7f7f7;
}
.home-page-last-relises-and-topics .inner {
    margin: 0 auto;
    max-width: 1170px;
    padding: 70px 0;
    width: 100%;
    display: flex;
}
.home-page-last-relises-and-topics .inner .m-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.home-page-last-relises-and-topics .inner .m-title h4 {
    color: #000000;
    font-size: 36px;
    line-height: 36px;
    font-weight: 800;
}
.home-page-last-relises-and-topics .inner .m-title p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}
.home-page-last-relises-and-topics .inner .show-more-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: auto;
}
.home-page-last-relises-and-topics .inner .show-more-row a {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #565656;
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
}
.home-page-last-relises-and-topics .inner .show-more-row a span {
    margin-right: 10px;
}
.home-page-last-relises-and-topics .inner .relises {
    display: flex;
    flex-direction: column;
    max-width: 350px;
    margin-right: auto;
}
.home-page-last-relises-and-topics .inner .relises .show-more-row {
    justify-content: flex-start;
}
.home-page-last-relises-and-topics .inner .relises .r-items {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.home-page-last-relises-and-topics .inner .relises .r-items .r-item {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.home-page-last-relises-and-topics .inner .relises .r-items .r-item span {
    padding: 0 10px;
    color: #c83636;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
    background-color: #ffffff;
}
.home-page-last-relises-and-topics .inner .relises .r-items .r-item a {
    margin-bottom: 4px;
    color: #000000;
    font-weight: 700;
}
.home-page-last-relises-and-topics .inner .topics {
    width: 770px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}
.home-page-last-relises-and-topics .inner .topics .last-topics {
    display: flex;
    margin-bottom: 30px;
}
.home-page-last-relises-and-topics .inner .topics .last-topics .t-item {
    background-position: center center;
    background-size: cover;
    width: 370px;
    height: 470px;
}
.home-page-last-relises-and-topics .inner .topics .last-topics .t-item a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    position: relative;
}
.home-page-last-relises-and-topics .inner .topics .last-topics .t-item a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}
.home-page-last-relises-and-topics .inner .topics .last-topics .t-item a:hover {
    border: 2px solid #c83636;
    padding: 38px 28px;
}
.home-page-last-relises-and-topics .inner .topics .last-topics .t-item a p {
    z-index: 1;
    color: #ffffff;
    font-weight: 300;
}
.home-page-last-relises-and-topics .inner .topics .last-topics .t-item a h5 {
    z-index: 1;
    color: #fefefe;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 25px;
}
.home-page-last-relises-and-topics .inner .topics .last-topics .t-item:first-child {
    margin-right: 30px;
}
.home-page-last-relises-and-topics .inner .topics .m-title {
    align-items: flex-end;
}
@media (max-width: 1087px) {
    .home-page-last-relises-and-topics .inner {
        max-width: 100%;
        padding: 50px 40px;
        flex-direction: column;
    }
    .home-page-last-relises-and-topics .inner .topics {
        width: 100%;
        align-items: flex-start;
    }
    .home-page-last-relises-and-topics .inner .topics .show-more-row {
        margin-left: auto;
        justify-content: flex-end;
    }
    .home-page-last-relises-and-topics .inner .topics .m-title {
        align-items: flex-start;
    }
    .home-page-last-relises-and-topics .inner .topics .last-topics .t-item {
        flex-basis: 0;
        flex-grow: 1;
        width: auto;
    }
    .home-page-last-relises-and-topics .inner .relises {
        margin-bottom: 30px;
        max-width: 100%;
        width: 100%;
    }
    .home-page-last-relises-and-topics .inner .relises .show-more-row {
        justify-content: flex-end;
    }
    .home-page-last-relises-and-topics .inner .relises .r-items {
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .home-page-last-relises-and-topics .inner .relises .r-items .r-item {
        width: 45%;
    }
    .home-page-last-relises-and-topics .inner .relises .r-items .r-item:nth-child(odd) {
        margin-right: 10%;
    }
}
@media (max-width: 768px) {
    .home-page-last-relises-and-topics .inner {
        padding: 30px 10px;
    }
    .home-page-last-relises-and-topics .inner .topics .m-title {
        width: 100%;
        align-items: center;
    }
    .home-page-last-relises-and-topics .inner .topics .m-title h4 {
        font-size: 24px;
    }
    .home-page-last-relises-and-topics .inner .topics .last-topics {
        flex-direction: column;
    }
    .home-page-last-relises-and-topics .inner .topics .last-topics .t-item:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .home-page-last-relises-and-topics .inner .relises .m-title {
        width: 100%;
        align-items: center;
    }
    .home-page-last-relises-and-topics .inner .relises .m-title h4 {
        font-size: 24px;
    }
    .home-page-last-relises-and-topics .inner .relises .r-items {
        justify-content: flex-start;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .home-page-last-relises-and-topics .inner .relises .r-items .r-item {
        width: 100%;
    }
    .home-page-last-relises-and-topics .inner .relises .r-items .r-item:nth-child(odd) {
        margin-right: 0;
    }
}

.fa-angle-right::before {
    font-family: FontAwesome;
}

.personal-area {
    display: flex;
    background-color: #f7f7f7;
    min-height: 100%;
    width: 100%;
}
.personal-area .inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
}
.personal-area .inner .main-content {
    display: flex;
    align-items: flex-start;
}
.personal-area .inner .main-content .views-container {
    width: 870px;
}
.personal-area .inner > .under-header-line {
    margin-bottom: 30px;
}
.personal-area .inner > h4 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 27px;
}
@media (max-width: 1087px) {
    .personal-area .inner {
        max-width: 100%;
        padding: 0 40px;
    }
    .personal-area .inner .main-content {
        flex-direction: column;
    }
    .personal-area .inner .main-content .views-container {
        width: 100%;
    }
    .personal-area .inner > h4 {
        text-align: center;
    }
    .personal-area .inner > .under-header-line {
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .personal-area .inner {
        padding: 0 10px;
    }
    .personal-area .inner > h4 {
        font-size: 24px;
    }
}

.personal-area-personal-data {
    width: 100%;
    background-color: white;
    padding: 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.personal-area-personal-data .submit-form {
    border: none;
    border-radius: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 35px;
    background-color: #c83636;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}
.personal-area-personal-data .submit-form:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.personal-area-personal-data .submit-form img {
    margin-right: 10px;
}
.personal-area-personal-data h6 {
    color: #000000;
    font-size: 21px;
    font-weight: 800;
    margin-bottom: 20px;
}
.personal-area-personal-data .textarea,
.personal-area-personal-data .input {
    padding: 0 15px;
    color: #565656;
    font-size: 16px;
    font-weight: 600;
    height: 35px;
    background-color: #f7f7f7;
    border: none;
    border-radius: 0;
}
.personal-area-personal-data .textarea:focus,
.personal-area-personal-data .input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.personal-area-personal-data .i-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.personal-area-personal-data .i-item .textarea {
    padding: 6px 15px 5px;
    min-height: 0;
    height: 35px;
}
.personal-area-personal-data .i-item .label {
    margin-bottom: 6px;
    color: #000000;
    font-size: 16px;
    font-weight: 800;
}
.personal-area-personal-data .inputs-row {
    display: flex;
}
.personal-area-personal-data .inputs-row:not(:last-child) {
    margin-bottom: 20px;
}
.personal-area-personal-data .inputs-row > * {
    flex-basis: 0;
    flex-grow: 1;
}
.personal-area-personal-data .inputs-row > *:not(:last-child) {
    margin-right: 70px;
}
@media (max-width: 1087px) {
    .personal-area-personal-data .inputs-row > *:not(:last-child) {
        margin-right: 30px;
    }
}
@media (max-width: 1087px) {
    .personal-area-personal-data {
        padding: 20px;
    }
    .personal-area-personal-data .submit-form {
        margin-right: auto;
        max-width: 250px;
        width: 100%;
        justify-content: center;
    }
    .personal-area-personal-data .i-item .textarea {
        height: 80px;
    }
    .personal-area-personal-data .inputs-row {
        flex-direction: column;
    }
    .personal-area-personal-data .inputs-row > * {
        flex-basis: auto;
    }
    .personal-area-personal-data .inputs-row > *:not(:last-child) {
        margin-bottom: 20px;
        margin-right: 0;
    }
}

.personal-area-menu {
    background-color: white;
    display: flex;
    flex-direction: column;
    max-width: 270px;
    width: 100%;
    margin-right: 30px;
    margin-bottom: 22px;
}
.personal-area-menu .touch-menu {
    border: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    padding: 4px;
    width: 30px;
    height: 23px;
    justify-content: space-between;
    margin-right: 36px;
    cursor: pointer;
}
.personal-area-menu .touch-menu:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.personal-area-menu .touch-menu > div {
    height: 3px;
    width: 100%;
    background-color: black;
}
.personal-area-menu .logout {
    border: none;
    border-radius: 0;
    background-color: white;
    cursor: pointer;
    height: 50px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #565656;
    font-size: 15px;
    font-weight: 400;
    transition: all .3s ease;
}
.personal-area-menu .logout:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.personal-area-menu .logout::after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAlUlEQVQoU22QwQ1CIRBEZ2hAS/GCiTftQDvQyr4daAd6M5GLpWgDf8yuyw+iXBY2j+UNBIB7zouRPCVptyzl8a/HgC4A5gCeSdoYOJJfvQpeAcwMMDiqXbT1StKazTMtHMwHMh0Hbd1y3pMc6tmqpMOqlKPt24nVqWXd2Sd2YdwpyMnZ4D6MO0Xq6vwT5pykbfePU+8N249fmqEEW6YAAAAASUVORK5CYII=");
}
.personal-area-menu .main-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 2px solid #c83636;
}
.personal-area-menu .main-menu .m-item {
    cursor: pointer;
    height: 50px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #565656;
    font-size: 15px;
    font-weight: 400;
    transition: all .3s ease;
}
.personal-area-menu .main-menu .m-item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}
.personal-area-menu .main-menu .m-item::after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAcElEQVQYV22PyxVAMBBF32yy1gkdoINYJG1RSjpAB3Ri/bJxJsQJxyzfnc8dcc41AMYY4xBCOHCXeO8XAC2AjWSfoVhrK2OMwrqEopN/MIEfuH7BDEBlLnCvyuFOssvHX6Galbqp89HVB0VkImnLB09zBkWPElJdtgAAAABJRU5ErkJggg==");
}
.personal-area-menu .main-menu .m-item.active {
    background-color: #c83636;
    color: white;
    transition: all .3s ease;
}
.personal-area-menu .main-menu .m-item.active::after {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAZElEQVQYV22P0RFAQAxE33agEzpAB1RGR+iATq6DmLi7mTDyuW93k8jMOmABZkmJMjKzHeiBExgrdNAADtsI5clfWDs/8HgSIbUBfkwGxV3FCxjq8rcopXhudpZfHHjnCkzxwRviYTWfArJpEwAAAABJRU5ErkJggg==");
}
.personal-area-menu .avatar-container {
    height: 180px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
}
.personal-area-menu .avatar-container .avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
}
@media (max-width: 1087px) {
    .personal-area-menu {
        margin-right: 0;
        max-width: 100%;
        height: 132px;
        flex-direction: row;
        align-items: center;
        position: relative;
        border: 2px solid #c83636;
        padding: 0 30px;
    }
    .personal-area-menu .logout {
        padding: 5px;
        height: auto;
        width: auto;
        margin-left: auto;
    }
    .personal-area-menu .logout span {
        margin-right: 14px;
    }
    .personal-area-menu .name {
        color: #000000;
        font-size: 17px;
        font-weight: 400;
    }
    .personal-area-menu .touch-menu {
        margin-right: 40px;
    }
    .personal-area-menu .avatar-container {
        margin-right: 30px;
        width: auto;
    }
    .personal-area-menu .main-menu {
        z-index: 2;
        background-color: white;
        top: calc(100% + 2px);
        left: -2px;
        overflow: hidden;
        max-height: 0;
        max-width: 270px;
        position: absolute;
        transition: all .3s ease;
        border: 0 solid transparent;
        border-top: none;
    }
    .personal-area-menu .main-menu.active {
        background-color: white;
        border: 2px solid #c83636;
        border-top: none;
        max-height: 300px;
    }
}
@media (max-width: 768px) {
    .personal-area-menu {
        height: 82px;
        padding: 0 20px;
    }
    .personal-area-menu .main-menu {
        max-width: calc(100% + 4px);
        width: calc(100% + 4px);
    }
}

.invoices-and-acts {
    margin-bottom: 50px;
    padding: 30px;
    background-color: white;
}
.invoices-and-acts .main-table {
    display: flex;
    flex-direction: column;
}
.invoices-and-acts .main-table .fields {
    display: flex;
    flex-direction: column;
}
.invoices-and-acts .main-table .fields .field {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0 18px;
    border-bottom: 1px solid #dcd9d9;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}
.invoices-and-acts .main-table .fields .field > *.id {
    width: 5%;
    margin-right: 2%;
}
.invoices-and-acts .main-table .fields .field > *.type {
    width: 18%;
    margin-right: 2%;
}
.invoices-and-acts .main-table .fields .field > *.date {
    width: 19%;
    margin-right: 2%;
}
.invoices-and-acts .main-table .fields .field > *.download {
    margin-left: auto;
    width: 13%;
}
.invoices-and-acts .main-table .fields .field .download a {
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    position: relative;
    margin-right: 28px;
}
.invoices-and-acts .main-table .fields .field .download a::after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 0;
    left: calc(100% + 10px);
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAAXNSR0IB2cksfwAAAEJQTFRFAAAAVVVVVlZWVlZWVlZWVVVVVlZWVlZWVVVVV1dXVlZWVlZWV1dXVlZWUFBQV1dXVlZWVlZWSUlJVlZWVVVVVlZWyw5S8QAAABZ0Uk5TAMX/9IkDwIjUkNLBpYAQnJK6B/pLjwrkOyQAAABvSURBVHicpdBLDoAgDEXRZ1EUFfyA+9+qLVaRgSNvOuEEQgANlUzbgSPby2pwbqSJZjHyQcgBnkKfrSJkq4mtvWkJYRXCZpj2qBfGHbKXCclfJTxU9UnpcNqRlGJ5UlQqZ3n9i6zn0Szx4P2FueYESWkGPHKlZvYAAAAASUVORK5CYII=);
    background-size: contain;
    margin-bottom: 2px;
}
.invoices-and-acts .main-table .table-header {
    display: flex;
    align-items: center;
    padding: 0 18px;
    height: 38px;
    background-color: #dddddd;
}
.invoices-and-acts .main-table .table-header span {
    color: #565656;
    font-size: 15px;
    font-weight: 400;
}
.invoices-and-acts .main-table .table-header span:first-child {
    width: 5%;
    margin-right: 2%;
}
.invoices-and-acts .main-table .table-header span:nth-child(2) {
    width: 18%;
    margin-right: 2%;
}
.invoices-and-acts .main-table .table-header span:nth-child(3) {
    width: 19%;
    margin-right: 2%;
}
.invoices-and-acts .main-table .table-header span:nth-child(5) {
    margin-left: auto;
    width: 13%;
}
.invoices-and-acts .title-sort-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.invoices-and-acts .title-sort-row .sort {
    display: flex;
    align-items: center;
}
.invoices-and-acts .title-sort-row .sort .by-period {
    display: flex;
    align-items: center;
}
.invoices-and-acts .title-sort-row .sort .by-period .defis {
    margin: 0 15px;
}
.invoices-and-acts .title-sort-row .sort .by-period .datepicker-container {
    width: 96px;
    height: 31px;
    background-color: #ffffff;
}
.invoices-and-acts .title-sort-row .sort .label {
    margin-right: 16px;
    margin-bottom: 0;
    color: #565656;
    font-size: 16px;
    font-weight: 400;
}
.invoices-and-acts .title-sort-row .sort .by-type {
    display: flex;
    align-items: center;
    margin-right: 30px;
    color: #565656;
    font-size: 16px;
    font-weight: 400;
    padding: .45em 0;
}
.invoices-and-acts .title-sort-row .sort > span {
    margin-right: 10px;
    color: #c83636;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
}
.invoices-and-acts .title-sort-row h6 {
    color: #000000;
    font-size: 21px;
    margin-bottom: 0;
    font-weight: 800;
}
@media (max-width: 1087px) {
    .invoices-and-acts {
        margin-bottom: 40px;
    }
    .invoices-and-acts .title-sort-row {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 768px) {
    .invoices-and-acts {
        margin-bottom: 20px;
        padding: 20px;
    }
    .invoices-and-acts .main-table .fields .field {
        justify-content: space-between;
    }
    .invoices-and-acts .main-table .fields .field > * {
        flex-basis: 0;
        flex-grow: 1;
        margin: 0 10px;
        width: auto !important;
        white-space: nowrap;
    }
    .invoices-and-acts .main-table .fields .field > *:first-child {
        text-align: left;
        min-width: 20px;
        margin-right: 5px;
        flex-basis: auto;
        flex-grow: 0;
        margin-left: 0;
    }
    .invoices-and-acts .main-table .fields .field > *:last-child {
        flex-basis: auto;
        min-width: 20px;
        flex-grow: 0;
        margin-right: 0;
    }
    .invoices-and-acts .title-sort-row .sort {
        align-items: flex-start;
        flex-direction: column;
    }
    .invoices-and-acts .title-sort-row .sort .datepicker-container {
        width: 100%;
        max-width: 96px;
    }
    .invoices-and-acts .title-sort-row .sort .datepicker-container:not(:last-child) {
        margin-right: 16px;
    }
}



.top_menu .m-item {
    height: 60px !important;
}


.tabs {
    margin-left: auto;
    margin-right: auto;
}

.tabs .t-item input[type="radio"] {
    display: none;
}

.tabs>input[type="radio"]:checked+label {
    font-weight: bold;
    cursor: default;
}

.tabs>div {
    display: none;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3 {
    display: block;
}

.tabs>label {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 2px 0;
    font-size: 14px;
    line-height: 1.5;
    transition: color 0.15s ease-in-out;
    margin-left: 6px;
    cursor: pointer;
}

.tabs>label:first-of-type {
    margin-left: 0;
}

.comments .write-comment {
    display: flex;
    flex-direction: column;
    background-color: white;
    padding: 30px;
}
.comments .write-comment .forms-row {
    display: flex;
    align-items: flex-start;
}
.comments .write-comment .forms-row:not(:last-child) {
    margin-bottom: 24px;
}
.comments .write-comment .forms-row .f-item {
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.comments .write-comment .forms-row .f-item .label {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 9px;
}
.comments .write-comment .forms-row .f-item .label.required::after {
    content: '*';
}
.comments .write-comment .forms-row .f-item .input,
.comments .write-comment .forms-row .f-item .textarea {
    border: none;
    border-radius: 0;
    width: 100%;
    color: #000000;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    background-color: #f0f0f0;
}
.comments .write-comment .forms-row .f-item .input:focus,
.comments .write-comment .forms-row .f-item .textarea:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.comments .write-comment .forms-row .f-item .input {
    height: 45px;
}
.comments .write-comment .forms-row .f-item .textarea {
    height: 172px;
    padding: 20px;
}
.comments .write-comment .forms-row .f-item:not(:last-child) {
    margin-right: 30px;
}
.comments .write-comment .actions {
    display: flex;
    justify-content: flex-end;
}
.comments .write-comment .actions .action-btn {
    cursor: pointer;
    height: 45px;
    text-align: center;
    padding: 0 40px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    background-color: #c83636;
    border: none;
    border-radius: 0;
}
.comments .write-comment .actions .action-btn:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.comments > h5 {
    color: #000000;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 800;
}
.comments .under-header-line {
    margin-bottom: 30px;
}
.comments > h4 {
    color: #000000;
    font-size: 30px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 27px;
}
.comments .comments-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
.comments .comments-row .c-item {
    padding: 24px 28px;
    background-color: white;
}
.comments .comments-row .c-item:not(:last-child) {
    margin-bottom: 20px;
}
.comments .comments-row .c-item .answer {
    padding: 21px;
    border: 2px solid #d7d7d7;
    margin-top: 20px;
}
.comments .comments-row .c-item .reply {
    cursor: pointer;
    margin-top: 10px;
    color: #565656;
    font-size: 14px;
    font-weight: 800;
    text-decoration: underline;
    display: flex;
    justify-content: flex-end;
}
.comments .comments-row .c-item p {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.comments .comments-row .c-item .c-header {
    align-items: center;
    display: flex;
    margin-bottom: 24px;
}
.comments .comments-row .c-item .c-header .date {
    color: #565656;
    font-size: 14px;
    font-weight: 600;
}
.comments .comments-row .c-item .c-header .name {
    color: #565656;
    font-size: 14px;
    font-weight: 800;
    margin-right: 40px;
}
.comments .comments-row .c-item .c-header .name.red {
    color: #c83636;
}
@media (max-width: 1087px) {
    .comments h5,
    .comments h4 {
        text-align: center;
    }
    .comments .under-header-line {
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }
    .comments .write-comment .forms-row {
        flex-direction: column;
    }
    .comments .write-comment .forms-row .f-item {
        flex-basis: auto;
        width: 100%;
    }
    .comments .write-comment .forms-row .f-item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 24px;
    }
}
@media (max-width: 768px) {
    .comments > h5 {
        font-size: 21px;
        margin-bottom: 16px;
    }
    .comments > h4 {
        font-size: 24px;
    }
    .comments .write-comment {
        padding: 30px 20px;
    }
    .comments .comments-row .c-item {
        padding: 20px 18px;
    }
    .comments .comments-row .c-item .c-header {
        flex-wrap: wrap;
    }
    .comments .comments-row .c-item .c-header .name {
        margin-bottom: 10px;
        width: 100%;
    }
}




/*------------------------Окна--------------------------*/
.windows {
    display: none;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 35px 60px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    border-radius: 10px;
    font-weight: 400;
}

.white-popup .popupMessage {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}

.m0 {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.ml0 {
    margin-left: 0 !important;
}

.white-popup .link-tool {
    display: inline-block;
    margin-top: 32px;
    font-size: 19px;
    color: #8e6d47;
    text-decoration: underline;
}

.white-popup .link-tool:hover {
    text-decoration: none;
}

.user-popup {
    z-index: 100;
}

 .user-popup > .popup {
     display: flex;
     justify-content: center;
 }

.user-popup > .popup .absolute {
    display: none;
}

@media (min-width: 1087px) {
    .user-popup > .popup:hover .absolute {
        display: block;
        background-color: transparent;
        height: 50%;
        position: absolute;
        width: 70px;
        top: 0;
    }
}

.user-popup > .popup .popup-text {
    visibility: hidden;
    box-shadow: 0 0 17px rgba(0, 0, 0, 0.28);
    background-color: #fff;
    padding: 16px 20px;
    position: absolute;
    z-index: 1;
    top: 30px;
    color: #393939;
    font-size: 13px;
    font-weight: 400;
}

.user-popup > .popup .popup-text .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.user-popup > .popup .popup-text::after {
    content: "";
    position: absolute;
    transform: rotate(180deg);
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.user-popup > .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
}

.user-popup > .popup .show + .popup-arrow {
    top: 21px;
    z-index: 2;
    content: "";
    position: absolute;
    transform: rotate(180deg);
    border: 5px solid transparent;
    border-top-color: #fff;
}

.user-popup > .popup .popup-text {
    padding: 30px;
    display: flex;
    justify-content: center;
    top: 50px;
    /*right: 100px;*/
    width: 370px;
}

@media (max-width: 768px) {
    .user-popup > .popup .popup-text {
        right: 5%;
        width: 90%;
        max-width: 370px;
    }
}

.user-popup > .popup .popup-text::after {
    display: none;
}

.user-popup > .popup .popup-text .title {
    color: #100c14;
    font-size: 21px;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 25px;
}

.user-popup > .popup .popup-text .input {
    border: none;
    border-radius: 0;
    background-color: #f9f9f9;
    height: 40px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
}

.user-popup > .popup .popup-text .input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

.user-popup > .popup .popup-text .p-action {
    width: 125px;
    height: 35px;
    background-color: #c83636;
    padding: 0 12px;
    border: none;
    font-weight: 400;
    border-radius: 0;
    color: #ffffff;
    font-size: 15px;
    display: block;
}

.user-popup > .popup .popup-text .social-block {
    align-self: center;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    max-width: 200px;
}

.user-popup > .popup .popup-text .social-block .s-text {
    white-space: normal;
    text-align: center;
    margin-bottom: 14px;
    color: #565656;
    font-size: 15px;
    font-weight: 600;
}

.user-popup > .popup .popup-text .social-block .social-icons {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
}

.user-popup > .popup .popup-text .social-block .social-icons > * {
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.user-popup > .popup .popup-text .social-block .social-icons > *:nth-child(1) {
    color: #3b5999;
}

.user-popup > .popup .popup-text .social-block .social-icons > *:nth-child(2) {
    color: #dd4b39;
}

.user-popup > .popup .popup-text .social-block .social-icons > *:nth-child(3) {
    color: #168de2;
}

.user-popup > .popup .popup-text .social-block .social-icons > *:nth-child(4) {
    color: #4c75a3;
}

.user-popup > .popup .popup-text .social-block .social-icons > *:nth-child(5) {
    height: 22px;
    color: #ff0000;
}

.user-popup > .popup .popup-text .social-block .social-icons > *:nth-child(6) {
    color: #ed812b;
}

.user-popup > .popup .popup-text .links {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.user-popup > .popup .popup-text .links span {
    color: #c83636;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    cursor: pointer;
}

.user-popup > .popup .popup-text .entry {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.user-popup > .popup .popup-text .entry .action-block {
    display: flex;
    justify-content: space-between;
}

.user-popup > .popup .popup-text .registration {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.user-popup > .popup .popup-text .registration .super-select {
    margin-bottom: 16px;
    padding-top: 0;
    padding-bottom: 10px;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.user-popup > .popup .popup-text .registration .r-text {
    font-weight: 400;
    font-size: 14px;
    white-space: normal;
    margin-bottom: 20px;
}

.user-popup > .popup .popup-text .registration .action-block {
    flex-direction: column;
    align-items: flex-start;
}

.user-popup > .popup .popup-text .registration .action-block .links {
    margin-bottom: 11px;
}

.user-popup > .popup .popup-text .registration .action-block .links > :first-child {
    margin-bottom: 2px;
}

.user-popup > .popup .popup-text .registration .action-block .p-action {
    width: 100%;
}

.user-popup > .popup .popup-text .restore {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.user-popup > .popup .popup-text .restore .p-action {
    width: 100%;
}

.user-popup > .popup .popup-arrow {
    top: 40px !important;
}



.home-page-our-advantages {
    width: 100%;
    background-color: #c83636;
    display: flex;
}

.home-page-our-advantages .inner {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 50px 20px 40px;
    width: 100%;
    max-width: 1070px;
}

.home-page-our-advantages .inner .advantages {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.home-page-our-advantages .inner .advantages .a-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 120px;
    position: relative;
    width: 200px;
}

.home-page-our-advantages .inner .advantages .a-item p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
}

.home-page-our-advantages .inner .advantages .a-item h6 {
    color: #ffffff;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 20px;
}

.home-page-our-advantages .inner .advantages .a-item .icon-container {
    position: absolute;
    max-width: 100%;
    max-height: 120px;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.home-page-our-advantages .inner h4 {
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 5px;
    text-align: center;
}

.home-page-our-advantages .inner .under-header-line {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
}

@media (max-width: 1087px) {
    .home-page-our-advantages .inner {
        padding: 40px;
    }

    .home-page-our-advantages .inner .advantages .a-item {
        padding-top: 100px;
        width: 155px;
    }
}

@media (max-width: 768px) {
    .home-page-our-advantages .inner {
        padding: 30px 12px;
    }

    .home-page-our-advantages .inner h4 {
        font-size: 24px;
    }

    .home-page-our-advantages .inner .advantages {
        flex-wrap: wrap;
    }

    .home-page-our-advantages .inner .advantages .a-item {
        padding-top: 90px;
        width: 50%;
    }

    .home-page-our-advantages .inner .advantages .a-item h6 {
        font-size: 16px;
    }
}


.home-page-our-customers {
    width: 100%;
    display: flex;
    background-color: #f7f7f7;
}

.home-page-our-customers .inner {
    margin: 0 auto;
    max-width: 1170px;
    padding: 50px 0;
    width: 100%;
}

.home-page-our-customers .inner .brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    /*! align-content: revert; */
}

.home-page-our-customers .inner .brands .b-item {
    height: 90px;
    margin-bottom: 30px;
    width: 170px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid white;
}

.home-page-our-customers .inner .brands .b-item:hover {
    border: 2px solid #c83636;
}

.home-page-our-customers .inner .under-header-line {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.home-page-our-customers .inner p {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}

.home-page-our-customers .inner p:not(:last-child) {
    margin-bottom: 20px;
}

.home-page-our-customers .inner p .has-text-weight-bold {
    font-weight: 800;
}

.home-page-our-customers .inner h4 {
    color: #000000;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 5px;
    text-align: center;
}

@media (max-width: 1087px) {
    .home-page-our-customers .inner {
        padding: 40px;
    }

    .home-page-our-customers .inner .brands {
        justify-content: left;
    }

    .home-page-our-customers .inner .brands .b-item {
        width: 150px;
        margin-right: 15px;
    }
}

@media (max-width: 768px) {
    .home-page-our-customers .inner {
        padding: 30px 12px 70px;
        position: relative;
    }

    .home-page-our-customers .inner h4 {
        font-size: 24px;
    }

    .home-page-our-customers .inner .brands {
        overflow: hidden;
        max-height: calc(90px * 3 + 10px);
        transition: max-height .3s ease;
        justify-content: left;
    }

    .home-page-our-customers .inner .brands .b-item {
        margin: 0 10px 5px;
        width: 140px;
    }

    .home-page-our-customers .inner .brands.show-all-parts {
        max-height: 1000px;
    }

    .home-page-our-customers .inner .show-all {
        color: #000000;
        font-size: 15px;
        font-weight: 600;
        line-height: 24px;
        text-decoration: underline;
        background-color: #f7f7f7;
        border: none;
        border-radius: 0;
        bottom: 25px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .home-page-our-customers .inner .show-all:focus {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .home-page-our-customers .inner .show-all span {
        margin-right: 9px;
    }

    .home-page-our-customers .inner .show-all img {
        transition: all .3s ease;
        transform: rotate(0deg);
    }

    .home-page-our-customers .inner .show-all img.close {
        transform: rotate(180deg);
    }

    .home-page-our-customers .inner .show-all:hover, .home-page-our-customers .inner .show-all:focus {
        color: black !important;
    }
}

.about-company-row {
    width: 100%;
    display: flex;
    background-color: #f7f7f7;
}

.about-company-row .inner {
    margin: 0 auto;
    max-width: 1170px;
    padding: 50px 0;
}

.about-company-row .inner .under-header-line {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.about-company-row .inner p {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

.about-company-row .inner p:not(:last-child) {
    margin-bottom: 20px;
}

.about-company-row .inner p .has-text-weight-bold {
    font-weight: 800;
}

.about-company-row .inner h4 {
    color: #000000;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 5px;
    text-align: center;
}

@media (max-width: 1087px) {
    .about-company-row .inner {
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .about-company-row .inner {
        padding: 30px 12px 70px;
        position: relative;
    }

    .about-company-row .inner h4 {
        font-size: 24px;
    }

    .about-company-row .inner .a-text {
        overflow: hidden;
        max-height: 380px;
        transition: max-height .3s ease;
    }

    .about-company-row .inner .a-text.show-all-parts {
        max-height: 1000px;
    }

    .about-company-row .inner .show-all {
        color: #000000;
        font-size: 15px;
        font-weight: 600;
        line-height: 24px;
        text-decoration: underline;
        background-color: #f7f7f7;
        border: none;
        border-radius: 0;
        bottom: 25px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
    }

    .about-company-row .inner .show-all:focus {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
    }

    .about-company-row .inner .show-all span {
        margin-right: 9px;
    }

    .about-company-row .inner .show-all img {
        transition: all .3s ease;
        transform: rotate(0deg);
    }

    .about-company-row .inner .show-all img.close {
        transform: rotate(180deg);
    }

    .about-company-row .inner .show-all:hover, .about-company-row .inner .show-all:focus {
        color: black !important;
        cursor: pointer;
    }
}

.jobs {
    display: flex;
    background-color: #f7f7f7;
    min-height: 100%;
    width: 100%;
}

.jobs .inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
}

.jobs .inner > .under-header-line {
    margin-bottom: 30px;
}

.jobs .inner > h4 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 0;
    font-weight: 800;
    line-height: 27px;
}

.jobs .inner .main-content {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.jobs .inner .main-content .new-jobs {
    width: 370px;
    display: flex;
    flex-direction: column;
    background-color: white;
}

.jobs .inner .main-content .new-jobs__header {
    height: 36px;
    width: 100%;
    border-top: 2px solid #c83636;
}

.jobs .inner .main-content .new-jobs__header div {
    height: 100%;
    width: 180px;
    display: flex;
    align-items: center;
    padding-left: 28px;
    background-color: #c83636;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.jobs .inner .main-content .new-jobs-items {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.jobs .inner .main-content .new-jobs-items__item {
    display: flex;
}

.jobs .inner .main-content .new-jobs-items__item:not(:last-child) {
    border-bottom: 1px solid #e9e9e9;
}

.jobs .inner .main-content .new-jobs-items__item .info-row {
    color: #565656;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.jobs .inner .main-content .new-jobs-items__item .info-row .watched {
    line-height: 15px;
    padding-left: 25px;
    position: relative;
}

.jobs .inner .main-content .new-jobs-items__item .info-row .watched::before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAAXNSR0IB2cksfwAAAGZQTFRFAAAAgICAVlZWVlZWVlZWVlZWWFhYVlZWVlZWVVVVVlZWVVVVVlZWVlZWUVFRWVlZVVVVVlZWVVVVVlZWVlZWWVlZSUlJV1dXV1dXVVVVVlZWVVVVVlZWVVVVTU1NVlZWUVFRVlZW5rVXpQAAACJ0Uk5TAAJNpNz2PdX/vL14/rITFLOIBoOFFwfXbWzEy+5LCsoW9/ND+4cAAAB6SURBVHicXU7XDoMwEDMjxKwATRtGGe3//yQ5QlSp92BbPsk24C9Js1ypPEsT3FdoUpWVInURnLohWwN0PdnU4gz034exz5cbvRyAyRNnLOQ76lVo2wX3TXDFLDThIJeor6zRfaw1Toes0Nh3vrGNjfeuqvz+dv2vPwG68wbKT/DAWwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 18px;
    height: 11px;
    top: 50%;
    transform: translate(0%, -50%);
}

.jobs .inner .main-content .new-jobs-items__item .info-row .date {
    margin-right: 26px;
}

.jobs .inner .main-content .new-jobs-items__item .name {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 15px;
}

.jobs .inner .main-content .new-jobs-items__item a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 26px 28px;
}

.jobs .inner .main-content .job-items {
    width: 100%;
    margin-right: 0;
    flex-direction: column;
    display: flex;
    margin-bottom: 50px;
}

.jobs .inner .main-content .job-items .j-item {
    background-color: white;
    padding: 30px;
    flex-direction: column;
    display: flex;
}

.jobs .inner .main-content .job-items .j-item:hover {
    box-shadow: inset 2px 2px 0px 0px #c83636, inset -2px -2px 0px 0px #c83636;
}

.jobs .inner .main-content .job-items .j-item:not(:last-child) {
    margin-bottom: 20px;
}

.jobs .inner .main-content .job-items .j-item .description {
    display: flex;
    flex-direction: column;
}

.jobs .inner .main-content .job-items .j-item .description ul,
.jobs .inner .main-content .job-items .j-item .description li {
    list-style-type: none;
}

.jobs .inner .main-content .job-items .j-item .description li {
    position: relative;
    padding-left: 20px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.jobs .inner .main-content .job-items .j-item .description li:not(:last-child) {
    margin-bottom: 18px;
}

.jobs .inner .main-content .job-items .j-item .description li::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #b9b9b9;
    left: 0;
    top: 8px;
}

.jobs .inner .main-content .job-items .j-item .description h3 {
    margin: 10px 0;
}

.jobs .inner .main-content .job-items .j-item .description p {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 17px;
}

.jobs .inner .main-content .job-items .j-item .description div {
    margin: 10px 0;
}

.jobs .inner .main-content .job-items .j-item .description b {
    color: #000000;
    font-size: 16px;
    margin-bottom: 17px;
}

.jobs .inner .main-content .job-items .j-item .description h6 {
    margin-bottom: 15px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
}

.jobs .inner .main-content .job-items .j-item .description > *:last-child {
    margin-bottom: 0;
}

.jobs .inner .main-content .job-items .j-item .info-row {
    margin-bottom: 25px;
    color: #565656;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.jobs .inner .main-content .job-items .j-item .info-row .watched {
    line-height: 15px;
    padding-left: 25px;
    position: relative;
}

.jobs .inner .main-content .job-items .j-item .info-row .watched::before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAMAAABFyS02AAAAAXNSR0IB2cksfwAAAGZQTFRFAAAAgICAVlZWVlZWVlZWVlZWWFhYVlZWVlZWVVVVVlZWVVVVVlZWVlZWUVFRWVlZVVVVVlZWVVVVVlZWVlZWWVlZSUlJV1dXV1dXVVVVVlZWVVVVVlZWVVVVTU1NVlZWUVFRVlZW5rVXpQAAACJ0Uk5TAAJNpNz2PdX/vL14/rITFLOIBoOFFwfXbWzEy+5LCsoW9/ND+4cAAAB6SURBVHicXU7XDoMwEDMjxKwATRtGGe3//yQ5QlSp92BbPsk24C9Js1ypPEsT3FdoUpWVInURnLohWwN0PdnU4gz034exz5cbvRyAyRNnLOQ76lVo2wX3TXDFLDThIJeor6zRfaw1Toes0Nh3vrGNjfeuqvz+dv2vPwG68wbKT/DAWwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 0;
    width: 18px;
    height: 11px;
    top: 50%;
    transform: translate(0%, -50%);
}

.jobs .inner .main-content .job-items .j-item .info-row .date {
    margin-right: 26px;
}

.jobs .inner .main-content .job-items .j-item > a,
.jobs .inner .main-content .job-items .j-item > p {
    margin-bottom: 20px;
    color: #1b65c0;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
}

@media (max-width: 1087px) {
    .jobs .inner {
        max-width: 100%;
        padding: 0 40px;
    }

    .jobs .inner > h4 {
        text-align: center;
    }

    .jobs .inner > .under-header-line {
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }

    .jobs .inner .main-content {
        flex-direction: column;
    }

    .jobs .inner .main-content .new-jobs {
        margin-bottom: 40px;
        width: 100%;
    }

    .jobs .inner .main-content .job-items {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .jobs .inner .main-content .job-items .j-item:not(:last-child) {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    .jobs .inner {
        padding: 0 10px;
    }

    .jobs .inner > h4 {
        font-size: 24px;
    }

    .jobs .inner .main-content .job-items .j-item > a {
        font-size: 21px;
    }
}

svg:not(:root).svg-inline--fa {
    overflow: visible;
}

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}

.svg-inline--fa.fa-lg {
    vertical-align: -.225em;
}

.svg-inline--fa.fa-w-1 {
    width: 0.0625em;
}

.svg-inline--fa.fa-w-2 {
    width: 0.125em;
}

.svg-inline--fa.fa-w-3 {
    width: 0.1875em;
}

.svg-inline--fa.fa-w-4 {
    width: 0.25em;
}

.svg-inline--fa.fa-w-5 {
    width: 0.3125em;
}

.svg-inline--fa.fa-w-6 {
    width: 0.375em;
}

.svg-inline--fa.fa-w-7 {
    width: 0.4375em;
}

.svg-inline--fa.fa-w-8 {
    width: 0.5em;
}

.svg-inline--fa.fa-w-9 {
    width: 0.5625em;
}

.svg-inline--fa.fa-w-10 {
    width: 0.625em;
}

.svg-inline--fa.fa-w-11 {
    width: 0.6875em;
}

.svg-inline--fa.fa-w-12 {
    width: 0.75em;
}

.svg-inline--fa.fa-w-13 {
    width: 0.8125em;
}

.svg-inline--fa.fa-w-14 {
    width: 0.875em;
}

.svg-inline--fa.fa-w-15 {
    width: 0.9375em;
}

.svg-inline--fa.fa-w-16 {
    width: 1em;
}

.svg-inline--fa.fa-w-17 {
    width: 1.0625em;
}

.svg-inline--fa.fa-w-18 {
    width: 1.125em;
}

.svg-inline--fa.fa-w-19 {
    width: 1.1875em;
}

.svg-inline--fa.fa-w-20 {
    width: 1.25em;
}

.svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto;
}

.svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto;
}

.svg-inline--fa.fa-border {
    height: 1.5em;
}

.svg-inline--fa.fa-li {
    width: 2em;
}

.svg-inline--fa.fa-fw {
    width: 1.25em;
}

.nav-left, .navv-left, .nav-right, .navv-right {
    cursor: pointer;
}

.select_service_block {
    z-index: 1;
}

.input, .taginput .taginput-container.is-focusable,
.textarea {
    background-color: white;
    border-color: #dbdbdb;
    color: #363636;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    max-width: 100%;
    width: 100%;
}

.input::-moz-placeholder, .taginput .taginput-container.is-focusable::-moz-placeholder,
.textarea::-moz-placeholder {
    color: rgba(54, 54, 54, 0.3);
}

.input::-webkit-input-placeholder, .taginput .taginput-container.is-focusable::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: rgba(54, 54, 54, 0.3);
}

.input:-moz-placeholder, .taginput .taginput-container.is-focusable:-moz-placeholder,
.textarea:-moz-placeholder {
    color: rgba(54, 54, 54, 0.3);
}

.input:-ms-input-placeholder, .taginput .taginput-container.is-focusable:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: rgba(54, 54, 54, 0.3);
}

.input:hover, .taginput .taginput-container.is-focusable:hover, .input.is-hovered, .taginput .is-hovered.taginput-container.is-focusable,
.textarea:hover,
.textarea.is-hovered {
    border-color: #b5b5b5;
}

.input:focus, .taginput .taginput-container.is-focusable:focus, .input.is-focused, .taginput .is-focused.taginput-container.is-focusable, .input:active, .taginput .taginput-container.is-focusable:active, .input.is-active, .taginput .is-active.taginput-container.is-focusable,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
    border-color: #7957d5;
    -webkit-box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25);
    box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25);
}

.input[disabled], .taginput [disabled].taginput-container.is-focusable,
.textarea[disabled] {
    background-color: whitesmoke;
    border-color: whitesmoke;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #7a7a7a;
}

.input[disabled]::-moz-placeholder, .taginput [disabled].taginput-container.is-focusable::-moz-placeholder,
.textarea[disabled]::-moz-placeholder {
    color: rgba(122, 122, 122, 0.3);
}

.input[disabled]::-webkit-input-placeholder, .taginput [disabled].taginput-container.is-focusable::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder {
    color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-moz-placeholder, .taginput [disabled].taginput-container.is-focusable:-moz-placeholder,
.textarea[disabled]:-moz-placeholder {
    color: rgba(122, 122, 122, 0.3);
}

.input[disabled]:-ms-input-placeholder, .taginput [disabled].taginput-container.is-focusable:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder {
    color: rgba(122, 122, 122, 0.3);
}

.input[readonly], .taginput [readonly].taginput-container.is-focusable,
.textarea[readonly] {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input.is-white, .taginput .is-white.taginput-container.is-focusable,
.textarea.is-white {
    border-color: white;
}

.input.is-white:focus, .taginput .is-white.taginput-container.is-focusable:focus, .input.is-white.is-focused, .taginput .is-white.is-focused.taginput-container.is-focusable, .input.is-white:active, .taginput .is-white.taginput-container.is-focusable:active, .input.is-white.is-active, .taginput .is-white.is-active.taginput-container.is-focusable,
.textarea.is-white:focus,
.textarea.is-white.is-focused,
.textarea.is-white:active,
.textarea.is-white.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.input.is-black, .taginput .is-black.taginput-container.is-focusable,
.textarea.is-black {
    border-color: #0a0a0a;
}

.input.is-black:focus, .taginput .is-black.taginput-container.is-focusable:focus, .input.is-black.is-focused, .taginput .is-black.is-focused.taginput-container.is-focusable, .input.is-black:active, .taginput .is-black.taginput-container.is-focusable:active, .input.is-black.is-active, .taginput .is-black.is-active.taginput-container.is-focusable,
.textarea.is-black:focus,
.textarea.is-black.is-focused,
.textarea.is-black:active,
.textarea.is-black.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
    box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.input.is-light, .taginput .is-light.taginput-container.is-focusable,
.textarea.is-light {
    border-color: whitesmoke;
}

.input.is-light:focus, .taginput .is-light.taginput-container.is-focusable:focus, .input.is-light.is-focused, .taginput .is-light.is-focused.taginput-container.is-focusable, .input.is-light:active, .taginput .is-light.taginput-container.is-focusable:active, .input.is-light.is-active, .taginput .is-light.is-active.taginput-container.is-focusable,
.textarea.is-light:focus,
.textarea.is-light.is-focused,
.textarea.is-light:active,
.textarea.is-light.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
    box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.input.is-dark, .taginput .is-dark.taginput-container.is-focusable,
.textarea.is-dark {
    border-color: #363636;
}

.input.is-dark:focus, .taginput .is-dark.taginput-container.is-focusable:focus, .input.is-dark.is-focused, .taginput .is-dark.is-focused.taginput-container.is-focusable, .input.is-dark:active, .taginput .is-dark.taginput-container.is-focusable:active, .input.is-dark.is-active, .taginput .is-dark.is-active.taginput-container.is-focusable,
.textarea.is-dark:focus,
.textarea.is-dark.is-focused,
.textarea.is-dark:active,
.textarea.is-dark.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
    box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.input.is-primary, .taginput .is-primary.taginput-container.is-focusable,
.textarea.is-primary {
    border-color: #7957d5;
}

.input.is-primary:focus, .taginput .is-primary.taginput-container.is-focusable:focus, .input.is-primary.is-focused, .taginput .is-primary.is-focused.taginput-container.is-focusable, .input.is-primary:active, .taginput .is-primary.taginput-container.is-focusable:active, .input.is-primary.is-active, .taginput .is-primary.is-active.taginput-container.is-focusable,
.textarea.is-primary:focus,
.textarea.is-primary.is-focused,
.textarea.is-primary:active,
.textarea.is-primary.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25);
    box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25);
}

.input.is-link, .taginput .is-link.taginput-container.is-focusable,
.textarea.is-link {
    border-color: #7957d5;
}

.input.is-link:focus, .taginput .is-link.taginput-container.is-focusable:focus, .input.is-link.is-focused, .taginput .is-link.is-focused.taginput-container.is-focusable, .input.is-link:active, .taginput .is-link.taginput-container.is-focusable:active, .input.is-link.is-active, .taginput .is-link.is-active.taginput-container.is-focusable,
.textarea.is-link:focus,
.textarea.is-link.is-focused,
.textarea.is-link:active,
.textarea.is-link.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25);
    box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25);
}

.input.is-info, .taginput .is-info.taginput-container.is-focusable,
.textarea.is-info {
    border-color: #167df0;
}

.input.is-info:focus, .taginput .is-info.taginput-container.is-focusable:focus, .input.is-info.is-focused, .taginput .is-info.is-focused.taginput-container.is-focusable, .input.is-info:active, .taginput .is-info.taginput-container.is-focusable:active, .input.is-info.is-active, .taginput .is-info.is-active.taginput-container.is-focusable,
.textarea.is-info:focus,
.textarea.is-info.is-focused,
.textarea.is-info:active,
.textarea.is-info.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(22, 125, 240, 0.25);
    box-shadow: 0 0 0 0.125em rgba(22, 125, 240, 0.25);
}

.input.is-success, .taginput .is-success.taginput-container.is-focusable,
.textarea.is-success {
    border-color: #23d160;
}

.input.is-success:focus, .taginput .is-success.taginput-container.is-focusable:focus, .input.is-success.is-focused, .taginput .is-success.is-focused.taginput-container.is-focusable, .input.is-success:active, .taginput .is-success.taginput-container.is-focusable:active, .input.is-success.is-active, .taginput .is-success.is-active.taginput-container.is-focusable,
.textarea.is-success:focus,
.textarea.is-success.is-focused,
.textarea.is-success:active,
.textarea.is-success.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
    box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
}

.input.is-warning, .taginput .is-warning.taginput-container.is-focusable,
.textarea.is-warning {
    border-color: #ffdd57;
}

.input.is-warning:focus, .taginput .is-warning.taginput-container.is-focusable:focus, .input.is-warning.is-focused, .taginput .is-warning.is-focused.taginput-container.is-focusable, .input.is-warning:active, .taginput .is-warning.taginput-container.is-focusable:active, .input.is-warning.is-active, .taginput .is-warning.is-active.taginput-container.is-focusable,
.textarea.is-warning:focus,
.textarea.is-warning.is-focused,
.textarea.is-warning:active,
.textarea.is-warning.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
    box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}

.input.is-danger, .taginput .is-danger.taginput-container.is-focusable,
.textarea.is-danger {
    border-color: #ff3860;
}

.input.is-danger:focus, .taginput .is-danger.taginput-container.is-focusable:focus, .input.is-danger.is-focused, .taginput .is-danger.is-focused.taginput-container.is-focusable, .input.is-danger:active, .taginput .is-danger.taginput-container.is-focusable:active, .input.is-danger.is-active, .taginput .is-danger.is-active.taginput-container.is-focusable,
.textarea.is-danger:focus,
.textarea.is-danger.is-focused,
.textarea.is-danger:active,
.textarea.is-danger.is-active {
    -webkit-box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
    box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
}

.input.is-small, .taginput .is-small.taginput-container.is-focusable,
.textarea.is-small {
    border-radius: 2px;
    font-size: 0.75rem;
}

.input.is-medium, .taginput .is-medium.taginput-container.is-focusable,
.textarea.is-medium {
    font-size: 1.25rem;
}

.input.is-large, .taginput .is-large.taginput-container.is-focusable,
.textarea.is-large {
    font-size: 1.5rem;
}

.input.is-fullwidth, .taginput .is-fullwidth.taginput-container.is-focusable,
.textarea.is-fullwidth {
    display: block;
    width: 100%;
}

.input.is-inline, .taginput .is-inline.taginput-container.is-focusable,
.textarea.is-inline {
    display: inline;
    width: auto;
}

.input.is-rounded, .taginput .is-rounded.taginput-container.is-focusable {
    border-radius: 290486px;
    padding-left: 1em;
    padding-right: 1em;
}

.input.is-static, .taginput .is-static.taginput-container.is-focusable {
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

.textarea {
    display: block;
    max-width: 100%;
    min-width: 100%;
    padding: 0.625em;
    resize: vertical;
}

.textarea:not([rows]) {
    max-height: 600px;
    min-height: 120px;
}

.textarea[rows] {
    height: initial;
}

.textarea.has-fixed-size {
    resize: none;
}

.button, .input, .taginput .taginput-container.is-focusable, .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
    vertical-align: top;
}


.foto_text {
    margin: 0 auto;
}

.heading-big {
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}

.heading-mid {
    color: #000000;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
}

.heading-block_section {
    padding: 25px 0 0 0;
}

.banner__content_main_tb_text {
    line-height: 1.2;
    margin-bottom: 25px;
}

.text__big-red {
    color: #c83636;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.2;
}

.list-circle {
    line-height: 1.4;
    padding-left: 20px;
    list-style: circle outside;
    margin-bottom: 25px;
}

.list-circle li {
    margin-bottom: 5px;
}

.foto_text-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.foto_text-content__inner-block {
    display: flex;
    padding-top: 20px;
}

.foto_text-content__image_left {
    border-right: 3px solid #c83636;
}

.consumer_content__image_right {
    border-left: 3px solid #c83636;
}

.foto_text-content__image-block {
    padding: 15px;
    flex-basis: 50%;
}

.foto_text-content__text-block {
    padding: 15px;
    flex-basis: 50%;
}

.alone {
    flex-basis: 100%;
}

.white-box {
    border: 1px solid #000000;
    background-color: #ffffff;
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.white-box__consumer-form {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.white-box__consumer-text {
    margin: 20px;
}

.consult-box__form {
    display: flex;
}

.consult-box__input {
    width: 400px;
    height: 50px;
    background-color: #eeeeee;
    border: none;
    padding: 15px;
    font-size: 16px;
    margin-right: 20px;
}

.consult__graph {
    display: flex;
}

.automation__table {
    padding-top: 70px;
    padding-bottom: 70px;
}

.automation__table-big {
    overflow: auto;
}

.automation__box {
    margin-bottom: 50px;
}

.automation__types {
    padding-bottom: 50px;
}

.automation__types_icons {
    margin-top: 50px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.automation__types_icons-block {
    width: 350px;
    padding: 30px;
}

.automation__graph {
    padding-top: 70px;
}


@media (max-width: 1187px) {
    .temp-container {
        padding: 20px;
    }

    .white-box {
        margin: 50px;
    }
}

@media (max-width: 1087px) {
    .temp-container {
        padding: 20px;
    }

    .white-box {
        margin: 50px;
    }

    .automation__types_icons-block {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .heading-big {
        font-size: 24px;
    }

    .heading-mid, .text__big-red {
        font-size: 20px;
    }

    .temp-container {
        padding: 20px 10px;
    }

    .foto_text-content__inner-block {
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
    }

    .foto_text-content__image_left {
        border-right: none;
        border-bottom: 3px solid #c83636;
        max-width: 370px;
    }

    .consumer_content__image_right {
        border-left: none;
        border-bottom: 3px solid #c83636;
        max-width: 370px;
    }

    .white-box__consumer-form {
        flex-direction: column;
    }

    .consult-box__form {
        flex-direction: column;
    }

    .consult-box__input {
        width: auto;
        margin: 10px;
    }

}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Catamaran:400,800');

.error-container {
    text-align: center;
    font-size: 106px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    margin: 70px 15px;
}

@media (max-width: 768px) {
    .error-container > span.zero {
        width: 70px !important;
        height: 70px !important;
    }
    .error-container > span.four {
        width: 98px !important;
        height: 26px !important;
    }

    .error-container {
        font-size: 60px !important;
    }
}

.error-container > span {
    display: inline-block;
    position: relative;
}
.error-container > span.four {
    width: 136px;
    height: 43px;
    border-radius: 999px;
    background:
            linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
            linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
            linear-gradient(to right, #d89ca4, #e27b7e);
}
.error-container > span.four:before,
.error-container > span.four:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px;
}
.error-container > span.four:before {
    width: 43px;
    height: 156px;
    left: 60px;
    bottom: -43px;
    background:
            linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
            linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
            linear-gradient(to top, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}
.error-container > span.four:after {
    width: 137px;
    height: 43px;
    transform: rotate(-49.5deg);
    left: -18px;
    bottom: 36px;
    background: linear-gradient(to right, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}

.error-container > span.zero {
    vertical-align: text-top;
    width: 156px;
    height: 156px;
    border-radius: 999px;
    background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%,  transparent 51%, transparent 100%),
    linear-gradient(to top right, #99749D, #99749D, #B895AB, #CC9AA6, #D7969E, #ED8687, #ED8687);
    overflow: hidden;
    animation: bgshadow 5s infinite;
}
.error-container > span.zero:before {
    content: '';
    display: block;
    position: absolute;
    transform: rotate(45deg);
    width: 90px;
    height: 90px;
    background-color: transparent;
    left: 0px;
    bottom: 0px;
    background:
            linear-gradient(95deg, transparent 0%, transparent 8%, rgba(0, 0, 0, 0.07) 9%, transparent 50%, transparent 100%),
            linear-gradient(85deg, transparent 0%, transparent 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, transparent 92%, transparent 100%);
}
.error-container > span.zero:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px;
    width: 70px;
    height: 70px;
    left: 43px;
    bottom: 43px;
    background: #FDFAF5;
    box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

@keyframes bgshadow {
    0% {
        box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4);
    }
    45% {
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    }
    55% {
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4);
    }
}

/* demo stuff */
.zoom-area {
    max-width: 490px;
    margin: 30px auto 30px;
    font-size: 19px;
    text-align: center;
}
.link-container {
    text-align: center;
}
a.more-link {
    text-transform: uppercase;
    font-size: 13px;
    background-color: #de7e85;
    padding: 10px 15px;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 1.5;
    text-decoration: none;
    margin-top: 50px;
    letter-spacing: 1px;
}

@media (max-width: 768px) {
    .selectlink {
        width: 180px;
    }
    .price-list-table h2 {
        margin: 0 !important;
        padding: 20px;
    }
    .show_offers {
        width: auto !important;
    }
}

.nav__block_title a {
    color: #212529;
}

.nav__block_title a:hover {
    color: red;
}

.header__top_right .header_cart {
    position: relative;
}

.header__top_right .header_cart .badge {
    left: 50%;
    top: 40%;
    position: absolute;
    background-color: #c83636;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    width: 23px;
    height: 22px;
}


.header__top_right .header_cart .badge span {

}

.price-list-table h2 {
    margin-bottom: 20px;
}

.show_offers-text {
    width: 14%;
    margin-left: auto;
    color: #666666 !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
    display: flex;
    /*width: max-content;*/
}

.show_offers::after {
/*    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdBRDk3MDZDNUMyOTExRURBRDE5OEI1MEY0MThBODIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdBRDk3MDZENUMyOTExRURBRDE5OEI1MEY0MThBODIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0FEOTcwNkE1QzI5MTFFREFEMTk4QjUwRjQxOEE4MjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0FEOTcwNkI1QzI5MTFFREFEMTk4QjUwRjQxOEE4MjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6/P+vsAAABVUlEQVR42mL8//8/AzUAEwOVAIpB6enpvkDMTYxGoDo/fC6aDcR9RBjSAlILpPlhYoywMAIKbgJSvlDxS0AcOHPmzHtoBogDqTVAbAMVOgNUY4ruoolAfAPK1gPiu0CNRUiGJAGpF0iGPAXiFgwXIWmYBKRykYSWAfFXIE5FElsIdEkCsj5GbNEPNMwZSK0FYn40qT9AHA40ZB2hWEsAYhmgwr1ArhgQr0CS3g7EIiBDgGp4gTgRq4uAEv5AagNU3BeoYQtUvAxI8QL5tVC+LdRQUDJJBYrPQXdRABJ7M1DDDBADqLALyZAeIHUIaggIBGINI6DCbCA1BcnAZ0BsCw3sg0CsjiRXC7QAb6zJQdOKKY70eBPkeqAhNwjGGtTAJpCtaML9QAOKsKlnxJf7gYYZAqkjQMwFxI5AQw7gUstIqBgBGhYHMghoyAx86hgHXXkEEGAAYu+K0hwc+0IAAAAASUVORK5CYII=");
    width: 23px;
    height: 19px;
    padding-left: 5px;*/
}

.ya-share-wrap ul {margin-bottom: 0 !important}

@media (max-width: 768px) {
    .ya-share-wrap ul {
        margin-bottom: 20px !important
    }
}

.bx-sbb-empty-cart-desc a {
    color: #1b65c0;
}

.white-popup .popupMessage.mb1 {
    font-size: 20px !important;
    text-align: left !important;
    margin-bottom:  0 !important;
}

.bx_my_order_cancel input[type="submit"] {
    width: 169px;
    height: 38px;
    background: #565656 !important;
    border: none;
    color: white !important;
    font-size: 15px;
    cursor: pointer;
    text-shadow: none !important;
    font-weight: normal !important;
}

.article-in-detail .inner h1 {
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    line-height: 27px;
    text-align: left;
    margin: 0;
}

.bx-authform-formgroup-container input[type="submit"] {
    margin-right: 16px;
    width: 179px;
    height: 35px;
    background-color: #c83636;
    border: none;
    color: white;
    font-size: 15px;
    cursor: pointer;
    display: block;
}

.bx-authform-link-container a {
    color: #1b65c0;
    font-weight: 500;
    font-size: 15px;
}


.personal-downloads {
    margin-bottom: 50px;
    padding: 30px;
    background-color: white;
}
.personal-downloads .main-table {
    display: flex;
    flex-direction: column;
}
.personal-downloads .main-table .fields {
    display: flex;
    flex-direction: column;
}
.personal-downloads .main-table .fields .field {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 0 18px;
    border-bottom: 1px solid #dcd9d9;
    color: #000000;
    font-size: 15px;
    font-weight: 700;
}
.personal-downloads .main-table .fields .field > *.id {
    width: 5%;
    margin-right: 2%;
}
.personal-downloads .main-table .fields .field > *.type {
    width: 55%;
    /*margin-right: 2%;*/
}
.personal-downloads .main-table .fields .field > *.date {
    width: 20%;
    margin-right: 2%;
}
.personal-downloads .main-table .fields .field > *.download {
    margin-left: auto;
    width: 20%;
}

.personal-downloads .main-table .fields .field > *.token {
    margin-left: auto;
    width: 20%;
}
.personal-downloads .main-table .fields .field .download a {
    color: #666666;
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline;
    position: relative;
    margin-right: 28px;
}
.personal-downloads .main-table .fields .field .download a::after {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 0;
    left: calc(100% + 10px);
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAAXNSR0IB2cksfwAAAEJQTFRFAAAAVVVVVlZWVlZWVlZWVVVVVlZWVlZWVVVVV1dXVlZWVlZWV1dXVlZWUFBQV1dXVlZWVlZWSUlJVlZWVVVVVlZWyw5S8QAAABZ0Uk5TAMX/9IkDwIjUkNLBpYAQnJK6B/pLjwrkOyQAAABvSURBVHicpdBLDoAgDEXRZ1EUFfyA+9+qLVaRgSNvOuEEQgANlUzbgSPby2pwbqSJZjHyQcgBnkKfrSJkq4mtvWkJYRXCZpj2qBfGHbKXCclfJTxU9UnpcNqRlGJ5UlQqZ3n9i6zn0Szx4P2FueYESWkGPHKlZvYAAAAASUVORK5CYII=);
    background-size: contain;
    margin-bottom: 2px;
}
.personal-downloads .main-table .table-header {
    display: flex;
    align-items: center;
    padding: 0 18px;
    height: 38px;
    background-color: #dddddd;
}
.personal-downloads .main-table .table-header span {
    color: #565656;
    font-size: 15px;
    font-weight: 700;
}
.personal-downloads .main-table .table-header span:first-child {
    width: 5%;
    margin-right: 2%;
}
.personal-downloads .main-table .table-header span:nth-child(2) {
    width: 55%;
    margin-right: 2%;
}
.personal-downloads .main-table .table-header span:nth-child(3) {
    width: 20%;
    margin-right: 2%;
}
.personal-downloads .main-table .table-header span:nth-child(4) {
    margin-left: auto;
    width: 20%;
}
.personal-downloads .title-sort-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.personal-downloads .title-sort-row .sort {
    display: flex;
    align-items: center;
}
.personal-downloads .title-sort-row .sort .by-period {
    display: flex;
    align-items: center;
}
.personal-downloads .title-sort-row .sort .by-period .defis {
    margin: 0 15px;
}
.personal-downloads .title-sort-row .sort .by-period .datepicker-container {
    width: 96px;
    height: 31px;
    background-color: #ffffff;
}
.personal-downloads .title-sort-row .sort .label {
    margin-right: 16px;
    margin-bottom: 0;
    color: #565656;
    font-size: 16px;
    font-weight: 700;
}
.personal-downloads .title-sort-row .sort .by-type {
    display: flex;
    align-items: center;
    margin-right: 30px;
    color: #565656;
    font-size: 16px;
    font-weight: 700;
}
.personal-downloads .title-sort-row .sort > span {
    margin-right: 10px;
    color: #c83636;
    font-size: 16px;
    font-weight: 700;
}
.personal-downloads .title-sort-row h6 {
    color: #000000;
    font-size: 21px;
    margin-bottom: 0;
    font-weight: 800;
}
@media (max-width: 1087px) {
    .personal-downloads {
        margin-bottom: 40px;
    }
    .personal-downloads .title-sort-row {
        flex-direction: column;
        align-items: flex-start;
    }
}
@media (max-width: 768px) {
    .personal-downloads {
        margin-bottom: 20px;
        padding: 20px;
    }
    .personal-downloads .main-table .fields .field {
        justify-content: space-between;
        flex-wrap: wrap;
        min-height: max-content;
        padding: 10px 0;
    }
    .personal-downloads .main-table .fields .field > * {
        /*flex-basis: 0;*/
        flex-grow: 1;
        margin: 0 10px;
        /*width: auto !important;*/
        /*white-space: nowrap;*/
    }
    .personal-downloads .main-table .fields .field > .token div {
        padding: 10px;
    }
    .personal-downloads .main-table .fields .field > *:first-child {
        text-align: left;
        min-width: 20px;
        margin-right: 5px;
        flex-basis: auto;
        flex-grow: 0;
        margin-left: 0;
    }
    .personal-downloads .main-table .fields .field > *:last-child {
        flex-basis: auto;
        min-width: 20px;
        flex-grow: 0;
        margin-right: 0;
        width: 100%;
    }
    .personal-downloads .title-sort-row .sort {
        align-items: flex-start;
        flex-direction: column;
    }
    .personal-downloads .title-sort-row .sort .datepicker-container {
        width: 100%;
        max-width: 96px;
    }
    .personal-downloads .title-sort-row .sort .datepicker-container:not(:last-child) {
        margin-right: 16px;
    }
}

.no_files {
    padding: 30px 0 10px 0;
}

.to-tokens {
    color: #1b65c0;
    font-weight: 700;
}

.action-btn {
    width: 145px;
    height: 35px;
    background-color: #c83636;
    border: none;
    color: white;
    font-size: 15px;
    cursor: pointer;
}

.product-card__button-cart {
    width: 134px;
    padding: 16px;
    border: none;
    background-color: #C83636;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    color: #FFFFFF;
    display: block;
}
a.product-card__button-cart ,
.product-card__table a.product-card__button-cart {
    color: #FFFFFF !important;
}