a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%
}

body, html {
    height: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

b, strong {
    font-weight: 700
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

ol, ul {
    list-style: none
}

li {
    display: list-item
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, td, th {
    font-weight: 400;
    vertical-align: top;
    text-align: left
}

q {
    quotes: none
}

q:after, q:before {
    content: "";
    content: none
}

small, sub, sup {
    font-size: 75%
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

svg {
    overflow: hidden
}

*, body {
    margin: 0
}

body {
    font-size: 20px;
    padding: 0
}

.wrapper {
    margin: 0 auto;
    max-width: 1200px
}

.inner-wrapper {
    clear: both;
    display: inline;
    float: left;
    padding: 0 15px;
    position: relative;
    width: 1170px
}

.container {
    clear: both;
    float: left;
    margin: 0;
    width: 100%
}

.eight-col, .eleven-col, .five-col, .four-col, .nine-col, .one-col, .seven-col, .six-col, .ten-col, .three-col, .twelve-col, .two-col {
    clear: none;
    display: inline;
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    position: relative
}

.one-col {
    width: 70px
}

.two-col {
    width: 170px
}

.three-col {
    width: 270px
}

.four-col {
    width: 370px
}

.five-col {
    width: 470px
}

.six-col {
    width: 570px
}

.seven-col {
    width: 670px
}

.eight-col {
    width: 770px
}

.nine-col {
    width: 870px
}

.ten-col {
    width: 970px
}

.eleven-col {
    width: 1070px
}

.twelve-col {
    width: 1170px;
    margin-right: 0
}

.prefix-one {
    margin-left: 100px
}

.prefix-onehalf {
    margin-left: 150px
}

.prefix-two {
    margin-left: 200px
}

.prefix-three {
    margin-left: 300px
}

.prefix-four {
    margin-left: 400px
}

.prefix-five {
    margin-left: 500px
}

.prefix-six {
    margin-left: 600px
}

.prefix-seven {
    margin-left: 700px
}

.prefix-eight {
    margin-left: 800px
}

.prefix-nine {
    margin-left: 900px
}

.prefix-ten {
    margin-left: 1000px
}

.prefix-eleven {
    margin-left: 1100px
}

.suffix-one {
    margin-right: 130px
}

.suffix-two {
    margin-right: 230px
}

.suffix-three {
    margin-right: 330px
}

.suffix-four {
    margin-right: 430px
}

.suffix-five {
    margin-right: 530px
}

.suffix-six {
    margin-right: 630px
}

.suffix-seven {
    margin-right: 730px
}

.suffix-eight {
    margin-right: 830px
}

.suffix-nine {
    margin-right: 930px
}

.suffix-ten {
    margin-right: 1030px
}

.suffix-eleven {
    margin-right: 1130px
}

.clear {
    clear: both
}

.last-col {
    margin-right: 0
}

@-webkit-keyframes slideInRight {
    0% {
        max-width: 0
    }
    to {
        max-width: 1000px
    }
}

@keyframes slideInRight {
    0% {
        max-width: 0
    }
    to {
        max-width: 1000px
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 0
    }
    5% {
        opacity: .2
    }
    7% {
        opacity: .5
    }
    50% {
        opacity: .2
    }
    51% {
        opacity: .1
    }
    52% {
        opacity: .2
    }
    73% {
        opacity: .2
    }
    75% {
        opacity: .5
    }
    80% {
        opacity: .2
    }
    9% {
        opacity: .2
    }
    95% {
        opacity: .2
    }
    to {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
        opacity: 0
    }
    5% {
        opacity: .2
    }
    7% {
        opacity: .5
    }
    50% {
        opacity: .2
    }
    51% {
        opacity: .1
    }
    52% {
        opacity: .2
    }
    73% {
        opacity: .2
    }
    75% {
        opacity: .5
    }
    80% {
        opacity: .2
    }
    9% {
        opacity: .2
    }
    95% {
        opacity: .2
    }
    to {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@-webkit-keyframes slideUpDown {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(-9000px);
        transform: translateY(-9000px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes slideUpDown {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    50% {
        -webkit-transform: translateY(-9000px);
        transform: translateY(-9000px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

a, button, div, img, input {
    -webkit-transition: all .3s;
    transition: all .3s
}

body, html {
    width: 100%;
    position: relative
}

body {
    font-family: Fira Sans, sans-serif;
    font-size: 20px;
    color: #163f78;
    background-color: #edeef7
}

header {
    height: 80px;
    box-sizing: border-box;
    top: 0;
    line-height: 50px;
    padding: 15px 0;
    background: #fff;
    text-align: center;
    font-size: 15.07px;
    width: 100%;
    position: fixed;
    z-index: 200;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    overflow: hidden
}

header #bt-menu-close, header #bt-menu-open {
    position: absolute;
    top: 0;
    right: 5px;
    width: 80px;
    height: 80px;
    background: #fff;
    display: none;
    z-index: 1
}

header .bt-close {
    z-index: 2
}

header svg path {
    fill: #163f78;
    fill-rule: evenodd
}

header img {
    float: left
}

header .register {
    background: #1a7fde;
    width: 130px;
    text-align: center;
    height: 100px;
    padding: 15px 0;
    position: absolute;
    top: 0;
    right: 0
}

header .register a {
    color: #fff
}

header .login {
    background: #163f78;
    width: 80px;
    text-align: center;
    height: 100px;
    padding: 15px 0;
    position: absolute;
    top: 0;
    right: 130px
}

header .login a {
    color: #fff
}

header.shrinked {
    height: 50px;
    line-height: 50px;
    padding: 0;
    background: hsla(0, 0%, 100%, .8)
}

header.shrinked .login, header.shrinked .register {
    padding: 0;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

header.shrinked #logo {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

nav {
    font-size: 15.07px;
    color: #656666;
    height: 100%;
    text-align: left
}

nav li, nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

nav li {
    margin: 0 30px 0 0
}

nav a {
    position: relative
}

nav a:after {
    width: 0;
    height: 4px;
    background: #1a7fde;
    content: " ";
    position: absolute;
    top: -17px;
    left: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

nav a.active {
    color: #1a7fde
}

nav a.active:after {
    width: 100%
}

a {
    text-decoration: none;
    color: #656666
}

p {
    font-size: 20px;
    line-height: 36px
}

#logo {
    display: inline-block;
    cursor: pointer
}

h1 {
    font-size: 80px;
    font-weight: bolder
}

h2 {
    font-size: 60px
}

h3 {
    font-size: 40px
}

.wrapper, section {
    z-index: 2
}

.highlight, .wrapper {
    position: relative
}

.highlight {
    color: #fff;
    display: inline-block;
    padding: 9px 7px
}

.highlight span {
    z-index: 2;
    position: relative
}

.highlight:before {
    display: block;
    position: absolute;
    content: " ";
    background: #163f78;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.inverse .highlight {
    color: #1a7fde
}

.inverse .highlight:before {
    background: #fff
}

section.inverse {
    color: #fff;
    background-color: #163f78
}

section#intro {
    background: url("../images/bg_s1.jpg") 50% no-repeat;
    background-size: cover;
    min-height: 768px;
    background-attachment: fixed
}

section#intro h1 {
    margin: 260px 0 0
}

section#intro p {
    margin: 10px 140px 0
}

.main-text {
    text-align: center
}

section#calculate {
    padding: 80px 0 25px
}

section#calculate h2 {
    margin: 30px 0 10px
}

section#calculate .main-text {
    margin-bottom: 40px
}

section#calculate .result {
    padding-top: 100px
}

section#calculate .result b {
    font-size: 40px;
    color: #1a7fde;
    display: block
}

section#calculate p.note {
    color: #656666;
    font-size: 13px;
    line-height: normal;
    margin-top: 50px
}

.button, input, select {
    background: #fff;
    color: #163f78;
    border: 0;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    box-sizing: border-box;
    padding: 10px 0;
    width: 100%
}

.select {
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    cursor: pointer
}

.select .selected {
    position: relative;
    top: 0;
    left: 0
}

.select .options {
    overflow: hidden;
    max-height: 0;
    top: 60px;
    left: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    width: 100%
}

.select .option, .select .selected {
    height: 60px;
    line-height: 60px;
    color: #163f78;
    padding: 0 0 0 70px
}

.select .option {
    box-sizing: border-box
}

.select .option.active, .select .option:hover {
    background-color: #1a7fde;
    color: #fff
}

.select .options-cols {
    width: 1170px;
    top: 0;
    left: 0;
    z-index: 100
}

.select .options-cols .col {
    float: left;
    margin-right: 30px;
    width: 270px
}

.select .options-cols .col.last-col {
    margin-right: 0
}

.select .options-cols.cols-2x {
    width: 600px
}

.select .options-cols.cols-3x {
    width: 900px
}

.select .options-cols.cols-1x {
    width: 270px
}

.select .options-cols .option {
    width: 100%
}

.select.s-city-b .options-cols, .select.s-weight .options-cols {
    left: -300px
}

.select:after {
    background: url("../images/sprites.png") -150px -600px no-repeat;
    position: absolute;
    width: 15px;
    height: 10px;
    content: " ";
    display: block;
    top: 25px;
    right: 15px;
    z-index: 10
}

.select.collapse .options {
    display: none
}

.select:before {
    position: absolute;
    width: 40px;
    height: 40px;
    content: " ";
    display: block;
    top: 10px;
    left: 15px
}

.select.s-weight:before {
    background: url("../images/sprites.png") -300px -750px no-repeat
}

.select.s-city-a:before {
    background: url("../images/sprites.png") -300px -447px no-repeat
}

.select.s-city-b:before {
    background: url("../images/sprites.png") -300px -597px no-repeat
}

.select.s-delivery:before {
    background: url("../images/sprites.png") -300px -897px no-repeat
}

.no-touchevents2 .select:hover {
    box-shadow: 0 3px 7px 0 rgba(21, 63, 120, .2)
}

.no-touchevents2 .select:hover:after {
    background: url("../images/sprites.png") 0 -600px no-repeat
}

.no-touchevents2 .select:hover .options {
    max-height: 300px;
    box-shadow: 0 3px 7px 0 rgba(21, 63, 120, .2)
}

.no-touchevents2 .select:hover:before {
    z-index: 101
}

.no-touchevents .select, .touchevents .select {
    z-index: 10
}

.no-touchevents .select.expanded, .touchevents .select.expanded {
    z-index: 11;
    box-shadow: 0 3px 7px 0 rgba(21, 63, 120, .2)
}

.no-touchevents .select.expanded:after, .touchevents .select.expanded:after {
    background: url("../images/sprites.png") 0 -600px no-repeat;
    display: none
}

.no-touchevents .select.expanded .options, .touchevents .select.expanded .options {
    max-height: 1000px;
    box-shadow: 0 3px 7px 0 rgba(21, 63, 120, .2)
}

.no-touchevents .select.expanded:before, .touchevents .select.expanded:before {
    z-index: 101
}

section#rates {
    z-index: 1;
    padding: 80px 0
}

section#rates h2 {
    margin-bottom: 80px
}

section#rates .highlight:before {
    background-color: #1a7fde
}

section#rates .rate .wrap {
    background: #fff;
    color: #656666;
    box-sizing: border-box;
    padding: 40px 37px;
    height: 430px;
    z-index: 2;
    position: relative
}

section#rates .rate b {
    font-size: 36px;
    line-height: 60px;
    display: block;
    margin: 5px 0
}

section#rates .rate b span {
    font-size: 60px
}

section#rates .rate h3 {
    font-size: 40px;
    line-height: 40px;
    position: relative;
    margin-bottom: 30px
}

section#rates .rate.standart .shipping, section#rates .rate.standart h3 {
    background: -webkit-linear-gradient(0deg, #f9833b, #f76b43);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section#rates .rate.standart h3:after {
    display: block;
    content: " ";
    width: 80px;
    height: 10px;
    margin-top: 23px;
    background-image: -webkit-linear-gradient(0deg, #f9833b, #f76b43);
    background-image: -ms-linear-gradient(0deg, #f9833b 0, #f76b43 100%)
}

section#rates .rate.express .shipping, section#rates .rate.express h3 {
    background: -webkit-linear-gradient(0deg, #67c3ed, #5982ea);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section#rates .rate.express h3:after {
    content: " ";
    width: 80px;
    height: 10px;
    margin-top: 23px
}

section#rates .rate.express:after, section#rates .rate.express h3:after {
    display: block;
    background-image: -webkit-linear-gradient(0deg, #67c3ed, #5982ea);
    background-image: -ms-linear-gradient(0deg, #67c3ed 0, #5982ea 100%)
}

section#rates .rate.express:after {
    content: "\412\44B\433\43E\434\43D\43E";
    width: 290px;
    height: 490px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: -50px;
    left: -10px;
    z-index: 1;
    color: #edeef7;
    font-weight: 700
}

section#rates .rate.standart-rk .shipping, section#rates .rate.standart-rk h3 {
    background: -webkit-linear-gradient(0deg, #d9395e, #a42571);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section#rates .rate.standart-rk h3:after {
    display: block;
    content: " ";
    width: 80px;
    height: 10px;
    margin-top: 23px;
    background-image: -webkit-linear-gradient(0deg, #d9395e, #a42571);
    background-image: -ms-linear-gradient(0deg, #d9395e 0, #a42571 100%)
}

section#rates .rate.express-rk .shipping, section#rates .rate.express-rk h3 {
    background: -webkit-linear-gradient(0deg, #520f80, #1e0161);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

section#rates .rate.express-rk h3:after {
    display: block;
    content: " ";
    width: 80px;
    height: 10px;
    margin-top: 23px;
    background-image: -webkit-linear-gradient(0deg, #520f80, #1e0161);
    background-image: -ms-linear-gradient(0deg, #520f80 0, #1e0161 100%)
}

section#services {
    padding-top: 90px;
    padding-bottom: 130px;
    background: url("../images/bg_s2.jpg") 50% #202e4e;
    background-size: cover;
    background-attachment: fixed
}

section#services h2 {
    margin-bottom: 53px
}

section#services li {
    font-size: 30px;
    height: 190px;
    box-sizing: border-box
}

section#services li .ico {
    background-color: #1a7fde;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 10px;
    border-radius: 50%
}

section#services li .ico div {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

section#services li .ico.i-1 div {
    background: url("../images/sprites.png") 0 0 no-repeat #1a7fde
}

section#services li .ico.i-2 div {
    background: url("../images/sprites.png") 0 -150px no-repeat #1a7fde
}

section#services li .ico.i-3 div {
    background: url("../images/sprites.png") -150px 0 no-repeat #1a7fde
}

section#services li .ico.i-4 div {
    background: url("../images/sprites.png") -150px -150px no-repeat #1a7fde
}

section#services li .ico.i-5 div {
    background: url("../images/sprites.png") -300px 0 no-repeat #1a7fde
}

section#services li .ico.i-6 div {
    background: url("../images/sprites.png") -300px -150px no-repeat #1a7fde
}

section#services li .ico:hover {
    -webkit-animation: si-button-pulse .8s 0s ease-out 1;
    animation: si-button-pulse .8s 0s ease-out 1
}

section#services li .ico:hover div {
    -webkit-animation: buzz-out 1 linear 1s;
    animation: buzz-out 1 linear 1s
}

section#services li .num {
    font-weight: 700;
    font-size: 30px;
    display: block;
    text-align: center;
    width: 50px;
    position: absolute;
    top: 50px
}

section#services li .num:after {
    display: block;
    content: " ";
    width: 50px;
    height: 10px;
    margin-top: 2px;
    background-color: #1a7fde
}

section#services li.side-left {
    padding-right: 300px;
    text-align: right
}

section#services li.side-left .ico {
    right: 10px
}

section#services li.side-left .num {
    right: 200px
}

section#services li.side-right {
    padding-left: 300px
}

section#services li.side-right .ico {
    left: 10px
}

section#services li.side-right .num {
    left: 200px
}

section#advantages {
    background: #fff;
    padding: 90px 0 55px;
    text-align: center
}

section#advantages .ico {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto
}

section#advantages .ico.i-1 {
    background: url("../images/sprites.png") 0 -300px no-repeat
}

section#advantages .ico.i-2 {
    background: url("../images/sprites.png") 0 -450px no-repeat
}

section#advantages .ico.i-3 {
    background: url("../images/sprites.png") -150px -300px no-repeat
}

section#advantages .ico.i-4 {
    background: url("../images/sprites.png") -150px -450px no-repeat
}

section#advantages .ico.i-5 {
    background: url("../images/sprites.png") -300px -300px no-repeat
}

section#advantages .ico:hover {
    -webkit-animation: buzz-out 1 linear 1s;
    animation: buzz-out 1 linear 1s
}

section#advantages h2 {
    margin-bottom: 27px
}

section#advantages h3 {
    font-size: 30px;
    margin-bottom: 20px
}

section#advantages p {
    line-height: 30px;
    margin-bottom: 40px
}

section#advantages .a {
    opacity: 0;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all .3s;
    transition: all .3s
}

#page-advantages section#advantages .a, #page-contact-1 section#advantages .a, #page-services section#advantages .a, #page-step-1 section#advantages .a {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#page-advantages section#advantages .a.advantage-1, #page-contact-1 section#advantages .a.advantage-1, #page-services section#advantages .a.advantage-1, #page-step-1 section#advantages .a.advantage-1 {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

#page-advantages section#advantages .a.advantage-2, #page-contact-1 section#advantages .a.advantage-2, #page-services section#advantages .a.advantage-2, #page-step-1 section#advantages .a.advantage-2 {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

#page-advantages section#advantages .a.advantage-3, #page-contact-1 section#advantages .a.advantage-3, #page-services section#advantages .a.advantage-3, #page-step-1 section#advantages .a.advantage-3 {
    -webkit-animation-delay: .57s;
    animation-delay: .57s
}

#page-advantages section#advantages .a.advantage-4, #page-contact-1 section#advantages .a.advantage-4, #page-services section#advantages .a.advantage-4, #page-step-1 section#advantages .a.advantage-4 {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}

#page-advantages section#advantages .a.advantage-5, #page-contact-1 section#advantages .a.advantage-5, #page-services section#advantages .a.advantage-5, #page-step-1 section#advantages .a.advantage-5 {
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

section#rates .three-col {
    opacity: 0;
    -webkit-transform: translate(-50px);
    transform: translate(-50px);
    -webkit-transition: all .3s;
    transition: all .3s
}

#page-calculate section#rates .three-col, #page-rates section#rates .three-col, #page-services section#rates .three-col {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#page-calculate section#rates .three-col.standart, #page-rates section#rates .three-col.standart, #page-services section#rates .three-col.standart {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

#page-calculate section#rates .three-col.express, #page-rates section#rates .three-col.express, #page-services section#rates .three-col.express {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

#page-calculate section#rates .three-col.standart-rk, #page-rates section#rates .three-col.standart-rk, #page-services section#rates .three-col.standart-rk {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

#page-calculate section#rates .three-col.express-rk, #page-rates section#rates .three-col.express-rk, #page-services section#rates .three-col.express-rk {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

section#step-1 img {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all .3s;
    transition: all .3s
}

#page-contact-1 section#step-1 img, #page-step-1 section#step-1 img, #page-step-2 section#step-1 img {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

section#step-2 .seven-col {
    opacity: 0;
    -webkit-transform: translate(-100px);
    transform: translate(-100px)
}

section#step-2 .five-col {
    opacity: 0;
    -webkit-transform: translate(100px);
    transform: translate(100px)
}

#page-contact-1 section#step-2 .five-col, #page-contact-1 section#step-2 .seven-col, #page-step-1 section#step-2 .five-col, #page-step-1 section#step-2 .seven-col, #page-step-2 section#step-2 .five-col, #page-step-2 section#step-2 .seven-col {
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#page-contact-1 section#step-2 .five-col.step-1, #page-contact-1 section#step-2 .five-col.step-1-img, #page-contact-1 section#step-2 .seven-col.step-1, #page-contact-1 section#step-2 .seven-col.step-1-img, #page-step-1 section#step-2 .five-col.step-1, #page-step-1 section#step-2 .five-col.step-1-img, #page-step-1 section#step-2 .seven-col.step-1, #page-step-1 section#step-2 .seven-col.step-1-img, #page-step-2 section#step-2 .five-col.step-1, #page-step-2 section#step-2 .five-col.step-1-img, #page-step-2 section#step-2 .seven-col.step-1, #page-step-2 section#step-2 .seven-col.step-1-img {
    -webkit-animation-delay: .63s;
    animation-delay: .63s
}

#page-contact-1 section#step-2 .five-col.step-2, #page-contact-1 section#step-2 .five-col.step-2-img, #page-contact-1 section#step-2 .seven-col.step-2, #page-contact-1 section#step-2 .seven-col.step-2-img, #page-step-1 section#step-2 .five-col.step-2, #page-step-1 section#step-2 .five-col.step-2-img, #page-step-1 section#step-2 .seven-col.step-2, #page-step-1 section#step-2 .seven-col.step-2-img, #page-step-2 section#step-2 .five-col.step-2, #page-step-2 section#step-2 .five-col.step-2-img, #page-step-2 section#step-2 .seven-col.step-2, #page-step-2 section#step-2 .seven-col.step-2-img {
    -webkit-animation-delay: .76s;
    animation-delay: .76s
}

#page-contact-1 section#step-2 .five-col.step-3, #page-contact-1 section#step-2 .five-col.step-3-img, #page-contact-1 section#step-2 .seven-col.step-3, #page-contact-1 section#step-2 .seven-col.step-3-img, #page-step-1 section#step-2 .five-col.step-3, #page-step-1 section#step-2 .five-col.step-3-img, #page-step-1 section#step-2 .seven-col.step-3, #page-step-1 section#step-2 .seven-col.step-3-img, #page-step-2 section#step-2 .five-col.step-3, #page-step-2 section#step-2 .five-col.step-3-img, #page-step-2 section#step-2 .seven-col.step-3, #page-step-2 section#step-2 .seven-col.step-3-img {
    -webkit-animation-delay: .89s;
    animation-delay: .89s
}

#page-contact-1 section#step-2 .five-col.step-4, #page-contact-1 section#step-2 .five-col.step-4-img, #page-contact-1 section#step-2 .seven-col.step-4, #page-contact-1 section#step-2 .seven-col.step-4-img, #page-step-1 section#step-2 .five-col.step-4, #page-step-1 section#step-2 .five-col.step-4-img, #page-step-1 section#step-2 .seven-col.step-4, #page-step-1 section#step-2 .seven-col.step-4-img, #page-step-2 section#step-2 .five-col.step-4, #page-step-2 section#step-2 .five-col.step-4-img, #page-step-2 section#step-2 .seven-col.step-4, #page-step-2 section#step-2 .seven-col.step-4-img {
    -webkit-animation-delay: 1.02s;
    animation-delay: 1.02s
}

#page-contact-1 section#step-2 .five-col.step-5, #page-contact-1 section#step-2 .five-col.step-5-img, #page-contact-1 section#step-2 .seven-col.step-5, #page-contact-1 section#step-2 .seven-col.step-5-img, #page-step-1 section#step-2 .five-col.step-5, #page-step-1 section#step-2 .five-col.step-5-img, #page-step-1 section#step-2 .seven-col.step-5, #page-step-1 section#step-2 .seven-col.step-5-img, #page-step-2 section#step-2 .five-col.step-5, #page-step-2 section#step-2 .five-col.step-5-img, #page-step-2 section#step-2 .seven-col.step-5, #page-step-2 section#step-2 .seven-col.step-5-img {
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s
}

@-webkit-keyframes fadeIn {
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

section#contact-1 {
    padding: 40px 0 80px;
    background: url("../images/bg_s3.jpg") top no-repeat;
    background-size: cover;
    background-attachment: fixed
}

section#contact-1 h2 {
    margin: 30px 0 10px
}

section#contact-1 .main-text {
    margin-bottom: 40px
}

section#contact-1 p {
    line-height: 30px
}

section#contact-2 {
    padding: 80px 0;
    background-color: transparent
}

section#contact-2 h2 {
    margin: 30px 0 10px
}

section#contact-2 .main-text {
    margin-bottom: 40px
}

section#contact-2 p {
    line-height: 30px
}

form.contact-form input {
    text-align: center
}

section#step-1 {
    padding: 80px 0 25px;
    height: 768px;
    overflow: hidden;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(0deg, #67c3ed, #5982ea);
    background-image: -ms-linear-gradient(0deg, #67c3ed 0, #5982ea 100%)
}

section#step-1 .highlight {
    color: #163f78
}

section#step-1 h2 {
    margin: 30px 0 10px
}

section#step-1 .main-text {
    margin-bottom: 40px
}

section#step-1 p {
    line-height: 30px;
    margin-bottom: 45px
}

section#step-2 {
    padding-top: 110px;
    overflow: hidden;
    background-color: #edeef7
}

section#step-2 .step {
    padding: 0 0 110px
}

section#step-2 .step h2:after {
    display: block;
    content: " ";
    width: 80px;
    height: 10px;
    margin-top: 15px;
    background: #163f78;
    margin-bottom: 35px
}

section#step-2 .step p {
    font-size: 40px;
    line-height: 50px;
    color: #163f78;
    font-weight: 700
}

section#step-2 img {
    margin: 0 auto
}

section#step-2 .step-1-img, section#step-2 .step-2-img, section#step-2 .step-3-img, section#step-2 .step-4-img, section#step-2 .step-5-img, section#step-2 .step-6-img {
    text-align: center
}

section#step-2 .step-3-img {
    margin-top: -128px
}

section#step-2 .step-5-img {
    max-height: 470px;
    overflow: hidden
}

section#clients {
    padding-top: 60px;
    overflow: hidden
}

section#clients .tab {
    text-align: center;
    height: 347px
}

section#clients .tab img {
    margin-top: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 90px;
    cursor: pointer
}

section#clients .tab.active img, section#clients .tab:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

section#clients .tab:active img, section#clients .tab:hover img {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

section#clients .tab:after {
    content: url("../images/arrow.png");
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
    height: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

section#clients .tab.active:after {
    -webkit-transform: translateY(-19px);
    transform: translateY(-19px)
}

section#clients .tab-1-active .tab-1 {
    -webkit-transform: translate(0);
    transform: translate(0)
}

section#clients .tab-1-active .tab-2 {
    -webkit-transform: translate(1200px);
    transform: translate(1200px)
}

section#clients .tab-1-active .tab-3 {
    -webkit-transform: translate(2400px);
    transform: translate(2400px)
}

section#clients .tab-2-active .tab-1 {
    -webkit-transform: translate(-1200px);
    transform: translate(-1200px)
}

section#clients .tab-2-active .tab-2 {
    -webkit-transform: translate(0);
    transform: translate(0)
}

section#clients .tab-2-active .tab-3 {
    -webkit-transform: translate(1200px);
    transform: translate(1200px)
}

section#clients .tab-3-active .tab-1 {
    -webkit-transform: translate(-2400px);
    transform: translate(-2400px)
}

section#clients .tab-3-active .tab-2 {
    -webkit-transform: translate(-1200px);
    transform: translate(-1200px)
}

section#clients .tab-3-active .tab-3 {
    -webkit-transform: translate(0);
    transform: translate(0)
}

section#clients .tab-content {
    display: block;
    opacity: 0;
    z-index: 1;
    padding-top: 80px;
    height: 590px;
    position: absolute;
    top: 0;
    left: 0
}

section#clients .tab-content h3 {
    font-size: 20px;
    position: relative
}

section#clients .tab-content h3, section#clients .tab-content p {
    margin-bottom: 10px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

section#clients .tab-content p {
    line-height: 22px;
    font-size: 16px
}

section#clients .tab-content ul {
    margin: 0;
    padding: 0
}

section#clients .tab-content li {
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 16px;
    background: url("../images/sprites.png") -415px -590px no-repeat;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

section#clients .tab-content h3, section#clients .tab-content li, section#clients .tab-content p {
    padding-left: 50px
}

section#clients .tab-content.active {
    display: block;
    opacity: 1;
    z-index: 2
}

section#clients .tab-content h3.client:before, section#clients .tab-content h3.result:before, section#clients .tab-content h3.solution:before, section#clients .tab-content h3.task:before {
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
    content: " "
}

section#clients .tab-content h3.client:before {
    background: url("../images/sprites.png") -450px -750px no-repeat
}

section#clients .tab-content h3.task:before {
    background: url("../images/sprites.png") -450px -900px no-repeat
}

section#clients .tab-content h3.result:before {
    background: url("../images/sprites.png") -600px -900px no-repeat
}

section#clients .tab-content h3.solution:before {
    background: url("../images/sprites.png") -450px -450px no-repeat
}

section#clients .tab-content h3.result, section#clients .tab-content h3.task {
    margin-top: 25px
}

section#clients .tabs {
    color: #fff;
    background: url("../images/frame.png") 50% no-repeat #163f78;
    height: 590px
}

section#clients .tabs .bt-slide {
    position: absolute;
    top: 268px;
    width: 26px;
    height: 49px;
    opacity: .5;
    cursor: pointer;
    z-index: 10
}

section#clients .tabs .bt-slide:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

section#clients .tabs .bt-slide.bt-left {
    left: 50px;
    background: url("../images/sprites.png") -150px -750px no-repeat
}

section#clients .tabs .bt-slide.bt-right {
    right: 50px;
    background: url("../images/sprites.png") 0 -750px no-repeat
}

section#map {
    height: 560px;
    position: relative;
    background: #fff;
    z-index: 10
}

section#map .contacts {
    position: relative;
    z-index: 2;
    background-color: #fff;
    height: 560px
}

section#map h3 {
    padding-top: 65px
}

section#map h3:after {
    display: block;
    content: " ";
    width: 80px;
    height: 10px;
    margin-top: 15px;
    background: #163f78;
    margin-bottom: 35px
}

section#map p {
    color: #656666
}

section#map p a, section#map p b {
    color: #163f78;
    display: block;
    font-size: 40px;
    margin: 10px 0 13px
}

section#map #cmap {
    width: 57.8%;
    height: 560px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100
}

[class*=ymaps-2][class*=-ground-pane] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%)
}

input {
    -webkit-appearance: none
}

input:focus, input:focus:invalid, textarea:focus, textarea:focus:invalid {
    -webkit-transition: all 0ms;
    transition: all 0ms;
    border: 2px solid #1a7fde;
    outline: none
}

#bt-find, input.submit {
    background-color: #1a7fde;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    display: inline-block
}

#bt-find:hover, input.submit:hover {
    background-color: #163f78;
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

#bt-find:focus, input.submit:focus {
    outline: none;
    border: 0
}

input.error {
    -webkit-animation: buzz-out-2 1 linear 1s;
    animation: buzz-out-2 1 linear 1s;
    outline: none
}

body {
    position: relative
}

body:before {
    width: 100%;
    height: 200%;
    content: " ";
    display: block;
    opacity: .2;
    background: url("../images/g_particles.png") center 0 repeat-y;
    position: fixed;
    top: -50%;
    left: 0;
    will-change: opacity, transform, translate;
    -webkit-animation: slideDown 50s linear infinite;
    animation: slideDown 50s linear infinite
}

#map-nav {
    position: absolute;
    left: 42.2%;
    z-index: 101;
    width: 57.8%;
    text-align: center
}

#map-nav h4 {
    margin-bottom: 25px
}

#map-nav #bt-find {
    z-index: 101;
    line-height: 60px;
    padding: 0 40px;
    width: 470px;
    text-align: center;
    background: #163f78;
    position: relative;
    top: 27px
}

#map-nav #cities {
    display: none;
    width: 670px;
    height: 450px;
    background: #fff;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 27px;
    margin-left: -335px;
    z-index: 102;
    padding-top: 20px;
    box-sizing: border-box
}

#map-nav #cities-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    height: 380px
}

#map-nav .bt-city {
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #163f78;
    float: none;
    cursor: pointer;
    margin: 0 11px;
    white-space: nowrap;
    font-size: 20px
}

#map-nav .bt-city:hover {
    color: #fff;
    background: #163f78
}

.popover {
    background: url("../images/bg_map_popup.png") bottom no-repeat;
    position: absolute;
    width: 482px;
    bottom: 80px;
    left: -242px;
    color: #163f78;
    text-align: center;
    padding-bottom: 27px
}

.popover .close {
    width: 20px;
    height: 20px;
    display: block;
    top: 25px;
    right: 20px;
    position: absolute;
    background: url("../images/bg_cross.png")
}

.popover .popover-inner {
    text-align: center;
    padding: 25px 40px
}

.popover .popover-content {
    width: 100%;
    text-align: center;
    margin: 0 auto
}

.g {
    position: absolute;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.g-square {
    -webkit-transform: translate(-50px, 639px);
    transform: translate(-50px, 639px)
}

.g-circle {
    -webkit-transform: translate(-67px, 790px);
    transform: translate(-67px, 790px)
}

.g-pentagon {
    -webkit-transform: translate(1165px, 600px);
    transform: translate(1165px, 600px)
}

.hidden {
    display: none !important
}

@-webkit-keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    to {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    to {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@-webkit-keyframes buzz-out-2 {
    10% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    20% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    30% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    40% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    60% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    70% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    80% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    90% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    to {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes buzz-out-2 {
    10% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    20% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    30% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
    40% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    50% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    60% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    70% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    80% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    90% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    to {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-webkit-keyframes si-button-pulse {
    0% {
        box-shadow: 0 0 8px 6px #1a7fde, 0 0 12px 14px #1a7fde
    }
    to {
        box-shadow: 0 0 18px 6px rgba(26, 126, 222, 0), 0 0 4px 71px rgba(26, 126, 222, 0)
    }
}

@keyframes si-button-pulse {
    0% {
        box-shadow: 0 0 8px 6px #1a7fde, 0 0 12px 14px #1a7fde
    }
    to {
        box-shadow: 0 0 18px 6px rgba(26, 126, 222, 0), 0 0 4px 71px rgba(26, 126, 222, 0)
    }
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    65% {
        -webkit-transform: translate(5px, 10px);
        transform: translate(5px, 10px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes floating {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    65% {
        -webkit-transform: translate(5px, 10px);
        transform: translate(5px, 10px)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.square {
    position: absolute;
    left: 32px;
    top: 638px;
    width: 251px;
    height: 249px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.square .g-wrap {
    background: url("../figures/square.png")
}

.circle {
    position: absolute;
    left: 31px;
    top: 791px;
    width: 150px;
    height: 150px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.circle .g-wrap {
    background: url("../figures/circle.png")
}

.triangle {
    position: absolute;
    left: 1145px;
    top: 19px;
    width: 220px;
    height: 221px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.triangle .g-wrap {
    background: url("../figures/triangle.png")
}

.pentagon {
    position: absolute;
    left: 1118px;
    top: 1366px;
    width: 200px;
    height: 200px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s
}

.pentagon .g-wrap {
    background: url("../figures/pentagon.png")
}

.circle-1 {
    position: absolute;
    left: -97px;
    top: 1498px;
    width: 150px;
    height: 150px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 10ms;
    animation-delay: 10ms
}

.circle-1 .g-wrap {
    background: url("../figures/circle-1.png")
}

.triangle-1 {
    position: absolute;
    left: 488px;
    top: 2052px;
    width: 220px;
    height: 221px
}

.triangle-1 .g-wrap {
    background: url("../figures/triangle-1.png")
}

.pentagon-1 {
    position: absolute;
    left: -42px;
    top: 3755px;
    width: 150px;
    height: 149px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.pentagon-1 .g-wrap {
    background: url("../figures/pentagon-1.png")
}

.square-1 {
    position: absolute;
    left: 35px;
    top: 3714px;
    width: 201px;
    height: 202px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 13s;
    animation-delay: 13s
}

.square-1 .g-wrap {
    background: url("../figures/square-1.png")
}

.triangle-2 {
    position: absolute;
    left: 1181px;
    top: 4809px;
    width: 179px;
    height: 179px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 9s;
    animation-delay: 9s
}

.triangle-2 .g-wrap {
    background: url("../figures/triangle-2.png")
}

.circle-2 {
    position: absolute;
    left: 450px;
    top: 5124px;
    width: 200px;
    height: 201px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s
}

.circle-2 .g-wrap {
    background: url("../figures/circle-2.png")
}

.pentagon-2 {
    position: absolute;
    left: 145px;
    top: 5629px;
    width: 150px;
    height: 149px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.pentagon-2 .g-wrap {
    background: url("../figures/pentagon-2.png")
}

.square-2 {
    position: absolute;
    left: 1072px;
    top: 5882px;
    width: 202px;
    height: 200px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 80ms;
    animation-delay: 80ms
}

.square-2 .g-wrap {
    background: url("../figures/square-2.png")
}

.triangle-3 {
    position: absolute;
    left: -73px;
    top: 6564px;
    width: 166px;
    height: 166px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.triangle-3 .g-wrap {
    background: url("../figures/triangle-3.png")
}

.circle-3 {
    position: absolute;
    left: -11px;
    top: 6614px;
    width: 200px;
    height: 200px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.circle-3 .g-wrap {
    background: url("../figures/circle-3.png")
}

.square-3 {
    position: absolute;
    left: 813px;
    top: 7502px;
    width: 148px;
    height: 148px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 13s;
    animation-delay: 13s
}

.square-3 .g-wrap {
    background: url("../figures/square-3.png")
}

.pentagon-3 {
    position: absolute;
    left: 1150px;
    top: 7642px;
    width: 150px;
    height: 149px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.pentagon-3 .g-wrap {
    background: url("../figures/pentagon-3.png")
}

.triangle-4 {
    position: absolute;
    left: -33px;
    top: 7945px;
    width: 111px;
    height: 110px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.triangle-4 .g-wrap {
    background: url("../figures/triangle-4.png")
}

.circle-4 {
    position: absolute;
    left: 1084px;
    top: 8832px;
    width: 200px;
    height: 200px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.circle-4 .g-wrap {
    background: url("../figures/circle-4.png")
}

.square-4 {
    position: absolute;
    left: 332px;
    top: 9209px;
    width: 151px;
    height: 149px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.square-4 .g-wrap {
    background: url("../figures/square-4.png")
}

.pentagon-4 {
    position: absolute;
    left: 225px;
    top: 9228px;
    width: 201px;
    height: 200px;
    -webkit-animation: floating infinite ease-in-out 4s;
    animation: floating infinite ease-in-out 4s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.pentagon-4 .g-wrap {
    background: url("../figures/pentagon-4.png")
}

.graphics {
    width: 100%;
    overflow: hidden;
    height: 9940px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.graphics .g-wrapper {
    width: 1366px;
    position: absolute;
    height: 100%;
    left: 50%;
    margin-left: -683px
}

.g {
    z-index: 1
}

.g, .g-wrap {
    background-repeat: no-repeat
}

.g-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-animation: rotating infinite linear 180s;
    animation: rotating infinite linear 180s
}

.triangle-1 .g-wrap {
    -webkit-animation: none;
    animation: none
}

@media (max-width: 1280px) {
    nav li {
        margin: 0 20px 0 0
    }
}

@media (max-width: 1120px) {
    header .two-col {
        width: 110px
    }

    nav li {
        margin: 0 20px 0 0
    }
}

.popup-overlay {
    background: #000;
    opacity: .5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000
}

.popup, .popup-overlay {
    position: fixed;
    display: none
}

.popup {
    width: 600px;
    min-height: 500px;
    box-sizing: border-box;
    z-index: 3000;
    left: 50%;
    top: 50%;
    margin-left: -300px
}

.popup-message .popup, .popup-message .popup-overlay {
    display: block
}

.popup .bt-close {
    cursor: pointer;
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px
}

.popup .bt-close svg path {
    fill: #163f78;
    fill-rule: evenodd
}

.popup .wrap {
    background: #fff;
    color: #163f78;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    margin-top: -50%;
    padding: 75px 80px 80px;
    width: 600px;
    min-height: 500px
}

.popup p {
    line-height: 40px;
    margin: 0
}

.popup b {
    font-size: 30px;
    display: block;
    margin: 10px 0 25px
}

.popup span.note {
    color: #656666
}

.popup span.em {
    font-size: 40px;
    display: block
}

.popup h3 {
    font-size: 40px;
    line-height: 40px;
    position: relative;
    margin-bottom: 30px
}

.popup h3:after {
    display: block;
    content: " ";
    width: 80px;
    height: 10px;
    margin-top: 23px;
    background: #163f78
}

@media (max-width: 1200px) {
    header {
        padding: 0;
        max-height: 80px;
        line-height: 80px;
        background: #fff;
        height: 100vh
    }

    header #logo {
        margin-top: 15px
    }

    header #bt-menu-close {
        display: none
    }

    header.expanded {
        overflow-y: scroll;
        -webkit-transition: all .3s;
        transition: all .3s;
        max-height: 2000px
    }

    header.expanded #bt-menu-close {
        display: block
    }

    header #menu-wrap {
        min-height: 860px;
        position: relative;
        width: 100%;
        height: 100%
    }

    header .login, header .register {
        padding: 0;
        -webkit-transition: all 30ms linear;
        transition: all 30ms linear
    }

    header.shrinked {
        line-height: 80px;
        padding: 0;
        background: #fff;
        height: 100vh
    }

    header.shrinked #logo {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0ms linear;
        transition: all 0ms linear
    }

    header #bt-menu-open {
        display: block
    }

    header nav ul {
        padding-top: 30px
    }

    header nav li {
        width: 100%;
        margin: 0;
        font-size: 30px;
        text-align: center;
        line-height: 80px
    }

    header nav li a {
        color: #163f78
    }

    header nav li a:after {
        top: auto;
        bottom: -10px
    }

    header .login, header .register {
        width: 50%;
        position: absolute;
        left: 0;
        bottom: 120px;
        top: auto;
        height: 80px;
        box-sizing: border-box;
        font-size: 30px;
        line-height: 80px
    }

    header .register {
        left: 50%
    }

    .wrapper {
        max-width: 100%
    }

    .eight-col, .eleven-col, .inner-wrapper, .nine-col, .seven-col, .six-col, .ten-col, .twelve-col {
        width: auto
    }

    .prefix-two {
        margin-left: 0
    }

    .suffix-one {
        margin-right: 0
    }

    h1 {
        font-size: 48px
    }

    h2 {
        font-size: 30px
    }

    h3.highlight {
        padding: 3px 7px;
        font-size: 20px
    }

    form {
        display: block;
        position: relative
    }

    .button, input, select {
        height: 80px;
        line-height: 80px;
        font-size: 24px
    }

    .select .options-cols, .select .options-cols.cols-1x, .select .options-cols.cols-2x, .select .options-cols.cols-3x {
        width: 100%
    }

    .twelve-col {
        margin: 0;
        width: 100%
    }

    .inner-wrapper {
        width: 100%;
        max-width: 570px;
        margin: 0 auto;
        position: relative;
        padding: 0;
        float: none;
        display: block
    }

    section#intro {
        background-size: auto;
        background-attachment: scroll
    }

    section#intro .prefix-one {
        margin: auto
    }

    section#intro p {
        margin: 10px 40px 0
    }

    section#calculate {
        padding-top: 40px;
        z-index: 4;
        position: relative
    }

    section#calculate form {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        position: relative;
        clear: both
    }

    section#calculate h2 {
        margin: 30px auto 10px;
        max-width: 640px
    }

    section#calculate p {
        width: 480px;
        margin: 0 0 0 8%
    }

    section#calculate .three-col {
        max-width: 480px;
        width: 100%;
        margin: 0 auto 20px;
        display: block;
        float: none
    }

    section#calculate .three-col.result {
        padding: 0;
        margin: 0 0 0 8%;
        width: 42%;
        float: left
    }

    section#calculate .three-col.result p {
        width: auto
    }

    section#calculate .prefix-three, section#calculate .three-col.result.suffix_3 {
        margin: 0
    }

    section#contact-1 .prefix-onehalf, section#contact-2 .prefix-onehalf {
        margin-left: 0
    }

    section#rates {
        padding: 80px 0 30px;
        position: relative;
        z-index: 3
    }

    section#rates .inner-wrapper {
        width: 570px;
        margin: 0 auto
    }

    section#rates .inner-wrapper .three-col {
        margin-bottom: 30px
    }

    section#rates .inner-wrapper .express, section#rates .inner-wrapper .express-rk {
        margin-right: 0
    }

    section#contact-2, section#step-1 {
        padding-top: 50px
    }

    section#services {
        padding-top: 90px;
        padding-bottom: 0;
        background-size: auto;
        background-attachment: local
    }

    section#services h2 {
        margin-bottom: 53px
    }

    section#services li {
        font-size: 24px;
        height: 190px;
        box-sizing: border-box
    }

    section#services li .ico {
        background-color: #1a7fde;
        width: 150px;
        height: 150px;
        position: absolute;
        top: 10px;
        border-radius: 50%
    }

    section#services li .ico div {
        width: 100%;
        height: 100%;
        border-radius: 50%
    }

    section#services li .ico:hover {
        -webkit-animation: si-button-pulse .8s 0s ease-out 1;
        animation: si-button-pulse .8s 0s ease-out 1
    }

    section#services li .ico:hover div {
        -webkit-animation: buzz-out 1 linear 1s;
        animation: buzz-out 1 linear 1s
    }

    section#services li .num {
        font-weight: 700;
        font-size: 30px;
        display: block;
        text-align: center;
        width: 50px;
        position: absolute;
        top: 50px
    }

    section#services li .num:after {
        display: block;
        content: " ";
        width: 50px;
        height: 10px;
        margin-top: 2px;
        background-color: #1a7fde
    }

    section#services li.side-left, section#services li.side-right {
        padding: 0 0 0 250px;
        text-align: left;
        margin: 0
    }

    section#services li.side-left .ico, section#services li.side-right .ico {
        right: auto;
        left: 35px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    section#services li.side-left .num, section#services li.side-right .num {
        right: auto;
        left: 165px
    }

    section#contact-1, section#contact-2 {
        background-size: cover;
        background-attachment: local
    }

    section#contact-1 .main-text, section#contact-2 .main-text {
        padding-bottom: 50px
    }

    section#contact-1 .prefix-one, section#contact-2 .prefix-one {
        margin: 0
    }

    section#contact-1 .three-col, section#contact-2 .three-col {
        width: 100%
    }

    section#contact-1 input, section#contact-2 input {
        width: 100%;
        margin-bottom: 30px
    }

    section#contact-1 .ten-col, section#contact-1 form, section#contact-2 .ten-col, section#contact-2 form {
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        display: block
    }

    section#contact-1 .ten-col, section#contact-2 .ten-col {
        margin-left: 8%
    }

    section#step-1 {
        height: auto;
        padding-bottom: 0
    }

    section#step-1 .main-text {
        margin-bottom: 0
    }

    section#step-1 img {
        width: 100%;
        max-width: 570px;
        margin: 0 auto
    }

    section#step-2 .step {
        width: 285px;
        padding-bottom: 0;
        height: 220px
    }

    section#step-2 .step h2 {
        font-size: 40px
    }

    section#step-2 .step h2:after {
        margin-bottom: 15px;
        margin-top: 10px
    }

    section#step-2 .step p {
        font-size: 20px;
        line-height: 30px
    }

    section#step-2 .five-col {
        width: 250px;
        height: 220px;
        display: inline-block
    }

    section#step-2 .five-col.step-2-img img, section#step-2 .five-col.step-4-img img {
        width: 240px;
        margin-top: 5px
    }

    section#step-2 .five-col.step-3-img {
        margin: -30px 0 0
    }

    section#step-2 .five-col.step-3-img img {
        width: 125px
    }

    section#step-2 .five-col.step-5-img {
        margin: 0;
        height: 240px
    }

    section#step-2 .five-col.step-5-img img {
        width: 220px
    }

    section#advantages .four-col, section#advantages .inner-wrapper {
        width: 100%;
        margin: 0 auto;
        max-width: 570px
    }

    section#clients {
        background-color: #fff;
        height: auto
    }

    section#clients .tab img {
        margin: 50px 0 0
    }

    section#clients .four-col {
        width: 190px;
        margin: 0;
        height: 175px
    }

    section#clients .four-col img {
        width: 100%
    }

    section#clients .four-col.astana img {
        width: 115px
    }

    section#clients .four-col.standart img {
        width: 86px
    }

    section#clients .four-col.bta img {
        width: 100px
    }

    section#clients .tabs {
        min-height: 900px;
        height: auto
    }

    section#clients .tabs .bt-slide {
        top: 418px
    }

    section#clients .tabs .bt-slide.bt-left {
        left: -10px
    }

    section#clients .tabs .bt-slide.bt-right {
        right: -10px
    }

    section#clients .prefix-one {
        margin-left: 0
    }

    section#clients .five-col {
        width: 100%;
        margin: 0 auto 0 30px;
        max-width: 480px
    }

    section#clients .five-col.last-col {
        margin-top: 20px;
        padding-bottom: 50px
    }

    section#clients .tab-content {
        height: auto
    }

    section#clients .tab-content.active {
        position: relative
    }

    section#clients .tab-content h3 {
        font-size: 20px
    }

    section#clients .tab-content li, section#clients .tab-content p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 5px
    }

    section#map {
        height: auto
    }

    section#map .wrapper {
        height: 350px;
        width: 100%
    }

    section#map h3 {
        padding-top: 25px
    }

    section#map .inner-wrapper {
        max-width: 480px
    }

    section#map .contacts {
        width: 100%;
        height: auto
    }

    section#map .inner-wrapper {
        width: 100%
    }

    section#map #cmap {
        width: 100%;
        height: 700px;
        position: absolute;
        top: 390px
    }

    section#map #map-nav {
        margin-top: 80px;
        position: relative;
        left: auto;
        width: 100%;
        text-align: center
    }

    section#map #map-nav #cities {
        top: -4px;
        width: 560px;
        margin-left: -280px;
        height: auto
    }

    section#map #map-nav .bt-city {
        width: 33%;
        margin: 0;
        font-size: 24px;
        float: none;
        display: inline-block
    }

    section#map #map-nav #bt-find {
        padding: 0 40px;
        line-height: 80px;
        width: 100%;
        margin: 0 auto;
        max-width: 470px;
        text-align: center;
        background: #163f78;
        position: relative;
        top: 0
    }

    .select {
        margin: 0 auto;
        max-width: 480px;
        height: 100%;
        position: relative;
        background: #fff;
        cursor: pointer;
        font-size: 24px
    }

    .select .selected {
        position: relative;
        top: 0;
        left: 0;
        pointer-events: painted
    }

    .select .options {
        overflow: hidden;
        max-height: 0;
        top: 80px;
        left: 0;
        background: #fff;
        position: absolute;
        width: 100%
    }

    .select .option, .select .selected {
        height: 80px;
        line-height: 80px;
        color: #163f78;
        padding: 0 0 0 70px
    }

    .select .option {
        box-sizing: border-box;
        white-space: nowrap
    }

    .select .option.active, .select .option:hover {
        background-color: #1a7fde;
        color: #fff
    }

    .select .option.disabled.active, .select .option.disabled:hover {
        background-color: #fff;
        color: #fff
    }

    .select .options-cols {
        width: 100%;
        top: 0;
        left: 0;
        z-index: 100;
        padding-left: 50px;
        box-sizing: border-box
    }

    .select .options-cols .col {
        float: left;
        margin-right: 0;
        width: 49.5%
    }

    .select .options-cols .col.last-col {
        margin-right: 0
    }

    .select .options-cols.cols-1x, .select .options-cols.cols-2x, .select .options-cols.cols-3x {
        width: 100%
    }

    .select .options-cols .option {
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box
    }

    .select.s-city-a .options-cols, .select.s-city-b .options-cols, .select.s-weight .options-cols {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        left: 0
    }

    .select.s-city-a .options-cols .col, .select.s-city-b .options-cols .col, .select.s-weight .options-cols .col {
        float: none;
        margin-right: 0;
        width: auto;
        display: inline-block
    }

    .select:after {
        background: url("../images/sprites.png") -150px -600px no-repeat;
        position: absolute;
        width: 15px;
        height: 10px;
        content: " ";
        display: block;
        top: 35px;
        right: 20px;
        z-index: 9
    }

    .select.collapse .options {
        display: none
    }

    .select:before {
        position: absolute;
        width: 40px;
        height: 40px;
        content: " ";
        display: block;
        top: 20px;
        left: 15px
    }

    .select.s-weight:before {
        background: url("../images/sprites.png") -300px -750px no-repeat
    }

    .select.s-city-a:before {
        background: url("../images/sprites.png") -300px -447px no-repeat
    }

    .select.s-city-b:before {
        background: url("../images/sprites.png") -300px -597px no-repeat
    }

    .select.s-delivery:before {
        background: url("../images/sprites.png") -300px -897px no-repeat
    }

    .graphics .g-wrapper {
        left: 50%;
        width: 640px;
        margin-left: -320px;
        height: 100%
    }

    .triangle {
        left: 429px;
        top: 54px
    }

    .pentagon {
        left: 481px
    }

    .triangle-1 {
        left: 440px;
        top: 2295px
    }

    .pentagon-1, .square-1 {
        display: none
    }

    .triangle-2 {
        left: 500px;
        top: 6549px
    }

    .triangle-3 {
        left: -140px;
        top: 8249px
    }

    .circle-3 {
        left: -81px;
        top: 8319px
    }

    .circle-2 {
        left: 450px;
        top: 5124px
    }

    .pentagon-2 {
        left: 145px;
        top: 5629px
    }

    .square-2 {
        left: 1072px;
        top: 5882px
    }

    .square-3 {
        left: 813px;
        top: 7502px
    }

    .pentagon-3 {
        left: 1150px;
        top: 7642px
    }

    .triangle-4 {
        left: -33px;
        top: 7945px
    }

    .circle-4 {
        left: 574px
    }

    .square-4 {
        left: 72px;
        top: 10548px
    }

    .pentagon-4 {
        left: -55px;
        top: 10548px
    }
}

.select .options2 {
    overflow: hidden;
    max-height: 0;
    top: 60px;
    left: 0;
    background: #fff;
    z-index: 10;
    position: absolute;
    width: 100%
}

.select:hover .options2 {
    max-height: 300px !important;
    box-shadow: 0 3px 7px 0 rgba(21, 63, 120, .2)
}

.select .option2, .select .selected {
    height: 60px;
    line-height: 60px;
    color: #163f78;
    padding: 0 0 0 70px
}

.select .option2 {
    box-sizing: border-box
}

.select .option2.active, .select .option2:hover {
    background-color: #1a7fde;
    color: #fff
}

.select .options-cols {
    width: 1200px;
    top: 0;
    left: 0;
    z-index: 100
}

.select .options-cols .option2 {
    width: 270px;
    float: left;
    margin-right: 30px
}

;

.select.collapse .options2 {
    display: none
}

#reg_form {
    width: 100%;
    padding: 10px 35% 0 35%;
    margin-top: 80px;
    box-sizing: border-box;
    background: #edeef7;
}

#reg_form input[type="text"], #reg_form input[type="email"], #reg_form input[type="number"], #reg_form input[type="password"] {
    padding: 0 10px;
    box-sizing: border-box;
    margin: 10px 0;
    outline: none;
}

#reg_form .sendButton {
    background: #008ce4;
    height: 50px;
    padding: 5px 15px;
    border: 0;
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 100px;
}

#reg_form .sendButton:disabled {
    background: #666;
}

body {
    background: #edeef7;
}

.m-b-20 {
    margin-bottom: 20px;
}

#reg_form h3 {
    margin-bottom: 20px;
    float: left;
    width: 100%;
    text-align: center;
}

.fisReg {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.right {
    float: right;
}

.calc_button {
    line-height: 40px;
    padding: 10px 0 10px 30px;
    background: #1a7fde;
    color: #FFF;
    cursor: pointer;
}

.select.calc_button {
    color: #FFF !Important;
}

.select .selected.calc_button:after, .select .selected.calc_button:before {
    content: inherite;
}

.growl-animated {
    background: #FFF;
    padding: 20px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.growl-animated button {
    position: absolute;
    top: -1px;
    right: 0;
    font-size: 20px;
    background: none;
    border: 0;
}

.growl-animated button span.sr-only {
    display: none;
}

.activeAnimation:before {
    height: 100%;
}

.select .options.options-cols.top60 {
    top: 60px;
}

.select .options2.options-cols.top60 {
    top: 60px;
}

#reg_form.registration {
    padding: 10px 20% 20px 20%;
}

.col-sm-3, .col-sm-4, .col-sm-6, .col-sm-9 {
    display: inline-block;
    padding: 0 10px;
    float: left;
    box-sizing: border-box;
}

.col-sm-3 select, .col-sm-4 select, .col-sm-6 select, .col-sm-9 select {
    margin: 10px 0;
}

.col-sm-3 {
    width: 25%;
}

.col-sm-4 {
    width: 33.3%;
}

.col-sm-9 {
    width: 75%;
}

.col-sm-6 {
    width: 50%;
}

.one_line {
    float: left;
    width: 100%;
    margin: 7px 0;
}

#reg_form .col-sm-4 button, #reg_form .col-sm-3 button, #reg_form .col-sm-12 button {
    width: 100%;
    margin-top: 20px;
    height: 60px;
    margin-top: 38px;
}

#reg_form h5 {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

#reg_form h3.regTitle {
    margin-bottom: 0;
    font-size: 45px;
}

#reg_form h4 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.regButtons {
    width: 50%;
    margin: 0 25%;
}

.regButtons .col-sm-6 button {
    width: 100%;
}

.select.deliveryRegion, .select.ownershipType {
    margin: 10px 0;
}

.help-block.red {
    color: red;
    display: none;
}

.problem .has-error .help-block.red {
    display: block;
}

body.noParticles:before {
    content: none;
}

.select.s-weight .options-cols {
    left: -300px;
}

.select .options-cols.cols-3x {
    /* width: 900px; */
}

header .login, header .register {
    z-index: 2;
}

.m-t-20 {
    margin-top: 20px;
}

@media all and (max-width: 1120px) {
    .select .options.options-cols.top60 {
        top: 0;
    }

    .select .options-cols {
        width: 100%;
    }

    .select.s-weight .options-cols {
        left: 0;
    }

    section#clients .tabs {
        background: #163f78;
    }
}

@media (max-width: 1200px) {
    .select:before {
        top: 10px;
    }

    .col-sm-3 {
        width: 100%;
    }

    .col-sm-4 {
        width: 100%;
    }

    .col-sm-9 {
        width: 100%;
    }

    .col-sm-6 {
        width: 100%;
    }

    #reg_form.registration {
        padding: 10px 10% 20px 10%;
    }

    #reg_form {
        padding: 10px 20% 0 20%;
    }
}

@media (max-width: 900px) {
    .select .options2.options-cols.top80.regRegionOpts {
        width: 100% !important;
        padding: 0 !important;

    }

    .select.s-city-a .options-cols.regRegionOpts {
        flex-wrap: initial !important;
        overflow: auto;
    }

    .select .options2.options-cols.top80.regRegionOpts div {
        width: 100%;
    }

    .select .option2, .select .selected.registrationRegion {
        height: 80px;
        line-height: 80px;
    }

    .select .options2.options-cols.top80 {
        top: 80px;
    }
}

.select.s-weight .options-cols {
    left: 0;
}

.fontsize {
    font-size: 20px !important;
    line-height: 18px !important;
}

.intro--phone {
    position: absolute;
    top: 110px;
    right: 15px;
    color: #fff;
    z-index: 10
}

section.download-presentation {
    background: url(../images/bg_s1.jpg) center no-repeat / cover;
    background-attachment: fixed;
    padding: 60px 0;
    text-align: center
}

section.download-presentation h2 {
    margin-bottom: 30px;
    color: #fff
}

section.download-presentation a.button {
    background-color: #1a7fde;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: 270px;
    padding: 0 10px
}

section.download-presentation a.button:hover {
    background-color: #163f78;
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

section#clients {
    padding-top: 60px;
    overflow: hidden
}

section#clients .tab {
    text-align: center;
    height: 347px
}

section#clients .tab img {
    margin-top: 80px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-bottom: 90px;
    cursor: pointer
}

section#clients .tab.active img, section#clients .tab:hover img {
    -webkit-filter: grayscale(0);
}

.licenseBlock {
    margin: 50px 0 30px 0;
    float: left;
    width: 100%;
}

.licenseBlock input[type="checkbox"] {
    -webkit-appearance: checkbox;
    width: 20px;
    float: left;
    margin-right: 20px;
}

.licenseBlock label {
    line-height: 60px;
}

.license {
    height: 350px;
    margin: 20px 0;
    float: left;
    width: 100%;
    overflow-y: scroll;
}

.license p {
    font-size: 14px;
    line-height: 18px;
}

.arrayTable {
    width: 100%;
    margin: 20px 0 0 0;
}

.arrayTable table{
    width: 100%;
    background: #FFF;
}

.arrayTable table thead tr th{
    background: #153f78;
    color: #FFF;
    padding: 10px 15px;
}

.arrayTable table tbody tr td {
    padding: 10px 15px;
}

.arrayTable table tbody tr td:last-child i {
    margin-top: 6px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-t-15 {
    margin-top: 15px;
}

.arrayTable table input {
    outline: none !important;
    border: 1px solid #eee;
    margin: 0 5px;
    height: 30px;
    font-size: 14px;
}

.addArrayItem {
    padding: 10px 20px;
    background: #008ce4;
    color: #FFF;
    cursor: pointer;
    border: 0;
}

.labeledTooltip {
    font-size: 12px;
    margin-top: -5px;
    float: left;
}