/* Template created by CENTROARTS.com | Author: Rumin Sergey | URL: http://centroarts.com */
/*html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*html {*/
/*    font-family: sans-serif;*/
/*    -webkit-text-size-adjust: 100%;*/
/*    -ms-text-size-adjust: 100%;*/
/*    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
/*}*/

.carousel-height{
    height: 236px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*Стили ползунка*/
.price-slider svg,
.price-slider input[type=range]{
    position: absolute;
    left: 3px;
    bottom: -3px;
}
input[type=number]{
    border: 0px solid #ddd;
    text-align: center;
    font-size: 1.0em;
    -moz-appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}
input[type=number]:invalid,
input[type=number]:out-of-range {
    border: 2px solid #e60023;
}
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
}
input[type=range]:focus{
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track{
    background: #FF0068;
}
input[type=range]:focus::-ms-fill-lower{
    background: #FF0068;
}
input[type=range]:focus::-ms-fill-upper{
    background: #FF0068;
}
input[type=range]::-webkit-slider-runnable-track{
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate:0.2s;
    background: #FF0068;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}
input[type=range]::-webkit-slider-thumb{
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 3px solid #FF0068;
    height: 15px;
    width: 15px;
    border-radius: 25px;
    background: #fff;
    cursor:pointer;
    -webkit-appearance: none;
    margin-top: -5px;
}
input[type=range]::-moz-range-track{
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate:0.2s;
    background: #FF0068;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}
input[type=range]::-moz-range-thumb{
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 3px solid #FF0068;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: #fff;
    cursor: pointer;
}
input[type=range]::-ms-track{
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate:0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper{
    background: #FF0068;
    border-radius: 1px;
    box-shadow: none;
    border: 0;
}
input[type=range]::-ms-thumb{
    z-index: 2;
    position: relative;
    box-shadow: 0px 0px 0px #000;
    border: 1px solid #FF0068;
    height: 10px;
    width: 10px;
    border-radius: 25px;
    background: #a1d0ff;
    cursor: pointer;
}
.filter-nalicie input[type=checkbox]:checked + label:after {
    outline:1px solid #939598;
    border:2px solid #fff;
    width:20px;
    height:20px;
    background-color:#63849F;
}
/*Стили для опроса*/
.radio_buttons {
    margin: 20px 0px;
}
.radio_buttons div {
    float: left;
}
.radio_buttons input {
    position: absolute;
    left: -9999px;
}
.radio_buttons label {
    display: block;
    font-size: 24px;
    font-weight: 100;
    margin: 0 20px 0 0px;
    padding: 15px 10px;
    border: 2px solid #000;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.radio_buttons input:checked + label {
    background: #e05e63;
    color: #fff;
}
/*radio_buttons2*/
.radio_buttons2 {
    margin: 20px 0px;
    font: 14px Tahoma;
}
.radio_buttons2 div {
    float: left;
}
.radio_buttons2 input {
    position: absolute;
    left: -9999px;
}
.radio_buttons2 label {
    display: block;
    font-size: 24px;
    font-weight: 100;
    margin: 0 20px 0 0px;
    padding: 10px 30px;
    border: 2px solid #000;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.radio_buttons2 input:checked + label {
    background: #e05e63;
    color: #fff;
}
/*radio_buttons3*/
.radio_buttons3 {
    margin: 20px 0px;
    font: 14px Tahoma;
}
.radio_buttons3 div {
    float: left;
}
.radio_buttons3 input {
    position: absolute;
    left: -9999px;
}
.radio_buttons3 label {
    display: block;
    font-size: 24px;
    font-weight: 100;
    margin: 0 20px 0 0px;
    padding: 15px 10px;
    border: 2px solid #000;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.radio_buttons3 input:checked + label {
    background: #e05e63;
    color: #fff;
}
/*radio_buttons4*/
.radio_buttons4 {
    margin: 20px 0px;
    font: 14px Tahoma;
}
.radio_buttons4 div {
    float: left;
}
.radio_buttons4 input {
    position: absolute;
    left: -9999px;
}
.radio_buttons4 label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    font-size: 24px;
    font-weight: 100;
    margin: 0 20px 0 0px;
    padding: 10px 10px;
    border: 2px solid #000;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.radio_buttons4 input:checked + label {
    background: #e05e63;
    color: #fff;
}
/*radio_buttons5*/
.radio_buttons5 {
    margin: 20px 0px;
    font: 14px Tahoma;
}
.radio_buttons5 div {
    float: left;
}
.radio_buttons5 input {
    position: absolute;
    left: -9999px;
}
.radio_buttons5 label {
    display: block;
    font-size: 24px;
    font-weight: 100;
    margin: 0 20px 0 0px;
    padding: 15px 10px;
    border: 2px solid #000;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.radio_buttons5 input:checked + label {
    background: #e05e63;
    color: #fff;
}
/*radio_buttons6*/
.radio_buttons6{
    margin: 20px 0px;
    font: 14px Tahoma;
}
.radio_buttons6 div {
    float: left;
}
.radio_buttons6 input {
    position: absolute;
    left: -9999px;
}
.radio_buttons6 label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    font-size: 24px;
    font-weight: 100;
    margin: 0 20px 0 0px;
    padding: 10px 10px;
    border: 2px solid #000;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.radio_buttons6 input:checked + label {
    background: #e05e63;
    color: #fff;
}
/*radio_buttons7*/
.radio_buttons7{
    margin: 20px 0px;
    font: 14px Tahoma;
}
.radio_buttons7 div {
    float: left;
}
.radio_buttons7 input {
    position: absolute;
    left: -9999px;
}
.radio_buttons7 label {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 50px;
    font-size: 24px;
    font-weight: 100;
    margin: 0 20px 0 0px;
    padding: 10px 10px;
    border: 2px solid #000;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.radio_buttons7 input:checked + label {
    background: #e05e63;
    color: #fff;
}

.opros_text{
    width: 70%;
    background-color: transparent;
    border: 2px solid #000;
    font-size: 24px;
    padding: 20px 5px;
    font-weight: 100;
}
.opros_title{
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 20px;
}
.opros_title_tel{
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 20px;
}
.opros_title_tel_block{
    width: 35%;
    height: 40px;
    background-color: transparent;
    border: 2px solid #000;
    font-size: 20px;
    padding-left: 5px;
}
.radio_buttons .submit_opros{
    height: 50px;
    width: 200px;
    background-color: #e05e63;
    color: #fff;
    font-size: 24px;
    border: 0px;
    position: relative;
    left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*Конец стилей для опроса*/

.covid_sovety{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    margin: 50px 0px;
}
.covid_sovety div:nth-child(1){
    background-color: #fff;
    text-align: center;
    width: 48%;
}
.covid_sovety div:nth-child(2){
    background-color: #fff;
    text-align: center;
    width: 48%;
}
.covid_sovety div p{
    width: 100%;
    text-align: left;
    height: 110px;
    padding-left: 5px;
}
.covid-checkbox{
    margin-left: 20px;
}
.covid-checkbox2{
    margin-left: 30px;
    margin-right: 50px;
}
/*Стили для банеров*/
.fonImg{
     position: absolute;
     left: 0px;
     top: 0px;
     z-index: -1;
     visibility: hidden;
 }
.fonImg2{
    position: relative;
}
.yellow_block{
    display: flex;
    margin-bottom: 10px;
    width: 100%;
    border: 0px solid red;
    background: url(/templates/Karnaval2020/images/yellow-block/maska.jpg) no-repeat center;
    background-size: 100% 100%;
}

.yellow_block .first_in_yellow{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.yellow_block .first_in_yellow .yellow_title{
    font-size: 40px;
    text-align: center;
    line-height: 1;
    color: #000;
    margin-top: 4px;
}
.yellow_block .first_in_yellow .yellow_text{
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    color: #000;
}
.yellow_block .first_in_yellow .yellow_opis{
    display: flex;
    flex-direction: column;
    width: 220px;
    align-items: flex-start;
    color: #000;
    position: relative;
    top: -4px;
}
#modalYellow .yellowMadeZakaz{
    text-align: left;
    font-size: 24px;
}
#modalYellow .yellowLeaveTel{
    text-align: left;
    margin: 20px 0px;
    font-size: 14px;
}
#modalYellow .yellowPolitika{
    font-size: 12px;
    text-align: center;
    margin: 5% 2% 0% 2%;
}
#modalYellow .yellowPolitika a{
    color: #fbe464;
    font-size: 12px;
}
#modalYellow .modal-dialog{
    width: 62%;
    max-width: 640px;
}
#modalYellow .modal-content{
    padding: 5% 5%;
}
#modalYellow form{
    text-align: left;
}
#modalYellow form .yellowFormElements{
    display: flex;
}
#modalYellow form .yellowFormElements input{
    width: 50%;
    margin-right: 10px;
}
#modalYellow form .yellowFormElements button{
    width: 40%;
    font-size: 22px;
    background-color: transparent;
    border: 2px solid #fbe464;
    color: #fbe464;
    border-radius: 4px;
}
#modalYellow form .yellowFormElements button:hover{
    background-color: #fbe464;
    border: 2px solid #fbe464;
    color: #fff;
}
/*Красивая кнопка*/
akciya_first{
    height: 36px !important;
    width: 200px !important;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.akciya_first2{
    height: 44px !important;
    width: 280px !important;
    position: absolute !important;
    left: 7%;
    top: 50%;
}
.akciya_in_akciya .akciya_first2{
    height: 60px !important;
}
.akciya_first3 {
    width: 250px !important;
}

.komplekt input{
    position: absolute;
    left: -9999px;
}
.komplekt label{
    width: 20%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    font-weight: 100;
}

@-webkit-keyframes slideme{
    0%{
        margin-left: 0;
        left: -14.583vw;
    }
    40%,
    100%{
        margin-left: 9.375vw;
        left: 100%;
    }
}

@-moz-keyframes slideme{
    0%{
        margin-left: 0;
        left: -14.583vw;
    }
    40%,
    100%{
        margin-left: 9.375vw;
        left: 100%;
    }
}

@-o-keyframes slideme{
    0%{
        margin-left: 0;
        left: -14.583vw;
    }
    40%,
    100%{
        margin-left: 9.375vw;
        left: 100%;
    }
}

@keyframes slideme{
    0%{
        margin-left: 0;
        left: -14.583vw;
    }
    40%,
    100%{
        margin-left: 9.375vw;
        left: 100%;
    }
}

.komplekt input:checked + label{
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 #cdb862;
    -moz-box-shadow: 0 0 0 #cdb862;
    box-shadow: 0 0 0 #cdb862;
    -moz-transform: translateY(3px); /* Для Firefox */
    -ms-transform: translateY(3px); /* Для IE */
    -webkit-transform: translateY(3px); /* Для Safari, Chrome, iOS */
    -o-transform: translateY(3px); /* Для Opera */
    transform: translateY(3px);
}

.main__btn{
    margin: 10px 0px 15px 0px;
}

.main__desc{
    font-size: 1.042vw;
    line-height: 1.5;
    font-family: 'PT Serif', serif;
}
/*Конец сититей для банеров*/
.yellow_block_MB{
    display: none;
}
.ws-chat-invitation-container {
    left:initial!important;
}
.spec{
    padding-top: 35px;
}
.zagolovok2{
    margin-bottom: 2%;
}
.akcii_title {
    font-size: 22px;
    line-height: 25px;
}
/*Расширенный поиск*/
#dofullsearch{
    display: none;
}
.video_in_right{
    border: 0px solid red;
    position: sticky;
    z-index: 100;
    right: 30px;
    top: 320px;
    min-height: 2em;
}
.video_in_right .news{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    width: 255px;
}
.video_in_right div .podrobnee{
    margin: 10px;
    text-align: center;
}
.video_in_right div .tovar_title{
    font-size: 15px;
}
.title_halat span{
    font-weight: 700;
    font-size: 32px;
    text-transform: inherit;
}
.opisanie_halat{
    font-weight: 700;
    margin-top: 20px;
    font-size: 16px;
}
.opisanie_halat2{
    font-size: 16px;
}

.right-video-block-krest{
    position: absolute;
    z-index: 102;
    background-color: transparent !important;
    right: 3px;
    top: 3px;
}
.hide{
    display: none;
}
.news{
    position: relative;
}
#modalSpasiboZaZayavku.modal {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}
#modalSpasiboZaZayavku.modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
#modalSpasiboZaZayavku.fade .modal-dialog {
    transform: none;
}
#modalSpasiboZaZayavku .close{
    font-weight: 500;
}
#modalSpasiboZaZayavku .close:hover{
    font-weight: 500;
    background-color: #ff0068;
}
.close:focus, .close:hover {
    opacity: 1;
}
.spasibo-za{
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: Gotham Pro;
}
.vach-meneger{
    color: #999;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: "Noto Sans SC", sans-serif;
}
.podpisyvaites{
    margin-top: 30px;
    color: #999;
    font-size: 14px;
    font-family: "Noto Sans SC", sans-serif;
    text-align: center;
    width: 70%;
    align-self: center;
}
.spasibo-tel{
    font-size: 30px;
    margin-bottom: 30px;
    font-family: "Noto Sans SC", sans-serif;
    align-self: center;
}
.spasibo-ok{
    font-weight: 700;
    font-size: 24px;
    height: 60px;
    padding: 0 40px;
    border: 2px solid #ff0068;
    border-radius: 30px;
    min-width: 50px;
    background-color: #fff;
    color: #ff0068;
    width: 60%;
    margin-bottom: 30px;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: 'Gotham Pro';
}
#modalSpasiboZaZayavku2 .spasibo-ok{
    margin-bottom: 5px;
}
#modalSpasiboZaZayavku2 .spasibo-za {
    text-align: center;
}
.spasibo-ok:hover{
    color: #fff;
    background-color: #ff0068;
}
.spasibo-soc{
    align-self: center;
    width: 60%;
    display: flex;
    justify-content: space-around;
}
.poloska-spasibo{
    margin-bottom: 30px;
    border-bottom: 1px solid #f4f4f4;
}
.modalSpasibo{
    max-width: 500px;
    display: flex;
    flex-direction: column;
}
.modalSpasibo img{
    width: 34px;
}
.kk-position{
    display: flex;
    justify-content: center;
    align-items: center;
}
.kk-position .first p {
    font-size: 22px;
    text-align: center;
    margin: 1vw;
    line-height: 1.4;
}
.polotika-conf{
    color: #FF0068;
    font-size: 12px;
}
.nalicie_full{
    color: green;
    text-align: left;
    font-size: 13px;
    height: auto;
    line-height: 1.4;
}
.nalicie_full_block{
    margin-bottom: 6px;
}
.nalicie_full_block .nalicie_full{
    display: block;
    height: auto;
}
.knopki_zakaza{
    display: flex;
    position: relative;
    left: -3px;
    align-items: center;
    gap: 10px;
}
.knopki_zakaza_MB{
    display: none;
}
.alphavit h3{
    font-family: "Noto Sans SC", sans-serif;
}
.fullstory-izbr{
    width: 95%;
    margin-left: 25px;
}
.alphavit a{
    font-family: "Noto Sans SC", sans-serif;
    font-weight: 400;
}
.uploadButton {
    border-radius: 14px;
    border: 2px dashed #D9D9D9;
    position: relative;
    background-color: #fff;
    color: #ff0068;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    font-size: 14px;
    font-weight: 400;
    width: 48%;
    height: 40px;
    z-index: 1;
    margin-bottom: 0px;
}
.uploadButton:hover {
    background-color: #ff0068;
    color: #fff;
    border: 2px solid #ff0068;
}

.element2 table{
    background-color: #fff;
    text-align: center;
    width: 100%;
}
.izbr_podrobnee{
    padding: 25px 17px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.indiv .first{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 68%;

}
.kk .first{
    flex-direction: column;
}
.shortBlock .kk .first{
    flex-direction: row;
}
.indiv .first span {
    font-size: 34px;
    line-height: 1.1;
    padding-left: 10px;
    margin-top: -14px;
}
.indiv.kk .first span,
.indiv.kk .first p {
    color: #ffffff;
}
.indiv .first p{
    font-size: 18px;
    text-align: center;
}
.indiv .first .ineed{
    background-color: transparent;
    border: 3px solid #FF0068;
    padding: 5px 40px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    color: #ff0068;
    transition: all .3s;
}
.indiv .first .ineed:hover{
    background-color: #ff0068;
    color: white;
}
.indiv.kk .first .ineed {
    background-color: #ff0068;
    color: white;
}
.indiv.kk .first .ineed:hover {
    transform: scale(1.1);
}
.indiv .somethink{
    flex: 2;
}
.indivKKSize{
    width: 80%;
    margin: 0 auto;
}
#modalIndivKK .modal-content{
    border: 0px;
    border-radius: 0px;
    color: #000000;
    padding: 2% 2% 10px 2%;
}
#modalIndivKK .closeButtonPosition{
    top: 0px;
    right: 0px;
}
#modalIndivKK .modal-content h2{
    color: #000;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 26px;
}

#modalCartOrder .modal-content h2 {
    font-weight: 700;
    font-family: 'Gotham Pro';
}

#modalIndivKK .help-block{
    margin: 3% 0px;
}
#modalIndivKK .modal-content p {
    font-size: 12px;
    text-align: center;
    margin-top: 2%;
}

#modalIndivRK .modal-content{
    border: 0px;
    border-radius: 0px;
    color: #000000;
    padding: 2% 2% 10px 2%;
}
#modalIndivRK .closeButtonPosition{
    top: 0px;
    right: 0px;
}
#modalIndivRK .modal-content h2{
    color: #000;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 26px;
}
#modalIndivRK .help-block{
    margin: 3% 0px;
}
#modalIndivRK .modal-content p {
    font-size: 12px;
    text-align: center;
    margin-top: 2%;
}
.indivKKflex{
    display: flex;
    justify-content: space-between;
}
.indivKKflex label{
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 2%;
}
.indivKKflex div:first-child{
    flex: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.indivKKflex div:first-child textarea{
    width: 90%;
    height: 260px;
    border: 2px solid #eadbdb;
    border-radius: 4px;
    resize: none;
}
textarea{
    resize: none;
}
.indivKKflex div:nth-child(2){
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.indivKKflex div:nth-child(2) input{
    width: 100%;
    height: 45px;
    border: 2px solid #eadbdb;
    border-radius: 4px;
    margin-bottom: 40px;
    padding-left: 10px;
}
.indivKKflex2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#btn {
    padding-left: 5px;
    border: 2px dashed #ff0068;
    border-radius: 4px;
    background: #fff;
    color: #ff0068;
    width: 45%;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
#btn label{
    font-size: 28px;
    color: #FF0068;
    padding: 5px;
    font-weight: 400;
}
.indivKKflex2 button{
    margin-top: 20px;
    padding: 0px 40px;
    border: 2px solid #ff0068;
    background-color: transparent;
    border-radius: 4px;
    font-size: 14px;
    color: #FF0068;
    height: 25px;
}
#files{
    width: 1px;
}
.shortBlock{
    width: calc(100% - 57px) !important;
    background-color: #fff;
    border-radius: 30px;
    overflow: hidden;
}
.shortBlock .indiv .first span{
    font-size: 20px;
}
.shortBlock .indiv .first p {
    font-size: 12px;
    margin: 10px;
    text-align: left;
}

.fullImgBlock{
    background-color: white;
    margin: 5px;
    margin-left: 69px;
    padding: 20px;
}
.fullImgBlockHalat{
    padding-right: 10% !important;
}
.fullInfoBlock{
    margin: 5px;
    background-color: #f4f4f4;
    display: flex;
    flex-direction: column;
}
.fullInfoBlockHalat{
    display: flex;
    flex-direction: column;
    padding-left: 10% !important;
}
.title_halat{
    padding: 20px 0px;
}
.komplekt{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    position: relative;
}
.komplekt1{
    font-size: 18px;
    padding: 10px;
}
.komplekt1 .price{
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
}
.komplekt2{
    font-size: 18px;
    padding: 10px;
}
.komplekt2 .price{
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
}
.komplekt3{
    font-size: 18px;
    padding: 10px;
}
.komplekt3 .price{
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
}
.komplekt4{
    font-size: 18px;
    padding: 10px;
}
.komplekt4 .price{
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
}
.stoimost_komplekta_halat{
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    margin: 40px 0px 10px;
}
.poluchit_komm{
    background-color: #f2dd74;
    width: 45%;
    font-size: 26px;
    padding: 20px;
}
.poluchit_komm2{
    background-color: #f2dd74;
    width: 45%;
    font-size: 26px;
    padding: 20px;
}
.fullInfoBlock2{
    width: 95%;
    padding-top: 42px;
    padding-left: 45px;
    background-color: white;
    margin-left: -15px;
    margin-bottom: 10px;
    flex: 2;
}
.fullInfoBlock3{
    width: 95%;
    background-color: white;
    margin-left: -15px;
    flex: 6;
}
.fullInfoTable{
    margin-left: 25px;
}
.fullInfoTable td{
    font-size: 12px;
    font-family: "Noto Sans SC", sans-serif;
    vertical-align: top;
    padding-left: 0px;
}
.fullInfoTable h3{
    font-size: 12px;
    font-weight: 700;
    font-family: "Noto Sans SC", sans-serif;
    line-height: 1;
}
.fullInfoTable2{
    display: none;
}
.fullstory_page{
    display: flex;
    align-items: stretch;
}

.bgPinkImg{
    background-size: 100% !important;
    height: 17vw !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bgPinkImg .first span{
    font-size: 34px !important;
    margin-top: 0px !important;
    color: #fff;
}
.bgPinkImg .first p {
    font-size: 22px;
    text-align: center;
    margin: 1vw;
    line-height: 1.4;
    color: #fff;
}
.bgPinkImg .first .ineed{
     color: #ff0068;
 }
.bgPinkImg .first .ineed:hover{
    color: #fff;
    background-color: #ff0068;
}
.kk{
    background: url(/templates/Karnaval2020/images/new_design_images/indiv-KK-pink-22.jpg) no-repeat;
    background-size: 100%;
    height: 17vw !important;
}
.rk{
    background: url(/templates/Karnaval2020/images/new_design_images/indiv-RK-22.png) no-repeat;
    background-size: 100%;
}
.indiv{
    height: 23vw;
}
.who-contacting.indiv {
    height: max-content;
}
.shortBlock .indivKKflex div:first-child textarea{
    width: 95%;
    height: 172px;
    border: 2px solid #eadbdb;
    border-radius: 4px;
    resize: none;
}
.shortBlock  .indivKKflex div:nth-child(2) input {
    width: 96%;
    height: 35px;
    border: 2px solid #eadbdb;
    border-radius: 4px;
    margin-top: 2px;
    margin-bottom: 1vw;
    padding-left: 10px;
}
.shortBlock .indivKKflex2 button {
    margin-top: 20px;
    margin-right: 10px;
    height: 25px;
    padding: 1px 30px;
    border: 2px solid #ff0068;
    background-color: transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    color: #FF0068;
}
.shortBlock .indivKKflex2 button:hover {
    color: #FFf;
    background-color: #ff0068;
}
.shortBlock form{
    padding: 0px 10px 10px 10px;
    height: 363px;
    border: 0px solid red;
}
.shortBlock .indiv {
    height: 172px;
}
.pravila-servisa-short{
    font-size: 9px;
    text-align: center;
    margin: 0;
}
.fullstory-video-block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.shortBlock .indiv .first .ineed{
    display: none;
}
.shortBlock span{
    font-size: 14px;
    line-height: 1;
}
.shortBlock #btn {
    border: 2px dashed #ff0068;
    border-radius: 4px;
    background: #fff;
    color: #ff0068;
    width: 35%;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.shortBlock .indivKKflex label {
    font-size: 14px;
}
.shortBlock #btn label{
    font-size: 14px;
    color: #FF0068;
    padding-top: 11px;
    font-weight: 400;
}
.shortBlock .modal_title_style{
    font-size: 20px;
    margin-bottom: 13px;
}
.indiv_opis_MB{
    display: none;
}
.indiv_opis{
    display: block;
}

.title2
{
    font-family: arial;
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}
a.title2
{
    text-decoration: none;
}
.youtube_video{
    width: 560px;
    height: 315px;
}
.top_otstup_short{
    padding-top: 0px;
}
.price_block{
    position: absolute;
    left: 180px;
    top: 132px;
}
.price_block .tovar_cena_small{
    font-size: 20px;
    margin-left: 10px;
}
.price_block .skidka{
    left: -37px;
    top: -20px;
}
.tovar_cena{
    font-family: Gotham Pro;
    font-weight: 700;
}
.forinrow{
    display: flex;
    height: 285px;
    background-color: #ffffff;
}
.elementinrow{
    width: 25%;
    outline: 0;
    outline: none;
}
.elementinrow img{
    width: 100%;
    outline: 0;
    outline: none;
}
.dostavka{
    padding: 25px;
}
.cat_style_spec{
    width: 100% !important;
}
#error_name{
    display: none;
    font-size: 12px;
    text-align: center;
}
#error_tel{
    display: none;
    font-size: 12px;
    text-align: center;
}

.rotatable{
    display: none;
    position: relative;
    left: -62px;
    top: 7px;
    color: white;
    font-size: 12px;
    font-weight: bolder;
    background-color: #a6196c;
    text-decoration: none !important;
    -webkit-transform: rotate(-45deg); //Chrome, Safari
-moz-transform: rotate(-45deg); //Firefox
-o-transform: rotate(-45deg); //Opera
-ms-transform: rotate(-45deg); //IE
transform: rotate(-45deg); //�������� ��� ���������
}
.rotatable2{
    position: relative;
    left: -120px;
    top: 45px;
    color: white;
    font-size: 20px;
    font-weight: bolder;
    background-color: #a6196c;
    text-decoration: none !important;
    -webkit-transform: rotate(-45deg); //Chrome, Safari
-moz-transform: rotate(-45deg); //Firefox
-o-transform: rotate(-45deg); //Opera
-ms-transform: rotate(-45deg); //IE
transform: rotate(-45deg); //�������� ��� ���������
}
.rotatable3{
    position: relative;
    left: -95px;
    top: 45px;
    color: white;
    font-size: 20px;
    font-weight: bolder;
    background-color: #a6196c;
    text-decoration: none !important;
    -webkit-transform: rotate(-45deg); //Chrome, Safari
-moz-transform: rotate(-45deg); //Firefox
-o-transform: rotate(-45deg); //Opera
-ms-transform: rotate(-45deg); //IE
transform: rotate(-45deg); //�������� ��� ���������

}
.city_table td{
    padding-left: 2px;
}
.akciya{
    background-position: top center !important;
    background-size: 100% !important;
    overflow: hidden;
}
.otpis{
    height: 44px;
    width: 280px;
}
.zakaz2 {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    line-height: 20px;
    color: #dfddd9;
    font-weight: 600;
    background-color: #a6196c;
    width: 150px;
}

.zakaz2:focus {
    font-family: 'Roboto Condensed';
    font-size: 14px;
    line-height: 20px;
    color: #dfddd9;
    font-weight: 600;
    background-color: #a6196c;
    width: 150px;
}
.soc_buttons {
    position: fixed;
    right: -30px;
    top: 160px;
    width: 70px;
}
.soc_buttons a {
    display: block;
    position: relative;
}
.lang_image{
    margin: 2px 0px -5px 0px;
}
.body_style {
    background-color: #FFFF00;
}
body {
    background-color: #fff;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
    font-style: normal;
    font-weight: 300;
    overflow-х: hidden;
}

a {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    outline: none;
}

a:hover
{
    color: #ff0068;
    text-decoration: none;
}
a:active, a:hover, a:focus {
    outline: 0 !important;
    outline: none !important;
}
.title1{
    font-family: 'Roboto Condensed';
    font-size: 23px;
    line-height: 30px;
    color: #000000;
    font-style: normal;
    font-weight: 400;
    text-shadow: #e7e6e6 0px 1px 0px;
}

a:hover.title2
{
    color: #FFFFFF;
    text-decoration: none;
}

.title2_1
{
    font-family: 'Roboto Condensed';
    font-size: 20px;
    line-height: 40px;
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.link1
{
    font-family: 'Roboto Condensed';
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    font-style: normal;
    font-weight: 400;
    color: #a6196c;
    text-decoration: none;
}
a:hover.link1
{
    color: #a6196c;
    text-decoration: underline;
}
.cont
{
    font-family: 'Roboto Condensed';
    font-size: 14px;
    line-height: 15px;
    color: #FFFFFF;
    font-style: italic;
    font-weight: 200;
}

.menu
{
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    margin-top: -15px;
    text-align: center;
}

.dopmenu
{
    font-family: 'Roboto Condensed';
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    font-weight: 300;
    text-decoration: underline;
    font-style: italic;
}
a:hover.dopmenu
{
    text-decoration: none;
}

p
{
    margin: 10px 0px 5px 0px;
}

.zakaz
{
    font-family: 'Roboto Condensed';
    font-size: 14px;
    line-height: 20px;
    color: #dfddd9;
    font-weight: 400;
    background-color: #a6196c;
    width: 150px;
}

.zakaz_form {
    font-family: "Noto Sans SC",Sans-Serif;
    font-size: 20px;
    color: #ff0068;
    text-decoration: none;
    padding: 9px 25px;
    border: 2px solid #ff0068;
    border-radius: 4px;
    font-weight: 100;
    background-color: #fff;
    position: relative;
    bottom: -2px;
    margin: 7px 0px;
}
.zakaz_form:hover{
    color: #fff;
    background-color: #ff0068;
}

.zakaz_form.disabled {
    pointer-events: none;
    opacity: 0.2;
}

#modalCartOrder .zakaz_form {
    width: 100%;
    border-radius: 10px;
    background-color: #ff0068;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Gotham Pro';
}

#modalZakaz3 .zakaz_form {
    color: #ff0068;
    border-radius: 4px;
    border: 2px solid #ff0068;
    background-color: #fff;
}
#modalZakaz3 .zakaz_form:hover{
    color: #fff;
    background-color: #ff0068;
}
#formFeedback .zakaz_form {
    width: 100%;
    color: #fff;
    background-color: #ff0068;
}

img{
    border: 0;
    vertical-align: middle;
    outline: 0;
    outline: none;
}
.php
{
    display: none;
}
#lean_overlay {
    position: fixed;
    z-index:3000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.cart_style1{
    text-align: right;
}
.navigation_style >> span >> a{
    text-decoration: underline;
}
.for-count-block{
    display: flex;
    justify-content: center;
}
.img-count{
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    border-radius: 25px;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 10px;
}
.tovar_title{
    font-family: Gotham Pro;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    text-align: center;
    font-weight: 400;
}
.tovar_title:hover{
    color: #ff0068;
}

.element2.element2--izbrannoe .tovar_title {
    display: block;
}

.element2.element2--izbrannoe .nalicie_kat {
    display: block;
}

.tovar_cena{
    font-size: 22px;
    line-height: 26px;
    color: #000000;
}

.element2.element2--izbrannoe .tovar_cena {
    text-align: center;
    display: block;
}

.tovar_cena_small{
    text-decoration: line-through;
    font-size: 15px;
    color: #000000;
}
.skidka{
    background-color: #f3014e;
    padding: 0px 2px;
    color: #fff;
    position: relative;
    left: -3px;
    top: -15px;
}
.hochuDeshevleBlock{
    background: url(/templates/Karnaval2020/images/new_design_images/indiv-RK-PINKK.png) no-repeat;
    background-size: 100%;
    background-position: top center;
    border: 0px solid red;
    height: 17vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hit .demo{
    width: 94%;
}
.dostavka h2{
    color: #000;
    font-family: "Noto Sans SC", sans-serif;
}
.dostavka h3{
    color: #000;
    font-family: "Noto Sans SC", sans-serif;
    margin: 20px;
}

.hochu{
    display: inline-block;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 20px;
    color: #ff0068;
    font-weight: 400;
    background-color: transparent;
    padding: 7px 35px;
    margin: 5px;
    border: 1px solid #ff0068;
    border-radius: 10px;
}
.hochu:hover{
    color: #fff;
    background-color: #ff0068;
}

.menu_under_search2 a{
    margin: 0 7px;
}
.img-count{
    display: none;
}

.hochuDeshevle{
    width: 90%;
}

.knopki_zakaza_full{
    /*font-size: 24px !important;*/
}
.title_style{
    color: #000000;
    font-family: "Noto Sans SC", sans-serif;
    text-align: left;
    font-weight: 400;
    font-size: 32px;
}
.youtube_video_full {
    width: 370px;
    height: 260px;
}
.dostavka p{
    color: #000000;
    font-weight: 500;
    font-size: 17px;
}
.katalog{
    text-align: center;
}
.we{
    text-align: center;
    display: inline-block;
    width: 190px;
}
.we p {
    color:#000000;
    font-family:'Roboto Condensed';
    font-size:17px;
}
.we img{
    width: 140px;
}
.video_width{
    width: 560px;
    height: 320px;
}
.videoWidth{
    width: 316px;
    height: 180px;
}
.demo{
    width: 100%;
    margin: 0 auto;
}
.cat_style {
    width: 320px;
    margin: 0px 10px;
}
.cat_style_spec{
    width: 250px;
}
.poloska{
    width: 100px;
    display: block;
    position: absolute;
    margin-top: -6px;
    margin-left: -6px;
    z-index: 1;
}
.fullstory_page .poloska{
    width: 100px;
    height: 100px;
    opacity: 1;
    display: block;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
}
.element2{
    margin: 15px;
    width: 255px;
}
.element2-mob {
    display: none;
}

.element2-mob table {
    background-color: #fff;
    text-align: center;
    width: 100%;
}

.podb_ideal_variant{
    font-size: 30px;
}
.our_video{
    padding-right: 0;
}
.our_video2{
    padding-left: 0;
}
.shortstory_image{
    width: 100%;
    height: auto;
    float: none;
    margin: 0px;
}
.navigation_style{
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
}
/*Стили из styles3*/

.ostavit-otzyv .plus{
    font-size: 50px;
    font-weight: 700;
    color: #ff0068;
    margin: 0px 10px;
}
.ostavit-otzyv .plus:hover{
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
.MB_dostavka_in_menu{
    border-bottom: 1px solid #f4f4f4;
}
.otzyvy_link{
    position: relative;
    top: -150px;
}
.footer_menu2 p{
    margin: 25px 0px !important;
}
/*Стили для фильтра*/
.filter{
    display: flex;
}
.filter-piramid img{
    width: 30px;
    margin: 35px 10px 0px 10px;
}
.filter-piramid{
    margin-right: 10px;
}
.piram_up{
    transform: rotate(180deg);
}
.filter span{
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px;
}

.filter-checkbox{
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.filter-checkbox label{
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 2px;
}
.filter-checkbox p{
    margin: 0px;
    font-size: 17px;
    font-weight: 500;
    margin-left: 4px;
}

.filter-nalicie{
    padding: 0px 10px;
    text-align: center;
    margin-right: 10px;
}
.filter-nalicie label{
    margin-top: 15px;
}
.filter-sort{
    padding: 0px 10px;
    margin-right: 10px;
}
.filter-sort select{
    width: 150px;
    margin-top: 15px;
}
.filter-primenit{
    display: flex;
    align-self: center;
}
.filter-primenit input{
    display: inline-block;
    font-size: 18px;
    font-family: "Noto Sans SC", sans-serif;
    color: #ff0068;
    font-weight: 400;
    background-color: #fff;
    padding: 3px 5px;
    margin: 5px;
    border: 1px solid #ff0068;
    border-radius: 5px;
}
.filter-primenit input:hover{
    background-color: #ff0068;
    color: #fff;
}
input{
    box-shadow: 0;
    outline: 0;
}
label input {
    display: none;
}

.filter-checkbox label span {
    height: 13px;
    width: 13px;
    border: 1px solid gray;
    display: inline-block;
    position: relative;
    background-color:#FFF;
    border-radius:2px;
    padding:3px;
}
[type=checkbox]:checked + span:before {
    content: '\2714';
    position: absolute;
    top: 0px;
    left: 0;
    font-size:23px;
    color:#FF0068;
    padding-top: 2px;
}
.filter-checkbox input:checked + span:before{
    content: '\2714';
    position: absolute;
    top: -5px;
    left: 0;
    font-size:13px;
    color:#FF0068;
}
/*Крестик для картинок в карточке товара*/
.close_img {
    position: relative;
    right: -4px;
    top: 7%;
    width: 20px;
    height: 20px;
    opacity: 0.3;
}
.close_img:hover {
    opacity: 1;
}
.close_img:before, .close_img:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff;
}
.close_img:before {
    transform: rotate(45deg);
}
.close_img:after {
    transform: rotate(-45deg);
}

div::-webkit-scrollbar {
    width: 12px;
}

div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

div::-webkit-scrollbar-thumb {
    background: #ff0068;
    border-radius: 10px;
}

div::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

.otzyv_block-arr-img {
    width: 20px;
    margin-right: 5px;
}
.post_img{
    border-radius: 50px;
    width: 40px;
    margin-right: 5px;
}
.lastTime {
    font-size: 12px;
}
.rost_kukly .lSPager{
    display: none !important;
}
.karn_kost .lSPager{
    display: none !important;
}
.karousel_otstup{
    margin-bottom: 5px;
}
.margin15{
    margin-left: -15px;
    margin-right: -15px;
    margin: 0 auto;
}
.white_border{
    border: 5px solid #fff;
}
.mfp-container {
    animation-duration: 0.55s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}

@keyframes fadeInDown {
    0% {
        transform: translate3d(0px, -100%, 0px);
    }
    100% {
        transform: none;
    }
}
/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
.mfp-close:hover{
    color: #FF0068 !important;
}
.ui-mobile .ui-page {
    min-height: 10px !important;
}
.lg-backdrop.in {
    opacity: 0.5 !important;
}
.heartFullStory{
    position: relative !important;
    margin-left: 0px !important;
    left: 0px !important;
}
.burger-menu_nav table{
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.MB_menu_padding li {
    margin-left: -40px;
    border-bottom: 0px solid !important;
}
.MB_menu_padding li a{
    padding-left: 30px;
    font-size: 14px !important;
}
ul#menu li:nth-child(-n+3) {
    border-bottom: 1px solid #f4f4f4;
}
ul#menu li {
    padding-left: 20px;
}

ul#menu2{
    width: 100%;
    padding-left: 0px;
}
ul#menu2 li span{
    font-weight: 600;
    font-size: 16px;
    font-family: Noto Sans SC,sans-serif;
}
.closeButtonPosition{
    position: relative;
}
#dle-speedbar span {
    margin: 0 3px;
}
.oplataImg {
    width: 70%;
}
.oplataTitle{
    font-family: "Noto Sans SC", sans-serif;
    font-size: 18px;
    text-align: center;
    color: #000;
}
.oplataText{
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}

.callbackLogoButton .zakaz{
    background-color: transparent;
    width: 60px;
    border: 0;
}
.callbackLogoButton .zakaz:focus{
    width: 32px;
    background-color: transparent;
    width: 40px;
    border: 0;
}
.textInCenter{
    text-align: center !important;
}
.emptyList{
    color: #000000;
    text-align: left;
    margin-left: 15px;
    font-size: 24px;
}

.speedbar{
    font-family: Noto Sans SC,sans-serif;
    margin: 15px 0px;
    margin-left: -5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.speedbar a{
    text-decoration: underline;
    color: #828282;
}
.ourTeamName{
    color:#000000;
    font-family:'Roboto Condensed';
    font-size:17px;
    font-weight: 500;
}
.izbrCount {
    border: 1px solid white;
    color: #FFFFFF;
    font-size: 8px;
    font-weight: 700;
    position: relative;
    top: -6 !important;
    left: -15 !important;
}
.modal-body {
    padding: 0px !important;
}
#myModal6 .modal-content{
    border: 0px dashed #FF0068;
    padding: 4% 2%;
    width: 100%;
    border-radius: 0px;
}
#myModal6 .close{
    position: relative;
    top: -19px;
    right: -2px;
}
#myModal2 .modal-content{
    border: 0px dashed #FF0068;
    padding: 4% 2%;
    width: 100%;
    border-radius: 0px;
}
#myModal2 .close{
    position: relative;
    top: -19px;
    right: -2px;
}
#myModal3 .modal-content{
    border: 0px dashed #FF0068;
    padding: 4% 2%;
    width: 100%;
    border-radius: 0px;
}
#myModal3 .close{
    position: relative;
    top: -19px;
    right: -2px;
}
#myModal4 .modal-content{
    border: 0px dashed #FF0068;
    padding: 4% 2%;
    width: 100%;
    border-radius: 0px;
}
#myModal4 .close{
    position: relative;
    top: -19px;
    right: -2px;
}
#myModal5 .modal-content{
    border: 0px dashed #FF0068;
    padding: 4% 2%;
    width: 100%;
    border-radius: 0px;
}
#myModal5 .close{
    position: relative;
    top: -19px;
    right: -2px;
}
#myModal7 .modal-content{
    border: 0px dashed #FF0068;
    padding: 4% 2%;
    width: 100%;
    border-radius: 0px;
}
#myModal7 .close{
    position: relative;
    top: -19px;
    right: -2px;
}
.element_hit .shortstory_image{
    width: 99%;
}
.element_hit{
    padding: 4px;
    position: relative;
}
.element_hit table{
    background-color: white;
}
.outShadow {
    background-color: transparent;
}
.charak{
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: left;
    font-weight: bold;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 20px;
}
.rostKuklyVrabote{
    font-family: "ObelixProRegular";
    color: #FF0068;
    text-align: center;
    font-weight: bold;
}
.PodzRostKuklyVrabote{
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: center;
    font-weight: 400;
    margin: 25px;
}

.soc_buttons a {
    margin: 2px 0px;
}
.spasibo h2{
    font-family: arial;
    font-weight: 600;
    color: #FF0068;
}
.spasibo h3{
    font-family: arial;
}
.spasibo p{
    font-family: arial;
    font-weight: 600;
    font-size: 16px;
}
.kontaktyMBFooter div{
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
}
.kontaktyMBFooter div.tel{
    font-weight: 500 !important;
}
.kontaktyMBFooter .kont{
    margin: 20px 0px;
}
.kontaktyMBFooter table{
    margin: 20px 0px;
}
.footer_menu li{
    list-style-type: none;
    color: #FFFFff;
}
.footer_menu li span{
    color: #FFFFff;
}
.footer_menuKont{
    display: flex;
    justify-content: flex-end;
    padding-right: 0px;
}
.footer_menuKont span{
    color: #FFFFff;
    margin: 10px 0px;
}
.footer_menuKont a{
    color: #FF0068 !important;
    border-bottom: 1px dashed #FF0068;
}
.footer_menuKont a:hover{
    border-bottom: 0px dashed #FF0068;
}
.footerSoc{
    display: flex;
    flex-shrink: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 170px;
    margin: 20px 0px;
}
.headerSoc{
    display: flex;
    flex-shrink: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 170px;
    margin: 20px 20px;
}
.footerSoc a{
    margin: 4px;
}
.otzyv{
    width: 99%;
    border: 2px solid #085f54;
    padding: 0px 0px;
    border-radius: 20px;
    text-align: left;
    display: flex;
    overflow: hidden;
}

.otzyv2{
    display: inline-block;
    border: 2px dashed #FF0068;
    padding: 2px;
    margin: 5px;
    border-radius: 20px;
    text-align: left;
}
.otzyvParrent{
    display: block;
    text-align: center;
}
.otzyvName{
    color: #ffffff;
    font-weight: 700;
    top: 0px;
}
.otzyvText{
    color: #000;
    font-weight: 500;
    background-color: #ffffff;
    margin: 15px 15px 0px 15px;
    padding: 10px;
    width: auto;
    max-width: 90%;
    position: relative;
}
.otzyvText::before {
    content: url(/templates/Karnaval2020/images/otzyv/treug.png);
    position: absolute;
    top: 0px;
    left: -15px;
}
.otzyvKarousel{
    border: 1px dashed #FF0068;
    border-radius: 10px;
    margin: 0 auto;
}
section{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    color: #FFFFff;
}
.burger-menu_button{
    z-index: 30;
    transition: 0.1s;
}
.burger-menu_button:hover .burger-menu_lines{
    filter: brightness(0.7);
}
.burger-menu_lines,
.burger-menu_lines::after,
.burger-menu_lines::before {
    position: absolute;
    width: 40px;
    height: 6px;
    background-color: #fff;
}
.burger-menu_active .burger-menu_button,
.burger-menu_active .burger-menu_lines{
    background-color: transparent;
}
.burger-menu_active .burger-menu_lines::before{
    top: 0;
    transform: rotate(45deg);
}
.burger-menu_active .burger-menu_lines::after{
    top: 0;
    transform: rotate(-45deg);
}
.burger-menu_nav{
    position: fixed;
    z-index: 20;
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 300px;
    background-color: #fff;
    overflow-y: auto;
    left: -100%;
    top: 0px;
    transition: 0.5s;
}
.burger-menu_active .burger-menu_nav{
    left: 0;
    top: 0px;
    border-radius: 0px 20px 20px 0px;
    border: 1px solid gray;
}
.burger-menu_link{
    padding: 30px;
    font-size: 12px;
    text-decoration: none;
    text-transform:uppercase;
    color: #fff;
}
.burger-menu_link:hover{
    filter: brightness(0.7);
}
.burger-menu_overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    z-index: 10;
}
.burger-menu_active .burger-menu_overlay{
    display: table;
}
.MB_menu_img{
    padding: 15px 10px;
}
.burger-menu_nav p{
    font-family: Noto Sans SC,sans-serif;
    font-size: 16px;
    color: #000000;
    margin: 10px 20px;
    font-weight: 500;
}

ul#menu, ul#menu ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}
#menu span{
    font-size: 16px;
    font-weight: 500;
}
#menu .menu_a{
    font-size: 18px;
    font-weight: 500;
}

.rotate2{
    display: flex;
    justify-content: space-around;
    font-weight: 600;
}
.rotate2 span{
    color: #FF0068 !important;
}
ul#menu a,ul#menu span { display: block; text-decoration: none; }

ul#menu li a,ul#menu li span {
    color: #000000;
    line-height: 45px;
    font-family: Noto Sans SC,sans-serif;
}

ul#menu li ul li a {
    background: #f4f4f4;
    color: #000000;
}

ul#menu li ul li a:hover {
    background: #AAAAAA;
    border-left: 5px #000000 solid;
    padding-left: 15px;
}
.okompaniiTitle{
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: center;
}
.okompaniiPadd{
    padding: 2%;
}

.zadatVopros{
    color: #000000;
    font-size: 12px;
    margin-left: 40px;
    line-height: 45px;
    background-color: transparent;
}
.zadatVopros a{
    border-bottom: 1px dashed #FF0068;
    color: #FF0068;
}
.telefon{
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 45px;
    margin-left: 20px;
}
.mailAndAdress{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}
.rekvizity{
    color: #ff0068;
    background-color: #fff;
    border: 1px solid #ff0068;
    border-radius: 5px;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-top: 5px;
}
.rekvizity:hover{
    color: #fff;
    background-color: #ff0068;
}
.myNaKarte{
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: left;
    margin: 2% 0px;
}
.kontakty{
    text-align: left;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    font-family: arial;
}
.kontakty h4{
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: left;
}
.kontakty_in{
    text-align: left;
    display: inline-block;
    padding-bottom: 2%;
}
.kontakty_in2{
    text-align: center;
    display: inline-block;
    padding-bottom: 2%;
}
.contakty_zakaz{
    text-align: center;
}
.contakty_zakaz a{
    text-decoration: none;
}
.akcii{
    color: #FF0068;
    font-family: "ObelixProRegular";
    font-weight: bold;
}
.akcii_title{
    text-align:left;
    color: #000000;
    margin-left: 30px;
}
.akcii_usloviya{
    font-size:32px;
    text-align:left;
    font-family: "ObelixProRegular";
    color: #FF0068;
    margin: 30px 0px;
    padding-left: 10px;
}
.akcii_button{
    width: 225px;
    font-size: 21px;
    padding: 10px;
    margin: 10px;
}
.modal-content{
    width: 100%;
    border-radius: 5px;
}

.modal-content .soglasie{
    font-size: 12px;
    text-align: center;
    margin: 5% 2% 0% 2%;
}

#modalCartOrder .modal-content .soglasie {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.artikul_title{
    font-size: 14px;
    font-family: "Noto Sans SC", sans-serif;
    color: #000000;
    text-align: left;
    font-weight: 400;
    margin: 4px 0px;
}
.tovar_cena_full{
    font-size: 26px;
    font-family: "Noto Sans SC", sans-serif;
    color: #FF0068;
    text-align: left;
    font-weight: 400;
    margin: 3% 0px;
}
.dobav_v_izbr{
    color: #FF0068;
    text-align: left;
    font-size: 16px;
}
.nalicie{
    font-family: "ObelixProRegular";
    color: green;
    text-align: left;
    font-size: 18px;
}

.zakaz_zvonok_full{
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
    color: #ff0068;
    border: 1px solid #ff0068;
    font-weight: 500;
    background-color: #fff;
    padding: 10px 40px;
    /*margin: 5px;*/
    border-radius: 20px;
    font-family: Gotham Pro, sans-serif;
}
.zakaz_zvonok_full:hover{
    color: #fff;
    background-color: #ff0068;
}

.navigation{
    /*display: none;*/
    font-size: 18px;
    font-weight: 600;
}
.navigation a {
    margin: 0px 3px;
    text-decoration: none;
    background: #ffffff;
    color: #333333;
    width: 44px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin-right: 5px;
}
.navigation span {
    margin: 0px 3px;
    margin-right: 3px;
    text-decoration: none;
    background: #ffffff;
    color: #333333;
    width: 44px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
}
.navigation span.current-page{
    color: #ffffff;
    background: #FF0068;
    width: 44px;
    height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    margin-right: 5px;
}
.navigation a:hover{
    color: #FF0068;
}
#prev-page {
    margin-right: 10px;
    cursor: pointer;
}
#next-page {
    margin-left: 10px;
    cursor: pointer;
}

#dle-content{
    display: flex;
    margin: 0px -14px;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#dle-content>div.content_block_gray {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.element{
    display: inline-block;
}
.element2{
    display: inline-block;
    height: auto;
    position: relative;
}
.element2__wrapper {
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    display: block;
}
.podrobnee{
    font-family: Gotham Pro;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    width: 170px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #FF0068;
    display: flex;
    justify-content: center;
    align-items: center;
}
.podrobnee:hover{
    color: #ffffff;
    background-color: #ff0068;
}
.artikul_style{
    font-family: "Noto Sans SC",Sans-Serif;
    color: #000000;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: center;
}

.header_center_block{
    display: flex;
    justify-content: center;
    align-content: center;
}
.opisanie{
    border-top-color: #FF0068;
    border-top-style: dashed;
    border-bottom-color: #FF0068;
    border-bottom-style: dashed;
    margin-right: -9%;
    margin-left: -9%;
}
.hit{
    display: block;
    text-align: center;
    padding-top: 20px;
}
.hit2{
    display: block;
    text-align: center;
    padding-top: 20px;
}
.kharak{
    padding: 15px 0px;
}
.right_border{
    border-right-color: #FF0068;
    border-right-style: dashed;
    border-right-width: 3px;
    padding: 15px;
}
.right_border2{
    border-right-color: #FF0068;
    border-right-style: dashed;
    border-right-width: 3px;
    text-align: left;
    padding-left: 2px;
}
.kharak div{
    text-align: left;
}
.kharak2{
    border-left-color: #FF0068;
    border-left-style: dashed;
    padding: 15px 0px;
}
.knopka{
    color: #ffffff;
    padding: 8px 14px;
    background-color: #FF0068;
    margin: 2px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 20px;
}

h1 {
    text-align: center;
    color: #000;
    font-weight: 400;
    font-family: "Noto Sans SC", sans-serif;
}
.searchtable{
    display: flex;
    justify-content: center;
}
.search div{
    text-align: center;
}
.menu_under_search{
    text-align: center;
    margin-top: 5%;
}
.menu_under_search2 {
    margin-top: 9%;
    display: flex;
    justify-content: space-between;
}
.menu_under_search2 a{
    text-decoration: none;
    color: #ffffff;
    text-align: center;
}
.menu_under_search2 a:hover{
    color: #ff0068;
}
.header_3_block{
    color: #ffffff;
}
.header_3_block table{
    margin-top: 6%;
}
.zakaz_zvonok{
    color: #ff0068;
    background-color: #fff;
    border: 1px solid #ff0068;
    border-radius: 10px;
}
.zakaz_zvonok:hover{
    color: #fff;
    background-color: #ff0068;
}
.otzyv_block{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.ostavit-otzyv:before{
    content: "+";
    font-size: 50px;
    font-weight: 700;
    color: #ff0068;
    margin: 0px 10px;
}
.ostavit-otzyv:hover::before{
    color: #fff;
}
.otzyv_block-head {
    text-align: center;
    width: 100%;
    background-color: #085f54;
    padding: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.otzyv_block-head-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 0 0;
}
.otzyv_block-phone-img {
    position: absolute;
    right: 75px;
    top: 15px;
    height: 20px;
}
.otzyv_block-screpka-img {
    position: absolute;
    right: 40px;
    top: 15px;
    height: 20px;
}
.otzyv_block-points-img {
    position: absolute;
    right: 15px;
    top: 15px;
    height: 20px;
}
.pink_menu{
    background-color: #FF0068;
    display: flex;
    justify-content: space-around;
    border-radius: 15px;
    padding: 5px;
    margin-top: -15px;
}
.border{
    color: #fff;
    text-decoration: none;
    user-select: none;
    background: #da6196c;
    padding: .7em 1.5em;
    outline: none;
}
.border:hover { background: rgb(232,95,76); }
.border:active { background: rgb(152,15,0); }

.border3{
    color: #fff;
    text-decoration: none;
    user-select: none;
    background: #da6196c; !important;

    outline: none;
}
.border3:hover {     background-color: red; }
.border3:active { background: rgb(152,15,0); }

.zagolovok{
    text-align:center;
    border-radius: 10px;
    margin-bottom: 2%;
    color: #FF0068;
    font-weight: 400;
    font-size: 32px;
    font-family: "ObelixProRegular";
}
.zagolovok2{
    text-align:left;
    border-radius: 10px;
    color: #000;
    font-weight: 400;
    font-size: 32px;
    font-family: "Noto Sans SC", sans-serif;
}

.ideal_variant{
    padding: 30px 0px;
    text-align: center;
}

.podb_ideal_variant{
    background-color: #FF0068;
    text-align:center;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: arial;
    padding: 5px;
}

.alphavit{
    padding: 20px 0px;
}
.alphavit a{
    text-decoration: underline;
}
.alphavit a:hover{
    color: #FF0068;
}
.alphavit div{
    padding-left: 20px;
}
.rost_kukla h3{
    font-family: "ObelixProRegular";
    color: #FF0068;
    text-align: center;
    font-weight: bold;
    padding: 20px 0px;
}
.rost_kukla p{
    text-align: center;
    padding: 0px 10px !important;
}

.footer_styles p{
    color: #FFFFFF;
    line-height: 140%;
}
.footer_styles li{
    color: #FFFFFF;
    line-height: 140%;
}
.footer_styles h4{
    color: #FFFFFF;
    line-height: 140%;
}
.footer_styles a{
    color: #FFFFFF;
}
.footer_styles a:hover{
    color: #FF0068;
}
.footer_styles ul{
    color: #FFFFFF;
    list-style-type: disc;
}
.footer_menu{
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
}
.footer_menu h4{
    text-align: left;
}
.footer_menu p a{
    color: #FFFFff;
    padding: 0px !important;
    line-height: 150%;
}
.footer_menu p a:hover{
    color: #FF0068;
    padding: 0px !important;
}
.footer_menu p{
    margin: 0px 0px;
}
.footer_styles ul{
    padding-left: 15px;
}
.mailLinkStyle{
    color: #000;
    margin-top: 20px;
}
.mailLinkStyle:hover{
    color: #FF0068;
}
h4{
    text-align: center;
}
.politika{
    color: #FFFFFF;
    text-decoration: none;
    border-bottom: 1px dashed #FF0068;
}

.slider__wrapper {
    position: relative;
    overflow: hidden;
}

.slider__items {
    display: flex;
    transition: transform 0.6s ease;
}

.slider__control {
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7%;
    color: #fff;
    text-align: center;
    height: 80%;
    transform: translateY(-50%);
}

.slider__control:hover,
.slider__control:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.slider__control_prev {
    left: 0;
}

.slider__control_next {
    right: 0;
}

.slider__control::before {
    content: '';
    display: inline-block;
    width: 65%;
    height: 65%;
    background: transparent no-repeat center center;
    background-size: 100% 100%;
}

.slider__control_prev::before {
    background-image: url("../images/strelka_left.png");
}

.slider__control_next::before {
    background-image: url("../images/strelka_right.png");
}

.zakazZvonokMBFooter{
    font-size: 16px;
    color: #FF0068;
    border-bottom: 1px dashed #FF0068;
    background-color: inherit;
    margin-top: 5px;
}
.footerMBAdress{
    font-size: 14px !important;
    font-weight: 500 !important;
}
.footerMBEmail{
    font-size: 14px;
    color: #FF0068;
    border-bottom: 1px dashed #FF0068;
    margin: 20px 0px;
}
.footerMBMenu{
    padding-left: 0px !important;
    line-height: 140%;
}
.footerMBMenu div{
    margin-bottom: 20px;
}
.footerMBMenu div:first-child{
    margin-top: 20px;
}
.underLine{
    padding-left: 15px;
    border-bottom: 1px solid #333;
    padding-top: 20px;
    padding-bottom: 20px;
}
.underLine div:first-child{
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
}
.underLine img{
    width: 10px;
}

.img-fluid {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

@font-face {
    font-family: 'Noto Sans SC';
    src: local('Noto Sans SC Thin'), local('Noto-Sans-SC-Thin'),
    url('../fonts/NotoSans/NotoSansSC-Thin-Alphabetic.woff2') format('woff2'),
    url('../fonts/NotoSans/NotoSansSC-Thin-Alphabetic.woff') format('woff'),
    url('../fonts/NotoSans/NotoSansSC-Thin-Alphabetic.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
.bottom-nav {
    clear: both;
    padding: 20px;
    text-align: center;
    margin: 26px 0px;
    width: 100%;
}
.nav-load {
    display: none;
    text-align: center;
}
.nav-load a {
    font-family: "Noto Sans SC",Sans-Serif;
    font-size: 22px;
    background-color: #ff0068;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    border: 2px solid #ff0068;
    border-radius: 4px;
    font-weight: 100;
}
.nav-load a:hover {
    background-color: transparent;
    color: #ff0068;
}
.nav-load span {display: none;}

.charak-block{
    padding: 2px 5px;
    padding-bottom: 15px;
}

.hit2{
    background-color: #fff;
}
.nalicie_short{
    padding: 0px 10px 15px 10px;
    height: 55px;
    vertical-align: top;
}
.shortBlock .kk{
    background: url(/templates/Karnaval2020/images/new_design_images/indiv-KK-22.png) no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    height: 172px !important;
}
.kontakty_in p{
    font-weight: 400;
}
.hotite{
    position: relative;
    top: -12px;
}
.okompanii_predost{
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 2%;
}
.hit_title_height{
    height: 80px;
}
.BlockOther-rkINrk{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f4f4f4;
}
.BlockMB-rkINrk{
    display: none;
}
.filter-title-position{
    padding-left: 0px !important;
}
.gallery{
    display:inline-block;
    background-size:auto 100%;
    background-position: 50% 50%;
}
.gallery img{
    opacity: 0;
    width: 100%;
    height: 100%;
}
.fullstory-img-size{
    width: 269px;
    height: 403px;
    border: 0px solid red;
}
.fullstory-img-size-one{
    width: 269px;
    height: 388px;
    border: 0px solid red;
}
.otzyvTextBlock{
    padding-left: 2px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: url("/templates/Karnaval2020/images/otzyv/whapp_bg.jpg") no-repeat;
    background-size: 100% auto;
    background-position: center;
    background-color: #fefefe;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.otzyvyButtons{
    display: flex;
    justify-content: center;
}
.otzyvyButtons .bolshe-otzyvov{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 30px;
    font-weight: 400;
    width: 302px;
    height: 50px;
    border: 2px solid #ff0068;
    background-color: transparent;
    color: #000;
    margin: 15px 35px;
    padding-right: 10px;
    border-radius: 15px;
    background: url(/templates/Karnaval2020/images/new_design_images/inst_rozov.png) no-repeat;
    background-position: 3% 50%;
    background-size: 35px;
}
.otzyvyButtons .bolshe-otzyvov:hover{
    color: #fff !important;
    background: url(/templates/Karnaval2020/images/new_design_images/inst_bely.png) no-repeat;
    background-color: #ff0068;
    background-position: 3% 50%;
    background-size: 35px;
}

.otzyvyButtons .ostavit-otzyv{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: 400;
    width: 302px;
    height: 50px;
    border: 2px solid #ff0068;
    background-color: transparent;
    color: #000;
    margin: 15px 35px;
    border-radius: 15px;
    background-position: 98% 50%;
    background-size: 35px;
}
.otzyvyButtons .ostavit-otzyv:hover{
    color: #fff !important;
    background-color: #ff0068;
    background-position: 98% 50%;
    background-size: 35px;
}
.is_whitelist ~ .inIzbr{
    display: block;
    margin-left: 30px;
    padding: 5px;
}
.is_whitelist ~ .toIzbr{
    display: none;
}
.not_whitelist ~ .inIzbr{
    display: none;
}
.not_whitelist ~ .toIzbr{
    display: block;
    margin-left: 30px;
    padding: 5px;
}
.whitelist {
    position: absolute;
    top: 16px;
    right: 16px;
}

.heartFullStory.whitelist {
    top: 0;
}

.close{
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    opacity: 1.2;
}

.akciyaBanner{
    width: 100%;
}
.footer_styles{
    background-color: #181818;
    padding-top: 1%;
    padding-bottom: 2%;
    font-family: Noto Sans SC, sans-serif;
}
.nalicie_kat{
    font-family: "Noto Sans SC", sans-serif;
    color: green;
    /*height: 21px;*/
    height: max-content;
    font-size: 19px;
    font-weight: 100;
    text-align: center;
}
.nalicie_kat2{
    height: 19px;
}
.nalicie_pod_zakaz_block_wrapper {
    width: 100%;
    height: auto;
    min-height: 40px;
}
.nalicie_pod_zakaz_block{
    text-align: center;
    line-height: 1.3;
}
.nalicie_pod_zakaz_block .nalicie_pod_zakaz,
.nalicie_pod_zakaz_block .nalicie_srok,
.nalicie_full_block .nalicie_pod_zakaz,
.nalicie_full_block .nalicie_srok{
    display: block;
    width: 100%;
}
.nalicie_pod_zakaz{
    color: #e67e00;
    font-size: 19px;
    line-height: 1;
}
.nalicie_srok{
    color: #666;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.3;
    margin-top: 2px;
}
.nalicie_full.nalicie_pod_zakaz{
    color: #e67e00;
    font-size: 16px;
    font-weight: 500;
    height: auto;
}
.nalicie_full.nalicie_srok{
    color: #666;
    font-size: 14px;
    height: auto;
    margin-top: 2px;
}
.is_whitelist{
    background: url(/templates/Karnaval2020/images/serdechkoRed2.png);
    background-size: 103%;
    width: 24px;
    height: 24px;
}
.not_whitelist{
    /*background: url(/templates/Karnaval2020/images/serdechkoGray2.png);*/
    background: url(/templates/Karnaval2020/images/serdechkoPink2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
}
.izbr_podrobnee .is_whitelist{
    width: 24px;
    height: 24px;
}
.izbr_podrobnee .not_whitelist{
    width: 24px;
    height: 24px;
}
.rostKuklyVrabote{
    padding: 25px 0px;
    font-size: 32px;
    font-weight: 400;
    color: #000;
    font-family: "Noto Sans SC", sans-serif;
}
.hochuDeshevleBlock form{
    width: 500px;
}
.VIB_Title{
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: center;
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 10px;
}
.hochuDeshevleH2{
    font-size: 36px;
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
}
.modal-dialog{
    width: 62%;
    max-width: 640px;
}
#modalZakaz3 .modal-dialog{
    width: 45%;
    max-width: 640px;
}
#modalZakaz4 .modal-dialog{
    width: 45%;
    max-width: 640px;
}
.content_block_white{
    background-color: #fff;
    height: 50px;
}
.ruletka-menu{
    display: flex;
    justify-content: space-around;
    padding: 10px 50px;
}
.ruletka-menu-tel{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 26px;
    font-weight: bold;
}
.ruletka-menu-tel a{
    margin: 5px 0px;
    color: #4a325c;
}
.ruletka-trubka{
    margin-right: 5px;
    width: 20px;
}
.ruletka-globus{
    margin-right: 5px;
    width: 23px;
}
.you-luck{
    font-size: 32px;
    font-weight: 700;
    color: #4a325c;
    margin: 40px 0px 60px 0px;
    text-align: center;
    line-height: 0.8;
}
#ruletka .modal-dialog{
    width: 100%;
    max-width: 100%;
    margin-right: -6px;
}
#ruletka .modal-dialog .modal-content{
    background-image: url(/templates/Karnaval2020/images/new_design_images/fon-ruletka2.jpg);
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
}
#ruletka .closeButtonPosition{
    top: 0px;
    right: 0px;
    margin: 20px;
    padding: 15px 80px;
    background: url(/templates/Karnaval2020/images/new_design_images/button-ruletka2.png) no-repeat 100%;
}
.ruletka-result{
    width: 70%;
    height: auto;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
}
.hours{
    color: #000;
    font-size: 24px;
    font-weight: 700;
    margin: 20px;
    z-index: 1;
    text-align: center;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.ruletka-result__block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}
.ruletka-result__info {
    width: 55%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.ruletka-result__image {
    width: 43%;
}
.ruletka-result__image img {
    width: 100%;
}

.your-win{
    color: #4c3160;
    font-size: 40px;
    font-weight: 700;
    margin: 20px;
    z-index: 1;
    line-height: 0.8;
}
.your-win-result{
    color: #d10764;
    font-size: 38px;
    font-weight: 400;
    margin: 20px;
    z-index: 1;
    line-height: 0.8;
    text-align: center;
}
.your-win-popravka{
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 20px;
    z-index: 1;
}
.ok-ruletka{
    width: 100%;
    height: 100%;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    z-index: 1;
}
.back-block{
    width: 100%;
    height: 100%;
    border: 1px solid white;
    position: absolute;
    background-color: #fff;
    z-index: 0;
}
.ruletka-arrow{
    position: absolute;
    top: -45px;
    width: 100px;
}
.ruletka-center{
    position: absolute;
    top: 345px;
}
.obrZvonokSize{
    width: 100%;
    margin: 0 auto;
}
.modal-content h2{
    color: #000;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}
#modalZakaz3 .modal-content h2{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}
.form-control{
    display: inline-block;
    min-height: 40px;
    font-size: 14px;
    width: 50%;
    margin: 5px 15px 15px 0px;
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    border-radius: 4px;
    font-weight: 300;
    box-shadow: none !important;
}
#modalZakaz3 .form-control {
    margin: 5px 0px 0px 0px;
}
.form-control:focusХ{
    border-color: #e5e5e5;
}
.help-block{
    margin-bottom: 25px;
}
.help-block .title2{
    color: #000;
    margin-bottom: 20px;
    font-size: 14px;
}
#modalZakaz3 .help-block .title2{
    color: #000;
    margin-bottom: 20px;
    font-size: 16px;
}
.label-zakaz-tel{
    font-weight: 600;
    margin-bottom: 0px;
    font-size: 14px;
}
.label-zakaz-tel::after {
    content: "*";
    color: #FF5722;
    margin-left: 3px;
}
#modalZakaz .modal-content .soglasie {
    font-size: 12px;
    text-align: left;
    margin: 15px 15px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.modal-content .soglasie.horizontal {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.modal-content .soglasie.horizontal input[type=checkbox] {
    margin: 0;
    margin-right: 10px;
}

#modalZakaz .modal-content .soglasie input[type=checkbox] {
    margin-right: 15px;
}

.fullstory_video_ttle_MB{
    display: none;
}
.otzyv{
    height: 20vw;
    background-color: #085f54;
}

.hit{
    display: block;
    text-align: center;
    padding-top: 20px;
}
.hit2{
    display: none;
    text-align: center;
    padding-top: 20px;
}
.BlockMB{
    display: none;
}
.BlockOther{
    display: block;
    text-align: center;
}
.BlockOther .obzory {
    text-align: center;
    margin-bottom: 60px;
}
.okompaniiTitle{
    font-size: 32px;
}
.top_padding{
    background: url(/templates/Karnaval2020/images/spec/fon.jpg) repeat-y;
    padding-top: 5px;
    padding-bottom: 20px;
}

.kupitFullstory{
    /*width: 31%;*/
    width: auto;
}
.kupitFullstory2{
    width: 45%;
}
.kupitFullstory3{
    width: 50%;
}
.modal-content{
    padding: 5% 5%;
}
.closeButtonPosition{
    top: -15px;
    right: -15px;
}
.VIB_Block{
    width: 100%;
    margin-bottom: 20px;
}
.VIB_Text{
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    text-align: left;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
    height: 105px;
    display: block;
    overflow: hidden;
}
.VIB_Links {
    align-self: flex-end;
    font-family: "Noto Sans SC", sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
    position: relative;
    text-decoration: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.VIB_Links::after {
    content: '';
    background: url(../images/arrow-more.png) no-repeat;
    background-position: center;
    margin-left: 20px;
    display: block;
    width: 30px;
    height: 20px;
}
.kontTel{
    font-size: 16px;
    font-weight: 600;
}
.modVideo{
    width: 100%;
    height: 600px;
}
.mozhet_ponadob{
    text-align: center;
    padding-bottom: 25px;
}
.mozhet_ponadob_title{
    font-size: 34px;
    font-weight: 300;
    display: block;
    margin-bottom: 15px;
}
.mozhet_ponadob .elementinrow{
    width: 25%;
}
canvas{
    border-radius:50%;
    background-color: #ffba20;
    padding: 20px;
}
#win2{
    display: none;
}

/*@chalma Стили телефонии*/

#but4:hover {
    cursor: pointer;
}
#but5 {
    background-color: transparent;
    border: 0px;
}
#but5:hover {
    cursor: pointer;
}

/*Анимация трубки*/

/*кнопка звонка*/

/*.callback-bt img {*/
/*    width: 100%;*/
/*    transition:.3s;*/
/*    line-height: 66px;*/
/*    transition: .5s ease-in-out;*/
/*}*/

/*.callback-bt img  {*/
/*    animation: 1200ms ease 0s normal none 1 running shake;*/
/*    animation-iteration-count: infinite;*/
/*    -webkit-animation: 1200ms ease 0s normal none 1 running shake;*/
/*    -webkit-animation-iteration-count: infinite;*/
/*}*/

@-webkit-keyframes hoverWave {
    0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
    }
    80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
    }
    100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
    }
}
@keyframes hoverWave {
     0% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
     }
     40% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
     }
     80% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
     }
     100% {
         box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
     }
 }

/* animations icon */

@keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
    10% {
        transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
    }
    20% {
        transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
    }
    30% {
        transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
    }
    40% {
        transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
    }
    50% {
        transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
    }
    60% {
        transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
    }
    70% {
        transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
    }
    80% {
        transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
    }
    90% {
        transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
    }
    100% {
        transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
    }
}
/* конец кнопки звонка */
/*конец анимации*/
.telfoniya {
    position: fixed;
    right: 10px;
    bottom: 70px;
    width: 300px;
    height: 400px;
    border: 1px solid #000;
    border-radius: 10px;
    background: url(/templates/Karnaval2020/images/telefoniya/tefoniaFon.png);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px 0px 0px;
}
.telfoniya img {
    width: 50%;
    position: absolute;
    top: 15px;
}
.telfoniya .telQuestion {
    color: #fff;
    font-size: 28px;
    margin: 10px 0px;
}
.telfoniya p {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    font-family: Arial;
    align-self: center;
}
.telfoniya form {
    width: 95%;
    display: flex;
    flex-direction: column;
    align-self: center;
    position: relative;
    top: 5px;
}
.telfoniya .dateTime {
    display: none;
    width: 100%;
}
.goodTimeText {
    display: none;
}
#back {
    display: none;
    text-align: center;
}
.telfoniya .dateTime select {
    width: 48%;
    margin-bottom: 5px;
    border-radius: 5px;
    height: 40px;
}
.telfoniya input {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 5px;
    height: 40px;
    border: 0px;
    font-size: 18px;
}
.telfoniya button {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 10px;
    height: 40px;
    border: 0px;
    background-color: #f20066;
    color: #fff;
    font-weight: 600;
}
.telfoniya a {
    width: 90%;
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    font-family: Arial;
    align-self: center;
    position: relative;
    top: 5px;
}

/*----- Модальное окно -----*/
#telfoniyaModal{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 5;
    display: none;
}
#telfoniyaModalOuter {
    position: relative;
    height: 100%;
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#telfoniyaModalOuterThankYou {
    display: none;
    position: relative;
    height: 100%;
    width: 70%;
}
#telfoniyaModalOuterThankYou > div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#telfoniyaModalOuterThankYou > div p {
    font-size: 16px;
}

#telfoniyaModalOuterThankYou2 {
    display: none;
    position: relative;
    height: 100%;
    width: 70%;
}
#telfoniyaModalOuterThankYou2 > div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#telfoniyaModalOuterThankYou2 > div p {
    font-size: 16px;
}

.thankYouClose {
    position: absolute;
    bottom: 20px;
}
#form1{
    position: absolute;
    top: 50%;
    left: 50%;
}
#telfoniyaModalClose {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 5px;
    color: #fff;
}
/*Конец стилей телефония*/
/*Стили для регистрации обучения*/
.learnPage {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.learnPage form {
    background-color: #ffffff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3%;
}
.learnRegBlock {
    display: flex;
    width: 100%;
}
.learnRegFirstBlock, .learnRegSecondBlock {
    width: 100%;
}
.learnRegBlock label {
    display: flex;
    align-items: center;
}
.learnRegBlock label p {
    margin: 0px 0px 0px 15px;
}
.choiceFirst {
    display: flex;
    width: 100%;
}
.choiceFirst div {
    width: 33.3%;
}
.choiceWork {
    display: none;
}
.choiceSecond {
    display: none;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.choiceSecond div {
    width: 100%;
    display: flex;
}
.choiceSecond div label{
    width: 33.3%;
}

.learnRegBlock label span {
    height: 13px;
    width: 13px;
    border: 1px solid gray;
    display: inline-block;
    position: relative;
    background-color:#FFF;
    border-radius:2px;
    padding:3px;
}
.learnRegBlock input:checked + span:before{
    content: '\2714';
    position: absolute;
    top: -5px;
    left: 0;
    font-size:13px;
    color:#FF0068;
}
.learnRegSecondBlock {
    display: flex;
    flex-direction: column;
}
.learnRegSecondBlock input {
    width: 80%;
    margin-bottom: 10px;
    height: 30px;
    border: 1px solid lightgray;
    border-radius: 5px;
}
.learnPage form button {
    padding: 10px 40px;
    background-color: #ff0068;
    font-size: 16px;
    border: 0px;
    border-radius: 10px;
    color: #fff;
}
/*Конец стилей для регистрации обучения*/
/*Стили для страницы обучения с Видео*/
.learnVideoPage {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.learnVideoBlock {
    width: 100%;
    background-color: #ffffff;
    padding: 3%;
    margin-bottom: 2%;
}
.learnVideoBlock.learnVideoBlockResult {
    background-color: #ececec;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.learnVideoBlockResult p {
    font-family: "Noto Sans SC", Sans-Serif;
    font-size: 24px;
    font-weight: 100;
}
.learnVideoBlockResult .sayAgain{
    font-size: 18px;
}
.learnVideoBlockResult a {
    border: 2px solid #76818a;
    padding: 10px 20px;
    color: #76818a;
    font-size: 16px;
    font-weight: 500;
}
.learnVideoBlock h3 {
    margin-bottom: 2%;
}
.learnInfo {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2%;
}
.learnVideo, .learnText {
    width: 50%;
}
.learnText {
    padding-left: 2%;
}
.learnText ul {
    padding-left: 4%;
}
.learnTest {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.learnTest .learnTestQuest .page{
    margin-bottom: 20px;
}
.learnTestQuest {
    width: 70%;
}
.learnTestQuest label {
    font-weight: 300;
}
.learnQuest {
    display: flex;
}

.learnQuest input {
    margin-right: 10px !important;
}
.learnTest .pageList {
    display: flex;
    justify-content: flex-start;
}
.learnTest .pageList span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 37px;
    height: 37px;
    font-size: 14px;
    color: #FF0068;
    border: 1px solid #ff0068;
    border-radius: 20px;
    margin-right: 15px;
    cursor: pointer;
}
.learnTabs.active{
    background-color: #ff0068;
    color: #fff !important;
}

.learnTestClose {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    margin: 2%;
}
.learnTestClose button {
    padding: 10px 20px;
    background-color: #ff0068;
    font-size: 16px;
    border: 0px;
    border-radius: 10px;
    color: #fff;
}
.learnTestClose a {
    padding: 10px 20px;
    background-color: #ff0068;
    font-size: 16px;
    border: 0px;
    border-radius: 10px;
    color: #fff;
}
/*Конец стилей для страницы обучения с Видео*/
.okompaniiPadd {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.okompaniiPadd img.fr-dii {
    width: 20px;
    margin-right: 10px;
}
.okompaniiPadd p {
    text-align: left;
}

/*Видео ютуб*/
.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    width: 35%;
    height: 20vw;
    min-width: 650px;
    min-height: 380px;
}

/*Видео VK — отложенная загрузка*/

.kontakty_in2 .youtube {
    width: 35%;
    height: 20vw;
    min-width: 650px;
    min-height: 380px;
}
.youtube .play,
.vk-video .play {
    background: url('/templates/Karnaval2020/images/play-button-100x100.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: center center;
    -webkit-background-size: auto;
    background-size: auto;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    height: 100%;
    width: 100%;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

.kontakty_in2 iframe {
    width: 100%;
    height: 25vw;
}

/*Новая форма в каталоге*/
.catalog-form {
    width: 100%;
    max-height: 745px;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.catalog-form-block {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.catalog-form-block .top-ball {
     position: absolute;
     left: 0;
     top: 0;
     width: 80px;
     height: auto;
}
.catalog-form-block .bottom-ball {
    position: absolute;
    right: -60px;
    bottom: 0;
    width: 110px;
    height: auto;
    z-index: 2;
}
.catalog-form-title {
    font-size: 32px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 10px;
}
.tabs {
    width: 425px;
}
.tabs>input[type="radio"] {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

.tabs>div {
    display: none;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
/*#tab-btn-1:checked~#content-1,*/
/*#tab-btn-2:checked~#content-2 {*/
/*    display: block;*/
/*    opacity: 1;*/
/*}*/

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

.tabs>label {
    width: 164px;
    padding: 10px 0px;
    text-align: center;
    display: inline-block;
    color: #d9d9d9;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
}
/*#tab-btn-1:checked+label,*/
/*#tab-btn-2:checked+label {*/
/*    color: #333;*/
/*}*/
.tabs>label::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background: #D9D9D9;
    position: relative;
    top: 1px;
}

#tab-btn-1-label.checked,
#tab-btn-2-label.checked{
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

/*#tab-btn-1:checked+label::after,*/
/*#tab-btn-2:checked+label::after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 4px;*/
/*    border-radius: 2px;*/
/*    background: #000000;*/
/*    position: static;*/
/*}*/

#tab-btn-1-label.checked::after,
#tab-btn-2-label.checked::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #000000;
    position: static;
}

.tabs>label:not(:first-of-type) {
    border-left: none;
}

/*.tabs>input[type="radio"]:checked+label {*/
/*    background-color: #fff;*/
/*    border-bottom: 1px solid #fff;*/
/*}*/

.catalog-form-block form {
    height: max-content;
    padding: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.catalog-form-name,
.catalog-form-tel,
.catalog-form-text-label {
    color: #323232;
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
}
.catalog-form-block form input {
    width: 100%;
    padding: 10px 10px 10px 16px;
    border-radius: 14px;
    border: 2px solid #D9D9D9;
    color: #757575;
    font-size: 18px;
    font-weight: 400;
}
.catalog-form-block form textarea {
    width: 100%;
    height: 170px;
    border-radius: 14px;
    border: 2px solid #D9D9D9;
    box-sizing: border-box;
    padding: 20px 10px 10px 16px;
    margin-bottom: 10px;
}
.catalog-form-btns {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catalog-form-btns button.indivZakaz {
    width: 50%;
    height: 40px;
    border-radius: 14px;
    border: 2px solid #EA336A;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #EA336A;
    font-size: 14px;
    background: #ffffff;
}

.cnt {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.cnt input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #EA336A;
}

/* On mouse-over, add a grey background color */
.cnt:hover input ~ .checkmark {
    background-color: #EA336A;
}

/* When the checkbox is checked, add a blue background */
.cnt input:checked ~ .checkmark {
    background-color: #EA336A;
}
.cnt [type=checkbox]:checked + span:before {
    color: #fff;
    width: 20px;
    height: 20px;
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.catalog-form .pravila-servisa-short {
    font-size: 14px;
    text-align: left;
}
.catalog-form .pravila-servisa-short a {
    color: #FF0068;
    font-size: 14px;
}
.or-call-us {
    margin: 10px 0;
    font-size: 14px;
    color: #323232;
}
.or-call-us a {
    color: #EA336A;
}
.or-call-us a:hover {
    text-decoration: underline;
}

.catalog-form-image-block {
    width: 53%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    overflow: hidden;
    max-height: 900px;
}
.catalog-form-image-block .wave-image {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.catalog-form-image-block .animal-image {
    width: 100%;
    height: auto;

}
/*конец новой формы каталога*/

/*волны на конце старниц*/
/*конец волн на конце старниц*/

/*Карты в контактах*/

/*Страница ростовые куклы*/
.rk-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 15px 10px;
    border-radius: 20px;
    background: #FFF;
}
.slide-name-rk {
    color: #000;
    text-align: center;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 103.4%;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    display: block;
    height: 52px;
}
.rk-slide img {
    border-radius: 20px;
    margin-bottom: 15px;
}
.slide-text-rk {
    color: #000;
    text-align: center;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 103.4%;
    margin: 0;
    padding: 0;
    min-height: 50px;
}
.our_work .lSAction > a > img {
    display: none;
}
.our_work .lSAction > a {
    width: 60px;
}
.our_work .lSAction > .lSNext {
    right: -65px;
}
.our_work .lSAction > .lSPrev {
    left: -65px;
}
.our_work .lSAction > a::after {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    background: url(../images/next-white.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.our_work .lSAction > a.lSPrev::after {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    background: url(../images/prev-white.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.kukly-v-rabote .lSAction > a > img {
    display: none;
}
.kukly-v-rabote .lSAction > a {
    width: 60px;
}
.kukly-v-rabote .lSAction > .lSNext {
    right: -65px;
}
.kukly-v-rabote .lSAction > .lSPrev {
    left: -65px;
}
.kukly-v-rabote .lSAction > a::after {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    background: url(../images/next-white.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.kukly-v-rabote .lSAction > a.lSPrev::after {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    background: url(../images/prev-white.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

/*Статьи ростовые куклы*/
.article-page {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 60px;
}
.article-page__text {
    width: 100%;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 26px;
    line-height: 36px;
}
.article-page__youtube {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.article-page__youtube .youtube {
    width: 100%;
    height: 100%;
    min-width: 1px;
    min-height: 250px;
    background-image: none;
}
.article-page__youtube .youtube .play {
    background: none;
}
.article-page__youtube .how-make__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.article-page__youtube iframe {
    width: 100%;
    height: 30vw;
    min-height: 300px;
}
/*Конец статьи ростовые куклы*/

/*Новое колесо фортуны*/
.fortune-wheel {
    width: 100%;
}
.fortune-wheel__head {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fortune-wheel__logo {
    width: 150px;
    height: auto;
}
.fortune-wheel__logo img {
    width: 100%;
    height: auto;
}
.fortune-wheel__feedback {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.fortune-wheel__feedback-phone {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 10px;
    color: #000000;
}
.fortune-wheel__feedback-link {
    font-size: 24px;
    line-height: 1;
    color: #000000;
}

.fortune-wheel__body {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.fortune-wheel__body.hidden {
    display: none;
}
.fortune-wheel__info {
    width: 100%;
    position: relative;
}
.fortune-wheel__title {
    font-size: 130px;
    line-height: 1;
    color: #000000;
    margin-bottom: 20px;
    text-align: left;
    z-index: 1;
    position: relative;
}
.fortune-wheel__description {
    width: 100%;
    max-width: 1040px;
    margin-bottom: 50px;
    font-size: 70px;
    line-height: 1;
    color: #000000;
    text-align: left;
    z-index: 1;
    position: relative;
}
.fortune-wheel__description span {
    color: #F10266;
}
.fortune-wheel__btn {
    width: 330px;
    height: 100px;
    border-radius: 60px;
    background: #F10266;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 40px;
    border: 0px;
    z-index: 1;
    position: relative;
}

.fortune-wheel__widget {
    display: none;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.fortune-wheel__widget.open {
    display: flex;
}
.fortune-wheel__image {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
    max-width: 100%;
}
.fortune-wheel__image.mob {
    display: none;
}

.fortune-wheel__terms {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    margin-top: 50px;
    z-index: 1;
}
.fortune-wheel__terms-title {
    color: #000000;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
}
.fortune-wheel__terms-text {
    color: #000000;
    font-size: 16px;
    text-align: left;
}

.fortune-wheel__modal {
    width: 100%;
    max-width: 1500px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #F10266;
    border-radius: 30px;
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    padding: 117px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: all .3s;
    z-index: 2;
}
.fortune-wheel__modal.hidden {
    top: -9999px;
}
.fortune-wheel__modal-close {
    width: 48px;
    height: 48px;
    background: transparent;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 40px;
}
.fortune-wheel__modal-close img {
    width: 100%;
    height: auto;
}
.fortune-wheel__modal-title {
    color: #000000;
    font-size: 40px;
    line-height: 1;
    max-width: 828px;
    margin-bottom: 60px;
    text-align: center;
}
.fortune-wheel__modal-form {
    width: 100%;
    max-width: 624px;
}
.fortune-wheel__modal-input {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 40px;
    margin-bottom: 5px;
    color: #727272;
    font-size: 24px;
    line-height: 1;
    border: 2px solid #F10266;
    border-radius: 60px;
}
.fortune-wheel__modal-input + span {
    font-size: 12px;
    margin-bottom: 40px;
    text-align: left;
    color: red;
    opacity: 0;
    display: block;
    padding-left: 30px;
}
.fortune-wheel__modal-input.empty {
    border: 2px solid red;
    color: red;
}
.fortune-wheel__modal-input.empty + span {
    opacity: 1;
}
.fortune-wheel__modal-form .form-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100px;
    margin-bottom: 5px;
    color: #727272;
    font-size: 24px;
    line-height: 1;
    border: 2px solid #F10266;
    border-radius: 60px;
    overflow: hidden;
}

.fortune-wheel__modal-form .form-group + span {
    font-size: 12px;
    margin-bottom: 40px;
    text-align: left;
    color: red;
    opacity: 0;
    display: block;
    padding-left: 30px;
}
.fortune-wheel__modal-form .form-group.empty + span {
    opacity: 1;
}

.fortune-wheel__modal-btn {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F10266;
    border: 0px;
    border-radius: 60px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
}

.fortune-wheel__modal-form .form-group select {
    color: #727272;
    font-size: 24px;
    line-height: 1;
    width: 115px;
    border: 0;
    outline: none;
}
.fortune-wheel__modal-form .form-group input {
    border: 0;
    outline: none;
    border-bottom: 1px solid #727272;
    width: 275px;
}
.fortune-wheel__modal-form .form-group input:active,
.fortune-wheel__modal-form .form-group input:focus {
    border-bottom: 0px solid #727272;
}

/*конец нового колеса фортуны*/

.mobile-video {
    display: none;
}

.soglasieTel {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
}
.soglasieTel input[type=checkbox] {
    width: 10px;
    height: max-content;
    margin: 0;
    margin-right: 10px;
}

.soglasieTelText {
    display: inline-block;
}
.soglasieTelText,
.soglasieTelText a {
    font-size: 10px;
    font-weight: 100;
    font-family: Arial;
    align-self: center;
    top: 0;
    color: #ffffff;
}

/* Cookie */

/*Баннер в фулстори*/

.fullstory-banner {
    width: 100%;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.fullstory-banner__image {
    width: auto;
    height: auto;
    max-width: 100%;
}

/*Баннер на главной и в карточке товара*/
#modalZakazBanner .modal-dialog,
#modalZakazMainBanner .modal-dialog {
    width: 90%;
    max-width: 1240px;
}

#modalZakazBanner .modal-content,
#modalZakazMainBanner .modal-content {
    background: #FFDD2D;
    border: 1px solid #FFDD2D;
    border-radius: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

#modalZakazMainBanner .modal-content {
    background: #ffffff;
    border: 1px solid #000000;
}

#modalZakazBanner .modal-content h2,
#modalZakazMainBanner .modal-content h2 {
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 60px;
    line-height: 100%;
    vertical-align: middle;
    margin-bottom: 37px;
}

#modalZakazMainBanner .modal-content h2 {
    font-size: 40px;
}

#modalZakazBanner .modal-content form,
#modalZakazMainBanner .modal-content form {
    width: 100%;
    max-width: 706px;
}

#modalZakazBanner .modal-content button.close,
#modalZakazMainBanner .modal-content button.close {
    position: absolute;
    right: 40px;
    top: 40px;
    opacity: 1;
}

#modalZakazBanner .modal-content .form-control,
#modalZakazMainBanner .modal-content .form-control {
    width: 100%;
    height: 71px;
    border-radius: 20px;
    border: 0px;
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #000000;
    padding-left: 26px;
}

#modalZakazMainBanner .modal-content .form-control {
    background: #F4F4F4;
}

#modalZakazBanner .modal-content .zakaz_form,
#modalZakazMainBanner .modal-content .zakaz_form {
    width: 100%;
    height: 71px;
    border-radius: 20px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #000000;
}

#modalZakazMainBanner .modal-content .zakaz_form {
    background: #FF0068;
    color: #ffffff;
}

#modalZakazBanner .modal-content .zakaz_form:hover,
#modalZakazMainBanner .modal-content .zakaz_form:hover {
    color: #000000;
}

#modalZakazBanner .modal-content .soglasie.horizontal,
#modalZakazMainBanner .modal-content .soglasie.horizontal {
    align-items: center;
    font-family: Gotham Pro;
}

#modalZakazBanner .modal-content .soglasie.horizontal input[type=checkbox],
#modalZakazMainBanner .modal-content .soglasie.horizontal input[type=checkbox] {
    width: 24px;
    height: 24px;
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.catalog-similar {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    display: none;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    overflow-x: auto;
}
.catalog-similar__link {
    font-family: Gotham Pro;
    font-weight: 400;
    font-size: 6px;
    line-height: 200%;
    background: transparent;
    padding: 4px 5px;
    border-radius: 10px;
}
.catalog-similar__link.active {
    background: rgba(244, 244, 244, 1);
}

.no-found-images {
    width: 100%;
    height: auto;
}

.recommendations__body {
    width: 100%;
    margin: 20px 0;
}

.recommendations {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.recommendations__name {
    font-family: Gotham Pro;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
}

.recommendations__link {
    width: 48%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #F4F4F4;
    border-radius: 10px;
    padding: 0 15px;
    box-sizing: border-box;
}

.recommendations__image {
    margin-right: 24px;
}

.recommendations__title {
    font-size: 10px;
}

.contacts__item a.sitemap-link {
    text-decoration: underline;
    margin-top: 15px;
}

#fullsearch {
     position: relative;
}

/* Новые сой сети*/

.formFeedback.no-active {
    opacity: 0;
    pointer-events: none; /* также блокирует взаимодействие с формой */
}

.modal-content__socials {
    width: 100%;
    /*height: 436px;*/
    height: auto;
    position: relative;
    padding: 0 5%;
    overflow: hidden;
}

.modalSpasibo img.modal-content__socials-image {
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
}

.modalSpasibo img.modal-content__socials-image.modal-content__socials-image--footnote {
    width: 8px;
    height: auto;
    position: absolute;
    right: -3px;
    top: -4px;
}

.modalSpasibo img.modal-content__socials-image.modal-content__socials-image--purple {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(50%);
    z-index: 0;
}

.modal-content.modalSpasibo {
    padding: 0;
    padding-top: 5%;
}

#modalSpasiboZaZayavku .close {
    top: -15px;
    right: 15px;
}

#modalSpasiboZaZayavku .spasibo-za {
    padding: 0 5%;
}

#modalSpasiboZaZayavku .vach-meneger {
    padding: 0 5%;
}

.modal-content__socials-inner {
    position: absolute;
    top: 30px;
    right: 90px;
    border: 0px solid red;
    width: 150px;
    z-index: 1;
}

.modal-content__socials-inner-title {
    color: #999;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: "Noto Sans SC", sans-serif;
    text-align: center;
    line-height: 1.2;
}

.modal-content__socials-inner-title.modal-content__socials-inner-title--down {
    padding: 0 20px;
}

.modal-content__socials-items {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 5px;
    margin-bottom: 20px;
    justify-content: center;
}

.modal-content__socials-item {
    /*width: 50px;*/
    height: auto;
    position: relative;
}

.modal-content__socials-footnote {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4px;
    font-size: 8px;
    color: #c572dd;
    padding: 0 20px;
    opacity: 0.5;
}

.modal-content__socials-footnote::before {
    content: '';
    display: block;
    width: 16px;
    height: 8px;
    background-image: url(/templates/Karnaval2020/images/spasibo/asterisk.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.modal-content__socials-phone {
    color: #000000;
    font-size: 21px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    position: absolute;
    right: 15px;
    bottom: 15px;
}


/* стили для подгрузки youtube*/
/* Web: http://labnol.org/?p=27941 */
.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 5px;
}

.youtube-player iframe,
.youtube-player object,
.youtube-player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}

.youtube-player .play {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("//i.imgur.com/TxzC70f.png") no-repeat;
    cursor: pointer;
}
.cards{
    width: 98%;
    display: flex;
    justify-content: space-around;
}
.cards img{
    width: 48%;
}
.cards2{
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
}
.cards2 img{
    height: 30px;
    width: 49%;
}
.cards3 img{
    width: 45%;
}

.btn-cart-toggle {
    font-family: Gotham Pro, sans-serif;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    width: 170px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #FF0068;
    background: #fff;
    cursor: pointer;
    padding: 0;
}
.btn-cart-toggle:hover,
.btn-cart-toggle.in_cart {
    color: #ffffff;
    background-color: #ff0068;
}
.btn-cart-toggle .btn-cart-remove {
    display: none;
}
.btn-cart-toggle.in_cart .btn-cart-add {
    display: none;
}
.btn-cart-toggle.in_cart .btn-cart-remove {
    display: inline;
}



.btn-cart-full {
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
    color: #ff0068;
    border: 1px solid #ff0068;
    font-weight: 500;
    background-color: #fff;
    padding: 10px 40px;
    /*margin: 5px;*/
    border-radius: 20px;
    width: auto;
    height: auto;
}
.btn-cart-full:hover,
.btn-cart-full.in_cart {
    color: #fff;
    background-color: #ff0068;
}
.modal-cart-dialog {
    max-width: 560px;
    width: 100%;
}
.cart-modal-content {
    padding: 20px 24px 24px;
    position: relative;
}
.cart-items-list {
    max-height: 360px;
    overflow-y: auto;
    margin: 16px 0;
}
.cart-empty-msg {
    text-align: center;
    padding: 24px 0;
    color: #666;
    font-size: 16px;
}
.cart-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}
.cart-item__img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}
.cart-item__img--empty {
    background: #f4f4f4;
}
.cart-item__info {
    flex: 1;
    min-width: 0;
}
.cart-item__title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    margin-bottom: 4px;
}
.cart-item__title:hover {
    color: #ff0068;
}
.cart-item__meta {
    font-size: 12px;
    color: #888;
}
.cart-item__price {
    font-size: 14px;
    font-weight: 600;
    margin-top: 4px;
}
.cart-item__remove {
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 4px 14px;

    color: #ffffff;
    background-color: #ff0068;
    font-family: Gotham Pro, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    width: auto;
    max-width: 100%;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #FF0068;
    cursor: pointer;
    padding: 0 20px;
}
.cart-item__remove:hover {
    /*color: #ff0068;*/
}
.cart-page {
    /*max-width: 720px;*/
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0 40px;
    flex-direction: column;
}

#dle-content>div.content_block_gray.cart-page {
    align-items: center;
}

.cart-page__title {
    font-family: Gotham Pro, sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
}
.cart-items-list--page {
    max-height: none;
}
.cart-actions--page {
    margin-top: 20px;
}
.cart-actions {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 8px;
}
.cart-btn {
    font-family: Gotham Pro, sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #ff0068;
}
.cart-btn-clear {
    background: #fff;
    color: #333;
}
.cart-btn-clear:hover {
    background: #f4f4f4;
}
.cart-btn-checkout {
    background: #ff0068;
    color: #fff;
    flex: 1;
    min-width: 160px;
}
.cart-btn-checkout:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.izbr_podrobnee .btn-cart-toggle {
    margin: 0 auto;
}

/* ===== from main.css (global footer/header utils) ===== */
.contacts {
    width: 100%;
    height: max-content;
    background: #1d1c21;
    padding: 70px 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.contacts__title {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 88px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 55px;
}

.contacts__list {
    width: 100%;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 100px;
}

.contacts__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.contacts__item span,
.contacts__item a {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    text-decoration: none;
}

.contacts__item span:first-child {
    font-size: 16px;
}

.contacts__map {
    width: 100%;
    max-width: 1110px;
    margin-bottom: 70px;
}

.contacts__footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contacts__footer.contacts__footer--politics {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1400px;
    margin-bottom: 20px;
}

.contacts__footer a {
    margin-right: 55px;
}

.contacts__footer a img {
    width: 210px;
    height: auto;
}

.contacts__footer-addr {
    max-width: 490px;
}

.copy-tooltip {
    position: fixed;
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    pointer-events: none;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.2s;
    white-space: nowrap;
}

.contacts__map {
        max-width: 900px;
    }


.contacts__map {
        display: none;
    }


.contacts__footer a {
    margin-bottom: 20px;
}

#filter-collapse span {
    font-size: 26px;
    font-weight: 500;
}
#filter-collapse img {
    width: 20px;
    margin-top: -5px;
}
.strelka {
    margin-left: 10px;
}
.rotate img.strelka {
    transform: rotate(180deg);
}

.zagolovokOplata {
    text-align:center;
    color: #000;
    font-size: 32px;
    font-weight: 400;
    font-family: "Noto Sans SC", sans-serif;
}

.callback-bt {
    border-radius:50%;
    cursor:pointer;
    position: fixed;
    right: 15px;
    bottom: 75px;
    z-index:1;
    transition:.3s;
}
.callback-bt .text-call {
    height:60px;
    width:60px;
    border-radius:50%;
    position:relative;
}
.callback-bt #butPhone {
    width: 100%;
    transition: .5s ease-in-out;
    line-height: 66px;
    display: none;
}
.callback-bt #butPhone.socials--open {
    display: block;
}
.callback-bt #butPhone {
    animation: 800ms ease 0s normal none 1 running shake;
    animation-iteration-count: infinite;
    -webkit-animation: 800ms ease 0s normal none 1 running shake;
    -webkit-animation-iteration-count: infinite;
}
.socials {
    position: fixed;
    right: 4%;
    bottom: 15%;
    z-index: 11;
    display: none;
}
.socials__default, .socials__close {
    width: 60px;
    height: auto;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.3s;
}
.socials__default.socials--open, .socials__close.socials--open {
    opacity: 1;
    z-index: 1;
}
.socials__items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    position: absolute;
    right: 0;
    bottom: 65px;
    gap: 10px;
    height: 0px;
    overflow: hidden;
    transition: all 0.3s;
    border-radius: 24px;
}
.socials__items.socials__items--open {
    height: 320px;
}
.socials__item-image {
    width: 55px;
    height: auto;
}
.cookie-block {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1000px;
    background: #ffffff;
    z-index: 999999;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px 40px;
    border-radius: 10px;
}
.cookie-block__wrapper {
    width: 100%;
    background: #bfbfbf;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}
.cookie-block__wrapper .ok {
    padding: 5px 20px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    background: #ff0068;
    border: 1px solid #ff0068;
    color: #ffffff;
}
.cookie-block__wrapper a {
    color: #ff0068;
}

.toplink {
    z-index: 101;
    position: fixed;
    right: 1%;
    bottom: 2%;
}

.toplink img {
    width: 50px;
}

.btn_yellow {
    background: #fbe284 !important;
    padding: 1.00vw 2.5vw 1.00vw 2.5vw;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px !important;
    font-family: arial !important;
    letter-spacing: 0.104vw;
    -webkit-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
    -moz-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
    box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
    -webkit-border-radius: 0.5208333333333333VW;
    -moz-border-radius: 0.5208333333333333VW;
    border-radius: 0.5208333333333333VW;
    cursor: pointer;
    position: relative;
}
.btn_gray {
    width: 20%;
    background: #dfd7e2 !important;
    font-size: 18px;
    letter-spacing: 0.104vw;
    -webkit-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
    -moz-box-shadow: 0 0.417vw 0 #cdb862, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
    box-shadow: 0 0.417vw 0 #bfb9c2, 0 1.875vw 1.51vw -0.9375vw rgba(0,0,0,.2);
    -webkit-border-radius: 0.5208333333333333VW;
    -moz-border-radius: 0.5208333333333333VW;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
}
.btn__highlight {
    width: 100%;
    height: 100%;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}
.btn__highlight:before, .btn__highlight:after {
    background: rgba(255,255,255,.8);
    content: '';
    width: 2.083vw;
    position: absolute;
    left: -9.375vw;
    top: -4.167vw;
    bottom: -4.167vw;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    pointer-events: none;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.btn__highlight:before {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    -moz-animation-name: slideme;
    -o-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.btn__highlight:hover:after {
    margin-left: 4.167vw;
    left: 100%;
}
.btn__highlight:hover:before {
    visibility: hidden;
}
.btn_yellow:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 #cdb862;
    -moz-box-shadow: 0 0 0 #cdb862;
    box-shadow: 0 0 0 #cdb862;
    -moz-transform: translateY(3px); /* Для Firefox */ -ms-transform: translateY(3px); /* Для IE */ -webkit-transform: translateY(3px); /* Для Safari, Chrome, iOS */ -o-transform: translateY(3px); /* Для Opera */ transform: translateY(3px);
}
.btn_gray:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 #cdb862;
    -moz-box-shadow: 0 0 0 #cdb862;
    box-shadow: 0 0 0 #cdb862;
    -moz-transform: translateY(3px); /* Для Firefox */ -ms-transform: translateY(3px); /* Для IE */ -webkit-transform: translateY(3px); /* Для Safari, Chrome, iOS */ -o-transform: translateY(3px); /* Для Opera */ transform: translateY(3px);
}
.btn__icon {
    height: auto;
    position: relative;
    z-index: 1;
}
.btn__icon_1 {
    width: 7.5vw;
    min-width: 7.5vw;
    margin: -3.385vw 1.042vw -2.813vw -1.927vw;
}
.btn__text {
    white-space: nowrap;
    position: relative;
    top: -4px;
    z-index: 1;
    color: #000;
}

.alphabet_title {
    font-size: 32px !important;
    color: #000;
    font-family: "Noto Sans SC", sans-serif;
    font-weight: 400;
    margin: 0 auto;
}
.video_width_full {
    width: 660px;
    height: 350px;
}
.content_block_gray {
    background-color: #F4f4f4;
    position: relative;
}
.videoBlock {
    width: 100%;
    margin-bottom: 2px;
}
.videoBlocktitle {
    width: 100%;
    color: #000;
    text-align: center;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 103.4%;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    display: block;
}
.videoBlockOut {
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.videoBlockParrent {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.panel-title {
    font-family: "ObelixProRegular";
    color: #FF0068;
    text-align: center;
    text-decoration: none;
    font-size: 32px;
}
.alphabet_block {
    /*display: flex;*/
}
.videoBlockParrent .videoBlockPrevParrent {
    width: 49%;
    box-sizing: border-box;
    display: block;
}
.bg_white {
    background-color: #fff;
}
.bg_gray {
    background-color: #f4f4f4;
}
.zagolovokOplata h1 {
    margin: 20px 0px 15px 0px !important;
    font-size: 32px;
}
#but1:hover {
    cursor: pointer;
}
.vk-video {
    background: #000;
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.white-popup-block iframe {
    width: 50%;
    height: 25vw;
}
#content-slider-rost-kukly4 li {
    height: auto;
}
.kontakty__maps {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.kontakty__map {
    width: 100%;
    margin-bottom: 30px;
}
.kontakty__map-addr {
    color: #000000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 20px 0px 30px 0px;
}
.kukly-v-rabote .content-slider li {
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    padding: 20px;
}
.kukly-v-rabote .content-slider li img {
    border-radius: 20px;
    margin-bottom: 15px;
}
.kukly-v-rabote .content-slider li .name {
    color: #000;
    text-align: center;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 103.4%;
    margin: 0;
    padding: 0;
    min-height: 50px;
}

/* Страница 404 */
.error-page {
    width: 100%;
    height: calc(100vh - 161px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.error-page__title {
    font-size: 126px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 68px;
}
.error-page__subtitle {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 40px;
}
.error-page__link {
    width: 250px;
    height: 50px;
    font-size: 26px;
    line-height: 100%;
    color: #ffffff;
    font-weight: 400;
    background-color: #FF0068;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.error-page__link:hover {
    color: #ffffff;
    background-color: #FF0068;
}

/* Все категории*/
.all-categories {
    text-align: center;
    background-color: #ffffff;
    width: 100%;
    padding: 40px 10px;
}
.all-categories__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 18px;
    text-align: left;
    color: #000000;
}
.all-categories__list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px;
}
.all-categories__item {
    font-size: 14px;
    line-height: 150%;
    padding: 10px;
    background: #F4F4F4;
    border-radius: 10px;
}
#adaptive-o-kompanii-karousel {
    opacity: 0;
}
#adaptive-o-kompanii-karousel.onSliderLoad {
    opacity: 1;
}

.element2.element2--izbrannoe .nalicie_short {
    min-height: 55px;
    display: block;
}

/*модалка спасибо за азявку - новые стили*/
#modalSpasiboZaZayavku .modal-content button.close img:last-child {
    display: none;
}
#modalSpasiboZaZayavku .modal-content button.close:hover img {
    display: none;
}
#modalSpasiboZaZayavku .modal-content button.close:hover img:last-child {
    display: block;
}
#modalSpasiboZaZayavku .modal-dialog {
    width: 90%;
    max-width: 1240px;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}
#modalSpasiboZaZayavku .modal-dialog {
    max-width: 900px;
}
#modalSpasiboZaZayavku .modal-content {
    background: #FFDD2D;
    border: 1px solid #FFDD2D;
    border-radius: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 5%;
    width: 100%;
}
#modalSpasiboZaZayavku .modal-content {
    background: #ffffff;
    border: 1px solid #000000;
    overflow: hidden;
    padding: 0;
    border-radius: 34px;
}

#modalSpasiboZaZayavku .close {
    position: absolute;
    right: 31px;
    top: 31px;
    z-index: 2;
}

#modalSpasiboZaZayavku .modal-content button.close:hover {
    background-color: transparent;
}

#modalSpasiboZaZayavku .modal-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

#modalSpasiboZaZayavku .modal-content img.modal-bg-image-spasibo {
    width: auto;
    max-width: 40%;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: right bottom;
    position: absolute;
    right: 0;
    bottom: 0;
}

.modal-content-spasibo {
    width: 60%;
    height: 100%;
    padding: 100px 0 15px 100px;
    min-width: 0;
    box-sizing: border-box;
}

.modal-content-spasibo__title {
    font-family: Montserrat;
    width: 100%;
    text-align: center;
    font-size: 80px;
    line-height: 1;
    color: #000;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-weight: 500;
}
.modal-content-spasibo__subtitle {
    font-family: Montserrat;
    width: 100%;
    text-align: center;
    font-size: 32px;
    line-height: 2;
    color: #000;
    margin-bottom: 22px;
}
.modal-content-spasibo__description {
    font-family: Montserrat;
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 1;
    color: #ABABAB;
    margin-bottom: 35px;
}

.modal-content-spasibo__link {
    font-family: Montserrat;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    max-width: 775px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #FF0068;
    border-radius: 100px;
    color: #FF0068;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    margin-bottom: 60px;
}

.modal-content-spasibo__socilals {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 12px;
}

.modal-content__socials-item {
    position: relative;
    width: auto;
}

.modal-content__socials-item img {
    width: 60px;
    height: auto;
}

.modal-content-spasibo__socilals-description {
    font-family: Montserrat;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 34px;
}

.modal-content-spasibo__phone {
    text-decoration: none;
    font-size: 43px;
    line-height: 2;
    color: #984FEB;
    font-family: Montserrat;
    width: max-content;
    margin: 0 auto;
    display: block;
}

#modalSpasiboZaZayavku > div {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.element2__title-wrapper {
    height: 80px;
    padding-top: 24px;
    vertical-align: top;
}

/* Одинаковая высота карточек каталога при названиях до трех строк */
@media (min-width: 768px) {
    .element2__title-wrapper {
        height: 96px;
    }

    .element2__title-wrapper .tovar_title {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }
}


@media (max-width: 991px) {
    body.modal-open {
        padding-right: 0 !important;
    }
    #modalSpasiboZaZayavku.modal {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }
    #modalSpasiboZaZayavku.modal.in {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    #modalSpasiboZaZayavku .modal-dialog {
        width: calc(100% - 24px) !important;
        margin: 16px auto !important;
        min-width: 0 !important;
        transform: none !important;
    }
    #modalSpasiboZaZayavku .modal-content,
    #modalSpasiboZaZayavku .modal-content.modalSpasibo {
        flex-direction: column !important;
        border-radius: 20px !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    #modalSpasiboZaZayavku .modal-content img.modal-bg-image-spasibo {
        display: none;
    }
    #modalSpasiboZaZayavku .close {
        right: 12px;
        top: 12px;
    }
    #modalSpasiboZaZayavku .modal-content-spasibo {
        width: 100% !important;
        padding: 48px 20px 24px !important;
        min-width: 0 !important;
    }
    #modalSpasiboZaZayavku .modal-content-spasibo__title {
        font-size: 36px;
    }
    #modalSpasiboZaZayavku .modal-content-spasibo__subtitle {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    #modalSpasiboZaZayavku .modal-content-spasibo__description {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 20px;
    }
    #modalSpasiboZaZayavku .modal-content-spasibo__link {
        height: 52px;
        font-size: 16px;
        margin-bottom: 24px;
    }
    #modalSpasiboZaZayavku .modal-content-spasibo__socilals {
        gap: 12px;
    }
    #modalSpasiboZaZayavku .modal-content__socials-item img,
    #modalSpasiboZaZayavku .modal-content-spasibo__socilals-image {
        /*width: 40px !important;*/
        /*height: 40px !important;*/
    }
    #modalSpasiboZaZayavku .modal-content-spasibo__socilals-description {
        font-size: 11px;
        margin-bottom: 16px;
    }
    #modalSpasiboZaZayavku .modal-content-spasibo__phone {
        font-size: 22px;
        line-height: 1.3;
        width: 100%;
        text-align: center;
    }
}


@media (max-width: 1799px) {
    #modalZakazMainBannerBusines .modal-content{
        padding: 3% 5%;
    }
    #modalSpasiboZaZayavku .modal-content {
        padding: 0 5%;
    }

    .modal-content-spasibo {
        padding: 60px 0 15px 30px;
    }
    .modal-content-spasibo__link {
        margin-bottom: 30px;
    }
    .modal-content__socials-item img {
        width: 70px;
    }
    .modal-content-spasibo__socilals-description {
        margin-bottom: 18px;
    }
}

@media (max-width: 1699px) {
    #modalZakazMainBannerBusines .modal-content {
        padding: 3%;
    }
}

@media (max-width: 1600px) {
    .video_in_right {
        top: 310px;
    }

    .fortune-wheel__title {
        font-size: 95px;
    }

    .fortune-wheel__description {
        max-width: 675px;
        font-size: 52px;
    }

    .fortune-wheel__btn {
        width: 276px;
        height: 70px;
        font-size: 30px;
    }

    .fortune-wheel__modal {
        width: 90%;
    }

    #modalZakazMainBannerBusines .modal-dialog,
    #modalSpasiboZaZayavku .modal-dialog {
        max-width: 1100px;
    }
    .modal-content-spasibo {
        padding: 30px 0 15px 30px;
    }
    .modal-content-spasibo__link {
        height: 90px;
    }
}

@media (max-width: 1500px){
    .video_in_right {
        top: 305px;
    }
    .video_in_right .news{
        width: 190px;
    }
    .ruletka-center {
        top: 230px;
        width: 70px;
    }
    .fortune-wheel__image {
        width: 50%;
    }
}
@media (max-width: 1499px) {
    .contacts__list {
        max-width: 1390px;
        justify-content: space-around;
    }

    .contacts__footer.contacts__footer--politics {
        max-width: 1390px;
        padding: 0 20px;
    }

    .modal-content-spasibo__title {
        font-size: 78px;
    }
    .modal-content-spasibo__subtitle {
        font-size: 32px;
    }
    .modal-content-spasibo__description {
        font-size: 22px;
    }




}
@media (max-width: 1399px){

    .contacts__title {
        font-size: 58px;
    }



}
@media (max-width: 1299px){

    .contacts__item span,
    .contacts__item a {
        font-size: 18px;
    }

    #modalZakazMainBannerBusines .modal-dialog,
    #modalSpasiboZaZayavku .modal-dialog {
        max-width: 1000px;
    }

}
@media (max-width: 1199px) {

    .forinrow {
        height: 235px;
    }
    .carousel-height{
        height: 205px;
    }
    .ruletka-result{
        width: 90%;
    }
    .ruletka-arrow {
        top: -40px;
        width: 80px;
    }
    .ruletka-center {
        top: 215px;
        width: 60px;
    }
    .covid-checkbox{
        margin-left: 0px;
    }
    .covid-checkbox2{
        margin-left: 0px;
        margin-right: 0px;
    }
    .filter-nalicie {
        padding: 0px !important;
    }
    .akciya_first2{
        width: 230px !important;
    }
    .video_in_right {
        top: 290px;
    }
    .top_menu2 div:nth-child(2){
        /*flex: 10;*/
    }
    #dle-speedbar span {
        margin: 0 2px;
    }
    .bgPinkImg .first span {
        font-size: 22px !important;
        margin-top: 0px !important;
        color: #000;
    }
    .indiv .first p {
        font-size: 14px;
        margin-bottom: 1vw;
    }
    .bgPinkImg .first p{
        font-size: 14px;
    }
    .indiv .first span {
        font-size: 22px;
        line-height: 1;
        margin: 1vw;
    }
    .indiv_opis_MB{
        display: none;
    }
    .indiv_opis{
        display: block;
    }
    .price_block {
        position: absolute;
        left: 180px;
        top: 117px;
    }
    .tovar_cena{
        font-size: 20px;
    }
    .tovar_cena_small {
        font-size: 12px;
    }
    .skidka{
        font-size: 12px;
    }
    .izbr_podrobnee{
        padding: 5px 0px;
    }
    .tovar_title{
        font-size: 17px;
        line-height: 1.2;
    }
    .podrobnee {
        font-size: 18px;
    }
    .menu_under_search2 a{
        margin: 0 1px;
    }
    .img-count{
        display: none;
    }
    .hochuDeshevle{
        width: 90%;
    }
    .knopki_zakaza_full{
        /*font-size: 24px !important;*/
    }
    .kupitFullstory3{
        width: 65%;
    }
    .title_style{
        color: #000000;
        font-family: "Noto Sans SC", sans-serif;
        text-align: left;
        font-weight: 400;
        font-size: 32px;
    }
    .youtube_video_full {
        width: 370px;
        height: 260px;
    }
    .dostavka p{
        color: #000000;
        font-weight: 500;
        font-size: 17px;
    }
    .katalog{
        text-align: center;
    }
    .we{
        text-align: center;
        display: inline-block;
    }
    .we p {
        color:#000000;
        font-family:'Roboto Condensed';
        font-size:17px;
    }
    .we img{
        width: 140px;
    }
    .video_width{
        width: 560px;
        height: 320px;
    }
    .videoWidth{
        width: 250px !important;
        height: 180px;
    }
    .cat_style {
        width: 320px;
        margin: 0px 10px;
    }
    .cat_style_spec{
        width: 200px;
    }
    .poloska{
        width: 100px;
        display: block;
        position: absolute;
        margin-top: -6px;
        margin-left: -6px;
    }
    .element2{
        margin: 12px;
        width: 180px;
    }
    .podb_ideal_variant{
        font-size: 24px;
    }
    .our_video{
        padding-right: 0;
    }
    .our_video2{
        padding-left: 0;
    }
    .shortstory_image{
        width: 100%;
        height: auto;
        float: none;
        margin: 0px;
    }
    .shortBlock .kk{
        height: 104px !important;
    }
    .fullstory_video_ttle_MB{
        display: none;
    }
    .otzyv{
        height: 17vw;
    }
    .hit{
        display: block;
        text-align: center;
        padding-top: 20px;
    }
    .hit2{
        display: none;
        text-align: center;
        padding-top: 20px;
    }
    .BlockMB{
        display: none;
    }
    .BlockOther{
        display: block;
        text-align: center;
    }
    .okompaniiTitle{
        font-size: 32px;
    }
    .rostKuklyVrabote{
        padding: 25px 0px;
        font-size: 30px;
    }
    .PodzRostKuklyVrabote{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .top_padding{
        background: url(/templates/Karnaval2020/images/spec/fon.jpg) repeat-y;
        padding-top: 5px;
        padding-bottom: 20px;
    }
    .pravila{
        margin-bottom: 0px;
    }
    .kupitFullstory{
        width: 31%;
    }
    .kupitFullstory2{
        width: 45%;
    }
    .zakaz_form {
        padding: 5px 25px;
        border-radius: 4px;
    }
    .modal-content{
        padding: 5% 5%;
    }
    .closeButtonPosition{
        top: -15px;
        right: -15px;
    }
    .form-control{
        display: inline-block;
        width: 60%;
        margin-right: 3%;
        border: 1px solid #FF0068;
        border-radius: 4px;
    }
    .kontTel{
        font-size: 16px;
        font-weight: 600;
    }
    .hochuDeshevleBlock form{
        margin: 2% auto;
        width: 500px;
    }
    .modVideo{
        width: 100%;
        height: 450px;
    }
    .catalog-form-image-block {
        display: none;
    }
    .catalog-form-block {
        width: 100%;
    }
    .catalog-form {
        max-height: 100%;
    }
    .fortune-wheel__image {
        position: static;
    }
    .fortune-wheel__info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .fortune-wheel__title {
        order: 0;
        font-size: 90px;
        text-align: center;
    }
    .fortune-wheel__description {
        order: 0;
        font-size: 48px;
        text-align: center;
    }
    .fortune-wheel__image {
        order: 1;
        width: 100%;
    }
    .fortune-wheel__btn {
        order: 2;
    }
    /*.top_menu2 div:nth-child(3) img:first-child {*/
    /*    width: 25px;*/
    /*    height: 25px;*/
    /*}
*/
    .contacts__item span,
    .contacts__item a {
        font-size: 14px;
    }
    .contacts__footer-addr {
        max-width: 360px;
    }

    .videoBlockParrent2 .videoBlockOut .VIB_Block table {
        height: 130px;
    }
    .videoBlockParrent3 .videoBlockOut .VIB_Block table {
        height: 230px;
    }

    #modalZakazMainBannerBusines .modal-bg-image {
        width: 450px;
    }

    #modalZakazMainBannerBusines .modal-content .form-control {
        margin-bottom: 20px;
    }

    #modalZakazMainBannerBusines .modal-dialog,
    #modalSpasiboZaZayavku .modal-dialog {
        max-width: 860px;
    }

    .modal-content-spasibo__link {
        font-size: 28px;
        height: 60px;
    }


}
@media (max-width: 1024px) {
    .btn-cart-toggle {
        width: 100%;
        /*padding: 0 20px;*/
    }

    .contacts__footer-addr {
        max-width: 275px;
    }

    .element2.element2--izbrannoe .nalicie_short {
        min-height: 75px;
        display: block;
    }

    #modalZakazMainBannerBusines .modal-dialog,
    #modalSpasiboZaZayavku .modal-dialog {
        max-width: 860px;
    }

    #modalZakazMainBannerBusines .modal-dialog,
    #modalSpasiboZaZayavku .modal-dialog {
        max-width: 560px;
    }

    #modalZakazMainBannerBusines .modal-content h2 {
          font-size: 32px;
      }
    #modalZakazMainBannerBusines .modal-content h3 {
        font-size: 19px;
    }

    #modalZakazMainBannerBusines .modal-content .form-control {
        font-size: 22px;
        height: 50px;
    }
    #modalZakazMainBannerBusines .modal-bg-image {
        display: none;
    }

    #modalZakazMainBannerBusines .modal-content, #modalSpasiboZaZayavku .modal-content {
        padding: 13% 3%;
        border-radius: 20px;
    }
    #modalZakazMainBannerBusines .modal-content button.close {
        right: 20px;
        top: 20px;
    }
    #modalZakazMainBannerBusines .modal-content .soglasie.horizontal {
        color: #984FEB;
        font-size: 16px;
        max-width: 100%;
        align-items: flex-start;
        margin-bottom: 18px;
        font-family: Montserrat;
        text-align: left;
    }
    #modalZakazMainBannerBusines .modal-content .soglasie.horizontal a {
        font-size: 16px;
    }
    #modalZakazMainBannerBusines .modal-content .zakaz_form {
        width: 100%;
        background: #984FEB;
        font-size: 24px;
        line-height: 1;
        border-radius: 100px;
        height: 70px;
    }
    .form-description {
        font-size: 18px;
        line-height: 1;
        text-align: center;
        width: 100%;
        color: #5A5A5A;
        margin-top: 35px;
    }

    #modalSpasiboZaZayavku .modal-content img.modal-bg-image-spasibo {
        display: none;
    }
    #modalSpasiboZaZayavku .close {
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 2;
    }
    .modal-content-spasibo {
        width: 100%;
    }

    .modal-content-spasibo {
        padding: 30px 15px 0px;
    }


}
@media (max-width: 992px) {
    .forinrow{
        height: 180px;
    }
    .carousel-height{
        height: 160px;
    }
    .ruletka-arrow {
        top: -35px;
        width: 70px;
    }
    .ruletka-center {
        top: 220px;
        width: 50px;
    }
    .price-slider {
        width: 250px !important;
    }
    .filter-nalicie {
        margin-right: 0px !important;
    }
    .filter-piramid {
        margin-right: 0px !important;
    }
    .filter-checkbox p {
        font-size: 12px !important;
        margin-left: 2px !important;
    }
    .filter span {
        font-size: 14px !important;
    }
    .price-slider-price span {
        font-size: 12px !important;
        margin: 0px 5px !important;
    }
    .filter-primenit input {
        font-size: 14px !important;
    }
    .akciya_first2 {
        width: 180px !important;
        font-size: 18px !important;
    }
    .video_in_right div{
        display: none;
    }
    .speedbar{
        font-size: 12px;
    }
    .pravila-servisa-short{
        font-size: 8px;
    }
    .shortBlock .modal_title_style {
        font-size: 14px;
    }
    #modalIndivRK .modal-dialog {
        width: 90%;
    }
    #modalIndivKK .modal-dialog {
        width: 90%;
    }
    .indiv .first span{
        font-size: 18px;
    }
    .indiv .first p {
        margin: 5px;
        font-size: 13px;
        line-height: 1;
    }
    .indiv .first .ineed {
        padding: 6px 20px;
    }
    .dropdown{
        padding-left: 0px !important;
    }
    .dropdown div{
        padding-left: 2px !important;
    }
    .price_block {
        position: absolute;
        left: 157px;
        top: 78px;
    }
    .price_block .tovar_cena_small {
        font-size: 16px;
        margin-left: 10px;
    }
    .price_block .skidka {
        left: -30px;
        top: -15px;
    }
    .tovar_cena{
        font-size: 18px;
    }
    .tovar_cena_small {
        font-size: 10px;
    }
    .skidka{
        font-size: 10px;
    }
    .izbr_podrobnee{
        padding: 5px 0px;
    }
    .tovar_title{
        font-size: 16px;
        line-height: 1.2;
    }
    .menu_under_search2 a{
        margin: 0px;
        font-size: 11px;
    }
    .img-count{
        display: none;
    }
    .hochuDeshevle{
        width: 80%;
    }
    .knopki_zakaza_full{
        /*font-size: 24px !important;*/
    }
    .kupitFullstory3 {
        width: 69%;
        font-size: 15px !important;
    }
    .title_style{
        color: #000000;
        text-align: left;
        font-weight: 400;
        font-size: 32px;
    }
    .youtube_video_full {
        width: 370px;
        height: 260px;
    }
    .dostavka p{
        color: #000000;
        font-weight: 500;
        font-size: 17px;
    }
    .katalog{
        text-align: center;
    }
    .we{
        text-align: center;
        display: inline-block;
    }
    .we p {
        color:#000000;
        font-size:17px;
    }
    .we img{
        width: 140px;
    }
    .video_width{
        width: 320px;
        height: 180px;
    }
    .videoWidth{
        width: 405px !important;
        height: 208px;
    }
    .cat_style {
        width: 200px;
        margin: 0px 5px;
    }
    .cat_style_spec{
        width: 150px;
    }
    .poloska{
        width: 100px;
        display: block;
        position: absolute;
        margin-top: -6px;
        margin-left: -6px;
    }
    .element2{
        margin: 10px;
        width: 160px;
    }
    .podb_ideal_variant{
        font-size: 22px;
    }
    .shortstory_image{
        width: 100%;
        height: auto;
        float: none;
        margin: 0px;
    }
    .navigation_style{
        text-align: left;
        margin-top: -10px;
        margin-bottom: 20px;
    }
    .fullImgBlock {
        padding: 10px;
    }
    .fullInfoBlock2 {
        padding-top: 10px;
    }
    .tovar_cena_full {
        font-size: 22px;
    }
    .fullInfoBlock3 {
        flex: 8;
    }
    .fullstory-img-size{
        width: 190px;
        height: 284px;
    }
    .fullstory-img-size-one{
        width: 190px;
        height: 284px;
    }
    .charak-block{
        padding: 0px 5px;
        font-size: 10px;
        height: 110px;
        line-height: 1;
    }
    .shortBlock .kk{
        height: 90px !important;
    }
    .fullstory_video_ttle_MB{
        display: none;
    }
    .otzyv{
        height: 17vw;
    }
    .hit{
        display: block;
        text-align: center;
        padding-top: 20px;
    }
    .hit2{
        display: none;
        text-align: center;
        padding-top: 20px;
    }
    .BlockMB{
        display: none;
    }
    .BlockOther{
        display: block;
        text-align: center;
    }
    .okompaniiTitle{
        font-size: 32px;
    }
    .PodzRostKuklyVrabote{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .top_padding{
        background: url(/templates/Karnaval2020/images/spec/fon.jpg) repeat-y;
        padding-top: 5px;
        padding-bottom: 20px;
    }
    .pravila{
        margin-bottom: 0px;
    }
    .kupitFullstory{
        width: 40%;
    }
    .kupitFullstory2{
        width: 45%;
    }
    .zakaz_form {
        width: 100%;
        /*height: 50px;*/
        height: max-content;
        border-radius: 4px;
        margin: 0px;
    }
    .modal-content{
        padding: 10% 5%;
    }
    .closeButtonPosition{
        top: -15px;
        right: 0px;
    }
    .form-control{
        display: inline-block;
        width: 100%;
        height: 50px;
        margin-bottom: 20px;
        border: 1px solid #FF0068;
        border-radius: 4px;
    }
    .VIB_Block{
        width: 100%;
        border: 0px dashed #FF0068;
        border-radius: 30px;
        padding: 4%;
    }
    .VIB_Block table{
        height: 215px;
    }
    .VIB_Title{
        font-size: 22px;
    }
    .kontTel{
        font-size: 15px;
        font-weight: 600;
    }
    .hochuDeshevleBlock form{
        margin: 0 auto;
        width: 500px;
    }
    .izbr_podrobnee .is_whitelist{
        /*background: url(/templates/Karnaval2020/images/serdechkoRed.png);*/
        background: url(/templates/Karnaval2020/images/serdechkoRed2.png);
        background-size: 100%;
        /*width: 40px;*/
        /*height: 40px;*/
        position: relative;
        left: 0px;
    }
    .izbr_podrobnee .not_whitelist{
        /*background: url(/templates/Karnaval2020/images/serdechkoGray.png);*/
        background: url(/templates/Karnaval2020/images/serdechkoPink2.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        /*width: 40px;*/
        /*height: 40px;*/
        position: relative;
        left: 0px;
    }
    .izbr_podrobnee {
        padding: 0px 0px;
    }
    .podrobnee {
        font-size: 16px;
        border-radius: 8px;
        padding: 5px 2px;
    }
    .hit .podrobnee {
        font-size: 15px;
    }
    .modVideo{
        width: 100%;
        height: 350px;
    }
    .hit .tovar_title{
        font-size: 12px;
    }
    .kontakty_in2 .youtube {
        width: 100%;
        height: 100%;
        min-width: 100px;
        min-height: 50vw;
    }
    .kontakty_in2 iframe {
        height: 100%;
        min-height: 50vw;
    }
    .videoBlockParrent2 .videoBlockOut .VIB_Block table {
        height: 145px;
    }
    .videoBlockParrent3 .videoBlockOut .VIB_Block table {
        height: 247px;
    }

    .izbr_podrobnee div {
        width: 100%;
        margin: 10px 0;
    }
}

@media (max-width: 767px) {
    .contacts__title{
        font-size: 32px;
        line-height: 32px;
    }
    .contacts__list {
        width: 90%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .contacts__item {
        margin-bottom: 20px;
    }
    .contacts__footer-addr {
        max-width: 100%;
    }
    .BlockMB.obzory {
        text-align: center;
        margin-bottom: 40px;
    }
    .forinrow{
        height: 122vw;
    }
    .carousel-height{
        height: 0px;
    }
    .carousel-height-MB{
        height: 225px;
    }
    .content_block_white {
        position: relative;
        top: -20px;
    }
    .ruletka-result{
        width: 100%;
    }
    .hours{
        font-size: 22px;
        margin: 10px;
    }
    .your-win{
        font-size: 24px;
        margin: 10px;
    }
    .your-win-result{
        font-size: 32px;
        text-align: center;
        margin: 10px;
    }
    .your-win-popravka{
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .ok-ruletka{
        font-size: 24px;
        margin: 10px;
    }
    .ruletka-menu {
        padding: 0px;
    }
    .ruletka-menu-img{
        max-width: 50%;
    }
    .ruletka-trubka {
        width: 15px;
    }
    .ruletka-globus {
        width: 18px;
    }
    .ruletka-menu-tel a {
        margin: 3px 0px;
        font-size: 16px;
    }
    canvas{
        padding: 10px;
    }
    .ruletka-arrow {
        top: -25px;
        width: 60px;
    }
    .ruletka-center {
        top: 141px;
        width: 40px;
    }
    #modalZakaz3 .modal-dialog {
        width: 100%;
        max-width: 640px;
    }
    #modalZakaz4 .modal-dialog {
        width: 100%;
        max-width: 640px;
    }
    .stoimost_komplekta_halat {
        font-size: 24px;
    }
    .komplekt{
        flex-wrap: wrap;
    }
    .komplekt1{
        width: 45%;
        margin-bottom: 15px;
    }
    .komplekt1 .price {
        font-size: 22px;
    }
    .komplekt2{
        width: 45%;
        margin-bottom: 15px;
    }
    .komplekt2 .price {
        font-size: 22px;
    }
    .komplekt3{
        width: 45%;
    }
    .komplekt3 .price {
        font-size: 22px;
    }
    .komplekt4{
        width: 45%;
    }
    .komplekt4 .price {
        font-size: 22px;
    }
    .poluchit_komm {
        background-color: #f2dd74;
        width: 85%;
        font-size: 16px;
        padding: 10px;
    }
    .poluchit_komm2 {
        background-color: #f2dd74;
        width: 85%;
        font-size: 16px;
        padding: 10px;
    }
    .opros_h1{
        font-size: 18px;
    }
    .opros_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .radio_buttons label{
        width: 120px;
        font-size: 18px;
        padding: 10px 5px;
        margin: 0px 10px 0px 0px;
    }
    .radio_buttons {
        margin: 0px;
    }
    .radio_buttons2 label{
        width: 120px;
        font-size: 18px;
        padding: 10px 5px;
        margin: 0px 10px 0px 0px;
        margin-bottom: 20px;
    }
    .radio_buttons2 {
        margin: 0px;
    }
    .radio_buttons3 label {
        width: 120px;
        font-size: 12px;
        padding: 10px 2px;
        margin: 0px 10px 0px 0px;
        margin-bottom: 20px;
    }
    .radio_buttons3 {
        margin: 0px;
    }
    .radio_buttons4 label {
        width: 35px;
        height: 35px;
        font-size: 12px;
        padding: 0px;
        margin: 0px 10px 0px 0px;
        margin-bottom: 5px;
    }
    .radio_buttons4 {
        margin: 0px;
    }
    .radio_buttons4 .opros_title {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: left;
    }
    .radio_buttons5 {
        margin: 0px;
    }
    .radio_buttons5 label {
        width: 110px;
        font-size: 12px;
        padding: 5px 10px;
        margin: 0px 10px 0px 0px;
        margin-bottom: 5px;
    }
    .radio_buttons6 {
        margin: 0px;
    }
    .radio_buttons6 .opros_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .radio_buttons6 label {
        width: 35px;
        height: 35px;
        font-size: 12px;
        padding: 0px;
        margin: 0px 10px 0px 0px;
        margin-bottom: 5px;
    }
    .radio_buttons7 {
        margin: 0px;
    }
    .radio_buttons7 .opros_title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .radio_buttons7 label {
        width: 35px;
        height: 35px;
        font-size: 12px;
        padding: 0px;
        margin: 0px 10px 0px 0px;
        margin-bottom: 5px;
    }
    .opros_text {
        width: 100%;
        font-size: 20px;
        padding: 20px 10px;
    }
    .opros_title_tel {
        font-size: 18px;
        font-weight: 100;
        margin-bottom: 20px;
    }
    .opros_title_tel_block {
        width: 60%;
        height: 40px;
    }
    .opros_button{
        margin-top: 20px;
    }
    .radio_buttons .submit_opros{
        height: 40px;
        width: 150px;
        font-size: 16px;
    }
    .covid_sovety{
        margin-top: 30px;
    }
    .covid_sovety div:nth-child(1){
        background-color: #fff;
        text-align: center;
        width: 100%;
    }
    .covid_sovety div:nth-child(2){
        background-color: #fff;
        text-align: center;
        width: 100%;
        margin-top: 25px;
    }
    .covid_sovety div p {
        height: 155px;
    }
    /*стили по нвому баннеру*/
    .yellow_block{
        display: flex;
        margin: 0px;
        height: 30vw;
        border: 0px solid red;
        background: url(/templates/Karnaval2020/images/yellow-block/maska_MB.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    .yellow_block .first_in_yellow .yellow_title{
        font-size: 14px;
        text-align: center;
        line-height: 1;
        margin-top: 0px;
    }
    .yellow_block .first_in_yellow .covid_mb_title_size{
        font-size: 16px;
    }
    .yellow_block .first_in_yellow .yellow_text{
        font-size: 9px;
        text-align: center;
        margin-top: 0px;
    }
    .yellow_block .first_in_yellow .covid_mb_text_size{
        font-size: 12px;
    }
    .yellow_block .first_in_yellow .yellow_opis{
        display: flex;
        flex-direction: column;
        width: 120px;
        font-size: 9px;
        padding-left: 0px;
        line-height: 1;
        top: 3px;
    }
    .main__btn {
        margin: 0px 0px 3px 0px;
    }
    .akciya_first2 {
        width: 38% !important;
        font-size: 12px !important;
        left: 3%;
    }
    .akciya_in_akciya .akciya_first2 {
        height: 20px !important;
    }
    #modalYellow .yellowMadeZakaz{
        text-align: left;
        font-size: 24px;
    }
    #modalYellow .yellowLeaveTel{
        text-align: left;
        margin: 20px 0px;
    }
    #modalYellow .yellowPolitika{
        margin-top: 20px;
    }
    #modalYellow .yellowPolitika a{
        color: #fbe464;
    }
    #modalYellow .close {
        top: 0px;
        right: 0px;
    }
    #modalYellow .modal-content{
        padding: 10px 10px;
    }
    #modalYellow form{
        text-align: left;
    }
    #modalYellow form .yellowFormElements{
        display: flex;
        flex-direction: column;
    }
    #modalYellow form .yellowFormElements input{
        width: 100%;
        height: 45px;
        margin-bottom: 10px;
    }
    #modalYellow form .yellowFormElements button{
        width: 100%;
        height: 45px;
        font-size: 22px;
        background-color: transparent;
        border: 2px solid #fbe464;
        color: #fbe464;
        border-radius: 4px;
    }
    /*конец стилей по новому баннеру*/
    .yellow_block_MB{
        display: block;
    }
    .akcii_title{
        font-size: 15px;
        line-height: 20px;
    }
    .zagolovok2{
        margin-bottom: 5%;
    }
    .spec{
        padding-top: 0px;
    }
    .video_in_right{
        display: none;
    }
    .podpisyvaites {
        width: 100%;
    }
    .polotika-conf{
        font-size: 9px;
    }
    .indivKKflex div:nth-child(2){
        flex: 2;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .indivKKflex div:nth-child(2) input{
        width: 90%;
        height: 4vw;
        border: 3px solid #eadbdb;
        border-radius: 4px;
        margin-bottom: 4vw;
        padding-left: 10px;
        font-size: 12px;
    }
    #modalIndivRK .modal-content p{
        font-size: 10px;
    }
    .uploadButton{
        padding: 18px 0px;
    }
    .form-name-MB{
        width: 48% !important;
    }
    .form-tel-MB{
        width: 50% !important;
    }
    .indivKKflex label:nth-child(1){
        order: 0;
        width: 48%;
    }
    .label-tel-number{
        width: 50%;
    }
    .indivKKflex label{
        font-size: 16px;
    }
    .knopki_zakaza{
        display: none;
    }
    .knopki_zakaza_MB{
        display: flex;
        flex-wrap: wrap;
    }
    .nalicie_full {
        padding-left: 0px;
        font-size: 16px;
    }
    .kk {
        background: url(/templates/Karnaval2020/images/new_design_images/indiv-KK-pink-2.jpg) no-repeat;
        background-size: 100%;
        height: 84vw !important;
    }
    .uploadButton{
        font-size: 12px;
        padding: 10px 0px;
    }
    .charak{
        padding-left: 0px !important;
    }
    .fullstory_page{
        display: flex;
        flex-direction: column;
    }
    .fullImgBlock{
        background-color: transparent;
        margin: 0px;
        padding: 0px;
    }
    .fullInfoBlock{
        display: block;
        margin: 0px;
        background-color: transparent;
    }
    .fullInfoBlock2{
        width: 100%;
        padding-top: 10px;
        background-color: transparent;
        margin-left: 0px;
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .fullInfoBlock3{
        width: 100%;
        background-color: transparent;
        margin-left: 0px;
        padding-left: 0px;
    }
    .fullInfoTable{
        display: none;
    }
    .fullInfoTable2{
        display: block;
    }
    .fullInfoTable2 .hidden {
        display: none;
    }
    .fullInfoTable2 td{
        font-size: 16px;
    }
    .fullInfoTable2 h3{
        font-size: 16px;
        font-weight: 700;
        font-family: "Noto Sans SC", sans-serif;
    }
    .element2 table td:last-child{
        margin-bottom: 10px;
    }

    .podrobnee {
        padding: 5px 15px !important;
        font-size: 28px;
    }
    #dle-content {
        justify-content: center !important;
    }
    .shortBlock .indiv .first .ineed{
        display: block;
        margin: 0 auto;
    }
    #modalIndivRK .modal-dialog{
        width: 95%;
    }
    #modalIndivKK .modal-dialog{
        width: 95% !important;
    }
    #btn{
        width: 60%;
    }
    #btn label{
        font-size: 15px;
    }
    #modalIndivRK .modal-content h2{
        font-size: 20px;
    }
    #modalIndivKK .modal-content h2{
        font-size: 20px;
    }
    #modalIndivRK .help-block {
        margin: 5% 0px;
    }
    #modalIndivKK .help-block {
        margin: 5% 0px;
    }
    .indivKKflex{
        flex-direction: column;
    }
    .indivKKflex div:first-child{
        order: 2;
    }
    .indivKKflex div:nth-child(2) input{
        height: 13vw;
        order: 3;
    }
    .indivKKflex div:nth-child(2) input:nth-child(1){
        order: 3;
        width: 45%;
    }
    .indivKKflex div:first-child textarea {
        width: 100%;
        height: 35vw;
    }
    .indivKKflex2 button{
        font-size: 14px;
        padding: 0px 20px;
    }
    .indiv_opis{
        display: none;
    }
    .indiv_opis_MB{
        display: block;
        text-align: center !important;
    }
    .indiv .first {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 4vw;
        padding: 10px;
        text-align: center;
        align-self: flex-start;
    }
    .shortBlock .indiv .first {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-top: 4vw;
        padding: 10px;
        text-align: center;
        align-self: center;
    }
    .indiv{
        height: 82vw;
        text-align: center;
    }
    .indiv .first span {
        font-size: 29px;
        margin: 1vw;
    }
    .indiv .first p {
        font-size: 14px;
        margin: 0vw 0vw 5vw 0px;
        text-align: left;
        line-height: 1;
    }
    .indiv .first .ineed {
        border: 2px solid #FF0068;
        padding: 6px 30px;
        font-size: 18px;
    }
    .indiv .somethink {
        flex: 0;
    }
    .kk{
        background: url(/templates/Karnaval2020/images/new_design_images/indiv-KK-pink-MBB.jpg) no-repeat;
        background-size: 100%;
    }
    .rk{
        background: url(/templates/Karnaval2020/images/new_design_images/indiv-RK-MB-22.png) no-repeat;
        background-size: 100%;
    }
    .bgPinkImg{
        background-size: 100% !important;
        height: 82vw !important;
    }
    .bgPinkImg .first{
        justify-content: center !important;
        align-items: flex-start !important;

    }
    .bgPinkImg .first span{
        font-size: 30px !important;
        margin-right: 0px !important;
        color: #000;
    }
    .bgPinkImg .first p {
        font-size: 14px;
        margin: 1vw 0px;
        text-align: center;
        color: #000;
    }
    .bgPinkImg .first .ineed{
        color: #ff0068;
        margin-top: 20px;
    }
    .fullstory-izbr{
        width: 100%;
        margin-left: 0px;
    }
    .top_otstup_short{
        /*padding-top: 15px;*/
    }
    .tovar_cena_small {
        font-size: 16px;
        display: none;
    }
    .tovar_cena_full{
        margin: 10px 0px;
    }
    .price_block {
        position: initial;
    }
    .price_block .tovar_cena_small {
        font-size: 16px;
        margin-left: 0px;
        position: absolute;
        top: 41px;
        left: 120px;
    }
    .price_block .skidka {
        position: absolute;
        font-size: 11px;
        left: 174px;
        top: 22px;
    }
    .skidka{
        font-size: 14px;
        display: none;
    }
    .zakaz_form{
        margin: 0px;
    }
    .video_width {
        width: 100%;
        height: 180px;
    }
    .forinrow{
        display: block;
    }
    .elementinrow{
        display: inline-block;
        width: 50%;
    }
    .mozhet_ponadob .elementinrow{
        width: 49%;
    }
    .element{
        width: 50%;
    }
    .lg-outer .lg-image{
        width: 90%;
    }
    .img-count{
        display: block;
        font-size: 16px;
        font-family: Noto Sans SC,sans-serif;
    }
    .hochuDeshevleBlock{
        background: url(/templates/Karnaval2020/images/new_design_images/indiv-RK-PINK-MBB.jpg) no-repeat !important;
        background-size: 100% !important;
        height: 82vw !important;
        align-items: flex-start;
    }
    .cart_style1 .lSPrev{
        display: none !important;
    }
    .cart_style1 .lSNext{
        display: none !important;
    }
    .demo .lSPrev{
        display: none !important;
    }
    .demo .lSNext{
        display: none !important;
    }
    .hochu{
        width: 100%;
        height: 50px;
        display: inline-block;
        font-family: "Noto Sans SC", sans-serif;
        font-size: 28px;
        color: #ff0068;
        font-weight: 400;
        background-color: #fff;
        padding: 5px 25px;
        border: 1px solid #ff0068;
        border-radius: 15px;
        margin-bottom: 3%;
    }
    .hochu:hover{
        background-color: #FF0068;
        color: #fff;
    }
    .hochuInCenter{
        text-align: center;
    }
    .tovar_cena{
        font-size: 18px;
        line-height: 1;
        color: #000000;
        margin-right: 0;
        color: #FF0068;
    }
    .tovar_title{
        font-size: 26px;
    }
    .hochuDeshevle{
        width: 60%;
    }
    .knopki_zakaza_full{
        /*font-size: 26px !important;*/
    }
    .title_style{
        color: #000000;
        text-align: center;
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 10px;
    }
    .youtube_video_full {
        width: 250px;
        height: 180px;
    }
    .dostavka h2{
        font-size:20px;
    }
    .dostavka h3{
        font-size: 16px !important;
        margin: 20px;
    }
    .dostavka p{
        color: #000000;
        font-weight: 500;
        font-size: 14px;
    }
    .katalog{
        text-align: left;
    }
    .we{
        text-align: center;
        display: inline-block;
        vertical-align: top;
    }
    .we p {
        color:#000000;
        font-size: 13px;
        line-height: 1.2;
    }
    .we img{
        width: 100px;
    }
    .videoWidth{
        width: 250px !important;
        height: 180px;
    }
    .cat_style, .cat_style_spec {
        width: 100%;
        margin: 0px 0px;
    }
    .poloska{
        width: 120px;
        display: block;
        position: absolute;
        margin-top: -6px;
        margin-left: -6px;
    }
    .element2{
        margin: 5px 2px;
        width: 48%;
        display: none;
    }
    .element2-mob {
        display: block;
        margin: 5px 2px;
        width: 48%;
    }
    .cart-page .element2 {
        display: inline-block;
    }

    .element2.element2--izbrannoe {
        display: inline-block;
    }

    .podb_ideal_variant{
        font-size: 18px;
    }
    .spec_predlozh_img{
        width: 48%;
    }
    .shortstory_image{
        width: 100%;
        height: auto;
        float: none;
        margin: 0px;
    }
    .navigation_style{
        text-align: center;
        margin-bottom: 20px;
    }
    .youtube_video{
        width: 300px;
        height: 250px;
    }
    .title2
    {
        font-family: arial;
        font-size: 15px;
        line-height: 15px;
        color: #000000;
        font-style: normal;
        font-weight: 400;
        text-align: center;
    }
    .tovar_cena_full {
        font-size: 22px;
        margin: 10px 0px;
    }
    .izbr_podrobnee .is_whitelist{
        left: 0px;
    }
    .modal-content .soglasie{
        font-size: 9px;
    }
    .podrobnee {
        font-size: 24px;
    }
    .fullstory-img-size{
        width: 100%;
        height: auto;
    }
    .fullstory-img-size-one{
        width: 100%;
        height: auto;
    }
    .nalicie_short{
        padding: 0px;
    }
    .nalicie_kat2{
        height: 0px;
    }
    .shortBlock .kk{
        height: 80vw !important;
        background: url(/templates/Karnaval2020/images/new_design_images/indiv-KK-MB-22.png) no-repeat !important;
    }
    .shortBlock .kk .first{
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 4vw;
        padding: 10px;
        text-align: center;
        align-self: center;
    }
    .izbr_podrobnee .not_whitelist{
        width: 60px;
        height: 60px;
    }
    .izbr_podrobnee .is_whitelist{
        width: 60px;
        height: 60px;
    }
    .shortBlock .indiv .first span{
        padding-left: 0px;
    }
    .shortBlock .indiv .first span {
        margin: 0vw;
    }
    .shortBlock .indiv .first .ineed {
        border: 2px solid #FF0068;
        padding: 8px 30px;
        font-size: 26px;
        color: #fff;
        background-color: #ff0068;
        border-radius: 8px;
    }
    .hotite{
        position: relative;
    }
    .okompanii_predost{
        font-size: 22px;
    }
    .otzyvyButtons .bolshe-otzyvov{
        justify-content: flex-end;
        width: 250px;
        margin: 15px 0px;
        font-size: 23px;
        padding-right: 15px;
    }
    .mail{
        font-size: 16px;
    }
    .zakaz_zvonok_full {
        margin: 9px 0px 9px 0px !important;
    }
    .full_nalicie_block_MB{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .charak{
        font-size: 16px;
        font-weight: 700;
    }
    .tovar_title{
        font-size: 15px;
        line-height: 1.5;
        min-height: 35px;
        /* display: block; */
        text-align: left;
        padding: 10px 0;
    }
    .hit .tovar_title{
        font-size: 22px;
    }
    .otzyvyButtons{
        flex-direction: column;
        align-items: center;
    }
    .otzyvyButtons .ostavit-otzyv {
        width: 250px;
        margin: 15px 0px;
        font-size: 23px;
        justify-content: space-between;
        padding-left: 0px;
        padding-right: 20px;
    }
    #dle-content{
        margin: 0px;
    }
    .hit_title_height{
        height: 50px;
    }
    .BlockOther-rkINrk{
        display: none;
    }
    .BlockMB-rkINrk{
        display: flex;
        flex-direction: column;
    }
    .pravila {
        margin-bottom: 0px;
    }
    .filter{
        flex-wrap: wrap;
        margin-bottom: 20px;
        justify-content: center;
    }
    .price-slider{
        margin-bottom: 30px;
    }
    .filter-nalicie,.filter-sort,.filter-piramid {
        margin-bottom: 10px;
    }
    .filter-primenit{
        margin-bottom: 0px;
    }
    .fullstory_video_ttle_MB{
        display: block;
    }
    .close_img{
        display: none;
    }
    .lg-toolbar .lg-icon{
        display: block !important;
    }
    .otzyvyButtons{
        text-align: center;
    }
    .otzyvyButtons div{
        width: 250px;
        margin: 15px 0px;
    }
    .otzyvyButtons img{
        width: 100%;
    }
    .otzyv{
        width: 100%;
        height: 57vw;
    }
    .hit{
        display: none;
        text-align: center;
        padding-top: 20px;
    }
    .hit2{
        display: block;
        text-align: center;
        padding-top: 20px;
        background-color: #f4f4f4;
    }
    .BlockMB{
        display: block;
        text-align: center;
    }
    .BlockOther {
        display: none;
    }
    .okompaniiTitle{
        font-size: 24px;
    }
    .rostKuklyVrabote{
        padding: 25px 0px;
        font-size: 22px;
    }
    .PodzRostKuklyVrabote{
        font-size: 18px;
        margin: 25px;
    }
    .top_padding{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .footer_styles{
        padding-top: 1%;
        padding-bottom: 65px;
        font-family: "Noto Sans SC", sans-serif;
        background-color: #181818;
        text-align: left;
    }
    .lg-actions .lg-next, .lg-actions .lg-prev {
        top: 42% !important;
    }
    .knopki_zakaza{
        padding-left: 0px;
        justify-content: space-around;
    }
    .kupitFullstory{
        width: 100%;
    }
    .kupitFullstory2{
        width: 55%;
    }
    .kupitFullstory3{
        width: 70%;
        font-size: 14px !important;
    }
    .zakaz_form {
        width: 100%;
        /*height: 50px;*/
        height: max-content;
        border-radius: 4px;
    }
    .modal-content{
        padding: 10% 5%;
    }
    .obrZvonokSize{
        width: 95%;
        margin: 30% auto;
    }
    .closeButtonPosition{
        top: 0px;
        right: 0px;
    }
    .modal-content h2{
        font-size: 22px;
    }
    .form-control{
        display: inline-block;
        width: 100%;
        height: 50px;
        font-size: 18px;
        border: 1px solid #FF0068;
        border-radius: 4px;
        margin-bottom: 20px;
    }
    .VIB_Title{
        font-size: 24px;
        padding: 25px 0px 10px 0px;
    }
    .kontTel{
        font-size: 16px;
        font-weight: 600;
    }
    .hochuDeshevleH2{
        margin-top: 5%;
        font-size: 28px;
    }
    .hochuDeshevleBlock form{
        margin: 2% auto;
        width: 95%;
    }
    .modal-dialog {
        width: 95%;
    }
    .is_whitelist{
        /*background: url(/templates/Karnaval2020/images/serdechkoRed.png);*/
        background: url(/templates/Karnaval2020/images/serdechkoRed2.png);
        background-size: 100%;
        /*width: 16px;*/
        /*height: 16px;*/
        position: absolute;
        left: auto;
        /*top: 10px;*/
        /*right: 10px;*/
    }
    .not_whitelist{
        /*background: url(/templates/Karnaval2020/images/serdechkoGray.png);*/
        background: url(/templates/Karnaval2020/images/serdechkoPink2.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        /*width: 16px;*/
        /*height: 16px;*/
        position: absolute;
        left: auto;
        /*right: 10px;*/
        /*top: 10px;*/
    }
    .nalicie_kat{
        padding-top: 7px;
        font-size: 12px;
        text-align: center;
        height: 26px;
        display: block;
    }
    .element2-mob .nalicie_pod_zakaz {
        font-size: 10px;
    }
    .element2-mob .nalicie_srok {
        font-size: 10px;
    }
    .modVideo{
        width: 570px;
        height: 330px;
    }
    .telfoniya {
        width: 90%;
        left: 5%;
        border-radius: 25px;
    }
    .kontakty_in2 .youtube {
        width: 100%;
        height: auto;
        min-width: 550px;
        min-height: 363px;
        background-size: 100% auto;
    }
    .kontakty_in2 iframe {
        height: 70vw;
    }
    .youtube {
        width: 100%;
        height: 100%;
        min-width: 280px;
        min-height: 75vw;
    }
    .mfp-close-btn-in .mfp-close {
        position: absolute;
        right: 0;
    }
    .catalog-form-block {
        padding: 40px 0;
    }
    .tabs {
        width: 96%;
        text-align: center;
    }
    .tabs>label::after {
        margin-top: 20px;
    }
    .BlockOtherRost {
        display: block;
    }
    .BlockOtherRost .kukly-v-rabote {
        display: none !important;
    }
    .our_work .lSSlideOuter .lSPager {
        display: block !important;
    }
    .kukly-v-rabote .lSSlideOuter .lSPager.lSpg {
        display: block;
    }
    .VIB_Text {
        height: max-content;
    }
    .article-page__text {
        font-size: 16px;
        line-height: 18px;
    }
    .fortune-wheel__title {
        font-size: 64px;
    }
    .fortune-wheel__description {
        font-size: 36px;
    }
    .fortune-wheel__modal {
        padding: 90px 15px;
    }
    .fortune-wheel__modal-close {
        right: 20px;
        top: 20px;
    }
    .ruletka-result__block {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: center;
    }
    .ruletka-result__info {
        width: 100%;
    }
    .ruletka-result__image {
        width: 100%;
    }
    .mobile-video {
        display: block;
    }
    .video-hide-in-mobile {
        display: none;
    }
    #modalZakazBanner .modal-content,
    #modalZakazMainBanner .modal-content {
        padding: 15% 5%;
        border-radius: 20px;
    }
    #modalZakazBanner .modal-content h2 {
        font-size: 30px;
    }
    #modalZakazMainBanner .modal-content h2 {
        font-size: 18px;
    }
    .catalog-similar {
        display: flex;
    }
    .element2__wrapper {
        border-radius: 10px;
        padding-bottom: 10px;
        position: relative;
    }
    /* каталог в  мобилке*/
    .catalog-similar + .content_block_gray .zagolovokOplata {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .catalog-similar + .content_block_gray .zagolovokOplata h1 {
        font-size: 10px;
        line-height: 200%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 20px;
        background: #FF0068;
        color: #ffffff;
        border-radius: 20px;
        width: max-content;
        max-width: 100%;
    }
    /* конец каталог в  мобилке*/

    .heartFullStory {
        display: none;
    }
    .videoBlockParrent, .videoBlockParrent2, .videoBlockParrent3 {
        flex-direction: column;
        height: max-content;
    }
    .videoBlockParrent:first-child {
        height: max-content;
    }
    .videoBlockParrent .videoBlockPrevParrent {
        width: 100% !important;
        margin: 0 !important;
    }
    .videoBlockParrent2 .videoBlockPrevParrent {
        width: 100% !important;
        margin: 0 !important;
    }
    .videoBlockParrent3 .videoBlockPrevParrent {
        width: 100% !important;
        margin: 0 !important;
    }
    .content_block_gray {
        overflow-x: visible;
        background-color: #ffffff;
        padding-top: 0px;
    }
    .callback-bt {
        right: 3%;
        bottom: 20%;
    }
    .alphabet_title {
        font-size: 22px !important;
        margin: 0 auto;
        color: #ff0068;
    }
    .video_width_full {
        width: 100%;
        height: 500px;
    }
    .toplink {
        position: fixed;
        right: 1%;
        bottom: 10%;
        display: none;
    }
    .slider {
        max-width: 100%;
    }
    .alphabet_block {
        background-color: #f4f4f4;
    }
    .bg_white {
        background-color: #f4f4f4;
    }
    .zagolovokOplata {
        margin-top: 0%;
        margin-bottom: 0%;
    }
    .zagolovokOplata h1 {
        font-size: 22px;
    }
    .white-popup-block iframe {
        width: 100%;
        height: 75vw;
    }
    .kontakty__map {
        width: 100%;
        margin-bottom: 0px;
    }
    .bg_gray {
        background-color: #ffffff;
    }
    .socials {
        display: block;
    }

    .contacts__footer.contacts__footer--politics {
        padding-left: 20px;
    }

    .element2.element2--izbrannoe .nalicie_short {
        min-height: 45px;
        display: block;
    }

    #modalZakazMainBannerBusines .modal-dialog,
    #modalSpasiboZaZayavku .modal-dialog {
        max-width: 400px;
    }

    #modalZakazMainBannerBusines .modal-content .zakaz_form {
        width: 100%;
        background: #984FEB;
        font-size: 16px;
        line-height: 1;
        border-radius: 100px;
        height: 60px;
    }
    #modalZakazMainBannerBusines .modal-content .form-control {
        height: 50px;
        padding-left: 20px;
        font-size: 14px;
    }

    .modal-content__socials-item img {
        width: 53px;
    }

    .btn-cart-toggle {
        width: 98%;
    }


}


@media (max-width: 660px) {
    .modVideo{
        width: 520px;
        height: 300px;
    }
    .carousel-height-MB{
        height: 200px;
    }
    #modalZakazMainBannerBusines .modal-dialog,
    #modalSpasiboZaZayavku .modal-dialog {
        max-width: 330px;
    }

    #modalZakazMainBannerBusines .modal-content .soglasie.horizontal,
    #modalZakazMainBannerBusines .modal-content .soglasie.horizontal a {
        font-size: 12px;
    }
    .form-description {
        font-size: 12px;
    }

}
@media (max-width: 600px) {
    .contacts__title{
        font-size: 30px;
        line-height: 30px;
    }
    .tktable{
        font-size: 12px;
    }
    .modVideo{
        width: 465px;
        height: 270px;
    }
    .carousel-height-MB{
        height: 190px;
    }
    .fortune-wheel__title {
        font-size: 48px;
    }
    .fortune-wheel__description {
        font-size: 24px;
    }
    .fortune-wheel__head {
        padding: 30px 10px;
    }
    .fortune-wheel__body {
        padding: 30px 10px;
    }
    .fortune-wheel__modal-form .form-group {
        font-size: 22px;
    }}
@media (max-width: 530px) {
    .tktable{
        font-size: 11px;
    }
    .videoWidth {
        width: 360px !important;
        height: 210px;
    }
    .modVideo{
        width: 420px;
        height: 245px;
    }
    .carousel-height-MB{
        height: 160px;
    }
    .kontakty_in2 .youtube {
        min-width: 450px;
        min-height: 281px;
    }
    .catalog-form-btns {
        flex-direction: column;
        align-items: flex-start;
    }
    .uploadButton {
        width: 175px;
        margin-bottom: 20px;
    }
    .catalog-form-btns button.indivZakaz {
        width: 175px;
    }
    .modal-content.modalSpasibo {
        max-width: 370px;
    }
    #modalSpasiboZaZayavku .close {
        top: 12px;
        right: 12px;
    }
    .modal-content__socials-phone {
        font-size: 12px;
        right: 10px;
        bottom: 9px;
    }
    .modal-content__socials-inner {
        right: 65px;
        width: 110px;
    }
    .modal-content__socials-items {
        margin-bottom: 10px;
        gap: 10px 10px;
    }
    .modal-content__socials-item {
        /*width: 35px;*/
    }
    .modal-content__socials-inner-title.modal-content__socials-inner-title--down {
        padding: 0 10px;
        font-size: 8px;
    }
    .modal-content__socials-footnote {
        padding: 0 5px;
        line-height: 1;
    }
    .modal-content__socials-inner-title {
        font-size: 12px;
    }
}
@media (max-width: 480px) {
    .tktable{
        font-size: 10px;
    }
    .videoWidth {
        width: 310px !important;
        height: 180px;
    }
    .modVideo{
        width: 400px;
        height: 230px;
    }
    .carousel-height-MB{
        height: 145px;
    }
    .catalog-form-block form {
        padding: 10px 10px;
    }
    .tabs>label {
        width: 48%;
        font-size: 16px;
    }
    .catalog-form-block {
        padding: 35px 0px;
    }
    #modalZakazBanner .modal-content button.close,
    #modalZakazMainBanner .modal-content button.close {
        right: 25px;
        top: 25px;
    }

    .nalicie_pod_zakaz_block_wrapper {
        min-height: 60px;
    }
}
@media (max-width: 450px) {
    .tktable{
        font-size: 8px;
    }
    .videoWidth {
        width: 260px !important;
        height: 150px;
    }
    .modVideo{
        width: 355px;
        height: 205px;
    }
    .carousel-height-MB{
        height: 130px;
    }
    .kontakty_in2 .youtube {
        min-width: 350px;
    }
    .or-call-us {
        margin-top: 20px;
        text-align: left;
        max-width: 270px;
    }
    .fortune-wheel__modal-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .fortune-wheel__modal-input + span {
        margin-bottom: 20px;
    }
    .fortune-wheel__modal-input {
        height: 60px;
    }
    .fortune-wheel__modal-form .form-group {
        height: 60px;
    }
    .fortune-wheel__modal-form .form-group {
        font-size: 18px;
    }
    .fortune-wheel__modal-form .form-group input {
        width: 210px;
    }
    .fortune-wheel__modal-btn {
        height: 60px;
    }

    .element2.element2--izbrannoe .nalicie_short {
        min-height: 60px;
        display: block;
    }

    #modalZakazMainBannerBusines .modal-dialog, #modalSpasiboZaZayavku .modal-dialog {
        max-width: 265px;
    }
}
@media (max-width: 400px) {
    .videoWidth {
        width: 210px !important;
        height: 150px;
    }
    .modVideo{
        width: 310px;
        height: 183px;
    }
    .kontakty_in2 .youtube {
        min-width: 300px;
    }
    .catalog-form-block {
        padding: 40px 0px;
    }
    .fortune-wheel__modal-form .form-group {
        font-size: 15px;
    }
    .ruletka-result {
        padding: 20px;
    }
    .your-win-result {
        font-size: 26px;
    }
    .modal-content__socials-inner {
        right: 56px;
        width: 96px;
        top: 20px;
    }
    .modal-content__socials-inner-title {
        font-size: 10px;
        line-height: 1;
    }
    .modal-content__socials-items {
        margin-bottom: 5px;
        gap: 5px 3px;
    }
    .modal-content__socials-inner-title.modal-content__socials-inner-title--down {
        margin-bottom: 5px;
    }
    .modal-content.modalSpasibo {
        max-width: 315px;
    }

    .error-page__subtitle {
        font-size: 24px;
    }
}
@media (max-width: 390px) {
    /* Карточка в каталоге ~166px: при 15px длинные названия уходят в 3 строки,
       и цена с кнопкой в соседних карточках встают на разную высоту */
    .tovar_title {
        font-size: 13px;
    }
}
@media (max-width: 350px) {
    .tktable{
        font-size: 6px;
    }
    .carousel-height-MB{
        height: 100px;
    }
    .yellow_block .first_in_yellow .yellow_opis{
        top: 0px;
    }
    .videoWidth {
        width: 180px !important;
        height: 150px;
    }
    .element2{
        margin: 5px 2px;
        width: 250px;
    }
    .akciya_first2 {
        width: 40% !important;
        font-size: 12px !important;
        left: 1%;
    }
    .price_block .skidka {
        font-size: 10px;
    }
    .shortBlock .indiv .first div{
        margin-top: 10px;
    }
    .shortBlock .indiv .first span {
        font-size: 21px;
        line-height: 1;
    }
    .shortBlock .indiv .first p {
        margin: 3vw;
    }
    .not_whitelist{
        left: 0px;
    }
    .modVideo{
        width: 280px;
        height: 165px;
    }}
/* --- Карточки статей (раздел «Статьи о Ростовых куклах», шаблон shortstory_posts.tpl) ---
   Превью и заголовок фиксированной высоты: карточки в ряду выравниваются
   независимо от длины названия. */
.element2--posts .element2__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.element2--posts__link {
    display: block;
    text-decoration: none;
}
.element2--posts__img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #f2f2f2;
}
.element2--posts__img .shortstory_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.element2--posts__title {
    font-family: Gotham Pro, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    color: #333;
    text-align: center;
    padding: 22px 14px 24px;
    min-height: 76px;
}
@media (max-width: 767px) {
    .element2.element2--posts {
        display: inline-block;
    }
}

/* Заголовок раздела статей: отступ сверху как на страницах категорий
   (там над h1 стоят хлебные крошки ~50px + собственный margin 20px).
   Здесь крошек нет, поэтому те же 70px добираем padding-ом контейнера*/
.zagolovokOplata--posts {
    padding-top: 50px;
}

/* --- Блог (/blog/): шаблоны shortstory_blog.tpl и fullstory_blog.tpl --- */
.blog-card {
    display: flex;
    flex-direction: column;
    width: calc(33.333% - 30px);
    margin: 15px;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    color: #333;
    text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease;
}
.blog-card:hover,
.blog-card:focus {
    color: #333;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    transform: translateY(-3px);
}
.blog-card__img {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f2f2f2;
}
.blog-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.blog-card__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 20px 22px 24px;
}
.blog-card__title {
    margin: 0 0 10px;
    font-family: Gotham Pro, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    color: #000;
}
.blog-card:hover .blog-card__title {
    color: #FF0068;
}
.blog-card__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-article__date {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin: -5px 0 20px;
}
.blog-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
@media (max-width: 991px) {
    .blog-card {
        width: calc(50% - 30px);
    }
}
@media (max-width: 575px) {
    .blog-card {
        width: calc(100% - 30px);
    }
    .blog-card__title {
        font-size: 16px;
    }
}