html, body {
-webkit-tap-highlight-color: transparent;
min-height:100%;
height:100%;
}
body {
position:relative;
font-size:22px;
line-height: normal;
font-weight:300;
font-family: 'Gotham Pro';
color:#000;
background:rgba(243,243,243,.99);
}
*, *:after, *:before {
margin:0;
padding:0;
box-sizing:border-box;
}
a {
color:#e93f01;
text-decoration:none;
outline:0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;
}
a:hover, a:focus, a:active {
text-decoration:none;
outline:0;
}
img {
border:none;
max-width:100%;
}
input:focus, button, button:focus, button:active, select, input, textarea:focus {
outline:0;
}
input[type="submit"], button {
	cursor:pointer;
}
input[type="number"], input[type="date"] {
-moz-appearance:textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {
-webkit-appearance: none; margin: 0px;
}
input, textarea, button, select {
font-family: 'Gotham Pro';
font-size:22px;
color:#000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;
}
fieldset{
border:none;
}
textarea{
resize:none;
overflow:auto;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clear {
width:100%;
height:0;
clear:both;
}
.clr:after, .clr:before {
content:'';
display:block;
width:100%;
height:0;
clear:both;
}
b, strong {
font-weight:500;
}


h1, h2, h3, h4, h5 {
margin-bottom:20px;
text-transform:uppercase;
}
h1 {
font-size: 18px;
line-height: 1.12;
}
h2 {
font-size:14px;
line-height: 1.22;
}
h3 {
font-size:14px;
line-height: 1.47;
}
h4 {
font-size:14px;
line-height:20px;
}
h5 {
font-size: 14px;
line-height:14px;
}
p {
margin-bottom:20px;
}


@media screen and (orientation:landscape) {
.landscape{
display: none!important;
}
}
.landscape{
position: absolute;
display: table;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,.95);
z-index: 999;
}
.landscape p{
position: relative;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100px;
color: #fff;
font-size: 36px;
text-align: center;
}
.landscape p:before{
content: "";
position: absolute;
width: 50px;
height: 50px;
background: url(../img/rotat.png) no-repeat;
top: 50%;
margin-top: -90px;
left: 50%;
margin-left: -25px;
}


.wrapper {
max-width:1170px;
min-width:320px;
width:100%;
margin:0 auto;
padding:0 15px;
}

#menu {
position:absolute;
top:0;
left:0;
width:110px;
height:100%;
z-index:10;
background-image: -moz-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
}
.logo {
display:block;
padding:24px 0 0 25px;
margin-bottom:55px;
}
.btnmenu {
display:block;
text-decoration:none;
color:#fff;
}
.btnmenu span {
position:relative;
display:block;
width:3px;
height:40px;
background:#fff;
margin:0 auto;
}
.btnmenu span:before, .btnmenu span:after {
content:'';
position:absolute;
top:0;
left:-6px;
width:3px;
height:40px;
background:#fff;
}
.btnmenu span:after {
left:6px;
}
.btnmenu i {
position:relative;
display:block;
width:2px;
height:39px;
background:#fff;
margin:0 auto;
opacity:0.29;
margin-top:10px;
margin-bottom:30px;
}
.btnmenu div {
text-align:center;
font-size:23.69px;
line-height:24px;
font-weight: 300;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-left: -4px;
}
.menuleft {
position:absolute;
z-index:9;
top:0;
left:-350px;
width:350px;
height:100%;
background-image: -moz-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow-y: auto;
}
.overlay_bg {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:8;
background:rgba(0,0,0,.51);
}
.open .menuleft {
left:124px;
}
.open .overlay_bg, .prodinfo .overlay_bg, .article_open .overlay_bg {
display:block;
}
.menuleft:before {
content:'';
position:absolute;
top:134px;
left:-14px;
width:14px;
height:20px;
background:#0a8cd1;
}
.menuleft ul {
list-style:none;
padding-top:70px;
padding-right:80px;
}
.menuleft li {
border-bottom:1px rgba(255,255,255,.2) solid;
}
.menuleft li a {
display:block;
height:50px;
line-height:50px;
padding-left:35px;
text-decoration:none;
font-size:23.69px;
font-weight: 300;
color:#fff;
text-transform:uppercase;
}
.menuleft li a:hover, .menuleft li.active a {
background:rgba(255,255,255,.2);
}
#content {
padding-left:110px;
padding-right:554px;
height: 100%;
overflow: hidden;
}
.page #content {
padding-right:0;
background:#fff;
}
.content_left {
position:relative;
}
.page .content_left {
height:120px;
}
.header_info {
position:absolute;
top:20px;
left:80px;
z-index:3;
}
.header_info a {
display:block;
font-size:24px;
color:#fff;
text-decoration:none;
font-weight:500;
margin-bottom:10px;
}
.page .header_info a {
color:#000;
}
.header_info a span {
font-size:30px;
}
#menu .social {
position:absolute;
left:0;
bottom:20px;
width:100%;
}
#menu .social a {
display:block;
width:48px;
height:48px;
background-image:url(../img/social.png);
background-repeat:no-repeat;
margin-bottom:17px;
margin-left:auto;
margin-right:auto;
}
#menu .social a.instagram {
background-position:left top;
}
#menu .social a.vk {
background-position:left bottom;
}
.btn_video {
position:absolute;
bottom:60px;
right:100px;
z-index:3;
height: 57px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
text-decoration: underline;
padding-left: 86px;
background: url(../img/btnvideo.png) no-repeat left center;
}
.top_menu {
position:absolute;
top:20px;
right:10px;
z-index:3;
}
.top_menu ul {
list-style:none;
}
.top_menu li {
float:left;
margin:0 30px;
}
.top_menu li a {
position:relative;
display:block;
height:30px;
line-height:30px;
font-size:24px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:300;
padding:0 6px;
border-left:1px #0093d8 solid;
border-right:1px #0093d8 solid;
}
.top_menu li a:before {
content:'';
position:absolute;
top:0;
left:0;
width:30px;
height:1px;
background:#0093d8;
}
.top_menu li a:after {
content:'';
position:absolute;
bottom:0;
right:0;
width:30px;
height:1px;
background:#0093d8;
}
.page .top_menu {
right:30px;
top:50px;
}
.page .top_menu li a {
height: 20px;
line-height: 20px;
font-size: 18px;
color: #000;
padding:0 0 0 34px;
border:none;
}
.page .top_menu li a:before {
content:'';
position:absolute;
top:50%;
left:0;
width:24px;
height:1px;
background:#0b8cd1;
margin-top:-1px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.page .top_menu li a:after {
display:none;
}
.page .top_menu li a:hover:before, .page .top_menu li.active>a:before {
width:100%;
margin-left:16px;
}


#slider, .slider, .slick-list, .slick-track {
height:100vh;
}
.slider_item {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.slider_item_info {
height:100%;
display:flex;
justify-content:flex-start;
align-items:center;
padding-left:80px;
padding-right:20px;
color:#fff;
}
.slider_more {
display:inline-block;
height:57px;
color:#fff;
text-transform:uppercase;
font-size:14px;
line-height:24px;
text-decoration:underline;
padding-right:140px;
background:url(../img/btnmore.png) no-repeat right center;
}
.slider_item_bottom {
position:absolute;
left:80px;
bottom:50px;
}
.slider_item_current {
display:inline-block;
font-size:36px;
color:#0094d9;
}
.slider_item_count {
display:inline-block;
font-size:24px;
color:#fff;
}
.sliderarrows {
position:absolute;
left:20%;
bottom:50px;
}
.sliderarrows:before {
content:'';
position:absolute;
left:50%;
top:-20px;
width:1px;
height:70px;
background:#fff;
}
.slick-prev, .slick-next {
font-size:0;
border:none;
display:block;
width:17px;
height:27px;
background:url(../img/slider.png) no-repeat;
float:left;
margin:0 40px;
}
.slick-prev {
background-position:left top;
}
.slick-next {
background-position:right top;
}
.slider_item_img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}

.mod_products {
position:absolute;
top:0;
right:0;
width:554px;
height:100%;
}
.mod_products_img {
height:50%;
background:#ecf0f9;
display:flex;
align-items:center;
justify-content:center;
}
.mod_products_img img {
max-height:100%;
}
.mod_products_info {
position:relative;
height:50%;
background-image: -moz-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
padding:25px 40px;
color:#fff;
}
.mod_products_count {
font-size:24px;
margin-bottom:30px;
}
.mod_products_count span {
font-size:36px;
}
.mod_products_title {
font-size:30px;
text-transform:uppercase;
margin-bottom:30px;
font-weight:900;
}
.slick-dots {
position:absolute;
left:0;
bottom:110px;
padding:0 40px;
display:table;
width:100%;
}
.slick-dots li {
display:table-cell;
height:2px;
background:rgba(255,255,255,.57);
}
.slick-dots li.slick-active {
background:#fff;
}
.slick-dots li button {
display:none;
}
.mod_products_more {
position:absolute;
left:40px;
bottom:35px;
}
.mod_products_more a {
text-decoration:underline;
color:#fff;
}
.mod_products .slick-prev, .mod_products .slick-next {
position:absolute;
z-index:5;
right:94px;
bottom:0;
width:94px;
height:94px;
background:rgba(255,255,255,.75) url(../img/slick-prev.png) no-repeat center;
margin:0;
}
.mod_products .slick-next {
right:0;
background:rgba(255,255,255,1) url(../img/slick-next.png) no-repeat center;
}
.mod_products .slick-prev:after {
content:'';
position:absolute;
top:46px;
left:-97px;
width:87px;
height:2px;
background:#fff;
}
.mod_products .slick-next:after {
content:'';
position:absolute;
top:12px;
left:0;
width:1px;
height:70px;
background:#61478c;
}
.featured {
padding:20px;
color:#fff;
font-size:17px;
}
.featured_img {
margin-bottom:10px;
height:200px;
overflow:hidden;
text-align:center;
}
.featured_img img {
max-height:100%;
}
.featured_text {
margin-bottom:15px;
}
.featured_more a {
font-size:18px;
color:#86cbff;
text-decoration:underline;
}
.breadcrumbs {
position:relative;
z-index:3;
margin-left:80px;
color:#55595c;
font-size:12px;
text-transform:uppercase;
margin-bottom:30px;
}
.breadcrumbs a {
color:#a7a7a7;
font-size:14px;
}
.breadcrumbs span {
color:#86d6ff;
font-size:14px;
}
h1 {
text-align:center;
font-size:30px;
line-height:30px;
color:#252525;
font-weight:900;
display: table;
margin: 0 auto 50px auto;
background: linear-gradient(45deg, #674388, #0c8bd0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
max-width:700px;
}
.blog_list {
margin-left:-15px;
margin-right:15px;
}
.news_item {
float:left;
width:350px;
margin:15px;
background:#d2f1ff;
text-align:center;
}
.news_item_img {
height:210px;
overflow:hidden;
margin-bottom:8px;
}
.news_item_img img {
max-height:100%;
}
.news_item_title {
margin-bottom:8px;
height:44px;
overflow:hidden;
}
.news_item_title a {
display: block;
font-size:22px;
line-height:22px;
color:#000;
}
.news_item_date {
color:#0193d9;
font-size:22px;
margin-bottom:10px;
}
.wrapper_scroll, #company_fixed .wrapper {
overflow:auto;
height:calc(100vh - 166px);
}
.created_date {
color:#0193d9;
font-size:22px;
margin-bottom:30px;
}
h2 {
color:#000;
font-size:22px;
font-weight:500;
}
.uslugi_text {
margin-bottom:60px;
}
.uslugi_list_item {
position:relative;
float:left;
width:50%;
margin-bottom:30px;
padding-left:45px;
font-size:20px;
}
.uslugi_list_item:before, .article_list_item a:before {
content:'';
position:absolute;
left:0;
top:50%;
width:30px;
height:30px;
margin-top:-15px;
background:#fff;
border-radius:50%;
box-shadow:0 2px 16px rgba(68,94,163,.24);
}
.uslugi_list_item:after, .article_list_item a:after {
content:'';
position:absolute;
left:5px;
top:50%;
width:20px;
height:20px;
margin-top:-10px;
border-radius:50%;
border:4px #0194d9 solid;
}
.article_list_item {
margin-bottom:20px;
}
.article_list_item a {
position:relative;
color:#000;
text-transform:uppercase;
text-decoration:underline;
padding-left:45px;
font-size:20px;
}
.article_list_item a:hover {
color:#0094d9;
}
.company_text {
float:left;
width:74%;
margin-bottom:20px;
}
.company_img {
float:right;
width:25%;
margin-bottom:20px;
}
.company_img2 {
text-align:right;
}
.company_padd .wrapper {
padding-bottom:120px;
}
.company_buttons {
position:fixed;
right:0;
bottom:0;
z-index:1;
}
.company_buttons a {
position:relative;
float:left;
width:165px;
height:93px;
margin-left:5px;
text-align:center;
text-transform:uppercase;
font-size:16px;
color:#fff;
line-height:60px;
background-image: -moz-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
}
.company_buttons a.up:after, 
.company_buttons a.down:after {
content:'';
position:absolute;
left:69px;
bottom:15px;
width:27px;
height:17px;
background:url(../img/updown.png) no-repeat left top;
}
.company_buttons a.down:after {
background:url(../img/updown.png) no-repeat left bottom;
}
.certificate_carousel {
padding:0 70px;
}
.certificate_carousel .slick-prev, .certificate_carousel .slick-next {
position:absolute;
top:34%;
left:0;
width:68px;
height:94px;
background:#cac3db;
margin:0;
}
.certificate_carousel .slick-prev:after, .certificate_carousel .slick-next:after {
content:'';
position:absolute;
left:50%;
top:50%;
width: 17px;
height: 27px;
background: url(../img/slider.png) no-repeat left top;
margin:-13.5px 0 0 -8.5px;
}
.certificate_carousel .slick-next:after {
background-position:right top;
}
.certificate_carousel .slick-next {
right:0;
left:auto;
}



.certificate_carousel .slick-list, .certificate_carousel .slick-track, .certificate_carousel {
height:100%;
}
.certificate_carousel .slick-track {
padding-top:10px;
padding-bottom:60px;
}
.certificate_carousel .slick-slide {
position:relative;
}
.certificate_carousel_item {
position:absolute;
top:20%;
left:0;
height:60%;
width:100%;
z-index:1;
padding: 0 10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.slick-center .certificate_carousel_item {
position:absolute;
top:0;
left:-50%;
height:100%;
width:200%;
z-index:3;
}
.nextprev .certificate_carousel_item {
position:absolute;
top:10%;
left:-25%;
height:80%;
width:150%;
z-index:2;
}
.certificate_carousel_img {
height:100%;
padding:8px;
background-color: rgba(255, 255, 255, .69);
border-radius:5px;
box-shadow:0 0 6px rgba(8,8,8,.27);
}
.certificate_carousel_img_wrap {
height:100%;
overflow:hidden;
position:relative;
}
.certificate_carousel_img_wrap:after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,148,217,.53);
}
.nextprev .certificate_carousel_img_wrap:after {
background:rgba(0,148,217,.29);
}
.slick-center .certificate_carousel_img_wrap:after {
display:none;
}
.slick-center a:hover:after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: url(../img/zoom.png) no-repeat center;
}
.certificate_carousel_img_wrap a {
display:block;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}
.count_carousel {
position:absolute;
bottom:-60px;
left:0;
width:100%;
height:60px;
line-height:60px;
font-size:28px;
color:#8a8a8a;
text-align:center;
display:none;
}
.count_carousel span {
color:#007eb8;
}
.count_carousel span span {
font-size:34px;
}
.slick-center .count_carousel {
display:block;
}
#company_fixed {
position:fixed;
top:0;
left:0;
width:100%;
padding-left:110px;
}
.company_padd {
padding-top:166px;
}
#company {
background: url(../img/bg_company.jpg) no-repeat center bottom;
}
#certificate {
background:#ecf0f9;
}
.left_company_line {
position:fixed;
z-index:11;
left:0;
top:50%;
margin-top:-100px;
width:110px;
text-align:center;
font-size:14px;
color:#fff;
font-weight:500;
line-height:36px;
}
.left_company_line i {
font-style:normal;
color:rgba(255,255,255,.25);
}
.left_company_line span {
display:block;
width:5px;
height:242px;
margin:0 auto;
background:rgba(255,255,255,.25);
}
.left_company_line span span {
position:relative;
display:block;
width:5px;
height:122px;
background:#fff;
}
#catalog, #product, #project {
position:fixed;
top:0;
left:0;
width:100%;
padding-left:110px;
padding-top:166px;
background:#ecf0f9;
}
.catalog_wrap {
overflow:auto;
height:calc(100vh - 246px);
}
.catalog_list_category_row_wrap {
display: flex;
flex-wrap:wrap;
justify-content:center;
}
.catalog_list_cat {
position:relative;
width:25%;
border-right:1px #fff solid;
padding-top:356px;
margin-top:30px;
}
.catalog_list_cat:last-child {
border:none;
}
.catalog_list_cat_img {
position:absolute;
top:0;
left:0;
width:100%;
height:356px;
overflow:hidden;
text-align:center;
display: flex;
justify-content:center;
align-items:center;
}
.catalog_list_cat_info {
padding:0 30px;
height: 100%;
background-image: -moz-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(104,66,135) 0%, rgb(0,148,217) 100%);
}
.catalog_list_cat_img img {
max-height:100%;
}
.catalog_list_category_row {
padding-top:356px;
margin-top:30px;
}
.catalog_list_cat_name {
height:130px;
display: flex;
align-items:center;
}
.catalog_list_cat_name a {
font-size:20px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:900;
}
.catalog_list_cat_name span {
font-size:34px;
color:#fff;
padding-right:15px;
}
.catalog_list_cat ul {
list-style:none;
margin-bottom:50px;
}
.catalog_list_cat li {
margin-bottom:15px;
}
.catalog_list_cat li a {
display:block;
font-size:14px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}
.catalog_list_cat p {
color:#fff;
font-size:14px;
}

#product {
height:100%;
padding-right:60px;
padding-top:240px;
}
#product .slick-slider, #product .slick-list, #product .slick-track {
height:100%;
}
.product_slider img {
display:block;
margin:0 auto;
max-height:100%;
}
#product h1 {
position:absolute;
left:0;
width:100%;
max-width:none;
top:166px;
}
.product_slider .slider_item_count {
color: #000;
}
#product .sliderarrows::before {
background: #92959a;
}
#product .slick-next {
background:url(../img/slick-next.png) no-repeat center;
}
#product .slick-prev {
background:url(../img/slick-prev.png) no-repeat center;
}
#product_fixed {
position:fixed;
z-index:11;
right:-1000px;
bottom:0;
width:1000px;
height:100%;
max-height:850px;
background:#fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#product_fixed.contact {
width:500px;
right:-500px;
}
@media (max-width: 1200px) {
	#product_fixed {
	right:-600px;
	width:600px;
	}
}
.prodinfo #product_fixed {
right:0;
}
.product_fixed_buttons {
position:absolute;
top:0;
left:0;
height:60px;
padding:0 10px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.product_fixed_buttons a {
float:left;
height:60px;
line-height:60px;
padding:0 40px;
font-size:22px;
color:#fff;
text-transform:uppercase;
background:#0077ae;
margin:0 3px;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
@media (max-height: 800px), (max-width: 1200px) {
	.product_fixed_buttons a {
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:16px;
	}
}
.product_fixed_buttons a.active {
background:#fff;
color:#0094d9;
}
.product_info {
padding:30px 0 30px 30px;
height:100%;
overflow:auto;
}
.product_info_block {
display:none;
}
.product_fixed_close, .article_slider_close, .vacansii_popup_close {
position:absolute;
z-index:20;
top:0;
right:0;
width:50px;
height:50px;
background:#fff url(../img/product_fixed_close.png) no-repeat center;
}

#project {
background:#f2f2f2;
height:100%;
}
.project_wrap {
height:100%;
overflow:auto;
}
.project_item_img {
height:400px;
overflow:hidden;
}
.project_item {
display:table-cell;
position:relative;
overflow:hidden;
}
.project_item img {
display: block;
max-width: 120%;
min-width: 100%;
min-height: 100%;
}
.project_item_info {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:50px;
font-size:28px;
color:#fff;
text-transform:uppercase;
font-weight:500;
}
.project_item_info:before {
content:'';
position:absolute;
z-index:0;
top:0;
left:0;
width:100%;
height:100%;
background-image: -moz-linear-gradient( -140deg, rgb(12,139,208) 0%, rgb(62,99,167) 18%, rgb(103,67,136) 100%);
background-image: -webkit-linear-gradient( -140deg, rgb(12,139,208) 0%, rgb(62,99,167) 18%, rgb(103,67,136) 100%);
background-image: -ms-linear-gradient( -140deg, rgb(12,139,208) 0%, rgb(62,99,167) 18%, rgb(103,67,136) 100%);
opacity: 0.569;
}
.project_item_info.nobg:before {
opacity: 1;
}
.project_item_title {
position:relative;
z-index:1;
}
.project_item_no_img {
width:725px;
height:400px;
}
.project_tr {
display:table;
width:100%;
}
.article_files {
margin-left:-15px;
margin-right:-15px;
}
.article_file {
position:relative;
float:left;
width:360px;
height:360px;
overflow:hidden;
margin:15px;
}
.article_file a:hover:after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image: -moz-linear-gradient( -140deg, rgb(12,139,208) 0%, rgb(62,99,167) 18%, rgb(103,67,136) 100%);
background-image: -webkit-linear-gradient( -140deg, rgb(12,139,208) 0%, rgb(62,99,167) 18%, rgb(103,67,136) 100%);
background-image: -ms-linear-gradient( -140deg, rgb(12,139,208) 0%, rgb(62,99,167) 18%, rgb(103,67,136) 100%);
opacity: 0.659;
}
.article_file img {
max-width:130%;
display: block;
min-height: 100%;
}
.article_slider_popup {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:11;
}
.article_open .article_slider_popup {
display:flex;
align-items:center;
justify-content:center;
}
.article_slider_popup_wrap {
position:relative;
width:100%;
height:100%;
max-width:1250px;
max-height:950px;
background:#fff;
padding-top:80px;
}
.article_slider_title {
position:absolute;
top:20px;
left:0;
width:100%;
text-align:center;
font-size:28px;
}
.article_slider, .article_slider .slick-list, .article_slider .slick-track {
height:100%;
}
.article_slider img {
max-height:100%;
}
.article_slider .slick-prev, .article_slider .slick-next {
position:absolute;
top:50%;
left:30px;
width:68px;
height:94px;
background:#cac3db;
margin:-47px 0 0 0;
}
.article_slider .slick-prev:after, .article_slider .slick-next:after {
content:'';
position:absolute;
left:50%;
top:50%;
width: 17px;
height: 27px;
background: url(../img/slider.png) no-repeat left top;
margin:-13.5px 0 0 -8.5px;
}
.article_slider .slick-next:after {
background-position:right top;
}
.article_slider .slick-next {
right:30px;
left:auto;
}
.article_slider {
padding:0 120px;
}
.article_slider .slick-slide {
display:flex;
align-items:center;
justify-content:center;
}
.article_slider .count_carousel {
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
}
.article_slider_item {
position:relative;
height:100%;
padding-bottom:100px;
}
.clients img {
display:inline-block;
vertical-align:middle;
margin:5px;
}
.documentation_file {
float:left;
width:50%;
margin-bottom:30px;
}
.documentation_file a {
position:relative;
display:block;
font-size:16px;
color:#000;
text-decoration:underline;
text-transform:uppercase;
padding-left:48px;
}
.documentation_file a:before {
content:'';
position:absolute;
bottom:-5px;
left:0;
width:35px;
height:35px;
}
.documentation_file a.doc:before, .documentation_file a.docx:before {
background: url(../img/doc.png) no-repeat left bottom;
}
.documentation_file a.pdf:before {
background: url(../img/pdf.png) no-repeat left bottom;
}
.documentation_file a.jpg:before, .documentation_file a.jpeg:before {
background: url(../img/jpg.png) no-repeat left bottom;
}
#documentation2 {
background:#ecf0f9 url(../img/documentation2.png) no-repeat right bottom;
}
#documentation2 .documentation_file a {
padding-left:38px;
}
#documentation2 .documentation_file a:before {
bottom:-2px;
background: url(../img/download.png) no-repeat left bottom;
}
.vacansii {
margin-bottom:15px;
}
.vacansii a.title {
position:relative;
font-size:24px;
color:#000;
text-decoration:underline;
text-transform:uppercase;
padding-left: 45px;
}
.vacansii a.title:before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 16px rgba(68,94,163,.24);
}
.vacansii a.title:after {
content: '';
position: absolute;
left: 5px;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
border-radius: 50%;
border: 4px #0194d9 solid;
}
.vacansii a.title:hover, .vacansii.active a.title {
color:#0193d8;
}
.vacansii .text {
display:none;
font-size:18px;
padding:20px 0;
}
.vacansii a.btn {
display:inline-block;
font-size:22px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:0 25px;
height:52px;
line-height:52px;
background:#684287;
}
#vacansii_popup {
display:none;
position:fixed;
z-index:20;
top:0;
left:0;
width:100%;
height:100%;
padding:20px 0;
background:rgba(0,0,0,.5);
}
.vacansii_popup_wrap {
position:relative;
width:100%;
max-width:700px;
height:100%;
background:#fff;
margin:0 auto;
padding:25px;
}
.vacansii_popup_scroll {
height:100%;
overflow:auto;
}
.vacansii_header {
padding:0 20px 20px 20px;
border-bottom:1px #cecece solid;
margin-bottom:15px;
}
.vacansii_header .title {
font-size:22px;
color:#0094d9;
font-weight:900;
text-transform:uppercase;
}
.vacansii_header .subject {
font-size:16px;
color:#6a6a6a;
}
#formvacansii {
padding:0 20px;
}
#vacansii_popup p {
color:#684287;
margin-bottom:30px;
}
#vacansii_popup .label {
float:left;
width:40%;
color:#0094d9;
}
#vacansii_popup .inputs {
float:left;
width:60%;
}
#vacansii_popup .inputs input {
width:100%;
height:50px;
line-height:50px;
background:#efefef;
border:none;
padding:0 10px;
}
#vacansii_popup .group {
margin-bottom:15px;
}
#vacansii_popup .radio label {
cursor:pointer;
float:left;
width:50%;
height:50px;
line-height:50px;
background:#efefef;
color:#0094d9;
text-align:center;
font-size:16px;
border-right:3px #fff solid;
}
#vacansii_popup .radio input:checked + label {
background:#0094d9;
color:#fff;
}

#vacansii_popup .radio label:last-child {
border-right:none;
border-left:3px #fff solid;
}
#vacansii_popup .radio input {
display:none;
}
#vacansii_popup .buttons {
display: flex;
justify-content:space-between;
align-items:flex-end;
padding-top:30px;
}
#vacansii_popup .buttons>div {
width:40%;
}
.addfile {
display:block;
text-align:center;
font-size:18px;
text-decoration:underline;
color:#000;
margin-bottom:20px;
}
.addfile:after {
content:'';
display:inline-block;
width:17px;
height:19px;
background: url(../img/addfile.png) no-repeat left top;
vertical-align:middle;
margin-left:10px;
}
#vacansii_popup button {
width:100%;
height:50px;
font-size:22px;
text-transform:uppercase;
text-align:center;
border:none;
background:#684287;
color:#fff;
}
.captcha_text {
font-size:14px;
color:#3f3f3f;
margin-bottom:10px;
}
.captcha {
width:100%;
height:38px;
line-height:38px;
border:none;
background:#efefef;
padding:0 10px;
}
#formfile {
display:none;
}
#contact {
position: fixed;
top: 0;
left: 0;
width: 100%;
height:100%;
padding-left: 110px;
}
.contact .product_fixed_buttons {
width:1000px;
}
.contact .product_fixed_buttons a {
font-size:16px;
}
.contact_info {
text-align:center;
text-transform:uppercase;
margin-bottom:50px;
padding-top:110px;
}
.contact_info.name {
background: url(../img/icon_name.png) no-repeat center top;
}
.contact_info.phones {
background: url(../img/icon_phone.png) no-repeat center top;
}
.contact_info.address {
background: url(../img/icon_address.png) no-repeat center top;
}
.address2 {
padding-top:110px;
text-transform:uppercase;
background: url(../img/icon_address.png) no-repeat left top;
}
.address2 ul {
list-style:none;
margin-top:80px;
}
.address2 li {
position: relative;
margin-bottom: 30px;
padding-left: 45px;
}
.address2 li:before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
background: #fff;
border-radius: 50%;
box-shadow: 0 2px 16px rgba(68,94,163,.24);
}
.address2 li:after {
content: '';
position: absolute;
left: 5px;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
border-radius: 50%;
border: 4px #0194d9 solid;
}
#formcontact {
width:100%;
max-width:337px;
margin:0 auto;
padding-top:50px;
}
#formcontact .label {
text-transform:uppercase;
}
#formcontact .label:before {
content:'';
display:inline-block;
vertical-align: middle;
width:43px;
height:45px;
margin-right:5px;
}
#formcontact .label.name:before {
background: url(../img/iconform_name.png) no-repeat left top;
}
#formcontact .label.phone:before {
background: url(../img/iconform_phone.png) no-repeat left top;
}
#formcontact .label.mail:before {
background: url(../img/iconform_mail.png) no-repeat left top;
}
#formcontact .label.text:before {
background: url(../img/iconform_text.png) no-repeat left top;
}
#formcontact .group {
margin-bottom:30px;
}
#formcontact .inputs input, #formcontact .inputs textarea {
width:100%;
height:50px;
line-height:50px;
border:none;
background:#efefef;
padding:0 10px;
}
#formcontact .inputs textarea {
height:170px;
line-height:normal;
padding:10px;
}
#formcontact button {
display:block;
width:260px;
height:50px;
font-size:22px;
text-transform:uppercase;
text-align:center;
border:none;
background:#684287;
color:#fff;
margin:0 auto;
}
.company_img3 {
height:100%;
text-align:center;
}
.company_img3 img {
max-height:100%;
}
ymaps[class$="places-pane"] ymaps[class$="patched-for-print"]:before, 
ymaps[class$="places-pane"] ymaps[class$="patched-for-print"]:after {
content: '';
position: absolute;
z-index: 200;
top: 50%;
left: 50%;
width: 2000px;
height: 2000px;
box-shadow: inset 0px 0px 100px 800px rgba(0,0,0,.5);
margin: -1000px 0 0 -1000px;
border-radius:50%;
}
ymaps[class$="places-pane"] ymaps[class$="patched-for-print"]:after {
box-shadow:0 0 0 10000px rgba(0,0,0,.5);
}