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

@font-face {
  font-family: "robotoregular";
  src: url("../fonts/Roboto-Regular-webfont.eot");
  src: url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Regular-webfont.woff") format("woff"),
       url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"),
       url("../fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "geosanslightregular";
  src: url("../fonts/geosanslight.eot");
  src: url("../fonts/geosanslight.eot?#iefix") format("embedded-opentype"),
       url("../fonts/geosanslight.woff2") format("woff2"),
       url("../fonts/geosanslight.woff") format("woff"),
       url("../fonts/geosanslight.ttf") format("truetype"),
       url("../fonts/geosanslight.svg#geosanslightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "geosanslightmedium_italic";
  src: url("../fonts/geosanslight-oblique.eot");
  src: url("../fonts/geosanslight-oblique.eot?#iefix") format("embedded-opentype"),
       url("../fonts/geosanslight-oblique.woff2") format("woff2"),
       url("../fonts/geosanslight-oblique.woff") format("woff"),
       url("../fonts/geosanslight-oblique.ttf") format("truetype"),
       url("../fonts/geosanslight-oblique.svg#geosanslightmedium_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
 height: 100%; 
} 

body {
 margin: 0px;
 padding: 0px;
 background-image: url(../images/spacer.gif); 
 background-attachment: fixed;
 font-family: "robotoregular", sans-serif;
 font-size: 16px;
 line-height: 22px;
 color: #747474;
 background-color: #FCFCFC;
 text-align: left;
 height: 100%; 
 width: 100%;
 position: relative; 
}

*+html body {
 height: auto !important;
 min-height: 100%;
 height: 100%; 
/* background-image: url(images/bg.gif); 
 background-attachment: scroll;
 background-repeat: repeat-x;*/
}

div:not(.note-editor.note-frame) p {
 margin: 0;
 padding: 0 0 20px;
}

table {
 width: 100%;
 border: none; 
 border-collapse: collapse;
 clear: both; 
}

td, th {
 font-family: "PT Sans", sans-serif;
 font-size: 14px;
 line-height: 20px;
 padding: 0px;
 text-align: center;
}

td { 
 font-size: 11px;
 line-height: 13px; 
 text-align: left; 
}

h1, h2, h3, h4, h5, h6, img, form, fieldset, legend {
 padding: 0px;
 margin: 0px;
 border: none;
 font-weight: normal;
}

input {
 margin: 0px;
 padding: 0px;
}

input:focus, input:active {
 outline: none;
}

a {text-decoration: underline; color: #677ED4;}
a:hover {text-decoration: none;}

.formfields, .textbox, .jfilestyle input {
 color: #747474;
 border: 1px solid #D6D4D4;

 margin: 0px;
 font-family: "robotoregular", sans-serif;
 font-size: 14px;
 line-height: 20px;
 padding: 8px 10px;
 width: 100%;
 height: 36px;
 position: relative;
 background-image: none;
 background-color: #FCFCFC;

 -webkit-box-shadow: inset 0 1px 4px #CCCCCC;
  -khtml-box-shadow: inset 0 1px 4px #CCCCCC;
    -moz-box-shadow: inset 0 1px 4px #CCCCCC;
     -ms-box-shadow: inset 0 1px 4px #CCCCCC;
      -o-box-shadow: inset 0 1px 4px #CCCCCC;
         box-shadow: inset 0 1px 4px #CCCCCC;
 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

}

.jfilestyle input {
  float: left;
  margin-right: 10px;
  font-size: 12px;
  width: 480px !important;
  height: 30px;
}

.popup .jfilestyle input {
  width: 114px !important;
  height: auto;
}

input.date {
 max-width: 120px;
}

.checkbox {
 width: 16px;
 height: 16px;
 border: 1px solid #D6D4D4;
}

textarea.formfields {
 min-height: 48px;
 height: 64px;
 resize: vertical;
 /*margin-bottom: 10px;*/
}

.formfields:focus {
 outline: none;
}

.formfields.input-validation-error, .input-validation-error.formfields {
 border-color: #DF0101;
}

input.jfilestyle.input-validation-error {
 border-color: #DF0101 !important;
}

select.formfields {
 width: auto;
 min-width: 240px;
 height: 36px;
 line-height: 36px;
 padding: 0 15px;
}

.wide .field select.formfields {
 width: 100%;
}

.formfields.error, .textbox.error {
 border-color: #DC5050;
}

fieldset.form span.field-validation-error, span.error, .common-error {
 color: #DC5050;
 display: block;
 font-size: 12px;
 line-height: 16px;
 text-align: right;
 position: static;
}

span.error em {
 display: none;
}

.common-error {
 text-align: left;
 margin-bottom: 15px;
 clear: both;
}

.btn, .focus-jfilestyle span {
 float: left;
 width: auto;
 display: block;
 text-decoration: none;
 border: 1px solid #D5D5D5;
 border-bottom-color: #EEEEEE;
 white-space: nowrap;

 background: #f5f5f5;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #f5f5f5 0%, #dbdbdb 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dbdbdb));
 background: -webkit-linear-gradient(top,  #f5f5f5 0%,#dbdbdb 100%);
 background: -o-linear-gradient(top,  #f5f5f5 0%,#dbdbdb 100%);
 background: -ms-linear-gradient(top,  #f5f5f5 0%,#dbdbdb 100%);
 background: linear-gradient(to bottom,  #f5f5f5 0%,#dbdbdb 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dbdbdb',GradientType=0 );

 text-align: center;
 color: #000000;
 font-size: 14px;
 line-height: 20px;
 font-family: "robotoregular";
 padding: 8px 25px;
 text-transform: uppercase;
 cursor: pointer;
 font-weight: 700;

 -webkit-box-shadow: 0 2px 4px #CCCCCC;
  -khtml-box-shadow: 0 2px 4px #CCCCCC;
    -moz-box-shadow: 0 2px 4px #CCCCCC;
     -ms-box-shadow: 0 2px 4px #CCCCCC;
      -o-box-shadow: 0 2px 4px #CCCCCC;
         box-shadow: 0 2px 4px #CCCCCC; 
 
 -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
     -ms-border-radius: 4px;
      -o-border-radius: 4px;
         border-radius: 4px;
}

.btn:hover, .file:hover .btn, .focus-jfilestyle span:hover {
 border-bottom-color: #D5D5D5;
 border-top-color: #EEEEEE;

 -webkit-box-shadow: 0 0 4px #CCCCCC;
  -khtml-box-shadow: 0 0 4px #CCCCCC;
    -moz-box-shadow: 0 0 4px #CCCCCC;
     -ms-box-shadow: 0 0 4px #CCCCCC;
      -o-box-shadow: 0 0 4px #CCCCCC;
         box-shadow: 0 0 4px #CCCCCC;  

 background: #dbdbdb;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #dbdbdb 0%, #f5f5f5 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f5f5f5));
 background: -webkit-linear-gradient(top,  #dbdbdb 0%,#f5f5f5 100%);
 background: -o-linear-gradient(top,  #dbdbdb 0%,#f5f5f5 100%);
 background: -ms-linear-gradient(top,  #dbdbdb 0%,#f5f5f5 100%);
 background: linear-gradient(to bottom,  #dbdbdb 0%,#f5f5f5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f5f5f5',GradientType=0 );
}

.focus-jfilestyle span {
  text-transform: none;
  color: #6E84DF;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 15px;
}

.popup .focus-jfilestyle span {
  padding: 9px 15px;
}

.vacancies .btn, .btn.dark {
 color: #000000;
}

.vacancies .btn {
 margin: 20px 0 10px;
 float: none;
 width: 75px;
}

.buttons .btn {
 float: right;
}

fieldset.form .btn, .btn.small {
 font-weight: normal;
 text-transform: none; 
 margin-right: 10px;
 padding: 5px 15px;
 font-size: 12px;
 line-height: 16px;
}

fieldset.form a.btn.dark {
 color: #000000;
}

fieldset.form .btn:first-child {
 color: #6E84DF;
 margin-right: 0;
}

fieldset.form a.btn, a.btn {
 color: #6E84DF;
}

.file .btn {
 position: absolute;
 top: 0;
 z-index: 1;
}

.file .textbox, .file .formfields, .popup .file .textbox, .popup .file .formfields {
 cursor: pointer;
 position: relative;
 z-index: 2;
 border: none;
 padding: 0;
 background-color: transparent;

 -webkit-box-shadow: none;
  -khtml-box-shadow: none;
    -moz-box-shadow: none;
     -ms-box-shadow: none;
      -o-box-shadow: none;
         box-shadow: none;
}

h2 .btn {
 position: absolute;
 float: none;
 display: inline;
 margin-left: 30px;
}

.table {
 width: 100%;
 margin: 0 auto;
 position: relative;
 z-index: 2;
 display: table;
 height: 100%;
}

.index .table {
 width: 1260px;
}

#root {
 height: 100%; 
 width: 100%;
 display: table;
 background-color: #FCFCFC;
 position: relative;
}

body.index, .index #root {
 background-color: #F4F4F4;
}

#root .bg {
 position: absolute;
 left: 0;
 right: 0;
 top: 100px;
 height: 819px;
 background-image: url(../images/bg.jpg);
 background-size: cover;
 background-position: 50% 50%;
 background-repeat: no-repeat;
 z-index: 1;
 display: none;
}

.index #root .bg {
 display: block;
}

#parent { 
 height: 100%; 
 width: 100%;
 display: table;
 text-align: center;
 position: relative;
 z-index: 2;
}

*+html #root, *+html #parent {
 width: auto;
 display: block;
}

#main {
 /*width: 988px;*/
 text-align: left; 
 margin: 0px auto; 
 height: 100%;
 width: 100%; 
}

#bottom {
 color: #7A7B7E;
 padding: 20px 0;
 font-size: 12px;
 line-height: 20px;
 text-align: center;
 width: 1260px;
 margin: 0 auto;
 background-color: #FFFFFF;
 margin-bottom: 40px;
}

#bottom .copy {
 padding: 10px 0;
 display: block;
}

#bottom .table {
 height: auto;
}

#bottom a {
 color: #A5A7A9;
 text-decoration: none;
}

#top {
 position: fixed;
 left: 0;
 right: 0;
 height: 125px;
 font-size: 15px;
 line-height: 20px;
 z-index: 20;
 font-family: "robotolight";
 background-color: #FFFFFF;
 border-bottom: 1px solid #CCCCCC;
}

.index #top {
 font-size: 18px;
 line-height: 25px; 
}

.scrolled #top {
 background-color: #FFFFFF;
 z-index: 11;
 
 -webkit-box-shadow: 0 4px 3px -3px #CCCCCC;
  -khtml-box-shadow: 0 4px 3px -3px #CCCCCC;
    -moz-box-shadow: 0 4px 3px -3px #CCCCCC;
     -ms-box-shadow: 0 4px 3px -3px #CCCCCC;
      -o-box-shadow: 0 4px 3px -3px #CCCCCC;
         box-shadow: 0 4px 3px -3px #CCCCCC;        
}

#top ul {
 position: absolute;
 right: 40px;
 top: 0;
 margin: 0;
 padding: 0;
 list-style: none;
}

.index #top ul {
 right: 0;
}

#top ul > li {
 float: left;
}

#top ul a {
 display: block;
 text-decoration: none;
 padding: 50px 30px 50px 35px;
 background-image: url(../images/i.png);
 background-position: 0 50%;
 background-repeat: no-repeat;
 color: #232323;
}

#top ul li:first-child a {
  background-image: none;
}

#top ul .dropdown li {
 float: none;
}

#top ul .dropdown > a {
 background-image: none;
 text-decoration: underline;
 color: #677ED4;
}

#top ul .dropdown > a:after {
 display: block;
 position: absolute;
 width: 0;
 height: 0;
 border: 4px solid transparent;
 content: ' ';
 overflow: hidden;
 top: 50%;
 margin: -1px 0 0 -20px;
 left: 100%;
 border-bottom: none;
 border-top-color: #677ED4;
}

#top ul .dropdown:hover > a:after {
 border-top: none;
 border-bottom: 4px solid #677ED4;
}

#top ul .dropdown li a { 
 font-size: 12px;
 line-height: 16px;
 background-color: #F4F4F5;
 color: #000000;
 padding: 8px 10px;
 background-image: none;
 border-top: 1px solid #FFFFFF;
 border-bottom: 1px solid #D7D7D7;
}

#top ul .dropdown li a:hover {
 background-color: #F5F6F7;
 color: #677ED4;
}

#top .dropdown {
 position: relative;
}

#top .dropdown ul {
 position: absolute;
 display: none;
 top: 100%;
 right: 30px;
 left: 35px;
 margin-top: -45px;
 overflow: hidden;
 
 -webkit-box-shadow: 0 1px 4px #CCCCCC;
  -khtml-box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
     -ms-box-shadow: 0 1px 4px #CCCCCC;
      -o-box-shadow: 0 1px 4px #CCCCCC;
         box-shadow: 0 1px 4px #CCCCCC;
 
 -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
     -ms-border-radius: 4px;
      -o-border-radius: 4px;
         border-radius: 4px; 
}

#top .dropdown:hover ul {
 display: block;
}

#top .copy {
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 20px;
 text-align: center;
 display: none;
 font-size: 12px;
 line-height: 16px;
 z-index: 200;
 color: #FFFFFF;
}
                         
.menu_opened #top .copy {
 display: block;
}

.menu_trigger {
 width: 24px;
 height: 24px;
 background-image: url(../images/icons/b.png);
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%;
 display: none;
 z-index: 200;
 right: 20px;
 top: 40px;
 position: absolute;
}

.menu_opened .menu_trigger {
 background-image: url(../images/icons/x.png);
}

#bottom ul {
 padding: 0;
 margin: 0;
 list-style: none;
 font-size: 14px;
}

#bottom ul li {
 padding: 0;
 display: inline-block;
}

#bottom ul li a {
 text-decoration: none;
 padding: 0 20px 0 15px;
 position: relative;
 display: block;
 color: #000000;
}

#bottom ul li a:after {
 content: '/';
 position: absolute;
 right: 0;
 top: 0;
}

#bottom ul li:last-child a:after {
 display: none;
}

#top ul .active a {
 color: #01A7DF;
}

#logo {
 position: absolute;
 left: 40px;
 top: 5px;
 width: 314px;
}

.index #logo { 
 left: 50px;
}

#logo img {
  width: 100%;
}

#content {
 /*height: 100%;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;*/
 padding-top: 125px;
}

.section {
 position: relative;
 display: table;
 width: 100%;
 /*min-height: 580px;*/ 
}

.section#we {
  
}

.section#news {
 min-height: 0;
}

#offers {
 background-color: #FCFCFC;
}
          
#products {
 background-color: #1F2228;
 min-height: 990px;
 overflow: hidden;
}

.section .cell {
 display: table-cell;
 height: 100%;
 vertical-align: middle;
 width: auto;
}

.section .in {
 display: block;
 margin: 0 auto;
 padding: 0 40px;
 height: auto;
}

.index .section .in {
 background-color: #FFFFFF;
 width: 1220px;
 padding: 0 20px;
}

.section#about {
  min-height: 0;
}

.section#about .in {
 position: relative;
}

.section#about h3 {
  position: relative;
  z-index: 2;
}

.section#about .bg {
 background-image: url(../images/logo-sign.png);
 background-position: 50% 50%;
 background-repeat: no-repeat;
 background-size: auto;
 position: absolute;
 z-index: 1;
 height: auto;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
}

.section#we .in {
  background-color: transparent;
  padding: 0;
  width: 1260px;
}

.section h1 {
 color: #FFFFFF;
 font-size: 50px;
 line-height: 60px;
 font-weight: normal;
 text-align: center;
 padding: 40px 0px;
 font-family: sans-serif;
 font-weight: normal;
 text-transform: uppercase;
 text-shadow: 0px 1px 2px #666666;
}

.section h1.title {
 display: table;
 margin: 0;
 padding: 0;
 height: 385px;
}

.section h1 span {
 display: table-cell;
 vertical-align: middle;
 padding: 40px 120px 80px;
}

.section h3 {
 padding: 30px 0px;
 font-size: 42px;
 line-height: 50px;
 font-weight: normal;
 text-align: center;
 font-family: "robotolight";
 color: #000000;
}

.section h3 strong {
 font-weight: normal;
}

.features { 
 width: 100%;
 font-size: 16px;
 line-height: 20px; 
 padding-bottom: 50px;
 margin-bottom: 55px;
 background-color: #FFFFFF;

 -webkit-box-shadow: 0 2px 10px #222222;
  -khtml-box-shadow: 0 2px 10px #222222;
    -moz-box-shadow: 0 2px 10px #222222;
     -ms-box-shadow: 0 2px 10px #222222;
      -o-box-shadow: 0 2px 10px #222222;
         box-shadow: 0 2px 10px #222222;
}

.features h3 {
  color: #000000;
}

.features ul {
 display: table;
 width: 100%;
 margin: 0;
 padding: 0;
 list-style: none;
}

.features li {
 display: table-cell;
 width: 25%;
 padding: 0 40px;
 text-align: center;
}

.features li .img {
 padding-bottom: 20px;
}

#about ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

#about li {
 background-color: #FCFCFC;
 border: 1px solid #E7E7E7;
 margin: 0 0 20px;

 -webkit-box-shadow: 0 0 4px #CCCCCC;
  -khtml-box-shadow: 0 0 4px #CCCCCC;
    -moz-box-shadow: 0 0 4px #CCCCCC;
     -ms-box-shadow: 0 0 4px #CCCCCC;
      -o-box-shadow: 0 0 4px #CCCCCC;
         box-shadow: 0 0 4px #CCCCCC;
}

#about li p {
 padding: 20px;
 margin: 0;
 position: relative;
 z-index: 2;
}

.more-info {
 padding: 0;
 margin: 0;
 clear: both;
 position: absolute;
 z-index: 2;
 width: 26%;
 left: 38%;
 right: 38%;
 bottom: 30px;
 color: #000000;
}

.section#contact .in, .section#vacancies .in {
  padding: 20px;
}

.contact, .vacancies {
 border: 1px solid #E7E7E7;
 padding: 20px 40px 40px;

 -webkit-box-shadow: 0 0 4px #CCCCCC;
  -khtml-box-shadow: 0 0 4px #CCCCCC;
    -moz-box-shadow: 0 0 4px #CCCCCC;
     -ms-box-shadow: 0 0 4px #CCCCCC;
      -o-box-shadow: 0 0 4px #CCCCCC;
         box-shadow: 0 0 4px #CCCCCC;
}

.contact h3, .vacancies h3 {
  padding-top: 10px;
}

.contact .form h3 {
 text-align: left;
 padding: 0 0 15px;
 font-size: 32px;
 line-height: 40px;
}

.contact .location {
 float: right;
 color: #F1F1F1;
 width: 314px;
 padding: 150px 20px 0;
 background-color: #6485E3;
 position: relative;
 background-image: url(../images/globe.png);
 background-repeat: no-repeat;
 background-position: 10px 0;

 -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
     -ms-border-radius: 6px;
      -o-border-radius: 6px;
         border-radius: 6px;
}

.contact h5 {
 color: #FFFFFF;
 font-family: "robotolight";
 font-size: 32px;
 line-height: 36px;
 padding-bottom: 10px;
}

.contact .location a {
 color: #FFFFFF;
}

.contact .form {
 float: left;
 width: 680px;
}

.contact .col {
 width: 330px;
}

.form .field {
 position: relative;
 margin-bottom: 15px;
}

.form .field.value span {
 display: block;
 min-height: 20px;
 padding-top: 2px;
}

.form .field.file {
 margin-bottom: 30px;
}

.form .field:after {
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  content: " ";
}

.form .field.buttons {
 border: none;
 padding: 0;
 margin-bottom: 15px;
}

fieldset.form .field.buttons {
 margin-bottom: 0;
 margin-left: 0;
}

.form .field.buttons ins {
 display: block;
 float: right;
 text-decoration: none;
 margin-right: 10px;
 font-family: "robotoregular";
 font-size: 14px;
 line-height: 28px;
 color: #000000;
}

.form label {
 display: block;
 font-weight: normal;
}

.form .field .captcha .formfields {
 width: 116px;
 float: left;
}

.form .field .captcha .BDC_CaptchaDiv {
 position: absolute;
 top: 0;
 left: 240px;
}

.popup .form .field .captcha .BDC_CaptchaDiv {
 left: 220px;
}

.form .field .captcha .BDC_CaptchaDiv > div {
 float: left;
}

.form .field .captcha .BDC_CaptchaDiv img {
 max-height: 36px;
}

.form .captcha label {
  float: left;
  padding: 7px 10px 7px 0;
}

.form .hint {
 clear: both; 
 text-align: right;
 font-size: 12px;
 white-space: nowrap;
 padding-top: 3px;
}

fieldset.form {
 font-size: 12px;
 max-width: 390px;
}

.wide fieldset.form {
 margin-bottom: 20px;
 max-width: none;
}

.wide fieldset.form.short {
 max-width: 360px;
}

 .wide fieldset.form.fluid {
  max-width: 700px;
 }

.wide fieldset.form.spaced {
 margin-top: 20px;
}

fieldset.form .field {
 position: relative;
 margin: 0 0 10px 110px;
}

fieldset.form .field label {
 font-size: 12px;
 position: absolute;
 width: 105px;
 display: block;
 cursor: pointer;
 right: 100%;
 color: #000000;
 padding-top: 2px;
}

 fieldset.form .field .jfilestyle label, .popup .jfilestyle label {   
   position: static;
   width: auto;
   padding: 0;
 }

fieldset.form .hint {
 text-align: left;
 font-style: normal;
 color: #000000;
 display: block;
 margin-bottom: 15px;
}

fieldset.form .formfields, fieldset.form .textbox {
 height: 28px;
 padding: 2px 6px;
 font-size: 12px;
 color: #000000;
 
 -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
     -ms-border-radius: 2px;
      -o-border-radius: 2px;
         border-radius: 2px;
}

.intro {
 width: 70%;
 text-align: center;
 margin: 0 auto 50px;
 color: #FFFFFF;
}

#vacancies h5 {
  color: #000000;
  font-size: 28px;
  line-height: 32px;
  font-weight: normal;
  font-family: "robotolight";
  padding: 7px 0 7px 55px;
  margin-bottom: 10px;
  background-image: url(../images/icons/vacancy.png);
  background-repeat: no-repeat;
}

#vacancies .in .vacancies-list {
 display: table;
 padding: 0;
 margin: 0;
 list-style: none;
 font-size: 14px;
}

#vacancies .in .vacancies-list ul {
 list-style: disc;
}

#vacancies .in .vacancy {
 display: table-cell;
 width: 33.33333%;
 position: relative;
}

#vacancies .in .bx-wrapper .vacancies-list, #vacancies .in .bx-wrapper .vacancy {
 display: block;
}

#vacancies .in li p {
 padding: 0 0 20px;
 margin: 0;
 position: relative;
 z-index: 2;
}

#vacancies .in .vacancy > div {
  margin: 0 30px;
}

#vacancies .in .vacancy:first-child > div {
 margin-left: 0;
 margin-right: 30px;
}

#vacancies .in .vacancy:last-child > div {
 margin-right: 0;
 margin-left: 30px;
}


#vacancies .interested {
 background-color: #6485E3;
 background-image: url(../images/icons/letter.png);
 background-repeat: no-repeat;
 background-position: 0 -70px;
 color: #FFFFFF;
 text-align: center;
 font-size: 26px;
 line-height: 32px;
 font-family: 'robotolight';
 padding: 30px 20px;
 margin: 60px -42px -42px;
}

#vacancies .small_interested {
 display: none;
 text-align: center;
 padding: 0 20px 40px;
 color: #FFFFFF;
}

#vacancies .interested a, #vacancies .small_interested a {
 color: #FFFFFF;
}

.bx-wrapper {
 position: relative;
}

#vacancies .bx-prev, #vacancies .bx-next, #about .bx-prev, #about .bx-next {
 position: absolute;
 top: 50%;
 background-image: url(../images/icons/arrows.png);
 background-repeat: no-repeat;
 background-position: -13px 0;
 width: 20px;
 height: 44px;
 display: block;
 margin: -22px 0 0;
 font-size: 0;
 overflow: hidden;
 text-indent: -9999px;
 left: -25px;
}

#vacancies .bx-prev, #vacancies .bx-next {
 background-color: #F5F5F5;
 border: 1px solid #D1D1D1;
 left: -64px;
 width: 44px;
 background-position: 0 0;

 -webkit-border-radius: 22px;
  -khtml-border-radius: 22px;
    -moz-border-radius: 22px;
     -ms-border-radius: 22px;
      -o-border-radius: 22px;
         border-radius: 22px;
 
 -webkit-box-shadow: 0 1px 4px #CCCCCC;
  -khtml-box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
     -ms-box-shadow: 0 1px 4px #CCCCCC;
      -o-box-shadow: 0 1px 4px #CCCCCC;
         box-shadow: 0 1px 4px #CCCCCC;
}

#vacancies .bx-next, #about .bx-next {
 left: auto;
 right: -25px; 
 background-position: -55px 0;
}

#vacancies .bx-next {
 right: -64px;
 background-position: -44px 0;
}

.success {
  background-color: #22AA22;
  color: #FFFFFF;
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 15px;
}

.field-validation-error, .field-validation-success {
 background-color: #F4A6A6;
 color: #FFFFFF;
 padding: 12px 18px;
 display: block;
 margin: 0 0 25px;
 position: relative;
}

.field-validation-success {
 background-color: #A3D671;
}

.field-validation-success a {
 display: inline;
 width: 18px;
 height: 18px;
 right: 18px;
 background-image: url(../images/icons/close.png);
 position: absolute;
}

.field .field-validation-error {
 padding: 0;
 color: #DF0101;
 background-color: transparent;
 font-size: 13px;
 position: absolute;
 margin: 0;
 left: 0;
 right: 0;
 text-align: right;
 top: 100%;
 z-index: 10;
 clear: both;
}

.popup .field .field-validation-error {
 position: relative;
}

.field .captcha .field-validation-error {
 margin-right: 98px;
}

.popup .field .captcha .field-validation-error {
 margin-right: 103px;
  position: absolute; /* added by V.Kozak */
}

.forgot {
 display: block;
 float: left;
 margin-top: 2px;
}

.commonError {
 clear: both;
 background-color: #EBA0A1;
 padding: 10px 16px;
 color: #FFFFFF;
 margin: 20px 0;
}

.panel {
 padding: 30px;
 border: 1px solid #D7D7D7;
 background-color: #FFFFFF;
 max-width: 390px;
 margin: 70px auto 20px;
 font-family: "robotoregular";
 font-size: 12px;
 
 -webkit-box-shadow: 0 1px 4px #CCCCCC;
  -khtml-box-shadow: 0 1px 4px #CCCCCC;
    -moz-box-shadow: 0 1px 4px #CCCCCC;
     -ms-box-shadow: 0 1px 4px #CCCCCC;
      -o-box-shadow: 0 1px 4px #CCCCCC;
         box-shadow: 0 1px 4px #CCCCCC;
}

.panel.wide {
 margin-top: 40px;
 padding: 20px;
 max-width: none;
 padding-bottom: 0;
}

.panel h2 {
 position: relative;
 font-family: "geosanslightregular";
 color: #000000;
 font-size: 22px;
 line-height: 26px;
 font-weight: normal;
 margin: -30px -30px 20px;
 padding: 15px 30px;

 background: #f5f6f6;
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #f5f6f6 0%, #d7d7d7 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f6f6), color-stop(100%,#d7d7d7));
 background: -webkit-linear-gradient(top,  #f5f6f6 0%,#d7d7d7 100%);
 background: -o-linear-gradient(top,  #f5f6f6 0%,#d7d7d7 100%);
 background: -ms-linear-gradient(top,  #f5f6f6 0%,#d7d7d7 100%);
 background: linear-gradient(to bottom,  #f5f6f6 0%,#d7d7d7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#d7d7d7',GradientType=0 );
}

.panel.wide h2 {
 padding: 15px 20px;
 margin: -20px -20px 0;
 background-image: none;
 filter: none;
 background-color: #ECEEEF;
 border-bottom: 1px solid #D7D7D7;
}

.panel h6 {
 font-size: 14px;
 line-height: 18px;
 color: #000000;
 font-family: "robotoregular";
 margin-bottom: 15px;
}

.panel .data {
 margin: 0 -20px;
 position: relative;
}

.panel .data h6 {
 margin: 0 20px 20px;
}

.section .panel .in {
 padding: 20px;
 margin: 0 -20px -20px;
}

.data th, .data td {
 font-weight: normal;
 color: #000000;
 font-family: "robotoregular";
 font-size: 12px;
 line-height: 16px;
 padding: 15px 20px;
 vertical-align: middle;
 text-align: left;
 border-bottom: 1px solid #D7D7D7;
}

.data th {
 background-color: #E7E9EA;
 border-top: 1px solid #FFFFFF;
 padding: 5px 20px;
}

.data th a {
 text-decoration: none;
 color: #000000;
}

.cols {
 margin-right: -20px;
}

.cols .col {
 width: 33.333333%;
 padding-right: 20px;
 max-width: 384px;

 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
}

.range {
 float: left;
 padding: 2px 7px 0;
 display: block;
}

.pager {
 border-top: 1px solid #FFFFFF;
 background-color: #EDEFF0;
 padding: 10px 20px;
}

.pager a {
 margin-top: 5px;
}

.pages {
 width: 30%;
 margin: 0 auto;
 text-align: center;
 color: #000000;
}

.pages input, .sort select.formfields {
 width: 40px;
 min-width: 0;
 margin: 0 10px;
 padding: 8px 10px;
 font-size: 12px;
 color: #000000;
 text-align: center;
}

.pages input {
 -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
     -ms-border-radius: 4px;
      -o-border-radius: 4px;
         border-radius: 4px;
}

.sort select.formfields {
 padding: 0 5px;
 width: auto;
 height: 26px;
 min-height: 26px;
 color: #000000;
}

.icon {
 width: 14px;
 height: 14px;
 display: inline-block;
 text-decoration: none;
 margin: 0 5px;
}

.remove {background-image: url(../images/icons/remove.png);}
.edit {background-image: url(../images/icons/edit.png);}

.toggle.inactive {
 display: none !important;
}

.toggler {
 cursor: pointer;
}

.toggler:after {
 position: absolute;
 border: 4px solid transparent;
 border-top-color: #6E84DF;
 border-bottom: none;
 width: 0;
 height: 0;
 overflow: hidden;
 content: ' ';
 right: 20px;
 top: 50%;
 margin-top: -2px;
}

.toggler.active:after {
 border-bottom: 4px solid #6E84DF;
 border-top: none; 
}

.data .showing {
 color: #000000;
 margin-right: 20px;
}

.data .sort {
 position: absolute;
 right: 10px;
 bottom: 100%;
 margin-bottom: 15px;
}

.data .sort label {
 color: #000000;
}

.popup {
 position: fixed;
 z-index: 100;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 height: 100%;
 width: 100%;
 font-size: 14px;
 line-height: 20px;
 color: #000000;
 display: none;
}

.popup.active {
 display: table;
}

.popup:after {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 z-index: 1;
 background-color: #F4F6FC;
 opacity: 0.65;
 content: ' ';
}

.popup h2 {
 font-family: "geosanslightregular";
 font-size: 32px;
 line-height: 40px; 
 padding: 0 40px 20px 0;
}

.popup p {
 color: #747474;
}

.popup label {
 font-size: 12px;
 position: absolute;
 width: 90px;
 left: 0;
 padding-top: 2px;
}

.popup .textbox, .popup .formfields {
 color: #000000;
}

.popup .field {
 position: relative;
 padding-left: 95px;
}

.popup .col {
 width: 47%;
}

.popup-content {
 position: relative;
 z-index: 2;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 padding: 20px;
}

.popup .close:not(.btn) {
 position: absolute;
 width: 16px;
 height: 16px;
 background-image: url(../images/icons/close.png);
 background-repeat: no-repeat;
 display: block;
 right: 30px;
 top: 30px;
 text-decoration: none;
}

.popup .in {
 background-color: #FFFFFF;
 max-width: 670px;
 padding: 20px;
 margin: 0 auto;
 text-align: left;
 position: relative;
 
 -webkit-box-shadow: 0 2px 4px #CCCCCC;
  -khtml-box-shadow: 0 2px 4px #CCCCCC;
    -moz-box-shadow: 0 2px 4px #CCCCCC;
     -ms-box-shadow: 0 2px 4px #CCCCCC;
      -o-box-shadow: 0 2px 4px #CCCCCC;
         box-shadow: 0 2px 4px #CCCCCC;  
}

.popup .form .field.buttons {
 padding-top: 20px;
 margin-bottom: 0;
}


/**********************************************/

.fr {float: right !important;}
.fl {float: left !important;}
.fn {float: none !important;}
.db {display: block !important;}
.di {display: inline !important;}
.dib {display: inline-block !important;}
.dn {display: none !important;}
.cb {clear: both !important;}
.cn {clear: none !important;}
.tc {text-align: center !important;}
.tl {text-align: left !important;}
.tr {text-align: right !important;}
.pa {position: absolute !important;}
.pr {position: relative !important;}
.vt {vertical-align: top !important;}
.vb {vertical-align: bottom !important;}
.nw {white-space: nowrap !important;}
.oh {overflow: hidden !important;}

.fixer, .pager:after, .popup .in:after, .features ul:after {
 padding: 0 !important;
 margin: 0 !important;
 height: 0 !important;
 width: 0 !important;
 font-size: 0 !important; 
 line-height: 0 !important;
 clear: both !important;
 overflow: hidden !important;
 display: block;
 content: ' ';
}

#loader {
 position: fixed;
 z-index: 10000;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0; 
 display: none;
}

.waiting #loader {
 display: block;
}

#loader em, #loader span, #loader ins {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: #F4F6FC;
 opacity: 0.65;
 z-index: 1; 
 filter: alpha(opacity=65);
}

#loader span {
 width: 100px;
 height: 100px;
 margin: auto;
 background-color: transparent;
 opacity: 1;
 filter: none;
 z-index: 2; 
}

#loader ins {
 margin: auto;
 z-index: 3;
 opacity: 1;
 filter: none; 
 background-image: url(../images/loader.gif);
 background-position: 50% 50%;
 margin: -27.5px 0 0 -27.5px;
 width: 55px;
 height: 55px;
 left: 50%;
 top: 50%;
 right: auto;
 bottom: auto;
 background-repeat: no-repeat;
 background-color: transparent;
}

.popup .vacancyDetail {
max-height:500px; 
overflow:auto;
}
 
 
 /**
 * fullPage 2.6.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
/* ReSharper disable CssNotResolved */
    touch-action: none;
/* ReSharper restore CssNotResolved */
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
 
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}



/******************* Animations *********************************/

#top ul a {
 -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
      -o-transition: all 250ms linear;
         transition: all 250ms linear; 
}


@media (min-width: 768px) {
 #about li {
  width: 33.8%;
  clear: left;
 }

 #about li.fr {
  width: 32.9%;
  clear: right;
 }
 
 .section#about .in {
  min-height: 585px;
 }
}

@media (max-width: 767px) {
 #logo, .index #logo {
  width: 200px;
  left: 20px;
  top: 20px;
 }

 .table {
  width: 100%;
 }

 #top ul {
  font-size: 14px;
 }

 .header h4 {
  width: auto;
  font-size: 18px;
  line-height: 24px;
 }
 
 .section .in, .section#we .in, .index .section .in {
  width: auto;
 }
 
 .section .cell {
  padding-left: 0;
  padding-right: 0;
 }
 
 .section h1 {
  font-size: 26px;
  line-height: 32px;
 }
 
 .section h3 {
  font-family: "geosanslightregular";
  font-size: 32px;
  line-height: 40px;
  padding: 20px 0;
 }
 
 .contact .form h3 {
  margin-top: 20px;
 }
 
 .contact h6 {
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
 }
 
 textarea.formfields {
  margin-bottom: 0;
 }
 
 .field .field-validation-error {
  position: relative;
 }
 
 .form .field {
  padding-left: 0;
 }
 
 .form label {
  position: static;
  width: auto;  
  display: block;
  font-size: 14px;
 }
 
 .form .field .captcha {
  position: relative;
  margin-left: 101px;
 }
 
 .form .captcha label {
  margin-left: -101px;
 }
 
 .field .captcha .field-validation-error {
  padding-top: 36px;
 }
 
 .form .field .captcha .BDC_CaptchaDiv {
  right: -30px;
  top: 55px;
  margin-top: 0;
  left: auto;
 }

 .form .field .captcha .formfields {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  min-width: 0;
  width: 100%;
  z-index: 11;
 }
 
 .field .field-validation-error {
  text-align: left;
 }
 
 .field .captcha .field-validation-error {
  margin-right: 0;
  text-align: left;
 }

 #bottom {
  position: static;
  padding: 20px;
  width: auto;
  margin: 0;
 }

 #bottom .table {
  width: auto;
  display: block;
 }

 .features, .features ul, .features li, #about li, #about ul,
 #vacancies .in .vacancies-list, #vacancies .in .vacancy {
  display: block;
  width: auto;
  padding: 0 !important;
 }
 
 .features {
  margin-bottom: 20px;
  padding-bottom: 20px !important;
 }
 
 .features ul {
  padding: 0 10px !important;
 }
 
 .features li {
  padding: 10px !important;
  float: left;
  width: 50%;
  font-size: 13px;
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 }
 
 .features li:nth-child(odd) {
  clear: left;
 }
 
 .features li .img img {
  max-width: 95%;
  height: 85px;
 }
 
 .index .section .in {
  background-color: transparent;
  overflow: hidden;
 }
 
 .index .section .popup .in {
  background-color: #FFFFFF;
 }
 
 .section#about {
  margin-bottom: 10px;
 }
 
 .section#about .bg {
  display: none;
 }
 
 #about li {
  float: left !important;
 }
 
 #about li:last-child {
  margin-right: 0 !important;
 }

 #about .bx-wrapper {
  margin: 0 auto !important;
 }
 
 .bx-pager {
  text-align: center;
  color: #FFFFFF;
  padding: 20px 0 0 20px;
 }
 
 #vacancies {
  background-color: #6485E3;
  background-image: url(../images/icons/letter.png);
  background-repeat: no-repeat;
  background-position: 0 -70px;
 }
 
 #vacancies .bx-wrapper {
  margin-left: 20px !important;
 }
 
 #vacancies .bx-viewport {
  overflow: visible !important;
 }
 
 #vacancies h3 {
  color: #FFFFFF;
 }
 
 #vacancies h5 {
  background-image: none;
  padding: 0;
 }
 
 #vacancies .interested {
  display: none;
 }
 
 #vacancies .small_interested {
  display: block;
 }
 
 #vacancies .in .vacancy {
  background-color: #FFFFFF;
  padding: 20px 25px !important;
  margin-left: 10px;

 -webkit-box-shadow: 0 2px 16px #666666;
  -khtml-box-shadow: 0 2px 16px #666666;
    -moz-box-shadow: 0 2px 16px #666666;
     -ms-box-shadow: 0 2px 16px #666666;
      -o-box-shadow: 0 2px 16px #666666;
         box-shadow: 0 2px 16px #666666;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  
  -webkit-border-radius: 4px;
   -khtml-border-radius: 4px;
     -moz-border-radius: 4px;
      -ms-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
 }
 
 #vacancies .in .vacancy > div, #vacancies .in .vacancy p {
  margin: 0 !important;
 }

 #vacancies .in .vacancy:before {
  display: none;
 }
 
 #vacancies .in .vacancy:last-child {
  margin-right: 0 !important;
 }

 .contact, .vacancies {
  padding: 0px;
  border: none;
  
  -webkit-box-shadow: none;
   -khtml-box-shadow: none;
     -moz-box-shadow: none;
      -ms-box-shadow: none;
       -o-box-shadow: none;
          box-shadow: none;  
 }
 
 .contact .form, .contact .col, .contact .location {
  float: none !important;
  width: auto;
 }

 .btn {
  float: left;
 }
 
 .contact .form .buttons .btn {
  float: none;
  width: 100%;
  display: block;
  margin-top: 25px;
 }

 .form .hint {
  text-align: left;
  padding-top: 0;
 }
 
 #root .bg {
  height: 200px;
 }
 
 .section h1.title {
  height: auto;  
 }
 
 .section h1 span {
  padding: 20px;
  font-weight: bold;
 }
 
 .more-info {
  position: static;
  width: auto;
  text-align: center;
  padding: 0 20px 30px;
 }
 
 .index #top {
  height: 100px;
 }
 
 .index .table {
  width: 100%;
 }
 
 #top ul {
  display: none;
 }
 
 .menu_opened #top {
  height: 100%;
 }
 
 .menu_opened #top ul {
  display: block;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-family: "geosanslightregular";
  font-size: 40px;
  line-height: 46px;
  background-color: #6181DF;
  padding-top: 60px;
 }
 
 #top ul > li {
  float: none;
 }
 
 #top ul a, #top ul .active a {
  background-image: none;
  padding: 20px;
  text-align: center;
  color: #FFFFFF;
 }
 
 .menu_trigger {
  display: block;
 }
 
 .popup {
  font-size: 12px;
  line-height: 16px;
 }
 
 .popup .in {
  padding: 20px;
 }
 
 .popup .col {
  float: none !important;
  width: auto;
 }
 
 .popup.active {
  display: block;
  overflow: auto;
 }

.popup-content {
    display: block;
}
 
 .popup .form .field .captcha .BDC_CaptchaDiv {
  left: auto;
 }
 
 .form .field.file {
  margin-bottom: 15px;
 }
 
 .popup .form .hint {
  width: 100px;
  white-space: normal;
 }
 
 .popup .field .captcha .field-validation-error {
  margin-right: 0;
 }
 
 .popup .buttons .btn {
  width: 100%;
  float: none;
 }
 
 .popup h2 {
  font-size: 22px;
  line-height: 26px;
  padding-right: 20px;
 }
 
 .popup .close:not(.btn) {
  right: 16px;
  top: 16px;
 }
 
}

*+html #bottom { 
 bottom: expression(document.documentElement.clientHeight > document.getElementById('root').offsetHeight ? "0px" : "");
}

@media only screen and (max-device-width: 480px) {
   html {
     -webkit-text-size-adjust: none;
   }
 }