/*ГЛОБАЛЬНЫЕ СТИЛИ*/
body {
	font-family: 'mpro cond';
	text-transform: uppercase;
	background: #fff;

}

.center {
	width: 960px;
	padding: 0 20px 0 20px;
	margin: 0 auto;
}

input[type="text"] {
	font-family: 'mpro cond';
	font-size: 18px;
	display: block;
	border: 1px solid #d7d7d7;
}

.menu a {
	color: inherit;
	text-decoration: none;
}

.container {
	overflow: hidden;
}

.maingrad, .menu li:hover {
	text-align: center;
	border: 1px solid #9f9f9f;
	font-family: 'mpro cond';
	border-radius: 5px;
	cursor: pointer;
	color: #fff !important;
	text-transform: uppercase;
	background: #FE384D;
	background: 
	-webkit-gradient(linear, 100% 0, 0 0, color-stop(0.07, #fc6037), color-stop(0.82, #fe2b54), to(#ff2b6e));
	background: 
	-webkit-linear-gradient(to right, #fc6037 7%, #fe2b54 82%, #ff2b6e 100%);
	background: 
	-moz-linear-gradient(to right, #fc6037 7%, #fe2b54 82%, #ff2b6e 100%);
	background: 
	-o-linear-gradient(to right, #fc6037 7%, #fe2b54 82%, #ff2b6e 100%);
	background: 
	linear-gradient(to right, #fc6037 7%, #fe2b54 82%, #ff2b6e 100%);
}

.title {
	font-size: 36px;
	color: #555;
	text-transform: uppercase;
	text-align: center;
}







/*БЛОК 1: ШАПКА*/
.mainheader {
	/* display: none; */
}
.mainheader .center {
	background: url(img/header_bg.jpg) no-repeat;
	height: 315px;
}

	.menu {
		background: url(img/menu1_bg.png) repeat-x;
		height: 35px;
		margin-left: -20px;
		padding: 0 0px 0 20px;	
	}
		.menu li {
			display: inline-block;
			font-size: 18px;	
			width: 125px;
			cursor: pointer;
			text-align: center;
			height: 38px;
			line-height: 34px;
			color: #535353;
			border: 1px solid transparent;

		}

	.mainheader .title {
		line-height: 30px;
		margin-top: 70px;
		float: left;
		text-align: left;
	}
		.mainheader .title span {
			font-size: 24.5px;
		}
	.mainheader .callback {		
		margin-top: 10px;
		float: right;
	}

		.phone {
			color: #535353;
			font-size: 18px;
		}
			.phone span {
				color: #fe2b5d;
				font-size: 26px;
				margin-left: 5px;
			}
		.mainheader .now_btn {
			height: 75px;
			width: 240px;
			font-size: 30px;
			line-height: 75px;
			margin-top: 15px;
		}
		.mainheader .social {
			margin-top: 10px;
		}
			.social a {
				display: inline-block;
				width: 32px;
				height: 32px;
				background-image: url(img/social.png);
				background-repeat: no-repeat;
				vertical-align: middle;
			}
				.social a.vk_btn {
					background-position: -1px -1px;
				}
					.mainheader .vk_btn {
						margin-left: 10px;
					}
				.social a.ok_btn {
					background-position: -35px -1px;
					margin-left: 10px;
				}
				.social a.fb_btn {
					background-position: -69px -1px;
					margin-left: 10px;
				}

	h1 {
		font-size: 48px;
		color: #fe164d;
		text-align: center;
		margin-top: 35px;		
	}








/*БЛОК 2: ПОЧЕМУ Я*/
.why {
	padding-bottom: 30px;

}
.objective {
	height: 500px;
	margin-top: 35px;
	background: url(img/lens.jpg) no-repeat 50% 100%;
	position: relative;
}
	.objective .item {
		position: relative;
		color: #555;
		font-size: 24px;
		cursor: pointer;
		/*z-index: 1 !important;*/
		
	}
		.objective .item .text {
			position: absolute;
		}

		.objective .left {
			position: absolute;
			left: 0;
			top: 0;
		}
			.objective .left .item {
				width: 260px;
				left: 15px;
			}
				.objective .left .item .text {
					text-align: left;
					bottom: 15px;
					left: 80px;			
				}
					.objective .dollar {
						background: url(img/dollar.png) no-repeat 5% 45%;
						height: 78px;
						top: 65px;
						padding-bottom: 20px;			
					}

					.objective .date {
						background: url(img/calendar.png) no-repeat 0% 45%;
						height: 73px;
						top: 110px;
						padding-bottom: 20px;	
					}

					.objective .mw {
						background: url(img/mw.png) no-repeat 0% 45%;
						height: 78px;
						top: 125px;
						padding-bottom: 20px;		
					}

		.objective .right {
			position: absolute;
			right: 0;
			top: 0;
		}
			.objective .right .item {
				width: 260px;
				right: 15px;
			}
				.objective .right .item .text {
					text-align: right;
					bottom: 15px;
					right: 80px;
				}
					.objective .camera {
						background: url(img/camera.png) no-repeat 100% 45%;
						height: 75px;
						top: 60px;
						padding-bottom: 30px;			
					}

					.objective .shield {
						background: url(img/shield.png) no-repeat 100% 45%;
						height: 78px;
						top: 100px;	
						padding-bottom: 20px;		
					}

					.objective .clock {
						background: url(img/clock.png) no-repeat 100% 45%;
						height: 68px;
						top: 125px;		
						padding-bottom: 20px;	
					}

	
	
	.objective .cup {		
		top: 0;
		left: 350px;
		width: 260px;
		height: 115px;
		background: url(img/cup.png) no-repeat 50% 0;
		text-align: center;
	}
		.objective .cup .text {
			bottom: 10px;
			left: 95px;
		}
	.objective .tooltip {
		text-transform: none;
		color: #fff;
		background: #2094F7;
		font-size: 18px;
		padding: 10px;
		text-align: left;
		border: 1px solid #b9b9b9;		
		position: absolute;
		display: none;
		z-index: 1 !important;
	}
		.objective .tooltip .now_btn {
			font-size: 24px;
			width: 179px;
			height: 41px;
			line-height: 41px;
			margin-top: 10px;
		}
		.objective .tooltip p {
			margin-bottom: 30px;
		}
		.objective .tooltip li {
			margin-bottom: 5px;
		}
		.cup .tooltip {
			top: 110px;
			left: 15px;
		}
		.dollar .tooltip {
			top: 90px;
			left: -15px;

		}
		.date .tooltip {
			top: 90px;
			left: -15px;
		}
		.mw .tooltip {
			top: 95px;
			left: -15px;
		}
		.camera .tooltip {
			top: 95px;
			right: -15px;
		}
		.shield .tooltip {
			top: 93px;
			right: -15px;
		}
		.clock .tooltip {
			top: 81px;
			right: -15px;
		}
	.why .now_btn {
		height: 75px;
		line-height: 75px;
		width: 240px;
		font-size: 30px;
		display: block;
		margin: 0 auto;
	}







/*БЛОК: МАЛЕНЬКАЯ ШАПКА*/
.header2 {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	display: none;
}
.smallheader {
	position: fixed;
	z-index: 5;
	top: 0;
}
.smallheader .center {
	height: 80px;
	background: url(img/smallheader_bg.png) repeat-x;
	position: relative;
}
	.smallheader .title {
		position: absolute;
		text-align: left;
		font-size: 20px;
		left: 20px;
		top: 15px;
	}
		.smallheader .title span {
			font-size: 29px;
		}
	.small {
		background: none;
		padding-left: 0;
		position: absolute;
		top: 38px;
		left: 210px;
	}
		.small li {
			font-size: 14px;
			line-height: 28px;
			height: 30px;
			width: 82px;
		}
	.smallheader .phone {
		position: absolute;
		top: 5px;
		right: 230px;
	}
	.smallheader .now_btn {
		width: 180px;
		height: 56px;
		font-size: 22.5px;
		line-height: 56px;
		top: 3px;
		right: 20px;
		position: absolute;
	}








/*БЛОК 3: АКЦИЯ*/
.action, .calendar {
	background: #f4f4f4;
	margin-top: 35px;
	box-shadow: 0px 10px 10px -10px #888 inset, 0 -10px 10px -10px #888 inset;
}

.action {
	background: url(img/fona.jpg) repeat-x 50% 0;
}

	.tip1 {
		width: 65px;
		height: 25px;
		position: absolute;
		left: 470px;
		bottom: -14.5px;
		background: url(img/bottom_angle.png) no-repeat;
		
	}
	.tip2 {
		width: 52px;
		height: 20px;
		position: absolute;
		left: 474px;
		top: 0;
		background: url(img/top_angle.png) no-repeat;
	}
	.tipa1 {
		width: 65px;
		height: 25px;
		position: absolute;
		left: 470px;
		bottom: -14.5px;
		background: url(img/bottoma_angle.png) no-repeat;
		
	}
	.tipa2 {
		width: 52px;
		height: 20px;
		position: absolute;
		left: 474px;
		top: 0;
		background: url(img/topa_angle.png) no-repeat;
	}
.action .center {
	padding: 30px 0 60px 0;
	position: relative;
	width: 1000px;
}
	.tape {
		font-size: 33.5px;
		color: #fff;
		width: 329px;
		height: 65px;
		background: url(img/tape.jpg) no-repeat;
		text-align: center;
		padding-top: 10px;
		margin: 0 auto;
		margin-bottom: 25px;
	}
	.action .left {
		display: inline-block;
		vertical-align: top;
	}
	.action .right {
		display: inline-block;
		vertical-align: top;
		padding-right: 20px;
		right: 0;
		position: absolute;
	}
	.action .descr {
		padding: 15px 0 15px 0;
		font-size: 30px;
		color: #FFFFFF;
		padding-left: 20px;
	}
		.action .descr .sp1 {
			font-weight: 800;
		}
		.action .descr .sp2 {
			font-size: 40px;
			font-weight: 800;
		}
		
	.counter a.sp2 {
			font-size: 40px;
			font-weight: 800;
			color: #FFFFFF;
		}

	.action .counter {
		padding-left: 20px;
		padding-top: 25px;
		position: relative;
	}
		a.book_example {
			color: #555555;
			font-size: 14px;
			text-transform: lowercase;
			position: absolute;
			top: 5px;
			right: 0px;
		}
			.book_example img {
				display: none;
			}
		.counter_title {
			color: #FFFFFF;
			font-size: 14px;
			margin-bottom: 5px;
		}
		.countdownHolder {
			margin: 0;
			font-size: 0;
			text-align: left;
			width: auto;
			letter-spacing: 0
		}
		.countdownHolder>span {
			display: inline-block;
			border-radius: 7px;
			border: 1px solid #d7d7d7;
			background: linear-gradient(to top, #E0E0E0 0%, #fff 100%);
			/* text-align: center; */
			width: 80px;
			margin-right: 17px;
			height: 95px;
			padding-left: 20px;
		}
		.countDiv  {
			display: none !important;
		}
			.countdownHolder>span:last-child {
				margin-right: 0;
			}
			.countdownHolder>span .position {
				font-size: 80px;		
				width: 30px;
				text-align: left;
				height: 100%;
				margin: 0;
				padding: 0;
				margin-top: -20px;
				/* margin-left: 10px; */
			}
				.countdownHolder>span .position .digit {
					background: none;
					box-shadow: none;
					padding: 0;
					color: #555555;
					border-radius: 0;
					font-family: 'mpro cond';
					text-align: left;
					letter-spacing: 0;
				}
			.counter .subtext {			
				font-size: 14px;
				color: #a2a2a2;
				display: inline-block;
				margin-right: 90px;			
			}
				.counter .subtext:last-child {
					margin-right: 0;
					margin-left: -10px;
				}
		.counter .text {
			margin-top: -20px;
			margin-left: 40px;
		}

	.form {
		width: 340px;
	}
		.form_title {
			font-size: 24px;
			height: 40px;
			line-height: 40px;
			cursor: default;
			margin-bottom: 12px;
		}
		.form input[type="text"] {
			width: 100%;
			padding-left: 5px;
			font-size: 18px;
			border: 1px solid #E3E3E3;
			margin-top: 10px;
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.form .send_btn {
			font-size: 24px;
			width: 145px;
			height: 40px;
			line-height: 40px;
			margin: 20px auto 0 auto;
			display: block;
		}







/*БЛОК 4: ПОРТФОЛИО*/
.portfolio {

	padding-top: 50px;
}
	.categories {
		margin-top: 30px;
	}
		.categories li {
			display: inline-block;
			font-size: 14px;
			color: #a2a2a2;
			cursor: pointer;
		}
			.categories li:after {
				content: '/';
				margin-left: 15px;
				margin-right: 15px;
			}
				.categories li:last-child:after {
					content: none;
				}
			.categories li.current, .categories li:hover {
				color: #555555;
			}
	.portfolio .photos {
		margin-top: 20px;
	}
		.photos .item {
			cursor: pointer;
			display: inline-block;
			margin-right: 47px;
			margin-bottom: 35px;		
		}

			.photos .item:nth-child(3n){
				margin-right: 0;
			}
	.portfolio .now_btn {
		width: 488px;
		height: 60px;
		line-height: 60px;
		font-size: 36px;
		margin: 0 auto;
	}







/*БЛОК 5: КАЛЕНДАРЬ*/
.calendar {

}
.calendar .center {	
	padding: 30px 0;
	width: 1000px;
	position: relative;
}
	.change_date {
		text-align: center;
		margin-top: 15px;
	}
	.calendar .description {
		margin-top: 35px;
		padding-left: 20px;
	}
		.calendar .description .item {
			display: inline-block;
			vertical-align: top;
			color: #555555;
			font-size: 18px;
			text-transform: none;
			min-height: 40px;
			padding-left: 43px;
		}
			.calendar .description .item + .item {
				margin-left: 70px;
			}
			.calendar .description .item .subtext {
				font-size: 12px;
			}
			.item.free {
				background:  url(img/free.png) no-repeat 0 0;
			}
			.item.partially {
				background:  url(img/partially.png) no-repeat 0 0;
			}
			.item.bid {
				background:  url(img/bid.png) no-repeat 0 0;
			}
			.item.booked {
				background:  url(img/booked.png) no-repeat 0 0;
			}


.ui-datepicker {
	font-family: 'mpro cond' !important;
	width: 560px;
	height: auto;
	background: #fff;
	margin: 0 auto;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	padding: 0;
	position: relative;
}
.ui-datepicker-calendar thead, .ui-datepicker-year {
	display: none;
}
.ui-datepicker-header {
	background: #fff;
	border: none;
	font-size: 24px;
	color: #555555;
	font-weight: normal;
	height: 57px;
	border-bottom: 1px solid #d7d7d7;
}
.ui-datepicker-calendar td {
	padding: 0;
	margin: 0;
	
}
.ui-datepicker-calendar tr {
	border-bottom: 1px solid #d7d7d7;
}
.ui-datepicker-calendar tr:last-child {
	border-bottom: none;
}
.ui-datepicker-calendar td a.ui-state-default {
	background: transparent;
	border: none;
	font-size: 30px;
	color: #555555;
	font-weight: normal;
	height: 60px;
	line-height: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 20px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    width: 64px;
    background: none;
    height: 219px;
    display: block;
    background-image: url(img/calendar_control.png);
    background-repeat: no-repeat;
    background-color: transparent;
    top: 140px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
	outline: none;
	border: none;
}
.ui-datepicker .ui-datepicker-prev {
	background-position: 0 0;
	left: -200px;
}
.ui-datepicker .ui-datepicker-next {
	background-position: -64px 0;
	right: -200px;
}


.ui-datepicker .partially a {
	background: url(img/partially_mark.png) no-repeat 30px 40px !important;
}
.ui-datepicker .bid a {
	background: url(img/bid_mark.png) no-repeat 30px 40px !important;
}
.ui-datepicker .booked a {
	background: url(img/booked_mark.png) no-repeat 30px 40px !important;
}




/*БЛОК 6: ФАКТЫ*/
.facts {
	margin-top: 35px;
	padding-bottom: 20px;
}
	.facts .info {
		margin-top: 40px;
	}
	.facts .item {
		padding-top: 95px;
		display: inline-block;
		color: #555555;
		font-size: 18px;
		text-transform: none;
		text-align: center;
		min-width: 105px;
	}
		.facts .item + .item {
			margin-left: 45px;
		}
		.facts .camera {
			background: url(img/camera2.png) no-repeat 50% 0;
		}
		.facts .mw {
			background: url(img/mw2.png) no-repeat 50% 0;
		}
		.facts .rings {
			background: url(img/rings.png) no-repeat 50% 0;
		}
		.facts .film {
			background: url(img/film.png) no-repeat 50% 0;
		}
		.facts .clock {
			background: url(img/clock2.png) no-repeat 50% 0;
		}
		.info .num {
			font-size: 36px;
			color: #15c5f3;
			margin-left: 3px;
			font-family: 'mpro boldcond';
		}







 /*БЛОК 7: ОТЗЫВЫ */
.reviews {
	background: #F7F7F7;
	padding: 35px 0 0 0;
	text-transform: none;
	color: #555555;
}
.reviews .center {
	width: 1000px;
	padding: 0;
	position: relative;
}

	.comments {
		overflow: hidden;
		margin-top: 20px;
	}
		.comments .item {
			padding: 12px 40px;
			overflow: hidden;
			border-top: 3px dotted #C2C2C2;
		}
			.comments .item:nth-child(2n+1) {
				background: #fff;
			}
			.comments .item:last-child {
				border-bottom: 3px dotted #C2C2C2;
				z-index: 3;
				position: relative;
			}
			.comments .item .image {
				float: left;
				clear: left;
			}
				.comments .item .image img {
					width: 168px;
					height: 161.5px;
					border-radius: 50%;
				}
			.comments .item .text {
				margin-left: 215px;
			}
	.name_city {

	}
		.name_city .name {
			font-size: 18px;
		}
		.name_city .city {
			font-size: 14px;
		}
	.comments p {
		margin-top: 20px;
		font-size: 14px;
		line-height: 1;
	}
	.look_photo {
		position: absolute;
		cursor: pointer;
		top: 23px;
		right: 45px;
		text-decoration: underline;
		color: inherit;
	}
		.look_photo img {
			display: none;
		}
	.look_photo1 {
		position: absolute;
		cursor: pointer;
		top: 23px;
		right: 45px;
		text-decoration: underline;
		color: inherit;
	}
		.look_photo1 img {
			display: none;
		}		
	.look_photo2 {
		position: absolute;
		cursor: pointer;
		top: 23px;
		right: 45px;
		text-decoration: underline;
		color: inherit;
	}
		.look_photo2 img {
			display: none;
		}
	.look_photo3 {
		position: absolute;
		cursor: pointer;
		top: 23px;
		right: 45px;
		text-decoration: underline;
		color: inherit;
	}
		.look_photo3 img {
			display: none;
		}
	.look_photo4 {
		position: absolute;
		cursor: pointer;
		top: 23px;
		right: 45px;
		text-decoration: underline;
		color: inherit;
	}
		.look_photo4 img {
			display: none;
		}
	.reviews .social {
		margin-top: 20px;
	}







/*БЛОК 8: КОНТАКТЫ */
.contacts {

	padding: 20px 0;
	background: #555555;
	margin-top: -3px;
}

	.contacts .center {
		position: relative;
		overflow: hidden;
	}
	.contacts .title {
		color: #fff;
	}
	.contacts .callback {
		margin-top: 30px;
	}
	.contacts .phone_email, .contacts .now_btn, .contacts .social {
		display: inline-block;
		float: none;
		vertical-align: bottom;
	}
	.contacts .phone_email {
		color: #fff;
		font-size: 18px;
		float: left;
	}
		.contacts .phone_email .phone {
			color: #fff;
		}
		.contacts .phone_email .sp2 {
			text-transform: none;
			color: #fff;
		}
	.contacts .now_btn {
		width: 240px;
		height: 42px;
		line-height: 42px;
		font-size: 30px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		left: 370px;
	}
	.contacts .social {
		float: right;
	}
		.contacts .social .fb_btn,.contacts .social .ok_btn {
			margin-left: 20px;
		}






#myMapId {
	z-index: 5;
}

/*popup*/
.popup {
	display: none;
}
	.popup .title {
		font-size: 18px;
	}
		.popup .title span {
			color: #fd144b;
		}
	.popup_glow {
		position: fixed;
		z-index: 9;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(img/popup_glow.png);
	}
	.popup_form {		
		background: #fff;
		width: 550px;
		height: 290px;	
		position: fixed;
		left: 35%;
		top: 35%;
		z-index: 10;
		border-radius: 5px;
		border: 1px solid #3a3a3a;
	}
		.popup form {
			width: 340px;
			margin: 25px auto;
		}

		.popup form input[type="text"] {
			margin-top: 5px;
			width: 100%;
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding-left: 5px;
		}

		.popup .text {
			font-size: 18px;
			color: #555555;
			text-transform: none;
			margin-top: 10px;
		}

		.popup input[type="submit"] {
			width: 143px;
			height: 41px;
			font-size: 24px;
			margin: 0 auto;
			display: block;
			margin-top: 10px;
		}


		#fancybox-left span {
		left: 20px;
		}

		#fancybox-right span {
		left: auto;
		right: 20px;
		}