@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Source+Sans+Pro');

body {margin:0; padding:0; text-align:center; font-family: 'Source Sans Pro',Arial,Tahoma; font-size:16px;}

form {padding:0; margin:0;}
p {margin:0; padding: 0 0 10px;}

a {text-decoration:none; color:black;}
a:hover {color:red;}

h1 {padding:0px; margin:0px; font-weight:normal; }
h2 {padding:0px; margin:0px; font-weight:normal; }
h3 {padding:0px; margin:0px; font-weight:normal; }
h4 {padding:0px; margin:0px; font-weight:normal; }
h5 {padding:0px; margin:0px; font-weight:normal; }
h6 {padding:0px; margin:0px; font-weight:normal; }

.wrapper {width:100%; clear:both; position:relative; padding:0; margin:0; }
.wrap {max-width:1260px; position:relative; margin:auto; text-align:left; }



/* Первый экран */

.first-screen {width:100%; height:100%; position:absolute !important;}
.first-screen-line {padding-top:100%;}

.first-screen-wrap {position:relative; top:0px; left:0px; width:100%; height:100%; z-index:40;}
.top-background {position:relative; width:100%; height:100% !important; overflow:hidden !important; text-align:center; background: rgba(11, 35, 49, 0.9); }
.top-background .my-slide {position:relative; display:block; width:100%; height:100% !important; margin:auto; /* margin:0px -49%; */ z-index:40;}
.top-background .my-slide img {width:100%; margin:auto; margin:0px -49%;}

.phones {position:absolute; width:800px; bottom:120px; left:50%; margin-left:-400px;  padding:15px 0px;  text-align:center; background:url(../graph/slide-data-bg.png) repeat-y;  background-size:cover; z-index: 90;}
.phones span {display:inline-block; padding-left:28px;  margin:10px;  color:white; font-size:23px; }
.phones span:first-child {background:url(../graph/w-phone.png) left center no-repeat;  background-size:auto 100%; }
.phones span:last-child {background:url(../graph/t-phone.png) left center no-repeat;  background-size:auto 100%; }

.navigation {position:fixed; top:0px; width:100%; height:60px; padding:20px 0px; background: rgba(11, 35, 49, 0.95);  text-align:center; z-index:1000;}

.logo {width:360px; float:left; margin-left:3%; }
.logo a {display:block; width:358px; height:60px; background:url(../graph/logo-full.png) no-repeat; background-size:auto 100%; text-indent:-999em;}

.mob-menu-link {display:none;}
.mob-search-link {display:none;}
.main-menu {float:right; margin-right:2%; text-align:right; padding-top:10px; }
.main-menu ul {margin:0; padding:0; font-family: 'Noto Sans',Arial,Tahoma; }
.main-menu ul li {position:relative; margin:0; padding:0; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.main-menu ul li a {display:block; cursor:pointer; text-decoration:none; padding:10px 15px; color:white; font-size:19px;  text-transform:uppercase; }
.main-menu ul li:hover a {color:black; background-color:white;}
.main-menu ul li.owner a {background:url(../graph/menu-arrow.png) top right no-repeat; padding-right:25px;}
.main-menu ul li.owner:hover a {background:url(../graph/menu-arrow.png) right -27px no-repeat;  background-color:white}

.main-menu ul li ul {position:absolute; min-width:100%; display:none; z-index:200; margin-left:0px; padding-top:10px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4); background-color:white;}
.main-menu ul li ul li {position:relative; display:block; border-top:solid 1px #ddd; padding:5px;}
.main-menu ul li ul li:hover {background: rgba(11, 35, 49, 0.95);}
.main-menu ul li ul li:first-child  {border-top:0px;}
.main-menu ul li ul li a {display:block; text-decoration:none;  white-space: nowrap; margin:3px 10px; padding:0px; background:none !important; text-align:left; font-size:15px; text-transform:none;}
.main-menu ul li ul li:hover a {color:white;}

.main-menu ul li:hover ul {display:block;}



.main-social {display:none; position:absolute; right:2%; top:38px; width:150px; }
.main-social a {display:block; width:32px; height:32px; margin:0px 5px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
a.vk {background:url(../graph/vk-icon.png) no-repeat; background-size:contain; }
a.fb {background:url(../graph/fb-icon.png) no-repeat; background-size:contain; }
a.ok {background:url(../graph/ok-icon.png) no-repeat; background-size:contain; }


#slides {height:100% !important; z-index:150;}
/* .slide-data {position:absolute; bottom:35%; left:5%; width:55%; text-align:left; background:url(../graph/slide-data-bg.png) repeat-y;  background-size:cover;  z-index:60;} */
.slide-data {display:none; position:absolute; top:55%; right:0%; width:30%; text-align:left; background: rgba(11, 35, 49, 0.5);  z-index:60; -moz-border-radius: 9px 0px 0px 9px; -webkit-border-radius: 9px 0px 0px 9px; -khtml-border-radius: 9px 0px 0px 9px; border-radius: 9px 0px 0px 9px;}
.slide-data-wrap {position:relative; margin:5% 10%; line-height:normal; color:white; font-size:20px;}
.slide-data-wrap h3 {display:block; padding-bottom:15px; font-weight:bold; font-size:35px; line-height:37px; color:white; }
.slide-data-wrap span a {display:inline-block; cursor:pointer; margin:10px 0px; font-size:16px; line-height:18px;  width:auto; padding:10px 30px; border:solid 1px #ddd;  color:#ddd; -moz-border-radius: 13px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; border-radius: 13px;}
.slide-data-wrap span a:hover {border:solid 1px white;  color:white;}

.page-top .top-data {height:100px;}


/* Баннеры акций */
/* .main-actions {position:absolute; left:50%; bottom:150px; width:1260px; height:210px; margin-left:-630px; z-index:150;} */

/* Баннер на главной */
.m-banners .wrap {text-align:center;}
.main-banner {display:inline-block; margin:auto; max-width:98%;}
.main-banner .main-desktop-banner {display:block; margin-top:20px; margin-bottom:10px; max-width:100%; }
.main-banner .main-tablet-banner {display:none; margin-top:10px; margin-bottom:5px; max-width:100%;}
.main-banner img {max-width:100%;}



/* Поиск номера */
.booking-form {position:absolute; left:50%; bottom:0px; width:1260px; height:120px; margin-left:-630px; background: rgba(255, 165, 0, 0.9); z-index:150;}
.booking-form .bf-area {position:relative; margin:25px auto; }
.booking-form .bf-area span {position:relative; overflow:hidden; text-align:left; font-size:16px; width:20.5%; line-height:24px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.booking-form .bf-area span select {width:95%; height:38px; font-size:18px; border:0px; padding:1px 3px;}
.booking-form .bf-area span input {height:34px; line-height:34px; width:95%; font-size:18px; border:0px; padding:2px 3px; /*padding-right:40px;*/ text-align:center;}
.booking-form .bf-area span.max-price {width:15%;}
/* .booking-form .bf-area span.max-price input {width:130px;} */
.booking-form .bf-area span.go-button {width:15%;}
.booking-form .bf-area span a {display:inline-block; cursor:pointer; margin-top:23px; color:white; width:auto; background-color:red; padding:8px 20px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.booking-form .bf-area span sub {position:absolute; right:5px; bottom:0px; display:block; width:20px; padding:0px 10px; height:38px; background:url(../graph/calendar.png) center center no-repeat; background-color:#eee; }
.booking-form .bf-area span sup {position:absolute; right:3px; top:24px; display:block; width:20px; padding:0px 10px; height:38px; line-height:38px; background-color:#eee; }

.booking-form .bf-area span label {position:absolute; right:5px; bottom:0px; display:block; width:20px; padding:0px 10px; height:38px; background:url(../graph/calendar.png) center center no-repeat; background-color:#eee; }
.booking-form .bf-area span.max-price label {position:absolute; right:4px; top:24px; display:block; font-size:14px; width:20px; padding:0px 10px; height:38px; line-height:38px; background:none; background-color:#eee; }


.to_top{position:fixed; top:0px; background: rgba(18, 39, 43, 1); }

/* Горящие путевки */
.fire-link {position:fixed; top:40%; margin-top:-70px; padding:20px; text-align:center; z-index:250; background-color:red; -moz-border-radius: 0px 9px 9px 0px; -webkit-border-radius: 0px 9px 9px 0px; -khtml-border-radius: 0px 9px 9px 0px; border-radius: 0px 9px 9px 0px;}
.fire-link a {display:block; padding:0.5%; color:white; width:100px; height:50px; padding-top:80px; font-size:16px; font-weight:bold; text-transform: uppercase; background: url('../graph/fire.png') top center no-repeat; background-size:auto 45%; }



/* Второй экран главная */
.second-screen {position:absolute; width:100%; top:100px; z-index:10;}
.main-second-screen {position:absolute; width:100%; top:100%; z-index:10; overflow:hidden;}
.second-screen-data {position:relative;}


/* Блоки страницы */
.my-section .wrap {width:100%; max-width:1250px; padding:0px 5px; }


/* Текстовый блок */
.text-data {padding-top:20px; padding-bottom:0px; font-size:17px; text-align:justify;}
.text-data ul {margin-top:0px;}
.text-data h1 {padding-bottom:15px; font-size:42px; text-align:center; font-weight:bold;  color:#042124;}
.text-data h2 {padding-bottom:15px; font-size:42px; text-align:center; font-weight:bold; color:#042124;}

.text-data span.link a {display:inline-block; margin:10px 0px; width:auto; padding:10px 30px; border:solid 1px #ddd;  color:black; -moz-border-radius: 5px; -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    border-radius: 5px;}
.text-data span.link a:hover {background-color:red; color:white;}

.text-data img {max-width:100%; }
.text-data table tr:nth-child(odd) td {background-color:#e9e9e9;}
.text-data table  td p {padding:0px; margin:0px;}
.text-data table tr th {background-color:#d9d9d9; text-align:center;  font-weight:normal;}

.second-screen .text-data {width:74%; max-width:870px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.second-screen h1 {text-align:left; }


/* Хлебные крошки */
.krohi {margin-top:15px; font-size:14px; color:#666; padding-bottom:10px; border-bottom:dotted 1px #ccc; }
.krohi a {color:#666;}
.krohi span {margin:0px 5px;}

/* Подбор номера на страницах */
.top-search {background: rgba(255, 165, 0, 0.8); margin-top:0px; padding:12px; text-align:center; font-size:14px;}
.top-search span {position:relative; font-size:16px; line-height:28px; color:white; margin:0px 7px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.top-search span.max-price {font-size:14px;}
.top-search span select {margin-left:10px; height:32px; font-size:15px; border:0px; padding:1px 3px;}
.top-search span input {margin-left:10px; height:28px; width:100px; font-size:15px; border:0px; padding:2px 3px; padding-right:43px; text-align:center;}
.top-search span.max-price input {width:100px; margin-left:10px; height:28px; font-size:15px; border:0px; padding:2px 3px; padding-right:43px;}
.top-search span a {display:inline-block; cursor:pointer; color:white; width:auto; background-color:red; font-size:14px; line-height:18px; padding:8px 20px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.top-search span sub {position:absolute; right:0px; bottom:0px; display:block; width:20px; padding:0px 10px; height:32px; background:url(../graph/calendar.png) center center no-repeat; background-size:50% auto; background-color:#eee; }
.top-search span sup {position:absolute; right:0px; top:0px; display:block; width:20px; padding:0px 10px; height:32px; line-height:32px; color:gray; background-color:#eee; }

.top-search span label {position:absolute; right:0px; bottom:0px; display:block; width:20px; padding:0px 10px; height:32px; background:url(../graph/calendar.png) center center no-repeat; background-size:50% auto; background-color:#eee; }
.top-search span.max-price label {position:absolute; right:0px; top:0px; display:block; width:20px; padding:0px 10px; height:32px; font-size:12px;	 line-height:32px; color:gray; background:none; background-color:#eee; }



/* Сайдбар */
.sidebar {width:26%; margin-left:3%;  /* border-left:solid 1px #ddd; */ margin-top:20px; margin-bottom:20px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}

.sidebar-part {margin:10px 0px; padding-bottom:10px; /* background-color:#f9f9f9; */ font-family: 'Noto Sans',Arial,Tahoma; }
.sidebar-part h4 {margin-bottom:10px; background-color:#375e74; text-align:center; text-transform:uppercase; font-size:19px; line-height:40px;  color:white;}
.sidebar-part ul {padding:0px; margin:0px;}
.sidebar-part ul li {position:relative; margin:0; list-style:none; }
.sidebar-part ul li a {display:block; padding:5px; padding-left:20px; margin:2px 0px; font-size:18px; color:#666; border-bottom:dotted 1px #ddd; }
.sidebar-part ul li a:hover {background-color:#ffb733; color:white; border-bottom:solid 1px #ffb733;}
.sidebar-part ul li:last-child a {border-bottom:0px;}

.snow-icon ul li a {padding-left:40px; background:url(../graph/snow-icon.png) center left no-repeat; background-position:2%; background-size:20px auto ;  }
.obj-icon ul li a {padding-left:40px; background:url(../graph/obj-icon.png) center left no-repeat; background-position:2%; background-size:20px auto ;  }

.sidebar-booking {background: rgba(255, 165, 0, 0.7);}
.sidebar-booking span {display:block; }

.sidebar-weather {text-align:center;}
.sidebar-weather .gsInformer {margin:auto !important}


/* Объекты на главной */
.hotels-list {position:relative; padding:0px; margin:0px;}
.hotels-list ul {position:relative; padding:0px; margin:0px;}
.hotels-list ul li {position:relative; margin:0.6%; padding:0.3%; border:solid 1px #ddd; width:31%; min-height:450px; overflow:hidden; min-width:280px !important; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.hotels-list ul li img {max-width:100%; vertical-align: middle; min-width:300px !important; }
.hotels-list ul li span {position:absolute; display:block; left:0px; top:20px; padding:10px 15px; font-size:16px; background: rgba(255, 0, 0, 0.9);  color:white; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;}
.hotels-list ul li h3 {/*position:absolute; bottom:-2px; */left:0px; padding:2%; padding-bottom:0px; color:#0b2331; display:block; min-width:50%; background: rgba(255, 255, 255, 1); font-size:23.6px; font-weight:bold;  -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; -khtml-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.hotels-list ul li .hotel-title {position:relative; }
.hotels-list ul li .hotel-info {padding:2%; font-size:13.5px; line-height:16px; text-align:justify;}


/* Список ресторанов */
.restoraunt-list {position:relative; padding:0px; margin:0px;}
.restoraunt-list ul {position:relative; padding:0px; margin:0px;}
.restoraunt-list ul li {position:relative; margin:0.6%; padding:0.3%; border:solid 1px #ddd; width:31%; min-height:310px; overflow:hidden; min-width:280px !important; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.restoraunt-list ul li .restoraunt-pic {height:240px; overflow:hidden;}
.restoraunt-list ul li img {max-width:100%; vertical-align:middle; min-width:270px !important; }
.restoraunt-list ul li span {position:absolute; display:block; left:0px; top:20px; padding:10px 15px; font-size:16px; background: rgba(255, 0, 0, 0.9);  color:white; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;}
.restoraunt-list ul li h2 {position:absolute; bottom:-2px; left:0px; padding:2% 4%; padding-left:2%;  color:#0b2331; display:block; min-width:50%; background: rgba(255, 255, 255, 1); font-size:22px; font-weight:bold; -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; -khtml-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.restoraunt-list ul li .restoraunt-title {position:relative; }
.restoraunt-list ul li .restoraunt-info {padding:2%; font-size:14px; line-height:15px; text-align:justify;}


/* Список развлечений */
.ent-list {position:relative; padding:0px; margin:0px;}
.ent-list ul {position:relative; padding:0px; margin:0px;}
.ent-list ul li {position:relative; margin:0.6%; padding:0.3%; border:solid 1px #ddd; width:31%; overflow:hidden; min-width:280px !important; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.ent-list ul li .ent-pic {height:280px; overflow:hidden;}
.ent-list ul li img {max-width:100%; vertical-align:middle; min-width:270px !important; }
.ent-list ul li span {position:absolute; display:block; left:0px; top:20px; padding:10px 15px; font-size:16px; background: rgba(255, 0, 0, 0.9);  color:white; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;}
.ent-list ul li h2 {position:absolute; bottom:-2px; left:0px; padding:2% 4%; padding-left:2%;  color:#0b2331; display:block; min-width:50%; background: rgba(255, 255, 255, 1); font-size:18px; font-weight:bold; -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; -khtml-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.ent-list ul li .ent-title {position:relative; }
.ent-list ul li .ent-info {padding:2%; font-size:14px; line-height:15px; text-align:justify;}


/* Страница объекта */
.object-slider {margin:left; width:100%; overflow:hidden;}
.page-text {margin:15px 0px; padding:30px; border:solid 1px #ddd;  -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
.show-more {display:block; margin-top:5px; line-height:17px; cursor:pointer; padding-left:20px; font-size:15px; background:url(../graph/down.png) left center no-repeat; background-size:17px;  }
.hide-more {display:block; margin-top:5px; line-height:17px; cursor:pointer; padding-left:20px; font-size:15px; background:url(../graph/up.png) left center no-repeat; background-size:17px;  }
.hotel-text {display:none;}

.hotel-booking {margin-top:10px; font-family: 'Noto Sans',Arial,Tahoma; }
.hotel-booking a {display:inline-block; cursor:pointer; color:white; width:100%; background-color:#bc1d21; font-size:20px; line-height:36px; padding:17px 0px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.hotel-booking a:hover {background-color:red;}

.hotel-control-time {padding-bottom:0px; font-size:17px; margin-top:15px; margin-bottom:15px; text-align:center; background-color:#eee;}
.hotel-control-time p {padding-bottom:10px; margin:0px;}

.hotel-address {background-color:#eee; padding:10px 10px; margin-bottom:5px;  font-size:13px; text-align:center;}
.hotel-address h5 {padding-bottom:5px; margin-bottom:5px; border-bottom:solid 1px #ddd; font-size:15px;}


/* Список номеров */
.room-list {margin:10px 0px; padding-bottom:20px; font-family: 'Noto Sans',Arial,Tahoma;}
.room-list h4 {margin-bottom:10px; background-color:#e53012; text-align:center; text-transform:uppercase; font-size:22px; line-height:40px;  color:white;}
.room-list ul {position:relative; padding:0px; margin:0px; width:100%;}
.room-list ul li {position:relative; list-style:none; padding:0px; margin:5px 0px; border-bottom:dotted 1px #ddd; overflow:hidden; }
.room-list ul li h5 {font-weight:bold; font-size:16px;}
.room-list ul li .room-pic {width:38%; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.room-list ul li .room-pic img {width:100%;}
.room-list ul li .room-desc {width:60%; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}

.hotel-room-list {position:relative; padding:0px; margin:0px; margin-top:15px;}
.hotel-room-list h3 {margin-bottom:10px; text-align:center; font-size:22px; line-height:30px; font-family: 'Noto Sans',Arial,Tahoma;}
.hotel-room-list h3 {margin-bottom:10px; background-color:#eee; text-align:center; line-height:40px; }
.hotel-room-list ul {position:relative; padding:0px; margin:0px;}
.hotel-room-list ul li {position:relative; margin:0.6%; padding:0.3%; border:solid 1px #ddd; width:31%; min-width:265px; overflow:hidden; list-style:none; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.hotel-room-list ul li .room-pic {max-height:240px; overflow:hidden;}
.hotel-room-list ul li img {max-width:100%; vertical-align:middle; }
.hotel-room-list ul li span {position:absolute; display:block; left:0px; top:20px; padding:10px 15px; font-size:16px; background: rgba(255, 0, 0, 0.9);  color:white; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -khtml-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;}
.hotel-room-list ul li h4 {/* position:absolute; bottom:-2px; */ left:0px; padding:2% 4%; padding-bottom:1%;  padding-left:2%;  color:#0b2331; display:block; min-width:50%; background: rgba(255, 255, 255, 1); font-size:16px; font-weight: bold; -moz-border-radius: 0px 5px 0px 0px; -webkit-border-radius: 0px 5px 0px 0px; -khtml-border-radius: 0px 5px 0px 0px; border-radius: 0px 5px 0px 0px;}
.hotel-room-list ul li .hotel-room-title {position:relative; }
.hotel-room-list ul li .hotel-room-info {padding:3% 2%; padding-bottom:1%; font-size:14px; line-height:15px; text-align:justify;}
.hotel-room-list ul li .hotel-room-info p {padding:0px; margin:0px;}


/* Информация о номере */
.hotel-room-data h5 {padding-bottom:0px; font-size:29px;  color:#042124;}
.hotel-room-data h6 {color:gray; font-size:13px; padding-bottom:15px; font-weight:normal;}
.hotel-room-data p {font-size:14px;}

.room-price p {font-size:12px;}
.room-price table {margin-bottom:10px;}
.room-price table tr th {background-color:#d9d9d9; text-align:center;  font-size:15px; font-weight:normal}
.room-price table tr th.stm {font-size:13px;}
.room-price table tr th.sth {font-size:10px;}
.room-price table tr td {text-align:center; font-size:14px;}
.room-price table tr td span {color:red; margin:0px 5px;}
.room-price table tr td del {color:gray; font-size:12px;}
.room-price table tr:nth-child(odd) td {background-color:#e9e9e9;}

.room-price-title {text-align:center; color:#375e74; font-size:16px; font-weight:bold;}
.room-price-title p {font-size:13px; font-weight:normal;}

.room-price-filter{padding:10px; text-align:center; background: rgba(255, 165, 0, 0.8);}
.room-price-filter span {position:relative; margin-left:10px; line-height:20px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.room-price-filter span input {height:20px; font-size:14px; border:0px; padding:2px 3px; }
.room-price-filter span a {display:inline-block; cursor:pointer; color:white; width:auto; background-color:red; font-size:14px; line-height:18px; padding:4px 15px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.room-price-filter span a.fgray {background-color:gray;}
.room-price-filter span sub {position:absolute; right:0px; bottom:0px; display:block; width:20px; padding:0px 10px; height:24px; background:url(../graph/calendar.png) center center no-repeat; background-size:40% auto; background-color:#eee; }
.room-price-filter span label {position:absolute; right:0px; bottom:0px; display:block; width:20px; padding:0px 10px; height:24px; background:url(../graph/calendar.png) center center no-repeat; background-size:40% auto; background-color:#eee; }

.room-order a {position:absolute; right:25px; top:45px; cursor:pointer; color:white; width:auto; background-color:#bc1d21; font-size:14px; line-height:18px; padding:8px 20px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.room-order a:hover {background-color:red;}
.room-gallery {width:100%; position:relative;}


/* Трансфер в сайдбаре  */
.transfer-data {position:relative; text-align:center; padding-bottom:5px;}
.transfer-point {position:relative; padding:10px 0px; font-size:14px;}
.transfer-point a {display:inline-block; width:auto; color:#375e74; font-weight:bold; line-height: 16px;}
.transfer-point:first-child {border-top:0px; margin-top:-5px;}
.transfer-line span {position:relative; font-size:12px; display:inline-block; width:98%; margin:0px; padding:4px 0px; border-top:solid 1px #ddd;}
.transfer-line span:first-child {text-align:left; width:70%; max-width:180px;}
.transfer-line span:last-child { width:29%; border-left:solid 1px #ddd;}
.tline {/*display:none;*/}



/* Подбор номера  */
.search-object {position:realtive; clear:both; width:100%; margin-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:solid 1px #ddd; }
.search-object .search-object-pic {float:right; padding-right:1%; width:20%; margin-left:3%; min-width:200px; }
.search-object .search-object-pic img {width:100%;}
.search-object .search-object-data {width:100%; padding-right:1%; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.search-object .search-object-data h3 {width:auto; padding-left:1%; font-size:23px; border-bottom:dashed 0px #ccc; margin-bottom:5px;}
.search-object .search-object-data h4 {clear:both; font-size:14px; padding-left:1%; margin-bottom:10px; color:gray;}
.search-object .search-object-data p {padding-left:1%; font-size:13px;}

.search-room {width:100%; text-align:center}
.search-room .search-room-info {display:table; width:100%; border-top:solid 1px #ddd; }
.search-room .search-room-info span {padding:0.5% 1%; font-size:17px; display:table-cell; text-align:center; vertical-align:middle}
.search-room .search-room-info span.r-mname {width:35%; text-align:left; font-size:17px; }
.search-room .search-room-info span.r-mname a {display:inline-block; width:auto; color:#375e74; border-bottom:dashed 1px #375e74;}
.search-room .search-room-info span.r-order {width:20%; }
.search-room .search-room-info span.r-places {font-size:13px;}
.search-room .search-room-info span.r-minprice {width:25%; font-size:17px; }
.search-room .search-room-info span.r-minprice a {display:inline-block; width:auto; color:red; cursor:pointer; padding-right:18px; background:url(../graph/price-arrow.png) right center no-repeat;}
.search-room .search-room-info span.r-order a {display:inline-block; cursor:pointer; color:white; background-color:#ccc;  width:auto; font-size:13px; line-height:16px; padding:4px 15px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.search-room .search-room-info span.r-order a:hover {background-color:red; }

.search-room-title {display:table; width:100%; background-color:#f0f0f0}
.search-room-title span {padding:0.5% 1%; font-size:15px; display:table-cell; text-align:center;}
.search-room-title span.r-mname {width:35%; text-align:left;}
.search-room-title span.r-order {width:20%; }
.search-room-title span.r-minprice {width:25%;}


.search-room-price {width:100%; text-align:center; display:inline-block; display:none; padding:15px 0px; border-top:solid 1px #ddd; background-color:#f9f9f9;}
.search-room-price .search-price-period {display:table; width:90%; margin:auto; border-top:solid 1px #ddd; }
.search-room-price .search-price-period span {padding:0.5% 1%; font-size:15px; display:table-cell; text-align:center; vertical-align:middle}
.search-room-price .search-price-period span b {color:red; font-weight:normal;}
.search-room-price .search-price-period span del {color:gray; font-size:12px;}
.search-room-price .search-price-period span.p-date {width:17%}
.search-room-price .search-price-period span.p-food {width:15%}
.search-room-price .search-price-period span.p-type {width:10%}
.search-room-price .search-price-period span.p-addplace {width:10%;}
.search-room-price h6 {font-size:13px; width:90%; margin:auto; border-top:solid 1px #ddd;  padding:10px 0px; color:gray}
.search-room-price .hide-price a {display:inline-block; cursor:pointer; color:white; background-color:#ccc;  width:auto; font-size:13px; line-height:16px; padding:4px 15px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

.search-price-title {display:table; width:90%; margin:auto; border-top:solid 1px #ddd;}
.search-price-title span {padding:0.5% 1%; font-size:13px; display:table-cell; text-align:center; vertical-align:middle}
.search-price-title span.p-date {width:17%}
.search-price-title span.p-food {width:15%}
.search-price-title span.p-type {width:10%}
.search-price-title span.p-addplace {width:10%; font-size:12px;}



/* Форма заказа */
.order-popup h4 {padding-bottom:0px; font-size:24px;  color:#042124;}
.order-popup h5 {padding-bottom:0px; font-size:19px;  color:#042124;}
.order-popup h6 {color:white; font-size:21px; background: rgba(255, 165, 0, 1); margin-top:10px; padding:10px 0px; text-align:center; font-weight:bold; font-family: 'Noto Sans',Arial,Tahoma; }
.order-popup p {font-size:14px;}

.oform {width:100%; position:relative;}

.oform h5 {font-weight:normal; margin:0px 20px; padding:15px 0px; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted 1px #ddd; text-transform:uppercase; font-size:19px; font-family:'MyriadProLight','Roboto',Arial; }
.oform p {position:relative; width:45%; margin:2px 0px; padding-left:20px; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.oform p.full {width:100%; }

.oform p input[type=text] {width:90%; border: 1px solid #bbb; padding:5px 15px; line-height:23px; height:23px; font-size:16px;  }
.oform p select {width:100%; border: 1px solid #bbb; padding:5px 15px; font-size:16px;  }
.oform p.full input[type=text] {width:89%;}
.oform p.full textarea {width:88.6%; border: 1px solid #bbb; padding:5px 15px; font-size:16px;  }
.oform p.full select {width:94%; border: 1px solid #bbb; padding:5px 15px; font-size:16px;  }

.plist {margin:0px 20px; margin-bottom:10px; border:dotted 1px #bbb; padding:15px; color:gray; font-size:17px;  }
.plist span {margin:0px 15px; color:gray; font-size:14px;}
.plist p {width:580px;}
.plist p input[type=text] {width:100px; border: 1px solid #bbb; padding:5px 8px; margin-right:5px; line-height:16px; height:16px; font-size:15px;  display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.plist p a {cursor:pointer; margin-left:5px; rdisplay: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.f-plus {background:url(../graph/form-plus.png) no-repeat; width:28px; height:28px; }
.f-minus {background:url(../graph/form-minus.png) no-repeat; width:28px; height:28px; }


.form-order {text-align:center;}
.form-order a {    display: inline-block;
    cursor: pointer;
    color: white;
    width: auto;
    background-color: red;
    font-size: 14px;
    line-height: 18px;
    margin:20px auto;
    padding: 8px 20px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;}

.form-order a:hover {background-color:red;}

.orderresult {min-height:250px;  padding:30px;}
.orderresult p {width:600px;}


/* Форма обратной связи  */

.fbwrap {position:relative; margin-top:100px; margin-left:50px; background-color:#f0f0f0; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;}
.feedback {position:relative; padding:2% 7%; text-align:left; font-size:16px;}
.feedback h3 {text-transform: uppercase; text-align:center; font-size: 22px; padding-bottom:15px; padding-top:10px; font-family: 'SegoeUIBold',Arial,Tahoma;}
.feedback p {width:100%; padding-bottom:5px;}
.feedback p span {display:block; padding-bottom:3px;}
.feedback p input[type=text]{width:97%; font-size:18px; padding:10px; border:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.feedback p textarea{width:97%; font-size:18px; height:50px; padding:10px; border:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.feedback p .order-button a {margin:0px;}


.feedback p.cconf {width:100%; text-align:center;}
.feedback p.cconf span {display:inline-block; margin:auto; margin-top:5px; font-size:12px; line-height:15px; padding:0px 5px;}
.feedback p.cconf span a {display:inline; color:black; padding:0px; margin:0px; border:0px; }
.feedback p.cconf span a:hover {background-color:#f0f0f0; color:red;}

.order-button a {display:inline-block; cursor:pointer; color:white; width:auto; background-color:red; font-size:14px; line-height:18px; margin:15px; padding:8px 30px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}




/* Подвал  */

.footer-menu {margin-top:20px; padding:20px 0px; background: rgba(255, 128, 0, 19);}
.footer-menu .wrap {text-align:center;}
.end-menu {display:inline-block; margin:auto; width:auto; }
.end-menu ul {margin:0; padding:0; font-family: 'Noto Sans',Arial,Tahoma;}
.end-menu ul li {position:relative; margin:0; padding:0; list-style:none; background:url(../graph/wvline.png) right center no-repeat; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}
.end-menu ul li:last-child {background:none;}
.end-menu ul li a {display:block; text-decoration:none; padding:0px 20px; color:#ffe6de; font-size:17px;}
.end-menu ul li a:hover {color:white;}
.end-menu ul li:first-child a {padding-left:0px; border-left:0px;}

.footer  {padding:20px 0px; min-height:44px; background-color:#19353b;}
.footer .wrap {text-align:center;}


.end-cpr {position:absolute; right:20px; top:10px; font-size:13px; display:inline-block; width:auto; padding:0px; padding-left:55px; background:url(../graph/ready-logo.png) left center no-repeat; background-size: auto 100%;}
.end-cpr span {display:block; text-align:left; color:#5e7276;}
.end-cpr span a {color:#5e7276;}
.end-cpr span a:hover {color:#859497;}

.end-address {position:absolute; left:240px; top:3px; min-width:220px; display:inline-block; width:auto; color:#5e7276; padding:0px; padding-left:40px; font-size:12px; line-height:13px; font-family: 'Noto Sans',Arial,Tahoma; background:url(../graph/address.png) left center no-repeat; background-size: auto 100%;}
.end-address span {display:block; text-align:left;}

.end-phones {position:absolute; left:20px; min-width:220px; display:inline-block; width:auto; color:#5e7276; padding:0px; padding-left:40px; font-size:17px; font-family: 'Noto Sans',Arial,Tahoma; background:url(../graph/phone.png) left center no-repeat; background-size: auto 80%;}
.end-phones span {display:block; text-align:left;}

.warning {font-size:12px; color:#78989f; margin:auto; margin-top:15px; width:65%;}
.warning a {color:#98989f; }

.my-hidden{opacity:0;}
.my-visible{opacity:1;}





/* Прочее */
.full {width:100% !important; max-width: 1260px !important; }
.half {width:48% !important;}
.hidden {display:none !important;}
.visible {display:block !important;}
.fixed {position:fixed}





/* ----------------------------------------------------------   */











table.infro {width:100%; border-collapse: collapse;}
table.infro tr td  {font-size:16px; border:solid 1px #ccc; padding:5px; background-color:white !important;}


/* список статей */
.article-list {padding:0px; margin:0px; }
.article-list h2 {padding:20px; margin:auto; background: rgba(18, 39, 43, 0.6);  color:white; font-size:30px; font-family:'SegoeUIBold',Arial,Tahoma; }
.article-list ul {padding:0px; margin:0px;}
.article-list ul li {position:relative; overflow:hidden; width:96%; min-width:300px; padding:0; list-style:none; background:url(../graph/healt-bg.png); padding:2%; margin-bottom:10px; display:table;}
.article-list ul li .article-img {width:25%; max-width:640px; min-width:300px; overflow:hidden; display:table-cell;}
.article-list ul li .article-img img {max-width:100%; vertical-align: middle;  }
.article-list ul li .article-data {position:relative; width:75%; vertical-align:middle; background: rgba(255,255,255,0.7); display:table-cell; text-align:left;}
.article-list ul li:hover  .article-data {background: rgba(255,255,255,1);}
.article-list ul li .article-data span {display:block; margin:2% 10%; font-size:18px; }
.article-list ul li .article-data span h3 a {display:block; cursor:pointer; text-transform:uppercase; font-size:22px; padding-bottom:20px; font-family:'SegoeUIBold',Arial,Tahoma; }
.article-list ul li .article-data span h3 a:hover {color:black;}
.article-list ul li a {cursor:pointer;}



/* Фотоальбомы */
.album-list {padding:0px; margin:0px; }
.album-list ul {padding:0px; margin:0px;}
.album-list ul li {position:relative; margin:0; width:23%; height:16% !important; overflow:hidden; min-width:320px; padding:0; list-style:none; display:inline-block;}
.album-list ul li img {max-width:100%; vertical-align: middle;}
.album-list ul li h4 a {display:block; cursor:pointer; color:white; font-size:16px; position:absolute; bottom:0px; width:100%; padding:5% 1%;  background: rgba(18, 39, 43, 0.8);  }
.album-list ul li a {cursor:pointer;}


.photo-gallery {padding:0px; margin:0px; }
.photo-gallery ul {padding:0px; margin:0px;}
.photo-gallery ul li {position:relative; margin:0px 1px; width:23%; max-height:320px; overflow:hidden; min-width:320px; padding:0; list-style:none; display:inline-block;}
.photo-gallery ul li .gpic {position:relative; width:150%; display:table; overflow:hidden; margin:0px -25%; }
.photo-gallery ul li .gpic img {max-width:100%; vertical-align: middle;  }
.photo-gallery ul li h4 a {display:block; cursor:pointer; color:white; font-size:16px; position:absolute; bottom:0px; width:100%; padding:5% 1%;  background: rgba(18, 39, 43, 0.8);  }
.photo-gallery ul li a {cursor:pointer;}



/* Видео */
.my-video {background:url(../graph/healt-bg.png); padding:2% 0px; }
.video-list {padding:0px; margin:0px; }
.video-list ul {padding:0px; margin:0px;}
.video-list ul li {position:relative; margin:0; width:23%; height:16% !important; overflow:hidden; min-width:320px; padding:0; list-style:none; display:inline-block;}
.video-list ul li img {max-width:100%;  vertical-align: middle;}
.video-list ul li h4 a {display:block; text-transform:lowercase; cursor:pointer; color:white; font-size:16px; position:absolute; bottom:0px; width:100%; padding:5% 1%;  background: rgba(18, 39, 43, 0.8);  }
.video-list ul li sub {position:absolute; top:50%; left:50%; margin-left:-10%; margin-top:-13%;  width:20%; height:26%; background:url(../graph/play.png) no-repeat; background-size:cover; }
.video-list ul li a {cursor:pointer;}

.random-video {background:url(../graph/healt-bg.png); padding-bottom:3%; }
.random-video h2 {padding:20px 0px; font-size:40px; text-align:center;  color:#042124;}


/* Новости  */
.news {padding:20px 0px;}
.news h2 {padding:20px 0px; font-size:40px; text-align:center;  color:#042124;}
.news {padding:0px; margin:0px;}
.news ul {padding:0px; margin:0px;}
.news ul li {position:relative; margin:0; width:49.5%; height:20%; vertical-align:top; overflow:hidden; min-width:300px; padding:0; list-style:none; display:inline-block;}
.news ul li img {max-width:100%; min-width:300px; vertical-align: middle;}
.news ul li .news-data {position:relative; margin:0px 5%; margin-top:-5%; font-size:20px; background: rgba(255, 2551, 255, 0.9); padding:3%; z-index:11;}
.news ul li .news-img {position:relative; z-index:10;}
.news ul li span a {display:inline-block; margin:10px 0px; width:auto; padding:10px 30px; border:solid 1px #ddd;  color:black; -moz-border-radius: 13px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; border-radius: 13px;}
.news ul li span a:hover {background-color:red; color:white;}
.news ul li h5 {display:block; cursor:pointer; color:#12272b; font-size:32px; padding-bottom:15px;  }


/* Корпуса  */
.corps {background:url(../graph/healt-bg.png); padding-bottom:3%; }
.corps h2 {padding:20px 0px; font-size:40px; text-align:center;  color:#042124;}
.corps-list {padding:0px; margin:0px;}
.corps-list ul {padding:0px; margin:0px;}
.corps-list ul li {position:relative; margin:0; width:33%; overflow:hidden; min-width:300px; padding:0; list-style:none; display:inline-block;}
.corps-list ul li img {max-width:100%; min-width:300px; vertical-align: middle;}
.corps-list ul li h4 a {display:block; cursor:pointer; color:white; font-size:32px; position:absolute; bottom:9%; width:100%; padding:5% 1%;  background: rgba(18, 39, 43, 0.8);  }
.corps-list ul li span {display:block; color:black; font-size:22px;     position:absolute; bottom:0%; width:100%; height:5%;     min-height: 20px; padding:2% 0px; background: rgba(255, 255, 255, 0.75);  }

.corps-price a {display:block; position:absolute; right:5%; cursor:pointer;  width:180px; padding:10px; color:white; font-size:16px; font-family:'SegoeUIRegular',Arial,Tahoma; background-color:#ff6c26;}
.corps-price a b {font-size:30px;}
.corps-price a:after {position:absolute; content:""; left:0px; bottom:-21px; width:200px; height:21px; overflow:hidden; background:url(../graph/booking-bg.png) top no-repeat; background-size:100% ;}





/* Читать далее */
#fulllink {text-align:center;}
#fulllink a {display:inline-block; cursor:pointer; margin:10px 0px; width:auto; padding:10px 30px; border:solid 1px #ddd;  color:black; -moz-border-radius: 13px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; border-radius: 13px;}
#fulllink a:hover {background-color:red; color:white;}


/* разное */
.pointer {cursor:pointer;}
.acenter {text-align:center !important; }
.loading {margin:auto; display:inline-block; width:320px; height:240px; background: url('../graph/loading.gif') no-repeat;}



/* Информеры на главной */
.informers {padding-bottom:0px !important;}
.informers .wrap {text-align:center; }
.counters {display:inline-block; width:auto; margin:auto;}
.counters ul {padding:0px; margin:auto; /*width:1100px;*/ list-style:none;}
.counters ul li {width:250px; margin:25px 10px; text-align:center; display: -moz-inline-stack; display:inline-block; vertical-align:text-top; zoom:1; *display:inline;}





/* Скроллинг */

.scrollup{width:100px; height:100px; opacity:0.3; position:fixed; bottom:50px; left:50px; display:none; text-indent:-9999px; background: url('../graph/up.png') no-repeat; background-size:contain; z-index:100;}

.scroll-down {position: absolute; bottom: 220px; left: 50%; margin-left: -16px; display: block;  width: 32px;  height: 32px;  border: 2px solid #FFF; background-size: 14px auto; border-radius: 50%; z-index: 2; -webkit-animation: bounce 2s infinite 2s;  animation: bounce 2s infinite 2s;  -webkit-transition: all .2s ease-in;   transition: all .2s ease-in; z-index:100;}
.scroll-down:before {position: absolute; top: calc(50% - 8px); left: calc(50% - 6px); transform: rotate(-45deg); display: block; width: 12px; height: 12px; content: "";    border: 2px solid white;     border-width: 0px 0 2px 2px;}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}





/* ----------------------------------------------------------   */

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

.main-menu ul li a {padding:10px 12px; font-size:17px;}

}





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

.logo {margin-left: 2%;}
.main-menu ul li a {padding:10px ; font-size:16px;}
.main-menu ul li ul li a {font-size: 14px;}



.text-data h1 {font-size:40px;}
.title {top:3%;}
.title h3 {font-size:70px; }
.slide-data {width:40%;}
.text-data {font-size:20px; }
.treatment-list ul li h4 a {font-size:18px; }
.room-list ul li .room-data span h3 a {font-size:25px;}
.fire-link {position:fixed; top:30%; margin-top:-60px; padding:20px; }
.fire-link a {display:block; width:100px; height:50px; padding-top:70px; font-size:20px;  }

}


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

.bx {display:none}

.navigation {height: 52px;}
.second-screen {top:92px;}

.logo {width: 300px; margin-left: 1%;}
.logo a {width: 300px; height: 50px;}
.main-menu ul li a {padding:10px 8px; font-size:15px;}
.main-menu ul li ul li a {font-size: 13px;}


.slide-data-wrap {font-size:18px; }
.slide-data-wrap h3 {font-size:30px; }
.corps-list ul li h4 a {font-size:25px; }
.corps-list ul li span {font-size:18px; }

}


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

.booking-form {
    position: absolute;
    left:0px;
    bottom:0px;
    width: 100%;
    height: 120px;
    margin-left:0px;
    background: rgba(255, 165, 0, 0.9);
    z-index: 150;

}

.my-section .wrap {padding:0px;}

.krohi {width:95%; margin-left: 2.5%;}
.full {width:95% !important; margin-left: 2.5%;}

}


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

.top-search span {font-size:14px;}

.top-search span select {font-size:14px;  width:160px;}
.top-search span input {width:70px; font-size:14px;}
.top-search span.max-price input {width:50px; font-size:14px;}

.top-search span label {position:absolute; right:0px; bottom:0px; display:block; width:20px; padding:0px 10px; height:32px; background:url(../graph/calendar.png) center center no-repeat; background-size:50% auto; background-color:#eee; }
.top-search span.max-price label {position:absolute; right:0px; top:0px; display:block; width:20px; padding:0px 10px; height:32px; font-size:12px;	 line-height:32px; color:gray; background:none; background-color:#eee; }

.top-search span a {padding: 8px 10px;}

.text-data {font-size:16px;}
.text-data h1 {font-size: 35px;}

.half {width: 44% !important; margin: 2%;}
.full {margin-left:0px;}


.second-screen .text-data {width: 70%; padding: 0px 2%;}
.sidebar {width: 20%; padding: 0px 1%;}
.sidebar-part ul li a {font-size: 15px;}

.hotel-booking a {line-height: normal;}
.hotel-control-time {font-size:15px;}
.sidebar-part h4 {line-height: 30px;}


.hotel-room-list ul li {width:46;}



}


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

.logo {width: 250px; margin-left: 1%;}
.logo a {width: 250px; height:42px;}
.navigation {height: 42px;}
.second-screen {top:82px;}


.main-menu ul li a {padding:0px 10px; font-size:14px; }
.room-list ul li .room-data span h3 a {font-size:23px;}

.top-background .my-slide img {margin-top:30px;}

.end-menu ul li a {font-size:15px;}


.booking-form .bf-area span {font-size:14px;}


}


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

.title h3 {font-size:50px;}
.title h2 {font-size:40px;}

.navigation {height: 38px;}
.second-screen {top:78px;}

.logo {width: 220px; margin-left: 1%;}
.logo a {width: 220px; height:37px;}

.main-menu ul li a {padding:0px 10px; font-size:14px; }
.room-list ul li .room-data span h3 a {font-size:23px;}



.slide-data {left:1%; bottom:35%; }
.slide-data-wrap h3 {font-size: 25px;}

.text-data {font-size: 18px; padding:10px 0px;}
.text-data h1 {font-size: 30px; font-weight:bold; padding: 15px 0px; line-height:35px;}

.krohi {font-size:11px;}

.treatment h2, .news h2, .corps h2 {font-size: 30px; font-weight:bold; padding: 15px 10px; line-height:35px;}
.treatment-list ul li {width:49%;}

.news ul li h5 {font-size: 28px; }
.news ul li .news-data {font-size: 18px;}

.corps-list ul li  {margin-bottom:5px; }

.second-screen .text-data {width:96%; max-width:none;}
.sidebar {display:none;}
.half {margin:0px;}

.room-list ul li .room-data span h3 a {font-size:20px;}
.min-price {display:none;}

.room-gallery {width:100%; margin-bottom:15px;}
.room-desc {width:100%;}

.room-link a {padding:8px 20px;}

.end-menu ul li a {font-size:13px;}

.price-list table {font-size:15px;}
.price-list table tr td.td-room {font-size: 16px; padding-left:0px 5px;}
.price-list table tr th.tho {display:none !important;}
.price-list table tr td.td-order {display:none !important;}

.fire-link {position:fixed; top:27%; margin-top:-60px; padding:20px; }
.fire-link a {display:block; width:80px; height:40px; padding-top:60px; font-size:18px;  }

.top-search span select {font-size:14px;  width:120px;}
.top-search span input {width:60px; font-size:14px;}
.top-search span.max-price input {width:40px; font-size:14px;}


.booking-form .bf-area span a {font-size:14px; padding: 8px 10px}


}

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


.informers {display:none;}
.main-menu {display:none;}

.online-chats {display:none;}
.sh_btn_bottom_right {display:none;}

.mob-search-link {display:block;}
.mob-search-link a {position:absolute; top:23px; right:80px; display:block; cursor: pointer; color: white; width:auto; background-color:red; padding: 8px 20px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px;    -khtml-border-radius: 5px;    border-radius: 5px;}

.mob-menu-link {display:block;}
.mob-menu-link a {position:absolute; cursor:pointer; right: 3%; top: 15px; width:50px; height:50px; background:url(../graph/mob-menu.png) no-repeat; background-size:100%; }

.mob-menu {position: fixed; left:0;  right:0; bottom:0; top:0px; background: rgba(18, 39, 43, 0.99); text-align:center; z-index: 1500;}
.mob-menu ul {margin:15px auto; padding:0px 2%; }
.mob-menu ul li {position:relative; margin:0; border-bottom:dotted 1px #203d41; padding:4.5px 0px; padding-bottom: 9px; list-style:none; text-align:left;}
.mob-menu ul li:last-child {border-bottom:0px; }
.mob-menu ul li a {display:block;  text-decoration:none; padding:0px 20px; color:#f0f0f0; font-size:20px;}
.mob-menu ul li a:hover {color:white;}

.mob-menu ul li ul  {margin:0px 15px; margin-top:10px; padding:0; }
.mob-menu ul li ul li a {font-size:16px; }

.menu-close a {display:block; position:fixed; bottom:35px; left:50%; margin-left:-16px; cursor:pointer; width:36px; height:36px; background:url(../graph/mob-close.png) center center no-repeat; background-size:50% auto; border:solid 2px white; -moz-border-radius: 50%; webkit-border-radius: 50%;     -khtml-border-radius: 50%;     border-radius: 50%;}

.order-area {font-size:13.9px;}

.end-menu ul li a { font-size: 12px;}

.fbwrap {margin-top:0px; margin-left:0px; }
.half {width:92% !important; padding:2%  !important; display:block !important; margin-bottom:20px; }
.feedback p input[type=text]{width:95%; font-size:16px; }
.feedback p textarea{width:95%; font-size:16px; height:40px; }
.feedback p .order-button a {margin:0px; font-size:18px;}


.fire-link {position:fixed; top:76%; margin-top:-60px; padding:20px; }
.fire-link a {display:block; width:80px; height:40px; padding-top:60px; font-size:18px;  }


.hotels-list ul li {width:47%;}
.restoraunt-list ul li {width:47%;}
.ent-list ul li {width:47%;}
.hotel-room-list ul li {width:47%;}


.top-search {display:none;}
.top-search span {display:block; padding:3px 0px; margin:auto; width:280px; text-align:left;}
.top-search span select {width:164px; margin-left:75px;}
.top-search span.max-price input {width:100px; }
.top-search span.max-price label {top:3px;}
.top-search span input {width:100px; margin-left:75px;}
.top-search span label {bottom:3px;}
.top-search span.go-button a {margin-top:5px; width:260px;}




}

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

/* Поиск номера */
.booking-form {height:300px;}
.booking-form .bf-area {position:relative; margin:15px auto; text-align:center;}
.booking-form .bf-area span {overflow:hidden; display:block; text-align:left; font-size:16px; width:280px; margin:auto; margin-bottom:5px; line-height:20px;}
.booking-form .bf-area span select {width:98.5%; height:28px; font-size:16px; }
.booking-form .bf-area span input {height:24px; line-height:24px; width:95%; font-size:18px; border:0px; padding:2px 3px; /*padding-right:40px;*/ text-align:center;}
.booking-form .bf-area span.max-price {width:280px;}

.booking-form .bf-area span.go-button {width:280px; text-align:center}
.booking-form .bf-area span a {display:inline-block; cursor:pointer; margin-top:13px; color:white; width:auto; background-color:red; padding:8px 20px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.booking-form .bf-area span sub {position:absolute; right:5px; bottom:0px; display:block; width:20px; padding:0px 10px; height:28px; background:url(../graph/calendar.png) center center no-repeat; background-color:#eee; }
.booking-form .bf-area span sup {position:absolute; right:3px; top:24px; display:block; width:20px; padding:0px 10px; height:28px; line-height:28px; background-color:#eee; }

.booking-form .bf-area span label {position:absolute; right:5px; bottom:0px; display:block; width:16px; padding:0px 10px; height:28px; background:url(../graph/calendar.png) center center no-repeat; background-size:50% auto;  background-color:#eee; }
.booking-form .bf-area span.max-price label {position:absolute; right:4px; top:20px; display:block; font-size:14px; width:20px; padding:0px 10px; height:28px; line-height:28px; background:none; background-color:#eee; }


.phones {position:absolute; width:100%; bottom:300px; left:0%; margin:0px; padding:15px 0px;  text-align:center; background:url(../graph/slide-data-bg.png) repeat-y;  background-size:cover; z-index: 90;}
.scroll-down {bottom: 400px; }

.footer-menu {display:none}


}



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

body {font-size:16px; }

.end-address {display:none;}

.hotels-list ul li {min-height: 420px;}
.hotels-list ul li .hotel-info {font-size:12px;}

.plist p input[type=text] {width:85%;}
.plist p {padding-left:0px; width:auto;}
.plist p a {margin-top:5px;}
.oform p {width:42%;}



.title {top:125px; text-align:center; width:280px; left: 50%; margin-left:-140px;}
.title h2 {font-size:20px;}
.title h3 {font-size:30px;}

.text-data {font-size: 16px; }

.second-screen h1 {text-align:center;}
.krohi {display:none;}


table {font-size:12px;}

.price-list table {font-size:12px;}
.price-list table tr th {font-size:10px;}
.price-list table tr td.td-place {font-size:10px;}
.price-list table tr td.td-room {font-size:10px;}
.price-list table tr th.thh {display:none !important;}
.price-list table tr td.td-room {display:none !important;}

.price-list table tr.td-mob-room td span {display:block; font-weight:bold; font-size:9px;}
.price-list table tr.td-mob-room td {padding: 5px;}
.rpl .price-list table tr.td-mob-room td  span {display:none; }
.rpl .price-list table tr.td-mob-room td {padding: 0px;}

.order-area .order-form p.full {width:100% !important;}
.order-area {width:90%; padding:2% 0px; margin:auto; font-size:13.9px;}
.order-area h4 {padding-bottom:10px; font-size:22px; text-align:left; width:80%;}
.order-area .order-form  p input[type=text]{width:100%;}
.order-area .order-form p select {width: 107%;}
.order-area .order-form  p textarea {width:87%;}
.order-area .order-form .order-button {margin:0px; padding:0px; width:90%;}
.order-area .order-form .order-button a {margin:20px 0px; }
.oform-above select {width:200px !important; float:none !important;}
.order-area .order-form .oform-above input[type=text] {width:185px !important; float:none !important; margin-left:0px;}
.order-close a {top:20px; right:20px; width:24px; height:24px;}

.feedback h3 {font-size:18px;}
.feedback p input[type=text]{width:90%; font-size:15px; }
.feedback p textarea{width:90%; font-size:15px; height:40px; }
.feedback p .order-button a {margin:0px; font-size:15px; padding:5px 20px;}

table.infro tr td  {font-size:14px; padding:2px; }

}


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

.main-banner .main-desktop-banner {display:none; }
.main-banner .main-tablet-banner {display:block; }


.hotels-list ul li {width:98%; min-height: auto;}

.restoraunt-list ul li {width: 98%;  min-height: auto;}
.restoraunt-list ul li .restoraunt-pic {height: auto;}

.ent-list ul li {width: 98%;  min-height: auto;}
.ent-list ul li .ent-pic {height: auto;}

.hotel-room-list ul li {width: 98%;  min-height: auto;}
.hotel-room-list ul li .room-pic {height:auto; max-height:none;}


}


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

body {font-size:14px; }
.text-data {font-size: 14px;}


.phones span {font-size:18px;}

.mob-menu ul li a {font-size:18px;}
.mob-menu ul li ul li a {font-size:15px;}

.room-price table tr td {font-size: 12px;}

.room-order a {position:relative; top:0px; left:0px; right:0px;  margin-bottom:10px;}
.hotel-room-data h5 {clear: both; padding-top: 15px;}

.footer {text-align:center}
.end-cpr {position:relative; display:table; top:0px; right:0px; margin:auto; margin-bottom:15px; width:auto; }
.end-phones {position:relative; display:table; left:0px; margin:auto; width:auto; min-width:auto;}


.mob-search-link a { top: auto; bottom: -35px; right: auto; width: 100%;     padding: 8px 0px; -moz-border-radius: 0px;     -webkit-border-radius: 0px;     -khtml-border-radius: 0px; border-radius: 0px;}
.second-screen {top:113px;}

.text-data h1 {font-size: 22px; padding: 10px 0px; line-height: 25px;}
.hotel-room-list h3 {font-size: 18px; line-height:20px; padding:10px 0px;}

.top-background .my-slide img {margin-top: 60px;}

.room-price table tr th {font-size: 13px;}

.room-price-filter {padding-bottom:0px;}
.room-price-filter span.fd {margin-bottom:10px;}

.search-object .search-object-pic {float: none; padding-right:0px; width: 100%; margin-left: 0px;  min-width: 200px;}
.search-object .search-object-data h3 {text-align:left}

.search-room-title span { font-size: 13px; }
.search-room-title span.r-mname {width:25%;}
.search-room .search-room-info span {padding:1%;}
.search-room .search-room-info span.r-mname {font-size: 14px;}
.search-room .search-room-info span.r-minprice {font-size: 12px; line-height:14px;}
.search-room .search-room-info span.r-order a {padding: 4px 5px; font-size:11px}
.search-room-price .search-price-period span {font-size: 12px;}

}

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

.room-price-filter {padding-bottom:10px;}
.room-price-filter span.fd {position: relative; display: table; width: 70%; margin: auto; margin-bottom:10px;}

.room-price table tr th {font-size: 12px;}
.room-price table tr td {font-size: 11px;}

.order-area {width: 100%;}
.oform p {padding-left:20px; width:90%}
.oform p input[type=text] {font-size:12px;}
.plist {padding:0px 5px;     margin-right: 14px; font-size:14px; }
.plist span {font-size:12px; margin: 5px 10px}
.oform p.full textarea { width: 84%; font-size:12px;}
.oform p.full input[type=text] {width:85%}
.oform p select {font-size:14px;}

.mob-menu ul li {padding: 3px 0px;   padding-bottom: 3px;}
.mob-menu ul li ul li a {font-size:12px;}
.mob-menu ul li a {font-size:15px;}

.menu-close a {bottom:auto; left:auto; margin-left:0px; right:15px; top:15px; z-index:2000; }


.phones {padding:5px 0px; bottom: 230px;}
.phones span {font-size:22px;}
.phones span:last-child {display:none;}

.scroll-down {display:none;}

.booking-form {height:230px;}
.booking-form .bf-area span a {margin-top:8px;}


.booking-form .bf-area span {width:43%; display:inline-block;}
.booking-form .bf-area span label {right:0px; -moz-border-radius: 0px 5px 5px 0px;  -webkit-border-radius: 0px 5px 5px 0px;     -khtml-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;}
.booking-form .bf-area span:first-child {width:284px;}

}


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

.white-popup-block {padding:20px 5px;}

.room-price table tr td {font-size:10px;}
.room-price table tr td del {font-size:10px;}
.search-price-title span {font-size:11px;}
.room-price table tr th {font-size: 10px;}

.room-price table tr td  span {display:block;}

}