input {

	font-size: 18px!important;
	font-family: 'robotolight'!important;
}

header {

	background: rgba(0, 0, 0, .9);
}

.g-wrapper {

	height: auto;
	overflow: hidden;
}

#ui-datepicker-div {

	z-index: 9999!important;
}

.popuphide-btn {

	cursor: pointer;	
}

.form-subscribe__inp_email {

	border: 2px solid transparent;
	box-sizing: border-box;
	outline: 0;
}

.form-subscribe__inp_email:focus {

	border: 2px solid transparent;
	box-sizing: border-box;
	outline: 0;
}

.form-subscribe__btn {

	cursor: pointer;
	line-height: 28px;
}

.subscribe_inner {

	margin: 0;
}

div.sunny-card__subscribe {

	line-height: 1.1;
}

/* Textarea "Написать нам письмо" */

.feedback-form__textarea {

	resize: none;
}

.feedback-form__submit__replace {

	line-height: 55px;
	padding: 0;
}

/* Textarea "Написать нам письмо" */

/* Кнопка "Остались вопросы? all-Inclusive.php" */

.sunny-card__subscribe {

	/*margin: 0 auto;*/
}

/* Кнопка "Остались вопросы? all-Inclusive.php" */

.lineheight55px {

	line-height: 55px;
}


#tips {

    display: none;
}

/* Общие стили */

.personal-data__link {

	display: inline;
	text-decoration: underline!important;
}

.personal-data__link {

	cursor: pointer;
}

.personal-data {

	margin-top: 20px;
	width: 100%;
	cursor: pointer;
}

.personal-subscribe {

	margin-top: 20px;
	width: 100%;
	cursor: pointer;
}

.feedback-form__submit {

	margin-right: 0;
}

.form-offer__checkbox {

	margin-right: 10px;
}

.b-popup .feedback-form__input {

	margin-bottom: 0;
}


.lineheight44px {

	line-height: 44px;
}

.lineheight55px {

	line-height: 55px;	
}

.additional-services__input {

	color: #fff!important;
}

.maincontent-main header {
    /*  position: absolute; */
    position: relative;
    top: 0;
    left: 0;
    z-index: 13;
}

input[type="text"] {

  font-size: 18px!important;
  line-height: 24px;
  font-family: 'robotolight'!important;
  color: #000;
};

.marginleft10px {

  margin-left: 10px;
}

.form-subscribe-wrapper {

    padding: 12px 14px 11px 14px;
}

.about {

	margin-bottom: 66px;
}

.header__booking-form .booking__input {

	background-image: url('../img/sprite/calendar.svg'); 
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 95% center;

	cursor: pointer;
}

#coming-footer, #leaving-footer {

	background-image: url('../img/sprite/calendar.svg'); 
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 95% center;

	cursor: pointer;
}

.booking__input {

	cursor: pointer;
}

.form-sale {
    overflow: visible;
}

.form-sale .booking__input {
    height: 54px;
}

.header__submenu-inner {

    background-color: rgba(0,0,0,.9);
}

.j-submenu .header__subitem.active {
    background: none;
}

/* Всплывающие формы, добавление промотки */

.b-popup {

    overflow: auto;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.b-popup .b-popup-content {

	margin-top: 10%;
	margin-bottom: 10%;
	position: relative;
}

.alert-window,
.success-order-window {

    position: relative;
    display: none;
    width: 80%;
    max-width: 800px;
    text-align: center;

    padding: 5%;
    font-size: 20px;
    line-height: 30px;
    background: rgb(255, 255, 255);
    color: #000;

    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;

    position: fixed;
    z-index: 1000;
    top: 20%;
    left: 0;
    right: 0;
    margin: auto;    
}


.alert-window-link {

    padding: 5px 10px;
}

.success-order-window {

    padding: 30px;
    box-sizing: border-box;
}

.success-order-title {

    margin-top: 30px;
    margin-bottom: 30px;

    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
}

.close-warning-form,
.close-success-form {

    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;

    cursor: pointer;
}

/* Всплывающие формы, добавление промотки */

/* Страница FAQ */

.faq-section {

    background: rgb(237, 255, 255);
    margin-bottom: 50px;
}

.faq-section_title {

    padding: 15px 0;

    background: rgb(185, 239, 239);
    cursor: pointer;
}


.faq-section_item {

    list-style-type: none;
}

.faq-section_list__dotted {

    margin: 10px 0;
}

.faq-section_list__dotted li {

    list-style-type: disc;
    padding: 5px 0;
}

.faq-section_item-number {

    padding-right: 15px;
}

.faq-section_input-title {

    padding: 20px 0 10px 0;
}

.strong-font {

    font-weight: bold;
}

.italic-font {

    font-style: italic;
}

.padding-left35px {

    padding-left: 35px;
    padding-right: 35px;
}

.padding-left70px {

    padding-left: 70px;
    padding-right: 35px;
}

.margin-left-35px {

    margin-left: -35px;
}

.underline-font {

    text-decoration: underline;
}

.checkmark {

    background-image: url('/assets/img/check.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
}

/* Страница FAQ */

.mobile-block {

	color: #000!important;
}

.about__video-thumbs {

	position: relative;
}

.about__main__slider {

    margin-bottom: 50px;
}

.main-slider__btn {

    bottom: 30%;
}

.tip-question {
    position: relative;
    width: 29px;
    height: 26px;
}


.tip-question:before {
  content: '';
  position: absolute;
  width: 20px;
  top: 18px;
  left: 17px;
}

.tip-question:before {
  background: url('../img/icons/inf-icon.png') center no-repeat;
  width: 20px;
  height: 20px;
  top: 3px;
  left: 3px;
}

.tip-question__number {
  display: inline-block;
  position: absolute;
  content: '';
  bottom: 28px;
  right: 12px;
  font-family: 'robotomedium';
  font-size: 11px;
  color: #fff;
  line-height: normal;
}

.tips-box-show .tip-question:before {
  content: '';
  position: absolute;
  top: 2px;
  left: -33px;
}

.tips-box-show .tip-question:before
{
  top: -6px;
}

.tips-box-show .tip-question__number {
  top: -7px;
  left: -17px;
}

.tip-question__link {

  min-width: 200px;
}

.hall-carousel .control {

    display: none;
}

.room__descr {

    min-height: 100px;
}

.price-room-pics li {

    display: none;
}

.price-room-pics li:first-child {

    display: inline-block;
}

.rooms-form-corp {

    width: 1330px;
    margin: 0 auto;
}

/* Выпадающее меню в шапке */

#booking__guests {

    position: relative;
    z-index: 998;
    width: 260px;
}

.masked-checkboxes {

    display: none;

    box-sizing: border-box;
    border: 1px solid #c1c1c1;

    position: absolute;
    width: 250px;
    top: 77px;
    z-index: 999;
}

.plus-minus {

    height: 50px;
    position: relative;
    background: #fff;
    user-select: none;
}

.plus-minus__text {

    padding-left: 16px;
    font-size: 18px;
    line-height: 50px;
    font-weight: normal;
    color: #000;
    user-select: none;
}

.plus-minus__wrapper {

    float: right;
    height: 50px;
    margin-right: 20px;
}

.minus-value {

    display: inline-block;
    vertical-align: middle;

    text-align: center;

    font-size: 20px;
    line-height: 50px;
    font-weight: bold;

    padding: 0;
    margin: 0 15px 0 0;
    color: #057781;
    user-select: none;
}

.between-value {

    min-width: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-align: center;

    color: #000!important;

    font-size: 16px;
    line-height: 50px;
    color: #057781;
    user-select: none;
}

.plus-value {

    display: inline-block;
    vertical-align: middle;
    text-align: center;

    font-size: 25px;
    line-height: 50px;
    padding: 0;
    margin: 0 0 0 15px;

    color: #057781;
    user-select: none;
}

.plus-minus__age {

    display: none;
    background: #CEE3E4;
    user-select: none;
}

.visible-age {

    display: none;
}

.top-guests {

    height: 47px;
    width: 250px;
    border: 0;
    outline: 0;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
}

.turndown-arrow {

    position: absolute;

    right: 20px;
    top: 44px;

    transition: all .3s; 
}
@media screen and (max-width: 750px) {
    .turndown-arrow {
        top: 48px;
    }
}
.turndown-arrow__hover {

    transform: rotate(180deg);

    transition: all .3s; 
}

.click-target {

    cursor: pointer;
}

/* Страница booking - бронирование номеров */

.room__booking-field {

    display: block;
    width: 100%;

    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}

.room__booking-person,
.room__booking-plus {

    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: normal;
}

.room__booking-people,
.room__booking-cost {

    display: inline-block;
    vertical-align: middle;
}

.room-dsc-article {

    position: relative;
    width: 100%;
}

.guarantee-rooms {

    position: absolute;
    top: -5px;
    right: 0;

    display: inline-block;

    padding: 5px 10px;

    background: #FF9C00;
    color: #fff;

    font-size: 16px;
    line-height: 20px;
}

.room-about-title {

    padding-right: 200px;
    box-sizing: border-box;
}

/* Страница booking - бронирование номеров */


/* Выпадающее меню в футере */

#booking__guests-footer {

    position: relative;
    z-index: 998;
    width: 230px;
}

#guests-footer {

    height: 52px;
    width: 100%;
    padding-left: 20px;
    cursor: pointer;
    border: 1px solid #047878;
}

.footer-click-target {

    position: relative;
}

.footer-turndown-arrow {

    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}

.footer-masked-checkboxes {

    display: none;

    box-sizing: border-box;
    border: 1px solid #c1c1c1;

    position: absolute;
    width: 230px;
    top: 91px;
    z-index: 999;
}

.footer-plus-minus {

    height: 47px;
    position: relative;
    background: #fff;
    user-select: none;
}

.footer-plus-minus__text {

    padding-left: 16px;
    font-size: 18px;
    line-height: 47px;
    font-weight: normal;
    color: #000;
    user-select: none;
}

.footer-plus-minus__wrapper {

    float: right;
    height: 47px;
    margin-right: 20px;
}

.footer-minus-value {

    display: inline-block;
    vertical-align: middle;

    text-align: center;

    font-size: 20px;
    line-height: 47px;
    font-weight: bold;

    padding: 0;
    margin: 0 5px 0 0;
    color: #057781;
    user-select: none;
}

.footer-between-value {

    min-width: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-align: center;

    color: #000!important;

    font-size: 16px;
    line-height: 47px;
    color: #057781;
    user-select: none;
}

.footer-plus-value {

    display: inline-block;
    vertical-align: middle;
    text-align: center;

    font-size: 25px;
    line-height: 47px;
    padding: 0;
    margin: 0 0 0 5px;
    padding-bottom: 3px;

    color: #057781;
    user-select: none;
}

.footer-plus-minus__age {

    display: none;
    background: #CEE3E4;
    user-select: none;
}

.footer-visible-age {

    display: none;
}

.footer-top-guests {

    height: 47px;
    width: 230px;
    border: 0;
    outline: 0;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
}

.footer-turndown-arrow__hover {

    transform: rotate(180deg);

    transition: all .3s; 
}

/* Выпадающее меню в футере */

/* Выпадающее меню в ценах */

#booking__guests-footer {

    position: relative;
    z-index: 998;
    width: 230px;
}

.guests-price {

    height: 40px;
    width: 100%;
    padding-left: 20px;
    cursor: pointer;
}

.price-click-target {

    position: relative;
}

.price-turndown-arrow {

    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.price-masked-checkboxes {

    display: none;

    box-sizing: border-box;
    border: 1px solid #c1c1c1;

    position: absolute;
    width: 230px;
    top: 70px;
    z-index: 999;
}

.price-plus-minus {

    height: 47px;
    position: relative;
    background: #fff;
    user-select: none;
}

.price-plus-minus__text {

    padding-left: 16px;
    font-size: 18px;
    line-height: 47px;
    font-weight: normal;
    color: #000;
    user-select: none;
}

.price-plus-minus__wrapper {

    float: right;
    height: 47px;
    margin-right: 20px;
}

.price-minus-value {

    display: inline-block;
    vertical-align: middle;

    text-align: center;

    font-size: 20px;
    line-height: 47px;
    font-weight: bold;

    padding: 0;
    margin: 0 5px 0 0;
    color: #057781;
    user-select: none;
}

.price-between-value {

    min-width: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    text-align: center;

    color: #000!important;

    font-size: 16px;
    line-height: 47px;
    color: #057781;
    user-select: none;
}

.price-plus-value {

    display: inline-block;
    vertical-align: middle;
    text-align: center;

    font-size: 25px;
    line-height: 47px;
    padding: 0;
    margin: 0 0 0 5px;
    padding-bottom: 3px;

    color: #057781;
    user-select: none;
}

.price-plus-minus__age {

    display: none;
    background: #CEE3E4;
    user-select: none;
}

.price-visible-age {

    display: none;
}

.price-top-guests {

    height: 47px;
    width: 230px;
    border: 0;
    outline: 0;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
}

.price-turndown-arrow__hover {

    transform: rotate(180deg);

    transition: all .3s; 
}


/*
@media screen and (max-width: 1300px) {
.desktop-version {

    display: none!important;
}
*/


/* Выпадающее меню */

@media screen and (max-width: 1299px) and (min-width: 751px) {

    /* Выпадающее меню на телефоне */

    #booking__guests {

        position: relative;
        z-index: 998;
        width: 345px;
    }

    .masked-checkboxes {

        display: none;

        position: absolute;
        width: 100%;
        top: 85px;
        z-index: 999;
    }

    .turndown-arrow {

        top: 70px;
    }

}





@media screen and (max-width: 750px) {

	.maincontent .header__menu {

		top: 66px;
	}

    .header__menu {

        top: 66px;
    }

    .j-submenu .header__subitem.active {

      background: #047878;
  }

  .maincontent-about .form-ind-offer {

    display: block;
}

/* Выпадающее меню на телефоне */

#booking__guests {

    position: relative;
    z-index: 998;
    width: 100%;
}

.masked-checkboxes {

    display: none;

    position: absolute;
    width: 100%;
    top: 84px;
    z-index: 999;
}

}

/* Textarea "Написать нам письмо" */


@media screen and (max-width: 1420px) {

    .contact-form-callback {

     margin-bottom: 30px;
 }

 .b-popup .feedback-form__input {

     margin-bottom: 20px;
 }

}


@media screen and (max-width: 1300px) {

    .about__fotorama {

        margin: 0 auto;
    }

    .gallery-slider .slick-next {

        right: 20px;
    }

    .about__block {

     display: block;
 }

 .about__main {

    width: 100%;
    margin-right: 0;
    position: relative;
}

.articles--vertical {

    display: block;
}

.about__aside {

	width: 100%;
}

.about__aside {

    padding: 0 15px;
}

.rooms-form-corp {

    display: none;
}

.turndown-arrow {
    position: absolute;
    right: 20px;
    top: auto;
    bottom: 27px;
    transition: all .3s;
}

.masked-checkboxes {

    width: 345px;

    top: 125px;
}
}


@media only screen and (max-width: 1000px) {

    .special-offer-item {

     height: auto;
 }

 .header__title-mobile .booking__btn {

     padding-top: 14px;
     padding-bottom: 14px;
 }

 .price-box {

    padding: 0;
    overflow: auto;
    padding-bottom: 15px;
}

.price-table-wrapper {
	
	width: 100%;
	overflow: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
}



/* Слайдер на солнечном, костыль (менее 1000px убирается карусель и залы перечисляются по порядку без js) */


.halls-slider-mobile-item {

    max-height: 100%;
    margin-bottom: 20px;
}

.halls-slider-mobile .description {
    bottom: auto;
    top: auto;
}

.halls-slider .description, .halls-slider-mobile .description {
    position: relative;
    right: auto;
    bottom: auto;
    background: #fff;
}

.hall-imgs-slider-inner, .hall-imgs-slider-mobile {

    width: 100%;
}

.hall-img-item-mobile {
    width: 100%;
}

}

@media only screen and (max-width: 992px) {

    .guarantee-rooms {

        top: 15px;

        font-size: 14px;
    }
}

@media only screen and (max-width: 750px) {

    /* Шапка и всплывающая форма */

    .header {

     padding-top: 10px;
     padding-bottom: 5px;
 }

 .header__sandwich {

     top: auto;
 }

 .header__booking-form .booking {

    padding-left: 30px;
    padding-right: 30px;
    height: auto;
}

.header__booking-form .booking__input {

    padding: 15px 10px 14px 10px;
    z-index: 5;
}

.header__booking-form .booking__select {

    height: 53px;
    z-index: 1001;
}

.g-wrapper .header__booking-form .jq-selectbox__select {

    height: 53px;
    padding-left: 10px;
    padding-top: 5px;
    font-size: 18px;
}
@media screen and (max-width: 750px) {
 .g-wrapper .header__booking-form .jq-selectbox__select-text {
    line-height: 42px;
} 
}


.g-wrapper .jq-selectbox__dropdown {

    font-size: 18px;
}

.g-wrapper .header__booking-form .jq-selectbox.opened .jq-selectbox__trigger-arrow {

    top: 15px;
}

.g-wrapper .header__booking-form .jq-selectbox__trigger-arrow {

    top: 16px;
    right: 35px;
}

.header__booking-form .booking__field:nth-child(4) .booking__label {

    min-height: 22px;
}

.header__booking-form .jq-selectbox li {

    min-height: 42px;
    padding: 10px 10px 6px;
}

.header__booking-form .booking__btn {

    height: 53px;	
}

.header__booking-form .booking__btn {

    font-size: 16px;
    line-height: 25px;
}

.g-wrapper .g-container .booking__label {

    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 1px;
}

.booking__input-wrap .ui-datepicker-trigger {

    width: 22px;
    height: 22px;
    right: 15px;
}

/* Шапка и всплывающая форма */

.feedback-form__inner {

    max-width: 450px;
}

.header__booking-title {

    width: 100%;
    overflow: hidden;
    font-size: 35px;
    line-height: 50px;
}

.header__booking-title span {

	white-space: normal;
}

#banner {

    width: 100%;
    /*overflow: hidden;	*/
}

.personal-data {

	display: block;
}

.form-subscribe__div {

  width: 100%;
  line-height: 39px;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.contact-form-callback {

	margin: 30px auto;
}

}

.delivery-mobile {

	display: none;
}

.reception-mobile {

	display: none;
}


@media only screen and (max-width: 500px) {

/** В футере на мобильнике вылезают телефоны за пределы поля и ломают верстку на разрешении < 500px
	Здесь правка размеров этих блоков для того чтобы эту проблему убрать
    */

    .footer-col-contact {

     overflow: hidden;
 }

 .footer-contacts-l, .logo-footer {

     margin-right: 0;
 }

 .footer-contacts-r {

     white-space: normal;
 }

 .footer-phone .footer-phone__private {

     font-size: 20px!important;
     line-height: 25px!important;	
 }

 .footer-phone .footer-phone__corporate {

     font-size: 20px!important;
     line-height: 25px!important;
 }

 .footer-phone .footer-phone__info {

     font-size: 20px;
     line-height: 25px;	
 }

 .header__booking-text {

    white-space: normal;

}

/* Верхнее меню */

.header {

    margin: 0 10px;
}


.header__phone__num {

	font-size: 18px;
}

/* Верхнее меню */

/* Зеленые кнопки на главной странице */

.main-slider__btn {

	height: auto;
}

#main-slider .btn {

	padding-top: 15px;
	padding-bottom: 15px;
}

.centered-button {

	left: 0;
	right: 0;
	margin: auto;
	max-width: 70%;
}

.about-dsc .btn--lg {

    min-width: 250px;
}

/* Зеленые кнопки на главной странице */

/* Корп. страница - заголовок */

.banner-corp .header__booking-title {

	text-align: left;
}

.maincontent-corp h1 {

    font-size: 42px;
    line-height: 48px;
}

/* Корп. страница - заголовок */

/* Страница "об отеле" */

.about__fotorama {

	margin: 0;
	width: 100%;
}

/* Страница "об отеле" */


.feedback-form__input-wrap,
.feedback-form__textarea-wrap,
.feedback-form__submit {

	width: 100%;
}

/* Выпадающее меню */

.special-offer-item {

    width: 300px;
    height: auto;
    margin-right: 30px;
}


.header__menu {

    right: -10px;
    width: 80%;
}

.header__menu-link::after {
    position: absolute;
    top: 15px;
    right: 27px;
    border-width: 7px;
    left: auto;
    width: 0;
}

.header__menu-item:hover.active .header__menu-link::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 5px;
}

.header__menu-item:hover.active .header__menu-link::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 25px;
}

.header__menu-item:hover .header__menu-link::after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    top: 15px;
}

.header__menu-link {

    padding: 20px 35px;
    font-size: 20px;
}

.header__submenu-link {
    width: 100%;
    font-size: 20px;
    padding: 20px 20px 20px 70px;
}

/* Выпадающее меню */

/* Верстка about и прочее */

.about__fotorama {

    margin: 0 auto 25px auto;
}

/* Верстка about и прочее */

.maincontent-corp h1 {

    font-size: 35px;
    line-height: 60px;
}

.swiper-container {

	/*height: auto;*/
}

.maincontent-main .header__booking-form {

    padding: 0 10px;
}

.g-info-link::after {

    right: -5px;
}

.room__paying {

	padding: 5px 0 10px 0;
}

.room__paying-text {

	display: block;
}

.room__dates {

    width: auto;
}

.room__booking-cost {

    font-family: 'robotomedium';
    font-size: 16px;
    line-height: 1;
}


.faq-section {

    background: rgb(237, 255, 255);
    margin-bottom: 30px;
}

.faq-section_title {

    padding: 10px 0;
}

.faq-section_list__dotted {

    margin: 5px 0;
}

.faq-section_list__dotted li {

    list-style-type: disc;
    padding: 5px 0;
}

.faq-section_item-number {

    padding-right: 10px;
}

.faq-section_input-title {

    padding: 10px 0 10px 0;
}


.padding-left35px {

    padding-left: 15px;
    padding-right: 15px;
}

.padding-left70px {

    padding-left: 30px;
    padding-right: 30px;
}

.margin-left-35px {

    margin-left: -15px;
}

.additional-services__description--mobile {

    padding-right: 20px;
    padding-left: 20px;
}

.additional-services__subtitle {

    padding-right: 20px;
    padding-left: 20px;
}

.mobile-block {

	display: block;
}

.news-top {

	position: relative;
	margin: 20px 0;
}

.about__video-wrap {

    height: auto;
}


.b-popup .popup-callback {

    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
}

.description-inner {

    width: auto;
    height: auto;
}

.room__book_btn {

    width: 100%;
    margin-top: 15px;
}


}

@media only screen and (max-width: 450px) {

    /* Верхнее меню */

    .header__business-link {

     font-size: 12px;
 }

 .all-inclusive__tab-item {

     padding: 8px;
     width: auto;
     font-size: 20px;
 }

 /* Верхнее меню */


 .alert-window,
 .success-order-window {

    padding: 15% 5%; 
}


.margin-bottom-form {

    margin-bottom: 20px;
}


}

@media only screen and (max-width: 400px) {

    .header__phone__num {
        font-size: 13px;
    }

    .main-slider__title span {

        font-size: 30px;
        line-height: 32px;
    }

    .main-slider__btn {

        width: 300px;
    }

    .special-offer-item {

        width: 250px;
        height: auto;
        margin-right: 30px;
    }

    .special-offer-dsc__title {

        font-size: 18px;
    }

    .special-offer-dsc p {

        font-size: 15px;
    }

}

@media only screen and (max-width: 370px) {

	.header__phones {

     margin-right: 0;
 }

 .sunny-card__logo {

    width: 90px;
    height: 90px;
}

}

@media only screen and (max-width: 350px) {

    .header {

        margin: 0 5px;
    }

    .header__business-link {

        font-size: 10px;
    }

    .special-offer-item {

        width: 220px;
        height: auto;
        margin-right: 30px;
    }

    .header__menu {

        right: -5px;
        width: 80%;
    }

    .maincontent-corp h1 {

        font-size: 30px;
        line-height: 50px;
    }
}


.content-booking-form {

	opacity: 1;
}

.footer__booking-form {

	opacity: 1;
}

.all-inclusive__comment {

	font-weight: bold;
	font-size: 22px;
}

.all-inclusive__subtitle {

	padding-left: 30px;
}

.hidden-block {

    display: none;
}

.visible-block {

    display: block;
}

.display-inline {

    display: inline;
}

.hidden-table4 {

    display: none;
}

.margin-bottom-form {

    margin-bottom: 20px;
}


.hall-price-info {

    font-style: italic;
    color: #6f6f6f;
    font-size: 12px;
}

.error-message {

    display: none;
}

.main center {

    display: none!important;  
}

iframe {

    display: none!important;
}

.events-video iframe {

    display: block!important;
}

.map-sunhotel iframe {

    display: block!important;
}

.map-reservation-center iframe {

    display: block!important;
}

.about__main-video iframe {

    display: block!important;    
}


.ui-datepicker-append {

    display: block;
    position: absolute;
    top: 11px;
    left: 115px;
    color: #000;
    font-weight: 300;
    font-family: 'robotolight';
    font-size: 18px;
    line-height: 24px;
    z-index: 1000;
    cursor: pointer;
}

@media only screen and (max-width: 1300px) {

    .ui-datepicker-append {

        top: 27px;
    }   
}

@media only screen and (max-width: 751px) {

    .ui-datepicker-append {

        top: 15px;
        left: 105px;
    }
}

.booking-corp-top {

    height: 96px;

    background: #3D324F;
}

/* Корп форма в календаре */

.booking-corp-top {

    width: 100%;

    padding: 20px 30px;

    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}

.corp-top-text {

    display: inline-block;
    vertical-align: top;

    width: 540px;

    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 56px;
    letter-spacing: normal;

    color: #fff;
}

.corp-top-btn {

    display: inline-block;
    vertical-align: top;

    width: 250px;

    padding: 7px 10px;

    background: #fff;

    text-align: center;

    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    line-height: 18px;
    letter-spacing: normal;

    border-radius: 3px;

    box-shadow: 0 6px 0 rgba(132, 132, 132, 1);

    color: #000;

    cursor: pointer;
}

@media only screen and (max-width: 1300px) {


    .corp-top-text {

        width: 360px;

        font-size: 16px;
    }

    #swiper-wrapper-main .main-slider__title {

        margin-top: 100px;
    }
}

@media only screen and (max-width: 1000px) {

    #swiper-wrapper-main .main-slider__title {
        /*margin-top: 40px;*/
    }

    .about {
        padding-top: 60px;
    }
}

@media screen and (max-width: 605px) {

    #main-slider .swiper-wrapper-mobile {

        min-height: 590px!important;
    }
}

@media only screen and (max-width: 750px) {

    .corp-top-btn {

        width: 100%;

        font-size: 16px;
    }
    
    .corp-top-text {

        display: none;
    }

    .turndown-arrow {

        bottom: 13px;
    }

    .masked-checkboxes {

        width: 100%;

        top: 85px;
    }

    #main-slider .desktop-version {

        top: 20%;
    }
}

/* Корп форма в календаре, конец */


.corp_overlay {

    display: none;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10003;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: auto;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, .35);
}

.corp-comments-form {

    position: relative;

    width: 100%;
    max-width: 950px;

    border-radius: 5px;

    margin: 5% auto;

    padding: 30px 20px;

    box-sizing: border-box;

    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, .35);
}

.corp-chat-close {

    position: absolute;

    top: 10px;
    right: 10px;

    width: 30px;
    height: 30px;

    cursor: pointer;
}

.corp-comments-info {

    text-align: center;
}

.corp-comments-text {

    font-size: 22px;
    line-height: 28px;

    font-family: 'Roboto', sans-serif;
}

.corp-comments-fields {

    padding-top: 30px;

    box-sizing: border-box;

    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}

.corp-comments-name {

    display: inline-block;
    vertical-align: top;
    width: 31%;

    margin-right: 3.5%;

    font-size: 14px;
    line-height: 40px;
    letter-spacing: normal;
}

.corp-comments-email {

    display: inline-block;
    vertical-align: top;
    width: 31%;

    margin-right: 3.5%;

    font-size: 14px;
    line-height: 40px;
    letter-spacing: normal;
}

.corp-comments-phone {

    display: inline-block;
    vertical-align: top;
    width: 31%;

    font-size: 14px;
    line-height: 40px;
    letter-spacing: normal;
}

.corp-comments-name-input {

    width: 100%;
    height: 40px;

    padding: 0 5px;
    box-sizing: border-box;

    outline: 0;
    border: 1px solid #C6C6C6;

    font-size: 14px;
    line-height: 40px;
    letter-spacing: normal;
}

.corp-comments-email-input {

    width: 100%;
    height: 40px;

    padding: 0 5px;
    box-sizing: border-box;

    outline: 0;
    border: 1px solid #C6C6C6;

    font-size: 14px;
    line-height: 40px;
    letter-spacing: normal;
}

.corp-comments-phone-input {

    width: 100%;
    height: 40px;

    padding: 0 5px;
    box-sizing: border-box;

    outline: 0;
    border: 1px solid #C6C6C6;

    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;
}

.corp-comments-name-input:focus {

    outline: 0!important;
}

.corp-comments-email-input:focus {

    outline: 0!important;   
}

.corp-comments-phone-input:focus {

    outline: 0!important;   
}

.corp-comments-textarea {

    padding-top: 30px;
}

.corp-comments-textarea-text {

    width: 100%;

    min-height: 500px;

    resize: vertical;

    outline: 0;
    border: 1px solid #C6C6C6;

    box-sizing: border-box;

    padding: 0 5px;

    font-size: 16px;
    line-height: 24px;
    letter-spacing: normal;

    font-family: 'Roboto';
}

.corp-comments-textarea-text:focus {

    outline: 0!important;   
}

.corp-chat-send {

    width: 100%;
    max-width: 250px;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-image: -webkit-linear-gradient(#46a4fb, #3193f4, #1d83ec, #0b71e2, #0660d8);
    background-image: -o-linear-gradient(#46a4fb, #3193f4, #1d83ec, #0b71e2, #0660d8);
    background-image: linear-gradient(#46a4fb, #3193f4, #1d83ec, #0b71e2, #0660d8);
    border: 0;
    outline: 0;

    cursor: pointer;
}

.agree-info {

    padding: 20px 0;

    font-family: 'Roboto';

    font-size: 14px;
    line-height: 20px;
}

@media only screen and (max-width: 1690px) {

    .corp-comments-form {

        max-width: 750px;
    }

    .corp-comments-textarea-text {

        min-height: 350px;
    }
}

@media only screen and (max-width: 768px) {

    .corp-comments-form {

        max-width: 460px;
    }

    .corp-comments-textarea-text {

        min-height: 250px;
    }

    .corp-comments-form {

        padding: 20px;
    }

    .corp-comments-info {

        margin-top: 30px;
    }

    .corp-comments-name-input {

        font-size: 12px;
    }

    .corp-comments-email-input {

        font-size: 12px;
    }

    .corp-comments-phone-input {

        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {

    .corp-comments-form {

        width: 90%;

        margin: 10% auto;
    }

    .corp-comments-name {

        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .corp-comments-email {

        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .corp-comments-phone {

        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .corp-comments-textarea {

        padding-top: 0;
    }
}



.maincontent-offers .section_main {

    padding-top: 70px;
}

@media only screen and (max-width: 1300px) {

    .maincontent-offers .section_main {

        padding-top: 0px;
    }
}


@media only screen and (max-width: 480px) {

    .header__title-mobile .header__booking-title {
        margin-top: 100px;
    }
    .header__title-mobile .header__booking-title span {
        line-height: 45px;
    }
}


/* Новогодние цены */



.ny-table {

    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.ny-table thead {

    background-color: #eeffff;
}

.ny-table td b {

    color: #000;
}

.ny-table th:first-child {

    color: #047878;
    font-weight: normal;
}

.ny-table th {
    color: #000;
    font-weight: normal;
}

.ny-table th {

    border: 1px solid #ddd;
    font-size: 15px;
    padding: 10px;
}

.ny-table td {

    font-size: 15px;
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

.sect-prices {

    text-align: center;
    margin-bottom: 20px;
}

.new-year-h3 {

    text-align: center;
}

.ny-table-prices {

    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 30px;
    width: 1200px;
    text-align: center;
}


.maincontent-rooms .section_main {
    margin-bottom: 0;
}

@media screen and (max-width: 1300px) {

    .ny-table-prices {

        width: 900px;
    }

    .ny-table {

        width: 900px;
    }

    .sect-prices {

        margin-top: 80px;
    } 
}


@media screen and (max-width: 980px) {

    .ny-table-prices {

        width: 94%;
        margin: 0 auto;
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .ny-table {

        width: 94%;
        margin: 0 auto;
    }

    .sect-prices {

        margin-top: 80px;
    }

    .ny-table th {

        font-size: 14px;
        padding: 5px;
    }

    .ny-table td {

        font-size: 14px;
        padding: 5px;
    }
}

@media screen and (max-width: 768px) {

    .ny-table-prices {

        width: 100%;
        margin: 0 auto 20px auto;
    }

    .ny-table {

        width: 750px;
    }

    .ny-table-wrapper {

        width: 100%;
        overflow: auto;
    }

    .ny-table td {

        font-size: 13px;
        padding: 5px;
    }
}

    /* Новогодние цены, конец */


.big-price-span {

    color: #047878; font-size: 30px;
}

.mobile-br {

    display: none;
}

.room-dsc {

    padding-right: 10px;
    box-sizing: border-box;
}

.room__book_btn {

    margin-left: 0!important;
}

.room__booking-about {

    width: 100%;
}

.room__booking-about p {

    padding-bottom: 10px;
}

.room-dsc h3 {

    margin-bottom: 25px;
}

.font-600 {

    font-weight: 600;
    color: #000;
}

.font-300 {

    font-weight: 300;
}

@media only screen and (max-width: 1200px) {

    .room-dsc {

        height: auto;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .room__book_btn {

        margin-left: 0!important;
    }
}

@media only screen and (max-width: 1000px) {

    .room-dsc__included {

        padding: 20px 0 0 0;
    }

    .room__booking-about {

        padding: 10px 0;
    }
}

@media only screen and (max-width: 480px) {

    .mobile-br {

        display: block;
    }

    .room-dsc__included {

        padding: 20px 0 0 0;
    }

    .room__booking-about {

        padding: 10px 0;
    }

    .big-price-span {

        font-size: 20px;
    }
}

.after-room-hr {

    margin: 10px 0;

    width: 120px;
    height: 3px;
    color: #047878;
    background: #047878;

    border: 0;
    outline: 0;
}

.scroll-locked-fixed-header {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.room-waiting {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0,0,0,.3);
    z-index: 999999;
    }
    
    .room-waiting-pic {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    }

    @media only screen and (min-width: 480px){
    .scroll-locked-fixed-header__header {
        position: fixed!important;
    }
}

.cashback-terms-desktop {
    display: none;
}

/* cashback 

.cashback-block {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -110px;
}

.cashback-t p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 38px;
}
.cashback-t .cashback-link {
    padding: 7px 5px;
    color: #000;
    background: #FFE500;
    font-weight: bold;
    font-size: 18px;
    line-height: 38px;
    text-decoration: underline;
}
.br-cashback {
    display: none;
}
.br-yellow {
    display: none;
}
.cashback-image {
    width: 40px;
    position: absolute;
    left: 30px;
}
.cashback-block-mobile {
    display: none;
}
.cashback-link-desktop {
    display: block;
}
.cashback-link.cashback-link-desktop {
    display: inline;
}
@media only screen and (max-width: 1300px) {
.cashback-image {
    display: none;
}
.cashback-block-mobile {
    display: block;
}
.cashback-block-mobile .cashback-link {
    display: inline;
}
.cashback-link.cashback-link-desktop {
    display: none;
}
.main-slider__title {
    font-size: 40px;
    line-height: 53px;
}
.cashback-block {
    top: -180px;
}
.cashback-t .cashback-link {
    font-size: 18px;
    line-height: 30px;
}
.cashback-t p {
    font-size: 18px;
    line-height: 30px;
}
.cashback-t p:first-child {
    padding-bottom: 10px;
}
}*/

@media only screen and (max-width: 771px) {
    #swiper-wrapper-main .main-slider__title {
        margin-top: 60px;
    }
    .header__booking-form .booking {
        margin-top: 100px;
    }
    .cashback-block {
        top: -100px;
    }
    #main-slider .swiper-wrapper-mobile {
        min-height: 600px !important;
        max-height: 866px;
    }

    #main-slider .desktop-version {
        top: 20%;
    }
   /* .maincontent-main .about {
        padding-top: 250px;
    }*/
}

@media only screen and (max-width: 480px) {
#main-slider .swiper-wrapper-mobile {
    min-height: 650px!important;
}
#swiper-wrapper-main .main-slider__title {
    margin-top: 40px;
}

#main-slider .desktop-version {
    top: 20%;
}

.cashback-block {
    left: 0;
    top: -110px;
    padding: 0 10px;
    box-sizing: border-box;
}
.main-slider__title {
    font-size: 35px;
    line-height: 55px;
}
.cashback-block-mobile {
    margin-bottom: 5px;
}
.header__booking-form .booking {
    margin-top: 120px;
}
.header__booking-form .booking {
    margin-top: 130px;
}/*
.maincontent-main .about {
    padding-top: 240px;
}*/
}
/* cashback, конец */

.section_main .reviews-section {
    margin-bottom: 60px;
}

/* Cookie (уведомление) */

.cookie-warning {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 1px -1px 4px 0px rgba(0,0,0,0.24);
    -webkit-box-shadow: 1px -1px 4px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 1px -1px 4px 0px rgba(0,0,0,0.24);
    padding: 10px 40px;
    box-sizing: border-box;
    z-index: 999999;
}

.cookie-text {
    color: rgb(149, 149, 149);
    font-size: 14px;
    line-height: 18px;
    font-family: 'Roboto', Arial,sans-serif;
    max-width: calc(100% - 235px);
}

.cookie-warning .cookie-text-link {
    display: inline!important;
    color: rgb(149,149,149)!important;
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Roboto', Arial, sans-serif;
}
.cookie-warning .cookie-text-link:hover {
    color: rgb(149,149,149);
    text-decoration: underline;
}
.cookie-warning .cookie-text-link:active {
    color: rgb(149,149,149);
    text-decoration: underline;
}
.cookie-warning .cookie-text-link:visited {
    color: rgb(149,149,149);
    text-decoration: underline;
}

.cookie-submit {
    display: block;
    width: 215px;
    background: rgb(232, 232, 232);
    color: rgb(108, 108, 108);
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Roboto', Arial,sans-serif;
    border-radius: 30px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    cursor: pointer;
}

@media only screen and (max-width: 1050px) {

    .cookie-warning {
        max-width: 90%;
    }

    .telegram-icon-pic {
        margin-left: -15px;
        margin-right: 15px;
        margin-top: 8px;
        width: 30px;
        height: 30px;
    }
}

@media only screen and (max-width: 768px) {

    .cookie-warning {
        max-width: 100%;
        flex-wrap: nowrap;
        border-radius: 0;
        padding: 5px 10px;
    }

    .cookie-text {
        width: calc(100% - 115px);
        max-width: calc(100% - 115px);
        padding-right: 10px;
        font-size: 11px;
        line-height: 12px;
    }

    .cookie-warning .cookie-text-link {
        font-size: 11px;
        line-height: 12px;
    }

    .cookie-submit {
        margin: 5px auto 5px auto;
        width: 115px;
        font-size: 12px;
        line-height: 12px;
        border-radius: 0;
        padding: 5px;
    }
}

/* Cookie, конец */

.ros-contacts p {
    font-size: 18px;
    line-height: 1.55;
    font-family: 'robotolight';
    font-weight: 300;
    color: #000;
}

.ros-contacts p b {
    font-weight: bold;
}

@media only screen and (max-width: 480px) {

    .ros-contacts {
        margin: 0 20px;
    }
}

.telegram-icon-pic {
    display: block;
    margin-top: 3px;
    margin-right: -20px;
    width: 35px;
    height: 35px;
    background-image: url('/assets/img/telegram-icon.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 1410px) {

    .telegram-icon-pic {
        margin-right: -10px;
    }

    .header {
        margin: 0 15px;
    }
}

@media only screen and (max-width: 1300px) {

    .telegram-icon-pic {
        margin-right: -10px;
        position: absolute;
        right: 280px;
    }
}

@media only screen and (max-width: 768px) {

    .telegram-icon-pic {
        display: none;
    }
}

.telegram-icon-pic-contacts {
    min-height: 30px;
    padding-left: 35px;
    background-image: url("/assets/img/telegram-icon.svg");
    background-position: left center;
    background-size: 30px;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    text-decoration: underline;
    margin-top: 80px;
    font-weight: bolder;
}

.footer .telegram-icon-pic-contacts {
    min-height: 35px;
    padding-left: 45px;
    background-image: url(/assets/img/telegram-icon.svg);
    background-position: left center;
    background-size: 35px;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    text-decoration: underline;
    margin-top: 50px;
    font-weight: 100;
}

@media only screen and (max-width: 1300px) {

   .footer .telegram-icon-pic-contacts { 
        margin-top: 20px;
    }
}

@media screen and (max-width: 1300px) {

    .header__menu {
        display: none;
        position: absolute;
        z-index: 2000;
        background: rgba(0, 0, 0, .9);
        right: 0;
        left: -15px;
        top: 85px;
        padding-top: 20px;
        width: calc(100% + 30px);
        height: 100vh;
    }
    .header__menu-item:last-of-type {
        border-bottom: 0 solid #989898;
    }
    .header__menu-item {
        border-top: 0 solid #989898;
    }

    a.header__menu-link {
        padding: 15px 0;
        text-align: center;
        cursor: pointer;
        font-size: 18px;
    }

    .header_soln-scroll .header .header__menu {
        top: 80px;
    }
}

.telegram-icon-pic-mobile {
    display: none;
}

@media screen and (max-width: 750px) {
    .header .g-link {
        display: block;
    }
    .maincontent .header__menu {
        top: 62px;
    }
    .header_soln-scroll .header .header__menu {
        top: 90px;
    }

    a.header__menu-link {
        padding: 10px 0;
    }

.telegram-icon-pic-mobile {
    display: inline-block;
    min-height: 40px;
    padding-left: 50px;
    background-image: url("/assets/img/telegram-icon.svg");
    background-position: left center;
    background-size: 40px;
    background-repeat: no-repeat;
    text-decoration: none;
    cursor: pointer;
    color: #fff!important;
    font-size: 16px;
    line-height: 40px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.header__menu-item:last-of-type {
    text-align: center;
}
}
.personal-data__text .personal-agree-link {
    display: inline;
    color: #000!important;
    text-decoration: underline;
}
.personal-data__text .personal-agree-link:hover {
    color: #000!important;
    text-decoration: underline;
}
.personal-data__text .personal-agree-link:active {
    color: #000!important;
    text-decoration: underline;
}
.personal-data__text .personal-agree-link:visited {
    color: #000!important;
    text-decoration: underline;
}


.pers-f-links {
    padding-top: 50px;
    margin-bottom: -10px;
}
.pers-f-links .personal-agree-link-f {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}
.pers-f-links .personal-agree-link-f:hover {
    color: #fff;
    text-decoration: underline;
}
.pers-f-links .personal-agree-link-f:active {
    color: #fff;
    text-decoration: underline;
}
.pers-f-links .personal-agree-link-f:visited {
    color: #fff;
    text-decoration: underline;
}
.pers-f-links .personal-agree-link-f:first-child {
    padding-bottom: 10px;
}
@media only screen and (max-width: 1300px) {
    .telegram-icon-pic {
        margin-right: -10px;
        position: absolute;
        right: 280px;
    }
    .pers-f-links {
        padding-top: 20px;
        margin-bottom: 20px;
    }
    .b-popup__title {
        font-size: 20px;
        line-height: 27px;
    }
}