/* Шрифты */
/* @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800&family=Oswald:wght@300;400;500;600&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@300;400;500;600&display=swap');

/* Глобальные переменные */

:root {

    /* размеры */

    --max-data-width: 1286px;
    --wrap-data-padding: 0 2rem;
    --base-font-size: 20px;

    /* цвета */

    --black-color: #000;
    --white-color: #fff;
    --gold-color: #D7B56D;

    --brown-light-color: #938c81;
    --brown-dark-color: #726d64;

    --gray-color:        #9b9b9b;
    --dark-gray-color:   #797979;
    --middle-gray-color: #a8a8a8;
    --light-gray-color:  #ddd;
    --thin-gray-color  : #f5f5f5;
    --super-thin-gray-color : #f6f7fb;

    --thin-gray-op-color  : rgba(64,64,64,0.05);

    /* фоны */

    --black-bg-95 : rgba(0,0,0,0.95);
    --black-bg-85 : rgba(0,0,0,0.85);
    --black-bg-75 : rgba(0,0,0,0.75);
    --black-bg-50 : rgba(0,0,0,0.5);
    --black-bg-35 : rgba(0,0,0,0.35);

    --gray-bg-50  : rgba(128, 128, 128,0.5);
    --gold-bg-75  : rgba(215, 181, 109, 0.75);

    --white-bg-75  : rgba(255, 255, 255, 0.75);
    --white-bg-25  : rgba(255, 255, 255, 0.25);


    --sl-arrow : url("../graph/slider-arrow.png") center center no-repeat;
    --sl-arrow-w : url("../graph/slider-arrow-w.png") center center no-repeat;

    --scroll-arrow-icon : url(../graph/icon-scroll-arrow.png) center center no-repeat;
    --owl-arrow-icon    : url(../graph/icon-arrow-white.png) center center no-repeat;

    --luciano-bg-icon : url(../graph/luchiano-bg-rotate.png) right bottom no-repeat;
    --luciano-bg-w-icon : url(../graph/luchiano-bg-rotate-w.png) right bottom no-repeat;

    --luciano-list-icon : url(../graph/luchiano.png) left center no-repeat;

    --luciano-close-icon : url(../graph/icon-w-close.png) center center no-repeat;


    /* размеры фонов */

    --bg-full-height: auto 100%;
    --bg-full-width: 100% auto;

    --bg-height-30: auto 30%;
    --bg-height-40: auto 40%;
    --bg-height-50: auto 50%;
    --bg-height-60: auto 60%;
    --bg-height-75: auto 75%;
    --bg-height-80: auto 80%;
    --bg-height-90: auto 90%;
    --bg-height-95: auto 95%;

    /* иконки */

    --phone-icon-black     :  url("../graph/icon-phone.png") center center no-repeat;
    --phone-icon-white     :  url("../graph/icon-w-phone.png") center center no-repeat;
    --menu-icon-black      :  url("../graph/icon-menu.png") center center no-repeat;
    --menu-icon-white      :  url("../graph/icon-w-menu.png") center center no-repeat;


     /* логотип */

     --white-logo-bg   : url(../graph/logo-w.png) center center no-repeat;
     --ready-logo-bg   : url(../graph/ready-rest-mini-w.png) left center no-repeat;
     --ready-logo-bg-r : url(../graph/ready-rest-mini-w.png) right center no-repeat;




  }


/* Сетка */

.flex-columns {position: relative; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;}
.flex-columns.top-align {align-items:stretch;}

.flex-columns.content-left {justify-content: flex-start;}
.flex-columns.content-right {justify-content: flex-end;}
.flex-columns.content-center {justify-content: center;}
.flex-columns.content-between {justify-content: space-between;}
.flex-columns.content-around {justify-content: space-around;}

.col-1, .col-1x1 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.col-1x2 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.col-1x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.3%; max-width: 33.3%;}
.col-2x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.6%; max-width: 66.6%;}

.col-1x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-3x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}

.col-1x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-2x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.col-3x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.col-4x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}

.col-1x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666%; flex: 0 0 16.6%; max-width: 16.6%;}
.col-5x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.3%; max-width: 83.3%;}

.col-1x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}
.col-3x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
.col-5x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}
.col-7x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}

.col-1x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%;}
.col-11x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666%; flex: 0 0 91.66666%; max-width: 91.66666%;}


/* Тэги */
html {min-height:100%; margin:0; padding:0; font-size: var(--base-font-size);}
body {position:relative; margin:0; padding:0; text-align:center; /* font-family: 'Raleway', sans-serif; */  font-family: 'Montserrat', sans-serif; font-weight:300;  font-size:1rem; color: var(--black-color); -webkit-text-size-adjust: 100%;  transition: 0.5s ease-out; -webkit-animation: fade-animation 1s both; animation: fade-animation 1s both}
body.fix { overflow:hidden;height: 100vh; }

form {padding:0; margin: 0;}
p {margin:0; padding: 0 0 0.5rem;}
a {text-decoration: none; cursor: pointer; color: var(--gold-color); opacity:1; }
a:hover {color:var(--gold-color);  }
b {font-weight:500;}
img,a img {border:0;}

h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:300;}
h1, h2 {font-size:1.8rem; }
h3 {font-size:2rem; }
h4 {font-size:1.5rem; }

iframe { border-width: 0px; }

input[type="text"], input[type="number"], input[type="password"], textarea, select {border:solid 1px var(--white-color); outline: 0 !important; font-family: 'Raleway', sans-serif;}

input[type="text"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="text"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="number"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
input[type="number"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important;}
textarea::-webkit-input-placeholder {color: var (--light-gray-color);}
textarea::-moz-placeholder {color: var (--light-gray-color);}

input[type="text"].errorinput { border:solid 1px var(--coral-color) !important; }
input[type="text"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--coral-color);}
input[type="text"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--coral-color);}
textarea.errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--coral-color);}
textarea.errorinput::-moz-placeholder {font-weight: 300; font-size:0.75rem; color: var(--coral-color);}

/* Модификаторы */
.a-left {text-align:left;}
.a-right {text-align:right;}
.a-center {text-align:center;}

/* Секции */
.wrapper {position:relative; width:100%;  padding:0;  margin:0; text-align:center; }
    .wrapper .wrap {position: relative; display:block; max-width:var(--max-data-width); margin:auto; padding: var(--wrap-data-padding); }

/* Шапка */
.wrapper.wr-top {position: relative; width: 100%; height:0; /*padding-top:35%;*/ text-align:center; z-index:3; }
.wr-page-top {padding-top:35% !important; }
	.wrapper.wr-top .wr-top-data {position: absolute; top:0; left:0; right:0; bottom:0;  z-index:4; }
		.wrapper.wr-main-top .wr-top-data .wrap { height:100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; justify-content: center; }
		.wrapper.wr-page-top .wr-top-data .wrap { height:100%; padding-top:0; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; justify-content: center; }


.wr-top-data .tl-form { position: absolute; left:0; bottom:0; width:calc(100% - 4rem);  padding:0 2rem; padding-top:2rem; text-align:left; background-color: var(--white-color); border-radius:1rem 1rem 0 0; 	}
  .wr-top-data .tl-form img { max-width:100%; }

.wrapper.wr-top .wr-top-data h1 { position:relative; padding-top:7rem; font-size:3.5rem; text-transform: uppercase; font-weight:400; color:var(--white-color); }
	.wrapper.wr-top .wr-top-data h1:before { content:""; position: absolute; display:inline-block; top:1rem; left:calc(50% - 5.75rem); width:15rem; height:4.7rem; background: var(--white-logo-bg); background-size: var(--bg-full-height); }
	.wrapper.wr-top .wr-top-data h1 span { display:block; padding:1rem; font-size:1.5rem; font-weight:400; opacity:0.6 }

.wr-page-top-bg { position: absolute; display:inline-block; top:0; left:0; width: 100%; height: 0; /*padding-bottom: 35%;*/ overflow: hidden; z-index: 4; }
.wr-page-top .wr-page-top-bg { padding-bottom: 35%; }
  .wr-page-top-bg:after {content:""; position: absolute; display:block; top:0; left:0; right:0; bottom:0; background-color: var(--black-bg-35); z-index:5;}
  .wr-page-top-bg img { position: absolute; height:unset; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; }

  .wrapper.wr-main-top { height:100vh;  /* padding-top:51.3% !important; */  }
    .wrapper.wr-main-top .wr-page-top-bg { height:100vh; /* padding-bottom:51.3% !important; */ }
    .wrapper.wr-main-top .wr-page-top-bg:after {content:""; position: absolute; display:block; top:0; left:0; right:0; bottom:0; background-color: var(--black-bg-50); z-index:5;}
    .wrapper.wr-main-top h1 { font-size: 3.5rem !important; padding-top: 10rem !important; }
    .wrapper.wr-main-top .tl-form { padding-bottom:1rem; }
    .wrapper.wr-main-top .wr-top-data h1:before { content: ""; position: absolute; display: inline-block; top: 0; left: 32.50% !important; width: 42% !important;  height: 0; padding-top: 14%; /* width: 15rem !important; height: 14rem !important; */ background: var(--white-logo-bg); background-size: var(--bg-full-height); opacity:0.75;}

.wr-title { position: relative; padding-bottom:2rem; text-align: left;  }
  .wr-title h2 { position: relative; padding-bottom:0.25rem; font-size:3.5rem; font-weight:400; color: var(--gold-color); }
  .wr-title h4 { position: relative; padding-left:4.5%; font-size:1.5rem; color: var(--gray-color); font-weight:300; }


/* Главное меню */
.wrapper.wr-top-line { position: fixed; top:0; left:0; width:100%; padding:1.2rem 0; font-family:'Oswald', sans-serif; background: linear-gradient(to bottom, var(--black-bg-85) 0%, var(--black-bg-35) 100%); z-index: 86; }
	.ready-logo { position: relative; width:90%}
		.ready-logo a { position: relative; display:inline-block; width:100%; height:0; padding-top:30%; background: var(--ready-logo-bg); background-size: var(--bg-full-width);}

  .top-menu-link, .top-menu-close a { display:none; }

	.top-menu { position: relative; text-align: left; margin-left:5%;}
		.top-menu ul { position: relative; padding:0; margin:0; }
			.top-menu ul li { position: relative; display:inline-block; padding:0; margin:0; list-style: none; }
				.top-menu ul li a { position: relative; display:inline-block; cursor:pointer;  padding:0 0.35rem; margin:0;  font-size:0.81rem; font-weight:400; color:var(--white-color); text-transform: uppercase; opacity: 0.75; }
					.top-menu ul li a.active {  color:var(--gold-color); }
					.top-menu ul li a:hover {  opacity: 1;}

	.top-feddback { position: relative; text-align: right; }
		.top-feddback span { position: relative;  margin-left:0.5rem; display: inline-block; display: -moz-inline-stack; vertical-align: text-top; zoom: 1; }
			.top-feddback span a { display: inline-block; cursor: pointer; color: var(--white-color); opacity: 0.75; }
				.top-feddback span.phone a { font-size:1.4rem; }
					.top-feddback span.phone a:hover { opacity:1; }
				.top-feddback span.booking a { padding:0.5rem 1rem; font-weight:500; font-size:0.8rem;  text-transform: uppercase; background-color: var(--white-bg-25); border-radius:0.5rem; }
					.top-feddback span.booking a:hover { background-color: var(--black-bg-75); color: var(--gold-color);; opacity:1;}


					.end-menu { position: relative; }
					.end-menu ul { position: relative; padding:0; margin:0; }
						.end-menu ul li { position: relative; display:inline-block; padding:0; margin:0; list-style: none; }
							.end-menu ul li a { position: relative; display:inline-block; cursor:pointer;  padding:0 0.5rem; margin:0;  font-size:1.1rem; font-weight:300; color:var(--white-color); text-transform: uppercase; opacity: 0.75; }
								.end-menu ul li a.active {  color: var(--white-color); }
								.end-menu ul li a:hover {  opacity: 1;}



/* Блоки страниц */
.wr-page { padding:2rem 0; }
 .wr-gray-bg, .wr-gray-bg .wrap { background-color: var(--thin-gray-color) !important; }

.wr-title { position: relative; padding-bottom:2rem; text-align: left;  }
	.wr-title h2 { position: relative; padding-bottom:0.25rem; font-size:3.2rem; font-weight:400; color:var(--gold-color); }
	.wr-title h4 { position: relative; padding-left:4.5%; font-size:1.5rem; color: var(--gray-color); font-weight:300; }

/* .wrapper.wr-with-title:after {content: ""; position:absolute; left:0; top:3.9rem;	width:50%; height:0.1rem; background-color: var(--gold-color);; z-index:4; } */
.wrapper.wr-with-title .wrap { background-color: var(--white-color);; z-index:5; }


.luciano-bg:before { content:""; display:none;  position: absolute; right:3%; top:-2rem; width:60%; height:0; padding-top:27%; background: var(--luciano-bg-icon); background-size: var(--bg-height-80); }
  .inner-page .luciano-bg:before { content:""; display:none; position: absolute; right:3%; top:-2rem; width:60%; height:0; padding-top:23.4%; background: var(--luciano-bg-icon); background-size: var(--bg-height-80); }
.luciano-w-bg:before { content:""; display:none; position: absolute; right:3%; top:-2rem; width:60%; height:0; padding-top:27%; background: var(--luciano-bg-w-icon); background-size: var(--bg-height-80); }

.wr-page-text { padding-bottom:2rem; }
  .service-page .wr-page-text, .obj-page .wr-page-text { padding-top:2rem; }
  .service-top-text  .wr-page-text { padding-top: 0 !important ; }
  .wr-page-text h3 { padding:1rem 0; color:var(--gold-color); }



/* Карусели на главной */
.main-apartments { padding-bottom: 1rem; }
.main-apartments-carousel { position: relative; z-index:5; }
  .carousel-item { position: relative; width:100%;  height:0; padding-top: 40%; border-radius:2rem;  overflow:hidden; }
  .carousel-item .carousel-item-data { position: absolute; top:0; left:0; right:0; bottom:0;  }
    .carousel-item .carousel-item-img { position: relative; height:0; padding-top: 40%; overflow:hidden; z-index: 4; }
      .carousel-item .carousel-item-img img { position: absolute; height:unset; width: 110%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease;   }
      .carousel-item:hover .carousel-item-img img {  width: 120%; margin-top:1.5%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease;   }
    .carousel-item .carousel-item-info { position: absolute; cursor:pointer;  top:0; left:0; bottom:0; width:45%; padding:5% 7.5%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; justify-content: flex-start;  background: linear-gradient(to right, rgba(48,48,48,0.8) 50%, rgba(48,48,48,0.01) 100%); z-index:5 }
      .carousel-item .carousel-item-info h4 { position: relative; padding-bottom:1rem; font-size:2.5rem; font-weight: 300;  text-align:left}
        .carousel-item .carousel-item-info h4 a { color:var(--white-color); }
        .carousel-item .carousel-item-info .carousel-item-desc { font-size:1rem; color:var(--light-gray-color); font-weight: 400; text-align: left; opacity: 0.9; }
    .carousel-item-links { position: relative; margin-top:2rem; text-align: left; }
      .carousel-item-links a { position: relative; margin-right:1rem; padding:0.75em 1.35rem;  border-radius:0.5rem; background-color: rgba(0,0,0,0.35);  display:inline-block; display: -moz-inline-stack;  vertical-align: text-top;		zoom: 1; }
        .carousel-item-links a span { position: relative; display:inline-block; padding-left: 1.5rem;  font-size:1.1rem; font-weight: 400;  }

  .carousel-item-navigation { position: absolute; left:1.5%; top:calc(50% - 1rem); width:56%; z-index: 8; }

  .carousel-menu { position: relative;  width:100%; padding-bottom: 1rem; text-align:center; z-index:6; }
  .inner-page .carousel-menu { padding-top:1rem; background-color: var(--thin-gray-op-color); border-radius: 1rem; }
  .inner-page .main-apartments-carousel .carousel-menu {padding-top:0; background-color:unset;}
    .carousel-menu a { position: relative; cursor:pointer; display: inline-block; padding: 0.3rem 1rem; font-size:1.1rem; font-weight:500; text-transform: uppercase; color:#333; opacity:0.6;  }
      .carousel-menu a:hover {  opacity:1 }
      .carousel-menu a:focus {  color:var(--gold-color); }
       .carousel-menu a:before { content:""; position: absolute; left:-0.1rem; top:calc(50% - 0.1rem); display: inline-block; width:0.2rem; height: 0.2rem; background-color: #666;  }
         .carousel-menu a:first-child:before { content:""; display: none;  }


/* Навигация каруселей */

  .owl-main-block .owl-nav { position: absolute; left: 1.5%; top: calc(50% - 1rem); width: 56%; z-index: 8; }
    .owl-main-block .owl-nav .owl-prev { position: relative; width: 3rem; height: 3rem; float:left; background: var(--owl-arrow-icon); background-size: var(--bg-height-60); }
    .owl-main-block .owl-nav .owl-next { position: relative; width: 3rem; height: 3rem; float:right; background: var(--owl-arrow-icon); background-size: var(--bg-height-60); transform: rotate(180deg); }


  .owl-gallery .owl-dots  { position:absolute; bottom:-2rem; left:1.5%; width:97%;  z-index:6; text-align:center; }
    .owl-gallery .owl-dots .owl-dot { position:relative; display:inline-block;  cursor:pointer; width:0.75rem; height:0.75rem; margin:0 0.3rem; border-radius:0.375rem; background-color: var(--gold-bg-75); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;  }
      .owl-gallery .owl-dots .owl-dot.active { width:2rem;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;  }



/* Список номеров на странице */
.apartmens-list { position:relative; padding-top:3rem; clear:both;   }

	.apartmens-list .apartmens-item { position:relative; margin-bottom:4.5rem; text-align: left;  }
		.apartmens-list .apartmens-data { position:relative; width:65%; overflow:hidden; z-index:5; }
			.apartmens-list .apartmens-data h3 { position:relative; width:65%; padding-left:7.5%; padding-bottom:1.5rem; padding-top:0.5rem; font-size:2.15rem; font-weight: 400; color:#444; }
			.apartmens-list .apartmens-data .apartmens-info { position: relative; padding:2.5rem 7.5%; padding-right:32.5%; width:60%; background-color: var(--thin-gray-color); border-radius: 20px; }
			.apartmens-list .apartmens-data .apartmens-info .apartmens-desc { text-align: justify; }

			.apartmens-list .apartmens-media  { position:absolute; top:0; right:0; width:50%;   z-index:6;}
				.apartmens-list .apartmens-media .apartmens-img  { position:relative; overflow: hidden; /* box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); */}
					.apartmens-list .apartmens-media .apartmens-img a  { position:relative; display:inline-block; width: 100%; height: 0; padding-bottom: 70%; border-radius: 20px; overflow: hidden; }
						.apartmens-list .apartmens-media .apartmens-img a img { position: absolute; height: unset; /*max-width: 100%;*/ height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease; }
						.apartmens-list .apartmens-item:hover .apartmens-media .apartmens-img a img { position: absolute; height: unset; height: 110%; margin-top:-2.5%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease; }
				.apartmens-list .apartmens-media .apartmens-links {position: relative; padding:1rem 0; text-align:right; padding-right:7.5%;   }
					.apartmens-list .apartmens-media .apartmens-links a { position: relative; display:inline-block; margin-left:1.5rem; font-size:1rem; font-weight:500; }
						.apartmens-list .apartmens-media .apartmens-links a span { position: relative; display:inline-block; padding-left:1.25rem; }


	.apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-data { margin-left:35%; }
		.apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-data h3 { width:65%; margin-left:20%; padding-right:7.5%; text-align:right; }
		.apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-data .apartmens-info { padding-left:32.5%; padding-right:7.5% }
	.apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-media  { right:unset; left:0; }
		.apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-media .apartmens-links {text-align:left; padding-left:7.5%;   }
			.apartmens-list:nth-child(2n+1) .apartmens-item .apartmens-media .apartmens-links a { margin-left:0; margin-right:1.5rem; }

	.apartmens-list:nth-child(2n+1) { background-color: var(--thin-gray-color); }
		.apartmens-list:nth-child(2n+1) .apartmens-data .apartmens-info { background-color: var(--white-color); }



	.apartmens-param { position: relative; padding:1rem 0; margin-right:10%; }
		.apartmens-param ul { position: relative; padding:0; margin:0; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:stretch; }
			.apartmens-param ul li { position: relative; padding:0; margin:0; list-style: none; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
				.apartmens-param ul li span { position: relative; display:inline-block; width:calc(95% - 1.65rem); padding:0.5rem 0; padding-left:1.65rem; margin-bottom:0.5rem;  margin-right: 5%; font-size:0.9rem; font-weight:400; opacity:0.5 }


  .apart-page  .carousel-menu { padding:0.5rem; }
  .carousel-menu .apartmens-param {  display:inline-block; padding:0; margin:0 5%;  }
    .carousel-menu .apartmens-param ul { display:inline-block; }
      .carousel-menu .apartmens-param ul li { position: relative; display:inline-block; padding:0; margin:0; list-style: none; text-align: left; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; max-width: unset; }
        .carousel-menu .apartmens-param ul li span { margin:0 1rem; font-size:1.2rem; white-space: nowrap; }

  .order-button a {position: relative; display:inline-block; cursor:pointer;  padding:0.75rem 1.5rem; font-size:1.25rem; font-weight:500; background-color: var(--white-bg-75); border-radius:0.5rem; border:dotted 1px var(--gold-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease; }
		.order-button a:hover, .order-button.action-button a, .apartmens-list .apartmens-item:hover .order-button a {background-color: var(--gold-color);  color: var(--white-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease; }

  .apart-page .apart-page-order, .obj-page .obj-page-download { position: absolute; top:0.75rem; right:0; }

  .apart-page .wr-title h2 {  width:75% }

  .apart-page .apart-items { padding:1rem 0; }
  .apart-page .apart-items h4 { position: relative; padding-top:2rem; padding-bottom:1rem; font-size:1.5rem;  }
  .apart-page .apart-items .apart-item { position: relative; padding:1rem 0; }
    .apart-page .apart-items .apart-item span {position:relative; display:inline-block; width:90%; height:0; padding-top:90%; background-color: var(--white-color); border-radius: 0.75rem; overflow:hidden; }
      .apart-page .apart-items .apart-item span img { position: absolute; height: unset; width:65%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity:0.8; }
    .apart-page .apart-items .apart-item h6 { padding:0 1rem; font-size:0.8rem; font-weight:500; text-align:left;  }


    .apartmens-list .proc-item .apartmens-data .apartmens-info .apartmens-desc { text-align:left; }
      .apartmens-list .proc-item .apartmens-data .apartmens-info .apartmens-desc table { margin-top:1rem; float:unset !important; }
        .apartmens-list .proc-item .apartmens-data .apartmens-info .apartmens-desc table tr td { padding:0.5rem 0; font-size:1.1rem; border-top:dashed 1px var(--gray-color) }
          .apartmens-list .proc-item .apartmens-data .apartmens-info .apartmens-desc table tr td:last-child { padding-left:0.5em; white-space: nowrap;  }
      .obj-page .apartmens-list .apartmens-data .apartmens-info .apartmens-desc table { margin-top:1rem; float:unset !important; }
        .obj-page .apartmens-list .apartmens-data .apartmens-info .apartmens-desc table tr td { padding:0.5rem 0; font-size:1.1rem; border-top:dashed 1px var(--gray-color) }

    .apartmens-list .proc-item .apartmens-media .apartmens-img a { padding-bottom: 55%; }
      .apartmens-list .proc-item .apartmens-media .apartmens-img a img { width:100%; height:unset; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease;  }
        .apartmens-list .apartmens-item.proc-item:hover .apartmens-media .apartmens-img a img { position: absolute; height: unset !important; width: 110% !important; margin-left:-2.5%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease; }


/* Вкладки с навигацией */
 .block-tabs { padding:2rem 0;  background-color: var(--thin-gray-color); }
   .block-tabs .wrap { text-align: left}

   .block-tabs .tab-menu { position: relative; padding:0 1rem; padding-bottom:1rem; text-align:center; }
     .block-tabs .tab-menu a { position: relative; display: inline-block; padding:0 0.75rem; font-size:1.5rem; }
     .block-tabs .tab-menu a.active { font-weight:800; }

   .block-tabs .tab-list h3 { padding:0.5rem; font-size:1.5rem; color:var(--gray-color) }
   .block-tabs .tab-list .tab-item { position: relative; padding:1rem 0;  display:none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease;  }
     .block-tabs .tab-list .tab-item.active { display: block;  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease; }

   .block-tabs .tab-list .tab-item table { margin-top:1rem; float:unset !important; }
     .block-tabs .tab-list .tab-item table tr td { padding:0.5rem 1rem; font-size:1.1rem; border-top:dashed 1px var(--gray-color) }
       .block-tabs .tab-list .tab-item table tr td:last-child { font-size:1.5rem; white-space: nowrap;  }




/* Внутренние страницы */
.page-text-block { position: relative; padding-bottom:1.5rem; text-align: left; }
  .page-text-block h4 { color:var(--gold-color); }

.page-top-pic { position:relative; display:inline-block; width:100%; height:0; padding-top:35%; margin-bottom:2rem; border-radius: 0.75rem; overflow:hidden; }
  .page-top-pic img { position: absolute; height: unset; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%);  }

.page-gallery { position: relative; padding-bottom:2rem;  }
  .page-gallery .gallery-item { position:relative; display:inline-block; width: 100%; height: 0; padding-bottom: 70%; border-radius: 20px; overflow: hidden; }
    .page-gallery img { position: absolute; height: unset; width:120% !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }

  .apart-page .page-gallery { top:-2rem;  }

.page-back-link { margin:2rem 0; }



.docs-gallery { position: relative; }
  .docs-gallery .gallery-item { position:relative; display:inline-block; width: 98%; height: 0; margin-bottom:0.5rem; padding-bottom: 140%; border-radius: 1rem; overflow: hidden; }
    .docs-gallery .gallery-item img { position: absolute; height: unset; width:100% !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }



/* Страница объекта инфраструктуры */
.obj-page .wr-page.wr-with-title { padding-bottom:0 !important }

  .obj-page .apartmens-list:nth-child(2n+1) { background-color: var(--white-color); }
  .obj-page .apartmens-list:nth-child(2n+1) .apartmens-data .apartmens-info { background-color: var(--thin-gray-color); }

  .obj-page .apartmens-list:nth-child(2n) { background-color: var(--thin-gray-color); }
  .obj-page .apartmens-list:nth-child(2n) .apartmens-data .apartmens-info { background-color: var(--white-color); }

  .obj-page .apartmens-list .apartmens-data h3 { font-size: 2rem }

  .obj-page .page-gallery { margin-bottom:2rem; }

  .obj-page .wr-page-text .page-text-block   h3 { padding-top:2rem; padding-bottom:1rem; text-transform: uppercase; color:var(--gold-color); font-weight: 300; }

  .obj-page .wr-files, .service-page .wr-files { padding-top:2rem; padding-bottom:1rem;  }
  .obj-page .wr-files .doc-item, .service-page .wr-files .doc-item { position: relative; padding-bottom:1rem; width:90%; margin:0 5%; }
    .obj-page .wr-files .doc-item.order-button a, .service-page .wr-files .doc-item.order-button a { width:calc(100% - 2rem); padding:0.75rem 1rem }


  .service-page .wr-with-title { padding-bottom:0 !important; }


/* Страница акции */
.action-page .wr-page-text { padding-top: 0.5rem !important; }


/* Отдельные страницы и блоки */
.block28  { font-size:1.25rem;  }
.block28 a { font-family:'Oswald', sans-serif; }
.block28 h3 { font-size:1.5rem; color:var(--gold-color); padding-bottom:1rem; font-family: 'Raleway', sans-serif;  }


/* Карта в контактах */
.map { position: relative; margin-top:1.5rem; border-radius: 1.25rem; overflow: hidden; }


/* Иконки */
span.icon-floor { background: url(../graph/icon-floors.png) left center no-repeat ; background-size: auto 50%;}
span.icon-area { background: url(../graph/icon-area.png) left center no-repeat ; background-size: auto 50%;}
span.icon-peoples { background: url(../graph/icon-peoples.png) left center no-repeat ; background-size: auto 50%; }
span.icon-view { background: url(../graph/icon-view.png) left center no-repeat ; background-size: auto 50%;}

span.icon-book { background: url(../graph/icon-book.png) left center no-repeat ; background-size: auto 75%;}
span.icon-more { background: url(../graph/icon-more.png) left center no-repeat ; background-size: auto 75%;}
span.icon-gallery { background: url(../graph/icon-gallery.png) left center no-repeat ; background-size: auto 75%;}


/* Стрелки слайдеров */
span.wite-arrow { position: relative; display: inline-block; width:3rem; height: 3rem; }
span.wite-arrow.arrow-right { float:right; background: url(../graph/icon-arrow-white.png) center center no-repeat; background-size: auto 60%; transform: rotate(180deg); }
span.wite-arrow.arrow-left { float:left; background: url(../graph/icon-arrow-white.png) center center no-repeat; background-size: auto 60%; }


/* Хлебные крошки */
.wrpage .krohi {position: relative; padding-top:1rem;  font-size:0.7rem; color:var(--dark-gray-color); text-align:left; }
  .wrpage .krohi span {display:inline-block; margin:0 0.25rem;}
  .wrpage .krohi a {color:var(--dark-gray-color)}
    .wrpage .krohi a:hover {color:var(--black-color)}
  .wrpage .krohi ul {position:relative; display:inline-block; margin:0; padding:0;}
    .wrpage .krohi ul li {position:relative; display:inline-block; margin:0; padding:0; padding-left:0.5rem; padding-right:0.25rem; }
      .wrpage .krohi ul li:before {content:">"; position: absolute; display:inline-block; left:0; top:0.1rem; margin:0; font-size:0.6rem;}
      .wrpage .krohi ul li:first-child {padding-left:0; }
      .wrpage .krohi ul li:first-child:before {content:""; display:none;}


/* Футер */
.wr-end-line  { padding:2rem 0; margin-top:2rem; text-align: left;  background-color: var(--brown-light-color); font-family:'Oswald', sans-serif; border-radius:1rem 1rem 0 0; }
.wr-end { padding:2rem 0;   background-color: var(--brown-dark-color); }
.wr-end .end-info { position:relative; padding-left:15%; font-size:0.7rem; line-height:1.3; color: var(--light-gray-color); text-align: left; }
  .wr-end .end-info span { display: block; }
.wr-end .end-cpr { position: relative; width:100%; font-size:0.65rem; text-align:right; }
  .wr-end .end-cpr a { display:inline-block; color: var(--white-color); opacity: 0.6; margin-bottom:0.25rem;}
  .wr-end .end-cpr .ready-logo { margin-left:10%; }
  .wr-end .end-cpr .ready-logo a {  background: var(--ready-logo-bg-r); background-size: var(--bg-full-width);}

.wr-end .rtv {position: relative; display:inline-block; vertical-align: text-top;  zoom: 1;  opacity: 0.75; }

 .wrend { position: relative;  }



.add-menu {
  position: relative;
  margin-top: 7px;
}
.add-menu ul {
  position: relative;
  padding: 0;
  margin: 0;
}
.add-menu ul li {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}
.add-menu ul li a {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 0.35rem;
  line-height:1;
  font-size: 0.65rem;
  font-weight: 300;
  border-left:solid 1px var(--gold-color);
  opacity: 0.75;
}
.add-menu ul li:first-child a {
  padding-left:0;
  border-left: unset;
}







/* Текст перед бронированием */
.booking-warning { padding:1rem 0; }



/* Видео */
.video { position: relative;  }
  .video .video-item { position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom:1rem; height: 0; overflow: hidden; border-radius:0.75rem; }
    .video .video-item iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Ссылки на соцсети
.social { position: relative; }
.social a.vk-icon { background:var(--vk-icon-bg); background-size:var(--bg-full-height); }
.social a.ok-icon { background:var(--ok-icon-bg); background-size:var(--bg-full-height); }
.social a.tg-icon { background:var(--tg-icon-bg); background-size:var(--bg-full-height); }
*/

/* Прокрутка в началу страницы */
.scrollup { position: fixed; cursor:pointer; display: none; bottom:5%; left:2.5%; width:3.5rem; height:3.5rem; background: var(--scroll-arrow-icon); background-size: var(--bg-height-50);  background-color: var(--gray-bg-50); border-radius: 50%; overflow:hidden; z-index:50; }
  .scrollup:hover { background-color: var(--gold-bg-75); }


/* Доп. стили FancyBox */
.fancybox-image { border-radius: 2rem; }


/* Прогрессбар */
.loading { position:relative; width:100%; text-align:center; }
.loading img { width:unset !important; }

/* Прочее */
.hidden {display:none;}
.link { cursor: pointer; }

