/* RESET-start ======================================================================== */
*, *::before, *::after {
	box-sizing: border-box;
	padding: 0;
	border: 0;
	margin: 0;
}

:active, :focus {outline: 0;}

html, body {
	width: 100%;
	min-height: 100%;
	font: 13px/1.4 Arial, "Helvetica Neue", Helvetica, sans-serif;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */
	background: #fff;
	color: #666;
}

article, aside, figcaption, figure, footer, header, main, nav, section {display: block;}

h1, h2, h3, h4, h5, h6 {font-size: inherit;}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

ol, ul {list-style: none;}

b, strong {font-weight: bolder;} /* Correct font weight in Chrome, Edge, and Safari. */

abbr[title] {
	border-bottom: none; /* Remove the bottom border in Chrome 57- */
	text-decoration: underline; /* Correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
	text-decoration: underline dotted; /* Correct text decoration in Chrome, Edge, IE, Opera, Safari. */
	cursor: help;
}

q, blockquote {quotes: none;}

q::before, q::after, blockquote::before, blockquote::after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */
	background: none;
	cursor: pointer;
}

button::-moz-focus-inner {border: 0; padding: 0;}

button, input, optgroup, select, textarea {outline: none; font-family: inherit;}

input::-ms-clear {display: none;} /* delete icon "close" in IE */
/* RESET-end ========================================================================= */

html::after {
	Econtent: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../img/grid12-1200.png') center center repeat-y;
	opacity: 0.1;
}

body {
	min-width: 1000px;
}

h1 {
	padding: 0 0 5px 0;
	font-size: 22px;
	color: #d66; 
}

h1.i {font-weight: normal; color: #888;}
h1.i a {text-decoration: none; color: #888;}
h1 a:hover {text-decoration: underline; color: #d66;}

h2, h3 {font-size: 16px; font-weight: 700;}
h4 {font-size: 13px;}

h1 + p {
padding: 0 0 20px 0;
border-bottom: 1px solid #eee;
color: #888;
}

h1 + p a {color: #aaa; text-decoration: none;}

h1 em, h2 em {color: #d66;}

em {font-weight: bold; font-style: normal;}
strong {font-weight: normal;}
sup {line-height: 0; font-size: 9px;}

a {color: #777;}
a:hover {color: #c66;}

/* CONTAINERS ======================================================================= */
.header-in,
nav ul,
.infobox-in,
.content,
.footer-in {
	width: 1000px;
	padding: 0 5px;
	margin: 0 auto;
}


/* HEADER ==========================================================================  */
header {
	border-top: 3px solid #eee;
}

.header-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
}

.header-logo {
	display: block;
}

.header-phones {
	margin-top: 3px;
	text-align: right;
	font-size: 16px;
}

.header-phones li:nth-child(2) {
	display: none;
}

.header-phones b {
	display: block;
	font-size: 16px;
	color: #777;
}

.header-phones a {
	font-weight: bold;
	color: #d66;
	text-decoration: none;
}

.header-phones .btn-callback {
	position: relative;
	display: block;
	padding: 3px 0 2px 26px;
	border-bottom: 1px dotted #6ac;
	Emargin: -22px 174px 0 0;
	margin: 0 0 0 44px;
	font-size: 16px;
	font-weight: bold;
	color: #6ac;
}

.header-phones .btn-callback::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 21px;
	background: url('../img/big-sprite.png') 0 0 no-repeat;
}

.header-phones .btn-callback:hover {
	border-color: #999;
	color: #999;
}

.header-phones .btn-callback:hover::before {
	background-position: 0 -32px;
}

/* @media (max-width: 320px) { */
	/* .header-in { */
		/* position: relative; */
		/* height: 72px; */
	/* } */
	
	/* .header-logo { */
		/* width: 200px; */
	/* } */
/* } */

/* HEADER > Header-burger ------------------------------------------------------- */
.header-burger {
	position: absolute;
	top: 50%;
	left: 240px;
	display: none;
	width: 30px;
	height: 18px;
	margin-top: -9px;
	cursor: pointer;
}

.header-burger span {
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #999;
	transition: all 0.3s ease;
}

.header-burger::before,
.header-burger::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #999;
	transition: all 0.3s ease;
}

.header-burger::after {
	top: auto;
	bottom: 0;
}

.header-burger:hover span {
	background: #b55;
	transform: scale(0);
}

.header-burger:hover::before {
	top: 8px;
	background: #b55;
	transform: rotate(-45deg);
}

.header-burger:hover::after {
	bottom: 8px;
	background: #b55;
	transform: rotate(45deg);
}

/* @media (max-width: 320px) { */
	/* .header-burger { */
		/* display: block; */
	/* } */
/* } */

/* NAV ===============================================================================  */
nav {
	position: sticky;
	top: 0;
	z-index: 11;
	background: #f6f6f6;
	background: #567c8f;
	background: #667f99;
	background: #7aa2b8;
	background: #6a92af;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

nav ul {
	position: relative;
	display: flex;
	height: 40px;
}

nav a {
	position: relative;
	display: block;
	padding: 0 15px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #666;
	color: #fff;
	line-height: 40px;
	transition: all 0.2s linear;
}

nav a:hover,
nav a:not([href]) {
	color: #b34d4d;
	color: #f5e7a3;
	color: #757575;
	color: #555;
	color: #47596b;
	background: #fdfdfd;
	background: #fff;
	Ebackground: #436170;
	transition: all 0.2s linear;
}


/* @media (max-width: 320px) { */
	/* nav { */
		/* position: fixed; */
		/* top: 75px; */
		/* left: 0; */
		/* width: 100%; */
		/* height: 100%; */
		/* padding-top: 10px; */
		/* border-top: 2px solid #ddd; */
		/* overflow: auto; */
	/* } */
	
	/* nav ul { */
		/* flex-direction: column; */
	/* } */
	
	/* nav a { */
		/* margin-bottom: 2px; */
		/* font-size: 15px; */
	/* } */
/* } */

/* MAIN ==================================================================================== */
main {
	display: flex;
	flex-direction: column;
}

main.inner-page::before {
	content: '';
	display: block;
	width: 100%;
	height: 150px;
	border-bottom: 4px solid #f0f0f0;
	background: url('../img/bg/bg-infobox.jpg') 50% 50% repeat-x;
	Ebackground-size: cover;
}

/* MAIN > Infobox ------------------------------------------------------------------------- */
.infobox {
	order: -1;
	border-bottom: 4px solid #f0f0f0;
	background: url('../img/bg/bg-infobox.jpg') 50% 0 repeat-x;
	background-size: cover;
}

.infobox-in {
	height: 404px;
	padding-top: 50px;
	overflow: hidden;
}

.infobox-asphalting-block {
	position: relative;
	height: 305px;
}

.infobox-asphalting-block > div {
	display: flex;
	justify-content: space-between;
	background: url('../img/bg/bg-infobox.jpg') -465px -50px no-repeat;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

.infobox-asphalting-block img {
	order: -1;
	width: 550px;
	height: 300px;
}

.infobox-asphalting-block .profit {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #fcfcfc;
	background: #b55;
}

.infobox-asphalting-block .text {
	width: 440px;
	overflow: hidden;
	padding: 15px;
	font-weight: bold;
	background: rgba(0, 0, 0, 0.5);
	color: #f0f0f0;
}

.infobox-asphalting-block h3 {
	margin: 0 0 15px 0;
	padding: 3px 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background: #b55;
}

.infobox-asphalting-block .text p {
	margin: 0 0 15px 0;
	line-height: 1.6;
}

.infobox-asphalting-block .text li {
	margin: 5px 0 5px 16px; 
	list-style: url('../img/icons/list-info.png');
}

.infobox-asphalting-block strong {font-weight: bold;}

.infobox-asphalting-block p.best-price {
	margin: 15px 0 0 5px;
	font-size: 15px;
	color: #ec2;
}

.pagination {
	margin: 14px 0 0 0;
	overflow: hidden;
}

.pagination li {
	display: inline-block;
	text-indent: -9999px;
}

.pagination a {
	display: block;
	width: 16px;
	height: 16px;
	border: 2px solid #eee;
	margin: 0 12px 0 0;
	background: transparent;
	border-radius: 50%;
}

.pagination a:hover,
.pagination .current a {
	background: #b55;
}

.pagination .current a {
	cursor: default;
	}

/* MAIN > Content ------------------------------------------------------------------------------------------- */
.content {
	padding-top: 40px;
}

.content li {
	margin: 0 0 10px 0;
}


/* FOOTER ================================================================================================= */
footer {
	clear: both;
	border-top: 3px solid #999;
	margin-top: 75px;
	background: #333;
}

.footer-in {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	color: #aaa;
}

.footer-copyright {
	padding: 50px 0 0 0;
	background: url('../img/big-sprite.png') 0 -1232px no-repeat;
}

.footer-copyright a {
	text-decoration: none;
	border-bottom: 1px dotted #999;
	color: #aaa;
}

.footer-address {
	padding: 50px 0 0 0;
}

.footer-sitemap {
	display: none;
}


/* nav-inner ------------------------------------------------- */
.nav-inner {
	display: flex;
	flex-wrap: wrap;
}

.inner-page .nav-inner {
	margin: 50px 0 0 0;
}

.nav-inner a {
	position: relative;
	display: block;
	padding: 10px;
	margin-right: 8px;
	font-weight: bold;
	transition: all 0.2s ease;
	border-radius: 3px;
	background: #f6f6f6;
	color: #707070;
	transition: all 0.2s ease;
}

.nav-inner li:last-child a {
	margin-right: 0;
}

.nav-inner a:hover,
.nav-inner a:not([href]) {
	background: #c55;
	color: #fff;
	transition: all 0.2s ease;
}

.nav-inner a:not([href])::before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 15px;
	width: 12px;
	height: 12px;
	background: #c55;
	transform: rotate(45deg);
}

/* Inner-page -------------------------------------------------------- */
.brief {overflow: hidden; margin: 100px 0 0 0;}

.brief img {
float: left; 
width: 300px;
height: 210px;
margin: 0 25px 0 0;
}

.brief p {margin: 10px 0 0 0;}

.brief ul {
margin: 20px 0 0 0;
list-style: inside url('../img/w1.png');
}

.consult {
margin: 100px 0; 
padding: 25px 30px; 
border-left: 2px solid #eee; 
background: #fbfbfb;
}

.consult h3 {text-transform: uppercase;}
.consult h3 em {color: #d66;}
.consult p {margin: 10px 0 0 0;}

.consult .btn-callback {
border-bottom: 1px dotted #6ac;
font-weight: bold;
color: #6ac;
}

.consult .btn-callback:hover {
border-bottom: 1px dotted #777;
color: #777;
cursor: pointer;
}

.review {
overflow: hidden;
margin: 50px 0; 
color: #888;
}

.review h2 {
padding: 0 0 5px 0;
border-bottom: 3px double #eee;
font-size: 18px;
}

.review div {
overflow: hidden;
height: 190px;
margin: 30px 0 60px 0;
}

.review div img {
float: left;
width: 300px;
height: 190px;
margin: 0 20px 0 0; 
}

.review div h3 {margin: 1px 0 0 0;}
.review div p {margin: 7px 0 10px 0;}

.review div ul {margin: 13px 0 0 0; list-style: inside url('../img/w1.png');}

table {
width: 100%;
margin: 15px 0 0 0;
}

caption {
margin: 15px 0 5px 1px;
text-align: left;
font-size: 12px;
}

thead th {
padding: 10px 15px;
border-left: 1px solid #fff;
background: #f9f9f9;
color: #c66;
}

th:last-child, td:last-child {padding-right: 20px; text-align: right;}
th:first-child, td:first-child {border-left: none; text-align: left;}

tbody tr {background: #fcfcfc;}
tbody tr:nth-child(2n+3) {background: #f3f3f3;}

tbody th {
padding: 7px 15px;
background: #666 url('../img/big-sprite.png') -4px -236px no-repeat;
color: #fdfdfd;
}

tbody td {
padding: 6px 15px;
border-left: 1px solid #fff; 
text-align: center;
}

tbody a {text-decoration: none; border-bottom: 1px dotted #777;}
tbody a:hover {border-bottom: 1px dotted #c66;}
tbody td em {color: #c66;}

tfoot td {
padding: 15px; 
line-height: 1.8;
background: #666;
color: #fdfdfd;
}

.main {
float: left;
width: 716px;
margin: 25px 0 100px 0;
}

.main h3 {margin: 25px 0 0 0; font-size: 14px;}
.main h4 {margin: 15px 0 0 0;}
.main h3 + h4 {margin: 5px 0 0 0;}
.main p {margin: 5px 0;}

.main ul, .main ol {
margin: 10px 0 0 16px; 
text-indent: -20px;
list-style: inside url('../img/list.png');
}

.main ol {
text-indent: -16px;
list-style: inside decimal;
}

.main .important {
overflow: hidden;
margin: 20px 0; 
padding: 25px; 
border-left: 2px solid #d66; 
background: #f6f6f6;
color: #444;
}

.main .important + h3 {margin-top: 40px;}

.aside {
	float: right;
	width: 234px;
}

.aside h3 {margin: 35px 0 25px 0; color: #888;}

.tender {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 25px 30px;
	border-top: 3px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 100px 0 25px 0;
	background: #fafafa url('../img/bg/stamp.png') -27px -42px no-repeat;
}

.tender h3 em {color: #d66;}

.tender .btn-callback {
	position: absolute;
	top: 50%;
	right: 30px;
	height: 42px;
	margin-top: -21px;
	padding: 0 15px;
	border: 1px solid #b55;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	background: #b55;
	color: #fff;
	transition: all 0.2s linear;
}

.tender .btn-callback:hover {
	border-color: #ddd;
	background: #fff;
	color: #b55;
	transition: all 0.2s linear;
}


/* INDEX ============================================================================================================= */
.index h1 + p {padding: 0; border: 0;}

.index p + h2 {
padding: 0 0 20px 0;  
border-bottom: 1px solid #eee;
font-size: 13px; 
font-weight: normal;
color: #888;
}

.services {
	display: flex;
	justify-content: space-between;
	margin: 80px 0 60px 0;
}

.services-item {width: 310px;}

.services-item h3 {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 0 0 70px;
	margin: 0 0 10px 0;
	background: url('../img/big-sprite.png') -257px -464px no-repeat;
}

.services-item:first-child h3 {background-position: -257px -392px; background: url('../img/services1.png') 0 0 no-repeat;}
.services-item:last-child h3 {background-position: -257px -536px;}

.services-item a {
	text-decoration: none;
	color: #b39180;
}

.services-item:first-child a {color: #7fb2b2;}
.services-item:last-child a {color: #80a2b3;}

.services-item em {
	display: block;
	font-size: 12px;
	color: #757575;
}

.services-item p {
	padding-left: 1px;
	line-height: 1.5;
	color: #757575;
}

.road-construction {
	display: flex;
	justify-content: space-between;
	margin: 80px 0 0 0;
}

.road-construction-item {width: 310px;}

.road-construction-item h3 {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	height: 60px;
	padding: 0 0 0 75px;
	margin: 0 0 15px 0;
	background: #80aab3 url('../img/big-sprite.png') -257px -680px no-repeat;
	color: #fff;
}
	
.road-construction-item:first-child h3 {background-position: -257px -608px; background-color: #809cb3;}

.road-construction-item:last-child h3 {background-position: -257px -752px; background-color: #b3aa80;}

.road-construction-item em {font-size: 12px;}

.road-construction-item ul {
	margin: 15px 0 0 15px;
	list-style: square url('../img/icons/list.png');
	line-height: 1.6;
}

.road-construction-item a,
.road-construction-item strong {font-weight: bold;}


.index .brief img {width: 460px; height: 266px;}

.index .brief h2 em {
display: block; 
margin: 0 0 14px 0;
font-size: 12px; 
color: #888;
}

.advantage {
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	margin: 100px 0;
}

.advantage div {
width: 225px;
text-align: center;
font-weight: bold;
color: #888;
}

.advantage div em {
display: block;
padding: 53px 0 15px 0;
margin: 0 0 15px 0;
text-align: center;
font-size: 24px;
background: url('../img/big-sprite.png') 62px -512px no-repeat;
color: #d66;
}

.advantage div:first-child em {background-position: 62px -400px;}
.advantage div.specialists em {background-position: 62px -624px;}
.advantage div:last-child em {background-position: 62px -736px;}

.index .review .guide-digest ul {list-style-image: url('../img/w2.png');}

.news {margin: 50px 0;}
.news ul {margin: 15px 0 0 0;}
.news li {overflow: hidden;}

.news time {
	float: left;
	padding: 0 0 0 25px;
	margin: 0 20px 10px 0;
	font-weight: bold;
	background: url('../img/big-sprite.png') -300px -33px no-repeat;
}


										/*ROAD-BUILDING*/
.road-building h1 {margin: 50px 0 0 0; border-bottom: 1px solid #eee;}

.road-building .brief {margin: 35px 0 0 0;}
.road-building .brief ul {margin: 15px 0 0 0;}

.road-building .review div {height: auto;}
.road-building .review img {height: 205px;} 


										/*PRICE*/
.prices h2, h3.discounts {margin: 60px 0 0 0; color: #999;}
.prices h2 time {font-size: 13px; color: #c66;}

.prices .download a {
display: block;
width: 220px;
height: 52px;
margin: 25px 0 0 0;
padding-top: 4px;
border: 1px solid #f0f0f0;
font-size: 18px;
font-weight: bold;
text-indent: 67px;
text-decoration: none;
background: url('../img/big-sprite.png') 0 -920px no-repeat;
}

.prices .download a:hover {background-position: 0 -976px; color: #f3f3f3;}


/* OUR-WORK|Gallery -------------------------------------------------------------------- */
.gallery {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 40px 0;
}

.gallery-item {
	position: relative;
	top: 0;
	width: 234px;
	min-height: 297px;
	border-bottom: 3px solid #d66;
	margin-bottom: 40px;
	font-size: 11px;
	background: #fafafa url('../img/bg/stamp.png') -27px 135px no-repeat;
}

.gallery-item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: url('../img/icons/photo.png');
}

.gallery-item::after {
	content: '';
	position: absolute;
	top: 156px;
	left: 10px;
	z-index: 1;
	width: 12px;
	height: 12px;
	background: #f7f7f7;
	transform: rotate(45deg);
}

.gallery-item a {
	position: relative;
	display: block;
	width: 234px; 
	height: 162px;
	overflow: hidden;
}

.gallery-item a::before {
	content: '';
	position: absolute;
	top: 0;
	width: 234px;
	height: 162px;
	background: url('../img/icons/zoom.svg') 50% 50% no-repeat;
	background-size: 40px auto;
	background-color: rgba(100, 180, 240, 0.4);
	opacity: 0;
	transition: all 0.3s linear;
}

.gallery-item a:hover::before {
	opacity: 1;
	transition: all 0.3s linear;
}

.gallery-item h3 {
	margin: 20px 8px 5px 8px;
	font-size: 11px;
	text-transform: uppercase;
}

.gallery-item em {color: #d66;}

.gallery-item p {margin: 8px;}


										/*CONTACTS*/
.contacts h2 {margin: 10px 0; color: #888;}
.category, .fn {display: none;}

.adr, .tel, .mail, .url, .workhours {
margin: 25px 0 0 1px;
padding: 0 0 2px 35px;
background: url('../img/big-sprite.png') 0 -112px no-repeat;
}

.tel {background-position: 0 -144px;}
.number {margin: 10px 0 0 36px;}
.mail {background-position: 0 -163px;}
.url {background-position: 0 -191px;}
.workhours {background-position: 0 -216px;}
.workhours em {color: #c66;}
.two {background: none; margin: 10px 0 0 1px;}

.contacts iframe {
width: 100%;
height: 228px; 
margin: 40px 0 100px 0;
}

/* CONTACTS > Feedback-form --------------------------------------------------------------- */
.feedback-form label {
	display: block;
	margin: 0 0 20px 0;
	font-weight: bold;
	color: #777;
}

.feedback-form input,
.feedback-form textarea {
	width: 100%;
	padding: 8px 10px;
	margin: 2px 0 0 0;
	border: 1px solid #eee;
	font-size: 14px;
	background: #fafafa;
	color: #333;
	box-shadow: inset 1px 1px 3px #fff;
	transition: all 0.3s linear 0s;
}

.feedback-form input.theme {display: none;}

.feedback-form textarea {
	position: relative;
	z-index: 98;
	height: 240px;
	overflow: auto;
	overflow-x: hidden;
	resize: none;
}

.feedback-form input:hover,
.feedback-form textarea:hover {
	border-color: #999;
	background: #fff;
	transition: all 0.3s linear 0s;
}

.feedback-form input:focus,
.feedback-form textarea:focus {
	background: #fff;
	color: #000;
	box-shadow: inset 1px 1px 2px #777;
	transition: all 0.3s linear 0s;
}

.feedback-form textarea:focus {
	width: 480px;
	height: 280px;
	padding: 10px;
	border: 0;
	border-left: 4px solid transparent;
	border-image: 4 repeating-linear-gradient(-45deg, #d92626 0, #d92626 5px, transparent 0, transparent 12px, #3c6d88 0, #3c6d88 17px, transparent 0, transparent 24px);
	margin-left: -248px;
	font-size: 18px;
	box-shadow: 0 5px 7px #999;
}

.feedback-form button[type="submit"] {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #6ac;
	font-size: 14px;
	font-weight: bold;
	background: #6ac;
	color: #fff;
	transition: all 0.3s linear 0s;
}

.feedback-form button[type="submit"]:hover {
	background: #fff;
	color: #6ac;
	transition: all 0.3s linear 0s;
}

.feedback-errorname,
.feedback-erroremail,
.feedback-errortel {
	display: none;
	padding: 7px 10px;
	border: 1px solid #ed8;
	margin: 3px 0;
	font-weight: normal;
	background: #faf3d1;
	color: #333;
}

.feedback-errorname.active,
.feedback-erroremail.active,
.feedback-errortel.active {
	display: block;
}


/* ABOUT-ASPHALTING ------------------------------------------------------------------- */
.guide {
	display: flex;
	justify-content: space-between;
	margin: 60px 0;
}

.guide-item {
	width: 485px;
	min-height: 285px;
	border-bottom: 3px solid #eee;
	background: #fafafa;
}

.guide-item > a {
	position: relative;
	display: block;
	width: 485px;
	height: 200px;
}

.guide-item > a::before {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 20px;
	width: 15px;
	height: 15px;
	background: #fafafa;
	transform: rotate(45deg);
}

.guide-item h2 {
	margin: 20px 20px 5px 20px;
}

.guide-item b {
	margin: 0 20px 20px 20px;
	font-size: 11px;
	font-weight: normal;
}

.wiki {
	margin: 60px 0;
}

.wiki-item {
	position: relative;
	height: 235px;
	margin: 0 0 60px 0;
	background: #f9f9f9;
	color: #777;
}

.wiki-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 32px;
	height: 32px;
	background: url('../img/icons/photos.png');
}

.wiki-item::after {
	content: '';
	position: absolute;
	top: 28px;
	left: 488px;
	z-index: 1;
	width: 15px;
	height: 15px;
	background: #f9f9f9;
	transform: rotate(45deg);
}

.wiki-item > a {
	position: relative;
	float: left;
	width: 495px;
	height: 235px;
	margin: 0 25px 0 0;
	overflow: hidden;
}

.wiki-item > a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 495px;
	height: 235px;
	background: url('../img/icons/link.png') 50% 50% no-repeat;
	background-color: rgba(100, 180, 240, 0.4);
	opacity: 0;
	transition: all 0.3s linear;
}

.wiki-item > a:hover::before {
	opacity: 1;
	transition: all 0.3s linear;
}

.wiki-item h3 {
	padding: 25px 25px 0 0;
}

.wiki-item b {
	display: block;
	overflow: hidden;
	margin: 5px 25px 0 0;
	padding: 4px 0 3px 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 11px;
	font-weight: normal;
	background: url('../img/icons/theme.png') 2px 50% no-repeat;
}

.wiki-item p {
	margin: 15px 25px 0 0;
	line-height: 1.5;
}


										/*ARTICLE-ASPHALTING*/
.article-asphalting h1 {
width: 716px;
border-bottom: 1px solid #ddd;
font-size: 18px;
}

.article-asphalting .main img {width: 716px; height: 225px;}
.article-asphalting .main h2 {margin: 25px 0 5px 0;}
.article-asphalting .main h2 + h3 {margin-top: 5px;}
.article-asphalting .main h3 + p {margin-top: 2px;}
.article-asphalting .main p strong {font-weight: bold;}

.article-asphalting table th:last-child {text-align: center;}
.article-asphalting table td:last-child {text-align: left;}
.article-asphalting tbody tr:nth-child(2n+3) {background: #fcfcfc;}
.article-asphalting tbody tr:nth-child(2n+2) {background: #f9f9f9;}

.article-asphalting .main .source, .source em {margin: 20px 0 0 0; font-style: italic;}

.article-asphalting .aside h3 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
	margin: -31px 0 25px 0;
	font-size: 18px;
	font-weight: normal;
}

.article-asphalting .aside a {
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.article-asphalting .aside a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: url('../img/icons/photo.png');
}

.article-asphalting .aside a::after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../img/icons/zoom.svg') 50% 50% no-repeat;
	background-size: 40px auto;
	background-color: rgba(100, 180, 240, 0.4);
	opacity: 0;
	transition: all 0.3s linear;
}

.article-asphalting .aside a:hover::after {
	opacity: 1;
	transition: all 0.3s linear;
}

.related {
	clear: both;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 60px 0 0 0;
}

.related h3 {
	width: 100%;
	padding: 0 0 2px 0;
	border-bottom: 3px double #ddd;
}

.related-item {
	position: relative;
	float: left;
	width: 234px;
	min-height: 307px;
	margin: 18px 0 0 0;
	border-bottom: 3px solid #f0f0f0;
	background: #f9f9f9 url('../img/bg/stamp.png') -20px 180px no-repeat;
}

.related-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 32px;
	height: 32px;
	background: url('../img/icons/photos.png');
}

.related-item::after {
	content: '';
	position: absolute;
	top: 228px;
	left: 15px;
	z-index: 1;
	width: 13px;
	height: 13px;
	background: #f9f9f9;
	transform: rotate(45deg);
}

.related-item > a {
	position: relative;
	display: block;
	width: 234px;
	height: 234px;
}

.related-item > a::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../img/icons/link.png') 50% 50% no-repeat;
	background-color: rgba(100, 180, 240, 0.4);
	opacity: 0;
	transition: all 0.3s linear;
}

.related-item > a:hover::before {
	opacity: 1;
	transition: all 0.3s linear;
}

.related-item h4 {
	margin: 15px 15px 5px 15px;
	font-size: 14px;
}

.related-item b {
	display: block;
	margin: 0 15px 15px 15px;
	font-size: 11px;
	color: #999;
}


/* Callback-Form ----------------------------------------------- */
@keyframes bounce {
	0% {transform: translateY(-1000px);}
	70% {transform: translateY(20px);}
	90% {transform: translateY(-5px);}
	100% {transform: translateY(0);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-5px);}
	20%, 40%, 60%, 80% {transform: translateX(5px);}
}

.modal-callback {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	display: none;
	width: 100%;
	height: 100%;
}

.modal-callback.active {
	display: block;
}

.modal-overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}

.callback-form {
	position: fixed;
	top: 80px;
	left: 50%;
	width: 350px;
	border-bottom: 3px solid #ddd;
	margin: 0 0 0 -175px;
	background: #fff;
	color: #555;
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
}

.callback-form.static {
	position: static;
	margin: 50px auto;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.modal-callback.active .callback-form {
	animation: bounce 0.8s;
}

.modal-callback.error .callback-form {
	animation: shake 0.6s;
}

.callback-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 35px;
	height: 35px;
	opacity: 0.7;
}

.callback-close::before,
.callback-close::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 8px;
	display: block;
	width: 22px;
	height: 2px;
	background: #fff;
	transform: rotate(45deg);
}

.callback-close::after {transform: rotate(-45deg);}

.callback-close:hover {opacity: 1;}

.callback-form legend {
	position: relative;
	width: 100%;
	padding: 0 0 0 95px;
	line-height: 64px;
	font-size: 20px;
	font-weight: bold;
	background: #777;
	color: #fafafa;
}

.callback-form legend::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 64px;
	background: #cc4b4f url('../img/big-sprite.png') 0 -320px no-repeat;
}

.callback-form p {
	margin: 20px;
	margin-bottom: 30px;
}

.callback-form label {
	display: block;
	margin: 30px 20px 20px 20px;
	font-size: 14px;
	font-weight: bold;
}

.callback-form input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 16px;
	background: #fff;
	box-shadow: inset 1px 1px 3px #fff;
	transition: all 0.2s linear 0s;
}

.callback-form input::placeholder {
	color: #999;
}

.callback-form input:hover {
	border-color: #777;
	color: #000;
	transition: all 0.2s linear 0s;
}

.callback-form input:focus {
	border-color: #fff;
	color: #000;
	box-shadow: inset 1px 1px 3px #444;
	transition: all 0.2s linear 0s;
}

.callback-form input:focus::placeholder {
	color: #777;
}

.callback-form button[type="submit"] {
	width: calc(100% - 40px);
	padding: 10px 0;
	border: 1px solid #6ac;
	margin: 15px 20px 30px 20px;
	font-size: 16px;
	font-weight: bold;
	background: #6ac;
	color: #fff;
	transition: all 0.3s linear 0s;
}

.callback-form button[type="submit"]:hover {
	background: #fff;
	color: #6ac;
	transition: all 0.3s linear 0s;
}

.callback-errorname,
.callback-errortel { 
	display: none;
	width: 100%;
	padding: 7px 10px;
	margin: 5px 0;
	border: 1px solid #ed8;
	font-size: 13px;
	font-weight: normal;
	background: #faf3d1;
	color: #222;
}

.callback-errorname.active, 
.callback-errortel.active {
	display: block;
}

h1::selection,
h2::selection,
h3::selection,
p::selection,
li::selection,
em::selection,
b::selection,
strong::selection {background: transparent;}

/* FancyBox */
/*body.compensate-for-scrollbar{overflow:hidden}*/
.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background: #fff;
border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;
padding:5px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#666;}
.fancybox-button:hover{color:#b55;}
.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#ccc;
cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-close-small{background:transparent;border:0;border-radius:0;
color: #aaa;
cursor:pointer; padding:2px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover{color:#fff;}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div{padding:3px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;
color:#f3f3f3;
font-size:20px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs{background:#fff;
bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs__list a:before{border:3px solid #cc5555;
bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}