/* основы */
*{
	box-sizing: 		border-box;
}

body{
	min-height:			100vh;
	scroll-behavior:	smooth;

	display:			flex;
	flex-direction:		column;

	padding:			0px;
	margin:				0px;

	font-family:		verdana, arial, tahoma;

	background:			#F8F8F8;
}


a{
	color:				#305892;
	text-decoration:	none;
}

ul.breadcrumbs{
	list-style:			none;
	margin:				0;
	padding:			0;
}

input{
	font-size:			14px;

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

	outline:			none;
}

h1{
	display:			inline;

	margin:				0px;

	font-weight:		normal;
}

h2{
	display:			inline;

	margin:				0px;

	font-weight:		normal;
}

h3{
	display:			inline;

	margin:				0px;

	font-weight:		normal;
}

h4{
	display:			inline;

	margin:				0px;

	font-weight:		normal;
}

select{
	padding:			6px 15px;
	margin-top:			5px;
	margin-right:		10px;
	margin-bottom:		10px;

	font-size:			14px;

	border:				1px solid lightgray;

	outline:			none;
}


/* выбор языка */
div.language{
	position:			fixed;
	z-index:			10;

	bottom:				50px;
	right:				6px;

	height:				50px;
	width:				50px;

	background-image:	url(../setlang/world.png);
	background-position:center;
	background-repeat:	no-repeat;

	border-radius:		64px;

	cursor:				pointer;

	transition:			1s;
}

div.language:hover{
	background-color:	rgba(0, 0, 0, .3);
}

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

	top:				0;
	right:				0;

	height:				100%;
	width:				300px;

	padding:			10px;

	background:			white;
}

div.langBut{
	margin-bottom:		10px;

	padding:			10px 20px;
	padding-left:		10px;

	width:				100%;

	border-radius:		32px;

	color:				#1A1A1A;
	background:			#E5E5E5;

	transition:			.5s;
}

div.langBut:hover{
	color:				white;

	background:			#009E3D;
}

div.langFlag{
	float:				left;
	position:			relative;

	margin:				0px;
	padding-right:		20px;

	top:				-7px;
	left:				-7px;

	height:				32px;
	width:				32px;

	border-radius:		32px;

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

div.langEN{
	background-image:	url('../setlang/us.png');
}

div.langRU{
	background-image:	url('../setlang/ru.png');
}

div.selLangClose{
	position:			fixed;
	z-index:			200;

	right:				310px;
	bottom:				10px;

	height:				46px;
	width:				46px;

	padding:			4px 10px;

	color:				white;
	font-size:			32px;

	background:			black;
	border-radius:		4px;

	cursor:				pointer;
}

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



/* общие */
div.center{
	margin:				auto;

	width:				1200px;
}

div.block{
	float:				left;

	width:				100%;
}

div.blockMain{
	float:				right;

	width:				950px;

	margin-top:			20px;
}

div.totop{
	position:			fixed;
	z-index:			1000;

	bottom:				6px;
	right:				6px;

	height:				39px;
	width:				46px;

	padding:			10px 15px;

	color:				#BFBFBF;

	background:			rgba(0, 0, 0, .4);
	border-radius:		3px;

	cursor:				pointer;

	transition:			1s;
}

div.totop:hover{
	color:				#000000;

	background:			rgba(255, 120, 0, .3);
}

div.adminka{
	position:			fixed;

	top:				55%;
	left:				0px;

	padding:			5px 10px;

	transform-origin:	0 0;
	transform:			rotate(270deg);

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

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

div.adminka:hover{
	color:				white;

	background:			#00DA00;
}

div.adminkaMaster{
	width:				250px;

	margin:				auto;
	padding:			12px 12px;

	color:				white;
	text-align:			center;

	background:			#00BB00;
	border-radius:		6px;
}

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


div.genBlock{
	float:				left;

	width:				100%;

	margin-bottom:		30px;
}

div.genTop{
	float:				left;

	width:				950px;

	padding:			10px;

	font-size:			32px;
	color:				#4C4C4C;
}

div.genAbout{
	float:				left;

	width:				900px;

	padding:			10px;

	color:				gray;
	font-size:			15px;
	line-height:		1.7;
}


div.genGroup{
	float:				left;
	box-sizing: 		border-box;

	width:				100%;

	padding:			10px;
	margin-bottom:		20px;

	font-size:			12px;
	color:				gray;

	background-color:	white;
	border-radius:		16px;
	box-shadow:			#E6E6E6 0px 8px 16px;

	transition:			.5s;
}
div.genGroup:hover{
	box-shadow:			#A3A3A3 0px 8px 16px;
}

div.genGroupIcon{
	float:				left;

	height:				150px;
	width:				150px;

	margin-right:		10px;

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

div.genGroupIconTitle{
	margin:				0px 60px 0px 30px;
}

div.genGroupName{
	padding:			20px;

	font-size:			18px;
	color:				#333333;
}

div.genGroupAbout{
	font-size:			12px;
	color:				gray;
	line-height:		1.5;
}


div.genObj{
	float:				left;
	position:			relative;

	width:				300px;
	height:				450px;

	margin-right:		25px;
	margin-bottom:		25px;

	text-align:			center;

	border-radius:		16px;
	box-shadow:			#E6E6E6 0px 8px 16px;
	background-color:	white;

	transition:			.5s;
}
div.genObj:hover{
	box-shadow:			#A3A3A3 0px 8px 16px;
}

div.genObjIcon{
	float:				left;

	height:				270px;
	width:				270px;

	border-radius:		4px;

	margin:				15px;

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

div.genObjName{
	position:			absolute;
	box-sizing:			border-box;

	top:				300px;
	width:				100%;

	padding:			0px 10px;

	color:				#1A1A1A;
	font-weight:		bold;
}

div.genObjPrice{
	clear:				both;

	padding:			0px 10px;

	color:				#333333;
}


input.inputBIG{
	width:				100%;

	padding:			8px 14px;
	margin-bottom:		10px;
}

input.inputMID{
	width:				200px;

	padding:			8px 14px;
}


input.genSubmit{
	float:				left;

	padding:			9px 20px;
	margin-bottom:		10px;
	margin-right:		10px;

	color:				white;
	font-size:			14px;
	font-weight:		bold;

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

	cursor:				pointer;
}

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


/* шапка */
div.firstBG{
	float:			left;

	width:			100%;
}

div.mainTop{
	display:			flex;
	float:				left;

	width:				100%;

	background:			#1A538C;
}

div.mainLogo{
	float:				left;

	margin:				10px;
	margin-right:		20px;

	height:				80px;
	width:				80px;
}

div.mainBlockLeft{
	float:				left;

	height:				100%;
	width:				750px;

	margin-top:			4px;
	padding:			10px;
}

h1.mainName{
	float:				left;

	color:				#FFFFFF;
	font-size:			28px;
	font-weight:		bold;
}

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

	color:				#F3F3F3;
	font-size:			14px;
}

h2.mainAddress{
	float:				left;
	clear:				both;

	color:				#F3F3F3;
	font-size:			14px;
	font-style:			italic;
}

div.mainBlockRight{
	float:				right;

	height:				100%;
	width:				340px;

	padding:			10px;

	text-align:			right;
}

div.mainPhone{
	float:				right;
	margin-bottom:		16px;

	color:				#FFFFFF;
	font-size:			24px;
}

div.mainCallBack{
	float:				right;

	width:				100%;

	margin-bottom:		10px;

	font-size:			12px;
	color:				#F3F3F3;
}

img.mainMsg{
	float:				right;

	margin-right:		10px;
}

div.search{
	float:				right;

	width:				100%;
}

input.search{
	height:				32px;
	width:				220px;

	padding:			6px 14px;
	padding-left:		32px;
	margin:				0px;

	border:				none;
	border-radius:		20px;

	background-color:	#134576;

	color:				white;

	background-image:	url('search.png');
	background-position:10px 50%;
	background-repeat:	no-repeat;
}

input.searchIFrame{
	height:				32px;
	width:				220px;

	padding:			6px 14px;
	margin:				0px;

	border:				solid 1px lightgray;
	border-radius:		20px;

	background:			none;

	color:				#1A1A1A;
}


/* поиск */
div.searchMsg{
	width:				100%;

	padding-bottom:		20px;

	text-align:			center;
	font-size:			18px;
	font-weight:		bold;
	color:				#4D4D4D;
}


div.searchBlock{
	margin-top:			40px;
}

div.searchObj{
	margin-bottom:		20px;
	padding:			10px;

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

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

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


div.searchObjIcon{
	margin:				0px;
	margin-right:		10px;

	height:				80px;
	width:				80px;
}

div.searchObjName{
	padding:			0px;
	padding-bottom:		10px;

	font-size:			18px;
	font-weight:		bold;
	color:				#333333;
}

div.searchObjAbout{
	font-size:			13px;
	color:				gray;
}


/* меню */
div.menuBlock{
	float:				left;

	width:				100%;

	background:			#1A538C;
}

div.menu{
	float:				left;

	padding:			10px 15px;

	font-size:			12px;
	color:				white;
	font-weight:		bold;

	white-space:		nowrap;
}

div.menu:hover{
	color:				#1A538C;

	background:			#FFFFFF;
}

div.menuBasket{
	background:			#1F487C;
}

div.menuBlockScroll{
	position:			fixed;
	float:				left;
	display:			none;
	z-index:			100;

	top:				0px;

	width:				100%;

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

div.menuScr{
	float:				left;

	padding:			10px 15px;

	font-size:			12px;
	color:				#ABABAB;
	font-weight:		bold;
}

div.menuScr:hover{
	color:				black;
}

div.mainLogoScr{
	float:				left;

	height:				30px;
	width:				30px;

	margin:				3px;

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

div.menuSel{
	background:		#F8F8F8;
	color:			#1A538C;
}

/* конструктор */
#basket{
    display:            none;
    float:              right;
    border-radius:      64px;
    padding:            3px 8px;
    background-color:   red;
    color:				white;
    font-size:			12px;
}


/* слайды */
div.slide{
	float:				left;

	width:				100%;
	height:				500px;

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

table.slide{
	width:				100%;
	height:				500px;

	padding:			20px 60px;
}

div.slideBlock{
	width:				500px;

	padding:			40px;

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

h3.slideTop{
	font-size:			24px;
	color:				white;
	font-weight:		bold;
}

div.slideText{
	padding:			20px 0px 0px 0px;

	font-size:			16px;
	color:				#F3F3F3;
}

div.slideButton{
	position:			relative;

	width:				250px;

	padding:			16px 26px;
	margin:				auto;
	margin-top:			40px;

	text-align:			center;
	font-weight:		bold;
	color:				white;

	background:			rgba(0, 200, 0, .7);
	border-radius:		4px;
}

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

div.slideLeft{
	position:			absolute;
	z-index:			10;

	left:				0px;
	top:				220px;

	padding:			14px 18px;

	color:				white;
	font-size:			18px;

	background:			rgba(0, 0, 0, .4);
	border-radius:		32px;

	cursor:				pointer;
	transition:			1s;
}
div.slideLeft:hover{
	color:				black;

	background:			white;
}

div.slideRight{
	position:			absolute;
	z-index:			10;

	right:				0px;
	top:				220px;

	padding:			14px 18px;

	color:				white;
	font-size:			18px;

	background:			rgba(0, 0, 0, .4);
	border-radius:		32px;

	cursor:				pointer;
	transition:			1s;
}
div.slideRight:hover{
	color:				black;

	background:			white;
}

div.slidePages{
	position:		absolute;
	width:			100%;

	bottom:			0px;

	text-align:		center;
}
div.slidePage{
	display:		inline-block;

	margin:			6px;

	height:			10px;
	width:			10px;
	border-radius:	30px;

	background:		white;
	box-shadow:		black 0px 0px 6px;
}
div.slidePageNow{
	width:			20px;
}


/* первая страница */
div.first{
	float:				left;

	width:				100%;

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

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


div.blockFirstLinks{
	margin:				50px 0px;

	text-align:			center;
}


div.firstLinkBlock{
	display:			inline-block;
	position:			relative;
	float:				none;
	box-sizing:			border-box;

	margin:				20px 8px 0px 8px;

	width:				300px;
	height:				500px;

	border:				1px solid #BFBFBF;
	background:			white;

	overflow:			hidden;
}

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

img.firstLinkBlock{
	width:				300px;
	height:				300px;

	object-fit: 		cover;

	transition: 		1s;
}

img.firstLinkBlock:hover{
	transform: 			scale(1.1);
}

div.firstLinkTop{
	position:			absolute;
	box-sizing:			border-box;

	bottom:				197px;

	width:				100%;

	padding:			10px;

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

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

div.firstLinkText{
	position:			absolute;
	box-sizing:			border-box;

	width:				100%;

	padding:			10px;

	color:				#4D4D4D;
	font-size:			14px;

	background:			white;
}

div.firstLinkNext{
	position:			absolute;
	box-sizing:			border-box;

	bottom:				10px;
	right:				10px;

	width:				100%;

	font-size:			14px;
	font-weight:		bold;
	text-align:			center;
}


div.blockFirst{
	text-align:			center;
}

div.firstTop{
	font-size:			22px;
	font-weight:		bold;
	color:				#4D4D4D;
}

div.firstPic{
	display:			inline-block;

	height:				200px;
	width:				200px;

	margin-right:		10px;
	margin-bottom:		10px;

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

	cursor:				pointer;
	transition: 		all .5s;
}
div.firstPic:hover{
	transform:			scale(1.1);
}


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

	width:				310px;
	height:				300px;

	margin:				20px 20px 20px 0px;
	padding:			10px;
	padding-top:		230px;

	color:				#7DA3D3;
	font-size:			24px;
	font-weight:		bold;
	text-shadow:		lightgray 0px 1px 1px;
	text-align:			center;

	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.firstStatusTitle{
	float:				left;

	width:				100%;

	padding-top:		40px;
	padding-bottom:		20px;

	color:				#1A1A1A;
	font-size:			24px;
	text-align:			center;
}

div.firstStatusMore{
	float:				left;

	width:				100%;

	padding-top:		0px;
	padding-bottom:		20px;

	font-size:			14px;
	text-align:			center;
}

div.blockFirstStatus{
	text-align:			center;
}

div.firstStatusBlock{
	text-align:			center;
	display: 			inline-block;
	float:				none;
	position:			relative;
	box-sizing:			border-box;

	margin:				0px 10px 40px 10px;
}

div.firstStatusProd{
	float:				none;
	display: 			inline-block;
	margin:				8px;
}


div.blockFirstFriends{
	margin-bottom:		50px;

	text-align:			center;
}

div.firstFriendsBlock{
	display:			inline-block;
	position:			relative;
	float:				none;
	box-sizing:			border-box;

	margin:				20px 8px 0px 8px;
	padding:			10px;

	width:				250px;
	height:				250px;

	background:			white;
	border-radius:		16px;

	overflow:			hidden;

	transition:			.2s;
}

div.firstFriendsBlock:hover{
	background:			#FFFFEF;
	box-shadow:			#D7D7AD 0px 20px 20px;
}

img.firstFriendsBlock{
	width:				80px;
	height:				80px;

	object-fit: 		cover;
}

div.firstFriendsTop{
	width:				100%;

	padding:			10px 0px;

	color:				#4D4D4D;
	font-size:			18px;
	font-weight:		bold;

	text-align:			center;
}

div.firstFriendsText{
	width:				100%;

	color:				#4D4D4D;
	font-size:			12px;
}



/* крошки */
div.blockWay{
	float:				left;

	width:				100%;

	background:			white;
	box-shadow:			lightgray 0px 2px 4px;
}

div.way{
	float:				left;

	padding:			10px;
	padding-right:		5px;

	color:				#575757;
	font-size:			12px;
}


/* ссылки */
div.leftBlock{
	float:				left;

	width:				220px;

	margin-top:			20px;
}

div.blockLink{
	float:				left;

	width:				220px;

	margin-bottom:		20px;

	border-bottom:		1px solid lightgray;
}

div.blockLinkText{
	margin:				8px 0px;

	color:				#252525;
	font-size:			13px;
	font-weight:		bold;
}

div.linkGroup{
	padding:			10px 15px;

	color:				#575757;
	font-size:			12px;

	background:			white;
	border:				1px solid lightgray;
	border-bottom:		none;
}

div.linkGroup:hover{
	background:			#F3F3F3;
}

div.link{
	padding:			10px 15px;

	color:				#575757;
	font-size:			12px;

	background:			white;
	border:				1px solid lightgray;
	border-bottom:		none;
}

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

div.linkSelected{
	border-left: 		3px solid red;
}


/* сортировка */
select.sort{
	float:				left;
	box-sizing:			border-box;

	width:				100%;

	margin:				0px;
	margin-top:			20px;

	font-size:			12px;
}

input.sort{
	float:				left;
	box-sizing:			border-box;

	width:				100%;

	margin:				0px;
	margin-top:			10px;
	padding:			10px;

	font-size:			12px;

	cursor:				pointer;
}

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


/* фильтр */
div.extSearch{
	float:				left;
	box-sizing:			border-box;

	width:				100%;

	margin-top:			20px;
	padding-bottom:		20px;

	color:				gray;
	font-size:			12px;
	padding:			10px 15px;

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

input.extSearch{
	float:				left;

	width:				100%;

	padding:			10px 12px;
	margin-bottom:		10px;

	color:				white;
	font-size:			12px;
	font-weight:		bold;

	background:			#00BD00;
	border:				none;
	border-radius:		3px;

	cursor:				pointer;
}

input.extSearch:hover{
	background:			#00A100;
}

input.extReset{
	color:				#1A1A1A;

	background:			#BFBFBF;
}

input.extReset:hover{
	background:			#A3A3A3;
}


/* каталог */
div.catBlock{
	margin-top:			20px;
}

div.catProd3{
	margin-right:		0px;
}


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

div.catProdAlert{
	position:			absolute;

	bottom:				164px;
	width:				100%;

	padding:			10px;

	text-align:			center;
	color:				white;
	font-weight:		bold;
	font-size:			14px;

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

span.catProdAlert{
	color:				#A52A2A;
}

span.catProdPriceOld{
	color:				#575757;
	font-size:			16px;
	font-weight:		bold;
	text-decoration:	line-through;
}

div.catProdPrice{
	position:			absolute;

	right:				0px;
	bottom:				10px;

	font-size:			24px;
	text-align:			right;
}

div.catProdSale{
	position:			absolute;

	left:				-5px;
	top:				-5px;

	padding:			5px 12px;

	color:				white;
	font-weight:		bold;

	background:			#A52A2A;
	border-radius:		4px;
}

div.catProdStatus{
	position:			absolute;

	right:				-5px;
	top:				-5px;

	padding:			5px 12px;

	color:				white;
	white-space:		nowrap;

	background:			#90EE90;
	border-radius:		4px;
}


/* товар */
div.prodName{
	padding:			0px;
	padding-bottom:		20px;
}

span.prodPriceOld{
	color:				#575757;
	font-size:			16px;
	font-weight:		bold;
	text-decoration:	line-through;
}

div.prodPrice{
	margin-bottom:		20px;

	font-size:			26px;
}

div.prodConfirm{
	float:				right;
	position:			relative;

	min-height:			320px;
	width:				520px;

	margin-bottom:		20px;

	font-size:			14px;
	line-height:		1.7;
	color:				#1A1A1A;
}

div.prodButton{
	float:				right;

	padding:			9px 20px;

	color:				white;
	font-weight:		bold;
	font-size:			14px;

	background:			#00C400;
	border-radius:		6px;
}

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

input.prodMinus{
	float:				left;

	height:				40px;
	width:				40px;

	padding:			8px;

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

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

	cursor:				pointer;
}

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

input.prodPlus{
	float:				left;

	height:				40px;
	width:				40px;

	padding:			8px;

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

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

	cursor:				pointer;
}

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

input.prodAmount{
	float:				left;

	height:				40px;
	width:				64px;

	padding:			9px;

	text-align:			center;
	font-size:			14px;
	font-weight:		bold;

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

input.prodSubmit{
	float:				left;

	height:				40px;

	padding:			9px 20px;
	margin-left:		10px;

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

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

	cursor:				pointer;
}

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

div.prodPic{
	position:			relative;
	float:				left;

	height:				300px;
	width:				100%;
	max-width:			400px;

	margin-right:		30px;
	margin-bottom:		30px;

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

	box-shadow:			#C2C2C2 0px 8px 16px;

	cursor:				pointer;
}

div.prodPicMiniBlock{
	float:				left;

	width:				420px;
}

div.prodPicMini{
	float:				left;

	height:				120px;
	width:				120px;

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

	border:				3px solid white;

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

	cursor:				pointer;
}

div.prodPicMini:hover{
	border:				3px solid #72BAFF;
}


div.blockProdText{
	margin-top:			10px;
	margin-bottom:		40px;
}

div.infoProdText{
	padding-bottom:		20px;
}

a.prodLinks{
	float:				left;

	padding:			6px 12px;
	margin:				2px;

	color:				#E6E6FA;
	font-weight:		bold;

	background:			#5A80A6;
	border-radius:		3px;
	border:				none;
}

a.prodLinks:hover{
	background:			#5595D6;
}


/* просмотр каринок */
div.bgGray{
	display:			none;
	position:			fixed;
	z-index:			200;

	top:				0px;
	left:				0px;

	height:				100%;
	width:				100%;

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

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

	top:				50%;
	left:				50%;

	height:				600px;
	width:				800px;

	margin:				-300px -400px;

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

div.picViewPhoto{
	background-color:	#1A1A1A;
}

div.picViewClose{
	position:			fixed;
	z-index:			200;

	right:				10px;
	top:				10px;

	padding:			4px 10px;

	color:				white;
	font-size:			32px;

	background:			black;
	border-radius:		4px;

	cursor:				pointer;
}

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

div.picViewLeft{
	position:			fixed;
	z-index:			200;

	left:				10px;
	top:				45%;

	padding:			4px 10px;

	color:				#E5E5E5;
	font-size:			32px;

	background:			#4D4D4D;
	border-radius:		4px;

	cursor:				pointer;
}

div.picViewRight{
	position:			fixed;
	z-index:			200;

	right:				10px;
	top:				45%;

	padding:			4px 10px;

	color:				#E5E5E5;
	font-size:			32px;

	background:			#4D4D4D;
	border-radius:		4px;

	cursor:				pointer;
}

div.picViewLeft:hover{
	color:				#4D4D4D;

	background:			#BFBFBF;
}

div.picViewRight:hover{
	color:				#4D4D4D;

	background:			#BFBFBF;
}


/* статьи */
div.infoStateName{
	margin-bottom:		10px;

	font-size:			32px;
	color:				#4C4C4C;
	text-align:			center;
}

div.infoStateDate{
	margin-bottom:		20px;

	font-size:			13px;
	color:				#7F7F7F;
	text-align:			center;
}

div.infoStateAbout{
	margin-top:			20px;
	margin-bottom:		20px;

	color:				#1A1A1A;
	font-size:			15px;
	line-height:		1.7;
}

img.infoStatePic{
	width:				100%;
}

div.infoStateNext{
	float:				left;

	width:				100%;

	margin-bottom:		60px;
	padding:			20px;

	color:				#A16800;
	font-weight:		bold;
	text-align:			center;

	background:			#DBC59D;
	№border:				1px solid #A16800;
	border-radius:		6px;
}

div.infoStateNext:hover{
	color:				white;

	background:			#A16800;
}


/* статья */
div.blockState{
	margin-bottom:		40px;
}

div.blockStateTopBG{
	float:			left;

	width:			100%;

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

div.blockStateTop{
	padding:		20px 0px;
}

div.blockStateAddPic{
	margin-top:			20px;

	text-align:			center;
}

div.blockStateText{
	padding-top:		20px;
}


div.infoBlock{
	margin-top:			20px;
}

div.infoStatePre{
	padding:			20px 100px;
	text-align:			center;

	color:				gray;
	font-size:			14px;
	line-height:		1.5;
}

div.infoStateText{
	text-align:			justify;
	font-size:			14px;
	line-height:		1.5;
}


div.infoStatePicMini{
	display:			inline-block;

	height:				120px;
	width:				120px;

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

	border:				3px solid white;
	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;
	background-color:	white;

	cursor:				pointer;
}

div.infoStatePicMini:hover{
	border:				3px solid #72BAFF;
}

img.note-float-right{
	margin-left:	20px;
}
img.note-float-left{
	margin-right:	20px;
}


/* таблицы в статьях */
div.tab1{
	float:				left;
	box-sizing: 		border-box;

	width:				100%;

	margin-bottom:		4px;

	background:			#E5E5E5;
}

div.tab2{
	float:				left;
	box-sizing: 		border-box;

	width:				100%;

	margin-bottom:		4px;

	background:			#BFBFBF;
}

div.tab{
	float:				left;
	box-sizing: 		border-box;

	width:				49%;

	padding:			4px 8px;

	font-size:			14px;
	text-align:			left;
}


/* фотогаллерея */
div.photoMini{
	float:				left;

	height:				200px;
	width:				200px;

/*
	margin-right:		36px;
	margin-bottom:		36px;
*/

	margin:				18px;

	border:				3px solid white;

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

	cursor:				pointer;
}

div.photoMini:hover{
	border:				3px solid #72BAFF;
}


/* вопросы */
div.askBlock{
	margin-top:			40px;

}

input.askSubmit{
	float:				right;
}



/* контакты */
div.contactAbout{
	float:				left;

	width:				580px;

	margin-top:			20px;
	margin-bottom:		20px;

	text-align:			justify;
	font-size:			14px;
	line-height:		1.5;
}

div.contactPic{
	float:				right;

	width:				600px;
	height:				400px;

	margin:				0px;
	margin-bottom:		20px;

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

div.blockContactPic{
	margin-top:			20px;

	text-align:			center;
}

div.contactPicMini{
	display:			inline-block;

	height:				120px;
	width:				120px;

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

	border:				3px solid white;
	background-size:	contain;
	background-position:center;
	background-repeat:	no-repeat;

	cursor:				pointer;
}

div.contactPicMini:hover{
	border:				3px solid #72BAFF;
}


/* услуги */
div.sectorDay{
	float:				left;

	width:				105px;
}

div.sectorTop{
	float:				left;

	width:				70px;

	padding:			8px 4px;
	margin:				1px;
	margin-top:			20px;

	text-align:			center;
	color:				gray;
}

div.sector{
	float:				left;

	width:				70px;

	padding:			6px 4px;
	margin:				3px;

	font-size:			14px;
	text-align:			center;

	background:			lightgray;
	border-radius:		4px;
}

div.sectorGreen{
	color:				#1A1A1A;

	background:			#90EE90;
}

div.sectorGreen:hover{
	color:				#1A1A1A;

	background:			#61CF61;
}

div.sectorRed{
	background:			#EC8686;
}


input.masterButton{
	float:				left;

	padding:			10px 20px;

	color:				white;
	font-size:			12px;
	font-weight:		bold;

	background:			#00BD00;
	border:				none;
	border-radius:		3px;

	cursor:				pointer;
}

input.masterButton:hover{
	background:			#00A100;
}


/* корзина */
div.basketBlock{
	margin-top:			40px;
}

div.basketObj{
	float:				left;

	margin-bottom:		20px;

	width:				100%;

	font-size:			14px;

	border-bottom:		1px solid lightgray;
}

div.basketIcon{
	float:				left;

	height:				80px;
	width:				80px;

	margin:				0px 20px 0px 0px;

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

span.basketObjName{
	font-weight:		bold;
}

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

div.basketEmpty{
	padding:			5%;

	text-align:			center;
	font-size:			18px;
	color:				gray;
	font-weight:		bold;
}

div.basketDel{
	float:				right;

	padding:			4px 11px 6px 11px;

	font-size:			32px;
	color:				white;

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

	cursor:				pointer;
}

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

div.basketCat{
	max-width:			200px;

	margin:				0px auto;
	padding:			10px 20px;

	color:				white;
	font-size:			12px;
	font-weight:		bold;
	text-align:			center;

	background:			#00BD00;
	border:				none;
	border-radius:		3px;

	cursor:				pointer;
}

div.basketCat:hover{
	background:			#00A100;
}


/* подвал */
div.mainBottom{
	float:				left;
	box-sizing:			border-box;

	width:				100%;

	font-size:			14px;
	color:				white;

	background:			#38393B;
}

div.mainBtmBig{
	float:				left;

	width:				100%;
	padding:			20px;

	text-align:			center;

	#border-bottom:		1px solid #535353;
}

div.mainBtmBlock{
	float:					left;

	width:					300px;

	padding:				0px;
	margin-bottom:			40px;

	text-align:				left;
}

div.mainBtmLast{
	float:				left;

	width:				100%;
	padding:			20px;

	color:				white;
	text-align:			center;

	#border-top:			1px solid #535353;
}

div.mainBtmBlockIcon{
	float:					left;

	height:					30px;
	width:					30px;

	border-radius:			32px;

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

div.mainBtmBlockName{
	float:					left;

	width:					250px;
	height:					30px;

	padding:				6px 12px;
	margin-bottom:			16px;

	font-size:				16px;
	font-weight:			bold;
	color:					white;
}

div.mainBtmBlockName:hover{
	color:					#1E90FF;
}

div.mainBtmBlockElement{
	padding-left:			42px;
	padding-bottom:			16px;

	font-size:				14px;
	color:					lightgray;
}

div.mainBtmBlockElement:hover{
	color:					#1E90FF;
}

div.mainBtmLft{
	float:				left;

	width:				50%;
	height:				80px;
	padding:			20px;

	text-align:			left;
}

div.mainBtmRgt{
	float:				right;

	width:				50%;
	height:				80px;
	padding:			20px;

	text-align:			right;
}

div.mainBtmRgtIFrame{
	width:				100%;
	padding:			10px;

	text-align:			center;
}

img.social{
	height:				32px;
	width:				32px;
}

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

img.mainBtmEasysiteLogo{
	float:					right;
}


/* ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ */
@media screen and (max-width: 1200px) {

	img{
		height:		100%;
		width:		100%;

		object-fit:	contain;
	}


	/* общие */
	div.center{
		width:				100%;

		padding:			0px 10px;
	}


	div.genGroup{
		margin-bottom:		10px;

		text-align:			center;
	}

	div.genTop{
		width:				100%;

		text-align:			center;
	}

	div.genAbout{
		width:				100%;
	}

	div.genGroupName{
		text-align:			center;
	}

	div.genGroupIcon{
		display:			inline-block;
		float:				none;

		margin:				0px;
	}


	div.genObj{
		display:			inline-block;
		float:				none;

		margin-left:		15px;
		margin-right:		15px;
	}

	div.blockMain{
		width:				100%;
	}


	/* выбор языка */
	div.langView{
		width:				100%;
	}

	div.selLangClose{
		left:				10px;
	}


	/* таблицы в статьях */
	div.tab{
		width:				100%;
	}


	/* шапка */
	div.mainLogo{
		margin:				0px;
		margin-top:			10px;

		width:				100%;

		text-align:			center;
	}

	h1.mainName{
		width:				100%;

		text-align:			center;
	}

	h2.mainAbout{
		width:				100%;

		text-align:			center;
	}

	h2.mainAddress{
		width:				100%;

		text-align:			center;
	}

	div.mainPhone{
		width:				100%;

		text-align:			center;
	}

	img.mainMsg{
		float:				none;
		display:			inline-block;

		margin:				10px;

		text-align:			center;
	}

	div.mainCallBack{
		width:				100%;

		text-align:			center;
	}

	input.search{
		display: 			inline-block;

		width:				100%;
		text-align:			center;
	}


	div.mainBlockLeft{
		width:				100%;
	}

	div.mainBlockRight{
		width:				100%;

		text-align:			center;
	}


	/* меню */
	div.menuBlock{
		text-align:			center;
	}

	div.menu{
		float:				none;

		display: 			inline-block;
	}


	/* слайды */
	div.slideBlock{
		width:				90%;

		padding:			10px;
	}

	div.slideLeft{
		left:				auto;
		right:				60px;
		top:				4px;
	}
	div.slideRight{
		right:				4px;
		top:				4px;
	}

	table.slide{
		padding:			20px 0px;
	}


	/* первая страница */
	div.blockFirstLinks{
		text-align:			center;
	}

	div.firstLinkBlock{
		display:			inline-block;
		float:				none;

		margin:				20px 10px 0px 10px;
	}

	div.firstTop{
		text-align:			center;
	}

	div.blockFirst{
		text-align:			center;
	}

	div.firstPic{
		display:			inline-block;
		float:				none;

		margin-left:		5px;
		margin-right:		5px;
	}

	div.firstTopBlock{
		width:				100%;
	}

	div.firstAboutBlock{
		width:				100%;
	}


	/* ссылки */
	div.leftBlock{
		width:				100%;
	}

	div.linkBlock{
		width:				100%;
	}

	div.blockLink{
		width:				100%;
	}


	/* каталог */
	div.catBlock{
		text-align:			center;
	}

	div.prodBlock{
		text-align:			center;
	}

	div.prodPic{
		display:			inline-block;
		float:				none;

		margin-left:		15px;
		margin-right:		15px;
	}

	div.prodPicMiniBlock{
		width:				100%;

		text-align:			center;
	}

	div.prodPicMini{
		display:			inline-block;
		float:				none;

		margin-left:		10px;
		margin-right:		10px;
	}

	div.prodConfirm{
		width:				100%;

		text-align:			center;
	}

	div.prodButton{
		width:			100%;
	}


	/* статьи */
	div.infoBlock{
		text-align:			center;
	}

	div.infoStatePicMini{
		margin-left:		10px;
		margin-right:		10px;
	}

	div.infoStatePre{
		padding:			10px;
	}

	div.contactPicMini{
		margin-left:		10px;
		margin-right:		10px;
	}

	img.note-float-right{
		float:			none	!important;
		width:			100%	!important;
		margin-left:	0px		!important;
	}
	img.note-float-left{
		float:			none	!important;
		width:			100%	!important;
		margin-right:	0px		!important;
	}


	/* услуги */
	div.blockDep{
		text-align:			center;
	}

	div.depBlock{
		text-align:			center;
	}

	div.masterBlock{
		text-align:			center;
	}


	/* контакты */
	div.contactAbout{
		width:				100%;
	}

	div.contactPic{
		width:				100%;
	}

	div.infoContact{
		width:				100%;
	}

	div.picContact{
		width:				100%;
	}


	/* корзина */
	input.basketSubmit{
		width:			100%;

		margin-top:		20px;
	}

	div.basketButton{
		float:			left;

		width:			100%;

		margin:			10px 0px;

		text-align:		center;
	}

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

	div.basketObj{
		margin-bottom:		10px;
	}


	/* просмотр каринок */
	div.picView{
		position:			fixed;
		z-index:			10;

		height:				100%;
		width:				100%;

		top:				0px;
		left:				0px;

		margin:				0px;

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


	/* подвал */
	div.mainBtmBig{
		text-align:			center;
		padding:			20px 0px;
	}

	div.mainBtmLast{
		margin-top:			40px;
	}

	div.mainBtmBlock{
		float:				none;
		display:			inline-block;
	}

	div.mainBtmLft{
		width:				100%;

		text-align:			center;
	}

	div.mainBtmMid{
		width:				100%;

		padding:			20px 0px;

		text-align:			center;
	}

	div.mainBtmRgt{
		width:				100%;

		text-align:			center;
	}

	img.mainBtmEasysiteLogo{
		float:					none;
		display:				block;
		margin:					10px auto;
	}

}


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

	div.genObj{
		margin-left:		0px;
		margin-right:		0px;
	}

	div.prodPic{
		margin-left:		0px;
		margin-right:		0px;
	}

	div.prodAmount{
		display:			inline-block;
		float:				none;
	}

	input.prodSubmit{
		display:			inline-block;
		float:				none;

		margin:				10px 0px;

		width:				100%;
	}

	div.firstLinkBlock{
		margin:				20px 0px 0px 0px;
	}

}