@font-face {
  font-family: 'PFBeauSansPro-Light';
  src: url('../fonts/PFBeauSansPro-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/PFBeauSansPro-Light.otf')  format('opentype'),
	     url('PFBeauSansPro-Light.woff') format('woff'), url('../fonts/PFBeauSansPro-Light.ttf')  format('truetype'), url('../fonts/PFBeauSansPro-Light.svg#PFBeauSansPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{font-weight:400;font-size:100%;line-height:120%;font-family: Arial, Helvetica, sans-serif; color:#202020;}
a{text-decoration:none;}
/* Flex */
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
.flex-between {justify-content:space-between; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify;}
.flex-around {justify-content:space-around; -webkit-align-content: space-around;  -ms-flex-line-pack: distribute;}
.flex-center {justify-content:center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;}
.flex-left {justify-content: flex-start; -webkit-justify-content: flex-start;  -ms-flex-pack: start;}
.flex-right {justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end;}

.flex-top {align-items:flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; }
.flex-mid {align-items:center; -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;}
.flex-bot {align-items:flex-end; -webkit-align-items: flex-end; -ms-flex-align: end;}

.flex-wrap {flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap;}

.flex-column {flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal;  -webkit-flex-direction: column;  -ms-flex-direction: column;}
.flex-column-rev {flex-flow: column-reverse; -webkit-flex-direction: column-reverse;  -ms-flex-direction: column-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}
.flex-row {flex-direction: row; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row;}
.flex-row-rev {flex-flow: row-reverse;  -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -moz-box-direction: reverse; -webkit-box-direction: reverse;}


#wrapper{width:100%; min-width: 660px; background:#fff; overflow: hidden;}
.container{width: 96%; max-width:1154px; margin:0 auto; box-sizing: border-box;}
section {clear:both; overflow: hidden; width: 100%;}
header {position: relative; height:100px; width: 96%; max-width:1154px; margin:0 auto; box-sizing: border-box; background:#fff;}

header .logo{float: left; margin-top: 18px;}

header .respmenu {display: none; float: right; margin-top: 28px;}
header .responsub {clear: both; display: none; position: absolute; float: right; top: 100px; right: 0px; padding :0; width: 50%;}

header .responsub .menu {display: none; position: absolute; z-index: 100; width: 100%;}

header .responsub .menu li a {text-decoration:none; padding:8% 5%; font-size: 100%; line-height: 140%;display:block; text-align: center; color:#000;  background: #fff;  border-top:1px solid #e0e0e0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}  

header .responsub .menu li{ display:block; margin:0; width: 100%;}
header .responsub .menu li a:hover, .menu li:hover > a{background:#f0f0f0; color:#000;}
header .responsub .menu ul { display:block; position:relative; top:0; left:0; width:100%;}
.lang {position: absolute; right: 0; font-family: 'PFBeauSansPro-Light'; top: 40px;  font-size: 15px;}
.lang a {color: #88bd5c; text-decoration: none;}
.lang a:hover {text-decoration: underline;}

#navigation-menu {padding-right: 10%;}
#navigation-menu ul {display:block; left:0; line-height: 80px; width: 100%; text-align: right; transition: margin 0.5s;}
#navigation-menu ul li{display:inline-block;height:20px;position:relative;text-align:center; padding:8px 1% 8px;}
#navigation-menu ul li a{text-decoration:none;color:#747474; font-family: 'PFBeauSansPro-Light'; font-size: 93.75%;}
#navigation-menu ul li a:hover{color:#4b72b6; cursor:pointer;}
#navigation-menu ul li.active a {color:#4b72b6;}
#navigation-menu ul li:last-child {padding-right: 0;}
#navigation-menu ul li:first-child {padding-left: 0;}

#slide1 {height: auto; min-height: 700px; padding: 20px 0; background:#fff url(../img/bg/main-bg.jpg) no-repeat 50% 50%; background-size: cover;}
#slide1 .container {padding: 0 14% 0 60px;}
#slide1 .title p {font-size:312.5%; line-height: 120%; padding-top: 50px; font-weight: bold; color: #3969b1; }
#slide1 .title span {color:#6abe54;}
#slide1 .desc {color:#3969b1; padding-top:30px; font-size: 156.25%;}
#slide1 .text {width: 90%; max-width: 600px; }
#slide1 .text p{font-weight: bold; font-size: 156.25%; padding: 50px 0 50px;}
#slide1 .text {font-size: 105%;}
#slide1 .related {width:100%; max-width: 850px; background: transparent; border: 13px solid rgba(255,255,255,0.6); padding: 1px; margin: 10px 0 40px -70px;}
#slide1 .related .box {width: 100%;  box-sizing: border-box; background: #fff; height: 100%; padding-bottom: 30px; text-align: center;}
#slide1 .related ul {display: inline-table; width: 100%; margin: 0; padding: 0;}
#slide1 .related ul li {display: inline-block; width: 190px; margin: 0 calc((100% - 580px)/6); text-align: center; box-sizing: border-box;}
#slide1 .related ul li p {font-size: 15px; color: #386bb2;}
#slide1 .related .title {font-size: 15px; letter-spacing: 1px ;text-align: center; padding: 20px 0 ; font-weight: bold; text-transform: uppercase; color:#252525;}

#slide1 .blocks {width: 90%; max-width: 700px; overflow: hidden; padding: 30px 0; margin-left: -70px;}
#slide1 .block {width: 100%; display: table; height:60px; box-sizing: border-box;}
#slide1 .block .img {display: table-cell; vertical-align: middle; padding-right: 28px;}
#slide1 .block .text {display: table-cell; font-size: 105%; font-style: normal; vertical-align: middle;}

#client {height: auto; min-height: 700px; padding: 20px 0; background:#fff url(../img/bg/client.jpg) no-repeat 50% 50%; background-size: cover;}
#client .container {padding: 0 14% 0 60px;}
#client .title {font-size: 156.75%; color: #201600; padding: 50px 0; font-weight: bold;}
#client .text {font-size: 105%; max-width: 600px; width: auto;}
#client .text p {padding-bottom: 15px;}

#client .blocks {width: 90%; max-width: 600px; overflow: hidden; margin-left: -50px;}
#client .block {width: 100%; display: table; padding: 15px 0 ;box-sizing: border-box;}
#client .block .img {display: table-cell; vertical-align: middle; width: 50px; text-align: left;}
#client .block .text {display: table-cell; font-size: 105%; font-style: normal; vertical-align: middle;}


#products {min-height: 700px; background:#fff url(../img/bg/products.jpg) no-repeat 55% 0%; padding: 20px 0;}
#products .container {padding: 0 0 0 60px;}
#products .title {font-size: 156.75%; color: #201600; padding: 50px 0; font-weight: bold;}
#products .text {font-size: 105%; max-width: 620px; width: auto;}
#products .text p {padding-bottom: calc(50px + 5%);}
#products .text span {font-weight: bold;}

#products .related {width: calc(100% - 60px); max-width: 1024px; background: transparent; border: 13px solid #ebebeb; margin: 10px 0 40px 0px;}
#products .related2 {width: calc(100% - 60px); max-width: 1024px; background: transparent; border: 13px solid #ebebeb; margin: 10px 0 40px 0px;}
#products .related2 .box {width: 100%;  box-sizing: border-box; background: #fff; height: 100%; padding: calc(15px + 2%) 0; text-align: center;}
#products .related2 .title {font-size: 15px; letter-spacing: 1px;text-align: center; padding: 0px 0 calc(15px + 2%); font-weight: bold; text-transform: uppercase; color:#252525;}
#products .related2 ul li p {font-size: 15px; color: #386bb2;}
#products .related2 ul.three-prod li {width: 28%;}

#products .related .box {width: 100%;  box-sizing: border-box; background: #fff; height: 100%; padding-bottom: 30px; text-align: center;}
#products .related ul {width: 100%; margin: 0 0 -3%; padding: 0;}
#products .related ul li {text-align: center; width: 24%; margin: 0 0 3%;}
#products .related ul.two-box li {width: 35%;}
#products .related ul.three-box li {text-align: center; width: 28%; margin: 0 0 3%;}

#products .related ul li p {font-size: 15px; color: #386bb2;}
#products .related ul li img {max-width: 100%; max-height: 160px;}
#products .related ul.two-prod {display: inline-table; max-width: 600px; margin: 0 auto; padding: 0;}
#products .related ul.two-prod li {display: inline-block; text-align: center; width: 190px; margin: 0 calc((100% - 390px)/4);}
#products .related ul.three-prod {display: inline-table; max-width: 700px; margin: 0 auto; padding: 0;}
#products .related ul.three-prod li {display: inline-block; text-align: center; width: 190px; margin: 0 calc((100% - 580px)/6);}
#products .related .title {font-size: 15px; letter-spacing: 1px ;text-align: center; padding: 20px 0 30px; font-weight: bold; text-transform: uppercase; color:#252525;}
#products .bx-wrapper {box-shadow: none;}
.read_more {width: 120px; margin: 0 auto; background: url(../img/icons/arrow.jpg) no-repeat 0 50%; font-size: 11px;}
.read_more span {text-decoration: underline; font-size: 11px; color: #7c7c7c;}
.read_more.nobg {background: none;}

#partner {min-height: 700px; background:#fff url(../img/bg/partner.jpg) no-repeat 55% 0%; background-size: cover; padding: 20px 0;}
#partner .container {padding: 0 14% 0 60px;}
#partner .title {font-size: 156.75%; color: #201600; padding: 50px 0; font-weight: bold;}
#partner .text {font-size: 105%; max-width: 700px; width: auto;}
#partner .text p {padding-bottom: 15px;}
#partner .text span {font-weight: bold;}

#rabota-page {min-height: 700px; background:#fff url(../img/bg/rabota.jpg) no-repeat 50% 50%; background-size: cover; padding: 20px 0;}
#rabota-page .container {padding-left: 60px;}
#rabota-page .title {font-size: 156.75%;  padding: 50px 0; font-weight: bold;}
#rabota-page .text {padding-bottom: 30px; font-size: 105%; max-width: 700px; width: 100%;}
#rabota-page .text.full {max-width: 100%; width: 100%; overflow: hidden; border: 0;}
#rabota-page .text p {padding-bottom: 15px;}
#rabota-page .text span {font-weight: bold;}
#rabota-page .text a {color: #2776ae}
#rabota-page ul {list-style: none; margin-left: 15px; padding-bottom: 20px; }
#rabota-page li {padding:0 20px;}
#rabota-page li:before {position: absolute; content: url(../img/dot.png); margin: -3px 0 0 -20px;}

#contact-page {background:#fff url(../img/bg/contact-top-label.jpg) no-repeat 50% 0%; background-size: cover;}
#contact-page .container {padding-left: 60px;}
#contact-page .title {color: #201600; padding: 35px 0 45px; font-weight: bold;}
#contact-page .title p {font-size: 250%; line-height: 100%; padding-bottom: 35px;}
#contact-page .title span {display: inline-block; font-size: 100%; }
#contact-page .title span.cherta {padding: 0 10px;}
#contact-page #google-map {position: relative; opacity: 0.9; width: 100%; height: 740px;}

#footer {height: 350px;  text-align:center; background: #386bb2}
#footer .footer-logo {padding: 28px 0 18px;}

#footer .footer-nav {position: relative;}
#footer .footer-nav .lang {top: 24px;}
#footer .footer-nav .lang a {color:#fff;}
#footer .footer-nav ul {display:block; left:0; top:0; width: 100%; text-align: center; padding: 14px 0; border-top: 1px dashed #9cb5d9; border-bottom: 1px dashed #9cb5d9}
#footer .footer-nav ul > li {display:inline-block;height:20px;position:relative;text-align:center; padding:8px 1.2%; }
#footer .footer-nav ul > li > a {color:#4E3465;cursor:pointer;text-align: center; text-decoration:underline;}
#footer .footer-nav ul > li:first-child {padding-left:0;}
#footer .footer-nav ul > li:last-child {padding-right:0;}
#footer .footer-nav ul li a{text-decoration:none;color:#fff; line-height: 120%;font-size: 93.75%; font-family: 'PFBeauSansPro-Light';}
#footer .footer-nav ul li a:hover{color:#6abe54; cursor:pointer; border-bottom: 1px solid #6abe54}
#footer .footer-nav ul li.active a{color:#6abe54; border-bottom: 0px}

#footer .contact ul {display:block; left:0; top:0; width: 100%; text-align: center; padding-top: 20px;}
#footer .contact ul > li {display:inline-block;height:20px;position:relative;text-align:center; padding:8px 3% 13px;  color: #fff;}
#footer .contact ul > li:first-child {padding-left:0;}
#footer .contact ul > li:last-child {padding-right:0;}
#footer .contact ul > li span {color: #6abe54;}
#footer .contact ul > li a {color: #fff; text-decoration: none}
#footer .contact ul > li a:hover {color: #fff; text-decoration: underline}
#footer .copyright {color: #fff; padding-top: 18px; font-size: 93.75%; text-align: center;}

@media screen and (max-width: 1154px)  {
  #navigation-menu ul li{padding:8px 0.5%;}
}

@media screen and (max-width: 1000px)  {
header .respmenu {display: block;}
header .responsub {display: block;}
header .lang {top: 8px;}

#navigation-menu{display: none;}

#rabota-page .left {float: none; width: 100%}
#rabota-page .right {text-align: center; float: none; width: 100%; padding: 30px 0 ;}
#rabota-page .right img {padding: 20px;}
#rabota-page .sec-nav .title {float: none; width: 100%;}
#rabota-page .nav2 {float: none; width: 100%; padding: 0 0 50px 0; font-family: 'PFBeauSansPro-Light'; transition: margin 0.5s;}
#contact-page .title span {width: 100%;}
#contact-page .title span.cherta {display: none;}

}


#popupform {display: none; padding: 4% 18%;}
@media screen and (max-width: 900px)  {
  #products .related ul {max-width: 800px;}
  #products .related ul li {width: 30%;}
  #products .related ul.two-box li {width: 45%;}

  #footer .footer-nav ul > li {padding:8px 0.8%;}
}
@media screen and (max-width: 800px)  {
#slide1 {background:#fff url(../img/bg/main-m.jpg) no-repeat 50% 50%; background-size: cover;}
#slide1 .container {padding: 0 0 0 60px;}
#slide1 .related {width: calc(100% + 57px);}
#products {background:#fff url(../img/bg/products-m.jpg) no-repeat 55% 0%;}
#products .container {padding:0;}
#products .related {width: 100%; margin: 3% 0; box-sizing: border-box;}

#client {background:#fff url(../img/bg/client-m.jpg) no-repeat 50% 50%; background-size: cover;}
#partner {background:#fff url(../img/bg/partner-m.jpg) no-repeat 55% 0%; background-size: cover;}
#rabota-page {background:#fff url(../img/bg/rabota-m.jpg) no-repeat 50% 50%; background-size: cover;}
#footer .footer-nav ul > li {padding:8px 0.5%;}
}
#map {height: 80vh; width: 100%;}

.polygon_layout {
    width: 93px; 
    height: 95px;
    position: absolute;
    left: -58px;
    top: -86px;
}
.polygon_layout:after, .polygon_layout:before {
    display:none;
}