/* Адаптивные картинки */

img {
	max-width: 100%;
	height: auto;
}

/**/
body {
	line-height: 22px;
	font-family: "Roboto", sans-serif; font-weight: 300;
	font-size: 17px;
	background: #fff;
}
h1 {
	font-family: "Philosopher", sans-serif; font-weight: 700;
	font-size: 38px;
	color: #454983;
}
h2, h3, h4, h5 {
	font-family: "Philosopher", sans-serif; font-weight: 400;
	font-size: 34px;
	color: #454983;
}
a, a:hover {
	color: #157afb;
	font-size: 17px;
	text-decoration: underline;
	font-family: "Roboto", sans-serif; font-weight: 300;
}
a:hover {
	text-decoration: none;
	cursor: pointer;
}

.newslink {
    -webkit-animation: color-change 30s infinite;
    -moz-animation: color-change 30s infinite;
    -o-animation: color-change 30s infinite;
    -ms-animation: color-change 30s infinite;
    animation: color-change 30s infinite;
}

.video-wrap {
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
  overflow: hidden;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

@-webkit-keyframes color-change {
    0% { color: #157afb; }
    25% { color: #ff0000; }
    50% { color: #fff600; }
    75% { color: #1eff00; }
    100% { color: #157afb; }
}
@-moz-keyframes color-change {
    0% { color: #157afb; }
    25% { color: #ff0000; }
    50% { color: #fff600; }
    75% { color: #1eff00; }
    100% { color: #157afb; }
}
@-ms-keyframes color-change {
    0% { color: #157afb; }
    25% { color: #ff0000; }
    50% { color: #fff600; }
    75% { color: #1eff00; }
    100% { color: #157afb; }
}
@-o-keyframes color-change {
    0% { color: #157afb; }
    25% { color: #ff0000; }
    50% { color: #fff600; }
    75% { color: #1eff00; }
    100% { color: #157afb; }
}
@keyframes color-change {
    0% { color: #157afb; }
    25% { color: #ff0000; }
    50% { color: #fff600; }
    75% { color: #1eff00; }
    100% { color: #157afb; }
}

/* заголовок */

.header {
	position: relative;
	z-index: 99;
	background: #fff;
	border-radius: 0px 0px 3px 0;
}
.header-inside {
	background: url(images/header-bg.jpg) top center no-repeat;
}
.header-inside .cta-wrap  {
	margin-top: 56px;
}

/* логотип */

.logo {
	color: #fff;
	background:-webkit-linear-gradient(#009cff, #157afb);
	background:-o-linear-gradient(#009cff, #157afb);
	background:linear-gradient(#009cff, #157afb);
	text-align: center;
	border-radius: 0px 0px 3px 3px;
	position: relative;
	z-index: 99;
	padding: 33px 0 10px 0;
	margin-bottom:-130px;
}
.logo-link, .logo-link:hover  {
	text-decoration: none;
	outline: none;
}
.logo-link:hover .logo {
	background: -webkit-linear-gradient(#00acee, #00c6ff);
	background: -o-linear-gradient(#00acee, #00c6ff);
	background: linear-gradient(#00acee, #00c6ff);
}
.logo-icon {
	width: 70%; 
	height: 70%; 
	margin: 0 auto;
}
.logo-text {
	font-family: "Philosopher", sans-serif; font-weight: 700;
	font-size: 40px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	margin-bottom: 10px;
}
.logo-slogan {
	font-family: "Philosopher", sans-serif; font-weight: 400;
	font-size: 20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.logo-off {
	font-family: "Philosopher", sans-serif; font-weight: 400;
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding-bottom: 10px;
}

/* контакты вверху */
.h-phone {
	background: url(icons/h-phone.svg) left 25px no-repeat;
	padding: 25px 0 0 32px;
	font-size: 15px;
	min-height: 35px;
	font-family: "Philosopher", sans-serif; font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	-webkit-background-size: 22px auto;
	background-size: 20px auto;
}
.h-phone a, .h-phone a:hover {
	font-family: "Philosopher", sans-serif; font-weight: 700;
	color: #131314;
}

.h-phone-whatsapp, .h-phone-whatsapp:hover {
	font-family: "Philosopher", sans-serif; font-weight: 400;
	text-align: center;
	color: #131314;
	line-height: 36px !important;
	background: url(icons/_whatsapp.svg) no-repeat left center;
	color: #131314;
	text-decoration: none;
	padding-left: 25px;
}
.h-phone span {
    font-size: 24px;
    color: #828282;
}

.h-map {
	background: url(icons/h-map.svg) left 25px no-repeat;
	-webkit-background-size: 28px auto;
	background-size: 28px auto;
	padding: 25px 0 0 40px;
	min-height: 33px;
	font-family: "Roboto", sans-serif; 
	font-size: 18px;
}
.h-map  a, .h-map  a:hover {
	color: #131314;
	display: block;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	font-size: 17px;
}
.h-letter {
	background: url(icons/h-mail.svg) left 25px no-repeat;
	padding: 25px 0 0 38px;
	font-size: 15px;
	min-height: 33px;
	padding-top: -2px;
	font-family: "Roboto", sans-serif;
	font-size: 17px;
	-webkit-background-size: 28px auto;
	background-size: 28px auto;
}
.h-letter a, .h-letter a:hover {
	color: #131314;
	display: block;
	margin-top: -1px;
	font-family: "Roboto", sans-serif; 
	font-size: 17px;
}

/* меню */
.h-menu {
	display: block;
}
.h-menu li {
	display: block;
	float: left; 
	margin-right: 25px;
	margin-bottom: 9px;
}
.h-menu a, .h-menu a:hover {
	font-family: "Philosopher", sans-serif; font-weight: 400;
	font-size: 22px;
	float: left;
}
.h-menu a.active, .h-menu a.active:hover {
	color: #131314;
	text-decoration: none;
}
.h-menu-video {
    background: url(images2020/youtube.svg) right center no-repeat;
    background-size: 20px;
    padding-right: 30px;
}

/* большие картинки */
.bp {
	position: relative;
	max-width: 1440px;
	margin: 0 auto;
	margin-top: -55px;
	z-index: 98;
}
.bp-item {
	position: relative;
}
.bp-text {
	position: absolute;
	top: 20px;
	left: 0;
}
.bp, .bp a, .bp a:hover {
	font-family: "Philosopher", sans-serif; font-weight: 700;
	font-size: 46px;
	line-height: 40px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	text-decoration: underline;
}
.bp a:hover {
	text-decoration: none;
}
.bp-inside {
    height: 100px;
    overflow: hidden;
}

/* блок слайдера */
.slider_text {
    padding-top: 35%;
}
    /* текст слайдера */
.slider_text a, .slider_text a:hover {
	font-size: 48px;
	line-height: 48px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	text-decoration: none;
	display: block;
}
.slider_text a:hover {
    text-decoration: none;
}
    /* заголовок слайдера */
.slider_text span a, .slider_text span a:hover {
	font-size: 72px;
	line-height: 92px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	text-decoration: none;
	display: block;
}
.slider_text span a:hover {
    text-decoration: none;
}

/* оставить заявку */
.cta-wrap-active {
    height: 10px;
}
.cta-wrap-active .cta-block, .cta-wrap-active .cta-action {
    display: none;
}
.cta-wrap {
	z-index: 98;
	margin-top: -65px;
	position: relative;
}
.cta-wrap-inside {
    margin-top: 15px !important;
}
.cta-block {
	min-height: 125px;
	background: #fff;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 10px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.cta-text {
	padding-top: 25px;
	font-size: 30px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	text-align: center;
	color: #131314;
	line-height: 36px !important;
}

.cta-whatsapp3, .cta-whatsapp3:hover {
	font-size: 30px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	text-align: center;
	color: #131314;
	line-height: 36px !important;
	background: url(icons/_whatsapp.svg) no-repeat left center;
	color: #131314;
	text-decoration: none;
	padding-left: 40px;
}

.cta-action, .cta-action:hover {
	color: #fff;
	display: inline-block;
	background: #157afb;
	background:-webkit-linear-gradient(#009cff, #157afb);
	background:-o-linear-gradient(#009cff, #157afb);
	background:linear-gradient(#009cff, #157afb);
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	padding: 4px 15px 4px 15px;
	border-radius: 3px;
	font-size: 28px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
}
.cta-action:hover {
	background: #157afb;
	text-decoration: none;
}
.cta-social {
	padding: 12px 0 5px 15px;
	border-top: 1px dotted #ccc;
	margin-top: 20px;
	
}
.cta-social a, .cta-social a:hover {
	padding: 3px 0 0 34px;
	display: block;
	font-family: "Roboto", sans-serif; font-weight: 300;
	min-height: 24px;
	-webkit-background-size: 24px auto !important;
	background-size: 24px auto !important;
	margin-bottom: 7px;
	color: #131314;
}
.cta-social a:hover {
	text-decoration: none;
}
.cta-virus {
    text-decoration: underline;
}
.cta-instagram {
	background: url(icons/_instagram.svg) no-repeat left center;
}
.cta-vk {
	background: url(icons/_vk.svg) no-repeat left center;
}
.cta-whatsapp,.cta-whatsapp:hover {
	background: url(icons/_whatsapp.svg) no-repeat left center;
	color: #131314;
	text-decoration: none;
	font-size: 20px;
}
.cta-whatsapp2,.cta-whatsapp2:hover {
	background: url(icons/_whatsapp.svg) no-repeat left center;
	color: #131314;
	text-decoration: none;
	font-size: 20px;
	padding-left: 25px;
}
.cta-youtube {
	background: url(icons/_youtube.svg) no-repeat left center;
}
.cta-price {
    text-align:center;
    padding: 10px;
    border-top: 1px dotted #ccc;
    font-size: 24px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
}

/* rooms */
.rooms-wrap {
	padding-bottom: 50px;
}
.rooms-h1 {
	padding: 50px 0 40px 0;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	font-size: 36px;
	text-align: center;
	line-height: 40px;
}
.rooms-h1:before, .rooms-h1:after {
	content:'';
	display:inline-block;
	width:70px;
	height:19px;
	background:url(images/waves.svg) center center no-repeat;
	margin:0 25px;
}
.rooms-item {
	box-shadow: 0 0 40px rgba(0,0,0,0.1);
	margin-bottom: 35px;
}
.rooms-item-auto {
	box-shadow: 0 0 40px rgba(0,0,0,0.1);
	margin-bottom: 35px;
	background: #fff;
}
.rooms-img {
	width: 100%;
}
.rooms-img img {
	display: block;
	position: relative;
}
.rooms-img:hover .rooms-dark, .rooms-img:hover .rooms-zoom {
	opacity: 1;
}
.rooms-img .rooms-dark {
	opacity: 0;
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.2);
	z-index: 4;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.rooms-img .rooms-zoom {
	opacity: 0;
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 5;
	background: url(icons/zoom.svg) center center no-repeat;
	-webkit-background-size: 20% auto;
	background-size: 20% auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.rooms-info {
	text-align: center;
}
.rooms-info dl {
	display: block;
	padding-top: 17px;
	padding-bottom: 8px;
}
.rooms-info dl dd {
	display: block;
	font-size: 17px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	padding-bottom: 5px;
}
.rooms-info dl dt {
	display: block;
	font-size: 24px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
}
.rooms-link, .rooms-link:hover {
	margin-top: 5px;
	font-size: 28px;
	line-height: 32px;
	color: #131314;
	text-decoration: none;
	font-family: "Roboto", sans-serif; font-weight: 300;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 5px;
	display: block;
}
.rooms-action, .rooms-action:hover {
	margin-top: 5px;
	color: #fff;
	display: block;
	float: right;
	background:-webkit-linear-gradient(#009cff, #157afb);
	background:-o-linear-gradient(#009cff, #157afb);
	background:linear-gradient(#009cff, #157afb);
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	padding: 6px 10px 6px 10px;
	border-radius: 3px;
	font-size: 24px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	line-height: 28px;
	text-align: center;
}
.rooms-action:hover {
	background:-webkit-linear-gradient(#157afb, #009cff);
	background:-o-linear-gradient(#157afb, #009cff);
	background:linear-gradient(#157afb, #009cff);
	text-decoration: none;
}
.rooms-more, .rooms-more:hover {
	color: #131314;
	display: block;
	padding: 14px 25px 12px 25px;
	border-radius: 3px;
	font-size: 28px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	border: 3px dashed #00c6ff;
	text-align: center;
	border-radius: 50px;
}
.rooms-more:hover {
	text-decoration: none;
}

.rooms-link-auto, .rooms-link-auto:hover {
	margin-top: 5px;
	font-size: 24px;
	line-height: 32px;
	color: #131314;
	text-decoration: none;
	font-family: "Roboto", sans-serif; font-weight: 300;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 5px;
	display: block;
}

/* преимущества */

.benefits-wrap {
	padding: 40px 0 40px 0;
	background: url(images18/bg-beach.jpg);
}
.benefits-h1 {
	font-size: 36px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	padding-bottom: 35px;
	text-align: center;
	line-height: 40px;
	text-shadow: 2px 2px 0 #fff;
}
.benefits-h1:before, .benefits-h1:after {
	content:'';
	display:inline-block;
	width:70px;
	height:19px;
	background:url(images/waves.svg) center center no-repeat;
	margin:0 25px;
}
.benefits-item {
	background: #fff;
	margin-bottom: 22px;
	position: relative;
    z-index: 1;
}
.benefits-item-ff {
	background: #fff;
	z-index: 2;
}

.benefits-item:before, .benefits-item:after {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    background: rgba(0,0,0,0.7);
    bottom: 5px;
    -webkit-box-shadow: 0 5px 10px #131314000;
    -moz-box-shadow: 0 5px 10px #131314000;
    box-shadow: 0 5px 10px rgba(0,0,0,0.6);
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    height: 20px;
    width: 50%;
    z-index: -1;
}
.benefits-item:after {
-webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    left: auto;
    right: 10px;
}
.benefits-link img {
	display: block;
	margin: 0 auto;
}
.benefits-link, .benefits-link:hover {
	display: block;
	position: relative;
}
.benefits-link-button {
	opacity: 0;
	position: absolute;
	left: 15px;
	bottom: 15px;
	padding: 7px 12px 3px 12px;
	background: #feeb35;
	color: #131314;
	z-index: 4;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.benefits-link:hover .benefits-link-button {
	opacity: 1;
}
.benefits-link-dark {
	position: absolute;
	left: 0; top: 0;
	display: block;
	z-index: 3;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.benefits-link:hover .benefits-link-dark {
	background: rgba(0,0,0,0.2);
}
.benefits-desc, .benefits-desc:hover {
	font-size: 18px;
	color: #131314;
	text-decoration: none;
	font-family: "Roboto", sans-serif; 
	padding: 14px 0 14px 0;
	text-align: center;
	display: block;
}
.benefits-desc span {
	font-size: 22px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	display: block;
	color: #157afb;
	text-decoration: underline;
	margin-bottom: 4px;
}

.benefits-desc span:hover {
	text-decoration: none;
}

/**/

.benefits-desc-auto, .benefits-desc-auto:hover {
	font-size: 18px;
	color: #131314;
	text-decoration: none;
	font-family: "Roboto", sans-serif; 
	padding: 14px 0 14px 20px;
	text-align: left;
	display: block;
}
.benefits-desc-auto span {
	font-size: 22px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	display: block;
	color: #157afb;
	text-decoration: underline;
	margin-bottom: 4px;
}
.benefits-desc-auto span:hover {
	text-decoration: none;
}

/* отзывы на главной */

.mreviews {
	padding: 40px 0 40px 0;
}
.mreviews-item {
	position: relative;
}
.mreviews-title, .mreviews-title:hover {
    font-size: 28px;
    display: block;
    margin-bottom: 15px;
    font-family: "Philosopher", sans-serif; font-weight: 400;
}
.mreview-text {
	line-height: 25px;
}
.mreviews-h1 {
	font-size: 36px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	padding-bottom: 35px;
	text-align: center;
	line-height: 40px;
}
.mreviews-h1:before {
	content:'';
	display: inline-block;
	width:140px;
	height:15px;
	background:url(images/laurel-left.svg) top center no-repeat;
	margin: 0 20px 0 20px;
}
.mreviews-h1:after {
	content:'';
	display: inline-block;
	width:140px;
	height:15px;
	background:url(images/laurel-right.svg) top center no-repeat;
	margin: 0 20px 0 20px;
}
.mreviews-photo {
    padding-top: 15px;
}
.mreviews-more, .mreviews-more:hover {
	margin-top: 25px;
	color: #131314;
	display: block;
	padding: 12px 15px 12px 15px;
	border-radius: 3px;
	font-size: 24px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	border: 3px dashed #00c6ff;
	text-align: center;
	border-radius: 50px;
}
.mreviews-more:hover {
	text-decoration: none;
}
.mreview-desc {
	font-size: 20px; 
	padding: 15px;
}

/* специальные предложения */

.special-wrap {
	padding: 40px 0 40px 0;
	background: url(images18/bg-ocean.jpg);
}
.special-wrap img {
	display: block;
	height: 100%;
}
.special-start {
	background: #fff;
}
.special-start .h1 {
	background: #feeb35;
	color: #131314;
	text-shadow: 1px 1px 0 #fff;
	font: 32px "Philosopher", sans-serif;
	line-height: 40px;
	padding: 2px 7px 0 7px;
}
.special-desc {
	padding: 18px;
	font: 18px "Roboto", sans-serif;
	line-height: 28px !important;
}
.special-desc a, .special-desc a:hover {
	font: 20px "Philosopher", sans-serif;
	line-height: 28px !important;
}
.special-2 {
	background: url(images/special-2.jpg) left center no-repeat;
	position: relative;
	height: 250px;
}
.special-3 {
	background: url(images/special-3.jpg) left center no-repeat;
	position: relative;
	height: 250px;
}
.special-4 {
	background: url(images/special-4.jpg) left center no-repeat;
	position: relative;
	height: 250px;
}
.special-8 {
	background: url(images/special-8.jpg) left center no-repeat;
	position: relative;
	height: 250px;
}
.special-dark, .special-dark:hover {
	display: block;
	position: absolute;
	z-index: 3;
	left: 0; top: 0;
	padding: 30px 0 0 30px;
	width: 100%;
	height: 100%;
	font-family: "Philosopher", sans-serif; font-weight: 700;
	font-size: 36px;
	text-shadow: 1px 2px 0 rgba(0,0,0,0.3);
	line-height: 40px;
	color: #fff;
	background: rgba(0,0,0,0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.special-dark:hover {
	background: rgba(0,0,0,.3);
	text-decoration: underline;
}

/* страница со скидками */
.i-sale {
    font-size: 18px;
    line-height: 24px;
}
.i-badge-yellow {
    background: #fff200;
    color: #000;
    border-radius: 4px;
    display: inline-block;
    text-shadow: 0 1px 0 rgba(255,255,255,1);
    padding: 2px 7px 0px 7px;
    font-weight: 400;
}
.i-badge-green {
    display: inline-block;
    background: #61d100;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-radius: 4px;
    vertical-align: top;
    padding: 2px 7px 0px 7px;
    font-weight: 400;
}
.i-badge-blue {
    display: inline-block;
    background: #3c7ef3;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-radius: 4px;
    vertical-align: top;
    padding: 2px 7px 0px 7px;
    font-weight: 400;
}
.i-badge-red {
    display: inline-block;
    background: #ff0000;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-radius: 4px;
    vertical-align: top;
    padding: 2px 7px 0px 7px;
    font-weight: 400;
}
#clock1, #clock2, #clock3 {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}
#clock1 dl, #clock2 dl, #clock3 dl {
    float: left;
    display: block;
    margin-right: 5px;
    text-align: center;
    
}
#clock1 dl dd, #clock2 dl dd, #clock3 dl dd {
background: rgb(254,254,252);
background: linear-gradient(180deg, rgba(254,254,252,1) 0%, rgba(237,237,237,1) 33%, rgba(255,255,255,1) 50%, rgba(237,237,237,1) 100%);
    font-size: 36px;
    display: block;
    width: 60px;
    text-align: center;
    padding: 20px 0 20px;
    border-top: 1px solid #e4e5e7;
    border-left: 1px solid #e8e9eb;
    border-right: 1px solid #e8e9eb;
    border-bottom: 1px solid #bdbec0;
    border-radius: 5px;

}
#clock1 dl dt, #clock2 dl dt, #clock3 dl dt {
    padding-top: 5px;
    text-align: center;
    display: block;
}
.i-sale-action, .i-sale-action:hover {
	color: #fff;
	display: inline-block;
	background: #157afb;
	background:-webkit-linear-gradient(#009cff, #157afb);
	background:-o-linear-gradient(#009cff, #157afb);
	background:linear-gradient(#009cff, #157afb);
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	padding: 4px 15px 4px 15px;
	border-radius: 3px;
	font-size: 20px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	text-decoration: none;
}
.i-sale-action:hover {
	background: #157afb;
	text-decoration: underline;
}

/* футер */
.footer-wrap {
	background: url(images18/bg-wave.png) bottom center no-repeat;
	padding-bottom: 200px;
	padding-top: 15px;
}
.footer-phone, .footer-phone a, .footer-phone:hover {
	padding-top: 25px;
	font: 40px "Philosopher", sans-serif;
	margin-bottom: 25px;
	line-height: 36px;
}
.footer-phone span {
	color: #80d135;
	font: 28px "Philosopher", sans-serif;
	display: block;
}
.footer-action, .footer-action:hover {
	color: #fff;
	display: block;
	width: 70%;
	background:-webkit-linear-gradient(#009cff, #157afb);
	background:-o-linear-gradient(#009cff, #157afb);
	background:linear-gradient(#009cff, #157afb);
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	padding: 6px 10px 6px 10px;
	border-radius: 3px;
	font-size: 24px;
	font-family: "Philosopher", sans-serif; font-weight: 400;
	line-height: 28px;
	text-align: center;
	margin-bottom: 30px;
}
.footer-wrap .cta-social {
	padding: 0;
}
.footer-links {
    padding-top: 20px;
}
.footer-links, .footer-links a, .footer-links a:hover {
	font: 18px "Roboto", sans-serif;
}
.footer-links li:first-child {
	padding-bottom: 15px;
	font-size: 22px;
}
.footer-links li {
	padding-bottom: 5px;
}
.footer-map {
	padding-top: 25px;
	min-height: 290px;
}

/* внутренняя страница  */

.page {
	padding: 30px 0 40px 0;
}
.page-crumbs {
	padding-bottom: 15px;
	font-size: 16px;
}
.page-crumbs a, .page-crumbs a:hover {
	font-size: 16px;
}


.page h1 {
	padding: 0 0 28px 0;
	border-bottom: 1px solid #eee;
	position: relative;
	display: block;
	text-align: left;
	margin-bottom: 28px;
	font: 40px "Philosopher", sans-serif;
}
.page h1:after {
	position: absolute;
	bottom: -7px;
	background: url(images/title.png) center center no-repeat;
	height: 14px;
	content: ' ';
	display: block;
	width: 100%;
}
.page h1 a.photo-tag, .page h1 a.photo-tag:hover {
	display: inline-block;
	padding: 4px 6px 3px 6px;
	background: #61d100;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	text-decoration: none;
	border-radius: 2px;
	font: 14px "Philosopher", sans-serif;
	vertical-align: top;
}
.page h1 a.price-tag, .page h1 a.price-tag:hover {
	display: inline-block;
	padding: 4px 6px 3px 6px;
	background: #feeb35;
	color: #131314;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
	border-radius: 2px;
	font: 14px "Roboto", sans-serif;
	vertical-align: top;
}
.page h1 a.video-tag, .page h1 a.video-tag:hover {
	display: inline-block;
	padding: 4px 6px 3px 6px;
	background: #FF0000;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	text-decoration: none;
	border-radius: 2px;
	font: 14px "Roboto", sans-serif;
	vertical-align: top;
}

.page-block {
	border-top: 1px solid #c6d2db; 
	border-bottom: 1px solid #c6d2db; 
	padding: 25px 0 20px 0;
	position: relative;
	margin: 30px 0 30px 0;
	font-family: "Roboto", sans-serif; font-weight: 300;
}
.page-block:before {
	content: " "; 
	display: block; 
	height: 11px; 
	width: 100%; 
	background:url(images/ir-block-before.png) center no-repeat; 
	position: absolute; 
	left: 0; 
	top: -12px;
	opacity: 0.7;
}
.page-block:after {
	content: " "; 
	display: block; 
	height: 11px; 
	width: 100%; 
	background:url(images/ir-block-after.png) center no-repeat; 
	position: absolute; 
	left: 0; 
	bottom: -12px;
	opacity: 0.7;
}
.page-block-info {
	font-size: 28px;
	text-align: left;
	margin-bottom: 25px;
	font-family: "Roboto", sans-serif; font-weight: 300;
	line-height: 30px;
}
.page-block-info span {
	display: block;
	font-size: 17px;
	margin-top: 5px;
	font-family: "Roboto", sans-serif; font-weight: 300;
	line-height: 18px;
}
.icons-wrap {
	font-size: 16px;
	text-align: center;
	line-height: 16px;
}
.icons-wrap img {
	display: block;
	width: 64px; 
	height: 55px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0;
}
.icons-wrap span {
	display: block;
	margin-bottom: 18px;
}
.i-bed {
	background: url(icons/bed.svg) left top no-repeat;
	-webkit-background-size: 34px auto;
	background-size: 34px auto;
	padding-left: 49px;
}
.i-chair {
	background: url(icons/chair.svg) left top no-repeat;
	-webkit-background-size: 34px auto;
	background-size: 34px auto;
	padding-left: 49px;
}
.i-people {
	background: url(icons/people.svg) left top no-repeat;
	-webkit-background-size: 34px auto;
	background-size: 34px auto;
	padding-left: 49px;
}
.page h2 {
	font-size: 32px;
	margin-bottom: 30px;
	line-height: 34px;
}
.page h2 span {
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	display: block;
	padding-top: 15px;
	line-height: 22px !important;
}
.page .i-arc {
	background: url(icons/arc.svg) left top no-repeat;
	-webkit-background-size: 21px auto;
	background-size: 21px auto;
	padding-left: 31px;
	min-height: 22px;
}
.page .i-rub {
	background: url(icons/rub.svg) left center no-repeat;
	-webkit-background-size: 21px auto;
	background-size: 21px auto;
	padding-left: 31px;
	min-height: 22px;
	padding-top: 4px;
}
.page .i-arc-video {
	background: url(images2020/youtube.svg) left 6px no-repeat;
	-webkit-background-size: 30px auto;
	background-size: 30px auto;
	padding-left: 42px;
}
.ir-price {
	margin-bottom: 25px;
}
.ir-price .i-badge-green {
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 2px;
}
.ir-price .i-badge-yellow {
	display: inline-block;
	padding-bottom: 4px;
	padding-top: 4px;
}
.ir-price .i-badge-blue {
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 2px;
}
.ir-price span {
    display: block;
    text-decoration: none !important;
}

.ir-price tr:hover {
    
}
.ir-price td:hover {
    background: #fdf150;
    text-shadow: 2px 1px 0 #fff;
}
.ir-price th {
	color: #fff;
	background: #157afb;
	background:-webkit-linear-gradient(#009cff, #157afb);
	background:-o-linear-gradient(#009cff, #157afb);
	background:linear-gradient(#009cff, #157afb);
	border-right: 1px solid #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	padding: 8px 10px 8px 10px;
	font-size: 22px;
	font-family: "Philosopher", sans-serif; 
	font-weight: 400;
}
.ir-price td {
	border-bottom: 1px solid #e5edf2; 
	padding: 13px 15px 8px 15px;
	vertical-align: middle !important;
	text-align: center;
	border-right: 1px solid #e5edf2;
	font-size: 22px;
	text-align: center;
}
.ir-price s {
    display: block;
    color: #8c8fb0;
    font-size: 22px;
    text-decoration: line-through;
    margin-bottom: 2px;
}

.ir-price-date td {
    font-size: 18px !important;
}

.ir-price-comment {
    margin-bottom: 20px;
    min-height: 80px;
    width: 100%;
}

.grid-center {
    text-decoration: none;
    width: auto;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.flex-c { 
    width: 40px;
    background: #edff21;
    color: #000;
    font-size: 18px;
}

.page-included {

}
.page-included ul {
	margin-bottom: 20px;
}
.page-included ul li:first-child {
	font-family: "Roboto", sans-serif; font-weight: 400;
}

/* поддержка */
.page-support {
	font: 16px "Roboto", sans-serif;
	text-align: center;
	margin-bottom: 30px;
}
.page-support .page-support-phone {
	font: 20px "Roboto", sans-serif;
}
.page-support a, .page-support a:hover {
    font: 20px "Roboto", sans-serif;
}
.page-support span {
	font: 15px "Roboto", sans-serif;
}
.page-support img {
	display: block;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.page-nav img {
	display: block;
	margin: 0 auto;
}
.page-nav a, .page-nav a:hover {
	display: block;
	position: relative;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	margin-bottom: 10px;
}
.page-nav a span, .page-nav a:hover span {
	position: absolute;
	bottom: 5px;
	width: 100%;
	height: 28px;
	background: url(icons/_ribbon.svg) center center no-repeat;
	-webkit-background-size: 99% 32px;
	background-size: 99% 32px;
	color: #fff;
	display: block;
	text-align: center;
	padding-top: 4px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	font: 19px "Philosopher", sans-serif;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.page-nav a:hover span, .page-nav a.activeg span, .page-nav a.activeg:hover span {
	background: url(icons/_ribbon_active.svg) center center no-repeat;
	-webkit-background-size: 99% 32px;
	background-size: 99% 32px;
}
.page-nav a.activeb span, .page-nav a.activeb:hover span {
	background: url(icons/_ribbon_active_blue.svg) center center no-repeat;
	-webkit-background-size: 99% 32px;
	background-size: 99% 32px;
}

/* */
.page-block-icons {
	font: 17px "Roboto", sans-serif;
	font-weight: 300;
	padding-top: 5px;
}
.i-icons {
	padding-left: 80px;
	padding-bottom: 30px;
}
.i-animator {
	background: url(icons/animator.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-baby {
	background: url(icons/baby.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-baby2 {
	background: url(icons/baby2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-baby3 {
	background: url(icons/baby3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-bar {
	background: url(icons/bar.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-bathroom {
	background: url(icons/bathroom.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-beach {
	background: url(icons/beach.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-beach2 {
	background: url(icons/beach2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-beach3 {
	background: url(icons/beach3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-beach4 {
	background: url(icons/beach4.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-beach5 {
	background: url(icons/beach5.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-beach6 {
	background: url(icons/beach6.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-crib {
	background: url(icons/crib.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-crib2 {
	background: url(icons/crib2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-dopmesto {
	background: url(icons/chair2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-cleaning {
	background: url(icons/cleaning.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-green {
	background: url(icons/green.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-green2 {
	background: url(icons/green2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-green3 {
	background: url(icons/green3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-green4 {
	background: url(icons/green4.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-green5 {
	background: url(icons/green5.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-green6 {
	background: url(icons/green6.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-iron {
	background: url(icons/iron.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-iron2 {
	background: url(icons/iron2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-kettle {
	background: url(icons/kettle.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-kettle2 {
	background: url(icons/kettle2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-kid {
	background: url(icons/kid.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-kid2 {
	background: url(icons/kid2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-kid3 {
	background: url(icons/kid3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-kid4 {
	background: url(icons/kid4.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-playground {
	background: url(icons/playground.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-playground2 {
	background: url(icons/playground2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-playground3 {
	background: url(icons/playground3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-playground4 {
	background: url(icons/playground4.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-playground5 {
	background: url(icons/playground5.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-pool {
	background: url(icons/pool.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-pool2 {
	background: url(icons/pool2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-pool3 {
	background: url(icons/pool3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-pool4 {
	background: url(icons/pool4.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-security {
	background: url(icons/security.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-shower {
	background: url(icons/shower.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-shower2 {
	background: url(icons/shower2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-taxi {
	background: url(icons/taxi.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px 55px;
}
.i-taxi2 {
	background: url(icons/taxi2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px 55px;
}
.i-temp {
	background: url(icons/temp.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-temp2 {
	background: url(icons/temp2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-tennis {
	background: url(icons/tennis.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-terrace {
	background: url(icons/terrace.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-terrace2 {
	background: url(icons/terrace2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-terrace3 {
	background: url(icons/terrace3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-terrace4 {
	background: url(icons/terrace4.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-time {
	background: url(icons/time.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-time2 {
	background: url(icons/time2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-time3 {
	background: url(icons/time3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-trampoline {
	background: url(icons/trampoline.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-volleyball {
	background: url(icons/volleyball.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-volleyball2 {
	background: url(icons/volleyball2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-volleyball3 {
	background: url(icons/volleyball3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-wash {
	background: url(icons/wash.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-wash2 {
	background: url(icons/wash2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-filter {
	background: url(icons/filter.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-wc {
	background: url(icons/wc.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-wc2 {
	background: url(icons/wc2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-wc3 {
	background: url(icons/wc3.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-wireless {
	background: url(icons/wireless.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-window2 {
	background: url(icons/window2.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-visa {
	background: url(icons/visa.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}
.i-mastercard {
	background: url(icons/mastercard.svg) left top no-repeat;
	-webkit-background-size: 55px auto;
	background-size: 55px auto;
}

/* */
.cards-wrap {
	margin-bottom: 20px;
}
.cards {
	position: relative;
	background: #fff;
	margin-bottom: 20px;
}
.cards img {
	display: block;
}
.cards-dark {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.05);
	z-index: 2;
}
.cards-title {
	font: 36px "Philosopher", sans-serif;
	text-shadow: 1px 2px 1px rgba(0,0,0,0.4);
	position: absolute;
	top: 10px;
	background: url(icons/_ribbon.svg) center center no-repeat;
	-webkit-background-size: 98% auto;
	background-size: 98% auto;
	text-align: center;
	padding-top: 8px;
	color: #fff;
	z-index: 6;
	width: 100%;
	height: 59px;
}
.cards:before, .cards:after {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
    background: rgba(0,0,0,0.7);
    bottom: 5px;
    -webkit-box-shadow: 0 5px 10px #131314000;
    -moz-box-shadow: 0 5px 10px #131314000;
    box-shadow: 0 5px 10px rgba(0,0,0,0.6);
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    height: 20px;
    width: 50%;
    z-index: -1;
    opacity: 0.5;
}
.cards:after {
-webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    left: auto;
    right: 10px;
}
.cards-bottom {
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 100%;
	font: 36px "Philosopher", sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	color: #fff;
	z-index: 4;
}
.cards-eat {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: url(icons/_eating.svg) center center no-repeat;
	-webkit-background-size: 50% auto;
	background-size: 50% auto;
	z-index: 5;
}
.cards-bbq {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: url(icons/_bbq.svg) center center no-repeat;
	-webkit-background-size: 50% auto;
	background-size: 50% auto;
	z-index: 5;
}
.cards-bar {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: url(icons/_bar.svg) center center no-repeat;
	-webkit-background-size: 50% auto;
	background-size: 50% auto;
	z-index: 5;
}

/* отзывы */
h1 .tags {
	display: inline-block;
	vertical-align: top;
}
h1 .tags img {
	float: left;
	display: block;
}

/* stream review */

.s-review {
    border: 2px dashed #e5edf2;
    border-bottom: 2px dashed #c6d2db; 
	margin-bottom: 30px;
	padding: 18px;
	font-size: 16px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	line-height: 20px;
}
.s-review p {
	padding-bottom: 12px !important;
	font-size: 17px;
}
.s-review:after {
	position: absolute;
	bottom: -29px;
	width: 100%;
	z-index: 99;
	background: url(images/ir-block-after.png) center top no-repeat;
	content: ' ';
	left: 0;
	height: 27px;
}
.s-review:hover {
    border: 2px dashed #fe7c00;
}
.s-review h2 {
    font-size: 26px; 
    margin-bottom: 20px;
    font-weight: 100;
    font-family: 'Philosopher', sans-serif;
}

.s-review ol, .s-review ol {
    list-style: none !important;
    display: block;
    margin: 9px 0 10px 0;
}
.s-review ol:before, .s-review ol:before {
    content: "Оценки: ";
}
.s-review ol:after, .s-review ol:after {
    content: " (общее, место, сервис)";
}
.s-review ol li, .s-review ol li {
	display: inline-block;
	background: #2bbf2b;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	margin-left: 5px;
	border-radius: 3px;
	list-style-type: none;
	padding: 5px 8px 1px 6px;
}
.s-review ol {
    margin: 16px 0 2px 0;
}

.s-review .r10 {
	background:-moz-linear-gradient(#66ce2d, #53a824);
	background:-webkit-linear-gradient(#66ce2d, #53a824);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#66ce2d), to(#53a824));
	background:-o-linear-gradient(#66ce2d, #53a824);
	background:linear-gradient(#66ce2d, #53a824);
}
.s-review .r5 {
	background:-moz-linear-gradient(#ffa800, #ff9100);
	background:-webkit-linear-gradient(#ffa800, #ff9100);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffa800), to(#ff9100));
	background:-o-linear-gradient(#ffa800, #ff9100);
	background:linear-gradient(#ffa800, #ff9100);
}
.s-review .r0 {
	background:-moz-linear-gradient(#e90202, #c70202);
	background:-webkit-linear-gradient(#e90202, #c70202);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e90202), to(#c70202));
	background:-o-linear-gradient(#e90202, #c70202);
	background:linear-gradient(#e90202, #c70202);	
}


/* бронирование */

.ir-booking-wrap {
	text-align: center;
}
.ir-booking {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
}
.ir-booking dl {
	overflow: hidden;
	margin-bottom: 30px;
	display: block;
}
.ir-booking dl dd {
	float: left;
	width: 30.6%;
	font-size: 24px;
	padding-top: 15px;
	text-align: right;
}
.ir-booking dl dt {
	float: left;
	text-align: left;
	margin-left: 21px;
	width: 60%;
	font-size: 20px;
}
.ir-booking .booking_date, .ir-booking .booking_name, .ir-booking .booking_phone, .ir-booking .booking_email {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
	font-size: 24px;
	height: 40px;
	width: 300px;
	border: none;
	border-radius: 5px;
	padding-left: 10px;
	display: inline-block;
	border: 1px solid #e4e4e4;
}
.ir-booking .booking_date {
	width: 200px;
}
.ir-booking .booking_name {
	
}
.ir-booking .booking_phone {
	
}
.ir-booking .booking_email {
	
}
.ir-booking .booking_submit {

	font-size: 22px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	color: #fff;
	padding: 12px 20px 10px 20px;
	border: none;
	border-radius: 5px;
	background:-webkit-linear-gradient(#009cff, #157afb);
	background:-o-linear-gradient(#009cff, #157afb);
	background:linear-gradient(#009cff, #157afb);
	cursor: pointer !important;
}
.ir-booking .booking_submit:hover {
	cursor: pointer !important;
	text-decoration: underline;
}
.ir-booking .error {
	border: none;
}
.ir-booking .error .booking_date, .ir-booking .error .booking_name, .ir-booking .error .booking_phone {
	box-shadow: 0 1px 3px 0 #0075da inset;
}
.ir-booking .sure {
	display: none;
	margin-left: 10px;
	text-transform: uppercase;
    padding: 3px 7px;
    border-radius: 3px;
    transition: all 0.3s ease;
    background: #ffe0a3;
    font-size: 14px;
}
.ir-booking .error .sure  {
	display: inline-block;
}
.ir-booking input[type="text"]::-webkit-input-placeholder {
    color: #ccc;
} 
.ir-booking input[type="text"]::-moz-placeholder {
    color: #ccc;
 }
.ir-booking input[type="email"]::-webkit-input-placeholder {
    color: #ccc;
} 
.ir-booking input[type="email"]::-moz-placeholder {
    color: #ccc;
}
.ir-booking .ir-booking-phone {
	padding-top: 30px;
	font-size: 20px;
}
.ir-booking .ir-booking-phone span {
	font-size: 34px;
	padding: 8px 0 8px 0;
	display: block;
}
.ir-booking select {color: #131314; 
	font-family: 'Roboto", sans-serif;
	font-size: 18px;
}
.booking_room {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3) inset;
	font-size: 20px;
	height: 40px;
	width: 300px;
	border: none;
	border-radius: 5px;
	padding-left: 10px;
	display: inline-block;
	border: 1px solid #e4e4e4;
	background: #fff;
}
/**/

.santorinni-documents {
    
}
.santorinni-documents span {
    display: block;
    margin-bottom: 5px;
}

.sberbank {
    margin: 10px 0 10px 0;
    padding: 18px;
    border: 3px solid #d9d9d9;
    position: relative;
    font-size: 18px;
    line-height: 24px;
}

.santorinni-mail a, .santorinni-mail a:hover {
    font-size: 30px;
    line-height: 40px;
}

.sberbank span {display:block; font-size: 40px; padding: 10px 0 10px 0;
    font-family: "Roboto", sans-serif; font-weight: 500;
}

/**/

.stepone {
    margin: 10px 0 10px 0;
    padding: 18px;
    border: 3px solid #41ac27;
    position: relative;
    font-size: 24px;
    line-height: 28px;
}
.stepone span {font-size: 28px;}

.steptwo {
    margin: 10px 0 10px 0;
    padding: 18px;
    position: relative;
    font-size: 24px;
    line-height: 28px;
    border: 3px solid #ccc;
    text-align: center;
}
.steptwo span {
    font-size: 48px;
    display:block;
    margin-top: 15px;
}


.menu-h {
	overflow: hidden;
	display: block;
	padding-bottom: 30px;
}
.menu-h li span.pages {
	padding-top: 9px;
	display: block;
	padding-right: 10px;
}
.menu-h li {
	float: left;
	display: block;
}
.menu-h li a, .menu-h li a:hover {
	display: block;
	float: left;
	padding: 8px 16px 8px 16px;
	border: 1px solid #ccc;
	font-size: 20px;
	color: #131314;
	margin-right: 5px;
	border-radius: 3px;
}
.menu-h .selected a, .menu-h .selected a:hover {
	background: #eee;
	text-decoration: none;
}

/* */

.ir-navy-block {
    box-shadow: 0 1px 2px #edece5;
    margin-bottom: 25px;
    border-left: 1px solid #deede7;
    border-right: 1px solid #deede7;
    border-bottom: 1px solid #cde4db;
    border-top: 1px solid #f4f9f7;
    border-radius: 8px;
}
.r-menu {
	padding: 10px 0 8px 0;
}
.r-menu ul li {
	display: block;
}
.r-menu ul li a, .r-menu ul li a:hover {
	display: block;
	color: #333;
	line-height: 19px;
	padding: 8px 10px 7px 20px;
}
.r-menu .active, .r-menu .active:hover {
	background: -moz-linear-gradient(top, #fefff9, #f2faf1); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefff9), color-stop(100%,#f2faf1)); 
	background: -webkit-linear-gradient(top, #fefff9, #f2faf1); 
	background: -o-linear-gradient(top, #fefff9, #f2faf1); 
	background: -ms-linear-gradient(top, #fefff9, #f2faf1); 
	background: linear-gradient(top, #fefff9, #f2faf1); 
	text-shadow: 0 1px 0 #fff;
	border-top: 1px dotted #d9e8d8;
	border-bottom: 1px dotted #d9e8d8;
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 5px;
}
.r-menu .active a, .r-menu .active a:hover {
	color: #028035; 
	text-shadow: 0 1px 0 #fff;
}
.r-menu ul li a:hover {
	background: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#f1f1f1)); 
	background: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); 
	background: -o-linear-gradient(top, #f8f8f8, #f1f1f1); 
	background: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); 
	background: linear-gradient(top, #f8f8f8, #f1f1f1); 
	text-shadow: 0 1px 0 #fff;

}

 /*callback */
 
#zcwMiniButton {
    opacity: 1 !important;
 }
#zcwMiniButtonMain {
     background-color: #4dbc34 !important;
     box-shadow: none !important;
    -webkit-animation: zcwmini 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini 1.5s 0s ease-out infinite;
    animation: zcwmini 1.5s 0s ease-out infinite;
 }
#zcwMiniButtonMain:before {
    -webkit-animation: zcwphone 1.5s linear infinite;
    -moz-animation: zcwphone 1.5s linear infinite;
    animation: zcwphone 1.5s linear infinite;
}
.zcwPopup {
    background: #fff;
    
}
.zcwPopup-title {
     font-size: 28px;
     padding: 8px 0 10px 0;
 }
.zcwPopup-description {
    
}
.zcwPopup-form {
    
}

@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(46,113,179, 0);}
    10% {box-shadow: 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 0.1);}
    100% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(46,113,179, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(46,113,179, 0);}
    10% {box-shadow: 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 0.1);}
    100% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(46,113,179, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(46,113,179, 0);}
    10% {box-shadow: 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 0.1);}
    100% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(46,113,179, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(46,113,179, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 0.2), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 0.2);}
    100% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(46,113,179, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(46,113,179, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 0.2), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 0.2);}
    100% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(46,113,179, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(46,113,179, 0);}
    10% {box-shadow: 0 0 8px 6px rgba(0,0,0, 0.2), 0 0 12px 10px rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0, 0.2);}
    100% {box-shadow: 0 0 8px 6px rgba(46,113,179, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(46,113,179, 0);}
}