/*  Developer: Sergey Gamal Email: sergey.gamal@gmail.com  */
@import url("https://fonts.googleapis.com/css?family=Lato:300,400|Roboto:100,300,400,700");
@font-face { font-family: 'Ambroise Francois Demi'; src: url("../fonts/AmbroiseFrancoisDemiRegular.otf"); font-weight: 400; font-style: normal; }

body, html { margin: 0px; padding: 0px; background: #ffffff; color: #231f20; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; -webkit-text-size-adjust: 100%; }

.container { max-width: 1920px; min-width: 320px; overflow: hidden; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }

section { position: relative; }

.wrap { width: 1280px; margin: 0 auto; padding: 0 10px; }

@media (max-width: 1300px) { .wrap { width: 96%; padding: 0 2%; } }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.clearfix:after { display: table; content: ''; clear: both; }

.hide { display: none; }

.justify { text-align: justify; font-size: 0px; text-justify: newspaper; }

.justify > div { display: inline-block; vertical-align: middle; text-align: left; font-size: 16px; }

.justify:after, .justify .justify-break { content: ''; display: inline-block; width: 100%; }

h1, h2 { font-family: "Ambroise Francois Demi"; margin: 0; font-size: 45px; font-weight: 400; line-height: 1.34; text-transform: uppercase; letter-spacing: 27px; white-space: pre-line; letter-spacing: 0.01em; }

@media (max-height: 700px) { h1, h2 { font-size: 30px; } }

@media (max-width: 1500px) { h1, h2 { font-size: 30px; } }

h3, form .title { font-size: 17px; font-weight: 700; line-height: 1.29; text-transform: uppercase; }

h4 { font-size: 25px; line-height: 30px; font-weight: 300; margin: 0; }

@media (max-width: 640px) { h4 { font-size: 18px; line-height: 23px; } }

a { color: inherit; text-decoration: underline; outline: none; }

.red { color: #ed1c24; }

.button, form button, form input[type="submit"] { min-width: 160px; height: 60px; line-height: 56px; border: 2px solid #ed1c24; background-color: #ed1c24; border-radius: 0px; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; font-size: 16px; font-family: "Ambroise Francois Demi"; font-weight: 400; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 6.4px; margin-left: auto; margin-right: auto; margin-bottom: 20px; display: inline-block; position: relative; cursor: pointer; -webkit-appearance: none; outline: none; -webkit-transition: all linear 0.2s; -o-transition: all linear 0.2s; transition: all linear 0.2s; }

.button:hover, form button:hover, form input[type="submit"]:hover { background: #e30613; border-color: #e30613; }

.button.enter, form button.enter, form input[type="submit"].enter { text-indent: -9999px; overflow: hidden; width: 60px; min-width: 60px; font-size: 0px; position: relative; }

.button.enter:before, form button.enter:before, form input[type="submit"].enter:before { content: ''; width: 19px; height: 12px; display: block; margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url(../img/layout/ico-enter.png) no-repeat center; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), textarea { display: inline-block; height: 60px; background-color: #ffffff; color: #000000; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; text-align: left; padding: 0 28px; margin: 0 auto 20px; border: 2px solid #c8c8c8; border-radius: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; resize: none; outline: none; -webkit-transition: all linear 0.1s; -o-transition: all linear 0.1s; transition: all linear 0.1s; letter-spacing: 3.2px; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]).required, textarea.required { border-color: #ed1c24 !important; color: #ed1c24; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]).required::-webkit-input-placeholder, textarea.required::-webkit-input-placeholder { color: #ed1c24; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]).required:-moz-placeholder, textarea.required:-moz-placeholder { color: #ed1c24; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]).required::-moz-placeholder, textarea.required::-moz-placeholder { color: #ed1c24; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]).required:-ms-input-placeholder, textarea.required:-ms-input-placeholder { color: #ed1c24; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input::-webkit-input-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input:-moz-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input::-moz-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input:-ms-input-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

textarea { font-family: "Roboto", sans-serif; padding-top: 15px; padding-bottom: 15px; height: 150px; }

textarea::-webkit-input-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

textarea:-moz-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

textarea::-moz-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

textarea:-ms-input-placeholder { color: #969696; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; }

input[type=radio] { display: none; }

input[type=radio] + label { padding-left: 30px; position: relative; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.75; cursor: pointer; }

input[type=radio] + label:before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; border: 1px solid #000000; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; }

input[type=radio]:checked + label:after { content: ''; display: block; width: 10px; height: 10px; background-color: #000000; position: absolute; left: 4px; top: 50%; margin-top: -5px; border-radius: 100%; }

ul { list-style: none; display: block; padding: 0; }

ul li { padding-left: 30px; position: relative; margin-bottom: 20px; }

ul li:before { content: ''; display: block; width: 8px; height: 11px; background: url(../img/layout/ico-list.png) no-repeat center; position: absolute; left: 0; top: 0.3em; }

form { margin: 0 auto; }

form .title { margin-bottom: 40px; white-space: pre-line; }

form p { white-space: pre-line; }

@media (max-width: 900px) { form .title, form p { white-space: normal; } }

form .about-form { display: block; color: #4c4c4c; font-size: 12px; font-weight: 300; line-height: 15px; }

.slider-prev, .slider-next { position: relative; }

.slider-prev a, .slider-next a { display: block; position: relative; text-indent: -9999px; background: #000000; border: 1px solid #000000; -webkit-box-sizing: border-box; box-sizing: border-box; width: 60px; height: 60px; -webkit-transition: all linear 0.1s; -o-transition: all linear 0.1s; transition: all linear 0.1s; }

.close { width: 25px; height: 25px; position: absolute; right: 30px; top: 30px; cursor: pointer; -webkit-transition: all linear 0.1s; -o-transition: all linear 0.1s; transition: all linear 0.1s; }

.close:before, .close:after { content: ''; display: block; width: 25px; height: 2px; background: #000000; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -12px; }

.close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.select2-container--default { margin-bottom: 30px; }

.select2-container--default .select2-selection--single { background: transparent; border: none; border-bottom: 1px solid #4c4c4c; height: 50px !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; font-size: 16px; font-family: "Roboto", sans-serif; font-weight: 300; text-align: center; color: #4c4c4c; }

.select2-container--default .select2-selection--single .select2-selection__arrow { top: auto; bottom: 0; right: 0; width: 45px; height: 45px; background: #4c4c4c; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; height: 10px; width: 10px; margin: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.select2-container--default .select2-results__option { margin: 0; }

.select2-container--default .select2-results__option:before { display: none; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #ffffff; color: #000000; }

.flex-wrp, header, header nav .menu, section.s2 > .flex-wrp .item, section.s4 > .flex-wrp .item, section.s8 > .flex-wrp .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide form, footer, .dialogs .popup#booking .form-box form, .flex-r2, section.s4 > .flex-wrp, section.s4 > header, header nav section.s4 > .menu, section.s2 > .flex-wrp section.s4 > .item, section.s4 > .flex-wrp section.s4 > .item, section.s8 > .flex-wrp section.s4 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form, section.s4 > footer, .dialogs .popup#booking .form-box section.s4 > form, .flex-r3, .flex-r4, .flex-r5, .flex-r6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-wrp .item, header .item, header nav .menu .item, section.s2 > .flex-wrp .item .item, section.s4 > .flex-wrp .item .item, section.s8 > .flex-wrp .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide form .item, footer .item, .dialogs .popup#booking .form-box form .item, .flex-r2 .item, section.s4 > .flex-wrp .item, section.s4 > header .item, header nav section.s4 > .menu .item, section.s2 > .flex-wrp section.s4 > .item .item, section.s8 > .flex-wrp section.s4 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item, section.s4 > footer .item, .dialogs .popup#booking .form-box section.s4 > form .item, .flex-r3 .item, .flex-r4 .item, .flex-r5 .item, .flex-r6 .item { -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-r2 .item, section.s4 > .flex-wrp .item, section.s4 > header .item, header nav section.s4 > .menu .item, section.s2 > .flex-wrp section.s4 > .item .item, section.s8 > .flex-wrp section.s4 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item, section.s4 > footer .item, .dialogs .popup#booking .form-box section.s4 > form .item { width: 50%; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; }

.flex-r3 .item { width: 33.333%; -webkit-box-flex: 1; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; }

.flex-r4 .item { width: 25%; -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; }

.flex-r5 .item { width: 20%; -webkit-box-flex: 1; -ms-flex: 1 1 20%; flex: 1 1 20%; }

.flex-r6 .item { width: 16.6666%; -webkit-box-flex: 1; -ms-flex: 1 1 16.6666%; flex: 1 1 16.6666%; }

header { position: fixed; z-index: 49; top: 0; left: 0; width: 100%; padding: 3.6vh 3.125% 3.6vh; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), color-stop(40%, rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0) 100%); background-position: left top -150px; background-repeat: no-repeat; }

header .logo { background: url(../img/layout/logo.png) no-repeat center; background-size: contain; width: 192px; height: 75px; text-indent: -9999px; overflow: hidden; position: relative; }

header .logo:before, header .logo:after { content: ''; display: block; width: 100%; height: 100%; background: url(../img/layout/logo.png) no-repeat center; background-size: contain; opacity: 0; position: absolute; top: 0; left: 0; -webkit-transition: opacity ease 0.2s; -o-transition: opacity ease 0.2s; transition: opacity ease 0.2s; }

header .logo:before { opacity: 1; }

header .logo:after { background-image: url(../img/layout/logo_white.png); }

header nav .sandwich { display: block; width: 50px; cursor: pointer; padding: 20px 0; }

header nav .sandwich span { display: block; width: 50px; height: 2px; background-color: #231f20; margin-bottom: 13px; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-left: auto; }

@media (max-width: 550px) { header nav .sandwich span { background-color: #ffffff; } }

header nav .sandwich span.s2 { width: 40px; margin-bottom: 0; }

header nav.white .sandwich span { background-color: #ffffff; }

header nav .menu { position: absolute; z-index: -1; right: 0; top: 0; width: 380px; height: 100vh; padding: 60px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; font-family: "Ambroise Francois Demi"; font-size: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 7.2px; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: translate3d(105%, 0, 0); transform: translate3d(105%, 0, 0); opacity: 0; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }

@media (max-width: 450px) { header nav .menu { padding-top: 100px; padding-bottom: 30px; } }

header nav .menu li { padding-left: 0; padding-right: 10px; }

header nav .menu li:last-child { margin-bottom: 0; }

header nav .menu li:before { display: none; }

header nav .menu li a { text-decoration: none; }

header nav .menu li a:hover { color: #ed1c24; }

header nav .menu li a.booking { color: #969696; }

header nav .menu li a.booking:before { content: ''; display: inline-block; vertical-align: top; width: 11px; height: 14px; background: url(../img/layout/ico-lock.png) no-repeat center; background-size: contain; margin-right: 8px; margin-top: 0.2em; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { header nav .menu li a.booking:before { background-image: url(../img/layout/ico-lock@2x.png); } }

header nav.active .sandwich span { background-color: #000000 !important; }

header nav.active .sandwich span.s1 { width: 35px; -webkit-transform: rotate(-45deg) translate(0, -7px); -ms-transform: rotate(-45deg) translate(0, -7px); transform: rotate(-45deg) translate(0, -7px); }

header nav.active .sandwich span.s2 { width: 35px; -webkit-transform: rotate(45deg) translate(-1px, 8px); -ms-transform: rotate(45deg) translate(-1px, 8px); transform: rotate(45deg) translate(-1px, 8px); }

header nav.active .menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }

header.white-bg { background-position: left 0px top 0px; }

@media (max-width: 550px) { header.white-bg nav .sandwich span { background-color: #000000; } }

header.left-white .logo:before { opacity: 0; }

header.left-white .logo:after { opacity: 1; }

header.left-white ~ footer .slider-count { color: #ffffff; }

header.left-white ~ footer .slider-count .total { color: #c8c8c8; }

@media (max-height: 900px) { header { padding-top: 2vh; padding-bottom: 2vh; }
  header .logo { width: 136px; height: 53px; } }

@media (max-height: 700px) { header { padding-left: 2%; padding-right: 2%; } }

@media (max-width: 1300px) { header { padding-left: 2%; padding-right: 2%; }
  header .logo { width: 95px; height: 37px; }
  header nav .sandwich { width: 35px; }
  header nav .sandwich span { width: 35px; margin-bottom: 8px; }
  header nav .sandwich span.s2 { width: 25px; }
  header nav .menu { width: 320px; }
  header nav.active .sandwich span.s1 { width: 35px; -webkit-transform: rotate(-45deg) translate(3px, -7px); -ms-transform: rotate(-45deg) translate(3px, -7px); transform: rotate(-45deg) translate(3px, -7px); }
  header nav.active .sandwich span.s2 { width: 35px; -webkit-transform: rotate(45deg) translate(2px, 8px); -ms-transform: rotate(45deg) translate(2px, 8px); transform: rotate(45deg) translate(2px, 8px); } }

@media (max-width: 450px) { header { padding-left: 4%; padding-right: 4%; } }

section { position: relative; }

section.s1 { min-height: 300px; }

@media (max-width: 960px) { section { min-height: 100vh !important; } }

section > .flex-wrp, section > header, header nav section > .menu, section.s2 > .flex-wrp section > .item, section.s4 > .flex-wrp section > .item, section.s8 > .flex-wrp section > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section > form, section > footer, .dialogs .popup#booking .form-box section > form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; position: relative; top: 0; left: 0; width: 100%; min-height: 100vh; }

section > .flex-wrp:before, section > header:before, header nav section > .menu:before, section.s2 > .flex-wrp section > .item:before, section.s4 > .flex-wrp section > .item:before, section.s8 > .flex-wrp section > .contact-wrp:before, section.s8 > .flex-wrp .contact-wrp .wide section > form:before, section > footer:before, .dialogs .popup#booking .form-box section > form:before, section > .flex-wrp > .bg, section > header > .bg, header nav section > .menu > .bg, section.s2 > .flex-wrp section > .item > .bg, section.s4 > .flex-wrp section > .item > .bg, section.s8 > .flex-wrp section > .contact-wrp > .bg, section.s8 > .flex-wrp .contact-wrp .wide section > form > .bg, section > footer > .bg, .dialogs .popup#booking .form-box section > form > .bg { content: ''; display: block; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: -1; }

section.s1 > .flex-wrp, section.s1 > header, header nav section.s1 > .menu, section.s2 > .flex-wrp section.s1 > .item, section.s4 > .flex-wrp section.s1 > .item, section.s8 > .flex-wrp section.s1 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form, section.s1 > footer, .dialogs .popup#booking .form-box section.s1 > form { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

section.s1 > .flex-wrp:before, section.s1 > header:before, header nav section.s1 > .menu:before, section.s2 > .flex-wrp section.s1 > .item:before, section.s4 > .flex-wrp section.s1 > .item:before, section.s8 > .flex-wrp section.s1 > .contact-wrp:before, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form:before, section.s1 > footer:before, .dialogs .popup#booking .form-box section.s1 > form:before { background-image: url(../img/bg/s1.jpg); }

section.s1 > .flex-wrp .singer, section.s1 > header .singer, header nav section.s1 > .menu .singer, section.s2 > .flex-wrp section.s1 > .item .singer, section.s4 > .flex-wrp section.s1 > .item .singer, section.s8 > .flex-wrp section.s1 > .contact-wrp .singer, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .singer, section.s1 > footer .singer, .dialogs .popup#booking .form-box section.s1 > form .singer { max-width: 343px; margin: 0 150px 130px auto; }

@media (max-height: 500px) { section.s1 > .flex-wrp .singer, section.s1 > header .singer, header nav section.s1 > .menu .singer, section.s2 > .flex-wrp section.s1 > .item .singer, section.s4 > .flex-wrp section.s1 > .item .singer, section.s8 > .flex-wrp section.s1 > .contact-wrp .singer, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .singer, section.s1 > footer .singer, .dialogs .popup#booking .form-box section.s1 > form .singer { margin: 0 0 100px auto; margin-bottom: 100px; margin-right: 0; max-width: 50%; } }

@media (max-width: 1600px) { section.s1 > .flex-wrp .singer, section.s1 > header .singer, header nav section.s1 > .menu .singer, section.s2 > .flex-wrp section.s1 > .item .singer, section.s4 > .flex-wrp section.s1 > .item .singer, section.s8 > .flex-wrp section.s1 > .contact-wrp .singer, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .singer, section.s1 > footer .singer, .dialogs .popup#booking .form-box section.s1 > form .singer { margin-right: 10vw; max-width: 50%; } }

@media (max-width: 900px) { section.s1 > .flex-wrp .singer, section.s1 > header .singer, header nav section.s1 > .menu .singer, section.s2 > .flex-wrp section.s1 > .item .singer, section.s4 > .flex-wrp section.s1 > .item .singer, section.s8 > .flex-wrp section.s1 > .contact-wrp .singer, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .singer, section.s1 > footer .singer, .dialogs .popup#booking .form-box section.s1 > form .singer { margin-bottom: 100px; max-width: 50%; } }

section.s1 > .flex-wrp .singer img, section.s1 > header .singer img, header nav section.s1 > .menu .singer img, section.s2 > .flex-wrp section.s1 > .item .singer img, section.s4 > .flex-wrp section.s1 > .item .singer img, section.s8 > .flex-wrp section.s1 > .contact-wrp .singer img, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .singer img, section.s1 > footer .singer img, .dialogs .popup#booking .form-box section.s1 > form .singer img { display: block; margin: 0 auto; max-width: 100%; }

section.s1 > .flex-wrp .banner, section.s1 > header .banner, header nav section.s1 > .menu .banner, section.s2 > .flex-wrp section.s1 > .item .banner, section.s4 > .flex-wrp section.s1 > .item .banner, section.s8 > .flex-wrp section.s1 > .contact-wrp .banner, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .banner, section.s1 > footer .banner, .dialogs .popup#booking .form-box section.s1 > form .banner { position: absolute; right: 0; top: 40%; max-width: 19%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

section.s1 > .flex-wrp .banner a, section.s1 > header .banner a, header nav section.s1 > .menu .banner a, section.s2 > .flex-wrp section.s1 > .item .banner a, section.s4 > .flex-wrp section.s1 > .item .banner a, section.s8 > .flex-wrp section.s1 > .contact-wrp .banner a, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .banner a, section.s1 > footer .banner a, .dialogs .popup#booking .form-box section.s1 > form .banner a { display: block; }

section.s1 > .flex-wrp .banner img, section.s1 > header .banner img, header nav section.s1 > .menu .banner img, section.s2 > .flex-wrp section.s1 > .item .banner img, section.s4 > .flex-wrp section.s1 > .item .banner img, section.s8 > .flex-wrp section.s1 > .contact-wrp .banner img, section.s8 > .flex-wrp .contact-wrp .wide section.s1 > form .banner img, section.s1 > footer .banner img, .dialogs .popup#booking .form-box section.s1 > form .banner img { display: block; max-width: 100%; }

section.s2 > .flex-wrp, section.s2 > header, header nav section.s2 > .menu, section.s2 > .flex-wrp section.s2 > .item, section.s4 > .flex-wrp section.s2 > .item, section.s8 > .flex-wrp section.s2 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form, section.s2 > footer, .dialogs .popup#booking .form-box section.s2 > form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #000000; }

section.s2 > .flex-wrp .item, section.s2 > header .item, header nav section.s2 > .menu .item, section.s4 > .flex-wrp section.s2 > .item .item, section.s8 > .flex-wrp section.s2 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item, section.s2 > footer .item, .dialogs .popup#booking .form-box section.s2 > form .item { width: 33.333%; -webkit-box-flex: 1; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; position: relative; z-index: 5; text-align: center; height: 100vh; padding: 130px 20px 150px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #ffffff; }

section.s2 > .flex-wrp .item .text, section.s2 > header .item .text, header nav section.s2 > .menu .item .text, section.s4 > .flex-wrp section.s2 > .item .item .text, section.s8 > .flex-wrp section.s2 > .contact-wrp .item .text, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item .text, section.s2 > footer .item .text, .dialogs .popup#booking .form-box section.s2 > form .item .text { position: relative; }

section.s2 > .flex-wrp .item .text .caption, section.s2 > header .item .text .caption, header nav section.s2 > .menu .item .text .caption, section.s4 > .flex-wrp section.s2 > .item .item .text .caption, section.s8 > .flex-wrp section.s2 > .contact-wrp .item .text .caption, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item .text .caption, section.s2 > footer .item .text .caption, .dialogs .popup#booking .form-box section.s2 > form .item .text .caption { width: 100%; height: 0px; opacity: 0; -webkit-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; }

@media (max-width: 960px) { section.s2 > .flex-wrp .item .text .caption, section.s2 > header .item .text .caption, header nav section.s2 > .menu .item .text .caption, section.s4 > .flex-wrp section.s2 > .item .item .text .caption, section.s8 > .flex-wrp section.s2 > .contact-wrp .item .text .caption, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item .text .caption, section.s2 > footer .item .text .caption, .dialogs .popup#booking .form-box section.s2 > form .item .text .caption { height: auto !important; opacity: 1; } }

section.s2 > .flex-wrp .item:hover .text .caption, section.s2 > header .item:hover .text .caption, header nav section.s2 > .menu .item:hover .text .caption, section.s4 > .flex-wrp section.s2 > .item .item:hover .text .caption, section.s8 > .flex-wrp section.s2 > .contact-wrp .item:hover .text .caption, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item:hover .text .caption, section.s2 > footer .item:hover .text .caption, .dialogs .popup#booking .form-box section.s2 > form .item:hover .text .caption { height: 200px; opacity: 1; }

section.s2 > .flex-wrp .item h2, section.s2 > header .item h2, header nav section.s2 > .menu .item h2, section.s4 > .flex-wrp section.s2 > .item .item h2, section.s8 > .flex-wrp section.s2 > .contact-wrp .item h2, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item h2, section.s2 > footer .item h2, .dialogs .popup#booking .form-box section.s2 > form .item h2 { margin-bottom: 60px; letter-spacing: 0.6em; }

section.s2 > .flex-wrp .item p, section.s2 > header .item p, header nav section.s2 > .menu .item p, section.s4 > .flex-wrp section.s2 > .item .item p, section.s8 > .flex-wrp section.s2 > .contact-wrp .item p, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item p, section.s2 > footer .item p, .dialogs .popup#booking .form-box section.s2 > form .item p { white-space: pre-line; font-size: 18px; font-weight: 300; line-height: 1.56; }

@media (max-height: 700px) { section.s2 > .flex-wrp .item p, section.s2 > header .item p, header nav section.s2 > .menu .item p, section.s4 > .flex-wrp section.s2 > .item .item p, section.s8 > .flex-wrp section.s2 > .contact-wrp .item p, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item p, section.s2 > footer .item p, .dialogs .popup#booking .form-box section.s2 > form .item p { font-size: 14px; } }

@media (max-width: 1500px) { section.s2 > .flex-wrp .item p, section.s2 > header .item p, header nav section.s2 > .menu .item p, section.s4 > .flex-wrp section.s2 > .item .item p, section.s8 > .flex-wrp section.s2 > .contact-wrp .item p, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item p, section.s2 > footer .item p, .dialogs .popup#booking .form-box section.s2 > form .item p { font-size: 14px; } }

@media (max-width: 1300px) { section.s2 > .flex-wrp .item p, section.s2 > header .item p, header nav section.s2 > .menu .item p, section.s4 > .flex-wrp section.s2 > .item .item p, section.s8 > .flex-wrp section.s2 > .contact-wrp .item p, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item p, section.s2 > footer .item p, .dialogs .popup#booking .form-box section.s2 > form .item p { white-space: normal; } }

@media (max-width: 960px) { section.s2 > .flex-wrp .item p, section.s2 > header .item p, header nav section.s2 > .menu .item p, section.s4 > .flex-wrp section.s2 > .item .item p, section.s8 > .flex-wrp section.s2 > .contact-wrp .item p, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item p, section.s2 > footer .item p, .dialogs .popup#booking .form-box section.s2 > form .item p { white-space: pre-line; } }

section.s2 > .flex-wrp .item:after, section.s2 > header .item:after, header nav section.s2 > .menu .item:after, section.s4 > .flex-wrp section.s2 > .item .item:after, section.s8 > .flex-wrp section.s2 > .contact-wrp .item:after, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item:after, section.s2 > footer .item:after, .dialogs .popup#booking .form-box section.s2 > form .item:after { content: ''; display: block; position: absolute; z-index: 6; top: 0; right: 0; width: 1px; height: 100%; background-color: #231f20; }

@media (max-width: 960px) { section.s2 > .flex-wrp .item:after, section.s2 > header .item:after, header nav section.s2 > .menu .item:after, section.s4 > .flex-wrp section.s2 > .item .item:after, section.s8 > .flex-wrp section.s2 > .contact-wrp .item:after, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item:after, section.s2 > footer .item:after, .dialogs .popup#booking .form-box section.s2 > form .item:after { top: 100%; width: 100%; height: 1px; } }

section.s2 > .flex-wrp .item:first-child:hover ~ .bg.i1, section.s2 > header .item:first-child:hover ~ .bg.i1, header nav section.s2 > .menu .item:first-child:hover ~ .bg.i1, section.s2 > .flex-wrp section.s2 > .item .item:first-child:hover ~ .bg.i1, section.s4 > .flex-wrp section.s2 > .item .item:first-child:hover ~ .bg.i1, section.s8 > .flex-wrp section.s2 > .contact-wrp .item:first-child:hover ~ .bg.i1, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item:first-child:hover ~ .bg.i1, section.s2 > footer .item:first-child:hover ~ .bg.i1, .dialogs .popup#booking .form-box section.s2 > form .item:first-child:hover ~ .bg.i1 { opacity: 1; }

section.s2 > .flex-wrp .item:nth-child(2):hover ~ .bg.i2, section.s2 > header .item:nth-child(2):hover ~ .bg.i2, header nav section.s2 > .menu .item:nth-child(2):hover ~ .bg.i2, section.s2 > .flex-wrp section.s2 > .item .item:nth-child(2):hover ~ .bg.i2, section.s4 > .flex-wrp section.s2 > .item .item:nth-child(2):hover ~ .bg.i2, section.s8 > .flex-wrp section.s2 > .contact-wrp .item:nth-child(2):hover ~ .bg.i2, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item:nth-child(2):hover ~ .bg.i2, section.s2 > footer .item:nth-child(2):hover ~ .bg.i2, .dialogs .popup#booking .form-box section.s2 > form .item:nth-child(2):hover ~ .bg.i2 { opacity: 1; }

section.s2 > .flex-wrp .item:nth-child(3):hover ~ .bg.i3, section.s2 > header .item:nth-child(3):hover ~ .bg.i3, header nav section.s2 > .menu .item:nth-child(3):hover ~ .bg.i3, section.s2 > .flex-wrp section.s2 > .item .item:nth-child(3):hover ~ .bg.i3, section.s4 > .flex-wrp section.s2 > .item .item:nth-child(3):hover ~ .bg.i3, section.s8 > .flex-wrp section.s2 > .contact-wrp .item:nth-child(3):hover ~ .bg.i3, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item:nth-child(3):hover ~ .bg.i3, section.s2 > footer .item:nth-child(3):hover ~ .bg.i3, .dialogs .popup#booking .form-box section.s2 > form .item:nth-child(3):hover ~ .bg.i3 { opacity: 1; }

section.s2 > .flex-wrp .bg, section.s2 > header .bg, header nav section.s2 > .menu .bg, section.s4 > .flex-wrp section.s2 > .item .bg, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg, section.s2 > footer .bg, .dialogs .popup#booking .form-box section.s2 > form .bg { opacity: 0; -webkit-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; }

section.s2 > .flex-wrp .bg:before, section.s2 > header .bg:before, header nav section.s2 > .menu .bg:before, section.s4 > .flex-wrp section.s2 > .item .bg:before, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg:before, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg:before, section.s2 > footer .bg:before, .dialogs .popup#booking .form-box section.s2 > form .bg:before { content: ''; display: block; width: 100%; height: 100%; background: #000000; opacity: 0.25; position: absolute; left: 0; top: 0; z-index: -1; }

section.s2 > .flex-wrp .bg.i1, section.s2 > header .bg.i1, header nav section.s2 > .menu .bg.i1, section.s4 > .flex-wrp section.s2 > .item .bg.i1, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg.i1, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg.i1, section.s2 > footer .bg.i1, .dialogs .popup#booking .form-box section.s2 > form .bg.i1 { background-image: url(../img/bg/s2-1.jpg); opacity: 1 !important; }

section.s2 > .flex-wrp .bg.i2, section.s2 > header .bg.i2, header nav section.s2 > .menu .bg.i2, section.s4 > .flex-wrp section.s2 > .item .bg.i2, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg.i2, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg.i2, section.s2 > footer .bg.i2, .dialogs .popup#booking .form-box section.s2 > form .bg.i2 { background-image: url(../img/bg/s2-2.jpg); }

section.s2 > .flex-wrp .bg.i3, section.s2 > header .bg.i3, header nav section.s2 > .menu .bg.i3, section.s4 > .flex-wrp section.s2 > .item .bg.i3, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg.i3, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg.i3, section.s2 > footer .bg.i3, .dialogs .popup#booking .form-box section.s2 > form .bg.i3 { background-image: url(../img/bg/s2-3.jpg); }

@media (max-width: 960px) { section.s2 > .flex-wrp .bg, section.s2 > header .bg, header nav section.s2 > .menu .bg, section.s4 > .flex-wrp section.s2 > .item .bg, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg, section.s2 > footer .bg, .dialogs .popup#booking .form-box section.s2 > form .bg { opacity: 1 !important; height: 100vh; }
  section.s2 > .flex-wrp .bg.i1, section.s2 > header .bg.i1, header nav section.s2 > .menu .bg.i1, section.s4 > .flex-wrp section.s2 > .item .bg.i1, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg.i1, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg.i1, section.s2 > footer .bg.i1, .dialogs .popup#booking .form-box section.s2 > form .bg.i1 { top: 0; }
  section.s2 > .flex-wrp .bg.i2, section.s2 > header .bg.i2, header nav section.s2 > .menu .bg.i2, section.s4 > .flex-wrp section.s2 > .item .bg.i2, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg.i2, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg.i2, section.s2 > footer .bg.i2, .dialogs .popup#booking .form-box section.s2 > form .bg.i2 { top: 100vh; }
  section.s2 > .flex-wrp .bg.i3, section.s2 > header .bg.i3, header nav section.s2 > .menu .bg.i3, section.s4 > .flex-wrp section.s2 > .item .bg.i3, section.s8 > .flex-wrp section.s2 > .contact-wrp .bg.i3, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .bg.i3, section.s2 > footer .bg.i3, .dialogs .popup#booking .form-box section.s2 > form .bg.i3 { top: 200vh; } }

@media (max-width: 960px) { section.s2 > .flex-wrp, section.s2 > header, header nav section.s2 > .menu, section.s2 > .flex-wrp section.s2 > .item, section.s4 > .flex-wrp section.s2 > .item, section.s8 > .flex-wrp section.s2 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form, section.s2 > footer, .dialogs .popup#booking .form-box section.s2 > form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  section.s2 > .flex-wrp .item, section.s2 > header .item, header nav section.s2 > .menu .item, section.s4 > .flex-wrp section.s2 > .item .item, section.s8 > .flex-wrp section.s2 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s2 > form .item, section.s2 > footer .item, .dialogs .popup#booking .form-box section.s2 > form .item { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; height: 100vh; padding: 40px 4%; } }

section.s3 > .flex-wrp, section.s3 > header, header nav section.s3 > .menu, section.s2 > .flex-wrp section.s3 > .item, section.s4 > .flex-wrp section.s3 > .item, section.s8 > .flex-wrp section.s3 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s3 > form, section.s3 > footer, .dialogs .popup#booking .form-box section.s3 > form { height: 100vh; overflow: hidden; background: url(../img/bg/video-blur.jpg) no-repeat center; background-size: cover; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 100px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

section.s3 > .flex-wrp iframe, section.s3 > header iframe, header nav section.s3 > .menu iframe, section.s2 > .flex-wrp section.s3 > .item iframe, section.s4 > .flex-wrp section.s3 > .item iframe, section.s8 > .flex-wrp section.s3 > .contact-wrp iframe, section.s8 > .flex-wrp .contact-wrp .wide section.s3 > form iframe, section.s3 > footer iframe, .dialogs .popup#booking .form-box section.s3 > form iframe { width: 960px; height: 540px; max-width: 100%; }

@media (max-width: 960px) { section.s3 > .flex-wrp, section.s3 > header, header nav section.s3 > .menu, section.s2 > .flex-wrp section.s3 > .item, section.s4 > .flex-wrp section.s3 > .item, section.s8 > .flex-wrp section.s3 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s3 > form, section.s3 > footer, .dialogs .popup#booking .form-box section.s3 > form { min-height: 100vh !important; }
  section.s3 > .flex-wrp iframe, section.s3 > header iframe, header nav section.s3 > .menu iframe, section.s2 > .flex-wrp section.s3 > .item iframe, section.s4 > .flex-wrp section.s3 > .item iframe, section.s8 > .flex-wrp section.s3 > .contact-wrp iframe, section.s8 > .flex-wrp .contact-wrp .wide section.s3 > form iframe, section.s3 > footer iframe, .dialogs .popup#booking .form-box section.s3 > form iframe { position: static; height: 56vw !important; width: 100% !important; } }

section.s4 > .flex-wrp, section.s4 > header, header nav section.s4 > .menu, section.s2 > .flex-wrp section.s4 > .item, section.s4 > .flex-wrp section.s4 > .item, section.s8 > .flex-wrp section.s4 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form, section.s4 > footer, .dialogs .popup#booking .form-box section.s4 > form { background: #ffffff; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #231f20; }

@media (max-height: 550px) { section.s4 > .flex-wrp, section.s4 > header, header nav section.s4 > .menu, section.s2 > .flex-wrp section.s4 > .item, section.s4 > .flex-wrp section.s4 > .item, section.s8 > .flex-wrp section.s4 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form, section.s4 > footer, .dialogs .popup#booking .form-box section.s4 > form { padding: 160px 0; }
  section.s4 > .flex-wrp .bg, section.s4 > header .bg, header nav section.s4 > .menu .bg, section.s2 > .flex-wrp section.s4 > .item .bg, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg, section.s4 > footer .bg, .dialogs .popup#booking .form-box section.s4 > form .bg { height: 100%; }
  section.s4 > .flex-wrp .bg:before, section.s4 > header .bg:before, header nav section.s4 > .menu .bg:before, section.s2 > .flex-wrp section.s4 > .item .bg:before, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg:before, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg:before, section.s4 > footer .bg:before, .dialogs .popup#booking .form-box section.s4 > form .bg:before { height: 90vh !important; } }

section.s4 > .flex-wrp .bg, section.s4 > header .bg, header nav section.s4 > .menu .bg, section.s2 > .flex-wrp section.s4 > .item .bg, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg, section.s4 > footer .bg, .dialogs .popup#booking .form-box section.s4 > form .bg { width: 50%; background-image: url(../img/bg/s4.jpg); }

section.s4 > .flex-wrp .bg:before, section.s4 > header .bg:before, header nav section.s4 > .menu .bg:before, section.s2 > .flex-wrp section.s4 > .item .bg:before, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg:before, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg:before, section.s4 > footer .bg:before, .dialogs .popup#booking .form-box section.s4 > form .bg:before { content: ''; display: block; background: url(../img/bg/bio.png) no-repeat center; width: 125px; height: 670px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); mix-blend-mode: darken; }

@media (max-height: 700px) { section.s4 > .flex-wrp .bg:before, section.s4 > header .bg:before, header nav section.s4 > .menu .bg:before, section.s2 > .flex-wrp section.s4 > .item .bg:before, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg:before, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg:before, section.s4 > footer .bg:before, .dialogs .popup#booking .form-box section.s4 > form .bg:before { height: 90%; background-size: contain; } }

section.s4 > .flex-wrp .item, section.s4 > header .item, header nav section.s4 > .menu .item, section.s2 > .flex-wrp section.s4 > .item .item, section.s8 > .flex-wrp section.s4 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item, section.s4 > footer .item, .dialogs .popup#booking .form-box section.s4 > form .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; }

section.s4 > .flex-wrp .item .text, section.s4 > header .item .text, header nav section.s4 > .menu .item .text, section.s2 > .flex-wrp section.s4 > .item .item .text, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text, section.s4 > footer .item .text, .dialogs .popup#booking .form-box section.s4 > form .item .text { width: 485px; max-width: 92%; margin: 0 auto; }

section.s4 > .flex-wrp .item .text h2, section.s4 > header .item .text h2, header nav section.s4 > .menu .item .text h2, section.s2 > .flex-wrp section.s4 > .item .item .text h2, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text h2, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text h2, section.s4 > footer .item .text h2, .dialogs .popup#booking .form-box section.s4 > form .item .text h2 { font-size: 50px; font-weight: 600; line-height: 1; letter-spacing: 0.01em; margin-bottom: 65px; }

@media (max-width: 1500px) { section.s4 > .flex-wrp .item .text h2, section.s4 > header .item .text h2, header nav section.s4 > .menu .item .text h2, section.s2 > .flex-wrp section.s4 > .item .item .text h2, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text h2, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text h2, section.s4 > footer .item .text h2, .dialogs .popup#booking .form-box section.s4 > form .item .text h2 { font-size: 30px; } }

@media (max-height: 700px) { section.s4 > .flex-wrp .item .text h2, section.s4 > header .item .text h2, header nav section.s4 > .menu .item .text h2, section.s2 > .flex-wrp section.s4 > .item .item .text h2, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text h2, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text h2, section.s4 > footer .item .text h2, .dialogs .popup#booking .form-box section.s4 > form .item .text h2 { font-size: 30px; } }

section.s4 > .flex-wrp .item .text ul, section.s4 > header .item .text ul, header nav section.s4 > .menu .item .text ul, section.s2 > .flex-wrp section.s4 > .item .item .text ul, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text ul, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text ul, section.s4 > footer .item .text ul, .dialogs .popup#booking .form-box section.s4 > form .item .text ul { font-size: 14px; font-weight: 400; line-height: 1.5; }

@media (max-width: 640px) { section.s4 > .flex-wrp .item .text ul, section.s4 > header .item .text ul, header nav section.s4 > .menu .item .text ul, section.s2 > .flex-wrp section.s4 > .item .item .text ul, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text ul, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text ul, section.s4 > footer .item .text ul, .dialogs .popup#booking .form-box section.s4 > form .item .text ul { font-size: 12px; } }

section.s4 > .flex-wrp .item .text p, section.s4 > header .item .text p, header nav section.s4 > .menu .item .text p, section.s2 > .flex-wrp section.s4 > .item .item .text p, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text p, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text p, section.s4 > footer .item .text p, .dialogs .popup#booking .form-box section.s4 > form .item .text p { font-size: 14px; font-weight: 400; line-height: 1.5; }

@media (max-height: 700px) { section.s4 > .flex-wrp .item .text, section.s4 > header .item .text, header nav section.s4 > .menu .item .text, section.s2 > .flex-wrp section.s4 > .item .item .text, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text, section.s4 > footer .item .text, .dialogs .popup#booking .form-box section.s4 > form .item .text { width: 80%; }
  section.s4 > .flex-wrp .item .text h2, section.s4 > header .item .text h2, header nav section.s4 > .menu .item .text h2, section.s2 > .flex-wrp section.s4 > .item .item .text h2, section.s8 > .flex-wrp section.s4 > .contact-wrp .item .text h2, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item .text h2, section.s4 > footer .item .text h2, .dialogs .popup#booking .form-box section.s4 > form .item .text h2 { white-space: normal; } }

@media (max-width: 750px) { section.s4 > .flex-wrp, section.s4 > header, header nav section.s4 > .menu, section.s2 > .flex-wrp section.s4 > .item, section.s4 > .flex-wrp section.s4 > .item, section.s8 > .flex-wrp section.s4 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form, section.s4 > footer, .dialogs .popup#booking .form-box section.s4 > form { padding: 50px 0; color: #ffffff; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  section.s4 > .flex-wrp .bg, section.s4 > header .bg, header nav section.s4 > .menu .bg, section.s2 > .flex-wrp section.s4 > .item .bg, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg, section.s4 > footer .bg, .dialogs .popup#booking .form-box section.s4 > form .bg { width: 100%; height: 100%; }
  section.s4 > .flex-wrp .bg:before, section.s4 > header .bg:before, header nav section.s4 > .menu .bg:before, section.s2 > .flex-wrp section.s4 > .item .bg:before, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg:before, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg:before, section.s4 > footer .bg:before, .dialogs .popup#booking .form-box section.s4 > form .bg:before { display: none; }
  section.s4 > .flex-wrp .bg:after, section.s4 > header .bg:after, header nav section.s4 > .menu .bg:after, section.s2 > .flex-wrp section.s4 > .item .bg:after, section.s8 > .flex-wrp section.s4 > .contact-wrp .bg:after, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .bg:after, section.s4 > footer .bg:after, .dialogs .popup#booking .form-box section.s4 > form .bg:after { content: ''; display: block; width: 100%; height: 100%; background: #000000; opacity: 0.35; position: absolute; }
  section.s4 > .flex-wrp .item, section.s4 > header .item, header nav section.s4 > .menu .item, section.s2 > .flex-wrp section.s4 > .item .item, section.s8 > .flex-wrp section.s4 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s4 > form .item, section.s4 > footer .item, .dialogs .popup#booking .form-box section.s4 > form .item { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } }

section.s5 > .flex-wrp, section.s5 > header, header nav section.s5 > .menu, section.s2 > .flex-wrp section.s5 > .item, section.s4 > .flex-wrp section.s5 > .item, section.s8 > .flex-wrp section.s5 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s5 > form, section.s5 > footer, .dialogs .popup#booking .form-box section.s5 > form { padding: 160px 0; }

section.s5 > .flex-wrp:before, section.s5 > header:before, header nav section.s5 > .menu:before, section.s2 > .flex-wrp section.s5 > .item:before, section.s4 > .flex-wrp section.s5 > .item:before, section.s8 > .flex-wrp section.s5 > .contact-wrp:before, section.s8 > .flex-wrp .contact-wrp .wide section.s5 > form:before, section.s5 > footer:before, .dialogs .popup#booking .form-box section.s5 > form:before { background: #ffffff; }

section.s5 > .flex-wrp .wrap, section.s5 > header .wrap, header nav section.s5 > .menu .wrap, section.s2 > .flex-wrp section.s5 > .item .wrap, section.s4 > .flex-wrp section.s5 > .item .wrap, section.s8 > .flex-wrp section.s5 > .contact-wrp .wrap, section.s8 > .flex-wrp .contact-wrp .wide section.s5 > form .wrap, section.s5 > footer .wrap, .dialogs .popup#booking .form-box section.s5 > form .wrap { max-width: 1200px; }

section.s5 > .flex-wrp img, section.s5 > header img, header nav section.s5 > .menu img, section.s2 > .flex-wrp section.s5 > .item img, section.s4 > .flex-wrp section.s5 > .item img, section.s8 > .flex-wrp section.s5 > .contact-wrp img, section.s8 > .flex-wrp .contact-wrp .wide section.s5 > form img, section.s5 > footer img, .dialogs .popup#booking .form-box section.s5 > form img { display: block; max-width: 100%; margin: 30px auto; }

@media (max-width: 960px) { section.s5 > .flex-wrp, section.s5 > header, header nav section.s5 > .menu, section.s2 > .flex-wrp section.s5 > .item, section.s4 > .flex-wrp section.s5 > .item, section.s8 > .flex-wrp section.s5 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s5 > form, section.s5 > footer, .dialogs .popup#booking .form-box section.s5 > form { padding: 50px 0; } }

section.s6 { color: #231f20; margin: 300px 0 250px; }

@media (max-width: 640px) { section.s6 { margin: 70px 0; } }

section.s6 > .bg { position: fixed; width: 1387px; width: 72.23vw; height: 655px; height: 34.11vw; top: 50vh; left: 3.125%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; background-size: contain; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; }

section.s6 > .bg.uk { background-image: url(../img/bg/map-uk.png); }

section.s6 > .bg.de { background-image: url(../img/bg/map-de.png); }

section.s6 > .bg.usa { background-image: url(../img/bg/map-usa.png); }

section.s6 > .bg.active { opacity: 1; }

section.s6 > .flex-wrp, section.s6 > header, header nav section.s6 > .menu, section.s2 > .flex-wrp section.s6 > .item, section.s4 > .flex-wrp section.s6 > .item, section.s8 > .flex-wrp section.s6 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form, section.s6 > footer, .dialogs .popup#booking .form-box section.s6 > form { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

section.s6 > .flex-wrp .item, section.s6 > header .item, header nav section.s6 > .menu .item, section.s2 > .flex-wrp section.s6 > .item .item, section.s4 > .flex-wrp section.s6 > .item .item, section.s8 > .flex-wrp section.s6 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item, section.s6 > footer .item, .dialogs .popup#booking .form-box section.s6 > form .item { width: 50%; padding: 50px 0; border-left: 1px solid #231f20; position: relative; }

section.s6 > .flex-wrp .item .wrap, section.s6 > header .item .wrap, header nav section.s6 > .menu .item .wrap, section.s2 > .flex-wrp section.s6 > .item .item .wrap, section.s4 > .flex-wrp section.s6 > .item .item .wrap, section.s8 > .flex-wrp section.s6 > .contact-wrp .item .wrap, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item .wrap, section.s6 > footer .item .wrap, .dialogs .popup#booking .form-box section.s6 > form .item .wrap { padding: 0 100px; width: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

section.s6 > .flex-wrp .item p, section.s6 > header .item p, header nav section.s6 > .menu .item p, section.s2 > .flex-wrp section.s6 > .item .item p, section.s4 > .flex-wrp section.s6 > .item .item p, section.s8 > .flex-wrp section.s6 > .contact-wrp .item p, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item p, section.s6 > footer .item p, .dialogs .popup#booking .form-box section.s6 > form .item p { font-size: 17px; font-weight: 400; line-height: 1.41; }

@media (max-width: 640px) { section.s6 > .flex-wrp .item p, section.s6 > header .item p, header nav section.s6 > .menu .item p, section.s2 > .flex-wrp section.s6 > .item .item p, section.s4 > .flex-wrp section.s6 > .item .item p, section.s8 > .flex-wrp section.s6 > .contact-wrp .item p, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item p, section.s6 > footer .item p, .dialogs .popup#booking .form-box section.s6 > form .item p { font-size: 14px; } }

section.s6 > .flex-wrp .item img, section.s6 > header .item img, header nav section.s6 > .menu .item img, section.s2 > .flex-wrp section.s6 > .item .item img, section.s4 > .flex-wrp section.s6 > .item .item img, section.s8 > .flex-wrp section.s6 > .contact-wrp .item img, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item img, section.s6 > footer .item img, .dialogs .popup#booking .form-box section.s6 > form .item img { display: block; max-width: 100%; margin: 15px auto 30px; }

section.s6 > .flex-wrp .item .year, section.s6 > header .item .year, header nav section.s6 > .menu .item .year, section.s2 > .flex-wrp section.s6 > .item .item .year, section.s4 > .flex-wrp section.s6 > .item .item .year, section.s8 > .flex-wrp section.s6 > .contact-wrp .item .year, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item .year, section.s6 > footer .item .year, .dialogs .popup#booking .form-box section.s6 > form .item .year { position: absolute; left: -12px; font-size: 40px; font-weight: 300; line-height: 0.68; text-transform: uppercase; letter-spacing: 4px; -webkit-transform: rotate(-90deg) translate(-15vw, 0); -ms-transform: rotate(-90deg) translate(-15vw, 0); transform: rotate(-90deg) translate(-15vw, 0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; text-align: center; }

section.s6 > .flex-wrp .item .year:before, section.s6 > header .item .year:before, header nav section.s6 > .menu .item .year:before, section.s2 > .flex-wrp section.s6 > .item .item .year:before, section.s4 > .flex-wrp section.s6 > .item .item .year:before, section.s8 > .flex-wrp section.s6 > .contact-wrp .item .year:before, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item .year:before, section.s6 > footer .item .year:before, .dialogs .popup#booking .form-box section.s6 > form .item .year:before { content: ''; display: block; margin: 0 auto 25px; width: 25px; height: 25px; font-size: 0px; border-radius: 100%; background-color: #231f20; }

@media (max-width: 960px) { section.s6 > .flex-wrp .item .year, section.s6 > header .item .year, header nav section.s6 > .menu .item .year, section.s2 > .flex-wrp section.s6 > .item .item .year, section.s4 > .flex-wrp section.s6 > .item .item .year, section.s8 > .flex-wrp section.s6 > .contact-wrp .item .year, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item .year, section.s6 > footer .item .year, .dialogs .popup#booking .form-box section.s6 > form .item .year { font-size: 18px; margin-top: -30px; left: 0; -webkit-transform: rotate(-90deg) translate(-25vw, -30px); -ms-transform: rotate(-90deg) translate(-25vw, -30px); transform: rotate(-90deg) translate(-25vw, -30px); }
  section.s6 > .flex-wrp .item .year:before, section.s6 > header .item .year:before, header nav section.s6 > .menu .item .year:before, section.s2 > .flex-wrp section.s6 > .item .item .year:before, section.s4 > .flex-wrp section.s6 > .item .item .year:before, section.s8 > .flex-wrp section.s6 > .contact-wrp .item .year:before, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item .year:before, section.s6 > footer .item .year:before, .dialogs .popup#booking .form-box section.s6 > form .item .year:before { position: absolute; top: 200%; left: 50%; width: 12px; height: 12px; margin: 0 0 0 -6px; } }

@media (max-width: 960px) { section.s6 > .bg { left: -10%; }
  section.s6 > .flex-wrp .item, section.s6 > header .item, header nav section.s6 > .menu .item, section.s2 > .flex-wrp section.s6 > .item .item, section.s4 > .flex-wrp section.s6 > .item .item, section.s8 > .flex-wrp section.s6 > .contact-wrp .item, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item, section.s6 > footer .item, .dialogs .popup#booking .form-box section.s6 > form .item { padding: 50px 0; -webkit-box-flex: 0; -ms-flex: 0 1 70%; flex: 0 1 70%; width: 70%; }
  section.s6 > .flex-wrp .item .wrap, section.s6 > header .item .wrap, header nav section.s6 > .menu .item .wrap, section.s2 > .flex-wrp section.s6 > .item .item .wrap, section.s4 > .flex-wrp section.s6 > .item .item .wrap, section.s8 > .flex-wrp section.s6 > .contact-wrp .item .wrap, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item .wrap, section.s6 > footer .item .wrap, .dialogs .popup#booking .form-box section.s6 > form .item .wrap { padding: 0 4%; } }

@media (max-width: 450px) { section.s6 > .flex-wrp .item .wrap, section.s6 > header .item .wrap, header nav section.s6 > .menu .item .wrap, section.s2 > .flex-wrp section.s6 > .item .item .wrap, section.s4 > .flex-wrp section.s6 > .item .item .wrap, section.s8 > .flex-wrp section.s6 > .contact-wrp .item .wrap, section.s8 > .flex-wrp .contact-wrp .wide section.s6 > form .item .wrap, section.s6 > footer .item .wrap, .dialogs .popup#booking .form-box section.s6 > form .item .wrap { padding: 0 25px; } }

section.s7 > .flex-wrp, section.s7 > header, header nav section.s7 > .menu, section.s2 > .flex-wrp section.s7 > .item, section.s4 > .flex-wrp section.s7 > .item, section.s8 > .flex-wrp section.s7 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s7 > form, section.s7 > footer, .dialogs .popup#booking .form-box section.s7 > form { background: #ffffff; }

section.s7 > .flex-wrp .bg, section.s7 > header .bg, header nav section.s7 > .menu .bg, section.s2 > .flex-wrp section.s7 > .item .bg, section.s4 > .flex-wrp section.s7 > .item .bg, section.s8 > .flex-wrp section.s7 > .contact-wrp .bg, section.s8 > .flex-wrp .contact-wrp .wide section.s7 > form .bg, section.s7 > footer .bg, .dialogs .popup#booking .form-box section.s7 > form .bg { width: 50%; background-image: url(../img/bg/s7.jpg); }

section.s7 > .flex-wrp .bg:before, section.s7 > header .bg:before, header nav section.s7 > .menu .bg:before, section.s2 > .flex-wrp section.s7 > .item .bg:before, section.s4 > .flex-wrp section.s7 > .item .bg:before, section.s8 > .flex-wrp section.s7 > .contact-wrp .bg:before, section.s8 > .flex-wrp .contact-wrp .wide section.s7 > form .bg:before, section.s7 > footer .bg:before, .dialogs .popup#booking .form-box section.s7 > form .bg:before { content: ''; display: block; background: url(../img/bg/s7-music.png) no-repeat center; width: 916px; height: 427px; position: absolute; right: 0; bottom: 0; -webkit-transform: translate(50%, 93px); -ms-transform: translate(50%, 93px); transform: translate(50%, 93px); }

@media (max-width: 960px) { section.s7 > .flex-wrp .bg, section.s7 > header .bg, header nav section.s7 > .menu .bg, section.s2 > .flex-wrp section.s7 > .item .bg, section.s4 > .flex-wrp section.s7 > .item .bg, section.s8 > .flex-wrp section.s7 > .contact-wrp .bg, section.s8 > .flex-wrp .contact-wrp .wide section.s7 > form .bg, section.s7 > footer .bg, .dialogs .popup#booking .form-box section.s7 > form .bg { width: 100%; }
  section.s7 > .flex-wrp .bg:before, section.s7 > header .bg:before, header nav section.s7 > .menu .bg:before, section.s2 > .flex-wrp section.s7 > .item .bg:before, section.s4 > .flex-wrp section.s7 > .item .bg:before, section.s8 > .flex-wrp section.s7 > .contact-wrp .bg:before, section.s8 > .flex-wrp .contact-wrp .wide section.s7 > form .bg:before, section.s7 > footer .bg:before, .dialogs .popup#booking .form-box section.s7 > form .bg:before { background-size: contain; width: 60%; height: 40vh; right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } }

section.s7 > .flex-wrp iframe, section.s7 > header iframe, header nav section.s7 > .menu iframe, section.s2 > .flex-wrp section.s7 > .item iframe, section.s4 > .flex-wrp section.s7 > .item iframe, section.s8 > .flex-wrp section.s7 > .contact-wrp iframe, section.s8 > .flex-wrp .contact-wrp .wide section.s7 > form iframe, section.s7 > footer iframe, .dialogs .popup#booking .form-box section.s7 > form iframe { display: block; margin: 0 auto; max-width: 710px; }

section.s8 > .flex-wrp, section.s8 > header, header nav section.s8 > .menu, section.s2 > .flex-wrp section.s8 > .item, section.s4 > .flex-wrp section.s8 > .item, section.s8 > .flex-wrp section.s8 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form, section.s8 > footer, .dialogs .popup#booking .form-box section.s8 > form { padding: 160px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 960px) { section.s8 > .flex-wrp, section.s8 > header, header nav section.s8 > .menu, section.s2 > .flex-wrp section.s8 > .item, section.s4 > .flex-wrp section.s8 > .item, section.s8 > .flex-wrp section.s8 > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form, section.s8 > footer, .dialogs .popup#booking .form-box section.s8 > form { padding: 50px 0; } }

section.s8 > .flex-wrp h2, section.s8 > header h2, header nav section.s8 > .menu h2, section.s2 > .flex-wrp section.s8 > .item h2, section.s4 > .flex-wrp section.s8 > .item h2, section.s8 > .flex-wrp section.s8 > .contact-wrp h2, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form h2, section.s8 > footer h2, .dialogs .popup#booking .form-box section.s8 > form h2 { margin-bottom: 30px; }

section.s8 > .flex-wrp .flex-r6, section.s8 > header .flex-r6, header nav section.s8 > .menu .flex-r6, section.s2 > .flex-wrp section.s8 > .item .flex-r6, section.s4 > .flex-wrp section.s8 > .item .flex-r6, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .flex-r6, section.s8 > footer .flex-r6, .dialogs .popup#booking .form-box section.s8 > form .flex-r6 { margin-bottom: 85px; }

@media (max-width: 960px) { section.s8 > .flex-wrp .flex-r6, section.s8 > header .flex-r6, header nav section.s8 > .menu .flex-r6, section.s2 > .flex-wrp section.s8 > .item .flex-r6, section.s4 > .flex-wrp section.s8 > .item .flex-r6, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .flex-r6, section.s8 > footer .flex-r6, .dialogs .popup#booking .form-box section.s8 > form .flex-r6 { margin-bottom: 50px; } }

section.s8 > .flex-wrp .flex-r6 .item img, section.s8 > header .flex-r6 .item img, header nav section.s8 > .menu .flex-r6 .item img, section.s2 > .flex-wrp section.s8 > .item .flex-r6 .item img, section.s4 > .flex-wrp section.s8 > .item .flex-r6 .item img, section.s8 > footer .flex-r6 .item img, .dialogs .popup#booking .form-box section.s8 > form .flex-r6 .item img { display: block; width: 100%; }

section.s8 > .flex-wrp .contact-wrp, section.s8 > header .contact-wrp, header nav section.s8 > .menu .contact-wrp, section.s2 > .flex-wrp section.s8 > .item .contact-wrp, section.s4 > .flex-wrp section.s8 > .item .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .contact-wrp, section.s8 > footer .contact-wrp, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp { font-size: 17px; font-weight: 400; line-height: 1.41; }

section.s8 > .flex-wrp .contact-wrp a, section.s8 > header .contact-wrp a, header nav section.s8 > .menu .contact-wrp a, section.s2 > .flex-wrp section.s8 > .item .contact-wrp a, section.s4 > .flex-wrp section.s8 > .item .contact-wrp a, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .contact-wrp a, section.s8 > footer .contact-wrp a, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp a { text-decoration: none; }

section.s8 > .flex-wrp .contact-wrp .social, section.s8 > header .contact-wrp .social, header nav section.s8 > .menu .contact-wrp .social, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .contact-wrp .social, section.s8 > footer .contact-wrp .social, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social { margin-top: 30px; }

section.s8 > .flex-wrp .contact-wrp .social a, section.s8 > header .contact-wrp .social a, header nav section.s8 > .menu .contact-wrp .social a, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a, section.s8 > footer .contact-wrp .social a, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a { display: inline-block; vertical-align: middle; margin-right: 20px; font-size: 0px; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-size: contain !important; }

section.s8 > .flex-wrp .contact-wrp .social a:hover, section.s8 > header .contact-wrp .social a:hover, header nav section.s8 > .menu .contact-wrp .social a:hover, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a:hover, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a:hover, section.s8 > footer .contact-wrp .social a:hover, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }

section.s8 > .flex-wrp .contact-wrp .social a.fb, section.s8 > header .contact-wrp .social a.fb, header nav section.s8 > .menu .contact-wrp .social a.fb, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.fb, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.fb, section.s8 > footer .contact-wrp .social a.fb, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.fb { width: 9px; height: 16px; background: url(../img/layout/ico-fb.png) no-repeat center; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { section.s8 > .flex-wrp .contact-wrp .social a.fb, section.s8 > header .contact-wrp .social a.fb, header nav section.s8 > .menu .contact-wrp .social a.fb, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.fb, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.fb, section.s8 > footer .contact-wrp .social a.fb, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.fb { background-image: url(../img/layout/ico-fb@2x.png); } }

section.s8 > .flex-wrp .contact-wrp .social a.insta, section.s8 > header .contact-wrp .social a.insta, header nav section.s8 > .menu .contact-wrp .social a.insta, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.insta, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.insta, section.s8 > footer .contact-wrp .social a.insta, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.insta { width: 16px; height: 16px; background: url(../img/layout/ico-insta.png) no-repeat center; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { section.s8 > .flex-wrp .contact-wrp .social a.insta, section.s8 > header .contact-wrp .social a.insta, header nav section.s8 > .menu .contact-wrp .social a.insta, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.insta, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.insta, section.s8 > footer .contact-wrp .social a.insta, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.insta { background-image: url(../img/layout/ico-insta@2x.png); } }

section.s8 > .flex-wrp .contact-wrp .social a.yt, section.s8 > header .contact-wrp .social a.yt, header nav section.s8 > .menu .contact-wrp .social a.yt, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.yt, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.yt, section.s8 > footer .contact-wrp .social a.yt, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.yt { width: 19px; height: 14px; background: url(../img/layout/ico-yt.png) no-repeat center; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { section.s8 > .flex-wrp .contact-wrp .social a.yt, section.s8 > header .contact-wrp .social a.yt, header nav section.s8 > .menu .contact-wrp .social a.yt, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.yt, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.yt, section.s8 > footer .contact-wrp .social a.yt, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.yt { background-image: url(../img/layout/ico-yt@2x.png); } }

section.s8 > .flex-wrp .contact-wrp .social a.sc, section.s8 > header .contact-wrp .social a.sc, header nav section.s8 > .menu .contact-wrp .social a.sc, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.sc, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.sc, section.s8 > footer .contact-wrp .social a.sc, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.sc { width: 22px; height: 12px; background: url(../img/layout/ico-sc.png) no-repeat center; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { section.s8 > .flex-wrp .contact-wrp .social a.sc, section.s8 > header .contact-wrp .social a.sc, header nav section.s8 > .menu .contact-wrp .social a.sc, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .social a.sc, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .social a.sc, section.s8 > footer .contact-wrp .social a.sc, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .social a.sc { background-image: url(../img/layout/ico-sc@2x.png); } }

section.s8 > .flex-wrp .contact-wrp .small, section.s8 > header .contact-wrp .small, header nav section.s8 > .menu .contact-wrp .small, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .small, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .small, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .contact-wrp .small, section.s8 > footer .contact-wrp .small, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .small { -webkit-box-flex: 0; -ms-flex: 0 1 320px; flex: 0 1 320px; }

@media (max-width: 1300px) { section.s8 > .flex-wrp .contact-wrp .small, section.s8 > header .contact-wrp .small, header nav section.s8 > .menu .contact-wrp .small, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .small, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .small, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .contact-wrp .small, section.s8 > footer .contact-wrp .small, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .small { margin-bottom: 50px; } }

section.s8 > .flex-wrp .contact-wrp .wide, section.s8 > header .contact-wrp .wide, header nav section.s8 > .menu .contact-wrp .wide, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .contact-wrp .wide, section.s8 > footer .contact-wrp .wide, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide { -webkit-box-flex: 0; -ms-flex: 0 1 960px; flex: 0 1 960px; }

section.s8 > .flex-wrp .contact-wrp .wide form, section.s8 > header .contact-wrp .wide form, header nav section.s8 > .menu .contact-wrp .wide form, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide form, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide form, section.s8 > footer .contact-wrp .wide form, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide form { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

section.s8 > .flex-wrp .contact-wrp .wide form input, section.s8 > header .contact-wrp .wide form input, header nav section.s8 > .menu .contact-wrp .wide form input, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide form input, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide form input, section.s8 > footer .contact-wrp .wide form input, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide form input { -webkit-box-flex: 0; -ms-flex: 0 1 370px; flex: 0 1 370px; margin: 0 0 20px !important; }

section.s8 > .flex-wrp .contact-wrp .wide form button, section.s8 > header .contact-wrp .wide form button, header nav section.s8 > .menu .contact-wrp .wide form button, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide form button, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide form button, section.s8 > footer .contact-wrp .wide form button, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide form button { -webkit-box-flex: 0; -ms-flex: 0 1 160px; flex: 0 1 160px; margin: 0 0 20px !important; }

@media (max-width: 960px) { section.s8 > .flex-wrp .contact-wrp .wide form input, section.s8 > header .contact-wrp .wide form input, header nav section.s8 > .menu .contact-wrp .wide form input, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide form input, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide form input, section.s8 > footer .contact-wrp .wide form input, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide form input { -webkit-box-flex: 0; -ms-flex: 0 1 36%; flex: 0 1 36%; width: 36%; }
  section.s8 > .flex-wrp .contact-wrp .wide form button, section.s8 > header .contact-wrp .wide form button, header nav section.s8 > .menu .contact-wrp .wide form button, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide form button, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide form button, section.s8 > footer .contact-wrp .wide form button, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide form button { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; width: 25%; } }

@media (max-width: 640px) { section.s8 > .flex-wrp .contact-wrp .wide form input, section.s8 > header .contact-wrp .wide form input, header nav section.s8 > .menu .contact-wrp .wide form input, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide form input, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide form input, section.s8 > footer .contact-wrp .wide form input, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide form input { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; max-width: 370px; }
  section.s8 > .flex-wrp .contact-wrp .wide form button, section.s8 > header .contact-wrp .wide form button, header nav section.s8 > .menu .contact-wrp .wide form button, section.s2 > .flex-wrp section.s8 > .item .contact-wrp .wide form button, section.s4 > .flex-wrp section.s8 > .item .contact-wrp .wide form button, section.s8 > footer .contact-wrp .wide form button, .dialogs .popup#booking .form-box section.s8 > form .contact-wrp .wide form button { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; max-width: 370px; } }

section.s8 > .flex-wrp .copyrights, section.s8 > header .copyrights, header nav section.s8 > .menu .copyrights, section.s2 > .flex-wrp section.s8 > .item .copyrights, section.s4 > .flex-wrp section.s8 > .item .copyrights, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .copyrights, section.s8 > footer .copyrights, .dialogs .popup#booking .form-box section.s8 > form .copyrights { color: #c8c8c8; font-size: 15px; font-weight: 400; line-height: 1.6; margin-top: 34px; }

@media (max-width: 1300px) { section.s8 > .flex-wrp .copyrights, section.s8 > header .copyrights, header nav section.s8 > .menu .copyrights, section.s2 > .flex-wrp section.s8 > .item .copyrights, section.s4 > .flex-wrp section.s8 > .item .copyrights, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .copyrights, section.s8 > footer .copyrights, .dialogs .popup#booking .form-box section.s8 > form .copyrights { padding-bottom: 150px; } }

@media (max-width: 960px) { section.s8 > .flex-wrp .copyrights, section.s8 > header .copyrights, header nav section.s8 > .menu .copyrights, section.s2 > .flex-wrp section.s8 > .item .copyrights, section.s4 > .flex-wrp section.s8 > .item .copyrights, section.s8 > .flex-wrp .contact-wrp .wide section.s8 > form .copyrights, section.s8 > footer .copyrights, .dialogs .popup#booking .form-box section.s8 > form .copyrights { font-size: 12px; padding-bottom: 0; } }

footer { position: fixed; z-index: 48; bottom: 0; left: 0; width: 100%; padding: 0 3.125% 6vh; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

footer .slider-count { text-transform: uppercase; -webkit-transition: color ease 0.2s; -o-transition: color ease 0.2s; transition: color ease 0.2s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; margin-bottom: -90px; }

footer .slider-count .current { font-size: 45px; font-weight: 300; line-height: 0.85; display: inline-block; margin-left: 18px; }

footer .slider-count .total { font-weight: 100; font-size: 17px; line-height: 1; vertical-align: top; display: inline-block; }

footer .slider-count .next { display: inline-block; vertical-align: top; width: 11px; height: 32px; background: url(../img/layout/arrow-down.png) no-repeat center; background-size: contain; -webkit-transition: opacity ease-in-out 0.2s; -o-transition: opacity ease-in-out 0.2s; transition: opacity ease-in-out 0.2s; padding: 10px 0; -webkit-animation: hook 1s infinite; animation: hook 1s infinite; -webkit-transform-origin: 100% 34%; -ms-transform-origin: 100% 34%; transform-origin: 100% 34%; margin-top: 5px; opacity: 1; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { footer .slider-count .next { background-image: url(../img/layout/arrow-down@2x.png); } }

footer .slider-count .next.opacity { opacity: 0; }

@media (max-height: 700px) { footer .slider-count .current { font-size: 30px; }
  footer .slider-count .total { font-size: 14px; } }

@media (max-width: 1500px) { footer .slider-count .current { font-size: 30px; }
  footer .slider-count .total { font-size: 14px; }
  footer .slider-count .next { margin-top: 0; } }

footer .play-music { width: 90px; height: 90px; background-color: #ed1c24; border-radius: 100%; position: relative; cursor: pointer; }

footer .play-music:before { content: ''; display: block; width: 15px; height: 18px; background: url(../img/layout/ico-play.png) no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: 2px; }

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { footer .play-music:before { background-image: url(../img/layout/ico-play@2x.png); } }

footer .play-music.pause:before, footer .play-music.pause:after { content: ''; display: block; width: 5%; height: 35%; position: absolute; top: 33%; left: 37%; background: #ffffff; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); }

footer .play-music.pause:after { left: auto; right: 37%; }

@media (max-height: 700px) { footer .play-music { width: 4vw; height: 4vw; } }

@media (max-width: 1600px) { footer .play-music { width: 4vw; height: 4vw; } }

@media (max-width: 1300px) { footer .play-music { width: 45px; height: 45px; } }

@media (max-width: 640px) { footer .play-music { display: none; } }

@media (max-height: 900px) { footer { padding-bottom: 2vh; } }

@media (max-height: 700px) { footer { padding-left: 2%; padding-right: 2%; } }

@media (max-width: 1300px) { footer { padding-left: 2%; padding-right: 2%; } }

@media (max-width: 960px) { footer { display: none; } }

@media (max-width: 450px) { footer { padding-left: 4%; padding-right: 4%; } }

@-webkit-keyframes hook { 0% { -webkit-transform: rotate(90deg) translate3d(0px, 0, 0); transform: rotate(90deg) translate3d(0px, 0, 0); }
  50% { -webkit-transform: rotate(90deg) translate3d(0, 5px, 0); transform: rotate(90deg) translate3d(0, 5px, 0); }
  100% { -webkit-transform: rotate(90deg) translate3d(0px, 0, 0); transform: rotate(90deg) translate3d(0px, 0, 0); } }

@keyframes hook { 0% { -webkit-transform: rotate(90deg) translate3d(0px, 0, 0); transform: rotate(90deg) translate3d(0px, 0, 0); }
  50% { -webkit-transform: rotate(90deg) translate3d(0, 5px, 0); transform: rotate(90deg) translate3d(0, 5px, 0); }
  100% { -webkit-transform: rotate(90deg) translate3d(0px, 0, 0); transform: rotate(90deg) translate3d(0px, 0, 0); } }

.dialogs { position: fixed; display: none; opacity: 0; width: 100%; height: 100%; z-index: 50; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0, 0, 0, 0.85); top: 0; left: 0; }

.dialogs .close-bg { position: fixed; z-index: 51; width: 100%; height: 100%; }

.dialogs > .flex-wrp, .dialogs > header, header nav .dialogs > .menu, section.s2 > .flex-wrp .dialogs > .item, section.s4 > .flex-wrp .dialogs > .item, section.s8 > .flex-wrp .dialogs > .contact-wrp, section.s8 > .flex-wrp .contact-wrp .wide .dialogs > form, .dialogs > footer, .dialogs .popup#booking .form-box .dialogs > form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100%; width: 100%; }

.dialogs .vertical-align-table { display: table; width: 100%; height: 100%; }

.dialogs .vertical-align-table .vertical-align-row { display: table-row; }

.dialogs .vertical-align-table .vertical-align-row .vertical-align { display: table-cell; vertical-align: middle; }

.dialogs .close { z-index: 53; }

.dialogs .popup { display: none; opacity: 0; margin: 0 auto; position: relative; z-index: 52; width: 96%; max-width: 1280px; border: none; padding: 0; background-color: #ffffff; color: #000000; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; }

.dialogs .popup.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.dialogs .popup .form-box { padding: 90px 0; width: 1280px; max-width: 90%; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 1300px) { .dialogs .popup .form-box { padding: 70px 0; } }

@media (max-width: 640px) { .dialogs .popup .form-box { padding: 90px 0 30px; } }

.dialogs .popup#booking .form-box form { max-width: 640px; margin: 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.dialogs .popup#booking .form-box form input[type=password] { -webkit-box-flex: 0; -ms-flex: 0 1 550px; flex: 0 1 550px; }

.dialogs .popup#booking .form-box form button { -webkit-box-flex: 0; -ms-flex: 0 1 60px; flex: 0 1 60px; }

@media (max-width: 800px) { .dialogs .popup#booking .form-box form { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .dialogs .popup#booking .form-box form input[type=password] { -webkit-box-flex: 1; -ms-flex: 1 1 250px; flex: 1 1 250px; margin: 0 10px 20px; }
  .dialogs .popup#booking .form-box form button { -webkit-box-flex: 1; -ms-flex: 1 1 60px; flex: 1 1 60px; margin: 0 10px 20px; } }

.dialogs .popup.text { background: #ffffff !important; max-width: 90%; }

.dialogs .popup.text .form-box { padding: 50px 0; }

.dialogs .popup.text .form-box .text-wrp { text-align: left; }

.dialogs .popup.text .form-box .text-wrp h3, .dialogs .popup.text .form-box .text-wrp form .title, form .dialogs .popup.text .form-box .text-wrp .title { font-size: 23px; line-height: 30px; margin-bottom: 40px; }

.dialogs .popup.text .form-box .text-wrp p { font-size: 12px; line-height: 17px; margin: 15px 0; }

.dialogs .thanks-popup { background: rgba(0, 0, 0, 0.95); position: fixed; z-index: 102; top: 0; right: 0; bottom: 0; left: 0; display: none; }

.dialogs .thanks-popup .close { z-index: 103; }

.dialogs .thanks-popup .close-bg { z-index: -1; }

.dialogs .thanks-popup .form-box { background: #ffffff; color: #000000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 700px; height: 340px; padding: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 700px) { .dialogs .thanks-popup .form-box { width: 100%; } }

.dialogs .thanks-popup .form-box .text-wrp { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); text-align: center; }

.dialogs .thanks-popup .form-box .text-wrp p { font-size: 20px; font-weight: 300; line-height: 28px; margin: 40px 0 0; white-space: pre-line; }

@media (max-width: 500px) { .dialogs .thanks-popup .form-box .text-wrp p { font-size: 16px; line-height: 24px; white-space: normal; } }
/*# sourceMappingURL=style.css.map */

.video-carousel {

}
.video-carousel {
  text-align: center;
}
.video-carousel .owl-nav {

}

.video-carousel.owl-carousel .owl-nav .owl-next, 
.video-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 30px;
    height: 52px;
    opacity: 1;
    outline: none !important;
    z-index: 998;
    cursor: pointer;
}
.video-carousel.owl-carousel .owl-nav .owl-prev {
    left: 145px;
    background: url(../img/content/promo-slider-left.png) no-repeat left center;
}
.video-carousel.owl-carousel .owl-nav .owl-next {
    right: 145px;
    background: url(../img/content/promo-slider-right.png) no-repeat right center;
}
/*.video-carousel.owl-carousel .owl-nav .owl-next:hover, 
.video-carousel.owl-carousel .owl-nav .owl-prev:hover {
  opacity: 1;
}*/
/*.video-carousel.owl-carousel .owl-nav .owl-next:hover {
	animation: scrollNextVideo 0.4s ease alternate infinite; 
}
.video-carousel.owl-carousel .owl-nav .owl-prev:hover {
	animation: scrollPrevVideo 0.4s ease alternate infinite; 
}*/
.video-carousel.owl-carousel .owl-nav .owl-prev.disabled,
.video-carousel.owl-carousel .owl-nav .owl-next.disabled {
	display: none;
}
@keyframes scrollNextVideo {
  0% {
    right: 150px;
  }
  100% {
    right: 140px;
  }
}
@keyframes scrollPrevVideo {
  0% {
    left: 150px;
  }
  100% {
    left: 140px;
  }
}

.video-carousel .owl-nav.disabled + .owl-dots {
  margin-top: 10px; 
}

.video-carousel .owl-dots {
  text-align: center;
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  z-index: 5;
}
.video-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline; 
  outline: none;
}
.video-carousel .owl-dots .owl-dot span {
  width: 13px;
  height: 13px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 3px; 
}
.video-carousel .owl-dots .owl-dot.active span {
  background: #ed1c24;
}
.video-carousel .owl-dots .owl-dot:hover span {
  opacity: 0.5;
}
.video-carousel__nav {
  display: block !important;
  position: absolute;
  width: 100%;
  height: 100%;
}
.video-carousel__nav-item {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  color: #ffffff;
  z-index: 30;
  left: auto;
  /*background: rgba(255,255,255,0.1);*/
  height: 100%;
  display: block;
  width: calc( 25% - 25px);
}
.video-carousel__nav-item--right {
  left: auto;
  right: 0;
}
.video-carousel__nav-item.active {
  display: none;
}
.video-carousel__nav-item:before {
	content: '';
	display: block;
	width: 30px;
	height: 52px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.video-carousel__nav-item--right:before {
	background: url(../img/content/promo-slider-right.png);
	right: 100px;
	left: auto;
	animation: scrollNext 0.4s ease alternate infinite; 
}
.video-carousel__nav-item--left:before {
	background: url(../img/content/promo-slider-left.png);
	right: auto;
	left: 100px;
	animation: scrollPrev 0.4s ease alternate infinite; 
}
.banner__block {
  max-width: 25% !important;
}
.banner__text {
  font-family: "Ambroise Francois Demi";
  font-size: 30px;
  position: relative;
  padding-left: 55px;
}
.banner__text:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: url(../img/content/arrow-red-bottom.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 15px; 
}
.hearnow {
  width: 18px;
  height: 16px;
  background: url(../img/content/hearnow-logo-small.png);
}
.email-link {
  border-top: 1px solid #c8c8c8;
  display: inline-block;
  padding-top: 5px;
  margin-top: 7px;
}

@keyframes scrollNext {
  0% {
    right: 105px;
  }
  100% {
    right: 95px;
  }
}
@keyframes scrollPrev {
  0% {
    left: 105px;
  }
  100% {
    left: 95px;
  }
}
@media (max-width: 1300px)  {
  .video-carousel.owl-carousel .owl-nav .owl-prev {
      left: 10px;
  }
  .video-carousel.owl-carousel .owl-nav .owl-next {
      right: 10px;
  }
  .video-carousel__nav {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .banner__text {
    font-size: 27px;
    padding-left: 45px;
  }
  .banner__text:before {
    width: 40px;
    height: 40px;
    top: 7px;
    -webkit-background-size: contain;
    background-size: contain;
  }
}
@media (max-width: 1200px) {
  .banner__block {
    top: 25% !important;
    max-width: 35% !important;
  }
}
@media (max-width: 900px)  {
  .video-carousel.owl-carousel .owl-nav .owl-next, 
   .video-carousel.owl-carousel .owl-nav .owl-prev {
    width: 45px;
    height: 26px;
    -webkit-background-size: contain;
    background-size: contain;
   }
   .video-carousel.owl-carousel .owl-nav .owl-next, 
    .video-carousel.owl-carousel .owl-nav .owl-prev {
      bottom: -50px;
      top: auto;
  } 
}
@media (max-width: 670px) {
  .banner__block {
    max-width: 50% !important;
    top: 23% !important;
  }
  .banner__text {
    font-size: 18px;
    padding-left: 35px;
    color: #ffffff;
    margin-bottom: 0.7em;
    text-shadow: 2px 0 2px rgba(0,0,0,0.5), 0 2px 2px rgba(0,0,0,0.5), -2px 0 2px rgba(0,0,0,0.5), 0 -2px 2px rgba(0,0,0,0.5);
  }
  .banner__text:before {
    left: -2px;
  }
}
@media screen and (min-width: 500px) and (max-width: 700px) {
  .video-youtube-inner {
    position: relative;
    /*padding-bottom: 56.25%;*/ /* 56.25% задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    width: 0;
    overflow: hidden;
    height: 60vh;
    padding-right: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  section.s3 > .flex-wrp .video-youtube-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}