@charset "utf-8";

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { 
font: inherit; font-size: 1em; white-space: normal; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {
border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
/* disables some nasty font attributes in standard browsers */
font { color: inherit !important; font: inherit !important; color: inherit !important; } 
marquee { overflow: inherit !important; -moz-binding: none; }
blink { text-decoration: none; }
nobr { white-space: normal; }

body {
	font-family: 'Comfortaa', sans-serif;
	background: url(/img/bg.jpg);
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Ubuntu Mono', sans-serif;
}



.head {
	background:	white;
	display: flex;
	padding: 10px;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: center;
}
.head ul {
	display: flex;
	align-items: center;
}
.head li {
	padding: 10px;
}
.head .phone {
	font-size: 1.5em;
}


.block_up {
	background: #f2f2f2;
	padding: 50px;
}
.block_up h1 {
	text-align: center;
	font-size: 3em;
	font-weight: normal;
}
.block_up ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-around;
}
.block_up ul li {
	width: 200px;
	height: 267px;
	background: white;
	margin: 60px 10px;
	overflow: hidden;
	border-radius: 10px;
}
.block_up .menu1 {
	background: url(/img/block1.jpg) no-repeat white;
	background-size: contain;
}
.block_up .menu2 {
	background: url(/img/cap8/m/01.jpg) no-repeat white;
	background-size: 108%;
	background-position: -8px 3px;
}
.block_up .menu3 {
	background: url(/img/cap3/m/15.jpg) no-repeat white;
	background-size: 101%;
	background-position: -3px -20px;
}
.block_up .menu4 {
	background: url(/img/cap4/m/01.jpg) no-repeat white;
	background-size: 97%;
	background-position: 3px -71px;
}
.block_up .menu5 {
	background: url(/img/cap7/m/02.jpg) no-repeat white;
	background-size: 97%;
	background-position: 3px -58px;
}

.block_up ul li a {
	padding: 211px 0 0 0;
	display: block;
	height: 50px;
	text-align: center;
	line-height: 1em;
	font-size: 1.2em;
	background: #dbdbdb5c;
	border: 3px solid white;
	border-radius: 10px;
}
.block_up ul li a:hover {
	background: none;
}
.carousel {
	background: #e4e8ff;
	padding: 50px 0;
}
.carousel > div {
	margin: auto;
	margin: auto;
	max-width: 1024px;
	max-height: 500px;
	padding: 50px 0;
}
.carousel h1 {
	text-align: center;
	font-size: 3em;
	font-weight: normal;
}

.block_cap1 {
	background: white;
	padding: 50px;
}
.block_cap2 {
	background: #ffe8e8;
	padding: 50px;
}
.block_cap3 {
	background: #D2E1FD;
	padding: 50px;
}

.block_cap4 {
	background: #d0c7a8;
	padding: 50px;
}
.block_cap5 {
	background: #ffffffba;
}

.block_cap6 {
	background: #D2E1FD;
	padding: 50px;
}




.izdelia {
	padding: 0 0 50px 0;
	border-top: 1px solid gray;
}
.izdelia h2 {
	text-align: center;
	font-size: 3em;
	font-weight: normal;
}
.izdelia h3 {
	text-align: center;
	font-size: 2em;
	font-weight: normal;
	padding: 20px 0;
}

.izdelia .blocks {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-around;
	flex-direction: row;
	max-width: 1200px;
	margin: auto;
}
.izdelia .blocks img {
	object-fit: cover;
	height: 200px;
	width: 200px;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
}
.izdelia .blocks a {
	margin: 10px 5px;
}

.izdelia p {
	max-width: 1024px;
	margin: 10px auto;
	padding: 10px;
}

.izdelia ul {
	max-width: 1024px;
	margin: auto;
	padding: 10px;
}
.izdelia li {
	list-style: square;
	margin: 0 0 0 20px;
	padding: 5px;
}