@font-face{
    font-family:'Ubuntu';
    src: url('/design/images/fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}
@font-face{
    font-family:'Phenomena';
    src: url('/design/images/fonts/Phenomena/Phenomena-Regular.otf') format('truetype');
}
@font-face{
    font-family:'Phenomena-Black';
    src: url('/design/images/fonts/Phenomena/Phenomena-Black.otf') format('truetype');
}
body{
    margin: 0; padding: 0;
    box-sizing: border-box;
    font-family: "Ubuntu", sans-serif; 
    background:#fffced; 
}

/* управление отображением пунктов меню для мобил */
.udivili__menu_control{
    display: none;
}
.udivili__header{
    width: 100%;
    position: relative;
    min-height:1080px;
}
.udivili__menu{
    width: 100%;
}
.udivili__menu_mobile_list{
    display: none;
    position: absolute;
    z-index: 100;
    right:-600px;
}
.udivili__menu_list{
    width: 1200px;
    margin:0 auto;
    margin-top:20px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}
.udivili__menu_link{
    padding: 10px;
    display: block;
    color:#351C06;
    text-decoration:none;
    transition: ease-in-out 0.2s;
}
.udivili__menu_link:hover{
    display: block;
    color:#EA6323;
    text-decoration:none;
    transition: ease-in-out 0.2s;
}
.udivili__menu-index{
    position: relative;
    z-index: 1;
}
.udivili__menu-index:after{
    content:'';
    display: block;
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    background:url('/design/images/img_for_actions/2021/udivili/udivi_home.png')  no-repeat;
    background-size:contain;
    top:13px;
    left:-10px;
}
.udivili__menu-add{
    border:solid 2px #F79238;
    transition: ease-in-out 0.2s;
}
.udivili__menu-add:hover{
    border:solid 2px #71D3FD;
    transition: ease-in-out 0.2s;
}
.udivili__menu_add_control_point{
    width: 1px;
    height: 1px;
    position: absolute;
    top:40px;
    right:900px;
    z-index: 100;
    display: none;
    border:solid 1px red;
}
.udivili__menu_add_control{
    position: relative;
    background: #39BCEF;
    width: 735px;
    height: 276px;
    z-index: 100;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.udivili__menu_add_btn-story{
    cursor: pointer;
    color:#fff;
    background: #F79238;
    padding: 20px 50px;
    margin-right:30px;
    font-size: 16px;
    transition: ease-in-out 0.2s;
    border:solid 1px #fff;
}
.udivili__menu_add_btn-media{
    cursor: pointer;
    color:#fff;
    background: #71D3FD;
    padding: 20px 60px;
    font-size: 16px;
    transition: ease-in-out 0.2s;
    border:solid 1px #fff;
}
.udivili__menu_add_btn-story:hover,
.udivili__menu_add_btn-media:hover{
    transition: ease-in-out 0.2s;
     box-shadow: 0px 0px 13px 2px rgba(248, 197, 153, 0.85);
}

.udivili__menu_add_close{
    position: absolute;
    top:-40px;
    right:0px;
    width: 37px;
    height: 37px;
    background:url('/design/images/img_for_actions/2021/udivili/udivi_popup_close.png') no-repeat;
    background-size: contain;
    cursor:pointer;
}

.udivili__header_sharik_wrap{
    position: absolute;
    z-index: 1;
    top:400px;
    left:0px;
    width: 400px;
    height: 538px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	background: #70D4F7;
}
.udivili__header_sharik{
    width: 253px;
    height: 360px;
    margin-right: 70px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_header_sharik.png') no-repeat;
    background-size: cover;
    animation: sharik_bobble 3s infinite;
}
@keyframes sharik_bobble {
    0% {
        transform: translate3d(0px, 20px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(0px, -10px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(0px, 20px, 0px);
    }
}
.udivili__header_kolca_wrap{
    position: absolute;
    z-index: 10;
    top:-150px;
    right:30px;
    width: 196px;
    height: 500px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.udivili__header_kolca{
    width: 196px;
    height: 500px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_header_kolca.png') no-repeat;
    background-size: cover;
    animation: kolca_bobble 5s infinite;
}
@keyframes kolca_bobble {
    0% {
        transform: translate3d(0px, -20px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(0px, 10px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(0px, -20px, 0px);
    }
}
.udivili__header_girl_wrap{
    position: absolute;
    z-index: 10;
    top: -22px;
    left: 180px;
    width: 244px;
    height: 320px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.udivili__header_girl{
    width: 244px;
    height: 320px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_header_girl.png') no-repeat;
    background-size: cover;
}


.udivili__header_yellow_wrap{
    position: relative;
    z-index: 1;
    width: 100%;
    height:1px;
}
.udivili__header_yellow{
    width: 1080px;
    height: 716px;
    position: absolute;
    z-index: 1;
    right:60px;
    top:40px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_header_yellow.jpg') no-repeat;
    background-size: cover;
}
.udivili__header_yellow_child{
    position: absolute;
    z-index: 100;
    right:120px;
    bottom:40px;
    width: 600px;
    height: 460px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_header_child.png') no-repeat;
    background-size: cover;
}
.udivili__header_about{
    width: 733px;
    height: 533px;
    position: absolute;
    z-index: 2;
    left: 15%;
    top:200px;
    background: #fff;
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.05);
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.udivili__header_about_title{
    font-family: 'Phenomena-Black', Sans-Serif;
    font-size: 99px;
    color: #EA6323;
    text-align: center;
    width: 100%;
    margin:0 auto;
}
.udivili__header_about_descr{
    margin:20px auto;
    width: 100%;
    padding:20px 50px;
    font-size: 16px;
    line-height: 190.69%;
}
.udivili__header_about_btn{
    margin:30px auto;
}
.udivili__header_about_btn-story{
    border:none;
    cursor: pointer;
    color:#fff;
    background: #F79238;
    padding: 20px 30px;
    margin-right:30px;
    font-size: 16px;
    transition: ease-in-out 0.2s;
}
.udivili__header_about_btn-media{
    border:none;
    cursor: pointer;
    color:#fff;
    background: #71D3FD;
    padding: 20px 30px;
    margin-right:30px;
    font-size: 16px;
    transition: ease-in-out 0.2s;
}
.udivili__header_about_btn-story:hover,
.udivili__header_about_btn-media:hover{
    transition: ease-in-out 0.2s;
     box-shadow: 0px 0px 13px 2px rgba(248, 197, 153, 0.85);
}
.udivili__header_time{
    position: absolute;
    width: 628px;
    height: 160px;
    z-index: 2;
    background: #BCD821;
    left:25%;
    top:850px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.udivili__header_time_ico{
    width: 85px;
    height: 85px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_header_time.png') no-repeat;
    background-size: cover;
}
.udivili__header_time_descr{
    color:#fff;
    padding:0 40px;
    font-weight:bold;
    font-size: 21px;
    line-height: 27px;
}
.udivili__header_time_kacheli{
    width: 1px;
    height: 1px;
    position: relative;
}
.udivili__header_time_kacheli_girl{
    width: 236px;
    height: 222px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_header_kacheli.png') no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 2;
    top:80px;
    right:-50px;
}

/* об акции */
.udivili__about{
    width:100%;
    height: 510px;
    position: relative;
    z-index: 1;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: flex-end;
}
.udivili__about_white{
    background: transparent;
    width:5%;
}
.udivili__about_blk{
    width:95%;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
    background: #F79238;
}
.udivili__about_text{
    padding:0 40px 40px 80px ;
    width: 50%;
}
.udivili__about_title{
    font-family: 'Phenomena', Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 50px;
    padding-top:40px;
    padding-bottom:20px;
    color: #FFFFFF;
}
.udivili__about_descr{
    font-size: 19px;
    line-height: 190%;
    color: #FFFFFF;
}
.udivili__about_spacer{
    width: 49%;
}

.udivili__about_foto_alexei_lysenkov_wrap{
    display: block;
    width: 1px;
    height: 440px;
    position: relative;
    z-index: 100;
    bottom:0px;
}
.udivili__about_foto_alexei_lysenkov{
    position: absolute;
    z-index: 3;
    bottom:0px;
    right:80px;
    width: 679px;
    height: 731px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_about_aleksey.png') no-repeat;
    background-size: cover;
}



/*Новости и сказки*/
.udivili_related_wrap{
    width: 100%;
    height: auto;
    padding-bottom: 40px;
}
.udivili_related{
    width: 1366px;
    margin: 0 auto;
}
.udivili__news-title,
.udivili__tales-title{
    font-family: 'Phenomena', Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    margin:0 ;
    padding-left:30px;
    color: #EA6323;
}
.udivili__related-link {
    text-decoration: none;
}
.udivili_news_related{
    background: #fff;
    border-radius:10px;
    padding:10px;
}


.modal-body__head_closed {display:none;font-size:30px; padding:50px 0 150px 0;text-align:center;}

.scrollbar-news > .scroll-element.scroll-x{
    height: 18px;
}


/* Форма заявки */
.modal-body__label{
    color:#fff;
    font-size:14px;
}
label{position:relative !important;}

#udivili_pop .error-message {
    position: absolute;
    z-index:100;
    background:red;
    color:#fff;
    font-size:10px;
    text-align:center;
    padding: 0px 5px;
    white-space: nowrap;
    top: 10px;
    right: 0px;
}

#udivili_pop .check_field--error.error_string{
    right:0px;
    top: 64px;
}
#udivili_pop .check_field--error.error_file{
    right:0px;
    top: 14px;
}
        @media (max-width: 450px){
            #udivili_pop .check_field--error.error_file{
                    right: -194px;
                    top: -3px;
                }
        }

#udivili_pop .check_field--error.error_text{
    right:0px;
    top: 110px;
}
#udivili_pop .check_field--error.error_agree{
    left:0px;
    top:-20px;
}





#udivili_pop .modal-dialog {
    max-width: 730px;
}
#udivili_pop .modal-content.story {
    background: #F79238;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
}
#udivili_pop .modal-content.media,
#udivili_pop .modal-content{
    background: #55B6F3;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
}


#udivili_pop .modal-content::-webkit-scrollbar {
    width: 4px;
}
#udivili_pop .modal-content::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
#udivili_pop .modal-content::-webkit-scrollbar-thumb {
    background: linear-gradient(360deg, #455DD0 0%, #76A1F5 100%);
}
#udivili_pop .modal-body {
    padding: 1rem 20px;
}
#udivili_pop .modal-body__head,
#udivili_pop .modal-body__small-head {
    font-family: 'Phenomena', Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 50px;
    text-align:center;
    margin:0 ;
    color: #fff;
    text-transform: uppercase;
}
    #udivili_pop .modal-content.media .modal-body__head.story {
        display: none;
    }
    #udivili_pop .modal-content.media .modal-body__head.media {
        display: block;
    }
    
    #udivili_pop .modal-content.story .modal-body__head.story {
        display: block;
    }
    #udivili_pop .modal-content.story .modal-body__head.media {
        display: none;
    }
    
    
    #udivili_pop .modal-content.media .modal-body__inputs-fieldset.story {
        display: none;
    }
    #udivili_pop .modal-content.media .modal-body__inputs-file.media {
        display: block;
    }
    
    #udivili_pop .modal-content.story .modal-body__inputs-fieldset.story {
        display: block;
    }
    #udivili_pop .modal-content.story .modal-body__inputs-file.media {
        display: none;
    }


#udivili_pop .modal-body__small-head {
    font-size: 30px;
}
#udivili_pop  .modal-body__pictitle {
    width:371px;
    height:auto;
}
    @media (max-width: 750px){
        #udivili_pop  .modal-body__pictitle {
            width:70%;
            height:auto;
        }
    }
#udivili_pop p{
    color:#514b8a;
}
#udivili_pop .modal-body__paragraph{
    padding:120px 20px 120px 20px;
    color:#fff;
    font-weight:bold;
    font-size:17px;
}
#udivili_pop .modal-body__paragraph.center{
    text-align:center;
    padding:10px 20px 0 20px;
    color:#fff;
    font-size:24px;
    font-weight:bold;
}
#udivili_pop .modal-body__inputs-fieldset {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	align-items: center;
	align-content: space-between;
    margin-bottom: 20px;
    padding: 10px 40px 0px 40px;
    position: relative;
    z-index: 3;
}
 

#udivili_pop .close {
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 15px;
    z-index: 100;
}
#udivili_pop .close__img{
    width:30px;
    height:30px;
    background: #fff;
    border-radius: 100%;
    padding: 5px;
}
#udivili_pop  #participant__contacts::-webkit-outer-spin-button, 
#udivili_pop  #participant__contacts::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#udivili_pop  #participant__contacts {
    -moz-appearance: textfield;
}
#udivili_pop .wtm__container {
    display: flex;
}
#udivili_pop .wtm__input,
#udivili_pop .wtm__input1{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
#udivili_pop .wtm__span,
#udivili_pop .submit-fieldset__link,
#udivili_pop .submit-fieldset__link:hover {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
#udivili_pop .wtm__span a,
#udivili_pop .wtm__span a:hover{color:#fff;}
#udivili_pop .modal-body__submit-fieldset.agree {
    padding: 30px 40px 0px 40px;
}
#udivili_pop .submit-fieldset__link{
    text-decoration:underline;
}
#udivili_pop .modal-body__submit-fieldset .form-group {
    display: flex;
    justify-content: center;
    margin: 35px 0 10px 0;
}
.spacer10{
    clear:all;
    height:10px;
    width: 100%;
}

.form-group.video{
    position: relative !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
align-content: flex-start !important;
align-items: flex-start !important;
padding: 0px !important;
top: -31px !important;
left: 5px !important;
}

#udivili_pop .modal-content.media .main__btn {
    margin:0 auto;
    width:250px;
    height:53px;
    background: #f79238;
    color:#fff;
    text-decoration: none;
    border:none;
    transition: all 0.2s ease-in-out;
    color:#fff;
    font-size:18px;
    display: flex;
    align-items: center;
    font-weight:bold;
    justify-content: center;
    border:solid 2px #fff; 	
}
#udivili_pop .modal-content.media .main__btn:hover{
        color:#fff;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
    }

#udivili_pop .modal-content.story .main__btn {
    margin:0 auto;
    width:250px;
    height:53px;
    background: #71D3FD;
    color:#fff;
    text-decoration: none;
    border:none;
    transition: all 0.2s ease-in-out;
    color:#fff;
    font-size:18px;
    display: flex;
    align-items: center;
    font-weight:bold;
    justify-content: center;
    border:solid 2px #fff; 	
}
#udivili_pop .modal-content.story .main__btn:hover{
        color:#fff;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
    }
    
#udivili_pop .main__submit.disabled{
    cursor: not-allowed !important;
    background: #BABABA;
    color:#666;
    
}
#udivili_pop .votya__submit.loading{
    background: #f79238 url('/design/images/img_for_actions/2021/udivili/loading.svg') left center no-repeat;
    background-size:40px 40px;
    cursor: not-allowed !important;
}

#udivili_pop .modal-body__inputs-file.media{
    display: block;
}
#udivili_pop .modal-body__inputs-file .form-group {
    display: flex;
    margin: 0;
    padding: 10px 40px 10px 40px;
    flex-wrap: nowrap;
}
#udivili_pop .modal-body__inputs-fieldset .form-group {
    display: flex;
    flex-direction: column;
    width: 48%;
    position: relative;
}
#udivili_pop .modal-body__inputs-fieldset .form-group-wide{
    display: flex;
    flex-direction: column;
    width: 98%;
}
#udivili_pop .fileform {
    position: relative;
    background: #0000;
    border-color: #0000;
    padding: 0;
    align-items: center;
    margin: 0 auto;
    display: flex;
    text-align: center !important;
    justify-content: center !important;
    align-content: center !important;
    flex-wrap: wrap;
}
#udivili_pop .fileform-separator{width:50px;font-size: 23.4667px;color:#fff;
    padding:0; margin:0 auto;
}

@media (max-width: 768px){
    #udivili_pop .fileform {grid-template-columns: auto;height: 70px;}
    #udivili_pop .modal-body__inputs-fieldset {grid-template-columns: 100%;}
    #udivili_pop .selectbutton, 
    #udivili_pop .selectbutton1 {max-width:inherit !important;width:98%;}
    #udivili_pop #fileformlabel, #udivili_pop #fileformlabel1 {grid-area: 3;font-size:11px;margin-bottom:30px;}
    #udivili_pop .modal-body__inputs-fieldset ,
    #udivili_pop .modal-body__inputs-file .form-group{padding: 20px 20px 0px 20px;flex-wrap: wrap;}
    #udivili_pop .modal-body__submit-fieldset.agree {padding: 0;}
}

#udivili_pop .selectbutton,
#udivili_pop .selectbutton1{
    max-width: 165px;
    background: #f79238;
    height: 36px;
    display: grid;
    text-align: center;
    align-items: center;
    font-size: 15px;
    color: #fff;
    border:solid 2px #fff;
    width: 280px;
}
#fileformlabel,
#fileformlabel1,
#fileformlabel2{
    font-size: 12px;
    color: #1410D8;
    width: 100%;
}
#upload,
#upload1{
    position: absolute;
    width: 100%;
    opacity: 0;
    height: 36px;
    cursor: pointer !important;
    width: 165px;
    z-index: 175;
}
#udivili_pop .upload_foto{
    margin:0 auto;
    margin-top:20px;
    max-width: 240px;
    height:auto;
}

#udivili_pop .modal-body__input {
    border: none;
    padding: 5px 10px;
    color: #000;
    width: 100%;
}

#udivili_pop .form-group__textarea {
    display: flex;
    flex-direction: column;
    margin:0 auto;
}
#udivili_pop .modal-body__textarea {
    border: none;
    height: 80px;
    resize: none;
    padding: 5px 10px;
    color: #000;
    font-family: "Raleway-Regular", sans-serif;
}

#udivili_pop .hit__participate_icon{
    width:200px;
    height: auto;
    position: absolute;
    z-index:1;
    margin:0 auto;
    top: -120px;
    left: 170px;
}
@media screen and (max-width: 420px) {
    .main__btn {
        width: 150px;
        height: 150px;
    }
    .modal-body {
        padding: 1rem 20px;
    }
    .close {
        right: 0;
        top: 0;
    }
    .close__img {
        width: 30px;
        height: 30px;
        object-fit: contain;
    }
    .modal-body__head {
        margin: 20px 0;
    }
    .modal-body__inputs-fieldset {
        width: 100%;
        grid-template-columns: auto;
        justify-content: initial;
    }
    .form-group.form-group__file-group {
        margin-bottom: 60px;
    }
    #fileformlabel {
        grid-area: 2/1/3/3;
        font-size:12px !important;
        color:#fff;
    }
}
.error-field{
    display: none;
    width: 88%;
    margin:0 auto;
    padding:10px 20px;
    text-align:center;
    background:red;
    color:#fff;
    border-radius:30px;
    font-size:22px;
}

.modal.fade.show{
    display: block !important;
}

.modal.fade{
    display: none !important;
}
.sendedpagetab{
    position: relative;
    overflow: hidden;
}
.sendedpagetab_img{
    position: absolute;
    top: 20px;
    left: 0px;
}








/*Аудио*/
.udivili_audio_wrap{
    width: 1366px;
    position: relative;
    z-index: 100;
    margin:0 auto;
    margin-bottom:40px;
}
.udivili_audio_girl{
    position: absolute;
    z-index: 3;
    left:0px;
    top: -50px;
    background: url('/design/images/img_for_actions/2021/udivili/udivi_audio_girl.png') center center no-repeat;
    background-size: contain;
    width: 170px;
    height: 200px;
}
.udivili_audio{
    margin:0 auto;
    position: relative;
    z-index: 100;
}
.udivili__audio_show{
    cursor:pointer;
    display: block;
    margin:0 auto;
    color:#f79238;
    margin-top:20px;
    transition: all 0.2s ease-in-out;
}
.udivili__audio_show:hover{
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.udivili__audio_show_ico{
    margin-left:5px;
}
.udivili__audio_show:hover > .udivili__audio_show_ico{
    margin-bottom:-5px;
    transition: all 0.2s ease-in-out;
}

.udivili__audio_hide{
    display: none;
    cursor:pointer;
    margin:0 auto;
    color:#f79238;
    margin-top:20px;
    transition: all 0.2s ease-in-out;
}
.udivili__audio_hide:hover{
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.udivili__audio_hide_ico{
    margin-left:5px;
}
.udivili__audio_hide:hover > .udivili__audio_hide_ico{
    margin-bottom:5px;
    transition: all 0.2s ease-in-out;
}

.udivili__audio_item.item-hide{
    visibility: hidden;
    height:0px;
    margin: 0px;
    padding: 0px;
}
.udivili__audio_item.item-hide.vis{
    visibility: visible;
    height:auto !important;
    margin: 0px 5px 10px 5px;
    padding: 15px 5px 15px 5px;
}
.udivili_audio_header{
    position: relative;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}
.udivili_audio_title{
    font-family: 'Phenomena', Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    margin:0 ;
    color: #EA6323;
	width: 50%;
	padding-left:150px;
}
.udivili_audio_descr{
    text-align: right;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:40px;
	width: 50%;
	color:#EA6323;
}


.udivili__audio_list{
    width: 1366px;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
}
.udivili__audio_item{
    margin: 0px 5px 10px 5px;
    padding:5px 5px 5px 5px ;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: #FEF1DB;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.udivili__audio_item.active{
    margin: 0px 5px 10px 5px;
    padding:15px 5px 15px 5px ;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-in-out;
    background: #fff7e6;
    border-radius: 11px;
}

.udivili__audio-img{
    margin:10px 10px 10px 10px ;
    width: 64px;
    height: 64px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 5px;
}
.udivili__audio-img:after{
    content: '';
    width: 115px;
    height: 115px;
    display: block;
    background-size: contain;
    margin-top: -25px;
    transition: all .2s linear !important;
}
.udivili__audio_item:hover .udivili__audio-img:after{
    opacity: 0.4;
    transition: all .2s linear !important;
}
.udivili__audio-about{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 84%;
    position: relative;
}
.udivili__audio-content{
    width: 80%;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 115px;
}
.udivili__audio-name{
    font-family: 'Montserrat' , Sans-Serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 110%;
    width: 100%;
    padding:0 10px;
}
.udivili__audio-author{
    font-family: 'Montserrat' , Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #7E7E7E;
    width: 100%;
    margin-top:3px;
}

.main-player__wrapp {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    position: relative;
}
.toggleplayer  {outline:none;}
.udivili__audio_item .toggleplayer.play {
    background: url(/design/images/img_for_actions/2021/udivili/play.png) center no-repeat !important;
    background-size: contain !important;
    position: relative;
    z-index: 10;
    width: 68px;
    height: 68px;
    display: block;
}
.udivili__audio_item .toggleplayer.stop {
    background: url(/design/images/img_for_actions/2021/udivili/stop.png) center no-repeat !important;
    background-size: contain !important;
    transform: scale(1);
    position: relative;
    z-index: 10;
    width: 68px;
    height: 68px;
    display: block;
}
#soundSlider-block{
    display: none;
}
.description_botton_side{
    position: relative;
    z-index: 11;
    width: 100%;
    height:10px;
    left:0px;
}
.pr{
    position: relative;
}
.manipulation__player{
    position: relative;
}
.manipulation__duration {
    font-size: 14px;
    line-height: 10px;
    color: #000;
    margin-top: 18px;
    position: absolute;
    right:-52px;
    bottom:10px;
}
.progressbar-wrapper {
    width: 700px;
    background: #f79238;
    position: absolute;
    border-radius: 5px;
    left: 170px;
    bottom: 2px;
    z-index: 20;
}
.progressbar-wrapper-span {
    height: 4px;
    display: block;
    background: #f1f1f1;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.15);
    border-radius: 100px;
    cursor: pointer;
}
.progressbar {
    display: block;
    height: 4px;
    background: #f79238;
}
.icon {
    display: block;
    width: 15px;
    height: 13px;
    position: absolute;
    right: 48px;
    bottom: -4px;
    cursor: pointer;
}
.icon-volume {
    background: url(/design/images/img_for_actions/2020/know/volum_1.svg) no-repeat;
    background-position: center;
    background-size: contain;
}
.icon-volume-off {
    background: url(/design/images/img_for_actions/2020/know/volum_0.svg) no-repeat;
    background-position: center;
    background-size: contain;
}

.sliderBack {
    background: #EB5757 !important;
    height: 1px;
}

 .sliderStrip {
    left: 249px;
    top: -3px;
    width: 40px;
    height: 1px;
    background: #cdcdcd;
    z-index: 100;
}
.sliderThumb {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -3px;
    background-color: #EB5757;
    margin-left: -2px;
    cursor: pointer;
    z-index: 101;
}


/*Голосуем*/
.udivili-like{
    width: 200px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	position: absolute;
    right: 130px;
}
.like-block__count{
    width:70px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 17px;
    text-align:center;
    color: #351C06;
}
.like-block__img{
    cursor:pointer;
    width:30px;
    height:30px;
	background:url('/design/images/img_for_actions/2021/udivili/sp_like_01_.png') center center no-repeat;
	background-size: contain;
}
.like-block__img.voted {
    cursor:default;
    background:url('/design/images/img_for_actions/2021/udivili/sp_like_01.png') center center no-repeat;
    background-size: contain;
}
.like-block__img-off{cursor:not-allowed;}
.like-block__img.final.like-block__img-off{cursor:not-allowed;}

.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/*ПОДВАЛ*/

.udivili__footer {
    background: #F79238;
} 
.main-info__paragraph,
.mail-edition__paragraph,
.udivili__footer .main-info__link,
.udivili__footer .bottom-left__link,
.bottom-left__paragraph{
    color: #fff;
}
.landing-footer_page_udivili-2021 {
    max-width: 1340px;
    font-size: 12px;
    color: #fff;
}
.landing-footer_page_udivili-2021 .social-links {
    color: #fff;
}
.landing-footer_page_udivili-2021 .social-links__link:hover,
.landing-footer_page_udivili-2021 .social-links__link:focus,
.landing-footer_page_udivili-2021 .social-links__link:active {
    color: #FDE94E;
}
.landing-footer_page_udivili-2021 .landing-footer__app-link:hover,
.landing-footer_page_udivili-2021 .landing-footer__app-link:focus,
.landing-footer_page_udivili-2021 .landing-footer__app-link:active {
    background-color: #FDE94E;
}

.footer__age-restrictions {
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  opacity: 0.7;
}

#sitestat{
    position: absolute;
    width: 0px;
    height:0px;
    left:-3000px;
    overflow: hidden;
}





    @media only screen and (max-width: 1700px){
        .udivili__header_yellow_child {
            width: 400px;
            height: 310px;
        }
        .udivili__header_time {
            width: 508px;
        }
    }
    @media only screen and (max-width: 1600px){
         .udivili__header_time {
            width: 448px;
        }   
        .udivili__header_time {
            left: 30%;
        }
        .udivili__header_time_kacheli_girl {
            right: 70px;
        }
        .udivili__header_yellow {
            width: 1005px;
        }
    }
    @media only screen and (max-width: 1500px){
        .udivili__header {
            min-height: 1500px;
        }
        .udivili__header_yellow {
            width: 60%;
            height: 996px;
        }
        .udivili__header_yellow_child {
            width: 400px;
            height: 310px;
        }
        .udivili__menu_list {
            width: 970px;
        }
        .udivili__header_sharik_wrap {
            top: 770px;
        }
        .udivili__header_time {
            left: inherit;
            top: 1150px;
            right: 30%;
        }
        .udivili__about_foto_alexei_lysenkov {
            width: 579px;
            height: 611px;
        }
        .udivili__header_time_kacheli_girl {
            top: 80px;
            right: 150px;
        }
        .udivili__header_girl_wrap {
            top: 8px;
            left: -30px;
        }
    }
    
    @media only screen and (max-width: 1366px){
        .udivili_related{
            width: 95%;
            margin:0 auto;
        }
        .udivili_audio_wrap,
        .udivili__audio_list{
              width: 98%;
              margin:0 auto;
         }
         .udivili__header_about {
            left: 5%;
         }
         .udivili__menu_list {
            width: 60%;
        }
        .udivili__header_yellow{
            right:0%;
        }
        .udivili__about_foto_alexei_lysenkov {
            right: 10px;
        }
        .udivili__header_time {
            width: 428px;
        }
        .udivili__header_time_kacheli_girl {
            top: 79px;
            right: 160px;
        }
        .udivili__header_time {
            top: 1230px;
            right: 32%;
        }
        .udivili__about_foto_alexei_lysenkov_wrap {
            height: 490px;
        }
        .progressbar-wrapper {
            width: 490px;
        }
    }
    
    @media only screen and (max-width: 1200px){
        .udivili__about_foto_alexei_lysenkov_wrap {
            height: 490px;
        }
        .udivili__header_time {
            top: 1190px;
            right: 22%;
        }
    }
     @media only screen and (max-width: 1180px){
        .udivili__about_foto_alexei_lysenkov {
            width: 469px;
            height: 491px;
        }
        .udivili__header_time {
            top: 1230px;
            right: 22%;
        }
        .udivili__about_descr {
            line-height: 100%;
        }
        .udivili__about_title {
            padding-bottom: 60px;
        }
        .udivili__header_girl_wrap,
        .udivili__header_girl{
            width: 218px;
            height: 284px;
        }
        .udivili__header_girl_wrap{
            top: 80px;
            left: -30px;
        }
        .udivili__menu_list {
            width: 80%;
        }
        .udivili__menu_list {
            justify-content: flex-start;
        }
    }
    @media only screen and (max-width: 1100px){
        .udivili__header_time {
            right: 20%;
        }
        .progressbar-wrapper {
            width: 310px;
        }
    }
    
    @media only screen and (max-width: 1024px){
        .udivili__header_yellow {
            background: url('/design/images/img_for_actions/2021/udivili/udivi_header_yellow1024.jpg') no-repeat;
        }
        .udivili__about_white {
            display: none;
        }
        .udivili__about_blk{width: 100%;}
        .udivili_audio_wrap {
            margin-top:80px;
        }
        .udivili__header_time {
            right: 1%;
            top: 1149px;
            width: 56.5%;
        }
        .udivili__header {
            min-height: 1460px;
        }
        .udivili__header_yellow {
            width: 58%;
            height: 996px;
        }
        .udivili__header_sharik_wrap {
            width: 360px;
        }
    }
    
    @media only screen and (max-width: 970px){
        .udivili__header_sharik_wrap,
        .udivili__header_kolca_wrap{
            display: none;
        }
        .udivili__header_time {
            right: 1%;
            top: 1149px;
            width: 98%;
        }
        .udivili__header_yellow {
            width: 68%;
            height: 730px;
            background: url('/design/images/img_for_actions/2021/udivili/udivi_header_yellow970.jpg') bottom right no-repeat;
            background-size: cover;
            top: 340px;
        }
        .udivili__header_yellow_child {
            right: 59%;
        }
        
        .udivili__header_about {
            width: 80%;
            height: auto;
            position: inherit;
            z-index: 2;
            left: inherit;
            margin:0 auto;
            margin-top: 70px;
            top: inherit;
            background: #fff;
            box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.05);
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            align-content: center;
        }
        .udivili__header_about_title {
            font-size: 69px;
        }
        .udivili__header_about_btn{
            display: flex;
        	flex-direction: row;
        	flex-wrap: wrap;
        	justify-content: center;
        	align-items: center;
        	align-content: center;
        }
        .udivili__header_about_btn{
            margin-top:0px;
        }
        .udivili__header_about_btn-story,
        .udivili__header_about_btn-media{
            margin:0 auto;
            margin-top: 10px;
            width: 95%;
        }
        .udivili__about_spacer{
            display: none;
        }
        .udivili__about_blk {
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: stretch;
            align-content: stretch;
            background: #F79238;
        }
        .udivili_audio_girl{
            display: none;
        }
        .udivili_audio_header {
            flex-wrap: wrap;
        }
        .udivili_audio_title,
        .udivili_audio_descr{
            padding-left: 0px;
            text-align:left;
            width: 97%;
            margin:0 auto;
            margin-bottom:20px;
        }
        .udivili__menu-about,
        .udivili__menu-audio,
        .udivili__menu-tales,
        .udivili__menu-news,
        .udivili__menu-add {
            display: none;
        }
        .udivili__about_foto_alexei_lysenkov_wrap{
            width: 80%;
            margin:0 auto;
        }
        .udivili__about_foto_alexei_lysenkov{
            position: inherit;
            width: 100%;
        }
        .udivili__about_text{
            width: 100%;
        }
        .udivili__about{
            height:auto;
        }
        .udivili__about_blk{
            flex-wrap: wrap;
        }
        .udivili__header_girl_wrap, 
        .udivili__header_girl {
            width: 114px;
            height: 150px;
        }
        .udivili__header_girl_wrap {
            top: -20px;
            left: 50%;
        }
        .udivili__header_about_title{
            padding-top:40px;
        }
        .udivili__header_about {
            height: auto;
        }
        
        .udivili__menu_control{
            display: block;
        }
        .udivili__menu_mobile_list{
            position: absolute;
            z-index: 100;
            right:0px;
            top:30px;
            width: 200px;
            background: #f79238;
            box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.25);
        }
        .udivili__menunobile_link,
        .udivili__menunobile_link:hover{
            color:#fff;
            display: block;
            width: 100%;
            padding:10px 20px ;
        }
        .udivili__menu_control{
            display: block;
            
        }
        .udivili__menu_control_on,
        .udivili__menu_control_off{
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            top:0px;
            right:20px;
            cursor: pointer;
        }
        .udivili__menu_control_off{
            display: none;
        }
        .udivili__menu_control_on{
            display: flex;
        	flex-direction: row;
        	flex-wrap: wrap;
        	justify-content: center;
        	align-items: center;
        	align-content: center;
        }
        .udivili__menu_control_on i {
            display: block;
            width: 80%;
            height: 3px;
            background: #351C06;
            border-radius: 5px;
            margin:3px 0;
        }
        .udivili__menu_control_off i {
            display: block;
            width: 80%;
            height: 3px;
            background: #351C06;
            border-radius: 5px;
            margin:0px 0;
        }
        .udivili__menu_control_off i:nth-child(1) {
            position: absolute;
            transform: rotate(45deg);
            top:15px;
            right:5px;
        }
        .udivili__menu_control_off i:nth-child(2) {
            position: absolute;
            transform: rotate(-45deg);
            top:15px;
            right:5px;
        }
        .progressbar-wrapper {
                width: 280px;
                left: 110px;
            }
    }
    
    @media only screen and (max-width: 768px){
        .udivili-like {
            width: 90px;
        }
        .udivili__audio_item {
            align-items: flex-start;
            height:180px;
        }
        .udivili-like {
            width: 200px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            align-content: stretch;
            position: absolute;
            right: inherit;
            top: 125px;
            left: -150px;
        }
        .manipulation__duration {
            font-size: 14px;
            line-height: 10px;
            color: #000;
            margin-top: 18px;
            position: absolute;
            right: inherit;
            bottom: inherit;
            left: 80px;
            top: 50px;
        }
    }
        
    @media only screen and (max-width: 640px){
        .udivili__header_yellow_child {
            right: 19%;
        }
        .udivili__header_yellow_child {
            bottom: 0px;
        }
        .udivili__about_foto_alexei_lysenkov_wrap {
            width: 90%;
        }
    }
    
    @media only screen and (max-width: 480px){
        .udivili__about_foto_alexei_lysenkov {
            height: 313px;
        }
        .udivili__about_foto_alexei_lysenkov_wrap {
            height: 314px;
            position: inherit;
        }
        .udivili__header_about_title {
            font-size: 59px;
            line-height: 50px;
        }
        .udivili__header_about {
            width: 90%;
        }
        .udivili__header_about_descr {
            padding: 20px 20px;
        }
        .udivili__header_yellow_child {
            right: 9%;
        }
        .udivili__header_time_descr {
            font-size: 16px;
        }
        .udivili__header_time_kacheli_girl {
            right: 10px;
        }
        .udivili__about_text {
            padding: 0 20px 40px 20px;
        }
        .progressbar-wrapper {
            width: 300px;
            left: 0px;
            top: 100px;
        }
        #udivili_pop  .modal-body__head{font-size: 30px;}
        #udivili_pop .close {right: -2px;top: -2px;}
    }
    
[data-content="story"] {
    --field-color: #FFF;
    --field-color-hover: #FEF1DB;
    --field-color-selected: #71D3FD;
    --field-color-selected-hover: #55B6F3;
}

[data-content="media"] {
    --field-color: #FFF;
    --field-color-hover: #C9EFFF;
    --field-color-selected: #F79238;
    --field-color-selected-hover: #F18422;
}
    
.checkboxFieldset {
    --color-error: #FF0000;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
    border: none;
}

.checkboxFieldset + .error-message {
    display: none;
}
.checkboxLabel {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
}
.checkboxWrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    place-items: center;
    flex-shrink: 0;
}
.checkboxWrapper__visibleField {
    position: relative;
    flex-shrink: 0;
    --field-size: 20px;
    background: var(--field-color);
    border-radius: 2px;
    width: var(--field-size);
    aspect-ratio: 1 / 1;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid transparent;
}
.checkboxLabel:has(:user-invalid) .checkboxWrapper__visibleField {
    border-color: var(--color-error);
}
.checkboxLabel:has(:user-invalid) .checkbox__checkboxText,
.checkboxLabel:has(:user-invalid) .checkbox__checkboxText a {
    color: var(--color-error);
}
.checkboxLabel:has(:checked) .checkboxWrapper__visibleField {
    background: var(--field-color-selected);
    border-color: #FFF;
}
.checkboxLabel:has(:checked) .checkboxWrapper__visibleField::before,
.checkboxLabel:has(:checked) .checkboxWrapper__visibleField::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 2px;
    background-color: #FFF;
    display: block;
}
.checkboxLabel:has(:checked) .checkboxWrapper__visibleField::before {
    transform: translate(-50%, -50%) rotate(45deg);
    width: 5px;
    margin-left: -4px;
    margin-top: 2px;
}
.checkboxLabel:has(:checked) .checkboxWrapper__visibleField::after {
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 12px;
    margin-left: 1px;
    margin-top: 0px;
}
.checkboxLabel:not(:has(:checked)):hover .checkboxWrapper__visibleField {
    background: var(--field-color-hover);
}
.checkboxLabel:has(:checked):hover .checkboxWrapper__visibleField {
    background: var(--field-color-selected-hover);
    border-color: #FFF;
}
.checkboxWrapper__hiddenField {
    opacity: 0;
    position: absolute;
    top: -1000%;
}
.checkbox__checkboxText {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}
.checkbox__checkboxText a {
    color: #FFF;
    text-decoration: underline;
}
.checkbox__checkboxText a:hover {
    text-decoration: none;
}