* {box-sizing: content-box;}
.container {width:100% !important; padding:0px;}
/* СТИЛИ ******************************************************************** */
#planirovka h1 {font-family:Arial; text-transform:uppercase; text-shadow:#0f120f 1px 1px 0, #1b1f1b 2px 2px 0, #333834 3px 3px 0, #59605b 4px 4px 0;}
#planirovka h2 {font-family:Arial; color:#7f7150; margin-top:60px; margin-bottom:40px; text-transform:capitalize;}
#planirovka h3 {}
#planirovka h4 {font-family:Arial}
#planirovka h5 {font-family:Arial; font-size:22px; text-shadow:#0f120f 1px 1px 0, #1b1f1b 2px 2px 0, #333834 3px 3px 0, #59605b 4px 4px 0;}
#planirovka img {}
#planirovka a {font-family:Arial; color:#1b1b1b; font-size:16px;}
#planirovka a:hover {text-decoration:none;}
#planirovka p {line-height:1.7; text-align:justify}
#planirovka.full_width {width:100%}
#planirovka .hidden {display: none;}

/* КАРКАС ******************************************************************* */


#planirovka * {box-sizing: border-box; color: #0f120f;}
			
.plan {padding-bottom: 80px; background:#FFF; margin-bottom: 65px}
.plan .plan_title {float:left}
.plan svg polygon {cursor:pointer}
.plan .tab-content, .tabs2 .tab-content {padding: 0px !important;}
.plan .tab-pane {}
.plan .tab-pane .scheme_container {overflow: hidden; position: relative;  height: 470px; /*height: 260px; */  border: 2px solid orange; border-width: 0px 2px 2px 2px; padding-top: 10px; padding-bottom: 10px;}
.plan .tab-pane .scheme_container .zoomer {position: absolute; right: 10px; top: 10px; background: #fff; z-index: 1; border: 1px solid grey;}
.plan .tab-pane .scheme_container .zoomer .control {font-size: 24px; display: block; content: ""; width: 30px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; border-bottom: 1px solid grey; box-sizing: border-box;}
.plan .tab-pane .scheme_container .zoomer .control + .control {border-bottom: 0;}
.plan .tab-pane .scheme_container .zoomer .control.plus {content: '+';}
.plan .tab-pane .scheme_container .zoomer .control.minus {content: '-';}
.plan .tab-pane .scheme_container .zoomer .control:hover {cursor: pointer;}
.plan .tab-pane .scheme_container .scheme {background-repeat: no-repeat; background-position:left top;}
.plan .scheme .rooms {width:1080px; height:470px;}

.room_info.modal .modal-content {background:#FFF; width:740px; min-height:230px; border:0px;
	text-align:left; border-radius:0px; padding:0;}
.room_info ul {float:left; width:480px; height:auto; padding:0; margin:0; list-style:none}
.room_info .img {float: left; margin: 0 15px 30px 0; max-width: 200px;}
.room_info .img img {max-width: 100%;}
.room_info .slick-prev {left:390px; top:370px; z-index:100; padding:30px 40px;
	background:url(../images/left_apart.png) no-repeat center center; background-color:#7f7150}
.room_info .slick-prev:hover {background-color:#736749}
.room_info .slick-next {left:390px; top:430px; z-index:100; padding:30px 40px;
	background:url(../images/right_apart.png) no-repeat center center; background-color:#7f7150}
.room_info .slick-next:hover {background-color:#736749}
.room_info .modal-dialog {width:740px;}
.room_info_box {width:480px; padding:0px 0 0; float:left}
.room_info .close {display:block; position:absolute; top:24px; right:0px; padding:5px 10px 0; margin:0px;
	background:#7F7150; color:#E5E2DA; opacity:1; z-index:1000}
.room_info_line {border-top:1px solid #CECBC4; height:30px; margin:30px 0 0 0}
.room_info_caption {color:#7F7150; font-size:30px; text-transform: uppercase}
.room_info_similar div {color:#7F7150;  text-transform: uppercase}
.room_info_text {color:#7F7150; border-top:1px solid #CECBC4; padding:10px 0 0; margin:0px 0 0; font-size:12px}
.room_info_text img {max-width: 100%;}
.room_info_param {clear:both; padding:5px 0 0}
.room_info_param span {display:block; float:left; width:150px; text-transform:uppercase; color:#867959; font-size:15px}

.landing {padding-bottom: 60px}


.tabs2 .tab-content {clear:both; padding:30px 0 0}

.tabs2 ul.nav-tabs {  display: inline-block;  margin: 0;  position: relative;  }
.tabs2 label {text-transform: uppercase;}
.tabs2 label + ul.nav-tabs {margin-left: 10px; margin-bottom: 10px; /*top: 14px;*/ display: inline-block;}
.tabs2 ul.nav-tabs li {display: block; float: none;}
.tabs2 ul.nav-tabs li a {display: inline-block;}
.tabs2 ul.nav-tabs {border: none;}
.tabs2 ul.nav-tabs > li.active > a, .tabs2 ul.nav-tabs > li.active > a:hover, .tabs2 ul.nav-tabs > li.active > a:focus {border: none;}
/*.tabs2 ul.nav-tabs li a { border-width: 0; background: rgba(0, 0, 0, 0) url("../images/btn-floor.png") no-repeat scroll center top;  color: #606060;  padding: 7px 13px;  text-decoration: none;}
.tabs2 ul.nav-tabs li a:hover{ border-width: 0; color: black;}
.tabs2 ul.nav-tabs li.active a { background-position: center -40px; color: white;}*/
.tabs2 ul.nav-tabs li a { border-width: 0; background: #fff none no-repeat scroll center top;  color: #606060;  padding: 7px 13px;  text-decoration: none; border-radius: 2px;}
.tabs2 ul.nav-tabs li a:hover{ border-width: 0; color: black;}
.tabs2 ul.nav-tabs li.active a { background-color: #ef7f1b; color: white;}

.info h2 {float:left}
.info h4 {color:#85724D}
.info p {font-size:13px}


.modal-dialog {margin-top:80px; width:400px;}
.modal-content {text-align:center; padding:40px}
.close {margin-top:-30px; margin-right:-20px;}



#slider2 .slick-prev {top:77.4%; left:90.8%; z-index:100; padding:45px 48px;
						background:url(../images/left_apart.png) no-repeat center center; background-color:#7f7150}
#slider2 .slick-prev:hover {background-color:#736749}
#slider2 .slick-next {top:92.5%; left:90.8%; z-index:100; padding:45px 48px;
						background:url(../images/right_apart.png) no-repeat center center; background-color:#7f7150}
#slider2 .slick-next:hover {background-color:#736749}

.carousel-inner>.item>img {width:100%}

#planirovka img {width:100%}


.icon {        display: inline-block;        width: 1em;        height: 1em;        stroke-width: 0;        stroke: currentColor;        fill: currentColor;}    
.junks_items {display: block; list-style: none; /*margin-left: 30px;*/ text-align: center; border: 2px solid orange; padding-top: 10px; padding-bottom: 10px; margin: 0px 0 0 0;}
.junks_items li {display: inline-block; margin-right: 15px;}
.junks_items li img {height: 16px !important; width: 16px !important; display: inline-block; padding: 0;}
.junks_items li:hover {cursor: pointer;}
.junks_items li:last-child {margin-right: 0;}

.room_hint {width: 120px; border: 2px solid red; background: #fff; z-index: 99; display: none; margin-bottom: 20px; position: absolute;}
.room_hint .img {height: 90px; line-height: 90px; vertical-align: middle; text-align: center;}
.room_hint .img img {max-width: 100%; max-height: 100%; line-height: 90px;}
.room_hint .name {background: red; color: #fff; font-size: 16px; padding: 5px; text-align: center; position: relative; }
.room_hint .name::before {  border-color: red transparent transparent;  border-style: solid;  border-width: 14px;  bottom: -30px;  content: "";  display: block;  left: 50%;  margin-left: -14px;  position: absolute;}

.scheme_categories {/*padding: 30px 0;*/}
.scheme_categories {  background: gainsboro none repeat scroll 0 0;  position: relative;  z-index: 10; border: 2px solid orange; border-width: 2px 2px 2px 2px; padding-top: 10px; padding-bottom: 10px;}
.scheme_categories .list {box-sizing: border-box; padding: 0 5px; margin-bottom: 10px;}
@media screen and (max-width: 768px) {
    .scheme_categories .list {width: 100%; float: none;}	.room_info .modal-dialog {width:95%;}	.room_info.modal .modal-content {width:100%;}	.room_info_box {width:100%;}
    /*.scheme_categories .list:first-child {padding-left: 0; padding-right: 0px;}
    .scheme_categories .list:nth-child(6n+6) {padding-left: 0px; padding-right: 0px;}
    .scheme_categories .list:nth-child(7n+7) {clear: left;}*/
} 
.scheme_categories .list .category_name {border-radius: 2px; padding: 5px; text-transform: uppercase; font-weight: bold; text-align: center; cursor: pointer;}
.scheme_categories .list ul {list-style: none; padding: 10px 10px 10px 10px; display: none;}