@font-face {
    font-family: 'pf_square_sans_proregular';
    src: url('pfsquaresanspro-regular-webfont.eot');
    src: url('pfsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfsquaresanspro-regular-webfont.woff2') format('woff2'),
         url('pfsquaresanspro-regular-webfont.woff') format('woff'),
         url('pfsquaresanspro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pf_square_sans_probold';
    src: url('pfsquaresanspro-bold-webfont.eot');
    src: url('pfsquaresanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('pfsquaresanspro-bold-webfont.woff2') format('woff2'),
         url('pfsquaresanspro-bold-webfont.woff') format('woff'),
         url('pfsquaresanspro-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.font_square { font-family: 'pf_square_sans_proregular';}
.font_impact { font-family: 'impact';}

html {margin:0;padding:0; }
body {
	
	-webkit-text-size-adjust: 90%;
	color: #131313;
	font-size: 17px; 
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	background-color: #d0d0d0;
}
#body, header, footer {width: 1020px; margin: 0 auto;}
.wrapper {
    margin: 0 auto;
    position: relative;
	/*padding: 0 10px;*/
	max-width: 1000px;
	width: 100%;
	box-sizing: border-box;
}	 

/*--------Adaptive-------*/
.row-fluid:before,
.row-fluid:after { display: table; line-height: 0; content: "";}
.row-fluid:after { clear: both;}
.row-fluid [class*="span"] {
	margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.span12  {width: 100%; *width: 99.94680851063829%;display: inline-block; vertical-align: top;}
.span11  {width: 91.48936170212765%;*width: 91.43617021276594%;display: inline-block;vertical-align: top;}
.span10  {width: 82.97872340425532%;*width: 82.92553191489361%;display: inline-block;vertical-align: top;}
.span9  {width: 74.46808510638297%;*width: 74.41489361702126%;display: inline-block;vertical-align: top;}
.span8  {width: 65.95744680851064%;*width: 65.90425531914893%;display: inline-block;vertical-align: top;}
.span7  {width: 57.44680851063829%;*width: 57.39361702127659%;display: inline-block;vertical-align: top;}
.span6  {width: 48.93617021276595%;*width: 48.88297872340425%;display: inline-block;vertical-align: top;}
.span5  {width: 40.42553191489362%;*width: 40.37234042553192%;display: inline-block;vertical-align: top;}
.span4  {width: 31.914893617021278%;*width: 31.861702127659576%;display: inline-block;vertical-align: top;}
.span3  {width: 23.404255319148934%;*width: 23.351063829787233%;display: inline-block;vertical-align: top;}
.span2  {width: 14.893617021276595%;*width: 14.840425531914894%;display: inline-block;vertical-align: top;}
.span1  {width: 6.382978723404255%;*width: 6.329787234042553%;display: inline-block;vertical-align: top;}

.row-fluid .span12 { width: 100%; *width: 99.94680851063829%;}
.row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%;}
.row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%;}
.row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%;}
.row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%;}
.row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%;}
.row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%;}
.row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%;}
.row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%;}
.row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%;}
.row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%;}
.row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%;}


.floatleft {float: left;}
.floatright {float: right;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}
.alignleft{text-align: left;}
.b {font-weight: bold;}
.i {font-style: italic;}
.absolute {position: absolute;}
.relative {position: relative;}
.radius {-webkit-border-radius: 4px;	-moz-border-radius: 4px;border-radius: 4px;}
.radius50 { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.semiopacity { opacity: 0.7; -moz-opacity: 0.7; }
.nowrap {white-space: nowrap;}
.overflow { overflow: hidden;}

.absolute { position: absolute;}
.relative { position: relative;}

.block {display: block !important;}
.none {display: none !important;}
.inline-block {display: inline-block !important;}

		/*-----NewMark Logo-------*/
.create {width:120px;height:30px;bottom: -7px; right: 20px;}
.create a { font-size: 14px !important; color: #707070 !important;}
.create img { position: relative; left: 3px;}

		/*------????????? ? ????? ??????-----*/
h1, .h1 { line-height: 1.2; font-weight: bold; font-family: 'pf_square_sans_probold'; text-transform: uppercase;}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 { line-height: 1.2; font-weight: bold;  font-family: 'pf_square_sans_probold'; text-transform: uppercase;}

h1, .h1 {font-size: 36px;}
h2, .h2 {font-size: 32px;}
h3, .h3 {font-size: 26px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 16px;}
h6, .h6 {font-size: 14px;}
h1, .h1 {margin-bottom: 15px;}
h2, h3, .h2, .h3 {margin-bottom: 15px;}
h4, h5, h6, .h4, .h5, .h6 {margin-bottom: 10px;}

.font10 {font-size: 10px !important; line-height: 10px !important;}
.font11 {font-size: 11px !important; line-height: 11px !important;}
.font12 {font-size: 12px !important; line-height: 12px !important;}
.font14 {font-size: 14px !important; line-height: 14px !important;}
.font16 {font-size: 16px !important; line-height: 16px !important;}
.font17 {font-size: 17px !important; line-height: 17px !important;}
.font18 {font-size: 18px !important; line-height: 18px !important;}
.font19 {font-size: 19px !important; line-height: 19px !important;}
.font20 {font-size: 20px !important; line-height: 20px !important;}
.font22 {font-size: 22px !important; line-height: 22px !important;}
.font24 {font-size: 24px !important; line-height: 24px !important;}
.font26 {font-size: 26px !important; line-height: 26px !important;}
.font28 {font-size: 28px !important; line-height: 28px !important;}
.font30 {font-size: 30px !important; line-height: 30px !important;}
.font36 {font-size: 36px !important; line-height: 36px !important;}
.font40 {font-size: 40px !important; line-height: 40px !important;}
.font72 {font-size: 72px !important; line-height: 72px !important;}

.lh1 { line-height: 1 !important;}
.lh11 { line-height: 1.1 !important;}
.lh12 { line-height: 1.2 !important;}
.lh13 { line-height: 1.3 !important;}
.lh14 { line-height: 1.4 !important;}
.lh15 { line-height: 1.5 !important;}
.lh16 { line-height: 1.6 !important;}


a {color: #131313; text-decoration: underline; cursor: pointer;}
a:hover {text-decoration: none;}
.hover {text-decoration: none !important;}
.hover:hover {text-decoration: underline !important;}
.unhover {text-decoration: underline !important;}
.unhover:hover {text-decoration: none !important;}
em {font-style:italic;}
b {font-weight:bold;}
strong {font-weight:bold;}
.up {text-transform: uppercase;}
hr {background-color: #E5BD3D;color: #E5BD3D;height: 1px;border: none; clear: both; margin-bottom: 25px;margin-top: 15px;}
.underline { text-decoration: underline;}
.line-through {text-decoration: line-through;}

p {margin-bottom: 7px;}


.colorwhite {color: #fff;}
.colorgrey {color: #7b7b7b;}
.colordarkgrey {color: #868686;}
.colorred {color: #9f1719;}
.colorblue {color: #1E8BCE;}
.colorpink {color: #ED3897;}
.colorpurple {color: #8B247D;}
.colorgreen {color: #5DC534;}
.colorgold {color: #e2b639;}
.colorblack { color: #313131;}

.green {background-color: #5DC534;}
.grey {background-color: #e7e7e7;}

.clear:before, .clear:after {  content: " ";  display: table;}
.clear:after { clear: both;}


.mgt5 {margin-top: 5px !important;} .mgt10 {margin-top: 10px !important;} .mgt15 {margin-top: 15px !important;} .mgt20 {margin-top: 20px !important;} .mgt25 {margin-top: 25px !important;} .mgt30 {margin-top: 30px !important;} .mgt35 {margin-top: 35px !important;} .mgt40 {margin-top: 40px !important;} .mgt45 {margin-top: 45px !important;} .mgt50 {margin-top: 50px !important;} .mgt70 {margin-top: 70px !important;} .mgt75 {margin-top: 75px !important;} .mgt80 {margin-top: 80px !important;} .mgt85 {margin-top: 85px !important;} .mgb0 {margin-bottom: 0px !important;}
.mgb5 {margin-bottom: 5px !important;} .mgb10 {margin-bottom: 10px !important;} .mgb15 {margin-bottom: 15px !important;} .mgb20 {margin-bottom: 20px !important;} .mgb25 {margin-bottom: 25px !important;} .mgb30 {margin-bottom: 30px !important;} .mgb35 {margin-bottom: 35px !important;} .mgb40 {margin-bottom: 40px !important;} .mgb45 {margin-bottom: 45px !important;} .mgb50 {margin-bottom: 50px !important;} .mgb55 {margin-bottom: 55px !important;} .mgb60 {margin-bottom: 60px !important;} .mgb65 {margin-bottom: 65px !important;} .mgb70 {margin-bottom: 70px !important;} 
.mgr0 {margin-right: 0 !important;} .mgr5 {margin-right: 5px !important;} .mgr10 {margin-right: 10px !important;} .mgr15 {margin-right: 15px !important;} .mgr20 {margin-right: 20px !important;} .mgr25 {margin-right: 25px !important;} .mgr30 {margin-right: 30px !important;} .mgr35 {margin-right: 35px !important;} .mgr40 {margin-right: 40px !important;} .mgr45 {margin-right: 45px !important;} .mgr50 {margin-right: 50px !important;} .mgr55 {margin-right: 55px !important;} .mgr60 {margin-right: 60px !important;} 
.mgl0 {margin-left: 0px !important;} .mgl5 {margin-left: 5px !important;} .mgl10 {margin-left: 10px !important;} .mgl15 {margin-left: 15px !important;} .mgl20 {margin-left: 20px !important;} .mgl25 {margin-left: 25px !important;} .mgl30 {margin-left: 30px !important;} .mgl35 {margin-left: 35px !important;} .mgl40 {margin-left: 40px !important;} .mgl45 {margin-left: 45px !important;} .mgl50 {margin-left: 50px !important;}



img { max-width: 100%;}

.btn {
    border: 1px solid #ce0b0b;
    color: #ce0b0b;
    display: block;
    font-size: 19px;
    padding: 15px 60px;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
}
.btn:hover { background-color: #ce0b0b; color: #fff;}
.modal a.close {display: inherit;}
a.close {display: none;}

.spin img{transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.spin:hover img{transform: rotateY(-180deg); }

/*-----CSS--------------*/
h2 {position: relative; margin-bottom: 55px !important;}
h2:before {position: absolute; width: 100px; height: 2px; background-color: #000; content: ''; margin: auto; left: 0; right: 0; bottom: -20px;}

#logo { text-transform: uppercase; padding: 16px 0;}
#logo > .font_suare { font-size: 28px; font-weight: bold; padding: 5px 0;}
#logo > .font_suare > span { display: block; padding: 12px 0; border-top: 8px solid #ce0b0b; border-bottom: 8px solid #131313;}
#logo > .font_impact { font-size: 80px; font-weight: bold; 
	text-shadow: 
		red 1px 0px, red 1px 1px, 
		red 0px 1px, red -1px 1px, 
		red -1px 0px, red -1px -1px, 
		red 0px -1px, red 1px -1px, 
		red 0 0 3px, red 0 0 3px, 
		red 0 0 3px, red 0 0 3px, 
		red 0 0 3px, red 0 0 3px, 
		red 0 0 3px, red 0 0 3px;
}
#main_menu { background-color: #ce0b0b;}
#main_menu > ul { display: table;}
#main_menu > ul > li { display: table-cell; }
#main_menu > ul > li > a { display: block; text-align: center; font-weight: bold; font-size: 15px; padding: 17px 0; text-decoration: none;  text-transform: uppercase;}
#main_menu > ul > li:hover > a, #main_menu > ul > li.selected > a  { color: #fff;}

#header.fixed  { padding-top: 49px;}
#header.fixed > nav {
    position: fixed;
    top: 0;
    width: 1020px;
    z-index: 1000;
}

#slider {position: relative;}
#slider .phone_block {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; font-size: 15px; padding: 15px 0; z-index: 100; background-color: rgba(50, 50, 50, 0.75); color: #fff;}
#slider .phone_block a {color: #fff;}
#slider .phone_block .adress,
#slider .phone_block .metro,
#slider .phone_block .mail,
#slider .phone_block .phone { position: relative; margin-right: 12px;}
#slider .phone_block .adress:before { position: relative; content: url(/img/adress_ico.png); margin-right: 6px; top: 2px;}
#slider .phone_block .metro:before { position: relative; content: url(/img/metro_ico.png); margin-right: 6px;}
#slider .phone_block .mail:before { position: relative; content: url(/img/mail_ico.png); margin-right: 6px;}
#slider .phone_block .phone:before { position: relative; content: url(/img/phone_ico.png); margin-right: 6px;}
#body {	background-color: #fff;}

/*-------ContentBlocks-----------*/
#chars { padding: 70px 0 45px;}
#chars .item.span4  { line-height: 1.2; height: 140px;}
#chars .item.span4:nth-child(3n+1)  { margin-left: 0 !important;}
#chars .item .item_desc { padding-top: 30px; text-align: left;}
#chars .item .title { font-size: 18px; display: block;}
#chars .item .desc { font-size: 17px; display: block;}
#chars .item.span4 p { margin-bottom: 0;}

#arenda { padding: 70px 0 45px; background: url("/img/arenda-back.jpg") no-repeat fixed center center / cover  transparent;}
#arenda h2:before { background-color: #fff;}
#arenda .item img { display: block; margin: 0 auto 25px; position: relative;}
#arenda .item .title { font-size: 19px; display: block; margin-bottom: 10px;}
#arenda .item .desc { font-size: 17px; display: block; }

#sport { padding: 0 0 45px; }
#sport .red { padding: 70px 0 55px; background-color: #ce0b0b; margin-bottom: 35px;}
#sport h2 { margin-bottom: 0 !important;}
#sport h2:before { background-color: #fff;}
#sport .item_img { display: inline-block; margin: 0 auto 25px; position: relative;}
#sport .item_img:before { content: url("/img/sport-mask.png");  left: 0; position: absolute;  top: 0;}
#sport .item img { display: block; position: relative;}
#sport .item .title { font-size: 19px; display: block; margin-bottom: 10px;}
#sport .item .desc { font-size: 17px; display: block; }

#gallery { padding: 70px 0 45px; background-color: #ebebeb;} 
#gallery .carousel {height: 512px; width: 900px; margin: 0 auto;}
#gallery h2:before { background-color: #313131;}
#gallery .item img { display: block; margin: 0 auto 25px; position: relative;}
#gallery .item .title { font-size: 19px; display: block; margin-bottom: 10px;}
#gallery .item .desc { font-size: 17px; display: block; }

#catalog { padding: 70px 0 45px;}
#catalog .item.span4  { line-height: 1.2; height: 140px;}
#catalog .item.span4:nth-child(3n+1)  { margin-left: 0;}
#catalog .item .item_desc { padding-top: 30px; text-align: left;}
#catalog .item .title { font-size: 18px; display: block;}
#catalog .item .desc { font-size: 17px; display: block;}
#catalog .item.span4 p { margin-bottom: 0;}
#catalog .green.radius50, #catalog .grey.radius50 { width: 10px; height: 10px; display: inline-block;}
#catalog .icons { font-size: 15px; padding-left: 26px;}

#catalog .free_rooms_row { box-sizing: border-box; padding: 25px; border: 1px solid #b8b8b8;}
#catalog .free_rooms_row > table { width: 100%; font-size: 17px;}

#contacts { padding: 70px 0 0;}
#contacts h2:before { background-color: #313131;}
#myTab2 { left: 0; margin: auto; position: absolute; right: 0; top: 185px; z-index: 10;}
#myTab2 > li {display: inline-block; margin: 0 15px; border: 1px solid #b8b8b8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#myTab2 > li > a {
	background-color: #fff;
    display: block;
    font-size: 17px;
    list-style: outside none none;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
}
#myTab2 > li > a > span { border-bottom: 1px dashed #313131; text-decoration: none;}
#myTab2 > li.active > a, #myTab2 > li:hover > a { background-color: #ce0b0b; color: #fff; text-decoration: none;}
#myTab2 > li.active > a > span, #myTab2 > li:hover > a > span { border-bottom: none;}
#myTab2Content .white { position: absolute; background-color: rgba(255,255,255,0.8); padding: 20px 25px; z-index: 50; right: 100px; bottom: 80px;}


#qna { padding: 70px 0 45px; background-color: #000;}
#qna h2:before { background-color: #fff;}
#qna .wrapper {display: table;}
#qna .wrapper > div {display: table-cell; width: 50%; padding: 37px 25px; vertical-align: top;}
#qna .wrapper > .left { background-color: #fff;}
#qna .wrapper > .right { background-color: #a21010;}

#wrapper_contacts table {width: 100%; display: block;}
#wrapper_contacts table tr {display: block;}
#wrapper_contacts table tr.string {
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
    width: 48%;
    margin-bottom: 15px;
    float: left;
}
#wrapper_contacts table tr.string:first-child {margin-left: 0;}
#wrapper_contacts table tr.text { margin-bottom: 15px;}
#wrapper_contacts table td { max-width: 100%; display: block;}
#wrapper_contacts input {box-sizing: border-box; border: 1px solid #c4c4c4; padding: 15px; width: 100%;}
#wrapper_contacts textarea {box-sizing: border-box; border: 1px solid #c4c4c4; padding: 15px; width: 100%; max-width: 448px;}
#wrapper_contacts .cf_button { font-size: 19px; text-transform: uppercase; padding: 15px 60px; display: inline-block; color: #ce0b0b; border: 1px solid #ce0b0b; text-decoration: none;}
#wrapper_contacts .cf_button:hover { color: #fff; border: 1px solid #a21010; background-color: #ce0b0b;}
#wrapper_contacts tr.err input, #wrapper_contacts tr.err textarea {background-color: #FF7F7F;}

#otzivi { padding: 70px 0 45px; background: url("/img/otzivi_back.jpg") no-repeat fixed center center / cover  transparent;}
#otzivi h2:before { background-color: #fff;}

#otzivi .wrapper.row-fluid { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
#otzivi .item { 
    background-color: #fff; padding: 30px 22px 35px; margin-bottom: 20px; position: relative;

}

#otzivi .item:after { position: absolute; right: 28px; bottom: 14px; content: url(/img/otziv_marker.png); }
#otzivi .item.span6:nth-child(2n+1) {margin-left: 0;}
#otzivi .item .title { font-size: 17px; display: block; margin-bottom: 10px; font-weight: bold;}
#otzivi .item .desc { font-size: 17px; display: block; line-height: 1.2; }

#otzivi .row-fluid [class*="span"] {
margin-left: 2.44103%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#carousel-example-generic-gal a.span3:nth-child(4n+1) { margin-left: 0;}
#carousel-example-generic-gal .carousel-control.left:before, #carousel-example-generic-gal .carousel-control.right:before { border-color: #a2a2a2; }
#carousel-example-generic-gal .carousel-control  { background-color: transparent; top: -37px;}
#carousel-example-generic-gal .carousel-control.left {left: -45px;}
#carousel-example-generic-gal .carousel-control.right {right: -45px;}
#carousel-example-generic-gal .carousel-inner {height: 512px;}

#seo { padding: 50px 20px;}
#offices { padding: 50px 20px;}

#offices table tr:first-child td {
	font-weight: bold;
	text-align: center;
	background: white;
}
#offices table tr td { padding: 3px 5px }
#offices table tr td:nth-child(2) { text-align: center }
#offices table tr td:nth-child(3) { text-align: right }
#offices table tr td:nth-child(4) { text-align: right }
#offices table tr td:nth-child(5) { text-align: right }
#offices table tr td:nth-child(6) { text-align: center }



footer {background-color: #000; font-size: 15px; color: #fff; line-height: 1.2; padding: 50px 0 60px;}

/*------slider--------*/
.carousel { position: relative; line-height: 1; cursor: default;}
.carousel-inner { overflow: hidden;  position: relative; margin: 0 auto;}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1;}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block;}
.carousel-inner > .active { left: 0;}
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%;}
.carousel-inner > .next { left: 100%;}
.carousel-inner > .prev { left: -100%;}
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0;}
.carousel-inner > .active.left { left: -100%;}
.carousel-inner > .active.right { left: 100%;}
.carousel-control  {
	background-color: rgba(50, 50, 50, 0.75);
    display: block;
    height: 48px;
    position: absolute;
    text-align: center;
    width: 48px;
    z-index: 1000;
}
.carousel-control:before { border-top: 2px solid #fff; z-index: -1; content: ''; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 30px; height: 30px;}
.carousel-control.right:before { border-right: 2px solid #fff;}
.carousel-control.left:before { border-left: 2px solid #fff;}
.carousel-control:hover { opacity: 0.8; text-decoration: none;}
.carousel-control:hover:before { opacity: 0.8; }
.carousel-control:active { opacity: 1;}
.carousel-control.right {right: -30px;  transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.carousel-control.left {left: -30px;  transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.carousel-indicators { z-index: 5; margin-top: 7px; list-style: none;text-align: center; cursor: default;}
.carousel-indicators li {
  width: 3px;
  height: 3px;
  margin: 0 3px;
  text-indent: -999px;
  background-color: #000;
  display: inline-block;
  border: 1px solid;
}
.carousel-indicators li:hover {cursor: pointer; background: #ffff;}
.carousel-indicators .active { background-color: #fff;}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4, .carousel-caption p {color: #ffffff;line-height: 20px;}
.carousel-caption h4 {margin: 0 0 5px;}
.carousel-caption p {margin-bottom: 0;}

.carousel.fade { opacity: 1;}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top:0;
  position:absolute;
  width: 100%;
  display:block !important;
  z-index:1;
}
.carousel.fade .item:first-child { top:auto; position:relative;}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index:2;
}
.carousel-indicators-block { z-index: 100; height: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 900px;}

#catalog ul.nav-tabs { margin-bottom: 0; line-height: 1;}
#catalog ul.nav-tabs > li { display: block; margin: 0 auto 10px; border: 1px solid #b8b8b8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 100px;}
#catalog ul.nav-tabs > li.active { border: 1px solid #ce0b0b;}
#catalog ul.nav-tabs > li.active > a, #catalog ul.nav-tabs > li:hover > a { text-decoration: none; color: #fff; background-color: #ce0b0b;}
#catalog ul.nav-tabs > li > a { display: block; font-size: 16px; list-style: none; text-align: center; padding: 10px 0; text-transform: uppercase; text-decoration: none; }
#catalog ul.nav-tabs > li > a > span { text-decoration: none; border-bottom: 1px dashed #313131;}
#catalog ul.nav-tabs > li.active > a > span, #catalog ul.nav-tabs > li:hover > a > span { border-bottom: none;}

#catalog .tab-content { padding: 0 20px; }
#catalog .tab-content > .tab-pane { display: none; }
#catalog .tab-content > .tab-pane.active { display: block; }

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear;}
.fade.in { opacity: 1;}
.collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;}


#myTab2Content .tab-pane {display: none;}
#myTab2Content .tab-pane.active {display: block;}

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10040; background-color: #000;}
.modal-backdrop.fade { opacity: 0;}
.modal-backdrop,.modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80);}
.modal .close {position: absolute; right: 20px; top: 20px; cursor: pointer;}
.modal .close:hover {opacity: 0.7;}
.modal {
    background-clip: padding-box;
    background-color: #eee;
    border: 1px solid #979797;
    padding: 20px;
    box-shadow: 0 15px 33px 17px #000;
    left: 50%;
    margin-left: -277px;
    overflow: hidden;
    position: fixed;
    top: 10%;
    z-index: 10050;
    width: 504px;
}
.modal.fade { -webkit-transition: opacity .3s linear, top .3s ease-out; -moz-transition: opacity .3s linear, top .3s ease-out; -o-transition: opacity .3s linear, top .3s ease-out; transition: opacity .3s linear, top .3s ease-out; top: -1000px;}
.modal.fade.in { top: 10%;}
.modal-header { padding: 9px 15px; border-bottom: 1px solid #eee;}
.modal-header .close { margin-top: 2px;}


.modal td {vertical-align: top;}
.modal input, .modal textarea {box-sizing: border-box; margin-bottom: 20px; width: 500px; background: none repeat scroll 0 0 #fff;  border: 1px solid #979797;  padding: 3px;}
.modal textarea  {max-width: 500px; min-width: 500px; min-height: 95px;}
.modal .cf_button { font-size: 18px;}
.modal .cf_button:hover { text-decoration: underline;}
.modal input.close.btn {width: 26px; color: #202020;}
.modal input.close.btn:hover { color: #fff;}

/*-------SVG--------*/
.plane svg {width: 789px; height: 438px;}
.plane .room { fill: #D8D8D8;}
.plane .room:hover { fill: #eaeaea; cursor: pointer;}
.plane .room.free:hover, .plane .room.free.active { fill: #90b11b; cursor: pointer;}
.plane .room.free { fill: #b3d43f;}

.free_rooms_row .item { margin: 8px 0;}
.free_rooms_row .item > .span8 { padding: 17px 0;}
.free_rooms_row .item > .span8:hover { background-color: #b3d43f;}

.map_objects img { position: absolute;}


#roomlist .item { cursor: pointer;}
#roomlist .item.active > .span8{ background-color: #90b11b;}


.ie8overlay {display: none;}
#back-top {
    background-color: #ce0b0b;
    bottom: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 25px 15px;
    position: fixed;
    right: 50px;
    z-index: 100;
}
#back-top:hover {opacity: 0.8;}