body,html {
 width:100%;
 position:relative
}
a,a b,a:hover,a:visited {
 text-decoration:none
}
body,form,html {
 position:relative
}
.section-2--header,.section-2--header>ul>li {
 display:inline-block
}
.modaal-container .popup--content table>tbody>tr td,.section-4--table table>tbody>tr td {
 vertical-align:middle
}
*,:after,:before {
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box
}
:focus {
 outline:0;
 -moz-outline:0
}
::-webkit-scrollbar {
 width:10px;
 background-color:#f0f0f0;
 border:1px solid #fff
}
::-webkit-scrollbar-thumb {
 background-color:rgba(201,201,201,.47)
}
::-webkit-scrollbar-thumb:hover {
 background:rgba(189,189,189,.75)
}
::-webkit-scrollbar-thumb:active {
 background-color:rgba(25,80,142,.67)
}
::-webkit-scrollbar-thumb:horizontal {
 height:10px
}
html {
 overflow-y:auto;
 height:100%
}
body {
 min-width:1024px;
 color:#000;
 font-family:Roboto;
 -moz-transition:width .2s ease-in-out;
 -webkit-transition:width .2s ease-in-out;
 transition:width .2s ease-in-out
}
body,html {
 margin:0;
 padding:0;
 cursor:default
}
a,a b,a:visited {
 color:#000;
 cursor:pointer
}
.typography--description,.typography--h1,.typography--title {
 color:#21252e;
 text-align:center
}
img {
 max-width:100%
}
.width {
 width:1024px;
 margin:0 auto
}
.typography--h1 {
 margin-bottom:16px;
 font-size:36px;
 font-weight:700
}
.typography--title {
 margin-bottom:25px;
 font-size:28px;
 font-weight:700
}
.typography--description {
 font-size:18px;
 line-height:22px
}
.typography--description-center {
 font-size:14px;
 line-height:18px;
 text-align:center;
 margin-bottom:20px
}
.typography--description-center>b {
 font-size:16px;
 font-weight:700
}
.typography--form-title {
 margin-bottom:25px;
 font-size:18px;
 font-weight:700;
 text-align:center;
 color:#000
}
.typography--form-title>a {
 font-size:18px;
 color:#0088cb;
 text-decoration:underline
}
.form--inline-content {
 width:100;
 position:relative
}
.form--error {
 font-size:12px;
 text-align:left;
 color:#ff7b00;
 position:absolute;
 top:-20px
}
.form--error-input {
 border:1px solid #ff7b00!important;
 color:#ff7b00!important
}
.form--input {
 clear:both;
 width:100%;
 margin-bottom:10px
}
.form--inline-input {
 float:left;
 width:calc(95.1% / 4)
}
.form--inline-button,.form--inline-input+.form--inline-input {
 margin-left:10px
}
.form--inline-input>input,.form--input>input {
 width:100%;
 height:46px;
 padding:14px 10px;
 font-size:16px;
 color:#21252e;
 background-color:#ecf2f4;
 border:1px solid #bfbfbf
}
.form--inline-button {
 float:left;
 width:calc(100% / 4)
}
.form--button>button,
.form--inline-button>button {
 width:100%;
 height:46px;
 font-size:16px;
 color:#fff;
 background-color:#00a7d2;
 border:0;
 cursor:pointer
}
.form--button>button:hover,
.form--inline-button>button:hover 
{  background-color:#0096BD; }

.form--inline-input.error>input {
 border:1px solid #FF7B00
}
#section-2 {
 min-height:400px;
 background-image:url(../img/body--1.jpg);
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:cover;
 margin-top: 24px
}
.section-2--content {
 padding: 168px 0 80px 0;
}
.section-2--header {
 width:100%;
 padding:12px 25px;
 margin-bottom:90px;
 overflow:hidden;
 text-align:right;
 background-color:rgba(255,255,255,.8);
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99;
}
.section-2--header>ul {
 position:relative
}
.section-2--header>ul:before {
 content:'';
 background:url(../img/logo.png) no-repeat;
 position:absolute;
 left:0;
 width:107px;
 height:19px
}
.section-2--header>ul>li+li {
 margin-left:19px
}
.section-2--header>ul>li>* {
 font-size:14px;
 text-align:left;
 color:#21252e
}
.section-2--contact-form {
 display:block;
 width:868px;
 height:150px;
 margin:85px auto 0;
 padding:20px;
 background-color:#fff
}
.section-3--content {
 padding:70px 0
}
.section-3--content-fluid
{ width: 100%; clear: both; padding: 60px 0 0 0; text-align: center; }
.section-3--content-fluid > a
{ font-size: 18px; font-weight: 600; }
.section-3--content-fluid > a
{ color: #0088CB; border-bottom: 1px solid #0088CB; }

.section-3--content-fluid > a + a
{ margin-left: 100px; }
.section-3--columns {
 clear:both;
 overflow:hidden
}
.section-3--column {
 float:left;
 width:calc(100% / 6)
}
.section-3--column-image,.section-4--columns {
 width:100%;
 display:inline-block
}
.section-3--column-image {
 height:47px;
 margin:0 0 16px;
 background-position:50% 0;
 background-repeat:no-repeat
}
.section-3--column-title {
 font-size:12px;
 color:#000;
 text-align:center
}
#section-4 {
 background:url(../img/body--shadow.png) 50% 50% no-repeat,url(../img/body--uzor.png) #E5EDF0
}
.section-4--content {
 padding:28px 0
}
.section-4--column:first-child {
 text-align:right
}
.section-4--column {
 float:left;
 width:calc(80% / 3)
}
.section-4--column+.section-4--column {
 margin-left:10%
}
.section-4--column-image {
 display:block;
 width:250px;
 height:367px;
 background-position:50% 50%;
 margin:0 auto
}
.section-4--column-title {
 margin:29px 0 13px;
 font-size:14px;
 font-weight:700;
 color:#0088cb
}
.section-4--column-description {
 font-size:14px;
 line-height:18px;
 color:#21252e
}
#section-5 {
 background-image:linear-gradient(to bottom,#041b4a,#00a8d3)
}
.section-5--content {
 padding:44px 42px 42px
}
.section-5--content>* {
 color:#fff
}
.section-4--table-header {
 width:100%;
 display:inline-block;
 background-color:#00a7d2;
 height:46px;
 line-height:46px;
 padding:0 5px;
 position:relative;
 font-size:14px;
 color:#fff;
 margin-top:23px
}
.section-4--table-header>b {
 font-weight:600
}
.section-4--table-download {
 position:absolute;
 top:-2px;
 right:15px
}
.section-4--table-download>a {
 font-size:16px;
 font-weight:600;
 color:#fff;
 border-bottom:1px solid #fff
}
.section-4--table table {
 width:100%
}
.section-4--table table tbody {
 height:10px
}
.section-4--table table tbody>tr.row-hidden {
 display:none
}
.section-4--table table>tbody>tr td:first-child,.section-4--table table>thead>tr th:first-child {
 text-align:center
}
.section-4--table table>tbody>tr td,.section-4--table table>thead>tr th {
 padding:5px 0;
 font-size:12px;
 background-color:#fff;
 border-bottom:solid 1px #bdbdbd;
 color:#000
}
.section-4--table table>thead>tr th {
 background-color:#ecf2f4
}
.section-4--table table>tbody>tr td input[type=text] {
 width:83px;
 height:18px;
 padding:0 10px;
 font-size:12px;
 font-weight:600;
 text-align:right;
 color:#000;
 background-color:#fff;
 border:1px solid #bdbdbd;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
.section-4--table table>tfoot>tr td {
 background-color:#ecf2f4;
 color:#000;
 padding:15px
}
.section-6--content,.section-7--content {
 padding:42px
}
.section-4--table table>tfoot>tr td[colspan="4"] {
 text-align:left;
 position:relative
}
.section-4--table table>tfoot>tr td[colspan="4"] span {
 cursor:pointer;
 font-size:14px;
 text-align:left;
 color:#00a7d2;
 border-bottom:1px solid
}
.section-4--table table>tfoot>tr td[colspan="4"] span.table--showmore {
 position:absolute;
 left:65%;
 color:#000;
 font-weight: 600;
}
.section-4--table table>tfoot>tr td[colspan="4"] a {
 cursor:pointer;
 font-size:14px;
 text-align:left;
 color:#00a7d2;
 border-bottom:1px solid
}
.section-4--table table>tfoot>tr td[colspan="3"] {
 font-size:16px;
 font-weight:500;
 text-align:right;
 color:#000
}
.section-4--table table>tfoot>tr td[colspan="3"] span {
 border-bottom:1px solid
}
.section-4--table-footer {
 margin:10px 0 20px;
 font-size:14px;
 line-height:15px;
 font-weight:700
}
.section-4--contact-form {
 width:100%;
 display:inline-block;
 margin-top:20px
}
.section-4--contact-form .typography--form-title {
 color:#fff;
 font-size:22px
}
.section-4--contact-form .form--inline-input {
 float:left;
 width:calc(95.7% / 4)
}
.section-4--contact-form .form--inline-button>button {
 background-color:#04204f
}
.section-4--contact-form .form--inline-button>button:hover {
 background-color:#033F6D
}

#section-6 {
 background:url(../img/body--shadow.png) 50% 50% no-repeat,url(../img/body--uzor.png) #E5EDF0
}
.section-6--columns {
 width:100%;
 display:inline-block
}
.section-6--column {
 float:left;
 width:calc(90% / 6)
}
.section-6--column+.section-6--column {
 margin-left:2%
}
.section-6--column-image {
 display:inline-block;
 width:140px;
 height:117px;
 margin:0 0 15px;
 background-position:50% 0;
 background-repeat:no-repeat
}
.section-6--column-title {
 font-size:13px;
 font-weight:600;
 color:#000;
 text-align:center
}
#section-8 {
 min-height:400px;
 background-image:url(../img/body--2.jpg);
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:cover
}
.section-8--content {
 padding:70px 110px
}
.section-8--columns {
 width:100%;
 display:inline-block
}
.section-8--column {
 float:left
}
.section-8--column:first-child {
 width:60%
}
.section-8--column:last-child {
 width:40%
}
.section-8--column .typography--title {
 text-align:left;
 font-size:33px;
 line-height:40px
}
.section-8--column .typography--description,.section-8--contact-form .typography--form-title {
 text-align:left;
 font-size:18px
}
.section-8--contact-form {
 width:295px;
 height:328px;
 padding:20px;
 background-color:#fff
}
.section-9--content {
 padding:42px
}
#section-10 {
 background-color:#041e4d
}
.section-10--content {
 padding:42px;
 font-size:14px;
 line-height:18px;
 color:#fff
}
.section-10--columns {
 width:100%;
 display:inline-block
}
.section-10--column {
 float:left;
 width:calc(95% / 2);
 line-height:20px
}
.section-10--column+.section-10--column {
 margin-left:5%
}
#popup, #success {
 display:none
}
.modaal-container h2 {
 text-align:center;
 margin:20px 0
}
.modaal-container .popup--content table {
 width:100%
}
.modaal-container .popup--content table>tbody>tr td:first-child,.modaal-container .popup--content table>thead>tr th:first-child {
 text-align:center
}
.modaal-container .popup--content table>tbody>tr td,.modaal-container .popup--content table>thead>tr th {
 padding:15px 5px;
 font-size:13px;
 background-color:#fff;
 border-bottom:solid 1px #bdbdbd;
 color:#000
}
.modaal-container .popup--content table>tbody>tr td input[type=text] {
 width:83px;
 height:27px;
 padding:0 10px;
 font-size:16px;
 font-weight:600;
 text-align:right;
 color:#000;
 background-color:#fff;
 border:1px solid #bdbdbd;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px
}
.modaal-container .popup--content table>tbody>tr:last-child td {
 border:0
}
.modaal-container .popup--content table>tbody>tr td[colspan="4"] {
 text-align:center
}

.modaal-container .success--content {
 text-align:center; padding: 0 0 15px 0;
}