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

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

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

html,
html.fancybox-lock{
	overflow-y: scroll!important;
}

.fancybox-margin{
	margin-right: 0px!important;
}

.fancybox-lock .fancybox-overlay{
	overflow: auto;
}

html,
body{
	width: 100%;
	height: 100%;
}

body{
	margin: 0px;
	padding: 0px;
	font: normal 16px 'Circe-Regular', sans-serif;
	color: #3b3a49;
}

	.left{
		float: left;
	}
	
	.right{
		float: right;
	}

	.hidden{
		display: none;
	}

	a img{
		border: none;
	}
	
	a{
		color: #495d87;
	}
	
	.clear:after{
		content: "";
		display: block;
		clear: both;
	}

	.wrap{
		width: 960px;
		margin: 0px auto;
		position: relative;
	}
	
		.wrap a {
			position: relative;
			z-index: 3;
		}
	
	nav ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	.body{		
		padding-top: 152px;
	}
	
		.body__page{
			min-height: 100%;
		}
	
			.header{
				height: 125px;
				position: fixed;
				top: 0px;
				left: 0px;
				width: 100%;
				z-index: 4;
			}
				
				.menu{
					text-align: center;
				}
				
					.menu__item{
						display: inline-block;
					}
					
						.menu__link{
							display: block;
							padding: 4px 10px 2px;
							border-right: 2px solid #eeeeee;
							text-decoration: none;
						}
						
						.menu__link:hover{
							text-decoration: underline;
						}
							
						.menu__item:last-child .menu__link{
							border: none;
						}
			
			.body__content{
				padding: 0px 0px 50px 0px;
			}
			
				.block{
					padding: 25px 0px;
					background: #ffffff;
				}
				
				.block--small-padding{
					padding: 10px 0px;
				}

				.block--no-bottom-padding{
					padding-bottom: 0px;
				}
				
				.block--grey{
					background: #fafafa;
				}
				
				.block--orange{
					padding: 12px 0px 20px;
                    background-color: #FFFFFF;
				}

                    .block--orange .wrap{
                        background: #df771c;
                        padding: 10px 0px 15px;
                        position: relative;
                        min-height: 58px;
                        color: #fff;
                    }

                    .block--orange .wrap:before{
                        content: '';
                        display: block;
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        background: url(../images/header-lines-left.png) no-repeat;
                        width: 190px;
                        height: 83px;
                        z-index: 1;
                    }

                    .form__inputs{
                        position: relative;
                        z-index: 2;
                    }

					.block--orange h2{
						color: #fff;
						margin: 0px 0px 10px;
					}
				
				.block--bordered{
					border-top: 1px solid #eeeeee;
					border-bottom: 1px solid #eeeeee;
				}
				
				 h1, h2{
				 	text-transform: uppercase;
				 	font-family: 'Circe-Bold';
					 text-align: center;
					 font-size: 30px;
					 font-weight: normal;
					 color: #333333;
					 margin: 0px 0px 30px;
				 }
				 
				 .about{
					 
				 }
				 
				 	.about__image{
						margin-bottom: 10px;
					}
					
					.about__image--left{
						float: left;
						margin-left: 10px;
					}
					
					.about__image--right{
						float: right;
						margin-right: 10px;
					}
				 
				 .products{
					 
				 }

				 	.product{
						width: 32%;
						float: left;
						margin-bottom: 30px;
						background: #fff;
						border: 1px solid #eeeeee;
						padding: 10px;
						box-sizing: border-box;
						border-radius: 5px;
						position: relative;
					}

					.product:nth-child(3n + 2){
						margin-left: 2%;
						margin-right: 2%;
					}

						.product__image{
						}

						.product__title{
							position: absolute;
							top: 40px;
							padding: 0px 40px;
							font-size: 28px;
							font-weight: 800;
							line-height: 40px;
						}
						
						.product__text{
							position: absolute;
							width: 100%;
							background: rgba(255, 255, 255, 0.75);
							bottom: 0px;
							left: 0px;
							padding: 15px 25px 30px;
							box-sizing: border-box;
							text-align: center;
							height: 55%;
							overflow: hidden;
						}
	
							.product__description{
								margin: 0px 0px 10px;
								border-bottom: 1px solid #ccc;
								line-height: 14px;
								text-align: left;
								font-size: 13px;
							}
	
							.button{
								border: 1px solid #eeeeee;
								border-radius: 5px;
								padding: 5px 8px;
								color: #000;
								text-decoration: none;
							}

							.product__price{
								float: right;
								width: 30%;
								top: 40%;
								position: absolute;
								right: 15px;
							}
	
							.button__price{
								display: block;
								background: #f69a44;
								border-color: #f69a44;
								color: #fff;
							}

							.button__order{
								display: block;
								background: #f69a44;
								border-color: #f69a44;
								color: #fff;
								text-decoration: none;
								position: absolute;
								bottom: 8%;
								width: 80%;
								left: 10%;
								z-index: 3;
							}

					.products__show-all{

					}
				 
				 .form--callback{
					 text-align: center;
					 padding: 8px 0px;
				 }

				 	.form--callback h2{
						margin-bottom: 5px;
					}

				 	.form__input{
						background: #FFFFFF;
						border: 1px solid #eee;
						width: 200px;
						height: 30px;
						font-size: 16px;
						margin-right: 15px;
						border-radius: 5px;
						padding: 0px 10px;
						display: inline-block;
					}

					.form__sumbit{
						background: #2d81c4;
						border: 1px solid #eee;
						border: none;
						border-radius: 5px;
						display: inline-block;
						width: 150px;
						height: 32px;
						font-size: 16px;
						color: #fff;
						position: relative;
						top: -1px;
					 }
				 
				 .gallery{
					 
				 }

				 	.gallery__image{
						float: left;
						width: 22%;
						margin-right: 4%;
						margin-bottom: 30px;
						overflow: hidden;
						text-align: center;
						height: 140px;
					}
					
						.gallery__image img{
							max-width: 100%;
						}

					.gallery__image:nth-child(4n + 4){
						margin-right: 0px
					}
				 
				 .reviews{
					 
				 }

				 	.review{
						margin: 0px 0px 35px;
					}

						.review__author{
							float: left;
							width: 20%;
						}

						.review__text{
							padding: 20px 0px;
							position: relative;
							float: right;
							width: 80%;
						}

							.review__text:before,
							.review__text:after{
								font-size: 40px;
								color: #dd7426;
							}

							.review__text:before{
								content: '\201e';
								display: block;
								position: absolute;
								left: -30px;
								top: -30px;
							}

							.review__text:after{
								content: '\201d';
								display: block;
								position: absolute;
								right: 0px;
								bottom: -10px;
							}
				 
				 .map{
					 
				 }
				 
				 	.map__entry{
					 	margin-top: 0px;
				 	}
			
		.footer{
			height: 50px;
			margin: -50px 0px 0px;
		}
		
		.banner{
			width: 650px;
			padding: 15px;
		}
		
		.block--orange.banner{
			background: #cc701b; 
			background: -moz-linear-gradient(top, #cc701b 0%, #1c1003 85%); 
			background: -webkit-linear-gradient(top, #cc701b 0%,#1c1003 85%); 
			background: linear-gradient(to bottom, #cc701b 0%,#1c1003 85%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc701b', endColorstr='#1c1003',GradientType=0 );
			color: #fff;
		}
		
			.banner__image{
				margin: 0px auto;
			    border: 2px solid rgb(204, 112, 27);
				display: block;
				float: right;
				max-width: 100%;
			}
			
			.banner__image--main{
				float: right;
				margin: 2px 2px;
			}
			
			.banner__social--img{
				position: relative;
				top: 5px;
				margin-left: 10px;
			}
			
			.banner__social-vk,
			.banner__social-ok{
				width: 150px;
			}
			
			.banner__social-vk{
			}
			
			.banner__social-ok{
				border: 2px solid #fff;
				border-radius: 5px;
				top: 7px;
			}
			
			.banner h3{
				font-size: 28px;
				text-align: center;
			}
			
			.banner p{
				font-weight: bold;
				font-size: 16px;
			}
			
			.banner__link{
				position: relative;
				width: 650px;
				height: 90px;
				display: block;
			}
			
				.banner__link .banner__image{
					position: absolute;
					left: 0px;
					top: 0px;
					transition: opacity 0.3s ease;
				}
				
				.banner__link .banner__image + .banner__image{
					opacity: 0;
				}
				
				.banner__link:hover .banner__image + .banner__image{
					opacity: 1;
				}
				
				h1[id],
				h2[id]{
					padding-top: 170px;
					margin-top: -170px;
				}