/* ==========================================================================
CUSTOM FONTS
========================================================================== */
@import "font-awesome.min.css";
@import "sprite.css";
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic-ext);
@import url(http://fonts.googleapis.com/css?family=PT+Serif&subset=latin,cyrillic-ext);
*/
/* ==========================================================================
SPRITE
========================================================================== */

/* ==========================================================================
Template styles
========================================================================== */

:root {
	--color-text: #2b2f39;
	--color-bg: #fff;
	--color-link: #010101;
	--color-accent: #ad1f24;
	--color-benefit: #ad1f24;
	--color-social: #2b2f39;
	--color-download-border: #ad1f24;
	--color-download-bg: #fff;
	--color-download-name: #ad1f24;
	--color-download-size: #2b2f39;
	--color-bg-grey: #f4f4f4;

	--color-bgc-salad: #6fbd1e;
	--color-bgc-blue: #4da2d3;
	--color-bgc-tan: #ffc75b;
	--color-bgc-purple: #4a3c84;
	--color-bgc-dark: #4e545b;
	--color-bgc-defence: #5ba873;
	--color-bgc-night: #3d435a;
	--color-bgc-grey: #8d9ba5;
	--color-bgc-red: #ad1f24;
	--color-bgc-orange: #f68220;
	--color-bgc-deepblue: #316699;
	--color-bgc-fucsia: #e4007f;
}

html, body {
	color: var(--color-text);
	height: 100%;
	min-height: 100%;
	font-family: 'open sans', tahoma, arial, sans-serif;
	line-height: 1.2;
	font-weight: 300;
}
html {
	background: var(--color-bg);
}

/* ==========================================================================
TYPOGRAPHY
========================================================================== */
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}
p:first-child{margin-top: 0;}
p:last-child{margin-bottom: 0;}
a{}
a:hover{}
._i{display: inline-block;position: relative;}

/** PAGE WRAP **/
.page_container {margin-top:-0px;min-height:100%;_height:100%;margin: 0 auto;}
.page_container_in {margin:0 auto;padding:0px 0 0px 0;position:relative;width:100%;}
.wid_fix{max-width: 940px;margin: 0 auto;position: relative;padding: 0 20px;}

/** HEADER **/
.page_header{position: relative;padding-top: 32px;padding-bottom:0px;margin-bottom: 40px;}
.head_top{margin-bottom: 0px;}
.head_logo{line-height: 50px;float: left;margin-right: 50px;margin-top: -10px;line-height: 50px;}
.head_logo>a{width: 88px;height: 44px;display: inline-block;}
.head_logo>a img{width: 100%;height: auto;}
.lt-ie9 .head_logo>a{background: url(../images/logo.png) no-repeat left top;overflow: hidden;margin-top: 5px;display: block;}
.lt-ie9 .head_logo svg{display: none;}
.head_moto{font-weight: 300;float: left;font-size: 12px;max-width: 450px;margin: 0;}
.head_address{line-height: 35px;float: right;}
.socials{list-style-type: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;font-size:20px}
.socials li{display: inline-block;vertical-align: middle;margin-left: 18px;}
.socials li a{color: var(--color-social);}
.head_phone{display: inline-block;vertical-align: middle;font-size: 14px;font-weight: bold;color: var(--color-link);margin-left: 75px;}
.head_phone address{display: inline-block;font-style: normal;margin-right: 30px;letter-spacing: 0px}
.ul_link{color: var(--color-link);text-decoration: none;position: relative;display: inline-block;letter-spacing: 1px}
.ul_link span{border-bottom: 1px solid var(--color-accent);padding-bottom: 7px;display: inline-block;line-height: 1;}
.head_navi{padding: 20px 0;border-top: 1px solid #aaacb0;border-bottom: 1px solid #aaacb0;display: none;}
.head_navi .socials{float: right;}
.site_navi{list-style-type: none;padding: 0;margin: 0;float: left;}
.site_navi li{display: inline-block;vertical-align: top;text-transform: uppercase;font-weight: bold;font-size: 14px;margin-left: 50px;line-height: 26px;}
.site_navi li:first-child{margin-left: 0;}
.site_navi li a{color: var(--color-link);text-decoration: none;}

.main_content{}
.section{margin-bottom: 48px;padding-top: 20px;}
.section:last-child{margin-bottom:0px;}
.bg_grey{background: var(--color-bg-grey);}
.section_h{font-size: 14px;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;}

/* leading block */
.hero{text-align: center;}
.benefits_list{list-style-type: none;padding: 0;margin: 0;padding-bottom:0px;font-size: 14px;line-height: 18px;position: relative;}
.benefits_list:before{height: 3px;content: '';position: absolute;left: 0;top: 0;background: var(--color-accent);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
.benefit_item{vertical-align: top;display: inline-block;text-align: left;cursor: pointer;}
.benefit_item.on{}
.benefit_icn{display: inline-block;width: 90px;height: 90px;position: relative;margin-bottom:18px}
.benefit_icn .icn{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;background-repeat:no-repeat;background-image:url('../images/icons.svg');-webkit-background-size: 96px 384px;background-size: 90px 380px;}
.benefit_text{padding: 20px 0px 0 0;margin-right: 40px;}
.on .benefit_text{color: var(--color-benefit);}
.icn_automat{background-position:0 0;margin-top: -8px;}
.icn_project{background-position:0 -96px;}
.icn_devices{background-position:0 -192px;margin-top: 7px;}
.icn_rocket{background-position:0 -288px;margin-top: 12px;}

.index_banner_place{position: relative;}
.index_banner_place .bx-wrapper{}
.index_banner_slides{}
.index_banner_slides{}
.index_banner_slides>li{min-height: 270px;padding-bottom: 40px;}
.index_banner_h{font-size: 60px;line-height: 66px;font-family: 'pt Serif';margin-bottom: 16px;padding-right: 25%;}
.index_banner_t{font-size: 21px;line-height: 28px;padding-right: 25%;}
.index_banner_navi{}
.benefits_list{}
.benefit_item{}
.benefit_text{}
.download_pdf{
	position: absolute;
	width: 104px;
	border: 3px solid var(--color-download-border);
	top: 20px;
	right: -40px;
	padding: 35px 25px 30px;
	text-decoration: none;
	text-align: left;
	background: var(--color-download-bg);
	z-index: 2;
}
.icn_pdf{}

.download_pdf ._name{
	font-size: 14px;
	color: var(--color-download-name);
	text-decoration: underline;
	display: block;
	margin-bottom: 14px;
	margin-top: 14px;
}
.download_pdf ._size{
	text-decoration: none;
	font-style: italic;
	font-size: 14px;
	color: var(--color-download-size);
}
.download_pdf svg{width: 60px;height: 70px;}

/* project blocks */
/* .projects_list{list-style-type: none;padding: 0;margin: 0;font-size: 13px;line-height: 18px;margin-left: -20px;}
.project_list_item{display: inline-block;vertical-align: top;position: relative;width: 300px;height: 285px;margin-left: 20px;margin-bottom: 20px;overflow: hidden;}
.project_list_item:after,
.project_list_item:before,
.project_list_item_in:after,
.project_list_item_in:before{transition:all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275);-webkit-transition:all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition:all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition:all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275);/*	-ms-transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
		transform: rotate(45deg);visibility: hidden;}
.project_list_item:after{width: 200%;height: 0;border-bottom: 1000px solid;content: '';position: absolute;left: 0;top: 200%;z-index: 0;}
.project_list_item:before{width: 0%;height: 200%;border-right: 1000px solid;content: '';position: absolute;left: 200%;top: 0;z-index: 0;}
.project_list_item_in:after{width: 200%;height: 0;border-top: 1000px solid;content: '';position: absolute;left: 0;bottom: 200%;z-index: 0;}
.project_list_item_in:before{width: 0%;height: 200%;border-left: 1000px solid;content: '';position: absolute;right: 200%;top: 0;z-index: 0;}
.project_list_item[data-from="bottom"]:after{top: 0;}
.project_list_item[data-from="right"]:before{left: 0;}
.project_list_item[data-from="top"] .project_list_item_in:after{bottom: 0;}
.project_list_item[data-from="left"] .project_list_item_in:before{right: 0;}
/*.project_list_item[data-from="bottom"]:after,
.project_list_item[data-from="right"]:before,
.project_list_item[data-from="top"] .project_list_item_in:after,
.project_list_item[data-from="left"] .project_list_item_in:before{
	-ms-transform: rotate(0deg); 
-webkit-transform: rotate(0deg); 
		transform: rotate(0deg);visibility: visible;}*/
/*.project_list_item:nth-child(3n+1){margin-left: 0;}*/
.project_list_item_in{width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 20px;border: 3px solid;display: block;text-decoration: none;position: relative;z-index: 1;}
.project_item_category{font-size: 10px;text-transform: uppercase;margin-bottom: 25px;min-height: 30px;position: relative;z-index: 1;}
.project_item_category span{display: inline-block;line-height: 30px;height: 30px;padding: 0 9px;background:rgba(0,0,0,0.2);color: #fff;}
.project_list_item:hover .project_item_category span{box-shadow: inset 0 0 0 1px #fff}
.project_item_name{font-size: 24px;text-transform: uppercase;line-height: 28px;margin-bottom: 11px;letter-spacing:1px;font-weight: 300;margin-top: 0;color: var(--color-text);position: relative;z-index: 1;}
.project_item_txt{color: var(--color-text);position: relative;z-index: 1;        transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
	 -moz-transition:all 0.2s ease;
		 -o-transition:all 0.2s ease; }
.project_item_links{position: absolute;left: 20px;bottom: 20px;        transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
	 -moz-transition:all 0.2s ease;
		 -o-transition:all 0.2s ease; }
.project_list_item:hover .project_item_name,
.project_list_item:hover .project_item_txt{color: #fff;}
.project_list_portfolio_lnk:after{content: '';width: 0;height: 0;border-style: solid;border-width: 0 60px 60px 0;border-color: transparent #f4f4f4 transparent transparent;position: absolute;right: 0;top: 0;}
.project_list_portfolio_lnk:before{content: '';width: 0;height: 0;width: 0;height: 0;border-style: solid;border-width: 60px 0 0 60px;border-color: transparent transparent transparent var(--color-bgc-red);position: absolute;right: 0;top: 0;box-shadow: 0 5px 3px -4px rgba(0,0,0,.21);}
.project_list_portfolio_lnk a{color: #fff;text-decoration: none;}
.wx2{width: 620px;}

/* block colors */
.bgc_salad, .bgc_salad>a{color: var(--color-bgc-salad);}
.bgc_blue, .bgc_blue>a{color: var(--color-bgc-blue);}
.bgc_tan, .bgc_tan>a{color: var(--color-bgc-tan);}
.bgc_purple, .bgc_purple>a{color: var(--color-bgc-purple);}
.bgc_dark, .bgc_dark>a{color: var(--color-bgc-dark);}
.bgc_defence, .bgc_defence>a{color: var(--color-bgc-defence);}
.bgc_night, .bgc_night>a{color: var(--color-bgc-night);}
.bgc_grey, .bgc_grey>a{color: var(--color-bgc-grey);}
.bgc_red, .bgc_red>a{color: var(--color-bgc-red);}
.bgc_orange, .bgc_orange>a{color: var(--color-bgc-orange);}
.bgc_deepblue, .bgc_deepblue>a{color: var(--color-bgc-deepblue);}
.bgc_fucsia, .bgc_fucsia>a{color: var(--color-bgc-fucsia);}

.bgc_salad .project_item_category span{background: var(--color-bgc-salad);}
.bgc_blue .project_item_category span{background: var(--color-bgc-blue);}
.bgc_tan .project_item_category span{background: var(--color-bgc-tan);}
.bgc_purple .project_item_category span{background: var(--color-bgc-purple);}
.bgc_dark .project_item_category span{background: var(--color-bgc-dark);}
.bgc_defence .project_item_category span{background: var(--color-bgc-defence);}
.bgc_night .project_item_category span{background: var(--color-bgc-night);}
.bgc_grey .project_item_category span{background: var(--color-bgc-grey);}
.bgc_red .project_item_category span{background: var(--color-bgc-red);}
.bgc_orange .project_item_category span{background: var(--color-bgc-orange);}
.bgc_deepblue .project_item_category span{background: var(--color-bgc-deepblue);}
.bgc_fucsia .project_item_category span{background: var(--color-bgc-fucsia);}

/* Footer styles */
.footer{padding: 16px 0px;margin: 0 auto;background: var(--color-bg);}
.footer address{display: inline-block;font-style: normal;font-size: 12px;}
.footer_in{display: table;width: 100%;}
.footer_in .copyright{display: table-cell;vertical-align: middle;}
.address_copyright{font-size: 12px;margin-right: 20px;}
.address_street{}
.footer_in .contacts{display: table-cell;vertical-align: middle;text-align: right;}
.footer_in .socials{margin-left: 50px;}
.address_phone{font-weight: bold;}
.address_mail{font-weight: bold;margin-left: 20px;}

/** OVER CONTAINER **/
.over_jpg{padding: auto;width: 100%;height: 2000px;left: 0;top: 0;z-index: 1000;opacity: 0.7;background: url(../images/over.png) no-repeat center top;position: absolute;display: block}
.over_jpg.h{opacity: 0;}

/* ==========================================================================
	 PLACEHOLDER
	 ========================================================================== */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {}
input:-moz-placeholder, textarea:-moz-placeholder {}




/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {background-color: transparent;border: 0;overflow: hidden; text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 100%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.ul_justify {text-align: justify;width:100%;}
.ul_justify li{display: inline-block;}
.ul_justify:after{width: 100%; display: inline-block; content: "."; visibility: hidden}
.tar{text-align: right;}
.tac{text-align: center;}
.taj{text-align: justify;}
.fll{float: left;}
.flr{float: right;}
.ttu{text-transform: uppercase;}
.ol{list-style:none;padding:0;margin:0;counter-reset:list 0;}
.ol li{padding-left: 15px;}
.ol li:before{counter-increment: list;content: counter(list) ". ";}
.ils_text{display: table;width: 100%;}
.ils_i{display: table-cell;vertical-align: top;}
.ils_t{display: table-cell;vertical-align: top;}
.ils_i.vm{vertical-align:middle;}
.ils_t.vm{vertical-align:middle;}
.img_rnd{border-radius: 1000px;}
.wide{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.rub{position: relative;}
.rub:after{content: '-';position: absolute;left: 0;bottom: 0%;line-height: 1;}


/* ==========================================================================
    Media Queries for Responsive Design.
========================================================================== */
@media only screen and (max-width: 1240px) {
	.footer_in .socials {margin-left: 10px;}
	.benefit_item {width: 25%;}
	.benefits_list {padding-bottom: 0px;font-size: 16px;line-height: 20px;}
	.benefit_icn{margin-bottom: 0;}
}
@media only screen and (max-width: 960px) {
	.wid_fix{width: 600px;}
	.footer_in, .footer_in .copyright, .footer_in .contacts{display: block;text-align: center;}
	.footer_in .contacts address{display: none;}
	.footer_in .copyright{line-height: 18px;margin-bottom: 18px;}
	.footer_in .socials{margin-left: 0;}
	.footer_in .socials li{margin: 0 8px;}
	.project_list_item{width: 290px;}
	.wx2{width: 600px;}
	.benefits_list{font-size: 14px;line-height: 18px;padding-bottom: 0;}
	.benefit_item{margin-bottom: 20px;}
	.head_phone{margin-left: 0;}
	.site_navi li{margin-left: 20px;}
	.benefits_list{margin-bottom: -48px;line-height: 3px;margin-top: 15px;}
	.benefit_item {width: 25%;margin-bottom: 0;}
	.benefit_text {padding: 0px 0px 0 0;margin-right: 0;text-indent: -9999px;font-size: 0;line-height: 0;height: 3px;}
	/*.benefits_list:before{width: 25% !important;}*/
	.index_banner_slides>li{min-height: 220px;padding-bottom: 20px;}
	.index_banner_h{font-size: 30px;line-height: 36px;font-family: 'pt Serif';margin-bottom: 16px;}
	.index_banner_t{font-size: 16px;line-height: 20px;}
	.page_header{padding-bottom: 0px;margin-bottom: 0;}
	.head_address {line-height: 19px;text-align: right;}
	.head_phone address{display: block;margin-right: 0;}

}
@media only screen and (max-width: 660px) {
	.head_phone address{display: inline-block;margin-right: 30px;}
	.wid_fix{width: 300px;padding: 0px;}
	.wx2{width: 300px;}
	.head_address{position: relative;text-align: left;right: auto;top: auto;line-height: 1.4;float: none;margin-top: 30px;}
	.head_address .socials{display: none;}
	.benefit_icn{margin-bottom: 0;}
	.footer{padding-bottom: 20px;}
	.project_list_item{width: 300px;}
	.wx2{height: auto;min-height: 285px;}
	.index_banner_slides>li{min-height: 170px;padding-bottom: 20px;}
	.index_banner_h{font-size: 30px;line-height: 36px;font-family: 'pt Serif';margin-bottom: 16px;padding-right: 0;}
	.index_banner_t{font-size: 16px;line-height: 20px;padding-right: 0;}
	.index_banner_place .bx-wrapper {padding-right: 0%;}
	.download_pdf{display: none;}
	.head_navi{display: none;}
	.head_moto{float: none;max-width: 200px;}
	.head_logo{float: none;margin-bottom: 20px;}
	.head_top{margin-bottom: 0;}
	.head_address {line-height: 35px;}
}

@media (prefers-color-scheme: dark) {
	.head_logo svg {
	    fill: white !important;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
}

/* ==========================================================================
    Print styles.
========================================================================== */
@media print {
*{background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;}
a, a:visited {text-decoration: underline;}
/*a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}*/
pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead {display: table-header-group; }
tr,img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p,h2,h3 {orphans: 3;widows: 3;}
h2,h3 {page-break-after: avoid;}
.do_not_print{display: none;}
}
@media print and (max-width: 760px) {
	.wid_fix{width: 600px;}
	.footer_in, .footer_in .copyright, .footer_in .contacts{display: block;text-align: center;}
	.footer_in .contacts address{display: none;}
	.footer_in .copyright{line-height: 18px;margin-bottom: 18px;}
	.footer_in .socials{margin-left: 0;}
	.footer_in .socials li{margin: 0 8px;}
	.project_list_item{width: 290px;margin-left: 0;}
	.project_list_item:nth-child(2n-1){margin-right: 20px;}
	.head_phone{margin-left: 0;}
	.page_header{padding-bottom: 0px;margin-bottom: 0;}
	.head_address {line-height: 19px;text-align: right;}
	.head_phone address{display: block;margin-right: 0;}
}

@media (prefers-color-scheme: dark) {
	html, body, .footer, .download_pdf {
	  color: #eee;
	  background-color: #222;
	}
	.bg_grey {background: #111;}

	.project_list_portfolio_lnk a, .socials li a{color: #d0d0d0;}
	.project_list_item:hover .project_item_txt, .project_item_txt, .project_item_name, .ul_link, .head_phone, .site_navi li a {color: #fefefe}

	.on .benefit_text{color: #fefefe;}
	.download_pdf ._name{ color: #fefefe; text-decoration: none;}
	.download_pdf ._size{ color: #fefefe;}

  }


.projects_list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

.project_list_item {
	flex: 1 1 calc(33.333% - 20px);
	max-width: calc(33.333% - 20px);
	box-sizing: border-box;
	margin-left: 0;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	height: 285px;
	position: relative;
	overflow: hidden;
}

.project_list_item::before {
	content: '';
	position: absolute;
	inset: 0;
	background: currentColor;
	opacity: 0;
	transition: opacity 0.3s, transform 0.3s;
	z-index: 0;
	pointer-events: none;
}

.project_list_item:hover::before {
	 opacity: 1 !important;
}

.project_list_item[data-hover-dir="left"]::before {
	transform: translateX(-100%);
}
.project_list_item[data-hover-dir="right"]::before {
	transform: translateX(100%);
}
.project_list_item[data-hover-dir="top"]::before {
	transform: translateY(-100%);
}
.project_list_item[data-hover-dir="bottom"]::before {
	transform: translateY(100%);
}
.project_list_item:hover[data-hover-dir="left"]::before,
.project_list_item:hover[data-hover-dir="right"]::before,
.project_list_item:hover[data-hover-dir="top"]::before,
.project_list_item:hover[data-hover-dir="bottom"]::before {
	transform: translateX(0) translateY(0);
	transition: opacity 0.3s, transform 0.3s;
}

@media only screen and (max-width: 960px) {
	.projects_list {
		gap: 10px;
	}
	.project_list_item {
		flex: 1 1 calc(50% - 10px);
		max-width: calc(50% - 10px);
		height: 285px;
	}
}

@media only screen and (max-width: 660px) {
	.project_list_item {
		flex: 1 1 100%;
		max-width: 100%;
		height: auto;
	}
}