*{
    margin: 0;
    padding: 0;
}
body{
    font-family: Times New Roman, sans-serif !important;
}
.blockquote{
    line-height: 2.5;
}
.container-404{
    font-size: 1.2rem;
    text-align: center;
    height: 900px;
}
.container-404 a{
    color: #ffffff;
}
.container-404 a img{
    height: 62px;
}
.blockquote-footer{
    text-align: right;
}
#global-container{
    width: 100%;
    background: #75577d;
}
#list-container{
    max-width: 1200px;
    min-width: 260px;
    margin: auto;
    box-shadow: -16px 0px 13px -3px rgb(0 0 0 / 20%);
}
#layout-header{
    height: 120px;
    display: block;
}
.layout-header-container {
    height: 100%;
}
#layout-header-container-default{
    background: #ffffff;
}
#layout-header-container-post{
    background: #CB75F3;
}
#layout-header-row{
    height: 100%;
    width: 100%;
    --bs-gutter-x: 0;
}
#layout-header-left-col{
    height: 100%;
}
#krestov{
    height: 100% !important;
}
#layout-header-right-col{
    height: 100%;
    position:relative;
}
#layout-header-right-col a {
    color: #000000;
    text-decoration: none;
}
#layout-header-right-col-lines{
    height: 100%;
    float: right;
}
#layout-header-right-col-text{
    line-height: 1.4;
    position: absolute;
    right: 40px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}
#layout-header-right-col-text-upper{
    font-size: 42pt;
    text-align: center;
}
#layout-header-right-col-text-down{
    font-size: 26pt;
    text-align: center;
    margin-top: -22px;
}
#layout-content-default{
    background: #CB75F3;
}
#layout-content-post{
    background: #ffffff;
}
#layout-content-container{
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    min-height: 700px;
}
.layout-content-container-upper-bottom{
    /*height: 140px;*/
    padding-top: 50px;
    padding-left: 35%;
    padding-bottom: 30px;
}
#header_text_img{
    height: 105px;
    margin-top: 10px;
    margin-right: 26px;
}
.kk-button{
    width: 260px;
    height: 60px;
    margin: auto !important;
    background-color: #7C00B7 !important;
    border-color: #7C00B7 !important;
    font-size: 18pt !important;
    border-radius: .9rem !important;
    -webkit-box-shadow: -5px -5px 9px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -5px -5px 9px -3px rgba(0, 0, 0, 0.6);
    box-shadow: -5px -5px 9px -3px rgba(0, 0, 0, 0.6);
}
.kk-button:hover{
    background-color: #CB75F3 !important;
}
.kk-button:focus{
    border-color: #470267 !important;
    box-shadow: 0 0 0 3px rgb(71 2 103 / 38%) !important;
}
.close-post{
    background-color: #ffffff !important;
    border-color: #000000 !important;
    color: #000000 !important;
}
.close-post:focus{
    border-color: #000000 !important;
    box-shadow: 0 0 0 3px rgb(0 0 0 / 48%) !important;
}
.close-post:hover{
    background-color: #000000 !important;
    color: #ffffff !important;
}
.layout-content-main{
    width: 100.01%; /*это мне не нравится. как сделать, чтобы фон не вылазил под белым верхним фоном-тигр*/
    padding-top: 18px;
}
.layout-content-main img{
    max-width: 100%;
    display: block;
}
#go_category{
    padding-top: 10px;
}
#layout-content-main-style-post{
    width: 100%;
    /* padding-top: 18px; */
    /* padding: 18px; */
    padding: 18px 50px 50px 50px;
    text-align: justify;
    /*text-indent: 3.5em;*/
}
#layout-content-main-style-post p{
    text-indent: 3.5em;
    font-size: 1.1rem
}

#layout-content-main-style-post h2{
    text-indent: 0;
}
.layout-content-main-post{
    width: 100%;
   /* height: 166px;*/
    background: #ffffff;
    border-radius: 22px;
    margin-bottom: 58px;
    -webkit-box-shadow: -5px -5px 9px -3px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -5px -5px 9px -3px rgba(0, 0, 0, 0.6);
    box-shadow: -5px -5px 9px -3px rgba(0, 0, 0, 0.6);
}

.layout-content-main-post-inner{
    height: 100%;
    border-radius: 22px;
    background-size: cover;
    margin-left: 0 !important;
}
.layout-content-main-post-inner-left{
/* background-image: url("../images/test_img1.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*display: inline-block;*/
    height: 100%;
    border-radius: 22px 0 0 22px;
}
.layout-content-main-post-inner-left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 22px 0 0 22px;
    cursor: pointer;
}

.layout-content-main-post-inner-right{
    height: 100%;
    padding-right: 75px !important;
    background-color: white;
    border-radius: 0 22px 22px 0;
}
.layout-content-main-post-inner-right-mid-link{
    text-decoration: none ;
    color: #000000;
}
.layout-content-main-post-inner-right-mid-link:hover{
    color: #330546;
}
.layout-content-main-post-inner-right-top{
    padding-top: 8px;
    min-height: 32px;
}
.layout-content-main-post-inner-right-top-interfacewrapper{
    height: 35px;
}
.layout-content-main-post-inner-right-top-parts{
    text-align: right;
   /* padding-right: 105px !important;*/
    height: 100%;
}
.layout-content-main-post-inner-right-top-icon-wrapper{
    height: 100%;
}
.layout-content-main-post-inner-right-top-icon{
    cursor: pointer;
    height: 100%;
}
.layout-content-main-post-inner-right-top-part{
    text-decoration: none;
    font-size: 28px;
    line-height: 1;
    color: #7C00B7;
    padding: 1px;
}
.layout-content-main-post-inner-right-top-part:hover{
    color: #CB75F3;
}
.layout-content-main-post-inner-right-top-part a:visited{
    color: #CB75F3;
}
.layout-content-main-post-inner-right-mid{
  /*  height: 86px;*/
    width: 100%;
    font-size: 16pt;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}
.post-title{
    min-height: 93px;
}
.layout-content-main-post-inner-right-down{
    height: 35px;
    width: 100%;
    line-height: 2;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}
.layout-content-main-post-inner-right-down-watched, .layout-content-main-post-inner-right-down-time{
    height: 100%;
}
.layout-content-main-post-inner-right-down-watched-inner{
    height: 100%;
    padding-right: 50px;
}
.watched{
    margin-bottom: 5px;
}
.alone-category{
    text-decoration: none;
}
#content-bottom{
    padding-top: 0px;
}
.layout-footer{
    width: 100%;
    height: 120px;
   /* display: block;*/
}
#layout-footer-default{
    background: #CB75F3;
}
#layout-footer-post{
    background: #ffffff;
}
#layout-footer-row{
    height: 100%;
    width: 100%;
    --bs-gutter-x: 0;
}
#layout-footer-right-col-line{
    height: 100%;
    float: right;
  /*  width: 114%;*/
}
#layout-footer-row-right{
    height: 100%;
    background-image: url("../images/white-line.svg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 82px;
    padding-top: 25px;
}
#layout-footer-row-right-post{
    height: 100%;
    background-image: url("../images/sir_line.svg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 82px;
    padding-top: 25px;
}
#layout-footer-telegram-icon{
  /*  height: 55px;
    margin-top: 35px;
    margin-left: 85px;
    cursor: pointer;*/
}
.layout-footer-line-post{
    fill: #CB75F3;
}
.popup-main{
    border-radius: 22px !important;
    height: 560px;
    background-color: #CB75F3 !important;
    border: 0 !important;
}
.popup-main-header{
    height: 88px;
    width: 100%;
    border-radius: 22px 22px 0 0;
    background: #ffffff;
    background-image: url("../images/popup-header-background.svg");
    background-position: 170px;
    background-repeat: no-repeat;
    background-size: cover;
}
.popup-main-header-left{
    background: white;
    /* border-radius: 22px; */
    margin-left: 12px;
    border-radius: 22px 0 22px 0;
}
.popup-main-header-line{
    object-fit: cover;
}
.popup-main-content{
    font-size: 18pt;
}
.popup-main-content-checklist{
    margin-top: 40px;
    /*margin-left: 20%;*/
}
.popup-main-content-checklist-li{
    background-color: transparent !important;
    border: 0 !important;
    cursor: pointer;
    user-select: none;
}
.popup-main-content-checklist-input{
    cursor: pointer;
}
.popup-main-content-checklist-input:focus{
    border-color: transparent !important;
    box-shadow: 0 0 0 0.25rem rgb(124 0 183 / 28%) !important;
}
.popup-main-content-checklist-input:checked[type=checkbox]{
    background-image: none !important;
    background-color: #7C00B7;
    border-color: #7C00B7;
}
.popup-main-footer{
    border-top: 0 !important;
}
.filters-checkbox-label{
    cursor: pointer;
}
.layout-head-post-line-fill{
    fill: #ffffff;
}
.close-themes-modal{
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    height: 50%;
}
.close-themes-modal:focus{
    box-shadow: 0 0 0 0.25rem rgb(124 0 183 / 41%) !important;
}

#line1, #line2, #line3 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -webkit-transition: .4s;
}
.hr-sloping-lines {
    margin: 20px 0;
    padding: 0;
    height: 10px !important;
    border: none;
    opacity: .7;
    box-sizing: border-box;
    background-position: 50%;
    color: #CB75F3;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3px" height="3px" viewBox="0 0 3 3" fill="7C00B7"><polygon points="0,0.5 0,1.5 1.5,3 2.5,3"></polygon><polygon points="2.5,0 1.5,0 3,1.5 3,0.5"></polygon></svg>');
    background-size: 6px 6px;
}
.hr-upper{
    margin: unset;
}
.sofa-philosophy{
    background-image: url("../images/icons/category_bred_icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.post-type-text{
    background-image: url("../images/icons/category_type_text_icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.post-type-text-multipart{
    background-image: url("../images/icons/category_type_text_icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}
.post-type-icon{
    height: 32px;
    display: unset !important;
}
.post-bottom-info-line a img{
    height: 46px;
}
.post-share-buttons{
    margin-top: 20px !important;
}
.stripe-loading-indicator .stripe{
    background: #7C00B7 !important;
}
.stripe-loading-indicator .stripe-loaded {
    background: #7C00B7 !important;
}
.post-bottom-container{
    text-indent: 0;
}
.post-bottom-nav-line{
    margin-top: 20px !important;
}
.post-bottom-nav-line-right{
    text-align: right;
}
.post-upper-background {
    border-radius: 22px 22px 0px 0px;
    margin-bottom: 15px;
}
.post-upper-background-op{
    background-color: #ffffff;
    opacity: 0.8;
    padding: 10px;
    padding: 15px 15px 15px 15px;
}
.nav-post{
    text-decoration: none;
    color: #000000 !important;
    width: auto;
    height: auto;
    font-size: 16pt !important;
}
.parts-numbers {
    counter-increment: my-awesome-counter 0;
    counter-reset: my-awesome-counter var(--data-number);
}
.ya-share2__icon{
    height: 44px !important;
    width: 46px !important;
    background-size: 46px 46px !important;
}

.parts-numbers:before {
    content: counter(my-awesome-counter, upper-roman);
    margin-right: 5px;
}
#ansh_up_page_button{
    border-radius: 7px;
}
.krestov_quote{
    background-color: #ffffff;
    margin-top: 120px;
    border-radius: 22px;
    padding: 25px;
}
@media (max-width: 955px) {
    #line1{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 920px) {
    #line2{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 873px) {
    #line3{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 815px){
    #line4{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
    .layout-content-main-post-inner-right-mid{
        font-size: 14pt;
    }
    .layout-content-container-upper-bottom {
        padding-top: 30px;
        height: 120px;
    }

}
@media (max-width: 765px) {
    #layout-content-main-style-post p {
        text-indent: 3em;
    }
    #layout-header {
        height: 90px;
    }
    #header_text_img{
        height: 80px;
        margin-top: 5px;
        margin-right: 15px;
    }
    #line1, #line2, #line3, #line4 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -webkit-transition: .4s;
    }
    #layout-header-right-col-text {
        line-height: 1.5;
    }
    #layout-header-right-col-text-upper {
        font-size: 30pt;
    }
    #layout-header-right-col-text-down {
        font-size: 23pt;
    }
    .layout-content-container-upper-bottom{
        text-align: center;
    }
    .kk-button{
        width: 100%;
        height: 50px;
        font-size: 17pt !important;
        padding: 0;
    }
    .mb-close-post{
        width: 85%;
    }
    #go_category{
        padding-top: 6px !important;
    }
    .post-bottom-nav-line-left:empty{
        display: none;
    }
    .nav-post{

    }
    .layout-content-container-upper-bottom {
        padding-left: 0;
        height: auto;
        /*padding-bottom: 18px;*/
    }
    .layout-content-main-post {
        height: auto;
        margin-bottom: 30px;
    }
    .layout-content-main-post-inner-left{
        display: none;
    }
    .layout-content-main-post-inner-right {
        padding: 0 !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 12px !important;
        border-radius: 22px;
        background-color: rgba(250, 250, 250, 0.85);
    }
    .row {
        --bs-gutter-x: 0rem !important;
    }
    .layout-content-main-post-inner-right-mid {
        height: auto;
        margin-bottom: 12px;
    }
    .layout-content-main-post-inner-right-down {
        height: auto;
        line-height: 1.5;
    }
    .layout-footer {
         height: 90px;
    }
    #layout-footer-row-right, #layout-footer-row-right-post {
        padding-left: 52px;
        padding-top: 19px;
    }
    #layout-footer-telegram-icon {
        height: 52px;
      /*  height: 45px;
        margin-top: 20px;
        margin-left: 70px;*/
    }
    .post-bottom-nav-line{
        width: 100% !important;
    }
}
@media (max-width: 710px) {
    #line1{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 677px) {
    #line2{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 644px) {
    #line3{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 607px) {
    #line4{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 510px) {
    .layout-content-main p img{
        width: 100%;
    }
    .popup-main-content{
        font-size: 13pt;
    }
    #layout-content-main-style-post p {
        text-indent: 2.5em;
    }
    #layout-header {
        height: 68px;
    }
    #header_text_img{
        height: 60px;
        margin-right: unset;
    }
    #layout-header-right-col-text{
        padding-top: 2px;
    }
    #layout-header-right-col-text-upper {
        font-size: 22pt;
    }
    #layout-header-right-col-text-down {
        font-size: 16pt;
        text-align: center;
        margin-top: -11px;
    }
    #line3, #line4 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -webkit-transition: .4s;
    }
    .layout-content-main-post-inner-right-down{
        font-size: 10pt;
        line-height: 2;
    }
    .layout-content-main-post-inner-right-mid{
        font-size: 12pt;
    }
    .layout-footer{
        height: 68px;
    }
    #layout-footer-telegram-icon {
       /* height: 38px;
        margin-top: 15px;
        margin-left: 50px;*/
        height: 42px;
    }
    .kk-button{
        font-size: 16pt !important;
    }

    #go_category{
        padding-top: 7px !important;
    }
    .layout-content-main-post-inner-right-top-icon{
        height: 30px;
    }
    #layout-content-main-style-post{
        padding: 0 20px 0 20px;
    }
    #layout-footer-row-right, #layout-footer-row-right-post{
        padding-left: 32px;
        padding-top: 15px;
    }

}
@media (max-width: 460px) {
    #line3{
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 430px) {
    #line4 {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -webkit-transition: .4s;
    }
}
@media (max-width: 417px) {
    #layout-header {
        height: 65px;
    }
    .layout-footer{
        height: 62px;
    }
    .popup-main-content{
       /* font-size: 12pt;*/
    }
}
@media (max-width: 374px) {

    #layout-header-left-col{
        display: none;
    }
    #layout-header-right-col{
        width: 100%;
        background-color: #CB75F3;
    }
    #layout-header-right-col-lines{
        display: none;
    }
    #layout-header-right-col-text {
        position: relative;
        right: 0;
        text-align: center;
    }
    .layout-content-main-post {
        margin-bottom: 25px;
    }
    .layout-content-container-upper-bottom {
        padding-bottom: 10px;
    }
    .kk-button {
        height: 38px;
        font-size: 14pt !important;
        padding-top: 3px !important;
    }
    #go_category{
        padding-top: 3px !important;
    }
    .watches_word{
        display: none;
    }
    .popup-main{
        height: 460px;
    }
    .popup-main-header {
        height: 60px;
    }
    .popup-main-content {
        font-size: 9.9pt;
    }
}
@media (max-width: 277px) {
    #layout-header-right-col-text-down{
        display: none;
    }
    #hotline{
        display: none;
    }
}