@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&display=swap&subset=cyrillic');


*{
/*
	#font-family:	Oswald, sans-serif, verdana, arial, tahoma;
*/
	font-family: PT Sans Narrow, sans-serif;
}


body{
	padding:		0;
	margin:			0;

	background:		#FFFFFF;
}

a{
	color:		#1E90FF;
	text-decoration:	none;

	font-family:	sans-serif, verdana, arial, tahoma;
}

input{
	background:	white;
	border:		1px solid lightgray;

	border-radius:	3px;
	font-size:	14;
}

h1{
	display:	inline;
	margin:		0;
	font-weight:normal;
}

h2{
	display:	inline;
	margin:		0;
	font-weight:normal;
}

h3{
	display:	inline;
	margin:		0;
	font-weight:normal;
}

h4{
	display:	inline;
	margin:		0;
	font-weight:normal;
}

p{
	margin-top:		0;
	color:			#4D4D4D;
	font-size:		18;
}

li{
	color:			#4D4D4D;
	font-size:		18;
}

ul{
	list-style-image: url(../pic/ul.png);
}

blockquote{
	border-left:		6px solid #84D084;

	margin:				20;
	padding-left:		40;

	font-weight:		italy;
}



strong{
	color:			#4D4D4D;
}

em{
	color:			#4D4D4D;
	font-size:		18;
}


div.stateBox{
	float:			left;

	border:			1px solid lightgray;
	padding:		10px;

	margin-right:	20;
	margin-bottom:	20;

	width:			300;
	height:			300;

	background-repeat:	no-repeat;
	background-size:	140px auto;
	background-position:	160 160;
}

div.sb1{
	background-image:	url('../pic/state/1.png');
}
div.sb2{
	background-image:	url('../pic/state/2.png');
}
div.sb3{
	background-image:	url('../pic/state/3.png');
}
div.sb4{
	background-image:	url('../pic/state/4.png');
}


div.stateBox2{
	float:			left;

	border:			1px solid lightgray;
	padding:		0px;
	margin-bottom:	40px;

	width:			100%;
}

div.stateBox2Top{
	border-bottom:	1px solid lightgray;
	padding:		10px;
	font-size:		20;
	font-weight:	bold;
	background-color:	#EAF9EA;

	text-align:		center;
}

div.stateBox2Text{
	padding:		10px;
}



div.shemaBox{
	float:			left;
	width:			160;
	height:			340;
	margin-right:	10;
	text-align:		center;
}

div.shemaPic{
	height:			100;
	width:			100;

	margin-left:	20;

	border-radius:			26px;
	background-color:		#353535;
	background-position:	center center;
	background-size:		auto;
	background-repeat:		no-repeat;
}

div.sp1{	background-image:		url('../pic/shema/1.png');}
div.sp2{	background-image:		url('../pic/shema/2.png');}
div.sp3{	background-image:		url('../pic/shema/3.png');}
div.sp4{	background-image:		url('../pic/shema/4.png');}
div.sp5{	background-image:		url('../pic/shema/5.png');}



div.shemaTop{
	text-align:		left;
	font-weight:	bold;
	height:			80;
	padding-left:	10;
	margin:			20 0;
}

div.shemaText{
	text-align:		left;
	font-size:		14;
	padding-left:	10;
}



div.totop{
	position:		fixed;

	bottom:			0px;
	right:			0px;

	height:			5%;

	padding:		10px 15px;
	padding-top:	200%;

	background:		none;

	z-index:		10;

	color:			#4D4D4D;
}

div.totop:hover{
	color:			#000000;
	background:		rgba(100, 100, 100, .3);
}


div.center{
	width:		1050px;
	margin:		auto;
}

div.c850{
	width:		850px;
}

div.block{
	float:	left;
	width:	100%;

/*
	border:	1px solid red;
*/
}


div.mainTop{
	position:		fixed;
	z-index:		100;

	display:		flex;

	float:			left;
	width:			100%;

	background:		none;
	border-top:		4px solid black;
}

div.mainLogo{
	float:			left;

	margin:			10;
	margin-right:	20;

	height:			80;
	width:			80;
}


div.mainBlockLeft{
	float:			left;

	height:			100%;

	margin-top:		4;
	padding:		10;
	width:			550;

	#border:			1px solid gray;
}

div.mainBlockRight{
	float:			right;
	text-align:		right;
	height:			100%;

	padding:		10;
	width:			360;

	#border:			1px solid gray;
}


div.mainHome{
	float:		left;
	margin-top:		-10;
	margin-right:	20;

	height:		36;
	width:		36;

/*
	background-image:	url(../pic/home.png);
*/
	background-image:	url(../logo.png);
	background-position:center;
	background-repeat:	no-repeat;
	background-size:	contain;
}

div.mainPhone{
	float:			left;

	font-size:		16;
	color:			white;
}

div.mainMail{
	float:			left;
	padding-left:	40;

	font-size:		16;
	color:			white;
}

div.mainCallMe{
	font-size:		12;
	margin-bottom:	10;
	color:			#1E90FF;
}

div.mainName{
	float:			left;

	color:			#4D4D4D;
	font-size:		28;
	font-weight:	bold;
}

div.mainAbout{
	clear:			both;
	float:			left;

	color:			gray;
	font-size:		14;
}


select{
	font-size:		14;
	padding:		6 15;
	margin-top:		5;
	margin-right:	10;
	margin-bottom:	10;
}

input.search{
	display: inline-block;
	vertical-align: middle;

	border:			1px solid lightgray;
	border-radius:	20px;
	height:			32;
	padding:		6 14;
	margin:			0;
}

input.searchBtn{
	display: inline-block;
	vertical-align: middle;

	border:			none;
	border-radius:	0px;
	height:			32;
	padding:		6 12;
	margin:			0;
	cursor:			pointer;

	background-color:	rgba(0,0,0,0);
	background-image:	url('search.png');
	background-position:center;
	background-repeat:	no-repeat;
}

div.search{
	border:		1px solid lightgray;
	margin-bottom:20;
	padding:	20;
	padding-left:100;
	background:	white;
	border-radius:	4px;
	box-shadow:		lightgray 0px 2px 4px;

	background-position:	10 5;
	background-repeat:		no-repeat;
	background-size:		70px;
}

div.search:hover{
	box-shadow:	#A3A3A3 0px 2px 4px;
}

span.searchName{
	font-size:	18;
	font-weight:bold;
	color:		#333333;
}

span.searchWay{
	font-size:	13;
	color:		gray;
}


div.mainBottom{
	float:			left;
	width:			100%;
	padding:		20;

	box-sizing:		border-box;

/*
	background:		linear-gradient(to top left, #150E2F, #41688F, #891E66);
*/
	background:		#1A1A1A;

	font-size:		14;
	color:			white;
}

div.mainBtmLft{
	float:			left;
	width:			33%;
	text-align:		left;
}

div.mainBtmMid{
	float:			left;
	width:			33%;
	text-align:		center;
}

div.mainBtmRgt{
	float:			right;
	width:			33%;
	text-align:		right;
}


div.mainLinks{
	float:		left;
	width:		220;
}


img.social{
	float:			right;

	margin-right:	20;
	margin-top:		6;

	height:			32;
	width:			32;
}

img.social:hover{
	border-radius:	32px;
	box-shadow:	#1E90FF 0px 0px 10px;
}



div.menuBlock{
	float:		left;
	width:		100%;

	background:	#7DA3D3;
}



div.menu{
	float:		left;
	font-size:	14;
	padding:	10 15;

	color:		white;
	font-weight:	bold;
	text-shadow:	gray 0px 1px 1px;
}

div.menu:hover{
	color:		white;
	background:	#517DB5;
}

div.menuBlockScroll{
	display:	none;
	z-index:	10;

	position:	fixed;
	top:		0;

	float:		left;
	width:		100%;

	background:	#FFFFFF;
	border-bottom:	1px solid lightgray;
}

div.menuScr{
	float:		left;
	font-size:	14;
	padding:	10 15;

	color:		#ABABAB;
	font-weight:	bold;
}

div.menuScr:hover{
	color:		black;
}

div.mainLogoScr{
	float:			left;
	margin:			3;

	height:			30;
	width:			30;

	background-image:	url(../logo.png);
	background-repeat:	no-repeat;
	background-size:	cover;
}


div.firstBG{
	float:			left;
	width:			100%;

/*
	background:		linear-gradient(to top left, #891E66, #41688F, #150E2F);
*/
	background:		#1A1A1A;

	padding:		60 0;
}

div.firstState{
	float:			left;
	width:			340;
	height:			140;

	margin-bottom:	40;

	#border:			1px solid red;

	-webkit-transition: all .5s;
	-moz-transition:	all .5s;
	-o-transition: 		all .5s;
	transition: 		all .5s;
}

div.firstState:hover{
	-webkit-transform:	scale(1.2);
	-moz-transform:		scale(1.2);
	-ms-transform:		scale(1.2);
	-o-transform:		scale(1.2);
	transform:			scale(1.2);
}

div.firstState:hover{
	font-size:		24;
}

div.firstStateImg{
	float:			left;

	height:			50;
	width:			50;

	margin-right:	20;

	background-repeat:	no-repeat;
	background-position:center;
	background-size:	cover;
}

div.firstStateBlock{
	float:			left;
	height:			160;
	width:			160;

	-webkit-transition: all .5s;
	-moz-transition:	all .5s;
	-o-transition: 		all .5s;
	transition: 		all .5s;
}

div.firstStateTop{
	color:			#FFCC00;
	padding-bottom:	8;
	font-size:		22;

	height:			60;
	width:			240;

	margin-top:		10;

	border-bottom:	2px solid #B93766;
}

div.firstStateText{
	color:			white;
	padding-top:	10;
	font-size:		14;

	width:			240;
}

div.allLinks{
	float:			left;
	width:			100%;
	margin-top:		40;
	text-align:		center;
}

a.allLinks{
	padding:		10 30;
	background:		#A52A2A;
	color:			#FFFFFF;
	border-radius:	20px;

	-webkit-transition: all .5s;
	-moz-transition:	all .5s;
	-o-transition: 		all .5s;
	transition: 		all .5s;
}

a.allLinks:hover{
	color:			white;
	background:		#EA2121;
}


div.first{
	float:			left;
	width:			100%;

	padding-top:	40;
	padding-bottom:	60;

	margin:			0 auto;

	font-size:		18px;
	font-weight:	400;

	line-height:	1.5;
	text-align:		justify;
}

div.firstTopBlock{
	box-sizing: border-box;

	float:		left;
	width:		310;
	height:		300;

	color:		white;
	font-size:	24;
	font-weight:bold;
	text-shadow:black 0px 1px 1px;
	text-align:	center;
	margin:		20 20 20 0;
	padding:	10;

	background-position:	center;
	background-repeat:		no-repeat;
	background-size:		100%;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

div.firstTopBlock:hover{
	background-size:		105%;
}

div.firstAboutBlock{
	box-sizing: border-box;

	float:		left;
	width:		310;
	height:		300;

	color:		#7DA3D3;
	font-size:	24;
	font-weight:bold;
	text-shadow:lightgray 0px 1px 1px;
	text-align:	center;
	margin:		20 20 20 0;
	padding:	10;
	padding-top:230;

	background-position:	center;
	background-repeat:		no-repeat;
	background-size:		50%;

	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

div.firstAboutBlock:hover{
	background-size:		55%;
}

div.adminka{
	position:	fixed;
	left:		-30;
	top:		60%;

	transform: rotate(270deg);

	background:		rgba(0,0,0,0);
	color:			rgba(0,0,0,0);

	padding:		5 10;
}

div.adminka:hover{
	background:		#00DA00;
	color:			white;
}

div.adminkaMaster{
	background:		#00BB00;
	color:			white;

	text-align:		center;
	width:			140;
	margin:			auto;

	padding:		12 12;
	border-radius:	6px;
}

div.adminkaMaster:hover{
	background:		#00DA00;
}


.gear{
	position:		absolute;
	bottom:			220;
	right:			-20%;
	z-index:		-1;
	overflow:		hidden;
}

.gear img {
    -webkit-animation: rotation 20s infinite linear;
    opacity: .7;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}


div.button1{
	position:		relative;
	margin-top:		40;
	margin-left:	240;

	#border:			4px solid #B93766;
	padding:		10 20;
	width:			300;
	text-align:		center;
	border-radius:	60px;
	color:			#FFFFFF;
	font-size:		28;
	background:		#A52A2A;

	-webkit-transition: all .2s;
	-moz-transition:	all .2s;
	-o-transition: 		all .2s;
	transition: 		all .2s;
}

div.button1:hover{
	background:		#D51515;
}


div.button3{
	float:			right;
	margin:			0 auto;

	padding:		10 20;
	border-radius:	20px;
	background:		#990000;
	width:			200;
	text-align:		center;
	color:			white;
	font-size:		20;

	-webkit-transition: all .2s;
	-moz-transition:	all .2s;
	-o-transition: 		all .2s;
	transition: 		all .2s;
}

div.button3:hover{
	background:		#DB1414;
}


div.firstTop{
	float:			left;
	position:		static;

	font-size:		26;
	color:			#2F2F2F;

	width:			500;
	padding:		10 0;
	margin-top:		40;
	margin-bottom:	0;

	border-bottom:	2px solid #B93766;
}

div.firstText{
	float:			left;
	width:			100%;
	font-size:		14;
	color:			#4D4D4D;
	margin-bottom:	20;
}

div.firstPic{
	float:			left;

	width:			300;
	height:			100;
	margin-right:	30;
	margin-bottom:	60;

	background-position:	center bottom;
	background-repeat:		no-repeat;
	background-size:		contain;
}


div.reviewBlock{
	float:			left;
	width:			100%;
}

div.reviewPic{
	float:			left;

	height:			260;
	width:			260;

	margin-right:	20;
	margin-bottom:	20;

	background-repeat:	no-repeat;
	background-size:	contain;
	background-position:center;

	-webkit-transition: all .5s;
	-moz-transition:	all .5s;
	-o-transition: 		all .5s;
	transition: 		all .5s;
}

div.reviewPic:hover{
	#box-shadow:		lightgray 0px 2px 4px;
	cursor:			pointer;

	-webkit-transform:	scale(1.2);
	-moz-transform:		scale(1.2);
	-ms-transform:		scale(1.2);
	-o-transform:		scale(1.2);
	transform:			scale(1.2);
}


iframe{
	width:			100%;
	height:			350px;
}


div.blockMainFull{
	float:			left;

	width:			700;
	margin-left:	20;
}

div.stateImg{
	position:	absolute;
	z-index:	-100;

	width:		100%;
	height:		400px;

	background-position:	center center;
	background-repeat:		no-repeat;
	background-size:		cover;

	background-attachment: fixed;

	filter: brightness(30%);
}

div.stateHeight{
	float:		left;

	width:		100%;
	height:		400;
}


div.stateTop{
	max-width:			1000;
	margin:			auto;
	text-align:		center;
	color:			white;
	font-weight:	bold;
	font-size:		42;
	padding-top:	80;
	text-shadow:	black 0px 6px 20px;
}

div.stateBlock{
	#background:		rgba(0,0,0, .5);
	width:			650;
	padding:		40;

	font-size:		22;

	text-align:		center;
	color:			white;
	margin:			auto;
	margin-top:		40;
}

img.left{
	float:			left;
	width:			40%;
	margin-bottom:	20;
	margin-right:	20;
}

img.right{
	float:			right;
	width:			40%;
	margin-bottom:	20;
	margin-left:	20;
}

img.center{
	float:			left;
	width:			100%;
	margin-bottom:	20;
}


div.blockWay{
	float:			left;
	width:			100%;
	margin-bottom:	20;

	background:		white;
	border-bottom:	1px solid lightgray;
	box-shadow:		lightgray 0px 2px 4px;
}

div.way{
	float:		left;
	color:		gray;
	font-size:	16;
	padding:	10;
	padding-right:	5;
}



div.slide{
	float:		left;

	width:		100%;
	height:		400;
}

div.slideImg{
	position:	absolute;

	z-index:	-100;

	width:		100%;
	height:		400;

	background-position:	top center;
	background-repeat:		no-repeat;
	background-size:		auto 400px;

	background-attachment: fixed;

	filter: brightness(30%);
}


table.slide{
	width:			100%;
	height:			400;
	padding:		90 0;
}

div.slideLogo{
	float:			left;

	width:			188;
	height:			158;
	margin-left:	80;
	margin-top:		40;
	margin-bottom:	40;

	background-image:	url(../logo.png);
	background-position:left center;
	background-repeat:	no-repeat;
	background-size:	contain;
}

div.slideBlock{
	float:			right;

	width:			650;
	padding:		20;
	margin-top:		40;

	border-left:	2px solid #FFCC00;

	-webkit-transition: all .5s;
	-moz-transition:	all .5s;
	-o-transition: 		all .5s;
	transition: 		all .5s;
}

div.slideTop{
	font-size:		34;
	color:			white;
	font-weight:	bold;
}

div.slideText{
	font-size:		16;
	color:			#F3F3F3;
	padding:		20 0 0 0;
}

div.slideButton{
	position:		relative;
	background:		#00C400;
	width:			200;
	padding:		16 26;
	text-align:		center;
	font-weight:	bold;
	color:			white;
	border-radius:	4px;
	margin:			auto;
	margin-top:		40;
}

div.slideButton:hover{
	background:	#00DA00;
}


div.blockLinks{
	float:		left;
	width:		220;
}

div.blockLink{
	float:			left;
	margin-bottom:	20;
	width:			220;
}

div.link{
	float:			left;
	width:			190px;

	color:			gray;
	font-size:		12;
	padding:		10 15;
	margin-bottom:	20;

	font-size:		16;

	background:		white;
	border:			1px solid lightgray;
}

div.link:hover{
	background:		#F8F8F8;
}

div.linkName{
	float:			left;
	width:			130;
}


div.top{
	float:		left;
	width:		700;

	font-size:	36;
	padding:	10;
}

span.about{
	font-size:	12;
	color:		gray;
}


div.icon{
	float:		left;
	height:		200;
	width:		91%;

	margin:		auto 10;

	background-size:	contain;
	background-repeat:	no-repeat;
	background-position:center center;
}

div.iconGroup{
	float:		left;
	height:		150;
	width:		150;
	margin-right:	20;

	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;
}

div.iconProd{
	float:		left;
	height:		100;
	width:		100;

	margin:		10;

	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;

	border:		1px solid white;
	cursor:		pointer;
}

div.iconProd:hover{
	border:		1px solid lightgray;
}

div.pic{
	float:		left;
	height:		400;
	width:		300;
	margin-right:	30;
	margin-bottom:	30;

	background-size:	contain;
	background-repeat:	no-repeat;
	background-position:center;

	cursor:		pointer;
}

div.picAdd{
	width:		400;
}

div.picState{
	float:		left;
	width:		100%;
	height:		500;
	margin-bottom:	20;

	background-size:	cover;
	background-position:center;
	background-repeat:	no-repeat;
}

div.iconBasket{
	float:		left;
	height:		50;
	width:		50;
	margin:		0 20 20 0;

	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;
}


div.catGroup{
	box-sizing: border-box;

	float:		left;
	width:		100%;

	border-radius:	4px;
	box-shadow:		lightgray 0px 2px 4px;

	padding:		10;
	margin-bottom:	30;
	font-size:		12;
	color:			gray;

	background-color:	white;
}

div.catGroup:hover{
	box-shadow:	#A3A3A3 0px 2px 4px;
}

div.catGroupName{
	font-size:	18;
	color:		#333333;

	padding:	0 20;

	padding-bottom:	10;
}

div.catProd{
	position:	relative;

	float:		left;
	width:		30%;
	height:		340px;

	text-align:		center;
	border-radius:	4px;
	box-shadow:		lightgray 0px 2px 4px;
	background-color:	white;

	margin-right:	5%;
	margin-bottom:	30px;
}

div.catProd:hover{
	box-shadow:	#A3A3A3 0px 2px 4px;
}

div.catProdName{
	padding:		0 10;
	font-weight:	bold;
	clear:			both;
}

div.catProdPrice{
	position:	absolute;
	font-size:	24;

	right:		10;
	bottom:		10;
}

div.prodName{
	padding-bottom:	20;
	font-size:	36;
}

div.prodPrice{
	margin-bottom:	20;
	font-size:	26;
}

div.prodConfirm{
	float:			right;
	width:			100%;

	font-family:	sans-serif, verdana, arial, tahoma;
	font-size:		14;
	line-height:	1.7;
	color:			#1A1A1A;
}

div.prodButton{
	float:			left;

	background:		#00C400;
	color:			white;
	border-radius:	6px;

	padding:		12 20;
}

div.prodButton:hover{
	background:		#00DA00;
}

input.minus{
	float:		left;
	padding:	8;
	height:		40;
	width:		40;

	background:	white;
	border:		1px solid lightgray;
	border-right:none;
	border-radius:	6px 0px 0px 6px;

	font-size:	14;
	font-weight:bold;

	cursor:		pointer;
}

input.minus:hover{
	background:	#F3F3F3;
}

input.plus{
	float:		left;
	padding:	8;
	height:		40;
	width:		40;

	background:	white;
	border:		1px solid lightgray;
	border-left:none;
	border-radius:	0px 6px 6px 0px;

	font-size:	14;
	font-weight:bold;

	cursor:		pointer;
}

input.plus:hover{
	background:	#F3F3F3;
}

input.amount{
	float:		left;
	padding:	9;
	height:		40;

	background:	white;
	border:		1px solid lightgray;
	border-radius:	0px;

	font-size:	14;
	font-weight:bold;

	width:		64;
	text-align:	center;
}

input.submit{
	float:		left;
	padding:	9;
	height:		40;

	margin-left:	10;

	background:	white;
	border:		1px solid lightgray;
	border-radius:	6px;

	cursor:		pointer;

	font-size:	14;
	font-weight:bold;
}

input.submit:hover{
	background:	#F3F3F3;
}

div.bgGray{
	position:	fixed;
	top:		0;
	left:		0;

	display:	none;

	z-index:	200;

	height:		100%;
	width:		100%;

	background-color:	rgba(0,0,0, .8);
}

div.picView{
	position:	fixed;

	top:		50%;
	left:		50%;

	margin:		-300 -400;

	z-index:	100;

	height:		600;
	width:		800;

	background-position:	center;
	background-repeat:		no-repeat;
	background-size:		cover;

	#background-image:		url('../BASE/review/f5Y3LLCNH-0.jpg');
}

div.picViewClose{
	position:	fixed;
	right:		10;
	top:		10;

	z-index:	200;

	padding:	4 20;
	font-size:	32;

	background:	black;
	border-radius:	4px;
	color:		white;

	cursor:		pointer;
}

div.picViewClose:hover{
	background:	#A52A2A;
}


div.infoGroup{
	box-sizing: border-box;

	float:		left;
	width:		100%;

	border-radius:	6px;
	box-shadow:	lightgray 0px 2px 4px;

	padding:		10;
	margin-bottom:	30;
	font-size:	12;
	color:		gray;

	background:	white;
}

div.infoGroup:hover{
	box-shadow:	#A3A3A3 0px 2px 4px;
}

div.infoGroupName{
	font-size:	18;
	color:		#333333;
	margin:		10;
	padding-right:	20;

	padding-bottom:	10;
}

div.infoState{
	margin-bottom:	100;
	font-size:		15;
	line-height:	1.7;

	color:			gray;
}

div.infoStateName{
	font-size:		24;
	font-weight:	bold;
	margin-bottom:	20;
}

div.infoNext{
	width:			140;
	margin-top:		20;
	padding:		10 20;

	color:			#FFA500;
	font-weight:	bold;
	border:			1px solid #FFA500;
	border-radius:	6px;
}

div.infoNext:hover{
	background:		#FFA500;
	color:			white;
}


div.blockMain{
	float:		right;
	width:		750;
	margin-top:	20;
}


div.infopre{
	float:		left;
	width:		100%;
	text-align:	justify;
	color:		gray;
	font-size:	14;
	margin-bottom:	20;
	line-height:	1.5;
}

div.infotext{
	float:			left;
	width:			100%;
	text-align:		justify;
	font-size:		14;
	font-family:	sans-serif, verdana, arial, tahoma;
	line-height:	1.5;
	margin-top:		20;
	margin-bottom:	10;
}


div.infoContact{
	float:		left;
	width:		350;
	#text-align:	justify;
	color:		#4D4D4D;
	font-size:	14;
	margin:		20;
	line-height:	1.5;
}

div.picContact{
	float:		right;
	width:		600;
	height:		400;
	margin:		0;

	background-size:	cover;
	background-position:center;
	background-repeat:	no-repeat;
}


input.inputBIG{
	width:		100%;
	padding:	6 12;
}

input.inputMID{
	width:		160;
	padding:	6 12;
}

input.submit2{
	float:		left;
	padding:	9;
	margin-left:	10;

	background:	#00C400;
	border:		none;
	color:		white;
	border-radius:	6px;

	cursor:		pointer;

	font-size:	14;
	font-weight:bold;
}

input.submit2:hover{
	background:	#00DA00;
}


div.askTitles{
	padding:	10 0;
}


div.sectorDay{
	float:		left;
	width:		105;
	#border:		1px solid lightgray;
}

div.sectorTop{
	float:		left;
	text-align:	center;
	#font-weight:bold;
	width:		70;
	padding:	8 4;
	margin:		1;
	margin-top:	20;

	#background:	#4D4D4D;
	color:		gray;
}

div.sector{
	float:		left;
	text-align:	center;
	width:		70;
	padding:	6 4;
	margin:		3;
	background:	lightgray;
	border-radius:	20px;
}

div.sectorGreen{
	color:		white;
	#background:	#90EE90;

	background:		linear-gradient(to top, #0049C0, #3EC8FD);
}

div.sectorGreen:hover{
	color:		white;
	background:	#0049C0;
}

div.sectorRed{
	background:	#EC8686;
}


span.basketWay{
	font-size:		12;
	color:			gray;
}

div.basketEmpty{
	text-align:		center;
	font-size:		18;
	color:			gray;
	font-weight:	bold;
	padding:		5%;
}

div.basketDel{
	float:			right;

	padding:	4 10;
	font-size:	32;

	background:	#BFBFBF;
	border-radius:	4px;
	color:		white;

	cursor:		pointer;
}

div.basketDel:hover{
	background:	#A52A2A;
}


/*ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ*******/

@media screen and (max-width: 1000px) {

	div.center{
		box-sizing: border-box;
		width:		100%;
		padding:	0 10;
	}

	div.blockMain{
		width:		100%;
	}

	div.blockLinks{
		width:		100%;
	}

	div.blockLink{
		width:		100%;
	}

	div.top{
		font-size:	18;
		padding:	0;
		padding-bottom:	20;
		box-sizing: border-box;
		width:		100%;
	}

	div.catProd{
		box-sizing: border-box;
		width:		100%;
	}

	div.pic{
		width:		100%;
	}

	div.picAdd{
		width:		100%;
	}

	div.prodConfirm{
		width:		100%;
	}

	div.picView{
		position:	fixed;

		top:		0;
		left:		0;
		margin:		0;

		z-index:	10;

		height:		100%;
		width:		100%;

		background-position:	center;
		background-repeat:		no-repeat;
		background-size:		cover;
	}

	img.basketEmpty{
		width:		100%;
		max-width:	338;
	 }

	div.mainLinks{
		width:			100%;
	}

	div.mainTop{
		position:		absolute;
	}

	div.mainPhone{
		padding-right:	20;
	}

	div.mainMail{
		padding-left:	0;
	}

	div.mainLogo{
		width:		100%;
		text-align:	center;
	}

	div.mainBlockLeft{
		box-sizing: border-box;
		width:		100%;
	}

	div.mainBlockRight{
		box-sizing: border-box;
		width:		100%;
	}

	div.mainBtmLft{
		text-align:		center;
		width:			100%;
	}

	div.mainBtmMid{
		padding:		20 0;
		text-align:		center;
		width:			100%;
	}

	div.mainBtmRgt{
		text-align:		center;
		width:			100%;
	}

	div.firstTopBlock{
		width:		100%;
	}

	div.firstAboutBlock{
		width:		100%;
	}

	div.infoContact{
		width:		100%;
	}

	div.picContact{
		width:		100%;
	}


	div.reviewPic{
		width:			100%;
	}

	iframe{
		height:			1100;
	}

	div.slide{
		height:			740;
	}

	div.slideIMG{
		height:			740;
	}


	div.stateImg{
		height:				640px;
		background-size:	auto 640px;
	}

	div.stateHeight{
		height:			640;
	}


	div.stateBlock{
/*
		font-size:		12;
*/
	}

	div.stateHeight{
		height:			620;
	}

	div.slideLogo{
		margin-top:		120;
	}

	div.slideBlock{
		width:			90%;
		padding:		10;
	}

	div.picRequest{
		display:		none;
	}


	div.firstBG{
		padding-top:		360px;

		background-image:	url('../logo.png');
		background-repeat:	no-repeat;
		background-position:center 140;
		background-size:	auto;
	}


	div.firstState{
		box-sizing: 	border-box;
		width:			100%;
		margin-right:	0;

		background:		rgba(0,0,0,.2);
	}

	div.firstStateImg{
		width:			100%;
		background-size:100px 100px;
		margin-bottom:	20;
	}

	div.firstStateTop{
		margin:			0;
	}

	div.firstTop{
		box-sizing: 	border-box;
		width:			100%;
	}


	div.stateTop{
		font-size:		32;
		margin-top:		40;
	}

	div.stateBlock{
		box-sizing: 	border-box;
		width:			100%;
		padding:		10;
	}

	img.left{
		float:			left;
		width:			100%;
		margin:			0;
		margin-bottom:	20;
	}

	img.right{
		float:			left;
		width:			100%;
		margin:			0;
		margin-bottom:	20;
	}

	img.center{
		float:			left;
		width:			100%;
		margin:			0;
		margin-bottom:	20;
	}


	div.button1{
		box-sizing: 	border-box;
		position:		static;
		width:			100%;
		margin-bottom:	20px;

		margin-left:	0;
	}

	div.button2{
		box-sizing: 	border-box;
		position:	static;
		width:		100%;
	}

	div.button3{
		box-sizing: 	border-box;
		position:		static;
		width:			100%;
		margin-bottom:	20px;
	}


	div.blockMainFull{
		box-sizing: 	border-box;
		width:			90%;
	}


	div.gear{
		display:		none;
	}

	div.firstState:hover{
		-webkit-transform:	none;
		-moz-transform:		none;
		-ms-transform:		none;
		-o-transform:		none;
		transform:			none;
	}

	div.firstStateImg{
		height:			40;
		width:			40;

		background-size:	40px 40px;
	}

	div.c850{
		width:		100%;
	}

	div.shemaBox{
		width:		100%;
		max-width:	360;
	}

	div.shemaPic{
		margin:		auto;
	}

	div.head{
		display:	none;
	}


}