@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap&subset=cyrillic') ;
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap') ;
.footer__link, .footer__paragraph, a {
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-family : 'Open Sans', sans-serif;
font-size : 15px;
overflow : hidden;
}
.kiss-me-header__title, .kiss-me-how__title, .kiss-me-participants__name, .kiss-me__title {
font-family: 'Playfair Display', serif;
text-transform: uppercase;
}
.kiss-me-how__title{
text-transform: inherit;
font-weight: bold;
font-size: 17px;
}

.kiss-me__wrapper {
max-width : 1360px;
margin : 0 auto;
padding : 0 15px;
}
.kiss-me__btn {
font-family: 'Playfair Display', serif;
font-weight: bold;
background: linear-gradient(68.46deg, #009CAB 11.81%, #20CEDF 86.49%);
border-radius: 50px;
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 : #007b87;
}
.kiss-me__btn:focus:after, .kiss-me__btn:hover:after {
transform : translate3d(-5px,-5px,0);
border-color : #007b87;
}
.kiss-me__title {
font-size : 50px;
color : #F4992B;
text-align : center;
position : relative;
margin-bottom : 60px;
margin-top : 90px;
}
@media screen and (max-width: 1200px) {
.kiss-me__title {
font-size : 42px;
margin-bottom : 75px;
}
}
@media screen and (max-width: 991px) {
.kiss-me__title {
font-size : 34px;
margin-bottom : 60px;
}
}
@media screen and (max-width: 767px) {
.kiss-me__title {
font-size : 26px;
margin-bottom : 45px;
}
}
.kiss-me__title:after {
/*position : absolute;
top : calc(100% + 25px);
left : 0;
right : 0;
margin : 0 auto;
max-width : 700px;
height : 2px;
background-color : #009CAB;*/
}
.kiss-me-header {
padding : 0px 0 60px;
margin-bottom : 63px;
height:847px;
background : url(/design/images/img_for_action/2020/mfw/header-bg.jpg) top center no-repeat #fff;
}
@media screen and (max-width: 950px) {
    .kiss-me-header {
        background-size: contain;
    }
}
@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 {
padding : 0px 0;
height: auto;
}
}
.kiss-me-header__banner {
text-align : left;
max-width : 900px;
padding : 140px 0px;
}
@media screen and (max-width: 1200px) {
.kiss-me-header__banner {
padding : 60px;
}
}
@media screen and (max-width: 991px) {
.kiss-me-header__banner {
background-color : rgb(255, 255, 255, 0.7);
max-width : 100%;
padding : 40px;
margin-top:80px;
}
}
@media screen and (max-width: 767px) {
.kiss-me-header__banner {
padding : 30px;
}
}
.kiss-me-header__title {
font-size : 80px;
margin-bottom : 20px;
color : #F4992B;
opacity : 0.87;
}
@media screen and (max-width: 1200px) {
.kiss-me-header__title {
font-size : 60px;
}
}
@media screen and (max-width: 991px) {
.kiss-me-header__title {
font-size : 50px;
}
}
@media screen and (max-width: 767px) {
    .kiss-me-header__title {
    font-size : 40px;
    margin-bottom : 15px;
    }
}
@media screen and (max-width: 576px) {
    .kiss-me-header__banner {
    padding : 20px;
    }
    .kiss-me-header__title {
    font-size : 35px;
    }
}
.kiss-me-header__description {
    font-style: italic;
    margin-bottom : 30px;
    line-height: 40px;
    font-size : 17px;
    color : #333;
}
.kiss-me-header__link {
text-decoration : underline;
display : block;
padding-left: 55px;
}
.kiss-me-header__link:focus, .kiss-me-header__link:hover {
text-decoration : none;
}




.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;
}

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





.kiss-me-header__logo {
width : 195px;
height : 65px;
}
@media screen and (max-width: 991px) {
.kiss-me-header__logo {
display : none;
}
}
.kiss-me-header__logo-img {
width : 100%;
}
.kiss-me-header__logo-mobile {
margin-bottom : 30px;
margin-left : 30px;
width : 195px;
height : 65px;
padding:15px;
display : inline-block;
}
@media screen and (min-width: 992px) {
.kiss-me-header__logo-mobile {
display : none;
}
}
.kiss-me-toggler {
display : flex;
justify-content : space-between;
background : 0 0;
border : none;
width : 24px;
height : 19px;
flex-direction : column;
position : absolute;
top : 43px;
right : 23px;
z-index : 150;
transition : transform 0.15s ease;
outline:none;
}
@media screen and (min-width: 992px) {
.kiss-me-toggler {
display : none;
}
}
.kiss-me-toggler span {
width : 100%;
height : 3px;
background-color : #000;
display : inline-block;
transition : transform 0.15s ease, opacity 0.15s ease;
border-radius : 2px;
}
.kiss-me-toggler.active {
transform : rotate(45deg);
}
.kiss-me-toggler.active span:nth-child(1) {
transform : rotate(90deg) translate3d(11px,0,0);
}
.kiss-me-toggler.active span:nth-child(2) {
opacity : 0;
}
.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 {
    border-bottom:solid 2px #20aab5;
    background:url('/design/images/img_for_action/2020/mfw/menu_back_line.png') top left repeat-x;
    width : 1360px;
    margin-top:20px;
    padding:10px 0 0 0;
    margin:0 auto;
    display : flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.kiss-me-menu__link{
    padding:0 30px;
    white-space: nowrap;
}
@media screen and (max-width: 1200px) {
    .kiss-me-menu {
        margin-bottom : 10px;
        }
    .kiss-me-menu__spacer{width: 10%;}
}
@media screen and (max-width: 991px) {
    .kiss-me-menu__spacer {display:none;}
    .kiss-me-menu {
    position : fixed;
    left : 100%;
    top : 0;
    bottom : 0;
    transition : transform 0.2s ease, box-shadow 0.15s ease;
    background-color : #fff;
    grid-auto-flow : row;
    padding : 40px;
    gap : 30px;
    white-space : nowrap;
    grid-auto-rows : max-content;
    align-content : center;
    z-index : 100;
    margin-bottom : 0;
    }
    .kiss-me-menu.active {
        transform : translate3d(-30%,0,0);
        box-shadow : -10px 0 20px rgb(0, 0, 0, 0.2);
        flex-wrap: wrap;
    }
    .kiss-me-menu__link{width:80%;}
}
.kiss-me-how {
margin-bottom : 80px;
}
.kiss-me-how__list {
display : grid;
grid-auto-flow : column;
grid-auto-columns : 1fr;
gap : 17px;
list-style : none;
padding : 0;
margin : 0;
}
@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 {
    grid-template-columns : 1fr;
    gap : 15px;
   
    }
    .kiss-me-how__list-item{
         margin-bottom:40px;
    }
}
.kiss-me-how__title {
font-size : 17px;
padding : 15px 15px;
width : 65%;
color : #fff;
transition : width 0.2s ease;
will-change : width;
cursor: pointer;
background: linear-gradient(69.5deg, #009CAB 11.81%, #20CEDF 86.49%);
border-radius: 100px;
position: absolute;
z-index: 10;
bottom:-25px;
}
    @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 {
cursor: pointer;
display : flex;
align-items : center;
justify-content : center;
text-align : center;
background-color : #C4C4C4;
background-size : cover;
height : 250px;
transition : transform 0.2s ease;
position: relative;
}
.kiss-me-how__list-item:nth-child(1) {
background-image : url(/design/images/img_for_action/2020/mfw/how-1.jpg);
}
.kiss-me-how__list-item:nth-child(2) {
background-image : url(/design/images/img_for_action/2020/mfw/how-2.jpg);
}
.kiss-me-how__list-item:nth-child(3) {
background-image : url(/design/images/img_for_action/2020/mfw/how-3.jpg);
}

.kiss-me-how__list-item:hover {
transform : translate3d(0,-5px,0);
}
.kiss-me-how__list-item:hover .kiss-me-how__title {
width : 70%;
}
.kiss-me-participants {
margin-bottom : 82px;
background:url('/design/images/img_for_action/2020/mfw/participants_bg.jpg?v=2') top center no-repeat ;
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 : 50px;
}
.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%;
    z-index : 1;
    padding : 44px;
    position : absolute;
    right : 0;
    transition : transform 0.2s ease, box-shadow 0.3s ease;
    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: 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 : -15%;
top : -20%;
content : '';
background-repeat : no-repeat;
width : 100%;
height : 100%;
z-index : -1;
}
@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;
}
}
/*.kiss-me-participants__list-item_design_1:before {
background-image : url(/design/images/img_for_action/2020/kiss-me/decor/decor-1.png);
}
.kiss-me-participants__list-item_design_2:before {
background-image : url(/design/images/img_for_action/2020/kiss-me/decor/decor-2.png);
}
.kiss-me-participants__list-item_design_3:before {
background-image : url(/design/images/img_for_action/2020/kiss-me/decor/decor-3.png);
}
.kiss-me-participants__list-item_design_4:before {
background-image : url(/design/images/img_for_action/2020/kiss-me/decor/decor-4.png);
}
.kiss-me-participants__list-item_design_5:before {
background-image : url(/design/images/img_for_action/2020/kiss-me/decor/decor-5.png);
}
*/
@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 {
left : auto;
right : -15%;
background-position : right;
}
.kiss-me-participants__list-item:nth-child(even) .kiss-me-participants__block {
left : 0;
right : auto;
}
}
.kiss-me-participants__name {
color : #F4992B;
font-size : 22px;
}
.kiss-me-participants__city {
color : #8D8D8D;
margin-bottom : 10px;
}
.kiss-me-participants__text:not(:last-child) {
margin-bottom : 10px;
}
.kiss-me-participants__read-more {
font-weight : 700;
text-decoration : underline;
color : #F4992B;
}
.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 : 'Open Sans', sans-serif;
}
.kiss-me-pagination .pagination__link {
color : #F4992B;
font-size: 26px;
}
.kiss-me-pagination .pagination__link_current {
margin : 0 10px;
text-decoration : underline;
}
.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 {
font-size : 50px;
color : #009CAB;
margin-bottom : 27px;
text-align : center;
font-weight : 700;
font-family: 'Yeseva One', 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 : 1;
border : none;
padding : 0;
width : 22px;
height : 22px;
background : url(/design/images/img_for_action/2020/kiss-me/icon-close.svg) center no-repeat;
background-size : contain;
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: linear-gradient(65.14deg, #009CAB 11.81%, #20CEDF 86.49%);
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 : #006d78;
}
.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/img_for_action/2020/kiss-me/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 : #009CAB solid 2px;
height : 63px;
font-size : 18px;
border-radius : 2px;
}
@media screen and (max-width: 991px) {
.kiss-me-modal__control {
height : 50px;
font-size : 17px;
}
}
.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 rgb(0, 156, 171, 0.25);
border-color : #00e2f8;
}
.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/img_for_action/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(0, 155, 171, 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 : #F4992B;
}
.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 {
width : 24px;
height : 24px;
transition : opacity 0.2s ease;
display : inline-block;
margin : 0;
background-size : contain;
background-position : center;
background-repeat : no-repeat;
}
.kiss-me-share__link.vk {
background-image : url(/design/images/img_for_action/2020/kiss-me/icon-vk.svg);
}
.kiss-me-share__link.ok {
background-image : url(/design/images/img_for_action/2020/kiss-me/icon-ok-2.svg);
}
.kiss-me-share__link.fb {
background-image : url(/design/images/img_for_action/2020/kiss-me/icon-fb.svg);
}
.kiss-me-share__link.ig {
background-image : url(/design/images/img_for_action/2020/kiss-me/icon-ig.svg);
}
.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%;
    }
}