@font-face {
 font-family: "Quentin";
 src: url("fonts/Quentin.eot");
}
@font-face {
 font-family: "Quentin";
 src: url("fonts/Quentin.ttf"); 
}


					.core-slogans { position:absolute; margin:0 auto; text-align:right; display: inline-block;text-align: center;top: 50%;transform: translate(-50%,-50%);left: 50%;width: 100%;}
						.core-slog-0 { position:relative; display:block; font-size:120px;    text-align: center;z-index: 1;color: #fff;font-family: 'kaftan';}
						.core-slog-1 { position:relative;  font-size:229px;   color:#000; margin: -180px auto -40px; font-family: 'kaftan';color: #fff;font-size: 5.9vw;}
						.room-section  .core-slog-1 { -webkit-text-fill-color: #fff !important;-webkit-text-stroke: 0px rgb(255, 255, 255) !important;}
						.core-slog-2 { position:relative; display:block;     margin: 15px auto 0;text-align: center;letter-spacing: initial;white-space: nowrap;background: transparent !important; font-size: 0.85vw;text-transform: uppercase;color: #ffffffb5;margin-bottom: 0.1vw;font-family: 'WHYTE-BOOK';}
						.room-section  .core-slog-2 { -webkit-text-fill-color: #fff !important;-webkit-text-stroke: 0px rgb(255, 255, 255) !important;}
					.core-1 .core-con .core-slogans { left:-40px; }
					.core-2 .core-con .core-slogans { right:160px; }
					.core-3 .core-con .core-slogans { left:-40px; }
					.core-4 .core-con .core-slogans { right:-50px; }
					.core-5 .core-con .core-slogans { left:-45px; }
					.core-titles { position:relative; margin:0px 0px -20px -6px; transform:rotate(-90deg); display: inline-block;transform-origin: 0% 0%;}
						.core-title { position:relative;  font-size: 5.9vw; font-weight:700;  color: #fff; display: block; font-family: 'kaftan';}
						.core-sub { position:relative;  font-size:24px; font-weight:300;  color:#000; display: block;}
					.descr { position:relative; display:block; margin:0; width:90%; }
						.descr .h1, .descr .h2, .descr p { color:#000; }
						.core-bts { position:relative; display:block; width:100%; margin:45px auto 0; }
							.core-bts a { position:relative; display:inline-block; line-height:74px; border:1px solid #cbb780; padding:0 58px; font-size:18px;  -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; color: #cbb780; margin-right:10px; }
							.core-2 .core-bts a { padding:0 40px; margin-bottom: 13px;}
							.core-bts a:hover { color:#fff; background-color:#cbb780; }



/* ----------- #ROOMS ----------- */

	.room-section { position:relative; display:block; width:100%; margin:0px auto; /*! overflow:auto; */ cursor:default; /*! overflow: hidden; */ /*! z-index: 2; */}
		.room { overflow: hidden;position:relative; display:block; width:100%; margin:0 auto; /*! padding-top: 10px; */height: calc(100vh); -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}
		#ro-1 { margin-top: 0; }
		.offer { /*position:relative; display:block; width:100%; margin:130px auto; padding-top: 10px;*/}
			.room-img { position:relative; width:50%; height:100%; margin:0; background-size:cover; background-position:center center; background-repeat:no-repeat; float: left; overflow: hidden; width: 50%;width: 100%;}
			.room-img-background {position: absolute;top: 0;left: 0;width: 100%;height: calc(100% + 610px);background-position: center;background-size: cover;}
.room-over { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  opacity: 0.2; background-color: #000; display: block;}
			.apart-1 .room-img {  height:1150px; }
			.room-circles { position:absolute; width:50%; right:0; top:0; height:100%; }
				.room-circles .circle { position:absolute; background-color:#99aa68;  -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; cursor: pointer;}
				.circle-1 { width:184px; height:184px; opacity:0.1; top:720px; right:405px; }
				.circle-2 { width:402px; height:402px; opacity:0.3; top:370px; right:55px; }
				.circle-3 { width:479px; height:479px; opacity:0.5; top:-25px; right:-22px; }
				.circle-4 { width:680px; height:550px; top:50%; right:130px; transform: translate(0,-50%);}
					.room .circle-descr, .circle-descr { position:relative; display:block; width:90%; max-width:440px; margin:0 auto; text-align:center; top: 50%;transform: translate(0,-50%);overflow: auto; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; margin: 10px auto 0;}
						.room-title { position:relative; display:block;  margin:0 auto 10px; width: 100%;font-family: 'Butterfly', sans-serif;font-size: 88px;color: #fff;height: 135px;}
						.room-sub { position:relative; display:block; font-size:22px; font-weight:400; margin:20px auto 20px; text-align: center;padding: 0 50px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; color: #fff;font-style: italic;}

						.room .circle-sub, .circle-sub { position:relative;   font-size:16px; line-height:30px; opacity:1; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;  margin:0px auto 0; padding: 0 28px;display: inline-block;line-height: 52px;border: 1px solid #fff;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;color: #837b72;bottom: auto;left: auto;transform: none;}
						.circle-sub:hover{ color:#fff; border-color:rgba(255,255,255,0.3); }
						.circle-sub:hover .bt-bg { height:100%; }
						.circle-4:hover .circle-sub { opacity:1; margin:0 auto; }
						.circle-4:hover {  }

			.room-section .room:nth-child(odd) .room-circles { right:auto; left:0; }

			.room-section .room:nth-child(odd) .room-img { /*! float:right; */ }
			.room-section .room:nth-child(odd) .circle-1 { right:auto; left:405px; }
			.room-section .room:nth-child(odd) .circle-2 { right:auto; left:55px; }
			.room-section .room:nth-child(odd) .circle-3 { right:auto; left:-22px; }
			.room-section .room:nth-child(odd) .circle-4 { right:auto; left:130px; }
			.room-section .room:nth-child(odd) .ro-inner { left:auto; right:0; }
			.room-section .room:nth-child(odd) .room-close { /*! right:auto; */ /*! left:25%; */ }
			.room-section .room:nth-child(odd) .price-banner { right:auto; left: -70px; transform: rotate(-8deg); }




		.room-open { position:absolute; bottom:22px; right:37px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
			.plus { position:relative; display:inline-block; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;vertical-align:middle;  width: 40px;height: 40px;margin-right: 2px;}
				.plus-open-1, .plus-open-2 { position:absolute; width:30px; height:1px; background-color:#fff; top:50%; margin-bottom:-1px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
				.room:hover .plus-open-2 { transform:rotate(90deg); }
				.room:hover .room-overlay { opacity:0.6; }

			.room-open-title { position:relative; display:inline-block; vertical-align:middle; color:#fff; text-transform: uppercase;letter-spacing: 1px;font-size: 16px;}
		.ro-inner { position:absolute; left:0; top:0; height:100%; background-color:#1d1918; opacity: 0;visibility: hidden; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; transform: scale(1.1);width: 100%;}
			.room-close { position:absolute; top:90px; right:30px; width:60px; height:70px; opacity:0; visibility:hidden; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; cursor: pointer; z-index: 1;}
				.room-close-1, .room-close-2 { position:absolute; width:60px; height:3px; background-color:#c3b6ae; top:50%; margin-bottom:-1px; transform:rotate(-45deg); border-radius: 4px;}
				.room-close-2 { transform:rotate(45deg); }
			.ro-in { position:relative; width:90%; max-width:1100px; left:50%; top:50%; transform:translate(-50%,-50%); }
				.ro-in-title {   font-size:70px; letter-spacing:2px; color:#fff; margin-top: 0; margin-bottom: 20px; font-weight: 300;letter-spacing: normal;line-height: 60px;font-family: 'kaftan';}
				.ro-in-intro {text-transform: uppercase; font-weight: 400; font-size: 20px; letter-spacing: 0.5px; opacity: 0.5;color: #fff;}
				.ro-in p, .ro-in .list { font-size:16px; color:#fff; line-height:26px; list-style: url("../img/layout/list.png");font-weight: 300;left: 20px;}
				.ro-bts { position:relative; display:block; margin:20px auto 0; }
					.ro-bts a { -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
					.ro-bt-1 { /*! position:relative; */ /*! display:inline-block; */ /*! padding:16px 22px; */ /*! background-color:#f4bd00; */ /*! color:#fff; */ /*! text-transform: uppercase; *//*! letter-spacing: 0.5px; *//*! font-size: 14px; */ /*! font-weight: 600; */}
					.ro-bt-2 { /*! position:relative; */ /*! display:inline-block; */ /*! padding:16px 22px; */ /*! background-color:#b31939; */ /*! color:#fff; */ /*! text-transform: uppercase; *//*! letter-spacing: 0.5px; *//*! font-size: 14px; */ /*! font-weight: 600; */}
					.ro-bt-1:hover { background-color:#e4ad00; }
					.ro-bt-2:hover { background-color:#a30929; }
				.ro-img { position:relative; display:block; width:100%; margin:50px auto 0; overflow: auto; }
				.ro-arrows {display:none;}

					.ro-img .swiper-wrapper img { position:relative; float:left; width:19%; margin-right:1%; margin-bottom: 0.9vw;}
          .ro-img .swiper-wrapper {  display: block;  box-sizing: unset;  position: relative;  width: 100%;  height: auto;}
	        .ro-img-container {  overflow: auto;  width: 100%;}


.gal {width: 100%;position: relative;margin: 0 auto;column-count: 3;column-gap: 26px;display: block !important;padding: 26px;box-sizing: border-box;/*! padding-bottom: 0; *//*! padding-bottom: 0; */}
  .gal a {display: block;margin-bottom: 10px;position: relative;-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;display: table;margin-bottom: 26px;position: relative;}
    .gal img {width: 100%;opacity: 0; transform: translateY(50%); -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;}
      .gal a:hover {opacity:0.8;}
      .gal img.active {  opacity: 1;  transform: translateY(0%);}
      .activator {position: absolute;height:30%;width: 100%;top: 0;left: 0;}










	.room:not(.room-active):hover .ro-overlay { opacity:0.4; }

	.room-active {  }
	.room-active .ro-inner { opacity:1; visibility:visible; top: 0;bottom: 0;transform: scale(1);}
	.room-active .room-close { opacity:1; visibility:visible; }
	.room-active .room-img {   }
	.room-active .room-overlay { opacity:0.1; }
	.room-active:hover .room-overlay { opacity:0.1; }
	.room-active .room-open { opacity:0; }
	.room-active .room-inner { opacity:0; }
	.room-active .circle-descr { opacity:0; }


	.room-active .circle-sub { opacity:0; }
	.room-active .circle-4:hover .circle-sub { opacity:0; }


/*.room-trigger { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; }
.room-trigger-invisible { display: none; }*/


/* ----------- #ROOM NAVIGATION ----------- */


	.ap-nav { position:fixed; bottom:-54px; left:0; width:100%; background-color:#f1f1f1; z-index:100; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
		.ap-nav-inner { position:relative; width:100%;  text-align:center; margin:2px auto; display: table;}
			.ap-nav-inner a { position:relative; width:12.5%; float:left; margin:0 auto; line-height:50px; color: #fff; background-color:#997126; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; font-size:16px;font-weight: 500;letter-spacing: 0.5px;box-sizing: border-box;border-right: 1px solid #fff;}

				/*.ap-nav-inner a:nth-child(1) { background-color:#b3aba2; }
				.ap-nav-inner a:nth-child(2) { background-color:#a39b92; }
				.ap-nav-inner a:nth-child(3) { background-color:#938b82; }

				.ap-nav-inner a:nth-child(4) { background-color:#837b72; }
				.ap-nav-inner a:nth-child(5) { background-color:#736b62; }
				.ap-nav-inner a:nth-child(6) { background-color:#635b52; }
				.ap-nav-inner a:nth-child(7) { background-color:#534b42; }
				.ap-nav-inner a:nth-child(8) { background-color:#4D453C; }*/
				.ap-nav-inner a:last-child { border:none; }
			.ap-nav-inner a:hover { /*! -webkit-filter: brightness(1.1); */ /*! filter: brightness(0.9); */ background-color: #2a2e30;}
		.ap-more { position:absolute; right:30px; top:0; line-height:54px; font-size:14px; font-weight:300; color:#333; }
			.ap-more img { position:relative; display:inline-block; vertical-align:middle; max-width:30px; margin-left: 6px;}
	.ap-nav-active { bottom:0; }
.ap-nav-inner a.active { background:#2a2e30; z-index: 1;}
.ap-nav-inner a span { font-family: 'SaolDisplay-SemiboldItalic', serif; text-transform: uppercase;position: relative;display: inline-block;margin-right: 5px;}




.buttons { position: relative; display: block; width: 100%; margin: 50px auto 0; }
	


.plan { position:relative; width: 490px; float:left; margin-right: 50px; margin-bottom: 50px; }



	.ap-nav { position:fixed; bottom:-54px; left:0; width:100%; background-color:#f1f1f1; z-index:3; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
		.ap-nav-inner { position:relative; width:100%;  text-align:center; margin:2px auto; display: table;}
			.ap-nav-inner a { position:relative; width: 14.2667%; float:left; margin:0 auto;  line-height:50px; color: #fff; background-color:#c3b6ae; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; font-size:16px;font-weight: 500;letter-spacing: 0.5px;box-sizing: border-box;border-right: 1px solid #fff;}

				/*.ap-nav-inner a:nth-child(1) { background-color:#b3aba2; }
				.ap-nav-inner a:nth-child(2) { background-color:#a39b92; }
				.ap-nav-inner a:nth-child(3) { background-color:#938b82; }

				.ap-nav-inner a:nth-child(4) { background-color:#837b72; }
				.ap-nav-inner a:nth-child(5) { background-color:#736b62; }
				.ap-nav-inner a:nth-child(6) { background-color:#635b52; }
				.ap-nav-inner a:nth-child(7) { background-color:#534b42; }
				.ap-nav-inner a:nth-child(8) { background-color:#4D453C; }*/
				.ap-nav-inner a:last-child { border:none; }
			.ap-nav-inner a:hover { /*! -webkit-filter: brightness(1.1); */ /*! filter: brightness(0.9); */ background-color: #1d1918; text-decoration: none;}
		.ap-more { position:absolute; right:30px; top:0; line-height:54px; font-size:14px; font-weight:300; color:#333; }
			.ap-more img { position:relative; display:inline-block; vertical-align:middle; max-width:30px; margin-left: 6px;}
	.ap-nav-active { bottom:0; }
.ap-nav-inner a.active { background:#2a2e30; z-index: 1;}
.ap-nav-inner a span { font-family: 'SaolDisplay-SemiboldItalic', serif; text-transform: uppercase;position: relative;display: inline-block;margin-right: 5px;}


@media screen and (max-width: 1300px) {
	.core-slog-2 {font-size: 13px;}
}


@media screen and (max-width: 1020px) {
	.ap-nav {position: relative !important;display: block;bottom: 0 !important;}
	.ap-nav-inner {margin: 0 !important;}
	.ap-nav-inner a {width: 100% !important;border: none;border-bottom-width: medium !important;border-bottom-style: none !important;border-bottom-color: currentcolor !important;border-bottom: 1px solid #1c1918 !important;text-decoration: none;}
  	.ap-nav-inner a:last-child {border-bottom: 0 !important;}
	.ro-in {transform: unset; margin: 0 auto; left: unset; top: unset; transform: scale(1); opacity: unset; visibility: unset;}
	.ro-inner {position: relative; margin: 0 auto; height: auto; background-color: #1d1918; transform: scale(1); width: 100%; display: none; transition: none; transform: scale(1); opacity: unset; visibility: unset; padding: 18px 0 18px;}
	.room-active {display: block; top: 0; bottom: 0; transform: scale(1); transition: none;}
	.room {height: auto; transition: none;}
	.room-img {height: 10vw; min-height: 300px;}
	.ro-img {margin: 15px auto 0}
	.room-close {top: 0px; right: 5px;}
	.core-slog-0 {font-size: 55px}
	.core-slog-1 {font-size: 37px;}
	.core-slog-2 {font-size: 13px;}
	.ro-in-title {font-size: 30px;}
}

@media screen and (min-width: 1000px) {
	
}

@media screen and (max-width: 750px) {
	.gal {column-count: 1;}
	.ro-img .swiper-wrapper img {width: 49%;}
	.core-slog-0 {font-size: 34px}
}