html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border: none;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.container {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width:961px) and (max-width:1200px) {
    .container {
        width: 930px
    }
}

@media only screen and (min-width:1201px) {
    .container {
        width: 1170px
    }
}

.controller_index .fp--content {
  padding-bottom: 60px;
}

.text-center {
  text-align: center;
}

.container.full {
    width: 100% !important
}

.flexible {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.row {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.row.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.row.start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.row.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row.around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.row.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row.top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.row.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row.bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row.stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.col {
    padding: 0 15px;
    margin: 0;
    position: relative;
    flex-basis: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%
}

.col.xs-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
    -ms-flex-preferred-size: 8.33333%
}

.col.xs-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    -ms-flex-preferred-size: 16.66667%
}

.col.xs-3 {
    flex-basis: 25%;
    max-width: 25%;
    -ms-flex-preferred-size: 25%
}

.col.xs-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    -ms-flex-preferred-size: 33.33333%
}

.col.xs-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
    -ms-flex-preferred-size: 41.66667%
}

.col.xs-6 {
    flex-basis: 50%;
    max-width: 50%;
    -ms-flex-preferred-size: 50%
}

.col.xs-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
    -ms-flex-preferred-size: 58.33333%
}

.col.xs-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
    -ms-flex-preferred-size: 66.66667%
}

.col.xs-9 {
    flex-basis: 75%;
    max-width: 75%;
    -ms-flex-preferred-size: 75%
}

.col.xs-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
    -ms-flex-preferred-size: 83.33333%
}

.col.xs-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
    -ms-flex-preferred-size: 91.66667%
}

.col.xs-12 {
    flex-basis: 100%;
    max-width: 100%;
    -ms-flex-preferred-size: 100%
}

.col.order-xs-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.col.order-xs-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.col.order-xs-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.col.order-xs-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.col.order-xs-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.col.order-xs-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.col.order-xs-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.col.order-xs-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.col.order-xs-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.col.order-xs-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.col.order-xs-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.col.order-xs-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.col.offset-xs-1 {
    margin-left: 8.33333%
}

.col.offset-xs-2 {
    margin-left: 16.66667%
}

.col.offset-xs-3 {
    margin-left: 25%
}

.col.offset-xs-4 {
    margin-left: 33.33333%
}

.col.offset-xs-5 {
    margin-left: 41.66667%
}

.col.offset-xs-6 {
    margin-left: 50%
}

.col.offset-xs-7 {
    margin-left: 58.33333%
}

.col.offset-xs-8 {
    margin-left: 66.66667%
}

.col.offset-xs-9 {
    margin-left: 75%
}

.col.offset-xs-10 {
    margin-left: 83.33333%
}

.col.offset-xs-11 {
    margin-left: 91.66667%
}

.col.offset-xs-12 {
    margin-left: 100%
}

@media only screen and (min-width:521px) {
    .col.sm-1 {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        -ms-flex-preferred-size: 8.33333%
    }
    .col.sm-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        -ms-flex-preferred-size: 16.66667%
    }
    .col.sm-3 {
        flex-basis: 25%;
        max-width: 25%;
        -ms-flex-preferred-size: 25%
    }
    .col.sm-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%
    }
    .col.sm-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        -ms-flex-preferred-size: 41.66667%
    }
    .col.sm-6 {
        flex-basis: 50%;
        max-width: 50%;
        -ms-flex-preferred-size: 50%
    }
    .col.sm-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        -ms-flex-preferred-size: 58.33333%
    }
    .col.sm-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        -ms-flex-preferred-size: 66.66667%
    }
    .col.sm-9 {
        flex-basis: 75%;
        max-width: 75%;
        -ms-flex-preferred-size: 75%
    }
    .col.sm-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        -ms-flex-preferred-size: 83.33333%
    }
    .col.sm-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        -ms-flex-preferred-size: 91.66667%
    }
    .col.sm-12 {
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%
    }
    .col.order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .col.order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .col.order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .col.order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .col.order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .col.order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .col.order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .col.order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .col.order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .col.order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .col.order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .col.order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .col.offset-sm-1 {
        margin-left: 8.33333%
    }
    .col.offset-sm-2 {
        margin-left: 16.66667%
    }
    .col.offset-sm-3 {
        margin-left: 25%
    }
    .col.offset-sm-4 {
        margin-left: 33.33333%
    }
    .col.offset-sm-5 {
        margin-left: 41.66667%
    }
    .col.offset-sm-6 {
        margin-left: 50%
    }
    .col.offset-sm-7 {
        margin-left: 58.33333%
    }
    .col.offset-sm-8 {
        margin-left: 66.66667%
    }
    .col.offset-sm-9 {
        margin-left: 75%
    }
    .col.offset-sm-10 {
        margin-left: 83.33333%
    }
    .col.offset-sm-11 {
        margin-left: 91.66667%
    }
    .col.offset-sm-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:961px) {
    .col.md-1 {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        -ms-flex-preferred-size: 8.33333%
    }
    .col.md-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        -ms-flex-preferred-size: 16.66667%
    }
    .col.md-3 {
        flex-basis: 25%;
        max-width: 25%;
        -ms-flex-preferred-size: 25%
    }
    .col.md-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%
    }
    .col.md-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        -ms-flex-preferred-size: 41.66667%
    }
    .col.md-6 {
        flex-basis: 50%;
        max-width: 50%;
        -ms-flex-preferred-size: 50%
    }
    .col.md-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        -ms-flex-preferred-size: 58.33333%
    }
    .col.md-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        -ms-flex-preferred-size: 66.66667%
    }
    .col.md-9 {
        flex-basis: 75%;
        max-width: 75%;
        -ms-flex-preferred-size: 75%
    }
    .col.md-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        -ms-flex-preferred-size: 83.33333%
    }
    .col.md-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        -ms-flex-preferred-size: 91.66667%
    }
    .col.md-12 {
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%
    }
    .col.order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .col.order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .col.order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .col.order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .col.order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .col.order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .col.order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .col.order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .col.order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .col.order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .col.order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .col.order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .col.offset-md-1 {
        margin-left: 8.33333%
    }
    .col.offset-md-2 {
        margin-left: 16.66667%
    }
    .col.offset-md-3 {
        margin-left: 25%
    }
    .col.offset-md-4 {
        margin-left: 33.33333%
    }
    .col.offset-md-5 {
        margin-left: 41.66667%
    }
    .col.offset-md-6 {
        margin-left: 50%
    }
    .col.offset-md-7 {
        margin-left: 58.33333%
    }
    .col.offset-md-8 {
        margin-left: 66.66667%
    }
    .col.offset-md-9 {
        margin-left: 75%
    }
    .col.offset-md-10 {
        margin-left: 83.33333%
    }
    .col.offset-md-11 {
        margin-left: 91.66667%
    }
    .col.offset-md-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1201px) {
    .col.lg-1 {
        flex-basis: 8.33333%;
        max-width: 8.33333%;
        -ms-flex-preferred-size: 8.33333%
    }
    .col.lg-2 {
        flex-basis: 16.66667%;
        max-width: 16.66667%;
        -ms-flex-preferred-size: 16.66667%
    }
    .col.lg-3 {
        flex-basis: 25%;
        max-width: 25%;
        -ms-flex-preferred-size: 25%
    }
    .col.lg-4 {
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%
    }
    .col.lg-5 {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        -ms-flex-preferred-size: 41.66667%
    }
    .col.lg-6 {
        flex-basis: 50%;
        max-width: 50%;
        -ms-flex-preferred-size: 50%
    }
    .col.lg-7 {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
        -ms-flex-preferred-size: 58.33333%
    }
    .col.lg-8 {
        flex-basis: 66.66667%;
        max-width: 66.66667%;
        -ms-flex-preferred-size: 66.66667%
    }
    .col.lg-9 {
        flex-basis: 75%;
        max-width: 75%;
        -ms-flex-preferred-size: 75%
    }
    .col.lg-10 {
        flex-basis: 83.33333%;
        max-width: 83.33333%;
        -ms-flex-preferred-size: 83.33333%
    }
    .col.lg-11 {
        flex-basis: 91.66667%;
        max-width: 91.66667%;
        -ms-flex-preferred-size: 91.66667%
    }
    .col.lg-12 {
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%
    }
    .col.order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .col.order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .col.order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .col.order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .col.order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .col.order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .col.order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }
    .col.order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }
    .col.order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }
    .col.order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }
    .col.order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }
    .col.order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
    .col.offset-lg-1 {
        margin-left: 8.33333%
    }
    .col.offset-lg-2 {
        margin-left: 16.66667%
    }
    .col.offset-lg-3 {
        margin-left: 25%
    }
    .col.offset-lg-4 {
        margin-left: 33.33333%
    }
    .col.offset-lg-5 {
        margin-left: 41.66667%
    }
    .col.offset-lg-6 {
        margin-left: 50%
    }
    .col.offset-lg-7 {
        margin-left: 58.33333%
    }
    .col.offset-lg-8 {
        margin-left: 66.66667%
    }
    .col.offset-lg-9 {
        margin-left: 75%
    }
    .col.offset-lg-10 {
        margin-left: 83.33333%
    }
    .col.offset-lg-11 {
        margin-left: 91.66667%
    }
    .col.offset-lg-12 {
        margin-left: 100%
    }
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    border-radius: 0;
    white-space: nowrap;
    text-decoration: none;
    background: transparent
}

.btn.block {
    display: block !important
}

.btn--submit {
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #2475c7;
    border-radius: 6px;
    height: 40px;
    width: 100%
}

.btn--submit:hover {
    background-color: #fff;
    color: #22489b
}

.btn--video {
    color: #fff
}

.btn--video i.play {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 100%
}

.btn--video i.play:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12.5px;
    margin-left: -5px;
    border-style: solid;
    border-width: 12.5px 0 12.5px 15px;
    border-color: transparent transparent transparent #ffffff
}

.btn--video span {
    display: block
}

.btn--video:hover {
    opacity: .5
}

.btn-default {
    display: block;
    font-size: 18px;
    color: #fff;
    background-color: #2475c7;
    border-radius: 6px;
    height: 40px;
    width: 100%;
    padding: 10px 15px;
    line-height: 20px
}

.btn-default:hover {
    background-color: #22489b;
    color: #fff
}

.btn-outline {
    display: block;
    font-size: 18px;
    background-color: #fff;
    color: #2475c7;
    border: 1px solid #22489b;
    border-radius: 6px;
    height: 40px;
    width: 100%;
    padding: 9px 15px;
    line-height: 20px
}

.btn-outline:hover {
    background-color: #22489b;
    color: #fff
}

.back-call {
    font-size: 16px;
    background-color: #22489b;
    color: #fff;
    border-radius: 6px;
    padding: 5px 20px;
    line-height: 1.2;
    margin: 0 0 0 10px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-call svg {
    line-height: 1.5;
    vertical-align: middle;
    fill: #fff;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-bottom: 3px
}

.back-call:hover {
    background-color: #2475c7
}

.btn--support {
    position: fixed;
    top: 50%;
    right: -95px;
    z-index: 99;
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    height: 40px;
    width: 230px;
    background-color: #22489b;
    color: #fff;
    border-radius: 6px 6px 0 0;
    margin: -20px 0 0;
    padding: 9px 0;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.btn--support:hover {
    background-color: #2475c7
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #696e85;
    background-color: #fff;
    overflow-y: scroll;
    min-width: 320px
}

html.noscroll,
html.noscroll body {
    overflow: hidden
}

.img_to_bg {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    line-height: 1;
    margin: 0
}

.h1,
h1 {
    font-size: 30px;
    margin: 0 0 30px
}

.h2,
h2 {
    font-size: 24px;
    margin: 0 0 30px
}

.h3,
h3 {
    font-size: 20px;
    margin: 0 0 15px
}

.h4,
h4 {
    font-size: 18px;
    margin: 0 0 15px
}

a {
    text-decoration: none;
    color: #22489b;
    cursor: pointer
}

a svg {
    fill: #22489b
}

a:hover {
    color: #2475c7
}

a:hover svg {
    fill: #2475c7
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    list-style-image: none
}

nav.breadcrumb {
    border-bottom: 1px solid #f2f3f5;
    padding: 10px 0;
    margin-bottom: 50px
}

nav.breadcrumb ul {
    font-size: 0
}

nav.breadcrumb ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle
}

nav.breadcrumb ul li:after {
    display: inline-block;
    width: 1.5em;
    content: '/';
    text-align: center;
    vertical-align: middle
}

nav.breadcrumb ul li:last-child:after {
    display: none
}

nav.breadcrumb ul li a,
nav.breadcrumb ul li span {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

nav.pagination ul {
    font-size: 0;
    padding: 30px 0 15px;
    text-align: right
}

nav.pagination ul.mrg-small {
    padding: 10px 0 0
}

nav.pagination ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 5px
}

nav.pagination ul li:last-child {
    margin-right: 0
}

nav.pagination ul li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 20px;
    padding: 5px;
    border-radius: 6px;
    background-color: #f2f3f5;
    color: #050d33
}

nav.pagination ul li a:hover {
    color: #22489b
}

nav.pagination ul li a.active {
    cursor: default;
    background-color: #22489b;
    color: #fff
}

.t--center {
    text-align: center
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.label {
    display: inline-block;
    font-size: 18px;
    line-height: 20px;
    padding: 5px 10px;
    border-radius: 6px
}

.label.working {
/*    background-color: #f2f3f5;
    border: 1px solid #e6e6ea;*/
    color: #050d33 !important;
    font-style: italic;
}

.label.ready {
    background-color: #2c9e19;
    border: 1px solid #2c9e19;
    color: #fff !important;
    margin-right: 10px
}

a,
button {
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

* {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input,
textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.dropdown--menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    list-style-image: none;
    margin-top: 2px
}

.dropdown.mod--lang.open .dropdown--menu {
    display: block
}

.navbar--wraper .dropdown:hover .dropdown--menu {
  display: block;
}
@media only screen and (max-device-width: 992px){
    .navbar--wraper .dropdown:hover .dropdown--menu{
        display: none;
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 100ms ease;
    transition: -webkit-transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
    transition: transform 100ms ease, -webkit-transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/*! nouislider - 11.0.0 - 2018-01-12 20:37:52 */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    position: relative
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top: -6px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3FB8AF
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-sub {
    background: #AAA
}

.noUi-marker-large {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%, 0);
    transform: translate(0, -50%, 0);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,
.nice-select:active,
.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #cccccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: bold
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-bg {
    background-color: rgba(5, 13, 51, 0.9)
}

.popup--default {
    margin: 40px auto;
    position: relative;
    max-width: 100%
}

.popup--default .mfp-close {
    top: 8px;
    right: 5px
}

.popup--default.md {
    width: 750px;
    border-radius: 6px;
    background: #fff;
    padding: 5px;
}
.padding-div {
    padding: 1px;
/*    background: #CACACA;
    border-radius: 6px;*/
}

@media only screen and (max-width:1200px) {
    .popup--default.md {
        width: auto;
        margin: 40px
    }
}

@media only screen and (max-width:520px) {
    .popup--default.md {
        margin: 15px
    }
}

.popup--default.sm {
    width: 550px;
    border-radius: 6px
}

@media only screen and (max-width:1200px) {
    .popup--default.sm {
        width: auto;
        margin: 40px
    }
}

@media only screen and (max-width:520px) {
    .popup--default.sm {
        margin: 15px
    }
}

.popup--default.xs {
    width: 370px;
    border-radius: 6px
}

@media only screen and (max-width:520px) {
    .popup--default.xs {
        width: auto;
        margin: 15px
    }
}

.popup--default.login {
    width: 750px;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: transparent;
    color: #050d33
}

@media only screen and (max-width:520px) {
    .popup--default.login {
        display: block;
        width: auto;
        margin: 40px 20px
    }
}

.popup--default.login .left-side {
    width: 50%;
    background-color: #f1f1f1;
    border-radius: 10px 0 0 10px;
    padding: 30px 35px
}

@media only screen and (max-width:520px) {
    .popup--default.login .left-side {
        display: none
    }
}

.popup--default.login .left-side h3 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 20px;
    letter-spacing: .01em
}

.popup--default.login .left-side p {
    margin: 0
}

.popup--default.login .left-side ul li {
    margin-bottom: 10px
}

.popup--default.login .right-side {
    width: 50%;
    background-color: #ffffff;
    border-radius: 0 10px 10px 0;
    padding: 30px 55px
}

@media only screen and (max-width:520px) {
    .popup--default.login .right-side {
        width: 100%;
        border-radius: 10px
    }
}

.popup--default.login .right-side h2 {
    font-size: 30px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 50px
}

.popup--default.login .right-side input,
.popup--default.login .right-side label {
    display: block;
    width: 100%;
    font-size: 16px
}

.popup--default.login .right-side label {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1
}

.popup--default.login .right-side label.error {
    color: #e63333
}

.popup--default.login .right-side input {
    color: #050d33;
    background-color: #fff;
    border: 1px solid #cdcfd6;
    height: 40px;
    padding: 0 15px;
    border-radius: 6px;
    margin-bottom: 20px
}

.popup--default.login .right-side input.error {
    border-color: #e63333
}

.popup--default.login .right-side span.error {
    display: none !important
}

.popup--default.login .right-side .btn {
    margin-bottom: 20px
}

.popup--default.login .right-side p {
    font-size: 16px;
    margin: 0 0 30px;
    text-align: center
}

.popup--default.login .right-side p a {
    color: #050d33;
    text-decoration: underline
}

.popup--default.login .right-side p a:hover {
    color: #2475c7;
    text-decoration: none
}

.popup__header {
    background-color: #f1f1f1;
    border-radius: 6px 6px 0 0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    color: #050d33;
    padding: 20px 32px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px
}

.service_check_status .popup__header {
    padding: 17px 32px;
}

.popup__header small {
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    display: block
}

.popup__body {
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    padding: 20px
}

.popup--default.xs .popup__header small {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: none
}

.popup--default.xs .popup__body {
    padding: 30px
}
.popup--default.service_check_status.xs .popup__body {
    padding: 0px
}
.popup--default.service_check_status.xs .repare--item {
    padding: 30px;
    padding-bottom:0;
    margin-bottom:0;
    display: block;
}

.repare--item__title {
    line-height: 1.2;
    font-size: 18px;
    color: #000;
    margin-bottom: 30px;
}

.repare--item__subtitle {
    margin-top: 10px;
    line-height: 1.2;
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
}

.repare--item__table {
    width: 100%;
    margin-bottom: 20px;
}

.repare--item__table th,
.repare--item__table td {
    width: 50%;
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.2;
}

.repare--item__table th {
    color: rgba(0, 0, 0, .6);
    font-weight: 400;
}

.repare--item__table td {
    color: #000;
}

.service_check_status .repair-status {
    display: flex;
    width: auto;
    margin: 0 -30px;
    padding: 20px 30px;
    background: #22489B;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
}

.service_check_status .popup__body {
    overflow: hidden;
}

.service_check_status .repair-status span {
    width: 50%;
}

.popup--default.service_check_status.xs .row .col {
  -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}



.popup--default.xs .popup__body input,
.popup--default.xs .popup__body label,
.popup--default.xs .popup__body textarea {
    display: block;
    width: 100%;
    font-size: 16px
}

.popup--default.xs .popup__body label {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1
}

.popup--default.xs .popup__body label.error {
    color: #e63333
}

.popup--default.xs .popup__body input {
    color: #050d33;
    background-color: #fff;
    border: 1px solid #cdcfd6;
    height: 40px;
    padding: 0 15px;
    border-radius: 6px;
    margin-bottom: 20px
}

.popup--default.xs .popup__body input.error {
    border-color: #e63333
}

.popup--default.xs .popup__body textarea {
    color: #050d33;
    background-color: #fff;
    border: 1px solid #cdcfd6;
    height: 120px;
    padding: 5px 15px;
    border-radius: 6px;
    margin-bottom: 20px;
    resize: none
}

.popup--default.xs .popup__body textarea.error {
    border-color: #e63333
}

.popup--default.xs .popup__body span.error {
    display: none !important
}

.popup--default.xs .popup__body .nice-select {
    float: none;
    width: 100%;
    border: 1px solid #cdcfd6 !important;
    margin-bottom: 20px
}

.popup--default.xs .popup__body .nice-select .list {
    left: -1px;
    right: -1px;
    top: auto;
    bottom: 100%;
    margin-bottom: 4px;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center
}

.popup--default.xs .popup__body .btn {
    margin-bottom: 0
}

#banned.popup--default.xs {
    text-align: center
}

#banned.popup--default.xs .popup__body {
    padding: 40px 30px;
    border-radius: 6px
}

#banned.popup--default.xs .popup__body svg {
    display: block;
    margin: 0 auto 10px;
    width: 24px;
    height: 24px;
    fill: #e63333
}

#banned.popup--default.xs .popup__body h3 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 20px;
    color: #e63333
}

#banned.popup--default.xs .popup__body p {
    margin: 0;
    color: #050d33
}

.mfp-image-holder .mfp-content {
    padding: 0 55px
}

.mfp-image-holder .mfp-content .mfp-figure {
    position: relative
}

.mfp-image-holder .mfp-content .mfp-bottom-bar,
.mfp-image-holder .mfp-content .mfp-figure:after {
    display: none
}

.mfp-image-holder .mfp-content img.mfp-img {
    padding: 30px 0
}

.mfp-image-holder .mfp-content button.mfp-arrow {
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    padding: 0
}

.mfp-image-holder .mfp-content button.mfp-arrow:after,
.mfp-image-holder .mfp-content button.mfp-arrow:before {
    display: none
}

.mfp-image-holder .mfp-content button.mfp-arrow:after {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.mfp-image-holder .mfp-content button.mfp-arrow svg {
    display: block;
    width: 40px;
    height: 40px;
    fill: #fff;
    position: relative;
    z-index: 1
}

.mfp-image-holder .mfp-content button.mfp-arrow.mfp-arrow-right svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mfp-image-holder .mfp-content .mfp-close {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    right: 0;
    top: 7px
}

.mfp-image-holder .mfp-content .mfp-close svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff;
    position: relative;
    z-index: 1
}

.mfp-image-holder .mfp-content .mfp-close:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

#outofstock {
    width: 100%;
    max-width: 750px
}

#outofstock .mfp-close {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    right: 15px;
    top: 15px
}

#outofstock .mfp-close svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #050d33;
    position: relative;
    z-index: 1
}

#outofstock .mfp-close:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

#outofstock .popup__header {
    background-color: #fff;
    padding: 20px 30px
}

#outofstock .popup__body {
    padding: 10px 30px 30px
}

#outofstock .popup--table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    color: #050d33;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px
}

#outofstock .popup--table .number {
    position: relative;
    width: 100px
}

#outofstock .popup--table .number .btn-minus,
#outofstock .popup--table .number .btn-plus {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    right: 8px;
    padding: 5px
}

#outofstock .popup--table .number .btn-minus svg,
#outofstock .popup--table .number .btn-plus svg {
    display: block;
    width: 8px;
    height: 8px;
    fill: #696d85
}

#outofstock .popup--table .number .btn-plus {
    top: 2px
}

#outofstock .popup--table .number .btn-plus:hover svg {
    fill: #2aa12a
}

#outofstock .popup--table .number .btn-minus {
    bottom: 2px
}

#outofstock .popup--table .number .btn-minus:hover svg {
    fill: #d43737
}

#outofstock .popup--table .number input {
    display: block;
    height: 40px;
    border-radius: 6px;
    background-color: #f2f3f5;
    border: 1px solid #cdcfd6;
    padding: 0 10px;
    color: #050d33;
    font-size: 18px;
    width: 100%
}

#outofstock .popup--table a.delete {
    display: block;
    padding: 0;
    margin: 0 10px;
    opacity: .5
}

#outofstock .popup--table a.delete:hover {
    opacity: 1
}

#outofstock .popup--table a.delete svg {
    width: 16px;
    height: 16px;
    fill: #050d33;
    display: block
}

#outofstock .popup--table a.preview {
    display: block;
    width: 50px;
    height: 50px;
    margin: -10px 0;
    padding: 0
}
#outofstock .popup--table a.preview {
  max-width: 100%;
  height: 100%;
}
#outofstock .popup--table td,
#outofstock .popup--table th {
    vertical-align: middle
}

#outofstock .popup--table thead tr {
    background-color: #f2f3f5
}

#outofstock .popup--table thead tr th {
    padding: 10px;
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif
}

#outofstock .popup--table tbody tr {
    border-bottom: 1px solid #f2f3f5
}

#outofstock .popup--table tbody tr td {
    padding: 10px;
    text-align: left
}

#outofstock .popup--table tbody tr td:nth-child(2) {
    width: 75%;
    font-size: 14px
}

#outofstock h3 {
    color: #050d33;
    margin: 0;
    text-align: center
}

#outofstock .popup__slider {
    width: auto;
    margin: 0 40px
}

#outofstock .popup__slider .product {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0
}

#outofstock .popup__slider .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    opacity: .5
}

#outofstock .popup__slider .owl-nav div:hover {
    opacity: 1
}

#outofstock .popup__slider .owl-nav div svg {
    display: block;
    width: 40px;
    height: 40px;
    fill: #050d33
}

#outofstock .popup__slider .owl-nav div.owl-prev {
    left: -40px
}

#outofstock .popup__slider .owl-nav div.owl-next {
    right: -40px
}

@media only screen and (max-width:520px) {
    #outofstock {
        margin: 30px 0
    }
    #outofstock .popup--table {
        display: block;
        border-top: 1px solid #f2f3f5
    }
    #outofstock .popup--table thead {
        display: none
    }
    #outofstock .popup--table tbody,
    #outofstock .popup--table td,
    #outofstock .popup--table tr {
        display: block;
        margin: 0;
        padding: 0
    }
    #outofstock .popup--table tr {
        position: relative;
        padding: 10px 20px 10px 60px
    }
    #outofstock .popup--table a.preview {
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0;
        top: 10px
    }
    #outofstock .popup--table a.delete {
        position: absolute;
        top: 10px;
        right: 0;
        margin: 0;
        width: 12px;
        height: 12px
    }
    #outofstock .popup--table a.delete svg {
        width: 12px;
        height: 12px
    }
    #outofstock .popup--table .number {
        width: 100%
    }
    #outofstock .popup--table tbody tr td {
        width: 100% !important;
        padding: 0
    }
    #outofstock .popup--table tbody tr td:nth-child(2) {
        padding: 15px 0
    }
    #outofstock .popup--table tbody tr td:first-child,
    #outofstock .popup--table tbody tr td:last-child {
        padding: 0
    }
    #outofstock .popup__header {
        padding: 20px 10px 10px
    }
    #outofstock .popup__body {
        padding: 10px 20px 20px
    }
    #outofstock .popup__slider {
        margin: 0
    }
    #outofstock .popup__slider .owl-nav div.owl-prev {
        left: 0
    }
    #outofstock .popup__slider .owl-nav div.owl-next {
        right: 0
    }
}

#restore .popup__header {
    background-color: #fff;
    font-size: 24px;
    line-height: 30px
}

#restore .popup__body {
    padding: 0 60px 60px
}

@media only screen and (max-width:520px) {
    #restore .popup__body {
        padding: 0 20px 40px
    }
}

#suppurt .popup__header {
    background-color: #fff;
    font-size: 24px;
    line-height: 30px
}

#suppurt .popup__body {
    padding: 0 30px 30px
}

@media only screen and (max-width:520px) {
    #suppurt .popup__body {
        padding: 0 20px 30px
    }
}

#suppurt .popup__body .captcha--block {
    overflow: hidden;
    margin-bottom: 25px
}

#suppurt .popup__body .captcha--block .g-recaptcha {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@media only screen and (max-width:520px) {
    #suppurt .popup__body .captcha--block {
        margin-bottom: 5px
    }
    #suppurt .popup__body .captcha--block .g-recaptcha {
        -webkit-transform: scale(0.78);
        -ms-transform: scale(0.78);
        transform: scale(0.78)
    }
}

body {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.brand--page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px 0 40px;
    font-size: 16px;
    line-height: 24px;
    color: #050d33
}

.brand--page h1 {
    font-size: 30px;
    margin: 0 0 30px
}

.brand--page img {
    width: 100%;
    display: block;
    margin: 0 0 30px
}

.brand--page p {
    margin: 0 0 20px
}

.brand--page h4 {
    font-size: 18px;
    margin: 40px 0 20px
}

.brand--page ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

.brand--page ul li {
    margin-bottom: 10px
}

.solutions--page .solution--1 {
    padding: 40px 0 30px;
    font-size: 18px;
    line-height: 27px
}

.solutions--page .solution--1 h1 {
    margin: 0 0 50px;
    color: #050d33;
    font-size: 50px;
    line-height: 1
}

.solutions--page .solution--1 p {
    margin: 0 0 20px
}

.solutions--page .solution--2 {
    padding-bottom: 30px
}

.solutions--page .solution--2 .col.md-6 {
    margin-bottom: 30px
}

.solutions--page .solution--2 .t--center {
    font-size: 18px;
    line-height: 27px
}

.solutions--page .solution--2 .t--center h2 {
    color: #050d33;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 15px;
    letter-spacing: .05em
}

.solutions--page .solution--2 .t--center p {
    margin: 0 0 30px
}

.solutions--page .solution--2 .system--item {
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 300px;
    position: relative
}

.solutions--page .solution--2 .system--item:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f2f3f5;
    border-radius: 5px
}

.solutions--page .solution--2 .system--item .wraper {
    width: 100%;
    padding: 0 40px
}

.solutions--page .solution--2 .system--item h3 {
    font-size: 24px;
    text-transform: uppercase;
    color: #050d33;
    margin-bottom: 20px
}

.solutions--page .solution--2 .system--item h3:hover {
    color: #22489b;
}

.solutions--page .solution--2 .system--item h3 span,
.solutions--page .solution--2 .system--item h3 svg {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.solutions--page .solution--2 .system--item p {
    font-size: 14px;
    line-height: 20px
}

.solutions--page .solution--2 .system--item svg {
    fill: #22489b;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    vertical-align: middle;
    line-height: 1
}

.solutions--page .solution--3 {
    padding: 60px 0;
    background-color: #f2f3f5
}

.solutions--page .solution--3 .t--center {
    font-size: 18px;
    line-height: 27px
}

.solutions--page .solution--3 .t--center h2 {
    color: #050d33;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 10px
}

.solutions--page .solution--3 .t--center p {
    margin: 0 0 40px
}

.solutions--page .solution--3 .pluses--item {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 50px
}

.solutions--page .solution--3 .pluses--item.mll {
    padding-left: 70px
}

.solutions--page .solution--3 .pluses--item p {
    margin: 0 0 20px
}

.solutions--page .solution--3 .pluses--item h3 {
    font-size: 24px;
    text-transform: uppercase;
    color: #050d33;
    margin: 0 0 20px
}

.solutions--page .solution--3 .pluses--item h3 span,
.solutions--page .solution--3 .pluses--item h3 svg {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.solutions--page .solution--3 .pluses--item svg {
    fill: #22489b;
    width: 1em;
    height: 1em;
    margin-right: .5em;
    vertical-align: middle;
    line-height: 1
}

.solutions--page .solution--form {
    padding: 30px;
    background-color: #22489b;
    border-radius: 10px
}

.solutions--page .solution--form h3 {
    margin: 0;
    margin-right: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    border-right: 2px solid #2475c7
}

.solutions--page .solution--form label {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #fff;
    margin-bottom: 5px
}

.solutions--page .solution--form input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    color: #050d33;
    font-size: 16px;
    border-radius: 6px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.solutions--page .solution--form .btn--solution {
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #2475c7;
    border-radius: 6px;
    height: 40px;
    width: 100%
}

.solutions--page .solution--form .btn--solution:hover {
    background-color: #fff;
    color: #050d33
}

@media only screen and (max-width:960px) {
    .solutions--page .solution--2 .system--item {
        min-height: 0
    }
    .solutions--page .solution--3 .pluses--item {
        text-align: center;
        max-width: 520px;
        margin: 0 auto 30px
    }
    .solutions--page .solution--3 .pluses--item h3 {
        margin-bottom: 10px
    }
    .solutions--page .solution--form h3 {
        border: none;
        margin-bottom: 10px
    }
    .solutions--page .solution--form input {
        margin-bottom: 20px
    }
    .solutions--page .solution--3 .pluses--item.mll {
        padding-left: 0
    }
}

@media only screen and (max-width:520px) {
    .solutions--page .solution--1 {
        font-size: 16px;
        line-height: 24px
    }
    .solutions--page .solution--1 h1 {
        font-size: 30px;
        margin-bottom: 30px
    }
    .solutions--page .solution--1 p {
        margin-bottom: 20px
    }
    .solutions--page .solution--1 img {
        margin-top: 30px
    }
    .solutions--page .solution--2 .t--center h2,
    .solutions--page .solution--3 .t--center h2 {
        font-size: 20px
    }
    .solutions--page .solution--2 .t--center,
    .solutions--page .solution--3 .t--center {
        font-size: 16px;
        line-height: 24px
    }
    .solutions--page .solution--2 .system--item h3,
    .solutions--page .solution--3 .pluses--item h3 {
        font-size: 16px
    }
    .solutions--page .solution--2 .system--item .wraper {
        padding: 0 20px
    }
    .solutions--page .solution--2 .system--item,
    .solutions--page .solution--3 .pluses--item {
        font-size: 14px;
        line-height: 20px
    }
}

.action--page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 60px 0
}

.action--page [data-mfp-gallery] {
    display: block;
    position: relative
}

.action--page [data-mfp-gallery]:after {
    display: block;
    content: ''
}

.action--page #actionsync-1 {
    margin-bottom: 20px
}

.action--page #actionsync-2 {
    width: auto;
    margin: 0 30px 50px
}

.action--page #actionsync-2 .owl-item {
    cursor: pointer;
    padding: 5px;
    opacity: 1
}

.action--page #actionsync-2 .owl-item.current,
.action--page #actionsync-2 .owl-item:hover {
    opacity: 1
}

.action--page #actionsync-2 .owl-nav .owl-next,
.action--page #actionsync-2 .owl-nav .owl-prev {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    opacity: .5;
    margin-top: -12px
}

.action--page #actionsync-2 .owl-nav .owl-next:hover,
.action--page #actionsync-2 .owl-nav .owl-prev:hover {
    opacity: 1
}

.action--page #actionsync-2 .owl-nav .owl-next svg,
.action--page #actionsync-2 .owl-nav .owl-prev svg {
    fill: #050d33;
    width: 24px;
    height: 24px
}

.action--page #actionsync-2 .owl-nav .owl-next {
    right: -30px
}

.action--page #actionsync-2 .owl-nav .owl-prev {
    left: -30px
}

.action--page--img {
    margin-bottom: 30px;
}

.action--page .action--info {
    margin-bottom: 50px
}

.action--page .action--info h1 {
    font-size: 30px;
    line-height: 1;
    margin: 0 0 30px;
    color: #050d33
}

.action--page .action--info p {
    font-size: 16px;
    line-height: 24px;
    color: #050d33;
    margin: 0 0 30px
}

.action--page .action--time {
    margin: 0 0 10px !important;
    color: #050d33;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.action--page .action--time svg {
    width: 1em;
    height: 1em;
    margin-right: 1em;
    fill: #050d33
}

.action--page .action--form {
    padding: 30px;
    background-color: #f2f3f5;
    border-radius: 10px
}

.action--page .action--form label {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #050d33;
    margin-bottom: 5px
}

.action--page .action--form input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    color: #050d33;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #cdcfd6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.action--page .action--form .btn--action {
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #2475c7;
    border-radius: 6px;
    height: 40px;
    width: 100%
}

.action--page .action--form .btn--action:hover {
    background-color: #22489b;
    color: #fff
}

@media only screen and (max-width:520px) {
    .action--page .action--info .action--time {
        font-size: 12px
    }
    .action--page .action--form input {
        margin-bottom: 20px
    }
}

.purchase--page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 60px 0
}

.purchase--page h1 {
    margin: 0 0 60px;
    color: #050d33;
    font-size: 30px;
    text-align: center
}

.purchase--page h1 small,
.purchase--page h1 span {
    display: block
}

.purchase--page h1 small {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    padding-top: 10px
}

.purchase--page h1 .icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #f2f3f5;
    margin: 0 auto 10px;
    padding: 14px
}

.purchase--page h1 .icon svg {
    width: 32px;
    height: 32px;
    display: block;
    fill: #22489b
}

.purchase--summary h4 {
    font-size: 18px;
    line-height: 30px;
    color: #696e85;
    margin: 0 0 10px;
    text-transform: uppercase
}

.purchase--summary h4 svg {
    width: 1em;
    height: 1em;
    margin-right: 1em;
    fill: #22489b
}

.purchase--summary p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 30px
}

.purchase--summary table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px
}

.purchase--summary table th {
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: left;
    color: #22489b
}

.purchase--summary table td {
    text-align: right;
    color: #050d33
}

.purchase--summary .btn--continue_shoping {
    display: block;
    width: 100%;
    color: #22489b;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #22489b;
    border-radius: 6px;
    padding: 9px 10px
}

.purchase--summary .btn--continue_shoping:hover {
    background-color: #22489b;
    color: #fff
}

.support--page {
    padding: 60px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.support--page nav.pagination ul {
    padding: 10px 0 0;
    margin-bottom: -20px
}

.support--page h1 {
    margin: 0 0 30px;
    color: #050d33;
    font-size: 30px
}

.support--page h1.docs {
    margin-bottom: 40px;
    margin-top: -10px
}

.support--page .video-container {
    margin-bottom: 30px
}

.support--page .catalog__link {
    margin-bottom: 30px;
    display: block
}

.support--page .catalog__link:hover {
    opacity: .5
}

.support--page .catalog__link img {
    width: 100%
}

.support--page__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: -o-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: linear-gradient(120deg, #ffffff, #f2f3f5);
    margin-bottom: 30px;
    font-size: 24px;
    padding: 40px 0
}

.support--page__link svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    fill: #22489b;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0;
    margin-left: 20px;
    margin-right: 60px
}

.support--page__link span {
    display: block;
    padding-right: 40px
}

.support--page__link:hover {
    background-image: -webkit-linear-gradient(150deg, #ffffff, #f2f3f5);
    background-image: -o-linear-gradient(150deg, #ffffff, #f2f3f5);
    background-image: linear-gradient(300deg, #ffffff, #f2f3f5)
}

.support--page__link:hover svg {
    fill: #2475c7
}

.support--page__docs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: -o-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: linear-gradient(120deg, #ffffff, #f2f3f5);
    margin-bottom: 30px;
    font-size: 24px
}

.support--page__docs span {
    display: block;
    padding: 30px
}

.support--page__docs span.thumb {
    padding: 40px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    background-color: #22489b
}

.support--page__docs span.thumb svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    fill: #fff;
    display: block;
    width: 60px;
    height: 60px
}

.support--page__docs span.thumb img {
    visibility: hidden;
    display: block;
    width: 60px;
    height: 60px
}

.support--page__str {
    display: block;
    margin: 0 15px 30px;
    text-align: center
}

.support--page__str span {
    display: block
}

@media only screen and (max-width:960px) {
    .support--page__docs {
        font-size: 18px
    }
}

@media only screen and (max-width:520px) {
    .support--page__link svg {
        margin: 0 20px
    }
    .support--page__link {
        padding: 20px 0;
        font-size: 18px
    }
    .panel-title {
        font-size: 18px;
        line-height: 20px
    }
    .support--page__docs {
        font-size: 16px;
        margin-bottom: 10px
    }
    .support--page__docs span {
        padding: 20px
    }
    .support--page__docs span.thumb {
        padding: 10px
    }
}

.error--page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 30px 15px
}

.error--page a.brand {
    display: block;
    width: 200px;
    margin: 0 auto 30px
}

.error--page .message h1 {
    width: 940px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #f2f3f5;
    padding: 30px 30px 60px;
    color: #050d33;
    font-size: 30px
}

.error--page .message h1 small,
.error--page .message h1 span {
    display: block
}

.error--page .message h1 small {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif
}

.error--page .message h1 small a {
    text-decoration: underline
}

.error--page .message h1 img {
    margin-bottom: 15px
}

.careers--page .well {
   /* background: url(../img/career--well.jpg) no-repeat left bottom;*/
   background-repeat: no-repeat;
   background-position: left bottom;
    padding: 60px 0 0;
    text-align: center
}

.careers--page .well h1 {
    color: #050d33;
    font-size: 50px;
    text-transform: uppercase;
    margin: 0 0 10px
}

.careers--page .well p {
    font-size: 18px;
    margin: 0 0 60px
}

.careers--page .well h3 {
    font-size: 20px;
    padding-top: 30px;
    margin: 0;
    color: #050d33
}

.careers--page .well h3 a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.careers--page .well--item {
    padding-top: 30px;
    padding-bottom: 30px
}

.careers--page .well--item img,
.careers--page .well--item svg {
    fill: #22489b;
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.careers--page .well--item span {
    display: block;
    font-size: 18px
}

.careers--page .panel-group {
    padding: 60px 0
}

.careers--page .panel-group .panel-body {
    color: #050d33;
    font-size: 16px;
    line-height: 24px;
    padding-top: 30px
}

.careers--page .panel-group .panel-body h4 {
    font-size: 18px;
    margin: 0 0 10px
}

.careers--page .panel-group .panel-body ul {
    margin-bottom: 30px
}

.careers--page .panel-group .panel-body p {
    margin: 0 0 30px
}

.careers--page .careers--form {
    margin: 15px 30px 30px;
    padding: 30px 60px;
    background-color: #22489b;
    border-radius: 10px;
    margin-bottom: 30px
}

.careers--page .careers--form h3 {
    color: #fff;
    font-size: 24px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.careers--page .careers--form h3 svg {
    fill: #fff;
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 15px
}

.careers--page .careers--form h3 small,
.careers--page .careers--form h3 span {
    display: block
}

.careers--page .careers--form h3 small {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px
}

.careers--page .careers--form .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.careers--page .careers--form .input-group .message {
    display: none;
    font-weight: 600;
    color: #ffffff
}

.careers--page .careers--form .input-group input {
    position: fixed;
    left: -1000px;
    top: -1000px;
    width: 0;
    height: 0
}

.careers--page .careers--form .input-group input+label {
    color: #050d33;
    display: block;
    height: 40px;
    padding: 10px 15px;
    font-size: 16px;
    background-color: #fff;
    border-radius: 6px 0 0 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.careers--page .careers--form .input-group .btn--submit {
    border-radius: 0 6px 6px 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: auto;
    padding: 0 15px;
    font-size: 18px
}

.careers--page .careers--form .input-group .btn--submit:hover {
    background-color: #4267b2;
    color: #fff
}

@media only screen and (max-width:1200px) {
    .careers--page .well {
        background: none
    }
    .careers--page .careers--form {
        margin: 30px 0
    }
}

@media only screen and (max-width:960px) {
    .careers--page .well--item {
        padding-top: 15px;
        padding-bottom: 15px
    }
    .careers--page .well--item span {
        font-size: 14px
    }
    .careers--page .careers--form {
        padding: 20px
    }
    .careers--page .careers--form h3 {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:520px) {
    .careers--page .careers--form h3 svg {
        display: none
    }
    .careers--page .careers--form .input-group {
        display: block
    }
    .careers--page .careers--form .input-group input+label {
        border-radius: 6px;
        margin-bottom: 10px
    }
    .careers--page .careers--form .input-group input+label span {
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 14px
    }
    .careers--page .careers--form .input-group .btn--submit {
        width: 100%;
        border-radius: 6px
    }
}

.collapse {
    overflow: hidden;
    height: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.collapse.in {
    height: auto
}

.fade {
    opacity: 0;
    height: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fade.in {
    opacity: 1;
    height: auto
}

.panel {
    margin-bottom: 1px
}

.panel-title {
    font-size: 24px;
    line-height: 30px;
    padding: 15px;
    color: #22489b;
    background-color: #f2f3f5;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.panel-title:before {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    content: '';
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    width: 10px;
    height: 10px;
    margin: -5px 25px 0 10px;
    border-right: 1px solid #22489b;
    border-bottom: 1px solid #22489b;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

@media only screen and (max-width:520px) {
    .panel-title:before {
        margin: -5px 10px 0 -5px
    }
}

.panel-title:hover {
    color: #2475c7
}

.panel-title[aria-expanded=true] {
    color: #696e85
}

.panel-title[aria-expanded=true]:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width:960px) {
    .panel-title {
        font-size: 18px;
        line-height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.panel-collapse {
    overflow: hidden;
    height: 0;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    opacity: 0
}

.panel-collapse.in {
    opacity: 1;
    height: auto
}

.panel-body {
    padding: 15px 15px 0
}

.compare--sidebar {
    padding-top: 281px
}

.compare--sidebar .checkbox {
    margin-bottom: 20px
}

.compare--sidebar .checkbox input {
    display: none
}

.compare--sidebar .checkbox input+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    color: #22489b
}

.compare--sidebar .checkbox input+label span {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.compare--sidebar .checkbox input+label span.check {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background-color: #f2f3f5;
    padding: 7px;
    margin-right: 10px
}

.compare--sidebar .checkbox input+label span.check svg {
    display: block;
    fill: #050d33;
    width: 16px;
    height: 16px;
    opacity: .3
}

.compare--sidebar .checkbox input+label:hover {
    color: #2475c7
}

.compare--sidebar .checkbox input+label:hover span.check svg {
    opacity: .5
}

.compare--sidebar .checkbox input:checked+label {
    color: #22489b
}

.compare--sidebar .checkbox input:checked+label span.check svg {
    opacity: 1
}

.compare--sidebar ul.spec {
    margin: 0;
    margin-right: -60px;
    padding: 0;
    list-style: none;
    list-style-image: none
}

.compare--sidebar ul.spec li {
    font-size: 16px;
    line-height: 20px;
    color: #050d33;
    display: block;
    padding: 7px 10px;
    border-bottom: 1px solid #f2f3f5;
    margin: 0
}

.compare--sidebar ul.spec li.active {
    background-color: #e8e8e8
}

.compare--slider {
    width: auto;
    margin: 0 40px
}

.compare--slider .owl-nav .owl-next,
.compare--slider .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 60px;
    opacity: .5
}

.compare--slider .owl-nav .owl-next:hover,
.compare--slider .owl-nav .owl-prev:hover {
    opacity: 1
}

.compare--slider .owl-nav .owl-next.disabled,
.compare--slider .owl-nav .owl-prev.disabled {
    display: none
}

.compare--slider .owl-nav .owl-next svg,
.compare--slider .owl-nav .owl-prev svg {
    fill: #050d33;
    width: 40px;
    height: 40px
}

.compare--slider .owl-nav .owl-next {
    right: -40px
}

.compare--slider .owl-nav .owl-prev {
    left: -40px
}

.compare--slider .slide {
    position: relative;
    padding: 15px
}

.compare--slider .slide--delete {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    width: 14px;
    height: 14px;
    opacity: .5
}

.compare--slider .slide--delete:after,
.compare--slider .slide--delete:before {
    display: block;
    content: '';
    left: 0;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #050d33;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.compare--slider .slide--delete:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.compare--slider .slide--delete:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.compare--slider .slide--delete:hover {
    opacity: 1
}

.compare--slider .slide .product {
    padding: 0;
    margin: 0 0 20px
}

.compare--slider .slide .product p {
    padding: 0;
    margin: 0 0 10px
}

.compare--slider .slide .product--image:after {
    display: none
}

.compare--slider .slide .product--title {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    height: 40px;
    padding: 0;
    margin-bottom: 10px
}

.compare--slider .slide .product--info {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    height: 40px;
    padding: 0;
    margin-bottom: 10px
}

.compare--slider .slide .product .new--price,
.compare--slider .slide .product .old--price,
.compare--slider .slide .product .price {
    font-size: 14px;
    margin: 0 .25em
}

.compare--slider .slide .product .add-to-basket {
    font-size: 14px;
    height: 30px;
    padding: 3px 15px
}

.compare--slider .slide .product--spec dl {
    display: block;
    margin: 0 -15px;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    color: #050d33;
    text-align: center
}

.compare--slider .slide .product--spec dl dd,
.compare--slider .slide .product--spec dl dt {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.compare--slider .slide .product--spec dl dt {
    display: none
}

.compare--slider .slide .product--spec dl dd {
    display: block;
    padding: 7px 0;
    border-bottom: 1px solid #f2f3f5;
    margin: 0
}

.compare--slider .slide .product--spec dl dd.active {
    background-color: #e8e8e8
}

.compare--slider .slide .product--spec dl dd.active svg {
    fill: #050d33
}

.compare--slider .slide .product--spec dl dd svg {
    width: 16px;
    height: 16px;
    fill: #cdcfd6;
    display: block;
    margin: 2px auto
}

.compare--page {
    padding: 40px 0 60px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.compare--page h1 {
    margin: 0 0 30px;
    color: #050d33;
    font-size: 30px
}

@media only screen and (max-width:960px) {
    .compare--sidebar ul.spec li,
    .compare--slider .slide .product--spec dl {
        font-size: 14px
    }
}

@media only screen and (max-width:520px) {
    .compare--sidebar {
        padding-top: 0
    }
    .compare--sidebar ul.spec {
        display: none
    }
    .compare--slider .slide .product--spec dl dt {
        font-size: 12px;
        display: block;
        padding: 5px 15px;
        opacity: .5
    }
    .compare--slider .slide .product--spec dl dd {
        font-size: 14px;
        padding: 5px 15px
    }
    .compare--slider .slide .product--info,
    .compare--slider .slide .product--title {
        height: auto
    }
}

.basket--summary h2 {
    color: #696e85;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 30px
}

.basket--summary .btn {
    margin-bottom: 20px
}

.basket--summary table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px
}

.basket--summary table td,
.basket--summary table th {
    padding: 5px 0
}

.basket--summary table th {
    text-align: left;
    color: #22489b
}

.basket--summary table td {
    text-align: right
}

.basket--form h2 {
    color: #696e85;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 30px
}

.basket--form h2 svg {
    fill: #22489b;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-bottom: 3px
}

.basket--form label {
    display: block;
    font-size: 16px;
    color: #050d33;
    margin-bottom: 5px
}

.basket--form input {
    display: block;
    height: 40px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #cdcfd6;
    padding: 0 10px;
    color: #050d33;
    font-size: 16px;
    width: 100%;
    margin-bottom: 15px
}

.basket--form .nice-select {
    float: none;
    margin-bottom: 15px
}

.basket--form .nice-select .list {
    left: -1px;
    right: -1px
}

.basket--form input[type=radio] {
    display: none
}

.basket--form input[type=radio]+label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #22489b
}

.basket--form input[type=radio]+label i {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    margin-right: 10px;
    padding: 6px 7px;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border: 1px solid #22489b;
    background-color: #f2f3f5
}

.basket--form input[type=radio]+label i svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #22489b;
    opacity: 0;
}

.basket--form input[type=radio]+label:hover {
    color: #2475c7
}

.basket--form input[type=radio]+label:hover i svg {
    opacity: .1
}

.basket--form input[type=radio]:checked+label i {
    border: 1px solid #22489b
}

.basket--form input[type=radio]:checked+label i svg {
    opacity: 1
}

.basket--page {
    padding: 60px 0 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.basket--page h1 {
    margin: 0 0 30px;
    color: #050d33;
    font-size: 30px
}

.basket--page .number {
    position: relative;
    width: 100px
}

.basket--page .number .btn-minus,
.basket--page .number .btn-plus {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    right: 8px;
    padding: 5px
}

.basket--page .number .btn-minus svg,
.basket--page .number .btn-plus svg {
    display: block;
    width: 8px;
    height: 8px;
    fill: #696d85
}

.basket--page .number .btn-plus {
    top: 2px
}

.basket--page .number .btn-plus:hover svg {
    fill: #2aa12a
}

.basket--page .number .btn-minus {
    bottom: 2px
}

.basket--page .number .btn-minus:hover svg {
    fill: #d43737
}

.basket--page .number input {
    display: block;
    height: 40px;
    border-radius: 6px;
    background-color: #f2f3f5;
    border: 1px solid #cdcfd6;
    padding: 0 10px;
    color: #050d33;
    font-size: 18px;
    width: 100%
}

.basket--page .client--info {
    background-color: #f2f3f5;
    padding: 60px 0;
    margin: 20px 0 -60px
}

.basket--page .client--info h2 {
    margin: 0 0 30px;
    color: #696d85;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase
}

.basket--page .client--info label {
    display: block;
    margin-bottom: 5px;
    color: #050d33;
    font-size: 16px;
}

.basket--page .client--info input {
    display: block;
    height: 40px;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #cdcfd6;
    padding: 0 10px;
    color: #050d33;
    font-size: 18px;
    width: 100%
}

.basket--table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 0 0 40px
}

.basket--table td,
.basket--table th {
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    color: #050d33;
    padding: 10px;
    font-size: 16px
}

.basket--table thead tr {
    border-bottom: 2px solid #050d33
}

.basket--table thead th {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px
}


.basket--table thead th:nth-child(4) {
    text-align: left
}
.basket--table thead th:first-child {
  text-align:right
}

.basket--table thead th:nth-child(4),
.basket--table.purchased1 td:nth-child(5) {
    padding-left: 30px
}

.basket--table tbody tr {
    border-bottom: 1px solid #696e85
}

.basket--table tbody td:first-child,
.basket--table tbody td:nth-child(2),
.basket--table tbody td:nth-child(5) {
    text-align: left
}
.basket--table tbody td:nth-child(2) {
    text-align: right
}

.basket--table tbody td:first-child {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.basket--table tbody td .number {
    margin-left: auto;
    margin-right: 0
}

.basket--table tfoot tr {
    background-color: #22489b
}

.basket--table tfoot tr th {
    color: #fff;
    padding: 10px 20px;
    text-align: right
}

.basket--table tfoot tr th:first-child {
    text-align: left
}

.basket--table tfoot tr th:first-child.empty {
    padding: 0
}

.basket--table tfoot tr th .btn--submit {
    display: inline-block;
    width: auto;
    padding: 10px 30px;
    line-height: 20px
}

.basket--table tfoot tr th strong {
    margin-right: 15px
}

.basket--table tfoot tr th span {
    font-weight: 400
}

.basket--table a.purchased--item {
    display: block;
    width: 60px;
}

.basket--table a.purchased--item img {
    display: block;
    width: 100%;
    max-height: 60px
}

.basket--table a.purchased--item:hover {
    opacity: .5
}

.basket--table.client tbody td:nth-child(5),
.basket--table.client thead th:nth-child(4) {
    text-align: right
}

.contacts--page {
    padding: 60px 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contacts--page h1 {
    margin: 0 0 30px;
    color: #050d33;
    font-size: 30px
}

.contacts--page .contact--form {
    padding: 60px 0;
    background-color: #f2f3f5
}

.contacts--page .contact--form h2 {
    margin-bottom: 30px
}

.contacts--page .contact--form .validate--form textarea {
    height: 230px
}

.contacts--branch {
    padding-bottom: 30px
}

.contacts--branch .col {
    margin-bottom: 30px
}

.contacts--branch h4 {
    margin: 0 0 10px;
    color: #050d33;
    text-transform: uppercase;
    font-size: 16px
}

.contacts--branch p {
    color: #050d33;
    margin: 0;
    line-height: 24px;
    font-size: 14px
}

.contacts--branch p span {
    display: block
}

.contacts--map img {
    display: block;
    width: 100%;
    margin-bottom: 60px
}
.contacts--map img.icon {
    display: inline-block;
    margin: 0;
    width: 20px;
    height: 20px;
    top: 3px;
    position: relative;
}
.contacts--map__info {
    border-radius: 10px 10px 0 0;
    background-color: #2475c7;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 30px 30px 20px
}

.contacts--map__info a {
    color: #fff !important
}

.contacts--map__info svg {
    fill: #fff;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    left: 0
}

.contacts--map__info h4,
.contacts--map__info p {
/*    padding-left: 30px;*/
    position: relative
}

.contacts--map__info h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 20px
}

.pl {
  display: inline-block;
  padding-left: 30px;
}
.pl3 {
  padding-left: 5px;
}
.contacts--map__info h4:before {
/*  font: normal normal normal 14px/1 FontAwesome;
  content: "\f041";
  position: absolute;
  left: 6px;
  font-size: 22px;*/
}
.contacts--map__info h4 svg {
    width: 20px;
    height: 20px
}

.contacts--map__info p {
    margin: 0 0 10px
}

.contacts--map__info p.contacts__time i,
.contacts--map__info p.contacts__time em {
    display: inline-block;
    width: 30px
}

.contacts--map__info p.contacts__time:before {
/*  content: "\f017";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 21px;*/
}
.contacts--map__info p.contacts__time svg {
    top: 5px
}

.contacts--map__info p.contacts__time strong {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px
}

.contacts--map__info p.contacts__time span,
.contacts--map__info p.contacts__time strong {
    display: inline-block
}
.d-block {display: block!important;}
.vertical-align-top {vertical-align: top;}

.contacts--map__info p.contacts__phone {
    font-weight: 600;
    font-size: 24px;
    line-height: 1
}

.contacts--map__info p.contacts__phone:before {
/*  content: "\f095";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  left: 0px;
  top: 4px;
  font-size: 21px;*/
}
.contacts--map__info p.contacts__phone small {
    font-size: 16px;
    font-weight: 400
}

.contacts--map__info p.contacts__phone svg {
    top: 8px
}

@media only screen and (max-width:1200px) {
    .contacts--map__info {
        padding: 30px 20px 20px;
        font-size: 14px
    }
}

@media only screen and (max-width:520px) {
    .contacts--map__info p.contacts__time i {
        display: block
    }
    .compare--slider .owl-nav .owl-prev {
        left: -20px
    }
    .compare--slider .owl-nav .owl-next {
        right: -20px
    }
}

.popup--slider {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 100px
}

@media only screen and (max-width:960px) {
    .popup--slider {
        padding: 0
    }
}

.popup--slider .owl-nav div {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: .5;
    top: 50%
}

.popup--slider .owl-nav div svg {
    fill: #fff;
    width: 40px;
    height: 40px;
    display: block
}

.popup--slider .owl-nav div.owl-prev {
    left: -100px
}

.popup--slider .owl-nav div.owl-next {
    right: -100px
}

.popup--slider .owl-nav div:hover {
    opacity: 1
}

@media only screen and (max-width:960px) {
    .popup--slider .owl-nav div.owl-prev {
        left: 10px
    }
    .popup--slider .owl-nav div.owl-next {
        right: 10px
    }
}

.popup--slider .owl-thumbs {
    padding-top: 20px
}

@media only screen and (max-width:960px) {
    .popup--slider .owl-thumbs {
        display: none
    }
}

.popup--slider .owl-thumb-item {
    margin: 0;
    padding: 0 10px 10px 0;
    border: none;
    background-color: transparent;
    width: 90px;
    opacity: .5;
    cursor: pointer
}

.popup--slider .owl-thumb-item.active,
.popup--slider .owl-thumb-item:hover {
    opacity: 1
}

.popup--slider .owl-thumb-item img {
    display: block
}

.popup--slider button.mfp-close {
    width: 24px;
    height: 24px;
    position: fixed;
    top: 10px;
    right: 10px
}

.popup--slider button.mfp-close svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #fff
}

.header {
    background-color: #fff;
    padding: 20px 0
}

.header--left,
.header--right,
.header--wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.header--wraper {
    /* margin: 0 -15px */
}

.header--left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.header--right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 15px
}

.header__brand {
    margin-right: 10px;
    display: block;
}

.header__brand img {
    display: block;
    width: 195px
}

.header .header--phone {
    display: block;
    margin: 0;
    font-size: 30px;
    color: #22489b;
    font-weight: 700;
}

.header .header--phone small {
    font-size: 18px;
}

.header .mod--lang {
    position: relative;
    z-index: 99;
}

.header .mod--lang img {
    width: 17px;
    height: 12px;
    margin-right: 5px;
}

.header .mod--lang [data-toggle=dropdown] {
    display: block;
    background-color: #f2f3f5;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    border-radius: 6px;
    padding: 10px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 100px
}

.header .mod--lang .dropdown--menu {
    background-color: #22489b;
    padding: 5px 0;
    border-radius: 6px;
    min-width: 70px;
    width: 100%;
    left: auto;
}

.header .mod--lang .dropdown--menu li:last-child {
    border-bottom: none
}

.header .mod--lang .dropdown--menu a {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 15px;
    color: #fff
}

.header .mod--lang .dropdown--menu a.active,
.header .mod--lang .dropdown--menu a:hover {
    background-color: #2475c7
}

.header .mod--profile {
    width: 100%;
    border-radius: 6px;
    background: #F2F3F5;
    min-height: 50px;
    padding: 5px 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.header .mod--profile a.user {
    white-space: nowrap;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 600;
    display: block;
}

.header .mod--profile a.user svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    line-height: 1.5
}

.header .mod--profile .stats {
    margin-right: auto;
   display: flex;
   align-items: center;
}

.stats__ico {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    fill: #22489B;
    flex-shrink: 0;
}

.header .mod--profile .stats span.balance {
    color: #dd1c1c;
    font-size: 12px;
    font-weight: 600;
    display: block;
}

.header .xcoin {
    margin-left: 15px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    padding-left: 15px;
    min-height: 40px;
    display: flex;
    align-items: center;
}

.header .xcoin svg {
    width: 30px;
    height: 16px;
    margin-right: 5px;
    fill: #22489B;
    flex-shrink: 0;
}

.header .xcoin span {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #050D33;
}

.header .mod--profile .stats span.xcoin {
    display: block;
    background-color: #f2f3f5;
    border-radius: 6px;
    padding: 8px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #050d33;
    text-align: center;
    width: 100px
}

.header .mod--profile .stats span.xcoin svg {
    width: 30px;
    height: 18px;
    line-height: 1;
    vertical-align: middle;
    fill: #023d7c;
    margin-right: .5em
}

@media (min-width: 768px) {
    .header__brand {
        margin-right: auto;
    }

    .header .mod--lang {
        margin-left: 10px;
    }

    .header .mod--lang [data-toggle=dropdown] {
        font-size: 16px;
        height: 50px;
        width: 85px;
    }
}

@media (min-width: 992px) {
    .header__brand img {
        height: 30px;
        width: auto;
    }

    .header .mod--profile {
        width: auto;
        margin-top: 0;
        margin-left: 10px;
    }
}

@media (min-width: 1200px) {
    .header__brand img {
        height: 50px;
    }

    .header .mod--profile {
        margin-left: 15px;
    }

    .header .mod--lang {
        margin-left: 15px;
    }

    .back-call {
        margin-left: 15px;
    }
}

@media only screen and (max-width:1200px) {
    .header--wraper {
        align-items: center;
    }

    .header__iso {
        display: none
    }
    .header--right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:768px) {
    .header {
        padding: 10px 0
    }
    .header__brand img {
        width: auto;
        height: 28px;
    }
    .header .header--phone {
        display: none
    }
    .back-call {
        padding: 7px 8px;
        height: 30px
    }
    .back-call span {
        display: none
    }
    .back-call svg {
        margin: 0;
        display: block
    }
    .header--right {
        margin-left: -130px
    }
    .header .mod--lang [data-toggle=dropdown] {
        width: 55px;
        padding: 5px 10px;
        height: 30px
    }
    .header .mod--lang img {
        margin-right: 5px
    }
    .header .mod--lang .dropdown--menu a {
        padding: 5px 10px
    }
    .header .mod--profile .stats span.xcoin {
        padding: 5px 10px;
        width: auto
    }
}

.footer {
    background-color: #22489b;
    color: #fff;
    padding: 40px 0;
    font-size: 14px;
    line-height: 18px
}

.footer--contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 60px
}

.footer--contacts span,
.footer--contacts strong {
    display: block;
    margin-bottom: 10px
}

.footer--contacts strong {
    font-size: 16px
}

.footer--contacts .adress {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.footer--contacts .times {
    background-color: #4267b2;
    border-radius: 10px;
    padding: 15px 30px;
    text-align: right
}

.footer--copyright {
    font-size: 16px;
    line-height: 20px
}

.footer--copyright p {
    margin: 0 0 10px
}

.footer--copyright .btn span {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.footer--copyright svg {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.footer--copyright .btn--link {
    color: #fff
}

.footer--copyright .btn--link svg {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    fill: #fff
}

.footer--copyright .btn--link:hover span {
    text-decoration: underline
}

.footer--copyright .btn--youtube {
    background-color: #F61C0D;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px;
    margin-right: 15px
}

.footer--copyright .btn--youtube svg {
    fill: #fff;
    width: 20px;
    height: 20px;
    margin-right: .5em
}

.footer--copyright .btn--youtube:hover {
    opacity: .5
}

.footer--copyright .btn--facebook {
    background-color: #4267b2;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 14px
}

.footer--copyright .btn--facebook svg {
    fill: #fff;
    width: 15px;
    height: 20px;
    margin-right: .5em
}

.footer--copyright .btn--facebook:hover {
    opacity: .5
}

@media only screen and (max-width:960px) {
    .footer--contacts {
        padding-left: 0
    }
}

@media only screen and (max-width:768px) {
    .footer {
        padding: 20px 0
    }
    .footer--copyright {
        font-size: 14px;
        text-align: center
    }
    .footer--contacts {
        display: block;
        text-align: center;
        padding-left: 0
    }
    .footer--contacts .adress {
        margin-bottom: 10px
    }
    .footer--contacts .times {
        text-align: center
    }
}

.navbar {
    background-color: #f2f3f5
}

.navbar * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.navbar.sticky {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.navbar.sticky.in {
    opacity: 1;
    top: 0
}

.navbar--toggle {
    display: none;
    font-size: 18px;
    color: #fff;
    background-color: #2475c7;
    border-radius: 6px;
    height: 30px;
    width: 100%;
    padding: 4px 15px;
    font-size: 16px;
    line-height: 20px;
    border: none;
    cursor: pointer
}

@media (min-width: 768px) {
    .navbar--toggle {
        height: 40px;
        padding: 10px 15px;
    }
}

.navbar--toggle svg {
    fill: #fff;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    margin-bottom: 2px
}

.navbar--toggle:hover {
    background-color: #22489b;
    color: #fff
}

.navbar--toggle.active {
/*    background-color: #050d33;
    color: #fff*/
}

.navbar .container {
    position: relative
}

.navbar--search {
    position: absolute;
    opacity: 0;
    z-index: 99;
    top: 100%;
    right: 15px;
    width: 420px;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

@media only screen and (max-width:520px) {
    .navbar--search {
        width: auto;
        left: 15px
    }
}

.navbar--search:before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    right: 47px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent #fff transparent
}

.navbar--search.show {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.navbar--search input {
    position: relative;
    height: 40px;
    width: 100%;
    display: block;
    font-weight: 400;
    font-size: 16px;
    padding: 0 80px 0 0;
    border: none;
    background-color: white;
    color: #050d33;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

@media only screen and (max-width:520px) {
    .navbar--search input {
        font-size: 14px;
        padding: 0 70px 0 0
    }
}

.navbar--search input::-webkit-input-placeholder {
    color: rgba(5, 13, 51, 0.5)
}

.navbar--search input::-moz-placeholder {
    color: rgba(5, 13, 51, 0.5)
}

.navbar--search input:-ms-input-placeholder {
    color: rgba(5, 13, 51, 0.5)
}

.navbar--search input:-moz-placeholder {
    color: rgba(5, 13, 51, 0.5)
}

.navbar--search input:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0)
}

.navbar--search input:focus::-moz-placeholder {
    color: rgba(255, 255, 255, 0)
}

.navbar--search input:focus:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0)
}

.navbar--search input:focus:-moz-placeholder {
    color: rgba(255, 255, 255, 0)
}

.navbar--search button {
    position: absolute;
    right: 10px;
    top: 10px;
    height: 40px;
    border: none;
    border-radius: 6px;
    letter-spacing: .01em;
    background-color: #22489b;
    color: #fff;
    padding: 8px 15px;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif
}

@media only screen and (max-width:520px) {
    .navbar--search button {
        font-size: 14px
    }
}

.navbar--search button:hover {
    background-color: #2475c7
}

.navbar--container {
    height: 60px
}

.navbar--nav,
.navbar--right,
.navbar--wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar--wraper {
    margin: 0 -15px;
    height: 60px;
    position: relative
}

.navbar--right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 15px
}

.navbar--right a.search {
    display: block;
    margin: 0;
    border: 1px solid #22489b;
    padding: 4px 20px;
    border-radius: 6px;
    font-size: 16px;
    line-height: 20px
}

@media (min-width: 768px) {
    .navbar--right a.search {
        padding: 8px 20px;
    }
}

.navbar--right a.search svg {
    width: 17px;
    height: 17px;
    margin-bottom: 2px;
    vertical-align: middle;
    margin-right: 5px;
    fill: #22489b
}

.navbar--right a.search.active,
.navbar--right a.search:hover {
    border-color: #2475c7
}

.navbar--right a.asign {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 2px;
    border-bottom: 1px dashed #22489b
}

.navbar--right a.asign:hover {
    border-bottom: 1px dashed #2475c7
}

.navbar--nav {
    margin: 0;
    padding: 0 15px;
    list-style: none;
    list-style-image: none;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    font-size: 17px;
    text-transform: uppercase
}

.navbar--nav li a {
    text-decoration: none;
    display: block;
    padding: 20px 15px;
    position: relative
}

.navbar--nav li a svg {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 18px;
    margin-top: -10px;
    opacity: 0;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    fill: #22489b
}

.navbar--nav li a.active,
.navbar--nav li a:hover {
    color: #fff;
    background-color: #2475c7;
}

.navbar--nav li .dropdown--menu ul li a.active,
.navbar--nav li .dropdown--menu ul li a:hover {
    color: #2475c7;
    background-color: transparent;
}

.navbar--nav li a.active svg {
    opacity: 1
}

.navbar--nav li:first-child {
    margin-right: 0;
}

.navbar--nav li:first-child svg {
    width: 20px;
    height: 20px;
    display: none;
    fill: #22489b
}

.navbar--nav li:first-child button {
    display: none
}

.navbar--nav li.dropdown .dropdown--menu {
    background-color: #f2f3f5;
    padding: 0;
    z-index: 999;
    left: 15px;
    right: 15px;
    margin-top: 1px
}

.navbar--nav li.dropdown .dropdown--menu a.new--products {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 30px;
    padding: 0;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.navbar--nav li.dropdown .dropdown--menu a.new--products span,
.navbar--nav li.dropdown .dropdown--menu a.new--products svg {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.navbar--nav li.dropdown .dropdown--menu a.new--products svg {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.navbar--nav li.dropdown .dropdown--menu .categories {
    padding: 15px 15px 0;
    width: 100%;
    margin: 0
}

.navbar--nav li.dropdown .dropdown--menu .categories ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding-top: 20px
}

.navbar--nav li.dropdown .dropdown--menu .categories ul.child--1 {
    display: block;
    margin: 0;
    padding: 5px 0 0
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 {
    position: relative;
    display: block;
    padding: 0 15px 10px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 20%;
    margin: 0 0 20px
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background-color: #e0e0e2
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 13px;
    line-height: 1;
    padding: 0;
    display: block;
    margin: 0 0 10px;
    color: #050d33
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 a.active,
.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 a:hover {
    color: #2475c7
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 a.level--1 {
    text-transform: uppercase;
    font-size: 14px
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 a.level--1:before {
    content: '';
    display: inherit;
    width: 10px;
    height: 10px;
    background: url(../ico/bullet-down.svg) no-repeat center center;
    background-size: 10px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: -20px
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 a:before {
    display: none
}

.navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1.open a.level--1:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

@media only screen and (max-width:1200px) {
    .navbar--left {
        padding-left: 15px
    }
    .navbar--toggle {
        display: block
    }
    .navbar--right {
        padding: 0 15px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .navbar--right a.asign {
        margin-right: 20px
    }
    .navbar--nav {
        display: block;
        background-color: #f2f3f5;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        padding: 60px 0 30px;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        opacity: 0;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }
    .navbar--nav .navbar.show-menu,
    .navbar--nav .navbar.show-menu .navbar--nav {
        z-index: 9999
    }
    .navbar--nav li {
        text-align: center;
        border-bottom: 1px solid #e0e0e2
    }
    .navbar--nav li:first-child {
        border-bottom: none
    }
    .navbar--nav li a {
        padding: 10px 0
    }
    .navbar--nav li.dropdown .dropdown--menu {
        position: static
    }
    .navbar--nav li.dropdown .dropdown--menu a.new--products {
        margin-bottom: 40px;
        margin-left: 0
    }
    .navbar--nav li.dropdown .dropdown--menu .categories {
        padding: 0
    }
    .navbar--nav li.dropdown .dropdown--menu .categories ul {
        margin: 0
    }
    .navbar--nav li.dropdown .dropdown--menu .categories ul li {
        text-align: left;
        border: none
    }
    .navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 {
        width: 50%;
        padding: 0 10px
    }
    .navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1:after {
        left: 10px;
        right: 10px
    }
    .navbar.show-menu .navbar--nav {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        overflow-y: auto
    }
    .navbar--nav li:first-child svg {
        display: none
    }
    .navbar--nav li:first-child button {
        display: block;
        position: absolute;
        right: 15px;
        top: 15px;
        width: 20px;
        height: 20px;
        background-color: transparent;
        border: none;
        cursor: pointer;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }
    .navbar--nav li:first-child button:after,
    .navbar--nav li:first-child button:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1px;
        height: 2px;
        width: 100%;
        background-color: #050d33
    }
    .navbar--nav li:first-child button:before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .navbar--nav li:first-child button:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .navbar--nav li:first-child button:hover {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .navbar--nav li:first-child button:hover:after,
    .navbar--nav li:first-child button:hover:before {
        background-color: #eb1919
    }
}

@media only screen and (max-width:1200px) {
    .navbar--nav li.dropdown .dropdown--menu .categories ul {
        display: block
    }
    .navbar--nav li.dropdown .dropdown--menu .categories ul li.parent--1 {
        width: 100%;
        text-align: center
    }
    .navbar--nav li.dropdown .dropdown--menu .categories ul.child--1 li {
        border-bottom: 1px solid #e0e0e2;
        text-align: center
    }
    .navbar--nav li.dropdown .dropdown--menu .categories ul.child--1 li a {
        margin: 0 10px;
        padding: 10px
    }
}

@media only screen and (max-width:768px) {
    .navbar--right a.asign span {
        display: none
    }
    .navbar--right a.asign,
    .navbar--right a.search,
    .navbar--toggle {
        font-size: 12px
    }
    .navbar--right {
        padding-left: 0
    }
}

.fp--slider {
    margin: 0;
    padding: 0
}

.fp--slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.fp--slider .owl-dots .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 2px solid #ffffff;
    margin: 0 2.5px
}

.fp--slider .owl-dots .owl-dot.active {
    background-color: #fff
}

.fp--slider .slide {
    padding: 90px 0;
    min-height: 455px
}

.fp--slider .slide .container {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: .25s .25s ease-in-out;
    -o-transition: .25s .25s ease-in-out;
    transition: .25s .25s ease-in-out
}

.fp--slider .slide--text {
    margin: 0 0 50px;
    color: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase
}

.fp--slider .slide .btn--outline {
    border-radius: 6px;
    border: 2px solid #ffffff;
    padding: 15px 30px;
    line-height: 20px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.01em
}

.fp--slider .slide .btn--outline span {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.fp--slider .slide .btn--outline svg {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-left: 20px;
    margin-top: -2px;
    fill: #fff
}

.fp--slider .slide .btn--outline:hover {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2)
}

.fp--slider .active .slide .container {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media only screen and (max-width:768px) {
    .fp--slider .slide {
        padding: 40px 0;
        min-height: 270px
    }
    .fp--slider .slide--text {
        font-size: 24px;
        margin-bottom: 30px
    }
    .fp--slider .slide .btn--outline {
        font-size: 14px;
        padding: 10px 20px
    }
    .fp--slider .slide .btn--outline svg {
        margin-left: 5px;
        width: 15px;
        height: 15px
    }
}

.fp--blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #2475c7;
    border-top: 1px solid #fff
}

.fp--blocks .block--link {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 60px 15px;
    text-align: center;
    border-left: 1px solid #fff;
    text-decoration: none;
    color: #fff
}

.fp--blocks .block--link:first-child {
    border-left: none
}

.fp--blocks .block--link small,
.fp--blocks .block--link strong {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.fp--blocks .block--link img {
    width: 60px;
    height: 60px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.fp--blocks .block--link strong {
    display: block;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    letter-spacing: .01em;
    text-transform: uppercase;
    padding-top: 10px
}

.fp--blocks .block--link small {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

.fp--blocks .block--link:hover img {
    -webkit-transform: scale(1.75);
    -ms-transform: scale(1.75);
    transform: scale(1.75)
}

.fp--blocks .block--link:hover small,
.fp--blocks .block--link:hover strong {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}

@media only screen and (max-width:768px) {
    .fp--blocks {
        display: block
    }
    .fp--blocks .block--link {
        display: block;
        width: 100%;
        border-left: none !important;
        border-bottom: 1px solid #fff;
        position: relative;
        text-align: left;
        padding: 30px 30px 30px 90px
    }
    .fp--blocks .block--link img {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 20px;
        top: 50%;
        margin-top: -20px
    }
    .fp--blocks .block--link strong {
        font-size: 18px;
        text-align: left;
        padding-top: 0
    }
    .fp--blocks .block--link small {
        font-size: 14px;
        line-height: 20px
    }
    .fp--blocks .block--link:hover img {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5)
    }
    .fp--blocks .block--link:hover small,
    .fp--blocks .block--link:hover strong {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fp--news h2 {
    margin: 50px 0 30px;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #696e85
}

.fp--news__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 40px;
}

.fp--news__item .item--image {
    width: 255px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.fp--news__item .item--image:hover {
    opacity: .5
}

.fp--news__item .item--content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* background-image: -webkit-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: -o-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: linear-gradient(120deg, #ffffff, #f2f3f5); */
    background: #f2f3f5;
    padding: 50px 30px;
    font-size: 14px;
    line-height: 20px
}

.fp--news__item .item--content h4 {
    font-size: 24px
}

.fp--news__item .item--content__date {
    font-size: 14px;
    text-transform: uppercase;
    color: #050d33
}

.fp--news__item .item--content__date svg {
    width: 14px;
    height: 14px;
    fill: #050d33;
    margin-right: .5em
}

@media only screen and (max-width:1200px) {
    .fp--news__item h2 {
        font-size: 32px;
        letter-spacing: normal
    }
    .fp--news__item .item--content {
        padding: 30px
    }
    .fp--news__item .item--image {
        width: 180px
    }
}

@media only screen and (max-width:768px) {
    .fp--news__item {
        display: block
    }
    .fp--news__item .item--image {
        width: 100%;
        padding-top: 56.25%;
        display: block
    }
}

.fp--products {
    padding: 50px 0
}

.fp--products h2 {
    margin: 0 0 50px;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    color: #696e85;
    text-transform: uppercase;
    letter-spacing: .1em
}

.fp--products .owl-carousel {
    width: auto;
    margin: 0 85px
}

.fp--products .owl-carousel .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px
}

.fp--products .owl-carousel .owl-nav div:hover {
    opacity: .5
}

.fp--products .owl-carousel .owl-nav div svg {
    width: 40px;
    height: 40px;
    fill: #696e85
}

.fp--products .owl-carousel .owl-nav div.owl-prev {
    left: -85px
}

.fp--products .owl-carousel .owl-nav div.owl-next {
    right: -85px
}

.fp--products .product {
    padding: 0 15px;
    text-align: center
}

.fp--products .product--image {
    display: block;
    width: 140px;
    margin: 0 auto 10px
}

.fp--products .product--title {
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px
}

.fp--products .product--info {
    font-size: 14px;
    line-height: 20px
}

@media only screen and (max-width:768px) {
    .fp--products h2 {
        font-size: 32px;
        letter-spacing: normal
    }
    .fp--products .product {
        margin-bottom: 0
    }
    .fp--products .owl-carousel {
        margin: 0 60px
    }
    .fp--products .owl-carousel .owl-nav div {
        margin-top: -15px;
        width: 30px;
        height: 30px
    }
    .fp--products .owl-carousel .owl-nav div.owl-prev {
        left: -45px
    }
    .fp--products .owl-carousel .owl-nav div.owl-next {
        right: -45px
    }
    .fp--products .owl-carousel .owl-nav div svg {
        width: 30px;
        height: 30px
    }
}

.fp--brands {
    padding: 50px 0 100px
}

.fp--brands .owl-carousel {
    width: auto;
    margin-left: 40px;
    margin-right: 40px
}

.fp--brands .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px
}

.fp--brands .owl-nav div:hover {
    opacity: .5
}

.fp--brands .owl-nav div svg {
    width: 40px;
    height: 40px;
    fill: #696e85
}

.fp--brands .owl-nav div.owl-prev {
    left: -40px
}

.fp--brands .owl-nav div.owl-next {
    right: -40px
}

.fp--brands .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fp--brands .owl-stage:after {
    display: none
}

.fp--brands .owl-item {
    float: none;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.fp--brands .brand--link {
    display: block;
    margin: 0 30px
}

.fp--brands .brand--link:hover {
    opacity: .5
}

@media only screen and (max-width:768px) {
    .fp--brands {
        padding: 30px 0
    }
}

.category--layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.category--layout h1,
h2.category--title {
    margin: 0 0 15px;
    font-size: 30px;
    line-height: 1;
    font-family: 'Open Sans Condensed', sans-serif
}

.category--layout .category--sort {
    padding: 0 0 20px
}

.category--layout .category--sort a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.category--layout .category--sort a.by-price {
    padding: 4px 10px;
    border-radius: 4px;
    color: #22489b;
    background-color: #f2f3f5;
    position: relative
}

.category--layout .category--sort a.by-price span {
    display: block;
    padding-right: 20px
}

.category--layout .category--sort a.by-price:after,
.category--layout .category--sort a.by-price:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    right: 10px;
    top: 50%
}

.category--layout .category--sort a.by-price:before {
    border-width: 0 4px 5px 4px;
    border-color: transparent transparent #22489b transparent;
    margin-top: -6px
}

.category--layout .category--sort a.by-price:after {
    border-width: 5px 4px 0 4px;
    border-color: #22489b transparent transparent transparent;
    margin-top: 1px
}

.category--layout .category--sort a.by-price.up:after {
    border-color: #696d85 transparent transparent transparent;
    opacity: .75
}

.category--layout .category--sort a.by-price.down:before {
    border-color: transparent transparent #696d85 transparent;
    opacity: .75
}

.category--layout .sidebar--left {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 290px;
    padding: 0 15px
}

.category--layout .sidebar--left .category--sort,
.category--layout .sidebar--left h1 {
    display: none
}

.category--layout .sidebar--left nav.categories a {
    padding: 5px 20px;
    display: inline-block
}

.category--layout .sidebar--left nav.categories a.active,
.category--layout .sidebar--left nav.categories a:hover {
    border-radius: 6px;
    background-color: #f2f3f5;
    color: #050d33
}

.category--layout .sidebar--right {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 320px;
    padding: 23px 15px 15px
}

.category--layout .sidebar--right .wraper {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 30px;
    border-radius: 10px
}

.category--layout .sidebar--right .wraper h3 {
    font-size: 24px;
    color: #696e85;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 20px
}

.category--layout .sidebar--right .wraper .product:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:1599px) {
    .category--layout .sidebar--right {
        display: none
    }
}

.category--layout .category--items {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 35px 45px
}

.category--layout .category--items .row {
    margin: 0 -35px
}

.category--layout .category--items .row .col.md-4.sm-6 {
    padding: 0 35px
}

@media only screen and (min-width:1600px) {
    .category--layout .category--items .row .col.md-4.sm-6 {
        flex-basis: 25%;
        max-width: 25%;
        -ms-flex-preferred-size: 25%
    }
}

.add-to-basket {
    background-color: #2475c7;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    border-radius: 6px;
    padding: 8px 15px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    min-width: 130px
}

.add-to-basket .inactive {
    display: inline-block
}

.add-to-basket .active {
    display: none;
    font-size: 14px
}

.add-to-basket .active svg {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    width: 16px;
    height: 16px;
    fill: #fff
}

.add-to-basket.in {
    background-color: #22489b
}

.product {
    padding-top: 20px;
    text-align: center;
    margin-bottom: 40px
}

.product--image {
    display: block;
    width: 140px;
    max-width: 100%;
    margin: 0 auto;
    position: relative
}

.product--image img {
    width: 100%
}

.product--image:hover img {
    opacity: .5
}

.product--image:after {
    display: block;
    content: '';
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    background-size: 40px
}

.product--image.stock:after {
    background: url(../ico/stock.png) no-repeat center center
}

.product--image.hot:after {
    background: url(../ico/hot.svg) no-repeat center center
}

.product--image.new:after {
    background: url(../ico/new.svg) no-repeat center center
}

.product--image.sale:after {
    background: url(../ico/sale.svg) no-repeat center center
}

.product--title {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 10px;
    overflow: hidden;
    height: 40px
}

.product--description {
    line-height: 20px;
    overflow: hidden;
    height: 60px;
    display:none;
}

.product p {
    margin: 0 0 10px;
    color: #696e85
}

.product .old--price {
    text-decoration: line-through;
    display: inline-block;
    margin: 0 .25em
}

.product .new--price {
    display: inline-block;
    margin: 0 .25em;
    font-size: 18px;
    font-weight: 600;
    color: #d43737
}

.product .price {
    display: inline-block;
    margin: 0 .25em;
    font-size: 18px;
    color: #050d33;
    font-weight: 600
}

.product--controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product--controls .number {
    position: relative;
    width: 40%;
    display: none!important;
}

.product--controls .number .btn-minus,
.product--controls .number .btn-plus {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    right: 8px;
    padding: 5px
}

.product--controls .number .btn-minus svg,
.product--controls .number .btn-plus svg {
    display: block;
    width: 8px;
    height: 8px;
    fill: #696d85
}

.product--controls .number .btn-plus {
    top: 2px
}

.product--controls .number .btn-plus:hover svg {
    fill: #2aa12a
}

.product--controls .number .btn-minus {
    bottom: 2px
}

.product--controls .number .btn-minus:hover svg {
    fill: #d43737
}

.product--controls .number input {
    display: block;
    height: 40px;
    border-radius: 6px 0 0 6px;
    background-color: #f2f3f5;
    border: 1px solid #cdcfd6;
    border-right: none;
    padding: 0 10px;
    color: #050d33;
    font-size: 18px;
    width: 100%
}

.product--controls .add-to-basket {
    border-radius: 6px;
    padding: 0;
    margin: 0 auto;
}

.item__info .product--controls .add-to-basket {
    margin: 0;
}

@media (min-width: 768px) {
    .product--controls .add-to-basket {
        width: 60%;
        margin: 0 auto;
    }

    .item__info .product--controls .add-to-basket {
        margin: 0;
    }

    .item--row_controls .product--controls .add-to-basket {
        margin: 0;
    }
}

.stocks--list .product--image {
    margin-bottom: 20px
}

.stocks--list .add-to-basket {
    height: 30px;
    padding: 0;
    font-size: 14px;
    min-width: 110px
}

nav.categories li {
    display: block
}

nav.categories a {
    color: #22489b;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 2px 20px;
    margin-bottom: 5px
}

nav.categories a:hover {
    color: #050d33
}

nav.categories .child--1,
nav.categories .child--2 {
    padding-left: 20px;
    height: 0;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

nav.categories .parent--1 {
    margin-bottom: 5px
}

nav.categories .parent--1 .level--1 {
    text-transform: uppercase
}

nav.categories .parent--1 .level--1:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../ico/bullet-down.svg) no-repeat center center;
    background-size: 10px;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

nav.categories .parent--1.open .child--1 {
    height: auto;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

nav.categories .parent--1.open .level--1:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

nav.categories .parent--2 {
    margin-bottom: 15px
}

nav.categories .parent--2 .level--2:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../ico/bullet-down.svg) no-repeat center center;
    background-size: 10px;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    margin-top: -5px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

nav.categories .parent--2.open .child--2 {
    height: auto;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

nav.categories .parent--2.open .level--2:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.categories {
    padding: 40px 0 20px
}

.categories--page {
    padding: 0 0 60px 0
}

.categories h1,
.categories h2 {
    color: #050d33;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 30px;
}

.categories .col {
    padding-bottom: 30px
}

@media only screen and (max-width:768px) {
    .categories .col {
        padding-bottom: 15px
    }
}

.categories--item {
    display: block;
    position: relative;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    /*background-color: #000;*/
    height: 176px;
    position: relative;
}

.categories--item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

/*
.product--image {
    height: 140px;
    position: relative;
}
.product--image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
 */
.categories--item span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 60px;
    background-color: #2475c7;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

@media only screen and (max-width:768px) {
    .categories--item span {
        font-size: 14px
    }
}

.categories--item:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3)
}

.categories--item:hover span {
    background-color: #22489b
}

.filter {
    padding: 40px 0 40px;
    border-top: 1px solid #cdcfd6
}

.filter h2 {
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 15px;
    font-size: 24px;
    color: #696e85
}

.filter .btn--blue,
.compare.btn--blue {
    display: block;
    width: 100%;
    background-color: #2475c7;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    border-radius: 6px;
    padding: 8px 15px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 15px;
}
.compare.btn-clear,
.compare.btn-clear:active,
.compare.btn-clear:focus,
.compare.btn-clear:hover {
    background-color: #f2f3f5;
    padding: 8px 15px;
    line-height: 20px;
    margin-bottom: 15px;
    color: #696e85;
}
.filter .btn--blue:hover,
.compare.btn--blue:hover {
    background-color: #22489b
}

.filter--item {
    margin-bottom: 20px
}

.filter--item label {
    margin-bottom: 5px;
    color: #050d33;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: block
}

.filter--item .nice-select {
    float: none;
    display: block;
    width: 100%;
    background-color: #f2f3f5;
    border: 1px solid #cdcfd6;
    padding: 5px 10px;
    border-radius: 6px;
    height: 40px;
    color: #050d33;
    font-size: 14px;
    line-height: 30px
}

.filter--item .nice-select:after {
    border-bottom: 1px solid #22489b;
    border-right: 1px solid #22489b
}

.filter--item .nice-select .current {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    padding-right: 15px
}

.filter--item .nice-select .list {
    max-height: 220px;
    overflow-y: auto;
    left: -1px;
    right: -1px
}

.filter--item .nice-select .option {
    min-height: 30px;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 15px
}

.filter--item .nice-select .option.level1 {
    color: #050d33;
    font-weight: 600;
    white-space: normal
}

.filter--item .nice-select .option.level2 {
    color: #22489b;
    padding-left: 30px
}

.filter--item .nice-select .option.level3 {
    color: #696e85;
    padding-left: 45px
}

.filter .price {
    margin-bottom: 30px
}

.filter .price--inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.filter .price--inputs input {
    display: block;
    width: 80px;
    background-color: #f2f3f5;
    border: 1px solid #cdcfd6;
    padding: 0 10px;
    border-radius: 6px;
    height: 30px;
    color: #050d33;
    font-size: 14px;
    line-height: 1
}

.noUi-target {
    height: 4px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #f2f3f5;
    margin: 15px 2.5px
}

.noUi-horizontal .noUi-handle {
    width: 5px;
    height: 30px;
    left: -2.5px;
    top: -13px
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    display: none
}

.noUi-connect {
    background: #22489b
}

.noUi-handle {
    background-color: #2475c7;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (max-width:1200px) {
    .category--layout {
        display: block
    }
    .category--layout .category--items,
    .category--layout .sidebar--left {
        width: 930px;
        margin: 0 auto
    }
    .category--layout .sidebar--left .categories {
        display: none
    }
    .category--layout .sidebar--left .category--sort,
    .category--layout .sidebar--left h1 {
        display: block
    }
    .category--layout .category--items .category--sort,
    .category--layout .category--items h1 {
        display: none
    }
    .category--layout .category--sort {
        padding: 0 0 20px
    }
    .filter {
        background-color: #f2f3f5;
        padding: 30px;
        border: none;
        margin: 0;
        opacity: 0;
        height: 0;
        overflow: hidden;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        -webkit-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }
    .filter.show {
        margin-bottom: 60px;
        opacity: 1;
        height: auto;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }
    .filter h2 {
        display: none
    }
    .filter .filter--wraper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: 0 -15px
    }
    .filter .filter--wraper .filter--item {
        padding: 0 15px;
        width: 33.33333333%
    }
    .filter .filter--wraper .filter--item.price {
        width: 100%
    }
    .noUi-target {
        background-color: #cdcfd6
    }
}

@media only screen and (max-width:960px) {
    .category--layout .category--items,
    .category--layout .sidebar--left {
        width: 100%;
        margin: 0 auto
    }
    .filter .filter--wraper .filter--item {
        width: 100%
    }
}

@media only screen and (max-width:520px) {
    .category--layout .category--items .product {
        margin: 0 auto 40px;
        max-width: 300px
    }
    .category--layout .category--sort,
    .category--layout h1 {
        text-align: center
    }
    .category--layout .category--sort {
        padding-bottom: 0
    }
    .category--layout .category--sort a {
        margin-bottom: 10px;
        font-size: 10px
    }
}

.category--layout .categories,
.product--page .categories {
    padding-top: 5px
}

.product--page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product--page__sidebar {
    width: 265px;
    margin-right: 100px;
    padding-top: 0
}

.product--page__sidebar nav.categories .child--1 {
    padding-left: 0
}

.product--page__sidebar nav.categories a {
    padding: 5px 20px;
    display: inline-block
}

.product--page__sidebar nav.categories a.active {
    border-radius: 6px;
    background-color: #f2f3f5;
    color: #050d33;
    border-bottom: 1px solid #22489b
}

.product--page__main {
    width: calc(100% - 365px);
    padding: 0 0 0
}

.product--page__main h1 {
    color: #050d33;
    font-size: 30px;
    line-height: 1
}

.product--page .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product--page .item__gallery {
    width: 190px;
    margin-right: 60px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
   /* padding-top: 30px;     */
    position: relative
}

.product--page .item__gallery:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background-size: 40px
}

.product--page .item__gallery.hot:after {
    background: url(../ico/hot.svg) no-repeat center center
}

.product--page .item__gallery.new:after {
    background: url(../ico/new.svg) no-repeat center center
}

.product--page .item__gallery.sale:after {
    background: url(../ico/sale.svg) no-repeat center center
}

.product--page .item__gallery .btn--compare {
    display: block;
    width: 100%;
    border-radius: 6px;
    background-color: #f2f3f5;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    padding: 10px;
    color: #22489b
}

.product--page .item__gallery .btn--compare svg {
    vertical-align: middle;
    width: 1em;
    height: 1em;
    margin-right: 1em;
    fill: #22489b
}

.product--page .item__gallery .btn--compare span {
    vertical-align: middle;
    display: inline-block
}

.product--page .item__gallery .btn--compare.active {
    background-color: #22489b;
    color: #f2f3f5
}

.product--page .item__gallery .btn--compare.active svg {
    fill: #f2f3f5
}

.product--page .item__gallery .preview ul li {
/*    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 0;
    opacity: 0;*/
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.product--page .item__gallery .preview ul li.active {
/*    position: static;
    height: auto;
    display: block;
    opacity: 1*/
}

.product--page .item__gallery .thumbs {
    margin-bottom: 30px;
    display:none;
}

.product--page .item__gallery .thumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product--page .item__gallery .thumbs ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .5;
    cursor: pointer;
    padding: 10px;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.product--page .item__gallery .thumbs ul li img {
    display: block
}

.product--page .item__gallery .thumbs ul li.active,
.product--page .item__gallery .thumbs ul li:hover {
    opacity: 1
}

.product--page .item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product--page .item__info p {
    margin: 0 0 10px;
    font-size: 16px
}

.product--page .item__info .art {
    color: #050d33;
    margin-bottom: 15px
}

.product--page .item__info--price {
    font-size: 18px;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 20px 0 0
}

.product--page .item__info--price dt {
    padding-right: 20px;
}

.product--page .item__info--price dd {
    margin: 0;
    text-align: left;
    position: relative;
}

.product--page .item__info--price dd span {
    display: block
}

.product--page .item__info--price dd span.price {
    color: #050d33;
    font-size: 20px
}

.product--page .item__info--price dd span.price.new {
    color: #d43737
}

.product--page .item__info--price dd span.price.old {
    color: #696e85;
    text-decoration: line-through;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px
}

.product--page .item__info--price dd span.price-diller {
    font-size: 24px;
    color: #050d33
}

.product--page .item__info--stock {
    font-size: 16px;
    text-align: left;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .product--page .item__info--stock {
        text-align: left;
        padding-left: 30px;
        margin-top: 0;
    }
}

.product--page .item__info--stock .label {
    display: inline-block;
    line-height: 1.5;
    vertical-align: middle;
    padding: 1px 5px;
    margin-left: 10px;
    border-radius: 4px
}

.product--page .item__info--stock .label.danger {
    background-color: #d43737;
    color: #fff
}

.product--page .item__info--stock .label.success {
    background-color: #2aa12a;
    color: #fff
}

.product--page .item--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product--page .item--row .col--left {
    width: 100%;
}

.item--row_pricing {
    display: block;
}



@media (min-width: 768px) {
    .product--page .item--row .col--flex {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .item--row_controls {
        display: flex;
    }

    .item--row_controls .col--left {
        width: 50%;
    }

    .item--row_controls .col--flex {
        width: 50%;
    }
}

@media (min-width: 961px) {
    .item--row_controls .col--left {
        width: 230px;
    }
}

.product--page .item--timer {
    background-color: #050d33;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border-radius: 20px 0 20px 0;
    margin-bottom: 30px
}

.product--page .item--timer .title {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.product--page .item--timer .title small {
    font-size: 14px;
    display: block;
    text-transform: none
}

.product--page .item--timer .counter {
    padding: 10px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px
}

.product--page .item--timer .counter span {
    display: block;
    padding: 0 5px
}

.product--page .item--timer .counter span small {
    display: block;
    font-size: 12px
}

.product--page .item__icons {
    padding-top: 30px
}

.product--page .item__more {
    padding: 40px 0
}

.product--page .item__more nav.tabs {
    margin-bottom: 20px
}

.product--page .item__more nav.tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f2f3f5
}

.product--page .item__more nav.tabs ul li a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #050d33;
    padding: 15px 20px;
    text-transform: uppercase
}

.product--page .item__more nav.tabs ul li a:hover {
    color: #2475c7
}

.product--page .item__more nav.tabs ul li.active a {
    color: #fff;
    background-color: #22489b
}

.product--page .item__more .tab-content {
    position: relative;
    margin-bottom: 40px
}

.product--page .item__more .tab-content .tab-pane {
    position: absolute;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    z-index: -1;
    top: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    font-size: 16px;
    line-height: 24px;
    color: #050d33
}

.product--page .item__more .tab-content .tab-pane.active {
    width: 100%;
    position: relative;
    z-index: 1;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    height: auto
}

.product--page .item__more .table--spec {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.product--page .item__more .table--spec tr {
    border-bottom: 1px solid #f2f3f5
}

.product--page .item__more .table--spec tr:last-child {
    border-bottom: none
}

.product--page .item__more .table--spec tr:hover {
    background-color: #f2f3f5
}

.product--page .item__more .table--spec td,
.product--page .item__more .table--spec th {
    vertical-align: middle;
    line-height: 20px;
    font-size: 16px;
    color: #050d33;
    padding: 10px 20px
}

.product--page .item__more .table--spec th {
    font-weight: 400;
    text-align: left;
    width: 40%
}

.product--page .item__more .table--spec td {
    text-align: center;
    width: 60%
}

.product--page .item__more .table--spec td svg {
    width: 1em;
    height: 1em
}

.product--page .item__more .table--spec td svg.success {
    fill: #050d33
}

.product--page .item__more .table--spec td svg.danger {
    fill: #cdcfd6
}

.product--page .item__more nav.downloads ul li {
    padding: 5px 0
}

.product--page .item__more nav.downloads ul li a svg {
    fill: #22489b
}

.product--page .item__more nav.downloads ul li a span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.product--page .item__more nav.downloads ul li a span.file-type {
    width: 24px;
    height: 24px;
    margin-right: 15px
}

.product--page .item__more nav.downloads ul li a span.file-type svg {
    display: block;
    width: 24px;
    height: 24px
}

.item__featured {
    padding: 0 0 20px
}

.item__featured h2 {
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 30px;
    font-size: 24px;
    color: #696e85;
    text-align: center;
    letter-spacing: 0.05em
}

.item__featured .product {
    padding: 20px 15px 0
}

.item__featured .product--info {
    font-size: 14px;
    overflow: hidden;
    height: 60px
}

.item__featured .owl-carousel {
    width: auto;
    margin: 0
}

.item__featured .owl-carousel .owl-nav div {
    position: absolute;
    top: 70px;
    width: 40px;
    height: 40px
}

.item__featured .owl-carousel .owl-nav div:hover {
    opacity: .5
}

.item__featured .owl-carousel .owl-nav div svg {
    width: 40px;
    height: 40px;
    fill: #696e85
}

.item__featured .owl-carousel .owl-nav div.owl-prev {
    left: 0
}

.item__featured .owl-carousel .owl-nav div.owl-next {
    right: 0
}

.product--page .item__icons:after {
    content: '';
    display: block;
    clear: both
}

@media (min-width: 768px) {
    .product--page .item--row .col--left {
        width: 230px;
    }
}

@media only screen and (max-width:1200px) {
    .product--page__sidebar {
        display: none
    }
    .product--page__main {
        width: 100%
    }
}

@media only screen and (max-width:960px) {
    .product--page .item {
        display: block
    }

    .product--page .item__gallery {
        width: 280px;
        margin: 0 0 30px
    }
    .product--page .item .product--controls {
        width: 100%;
        margin: 0;
    }
    .product--page .item--row {
        display: block
    }

    .product--page .item--row .col--flex {
        padding-top: 10px;
        text-align: center
    }
    .product--page .item__info--price dd,
    .product--page .item__info--price dt {
        width: auto;
    }
    .product--page .item__icons {
        text-align: center
    }
    .product--page .item__more nav.tabs ul {
        display: block
    }
    .product--page .item__more nav.tabs ul li {
        border-bottom: 1px solid #cdcfd6
    }
    .product--page .item__more nav.tabs ul li a {
        font-size: 14px;
        padding: 10px 15px;
        text-align: center
    }
    .product--page .item__more .tab-content .tab-pane {
        font-size: 14px;
        line-height: 20px
    }
    .product--page .item__more .table--spec td,
    .product--page .item__more .table--spec th {
        font-size: 14px;
        line-height: 20px;
        width: 50%
    }
}

@media only screen and (max-width:520px) {
    .product--page__main h1 {
        font-size: 24px
    }
    .product--page .item__info--price {
        font-size: 14px
    }
}

.cabinet--page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 60px 0
}

.cabinet--page h1 {
    font-size: 30px;
    margin: 0 0 15px;
    color: #050d33
}

.cabinet--page .action--item {
    margin-bottom: 30px
}

.cabinet--page .action--item__image {
    position: relative;
    display: block
}

.cabinet--page .action--item__image img {
    display: block;
    width: 100%
}

.cabinet--page .action--item__image svg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

.cabinet--page .action--item.inactive .action--item__image img {
    opacity: .5
}

.cabinet--page .action--item.inactive .action--item__image svg {
    opacity: 1
}

.cabinet--page .action--item__info {
    padding: 20px;
    /* background-image: -webkit-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: -o-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: linear-gradient(120deg, #ffffff, #f2f3f5); */
}

.page_single {
    padding: 40px 0;
}

.cabinet--page .action--item__info h3 {
    font-size: 24px;
    margin: 0 0 20px;
    line-height: 1;
    height: 48px;
    overflow: hidden
}

.cabinet--page .action--item__info .description {
    line-height: 20px;
    height: 80px;
    overflow: hidden
}

.cabinet--page .action--item__info p {
    margin: 0 0 20px
}

.cabinet--page .action--item .action--time {
    margin: 0;
    color: #050d33;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.cabinet--page .action--item .action--time svg {
    width: 1em;
    height: 1em;
    margin-right: 1em;
    fill: #050d33
}

.cabinet--subnav {
    margin-bottom: 30px
}

.cabinet--subnav nav ul {
    font-size: 0;
    margin-bottom: 30px
}

.cabinet--subnav nav ul li {
    display: inline-block
}

.cabinet--subnav nav ul li a {
    display: block;
    font-size: 18px;
    line-height: 20px;
    white-space: nowrap;
    padding: 10px 12px;
    color: #696e85;
    background-color: #f2f3f5
}

.cabinet--subnav nav ul li a:hover {
    color: #22489b
}

.cabinet--subnav nav ul li a.active {
    color: #fff;
    background-color: #22489b
}

.cabinet--profile__informer {
    text-align: right;
    margin-bottom: 30px
}

.cabinet--profile__informer span {
    display: inline-block
}

.cabinet--profile__informer span.curs {
    display: block;
    margin-bottom: 5px;
    font-size: 18px
}

.cabinet--profile__informer span.balance {
    display: inline-block;
    background-color: #dd1c1c;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    padding: 5px 15px;
    border-radius: 4px
}

.cabinet--table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.cabinet--table td,
.cabinet--table th {
    vertical-align: middle
}

.cabinet--table.purchased {
    margin: 0 0 30px
}

.cabinet--table.purchased td,
.cabinet--table.purchased th {
    text-align: right;
    color: #050d33;
    padding: 10px
}

.cabinet--table.purchased thead tr {
    border-bottom: 2px solid #050d33
}

.cabinet--table.purchased thead th {
    font-family: 'Open Sans Condensed', sans-serif
}

.cabinet--table.purchased thead th:first-child {
    text-align: left
}

.cabinet--table.purchased tbody tr {
    border-bottom: 1px solid #696e85
}

.cabinet--table.purchased tbody td:first-child,
.cabinet--table.purchased tbody td:nth-child(2) {
    text-align: left
}

.cabinet--table.purchased a.purchased--item {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
}

.cabinet--table.purchased a.purchased--item img {
    display: block;
    max-width: 100%;
    max-height: 60px;
    position: absolute;
    top:0;
    left: 0;
    right:0;
    bottom:0;
    margin: auto;
}

.cabinet--table.purchased a.purchased--item:hover {
    opacity: .5
}

.cabinet--orders {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 60px
}

.cabinet--orders .btn {
    color: #22489b;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    padding: 4px 5px;
}

.cabinet--orders .btn svg {
    width: 1em;
    height: 1em;
    fill: #22489b;
    line-height: 1;
    vertical-align: middle;
    margin-right: 0;
    margin-bottom: 2px
}

.cabinet--orders .btn:hover {
    color: #fff;
    background-color: #2475c7;
}

.cabinet--orders .btn:hover svg {
    fill: #fff;
}

.cabinet--orders td,
.cabinet--orders th {
    vertical-align: middle;
    text-align: left;
    padding: 15px 10px;
    color: #050d33;
    font-size: 14px;
    line-height: 20px
}

.cabinet--orders td:nth-child(5),
.cabinet--orders td:nth-child(6),
.cabinet--orders th:nth-child(5),
.cabinet--orders th:nth-child(6) {
    text-align: right
}

.cabinet--orders thead tr {
    border-bottom: 2px solid #050d33
}

.cabinet--orders thead th {
    font-family: 'Open Sans Condensed', sans-serif;
    padding: 5px 10px;
    text-transform: uppercase
}

.cabinet--orders tbody tr {
    border-bottom: 1px solid #f2f3f5
}

.cabinet--orders tbody tr:hover {
    background-color: #f2f3f5
}

.cabinet--panels {
    margin-bottom: -30px
}

.cabinet--panels .panel {
    background-color: #f2f3f5;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px
}

.cabinet--panels .panel--header {
    margin-bottom: 10px;
    font-size: 16px
}

.cabinet--panels .panel--header .btn svg {
    width: 1em;
    height: 1em;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px
}

.cabinet--panels .panel p {
    margin: 0;
    line-height: 20px
}

.xcoin--status h2 {
    font-size: 40px;
    color: #696e85;
    margin: 0 0 30px;
    text-align: center;
    text-transform: uppercase
}

.xcoin--status img {
    display: block;
    width: 100%;
    margin-bottom: 30px
}

.xcoin--status .preview {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.xcoin--status .preview .step {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 18%
}

.xcoin--status .wraper {
    position: relative;
    height: 7px;
    background-color: #e6e6ea;
    border-radius: 3.5px;
    margin: 0 0 30px
}

.xcoin--status .wraper .line {
    display: block;
    content: '';
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #22489b;
    border-radius: 3.5px
}

.xcoin--status .wraper .step_25 {
    position: absolute;
    top: 7px;
    left: 25%;
    font-size: 18px;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    padding-top: 30px
}

.xcoin--status .wraper .step_25:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 28px;
    background-color: #e6e6ea
}

.xcoin--status .wraper .step_50 {
    position: absolute;
    top: 7px;
    left: 50%;
    font-size: 18px;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    padding-top: 30px
}

.xcoin--status .wraper .step_50:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 28px;
    background-color: #e6e6ea
}

.xcoin--status .wraper .step_75 {
    position: absolute;
    top: 7px;
    left: 75%;
    font-size: 18px;
    width: 100px;
    margin-left: -50px;
    text-align: center;
    padding-top: 30px
}

.xcoin--status .wraper .step_75:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 28px;
    background-color: #e6e6ea
}

.xcoin--status .wraper .current {
    position: absolute;
    width: 90px;
    height: 30px;
    border-radius: 15px;
    background-color: #22489b;
    color: #fff;
    top: -12px;
    margin-left: -45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.xcoin--status .wraper .current svg {
    width: 32px;
    height: 18px;
    fill: #fff;
    display: block;
    margin-right: .5em
}

.xcoin--status .wraper .current span {
    display: block
}

.xcoin--bonus {
    padding: 100px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #050d33;
    margin-bottom: -30px
}

.xcoin--bonus h3 {
    margin: 0 0 15px;
    font-size: 30px
}

.xcoin--bonus h4 {
    margin: 0 0 15px;
    font-size: 18px
}

.xcoin--bonus p {
    margin: 0 0 24px
}

.xcoin--bonus img {
    display: block;
    width: 100%;
    margin-bottom: 30px
}

.profile--info {
    margin: 0 0 30px;
    padding: 0;
    font-size: 0
}

.profile--info dd,
.profile--info dt {
    display: inline-block;
    font-size: 16px;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0
}

.profile--info dt {
    width: 20%
}

.profile--info dd {
    color: #050d33;
    width: 80%
}

.profile--password {
    background-color: #f2f3f5;
    border-radius: 10px;
    margin: 0;
    padding: 30px
}

.profile--password h3 {
    margin: 0 0 20px;
    font-size: 24px;
    line-height: 1;
    color: #050d33
}

.profile--password .btn--submit {
    display: inline-block;
    width: auto;
    padding: 0 30px
}

.profile--password .btn--submit:hover {
    background-color: #22489b;
    color: #fff
}

.profile--password input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    color: #050d33;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #cdcfd6;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 20px
}

.profile--password label {
    display: block;
    color: #050d33;
    margin-bottom: 5px;
    font-size: 16px
}

.repair--table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.repair--table td,
.repair--table th {
    color: #050d33;
    text-align: left;
    padding: 15px;
    vertical-align: middle
}

.repair--table td:first-child span,
.repair--table td:first-child strong,
.repair--table th:first-child span,
.repair--table th:first-child strong {
    display: block
}

.repair--table td:first-child strong,
.repair--table th:first-child strong {
    font-size: 16px;
    margin-bottom: 5px
}

.repair--table td:nth-child(2),
.repair--table th:nth-child(2) {
    text-align: right
}

.repair--table th {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase
}

.repair--table td {
    font-size: 14px
}

.repair--table thead tr {
    background-color: #f2f3f5
}

.repair--table tbody tr {
    border-bottom: 1px solid #f2f3f5
}

@media only screen and (max-width:1200px) {
    .cabinet--subnav nav ul li a {
        font-size: 16px
    }
    .repair--table th {
        font-size: 11px
    }
    .repair--table td {
        font-size: 12px;
        line-height: 18px
    }
    .label:not(.working) {
        font-size: 11px
    }
    .cabinet--table.purchased td,
    .cabinet--table.purchased th {
        font-size: 12px
    }
}

@media only screen and (max-width:1200px) {
    .basket--form {
        margin-bottom: 40px
    }
}

@media only screen and (max-width:960px) {
    .cabinet--profile__informer {
        text-align: left
    }
    .repair--table {
        display: block
    }
    .repair--table thead {
        display: none
    }
    .repair--table tbody,
    .repair--table td,
    .repair--table th,
    .repair--table tr {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%
    }
    .repair--table tr {
        margin-bottom: 10px;
        padding-bottom: 10px
    }
    .repair--table td {
        text-align: left !important
    }
    .repair--table td:last-child {
        padding-top: 10px
    }
    .repair--table td:before {
        display: inline;
        content: attr(data-header)
    }
    .cabinet--table {
        display: block
    }
    .cabinet--table thead {
        display: none
    }
    .cabinet--table tbody,
    .cabinet--table td,
    .cabinet--table th,
    .cabinet--table tr {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%
    }
    .cabinet--table td {
        padding: 10px 0;
        border-bottom: 1px solid #f2f3f5;
        text-align: right
    }
    .cabinet--table td:first-child,
    .cabinet--table td:nth-child(2) {
        text-align: center !important
    }
    .cabinet--table td:first-child {
        border: none
    }
    .cabinet--table .purchased--item img {
        margin: 0 auto
    }
    .cabinet--table td:before {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        display: inline-block;
        float: left;
        content: attr(data-header)
    }
    .cabinet--orders {
        display: block
    }
    .cabinet--orders thead {
        display: none
    }
    .cabinet--orders tbody,
    .cabinet--orders td,
    .cabinet--orders th,
    .cabinet--orders tr {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%
    }
    .cabinet--orders td {
        padding: 10px 0;
        border-bottom: 1px solid #f2f3f5;
        text-align: right !important
    }
    .cabinet--orders td:before {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        display: inline-block;
        float: left;
        content: attr(data-header)
    }
    .cabinet--orders .btn {
        font-size: 12px
    }
    .basket--table {
        display: block
    }
    .basket--table thead {
        display: none
    }
    .basket--table tbody,
    .basket--table td,
    .basket--table th,
    .basket--table tr {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%
    }
    .basket--table tbody.hide--tablet,
    .basket--table td.hide--tablet,
    .basket--table th.hide--tablet,
    .basket--table tr.hide--tablet {
        display: none
    }
    .basket--table td {
        padding: 10px 0;
        border-bottom: 1px solid #f2f3f5;
        text-align: right !important
    }
    .basket--table td:first-child,
    .basket--table td:nth-child(2) {
        text-align: center !important
    }
    .basket--table td:first-child {
        border: none
    }
    .basket--table td a.purchased--item {
        margin: 0 auto;
        width: 60px
    }
    .basket--table td:before {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 600;
        display: inline-block;
        float: left;
        content: attr(data-header)
    }
    .basket--table tfoot {
        display: block
    }
    .basket--table tfoot th {
        text-align: center !important
    }
    .basket--table .number {
        display: inline-block;
        width: 100px
    }
    .basket--page .client--info .col {
        margin-bottom: 20px
    }
    .basket--table .item__delete {
      display: none;
    }
    .basket--page tbody tr td:first-child .item__delete {
      display: block;
      top: 20px;
      right: 36%;
      /*left: 8%;*/
    }
}

@media only screen and (max-width:520px) {
    .cabinet--subnav nav ul {
        text-align: left
    }
    .cabinet--subnav nav ul li a {
        font-size: 13px;
        padding: 5px 10px;
        margin: 5px
    }
    .cabinet--profile__informer {
        text-align: left
    }
    .profile--info dd,
    .profile--info dt {
        width: 100%;
        margin: 0
    }
    .profile--info dd {
        margin-bottom: 10px
    }
    .xcoin--status .wraper .current {
        width: 50px;
        margin-left: -25px
    }
    .xcoin--status .wraper .current svg {
        display: none
    }
    .xcoin--bonus {
        padding: 60px 0 0
    }
    .basket--table tfoot tr th .btn--submit {
        width: 100%
    }
    .basket--summary h2 {
        margin-bottom: 10px
    }
    .basket--summary table {
        font-size: 16px;
        line-height: 24px
    }
    .xcoin--status .wraper .step_25,
    .xcoin--status .wraper .step_50,
    .xcoin--status .wraper .step_75 {
        font-size: 12px
    }
}

.projects--page .well {
    padding: 130px 0;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

.projects--page .well h1 {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 20px
}

.projects--page .well p {
    margin: 0
}

.projects--page .well--form {
    color: #fff;
    background-color: #22489b;
    padding: 30px 0
}

.projects--page .well--form h3 {
    text-transform: uppercase;
    margin: 5px 0;
    font-size: 20px;
    line-height: 28px
}

.projects--page .well--form input,
.projects--page .well--form label {
    display: block;
    width: 100%;
    font-size: 16px
}

.projects--page .well--form label {
    margin-bottom: 4px;
    line-height: 16px
}

.projects--page .well--form input {
    color: #050d33;
    background-color: #fff;
    border: none;
    height: 40px;
    padding: 0 15px;
    border-radius: 6px
}

.projects--page .projects--form {
    padding: 30px 0;
    background-color: #2475c7
}

.projects--page .projects--form .wraper {
    border-radius: 10px;
    padding: 30px;
    background-color: #22489b
}

.projects--page .projects--form h3 {
    margin: 0;
    margin-right: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    border-right: 2px solid #2475c7
}

.projects--page .projects--form label {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #fff;
    margin-bottom: 5px
}

.projects--page .projects--form input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    color: #050d33;
    font-size: 16px;
    border-radius: 6px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.projects--page .projects--form .btn--solution {
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #2475c7;
    border-radius: 6px;
    height: 40px;
    width: 100%
}

.projects--page .projects--form .btn--solution:hover {
    background-color: #fff;
    color: #050d33
}

.projects--page .solutions--slider {
    position: relative;
    background-color: #050d33;
    margin-bottom: 40px
}

.projects--page .solutions--slider h1 {
    position: absolute;
    left: 40px;
    top: 40px;
    color: #fff;
    font-size: 30px;
    z-index: 99;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

.projects--page .solutions--slider .owl-carousel:before {
    display: block;
    content: "";
    background: url(../img/solutions_bg.jpg) no-repeat top left;
    background-size: cover;
    position: absolute;
    width: 40%;
    height: 100%;
    z-index: 99
}

.projects--page .solutions--slider .owl-dots {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
    text-align: center;
    padding: 10px 0
}

.projects--page .solutions--slider .owl-dots .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 2px solid #e6e6ea;
    margin: 0 2.5px
}

.projects--page .solutions--slider .owl-dots .owl-dot.active {
    border: 2px solid #2475c7;
    background-color: #2475c7
}

.projects--page .solutions--slider .owl-next,
.projects--page .solutions--slider .owl-prev {
    position: absolute;
    z-index: 999;
    top: 50%;
    margin-top: -30px;
    padding: 15px;
    border-radius: 6px;
    background-color: rgba(5, 13, 51, 0.5);
    opacity: 1
}

.projects--page .solutions--slider .owl-next:hover,
.projects--page .solutions--slider .owl-prev:hover {
    opacity: 1
}

.projects--page .solutions--slider .owl-next svg,
.projects--page .solutions--slider .owl-prev svg {
    display: block;
    width: 30px;
    height: 30px;
    fill: #fff
}

.projects--page .solutions--slider .owl-prev {
    left: 15px
}

.projects--page .solutions--slider .owl-next {
    right: 15px
}

.projects--page .solutions--slider .solutions--items {
    padding-left: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-transform: uppercase
}

.projects--page .solutions--slider .solutions--items__link {
    display: block;
    width: 33.333333333%;
    position: relative;
    overflow: hidden
}

.projects--page .solutions--slider .solutions--items__link:before {
    display: block;
    content: "";
    padding-top: 100%
}

.projects--page .solutions--slider .solutions--items__link .bg {
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: 1;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.projects--page .solutions--slider .solutions--items__link:hover .bg {
    -webkit-filter: blur(0);
    filter: blur(0)
}

.projects--page .solutions--slider .solutions--items__link .content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600
}

.projects--page .solutions--slider .solutions--items__link .content span {
    width: 100%;
    text-align: center;
    font-size: 24px;
}

.projects--page .solutions--slider .solutions--items__link .content svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 10px auto;
    width: 60px;
    height: 60px;
    fill: #fff
}

.projects--page .solutions--slider .solutions--items__link:hover .content {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0
}

.projects--page .reasons {
    padding: 60px 0 30px;
    text-align: center
}

.projects--page .reasons h2 {
    color: #050d33;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: .05em
}

.projects--page .reasons--item {
    flex-basis: 20%;
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    margin-bottom: 30px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.projects--page .reasons--item .content {
    background-image: -webkit-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: -o-linear-gradient(330deg, #ffffff, #f2f3f5);
    background-image: linear-gradient(120deg, #ffffff, #f2f3f5);
    height: 100%;
    padding: 40px 10px;
    border-radius: 10px
}

.projects--page .reasons--item .content svg {
    fill: #2475c7;
    display: block;
    margin: 0 auto 30px;
    width: 40px;
    height: 40px
}
.projects--page .reasons--item .img-wrapper {
    width: 40px;
    height: 40px;
    margin: 0 auto 30px;
}
.projects--page .reasons--item .img-wrapper img {
}
.projects--page .reasons--item .content h4 {
    color: #050d33;
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 0 15px
}

.projects--page .reasons--item .content p {
    margin: 0;
    font-size: 16px;
    line-height: 20px
}

.projects--page .about {
    padding: 50px 0 40px;
    font-size: 16px;
    line-height: 24px
}

.projects--page .about #more-info {
    overflow: hidden
}

.projects--page .about #more-info .content {
    padding: 40px 0 0
}

.projects--page .about img {
    display: block;
    width: 205px;
    margin: 0 auto
}

.projects--page .about h2 {
    color: #050d33;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin: 0 0 30px
}

.projects--page .about p {
    margin: 0 0 10px
}

.projects--page .about .btn--readmore {
    color: #2475c7;
    border: 1px solid #2475c7;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 30px;
    line-height: 20px;
    font-size: 16px
}

.projects--page .about .btn--readmore:hover,
.projects--page .about .btn--readmore[aria-expanded=true] {
    color: #fff;
    background-color: #2475c7
}

.projects--page .skills {
    padding: 40px 0 20px;
    background-color: #f2f3f5;
    text-align: center;
    color: #050d33
}

.projects--page .skills--item {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.projects--page .skills--item:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(105, 110, 133, 0) 0%, rgba(105, 110, 133, 0.5) 50%, rgba(105, 110, 133, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(105, 110, 133, 0) 0%, rgba(105, 110, 133, 0.5) 50%, rgba(105, 110, 133, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(105, 110, 133, 0)), color-stop(50%, rgba(105, 110, 133, 0.5)), to(rgba(105, 110, 133, 0)));
    background: -o-linear-gradient(top, rgba(105, 110, 133, 0) 0%, rgba(105, 110, 133, 0.5) 50%, rgba(105, 110, 133, 0) 100%);
    background: linear-gradient(to bottom, rgba(105, 110, 133, 0) 0%, rgba(105, 110, 133, 0.5) 50%, rgba(105, 110, 133, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00696e85', endColorstr='#00696e85', GradientType=0)
}

.projects--page .skills--item:last-child:after {
    display: none
}

.projects--page .skills h2 {
    font-size: 30px
}

.projects--page .skills h2 strong {
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    background-color: #2475c7;
    color: #fff;
    letter-spacing: .05em
}

.projects--page .skills h2 small {
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #696e85;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0 10px
}

.projects--page .skills h4 {
    color: #2475c7;
    font-size: 40px;
    margin: 0 0 10px
}

.projects--page .skills p {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px
}

.projects--page .steps {
    background-color: #2475c7;
    padding: 60px 0 30px;
    color: #fff
}

.projects--page .steps h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin: 0 0 15px
}

.projects--page .steps--item {
    flex-basis: 20%;
    max-width: 20%;
    -ms-flex-preferred-size: 20%;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    padding: 30px
}

.projects--page .steps--item svg {
    fill: #fff;
    width: 40px;
    height: 40px;
    margin-bottom: 10px
}

.projects--page .steps--item svg.next {
    position: absolute;
    margin-right: -15px;
    width: 30px;
    height: 30px;
    right: 0;
    top: 30px
}

.projects--page .steps--item h4 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 0 10px
}

.projects--page .steps--item p {
    margin: 0;
    font-size: 16px;
    line-height: 20px
}

.projects--page .steps--form {
    border-radius: 10px;
    padding: 30px;
    background-color: #22489b
}

.projects--page .steps--form h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px;
    margin: 0;
    margin-right: 30px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    border-right: 2px solid #2475c7
}

.projects--page .steps--form label {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #fff;
    margin-bottom: 5px
}

.projects--page .steps--form input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    color: #050d33;
    font-size: 16px;
    border-radius: 6px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.projects--page .steps--form .btn--solution {
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #2475c7;
    border-radius: 6px;
    height: 40px;
    width: 100%
}

.projects--page .steps--form .btn--solution:hover {
    background-color: #fff;
    color: #050d33
}

.projects--page .partners {
    padding: 80px 0
}

.projects--page .partners h2 {
    color: #050d33;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    margin: 0 0 60px
}

.projects--page .partners--item {
    text-align: center
}

.projects--page .partners--item img {
    display: block;
    margin: 0 auto;
    max-width: 150px
}

.projects--page .partners .owl-carousel {
    width: auto;
    margin: 0 40px
}

.projects--page .partners .owl-carousel .owl-nav div {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: .5;
    top: 50%;
    margin-top: -20px
}

.projects--page .partners .owl-carousel .owl-nav div svg {
    fill: #050d33;
    width: 40px;
    height: 40px;
    display: block
}

.projects--page .partners .owl-carousel .owl-nav div.owl-prev {
    left: -40px
}

.projects--page .partners .owl-carousel .owl-nav div.owl-next {
    right: -40px
}

.projects--page .partners .owl-carousel .owl-nav div:hover {
    opacity: 1
}

.projects--page .contact {
    padding: 60px 0;
    background-color: #f2f3f5
}

.validate--form input,
.validate--form label,
.validate--form textarea {
    display: block;
    width: 100%
}

.validate--form .input--row {
    display: block;
    position: relative;
    padding-bottom: 30px
}

.validate--form .input--row span.error {
    position: absolute;
    line-height: 20px;
    font-size: 14px;
    color: #d43737;
    left: 0;
    right: 0;
    bottom: 10px
}

.validate--form label {
    color: #050d33;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px
}

.validate--form label i {
    color: #22489b;
    font-style: normal
}

.validate--form input {
    padding: 0 15px;
    color: #050d33;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #cdcfd6
}

.validate--form input.error {
    border-color: #d43737;
    -webkit-box-shadow: inset 0 3px 6px rgba(212, 55, 55, 0.3);
    box-shadow: inset 0 3px 6px rgba(212, 55, 55, 0.3)
}

.validate--form textarea {
    padding: 5px 15px;
    color: #050d33;
    font-size: 16px;
    line-height: 20px;
    height: 219px;
    border-radius: 6px;
    border: 1px solid #cdcfd6;
    resize: none
}

.validate--form textarea.error {
    border-color: #d43737;
    -webkit-box-shadow: inset 0 3px 6px rgba(212, 55, 55, 0.3);
    box-shadow: inset 0 3px 6px rgba(212, 55, 55, 0.3)
}

.validate--form .nice-select {
    color: #050d33;
    font-size: 16px;
    float: none;
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #cdcfd6
}

.validate--form .nice-select:after {
    border-bottom: 1px solid #22489b;
    border-right: 1px solid #22489b
}

.validate--form .nice-select .list {
    left: -1px;
    right: -1px
}

.validate--form .captcha--block {
    margin-bottom: 30px;
    overflow: hidden
}

.validate--form .btn-default {
    width: auto;
    margin: 0 auto;
    padding: 10px 30px
}

.validate--form h2 {
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    margin: 0 0 30px
}

@media only screen and (max-width:1200px) {
    .projects--page .reasons--item {
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%
    }
}

@media only screen and (max-width:960px) {
    .projects--page .well {
        padding: 60px
    }
    .projects--page .well--form input {
        margin-bottom: 20px
    }
    .projects--page .projects--form h3 {
        border: none;
        margin: 0 0 15px
    }
    .projects--page .projects--form input {
        margin-bottom: 20px
    }
    .projects--page .skills h2 small {
        padding-bottom: 0
    }
    .projects--page .steps--item {
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%
    }
    .projects--page .steps--item svg.next {
        left: 50%;
        margin-right: 0;
        margin-left: -15px;
        right: auto;
        top: 100%;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .projects--page .steps--form h3 {
        margin: 0 0 15px;
        padding: 0;
        min-height: 0;
        border: none
    }
    .projects--page .steps--form input {
        margin-bottom: 20px
    }
    .projects--page .partners--item img {
        margin: 0 auto
    }
    .projects--page .partners--item {
        padding: 0 10px
    }
}

@media only screen and (max-width:520px) {
    .g-recaptcha {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top
    }
    .captcha--block {
        margin-bottom: 0px
    }
    .projects--page .well {
        padding: 20px;
        font-size: 16px;
        line-height: 24px
    }
    .projects--page .well h1 {
        font-size: 28px
    }
    .projects--page .solutions--slider h1 {
        position: static;
        padding: 30px 0;
        background: url(../img/solutions_bg.jpg) no-repeat center center;
        background-size: cover;
        text-align: center
    }
    .projects--page .solutions--slider .owl-next,
    .projects--page .solutions--slider .owl-prev {
        top: auto;
        margin-top: 0;
        bottom: 40px
    }
    .projects--page .solutions--slider .owl-carousel:before {
        display: none
    }
    .projects--page .solutions--slider .solutions--items {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .projects--page .solutions--slider .solutions--items__link {
        width: 50%
    }
    .projects--page .solutions--slider .solutions--items__link:last-child {
        width: 100%
    }
    .projects--page .solutions--slider .solutions--items__link:last-child:before {
        padding-top: 50%
    }
    .projects--page .solutions--slider .solutions--items__link:before {
        padding-top: 75%
    }
    .projects--page .solutions--slider .solutions--items__link .content {
        font-size: 12px
    }
}

.services--page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.services--page .well {
    padding: 60px 0 30px;
    color: #fff
}

.services--page .well.style-2 {
    padding: 110px 0 60px
}

.services--page .well.style-2 h1 {
    font-size: 40px;
    letter-spacing: .05em;
    margin-bottom: 20px
}

.services--page .well.style-2 p {
    font-size: 20px;
    line-height: 30px
}

.services--page .well--logo {
    display: block;
    margin-bottom: 30px
}

.services--page .well--form {
    padding: 40px 50px;
    background-color: #22489b;
    border-radius: 10px;
    margin-bottom: 30px
}

.services--page .well--form label {
    display: block;
    margin-bottom: 5px
}

.services--page .well--form h3 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 0 0 20px
}

.services--page .well--form .nice-select {
    color: #050d33;
    font-size: 16px;
    float: none;
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: none;
    margin-bottom: 15px
}

.services--page .well--form .nice-select:after {
    border-bottom: 1px solid #22489b;
    border-right: 1px solid #22489b
}

.services--page .well--form .nice-select .list {
    left: -1px;
    right: -1px
}

.services--page .well--form input {
    color: #050d33;
    background-color: #fff;
    border: none;
    width: 100%;
    height: 40px;
    padding: 0 15px;
    border-radius: 6px;
    margin-bottom: 15px
}

.services--page .well--form input::-webkit-input-placeholder {
    opacity: 1;
    color: #050d33
}

.services--page .well--form input:-ms-input-placeholder {
    opacity: 1;
    color: #050d33
}

.services--page .well--form input::-ms-input-placeholder {
    opacity: 1;
    color: #050d33
}

.services--page .well--form input::placeholder {
    opacity: 1;
    color: #050d33
}

.services--page .well--form input:focus::-webkit-input-placeholder {
    opacity: 0;
    color: #fff
}

.services--page .well--form input:focus:-ms-input-placeholder {
    opacity: 0;
    color: #fff
}

.services--page .well--form input:focus::-ms-input-placeholder {
    opacity: 0;
    color: #fff
}

.services--page .well--form input:focus::placeholder {
    opacity: 0;
    color: #fff
}

.services--page .well h1 {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 10px
}

.services--page .well p {
    font-size: 18px;
    line-height: 27px;
    margin: 0 0 30px
}

.services--page .services {
    padding: 60px 0 40px
}

.services--page .services.reasons {
    background-color: #f2f3f5
}

.services--page .services.reasons .services--item:hover img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.services--page .services h2 {
    color: #050d33;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 40px;
    text-align: center;
    letter-spacing: .05em
}

.services--page .services--item {
    flex-basis: 20%;
    max-width: 20%;
    -ms-flex-preferred-size: 20%
}

.services--page .services--item img {
    margin-bottom: 20px;
    -webkit-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.services--page .services--item:hover img {
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

.services--page .services--item h4 {
    font-size: 18px;
    margin: 0 0 20px;
    color: #050d33
}

.services--page .services--item p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 20px
}

.services--page .about {
    padding: 60px 0 40px;
    font-size: 16px;
    line-height: 24px
}

.services--page .about #more-info {
    overflow: hidden
}

.services--page .about h2 {
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 20px;
    color: #050d33
}

.services--page .about p {
    margin: 0 0 20px
}

.services--page .about .btn--readmore {
    color: #2475c7;
    border: 1px solid #2475c7;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 30px;
    line-height: 20px;
    font-size: 16px;
    margin-top: 30px
}

.services--page .about .btn--readmore:hover,
.services--page .about .btn--readmore[aria-expanded=true] {
    color: #fff;
    background-color: #2475c7
}

.services--page .contacts {
    padding: 60px 0 40px
}

.services--page .contacts h2 {
    color: #050d33;
    font-size: 28px;
    margin: 0 0 30px
}

.services--page .contacts h3 {
    color: #050d33;
    font-size: 28px;
    margin: 0 0 15px;
    text-align: center
}

.services--page .contacts--map {
    display: block;
    width: 100%;
    margin-bottom: 15px
}

.services--page .contacts--list {
    margin: 0 0 15px;
    padding: 0;
    list-style: none
}

.services--page .contacts--list li {
    color: #050d33;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px
}

.services--page .contacts--list li span,
.services--page .contacts--list li svg {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.services--page .contacts--list li svg {
    width: 1em;
    height: 1em;
    fill: #22489b;
    margin-right: .5em
}

.services--page .contacts--time {
    text-align: center;
    padding: 30px;
    background-color: #f2f3f5;
    border-radius: 10px
}

.services--page .contacts--time span,
.services--page .contacts--time strong {
    display: block;
    color: #050d33
}

.services--page .contacts--time strong {
    font-size: 30px;
    font-weight: 600;
    font-family: 'Open Sans Condensed', sans-serif;
    margin-bottom: 30px
}

.services--page .contacts--time p {
    margin: 0
}

.services--page .projects--form {
    color: #fff;
    background-color: #22489b;
    padding: 30px 0
}

.services--page .projects--form h4 {
    text-align: center;
    font-size: 24px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.services--page .projects--form h3 {
    text-transform: uppercase;
    margin: 5px 0;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}

.services--page .projects--form h3 small {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: none
}

.services--page .projects--form input,
.services--page .projects--form label {
    display: block;
    width: 100%;
    font-size: 16px
}

.services--page .projects--form label {
    margin-bottom: 4px;
    line-height: 16px
}

.services--page .projects--form input {
    color: #050d33;
    background-color: #fff;
    border: none;
    height: 40px;
    padding: 0 15px;
    border-radius: 6px
}

.services--page .contacts--form {
    color: #fff;
    background-color: #22489b;
    padding: 30px 30px 10px;
    margin-bottom: 60px;
    border-radius: 10px
}

.services--page .contacts--form h3 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    margin-right: 20px;
    border-right: 2px solid #2475c7;
    margin-bottom: 20px;
    padding: 40px 0
}

.services--page .contacts--form h3 small {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: none
}

.services--page .contacts--form input,
.services--page .contacts--form label {
    display: block;
    width: 100%;
    font-size: 16px
}

.services--page .contacts--form label {
    margin-bottom: 5px;
    line-height: 16px
}

.services--page .contacts--form input {
    color: #050d33;
    background-color: #fff;
    border: none;
    height: 40px;
    padding: 0 15px;
    border-radius: 6px;
    margin-bottom: 20px
}

.services--page .contacts--form .btn {
    margin-bottom: 20px
}

.repare--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f3f5;
    color: #050d33;
}

.repare--item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.repare--item .item--col {
    font-size: 14px;
    padding-right: 30px
}

.repare--item .item--col:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.repare--item .item--col:last-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 230px;
    width: 100%;
    padding-right: 0;
    /*white-space: nowrap*/
}

.repare--item .item--col:last-child span {
    color: #696e85
}

.repare--item .item--col:last-child span.label {
    color: #fff
}

.repare--item .item--col__title {
    font-size: 16px;
    /*margin-bottom: 5px  */
}

.repare--item .item--col strong {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
}
.repair-status {
  margin-left: 0;
  margin-right: 0;

}

.repair-status .col {
  background: #22489b;
  color: #FFF;
  padding: 12px 0;
}
.repair-status .col {
    padding-right: 15px;
    padding-left: 15px;
}
.repair-status .col:first-child {
    padding-left: 30px;
}
.col-status {
  background-color:#0e76bd;
  color:#FFF;
}

#thanks p {
    text-align: center;
    margin: 0;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (max-width:1200px) {
    .services--page .services--item {
        flex-basis: 100%;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        text-align: center;
        margin-bottom: 30px
    }
    .services--page .contacts--form h3 {
        padding: 0;
        margin: 0 0 20px;
        border: none
    }
    .projects--form input {
        margin-bottom: 20px
    }
}

@media only screen and (max-width:768px) {
    .repare--item {
        display: block
    }
    .repare--item .item--col {
        width: 100% !important
    }
    .repare--item .item--col__title {
        padding-top: 10px
    }
}

@media only screen and (max-width:520px) {
    .services--page .well--form {
        padding: 30px 20px
    }
    .services--page .contacts h2 {
        font-size: 20px;
        padding-top: 15px;
        margin-bottom: 15px
    }
    .services--page .contacts h3 {
        padding-top: 30px;
        margin-bottom: 15px;
        font-size: 18px
    }
}

.about--page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.about--page .well {
    padding: 115px 0;
    color: #fff;
    text-align: center
}

.about--page .well h1 {
    font-size: 50px;
    margin: 0 0 30px
}

.about--page .info {
    padding: 60px 0
}

.about--page .info--image {
    display: block;
    width: 100%;
    margin-bottom: 30px
}

.about--page .info--text {
    padding-left: 30px;
    color: #050d33
}

.about--page .info--text h2 {
    margin: 0 0 24px;
    font-size: 30px
}

.about--page .info--text p {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 24px
}

.about--page .info--text img {
    margin-bottom: 24px
}

.about--page .info--text img.right {
    float: right;
    margin-left: 30px;
    width: 200px
}

.about--page .info--text img.left {
    float: left;
    margin-right: 30px;
    width: 30%
}

.about--page .company {
    padding: 40px 0 20px;
    background-color: #f2f3f5
}

.about--page .company h2 {
    margin: 0 0 40px;
    font-size: 30px;
    color: #050d33;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.about--page .company p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
    color: #050d33
}

.about--page .company p img {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 60px;
    margin-right: 15px
}

.about--page .musthave {
    padding: 0 0 60px;
    background-color: #f2f3f5;
    font-size: 18px;
    line-height: 27px;
    color: #050d33
}

.about--page .musthave h2 {
    margin: 0 0 30px;
    font-size: 30px;
    color: #fff;
    background-color: #2475c7;
    text-align: center;
    padding: 50px 15px
}

.about--page .musthave p {
    margin: 0
}

.about--page .slider--partners {
    padding: 60px 0 10px
}

.about--page .slider--partners #sync1 {
    margin-bottom: 40px
}

.about--page .slider--partners #sync2 {
    margin-bottom: 40px
}

.about--page .slider--partners #sync2 img {
    display: block;
    width: 100%
}

.about--page .slider--partners #sync2 .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about--page .slider--partners #sync2 .owl-stage .item {
    padding: 0 25px;
    cursor: pointer
}

.about--page .slider--partners #sync2 .owl-stage .owl-item {
    opacity: 0.5
}

.about--page .slider--partners #sync2 .owl-stage .owl-item.current {
    opacity: 1
}

.about--page .slider--partners h2 {
    text-align: center;
    margin: 0;
    font-size: 30px;
    color: #696e85;
    text-transform: uppercase;
    letter-spacing: .05em
}

.about--page .slider--partners .partner {
    padding: 15px
}

.about--page .slider--partners .partner--image {
    display: block
}

.about--page .slider--partners .partner--info {
    background-color: #f2f3f5;
    border-radius: 10px;
    padding: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #050d33
}

.about--page .slider--partners .partner--info p {
    margin: 0;
    color: #050d33
}

.about--page .slider--clients {
    padding: 60px 0 10px;
    background-color: #f2f3f5
}

.about--page .slider--clients #cl1 {
    margin-bottom: 40px
}

.about--page .slider--clients #cl2 {
    margin-bottom: 40px
}

.about--page .slider--clients #cl2 img {
    display: block;
    width: 100%;
    border-radius: 8px
}

.about--page .slider--clients #cl2 .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about--page .slider--clients #cl2 .owl-stage .item {
    padding: 0 25px;
    cursor: pointer
}

.about--page .slider--clients #cl2 .owl-stage .owl-item {
    opacity: 0.5
}

.about--page .slider--clients #cl2 .owl-stage .owl-item.current {
    opacity: 1
}

.about--page .slider--clients h2 {
    text-align: center;
    margin: 0;
    font-size: 30px;
    color: #696e85;
    text-transform: uppercase;
    letter-spacing: .05em
}

.about--page .slider--clients .client {
    padding: 15px
}

.about--page .slider--clients .client--image {
    display: block;
    border-radius: 6px;
    margin-right: 40px;
    width: auto
}

.about--page .slider--clients .client--info {
    background-color: #fff;
    border-radius: 10px;
    padding: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #050d33;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.about--page .slider--clients .client--info p {
    margin: 0
}

.about--page .slider--clients .client--info p small {
    display: block;
    text-align: right;
    color: #696e85;
    font-size: 14px;
    padding-top: 10px
}

.about--page .slider--documents {
    padding: 60px 0
}

.about--page .slider--documents h2 {
    text-align: center;
    margin: 0 0 30px;
    font-size: 30px;
    color: #696e85;
    text-transform: uppercase;
    letter-spacing: .05em
}

.about--page .slider--documents .slide {
    padding: 0 10px
}

.about--page .slider--documents .slide a {
    display: block
}

.about--page .owl-carousel {
    margin: 0 60px;
    width: auto
}

.about--page .owl-nav div {
    position: absolute;
    top: 50%;
    margin-top: -20px
}

.about--page .owl-nav div svg {
    display: block;
    width: 40px;
    height: 40px;
    fill: #696e85
}

.about--page .owl-nav div:hover svg {
    fill: #2475c7
}

.about--page .owl-nav div.disabled {
    display: none
}

.about--page .owl-nav div.owl-prev {
    left: -60px
}

.about--page .owl-nav div.owl-next {
    right: -60px
}

.about--page .owl-thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 30px 0
}

.about--page .owl-thumbs .owl-thumb-item {
    width: 20%;
    background-color: transparent;
    display: block;
    padding: 0 25px;
    margin: 0;
    border: none;
    opacity: .5;
    cursor: pointer
}

.about--page .owl-thumbs .owl-thumb-item img {
    border-radius: 6px
}

.about--page .owl-thumbs .owl-thumb-item.active,
.about--page .owl-thumbs .owl-thumb-item:hover {
    opacity: 1
}

@media only screen and (max-width:1200px) {
    .about--page .slider--clients .client--info {
        padding: 30px
    }
}

@media only screen and (max-width:960px) {
    .about--page .info--text {
        padding: 0
    }
    .about--page .owl-carousel {
        margin: 0 40px
    }
    .about--page .owl-thumbs {
        display: none
    }
    .about--page .owl-nav div.owl-next {
        right: -40px
    }
    .about--page .owl-nav div.owl-prev {
        left: -40px
    }
    .about--page .slider--partners .partner--info {
        margin-top: 20px
    }
    .about--page .slider--clients .client--image {
        border-radius: 6px 6px 0 0;
        margin: 0;
        width: 100%
    }
    .about--page .slider--clients .client--info {
        border-radius: 0 0 6px 6px
    }
}

@media only screen and (max-width:520px) {
    .about--page .owl-carousel {
        margin: 0 0px
    }
    .about--page .owl-nav div.owl-next {
        right: -10px
    }
    .about--page .owl-nav div.owl-prev {
        left: -10px
    }
    .about--page .slider--clients .client--info,
    .about--page .slider--partners .partner--info {
        padding: 15px 20px;
        font-size: 14px;
        line-height: 1.2
    }
    .about--page .slider--clients .client--info p small {
        font-size: 11px
    }
    .about--page .musthave {
        font-size: 16px;
        line-height: 24px
    }
    #sync2 {
        display: none
    }
    .slider--documents .owl-carousel .owl-item img {
        width: 50%;
        margin: 0 auto
    }
}

.noscroll .basket {
    display: none
}

.basket {
    display: block
}

.basket * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.basket--icon {
    display: block;
    position: fixed;
    top: 160px;
    right: 0;
    z-index: 999;
    border: none;
    border-radius: 6px 0 0 6px;
    background-color: #22489b;
    color: #fff;
    width: 50px;
    padding: 10px 0 0;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 10px rgba(5, 13, 51, 0.5);
    box-shadow: 0 3px 10px rgba(5, 13, 51, 0.5);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer
}

.basket--icon svg {
    display: block;
    margin: 0 auto 10px;
    width: 22px;
    height: 33px;
    fill: #fff
}

.basket--icon span {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    line-height: 20px;
    background-color: #2475c7
}

.basket--icon:hover {
    background-color: #2475c7
}

.basket--wraper {
    background-color: #fff;
    border-radius: 6px 0 0 6px;
    position: fixed;
    top: 100px;
    right: 0;
    width: 430px;
    z-index: 100;
    -webkit-box-shadow: 0 3px 10px rgba(5, 13, 51, 0.5);
    box-shadow: 0 3px 10px rgba(5, 13, 51, 0.5);
    border-radius: 6px 0 0 6px;
    -webkit-transition: .35s .25s ease-in-out;
    -o-transition: .35s .25s ease-in-out;
    transition: .35s .25s ease-in-out;
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%);
    padding-left: 50px;
    overflow: hidden
}

.basket--wraper h3 {
    color: #22489b;
    margin: 0;
    padding: 15px;
    font-size: 18px;
    text-transform: uppercase
}

.basket--line {
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    display: block;
    border: none;
    background-color: #22489b
}

.basket--line svg {
    position: absolute;
    top: 10px;
    left: 14px;
    display: block;
    width: 22px;
    height: 33px;
    fill: #fff
}

.basket--line:hover {
    background-color: #2475c7
}

.basket--list {
    max-height: 294px;
    overflow-x: auto;
    overflow-x: hidden;
}

.basket--list::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

.basket--list::-webkit-scrollbar-track {
    background-color: #F5F5F5
}

.basket--list::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 10px;
    background-color: #2475c7
}

.basket--item {
   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f2f3f5;
    padding-bottom: 10px;
    margin: 0 10px 10px 15px
}

.basket--item:last-child {
    margin-bottom: 0
}

.basket--item * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.basket--item__image {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-right: 10px;
    position: relative;
}

.basket--item__image img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left:0;
  right:0;
  bottom: 0;
  margin:auto;
}

.basket--item__image:hover {
    opacity: .5
}

.basket--item__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-right: 15px;
    line-height: 20px;
    font-size: 14px;
    display: inline-block;
    max-width: 81%;
    max-width: 278px;
    vertical-align: top;
}

.basket--item__info a.item__delete {
    position: absolute;
    right: 0;
    top: 0
}

.basket--item__info a.item__delete svg {
    display: block;
    width: 8px;
    height: 8px;
    fill: #d82d2d
}

.basket--item__info a.item__title {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
  /*  width:40%;*/
    white-space: nowrap;
}

.basket--item__info .number {
    position: relative;
    display: inline-block;
    width: 100px;
    margin-right: 10px
}

.basket--item__info .number .btn-minus,
.basket--item__info .number .btn-plus {
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
    right: 5px;
    padding: 4px
}

.basket--item__info .number .btn-minus svg,
.basket--item__info .number .btn-plus svg {
    display: block;
    width: 8px;
    height: 8px;
    fill: #696d85
}

.basket--item__info .number .btn-plus {
    top: 0
}

.basket--item__info .number .btn-plus:hover svg {
    fill: #2aa12a
}

.basket--item__info .number .btn-minus {
    bottom: 0
}

.basket--item__info .number .btn-minus:hover svg {
    fill: #d43737
}

.basket--item__info .number input {
    display: block;
    height: 30px;
    border-radius: 6px;
    background-color: #f2f3f5;
    border: 1px solid #cdcfd6;
    padding: 0 10px;
    color: #050d33;
    font-size: 14px;
    width: 100%
}

.basket--item__info span.item__price {
    color: #050d33;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.basket--controls {
    padding: 10px 15px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.basket--controls .btn-default {
    font-size: 14px;
    height: 30px;
    width: auto;
    padding: 5px 20px
}

.basket--controls .total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 20px;
    color: #050d33
}

.basket--controls .total .info {
    text-align: right
}

.basket--controls .total span {
    display: block;
    white-space: nowrap;
    padding-right: 10px
}

.basket.show .basket--icon {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px)
}

.basket.show .basket--wraper {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width:520px) {
    .basket--icon {
        top: 50%;
        margin-top: -40px
    }
    .basket--wraper {
        width: 305px;
        bottom: 15px;
        top: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .basket--list {
        max-height: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .basket--item {
        margin: 0 5px 10px 10px
    }
    .basket--item__image {
        width: 35px;
        height: 35px
    }
    .basket--item__info {
        font-size: 12px;
        max-width: 190px;
    }
    .basket--controls {
        display: block
    }
    .basket--controls .total {
        margin-bottom: 10px
    }
    .basket--controls .total .info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .basket--controls .total .info span {
        padding: 0
    }
    .basket--item__info a.item__delete {
        right: 5px
    }
    .basket--item__info .number {
        width: 55px
    }
    .basket--item__info span.item__price {
        font-size: 12px
    }
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
    -o-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    -webkit-transition-duration: .45s;
    -o-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    -webkit-transition-duration: .55s;
    -o-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    -webkit-transition-duration: .65s;
    -o-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
    -o-transition-delay: .65s;
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    -webkit-transition-duration: .7s;
    -o-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    -webkit-transition-duration: .75s;
    -o-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    -webkit-transition-duration: .85s;
    -o-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    -webkit-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    -webkit-transition-duration: .95s;
    -o-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    -webkit-transition-duration: 1.05s;
    -o-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    -webkit-transition-duration: 1.1s;
    -o-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    -webkit-transition-duration: 1.15s;
    -o-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    -webkit-transition-duration: 1.25s;
    -o-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    -webkit-transition-duration: 1.35s;
    -o-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    -webkit-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    -webkit-transition-duration: 1.45s;
    -o-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    -o-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    -webkit-transition-duration: 1.55s;
    -o-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    -webkit-transition-duration: 1.6s;
    -o-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    -webkit-transition-duration: 1.65s;
    -o-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    -o-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    -webkit-transition-duration: 1.7s;
    -o-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    -webkit-transition-duration: 1.75s;
    -o-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    -webkit-transition-duration: 1.8s;
    -o-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    -webkit-transition-duration: 1.85s;
    -o-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    -o-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    -webkit-transition-duration: 1.9s;
    -o-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    -webkit-transition-duration: 1.95s;
    -o-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    -o-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    -webkit-transition-duration: 2.05s;
    -o-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    -o-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    -webkit-transition-duration: 2.1s;
    -o-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    -webkit-transition-duration: 2.15s;
    -o-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    -o-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    -webkit-transition-duration: 2.2s;
    -o-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    -webkit-transition-duration: 2.25s;
    -o-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    -o-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    -webkit-transition-duration: 2.3s;
    -o-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    -webkit-transition-duration: 2.35s;
    -o-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    -o-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    -webkit-transition-duration: 2.4s;
    -o-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    -webkit-transition-duration: 2.45s;
    -o-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    -o-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    -webkit-transition-duration: 2.5s;
    -o-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    -webkit-transition-duration: 2.55s;
    -o-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    -o-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    -webkit-transition-duration: 2.6s;
    -o-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    -webkit-transition-duration: 2.65s;
    -o-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    -o-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    -webkit-transition-duration: 2.7s;
    -o-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    -o-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    -webkit-transition-duration: 2.75s;
    -o-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    -o-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    -webkit-transition-duration: 2.8s;
    -o-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    -webkit-transition-duration: 2.85s;
    -o-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    -o-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    -webkit-transition-duration: 2.9s;
    -o-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    -o-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    -webkit-transition-duration: 2.95s;
    -o-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    -o-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-aos=fade-up] {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

[data-aos=fade-down] {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px)
}

[data-aos=fade-right] {
    -webkit-transform: translate(-100px);
    -ms-transform: translate(-100px);
    transform: translate(-100px)
}

[data-aos=fade-left] {
    -webkit-transform: translate(100px);
    -ms-transform: translate(100px);
    transform: translate(100px)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate(-100px, 100px);
    -ms-transform: translate(-100px, 100px);
    transform: translate(-100px, 100px)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate(100px, 100px);
    -ms-transform: translate(100px, 100px);
    transform: translate(100px, 100px)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate(-100px, -100px);
    -ms-transform: translate(-100px, -100px);
    transform: translate(-100px, -100px)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate(100px, -100px);
    -ms-transform: translate(100px, -100px);
    transform: translate(100px, -100px)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

[data-aos=zoom-in] {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translateY(100px) scale(0.6);
    -ms-transform: translateY(100px) scale(0.6);
    transform: translateY(100px) scale(0.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translateY(-100px) scale(0.6);
    -ms-transform: translateY(-100px) scale(0.6);
    transform: translateY(-100px) scale(0.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate(-100px) scale(0.6);
    -ms-transform: translate(-100px) scale(0.6);
    transform: translate(-100px) scale(0.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate(100px) scale(0.6);
    -ms-transform: translate(100px) scale(0.6);
    transform: translate(100px) scale(0.6)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translateY(100px) scale(1.2);
    -ms-transform: translateY(100px) scale(1.2);
    transform: translateY(100px) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translateY(-100px) scale(1.2);
    -ms-transform: translateY(-100px) scale(1.2);
    transform: translateY(-100px) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate(-100px) scale(1.2);
    -ms-transform: translate(-100px) scale(1.2);
    transform: translate(-100px) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate(100px) scale(1.2);
    -ms-transform: translate(100px) scale(1.2);
    transform: translate(100px) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

[data-aos=slide-up] {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

[data-aos=slide-down] {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

[data-aos=slide-right] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

[data-aos=slide-left] {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

@media only screen and (max-width:1200px) {
    [data-aos-delay] {
        -webkit-transition-delay: .3s !important;
        -o-transition-delay: .3s !important;
        transition-delay: .3s !important;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s
    }
}

.dropdown-s {
    position: relative;
}

.dropdown-s-inner {
    background-color: #f2f3f5;
    z-index: 999;
    padding: 20px 0;
}

.dropdown-s-inner ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown-s-inner ul li {
    border-top: 1px solid #e0e0e2;
    border-bottom: 0;
}

.dropdown-s-inner ul li:first-child {
    margin-right: 0;
}

.dropdown-s-inner ul li a {
    padding: 10px 20px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #050d33;
}

.dropdown-s-inner ul .active a {
    color: #2475c7;
}

.navbar--nav .dropdown-s-inner ul li a.active,
.navbar--nav .dropdown-s-inner ul li a:hover {
    color: #2475c7;
    background-color: transparent;
}

@media (min-width: 1201px) {
    .navbar--nav li.dropdown .dropdown-s-inner {
        position: absolute;
        top: 100%;
        left: 0;
        border: 1px solid #2475c7;
        padding: 20px 0;
        width: 220px;
    }

    .dropdown-s-inner ul li {
        border-top: 0;
        border-bottom: 0;
    }
}

.btn-clear {
    background-color: #f2f3f5;
    border-radius: 6px;
    border: 0;
    height: 40px;
    color: #696e85;
    font-size: 18px;
    width: 100%;
    cursor: pointer;
}

.btn-clear:hover,
.btn-clear:focus {
    background-color: #22489b;
    color: #fff;
}

.filter-tabs {
    margin-bottom: 40px;
}

.filter-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.filter-tabs ul li {
    width: 100%;
    margin-bottom: 2px;
}

.filter-tabs ul li a {
    font-size: 18px;
    color: #fff;
    background-color: #2475c7;
    padding: 10px 30px;
    display: block;
    border-radius: 6px;
    text-align: center;
}

.filter-tabs ul li a:hover,
.filter-tabs ul li a:focus,
.filter-tabs ul .active a {
    box-shadow: inset 0 5px 10px #0a2869;
    background-color: #0a5199;
}


.product-category-link {
    margin-bottom: 5px;
    font-size: 14px;
}

.address-row {
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.address-row .address-column {
    padding: 0 5px;
    width: 100%;
}

.delivery_address .input-wrapper {
    margin-bottom: 15px;
}

.delivery_address .input-wrapper input {
    margin-bottom: 5px;
}

.delivery_address .validation-error {
    color: tomato;
    font-size: 12px;
}

.note-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.note-wrapper .input-wrapper {
    width: 100%;
    margin-bottom: 10px;
}

.note-wrapper .input-wrapper label {
    display: none;
}

.note-wrapper .input-wrapper input {
    height: 40px;
    border: 0;
    border-radius: 6px;
    padding: 5px 15px;
    max-width: 100%;
    width: 100%;
}

.snoska {
    position: relative;
    top: -10px;
    font-size: 14px;
    margin-left: 5px;
}

.snoska-list {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-top: 20px;
    color: #212121;
    font-size: 16px;
    line-height: 1.45;
    display: inline-block;
    vertical-align: top;
}

.snoska-list li {
    margin-bottom: 5px;
}

.back-to-shopping-btn svg {
    display: inline;
    margin-right: 5px;
}

.back-to-shopping-btn:hover svg path {
    fill: #fff !important;
}

.send-order-btn svg {
    display: inline;
    margin-right: 5px;
}

.confirmation-modal .popup__header {
    background-color: #fff;
    font-size: 24px;
    line-height: 1.2;
    color: #050d33;
    text-transform: none;
    padding: 40px 30px 0 30px;
}

.confirmation-modal .popup__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.confirmation-modal .popup__body .btn {
    margin: 0 10px;
    font-size: 16px;
    width: auto;
    min-width: 110px;
}

.confirmation-modal .btn-outline {
    border-color: #ddd;
    background-color: #f5f5f5;
    color: #696e85;
}

.confirmation-modal .btn-outline:hover {
    border-color: #22489b;
    background-color: #22489b;
    color: #fff;
}

.solution-slider-section {
    padding-top: 30px;
    padding-bottom: 60px;
}

.solution-slider-section h3 {
    text-align: center;
    margin: 0;
    color: #050d33;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.solution-slider-section .solution-slider {
    padding: 0 30px;
}

.solution-slider-section .solution-slider .slick-slide {
    padding: 0 10px;
}

.solution-slider-section .solution-slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background-color: rgba(5, 13, 51, .5);
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}


.solution-slider-section .solution-slider .slick-arrow img {
    height: 16px;
    vertical-align: middle;
}

.solution-slider-section .solution-slider .slick-arrow:hover,
.solution-slider-section .solution-slider .slick-arrow:focus {
    background-color: rgba(5, 13, 51, 1);
}

.solution-slider-section .solution-slider .slick-disabled,
.solution-slider-section .solution-slider .slick-disabled:hover,
.solution-slider-section .solution-slider .slick-disabled:focus {
    background-color: rgba(5, 13, 51, .1);
    cursor: default;
}


.solution-slider-section .solution-slider .slick-next {
    right: 0;
}

.solution-slider-section .solution-slider .slick-prev {
    left: 0;
}

.solution-slider-section .solution-slider .slick-prev img {
    transform: rotate(180deg);
}

.solution-slider-section .solution-slider .solution-item .inner-wrapper {
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    padding-top: 100%;
    cursor: pointer;
}

.solution-slider-section .solution-slider .solution-item .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(5, 13, 51, .3);
    overflow: hidden;
    padding: 20px;
    color: #fff;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    transition: background-color .3s ease;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.solution-slider-section .solution-slider .solution-item:hover .inner {
    background-color: rgba(5, 13, 51, .5);
}

.solution-slider-section .solution-slider .solution-item .inner h4 {
    font-size: 24px;
    margin: 0;
}

.solution-slider-section .solution-slider .solution-item .inner .item-text {
    opacity: 0;
    overflow: hidden;
    height: 0;
    padding-top: 0;
    transition: opacity .3s ease;
}

.solution-slider-section .solution-slider .solution-item:hover .inner .item-text {
    opacity: 1;
    height: auto;
    padding-top: 20px;
}







.smodal-open {
    overflow: hidden;
}

.solutions-modal-slider-wrapper {
    position: fixed;
    padding: 60px 15px;
    height: 100%;
    width: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(5, 13, 51, .9);
    color: #fff;
    display: none;
}

.solutions-modal-slider-wrapper.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.solutions-modal-slider-wrapper .solutions-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 0;
    border: 0;
    background-color: transparent;
    width: 40px;
    height: 40px;
    cursor: pointer;
    opacity: .5;
}

.solutions-modal-slider-wrapper .solutions-modal-close:hover {
    opacity: 1;
}

.solutions-modal-slider-wrapper .solutions-modal-close img {
    vertical-align: middle;
}

.solutions-modal-slider-wrapper .inner {
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
    width: 100%;
    max-width: 1170px;

}

.solutions-modal-slider-wrapper .inner::-webkit-scrollbar {
    background: transparent;
    width: 8px;
}
.solutions-modal-slider-wrapper .inner::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5);
    border: 0;
    border-radius: 4px;
}
.solutions-modal-slider-wrapper .inner::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 1);
}

.solutions-modal-slider {
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;
    max-width: 1125px;
}

.solution-arrows-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

.solution-arrows-wrapper .slick-arrow {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    opacity: .5;
}

.solution-arrows-wrapper .slick-arrow:hover {
    opacity: 1;
}

.solution-arrows-wrapper .slick-disabled,
.solution-arrows-wrapper .slick-disabled:hover,
.solution-arrows-wrapper .slick-disabled:focus {
    opacity: .1;
    cursor: default;
}

.solution-arrows-wrapper .slick-prev {
    left: 15px;
}

.solution-arrows-wrapper .slick-prev img {
    transform: rotate(180deg)
}

.solution-arrows-wrapper .slick-next {
    right: 15px;
}

.solution-arrows-wrapper .slick-arrow img {
    width: 30px;
}

.solutions-modal-slider-wrapper .solutions-modal-item h3 {
    color: #fff;
    text-align: left;
    font-size: 24px;
    text-transform: none;
    margin-bottom: 20px;
}

.solutions-modal-slider-wrapper .solutions-modal-item {
    font-size: 14px;
    line-height: 1.5;
    padding: 0 10px;
}

.solutions-modal-slider-wrapper .solutions-modal-item .image-wrapper {
    margin-bottom: 20px;
    text-align: center;
}

.solutions-modal-slider-wrapper .solutions-modal-item .image-wrapper img {
    margin: 0 auto;
}

.go-to-top {
    display: none;
    width: 60px;
    height: 60px;
    background: #2475c7;
    position: fixed;
    z-index: 1;
    right: 15px;
    bottom: 55px;
    border-radius: 6px;
    text-align: center;
}

.go-to-top:hover {
    background: #22489b;
}

.go-to-top img {
    transform: rotate(-90deg);
}

.service-readmore {
    padding-top: 5px;
}

.service-readmore a:hover {
    border-bottom: 1px dotted currentColor;
}


.readmore-modal .popup__body {
    border-radius: 6px;
    line-height: 1.5;
    font-size: 16px;
    color: #696e85;
    padding: 40px;
}

.readmore-modal button.mfp-close {
    background-color: #2475c7;
    color: #fff;
    width: 30px;
    height: 30px;
    opacity: 1;
    border-radius: 50%;
    line-height: 29px;
}

.readmore-modal .popup__body h4 {
    font-size: 30px;
    color: #050d33;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0;
    margin-bottom: 20px;
}

.purchase--summary-bottom .btn--continue_shoping {
    display: block;
    width: 100%;
    color: #22489b;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #22489b;
    border-radius: 6px;
    padding: 9px 10px;
}

.purchase--summary-bottom .btn--continue_shoping:hover {
    background-color: #22489b;
    color: #fff;
}

.purchase--summary-bottom .btn--continue_shoping:hover svg path {
    fill: #fff !important;
}

.btn--print {
    display: block;
    width: 100%;
    color: #000;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 9px 10px;
    margin-bottom: 20px;
}

.purchase--summary-bottom .btn--print:hover {
    background-color: #22489b;
    color: #fff;
    border-color: #22489b;
}

.purchase--summary-bottom .btn--print:hover svg path {
    fill: #fff !important;
}

.show-more-news {
    text-align: center;
}

.show-more-news a {
    display: inline-block;
    color: #22489b;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #22489b;
    border-radius: 4px;
    padding: 9px 30px;
    margin-bottom: 20px;
}

.show-more-news a:hover {
    background-color: #22489b;
    color: #fff;
}

.back-call {
    display: none;
}

.phone-mob {
    margin: 0 10px 0 auto;
    min-height: 30px;
    color: #fff;
    line-height: 1.45;
    border-radius: 6px;
    background-color: #22489B;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.phone-mob svg {
    display: none;
    margin-right: 5px;
}

.phone-mob:hover,
.phone-mob:focus {
    color: #fff;
}

.go-to-top.scrolled {
    display: none;
}


.navbar-close-item {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;
}

.navbar--nav .navbar-close-item .navbar--close {
    position: relative;
    top: 0;
    left: 0;
}

.preview {
    margin-bottom: 10px;
}

.preview ul li:first-child {
    height: 190px;
    position: relative;
}
.preview ul li:first-child img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;

       -o-object-position: top center;
       object-position: top center;
}

.product--image {
    height: 140px;
    position: relative;
}
.product--image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

@media (min-width: 768px) {
    .services--page .projects--form h3 {
        text-align: left;
    }

    .solutions-modal-slider {
        padding: 0 80px;
    }

    .go-to-top.scrolled {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
                align-items: center;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .solution-arrows-wrapper .slick-arrow img {
        width: auto;
    }

    .solution-slider-section h3 {
        font-size: 30px;
    }

    .solution-slider-section .solution-slider .slick-arrow {
        width: 60px;
        height: 60px;
        border-radius: 6px;
    }

    .solution-slider-section .solution-slider {
        padding: 0 90px;
    }

    .solution-slider-section .solution-slider .slick-arrow img {
        height: auto;
    }

    .filter-tabs ul li {
        margin-right: 1px;
        width: auto;
        margin-bottom: 1px;
    }
    .filter-tabs ul li a {
        border-radius: 0;
    }

    .filter-tabs ul li:first-child a {
        border-radius: 6px 0 0 6px;
    }

    .filter-tabs ul li:last-child a {
        border-radius: 0 6px 6px 0;
    }

    .address-row .address-column {
        width: 50%;
    }

    .note-wrapper .input-wrapper {
        margin-right: 10px;
        width: auto;
        margin-bottom: 0;
    }

    .note-wrapper .input-wrapper input {
        width: 330px;
    }
}


@media (min-width: 769px) {
    .back-call {
        display: flex;
    }

    .phone-mob {
        display: none;
    }
}

@media (min-width: 1200px) {
    .navbar-close-item {
        display: none;
    }
}
.text-right {
  text-align: right
}

.delivery-row {display: none;}
.delivery-row.active {display: table-row;}
.delivery-row.note {text-align: left;color: #22489b;font-size: 20px;line-height: 30px;font-size: 24px;font-weight: bold;}
.delivery-order-row {
  font-family: 'Open Sans Condensed', sans-serif;text-align: left;color: #22489b;font-size:18px;
}
.search-not-found {
  padding-left: 25px;
  padding-top: 10px;
}
.msg-error {
  color: red;
  color: #ff3c3c;
  font-family: 'Open Sans, sans-serif'
}
.uppercase {
  text-transform: uppercase;
}