/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

body {
    margin: 0
}

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

h1 {
    font-size: 2em;
    margin: .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;
    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: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit] {
    -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: .35em .75em .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
}

menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

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

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

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

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

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

@font-face {
    font-family: Rotonda-Regular;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/RotondaC.eot);
    src: url(../fonts/RotondaC.eot?#iefix) format("embedded-opentype"), url(../fonts/RotondaC.ttf) format("truetype"), url(../fonts/RotondaC.woff) format("woff"), url(../fonts/RotondaC.woff2) format("woff2")
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    color: #0056ba
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.33em
}

.title,
h1,
h2 {
    font-family: Rotonda-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

h3,
h4,
h5,
h6 {
    font-family: Lato-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

img {
    max-width: 100%;
    display: block;
    height: auto
}

.title,
h1 {
    font-size: 64px
}

@media all and (max-width:1499px) {
    .title,
    h1 {
        font-size: 44px
    }
}

@media all and (max-width:767px) {
    .title,
    h1 {
        font-size: 36px
    }
}

@media all and (max-width:479px) {
    .title,
    h1 {
        font-size: 34px
    }
}

h2 {
    font-size: 48px
}

@media all and (max-width:1499px) {
    h2 {
        font-size: 28px
    }
}

@media all and (max-width:767px) {
    h2 {
        font-size: 36px
    }
}

@media all and (max-width:479px) {
    h2 {
        font-size: 34px
    }
}

h3 {
    font-size: 30px;
    line-height: 1.2
}

@media all and (max-width:1499px) {
    h3 {
        font-size: 22px
    }
}

@media all and (max-width:767px) {
    h3 {
        font-size: 18px
    }
}

h4,
h5 {
    font-size: 24px
}

@media all and (max-width:1023px) {
    h4,
    h5 {
        font-size: 16px
    }
}

a,
li,
p {
    font-size: 18px;
    line-height: 1.35;
    font-family: Lato-Regular, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

@media all and (max-width:1499px) {
    a,
    li,
    p {
        font-size: 14px
    }
}

.body-overflow {
    overflow: hidden
}

.wrapper {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(0, #0056ba));
    background: -webkit-linear-gradient(#fff 50%, #0056ba 0);
    background: linear-gradient(#fff 50%, #0056ba 0);
    background-attachment: fixed;
    background-size: 100% 160px;
    padding: 0 120px;
    position: relative
}
@media all and (max-width:1099px) {
    .wrapper {
        padding: 0 40px
    }
}
@media all and (max-width:800px) {
    .wrapper {
        padding: 0
    }
}

@media all and (max-width:479px) {
    .wrapper {
        padding: 0
    }
}

.container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1400px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0 60px
}

@media all and (max-width:1279px) {
    .container {
        padding: 0 30px
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

a,
button {
    outline: 0
}

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

b,
strong {
    font-size: inherit;
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

ol,
ul {
    list-style: none
}

i {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.fw {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.site-button {
    font-size: 14px;
    color: #fff;
    padding: 12px 18px;
    max-width: 240px;
    width: 100%;
    display: inline-block;
    border: none;
    line-height: 1.3em;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    border: 2px solid #fff;
    border-radius: 30px;
    text-align: center;
    font-family: Lato-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

@media all and (max-width:1365px) {
    .site-button {
        font-size: 14px
    }
}

.site-button:hover {
    background-color: #fff;
    color: #0056ba
}

.site-button--blue {
    background-color: #0056ba;
    color: #fff;
    border: 2px solid #0056ba
}

.site-button--blue:hover {
    background-color: #fff;
    color: #0056ba;
    border: 2px solid #fff
}

.sidebar__facebook path {
    fill: #0056ba;
    -webkit-transition: all .25s;
    transition: all .25s
}

.sidebar__facebook svg:hover path {
    fill: #073c92
}

.sidebar__language {
    position: relative;
}

@media all and (max-width:1023px) {
    .sidebar__language {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}


.sidebar__language:hover .sidebar__dropdown {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.sidebar__current,
.sidebar__dropdown__item {
    font-size: 21px;
    font-family: Rotonda-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    color: #0056ba
}

@media all and (max-width:767px) {
    .sidebar__current,
    .sidebar__dropdown__item {
        font-size: 18px
    }
}

.sidebar__current {
    -webkit-transition: .25s;
    transition: .25s
}

.sidebar__current:hover {
    color: #073c92
}

@media all and (max-width:1023px) {
    .sidebar__current {
        position: relative
    }
}

.sidebar__dropdown {
    position: absolute;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    padding-left: 10px;
    left: -10px;
    background-color: #fff;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    padding-top: 5px
}

@media all and (max-width:1023px) {
    .sidebar__dropdown {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        padding-top: 0
    }
}

.sidebar__dropdown__item {
    text-align: left;
    padding: 5px 0;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media all and (max-width:1023px) {
    .sidebar__dropdown__item {
        padding: 0;
        margin-right: 10px
    }
    .sidebar__dropdown__itemlast-child {
        margin-right: 0
    }
}

.sidebar__dropdown__item a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    font-family: inherit
}

.sidebar__dropdown__item:hover {
    color: #073c92
}

.burger {
    position: relative;
    cursor: pointer
}

.burger__line {
    width: 30px;
    height: 4px;
    background-color: #0056ba;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .25s;
    transition: all .25s
}

.burger__line:nth-child(1) {
    top: 7px
}

.burger__line:nth-child(2) {
    top: 20px
}

.burger.is-active .burger__line:nth-child(1) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    top: 15px
}

.burger.is-active .burger__line:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    top: 15px
}

.main {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    background-color: #fff
}

.header {
    position: fixed;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 120px;
    -webkit-transition: height .35s;
    transition: height .35s;
    z-index: 100000;
}

.header.smart .header__logo__img {
    margin-right: 0;
    margin-right: 50px;
    max-width: 110px
}

@media all and (max-width:1023px) {
    .header.smart .header__logo__img {
        max-width: 65px;
        margin-right: 30px
    }
}

@media all and (max-width:767px) {
    .header.smart .header__logo__img {
        margin-right: 0
    }
}

.header.smart .header__navigation {
    padding-top: 5px
}

@media all and (max-width:1499px) {
    .header.smart .header__title {
        font-size: 35px
    }
}

@media all and (max-width:1279px) {
    .header.smart .header__title {
        font-size: 36px
    }
}

@media all and (max-width:767px) {
    .header.smart .header__title {
        font-size: 28px
    }
}

@media all and (max-width:567px) {
    .header.smart .header__title {
        font-size: 24px
    }
}

@media all and (max-width:374px) {
    .header.smart .header__title {
        padding: 0 8px;
        font-size: 20px
    }
}

@media all and (max-width:1099px) {
    .header {
        padding: 0 60px
    }
}

.header .container {
    padding: 0
}

@media all and (max-width:767px) {
    .header {
        padding: 0
    }
}

.header__container {
    background-color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 60px 0;
    height: auto;
    -webkit-transition: height .25s;
    transition: height .25s;
}

@media all and (max-width:1023px) {
    .header__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 30px
    }
}

@media all and (max-width:767px) {
    .header__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 7px 30px
    }
}

@media all and (max-width:374px) {
    .header__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 7px 20px
    }
}

.header__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 90%;
    padding-right: 20px;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media all and (max-width:1279px) {
    .header__logo {
        max-width: 85%
    }
}

@media all and (max-width:1023px) {
    .header__logo {
        max-width: 100%;
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.header__logo__img {
    max-width: 140px;
    margin-right: 40px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

@media all and (max-width:1279px) {
    .header__logo__img {
        margin-right: 20px
    }
}

@media all and (max-width:767px) {
    .header__logo__img {
        max-width: 120px
    }
}

@media all and (max-width:639px) {
    .header__logo__img {
        max-width: 100px
    }
}

@media all and (max-width:567px) {
    .header__logo__img {
        max-width: 65px;
        margin-right: 0
    }
}

.header__title {
    font-size: 45px;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-family: Rotonda-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    width: 100%
}

.header__title span {
    font-size: 0.5em;
    transform: translateY(-0.5em);
    display: inline-block;
}

@media all and (max-width:1499px) {
    .header__title {
        font-size: 35px
    }
}

@media all and (max-width:1279px) {
    .header__title {
        font-size: 24px
    }
}

@media all and (max-width:1023px) {
    .header__title {
        max-width: 80%;
        padding: 0 25px;
        font-size: 20px;
        text-align: center
    }
}

@media all and (max-width:767px) {
    .header__title {
        max-width: 65%;
        padding: 0 15px
    }
}

@media all and (max-width:567px) {
    .header__title {
        font-size: 18px
    }
}

@media all and (max-width:374px) {
    .header__title {
        padding: 0 8px;
        font-size: 16px
    }
}

.header__burger {
    display: none
}

@media all and (max-width:1023px) {
    .header__burger {
        display: block;
        max-width: 5%;
        height: 30px;
        width: 100%;
        background-color: transparent
    }
}

@media all and (max-width:767px) {
    .header__burger {
        max-width: 15%
    }
}

.header__sidebar {
    max-width: 5%;
    width: 100%
}

@media all and (max-width:1279px) {
    .header__sidebar {
        max-width: 15%
    }
}

@media all and (max-width:1023px) {
    .header__sidebar {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: rotateX(90deg) translate(-50%);
        transform: rotateX(90deg) translate(-50%);
        position: absolute;
        left: 50%;
        top: 0;
        max-width: 100%;
        padding: 15px 30px 5px 30px
    }
    .header__sidebar.is-active {
        -webkit-transform: rotateX(0) translate(0);
        transform: rotateX(0) translate(0);
        position: relative;
        left: 0
    }
}

.header__navigation {
    max-width: 100%;
    width: 100%;
    padding-top: 5px;
    -webkit-transition: padding .25s;
    transition: padding .25s
}

@media all and (max-width:1023px) {
    .header__navigation {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: rotateX(90deg) translate(-50%);
        transform: rotateX(90deg) translate(-50%);
        position: absolute;
        left: 50%;
        top: 0;
        padding-top: 10px
    }
    .header__navigation.is-active {
        -webkit-transform: rotateX(0) translate(0);
        transform: rotateX(0) translate(0);
        position: relative;
        left: 0
    }
    .header__navigation.is-active .header__navigation__list {
        margin: 0 -30px
    }
}

.header__navigation__list {
    margin: 0 -60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

@media all and (max-width:1023px) {
    .header__navigation__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media all and (max-width:767px) {
    .header__navigation__list {
        margin: 0
    }
}

.header__navigation__list li {
    text-transform: uppercase;
    font-size: 22px;
    color: #fff;
    padding: 10px 10px 8px 10px;
    font-weight: 900;
    font-family: Rotonda-Regular, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .25s;
    transition: all .25s
}

.header__navigation__list li:nth-child(1) {
    background-color: #72bc00;
    border: 2px solid #72bc00
}

.header__navigation__list li:nth-child(2) {
    background-color: #f89e1c;
    border: 2px solid #f89e1c
}

.header__navigation__list li:nth-child(3) {
    background-color: #0056ba;
    border: 2px solid #0056ba
}

.header__navigation__list li:nth-child(4) {
    background-color: #7262a8;
    border: 2px solid #7262a8;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header__navigation__list li:nth-child(5) {
    border: 2px solid transparent;
    -webkit-transition: color .25s;
    transition: color .25s;
    padding: 0 4px
}

@media all and (max-width:1399px) {
    .header__navigation__list li:nth-child(5) {
        -webkit-box-flex: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

.header__navigation__list li:nth-child(5) a {
    padding: 10px 10px 8px 10px;
    background-image: url(../images/fill-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

@media all and (max-width:1279px) {
    .header__navigation__list li:nth-child(5) a {
        padding: 10px 12px 8px 12px
    }
}

@media all and (max-width:767px) {
    .header__navigation__list li:nth-child(5) a {
        padding: 15px 10px 15px 10px;
        -webkit-transition: all .25s;
        transition: all .25s
    }
}

@media all and (max-width:1023px) {
    .header__navigation__list li:nth-child(5) {
        border: 2px solid #439fec;
        -webkit-transition: color 0s;
        transition: color 0s;
        padding: 0
    }
    .header__navigation__list li:nth-child(5) a {
        background-image: none;
        background-color: #439fec
    }
}

.header__navigation__list li:hover {
    background-color: transparent
}

.header__navigation__list li:hover:nth-child(1) {
    color: #72bc00
}

.header__navigation__list li:hover:nth-child(2) {
    color: #f89e1c
}

.header__navigation__list li:hover:nth-child(3) {
    color: #0056ba
}

.header__navigation__list li:hover:nth-child(4) {
    color: #7262a8
}

.header__navigation__list li:hover:nth-child(5) {
    color: #439fec
}

.header__navigation__list li:hover:nth-child(5) a {
    background-image: url(../images/fill-1-hover.svg)
}

@media all and (max-width:1023px) {
    .header__navigation__list li:hover:nth-child(5) {
        color: #439fec;
        background-image: none;
        border: 2px solid #439fec
    }
    .header__navigation__list li:hover:nth-child(5) a {
        background-image: none;
        background-color: transparent
    }
}

@media all and (max-width:1365px) {
    .header__navigation__list li {
        font-size: 18px
    }
}

@media all and (max-width:1023px) {
    .header__navigation__list li {
        font-size: 22px
    }
}

@media all and (max-width:767px) {
    .header__navigation__list li {
        font-size: 18px
    }
}

.header__navigation__list a {
    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;
    width: 100%;
    height: 100%;
    text-transform: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    -webkit-transition: background 0s;
    transition: background 0s
}


.header__navigation__list a span {
    font-size: 0.7em;
    transform: translateY(-0.4em);
    display: inline-block;
}

.hero .container {
    padding: 0
}

.hero__container {
    padding-bottom: 20px
}

@media all and (max-width:1023px) {
    .hero__container {
        margin-top: 30px;
    }
}

.hero__slider .slick-track {
    line-height: 0;
    display: block;
    overflow: hidden
}

.hero__slider .slick-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 60px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .6);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    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
}

@media all and (max-width:1023px) {
    .hero__slider .slick-arrow {
        left: 30px
    }
}

.hero__slider .slick-arrow::before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background-color: transparent;
    border-left: 2px solid #0056ba;
    border-bottom: 2px solid #0056ba;
    -webkit-transform: rotate(45deg) translate(16%, -13%);
    transform: rotate(45deg) translate(16%, -13%)
}

.hero__slider .slick-arrow:hover {
    background-color: rgba(255, 255, 255, .8)
}

.hero__slider .slick-arrow:hover::before {
    border-color: #073c92
}

.hero__slider .slick-arrow:focus {
    background-color: rgba(255, 255, 255, .8)
}

.hero__slider .slick-next {
    left: auto;
    right: 60px
}

@media all and (max-width:1023px) {
    .hero__slider .slick-next {
        right: 30px
    }
}

.hero__slider .slick-next::before {
    -webkit-transform: rotate(225deg) translate(16%, -13%);
    transform: rotate(225deg) translate(16%, -13%)
}

.hero__slider .slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.hero__slider .slick-dots li {
    cursor: pointer;
    margin-right: 10px;
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: all .25s;
    transition: all .25s
}

.hero__slider .slick-dots li button {
    display: none
}

.hero__slider .slick-dots li:hover {
    background-color: transparent
}

.hero__slider .slick-dots li:last-child {
    margin-right: 0
}

.hero__slider .slick-dots li.slick-active {
    background-color: transparent
}

.hero__button {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media all and (max-width:767px) {
    .hero__button {
        max-width: 200px;
        bottom: 50px
    }
}

.hero__slide {
    height: 640px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width:1499px) {
    .hero__slide {
        height: 505px
    }
}

@media screen and (max-width:1300px) {
    .hero__slide {
        height: 465px
    }
}

@media screen and (max-width: 1023px) {
    .hero__slide {
        height: 1100px;
    }
}

@media screen and (max-width:600px) {
    .hero__slide {
        height: 800px;
    }
}
@media screen and (max-width:470px) {
    .hero__slide {
        height: 600px;
    }
}

@media screen and (max-width:340px) {
    .hero__slide {
        height: 454px;
    }
}

.hero__poster {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.receipts__container {
    padding: 70px 0
}

@media all and (max-width:1023px) {
    .receipts__container {
        padding: 40px 0
    }
}

@media all and (max-width:767px) {
    .receipts__container {
        padding: 20px 0
    }
}

.receipts__main-container {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

@media all and (max-width:767px) {
    .receipts__main-container {
        flex-direction: column;
    }
}

@media all and (max-width:1023px) {
    .receipts__title h2 {
        font-size: 30px;
    }
}
@media all and (max-width:767px) {
    .receipts__title h2 {
        font-size: 30px;
    }
}

.receipts__main-container img {
    width: 300px;
}

@media all and (max-width:767px) {
    .receipts__main-container img {
        width: 180px;
    }
}

@media all and (max-width:1023px) {
    .receipts__title h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
}
.receipts__main-container h3 a {
    font-size: 30px;
    white-space: nowrap;
}
@media all and (max-width:400px) {
    .receipts__main-container h3 a {
        white-space: normal;
    }
}
.receipts__main-container h4 {
    font-size: 18px;
    margin-bottom: 40px;
}

.receipts__main-container .insta__container {
    color: #0056ba;
    font-family: Lato-Bold, Arial, sans-serif;
    font-size: 18px;
}

.receipts__main-container .insta__container span{
    color: #f89e1c;
    text-transform: uppercase;
    font-family: Lato-Black, Arial, sans-serif;
}

.receipts__main-container .insta__link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Lato-Bold, Arial, sans-serif;
    color: #0056ba;
    font-size: 24px;
    margin: 15px 0 0;
}

.receipts__main-container .insta__link img {
    width: 22px;
    height: 22px;
    margin: 0 4px;
}

.receipts__title {
    text-align: center;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 60px
}

@media all and (max-width:1023px) {
    .receipts__title {
        margin-bottom: 60px;
        padding: 0 10px;
    }

}

@media all and (max-width:767px) {
    .receipts__title {
        margin-bottom: 40px
    }
}

.receipts__title h2 {
    margin-bottom: 10px
}

.receipts__title h2:last-child {
    margin-bottom: 0
}

.receipts__block {
    width: 100%
}

.receipts__cat-img {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    max-width: 354px
}

.receipts__cat-img svg {
    width: 100%;
    height: 50vh
}

.receipts__cat--sticky {
    position: -webkit-sticky;
    position: sticky
}

@media all and (max-width:1023px) {
    .receipts__rec {
        max-width: 100%
    }
}

.receipts__rec .receipts__receipt__img-wr::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.receipts__rec [data-show="false"] {
    pointer-events: none;
}

.receipts__rec [data-show="false"] .receipts__receipt__img-wr::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0057b8;
    background-image: url(/wp-content/themes/prostokvashino/images/prostokvashyno_img.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;

}

.receipts__product .receipts__receipt__img-wr::before {
    content: "";
    display: none
}

.receipts__product .receipts__box:nth-child(6) .receipts__receipt .receipts__receipt__text {
    background-color: #30d5c8!important
}

.receipts__product .receipts__box:nth-child(6) .receipts__receipt:hover .receipts__receipt__img-wr {
    background-color: #fff!important
}

.receipts__text-wrap {
    position: relative;
    display: inline-block
}

.receipts__text-append {
    position: absolute;
    top: 43%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 400px;
    width: 73%;
    text-align: center;
    font-family: Rotonda-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    font-size: 1vw;
    overflow: hidden;
    max-height: 6.65em
}

@media all and (max-width:1179px) {
    .receipts__text-append {
        font-size: 1.2vw
    }
}

.receipts__wrapper {
    margin: -15px -15px 25px -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.receipts__filter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 55px
}

@media all and (max-width:767px) {
    .receipts__filter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 35px
    }
}

@media all and (max-width:479px) {
    .receipts__filter {
        margin-bottom: 30px
    }
}

.receipts__filter__item,
.receipts__filter__text {
    font-family: Lato-Regular, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    margin-right: 30px
}

@media all and (max-width:767px) {
    .receipts__filter__item,
    .receipts__filter__text {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.receipts__filter__text {
    color: #202020;
    font-size: 18px
}

@media all and (max-width:1365px) {
    .receipts__filter__text {
        font-size: 16px
    }
}

@media all and (max-width:767px) {
    .receipts__filter__text {
        font-size: 14px
    }
}

@media all and (max-width:767px) {
    .receipts__filter__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.receipts__filter__item {
    color: #707070
}

.receipts__filter__item:last-child {
    margin-right: 0
}

.receipts__filter__item a,
.receipts__filter__item p {
    font-size: 18px;
    cursor: pointer;
    color: inherit;
    -webkit-transition: all .25s;
    transition: all .25s;
    font-family: Lato-Regular, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

@media all and (max-width:1365px) {
    .receipts__filter__item a,
    .receipts__filter__item p {
        font-size: 16px
    }
}

@media all and (max-width:767px) {
    .receipts__filter__item a,
    .receipts__filter__item p {
        font-size: 14px
    }
}

.receipts__filter__item a:hover,
.receipts__filter__item p:hover {
    color: #073c92
}

.receipts__filter__item.active {
    color: #0056ba
}

.receipts__box {
    max-width: 33%;
    width: 100%;
    padding: 15px;
    display: none
}


@media all and (max-width:767px) {
    .receipts__box {
        max-width: 50%;
    }
}

.receipts__box--show,
.receipts__box.is-opened {
    display: block
}

@media all and (max-width:767px) {
    .receipts__box {
        max-width: 100%
    }
}

.receipts__box:nth-child(4n-3) .receipts__receipt__text {
    background-color: #f89e1c
}

.receipts__box:nth-child(4n-3) .receipts__receipt {
    background-color: #f89e1c
}

.receipts__box:nth-child(4n-3) .receipts__receipt:hover {
    background-color: #fff
}

.receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__text {
    background-color: #fff
}

.receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__text {
    color: #f89e1c
}

.receipts__box:nth-child(4n-2) .receipts__receipt__text {
    background-color: #7262a8
}

.receipts__box:nth-child(4n-2) .receipts__receipt {
    background-color: #7262a8
}

.receipts__box:nth-child(4n-2) .receipts__receipt:hover {
    background-color: #fff
}

.receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__text {
    background-color: #fff
}

.receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__text {
    color: #7262a8
}

.receipts__box:nth-child(4n-1) .receipts__receipt__text {
    background-color: #0056ba
}

.receipts__box:nth-child(4n-1) .receipts__receipt {
    background-color: #0056ba
}

.receipts__box:nth-child(4n-1) .receipts__receipt:hover {
    background-color: #fff
}

.receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__text {
    background-color: #fff
}

.receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__text {
    color: #0056ba
}


.receipts__box:nth-child(4n) .receipts__receipt__text {
    background-color: #72bc00
}

.receipts__box:nth-child(4n) .receipts__receipt {
    background-color: #72bc00
}

.receipts__box:nth-child(4n) .receipts__receipt:hover {
    background-color: #fff
}

.receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__text {
    background-color: #fff
}

.receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__text {
    color: #72bc00;
    background-color: #fff
}

.receipts__product .receiptss__receipt__img {
    padding: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    z-index: 1
}

.receipts__product .receiptss__receipt__img.is-hidden {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    z-index: 2
}

.receipts__product .receipts__box:nth-child(4n-3) {
    display: block
}

.receipts__product .receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__text {
    color: #fff;
    background-color: #f89e1c
}

.receipts__product .receipts__box:nth-child(4n-3) .receipts__receipt:hover .receipts__receipt__img-wr {
    background-color: #f89e1c
}

.receipts__product .receipts__box:nth-child(4n-2) {
    display: block
}

.receipts__product .receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__text {
    color: #fff;
    background-color: #7262a8
}

.receipts__product .receipts__box:nth-child(4n-2) .receipts__receipt:hover .receipts__receipt__img-wr {
    background-color: #7262a8
}

.receipts__product .receipts__box:nth-child(4n-1) {
    display: block
}

.receipts__product .receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__text {
    color: #fff;
    background-color: #0056ba
}

.receipts__product .receipts__box:nth-child(4n-1) .receipts__receipt:hover .receipts__receipt__img-wr {
    background-color: #0056ba
}

.receipts__product .receipts__box:nth-child(4n) {
    display: block
}

.receipts__product .receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__text {
    color: #fff;
    background-color: #72bc00
}

.receipts__product .receipts__box:nth-child(4n) .receipts__receipt:hover .receipts__receipt__img-wr {
    background-color: #72bc00
}

.receipts__receipt {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transition: background .25s;
    transition: background .25s
}

.receipts__receipt__img-wr {
    height: 280px;
    position: relative;
    background-color: #fff;
    -webkit-transition: background .25s;
    transition: background .25s
}
@media all and (max-width:1440px){
    .receipts__receipt__img-wr{
        height:210px
    }
}
@media all and (max-width:1280px){
    .receipts__receipt__img-wr{
        height:190px
    }
}

@media all and (max-width:1023px) {
    .receipts__receipt__img-wr {
        height: 250px
    }
}
@media all and (max-width:769px) {
    .receipts__receipt__img-wr {
        height: 140px;
    }
}

@media all and (max-width:479px) {
    .receipts__receipt__img-wr {
        height: 200px
    }
}

.receipts__receipt__img-wr img {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.receipts__receipt:hover .receiptss__receipt__img.is-hidden {
    opacity: 1
}

.receipts__receipt__play {
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .25s;
    transition: all .25s
}

.receipts__receipt__play::before {
    content: "";
    position: absolute;
    left: 67%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 13px solid transparent;
    border-left: 20px solid #fff;
    -webkit-transition: all .25s;
    transition: all .25s
}

.receipts__receipt__video {
    text-align: center;
    padding: 30px 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    -webkit-transition: background .25s;
    transition: background .25s
}

.receipts__receipt__video h4 {
    font-family: Lato-Black, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    -webkit-transition: color .25s;
    transition: color .25s
}

@media all and (max-width:767px) {
    .receipts__receipt__video h4 {
        font-size: 18px
    }
}

.receipts__receipt__text {
    text-align: center;
    padding: 20px 20px;
    color: #fff;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media all and (max-width:1023px) {
    .receipts__receipt__text {
        padding: 20px 15px
    }
}


@media all and (max-width:769px) {
    .receipts__receipt__text {
        padding: 8px 10px
    }
}

.receipts__receipt__text h4,
.receipts__receipt__text p {
    color: inherit
}

.receipts__receipt__text h4 {
    max-height: 3.7em;
    overflow: hidden
}

.receipts__receipt__text h4:last-child {
    margin-bottom: 0
}

@media all and (max-width:1399px) {
    .receipts__receipt__text h4 {
        font-size: 18px
    }
}
@media all and (max-width:769px) {
    .receipts__receipt__text h4 {
        font-size: 12px
    }
}
@media all and (max-width:600px) {
    .receipts__receipt__text h4 {
        font-size: 16px
    }
}

@media all and (max-width:1399px) {
    .receipts__receipt__text p {
        font-size: 16px
    }
}

.receipts__receipt__like-row {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 15px;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.receipts__receipt__like-row svg {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 15px
}

.receipts__receipt__like-row svg path {
    fill: #fff
}

.receipts__receipt__like-text {
    font-size: 18px;
    font-family: Lato-Black, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    color: #fff
}

.receipts__videos {
    max-width: 100%
}

.receipts__videos .receipts__receipt__img-wr {
    position: relative
}

.receipts__videos .receipts__receipt__img-wr::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .35)
}

.receipts__videos .receipts__box {
    display: none;
    max-width: 33.33333%
}

@media all and (max-width:1279px) {
    .receipts__videos .receipts__box {
        max-width: 50%
    }
}

@media all and (max-width:767px) {
    .receipts__videos .receipts__box {
        max-width: 100%
    }
}

.receipts__videos .receipts__box.is-opened {
    display: block
}

.receipts__videos .receipts__box:hover .receipts__receipt__play {
    border-color: #0056ba;
    background-color: #0056ba
}

.receipts__videos .receipts__box:hover .receipts__receipt__video {
    background-color: #0056ba
}

.receipts__videos .receipts__box:hover .receipts__receipt__video h4 {
    color: #fff
}

.receipts__button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 300px;
    border: none;
    background-color: transparent;
    cursor: pointer
}

.receipts__button:hover img,
.receipts__button:hover svg {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.receipts__button:hover g {
    fill: #073c92
}

.receipts__button:hover p {
    color: #073c92
}

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

.receipts__button img,
.receipts__button svg {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    -webkit-transition: all .75s;
    transition: all .75s
}

.receipts__button img g,
.receipts__button svg g {
    -webkit-transition: all .25s;
    transition: all .25s;
    fill: #0056ba
}

.receipts__button p {
    display: inline-block;
    font-family: Lato-Black, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    text-transform: uppercase;
    font-size: 18px;
    -webkit-transition: all .25s;
    transition: all .25s
}

.way__container {
    padding: 20px 0 120px 0
}

@media all and (max-width:1023px) {
    .way__container {
        padding: 0 0 100px 0
    }
}

@media all and (max-width:374px) {
    .way .container {
        padding: 0
    }
}

.way__title {
    text-align: center;
    max-width: 845px;
    margin: 0 auto 50px
}

@media all and (max-width:1023px) {
    .way__title {
        margin-bottom: 20px
    }
}

@media all and (max-width:374px) {
    .way__title {
        padding: 0 20px
    }
}

.way__row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 360px;
    margin: 0 -15px
}

@media all and (max-width:1399px) {
    .way__row {
        min-height: 340px
    }
}

@media all and (max-width:1365px) {
    .way__row {
        margin: 0 -10px
    }
}

@media all and (max-width:1023px) {
    .way__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media all and (max-width:767px) {
    .way__row {
        min-height: auto
    }
}

@media all and (max-width:374px) {
    .way__row {
        margin: 0
    }
}

.way__row:nth-child(1) .way__step {
    background-color: #72bc00
}

.way__row:nth-child(1) .way__step__number {
    color: #72bc00
}

.way__row:nth-child(2) .way__step {
    background-color: #f89e1c
}

.way__row:nth-child(2) .way__step__number {
    color: #f89e1c
}

.way__row:nth-child(3) .way__step {
    background-color: #439fec
}

.way__row:nth-child(3) .way__step__number {
    color: #439fec
}

.way__row:nth-child(4) .way__step {
    background-color: #7262a8
}

.way__row:nth-child(4) .way__step__number {
    color: #7262a8
}

.way__box {
    max-width: 25%;
    width: 100%;
    padding: 15px
}

@media all and (max-width:1499px) {
    .way__box {
        padding: 10px;
        max-width: 24%
    }
    .way__box:nth-child(1) {
        max-width: 28%
    }
}

@media all and (max-width:1023px) {
    .way__box {
        max-width: 33.33333%
    }
}

@media all and (max-width:767px) {
    .way__box {
        max-width: 100%
    }
}

@media all and (max-width:374px) {
    .way__box {
        padding: 0 30px
    }
}

.way__box--extend {
    max-width: 48%
}

@media all and (max-width:1023px) {
    .way__box--extend {
        max-width: 66.66666%
    }
}

@media all and (max-width:767px) {
    .way__box--extend {
        max-width: 100%
    }
    .way__box--extend .way__box__img-cont {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: left center;
        object-position: left center
    }
}

.way__box--biggest {
    max-width: 75%
}

@media all and (max-width:1023px) {
    .way__box--biggest {
        max-width: 100%
    }
}

@media all and (max-width:1023px) {
    .way__box:nth-child(1) {
        max-width: 100%;
        padding: 20px 10px
    }
}

@media all and (max-width:767px) {
    .way__box {
        max-width: 100%
    }
    .way__box:nth-child(1) {
        padding: 30px 10px
    }
}

@media all and (max-width:374px) {
    .way__box:nth-child(1) {
        padding: 30px 0
    }
}

.way__box__img {
    height: 200px;
    overflow: hidden
}

@media all and (max-width:1499px) {
    .way__box__img {
        height: 170px
    }
}

.way__box__img-cont {
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -o-object-position: left center;
    object-position: left center
}

@media all and (max-width:767px) {
    .way__box__img-cont {
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center center;
        object-position: center center
    }
}

.way__box__img-wr {
    display: inline-block;
    position: relative
}

.way__box__img-quality {
    position: absolute;
    z-index: 1;
    right: 5%;
    width: 42%;
    height: 58%;
    top: 28%;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s
}

.way__box__img-quality:hover {
    -webkit-filter: drop-shadow(0 5px 20px #72bc00);
    filter: drop-shadow(0 5px 20px #72bc00)
}

@media all and (max-width:767px) {
    .way__box__img {
        height: 220px
    }
}

.way__box__img-bg {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media all and (max-width:767px) {
    .way__box__img-bg {
        margin: 0 auto;
        height: auto
    }
}

.way__box__img-bg-normal {
    display: block
}

.way__box__img-bg-hover {
    display: none
}

.way__box__img--content {
    height: 100%
}

@media all and (max-width:767px) {
    .way__box__img--content {
        height: auto
    }
}

@media all and (max-width:479px) {
    .way__box__img--content .way__box__img-wr {
        height: 170px
    }
}

.way__box__img--content .way__box__img-wr:hover .way__box__img-bg-normal {
    display: none
}

.way__box__img--content .way__box__img-wr:hover .way__box__img-bg-hover {
    display: block
}

.way__box__img--content .way__box__img-bg {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top;
    height: 100%
}

@media all and (max-width:1023px) {
    .way__box__img--content .way__box__img-bg {
        -o-object-position: right center;
        object-position: right center
    }
}

@media all and (max-width:767px) {
    .way__box__img--content .way__box__img-bg {
        height: auto
    }
}

@media all and (max-width:479px) {
    .way__box__img--content .way__box__img-bg {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 100% 50%;
        object-position: 100% 50%;
        width: 100%;
        height: 100%
    }
}

.way__box__text-wr {
    padding: 20px 10px 10px;
    text-align: center
}

.way__box__title {
    font-family: Lato-Black, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    margin-bottom: 10px;
    font-size: 22px
}

@media all and (max-width:1499px) {
    .way__box__title {
        font-size: 18px
    }
}

@media all and (max-width:1365px) {
    .way__box__title {
        font-size: 16px
    }
}

@media all and (max-width:1023px) {
    .way__box__title {
        max-width: 580px
    }
}

.way__box__p {
    font-family: Lato-Light, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.way__step {
    width: 100%;
    height: 100%;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px;
    color: #fff;
    text-align: center
}

@media all and (max-width:1023px) {
    .way__step {
        padding: 30px
    }
}

.way__step__number {
    font-size: 10px;
    position: relative;
    z-index: 1;
    font-size: 36px;
    margin-bottom: 35px;
    font-family: Lato-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.way__step__number::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media all and (max-width:1023px) {
    .way__step__number {
        font-size: 24px;
        margin-bottom: 25px
    }
    .way__step__number::before {
        width: 40px;
        height: 40px
    }
}

.way__step__title {
    color: inherit;
    font-size: 22px;
    font-family: Lato-Bold, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

@media all and (max-width:1499px) {
    .way__step__title {
        font-size: 18px
    }
}

@media all and (max-width:1365px) {
    .way__step__title {
        font-size: 16px
    }
}

@media all and (max-width:1023px) {
    .way__step__title {
        max-width: 580px
    }
}

.footer__container {
    padding: 40px 0 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__container.dscr {
    padding: 0 0 50px;
}

.footer__container.dscr p {
    color: #fff;
    font-size: 12px;
}

@media all and (max-width:767px) {
    .footer__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer .container {
    background-color: #0056ba
}

.footer__block {
    max-width: 33.3333%;
    width: 100%
}

@media all and (max-width:767px) {
    .footer__block {
        margin-bottom: 40px
    }
    .footer__block:last-child {
        margin-bottom: 0
    }
}

@media all and (max-width:1023px) {
    .footer__block:nth-child(1) {
        max-width: 40%
    }
}

@media all and (max-width:767px) {
    .footer__block:nth-child(1) {
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media all and (max-width:1023px) {
    .footer__block:nth-child(2) {
        max-width: 50%
    }
}

@media all and (max-width:767px) {
    .footer__block:nth-child(2) {
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media all and (max-width:1023px) {
    .footer__block:nth-child(3) {
        max-width: 15%
    }
}

@media all and (max-width:767px) {
    .footer__block:nth-child(3) {
        max-width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.footer__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media all and (max-width:767px) {
    .footer__button {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__button button {
    background-color: transparent
}

.footer__contacts {
    text-align: center;
    padding: 0 20px;
    color: #fff;
    font-size: 16px
}

@media all and (max-width:1365px) {
    .footer__contacts {
        font-size: 14px
    }
}

@media all and (max-width:767px) {
    .footer__contacts {
        padding: 0
    }
}

.footer__contacts p {
    color: inherit;
    font-size: inherit;
    line-height: 1.5
}

@media all and (max-width:1023px) {
    .footer__contacts p {
        margin-bottom: 10px
    }
    .footer__contacts p:last-child {
        margin-bottom: 0
    }
}

.footer__contacts a {
    font-size: inherit;
    font-family: Lato-Black, Arial, sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.footer__contacts a:hover {
    text-decoration: underline
}

@media all and (max-width:767px) {
    .footer__contacts span {
        line-height: 1.5;
        display: block
    }
}

.footer__icon img,
.footer__icon svg {
    cursor: pointer;
    display: block;
    margin-left: auto
}

.footer__icon {
    display: flex;
    justify-content: flex-end;
}


@media all and (max-width:767px) {
    .footer__icon {
        justify-content: center;
    }
}

.footer__icon a {
    display: block;
    width: 42px;
    margin-left: 20px;
}

@media all and (max-width:767px) {
    .footer__icon img,
    .footer__icon svg {
        margin: 0 auto
    }

    .footer__icon a {
        margin: 0 10px;
    }
}

.footer__icon img:hover circle,
.footer__icon svg:hover circle {
    fill: #fff
}

.footer__icon img:hover path,
.footer__icon svg:hover path {
    fill: #0056ba
}

.footer__icon circle,
.footer__icon path {
    -webkit-transition: all .25s;
    transition: all .25s
}

.footer__icon circle {
    fill: transparent;
    stroke-width: 2px
}

.popup {
    display: none;
    overflow-y: auto;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.popup * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.popup__layer {
    background-color: #000;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.popup__close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: -40px;
    cursor: pointer
}

@media all and (max-height:450px) {
    .popup__close {
        top: -15px
    }
}

.popup__close::after,
.popup__close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .25s;
    transition: all .25s
}

.popup__close::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.popup__close:hover::after,
.popup__close:hover::before {
    background-color: #0056ba
}

.popup__content {
    position: absolute;
    z-index: 2;
    max-width: 1280px;
    width: 100%;
    height: 70vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #000
}

@media all and (max-width:767px) {
    .popup__content {
        height: 50vh
    }
}

@media all and (max-height:450px) {
    .popup__content {
        height: 80vh
    }
}

.popup__content iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0
}