/* ---------- Google Font ---------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);
@font-face {
	font-family: NotoSans;
	src:url('../fonts/NotoSans-Regular.ttf');
}
@font-face {
	font-family: Rosalinda;
	src:url('../fonts/Rosalinda.ttf');
}
@font-face {
	font-family: Montserrat;
	src:url('../fonts/Montserrat-Bold.ttf');
}

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0; 
	padding:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul, li {
	list-style: none;
}
q:before, 
q:after {
	content: '';
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
div {
	position:relative;
	}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
html {
	-webkit-font-smoothing:antialiased;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	overflow-x: hidden;
}
a {
	text-decoration: none;
}

h1 {
	font-size: 35pt;
	font-family: NotoSans;
	padding-bottom: 30px;
	text-transform: uppercase;
	color: #cea446;
	text-align: left;
}
h2 {
	font-size: 15pt;
	font-family: NotoSans;
	padding-top: 30px;
	text-transform: uppercase;
}
h3 {
	font-size: 35pt;
	font-family: NotoSans;
	padding-bottom: 30px;
	text-transform: uppercase;
	color: #cea446;
}


.column-clear {
	clear:both;
}
.clear {
	overflow: hidden;
}
.header {
	font-family: NotoSans;
	padding: 15px 50px;
}
.header img {
	float: left;
}
p.name {
	margin-top: 20px;
	margin-left: 10px;
	font-size: 15pt;
	float: left;
	color: #ffffff;
}
.booking {
	text-align: right;
	margin-top: 10px;
}
.booking a {
	color: #ffffff;
}
.booking button {
	margin-left: 40px;
}
.header hr {
	margin-top: 20px;
}
.menu {
	text-align: center;
	font-family: NotoSans
}
.menu li{
	display: inline-block;
	padding: 0 15px 10px 15px;
}
.menu li a {
	font-weight:600;
	text-decoration:none;
	display:block;
	color:#ffffff;
	font-size: 18px;
	font-weight: normal;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover {
	color: #d5b570;
}
.mobile-menu {
	display: none;
	width: 45px;
	height: 45px;
	border-radius: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background:url('img/nav_icon.png') no-repeat;
	background-position: center;
	background-color: #d5b570;
	
	text-transform: uppercase;
	font-weight: 600;
	z-index:100;
}
.mobile-menu:hover {
	background:url('img/nav_icon.png') no-repeat;
	background-position: center;
	background-color: #cea446;
	text-decoration: none;
	z-index:100;
}
.mobile-menu li a:hover {
	color: #cea446;
}
.main_img {
	width: 100%;
	height: 800px;
	margin-top: -190px;
}
.main_title {
	text-transform: uppercase;
	margin-top: -400px;
	color: #ffffff;
	text-align: center;
	font-size: 45pt;
	font-family: NotoSans;
	padding-bottom: 180px;
}
.main_content {
	margin: 90px 5% 100px;
	background-color: #ffffff;
	font-family: NotoSans;
	font-size: 12pt;
}
.main_content a {
	color: #000000;
}
.row-box {
    position: relative;
}
.box {
    display: block;
    width: 55%;
    position: relative;
}
.box img {
    width: 125%;
    
    padding: 1% 0;
}
.box:nth-child(1) {
    clip-path: polygon(0 0, 95% 0, 95% 100%, 0 100%);
}
.box:nth-child(2) {
    clip-path: polygon(3% 0, 105% 0, 105% 100%, 3% 100%);
    left: 43%;
    position: absolute;
    top: 0;
}
.box:nth-child(3) {
    clip-path: polygon(0 0, 110% 0, 110% 100%, 0 100%);      
}
.box:nth-child(4) {
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%);
    left: 45%;        
    position: absolute;
    margin-top: 46.4%;          
}
.main_fon {
	background-image: url('img/2.jpg');
	padding: 150px 15% 50px 50%;
	height: 850px;
	color: #ffffff;
	font-family: NotoSans;
	font-size: 15pt;
}
#maket img {
	box-shadow: 10px 10px rgba(122,122,122,0.1);
}
#maket tr td {
	text-align: center;
}
.content_img {
	width: 100%;
	height: 650px;
	margin-top: -170px;
}
.title {
	text-transform: uppercase;
	margin-top: -370px;
	color: #ffffff;
	text-align: center;
	font-size: 47pt;
	font-family: Montserrat;
	padding-bottom: 180px;
}
.content {
	margin: 200px 5% 100px;
	background-color: #ffffff;
	font-family: NotoSans;
	font-size: 12pt;
}
.contacts {
	text-align: center;
	margin-bottom: 120px;
	background-color: #fafafa;
	padding:20px;
}
.contacts img {
	padding-top: 20px;
}
.feedback {
	text-align: center;
}
.feedback form input {
   	width: 40%;
   	padding: 15px;
   	margin-bottom: 10px;
   	font-size: 12pt;
   	background-color: #fafafa;
   	outline: none;
	border: 1px solid #d1cfcf;
   }
.feedback form textarea {
   	width: 40%;
   	height: 100px;
   	padding: 15px;
   	margin-bottom: 10px;
   	font-size: 12pt;
   	background-color: #fafafa;
   	outline: none;
   	border: 1px solid #d1cfcf;
   }

.feedback form input[type="submit"] {
	width: 20%;
	font-size: 10.5pt;
	font-family: Montserrat;
	text-transform: uppercase;
	background-color: #d5b570;
	color: #ffffff;
	outline: none;
	border: 0;
	border-radius: 100px;
}















.content_services {
	margin: 200px 5% 100px;
	background-color: #ffffff;
	font-family: NotoSans;
	font-size: 12pt;
}



.content_rental {
	margin: 200px 5% 100px;
	background-color: #ffffff;
	font-family: NotoSans;
	font-size: 12pt;
}

.mob_content_rental {
	margin: 50px 5%;
	text-align: center;
}
.mob_content_rental img {
	width: 100%;
}




















.mob_main_fon {
		text-align: center;
		background-image: url('img/2.jpg');
	padding: 100px 5% 50px 5%;
	height: 650px;
	color: #ffffff;
	font-family: NotoSans;
	font-size: 12pt;
	margin-bottom: 100px;
	}

.mob_main_content a {
	color: #000000;
}
.mob_main_content p {
	padding-bottom: 50px;
}
.mob_content {
	padding: 50px 5%;
	text-align: center;
	font-family: NotoSans;
	font-size: 11pt;
}
#maket {
    width: 100%; /* Ширина всей таблицы */
    padding-bottom: 100px;
    
    text-align: left;
}
#spacer2 {
    height: 100px; /* Расстояние между колонками */
   }
#spacer {
    width: 150px; /* Расстояние между колонками */
   }

.wrap {
	height: 300px;
	margin: 0;
	position: relative;
	width: 500px;
}
.wrap > input {
	display: none;
}
.slider {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img1 { background-image: url('../../../img/771.jpg'); }
.img2 { background-image: url('../../../img/772.jpg') }
/*
.img3 { background-image: url('../../../img/josh-wedgwood-9LQTT02LYaE-unsplash-1536x1024.jpg'); } */

.wrap .control {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point1:checked ~ .control label:nth-of-type(1),
#point2:checked ~ .control label:nth-of-type(2) {
	background: #d5b570;
	border-radius: 100%;
}
#point1:checked ~ .slider > .img1,
#point2:checked ~ .slider > .img2  {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap11 {
	height: 300px;
	margin: 0;
	position: relative;
	width: 500px;
}
.wrap11 > input {
	display: none;
}
.slider11 {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides11 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img11 { background-image: url('../../../img/345gjulg890923f3568hy6.jpg'); }
.img12 { background-image: url('../../../img/457vdszsz4534v664brf.jpg'); }
.img13 { background-image: url('../../../img/5rf65346756467tf5e4s3d67ty.jpg'); }

.wrap11 .control11 {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap11 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap11 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point11:checked ~ .control11 label:nth-of-type(1),
#point12:checked ~ .control11 label:nth-of-type(2),
#point13:checked ~ .control11 label:nth-of-type(3) {
	background: #d5b570;
	border-radius: 100%;
}
#point11:checked ~ .slider11 > .img11,
#point12:checked ~ .slider11 > .img12,
#point13:checked ~ .slider11 > .img13 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap21 {
	height: 300px;
	margin: 0;
	position: relative;
	width: 500px;
}
.wrap21 > input {
	display: none;
}
.slider21 {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides21 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img21 { background-image: url('../../../img/4556cjhvcx790f342875.jpg'); }
.img22 { background-image: url('../../../img/jf5437v25bh98653d24c.jpg'); }
.img23 { background-image: url('../../../img/3e4t4gf890uyh547856hn.jpg'); }
.img24 { background-image: url('../../../img/cuhf43u9485498ytfc3hr893.jpg'); }
.img25 { background-image: url('../../../img/9365hfe85329yfh357f83.jpg'); }


.wrap21 .control21 {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap21 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap21 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point21:checked ~ .control21 label:nth-of-type(1),
#point22:checked ~ .control21 label:nth-of-type(2),
#point23:checked ~ .control21 label:nth-of-type(3),
#point24:checked ~ .control21 label:nth-of-type(4),
#point25:checked ~ .control21 label:nth-of-type(5) {
	background: #d5b570;
	border-radius: 100%;
}
#point21:checked ~ .slider21 > .img21,
#point22:checked ~ .slider21 > .img22,
#point23:checked ~ .slider21 > .img23,
#point24:checked ~ .slider21 > .img24,
#point25:checked ~ .slider21 > .img25 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap31 {
	height: 300px;
	margin: 0;
	position: relative;
	width: 500px;
}
.wrap31 > input {
	display: none;
}
.slider31 {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides31 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img31 { background-image: url('../../../img/09579hg4380y8hf823y58h.jpg') }
.img32 { background-image: url('../../../img/9765r923gr8329rt973r8238ry.jpg'); }


.wrap31 .control31 {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap31 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap31 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point31:checked ~ .control31 label:nth-of-type(1),
#point32:checked ~ .control31 label:nth-of-type(2) {
	background: #d5b570;
	border-radius: 100%;
}
#point31:checked ~ .slider31 > .img31,
#point32:checked ~ .slider31 > .img32  {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap41 {
	height: 250px;
	margin: 35px 0;
	width: 100%;
	padding-left: 18%;
	padding-right: 20%;
	
}
.wrap41 > input {
	display: none;

}
.slider41 {
	height: inherit;
	overflow: hidden;
	width: inherit;

}
.slides41 {
	height: inherit;
	opacity: 0;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img41 { 
background-image: url('../../../img/745fge78ry3fc83r38fg8939.jpg'); 

}
.img42 { background-image: url('../../../img/hf26754627hfd526s.jpg'); }
.img3 { background-image: url('../../../img/josh-wedgwood-9LQTT02LYaE-unsplash-1536x1024.jpg'); } */

.wrap41 .control41 {
	text-align: center;
}
.wrap41 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap41 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point41:checked ~ .control41 label:nth-of-type(1),
#point42:checked ~ .control41 label:nth-of-type(2),
#point43:checked ~ .control41 label:nth-of-type(3) {
	background: #d5b570;
	border-radius: 100%;
}
#point41:checked ~ .slider41 > .img41,
#point42:checked ~ .slider41 > .img42,
#point43:checked ~ .slider41 > .img43 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap51 {
	height: 250px;
	margin: 35px 0;
	width: 100%;
	padding-left: 18%;
	padding-right: 20%;
}
.wrap51 > input {
	display: none;
}
.slider51 {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides51 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img51 { background-image: url('../../../img/345gjulg890923f3568hy6.jpg'); }
.img52 { background-image: url('../../../img/457vdszsz4534v664brf.jpg'); }
.img53 { background-image: url('../../../img/5rf65346756467tf5e4s3d67ty.jpg'); }

.wrap51 .control51 {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap51 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap51 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point51:checked ~ .control51 label:nth-of-type(1),
#point52:checked ~ .control51 label:nth-of-type(2),
#point53:checked ~ .control51 label:nth-of-type(3) {
	background: #d5b570;
	border-radius: 100%;
}
#point51:checked ~ .slider51 > .img51,
#point52:checked ~ .slider51 > .img52,
#point53:checked ~ .slider51 > .img53 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap61 {
	height: 250px;
	margin: 35px 0;
	width: 100%;
	padding-left: 18%;
	padding-right: 20%;
}
.wrap61 > input {
	display: none;
}
.slider61 {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides61 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img61 { background-image: url('../../../img/4556cjhvcx790f342875.jpg'); }
.img62 { background-image: url('../../../img/jf5437v25bh98653d24c.jpg'); }
.img63 { background-image: url('../../../img/3e4t4gf890uyh547856hn.jpg'); }

.wrap61 .control61 {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap61 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap61 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point61:checked ~ .control61 label:nth-of-type(1),
#point62:checked ~ .control61 label:nth-of-type(2),
#point63:checked ~ .control61 label:nth-of-type(3),
#point62:checked ~ .control61 label:nth-of-type(4),
#point63:checked ~ .control61 label:nth-of-type(5) {
	background: #d5b570;
	border-radius: 100%;
}
#point61:checked ~ .slider61 > .img61,
#point62:checked ~ .slider61 > .img62,
#point63:checked ~ .slider61 > .img63,
#point62:checked ~ .slider61 > .img64,
#point63:checked ~ .slider61 > .img65 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap71 {
	height: 250px;
	margin: 35px 0;
	width: 100%;
	padding-left: 18%;
	padding-right: 20%;
}
.wrap71 > input {
	display: none;
}
.slider71 {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides71 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img71 { background-image: url('../../../img/09579hg4380y8hf823y58h.jpg'); }
.img72 { background-image: url('../../../img/9765r923gr8329rt973r8238ry.jpg'); }

.wrap71 .control71 {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap71 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap71 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point71:checked ~ .control71 label:nth-of-type(1),
#point72:checked ~ .control71 label:nth-of-type(2) {
	background: #d5b570;
	border-radius: 100%;
}
#point71:checked ~ .slider71 > .img71,
#point72:checked ~ .slider71 > .img72 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap91 {
	height: 500px;
	margin-bottom: 50px;
	position: relative;
	width: 800px;
	padding-left: 15%;
	padding-right: 15%;
}
.wrap91 > input {
	display: none;
}
.slider91 {
	
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}
.slides91 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img91 { background-image: url('../../../img/luxe8324517818938994365.jpg'); }
.img92 { background-image: url('../../../img/luxe83746484617401843875323.jpg'); }
.img93 { background-image: url('../../../img/luxe745343894186927472429.jpg'); }
.img94 { background-image: url('../../../img/luxe837463576235875323.jpg'); }

.wrap91 .control91 {
	position: absolute;
	margin-left: -50px;
	left: 50%;
}
.wrap91 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap91 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point91:checked ~ .control91 label:nth-of-type(1),
#point92:checked ~ .control91 label:nth-of-type(2),
#point93:checked ~ .control91 label:nth-of-type(3),
#point94:checked ~ .control91 label:nth-of-type(4) {
	background: #d5b570;
	border-radius: 100%;
}
#point91:checked ~ .slider91 > .img91,
#point92:checked ~ .slider91 > .img92,
#point93:checked ~ .slider91 > .img93,
#point94:checked ~ .slider91 > .img94 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.wrap101 {
	height: 500px;
	margin-bottom: 50px;
	width: 800px;
	padding-left: 18%;
	padding-right: 15%;
}
.wrap101 > input {
	display: none;
}
.slider101 {
	
	height: inherit;
	overflow: hidden;
	
	width: inherit;
}
.slides101 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img101 { background-image: url('../../../img/standard3481904137561.jpg'); }
.img102 { background-image: url('../../../img/standard90346235732590209.jpg'); }
.img103 { background-image: url('../../../img/standard356082647292952757.jpg'); }
.img104 { background-image: url('../../../img/standard89375293395260275.jpg'); }
.img105 { background-image: url('../../../img/standard3560976893952757.jpg') }

.wrap101 .control101 {
	text-align: center;
}
.wrap101 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap101 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point101:checked ~ .control101 label:nth-of-type(1),
#point102:checked ~ .control101 label:nth-of-type(2),
#point103:checked ~ .control101 label:nth-of-type(3),
#point104:checked ~ .control101 label:nth-of-type(4),
#point105:checked ~ .control101 label:nth-of-type(5) {
	background: #d5b570;
	border-radius: 100%;
}
#point101:checked ~ .slider101 > .img101,
#point102:checked ~ .slider101 > .img102,
#point103:checked ~ .slider101 > .img103,
#point104:checked ~ .slider101 > .img104,
#point105:checked ~ .slider101 > .img105 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}

.rooms {
	text-align: center;
	margin-bottom: 20px;
	background-color: #fafafa;
	padding: 20px 0 50px;
}
#table_price {
	background-color: #d5b570;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffffff;
}
.content table {
	width: 100%;
	border-collapse: collapse;
	border:none; 
border-top:10px solid #cea446;
}
.content tr td {
	padding: 10px 15px;
	border:none; 
border-bottom:1px solid #d5b570;
}
.content ul {
	padding-left: 5%;
}
.content li {
	list-style: disc;
	color: #d5b570; /* Цвет маркеров */
	padding-bottom: 5px;
}
.content li span {
	color: #000000;
}






















button {
	font-size: 10.5pt;
	font-family: Montserrat;
	text-transform: uppercase;
	background-color: #d5b570;
	color: #ffffff;
	padding: 16px 35px;
	outline: none;
	border: 0;
	border-radius: 100px;
	cursor: pointer;
}
button:hover {
	background-color: #cea446;
}
.title hr {
	margin: 25px 47% 0;
}








  
   
.contrev {
	background-color: #f7f7f7;
	text-align: center;
	padding: 50px 10%;
	font-family: NotoSans;
	font-size: 12pt;
	margin-top: 100px;
}   
.contrev_up {
	background-color: #f7f7f7;
	text-align: center;
	padding: 100px 30%;
	font-family: NotoSans;
	font-size: 13pt;
} 
.contrev_up hr {
	margin: 2px 40% 0;
}
.contrev2 {
	background-color: #ffffff;
	text-align: center;
	padding: 50px 10%;
	font-family: NotoSans;
	font-size: 12pt;
	margin-top: 100px;
}   
.contrev_up2 {
	background-color: #ffffff;
	text-align: center;
	padding: 100px 30%;
	font-family: NotoSans;
	font-size: 13pt;
} 
.contrev_up2 hr {
	margin: 2px 40% 0;
}
.contrev3 {
	background-color: #f7f7f7;
	text-align: center;
	padding: 20px 10%;
	font-family: Montserrat;
	font-size: 15pt;
	text-transform: uppercase;
} 
.contrev3 tr td {
	padding: 0 25px 0;
	vertical-align: middle;
}  
.contrev3 img {
	padding-top: 40px;
}
.contrev4 {
	background-color: #f7f7f7;
	text-align: center;
	font-family: Montserrat;
	font-size: 15pt;
	text-transform: uppercase;
	padding: 15px 0;
}

.contrev4 button {
	background-color: #f7f7f7;
	border-radius: 0;
	color: #000000;
	font-family: Montserrat;
	font-size: 15pt;
	text-transform: uppercase;
}
.contrev4 img {
	padding-top: 20px;
}
.contrev4 button:hover {
	background-color: #e9e9e9;
}
   
h5 {
	font-size: 18pt;
	font-family: Montserrat;
}
h6 {
	font-size: 30pt;
	font-family: Montserrat;
	padding-bottom: 30px;
	text-transform: uppercase;
}
.content a {
	color: #000000;
}
.content a:hover{
color: #cbad6a;
}



.footer {
	width: 100%;
	background-color: #191919;
	color: #ffffff;
	text-align: center;
	padding: 45px;
	font-family: NotoSans;
}
.footer li {
	display: inline-block;
	margin: 0 15px 0 15px;
	font-weight: light;
	font-size: 12pt;
}
.footer li a {
	color: #cbad6a;	
}

.form_booking {
	text-align: center;
}

.form_booking input {
	
	
	width: 40%;
   	padding: 10px;
   	margin: 10px;
   	font-size: 12pt;
   	background-color: #fafafa;
   	outline: none;
	border: 1px solid #d1cfcf;
	
}
.form_booking select {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	background-repeat: no-repeat;
	width: 40%;
   	height: 40px;
   	margin: 10px;
   	padding-left: 10px;
   	font-size: 12pt;
   	background-color: #fafafa;
   	outline: none;
	border: 1px solid #d1cfcf;
	border-radius: 0;
	
}

.form_booking form input[type="submit"] {
	width: 50%;
	font-size: 10.5pt;
	font-family: Montserrat;
	text-transform: uppercase;
	background-color: #d5b570;
	color: #ffffff;
	outline: none;
	border: 0;
	border-radius: 100px;
	cursor: pointer;
}
.form_booking form input[type="submit"]:hover {
	background-color: #e9e9e9;
}
.input-group date input {
	width: 40%;
   	padding: 10px;
   	margin: 10px;
   	font-size: 12pt;
   	background-color: #fafafa;
   	outline: none;
	border: 1px solid #d1cfcf;
}







.wrap111 {
	height: 500px;
	margin-bottom: 50px;
	width: 800px;
	padding-left: 18%;
	padding-right: 15%;
}
.wrap111 > input {
	display: none;
}
.slider111 {
	
	height: inherit;
	overflow: hidden;
	
	width: inherit;
}
.slides111 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-filter: hue-rotate(90deg);
	transition: 1s;
}
.img111 { background-image: url('../../../img/kitc832451784787892994365.jpg'); }
.img112 { background-image: url('../../../img/kitc839034598361451365.jpg'); }
.img113 { background-image: url('../../../img/kitc8324517818938994365.jpg'); }
.img114 { background-image: url('../../../img/standard89375293395260275.jpg'); }

.wrap111 .control111 {
	text-align: center;
}
.wrap111 label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap111 label:after {
	border: 2px solid #d5b570;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 100%;
}

#point111:checked ~ .control111 label:nth-of-type(1),
#point112:checked ~ .control111 label:nth-of-type(2),
#point113:checked ~ .control111 label:nth-of-type(3),
#point114:checked ~ .control111 label:nth-of-type(4) {
	background: #d5b570;
	border-radius: 100%;
}
#point111:checked ~ .slider111 > .img111,
#point112:checked ~ .slider111 > .img112,
#point113:checked ~ .slider111 > .img113,
#point114:checked ~ .slider111 > .img114 {
	opacity: 1;
	z-index: 1;
	transform: none;
	-webkit-filter: none;
}













.container {
	margin-left: 10%;
	margin-right: 10%;
}
.box {
  list-style-type: none;
  float: left;
  margin-bottom: 1rem;
  margin-left: 1%;
  margin-right: 1%;
  width: 45%;
}
.box:nth-child(2n + 1) {
  clear: both;
  margin-left: 0;
}
.box:nth-child(2n + 0) {
  margin-right: 0;
}
.box a {
  display: block;
  width: 100%;
  height: auto;
}
.box a img {
  -webkit-back-visibility: hidden;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

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

  #fork-this {
    display: none;
  }
  #share #fb {
    top: -8px;
  }
  .button {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .button {
    font-size: 1.3rem;
    padding: 1.4rem 2rem;
  }
}
@media screen and (max-width: 410px) {

  .box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* Overwwrite old school button */
.button-big {
  box-shadow: none !important;
  border-radius: 0;
  top: 0 !important;
}

.button-big:hover {
  opacity: 0.8 !important;
}
























/* Другие разрешения | Other screen resolutions */
@media screen and (max-width: 1050px) {
.main_img {
	height: 700px;
	margin-top: -210px;
}
.content_img {
	height: 500px;
	margin-top: -210px;
}

.main_fon {
	padding-top: 50px;
}
.main_content {
	margin-top: 50px; 
}
.title {
	margin-top: -250px;
}.content {
	margin-top: 50px; 
}
.wrap101 {
	padding-left: 10%;
	padding-right: 10%;
}
	
}

@media (max-width: 880px) {
	
	.form_booking form input[type="submit"] {
	width: 90%;
	
}
	
	.form_booking input {
	
	
	width: 90%;
	
}
.form_booking select {
	
	width: 90%;
   	
	
}
	
	
	
	
	
.content_services {
	display: none;
	visibility: hidden;
}

	.header {
		
		
		padding: 0;
	}
	
	.menu {
		display:none;
	}
	.mobile-menu {
		display:block;
		margin-top:100px;
	}
	nav {
		position: fixed;
		bottom: 0;
		width: 100%;
		background:none;
		z-index: 90;
	}
	.menu li{
		display:block;
		left:0;
		padding: 0;
	}
	.menu li a {
		font-size: 16px;
		background:#ffffff;
		color:#505050;
		padding: 10px;
		border-top:1px solid #e0e0e0;
		border-left:3px solid #ffffff;
		text-align: center;
	}
	.menu li a:hover, .menu li:hover > a{
		color:#d5b570;
		text-decoration: underline #d5b570;
		border-left:3px solid #d5b570;
	}
	.booking {
	text-align: center;
	
	padding-top: 70px;
}
.booking button {
	padding: 10px 45px;
	margin: 12px;
}
.main_img {
	height: 400px;
	margin-top: -250px;
}
.content_img {
	height: 400px;
	margin-top: -250px;
}

p.name {
	
	font-size: 12pt;
	
}
.header img {
	height: 55px;
	padding-left: 5%;
}

.main_title {
	margin-top: -150px;
	font-size: 18pt;
	padding-bottom: 20px;
}
.title {
	margin-top: -150px;
	font-size: 18pt;
	padding-bottom: 180px;
}

h1 {
	font-size: 20pt;
	text-align: center;
}

.mob_main_content {
	text-align: center;
	padding: 0 5% 50px 5%;
}
.mob_main_content img {
	padding-top: 20px;
	text-align: center;
	height: 100%;
	width: 100%;
}
	

.main_content {
	display: none;
	visibility: hidden;
}
.main_fon {
	display: none;
	visibility: hidden;
}

.wrap101 {
	height: 400px;
	width: 600px;
	padding-left: 5%;
	padding-right: 5%;
}
.content_rental {
		display: none;
		visibility: hidden;
	}
	.img-c {
  height: 200px;
	}
  .img-w {
  height: 50%;
}

}
@media (max-width: 600px) {
.wrap41 {
	padding-left: 5%;
	padding-right: 5%;
	
}
.wrap51 {
	padding-left: 5%;
	padding-right: 5%;
	
}
.wrap61 {
	padding-left: 5%;
	padding-right: 5%;
	
}
.wrap71 {
	padding-left: 5%;
	padding-right: 5%;
}
.img101 { 
background-image: url('../../../img/standard_mini356082647292952757.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
}


@media (min-width: 880px) {
	.mob_main_content {
	display: none;
	visibility: hidden;
	}
	.mob_main_fon {
		display: none;
	visibility: hidden;
	}
	.mob_content {
		display: none;
	visibility: hidden;
	}
	.mob_content_rental {
		display: none;
		visibility: hidden;
	}

}





























.gallery {
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  background-color: #000;
}
.img-c {
  width: 25%;
  height: 200px;
  float: left;
  
  overflow: hidden;
  background-position: center center;
}

.img-w {
  margin: 20%;
  position: absolute;
  width: 100%;
  height: 600px;
  background-size: cover;
  
  cursor: pointer;
  transition: transform ease-in-out 300ms;
}

.img-w img {
  display: none;
  idth: 600%px;
  height: 100%;
}



.img-c.active {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  z-index: 2;
  //transform: translateX(-50%);
}

.img-c.postactive {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.img-c.active.positioned {
  left: 0 !important;
  top: 0 !important;
  transition-delay: 50ms;
}



.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.9);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog > div {
		overflow-y: auto;
		width: 50%;
		height: 50%;
		position: relative;
		margin: 5% auto;
		padding: 20px 20px 100px 20px;
		background: #ffffff;
		
	}

	.close {
		background: #ffffff;
		color: #d5b570;
		line-height: 25px;
		text-align: center;
		float: right;
		padding: 3px;
		margin: 10px;
		width: 30px;
		height: 30px;
		text-decoration: none;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover { 
	color: #cea446; 
	}




.modalDialog2 {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.9);
		z-index: 99999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		display: none;
		pointer-events: none;
	}

	.modalDialog2:target {
		display: block;
		pointer-events: auto;
	}

	.modalDialog2 > div {
		overflow-y: auto;
		width: 50%;
		height: 50%;
		position: relative;
		margin: 5% auto;
		padding: 20px 20px 100px 20px;
		background: #ffffff;
		
	}

	.close2 {
		background: #ffffff;
		color: #d5b570;
		line-height: 25px;
		text-align: center;
		float: right;
		padding: 3px;
		margin: 10px;
		width: 30px;
		height: 30px;
		text-decoration: none;
		-webkit-border-radius: 100%;
		border-radius: 100%;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close2:hover { 
	color: #cea446; 
	}