@charset "UTF-8";
/* kubanec */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: 'Roboto', sans-serif;
 	line-height:24px;
	font-size:14px;
	color:#333333;
}


body {
		background:#d8d8d8;
		}

h2 {
		font-size:12px;
		font-weight:700;
		}
		
h3 {
		font-size:16px;
		font-weight:700;
		}
		
h1 {
		font-size:24px;
		font-weight:400;
		line-height:36px;
		}
		
a {
		color:#003e77;
		}

		
a:hover {
		color:#333;
		}
		
.content {
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

.first-big-block {
		width:650px;
		height:800px;
		float:left;
		}
		
.menu {
		width:210px;
		height:420px;
		float:left;
		padding:30px;
		background:#ffffff;
		}
		
.contacts {
		width:290px;
		height:130px;
		padding-top:30px;
		padding-right:30px;
		padding-left:60px;
		background:#f7ea9f url(../img/map-bg.png);
		background-size:70px 70px;
		background-repeat:no-repeat;
		background-position:-10px 25px;
		float:left;
		}
		
.service {
		width:380px;
		height:320px;
		background:#003e77 url(../img/service.jpg);
		background-size:380px 320px;
		float:left;
		}
		


.desc {
		width:590px;
		height:260px;
		padding:30px;
		float:left;
		background:#eeeeee;
		margin-top:-160px;
		}
		
.logo {
		background:#FFFFFF;
		float:left;
		}
		
.menu-items {
		width:210px;
		height:300px;
		float:left;
		margin-top:20px;
		}
		
.item {
		width:200px;
		float:left;
		margin-top:20px;
		}
		
.menu-link {
		display:block;
		float:left;
		height:24px;
		padding-top:2px;
		text-decoration:none;
		font-size:18px;
		background:url(../img/underline.png);
		background-position: 5px 24px;
		background-repeat:repeat-x;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
		}
		
.menu-link:hover {
		background-position: 0 0;
		color:#fff;
		padding-right:10px;
		padding-left:10px;
		margin-left:-10px;
		}
		
		
.point {
		font-size:18px;
		line-height:30px;
		color:#003e77;
		text-decoration:none;
		border-bottom:#003e77 1px dotted;
		}
		
.point:hover {
		color:#333;
		}
		

		
.white {
		color:#FFFFFF;
		}
		
.link-white {
		color:#FFFFFF;
		line-height:36px;
		}
		
		
.link-white:hover {
		color:#f7ea9f;
		line-height:36px;
		}
		
		
		
.blue {
	padding:30px;
	height:290px;
	background: rgba(0, 62, 119, 0);
	-webkit-transition: background 0.5s ease;
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
		}
		
		
.blue:hover {
	background: rgba(0, 62, 119, 1);

		}
		
.small-block {
		width:350px;
		height:800px;
		float:left;
		}
		
.phone-block {
		text-align:left;
		width:290px;
		height:100px;
		padding:30px;
		background: rgba(0, 62, 119, 1);
		float:left;
		color:#FFFFFF;
		font-size:18px;
		line-height:30px;
}

.phone-block a {
	color:#FFFFFF;
	font-size:18px;
	line-height:30px;
	text-decoration: none;
}

.phone-desc {
		color:#FFFFFF;
		}

#slider {
		width:350px;
		height:160px;
		float:left;
		}
		
#slider-2 {
		width:350px;
		height:160px;
		float:left;
		}
		
		
.photo-second {
		width:350px;
		height:160px;
		background: url(../img/photo-second.jpg) ;
		background-size:350px 160px;
		float:left;
		}
		
.additionalservice {
		float:left;
		background:url(../img/additionalservice.jpg);
		background-size:350px 320px;
		}
		

		
.yellow {
		width:290px;
		height:260px;
		background:rgba(247, 234, 159, 0);
  		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		-ms-transition: background 0.5s ease;
		padding:30px;
		line-height:36px;
		}
		
.yellow:hover {
		background:rgba(247, 234, 159,1);
		}
		
.footer-block {
		width:1000px;
		height:320px;
		float:left;
		background:#eeeeee;
		}
		
.photo-third {
		width:350px;
		height:320px;
		float:left;
		background: url(../img/photo-third.jpg);
		background-size:350px 320px;
		}
		
.ft-inline {
		width:590px;
		float:left;
		padding:30px;
}
		
.terms {
		width:240px;
		height:100px;
		padding:30px;
		background:#003e77;
		float:left;
		}
		
.ft-contacts {
		width:290px;
		height:100px;
		padding:30px;
		float:left;
		background:#fff;
		}
		
.margin-left {
		margin-right:30px;
		}
		
.ft-column-1 {
		width:420px;
		float:left;
		padding-left:30px;
		}
		
.ft-column-2 {
		width:200px;
		text-align:left;
		padding-top:22px;
		float:left;
		}
		
/*another page */

.map {
		width:730px;
		height:320px;
		float:left;
		background:#FFFFFF;
		}
		
.about-us {
		width:670px;
		height:180px;
		background:#FFFFFF;
		float:left;
		padding:30px;
		}
		
#long {
		height:820px;
		}
		
.logos {
		width:670px;
		height:240px;
		padding-left:30px;
		padding-right:30px;
		background:#003e77;;
		float:left;
		}
		
.logo-unit {
		width:134px;
		height:110px;
		float:left;
		margin-top:15px;
		text-align:center;
		color:#FFFFFF;
		}
		
.service-desc {
		width:670px;
		height:660px;
		background:#eeeeee;
		float:left;
		padding:30px;
		}
		
		
.catalog {
		width:700px;
		background:#eeeeee;
		float:left;
		padding-top:30px;
		padding-left:30px;
		}
		
		
.catalog-unit {
		width:730px;
		line-height:160px;
		float:left;
		margin-left:-30px;
		}	
		
.catalog-photo {
		width:160px;
		height:160px;
		float:left;
		background:#FFFFFF;
		}
		
.catalog-title {
		width:220px;
		height:20px;
		padding-top:30px;
		padding-bottom:30px;
		padding-left:30px;
		float:left;
		background:#FFFFFF;
		}	
	
.mark {
		width:260px;
		text-align:right;
		background:#FFFFFF;
		padding-left:30px;
		padding-right:30px;
		height:20px;
		padding-top:30px;
		padding-bottom:30px;
		float:left;
		}
	
.properties {
		width:250px;
		height:20px;
		padding:30px;
		background:#f7ea9f;
		float:left;
		}
		
.cost {
		width:200px;
		height:20px;
		padding:30px;
		background:#f7ea9f;
		float:left;
		text-align:right;
		}
		
.icon-weight {
		display:block;
		padding-left:30px;
		float:left;
		width:90px;
		height:20px;
		cursor:pointer;
		background:url(../img/weight.png);
		background-repeat:no-repeat;
		background-size:16px 16px;
		background-position:7px 3px;
		}
		
.icon-height {
		display:block;
		padding-left:30px;
		float:left;
		width:90px;
		height:20px;
		cursor:pointer;
		background:url(../img/height.png);
		background-repeat:no-repeat;
		background-size:16px 16px;
		background-position:7px 3px;
		}	
		
.icon-volume {
		display:block;
		padding-left:30px;
		float:left;
		width:90px;
		height:20px;
		cursor:pointer;
		background:url(../img/volume.png);
		background-repeat:no-repeat;
		background-size:16px 16px;
		background-position:7px 3px;
		}	
		
.icon-value {
		display:block;
		padding-left:30px;
		float:left;
		width:90px;
		height:20px;
		cursor:pointer;
		background:url(../img/volume.png);
		background-repeat:no-repeat;
		background-size:16px 16px;
		background-position:7px 3px;
		}	
		
.icon-excavation {
		display:block;
		padding-left:30px;
		float:left;
		width:90px;
		height:20px;
		cursor:pointer;
		background:url(../img/height.png);
		background-repeat:no-repeat;
		background-size:16px 16px;
		background-position:7px 3px;
		}	
		
.icon-bunker {
		display:block;
		padding-left:30px;
		float:left;
		width:90px;
		height:20px;
		cursor:pointer;
		background:url(../img/volume.png);
		background-repeat:no-repeat;
		background-size:16px 16px;
		background-position:7px 3px;
		}	

/*  modal window */

.map-modal {
		width:730px;
		height:420px;
		}
.map-modal-desc {
		width:670px;
		height:30px;
		background:#FFFFFF;
		padding:30px;
		}
#close {
		width:670px;
		margin-top:-20px;
		text-align:right;
		padding-right:30px;
		text-decoration:underline;
		color:#003e77;
		cursor:pointer;
		}
		
#close:hover {
		color:#333333;
		}

.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(../img/loading.gif) no-repeat 50% 50%; }

/* responsive */
@media (max-width: 1024px) {
	body {
		padding-bottom: 120px;
	}

	.content {
		width: 100%;
		max-width: 1000px;
		padding: 0 10px;
		box-sizing: border-box;
	}

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

	.first-big-block,
	.small-block,
	.menu,
	.contacts,
	.phone-block,
	.service,
	.additionalservice,
	.yellow,
	.desc,
	#slider,
	#slider-2,
	.photo-second,
	.footer-block,
	.photo-third,
	.terms,
	.ft-contacts,
	.ft-inline,
	.ft-column-1,
	.ft-column-2,
	.map,
	.about-us,
	.logos,
	.service-desc,
	.catalog,
	.catalog-unit,
	.catalog-photo,
	.catalog-title,
	.mark,
	.properties,
	.cost,
	.map-modal,
	.map-modal-desc,
	#close {
		width: 100%;
		height: auto;
		float: none;
		box-sizing: border-box;
		margin-left: 0;
	}

	.menu {
		padding: 20px;
	}

	.logo {
		float: none;
		margin-bottom: 12px;
	}

	.menu-items {
		width: 100%;
		height: auto;
		margin-top: 10px;
	}

	.item {
		width: 100%;
		margin-top: 10px;
	}

	.menu-link {
		float: none;
		display: inline-block;
		font-size: 20px;
		height: auto;
		line-height: 1.3;
		background-position: 0 100%;
	}

	.menu-link:hover {
		margin-left: 0;
	}

	.contacts,
	.phone-block,
	.desc,
	.about-us,
	.service-desc,
	.catalog,
	.terms,
	.ft-contacts,
	.ft-inline,
	.ft-column-1,
	.ft-column-2,
	.map-modal-desc {
		padding: 16px;
	}

	.contacts {
		background-position: right 16px top 16px;
		background-size: 56px 56px;
	}

	.service {
		background-size: cover;
		background-position: center;
	}

	.blue,
	.yellow {
		padding: 16px;
	}

	#slider img,
	#slider-2 img {
		width: 100%;
		height: auto;
	}

	.photo-second,
	.additionalservice,
	.photo-third {
		background-size: cover;
		background-position: center;
	}

	.desc {
		margin-top: 0;
	}

	.catalog {
		padding-top: 16px;
	}

	.catalog-unit {
		margin: 0 0 12px 0;
		line-height: 1.4;
	}

	.catalog-photo,
	.catalog-title,
	.mark,
	.properties,
	.cost {
		padding: 12px 16px;
		text-align: left;
	}

	.icon-weight,
	.icon-height,
	.icon-volume,
	.icon-value,
	.icon-excavation,
	.icon-bunker {
		width: calc(50% - 10px);
		padding-left: 24px;
		margin-right: 10px;
		margin-bottom: 8px;
		line-height: 20px;
	}

	.footer-block {
		background: #eeeeee;
	}

	.margin-left {
		display: inline-block;
		margin-right: 14px;
		margin-bottom: 8px;
	}
}

@media (max-width: 640px) {
	h1 {
		font-size: 22px;
		line-height: 1.3;
	}

	.logo {
		max-width: 180px;
	}

	.point,
	.phone-block,
	.phone-block a {
		font-size: 16px;
		line-height: 1.5;
	}

	.menu-link {
		font-size: 17px;
	}

	.icon-weight,
	.icon-height,
	.icon-volume,
	.icon-value,
	.icon-excavation,
	.icon-bunker {
		width: 100%;
		margin-right: 0;
	}
}

/* hard mobile fallback for legacy float layout */
@media (max-width: 1024px) {
	html, body {
		max-width: 100%;
		overflow-x: hidden;
	}

	body {
		padding-bottom: 0 !important;
	}

	.content {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		padding: 0 8px !important;
	}

	.content > * {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 0 0 8px 0 !important;
		box-sizing: border-box !important;
	}

	.menu,
	.menu-items,
	.item {
		height: auto !important;
		min-height: 0 !important;
	}

	.first-big-block,
	.small-block,
	.menu,
	.contacts,
	.phone-block,
	.service,
	.additionalservice,
	.desc,
	#slider,
	#slider-2,
	.footer-block,
	.photo-third,
	.terms,
	.ft-contacts,
	.ft-inline,
	.ft-column-1,
	.ft-column-2,
	.map,
	.about-us,
	.logos,
	.service-desc,
	.catalog,
	.catalog-unit,
	.catalog-photo,
	.catalog-title,
	.mark,
	.properties,
	.cost {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
	}

	/* prevent cycle.js absolute layers from overlapping content on mobile */
	#slider,
	#slider-2 {
		position: relative !important;
		overflow: hidden !important;
		height: auto !important;
		min-height: 0 !important;
	}

	#slider img,
	#slider-2 img {
		position: static !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		float: none !important;
	}

	#slider img:not(:first-child),
	#slider-2 img:not(:first-child) {
		display: none !important;
	}

	/* remove legacy fixed heights that create large empty areas */
	.service,
	.additionalservice,
	.yellow,
	.desc,
	.footer-block,
	.photo-third,
	.terms,
	.ft-contacts,
	.map,
	.about-us,
	.logos,
	.service-desc {
		height: auto !important;
		min-height: 0 !important;
		overflow: visible !important;
	}

	.catalog {
		padding: 16px !important;
	}

	.catalog-unit {
		display: flex !important;
		flex-direction: column !important;
		line-height: 1.4 !important;
		margin: 0 0 10px 0 !important;
	}

	.catalog-photo {
		height: 160px !important;
		background-size: cover !important;
		background-position: center !important;
	}

	.catalog-title,
	.mark,
	.properties,
	.cost {
		height: auto !important;
		min-height: 0 !important;
		line-height: 1.4 !important;
		padding: 10px 14px !important;
	}

	.mark {
		text-align: left !important;
	}
}

/* policies modal */
body.policies-open {
	overflow: hidden;
}

.policies-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 12000;
}

.policies-modal.is-open {
	display: block;
}

.policies-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
}

.policies-dialog {
	position: relative;
	margin: 4vh auto 0;
	width: min(960px, calc(100% - 32px));
	max-height: 92vh;
	background: #ffffff;
	border-radius: 14px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.policies-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 18px;
	border-bottom: 1px solid #e9e9e9;
}

.policies-tabs {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.policies-tab {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
	text-decoration: none;
	color: #003e77;
	padding-bottom: 3px;
	border-bottom: 2px solid transparent;
}

.policies-tab:hover,
.policies-tab.is-active {
	border-bottom-color: #003e77;
}

.policies-close {
	border: none;
	background: transparent;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	color: #333;
	padding: 0;
}

.policies-content {
	padding: 18px;
	overflow: auto;
}

.policies-pane {
	display: none;
}

.policies-pane.is-active {
	display: block;
}

.policies-pane p {
	margin-bottom: 12px;
	line-height: 1.55;
}

@media (max-width: 640px) {
	.policies-dialog {
		margin-top: 0;
		width: 100%;
		height: 100vh;
		max-height: 100vh;
		border-radius: 0;
	}

	.policies-head {
		padding: 14px;
	}

	.policies-tab {
		font-size: 16px;
	}

	.policies-content {
		padding: 14px;
	}
}