* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  height: 100%;
  position: relative;
  background: #ffffff;
  font-family: 'Ubuntu-Light' , sans-serif;
  color: #353132;
  line-height: 1.3;
  min-width: 1230px;
}

html {
  height: 100%;
}

/* HTML5 tags */
header, content, section, footer, aside, nav, article, figure {
  display: block;
}

img {
  border: none;
  max-width: 100%;
}

a {
  text-decoration: underline;

}

a:hover {
  text-decoration: none;
   color:#99ca3c;
}

a:focus {
  outline: none;
}

ul {
  list-style-type: none;
}

.clearfix:after {
  content: "";
  width: 100%;
  display: block;
  clear: both;
}

/** Generated by FG **/
@font-face {
	font-family: 'Ubuntu-Light';
	src: url('../fonts/Ubuntu-Light.eot');
	src: local('☺'), url('../fonts/Ubuntu-Light.woff') format('woff'), url('../fonts/Ubuntu-Light.ttf') format('truetype'), url('../fonts/Ubuntu-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


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

#wrapper {
  width: 100%;
  max-width: 1920px;
  min-height: 100%;
  margin: 0 auto;
  overflow-x: hidden;
}
	
	.container {
		width: 1230px;
		margin: 0 auto;
	}
	
	header {
		height: 105px;
		font-size: 53.6px;
		font-family: "VeraCrouz";
		position: absolute;
		width: 100%;
  		max-width: 1920px;
		z-index: 2;
		padding: 47px 0 0 0;
		background: url(../image/header.png) left 80% repeat-x , rgba(255, 255, 255, 0.4);
	}
	
		.logo {
			display: inline-block;
			text-decoration: none;
			background: url(../image/logo.png) no-repeat;
			width: 249px;
			height: 134px;
		}

			.logo.white {
				background: url(../image/logo_white.png) no-repeat;
				background-size: 100%;
			}

		.facebook , .message {
			display: inline-block;
			text-decoration: none;
			width: 30px;
			height: 30px;
		}

			.facebook {
				background: url(../image/facebook.png) no-repeat;
				margin: 0 0 0 10px;
			}

			.message {
				background: url(../image/mail.png) no-repeat;
			}	

	.content {}

		nav {
			position: absolute;
			top: 190px;
			width: 100%;
  			max-width: 1920px;
  			z-index: 2;
		}

			nav ul {}

				nav ul li {
					position: relative;
					margin: 4px 0;
					padding: 0 0 0 23px;
				}

					nav ul li:after {
						content: "";
						position: absolute;
						width: 13px;
						height: 13px;
						border-radius: 50%;
						background-color: #e9e9e9;
						left: 0;
						top: 2px;
					}

					nav ul li a {
						text-decoration: none;
						text-transform: uppercase;
						color: #353132;
						font-size: 14.75px;
					}

		.stiker {
			position: absolute;
			width: 100%;
			max-width: 305px;
			margin: 0 0 0 -600px;
  			left: 50%;
  			top: 120px;
			background: url(../image/sticker_web.png) left center no-repeat;
			min-height: 385px;
		}

		.screen1 {
			position: relative;
		}

			.screen1 .stiker {
				top: auto;
				bottom: 15px;
				left:60%;
			}

			.screen1 .bx-wrapper .bx-pager, .screen1 .bx-wrapper .bx-controls-auto {
				bottom: 5px;
			}

		.news {
			padding: 30px 0;
			background: #cccccc;
		}

			.item_news {
				font-size: 15px;
				margin: 0 0 20px 0;
				padding: 20px;
				background: linear-gradient(left , #dbdbdb , #cccccc);
				background: -webkit-linear-gradient(left , #dbdbdb , #cccccc);
				background: -moz-linear-gradient(left , #dbdbdb , #cccccc);
				background: -o-linear-gradient(left , #dbdbdb , #cccccc);
			}

				.item_news img {
					max-width: 100%;
					border-radius: 4px;
					border: 4px solid #ffffff;
					margin: 0 0 10px 0;
				}

				.item_news p:first-letter {
					font-family: "VeraCrouz";
					font-size: 32px;
					line-height: 0.7;
				}

		.service {
			padding: 30px 0;
			background: #353132;
			color: #ffffff;
			font-size: 14.76px;
		}

			.caption {
				font-weight: normal;
				font-size: 53.65px;
				text-align: center;
				margin: 0 0 30px 0;
				padding: 0;
				font-family: "VeraCrouz";
				background: url(../image/bg_caption.png) center center no-repeat;
			}

				.caption span {
					margin: 0 20px;
				}

				.caption.white {
					color: #ffffff;
					background: url(../image/bg_caption2.png) center center no-repeat;
				}

				.service .caption span {
					padding: 0 30px;
				}

					.service .caption {
						background: transparent;
					}

			.wrap_service {
				text-align: center;
			}

				.item_serv {
					display: inline-block;
					vertical-align: top;
					padding: 132px 80px 0 80px;
				}

					.item_serv:nth-child(1) {
						background: url(../image/serv1.png) center top no-repeat;
					}

					.item_serv:nth-child(2) {
						background: url(../image/serv2.png) center top no-repeat;
					}

					.item_serv:nth-child(3) {
						background: url(../image/serv3.png) center top no-repeat;
					}

					.item_serv b {
						text-transform: uppercase;
					}

		.about {
			padding: 30px 0;
		}

			.about_nav {
				display: inline-block;
				vertical-align: top;
				max-width: 47%;
				margin: 0 145px 30px 0;
			}

				.about_nav a {
					text-decoration: none;
					font-size: 14.71px;
					color: #353132;
					display: inline-block;
					margin: 0 0 10px 0;
				}
				.about_nav a:hover {color:#99ca3c;}

				.about_nav span {
					margin: 0 15px;
				}

			.holiday {
				font-size: 53.6px;
				font-family: "VeraCrouz";
			}

			.phone {
				font-size: 46px;
			}

				.phone span {
					display: block;
					font-size: 23px;
				}

			.about_text {
				font-size: 16px;
			}

			.about .bx-wrapper .bx-controls-direction a {
				width: 32px;
				height: 33px;
			}

			.about .bx-wrapper .bx-prev {
				left: 15px;
				background: url(../image/arrow2.png) no-repeat left top;
			}

			.about .bx-wrapper .bx-next {
				right: 15px;
				background: url(../image/arrow2.png) no-repeat right top;
			}

			.about .bx-wrapper .bx-pager.bx-default-pager a {
				display: none;
			}

		.screen {
			background: #353132;
			position: relative;
		}

			.screen .caption {
				margin: 0;
			}

			.menu {
				text-align: center;
				background: #cccccc;
				z-index: 3;
				margin: 0;
				padding: 0 0 15px 0;
				position: relative;
			}

				.menu li {
					display: inline-block;
					vertical-align: top;
					margin: 0 10px;
					width: 100%;
					max-width: 103px;
					margin: -50px 10px 0 10px;

						transition: all 0.3s ease;
						-webkit-transition: all 0.3s ease;
						-moz-transition: all 0.3s ease;
						-o-transition: all 0.3s ease;
				}

					.menu li a {
						text-decoration: none;
						color: #353132;
						text-transform: uppercase;
						font-size: 10px;
					}

						.menu li a span {
							display: block;
							width: 103px;
							min-height: 103px;
							margin: 0 0 5px 0;
							border-radius: 50%;
							overflow: hidden;
							border: 4px solid #ffffff;
						}

							.menu li a span img {
								max-width: 100%;
							}

						.menu li:hover {
							transform: translate(0 , -10px);
							-webkit-transform: translate(0 , -10px);
							-moz-transform: translate(0 , -10px);
							-o-transform: translate(0 , -10px);
						}

							.menu li:hover span {
								border: 4px solid #99ca3c;
							}	

			.caption_master {
				font-family: "VeraCrouz";
				margin: 0 0 20px 0;
				padding: 10px 0;
				font-size: 35px;
				background: #353132;
				color: #ffffff;
			}
			
		.order {
			padding: 30px 0;
		}

			.order .caption , .comment .caption {
				background: transparent;
			}

			.order_type {
				margin: 30px 0;
			}

		.comment {
			background: #cccccc;
			padding: 30px 0;
		}

			.wrap_comment {
				width: 900px;
				margin: 0 auto;
			}

				.type_comment {
					margin: 0 0 20px 0;
				}

					.type_comment li {
						margin: 0 10px 0 0;
						display: inline-block;
						vertical-align: top;
					}

						.type_comment li a {
							text-decoration: none;
							font-size: 12px;
							color: #353132;
							padding: 0 15px 0 25px;
							line-height: 25px;
							position: relative;
							display: inline-block;
						}

							.type_comment li a.current_type {
								border-radius: 4px;
								color: #cccccc;
							}
							.type_comment li a:hover {color:#99ca3c;}
								.type_comment li a.current_type:after {
									content: "";
									position: absolute;
									left: 49%;
									bottom: -7px;
									width: 0;
									height: 0;
									border-left: 5px solid transparent;
									border-right: 5px solid transparent;
									border-top: 7px solid #353132;
								}

							.type_comment li:nth-child(1) a {
								background: url(../image/idea.png) 5px -2px no-repeat;
							}	

							.type_comment li:nth-child(2) a {
								background: url(../image/prob.png) 4px -2px no-repeat;
							}

							.type_comment li:nth-child(3) a {
								background: url(../image/qu.png) 5px -2px no-repeat;
							}

							.type_comment li:nth-child(4) a {
								background: url(../image/thank.png) 5px -2px no-repeat;
							}

								.type_comment li:nth-child(1) a.current_type {
									background: url(../image/idea.png) 5px -28px no-repeat , #353132;
								}
								.type_comment li:nth-child(1) a:hover, .type_comment li:nth-child(1) a.current_type:hover {
									background-position:  5px -55px;
								}

								.type_comment li:nth-child(2) a.current_type {
									background: url(../image/prob.png) 4px -28px no-repeat , #353132;
								}
								.type_comment li:nth-child(2) a:hover, .type_comment li:nth-child(2) a.current_type:hover {
									background-position:  4px -55px;
								}								

								.type_comment li:nth-child(3) a.current_type {
									background: url(../image/qu.png) 5px -28px no-repeat , #353132;
								}
								.type_comment li:nth-child(3) a:hover, .type_comment li:nth-child(3) a.current_type:hover {
									background-position:  5px -55px;
								}								

								.type_comment li:nth-child(4) a.current_type {
									background: url(../image/thank.png) 5px -28px no-repeat , #353132;
								}
								.type_comment li:nth-child(4) a:hover, .type_comment li:nth-child(4) a.current_type:hover {
									background-position:  5px -55px;
								}								

			input[type="text"] , textarea {
				width: 100%;
				background: #ffffff;
				padding: 0 0 0 10px;
				height: 40px;
				border: 1px solid #353132;
				font-size: 13px;
			}

				textarea {
					height: 140px;
					resize: none;
					padding: 7px 0 0 10px;
				}

				input[type="submit"] {
					height: 40px;
					background: #353132;
					border-radius: 4px;
					padding: 0 25px;
					color: #ffffff;
					font-size: 13px;
					border: none;
				}
				input[type="submit"]:hover {
					color:#99ca3c;
				}

			.item_comment {
				margin: 20px 0;
			}

				.author_comment.idea {
					background-image: url(../image/idea.png);
					background-repeat: no-repeat;
					background-position: 2px -5px; 
				}

				.author_comment.prob {
					background-image: url(../image/prob.png);
					background-repeat: no-repeat;
					background-position: 0px -5px; 
				}

				.author_comment.qu {
					background-image: url(../image/qu.png);
					background-repeat: no-repeat;
					background-position: 2px -5px; 
				}

				.author_comment.thank {
					background-image: url(../image/thank.png);
					background-repeat: no-repeat;
					background-position: 2px -5px; 
				}
				.author_comment.thank:hover, .author_comment.qu:hover, .author_comment.idea:hover {
					background-position: 2px -58px;
				}
				.author_comment.prob:hover {
					background-position: 0px -58px;
				}

			.author_comment {
				font-weight: bold;
				padding: 0 0 5px 22px;
				margin-bottom: 0;
			}
			
				.date_comment {
					color: #7d7d7d;
					float: right;
					font-size: 12px;
				}

	.detal {
		display: inline-block;
		background: #353132;
		line-height: 50px;
		padding: 0 60px 0 15px;
		font-size: 16px;
		color: #cccccc;
		position: absolute;
		right: -135px;
		bottom: 160px;
		text-decoration: none;
		border-radius: 25px 0 0 25px;

	}

		.detal span {
			display: inline-block;
			width: 22px;
			height: 12px;
			background: url(../image/drop.png) left 1px no-repeat;
			margin: 3px 8px 0 0;
		}

		.detal:hover , .detal:active , .detal:focus {
			color: #99ca3c;
			text-decoration: none;
		}

			.detal:hover span {
				background: url(../image/drop.png) left bottom no-repeat;
			}			

footer {
	background: url(../image/footer.png) center 67% repeat-x , #353132;
	padding: 30px 0;
	color: #ffffff;
}

	footer .about_nav a {
		color: #ffffff;
	}

	.copyright {
		margin: 100px 0 10px 0;
	}

	footer .facebook {
		background: url(../image/facebook2.png) no-repeat;
	}

	footer .message {
		background: url(../image/mail2.png) no-repeat;
	}


.dark, .light {
	background-image: url(../image/socials.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 34px;
	height:33px;
	vertical-align: middle;
}

.dark { background-position-y: -4px;}

.light { background-position-y: -58px;}
.mail.light { background-position-y: -57px;}
.light:hover, .dark:hover { background-position-y: -111px;}

.vk {background-position-x: -2px; }
.ok {background-position-x: -36px; }
.fb {background-position-x: -70px; }
.inst {background-position-x: -104px; }
.mail {background-position-x: -138px; }

a.n_a { color: #353132; text-decoration: none;}
a.n_a:hover {color: #99ca3c;}