@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    overflow-x: hidden;
}
body {
    margin: 0;
}
details,
main {
    display: block;
}
h1 {
    font-size: 2em;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
button[aria-label][data-balloon-pos],
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"],
legend {
    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-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
* {
    box-sizing: border-box;
}
body,
html {
    background: #e5e5e5;
    font-family: "Fontfabric", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    height: 100%;
    min-height: 100vh;
    width: 100%;
}
@media (min-width: 1200px) {
    body,
    html {
        font-size: 16px;
    }
}
button {
    text-decoration: none;
}
a,
button {
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
a:focus,
button:focus,
input:active,
input:focus {
    outline: 0;
}
button {
    background: 0 0;
    border: 0;
    padding: 0;
}
a {
    color: #f3385a;
    text-decoration: underline;
}
a:active,
a:focus,
a:hover {
    text-decoration: none;
}
b,
strong {
    font-weight: 600;
}
form {
    margin-bottom: 0;
}
ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #212541;
    font-weight: 500;
    margin: 0;
}
i {
    display: inline-block;
    line-height: 1;
}
p {
    color: #565656;
    font-size: 1rem;
    margin-top: 0;
}
input {
    border: 0;
}
@font-face {
    font-family: "Fontfabric";
    src: local("FontfabricMontBold"),
        url(../fonts/auth//FontfabricMontBold.eot) format("embedded-opentype"),
        url(../fonts/auth//FontfabricMontBold.woff2) format("woff2"),
        url(../fonts/auth//FontfabricMontBold.woff) format("woff"),
        url(../fonts/auth//FontfabricMontBold.ttf) format("truetype"),
        url(../fonts/auth//FontfabricMontBold.svg#FontfabricMontBold)
            format("svg");
    font-weight: 400;
    font-weight: 700;
}
@font-face {
    font-family: "Fontfabric";
    src: local("FontfabricMontExtraLight"),
        url(../fonts/auth//FontfabricMontExtraLight.eot)
            format("embedded-opentype"),
        url(../fonts/auth/nts/FontfabricMontExtraLight.woff2) format("woff2"),
        url(../fonts/auth//FontfabricMontExtraLight.woff) format("woff"),
        url(../fonts/auth//FontfabricMontExtraLight.ttf) format("truetype"),
        url(../fonts/auth//FontfabricMontExtraLight.svg#FontfabricMontExtraLight)
            format("svg");
    font-weight: 400;
    font-weight: 200;
}
@font-face {
    font-family: "Fontfabric";
    src: local("FontfabricMontLight"),
        url(../fonts/auth/FontfabricMontLight.eot) format("embedded-opentype"),
        url(../fonts/auth/FontfabricMontLight.woff2) format("woff2"),
        url(../fonts/auth/FontfabricMontLight.woff) format("woff"),
        url(../fonts/auth/FontfabricMontLight.ttf) format("truetype"),
        url(../fonts/auth/FontfabricMontLight.svg#FontfabricMontLight)
            format("svg");
    font-weight: 400;
    font-weight: 300;
}
@font-face {
    font-family: "Fontfabric";
    src: local("FontfabricMontRegular"),
        url(../fonts/auth/FontfabricMontRegular.eot) format("embedded-opentype"),
        url(../fonts/auth/FontfabricMontRegular.woff2) format("woff2"),
        url(../fonts/auth/FontfabricMontRegular.woff) format("woff"),
        url(../fonts/auth/FontfabricMontRegular.ttf) format("truetype"),
        url(../fonts/auth/FontfabricMontRegular.svg#FontfabricMontRegular)
            format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Fontfabric";
    src: local("FontfabricMontSemiBold"),
        url(../fonts/auth/FontfabricMontSemiBold.eot)
            format("embedded-opentype"),
        url(../fonts/auth/FontfabricMontSemiBold.woff2) format("woff2"),
        url(../fonts/auth/FontfabricMontSemiBold.woff) format("woff"),
        url(../fonts/auth/FontfabricMontSemiBold.ttf) format("truetype"),
        url(../fonts/auth/FontfabricMontSemiBold.svg#FontfabricMontSemiBold)
            format("svg");
    font-weight: 400;
    font-weight: 500;
}
:root {
    --balloon-border-radius: 2px;
    --balloon-color: rgba(16, 16, 16, 0.95);
    --balloon-font-size: 12px;
    --balloon-move: 4px;
}
[aria-label][data-balloon-pos] {
    position: relative;
    cursor: pointer;
}
[aria-label][data-balloon-pos]:after,
[aria-label][data-balloon-pos]:before {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    position: absolute;
    z-index: 10;
}
[aria-label][data-balloon-pos]:after {
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    white-space: nowrap;
}
[aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    content: "";
}
[aria-label][data-balloon-pos]:hover:after,
[aria-label][data-balloon-pos]:hover:before,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after,
[aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before,
[aria-label][data-balloon-pos][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-visible]:before {
    opacity: 1;
    pointer-events: none;
}
[aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
        sans-serif;
}
[aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre;
}
[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word;
}
[aria-label][data-balloon-pos][data-balloon-blunt]:after,
[aria-label][data-balloon-pos][data-balloon-blunt]:before {
    transition: none;
}
[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before {
    transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px;
}
[aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:after,
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:before {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:after,
[aria-label][data-balloon-pos][data-balloon-pos="up"]:before {
    left: 50%;
    transform: translate(-50%, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:after,
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos="down"]:after {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    transform: translate(-50%, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before,
[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after,
[aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before,
[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after,
[aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after,
[aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after,
[aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal;
}
[aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px;
}
[aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px;
}
[aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px;
}
[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px;
}
@media screen and (max-width: 768px) {
    [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw;
    }
}
[aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%;
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none;
    }
}
.nav-link:focus,
.nav-link:hover {
    color: #0a58ca;
}
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0d6efd;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%;
}
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar > .container_my,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.navbar-brand {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}
.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}
.navbar-nav .dropdown-menu {
    position: static;
}
.navbar-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none;
    }
}
.navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto;
}
@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}
@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}
@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}
@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-xxl .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute;
    }
    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible;
    }
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
    .navbar-expand-xxl .navbar-toggler {
        display: none;
    }
}
.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.navbar-expand .navbar-nav {
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
    overflow: visible;
}
.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
}
.navbar-expand .navbar-toggler {
    display: none;
}
.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.55);
}
.navbar-dark .navbar-brand {
    color: #fff;
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
    color: #fff;
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.55);
}
.container_my {
    padding: 0 15px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
@font-face {
    font-family: "Doffero";
    src: url(../fonts/auth/Doffero.eot);
    src: url(../fonts/auth/Doffero.eot?#iefix) format("eot"),
        url(../fonts/auth/Doffero.woff2) format("woff2"),
        url(../fonts/auth/Doffero.woff) format("woff"),
        url(../fonts/auth/Doffero.ttf) format("truetype"),
        url(../fonts/auth/Doffero.svg#Doffero) format("svg");
}
.icon-eye:before {
    font-family: "Doffero";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    content: "";
}
.btn--light,
.btn--primary {
    font-weight: 400;
}
.btn--light,
.btn--outline,
.btn--primary {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    padding: 14px 20px;
    border-radius: 8px;
    text-decoration: none;
}
.btn--primary {
    background: #f93c34;
    color: #fff;
    width: 100%;
    height: 55px;
}
.btn--primary:active,
.btn--primary:focus,
.btn--primary:hover {
    box-shadow: 0 100px 80px rgba(249, 60, 52, 0.07),
        0 41.7776px 33.4221px rgba(249, 60, 52, 0.0503198),
        0 22.3363px 17.869px rgba(249, 60, 52, 0.0417275),
        0 12.5216px 10.0172px rgba(249, 60, 52, 0.035),
        0 6.6501px 5.32008px rgba(249, 60, 52, 0.0282725),
        0 2.76726px 2.21381px rgba(249, 60, 52, 0.0196802);
    color: #fff;
}
@media (min-width: 1200px) {
    .btn--primary {
        height: 57px;
        font-size: 0.9rem;
        padding: 14px 25px;
    }
}
@media (max-width: 667px) {
    .btn--primary {
        height: 44px;
    }
}
.btn--light {
    background: #fff;
    color: #212541;
    width: 100%;
    height: 55px;
}
.btn--light:active,
.btn--light:focus,
.btn--light:hover {
    box-shadow: 0 100px 80px rgba(249, 60, 52, 0.07),
        0 41.7776px 33.4221px rgba(249, 60, 52, 0.0503198),
        0 22.3363px 17.869px rgba(249, 60, 52, 0.0417275),
        0 12.5216px 10.0172px rgba(249, 60, 52, 0.035),
        0 6.6501px 5.32008px rgba(249, 60, 52, 0.0282725),
        0 2.76726px 2.21381px rgba(249, 60, 52, 0.0196802);
}
@media (max-width: 667px) {
    .btn--light {
        height: 40px;
    }
}
.btn--outline {
    border: 2px solid #f93c34;
    background: 0 0;
    color: #f93c34;
    font-weight: 600;
    width: 100%;
    height: 55px;
}
.btn--outline:hover {
    background: #f93c34;
    color: #fff;
}
@media (max-width: 667px) {
    .btn--outline {
        height: 40px;
        border: 1px solid #f93c34;
    }
}
.custom-switch {
    width: 151px;
    height: 42px;
    background: #f7f0f2;
    margin: 0 auto;
    position: relative;
    border-radius: 33px;
    cursor: pointer;
    transition: all 0.45s ease-in-out;
}
.custom-switch input[type="checkbox"] {
    width: 0;
    height: 0;
    position: absolute;
    left: -5000px;
}
.custom-switch__button {
    margin: 2px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 10;
    border-radius: 21px;
    width: 76px;
    height: 38px;
    box-shadow: 0 1.78125px 1.78125px rgba(0, 0, 0, 0.1);
}
.custom-switch__icons {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1000;
    left: 0;
    top: 0;
}
.custom-switch-text span,
.custom-switch__icons .icon-wrapper {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-switch__icons .icon-wrapper {
    width: 50%;
}
.custom-switch__icons .icon-wrapper svg path {
    transition: all 0.4s ease-in-out;
}
.custom-switch.is-dark {
    background: #212541;
}
.custom-switch.is-dark .icon-wrapper.sun svg path {
    fill: #fff;
    opacity: 0.2;
}
.custom-switch.is-dark .icon-wrapper.moon svg path {
    fill: #212541;
}
.custom-switch-text {
    width: 151px;
    display: flex;
    height: 30px;
    margin: 5px auto 30px;
}
@media (max-width: 667px) {
    .custom-switch-text {
        margin-bottom: 15px;
    }
}
.custom-switch-text span {
    color: #cdbcc2;
    font-size: 16px;
    transition: all 0.35s ease-in-out;
}
.custom-switch-text span.active {
    color: #212541;
}
.cs-tabs,
.cs-tabs.nav-pills {
    padding: 40px 0 0;
}
.cs-tabs.nav-pills__list,
.cs-tabs__list {
    display: flex;
    justify-content: space-between;
    padding: 0 42px;
    flex-wrap: nowrap;
}
@media (max-width: 1200px) {
    .cs-tabs.nav-pills__list,
    .cs-tabs__list {
        padding: 0;
    }
}
.cs-tabs .nav-item,
.cs-tabs.nav-pills .nav-item {
    flex: 0 0 17%;
}
@media (max-width: 800px) {
    .cs-tabs .nav-item,
    .cs-tabs.nav-pills .nav-item {
        flex: 0 0 200px;
    }
}
@media (max-width: 667px) {
    .cs-tabs .nav-item,
    .cs-tabs.nav-pills .nav-item {
        flex: 0 0 42%;
    }
}
.cs-tabs.nav-pills__button.nav-link,
.cs-tabs__button.nav-link {
    height: 77px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 30px;
    text-align: left;
    color: #d9a29f;
    font-size: 16px;
    transition: color 0.35s ease-in-out;
}
@media (max-width: 992px) {
    .cs-tabs.nav-pills__button.nav-link,
    .cs-tabs__button.nav-link {
        padding: 10px 15px;
    }
}
@media (max-width: 667px) {
    .cs-tabs.nav-pills__button.nav-link,
    .cs-tabs__button.nav-link {
        font-size: 12px;
        height: auto;
        min-height: 58px;
        margin-right: 12px;
        padding: 10px 12px;
        border: 1px solid rgba(217, 162, 159, 0.6);
    }
}
.cs-tabs.nav-pills__button.nav-link:hover,
.cs-tabs__button.nav-link:hover,
.form .form-helper a:hover,
form .form-helper a:hover {
    color: #f93c34;
}
.cs-tabs.nav-pills__button.nav-link.active,
.cs-tabs__button.nav-link.active {
    background: #f93c34;
    height: 77px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 30px;
    text-align: left;
    color: #fff;
}
@media (max-width: 992px) {
    .cs-tabs.nav-pills__button.nav-link.active,
    .cs-tabs__button.nav-link.active {
        padding: 10px 15px;
    }
}
@media (max-width: 667px) {
    .cs-tabs.nav-pills__button.nav-link.active,
    .cs-tabs__button.nav-link.active {
        font-size: 12px;
        height: auto;
        min-height: 58px;
        margin-right: 12px;
        padding: 10px 12px;
    }
}
.cs-tabs.nav-pills__button.nav-link.active:hover,
.cs-tabs__button.nav-link.active:hover {
    color: #fff;
}
.simplebar-track {
    bottom: -13px;
}
.cs-badge {
    background: #f93c34;
    color: #fff;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 500;
}
:root {
    --balloon-color: rgba(33, 37, 65, 0.97);
    --balloon-text-color: #fff;
}
[aria-label][data-balloon-pos]:after {
    box-shadow: none;
    background: rgba(33, 37, 65, 0.97);
    border-radius: 8px;
    line-height: 1.5;
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    font-family: inherit;
}
@media (max-width: 667px) {
    [aria-label][data-balloon-pos]:after {
        font-size: 14px;
        line-height: 1.35;
    }
}
[aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    background: 0 0;
    z-index: 1000;
    left: auto;
    right: 5px;
    transform: none;
}
.Typewriter__cursor {
    color: #6b6f8c;
    width: 2px;
}
.checkbox-wrapper,
.input-wrapper {
    position: relative;
}
.checkbox-wrapper {
    display: flex;
    align-items: flex-start;
}
.checkbox-wrapper label {
    padding-left: 7px;
    color: #ababab;
    font-size: 12px;
}
@media (min-width: 1200px) {
    .checkbox-wrapper label {
        font-size: 16px;
    }
}
.form,
form {
    max-width: 392px;
    width: 100%;
}
.form .input-wrapper label,
form .input-wrapper label {
    position: absolute;
    font-size: 0.71rem;
    padding: 0 8px;
    background: #fff;
    left: 8px;
    top: 15px;
    color: #ababab;
    transition: all 0.25s ease-in-out;
}
@media (min-width: 1200px) {
    .form .input-wrapper label,
    form .input-wrapper label {
        font-size: 1rem;
    }
}
.form .input-wrapper label.is-jumped,
form .input-wrapper label.is-jumped {
    left: 7px;
    top: -7px;
}
@media (min-width: 1200px) {
    .form .input-wrapper label.is-jumped,
    form .input-wrapper label.is-jumped {
        font-size: 14px;
        top: -8px;
    }
}
.form .input-wrapper label.is-disabled,
form .input-wrapper label.is-disabled {
    background: 0 0;
}
.form .password-toggle,
form .password-toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 1200px) {
    .form .password-toggle,
    form .password-toggle {
        padding: 13px;
    }
}
.form .password-toggle .eye,
form .password-toggle .eye {
    background: url(/img/welcome/graphic/eye.png) no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
}
@media (min-width: 1200px) {
    .form .password-toggle .eye,
    form .password-toggle .eye {
        width: 24px;
        height: 24px;
    }
}
.form .form-group,
form .form-group {
    margin-bottom: 24px;
}
.form .form-group--last,
form .form-group--last {
    margin-bottom: 12px;
}
@media (min-width: 1200px) {
    .form .form-group--last,
    form .form-group--last {
        margin-bottom: 24px;
    }
}
.form .form-submit,
form .form-submit {
    margin-top: 18px;
}
@media (min-width: 1200px) {
    .form .form-submit,
    form .form-submit {
        max-width: 100%;
        margin-top: 20px;
    }
}
.form__input,
form__input {
    display: inline-block;
    color: #212541;
    padding: 0 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    height: 38px;
    width: 100%;
    transition: all 0.25s ease-in;
}
.form__input:disabled,
form__input:disabled {
    background: #f2f2f2;
    border: 0;
    cursor: not-allowed;
}
.form__input:focus,
form__input:focus {
    border: 1px solid #3455db;
}
@media (min-width: 1200px) {
    .form__input,
    form__input {
        height: 50px;
    }
}
.form__checkbox,
form__checkbox {
    border: 1px solid #e0e0e0;
}
.form .has-error .form__input,
form .has-error .form__input {
    border: 1px solid #f3385a;
    color: #f3385a;
}
.form .has-error .form__input:focus,
form .has-error .form__input:focus {
    border: 1px solid #f3385a;
}
.form .form-helper,
form .form-helper {
    text-align: center;
    padding: 0 30px;
}
.form .form-helper p,
form .form-helper p {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 1.3;
}
.form .form-helper a,
form .form-helper a {
    color: #bdbdbd;
}
@media (min-width: 1200px) {
    .form .form-helper,
    form .form-helper {
        padding: 0;
    }
    .form .form-helper p,
    form .form-helper p {
        font-size: 14px;
        white-space: nowrap;
    }
}
.form-error {
    display: flex;
    align-items: center;
    margin-top: 10px;
    font-size: 14px;
    color: #e83c58;
}
.form-error svg {
    margin-right: 5px;
}
.form--registration .form-helper {
    margin-top: 24px;
}
.slide-menu--overlay {
    position: fixed;
    width: 50%;
    height: 100vh;
    z-index: 8999;
    display: none;
    top: 0;
}
.slide-menu {
    position: fixed;
    right: 0;
    top: 0;
    transform: translate3d(104%, 0, 0);
    z-index: 9000;
    background: linear-gradient(
        120deg,
        #f93c34 0%,
        #d73c78 47.28%,
        #c41f5f 75.15%
    );
    height: 100vh;
    width: 50vw;
    transition: all 0.35s ease-in-out;
}
@media (max-width: 800px) {
    .slide-menu {
        width: 400px;
    }
}
@media (max-width: 667px) {
    .slide-menu {
        width: 300px;
    }
}
.slide-menu.is-opened {
    transform: translate3d(0, 0, 0);
}
.slide-menu__content {
    position: relative;
    overflow: auto;
    height: 100%;
    padding-left: 135px;
    padding-top: 124px;
}
@media (max-width: 992px) {
    .slide-menu__content {
        padding-left: 50px;
    }
}
@media (max-width: 667px) {
    .slide-menu__content {
        padding-left: 30px;
    }
}
.slide-menu__navigation li {
    display: block;
    margin-bottom: 25px;
}
.slide-menu__navigation li a {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}
@media (max-width: 992px) {
    .slide-menu__navigation li a {
        font-size: 26px;
    }
}
@media (max-width: 667px) {
    .slide-menu__navigation li a {
        font-size: 20px;
    }
}
.slide-menu__navigation li a:active:before,
.slide-menu__navigation li a:focus:before,
.slide-menu__navigation li a:hover:before {
    width: 100px;
}
.slide-menu__navigation li a:before {
    content: "";
    background: #3455db;
    position: absolute;
    left: -10px;
    bottom: -13px;
    height: 59px;
    width: 0;
    transition: all 0.25s ease-in-out;
}
.slide-menu__navigation li a span {
    position: relative;
    z-index: 10;
}
.slide-menu__close {
    position: absolute;
    right: 60px;
    top: 60px;
    width: 24px;
    height: 24px;
}
@media (max-width: 667px) {
    .slide-menu__close {
        right: 25px;
        top: 30px;
    }
}
.rating .rating-stars {
    margin-bottom: 9px;
    display: flex;
    align-items: center;
}
.rating .rating-stars img {
    display: inline-block;
    margin-right: 6px;
}
.rating .rating-stars .value {
    color: #212541;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-left: 5px;
    padding-top: 2px;
}
.rating .rating-text {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #6b6f8c;
}
.rating--light .rating-text {
    color: #fff;
    font-size: 16px;
}
@media (max-width: 667px) {
    .rating--light .rating-text {
        font-size: 14px;
        line-height: 1.5;
    }
}
.rating--light .rating-stars {
    justify-content: center;
    margin-bottom: 13px;
}
.rating--light .rating-stars .value {
    font-weight: 400;
    color: #fff;
}
.block-header__toptitle {
    color: #f3385a;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 18px;
    font-weight: 800;
    letter-spacing: 0.1em;
    overflow: hidden;
    opacity: 0;
    transform: translate(0, 100px);
}
@media (max-width: 667px) {
    .block-header__toptitle {
        font-size: 10px;
        margin-bottom: 10px;
    }
}
.block-header__toptitle--light {
    color: #fff;
}
.block-header__title {
    text-align: center;
    color: #212541;
    font-size: 40px;
    font-weight: 700;
    overflow: hidden;
    opacity: 0;
    transform: translate(0, 100px);
}
.block-header__text {
    opacity: 0;
    transform: translate(0, 100px);
}
@media (max-width: 667px) {
    .block-header__title {
        font-size: 24px;
    }
}
.block-header__title--light {
    color: #fff;
}
.graphics-box {
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
}
@media (max-width: 992px) {
    .graphics-box {
        display: none;
    }
}
.btn-burger {
    position: relative;
    background: #F8F1F1;
    display: block;
    width: 49px;
    height: 49px;
    border-radius: 6px;
    flex: 0 0 49px;
}
@media (max-width: 667px) {
    .btn-burger {
        margin-top: -6px;
    }
}
.btn-burger span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0);
    height: 2px;
    background: #212541;
}
.btn-burger span:nth-child(1) {
    margin-top: -8px;
    width: 25px;
}
.btn-burger span:nth-child(2) {
    margin-top: 0;
    width: 25px;
}
.btn-burger span:nth-child(3) {
    margin-top: 8px;
    width: 25px;
}
.page--front {
    background: #fff;
    overflow-x: hidden;
}
.page--front .page-header {
    padding: 40px;
    background: #fff9fb;
}
@media (max-width: 667px) {
    .page--front .page-header {
        padding: 45px 20px 0;
    }
}
.page--front .page-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 667px) {
    .page--front .page-header__logo {
        max-width: 157px;
        margin-top: 7px;
    }
    .page--front .page-header__logo img {
        max-width: 157px;
    }
}
.page--front .page-header__logo:hover {
    opacity: 0.85;
}
.page--front .page-header__actions {
    display: flex;
    align-items: center;
}
.page--front .page-header__actions .link {
    color: #212541;
    display: block;
    margin-right: 25px;
    font-size: 14px;
    font-weight: 500;
    flex: 0 0 auto;
    text-decoration: none;
}
.page--front .page-header__actions .link:hover {
    color: #f93c34;
}
@media (max-width: 667px) {
    .page--front .page-header__actions .link {
        display: none;
    }
}
.page--front .page-header__actions .btn--outline {
    margin-right: 50px;
    padding: 0 25px;
    height: 44px;
}
@media (max-width: 667px) {
    .page--front .page-header__actions .btn--outline {
        display: none;
    }
}
.page--front .page-top {
    position: relative;
}
.page--front .page-top .graphics-box--01 {
    background: #f93c34;
    opacity: 0.2;
    border-radius: 40px;
    left: -160px;
    top: 15%;
    width: 192px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-top .graphics-box--01 {
        top: 27%;
        width: 71px;
        left: -50px;
        height: 30px;
    }
}
.page--front .page-top .graphics-box--02 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    left: 40px;
    top: 15%;
    width: 102px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-top .graphics-box--02 {
        top: 27%;
        width: 38px;
        left: 30px;
        height: 30px;
    }
}
.page--front .page-top .graphics-box--03 {
    background: #f93c34;
    opacity: 0.2;
    border-radius: 40px;
    left: 50%;
    top: 72%;
    width: 207px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-top .graphics-box--03 {
        top: 44%;
        width: 71px;
        left: 55%;
        height: 30px;
    }
}
.page--front .page-top .graphics-box--04 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    left: 65%;
    top: 72%;
    width: 111px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-top .graphics-box--04 {
        top: 44%;
        width: 38px;
        left: 78%;
        height: 30px;
    }
}
.page--front .page-top .graphics-box--05 {
    background: #f93c34;
    border-radius: 40px;
    right: -130px;
    top: 27%;
    width: 232px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-top .graphics-box--05 {
        display: none;
    }
}
.page--front .page-top .graphics-box--06 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    right: -120px;
    top: 39%;
    width: 178px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-top .graphics-box--06 {
        display: none;
    }
}
.page--front .hero {
    padding-top: 40px;
    background: #fff9fb;
}
@media (max-width: 1200px) {
    .page--front .hero {
        padding: 40px 40px 0;
    }
}
@media (max-width: 992px) {
    .page--front .hero {
        padding-bottom: 40px;
    }
}
@media (max-width: 667px) {
    .page--front .hero {
        padding: 24px 0 30px;
    }
}
.page--front .hero__content {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 667px) {
    .page--front .hero__content {
        flex-wrap: wrap;
        justify-content: center;
    }
}
.page--front .hero__title {
    font-size: 56px;
    font-weight: 800;
    padding-top: 50px;
    line-height: 1.25;
    margin-bottom: 35px;
}
@media (max-width: 1200px) {
    .page--front .hero__title {
        font-size: 42px;
    }
}
@media (max-width: 667px) {
    .page--front .hero__title {
        font-size: 24px;
        text-align: center;
        padding-top: 20px;
        margin-bottom: 15px;
    }
}
.page--front .hero__title span {
    position: relative;
    display: inline-block;
}
.page--front .hero__title span:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    background: #3455db;
    height: 4px;
    border-radius: 30px;
    width: 100%;
}
@media (max-width: 667px) {
    .page--front .hero__title span:after {
        height: 2px;
        bottom: 3px;
    }
}
.page--front .hero__text {
    color: #6b6f8c;
    margin-bottom: 50px;
}
@media (max-width: 667px) {
    .page--front .hero__text {
        text-align: center;
        line-height: 1.35;
        margin-bottom: 23px;
    }
    .page--front .hero__right {
        order: -1;
        width: 100%;
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
}
.page--front .hero__dog {
    position: relative;
    left: -30px !important;
}
@media (min-width: 1024px) {
    .page--front .hero__dog {
        transform: translate(0, 105%);
    }
}
@media (max-width: 1280px) {
    .page--front .hero__dog {
        left: -70px !important;
    }
}
@media (max-width: 1200px) {
    .page--front .hero__dog {
        max-width: 500px;
        left: -30px !important;
    }
}
@media (max-width: 992px) {
    .page--front .hero__dog {
        max-width: 400px;
        left: 0;
    }
}
@media (max-width: 667px) {
    .page--front .hero__dog {
        max-width: 200px;
        margin: 0 auto;
        left: 10px !important;
    }
}
.page--front .hero__left {
    flex: 0 0 56%;
}
@media (min-width: 1024px) {
    .page--front .hero__left {
        opacity: 0;
        transform: translate(-30px, 0);
    }
}
@media (max-width: 992px) {
    .page--front .hero__left {
        flex: 0 0 46%;
    }
}
@media (max-width: 667px) {
    .page--front .hero__left {
        flex: 0 0 100%;
    }
    .page--front .hero__left .rating {
        display: none;
    }
}
.page--front .hero__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 40px;
    margin-bottom: 90px;
}
@media (max-width: 992px) {
    .page--front .hero__actions {
        display: block;
        margin-bottom: 45px;
    }
}
@media (max-width: 667px) {
    .page--front .hero__actions {
        padding-right: 0;
        margin-bottom: 0;
    }
}
.page--front .hero__actions .action--btn {
    max-width: 285px;
}
@media (max-width: 992px) {
    .page--front .hero__actions .action--btn {
        margin-bottom: 20px;
    }
}
@media (max-width: 667px) {
    .page--front .hero__actions .action--btn {
        max-width: 100%;
    }
}
.page--front .hero__actions .action--link {
    margin-left: 33px;
}
@media (max-width: 992px) {
    .page--front .hero__actions .action--link {
        display: block;
        margin-left: 0;
    }
}
@media (max-width: 667px) {
    .page--front .hero__actions .action--link {
        text-align: center;
        text-decoration: underline;
    }
}
.page--front .content-middle {
    background: #fff9fb;
}
.page--front .block--price-offer {
    padding: 250px 0 120px 0;
    position: relative;
}
@media (max-width: 992px) {
    .page--front .block--price-offer {
        padding: 80px 0;
    }
}
@media (max-width: 667px) {
    .page--front .block--price-offer {
        padding: 40px 0 65px;
    }
}
.page--front .block--price-offer .graphics-box--01 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    left: 5%;
    top: 9%;
    width: 107px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--price-offer .graphics-box--01 {
        display: none;
    }
}
.page--front .block--price-offer .graphics-box--02 {
    background: #FED3D3;
    border-radius: 40px;
    left: 9%;
    top: -40px;
    width: 182px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--price-offer .graphics-box--02 {
        display: none;
    }
}
.page--front .block--price-offer .cs-tabs {
    opacity: 0;
    transform: translate(0, 20%);
}
.page--front .block--price-offer .cs-tabs__box {
    display: flex;
    padding: 110px 0 0;
}
@media (max-width: 992px) {
    .page--front .block--price-offer .cs-tabs__box {
        padding: 50px 0 0;
        display: block;
    }
}
@media (max-width: 667px) {
    .page--front .block--price-offer .cs-tabs__box {
        padding: 24px 0 0;
    }
}
.page--front .block--price-offer .cs-tabs__box img,
.page--front .block--price-offer .cs-tabs__box svg {
    display: block;
    max-width: 500px;
    width: 500px;
    flex: 0 0 500px;
}
@media (max-width: 992px) {
    .page--front .block--price-offer .cs-tabs__box img,
    .page--front .block--price-offer .cs-tabs__box svg {
        margin: 0 auto;
    }
}
@media (max-width: 667px) {
    .page--front .block--price-offer .cs-tabs__box img,
    .page--front .block--price-offer .cs-tabs__box svg {
        max-width: 100%;
        width: 100%;
    }
}
.page--front .block--price-offer .tab-data {
    padding: 35px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
@media (max-width: 992px) {
    .page--front .block--price-offer .tab-data {
        display: block;
        text-align: center;
    }
}
@media (max-width: 667px) {
    .page--front .block--price-offer .tab-data {
        padding: 35px 0 0;
    }
}
.page--front .block--price-offer .tab-data h3 {
    font-size: 32px;
    margin-bottom: 14px;
    font-weight: 700;
}
@media (max-width: 667px) {
    .page--front .block--price-offer .tab-data h3 {
        font-size: 18px;
    }
}
.page--front .block--price-offer .tab-data p {
    color: #6b6f8c;
    margin-bottom: 28px;
    font-size: 16px;
    line-height: 1.75;
}
@media (max-width: 667px) {
    .page--front .block--price-offer .tab-data p {
        font-size: 12px;
    }
}
.page--front .block--price-offer .tab-data__btn {
    width: auto;
    display: inline-flex;
    padding: 0 45px;
    height: 55px;
}
@media (max-width: 667px) {
    .page--front .block--price-offer .tab-data__btn {
        height: 44px;
    }
}
.page--front .block--packages {
    padding: 60px 0 0;
    position: relative;
    z-index: 100;
}
.page--front .block--packages .graphics-box--01 {
    background: #f93c34;
    border-radius: 40px;
    left: -5%;
    top: 9%;
    width: 232px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--packages .graphics-box--01 {
        display: none;
    }
}
.page--front .block--packages .graphics-box--02 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    left: -5%;
    top: 22%;
    width: 178px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--packages .graphics-box--02 {
        display: none;
    }
}
.page--front .block--packages .graphics-box--03 {
    background: #f93c34;
    opacity: 0.2;
    border-radius: 40px;
    left: 12%;
    top: 56%;
    width: 178px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--packages .graphics-box--03 {
        display: none;
    }
}
.page--front .block--packages .graphics-box--04 {
    background: #f93c34;
    opacity: 0.2;
    border-radius: 40px;
    right: -5%;
    top: 16%;
    width: 190px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--packages .graphics-box--04 {
        display: none;
    }
}
.page--front .block--packages .graphics-box--05 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    right: 130px;
    top: 16%;
    width: 102px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--packages .graphics-box--05 {
        display: none;
    }
}
.page--front .block--packages .graphics-box--06 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    right: 10%;
    top: 55%;
    width: 111px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .block--packages .graphics-box--06 {
        display: none;
    }
    .page--front .block--packages {
        padding-top: 45px;
        margin-bottom: -150px;
    }
}
.page--front .block--packages .packages {
    padding-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 667px) {
    .page--front .block--packages .packages {
        flex-wrap: wrap;
        padding-top: 25px;
    }
}
.page--front .block--packages .packages .packages-box {
    border-radius: 16px;
    max-width: 480px;
    width: 100%;
    margin: 0 10px;
}
.page--front .block--packages .packages .packages-box--free {
    background: #3455DB;
    border-radius: 16px;
    padding: 40px 37px 433px 50px;
    position: relative;
    z-index: 10;
    max-width: 480px;
    opacity: 0;
    transform: translate(-10vw, 0);
}

@media (max-width: 667px) {
    .page--front .block--packages .packages .packages-box--free {
        order: 2;
        padding: 30px 20px 300px 20px;
    }
}
.page--front .block--packages .packages .packages-box--free h4 {
    color: #FFF9FB;
    font-weight: 800;
    font-size: 14px;
    opacity: 0.45;
    margin-bottom: 10px;
}
@media (max-width: 667px) {
    .page--front .block--packages .packages .packages-box--free h4 {
        font-size: 14px;
    }
}
.page--front .block--packages .packages .packages-box--free .box-price {
    color: #fff;
    font-size: 38px;
    font-weight: 800;
    margin-bottom: 40px;
}
@media (max-width: 667px) {
    .page--front .block--packages .packages .packages-box--free .box-price {
        margin-bottom: 15px;
    }
}
.page--front
    .block--packages
    .packages
    .packages-box--free
    .box-price
    .price-helper,
.page--front .block--packages .packages .packages-box--free .box-price span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
}
.page--front .block--packages .packages .packages-box--free .box-properties ul {
    margin-bottom: 35px;
}
@media (max-width: 667px) {
    .page--front
        .block--packages
        .packages
        .packages-box--free
        .box-properties
        ul {
        margin-bottom: 20px;
    }
}
.page--front
    .block--packages
    .packages
    .packages-box--free
    .box-properties
    ul
    li {
    color: #212541;
    margin-bottom: 4px;
    line-height: 1.85;
    font-size: 18px;
    font-weight: 700;
    padding-left: 30px;
    position: relative;
}
@media (max-width: 667px) {
    .page--front
        .block--packages
        .packages
        .packages-box--free
        .box-properties
        ul
        li {
        font-size: 14px;
    }
}
.page--front
    .block--packages
    .packages
    .packages-box--free
    .box-properties
    ul
    li
    .icon--check {
    background: url(/img/welcome/icons/check-colored.svg) no-repeat;
    position: absolute;
    left: 0;
    top: 9px;
    width: 15px;
    height: 12px;
}
@media (max-width: 667px) {
    .page--front
        .block--packages
        .packages
        .packages-box--free
        .box-properties
        ul
        li
        .icon--check {
        top: 5px;
    }
}
.page--front
    .block--packages
    .packages
    .packages-box--free
    .box-properties
    ul
    li
    .has-tooltip {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 10px;
}
.page--front .block--packages .packages .packages-box--main {
    background: #fff;
    border-radius: 16px;
    padding: 34px 60px 50px;
    box-shadow: 0 100px 80px rgba(0, 0, 0, 0.07),
        0 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
        0 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
        0 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
        0 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
        0 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
    opacity: 0;
    transform: translate(10vw, 0);
}
@media (max-width: 992px) {
    .page--front .block--packages .packages .packages-box--main {
        padding: 24px 40px 40px;
    }
}
@media (max-width: 667px) {
    .page--front .block--packages .packages .packages-box--main {
        margin-bottom: 15px;
        padding: 24px 22px;
    }
}
.page--front .block--packages .packages .packages-box--main .cs-badge {
    margin-bottom: 7px;
}
.page--front .block--packages .packages .packages-box--main h4 {
    color: #212541;
    opacity: 0.45;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
}
@media (max-width: 667px) {
    .page--front .block--packages .packages .packages-box--main h4 {
        font-size: 14px;
    }
}
.page--front .block--packages .packages .packages-box--main .box-price {
    color: #212541;
    font-size: 44px;
    margin-bottom: 20px;
}
@media (max-width: 667px) {
    .page--front .block--packages .packages .packages-box--main .box-price {
        font-size: 28px;
    }
    .page--front
        .block--packages
        .packages
        .packages-box--main
        .box-price
        .price-value {
        margin-bottom: 8px;
    }
}
.page--front
    .block--packages
    .packages
    .packages-box--main
    .box-price
    .price-helper,
.page--front .block--packages .packages .packages-box--main .box-price span {
    color: #212541;
    opacity: 0.45;
    font-size: 16px;
}
@media (max-width: 667px) {
    .page--front
        .block--packages
        .packages
        .packages-box--main
        .box-price
        .price-helper,
    .page--front
        .block--packages
        .packages
        .packages-box--main
        .box-price
        span {
        font-size: 12px;
    }
}
.page--front .block--packages .packages .packages-box--main .box-properties ul {
    margin-bottom: 15px;
}
.page--front
    .block--packages
    .packages
    .packages-box--main
    .box-properties
    ul
    li {
    color: #212541;
    margin-bottom: 4px;
    line-height: 1.85;
    font-size: 18px;
    font-weight: 700;
    padding-left: 30px;
    position: relative;
}
@media (max-width: 667px) {
    .page--front
        .block--packages
        .packages
        .packages-box--main
        .box-properties
        ul
        li {
        font-size: 14px;
    }
}
.page--front
    .block--packages
    .packages
    .packages-box--main
    .box-properties
    ul
    li
    .icon--check {
    background: url(/img/welcome/icons/check-colored.svg) no-repeat;
    position: absolute;
    left: 0;
    top: 9px;
    width: 15px;
    height: 12px;
}
@media (max-width: 667px) {
    .page--front
        .block--packages
        .packages
        .packages-box--main
        .box-properties
        ul
        li
        .icon--check {
        top: 6px;
    }
}
.page--front
    .block--packages
    .packages
    .packages-box--main
    .box-properties
    ul
    li
    .has-tooltip {
    cursor: pointer;
    display: inline-block;
    padding-bottom: 4px;
    line-height: 1;
    border-bottom: 2px dashed #212541
}
.page--front .block--packages .packages .packages-box--main .package-extrainfo {
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}
.page--front .block--packages .packages .packages-box--main .price-value {
    position: relative;
    font-size: 52px;
    font-weight: 700;
    padding-bottom: 20px;
}
.page--front .block--packages .packages .packages-box--main .price-value:after {
    content: '';
    height: 4px;
    background: #3455DB;
    border-radius: 4px;
    width: 110px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 10px;
}
@media (max-width: 667px) {
    .page--front
        .block--packages
        .packages
        .packages-box--main
        .package-extrainfo {
        font-size: 10px;
    }
    .page--front .block--packages .packages .packages-box--main .price-value {
        font-size: 36px;
    }
}
.page--front .block--testimonails {
    padding: 0 0 30px 0;
    position: relative;
}
.page--front .block--testimonails .block-header {
    text-align: center;
}

.page--front .block--testimonails .block-header__title {
    font-weight: 700;
    font-size: 44px;
    color: #f93c34;
    margin-bottom: 22px;
    background: linear-gradient(
        to right,
        rgba(249, 58, 52, 1) 0%,
        rgba(215, 60, 119, 1) 49%,
        rgba(196, 31, 94, 1) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (max-width: 667px) {
    .page--front .block--testimonails {
        padding: 50px 0 60px;
    }
    .page--front .block--testimonails .block-header__title {
       font-size: 20px;
    }
}
.page--front .block--testimonails .graphics-box--01 {
    border-radius: 0 16px 16px 16px;
    background: #fff;
    opacity: 0.15;
    left: -6%;
    width: 300px;
    height: 179px;
    bottom: 17%;
}
@media (max-width: 992px) {
    .page--front .block--testimonails .graphics-box--01 {
        bottom: 22%;
        left: -20%;
    }
}
.page--front .block--testimonails .graphics-box--02 {
    border-radius: 0 16px 16px 16px;
    background: #fff;
    opacity: 0.15;
    right: -6%;
    width: 300px;
    height: 179px;
    bottom: 8%;
}
@media (max-width: 992px) {
    .page--front .block--testimonails .graphics-box--02 {
        bottom: 2%;
        right: -16%;
    }
}
@media (max-width: 667px) {
    .page--front .block--testimonails .graphics-box--01,
    .page--front .block--testimonails .graphics-box--02 {
        display: none;
    }
}
.page--front .block--testimonails .rating {
    text-align: center;
    margin-top: 50px;
    opacity: 0;
    transform: translate(0, 50px);
}
@media (max-width: 667px) {
    .page--front .block--testimonails .rating {
        margin-top: 30px;
    }
}
.page--front .block--testimonails .testimonials-wrapper {
    overflow: visible;
}
@media (max-width: 667px) {
    .page--front .block--testimonails .testimonials-wrapper {
        width: calc(100% + 15px);
    }
}
.page--front .block--testimonails .testimonials {
    margin: 90px auto 0;
}
.page--front .block--testimonails .testimonials__box {
    background: #fff;
    padding: 32px;
    max-width: 336px;
    min-height: 410px;
    opacity: 0;
    transform: translate(0, 25px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 992px) {
    .page--front .block--testimonails .testimonials__box {
        flex: 0 0 30%;
    }
}
@media (max-width: 667px) {
    .page--front .block--testimonails .testimonials {
        margin-top: 30px;
    }
    .page--front .block--testimonails .testimonials__box {
        max-width: unset;
        flex: 0 0 auto;
        padding: 32px 16px;
        border-radius: 16px;
    }
}
.page--front .block--testimonails .testimonials__box:nth-child(3) {
    position: relative;
    top: 40px;
}
@media (max-width: 667px) {
    .page--front .block--testimonails .testimonials__box:nth-child(3) {
        top: 0;
    }
}
.page--front .block--testimonails .testimonials p {
    color: #565656;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 15px;
}

.page--front .block--testimonails .testimonials p strong {
    margin-bottom: 19px;
    font-size: 16px;
    color: #0F0F10;
    display: block;
}

@media (max-width: 667px) {
    .page--front .block--testimonails .testimonials p {
        font-size: 12px;
        margin-bottom: 20px;
    }
}

.page--front .block--testimonails .testimonials .box-rating {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-bottom: 30px;
}
.page--front .block--testimonails .testimonials .box-author {
    font-size: 16px;
    font-weight: 700;
    color: #9092a0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page--front .block--testimonails .testimonials .box-author > div {
    flex: 1;
}
.page--front .block--testimonails .testimonials .box-author .author-name {
    color: #0F0F10;
    display: block;
    margin-bottom: 10px;
}
.page--front .block--testimonails .testimonials .box-author .author-position {
    color: #0F0F10;
    font-weight: 400;
}
@media (max-width: 667px) {
    .page--front .block--testimonails .testimonials .box-author {
        font-size: 12px;
    }
}
.page--front .block--testimonails .swiper-pagination {
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page--front .block--testimonails .swiper-pagination .swiper-pagination-bullet {
    background: #ECD7D6;
    width: 5px;
    height: 5px;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}
@media (max-width: 667px) {
    .page--front .block--testimonails .swiper-pagination {
        bottom: 30px;
    }
}
.page--front
    .block--testimonails
    .swiper-pagination
    .swiper-pagination-bullet-active {
    width: 5px;
    height: 5px;
    background: #F93C34;
}
.page--front .page-bottom {
    padding-top: 130px;
    background: #fff9fb;
    overflow: hidden;
    position: relative;
}
.page--front .page-bottom .graphics-box--01 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    left: 8%;
    top: 50%;
    width: 111px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-bottom .graphics-box--01 {
        display: none;
    }
}
.page--front .page-bottom .graphics-box--02 {
    background: #f93c34;
    opacity: 0.2;
    border-radius: 40px;
    left: -8%;
    top: 50%;
    width: 190px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-bottom .graphics-box--02 {
        display: none;
    }
}
.page--front .page-bottom .graphics-box--03 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    left: 90px;
    top: 50%;
    width: 102px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-bottom .graphics-box--03 {
        display: none;
    }
}
.page--front .page-bottom .graphics-box--04 {
    background: #f93c34;
    opacity: 0.2;
    border-radius: 40px;
    right: 5%;
    top: -20%;
    width: 207px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-bottom .graphics-box--04 {
        display: none;
    }
}
.page--front .page-bottom .graphics-box--05 {
    background: #f93c34;
    opacity: 0.1;
    border-radius: 40px;
    right: -4%;
    top: 45%;
    width: 178px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-bottom .graphics-box--05 {
        display: none;
    }
}
.page--front .page-bottom .graphics-box--06 {
    background: #f93c34;
    border-radius: 40px;
    right: -6%;
    top: 75%;
    width: 178px;
    height: 81px;
}
@media (max-width: 667px) {
    .page--front .page-bottom .graphics-box--06 {
        display: none;
    }
    .page--front .page-bottom {
        padding: 0 0 40px 0;
    }
}
.page--front .support__head {
    margin-bottom: 50px;
    text-align: center;
}
@media (max-width: 667px) {
    .page--front .support__head {
        margin-bottom: 20px;
    }
}
.page--front .support__subtitle {
    color: #f3385a;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    opacity: 0;
    transform: translate(0, 100px);
}
@media (max-width: 667px) {
    .page--front .support__subtitle {
        font-size: 10px;
        margin-bottom: 10px;
    }
}
.page--front .support__title {
    color: #212541;
    text-align: center;
    max-width: 500px;
    font-weight: 700;
    font-size: 40px;
    margin: 0 auto 80px;
    opacity: 0;
    transform: translate(0, 100px);
}
@media (max-width: 667px) {
    .page--front .support__title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
.page--front .support .chat-btn {
    border-radius: 0 16px 16px 16px;
    max-width: 300px;
    height: 71px;
    display: flex;
    font-size: 18px;
}
@media (max-width: 667px) {
    .page--front .support .chat-btn {
        font-size: 14px;
        height: 49px;
    }
}
.page--front .support .chat-btn i {
    margin-right: 10px;
    background: url(/img/welcome/icons/chat.svg) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    opacity: 0.6;
}
@media (max-width: 667px) {
    .page--front .support .chat-btn i {
        width: 18px;
        height: 18px;
    }
}
.page--front .support .help-btn {
    border-radius: 0 16px 16px 16px;
    max-width: 300px;
    height: 71px;
    display: flex;
    font-size: 18px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
@media (max-width: 667px) {
    .page--front .support .help-btn {
        font-size: 14px;
        height: 49px;
    }
}
.page--front .support .help-btn i {
    margin-right: 10px;
    background: url(/img/welcome/icons/email-symbol.svg) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    opacity: 0.6;
}
@media (max-width: 667px) {
    .page--front .support .help-btn i {
        width: 18px;
        height: 18px;
    }
}
.page--front .support .support__btns {
    color: #000;
    display: flex;
    justify-content: center;
    opacity: 0;
    transform: translate(0, 50px);
}
@media (max-width: 667px) {
    .page--front .support .support__btns {
        display: block;
    }
}
.page--front .support .support__btns .support-btn {
    margin: 0 10px;
}
@media (max-width: 667px) {
    .page--front .support .support__btns .support-btn {
        margin: 0 0 15px;
        max-width: 100%;
    }
}
.page--front .faqs {
    max-width: 820px;
    margin: 0 auto;
}
.page--front .faqs__item {
    margin-bottom: 13px;
    background: #fff;
    border-radius: 16px;
    transition: none;
    opacity: 0;
    transform: translate(0, 50px);
}
.page--front .faqs__item.is-opened,
.page--front .faqs__item:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.page--front .faqs__item.is-opened .icon-wrapper {
    transform: rotate(-45deg);
}
.page--front .faqs__item.is-opened .icon-wrapper svg path {
    stroke: #f3385a;
}
.page--front .faqs__item .item-bar {
    cursor: pointer;
    padding: 26px 52px 26px 28px;
    font-weight: 500;
    font-size: 18px;
    position: relative;
}
@media (max-width: 667px) {
    .page--front .faqs__item .item-bar {
        font-size: 12px;
        padding: 20px 52px 20px 20px;
    }
}
.page--front .faqs__item .icon-wrapper {
    position: absolute;
    right: 30px;
    top: 30px;
    transform-origin: 50% 50%;
    transition: all 0.35s ease-in-out;
    z-index: 10;
}
@media (max-width: 667px) {
    .page--front .faqs__item .icon-wrapper {
        right: 20px;
        top: 20px;
    }
    .page--front .faqs__item .icon-wrapper svg {
        width: 12px;
        height: 12px;
    }
}
.page--front .faqs__item .item-dropbox {
    font-size: 16px;
    color: #263544;
    padding: 0 60px 28px 28px;
    display: none;
}
@media (max-width: 667px) {
    .page--front .faqs__item .item-dropbox {
        padding: 0 20px 20px;
    }
}
.page--front .faqs__item .item-dropbox p {
    color: #263544;
    margin-bottom: 0;
    line-height: 1.5;
}
@media (max-width: 667px) {
    .page--front .faqs__item .item-dropbox p {
        font-size: 12px;
    }
}
.page--front .page-footer {
    padding: 48px 0 60px 0;
    text-align: center;
}
@media (max-width: 667px) {
    .page--front .page-footer {
        padding: 30px 0;
    }
}
.page--front .page-footer .logos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.page--front .page-footer .logos li {
    margin: 0 15px;
}
@media (max-width: 667px) {
    .page--front .page-footer .logos li {
        margin: 0 15px;
    }
}
.page--front .page-footer .logos li a:hover {
    opacity: 0.8;
}
.page--front .page-footer .copyright {
    font-size: 14px;
    color: #263544;
    opacity: 0.6;
    margin-bottom: 0;
}
@media (max-width: 667px) {
    .page--front .page-footer .copyright {
        padding: 0 20px;
        line-height: 1.9;
    }
}
.scroll-disabled {
    overflow: hidden;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.link-nodecore {
    text-decoration: none;
}
.mr-2 {
    margin-right: 0.7rem;
}
.block--packages .packages .packages-box.packages-box--free {
    border: none;
}
*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: border-box !important;
}

.block--hr {
    background: url("../img/welcome/marketing-bg.png") no-repeat;
    background-size: cover;
    padding: 118px 91px;
}

@media (max-width: 1200px) {
    .block--hr .content .right{
        margin-left: 0px;
    }
    .block--hr .content{
        display: grid;
    }
    .block--hr .content .left{
        margin-bottom: 50px;
    }
    .block--hr .content .left h5, .block--hr .content .left h1, .block--hr .content .left p{
        width: 90%;
        text-align: center;
        margin:  0 auto;
    }
    .block--hr .content .left a.hr_btn{
        margin:  0 auto;
    }
}

@media (max-width: 992px) {
    .block--hr {
        padding: 100px 40px;
    }
}

@media (max-width: 667px) {
    .block--hr {
        padding: 60px 40px;
    }
}


.block--hr .content .left {
    text-align: center;
}
.block--hr .content .left h5{
    color: #fff;
    font-family: Fontfabric;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}
.block--hr .content .left h1{
    text-align: center;
    color: #fff;
    font-family: Fontfabric;
    font-size: 44px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%; /* 44px */
    margin-top: 16px;
    margin-bottom: 29px;
}
.block--hr .content .left p{
    width: 501px;
    color: #6B6F8C;
    font-family: Fontfabric;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    margin-bottom: 28px;
}
.block--hr .content .left a.hr_btn svg{
    margin-right: 10px;
}
.block--hr .content .left a.hr_btn .hr_btn_cont{
    display: flex;
    align-items: center;
    justify-content: center;
}
.block--hr .content .left a.hr_btn{
    display: flex;
    justify-content: center;
    color: #fff;
    width: 300px;
    height: 71px;
    padding: 23px 65px;
    text-decoration: none;
    border-radius: 0px 16px 16px 16px;
    background: #3455DB;
    box-shadow: 0px 1px 1px 0px rgb(0 0 0 / 15%);
    transition: all 0.3s ease-in-out;
}
.block--hr .content .left a.hr_btn:hover{
    background: #2b47b6;
}
.block--hr .content .left a.hr_btn span{
    color: #FFF;
    text-align: center;
    font-family: Fontfabric;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}
.block--hr .content .right{
    margin-left: 64px;
}
.block--hr .content .right img.hr_img{
    width: 586px;
}

@media (max-width: 600px) {
    .block--hr .content .left h5, .block--hr .content .left h1, .block--hr .content .left p{
        width: 280px;
    }
    .block--hr .content .left a.hr_btn{
        width: 280px;
    }
}

/* new section */
.block-dog-ride {
    height: 530px;
    position: relative;
    max-width: 1372px;
    margin: 118px auto 0 auto;
    border-radius: 22px;

    opacity: 0;
    transform: translate(0, 100px);

    background: url("../img/welcome/cta-box-bg.png") no-repeat;
    background-size: cover;
}

@media (max-width: 960px) {
    .block-dog-ride {
        margin-top: 150px;
    }
}

@media (max-width: 667px) {
    .block-dog-ride {
        margin-top: 160px;
    }
}

.block-dog-ride .content {
    position: relative;
    z-index: 1000;
    height: inherit;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    opacity: 0;
    transform: translate(0, 50px);
}

.block-dog-ride .content h2 {
    font-size: 54px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;
}

@media (max-width: 992px) {
    .block-dog-ride .content h2 {
        font-size: 40px;
        line-height: 1.25;
    }
}

@media (max-width: 667px) {
    .block-dog-ride .content h2 {
        font-size: 24px;
        line-height: 1.25;
    }

    .block-dog-ride .content h2 br {
        display: none;
    }
}

.block-dog-ride .content .button-actions {
    margin-top: 62px;
}

@media (max-width: 992px) {
    .block-dog-ride .content .button-actions {
        margin-top: 22px;
    }
}

.block-dog-ride:before {
    content: '';
}

.block-dog-ride .doggo-graphics {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transform: translate(-100%, 0);
}

@media (max-width: 667px) {
    .block-dog-ride {
        height: 400px;
    }
    .block-dog-ride .doggo-graphics {
        width: 100%;
    }
}

.block--howto {
    padding: 145px 0 118px 0;
}

div.howto-items--mobile {
    display: none;
}

@media (max-width: 960px) {
    div.howto-items--desktop {
        display: none;
    }
    div.howto-items--mobile {
        display: block;
    }

}

.btn--cta_light {
    display: inline-flex;
    justify-content: center;
    color: #F93C34;
    height: 58px;
    padding: 20px;
    text-decoration: none;
    border-radius: 38px;
    background: #fff;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}

.btn--cta_light:hover {
    box-shadow: 0px 5px 22px rgb(0 0 0, 0.2);
    background:#F93C34;
    color: #fff;
}

.btn--cta {
    display: inline-flex;
    justify-content: center;
    color: #fff;
    height: 58px;
    padding: 20px;
    text-decoration: none;
    border-radius: 38px;
    background: linear-gradient(90deg, #F93C34 0%, #D73C78 47.28%, #C41F5F 75.15%);
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}

.btn--cta:hover {
    box-shadow: 0px 5px 22px rgb(0 0 0, 0.2);
    background: linear-gradient(90deg, #F93C34 0%, #D73C78 47.28%, #C41F5F 75.15%);
    color: #fff;
}