@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');


@font-face{
    font-family: 'Montserrat';
    src: url('/design/images/actions/2020/home-look/Montserrat.ttf') format('truetype');
}

@font-face{
    font-family: 'SignPainter' ;
    src: url('/design/images/actions/2020/home-look/SignPainter.ttf') format('truetype');
}

.footer__link, .footer__paragraph{
    color : #000;
}
a:focus, a:hover {
    color : #000;
    text-decoration : underline;
}
.footer__nav .main-menu__list {
    border-color : #0199A7;
}
.footer {
    margin-bottom : 111px;
}
.music__item .subplayer {
    position : absolute;
    width : 52px;
    height : 52px;
    top : 0;
    right : 0;
    bottom : 25px;
    left : 0;
    margin : auto;
    border-radius : 50% !important ;
    background-color : rgb(255, 255, 255, 0.8) !important ;
    border : #000 solid 1px !important ;
    background-position : center !important ;
}
.kiss-me__btn:after, .kiss-me__title:after {
    width : 100%;
    content : '';
}
.music__name-paragraph {
    font-size : 19px;
}
.kiss-me {
    font-size : 15px;
    overflow : hidden;
}


.kiss-me__wrapper {
    max-width : 1360px;
    margin : 0 auto;
    padding : 60px 15px;
}

.kiss-me__btn {
    font-family: 'Oswald', Sans-Serif !important;
    text-transform: uppercase;
    font-weight: bold;
    background: #EB3152;
    height : 63px;
    padding : 0 69px;
    border : none;
    color : #fff;
    position : relative;
    transition : background-color 0.2s ease;
    font-size : 18px;
}
    @media (max-width: 991px){
        .kiss-me-header__banner {text-align: center !important;}
        .kiss-me-header__link {padding-left: 0px !important;}
    }
.kiss-me__btn:after {
    position : absolute;
    bottom : -5px;
    right : -5px;
    height : 100%;
    transition : border-color 0.2s ease, transform 0.25s ease;
}
.kiss-me__btn:focus, .kiss-me__btn:hover {
    color : #fff;
    background-color : #f595a3;
}
.kiss-me__btn:focus:after, 
.kiss-me__btn:hover:after {
    transform : translate3d(-5px,-5px,0);
    border-color : #f595a3;
}
.kiss-me__title {
    text-transform: uppercase;
    font-size : 80px;
    color : #EB3152;
    text-align : center;
    position : relative;
    margin-bottom : 60px;
    margin-top : 40px;
    font-family: 'SignPainter', Sans-Serif !important;
    letter-spacing: 0.1em;
}

@media screen and (max-width: 1200px) {
    .kiss-me__title {
        margin-bottom : 75px;
    }
}
@media screen and (max-width: 991px) {
    .kiss-me__title {
        margin-bottom : 60px;
    }
}
@media screen and (max-width: 767px) {
    .kiss-me__title {
        font-size : 60px;
        margin-top : 145px;
        margin-bottom : 45px;
    }
    .kiss-me__title.v02 {
        font-size : 60px;
        margin-top : 15px;
        margin-bottom : 45px;
    }
}
@media screen and (max-width: 460px) {
    .kiss-me__title {
        font-size : 50px;
    }
    .kiss-me__title.v02 {
        font-size : 50px;
    }
}

.kiss-me-header {
    padding : 0px 0 60px 0;
    height:947px;
    background : #fff url(/design/images/actions/2020/home-look/home-look-header_bg.jpg) center center no-repeat;
    
}

@media screen and (max-width: 1200px) {
    .kiss-me__title:after {
    top : calc(100% + 20px);
    }
    .kiss-me-header {
    padding : 0px 0 130px;
    }
}
@media screen and (max-width: 991px) {
    .kiss-me__title:after {
        top : calc(100% + 15px);
    }
    .kiss-me-header {
        padding : 0px 0 80px;
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .kiss-me-header {
        background : #fff url(/design/images/actions/2020/home-look/home-look-header_bg2.png) center center no-repeat !important; 
        padding : 0px 0;
        height: auto;
        background-size: 100% 60%;
        margin-bottom: -200px;
    }
}
.kiss-me-header__banner {
    text-align : left;
    max-width : 50%;
    padding : 100px 0px ;
}

@media screen and (max-width: 1200px) {
.kiss-me-header__banner {
    padding : 60px;
    }
}
@media screen and (max-width: 991px) {
.kiss-me-header__banner {
    max-width : 100%;
    padding : 40px;
    }
}
@media screen and (max-width: 767px) {
.kiss-me-header__banner {
    padding : 30px;
    }
}
.kiss-me-header__title {
    font-family: 'SignPainter', Sans-Serif;
    text-transform: uppercase;
    font-size : 80px;
    margin-bottom : 20px;
    color : #EB3152;
    opacity : 0.87;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
    .kiss-me-header__title {
    font-size : 60px;
    }
}
@media screen and (max-width: 1024px) {
    .kiss-me-header__title {
        width:340px;
        margin:0 auto;
        font-size : 80px;
    }
}

@media screen and (max-width: 767px) {
    .kiss-me-header__title {
    font-size : 60px;
    margin-bottom : 15px;
    }
}
@media screen and (max-width: 576px) {
    .kiss-me-header__banner {
    padding : 20px;
    }
    .kiss-me-header__title {
    font-size : 55px;
    }
}
.kiss-me-header__description {
    width: 75%;
    margin-bottom : 30px;
    color : #333;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 190%;
}
@media only screen and (max-width: 1024px){
        .kiss-me-header__description {
            
    width: 100%;
        }
}
@media only screen and (max-width: 560px){
        .kiss-me-header__description {
            font-style: italic;
            margin-bottom : 30px;
            line-height: 20px;
            font-size : 17px;
            color : #333;
        }
}
.kiss-me-header__prise {
    font-size: 12px;
    line-height: 220%;
}
.kiss-me-header__link {
    text-decoration : underline;
    display : block;
    padding-left: 55px;
    color:#eb3152;
}
.kiss-me-header__link:focus, .kiss-me-header__link:hover {
    text-decoration : none;
    color: #f595a3;
}

.kiss-me-nav_wrap{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: end;
	align-content: space-around;
    width: 100%;
    height:100px;
    background:rgba(255,255,255, 0.6);
    padding: 10px 0px 0 0;
}

@media only screen and (max-width: 768px){
    .kiss-me-nav_wrap{
        height:120px;
    }
}

.kiss-me-menu__spacer{width:30%;}

.home-look-wrap{
    display: flex;
    flex-wrap:nowrap;
    width: 100%;
}
.kiss-me-header__look{
    position: relative;
    width: 50%;
}
.header_img01{
    position: absolute;
    z-index: 1;
    top:20px;
    right:50px;
}
.header_img02{
    position: absolute;
    z-index: 2;
    top:140px;
    left:-50px;
}
@media only screen and (max-width: 1200px){
    .header_img02{
        top: 320px;
        left: inherit;
        right: 0px;
    }
}


.home-look-citata{
    width:80%;
    margin:0 auto;
    background: #fff;
    position: relative;
    z-index: 10;
    top:110px;
    padding: 20px 40px;
}
@media only screen and (max-width: 1200px){
    .home-look-citata{width:90%;top:120px;}
}
@media only screen and (max-width: 991px){
    .home-look-citata{width:90%;top:130px;}
}
@media only screen and (max-width: 768px){
    .home-look-citata{width:98%;top:40px;padding: 10px 0px;}
}
.home-look-citata_text{
    text-transform: uppercase;
    font-family: 'SignPainter' , Sans-Serif;
    font-size: 50px;
    line-height: 64px;
    color:#000;
    text-align: center;
    padding: 20px 30px;
    font-style: italic;
    position: relative;
}
@media only screen and (max-width: 1024px){
    .home-look-citata_text{
        font-size: 2rem;
    }
}
.home-look-citata_text:before{
    font-family: 'Georgia', 'Times New Roman', serif;
    content:'“';
    position: absolute;
    top:0px;
    left:40px;
    font-size: 60px;
}
.home-look-citata_text:after{
    font-family: 'Georgia', 'Times New Roman', serif;
    content:'”';
    position: absolute;
    bottom:-10px;
    right:40px;
    font-size: 60px;
}
@media only screen and (max-width: 768px){
    .home-look-citata_text:before{
        left:20px;top:10px;
    }
}

.home-look-citata_autor{
    text-align: right;
    padding:0 40px;
}

.kiss-me-header__logo {
    width : 195px;
    height : 65px;
}

.kiss-me-header__logo-img {
    width : 100%;
}
@media only screen and (max-width: 768px){
    .kiss-me-header__logo{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .kiss-me-header__logo-img{
        width : auto;
        height:40px;
        margin:0 auto;
    }

}


.kiss-me-modal__cancel:focus, .kiss-me-modal__cancel:hover, .kiss-me-modal__close:focus, .kiss-me-modal__close:hover {
    opacity : 0.6;
    outline : 0;
}
.kiss-me-toggler.active span:nth-child(3) {
transform : translate3d(0,-5px,0);
}
.kiss-me-menu {
    width : 1360px;
    margin:0 auto;
    margin-top:20px;
    padding:10px 0 0 0;
    display : flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.kiss-me-menu__link{
    padding:0 60px;
    white-space: nowrap;
    font-family: 'Oswald' , Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color:#000;
    text-transform: uppercase;
}

@media screen and (max-width: 1360px) {
    .kiss-me-menu {width: 100%;}
}

@media screen and (max-width: 1200px) {
    .kiss-me-menu {
        margin-bottom : 10px;
        }
    .kiss-me-menu__spacer{width: 10%;}
}

@media screen and (max-width: 768px){
    .kiss-me-menu {
        margin-bottom: 20px !important;
    }
}
@media screen and (max-width: 560px){
    .kiss-me-menu__link-how,
    .kiss-me-menu__link-u{
        display:none;
    }
}


.kiss-me-how {
    background:#E6E7E9;
    height:750px;
    padding-top:50px;
}

.kiss-me-how__list {
    display : flex;
    align-items : center;
    justify-content : center;
}
@media screen and (max-width: 991px) {
    .kiss-me-how__list {
        grid-template-columns : 1fr 1fr 1fr;
        grid-auto-flow : initial;
    }
}
@media screen and (max-width: 768px) {
    .kiss-me-how__list {
            flex-wrap: wrap;
            grid-template-columns: 1fr;
            margin: 0;
            padding: 0;
        }
    .kiss-me-how__list-item{
        width:50% !important;
        margin:0 auto;
        margin-right:10% !important;
        margin-left:10% !important;
        margin-bottom:100px !important;
    }
    .kiss-me-how {
        height: auto;
        padding-top: 50px;
    }
}

@media screen and (max-width: 560px) {
    .kiss-me-how__list-item{
        width:90% !important;
        margin:0 auto;
        margin-right:10% !important;
        margin-left:10% !important;
        margin-bottom:100px !important;
    }
    .kiss-me-how {
        height: auto;
        padding-top: 50px;
    }
}


.kiss-me-how__title {
    padding : 15px 15px;
    width : 65%;
    color : #000000;
    transition : width 0.2s ease;
    position: absolute;
    z-index: 10;
    height:30px;
    bottom:-25px;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}
    @media (max-width: 991px){
        .kiss-me-how__title {font-size : 13px;white-space:nowrap;}
    }
    
.kiss-me-how__title.hide{
    cursor:not-allowed;
    
}


    
.kiss-me-how__list-item {
    display : flex;
    justify-content: center;
	align-items: flex-start;
	align-content: flex-end;
    text-align : center;
    background-color : #C4C4C4;
    background-size : cover;
    height : 250px;
    width: 25%;
    transition : transform 0.2s ease;
    position: relative;
}
.kiss-me-how__list-item:nth-child(1) {
    background-image : url(/design/images/actions/2020/home-look/how_01.jpg);
    margin:0 80px 0 0;
}
.kiss-me-how__list-item:nth-child(2) {
    background-image : url(/design/images/actions/2020/home-look/how_02.jpg);
    margin:0 80px 0 0;
}
.kiss-me-how__list-item:nth-child(3) {
    background-image : url(/design/images/actions/2020/home-look/how_03.jpg);
}


.kiss-me-how__list-item:nth-child(1):before {
    content:'1';
    font-family: 'Oswald', Sans-Serif !important;
    font-size:200px;
    color: #fff;
    top:60px;
    left: -40px;
    position: absolute;
}
.kiss-me-how__list-item:nth-child(2):before {
    content:'2';
    font-family: 'Oswald', Sans-Serif !important;
    font-size:200px;
    color: #fff;
    top:60px;
    left: -40px;
    position: absolute;
}
.kiss-me-how__list-item:nth-child(3):before {
    content:'3';
    font-family: 'Oswald', Sans-Serif !important;
    font-size:200px;
    color: #fff;
    top:60px;
    left: -40px;
    position: absolute;
}



.kiss-me-participants {
    margin-bottom : 82px;
    background-size: cover;
}
@media screen and (max-width: 1200px) {
.kiss-me-participants {
margin-bottom : 60px;
}
}
@media screen and (max-width: 991px) {
.kiss-me-participants {
margin-bottom : 50px;
}
}
@media screen and (max-width: 576px) {
.kiss-me-participants {
margin-bottom : 40px;
}
}
.kiss-me-participants__list {
    list-style : none;
    padding : 0;
    margin : 0 0 58px;
    display : grid;
    gap : 120px;
}
.kiss-me-participants__block {
    margin-top : 70px;
    background : #fff;
    box-shadow : 0 0 90px rgb(0, 57, 63, 0.15);
    max-width : 600px;
    width : 100%;
    padding : 44px;
    position : absolute;
    right : 0;
    z-index: 2;
    /*outline: 5px solid rgba(0,156,171,1.0);
    outline-offset: 10px;*/
    transition: all 0.2s ease-in-out;
}
.kiss-me-participants__block:hover{
    /*outline-offset: 15px;
    transition: all 0.2s ease-in-out;*/
}

@media screen and (max-width: 1200px) {
    .kiss-me-participants__block {
            padding : 30px;
        }
}
@media screen and (max-width: 1176px) {
    .kiss-me-participants__block {
        max-width: 350px;
    }
    .kiss-me-participants__cover {
        max-width: 650px !important;
    }
}
@media screen and (max-width: 991px) {
    .kiss-me-participants__block {
        position : relative;
        margin-top : 0;
        max-width : 100%;
        padding : 20px;
        outline:inherit;
        outline-offset:inherit;
    }
}
@media screen and (max-width: 480px) {
.kiss-me-participants__block {
    padding : 15px;
    }
}
.kiss-me-participants__cover {
    min-height : 500px;
    max-height : 650px;
    max-width : 850px;
    width : 100%;
    background-color : #f2f2f2;
    display : flex;
    align-items : center;
    justify-content : center;
    position : relative;
    z-index : 1;
    overflow : hidden;
}
.kiss-me-participants__img {
    cursor: pointer;
    transition : filter 0.2s ease;
    max-width : 100%;
}
.kiss-me-participants__img-blur {
    position : absolute;
    left : 0;
    top : 0;
    width : 100%;
    height : 100%;
    object-fit : cover;
    z-index : -1;
    filter : blur(20px);
}
.kiss-me-participants__list-item {
    display : flex;
    align-items : flex-start;
    position : relative;
}
.kiss-me-participants__list-item:before {
    position : absolute;
    left : -5%;
    top : -10%;
    content : '';
    background: url('/design/images/actions/2020/home-look/item_bg_01.jpg')no-repeat;
    background-repeat : no-repeat;
    width : 109%;
    height : 100%;
    z-index : -1;
    background-size: 100% 120%;
}

@media screen and (max-width: 991px) {
    .kiss-me-participants__cover {
        min-height : auto;
        max-width : 100%;
    }
    .kiss-me-participants__list-item {
        flex-direction : column;
    }
    .kiss-me-participants__list-item:before {
        display : none;
    }
}


@media screen and (min-width: 992px) {
    .kiss-me-participants__list-item:hover .kiss-me-participants__block {
        transform : translate3d(0,-10px,0);
        box-shadow : 0 10px 120px rgb(0, 57, 63, 0.25);
    }
    .kiss-me-participants__list-item:hover .kiss-me-participants__img {
        filter : brightness(1.05);
    }
    .kiss-me-participants__list-item:nth-child(even) {
        flex-direction : row-reverse;
    }
    .kiss-me-participants__list-item:nth-child(even):before {
        background-size: 100% 120% !important;
        background: url('/design/images/actions/2020/home-look/item_bg_02.jpg?v=6') no-repeat ;
        left : auto;
        right : -5%;
    }
    .kiss-me-participants__list-item:nth-child(3):before {
        background: url('/design/images/actions/2020/home-look/item_bg_03.jpg?v=2') no-repeat !important;
        background-size: 100% 120% !important;
    }
    .kiss-me-participants__list-item:nth-child(4):before {
        background: url('/design/images/actions/2020/home-look/item_bg_04.jpg?v=2') no-repeat !important;
        background-size: 100% 120% !important;
    }
    .kiss-me-participants__list-item:nth-child(even) .kiss-me-participants__block {
        left : 0;
        right : auto;
        }
}








.kiss-me-participants__name {
    font-family: "Oswald", Sans-Serif;
    text-transform: uppercase;
    color : #EB3152;
    font-size : 22px;
    letter-spacing: 0.19em;
}
.kiss-me-participants__city {
    color : #8D8D8D;
    margin-bottom : 10px;
}
.kiss-me-participants__text {
    font-family: 'Montserrat', Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 190%;
}
.kiss-me-participants__text:not(:last-child) {
    margin-bottom : 10px;
}
.kiss-me-participants__read-more {
    font-weight : 700;
    text-decoration : underline;
    color : #EB3152;
}
.kiss-me-news {
    margin-bottom : 90px;
}
.kiss-me-news__list {
    list-style : none;
    padding : 0;
    margin : 0;
    display : grid;
    grid-auto-flow : column;
    gap : 30px;
    grid-auto-columns : 1fr;
}
.kiss-me-loader:not(.visible), .kiss-me-modal__cancel:not(.visible), .kiss-me-modal__error:not(.visible), .kiss-me-preview:not(.visible) {
    display : none;
}
.kiss-me-news__img {
    width : 100%;
    height : 220px;
    object-fit : cover;
    transition : filter 0.2s ease;
}
.kiss-me-news__list-item {
    position : relative;
}
.kiss-me-news__title {
    background : #fff;
    box-shadow : 0 3px 4px rgb(0, 0, 0, 0.1);
    border-radius : 1px;
    padding : 26px;
    width : 95%;
    margin : 0 auto -10px;
    position : absolute;
    bottom : -10px;
    left : 0;
    right : 0;
    text-align : center;
    transition : transform 0.2s ease;
}
.kiss-me-news__list-item:hover .kiss-me-news__title {
    transform : translate3d(0,-5px,0);
}
.kiss-me-news__list-item:hover .kiss-me-news__img {
    filter : brightness(1.1);
}
.kiss-me-streams {
    max-width : 1140px;
    margin : 0 auto;
}
.kiss-me-pagination {
    text-align : center;
    font-size: 26px;
    color : #003f45;
    font-family : 'Montserrat', sans-serif;
}
.kiss-me-pagination .pagination__link {
    color : #EB3152;
    font-size: 26px;
}
.kiss-me-pagination .pagination__link_current {
    margin : 0 10px;
    text-decoration : none;
}
.kiss-me-modal {
    padding : 55px 70px;
}
@media screen and (max-width: 991px) {
    .kiss-me-news__list {
        grid-template-columns : 1fr 1fr;
        grid-auto-flow : initial;
        row-gap : 40px;
        column-gap : 20px;
    }
    .kiss-me-modal {
        padding : 30px 25px;
    }
}

.kiss-me-modal__title {
    text-transform: uppercase;
    font-family: 'SignPainter' , Sans-Serif !important;
    font-size : 50px;
    color : #EB3152;;
    margin-bottom : 27px;
    text-align : center;
    font-weight : 700;
    font-family: 'Montserrat', serif;
}

@media screen and (max-width: 991px) {
    .kiss-me-modal__title {
        font-size : 30px;
        margin-bottom : 22px;
    }
}
@media screen and (max-width: 576px) {
    .kiss-me-modal {
        padding : 20px;
    }
    .kiss-me-modal__title {
        font-size : 25px;
        margin-bottom : 18px;
    }
}
.kiss-me-modal__close {
    position : absolute;
    right : 16px;
    top : 16px;
    z-index: 100;
    border : none;
    padding : 0;
    width : 22px;
    height : 22px;
    background : url(/design/images/actions/2020/home-look/icon-close.png?v=3) center no-repeat;
    background-size : 100% 100%;
    transition : opacity 0.2s;
    cursor : pointer;
}

@media screen and (max-width: 576px) {
    .kiss-me-modal__close {
        width : 18px;
        height : 18px;
    }
}
.kiss-me-modal__btn {
    background: #EB3152;
    border-radius: 30px;
    height : 45px;
    line-height : 45px;
    margin : 0 20px 0 0;
    font-size : 18px;
    color : #fff;
    padding : 0 25px;
    cursor : pointer;
    transition : background-color 0.2s ease;
    text-align : center;
}
@media screen and (max-width: 767px) {
    .kiss-me-modal__btn {
        font-size : 16px;
        margin-right : 15px;
        padding : 0 10px;
    }
}
.kiss-me-modal__btn:focus, .kiss-me-modal__btn:hover {
    background-color : #fca5b5;
}
.kiss-me-modal__path {
    font-size : 18px;
    color : #888;
}
@media screen and (max-width: 991px) {
    .kiss-me-modal__close {
        top : 12px;
        right : 12px;
    }
    .kiss-me-modal__path {
        font-size : 16px;
    }
}
@media screen and (max-width: 576px) {
    .kiss-me-modal__path {
        font-size : 15px;
    }
}
@media screen and (max-width: 480px) {
.kiss-me-news__list {
    grid-template-columns : 1fr;
    column-gap : 15px;
    }
    .kiss-me-modal__path {
        font-size : 13px;
    }
}

.kiss-me-modal__path:not(:empty) {
    margin-right : 15px;
}
.kiss-me-modal__cancel {
    background : url(/design/images/actions/2020/home-look/icon-close-small.svg) center no-repeat;
    background-size : contain;
    width : 10px;
    height : 10px;
    border : none;
    transition : opacity 0.2s;
    cursor : pointer;
}
.kiss-me-modal__control {
    border : #EB3152 solid 2px;
    height : 47px;
    font-size : 18px;
    border-radius : 2px;
}
@media screen and (max-width: 991px) {
    .kiss-me-modal__control {
        height : 50px;
        font-size : 17px;
    }
}
textarea.form-control{
    height:80px;
}

.kiss-me-loader, 
.kiss-me-preview {
    position : fixed;
    top : 0;
    left : 0;
    height : 100%;
    width : 100%;
}
.kiss-me-modal__control:focus {
    box-shadow : 0 0 0 0.2rem #fca5b5;
    border-color : #EB3152;
}
.kiss-me-modal__label {
    margin-bottom : 10px;
    font-size : 18px;
    padding-left : 7px;
}
@media screen and (max-width: 991px) {
    .kiss-me-modal__label {
        padding-left : 0;
    }
}
.kiss-me-modal__group {
    margin-bottom : 20px;
}

@media screen and (max-width: 767px) {
    .kiss-me-modal__path:not(:empty) {
        margin-right : 10px;
    }
    .kiss-me-modal__group {
        margin-bottom : 16px;
    }
}
.kiss-me-modal__result {
    font-size : 20px;
    text-align : center;
}
.kiss-me-modal__error {
    color : red;
    margin-bottom : 40px;
    font-size : 22px;
    font-weight : 700;
    text-align : center;
}
.kiss-me-loader {
    background : url(/design/images/actions/2020/kiss-me/loader.svg) center no-repeat rgb(0, 0, 0, 0.4);
    background-position : center;
    background-size : 60px;
    z-index : 10;
}
.kiss-me-preview {
    z-index : 15;
    overflow : auto;
}
.kiss-me-preview__wrapper {
    position : absolute;
    background-color : rgb(208, 184, 224, 0.7);
    display : flex;
    justify-content : center;
    align-items : center;
    flex-direction : column;
    padding : 15px;
    width : 100%;
    min-height : 100%;
}
.kiss-me-preview__img {
    box-shadow : 0 0 90px rgb(0, 57, 63, 0.15);
    max-width : 740px;
    max-height : 500px;
}
@media screen and (max-width: 991px) {
    .kiss-me-preview__img {
        max-width : 100%;
    }
}
.kiss-me-preview__block {
    margin-top : -50px;
    background : #fff;
    box-shadow : 0 0 90px rgb(0, 57, 63, 0.15);
    z-index : 1;
    padding : 44px;
    max-width : 850px;
    width : 100%;
    position : relative;
}
@media screen and (max-width: 1200px) {
    .kiss-me-preview__block {
        margin-top : -40px;
        padding : 35px;
        }
}
@media screen and (max-width: 991px) {
    .kiss-me-preview__block {
        margin-top : -30px;
        padding : 25px;
    }
}
@media screen and (max-width: 767px) {
    .kiss-me-preview__block {
        margin-top : -25px;
        padding : 20px;
    }
}
@media screen and (max-width: 480px) {
    .kiss-me-preview__block {
        margin-top : -20px;
        padding : 15px;
    }
}
.kiss-me-preview__text {
    max-height : 260px;
}
.kiss-me-preview .simplebar-track.simplebar-vertical {
    width : 9px;
    transition : opacity 0.1s ease;
}
.kiss-me-preview .simplebar-hover {
    opacity : 0.7;
}
.kiss-me-preview .simplebar-scrollbar.simplebar-visible {
    cursor : pointer;
}
.kiss-me-preview .simplebar-scrollbar.simplebar-visible:before {
    opacity : 1;
    background-color : #EB3152;
}
.kiss-me-preview .simplebar-content {
    padding-right : 20px !important ;
}
.kiss-me-share {
    display : grid;
    grid-auto-flow : column;
    gap : 13px;
    grid-auto-columns : max-content;
}
.kiss-me-share__link {
    border:none;
    width : 24px;
    height : 24px;
    transition : opacity 0.2s ease;
    display : inline-block;
    margin : 0;
    background-size : contain;
    background-position : center;
    background-repeat : no-repeat;
    background: none;
}
.kiss-me-share__link.vk {
    background-image : url(/design/images/actions/2020/home-look/icon-vk.svg);
    background-size: 100% 100%;
}
.kiss-me-share__link.ok {
    background-image : url(/design/images/actions/2020/home-look/icon-ok-2.svg);
    background-size: 100% 100%;
}
.kiss-me-share__link.fb {
    background-image : url(/design/images/actions/2020/home-look/icon-fb.svg);
    background-size: 100% 100%;
}
.kiss-me-share__link.ig {
    background-image : url(/design/images/actions/2020/home-look/icon-ig.svg);
    background-size: 100% 100%;
}
.kiss-me-share__link:focus, .kiss-me-share__link:hover {
    opacity : 0.7;
    outline : 0;
}




.music__logo-img {
    max-width: 100%;
    max-height: 110%;
    width: 90%;
    height: 130%;
    border-radius: 50%;
}
@media (max-width: 768px){
    .music__logo-img {max-width: 100%;
        max-height: 80%;
        width: 100%;
        height:80%;
        border-radius: 50%;
    }
}






/* Подвал */
.home-look-footer{
    height:300px;
    background:#BFE9F5 ;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.home-look-footer_menu{
    padding:0;
    margin:0;
    width: 70%;
    height: 70px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    list-style-type:none ;
}
.home-look-footer_menu-item,
.home-look-footer_menu-link{
    white-space: nowrap;
    font-family: 'Oswald' , Sans-Serif;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    color: #EB3152;
    padding:0 20px;
}
.home-look-footer_menu-link:hover{
    color:#f595a3;
    text-decoration: none;
}
.home-look-footer_ss{
    padding:0;
    margin:0;
    width: 40%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    list-style-type:none ;
}
.home-look-footer_ss-link{
    width: 38px;
    height: 38px;
    display: block;
    margin:0 10px;
    transition: all 0.2s ease-in-out;
    background-size: 95% 95%;
}
.home-look-footer_ss-link.vk{
    background: url('/design/images/actions/2020/home-look/ico_vk.svg') center center no-repeat;
}
.home-look-footer_ss-link.fb{
    background: url('/design/images/actions/2020/home-look/ico_fb.svg') center center no-repeat;
}
.home-look-footer_ss-link.in{
    background: url('/design/images/actions/2020/home-look/ico_in.svg') center center no-repeat;
}
.home-look-footer_ss-link:hover{
    width: 38px;
    height: 38px;
    background-size: 100% 100%;
    transition: all 0.2s ease-in-out;
}

    @media only screen and (max-width: 768px){
        .home-look-footer_menu{
            width: 100% !important;
        }
        .home-look-footer_menu-item,
        .home-look-footer_menu-link{
            white-space: nowrap;
            padding:0 5px !important;
        }
    }
    
    
    

.home-look-mobile{
    display: none;
}
.home-look-not_mobile{
    display: block;
}

@media only screen and (max-width: 991px){
    .home-look-mobile{
        display: block;
    }
    .home-look-not_mobile{
        display: none;
    }
}



.home-look-header{
    width: 43%;
    margin:0 auto;
    height:auto;
}

@media only screen and (max-width: 768px){
    .home-look-header{
        width: 110%;
        margin:0 auto;
        height:auto;
        margin-left:-20px !important;
        margin-top:-40px !important;
    }
}


/*выбери лук своей мечты*/
.home-look-choose{
    width: 100%;
    margin-bottom:80px;
}
.home-look-choose_list{
    margin: 0 auto;
    padding:0;
    width: 70%;
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.home-look-choose_item{
    padding:10px 10px 100px 10px ;
}
@media only screen and (max-width: 1180px){
    .home-look-choose_item:nth-child(5){display:none;}
}
@media only screen and (max-width: 992px){
    .home-look-choose_list{
        flex-wrap: wrap;
        margin-bottom:80px;
    }
    .home-look-choose_item{
        padding:10px 10px 10px 10px ;
    }
}

@media only screen and (max-width: 768px){
    .home-look-choose_list{
        width: 95%;
        flex-wrap: wrap;
        margin-bottom:80px;
    }
    .home-look-choose_item{
        width:50%;
        padding:10px 10px 10px 10px ;
    }
    .home-look-choose_img{
        width:100%;
        height:auto;
    }
}






.members-like{
    width: 30%;
    float:right;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.like-block__count{
    width:70px;
    font-family: Comfortaa;
    font-style: normal;
    font-weight: normal;
    text-align:center;
    color: #000;
    font-family: 'Montserrat' , Sans-Serif;
    font-style: normal;
    font-weight: normal;
    line-height: 190%;
    text-align: right;
}
.like-block__img{
    cursor:pointer;
    width:30px;
    height:30px;
	background:url('/design/images/actions/2020/home-look/ico_like02.svg') center center no-repeat;
	background-size: 100% 100%;
	margin-left:10px;
}
.like-block__img.voted {
    cursor:default;
    background:url('/design/images/actions/2020/home-look/ico_like01.svg') center center no-repeat;
    background-size: 100% 100%;
}
.like-block__img-blocked{
    cursor:not-allowed;
}