.sticky-wrapper.white-nav .lang {display: inline-block!important;}

@font-face {
    font-family: Roboto; /* Имя шрифта */
    src: url(/code/fonts/roboto.ttf); /* Путь к файлу со шрифтом */
   }
@font-face {
	font-family:"RexBold";
	src:url("/code/fonts/Rex_Bold.eot") format("eot"),
	url("/code/fonts/Rex_Bold.woff") format("woff"),
	url("/code/fonts/Rex_Bold.ttf") format("truetype"),
	url("/code/fonts/Rex_Bold.svg#RexBold") format("svg");
	font-weight:normal;font-style:normal;
}

@font-face {
    font-family: "RexBold2";
    src: url("/code/fonts/RexBold/RexBold.eot");
    src: url("/code/fonts/RexBold/RexBold.eot?#iefix")format("embedded-opentype"),
    url("/code/fonts/RexBold/RexBold.woff") format("woff"),
    url("/code/fonts/RexBold/RexBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html {
    -webkit-text-size-adjust: none;
}

body {

}
.container {
	width:1100px;
}
.container-small {
	width:1000px;
	margin:0 auto;
}


.text_line {
    height:1px;
    background: url(/code/img/text_line.jpg) repeat-x;
    padding:0 30px;
    width:400px;
    margin:0 auto;
}
.text_line .online_text {
    position:absolute;
    background:white;
    font-family:"RexBold2"!important;
	color:black;
	font-size: 30px;
	margin-top:-32px!important;
	padding:10px;
	margin-left:30px;
	
}



header {
	background:white;
	height:162px;
	padding:45px 0;
	font-size: 18px;
	color:#4e4e4e;
	font-family: "Comic Sans MS", cursive, sans-serif;
}

#logo {
	margin-top:-20px;
}

.promo {
	height:662px;
	background: url(../img/promo.gif) 50% 50% no-repeat;
}

#block1, #block2, #block3, #block4 {
	margin-right:58px;
}

.white-nav #block1, .white-nav #block2, .white-nav #block3, .white-nav #block4, .white-nav #block5 {
	margin-right:38px;
}

.promo .blocks {
	margin-top:60px;
}
.promo .blocks {display:block;}
.promo .blocks img {width:130px;}
.promo .black {
	
	background:rgba(0,0,0,0.5);
	color:white;
	margin-top:24px;
	padding: 10px;
	font-family: "Comic Sans MS", cursive, sans-serif;
}
.promo .black p {
	font-size:36px;
}
.promo .black span {
	font-size:45px!important;
}

.vvod {font-family: "Comic Sans MS", cursive, sans-serif;}
.modal {font-family: "Comic Sans MS", cursive, sans-serif;}
.kak-dobr .some_text p {font-family: "Comic Sans MS", cursive, sans-serif!important;}

.rooms {
	padding-top: 70px;
	height: 1112px;
	background: url(../img/rooms_bg.jpg) 100% 100%;

}

.pay {
	width: 558px;
	height: 59px;
	background:url(../img/pay.png);
	margin: 0 auto;
	margin-top: 50px;
}

.room {
	width: 337px;
	height: 337px;
	background-size:cover;
	padding-top: 90px;
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.room:nth-child(3) {
	margin-right:0px;
}

.caption {
	height:85px;
	width: 290px;
	border-top: 4px solid white;
	border-bottom:5px solid white;
	background: rgba(26,38,51,0.75);
	padding-left: 30px;
}

.caption:after {
	content:"";
	position: absolute;
	margin-left:260px;
	height:85px;
	width: 27px;
	margin-top: -76px;
	background: url(../img/arrow.png);
}

.caption.caption_big:after {
	content:"";
	position: absolute;
	margin-left:260px;
	height:118px;
	width: 27px;
	margin-top: -106px;
	background: url(../img/arrow2.png) no-repeat;
	background-size:cover;
}

.mans {
	height: 94px;
	margin-bottom: 30px;
}

.caption .name {
	font-family:"RexBold";
	color:white;
	font-size: 30px;
}


.caption .price {
	font-family:"RexBold";
	color:#ff6b68;
	font-size: 30px;
	margin-top: 5px;
}

.caption .man_row img {
	margin-top:-15px;
}

.vip {
	width: 102px;
	height: 49px;
	background: rgba(26,38,51,0.75);
	font-family:"RexBold";
	color:white;
	font-size: 30px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	margin-top: -50px;
}

.overlay {

	width: 265px;
	height: 54px;
	margin:0 auto;
	margin-top:-90px;

}

.pluses {
	padding-top:50px;
	height: 883px;
	background: url(../img/pluses_bg.jpg) left;
}

.plus {
	width: 260px;
	height: 260px;
	
	font-family: Roboto;
	float:left;
	padding: 10px;
}
.plus p {font-size:12px;}

.plus h2 {font-size:20px;}

.services {
	height: 1393px;
	background: url(../img/services_bg.jpg) right;
	
}

.services .cards img {
	box-shadow: 0px 2px 10px rgba(0,0,0,0.15)
}

.pink_service {
	font-size: 24px;
	color:#f34848;
	font-family: "Comic Sans MS", cursive, sans-serif;
	margin: 30px 0;	
	text-align:center;
}
.blue_service {
	font-size: 24px;
	color:#313c76;
	font-family: "Comic Sans MS", cursive, sans-serif;
	text-align:center;

}

.near {
	padding-top: 30px;
	height: 849px;
	/*background: url(../img/near_bg.jpg) left;*/
	background: url(../img/near_bg.png) left;
}

.near .nav-tabs a {
	font-family: "Comic Sans MS", cursive, sans-serif;
	color:black;
	text-decoration: none;
	padding: 13Px!important;
}

.near .tab-content img {
}

.near_image {
width: 65%;
float:left;
}

.near_icons {
	width:5%;
	height:100px;
	float:left;
}

.near_icons div {
	height:45px;
	background: url(../img/london_marker.png) no-repeat;
	margin-bottom: 1px;
}

.near_icons div:nth-child(2){
	height:66px;
	line-height: 66px;
}
.near_nav {
width: 30%;
float:left;
padding-left: 40px;

}

.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
  
  
}
.tabs-left {

}
.tabs-right {

}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
	border:none;
background-color: #f2f2f2!important;
  border-right-color: transparent;
}
.tabs-left>li.active img {
	position:absolute;
	z-index:9;
	margin-left: 100%;
	margin-top:-35px;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
	border:none;
	background: transparent!important;
  border-left-color: transparent;
}
.tabs-left>li>a {
  margin-right: 0;
  display:block;
  border:none;
  
}
.tabs-right>li>a {

  margin-right: 0;
}



.slider {
	padding: 70px 0;
	height:320px;
	background: url(../img/slider_bg.jpg) center;
}

.owl-theme .owl-controls .owl-page span {
    background:white!important;
}

.reviews_cloud {
	width: 300px;
	height: 186px;
	background: url(../img/reviews_cloud.png);
	font-family: "Comic Sans MS", cursive, sans-serif;
	padding: 15px;
	padding-left: 30px;
	font-size: 14px;
	background-size:cover;
}

.slider .carousel-control {
	background: none!important;
	opacity:1;
	margin-top: 50px;
}

.slider .carousel-control.left {
	margin-left: -100px;
}
.slider .carousel-control.right {
	margin-right: -100px;
}

.map {
	height: 526px;
}

.map .form {
	position:absolute;
	margin-top: -486px;
	margin-left: 60%;
	width:320px;
	height: 423px;
	background: url(../img/form_bg.png);
	padding:30px;
	padding-top:75px;

}

#form_caption {
    position:absolute;
	margin-top: -286px;
	margin-left: 10%;
	padding:30px;
	background: rgba(0,0,0,0.4);
	font-size:20px;
	color:white;
	font-family: "Comic Sans MS", cursive, sans-serif;
}

.map .form input {
	width: 212px;
	height: 50px;
	margin-bottom: 11px;
	border:none;
	padding-left: 20px;
	line-height: 50px;
	background:none;
}

.map .form input:focus {outline:none;}

input::-webkit-calendar-picker-indicator{
    display: none;
}


.img_cont {
	background-size:cover;
	width:450px;
	height:640px;
}

.modal-dialog{
	width: 915px;
	/*height: 626px;*/
	    padding: 20px;
	background:url(../img/modal_bg.jpg);
}

.modal_input {
	width: 243px;
	height: 52px;
	border:none;
	background: url(../img/modal_input.png);
	padding: 0 20px;
	margin-bottom: 15px;
}
.modal_date {
	width: 243px;
	height: 52px;
	border:none;
	margin-bottom: 10px;
	background: url(../img/modal_date_input.png);
	padding: 0 20px;
}

.modal_input:focus, .modal_date:focus, .modal_textarea:focus {outline:none;}

.modal_calend {
	width:243px;
	height:202px;
	background: url(../img/modal_calend_bg.png);
	float:left;
	padding:15px;
	font-family: font-family: "Comic Sans MS", cursive, sans-serif;;
	font-size: 14px;

}
.modal_calend:nth-child(1) {
	margin-right:62px;
}


.modal_calend td a {
	padding:5px;
}
.modal_calend table th {
	color:#6e6e6e;
}
.modal_days td {
	color:#323d76;
	padding:10px 5px;
}

.modal_calend td strong {
	color:white;
	/*padding: 3px;*/
	background: #d46266;
	border-radius: 3px;
}
.modal_calend a {cursor:pointer;color:black;}



#popoverExampleTwoHiddenContent a {
	color:red!important;
	text-decoration: underline;
}

.modal_textarea {
	width: 243px;
	height: 135px;
	border:none;
	padding: 20px;
	background:url(../img/modal_textarea.png);
}

.close {
	opacity: 1;
	margin-top:-10px;
	margin-right:-10px;
}

.close:hover {
	opacity: 1;
}

.highlight {
	background:#323d76!important;
	border-radius: 3px;

}

.highlight a {
	color:white!important;
}


.modal_calend .carousel-control {
	background: none!important;
	opacity:1;
	margin-top: -5px;
	color:gray;
	height:36px;
}

.modal_calend .carousel-control.left {
	
}
.modal_calend .carousel-control.right {
	
}

.modal_calend table {
	position: relative;
	z-index:99;
}

.modal_submit {
    color:transparent;
    width:241px;
    height:50px;
    background: url("/code/img/bron_btn.png");
    border:none;
}

.modal_price {
	font-family:"RexBold";
	color:#ff6b68;
	font-size: 30px;
	margin:10px auto;

	
}

#map_btn {
    color:transparent;
    width:259px;
    height:50px;
    background: url(/code/img/form_btn.png);
    border:0;
}

.white-nav {margin-bottom:30px;}
.white-nav .blocks #inner_cont {position:relative;width:1100px!important;margin:0 auto;}
.white-nav .blocks {background:white;margin-top:0;position:absolute;width:100%!important;left:0;padding:20px 0; z-index:10;}
.white-nav .row{margin:0!important;}
.white-nav .blocks img {
    width:90px;
}
.white-nav #block6 {
    display:block;
    float: left;
    margin-right: 60px;
}
.white-nav #inner_cont:after {
    content:"";
    display:block;
    width:130px;
    height:110px;
    float:right;
    background:url(/code/img/logo_white.png) 100% 100%;
    background-size:cover;
    margin-right:26px;
}


.plus {font-family: "Comic Sans MS", cursive, sans-serif;font-weight:normal!important;}
.plus a:focus {outline:none!important;}
#myModal6 .modal-dialog {height:auto!important;}

@media all and (max-width:1800px) {
    
    .white-nav .blocks img {width:90px!important;}
    .white-nav #block6 {display:block!important;float:left!important;}
}

@media all and (max-width:1200px) {
    html {overflow-x:hidden;}
    body {overflow:hidden;}
    .near {height:949px!important;}
    .carousel-inner {width:90%!important;}
    .img_cont {height:740px!important;}
    .blocks img {width:130px!important;}
    .white-nav .blocks img {width:90px!important;}
    .white-nav #block6 {display:block!important;float:left!important;margin-left:20px;}
}

@media all and (max-width:1100px) {
    .blocks img {
        width:150px!important;
    }
    header .right {padding-right:50px!important;}
}

@media all and (max-width:1080px) {
    .reviews_cloud {
        width: 100%!important;
        height: 156px!important;
        padding-left: 60px!important;
    }   
    .slider .item .col-xs-4 {
        text-align:center;
    }
}

@media all and (max-width:1129px) {
    .blocks {
        text-align: center!important;
    }
    .blocks img {
        width:150px!important;
    }
    header .right {
    
    }
}

@media all and (max-width:1070px) {
    .container {width:1070px!important;}
    .blocks {
        text-align: center!important;
    }
    .blocks img {
        width:130px!important;
    }
    .rooms .room:first-child{
        margin-left: 169px!important;
    }
    .rooms .room:nth-child(3){
        margin-left: 169px!important;
        margin-right:20px;
        
    }
    .rooms .room:nth-child(4){
        margin-left: 0px!important;
    }
    .rooms .room:nth-child(5){
        margin-left: 169px!important;
    }
    .rooms {
        height: 1512px!important;
        background-size:cover!important;
    }
    .white-nav #inner_cont:after {margin-right:86px!important;}
  
}

@media all and (max-width:1024px) {
    .container {width:1000px!important;}
    .blocks img {
        width:100px!important;
    }
   .white-nav #block6 {display:block!important;;margin-right:0px!important;margin-left:20px;}
    .plus {
            width: 200px!important;
    height: 200px!important;
    font-size: 12px!important;
    }
    .plus h3, .plus h2 {font-size:18px!important;}
    .pluses {
        padding-left: 60px!important;
    }
    .services .col-xs-3 img {
        width:200px;
    }
    .near .nav-tabs a {padding:10px!important;}
}

@media all and (max-width:800px) {
    .container {width:800px!important;}
    .promo .black span {font-size:50px!important;}
  .promo .black p {font-size:34px!important;}
  .rooms .room:first-child {margin-left:50px!important;}
  .rooms .room:nth-child(3){
        margin-left: 50px!important;
        
    }
    .rooms .room:nth-child(5){
        margin-left: 50px!important;
    }
    .near, .slider {display:none!important;}
    .services {height: 2593px!important;}
    header {font-size:14px!important;}
    .white-nav #inner_cont img {width:80px!important;}
    .white-nav .blocks #inner_cont{width:800px!important; margin:auto!important;}
  .white-nav .blocks {width:auto!important;}
  .white-nav #inner_cont:after {display:none!important;}
  .cards img {margin-bottom:40px;}
}


@media all and (max-width:768px) {
    .container {width:768px!important;}
    .promo .black span {font-size:50px!important;}
  .promo .black p {font-size:34px!important;}
  .rooms .room:first-child {margin-left:20px!important;}
  .rooms .room:nth-child(3){
        margin-left: 20px!important;
        
    }
    .rooms .room:nth-child(5){
        margin-left: 20px!important;
    }
    .near, .slider {display:none!important;}
    .services {height: 2593px!important;}
    header {font-size:14px!important;}
    .white-nav #inner_cont img {width:80px!important;}
    .white-nav .blocks #inner_cont{width:800px!important; margin:auto!important;}
  .white-nav .blocks {width:auto!important;}
  .white-nav #inner_cont:after {display:none!important;}
  .cards img {margin-bottom:40px;}
}









/* Вертикальная */
@media only screen 
  and (max-device-width: 600px) {
      .container {
      width:600px!important;
  }
  header {height:320px;}
  .left, .right {font-size:14px;text-align:center;}
  .left {padding-top:20px;}
  header .right {
    padding-right: 20px!important;
}
  #block1, #block2, #block3, #block4  {margin-right:auto!important;}
  #block1 img, #block2 img, #block3 img, #block4 img {margin-bottom:5px!important;}
  .white-nav #inner_cont img {width:80px!important;margin-bottom: 0px!important;}
  .white-nav .blocks #inner_cont{width:600px!important; margin:auto!important;}
  .white-nav .blocks {width:auto!important;}
  .white-nav #inner_cont:after {display:none!important;}
  .promo .black span {font-size:34px!important;}
  .promo .black p {font-size:20px!important;}
  .rooms {background: url(../img/rooms_bg.jpg) repeat-y!important;height:2112px!important;}
  .room {
 
      width:290px!important;
  }
  .rooms .room:first-child{
        margin-left: 140px!important;
    }
    .rooms .room:nth-child(3), .rooms .room:nth-child(2){
        margin-left: 140px!important;
        margin-right:0px;
        
    }
    .rooms .room:nth-child(4){
        margin-left: 140px!important;
    }
    .rooms .room:nth-child(5){
        margin-left: 140px!important;
    }
    .caption {
            width: 250px!important;
    }
    .caption:after {
                margin-left: 220px!important;
    }
    
    .caption_big {
            width: 270px!important;
    }
    .caption_big:after {
                margin-left: 240px!important;
    }
    .services {
        height: 4360px!important;
        background: url(../img/services_bg.jpg) !important;
        
    }
    .pluses {    height: 1350px!important;background: url(../img/pluses_bg.jpg) right !important;}
    .cards img {margin-bottom:10px;}
   
    .form {
        margin-top:0!important;
        margin-left:0!important;
    }
    .map {height:auto!important;}
    .pay {
            width: 300px!important;
    height: 32px!important;
    background-size: 300px!important;
    }
    .blue_service, .pink_service {text-align:center;}
    .map .form {
        position:relative!important;
        margin:0 auto!important;
        
        
    }
    .map {
        background:#323D76!important;
        height:500px!important;
    }
    .plus p {font-size:10px!important;}
}





/* Вертикальная */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      .container {
      width:100%!important;
  }
  #block6 {float:none!important;}
  .white-nav #block6{display:none!important;}
  header {height:320px;}
  .left, .right {font-size:14px;}
  .left {padding-top:20px;}
  #block1, #block2, #block3, #block4  {margin-right:auto!important;}
  #block1 img, #block2 img, #block3 img, #block4 img {margin-bottom:5px!important;}
  .white-nav #inner_cont img {width:50px!important;margin-bottom: 0px!important;}
  .white-nav .blocks #inner_cont{width:100%!important; margin:auto!important;}
  .white-nav .blocks {width:auto!important;}
  .white-nav #inner_cont:after {display:none!important;}
  .promo .black span {font-size:34px!important;}
  .promo .black p {font-size:20px!important;}
  .rooms {background: url(../img/rooms_bg.jpg) repeat-y!important;height:2112px!important;}
  .room {
      margin-left:0!important;
      width:290px!important;
  }
  .rooms .room:first-child{
        margin-left: 0px!important;
    }
    .rooms .room:nth-child(3), .rooms .room:nth-child(2){
        margin-left: 0px!important;
        margin-right:0px;
        
    }
    .rooms .room:nth-child(4){
        margin-left: 0px!important;
    }
    .rooms .room:nth-child(5){
        margin-left: 0px!important;
    }
    .caption {
            width: 250px!important;
    }
    .caption:after {
                margin-left: 220px!important;
    }
    
    .caption_big {
            width: 270px!important;
    }
    .caption_big:after {
                margin-left: 240px!important;
    }
    .services {
        height: 4360px!important;
        background: url(../img/services_bg.jpg) !important;
        
    }
    .pluses {    height: 2550px!important;background: url(../img/pluses_bg.jpg) right !important;}
    .cards img {margin-bottom:10px;}
   
    .form {
        margin-top:0!important;
        margin-left:0!important;
    }
    .map {height:auto!important;}
    .pay {
            width: 300px!important;
    height: 32px!important;
    background-size: 300px!important;
    }
    
    .white-nav #block5 {
    margin-right: 8px!important;
    }
}