/*
	Front page
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

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

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border: 0;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dfe6e9;
}

a {
    background-color: transparent;
}

a:focus {
    outline: unset;
}

b,
strong {
    font-weight: 700;
}

small {
    font-size: 0.875em;
}

main img {
    max-width: 100%;
    height: auto;
    border-style: none;
}

button,
input {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
}

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

button:-moz-focusring {
    outline: 1px dotted #fff;
}

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

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
    color: #333;
    background: #fff;
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
    font-family: 'Ruberoid';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/Ruberoid-Bold.eot');
    src: local(''),
        url('../fonts/Ruberoid-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Ruberoid-Bold.woff2') format('woff2'),
        url('../fonts/Ruberoid-Bold.woff') format('woff'),
        url('../fonts/Ruberoid-Bold.ttf') format('truetype');
}

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

/* raleway-300 - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/raleway-v29-cyrillic_latin-300.woff2') format('woff2'),
        url('../fonts/raleway-v29-cyrillic_latin-300.ttf') format('truetype');
}

/* raleway-regular - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/raleway-v29-cyrillic_latin-regular.woff2') format('woff2'),
        url('../fonts/raleway-v29-cyrillic_latin-regular.ttf') format('truetype');
}

/* raleway-500 - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/raleway-v29-cyrillic_latin-500.woff2') format('woff2'),
        url('../fonts/raleway-v29-cyrillic_latin-500.ttf') format('truetype');
}

/* raleway-600 - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/raleway-v29-cyrillic_latin-600.woff2') format('woff2'),
        url('../fonts/raleway-v29-cyrillic_latin-600.ttf') format('truetype');
}

/* raleway-700 - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/raleway-v29-cyrillic_latin-700.woff2') format('woff2'),
        url('../fonts/raleway-v29-cyrillic_latin-700.ttf') format('truetype');
}

/* raleway-900 - cyrillic_latin */
@font-face {
    font-display: swap;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/raleway-v29-cyrillic_latin-900.woff2') format('woff2'),
        url('../fonts/raleway-v29-cyrillic_latin-900.ttf') format('truetype');
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #000;
    line-height: 1.76;
    background-color: #fff;
    overflow-x: hidden;
}

p {
    margin-top: 0;
    margin-bottom: 20px;
}

p:empty,
p:last-of-type {
    margin-bottom: 0;
}

.site-container-wrap {
    position: relative;
    overflow-x: hidden;
}

.site-container {
    position: relative;
    margin: auto;
    max-width: 1300px;
    width: 100%;
}

.hide {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

@media screen and (max-width: 1350px) {
    .site-container {
        padding: 0 15px;
    }
}

@media screen and (max-width: 980px) {
    .site-container {
        overflow: hidden;
    }
}

/* ## Headings */

h2,
h3,
h4,
h5,
.h2 {
    margin: 0;
    line-height: 1.5;
    font-weight: 700;
}

h1 {
    margin: 0;
    font-size: 46px;
    line-height: 1.5;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 32px;
}

h3,
.h3 {
    font-size: 26px;
}

h4,
.h3,
.h4 {
    font-weight: 700;
    line-height: 1.4;
}

h4,
.h4 {
    font-size: 22px;
}

h5,
.h5,
.h6,
.h7 {
    font-weight: 600;
    line-height: 1.4;
}

.h5 {
    font-size: 20px;
}

.h6 {
    font-size: 18px;
}

.h7 {
    font-size: 14px;
}

@media screen and (max-width: 640px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
}

/* ## Links */

a,
button,
input:focus {
    transition: 0.3s;
}

a {
    color: #2795dc;
    text-decoration: none;
}

/* ## Buttons */

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 13px 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    background-color: #2795dc;
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    transition: .3s;
    white-space: nowrap;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: unset;
}

button:not(.search-submit):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover {
    opacity: .7;
}

.button-more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    margin-left: -20px;
    font-size: 14px;
    font-weight: 400;
    color: #28598f;
    border-radius: 10px;
    transition: .3s;
    cursor: pointer;
}

.button-more:after {
    content: '';
    flex-shrink: 0;
    margin-top: 1px;
    margin-left: 5px;
    width: 17px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPGcgZmlsbD0iIzI4NTk4ZiI+CiAgICA8cGF0aCBkPSJNMTIgMTMuNzVhMS43NSAxLjc1IDAgMSAwIDAtMy41IDEuNzUgMS43NSAwIDAgMCAwIDMuNVpNMTkgMTMuNzVhMS43NSAxLjc1IDAgMSAwIDAtMy41IDEuNzUgMS43NSAwIDAgMCAwIDMuNVpNNSAxMy43NWExLjc1IDEuNzUgMCAxIDAgMC0zLjUgMS43NSAxLjc1IDAgMCAwIDAgMy41WiIvPgogIDwvZz4KPC9zdmc+Cg==);
    background-position: center;
    background-repeat: no-repeat;
}

.button-more:hover {
    color: #fff;
    background-color: #2795dc;
    text-decoration: none;
}

.button-more:hover:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBmaWxsPSIjZmZmIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMy43NWExLjc1IDEuNzUgMCAxIDAgMC0zLjUgMS43NSAxLjc1IDAgMCAwIDAgMy41Wk0xOSAxMy43NWExLjc1IDEuNzUgMCAxIDAgMC0zLjUgMS43NSAxLjc1IDAgMCAwIDAgMy41Wk01IDEzLjc1YTEuNzUgMS43NSAwIDEgMCAwLTMuNSAxLjc1IDEuNzUgMCAwIDAgMCAzLjVaIi8+CiAgPC9nPgo8L3N2Zz4K);
    transform: .3s;
}

.cross {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.cross:before,
.cross:after {
    content: "";
    width: 1px;
}

.cross:before {
    transform: rotate(45deg);
}

.cross:after {
    transform: rotate(-45deg);
}

/* ## Form */

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
textarea,
select {
    --border: #e3e3e3;
    display: block;
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #223158;
    line-height: 1.3;
    background-color: #fff;
    border: 1px solid var(--border);
    border-radius: 10px;
}

input[type="tel"],
input[type="date"] {
    font-family: 'Ruberoid', sans-serif;
}

input.error,
textarea.error {
    --border: #eb3154;
}

select:hover {
    cursor: pointer;
}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="date"]:disabled,
textarea:disabled,
select:disabled {
    color: rgba(164, 174, 185, 1);
    background-color: #eceff2;
    cursor: not-allowed;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #e7eaee;
    outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto
}

label {
    display: block;
}

/* ## Input select */

select {
    padding-right: 50px;
    color: #808080;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAANUlEQVQImYXMuw0AIAwD0Qv7ZVoGPBqK8BGksWw9JYDO52LmC2aUcoMJ0NRl2AEAKgUeH1UGNA0P+kwys8wAAAAASUVORK5CYII=);
    background-position: right 20px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
}

select::-ms-expand {
    display: none;
}

/* ## Placeholder */

::placeholder {
    font-size: 17px;
    font-weight: 300;
    color: #2b2b29;
    text-overflow: ellipsis;
    opacity: 0.5;
    transition: opacity ease 0.3s;
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0;
}

/* ## Overlay */

.menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: #000;
    visibility: hidden;
    opacity: 0;
    transition: opacity .35s ease-in;
}

.menu-overlay.active {
    visibility: visible;
    opacity: .5;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 40px;
}

/* ## Logo */

.logo {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 30px;
    color: #000;
}

.logo .h1 {
    display: flex;
    align-items: center;
    font-size: 26px;
    color: #000;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.logo .h1 span {
    margin-right: 55px;
    font-weight: 300;
}

.logo picture {
    position: absolute;
    top: -20px;
    left: 70px;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 64px;
    background-image: url(../img/logo-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.logo img {
    width: 40px;
    height: auto;
}

.site-desc {
    margin-right: 50px;
    max-width: 180px;
    font-size: 12px;
    line-height: 1.42;
    opacity: .7;
}

@media screen and (max-width: 1040px) {
    .site-desc {
        display: none;
    }
}

/* ## Header bg */

.header-bg {
    position: absolute;
    top: 0;
    z-index: -3;
    width: 100vw;
    overflow: hidden;
}

.header-bg .oval-1 {
    position: absolute;
    top: -520px;
    left: calc(-50vw + 50% - 100px);
}

.header-bg .oval-2 {
    position: absolute;
    top: -700px;
    left: 110px;
}

.header-bg .oval-3 {
    position: absolute;
    top: -570px;
    left: 480px;
}

.header-bg .oval-4 {
    position: absolute;
    top: -700px;
    right: calc(-50vw + 50% - 720px);
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/

.menu {
    position: relative;
    display: flex;
    margin: 0;
    padding: 0;
    line-height: 1;
    list-style: none;
}

@media screen and (min-width: 1141px) {
    .full-menu-item>a {
        font-size: 26px;
    }
}

@media screen and (min-width: 981px) {
    .header-menu {
        display: flex;
        align-items: center;
        margin-left: auto;
        max-width: calc(100% - 200px);
    }

    /* ## Primary menu full */

    .primary-menu .hide-menu.close .burger span:before {
        top: -1px;
        transform: rotate(45deg);
    }

    .primary-menu .hide-menu.close .burger span:after {
        top: -1px;
        transform: rotate(-45deg);
    }

    .primary-menu-full {
        position: absolute;
        left: 0;
        z-index: -999;
        display: flex;
        flex-wrap: wrap;
        padding: 10px 20px;
        width: 100%;
        height: 0;
        background-color: #2795dc;
        border-radius: 40px 2px 40px 40px;
        opacity: 0;
        overflow: hidden;
        transition: opacity 0.3s, height 0.3s;
    }

    .primary-menu-full.active {
        z-index: 999;
        height: auto;
        opacity: 1;
        transition: opacity 0.3s, height 0.3s;
    }

    .primary-menu-full>.menu-column {
        flex: 1;
        padding: 20px;
    }

    .full-menu-item:not(:last-child) {
        margin-bottom: 30px;
    }

    .primary-menu-full a {
        color: #fff;
    }

    .full-menu-item>a {
        display: block;
        margin-bottom: 15px;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.3;
    }

    .full-menu-item>a:hover {
        opacity: .7;
    }

    .full-menu-item .sub-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .full-menu-item .sub-menu ul {
        display: none;
    }

    .full-menu-item .sub-menu li {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.3;
    }

    .full-menu-item .sub-menu li a {
        position: relative;
        display: block;
        padding: 8px 20px;
        border-radius: 25px;
    }

    .full-menu-item .sub-menu li a:hover {
        color: #28598f;
        background-color: #fff;
    }

    .full-menu-item .sub-menu li a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 14px;
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 50%;
    }

    /* ## Primary menu */

    .primary-menu {
        position: relative;
        padding-left: 10px;
        padding-right: 20px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #6baad3;
        border-radius: 15px;
    }

    .primary-menu>ul>li {
        position: relative;
        display: flex;
        align-items: center;
        padding-top: 8px;
        padding-bottom: 8px;
        white-space: nowrap;
    }

    .primary-menu>ul>li:not(:last-child) {
        margin-right: 5px;
    }

    .primary-menu a {
        color: #000;
    }

    .primary-menu>ul>li>a {
        position: relative;
        display: flex;
        align-items: center;
        padding: 10px 15px;
        font-size: 15px;
        font-weight: 400;
        border-radius: 10px;
    }

    .primary-menu>ul>li:hover>a,
    .primary-menu>ul>li.active>a,
    .primary-menu>ul>.current-menu-item>a {
        color: #fff;
        background-color: #2795dc;
    }

    .primary-menu a:hover {
        text-decoration: unset;
    }

    .primary-menu>ul>li>a:not(:only-child):after {
        content: '';
        margin-left: 7px;
        width: 8px;
        height: 5px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPHBhdGggZmlsbD0iIzI3OTVkYyIgZD0ibTE1LjIzIDE5LjE4Ljc2Ljc1IDYuMDMtNi4wNC0uNzUtLjc1LTUuMjggNS4yOC01LjI2LTUuMjUtLjc1Ljc1IDMuMDEgMy4wMXoiLz4KPC9zdmc+Cg==);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 25px;
    }

    .primary-menu>ul>li:hover>a:not(:only-child):after,
    .primary-menu>ul>.current-menu-item>a:not(:only-child):after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTE1LjIzIDE5LjE4Ljc2Ljc1IDYuMDMtNi4wNC0uNzUtLjc1LTUuMjggNS4yOC01LjI2LTUuMjUtLjc1Ljc1IDMuMDEgMy4wMXoiLz4KPC9zdmc+Cg==);
    }

    .primary-menu>ul>li:hover>a:not(:only-child):after {
        transform: scaleY(-1);
    }

    .header-menu .primary-menu li:hover>.sub-menu {
        display: flex;
    }

    .primary-menu li ul {
        position: absolute;
        top: 51px;
        left: 50%;
        z-index: 999;
        display: none;
        flex-direction: column;
        align-items: center;
        margin: 0;
        padding: 10px;
        min-width: 170px;
        height: auto;
        list-style: none;
        background-color: #2795dc;
        border-radius: 15px;
        transform: translateX(-50%);
    }

    .primary-menu li ul:before {
        content: '';
        display: block;
        position: absolute;
        top: -6px;
        left: 50%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 6px 6px;
        border-color: transparent transparent #2795dc transparent;
        transform: translate3d(-50%, 0, 0);
    }

    .primary-menu li ul li {
        position: relative;
    }

    .primary-menu li ul a,
    .primary-menu .hide-menu a {
        display: block;
        padding: 10px 20px;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        line-height: 1;
        border-radius: 10px;
    }

    .primary-menu li ul a:hover {
        color: #000;
        background-color: #fff;
    }

    .primary-menu li ul ul {
        top: -10px;
        left: 100%;
        background-color: #1585cd;
        transform: translateX(0);
    }

    .primary-menu li ul ul:before {
        left: -3px;
        top: calc(50% - 6px);
        border-width: 6px 6px 6px 0;
        border-color: transparent #1585cd transparent transparent;
    }

    /* ## Hide menu */

    .primary-menu .hide-menu {
        position: absolute;
        top: 2px;
        right: -35px;
        flex-shrink: 0;
        cursor: pointer;
    }

    .primary-menu .hide-menu .burger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background-color: #2795dc;
        border-radius: 50%;
        transition: 0.3s;
    }

    .primary-menu .hide-menu .burger span:before,
    .primary-menu .hide-menu .burger span:after {
        width: 14px;
        height: 2px;
        background-color: #fff;
        border-radius: 2px;
        transition: 0.3s;
    }

    .primary-menu .hide-menu .burger span {
        position: relative;
        width: 14px;
    }

    .primary-menu .hide-menu .burger span:before,
    .primary-menu .hide-menu .burger span:after {
        content: "";
        position: absolute;
    }

    .primary-menu .hide-menu .burger span:before {
        top: -4px;
    }

    .primary-menu .hide-menu .burger span:after {
        top: 2px;
    }
}

@media screen and (min-width: 1041px) {
    .header-menu {
        max-width: calc(100% - 400px);
    }
}

/* ## Mobile menu */

.mobile-menu-button,
#mobile-menu-toggle {
    display: none;
}

@media screen and (max-width: 980px) {
    .primary-menu {
        display: none;
    }

    .mobile-menu-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        background-color: #2795dc;
        border-radius: 10px;
        transition: 0.3s;
        cursor: pointer;
    }

    .mobile-menu-button span {
        position: relative;
    }

    .mobile-menu-button span,
    .mobile-menu-button span:before,
    .mobile-menu-button span:after {
        width: 20px;
        height: 3px;
        background-color: #fff;
        border-radius: 2px;
        transition: 0.3s;
    }

    .mobile-menu-button span:before,
    .mobile-menu-button span:after {
        content: "";
        position: absolute;
    }

    .mobile-menu-button span:before {
        top: -8px;
    }

    .mobile-menu-button span:after {
        top: 8px;
    }

    .header-menu .primary-menu-full {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        display: flex;
        flex-direction: column;
        padding-top: 35px;
        width: 320px;
        font-size: 1em;
        color: #e2e2e2;
        background-color: #303030;
        box-shadow: 0px 0px 29px 0px rgba(104, 136, 209, 0.16);
        transition: -webkit-transform 0.35s ease-out;
        transition: transform 0.35s ease-out;
        transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
        transform: translate3d(-400px, 0, 0);
        overflow-y: scroll;
    }

    .full-menu-item {
        position: relative;
        line-height: 1;
        border-top: 1px solid #4d4d4d;
    }

    .full-menu-item ul>li:first-child {
        border-top: 0;
    }

    .full-menu-item a {
        display: flex;
        padding: 20px 15px;
        color: #e2e2e2;
    }

    .full-menu-item .sub-menu {
        display: none;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .full-menu-item .sub-menu li {
        text-transform: none;
        border-top: 1px solid #4d4d4d;
    }

    .full-menu-item .sub-menu li a {
        align-items: center;
        padding-left: 30px;
        font-size: 16px;
    }

    .full-menu-item .sub-menu li a:before {
        content: "";
        flex-shrink: 0;
        margin-right: 10px;
        width: 3px;
        height: 10px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFAQMAAAC6v8ThAAAABlBMVEVHcEwAmqjMic0bAAAAAXRSTlMAQObYZgAAABBJREFUeNpjaGA4wPAAiBsAEOoDYca3kSkAAAAASUVORK5CYII=);
        filter: grayscale(100%);
        opacity: 0.8;
        background-position: center;
        background-repeat: no-repeat;
    }

    #mobile-menu-toggle:checked~.primary-menu-full {
        transform: translate3d(0, 0, 0);
    }

    .header-menu .primary-menu-full .cross {
        position: absolute;
        top: 0;
        right: 10px;
        z-index: 100;
        margin-bottom: 5px;
        margin-top: 10px;
        width: 30px;
        height: 30px;
    }

    .header-menu .primary-menu-full .cross:before,
    .header-menu .primary-menu-full .cross:after {
        height: 30px;
        background-color: #fff;
    }

    body.mobile-menu-active {
        overflow: hidden;
    }

    /* ## Menu toggle */
    .toggle {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 57px;
        background-color: rgba(255, 255, 255, 0.09);
        cursor: pointer;
    }

    .toggle:hover {
        background-color: rgba(255, 255, 255, 0.13);
    }

    .toggle:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGcgaWQ9Il94MzFfMF8zNF8iPgoJCTxnPgoJCQk8cGF0aCBkPSJNNjA0LjUwMSwxMzQuNzgyYy05Ljk5OS0xMC4wNS0yNi4yMjItMTAuMDUtMzYuMjIxLDBMMzA2LjAxNCw0MjIuNTU4TDQzLjcyMSwxMzQuNzgyICAgICBjLTkuOTk5LTEwLjA1LTI2LjIyMy0xMC4wNS0zNi4yMjIsMHMtOS45OTksMjYuMzUsMCwzNi4zOTlsMjc5LjEwMywzMDYuMjQxYzUuMzMxLDUuMzU3LDEyLjQyMiw3LjY1MiwxOS4zODYsNy4yOTYgICAgIGM2Ljk4OCwwLjM1NiwxNC4wNTUtMS45MzksMTkuMzg2LTcuMjk2bDI3OS4xMjgtMzA2LjI2OEM2MTQuNSwxNjEuMTA2LDYxNC41LDE0NC44MzIsNjA0LjUwMSwxMzQuNzgyeiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCTwvZz4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        opacity: .5;
        transition: .3s;
    }

    .toggle:hover:before {
        opacity: .8;
    }

    .toggle.active:before {
        transform: scale(-1);
    }

    .primary-menu .sub-menu {
        display: none;
    }
}

@media screen and (max-width: 400px) {
    .primary-menu {
        padding-bottom: 20px;
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Front page
--------------------------------------------------------------*/

.content-wrap {
    position: relative;
    margin-top: 30px;
}

.main-block {
    position: relative;
}

.main-block:not(:last-child) {
    margin-bottom: 70px;
}

.main-block h2 {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
}

.main-block h2 span {
    margin-right: 10px;
    font-size: 24px;
    font-weight: 300;
}

@media screen and (max-width: 980px) {
    .content-wrap {
        margin-top: 0;
    }
}

@media screen and (max-width: 640px) {
    .main-block:not(:last-of-type) {
        margin-bottom: 50px;
    }

    .main-block h2 {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 320px) {
    .main-block h2 {
        font-size: 26px;
    }
}

/* ### Content */

.item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

a.item {
    color: #000;
}

a.h5,
a.h6 {
    color: #000;
}

a.h5:hover,
.item-image:hover~.h5,
a.h6:hover,
.item-image:hover~.h6 {
    color: #28598f;
}

.item:hover .button-more {
    margin-left: 0;
    color: #fff;
    background-color: #2795dc;
    text-decoration: none;
}

.item:hover .button-more:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBmaWxsPSIjZmZmIj4KICAgIDxwYXRoIGQ9Ik0xMiAxMy43NWExLjc1IDEuNzUgMCAxIDAgMC0zLjUgMS43NSAxLjc1IDAgMCAwIDAgMy41Wk0xOSAxMy43NWExLjc1IDEuNzUgMCAxIDAgMC0zLjUgMS43NSAxLjc1IDAgMCAwIDAgMy41Wk01IDEzLjc1YTEuNzUgMS43NSAwIDEgMCAwLTMuNSAxLjc1IDEuNzUgMCAwIDAgMCAzLjVaIi8+CiAgPC9nPgo8L3N2Zz4K);
    transform: .3s;
}

.item-desc {
    font-size: 15px;
    color: #0a132d;
    line-height: 1.43;
}

.item-desc p:last-child {
    margin-bottom: 0;
}

.item-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.item-image img {
    max-width: unset;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ## Item meta */

.item-meta {
    position: relative;
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
}

.item-meta>div:not(:last-child) {
    margin-right: 15px;
}

.item-meta>div {
    flex: 1;
}

.item-category a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
}

.item-category a:hover {
    text-decoration: underline;
}

.item-counter {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #0a132d;
    line-height: 1.3;
}

.item-counter .num {
    margin-top: 10px;
    margin-right: 15px;
    font-family: 'Ruberoid', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.item-counter .text {
    max-width: 80px;
    font-size: 14px;
    color: #0a132d;
    line-height: 1.43;
}

.item-comments {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #0a132d;
    line-height: 1.43;
}

.item-comments span {
    margin-top: 5px;
    margin-right: 10px;
    font-family: 'Ruberoid', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.item-comments:before {
    content: '';
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACbElEQVRYhcXXT4iVVRjH8c95nVGIwlIQXCRUMCoEmgwtRKhoNKmFC3HjH3QlZCuphQRtRCFwMRvNrUG4a1GIGEZEEGQOtBrcjJYzmoO5MEad5s89Twu9XufOe0fv9d47B37wLg7P9/s85yzOm7Sw4rrXLXFAtkGYEX4z5Uxa604r9ZqD33AwxkzGqIjrIv4S8aeIa+7EVQPN1ktNwW86JDspJEFJJmU7Up+LbRWIG/pwRDjQEJ4ff08LJ/BVWufvpgVi3CrhE+FdYbWwXFjVoOOFkoVx4T7GhV9MOZX63WooELdtUfGdsKIF4LPkrmRn2uCneQLxj9VmDQuvdAhePaoJ4c3UbxSKx+3P+rTj8AAv4bMqtqc2fwMtdNOqyLb5Atnyjndfy8tVbO0IwmgXBcbKBK50UWC47AgePBLpbDKYmC/A2qaKPJ9IXxWaIEa8qjAiLO3SEczI3kjvGCsiJIXTXYQTenEaUly1B990EV4Lu3vwccdBje4Mh1KMmBBebLnI8+Vej2x2Ucb/cAIzBS4tmkB2uVAxuIgCg0Va7wfhWAeKL5yKL9N2F2oPkmE7ZIPCa3OKtL/zMeFw2u5b6p9kQ17Q64xsV4dG/r1l9qT33Ksy5z9Kh/Qq/C5sbLPAFRVvpQ9NPckr1K3Ub0Y42vbuOV4PLxUAUy4I/7Xx8s0qnCtDlQqkzSZVnH/qTS5Lefc/pq3+fWaBR+uLlqcwN9PC540gC/6axa+24aywsq5oRfhZNoSQbcL7wpK6fXeFfemj8vE/VQDikpWm7RfeFnplf6g4mwZcm7PvojXCXtkmIeOywtfpA7cXqv8/z61jWXsxBT4AAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 640px) {
    .item-counter {
        display: none;
    }
}

/* ## Articles list */

.articles-list {
    --minmax: 300px;
    --gap: 30px 50px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minmax), 1fr));
    grid-gap: var(--gap);
}

.articles-list .item {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    transition: .3s;
}


.articles-list .item-image {
    margin: 0 -30px 20px;
    height: 250px;
    width: calc(100% + 60px);
    border-radius: 40px;
}

.articles-list .h5 {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (max-width: 1040px) {
    .articles-list {
        --minmax: 250px;
    }
}

@media screen and (max-width: 640px) {
    .articles-list {
        --gap: 30px;
    }

    .articles-list .item {
        padding-left: 0;
        padding-right: 0;
    }

    .articles-list .item-image {
        margin: 0 0 20px;
        height: 200px;
        width: 100%;
    }
}

/* ## Top info */

.top-info.main-block {
    display: flex;
    flex-direction: column;
    padding: 50px 70px;
    background-color: #f0f5f7;
    border-radius: 40px;
}

.top-info h1 {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    line-height: 1;
}

.top-info h1 span {
    font-weight: 300;
}

.top-info .text {
    margin-bottom: 35px;
    font-size: 18px;
}

@media screen and (max-width: 1040px) {
    .top-info.main-block {
        padding: 50px;
    }
}

@media screen and (max-width: 640px) {
    .top-info.main-block {
        padding: 30px 25px;
    }
}

@media screen and (max-width: 320px) {
    .top-info h1 {
        font-size: 32px;
    }
}

/* ## Popular */

.big-list {
    --minmax: 410px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--minmax), 1fr));
    grid-gap: 40px;
    margin-bottom: 35px;
}

.big-list .item {
    padding-left: 40px;
    padding-right: 40px;
}

.big-list .item-image {
    margin-left: -40px;
    width: calc(100% + 80px);
    height: 400px;
    border-radius: 50px;
}

.big-list .item-meta {
    padding: 15px 25px;
    background-color: #f0f5f7;
    border-radius: 30px;
}

.big-list .item-image + .item-meta {
	    margin-top: -40px;
}

.big-list .item-meta .item-category {
    text-align: right;
}

.big-list .h5 {
    margin-top: 25px;
    margin-bottom: 20px;
}

.big-list .item-desc {
    margin-bottom: 20px;
}

@media screen and (max-width: 1040px) {
    .big-list .item {
        padding-left: 0;
        padding-right: 0;
    }

    .big-list .item-image {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: 350px;
    }
}

@media screen and (max-width: 980px) {
    .big-list .counters {
        padding: 15px 20px;
    }

    .big-list .counter .num {
        margin-right: 15px;
        font-size: 30px;
    }

    .big-list .counter .text {
        font-size: 12px;
    }
}

@media screen and (max-width: 640px) {
    .big-list .item-meta {
        flex-direction: row-reverse;
        margin-top: 20px;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .big-list .item-meta .item-category {
        text-align: left;
    }
}

@media screen and (max-width: 420px) {
    .big-list {
        --minmax: 250px;
    }

    .big-list .item-image {
        height: 250px;
    }
}

/* ## Categories */

.categories-list {
    display: grid;
    grid-template-columns: minmax(270px, 285px) 1fr;
    grid-gap: 30px;
}

.categories-right {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}

.categories-right [class^="cat-"]:nth-child(-n+3) {
    margin-bottom: 30px;
}

.categories-right [class^="cat-"] {
    margin-right: 30px;
}

.categories-list [class^="cat-"] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 40px 30px 30px;
    min-width: 230px;
    color: #000;
    border-width: 1px;
    border-style: solid;
    border-color: #6baad3;
    border-radius: 40px;
}

.categories-list [class^="cat-"]:hover {
    border-color: #ffe50d;
}

.categories-list [class^="cat-"]:before {
    content: '';
    position: absolute;
    left: 30px;
    top: -16px;
    padding-left: 10px;
    padding-right: 10px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: content-box;
}

.categories-list .cat-1 {
    transition: .3s;
}

.categories-list .cat-1:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAYAAAAMq2gFAAAACXBIWXMAAAsTAAALEwEAmpwYAAACyklEQVRIia3WT4hXVRQH8I/Oj0EMNEraONhCZRALcoJQXJgLIYxAdFNSEITQxhhiQEioRRAuBhI0XGhQmCBC0y5dtMhICmWkUheDk1H8GnK0tFASTWlxzi9fr/v7M/E7cLnvnT/f733v3nPOnTf83jQsxShexhL9kav4AHvxcyOV43ge1/Fjn4gWYwxDeKEhvmArLmAEt/tENIizib2kkYyDmK6QjGBRLfASfioALsMsbuX7ygrWNFZjqFEI3IJPCvpbeAh/VnSLEuxD7MAzOI4XcaQaXCI6hX2FL7pQI4E/8Ca+yPfTeAef10FLRFfwWkHfTvZUnn/D7pJTlWi5OOL9lOUlosfwbp+J/pEq0Xm832f8V8QH/Ivoe5HF/ZSnS0SdpJEBT+aAyRzn8VcvAN1krahZw23sU6JGfv1/ieaLnBjDAE7iBL5J+xMiQTfgS1Ev38C9uRK9jl2YwU5M1OwnRA5tFQm+S1Ts8XarLskqvI0bueo6SVUm0udGxqyaC9E+LMCrONfBt6U7l74LMrYnogbW41ccS904fsDCit/C1LV+1bGMWa+wJaU9Wp0r+wrrMnBUHIijOJh+O0SLGE2CU/gOGxPj225Ea3LemAPuiGL7XI6W/IKHxemsY3QlupzzlOiQF/ERmiJfRtJ+VuTXkOg/K9M2XMHoSDSZ83Vsr9kOFPwv4q18biXtZN2pdBhmc/VPiT3oVZZlTDMxuhLBfszDoQ4+dZxDGbO/nUNJxsVv2CR61EAHkoH02ZQxc6oMd8XGXxNt/Yw45lX/+ak7kz7XMuZuCbBTrZsSreEgNovCedP9SvE4HsjnT0VezbQD69YmZvAsXsI20YvWpq2Jz/AxDnfB6bnxHa6APZLzf05WN6KmuFWuEDfWblfiXgkGE/M2mg3RQybEJf8yfp/LSjvIYjwo6uPV1q8bc7/EPNonolYT3At/A2CmnZ9a6UgnAAAAAElFTkSuQmCC);
}

.categories-list .cat-2 {
    max-width: 255px;
}

.categories-list .cat-2:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAACe0lEQVRYhe3XWYjNYRjH8c85xpotyZ64McTIUnLBhaQImSxlKebCFVlqSkjkhht7pixFcSPKniJXlKWYiUihjOXCBdJklxkXz3/qOOb8M3Oa4cKv/nXOu5zn+77/533P78mUVj1VhDphBRZjBLqkjP2GWpzGTryBkiKC98cljMFznEddyvguGI31WIZZqM4HGIk5GIxMEz/yBDuQFSspwxrsR/0fgs/GcVxEWSNAZ1ShokDgRt1NAOZjIjZjX05/PxxB+7x5m3A7+XwBS3EOlSXJak5hJk5iOx7iewpIOb5gd157J7F7nXPafqBb3rjzSYzyEixJgu/FWgzAXLzAzQIAQ0RCfchrr8WoFPBc3cO8LJbjLTZgAh7jBG5gT4HJHURWF6Ov6JgVWXwdn7FabOOyBGAVuhcZKFXZJMD75PsgcaSOiSTJYmBrA/xV/XMAn9AV7dAjafvYmgD5N+FFzMAr9BFH5WVbAhwQp6Acl8UN1tCWAPXYlTxton8uCf8D/AdocxXjCdM0CdOFgzor5S5pDYAlwvM1WrtdqCw0uDVewVq8xljcwkopC20pQB16Fuj7Iq7zocILfhS+MF+98L6lADXCfI5oom+rqAFOJ/0b/Z4DPTAZNVnh7To0E+CoWFVVE3OvYhgWCYN6MK8/I7xmLxzO4pmoWJqjB9iGKbiGaX614i+EsX2U09Ye48W/bIWwfCeyOJOQzm4mxBZRZo3GFWFmGlKeb7iDqTiEhWjIlFY97Y374r0tFUVDczQA81Dq94ooV/XC8J6TszOZpDoeJ9xQf1Gx1CQrKqS+GI51LQD+RY3ns1oUmpXCDS1Ax5R5n8Uq3hUTHH4CH/eIhK2zosUAAAAASUVORK5CYII=);
}

.categories-list .cat-3 {
    max-width: 350px;
}

.categories-list .cat-3:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAADUklEQVRYhb3XSWhdVRgH8F/ynqmhWKVGSlPbRWqNShdOWFHTSBWDggOiiDMoOGARdaObuhAErRtFsnDhgEIXbYXi1AoqWCes4oCVqlSxUkVjpSaKabWpLr7v4e31voTkvfiHw7nn3Pud73++6Zzb0T+8UwXOxg04B8eiGz/iA2zM9leV4HTRWRovwat4G7fgxFS0F4txOdbhC9yIWjsJnIJtuAA7UkFPtgU4CpfiNfThGWzHTZg3UwId6YKF+BC9GMbdJjfxWXgIAzn+A5uE9d7B19MlsB5X4incXHjfi5U4HJ/i45L8CtwhXDO3MP8zvsVu/IRRbMUrOBpLiwSW4zOMoB+/Ct8+iHtwWGHh13GdCMgiujGEVSKAT63Y7BO4LeWfa0zWRbTDI6lcKr8XY8Iqo8L/52ELzsCfhcXHhQs2oQMH8YOw6rm5XgO7sKFIYFU+v5x9b+58FKejkadrRAAO4Ho8WbHLIvbjXRxRmn8rGyIL+kSa7ci5QWH29QXlxI7X5vP5UyifDEN4r9HqIsD2Fj7oyv6XCuE92c9pgcAxOLMx6ExFPYVFP8n+siRXxNXZf9QCgY3Czb3o7czFukT0Eum2FSeIvB4S6fYoVuN3PN0CgQXCzYMYrON5XII78UZ+dG0qX5mtgd9wDb6vWLg7iTY2slhkwvzSdwNKabgBD4g0u0KYaDdOw1XCX3NFrVhXUl7DxUnqIocWo7rw954k/l3Ob8fDjY8alfBCvIR9SWJzxQ6LmIPbRcleknNjeFO47318IwrWxGQL1bPfjLvwGF4Q58FaYcIiukThWpOK/xbl9dmUG5+C+H/QUboPrMbj+Twhzv/PRWVbJO4H81Lxi7hfBO2MUSbQJ06yMeG3RRUyB0SgbWtFcQP10niXKKH7RBQvFaZu1IstOLJdyqsITAgLnJSKdjq0HE8aUDNB+UoGX2Z/fBOZmriuVcm2hcBXUxCoi7O95fvgVAT6m8gcwH3a5I5yDBQJLGsiM6FQyVrFTCzQVlQRGBH3g2XiejWrqHIBYYUV4qgu+rpHVMX/jcDJFe/2t5NAs1y+VZzj8/1b64/L8cJ2EmhmgfFsy0UwjpjG3850CTRbuCb+jGvi+J0V1MUJWIWDIhaGs80K/gEtZMNWmz89gwAAAABJRU5ErkJggg==);
}

.categories-list .cat-4 {
    max-width: 320px;
}

.categories-list .cat-4:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEOUlEQVRYha3XbayXcxgH8M95yOH0xBIWUVMeIkxqlIk2T7Ochprnhzeo0QyVyUJrHkYbqnmBIasWJSNeFC8ys9TGnExGEnpRSUqhU/8cL67fvXOfu/P//08n1/bb/76v33Vfv+t3Xd/r4V9z+rwNukiNuAPX4zTUYSOW4zVs74yS+i4ePgTzMSy978a/uDite3AXVlVTVNuFw0/Eh+nwj3EFBqY1CovT8/s4r5qyrnjgGQzAItyGA7m9z9PahGmYi9EFmXZ0qB4YgAnYhvsqKJ6OZuGRCyspPFQDzsYRIgQ7Eq8Gr2MFjky8AyIUMPz/MuBUXJ2eN+f49bg8rd45fiYzGmcdjgH9BeLXY1Li9SjI/IO9aM3xMplx+Eak5zlF5dVAeAY+Eqjegg9Eri/phOFLcZTAzVW4RmBinFx6VjKgUSB9IBbgQQG+ztJWzE7PPfA4HsZCkcJbqByCW0Qer8Lth3g4XIrrBEj3YAreQj9MzoQqGTAh/c4SVS6jhrQ3KL3n9zJqwkq8g6Nz/Fko4QZ0q2RAAwYLcH1V2BsmUmy1tkJUSns7RaYsFuGdhl25bzfgJxHWvpUMIFzX6uAbNmMO+ojseBvd8ZcI1ZJ0gal4vvB9azK4Nju7nAEtopw2isaTpz0ihmPTbcaLVO2FV9I3U/FcB3pPFrf/Fb9VMgCWpd9pZfaXizI7X4SgW+KXOxweEt5ZJC5Z0YA3RMzG4gVxsyJtEzPBJuHeR8ocXpsMuz+9D8NQqKkykIwQdf9YUQmX4hfRkrtjhgDq98K9jSLmM9LzjzgO1yZd+4Xr+4mBZUy1SrgGlwkwXYnHCvvD8UR6LuESTNSWwnn6QnhhnUjHSXi2mgfyNAIXCW/8KXJ9VNrLkJ6F9DvRIXuKNFyLz7S17wYB4F71GJkUrK5iwJq0MpqDe3ETzhd5/zXexTz8XkFXixjj+tSKvF2BY8oI14iBs0h7BThHigZFYGRmlcOJSjgYG2rFrXpq6/V5asKXop02i67WEWWunYn3RBN6GSclfncxyr2IN0WlrMFT9YnRhFtFp8qot3BzfwGwkoh/kbKqtl9MSU2FC6wSKZcfSnaJ7rigXky2WzEGp+DnJDQlHb5MILak/Kxfh30iCwaJ1BuDm3FjklmZbr5TZMRmAji7BXAmirI6G2fiAYH26VLvFm7LKD/9ZEZsFzWBKGRr8ZIo0Xd3ZHlWBxYmA54Uoegr4taS9uq1b0x1AhN3at9sinUlmyF2KEPZB6vxiajt5+b2S1LJ1D4T9gng1akw8+f0d5RFaCscJTGzDcW3iTdZzIQD0hqf+FtxgUi/vZWUd4byzahFjNBDBEjmCqBka0lax4s/pH8fzsEdGXCCtiFyqoNBBo+K5jNd+zmhIa2agnwWgm7KUN6ARpHLr+LTMvI/4Gn8IYoXgYF1oljtKchvFCFbX86A/wCeVv9aozlyzQAAAABJRU5ErkJggg==);
}

.categories-list .cat-5 {
    max-width: 410px;
}

.categories-list .cat-5:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEAklEQVRYhb3XaYiWVRQH8N+8Di5pZbaIuZRt02KLFJlRg0uG24fAVkihaPvQ4gch/BYSVIQg1SRoUiESZRBZhKGFLWpGm1lpOmlZTlYymdkyZtqHc+/MM0/vOAPqHHg59zl3Of977tnemrqGRh1QX1yKZnzR0aLDpUoH8ouwCe9gA15Gj+4E8BSG4E1swzTM6E4Ao/ALJuOBJLuiuwD0QE/swQHsTvI+3QVgUuKbEv868auFYx5VAIPwDA5iXpL9jCU4HU8fbQD3YyAWYmVJvlM4Yt2RBFBbGE/BbWlcj49Ka3MYzsOd+OFIArgWy7RZ5NxD7JmIt3EhWg4XQFZ4RxrPxIBD/AZjFc7GuEOcO0hc6ioc3xUA+SY1nQCuKazZV2V+qLDkDpHE3sNPwnn7VT0w1YIxwum6mm6/xGX4uyA7DWvF7Xck5T0xFifg46Rnb/Gg7AM78SeOFXHfblFJyUn4Hv+U5hYm5UtwN/5I8oF4STj2XCwo7NlSU9fQWIv1OB+P40GRB6rRqcK0IzAbjyb5mWjE1jT3V5LPwLfYgs3+/wxNFUxPyld2ohyacIMw/Wwcl+SXJL6yoLyCJ9O6H7EmyVfh9TSureCm9PFwJ8ozbcLSpHxiklULxwMiCqan7/xk92pL88srCX0L3u+C8kwrEh+Z+AYBfoL2RWsDdokQrk+yhZglitxDFZwsQmsd3sJZhQOGC7NOLgHYkfgpiX+HV9L6x6oAnikcHEYLR78G2yrirXqK9ms0+hc21mM8XhV9Qc4bBxLP373TGYSJR5UAXJf4LBGWI0RYth6wXZjpRO1rQE46taIGrMOthZsfg5vxKabi17TnkRKAPuKJFggn3J8nOuqIyrQUq0XyWYwXk/xGvCBqx3KcJ3LEWO2r5roEbFr54AxgmOh+m3FlFQBfiYbkw/S9Fd/gMywSdWGSSLvPpTUTCvsbEr+nfHDOhPuEx/6WblCNDuJ5XI5PRD6oRpsTH1yQrU2XGCUy6a48kS3QJMw7vgQgp9McWouEB1+P+zoAkKtk+SIbEx9aFGYL9BU32iX+C2Qv3574BYm3iNK9Ak8Ix1ssLDdcvHG9aOOyn2TK/WS7GlJT19BYzn5T8EYBYJPIeucUAI3Bs6JPLNNG3CLqS6b+ooP6V0RQa+bMFtiD+fgd7xY27hf5fI5oVicn2Srh8ZPE0w0QRWeNyKjlS80VFpivlLZr6hoat4kqN1SYrkx9RAiOFK3YXSICukIDRIW9XRSki8UfnlaqFXE8Gx/gNW3VrEifJwDjhBOuFqbe3YHi3jhD5IN+InVPLSsnLNBLFIjp5ckjQHtFXphTTXkGkMfDRGXs1cmhzSLhDNFWYMrUIky+XvXesZX+A5Sl7yXtwmfWAAAAAElFTkSuQmCC);
}

.categories-list .cat-6 {
    max-width: 230px;
}

.categories-list .cat-6:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAADgklEQVRYhb3XWYiVZRzH8Y/ThNkyEs0wtk0RLURl2DJ6YWgWtkxIY5oRdFFROTKElLZQF2NdGI0DEZitRGRparsNbWYQEXVTlImEEdVIJdnimFmUdfH/n+b1MDrnHA89cHjPe573eX7f//q8Z9QpSzer45iIh7ACSypZ0Fhn8bVoxlkYhd6RFjXUUfzVFH8Jg7gfC/8PgJLlLViNTlyFXZVA7C9A0e0wGeejH1dWArE/AEW334u7cCRexgU5NyJErUlYtPx7PICfcCB6RB5cXoBYlRCUJWYtHiiKD2CccHkLFiXAoQkxoieqBSiK9+IcvG3PRKwKohqASYZi3ofb8AOuwDq01wJxQHPHzZUC9KalG0SplcYfKdKO8zBFJGJ/zk/HTHyE1/EpOnAZdlYD8GUuPAlt+BUHYVtCvFgFxO+4GNOqCcEnCTCA6/BuWvOBcO2g8Mxw4VgkwvECujE393y0Gg/AVrwpyu1wkQ/HYHYKrLVnOKbmfT/+FFZ35LpH0FVLGX6OlWjK+4fxDRYIy7YLd6/DuQk1FmuEl6T4XGrrAzOERc0p2oVbcq5HeKYI0Y71wnNji+K1AMwQXW20KKM+HIs7cr5VuF1CXIr3MAHHC2/9J14twNVl4ktSvF80pJ/zuRMKa04W54MU7yrfdG8Ao3EEjksrnsMz+fuCMvHT8TTuy7WT83qGcPuJWDacOHEYTRHZuTiJu0UGt2JMAfJr0f1Wicwvib+Ca0Vv6BaH0GqcndYvw7y9GKoRc5JupnBfoyiZLdiBzaJ5rBEnXlOKlsTn4G98JUqsH7Ny/32KlwB6cGFa/xtux7PimB1u3COS6q0U31WY+wyX4Cm8jxGbTKOhhrLDUNY2iVj+iE2F59twI37B9WXipbFB1P/ukcSJ+N6UEH0pPh0b8/tGkXClPLhI5MVKfLuPfSsSLwFMxT8iy8fgMRyN10QYbhVuhTPzur5SgUoAxglXbhGl1YaPxXG5OJ+bmNdS+91WL4DG3KxVnFzf5f1pWCpKlEguOCqv2+sF0CCytUGU4SDmi7KalyAr8Lyo/UkJ+EU9AZ7M73fiVCzHeFyDaaIF78aDOARPiJeRugF8KF6rW0TrnC2aynKRbONFw+nETjxeL3GG/hcsFNbdIFrtQH4OE2EguuPB4oWyU51Gqb7/Eg1mFt4R2T5BtOZNuFv09jdEtdRt/AshQOsV02YRagAAAABJRU5ErkJggg==);
}

.categories-list .cat-7 {
    max-width: 285px;
}

.categories-list .cat-7:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAACXBIWXMAAAsTAAALEwEAmpwYAAADwElEQVRIia3We+zXUxgH8Fe/IiRpLcxlmUw096U15Lq57Rcjl5FcUtHcWtn6IxtbatU01iRqaiF3S7lfJqW5NCVhoYR1cUvWhaiUP57n6/fx9flW3/Rs332+55znnPd5bu/nNOs0bok65QrMwg811jvhZHRGS3yM57CuRZ1A5+MprMR4vIqf0Ban4VKcXrJvIC5pVqdlh2Eo+hTmtqChMP4Cr2Au/sK1aMTMesEqcix6ohvaYzXmC0vnYFNBtyHXOtfrxooszN+OyJYEO2ZnwcqkPTqgDf7ACnyL1iKem3YFWHfchnPz4IpsxUf5vyOm7QxYOxyE3XAlBuf8SszGKrTCUTgp1z5D/3rAGnGjsKRNYX4VhuAZrC/MN8MZeD3Hq3cErLWoqV45XoY9sTu+Rg8syrVTsVzEaitm4hN0QadifZRJSzybQEvSutEinVfgggJQV7yL17BP4Ywv89the5ZNEIF/P4HaCQbZjMvxVUF3aQItwIbCfMW1rbYFNgjXCEa4CGuFW/bGLXgv9brn+h2CzqqlbX7X1AI7ASPwJ3rjZwwTzPE2Hky9FhiuKWn6lZx1oqCtJWUxa44HRLzuFLVyZN78d9wsgk+4s69wZ19Mxl6Fs3rjcBGG78rAeokWMQf35dww7IExwq1n4UUcmECN+AbXiZYyATMSXO7bWu3GfXFP/p+S5ncVpLsiN8lDG/EyLsRinI2xOA9HFM58DC/w79ZA1NTSgjWdcYMo0DFYk2sD0rLjRTG3TMt6iOa6LvVmCCJQBrZMVP1oHICXcBl+xKS0/HZNqT8V94tEkrpj89Kfp84/ZVArG4fgaFG0MDKtGo+bBPeNwNW5vn+Oi031l8IlSi0ryt2iF23Gozk3Hk+mRZXL9hUZ20cky/Bc+776wG2Brc3vh5ooaSGuEsnSW7T+iTgYD4v6bJ66s6sPrHZjF1FTa3FKXub5wnoHkZn9xSuKeAqMEi+uboJ51mB6LbBD8ZDgwaJswa+4HhfjHJF5FdkkXDsLZ+Jp0Q0GpfX/ATsub99R8N1M7CcyqY1wU+VSyzENj4usHYlHRKYOTr17Ma4aqAI2MIHgTZEYcsMbCTwFT+RlKiw+V7SSoSJ7N+JWQXWl0iCKboDw812CahpE05uUetMTeH3V/lGiU88TFFcTqGLZRhGvDwQb9Mv5PoIV4JAa+9cJelokSHqbUszGBaIfvSUSYrGgI5pSv0zmbQ+kDIx4U/TEO4IR4FPRAf63lBX1fE3Ps99ETDeU6NUttbhxouhZU0Xj2yXyN2fc68vzfynfAAAAAElFTkSuQmCC);
}

.categories-list [class^="cat-"] .h3 {
    margin-bottom: 15px;
}

.categories-list .cat-1 .h3 {
    color: #000;
}

.categories-list [class^="cat-"] .text {
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 1.3;
}

.categories-list [class^="cat-"] .counter {
    margin-top: auto;
}

.categories-list .subcat-list {
    display: flex;
    flex-direction: column;
}

.categories-list .subcat-list a {
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 15px;
    color: #000;
    line-height: 1.3;
}

.categories-list .subcat-list a:hover {
    color: #2795dc;
}

.categories-list .subcat-list a:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% -7px);
    width: 15px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAABGElEQVQokZXQvS5FQRSG4Wfv7AhBotBoFVoKnV50Kr0L4ApEIa6AaESipxPRuwBqhQgFIVERf8nZa0Zh4wTHoXiTmcn3rjVrFfkWGYHUnAs9khXZjHAuLKmdfGTqt3zxRR6WjchWJbNSE04uhAXhSPKg9tguj6mtSSYlQ5KqTWznXnIprAubRb5RyQ6E6Q7CdwLZVKXWLxuXO4Q6yxOl8Cy5Es1jO7//4KrUp1Qb+LF6J9423lthXhjjj/N+jrNY5FNnstF/iU33SjL4Z/ELpWTrXx3j435aYlmyKNx3XdLnvHuymUqW1DaEjI1fFvTOscIcWqU7vKBlV3jo2pUdhZaSUkHDrbAkPDXStbAvHAnRFDkUtrVQ8wqTHPwhxRwKswAAAABJRU5ErkJggg==);
    background-position: center;
    background-repeat: no-repeat;
}

.categories-list .counter {
    display: flex;
    align-items: center;
    padding-top: 20px;
    font-size: 13px;
    color: #0a132d;
    line-height: 1.3;
    border-top: 1px solid #6baad3;
}

.categories-list .counter .num {
    margin-top: 8px;
    margin-right: 15px;
    font-family: 'Ruberoid', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

@media screen and (max-width: 1040px) {
    .home-categories.main-block {
        margin-bottom: 40px;
    }

    .categories-list {
        grid-template-columns: 1fr;
    }

    .categories-right [class^="cat-"] {
        margin-bottom: 30px;
        min-width: 230px;
    }

    .categories-list .subcat-list {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .categories-list .subcat-list a {
        width: 48%;
    }
}

@media screen and (max-width: 640px) {
    .categories-list [class^="cat-"] {
        max-width: unset;
        min-width: 200px;
    }

    .categories-list .subcat-list a {
        width: 100%;
    }
}

/* ## About */

.about h2 {
    font-size: 46px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 70px;
    padding-top: 45px;
    padding-bottom: 50px;
}

.site-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-50vw + 50%);
    z-index: -1;
    display: block;
    height: 100%;
    width: 100vw;
    background-color: #f7fafb;
}

@media screen and (max-width: 980px) {
    .site-footer {
        flex-direction: column;
        align-items: center;
    }
}

/* ## Footer left */

.footer-left {
    margin-right: 70px;
    max-width: 360px;
}

.footer-left .top {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.site-footer .logo {
    margin-right: 50px;
}

.site-footer .copyright {
    font-size: 13px;
    line-height: 1.5;
    opacity: .7;
}

@media screen and (max-width: 980px) {
    .footer-left {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .site-footer .copyright {
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .footer-left .top {
        flex-direction: column;
    }

    .site-footer .logo {
        margin-right: 0;
        margin-bottom: 35px;
    }
}

/* ### Social */

.social-wrap {
    display: flex;
    align-items: center;
}

.social {
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center
}

.social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%
}

.social a:not(:last-child) {
    margin-right: 10px
}

.social a:hover {
    opacity: .8
}

.social a svg {
    height: 15px;
}

@media screen and (max-width: 640px) {
    .social {
        justify-content: center;
    }

    .social-wrap span {
        display: none;
    }
}

/* ## Footer right */

.footer-right {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ### Footer main menu */

.footer-main.menu {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 15px;
    margin-right: -20px;
}

.footer-main.menu li:not(:last-child) {
    margin-right: 5px;
}

.footer-main.menu a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    border-radius: 10px;
}

.footer-main.menu a:hover {
    color: #fff;
    background-color: #2795dc;
}

.site-footer .sub-menu {
    display: none;
}

@media screen and (max-width: 980px) {
    .footer-main.menu {
        flex-wrap: wrap;
        justify-content: center;
        margin-right: 0;
    }
}

/* ### Footer right bottom */

.footer-right .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 40px;
}

@media screen and (max-width: 980px) {
    .footer-right .bottom {
        flex-direction: column;
        padding-left: 0;
    }
}

/* ### Footer info menu */

.footer-info.menu {
    margin-left: auto;
    flex-wrap: wrap;
}

.footer-info.menu a {
    display: block;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 300;
}

.footer-info.menu a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 980px) {
    .footer-info.menu {
        justify-content: center;
        margin-bottom: 30px;
        margin-left: unset;
    }
}

/* ### Footer design */

.footer-design {
    display: flex;
    align-items: center;
    margin-left: 40px;
    font-size: 9px;
    color: #868686;
}

.footer-design:after {
    content: "";
    flex-shrink: 0;
    margin-left: 20px;
    width: 74px;
    height: 24px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 980px) {
    .footer-design {
        margin-left: 0;
    }
}

/* ## Footer bottom */

.footer-bottom {
    margin-top: 25px;
    width: 100%;
}

/* ## Footer search */

.search-form {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    height: 55px;
    background-color: #fff;
    border-radius: 10px
}

.search-form .search-submit {
    flex-shrink: 0;
    padding: 0;
    width: 40px;
    height: 50px;
    border: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAACmElEQVRIibXWX2jVdRjH8demE6UWky3E0pWGloig6ZX9UbHFNL3qymYXQkGYk0QRTMhIDenCKCWJhCLWdiOIYlpGRXqRFzOGICqGLcyLlic3Ta3pti6e78Hjj3Pc2QE/8OP75XvO7/v+Ps/zfZ7nV/X0qt1KaCZewBI8iUm4igs4jq/Rib5SG+Q1usjaVKzFatSktT6cRh3mpWcdvsOHODISyALswQz8jU9wChdxCQ/hcTTiFTTheWzFDgwMB1mEDkzAYWxMp88qv9aBNXgH2/AA3i4GqU5jI3YlwHt4qQSgUL1p8yb8hU1YVQpSg/Ui0N/gXeGuN/HgMCD4KVkwmKCTi0GmpRP8KQI+Dh9jd7KwHH2Bg3gEbxSDvIha7MV5vCqu7gH8XibktogNLMT4LKQ5zX9J41v4B9txvUwInEUOs0Re3QV5CtfENa3CEzgprBqJBnFCeKUhC3kUv+EPcbtqcCWBR6IBdKV5bRZyTfiwDpfRjn1KJNYwmpjG/sLF0aIWzRWZfAYtFWwOozA/Ha638IdqHEvzKRVuntd4TBexvJCFHErzFaI2VarX0n6d6M5CTuIHPIvWCgGzsUG46ksMZSF9+AA3sRnPjRDQICpEPT4X5f8u5QvkUbwvSko7Xi8TMA/708H+w85ifxo1cc7S/PxnkSNLsVxk7jlh6aA7LhgjgtyKT0V238RYPJYsuVEIKewnt0S5/hVb8HJ6ciKTu0QezBdVAv7FZ/hINK1lIiYtIqFBVYkeP0m032dEUAtv3VCysBNt+DatP4yvRH85ipWiz5SE5FWXTt0gSkV/OmG3TC4k1Sdws7ixK9BT7EOiUL3CVeUqJyxoFy2kDS3V93ylMuVET/peuK7jfkCgR3zN/IjF/wPYy5OuNgNeFAAAAABJRU5ErkJggg==);
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

.search-form .search-submit:hover {
    opacity: .5
}

.search-form input[type="search"] {
    padding: 8px 0;
    font-size: 14px;
    border: 0;
    background: none;
}

.search-form input[type="search"]:focus {
    border: none;
}

@media screen and (max-width: 980px) {
    .search-form {
        padding: 5px 20px;
        max-width: 100%;
        border: 1px solid #e2e6ed;
        border-radius: 10px
    }
}

/* ## Scroll to top */

#scroll-button {
    position: fixed;
    right: 25px;
    bottom: 40px;
    z-index: 1099;
    display: flex;
    flex-direction: column;
    width: 35px;
    text-align: center;
}

#scroll-button_up,
#scroll-button_down {
    margin-top: 5px;
    margin-bottom: 5px;
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s;
}

#scroll-button_up svg,
#scroll-button_down svg {
    display: block;
    margin: auto;
    width: 14px;
    height: 16px;
}

#scroll-button_up:hover,
#scroll-button_down:hover {
    opacity: 1;
}

#scroll-button_middle {
    font-size: 10px;
    font-weight: 700;
    opacity: 0.5;
}

@media screen and (max-width: 800px) {
    #scroll-button {
        display: none;
    }
}