﻿/* Aleksey Skubaev

askubaev@gmail.com
icq - 322253350
Разработка шаблонов для DLE и кроссбраузерная верстка
------------------
Главные стили. Внешний вид.
*/
body {
	padding: 0px;
	margin: 0;
	background: #fff url(../images/body.jpg) center top no-repeat;
	text-align: center;
	font-size: 14px;
	color: #000;
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

.head-h {
	position: relative;
}


.head-block {
	background: #ffb525;
	position: relative;
	border-bottom: 2px #d3961f solid;
	margin: 0 0 89px 0;
}

.head-h-fixed .head-block {
	margin: 0 0 59px 0;
}

	.logo_en {
		background: url(../images/logo.png) left center no-repeat;
		display: block;
		width: 305px;
		height: 55px;
		margin: 0 auto;
	}
	
.top-menu {
	background: -moz-linear-gradient(top, #ffffff 5%, #e0e0e0 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%, #e0e0e0 100%);
	background: -o-linear-gradient(top, #ffffff 5%, #e0e0e0 100%);
	background: -ms-linear-gradient(top, #ffffff 5%, #e0e0e0 100%);
	background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0);
	background-color: #ffffff;
	-moz-box-shadow: 0 5px 9px rgba(0,0,0,.22);
	-webkit-box-shadow: 0 5px 9px rgba(0,0,0,.22);
	box-shadow: 0 5px 9px rgba(0,0,0,.22);
	border-bottom: 1px #a6a6a6 soldi;
	position: absolute;
	width: 100%;
	top: 59px;
	left: 0;
	font-size: 0;
}

.top-menu-fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 4444;
	width: 100%;
}

	.top-menu a {
		display: inline-block;
		vertical-align: top;
		position: relative;
		padding: 0 50px 10px 50px;
		color: #454545;
		font-size: 16px;
		background: url(../images/top-menu.png) right top repeat-y;
		transition:all 0.3s ease;
		-webkit-transition:all 0.3s ease;
		-o-transition:all 0.3s ease;
		-moz-transition:all 0.3s ease;
	}
	
	.top-menu a:last-child {
		background-image: none;
	}
	
		.top-menu a img {
			position: absolute;
			left: 50%;
			top: 15px;
			margin: 0 0 0 -22px;
			transition:all 0.3s ease;
			-webkit-transition:all 0.3s ease;
			-o-transition:all 0.3s ease;
			-moz-transition:all 0.3s ease;
		}
		
		.top-menu a i {
			font-style: normal;
			display: block;
			padding: 60px 0 0 0;
			transition:all 0.3s ease;
			-webkit-transition:all 0.3s ease;
			-o-transition:all 0.3s ease;
			-moz-transition:all 0.3s ease;
		}
		
		.top-menu a:hover {
			-moz-box-shadow: inset 0 0 35px rgba(0,0,0,.16);
			-webkit-box-shadow: inset 0 0 35px rgba(0,0,0,.16);
			box-shadow: inset 0 0 35px rgba(0,0,0,.16);
		}
		
		.top-menu-fixed a img {
			top: 7px;
			width: 24px;
			margin: 0 0 0 -12px;
		}
		
		.top-menu-fixed a i {
			font-style: normal;
			display: block;
			padding: 30px 0 0 0;
		}
		
		.top-menu-fixed a {
			font-size: 14px;
		}

.slider-block {
	background: url(../images/slider-block.png);
	padding: 50px 0 60px 0;
}

	.slider-block2 {
		width: 1200px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}
	
		.slider-block2:after {
			content: '';
			width: 90px;
			height: 90px;
			display: block;
			border-left: 7px #ffb525 solid;
			border-top: 7px #ffb525 solid;
			left: -12px;
			top: -12px;
			position: absolute;
		}
		
		.slider-block2:before {
			content: '';
			width: 90px;
			height: 90px;
			display: block;
			border-right: 7px #ffb525 solid;
			border-top: 7px #ffb525 solid;
			right: -12px;
			top: -12px;
			position: absolute;
		}
	
		.sld1 {
			height: 513px;
			position: relative;
		}
		
		.slider-block3 {			
			position: relative;			
			background: url(../images/slider-block3.png) center bottom no-repeat;
			padding: 0 0 30px 0;
		}
		
			.slider-block3:after {
				content: '';
				width: 90px;
				height: 90px;
				display: block;
				border-left: 7px #ffb525 solid;
				border-bottom: 7px #ffb525 solid;
				left: -12px;
				bottom: 18px;
				position: absolute;
			}
			
			.slider-block3:before {
				content: '';
				width: 90px;
				height: 90px;
				display: block;
				border-right: 7px #ffb525 solid;
				border-bottom: 7px #ffb525 solid;
				right: -12px;
				bottom: 18px;
				position: absolute;
			}
			
			.slider-item {
				position: relative;
			}
			
				.slider-item .scroll-link {
					display: block;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					z-index: 5555;
				}
			
				.slider-item-image {
					overflow: hidden;
				}
				
					.slider-item-image img {
						width: 100%;
						min-height: 513px;
					}
					
				.slider-item-info {
					position: absolute;
					left: 5%;
					bottom: 45px;
					width: 55%;
				}
				
					.slider-item-title {
						display: inline-block;
						vertical-align: top;
						background: #f7b20c;
						padding: 20px 30px;
						color: #fff;
						font-size: 26px;
						font-weight: 300;
					}
					
					.slider-item-text {
						background: rgba(0,0,0,0.4);
						padding: 20px;
						color: #fff;
						font-size: 14px;
						line-height: 16px;

					}
					
					.slider-item-text a {
						color: #f7b10b;
						text-decoration: underline;
					}
					
						.slider-item-text a:hover {
							color: #fff;
						}
						
		.sld1-prev {
			background: url(../images/sld1.png) left top no-repeat;
			width: 70px;
			height: 70px;
			position: absolute;
			left: -35px;
			top: 50%;
			margin: -35px 0 0 0;
			cursor: pointer;
			z-index: 3333;
			opacity: 0.8;
		}
		
			.sld1-prev:hover {
				opacity: 1;
			}
			
		.sld1-next {
			background: url(../images/sld1.png) left top no-repeat;
			width: 70px;
			height: 70px;
			position: absolute;
			right: -35px;
			top: 50%;
			margin: -35px 0 0 0;
			cursor: pointer;
			z-index: 3333;
			opacity: 0.8;
			-moz-transform: rotate(180deg); /* Для Firefox */
			-ms-transform: rotate(180deg); /* Для IE */
			-webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
			-o-transform: rotate(180deg); /* Для Opera */
			transform: rotate(180deg);
		}
		
			.sld1-next:hover {
				opacity: 1;
			}
			
.dioram-block {
	border-top: 9px #fcc704 solid;
	-moz-box-shadow: 0 -15px 32px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 -15px 32px rgba(0,0,0,.12);
	box-shadow: 0 -15px 32px rgba(0,0,0,.12);
	
}

	.dioram-block2 {
		width: 1200px;
		margin: 0 auto;
		text-align: left;
		position: relative;
		padding: 120px 0 0 0;
	}
	
		.dioram-block-title {
			background: url(../images/dioram-block-title.png) left top no-repeat;
			width: 490px;
			height: 104px;
			position: absolute;
			left: 50%;
			top: -35px;
			margin: 0 0 0 -245px;
			text-align: center;
			color: #343434;
			font-size: 25px;
			font-weight: bold;
			line-height: 100px;
		}
		
		.dioram-block-text {
			color: #474747;
			font-size: 16px;
			line-height: 22px;
			margin: 0 0 40px 0;
		}
		
	.map-area {
		border-bottom: 7px #e1e1e1 solid;
	}
	
		.map-area-title {
			color: #000;
			font-size: 24px;
			text-align: center;
			padding: 0 0 30px 0;
			border-bottom: 12px #fff3d5 solid;
		}
		
			.map-area-title a {
				color: #25a9cf;
				text-decoration: underline;
			}
			
				.map-area-title a:hover, a.map-area-title-active {
					text-decoration: none;
				}
		
		.map-area-content {
			border-bottom: 3px #fff solid;
		}
		
			.map-area-content-panel:last-child {
				display: none;
			}
			
	.dio-type {
		padding: 50px 0 0 0;
		text-align: left;
		width: 1200px;
		margin: 0 auto;
	}
	
		.dio-type-title {
			color: #474747;
			line-height: 22px;
			font-size: 16px;
			margin: 0 0 30px 0;
		}
		
		.dio-type-content {
			
		}
		
			.dio-type-item {
				position: relative;
				height: 359px;
				padding: 0 0 0 485px;
				margin: 0 0 60px 0;
			}
			
				.dio-type-item-image {
					width: 505px;
					height: 359px;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 3333;
				}
				
					.dio-type-item-image2 {
						width: 485px;
						height: 322px;
						top: 20px;
						left: 0;
						position: relative;
						overflow: hidden;
					}
					
					.dio-type-item-image:after {
						content: '';
						display: block;
						width: 505px;
						height: 359px;
						position: absolute;
						left: 0;
						top: 0;
						background: url(../images/dio-type-item.png) left top no-repeat;
						
					}
					
						.dio-type-item-image2 img {
							width: 100%;
							min-height: 322px;
						}
						
				.dio-type-item-content {
					z-index: 2222;
					position: relative;
					background: #fff;
					-moz-box-shadow: 0 0 13px rgba(0,0,0,.11);
					-webkit-box-shadow: 0 0 13px rgba(0,0,0,.11);
					box-shadow: 0 0 13px rgba(0,0,0,.11);
					height: 264px;
					top: 48px;
					padding: 0 110px 0 85px;
				}
				
					.dio-type-item-title {
						padding: 35px 0 15px 0;
						color: #26323d;
						font-size: 24px;
						font-weight: bold;
					}
					
					.dio-type-item-text {
						color: #565656;
						font-size: 16px;
						line-height: 22px;
						margin: 0 0 15px 0;
					}
					
					.dio-type-item-price {
						color: #bbb;
						font-size: 16px;
					}
					
						.dio-type-item-price span {
							display: block;
							font-size: 35px;
							color: #bcbcbc;
						}
						
						.dio-type-item-price i {
							color: #e04718;
							font-style: normal;
						}
						
							.dio-type-item-price:hover {
								
							}
							
					.dio-type-item-order {
						background: #fff8e1 url(../images/dio-type-item-order.jpg) left top repeat-y;
						width: 100px;
						height: 100%;
						position: absolute;
						right: 0;
						top: 0;
						text-align: center;
					}
					
					.dio-type-item-order2 {
						width: 264px;
						height: 100px;
						position: absolute;
						left: -83px;
						top: 82px;
						-moz-transform: rotate(-90deg); /* Для Firefox */
						-ms-transform: rotate(-90deg); /* Для IE */
						-webkit-transform: rotate(-90deg); /* Для Safari, Chrome, iOS */
						-o-transform: rotate(-90deg); /* Для Opera */
						transform: rotate(-90deg);
					}
					
						.dio-type-item-order span {
							color: #53514f;
							font-size: 20px;
							padding: 25px 0 0 0;
							display: block;
						}
						
							.dio-type-item-order a {
								color: #cb4c14;
								display: block;
								font-size: 26px;
							}
							
								.dio-type-item-order a:hover {
									
								}
								
	.dio-info {
		background:#ffd87c url(../images/dio-info.jpg) left bottom repeat-x;			
		border-top: 1px #eee solid;
	}
	
		.dio-info2 {
			border-top: 11px #fff solid;
		}
		
			.dio-info3 {
				width: 1200px;
				text-align: left;
				margin: 0 auto;
				padding: 65px 0;
			}
			
			.dio-deskr {
				background: url(../images/dio-deskr.jpg) left bottom repeat-x;
				padding: 0 0 40px 0;
				margin: 0 0 40px 0;
			}
			
				.dio-info-col {
					float: left;
					width: 40%;
					margin-right: 10%;
				}
				
				.dio-info-col:nth-child(2) {
					width: 50%;
					margin-right: 0;
				}
				
					.dio-info-title {
						font-size: 24px;
						font-weight: 300;
						color: #000;
						margin: 0 0 24px 0;
					}
					
					.dio-info-text {
						color: #4e4e4e;
						font-size: 16px;
						line-height: 22px;
					}
					
						.dio-info-text a {
							color: #f37347;
						}
						
							.dio-info-text a:hover {
								color: #fff;
							}
							
				.dio-works {
					
				}
				
					.dio-works-slider {
						position: relative;
					}
					
						.sld2-prev {
							position: absolute;
							left: -55px;
							width: 25px;
							height: 45px;
							cursor: pointer;
							opacity: 0.3;
							top: 50%;
							margin: -22px 0 0 0;
							background: url(../images/arrow.png) left top no-repeat;
						}
						
							.sld2-prev:hover {
								opacity: 1;
							}
							
						.sld2-next {
							position: absolute;
							right: -55px;
							width: 25px;
							height: 45px;
							cursor: pointer;
							opacity: 0.3;
							top: 50%;
							margin: -22px 0 0 0;
							background: url(../images/arrow.png) left top no-repeat;
							-moz-transform: rotate(180deg); /* Для Firefox */
							-ms-transform: rotate(180deg); /* Для IE */
							-webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
							-o-transform: rotate(180deg); /* Для Opera */
							transform: rotate(180deg);
						}
						
							.sld2-next:hover {
								opacity: 1;
							}
					
						.work-item {
							width: 380px;
						}
						
							.work-item-image {
								height: 260px;
								overflow: hidden;
								border: 5px solid #fff;
								-moz-box-shadow: 3px 4px 5px rgba(0,0,0,.06);
								-webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.06);
								box-shadow: 3px 4px 5px rgba(0,0,0,.06);
							}
							
								.work-item-image img {
									width: 100%;
									min-height: 260px;
								}
								
.master {
	padding: 90px 0 120px 0;
	background: #fff url(../images/master.jpg) left bottom repeat-x;
}

	.master2 {
		width: 1200px;
		margin: 0 auto;
		text-align: left;
	}
	
		.master-info {
			padding: 0 0 32px 170px;
			position: relative;
			border-bottom: 1px #ededed solid;
			margin: 0 0 30px 0;
			min-height: 100px;
		}
		
			.master-title {
				margin: 0 0 20px 0;
				color: #000;
				font-size: 30px;
				font-weight: bold;
			}
			
			.master-text {
				color: #4e4e4e;
				font-size: 16px;
				line-height: 22px;
			}
			
				.master-text a {
					color: #25a9cf;
					text-decoration: underline;
				}
				
					.master-text a:hover {
						color: #000;
					}
					
			.master-info img {
				position: absolute;
				left: 0;
				top: 0;
			}
			
		.master-images {
			font-size: 0;
		}
		
			.master-images a {
				display: inline-block;
				vertical-align: top;
				background-repeat: no-repeat;
				background-position: left top;
				background-size: cover;
				width: 125px;
				height: 125px;
				-moz-border-radius: 125px;
				-webkit-border-radius: 125px;
				border-radius: 125px;
				overflow: hidden;
				border: 4px solid #fff;
				-moz-box-shadow: 0 0 13px rgba(0,0,0,.22);
				-webkit-box-shadow: 0 0 13px rgba(0,0,0,.22);
				box-shadow: 0 0 13px rgba(0,0,0,.22);
				margin: 0 15px 30px 0;
			}
			
				.master-images a:hover {
					
				}
		.master-images1 {
			font-size: 0;
		}
		
			.master-images1 a {
				display: inline-block;
				vertical-align: top;
				background-repeat: no-repeat;
				background-position: left top;
				background-size: cover;
				width: 75px;
				height: 75px;
				-moz-border-radius: 75px;
				-webkit-border-radius: 75px;
				border-radius: 75px;
				overflow: hidden;
				border: 4px solid #fff;
				-moz-box-shadow: 0 0 13px rgba(0,0,0,.22);
				-webkit-box-shadow: 0 0 13px rgba(0,0,0,.22);
				box-shadow: 0 0 13px rgba(0,0,0,.22);
				margin: 0 15px 30px 0;
			}
			
				.master-images1 a:hover {
					
				}
				
.shop {
	padding: 120px 0 50px 0;
}

	.shop2 {
		width: 1200px;
		margin: 0 auto;
		text-align: left;
	}
	
		.shop-list {
			
		}
		
			.shop-item {
				width: 267px;
				margin: 0 44px 20px 0;
				height: 390px;
				float: left;
			}
			
			.shop-item:nth-child(4n){
				margin-right: 0;
			}
				
				.shop-item-image {
					width: 267px;
					height: 267px;
					overflow: hidden;
					border: 1px #e5e5e5 solid;
					overflow: hidden;
					-moz-box-shadow: 6px 7px 1px rgba(222,222,222,.49);
					-webkit-box-shadow: 6px 7px 1px rgba(222,222,222,.49);
					box-shadow: 6px 7px 1px rgba(222,222,222,.49);
					margin: 0 0 20px 0;
				}
				
					.shop-item-image img {
						width: 100%;
						min-height: 267px;
					}
					
				.shop-item-title {
					color: #4d4d4d;
					font-size: 16px;
					line-height: 20px;
					max-height: 40px;
					overflow: hidden;
					margin: 0 0 10px 0;
				}
				
				.shop-item-price {
					color: #4d4d4d;
					font-size: 18px;
					font-weight: 500;
				}

.footer {
	background: #16191b;
	border-top: 6px #b6b6b6 solid;
	padding: 60px 0;
}

	.footer2 {
		width: 1200px;
		margin: 0 auto;
		text-align: left;
	}
	
		.footer-left {
			float: left;
			width: 40%;
			margin: 0 10% 0 0;
		}
		
			.footer-title {
				margin: 0 0 30px 0;
				color: #fff;
				font-size: 24px;
				font-weight: bold;
			}
			
			.footer-faq {
				
			}
			
				.faq-item {
					position: relative;
					padding: 0 0 0 25px;
					margin: 0 0 15px 0;
				}
				
					.faq-item:after {
						content: '';
						display: block;
						width: 12px;
						height: 12px;
						position: absolute;
						left: 0;
						top: 4px;
						-moz-border-radius: 12px;
						-webkit-border-radius: 12px;
						border-radius: 12px;
						background: #ffa414;
					}
				
					.faq-item-title {
						color: #bbb;
						font-size: 16px;
						cursor: pointer;
					}
						
						.faq-item-title:hover {
							color: #fff;
						}
					
					.faq-item-text {
						color: #bbb;
						font-size: 14px;
						line-height: 18px;
						padding: 5px 0 0 0;
						display: none;
					}
					
				.faq-item-active .faq-item-title {
					color: #ffa414;
				}
				
				.faq-item-active .faq-item-text {
					display: block;
				}
		
		.footer-right {
			float: left;
			width: 50%;
		}
		
			.footer-contact {
				
			}
			
				.footer-contact-map {
					float: left;
					width: 50%;
				}
				
				.footer-contact-text {
					float: left;
					width: 50%;
				}
				
					.footer-contact-text2 {
						padding: 0 0 0 20px;
						color: #bdbdbd;
						font-size: 16px;
						line-height: 25px;
					}
					
						.footer-contact-text2 a {
							color: #bdbdbd;
							font-size: 20px;
							font-weight: bold;
						}
						
							.footer-contact-text2 a:hover {
								color: #fff !important;
							}
							
.overimage {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 44444;
	display: block;
}
				
/*  Адаптивность 

_______________________________________m8888888 
___________________________________mMoooooooM8888 
_________________________________MogggooooooM88888 
___________________________MMMMMoooooooooooM8888888 
___________________________M6ooooMMMmoooooooM888888888 
________________________Mmooo8oooooooooooooM88888888888 
_______________________MmmmooooooooooooooM88888888888888 
______________________Moooooooooo8888888M8888888888888888 
_____________________Mooooooooooooo88888M88888888888888888 
______________________MmooooooooooooooommM88888888888888888 
__________________________M88ooooo888mooMM88888888888888888 
___________________________M88888888oommooM88888888888888888 
____________________________M888888ooooMM8888888888888888888 
____________________________MooooooooooM888888888888888888888 
_________________________888MoooooooooM8888888888888888888888 
______________________888888MooooooooM88888888888888888888888 
_____________________88888888MoooooooM8888888888mmmm888888888 
____________________888888888Mo8oooooM8888888MooooooooM888888 
___________________8888888888Moo8oooM8888MM8ooooooooooooM88888 
___________________8888888888Mooo88ooooM888MoooooooooooooM8888 
____________________M8o8888ooo8oo88ooo0ooMMoo888oooooooooooM88 
___________________Mooo88888ooo8o88o8oooooooooo8888oooooooooM8 
___________________Moo8888o8ooooo8ooooooooooooooo8888ooooooooM8 
___________________Mooo88oooooooooooooooooooooooo888888oooooooM8 
___________________Mooooooooooooooooooooooooooooo88888888ooooooM8 
____________________MooMooooooooooooooooooooooooooM888ooo88oooooM 
_____________________Mmoooooooooooooooooooooooooo888Moooo8oooooooM 
______________________Moooooooooo8oooooooooooooo8888MMooooooooooooM 
_______________________Moooooooo88ooooooooooooo88888MMM8oooooooooooM 
_______________________Moooooooo88oooooooooooooo88888MMMMoooooooooooM 
_______________________Moooooooo88Moooooooooooooooo88888MMMMoooooooooM 
______________________Mooooooooo88Moooooooooooooooo8MooooMMMMoooooooooM 
_____________________Mooooooooo8MMooooooooooooooo88MoooooMMMMooooooooooM 
____________________Mooooooooo88MMoom888mooooooo88MooooooMM_MMooooooooooM 
____________________M8moooooo888MMoom@@8moooo8888M8oooooooMM__MMoooooooooM 
___________________M@88moooo888MooMom8@8mooo8888MoooooooooMM___Mmoooooo000M 
____________________*M8mooo8888MooooMm8mooo888M888ooooooooMM___Moooooo00000M 
_______________________MMMMMM8888oooooMMmmmmM88888oooooooooMM_Moooooooo0008M 
_____________________________M88Moooooo8888888888oooooooooooMMoooooooooo88M 
_____________________________M88Mooooo8o888888888ooooooooooooMoooooooo888M 
______________________________M88Mooooo8ooo888888oooooooooooMooooooo8888M 
_______________________________M888Mooo888ooooo888ooooooooooMoooooo8888M 
_______________________________M88888Moo888oooooo8888ooooooMooooooo888M88M 
________________________________M888888Mo8888oooooo8888oooMooooooo888M88888M 
_________________________________M8888888Mo8888ooooooooooMoooooooo88M88888888M 
___________________________________M888888M88888oooooooooMoooooooo8M88888888888M 
____________________________________M8oo888M888888ooooooMoooooooo8M888888oooo888M 
_____________________________________M8ooooMM88888888ooMooooooooM8888oooooooooooo8M 
______________________________________MooooM_M88888888MooooooooM888ooooooooooooooo8M 
_______________________________________MooooM_M888888Mooooooo8M88**ooooooooooooooo88M 
________________________________________MooooM_mmmmmmMoooooo8Mmooooooooooooooooo888M 
_________________________________________MoooQooommmmMoooMMooooooooooooooooooooooo888M 
________________________________________MM88ooo8ooooMMMooooooooooooooooooooooooooooo8888M 
_____________________________________mM8888M88o88mMmooooooooooooooooooooooooooooo88888M 
_______________________________mMMMoooooooooM888Mmooooooooooooooooooooooooooooo888888M 
__________________________MMMMoooooooooooooooMMooooooooooooooooooooooooooooooo888888M 
______________________MMMooooooooooooooooooooMMooooooooooooooooooooooooooo888888M 
__________________MMMooooooooooooooooooMMooooooooooooooooooooooooooooo88888888888M 
________________MMooooooooooooooooooooMMooooooooooooooooooooooooooooo8888888888M 
_____________MMoooooooooooooooooooooMMooooooooooooooooooooooooooo888888888888MMM 
___________MmoooooooooooooooooooooMMoooooooooooooooooooooooooo888888888888M88888M 
_________MooooooooooooooooooooooMooooooooooooooooooooooooooo88888888888MM_M8888888M 
_______MoooooooooooooooooooooooMooooooooooooooooooooooooo8888888888M_____M8888888888M 
______M8ooooooooooooooooooo88Mooooooooooooooooooooooo88888888888M_______M8888888888888M 
______M88oooooooooooo8888888Moooooooooooooooooooooo888888MMMMMMMMMMMM888888888888888888888M 
______M8888ooooooo88888MMMMMooooooooooooooooooooo8888M888888888888888888888888888888888888888M 
_______M888888888888MMM888Moooooooooooooooooooo88M8ooooooooooo8888888888888888888888MMMMMMMMMMMM 
________M888888888888oooooMoooooooooooooooooooMMoooooo8888888888888888888888MMM 
_________M8888888888888888M8888oooooo88ooooooMoo888888888888888888888MM 
____________MMMMMMMMMMMMMMM888888ooo88888oo8Mo888888888888888888MM 
_____________________________M8888888888888Mo888888888888MMM 
_______________________________M88888888888MMMMMMM 
__________________________________MMMMM

*/

@media (max-width: 1300px) {

	.slider-block2, .dioram-block2, .dio-type, .dio-info3, .master2, .shop2, .footer2 {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.head-block {
		margin: 0 0 59px 0;
	}
	
	.sld2-prev, .sld2-next {
		display: none;
	}
	
		.top-menu a img {
			top: 7px;
			width: 24px;
			margin: 0 0 0 -12px;
		}
		
		.top-menu a i {
			font-style: normal;
			display: block;
			padding: 30px 0 0 0;
		}
		
		.top-menu a {
			font-size: 14px;
		}
		
	.slider-block {
		padding: 50px 40px 60px 40px;
	}
	
	.slider-block2 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.dio-type-item-content {
		padding: 0 110px 0 35px;
	}
	
	.dio-info-col {
		float: none;
		width: auto;
		margin: 0 0 30px 0;
	}
				
	.dio-info-col:nth-child(2) {
		width: auto;
		margin: 0 0 30px 0;
	}
	
	.master {
		padding: 60px 0;
	}
	
	.master-images {
		text-align: center;
	}
		
			.master-images a {
				margin: 0 15px 30px 15px;
			}
			
	.shop {
		padding: 60px 0 50px 0;
	}
	
	.shop-list {
		text-align: center;
	}
		
			.shop-item {
				width: 267px;
				margin: 0 20px 20px 20px;
				height: 390px;
				float: none;
				display: inline-block;
				vertical-align: top;
			}
			
			.shop-item:nth-child(4n){
				margin-right: 20px;
			}
			
	.footer-left {
		float: none;
		width: auto;
		margin: 0 0 30px 0;
	}
	
	.footer-right {
		float: none;
		width: auto;
	}
	
	.footer-contact-map {
		float: none;
		width: auto;
		margin: 0 0 30px 0;
				}
				
	.footer-contact-text {
		float: none;
		width: auto;
	}

}

@media (max-width: 1000px) {

	.slider-block {
		padding: 30px 15px 60px 15px;
	}
	
	.slider-block2:after, .slider-block2:before, .slider-block3:after, .slider-block3:before, .sld1-prev, .sld1-next {
		display: none;
	}
	
	.slider-item-info {
		display: none;
	}
	
	.sld1 {
		height: auto;
	}
	.slider-item-image img {
		min-height: 100px;
	}
	
	.slider-block3 {			
		background: none;
		padding: 0;
	}
	
	.dio-type {
		padding: 20px 15px 0 15px;
	}
	
	.dioram-block2 {
		padding-top: 80px;
	}
	
	.dioram-block-text {
		margin: 0 0 50px 0;
	}
	
	.dio-type-item-image:after {
		display: none;
	}
	
	.dio-type-item {
		position: relative;
		height: auto;
		padding: 20px;
		margin: 0 0 20px 0;
		background: #fff;
		-moz-box-shadow: 0 0 13px rgba(0,0,0,.11);
		-webkit-box-shadow: 0 0 13px rgba(0,0,0,.11);
		box-shadow: 0 0 13px rgba(0,0,0,.11);
	}
			
				.dio-type-item-image {
					width: auto;
					height: auto;
					position: static;
					margin: 0 0 10px 0;
				}
				
					.dio-type-item-image2 {
						width: auto;
						height: auto;
						position: static;
					}
					
					.dio-type-item-image2 img {
							min-height: 100px;
							width: auto;
							max-width: 100%;
						}
						
				.dio-type-item-content {
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
					box-shadow: none;
					height: auto;
					top: 0;
					padding: 0px;
				}
				
				.dio-type-item-price {
					margin: 0 0 20px 0;
				}
				
				.dio-type-item-order {
						background: #fff8e1;
						width: auto;
						height: auto;
						position: static;
						padding: 10px;
					}
					
					.dio-type-item-order2 {
						width: auto;
						height: auto;
						position: static;
						-moz-transform: rotate(0deg); /* Для Firefox */
						-ms-transform: rotate(0deg); /* Для IE */
						-webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
						-o-transform: rotate(0deg); /* Для Opera */
						transform: rotate(0deg);
					}
					
						.dio-type-item-order span {
							padding: 0;

						}
	
	

}

@media (max-width: 750px) {

	.top-menu a {
		padding: 0 10px 10px 10px;
		font-size: 14px;
	}
	
	.dioram-block-title {
			background: url(../images/dioram-block-title.png) center top no-repeat;
			width: 100%;
			height: 104px;
			left: 0;
			margin: 0;
			text-align: center;
		}
		
	.map-area-title {
			font-size: 18px;
			line-height: 24px;
			
		}
		
		.master-info {
			padding: 0 0 32px 0px;
			min-height: 50px;
			
		}
		
		.master-title {
			font-size: 24px;
		}
		
		.master-info img {
			display: none;
		}
		
	.footer-title {
		font-size: 18px;
	}

}

@media (max-width: 450px) {

	.top-menu a {
		padding: 0 5px 10px 5px;
		font-size: 11px;
	}
	
	.dioram-block-title {
		font-size: 18px;
	}
	
	.work-item {
		width: 280px;
	}
						
							.work-item-image {
								height: 190px;
							}
							
								.work-item-image img {
									min-height: 190px;
								}

}

