@font-face {
	font-family: 'PT Sans';
	src: 	url('../fonts/PTS55F.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PT Sans';
	src: 	url('../fonts/PTS56F.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'PT Sans';
	src: 	url('../fonts/PTS75F.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'PT Sans';
	src: 	url('../fonts/PTS76F.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
#main {
	min-width: 1170px;
}
/*=============================== BACKGROUNDS ======================================*/
.bg-wrap {
	margin: 0 auto;
	max-width: 1920px;
}
.bg-wrap .container {
	height: inherit;
}
.bg-wrap .row {
	position: relative;
}
/*============================= THUMBNAILS =================================*/
.thumbnail {
	border: none;
	background: none;
	padding: 0;
}
.thumbnail {
	height: 270px;
}
.thumbnail .caption {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
/*============================== BUTTONS ================================*/
button.btn.btn-default {
	height: 50px;
	background: linear-gradient(to bottom, #C80539 0%, #8E0829 100%);
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}
button.btn.btn-default:hover {
	background: linear-gradient(to bottom, #8E0829 0%, #C80539 100%);
	color: white;
}
/*========================TITLES================================*/
.block-title {
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 110px;
}
.title-blue {
	color: #0A42A1 !important;
}
.title-white {
	color: white;
}
/*=================================FORMS========================*/
.req-form {
	width: 450px;
	height: 300px;
	border: 8px solid;
	border-color: rgba(21, 64, 120, 0.5);
	border-radius: 25px;
	position: relative;
}
.page-form {
	position: relative;
	padding-top: 50px;
}
.page-form.visible-sm-block {
	padding-top: 0px;
	margin-top: -100px;
}
#req2 .page-form.visible-sm-block {
	margin-top: 0px;
}
#req2 .page-form.visible-sm-block .timer {
	margin-top: -6px;
}
.page-form .timer {
	margin-top: 200px;
}
.page-form.visible-sm-block .timer{
	margin-top: 18px;
}
.page-form .timer .margin-left {
	width: 50px;
	height: 117px;
	float: left;
}
.req-form form {
	background-color: white;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}
.req-form .block-title {
	line-height: 75px;
	color: #CE1045;
}
.req-form p {
	text-align: center;
	margin-top: -15px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}
.req-form .form-control {
	padding-left: 30px;
	width: 300px;
	margin-left: 50px;
}
.form-group .glyphicon {
	position: absolute;
	top: 10px;
	left: 60px;
	color: #417FB8;
}
.page-form button {
	margin-left: 50px;
	margin-top: 20px;
	width: 300px;
}
.input-error {
	border-color: red;
}
/*========================== TIMERS =======================*/
.timer {
	position: relative;
}
.timer p {
	margin: -1px 0 -5px 10px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	color: #CE1045;
}
@font-face {
	font-family: 'MyriadProRegular';
	src: 	url('../fonts/myriadpro-regular-webfont.eot?') format('eot'),
			url('../fonts/myriadpro-regular-webfont.woff') format('woff'),
			url('../fonts/myriadpro-regular-webfont.ttf') format('truetype'),
			url('../fonts/myriadpro-regular-webfont.svg#webfontZPnuZIZf') format('svg');
	font-weight: normal;
	font-style: normal;
}
.timerbox {
	width: 350px;
	height: 92px;
	padding: 0;
	font-size: 60px;
	color: #fff;
	font-family: MyriadProRegular, Helvetica, sans-serif;
}
.timerbox .timer-count {
	position: relative;
	float: left;
	margin-left: 5px;
	width: 90px;
	height: 92px;
}
.timerbox .timer-count .timer-num {
	float: left;
	width: 47px;
	height: 75px;
	z-index: 1;
	text-align: center;
	background-image: url('../img/flip.png');
	background-repeat: no-repeat;
	background-size: 47px;
	line-height: 1.2;
}
.timerbox .timer-count .timer-num span {
	display: block;
	position: absolute;
	width: 47px;
	height: 75px;
	background: url('../img/flip-gradient.png');
	background-size: 47px;
}
.timerbox .timer-count .timer-tens {
	margin: 0 -2px 0 0;
}
.timerbox .timer-count .timer-units {
	margin: 0 0 0 -2px;
}
.timerbox .timer-count .count-text {
	position: absolute;
	bottom: 8px;
	width: 90px;
	height: 11px;
}
.timerbox .timer-count .count-text img {
	position: absolute;
	right: 6px;
	width: 44px;
	height: 11px;
}
/*======================== HEADER =================================*/
header {
	padding-top: 25px;
	padding-bottom: 25px;
}
.phone, .schedule {
	margin-bottom: 15px;
}
.phone span {
	position: relative;
	padding-left: 12px;
	font-size: 32px;
	color: #CE1045;
	font-weight: bold;
	top: 5px;
}
.schedule span {
	font-size: 17.6px;
}
p.address {
	font-size: 18px;
}
p.address.visible-xs-block {
	max-width: 350px;
}
/* ==================== REQUEST FIRST ===========================*/
#req1 {
	background: url("../img/bg-1.png") no-repeat;
	height: 545px;
}
h1 { color: white; }
h1.hidden-md {
	position: relative;
	bottom: 20px;
	width: 750px;
}
h1.hidden-md span {
	position: relative;
	bottom: 70px;
	display: inline-block;
}
#sale {
	position: absolute;
	bottom: -60px;
	left: -110px;
}
/*======================ADVANTAGES BLOCK =============================*/
#advantages {
	margin-top: -3px;
	background: white;
	height: 700px;
}
/*=========================CHANGE BLOCK========================*/
#change {
	background: url("../img/bg-2.png") no-repeat;
	height: 885px;
}
.panel {
	background: rgba(252, 252, 252, 0.8);
	padding: 20px;
	height: 230px;
}
.panel-heading {
	background: none !important;
	border-color: black !important;
	font-size: 17.6px;
	font-weight: bold;
	padding: 0 0 15px;
}
.panel-heading span {
	display: inline-block;
}
.panel-body {
	padding: 10px 0 0;
	font-size: 16.6px;
}
.visible-sm-block .panel {
	padding: 15px;
}
.visible-sm-block .panel-heading {
	font-size: 15px;
	padding: 0 0 10px;
}
.visible-sm-block .panel-body {
	font-size: 13px;
}
/*=======================ROOMS BLOCK===============================*/
#rooms {
	background: white;
	height: 870px;
}
#items {
	margin-top: 50px;
	margin-bottom: 50px;
}
.room {
	width: 325px;
	height: 205px;
	margin: 0 auto;
}
.visible-sm-block .room {
	width: 260px;
	height: 164px;
	background-size: 100% !important;
}
#room2x.room {
	background: url("../img/room2s.png") no-repeat;
}
#room2x.room:hover {
	background: url("../img/room2s-hover.png") no-repeat;
	cursor: pointer;
}
#room4x.room {
	background: url("../img/room4s.png") no-repeat;
}
#room4x.room:hover {
	background: url("../img/room4s.png") no-repeat;
	cursor: pointer;
}
#room6x.room {
	background: url("../img/room6s.png") no-repeat;
}
#room6x.room:hover {
	background: url("../img/room6s.png") no-repeat;
	cursor: pointer;
}
#room8x.room {
	background: url("../img/room8s.png") no-repeat;
}
#room8x.room:hover {
	background: url("../img/room8s.png") no-repeat;
	cursor: pointer;
}
#rooms p {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
}
#rooms li {
	font-size: 22px;
}
#rooms .visible-sm-block li {
	font-size: 17.7px;
}
/*=======================REQUEST SECOND=========================*/
#req2 {
	background: url("../img/bg-3.png") no-repeat;
	height: 415px;	
}
#req2 .req-form {
	margin: 8px 0 9px;
}
#req2 .timer p {
	font-size: 17px;
	/*padding-left: 58px;*/
	margin-bottom: -7px;
}
/*=======================PHOTOS BLOCK============================*/
#photos {
	margin-top: -3px;
	background: url("../img/bg-4.png") no-repeat;
	height: 1100px;	
}
#photos .gallery {
	width: 1014px;
	margin: 0 auto;
}
#photos .gallery.visible-sm-block {
	margin-top: 40px;
	margin-left: -30px;
}
#photos .gallery img {
	margin: 6px;
}
/*========================WORK BLOCK============================*/
#work {
	height: 400px;	
	/*background: white;*/
	border-bottom: 4px solid rgba(161,190,218, 0.4);
}
#work .caption {
	padding: 0;
	padding-top: 10px;
}
#work button {
	margin-top: 10px;
}
#work button a {
	color: inherit;
}
#work button a:hover {
	color: inherit;
	text-decoration: none;
}
#work .arrows {
	height: 30px;
	width: 100%;
	margin-top: 38px;
	background:
		url("../img/icon-arrow.png") 24% no-repeat,
		url("../img/icon-arrow.png") 41.5% no-repeat,
		url("../img/icon-arrow.png") 59% no-repeat,
		url("../img/icon-arrow.png") 76% no-repeat;
	position: absolute;
	z-index: 10;
}
#work .arrows.visible-md-block {
	margin-left: -80px;
}
#work .arrows.visible-sm-block {
	margin-left: -64px;
	background-size: 30px;
	margin-top: 34px;
}
/*=======================ADDRESS BLOCK===========================*/
#address {
	background: white;
}
#map {
	width: inherit;
	height: 500px;
	background: url('../img/map-screen.png') 50% 50% no-repeat;
	margin-bottom: 40px;
}
/*============================FOOTER============================*/
footer p {
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
	line-height: 40px;
	background: #F1F1F1;
	font-size: 18px;
}
footer p.visible-xs-block {
	text-align: left;
}
/*=========================MODAL=====================================*/
.modal .modal-dialog {
	margin-top: 12%;
}
.modal .modal-header p {
	margin-bottom: 0;
}
.modal .modal-body {
	padding-bottom: 5px;
}
.modal .req-form {
	margin: 0 auto;
	height: 210px;
}
.modal .form-group {
	margin-bottom: 10px;
}
h1.visible-md-block, h2, h3, h4, p, span {
	font-family: 'PT Sans', Helvetica, sans-serif; 
}
#response h2 {
	line-height: 40px;
	margin: 10px 0;
	color: #8E0829; /* #C80539; */
}
#response p {
	margin-bottom: 10px;
	margin-top: -10px;
}
#response .modal-footer {
	padding: 10px;
}