@charset "UTF-8";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background: 0 0;
    color: inherit
}

ol {
    list-style-type: decimal
}

a:active,
a:hover,
button:hover {
    outline: 0 none
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 500
}

dfn {
    font-style: italic
}

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

mark {
    background: #fff;
    color: #252525
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: inherit;
    font-size: 1em;
    word-wrap: break-word;
    word-break: break-all
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible;
    padding: 0;
    margin: 0;
    background: 0 0
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input {
    line-height: normal
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
    -webkit-appearance: none;
    margin: 0
}

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

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

input[type=number],
input[type=password],
input[type=text],
textarea {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

* {
    box-sizing: border-box
}

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

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: transparent
}

body {
    line-height: 1.421;
    font-size: 12px
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 0;
    border: 0
}

a {
    text-decoration: none
}

a:focus,
a:hover,
button:hover,
input[type=submit]:hover {
    text-decoration: none
}

a:focus {
    outline: 0 none;
    outline-offset: 0
}

:focus {
    outline: 0
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

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

@font-face {
    src: local("Mont-Light"), url(../fonts/Mont-Thin.woff) format("woff"), url(../fonts/Mont-Thin.woff2) format("woff2");
    font-family: Mont;
    font-weight: 100;
    font-style: normal
}

@font-face {
    src: local("Mont-Light"), url(../fonts/Mont-Light.woff) format("woff"), url(../fonts/Mont-Light.woff2) format("woff2");
    font-family: Mont;
    font-weight: 300;
    font-style: normal
}

@font-face {
    src: local("Mont-Regular"), url(../fonts/Mont-Regular.woff) format("woff"), url(../fonts/Mont-Regular.woff2) format("woff2");
    font-family: Mont;
    font-weight: 400;
    font-style: normal
}


@font-face {
    src: local("Mont-SemiBold"), url(../fonts/Mont-SemiBold.woff) format("woff"), url(../fonts/Outfit/Mont-SemiBold.html) format("woff2");
    font-family: Mont;
    font-weight: 600;
    font-style: normal
}

@font-face {
    src: local("Mont-Bold"), url(../fonts/Mont-Bold.woff) format("woff"), url(../fonts/Outfit/Mont-Bold.html) format("woff2");
    font-family: Mont;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.html);
    src: url(../fonts/icons.html) format("embedded-opentype"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

i {
    font-family: icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tooltip:before {
    content: "\e91a";
}

.icon-ds:before {
    content: "\e900";
}

.icon-rd:before {
    content: "\e901";
}

.icon-tw:before {
    content: "\e902";
}

.icon-error:before {
    content: "\e903";
}

.icon-info:before {
    content: "\e904";
}

.icon-edit:before {
    content: "\e905";
}

.icon-close:before {
    content: "\e906";
}

.icon-search:before {
    content: "\e907";
}

.icon-support:before {
    content: "\e908";
}

.icon-add:before {
    content: "\e909";
}

.icon-check1:before {
    content: "\e90a";
}

.icon-pdf-file:before {
    content: "\e90b";
}

.icon-placeholder:before {
    content: "\e90c";
}

.icon-call:before {
    content: "\e90d";
}

.icon-mail:before {
    content: "\e90e";
}

.icon-user:before {
    content: "\e90f";
}

.icon-lock:before {
    content: "\e910";
}

.icon-globe:before {
    content: "\e911";
}

.icon-clock:before {
    content: "\e912";
}

.icon-str:before {
    content: "\e913";
}

.icon-fb:before {
    content: "\e914";
}

.icon-ins:before {
    content: "\e915";
}

.icon-te:before {
    content: "\e916";
}

.icon-yt:before {
    content: "\e917";
}

.icon-vk:before {
    content: "\e918";
}

.icon-check:before {
    content: "\e919";
}

.title-h1,
h1 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 600
}

.title-h2,
h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #333
}

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

    .title-h2,
    h2 {
        font-size: 35px;
        line-height: 45px
    }
}

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

    .title-h2 br,
    h2 br {
        display: none;
    }
}

.title-h3,
h3 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    color: #4c4952;
}

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

    .title-h3,
    h3 {
        font-size: 25px;
        line-height: 35px
    }
}

.title-h4,
h4 {
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    color: #333
}

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

    .title-h4,
    h4 {
        font-size: 20px;
        line-height: 30px
    }
}

.title-h5,
h5 {
    font-size: 20px;
    line-height: 45px;
    font-weight: 400
}

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

    .title-h5,
    h5 {
        font-size: 20px;
        line-height: 30px
    }
}

.title-h6,
h6 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400
}

.title-h7 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.title-giant {
    font-size: 120px;
    line-height: 120px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .title-giant {
        font-size: 100px
    }
}

.title-xlarge {
    font-size: 110px;
    line-height: 120px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .title-xlarge {
        font-size: 90px
    }
}

.title-large {
    font-size: 100px;
    line-height: 120px;
    font-weight: 400
}

@media only screen and (max-width:1399px) {
    .title-large {
        font-size: 88px;
        line-height: 112px;
    }
}

@media only screen and (max-width:767px) {
    .title-large {
        font-size: 52px;
        line-height: 65px
    }
}

.styled-subtitle {
    font-size: 20px;
    line-height: 35px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .styled-subtitle {
        font-size: 15px;
        line-height: 25px
    }
}

.styled-subtitle.light,
.title-giant.light,
.title-h1.light,
.title-h2.light,
.title-h3.light,
.title-h4.light,
.title-h5.light,
.title-h6.light,
.title-large.light,
.title-xlarge.light,
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light {
    font-weight: 300 !important
}

.styled-subtitle.thin,
.title-large.thin,
.title-xlarge.thin {
    font-weight: 100 !important
}

p {
    font-size: 17px;
    line-height: 25px;
    font-weight: 400
}

b {
    font-weight: 700
}

strong {
    font-weight: 900
}

a {
    text-decoration: none;
    color: inherit;
    transition: all .3s ease
}

button {
    cursor: pointer;
    transition: all .3s ease
}

a:hover,
button:hover {
    opacity: .85
}

ul {
    list-style-type: none
}

.body-small {
    font-size: 15px
}

.body-tiny {
    font-size: 13px
}

.tr-uppercase {
    text-transform: uppercase
}

.tr-capitalize {
    text-transform: capitalize
}

.tx-main {
    color: #9e9e9e
}

.tx-primary {
    color: #79c500;
}

.tx-secondary {
    color: #ffc813
}

.tx-secondary-darker {
    color: #dfad00;
}

.tx-dark {
    color: #333
}

.tx-white {
    color: #fff
}

.tx-success {
    color: #85cd13
}

.tx-danger {
    color: #cf1c1c
}

.tx-info {
    color: #8b8b8b
}

.tx-warning {
    color: #e2ab34
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.p-0 {
    padding: 0 !important
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-80 {
    margin-bottom: 80px
}

.mt-30 {
    margin-top: 30px
}

.bg-none {
    background-image: none !important;
    background-color: transparent !important
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.preloader:before {
    content: "";
    position: fixed;
    width: 50%;
    height: 100%;
    background: #f7f7f7;
    z-index: 2;
    left: 0;
    top: 0;
    transition: .72s ease transform .16s
}

.preloader:after {
    content: "";
    position: fixed;
    width: 50%;
    height: 100%;
    background: #f7f7f7;
    z-index: 2;
    right: 0;
    top: 0;
    transition: .72s ease transform .16s
}

body[data-loading=false] .preloader {
    visibility: hidden;
    transition: 10ms visibility .88s
}

body[data-loading=false] .preloader:before {
    transform: translateX(-100%)
}

body[data-loading=false] .preloader:after {
    transform: translateX(100%)
}

.preloader-icon {
    width: 52px;
    height: 52px;
    z-index: 3;
    transition: .16s ease opacity
}

body[data-loading=false] #g1 line {
    animation-play-state: paused
}

body[data-loading=false] #g2 line {
    animation-play-state: paused
}

body[data-loading=false] .preloader-icon {
    animation-play-state: paused;
    opacity: 0
}

.preloader-icon line {
    stroke-dasharray: 40px;
    stroke-dashoffset: 40px
}

#g1 line {
    animation: 2s animateLoader infinite
}

#g2 line {
    animation: 2s animateLoader infinite 1s
}

.preloader-icon {
    animation: 4s rotate infinite
}

@keyframes animateLoader {
    0% {
        stroke-dashoffset: 40px;
        stroke-dasharray: 40px
    }

    50% {
        stroke-dashoffset: 0;
        stroke-dasharray: 40px
    }

    100% {
        stroke-dashoffset: 80px;
        stroke-dasharray: 40px
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(90deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

[data-clipboard-confirm] {
    display: none;
    color: #ffc600;
    font-size: .8em;
    margin-left: 5px
}

.fade-in {
    opacity: 0;
    transform: translateY(50px);
    transition: .35s ease-in-out opacity, .45s ease-in transform
}

.visible {
    transform: translateY(0);
    opacity: 1
}

.btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 65px;
    padding: 0 30px;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: center;
    outline: 0;
    border: 1px solid transparent;
    opacity: 1 !important;
    transition: all .3s ease
}

.btn i {
    font-size: 25px;
    margin-right: 15px
}

.btn-large {
    min-height: 70px
}

.btn-large i {
    font-size: 35px;
    margin-right: 20px
}

.btn-small {
    min-height: 32px;
    padding: 0 32px;
    font-size: 15px
}

.btn-primary {
    color: #fff;
    background-color: #ffc600
}

.btn-primary:hover {
    background-color: #fbd740;
}

.btn-primary-outline {
    color: #ffc600;
    background-color: transparent;
    border-color: #ffc600
}

.btn-secondary {
    background-color: #ffc600;
    color: #333
}

.btn-secondary:hover {
    background-color: #fbd740;
}

.btn-secondary-outline {
    background-color: transparent;
    color: rgba(0, 0, 0, .5);
    border-color: #ffc813
}

.btn-secondary-outline:hover {
    color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .5)
}

.btn-light {
    background-color: #fff;
    color: #333
}

.btn-light:not(.readonly):hover {
    background-color: #fbd740;
}

.btn-transparent-20 {
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

.btn-transparent-20:not(.readonly):hover {
    opacity: .8
}

.btn-gradient {
    color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    background: linear-gradient(111deg, #7bc900 0, #9bd63e 100%)
}

.btn-gradient:not(.readonly):hover {
    background: #8acf1e
}

.btn-light-color {
    background-color: #fff;
    color: #dfad00;
}

.btn-light-color:not(.readonly):hover {
    background-color: #dfad00;
    color: #fff;
}

.btn-dark {
    background-color: #312d3b;
    color: #fff;
}

.btn-dark:not(.readonly):hover {
    background-color: #dfad00;
}

.form {
    position: relative;
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    align-self: flex-start;
    margin: 0 -25px
}

.form.nowrap {
    flex-wrap: nowrap
}

.form-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 25px;
    margin-top: 10px
}

.form-col p {
    line-height: 1.6
}

.form-col.form-col--end {
    margin-left: auto
}

.form-col.form-col--100 {
    width: 100%
}

.form-col.form-col--65 {
    width: 65%
}

.form-col.form-col--60 {
    width: 60%
}

.form-col.form-col--50 {
    width: 50%
}

.form-col.form-col--40 {
    width: 40%
}

.form-col.form-col--35 {
    width: 35%
}

@media only screen and (max-width:767px) {
    .form-col {
        width: 100% !important
    }
}

.error-msg {
    position: relative;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    color: #cf1c1c;
    opacity: 0;
    visibility: hidden
}

.form-line.error .checkbox-group__marker,
.form-line.error input,
.form-line.error textarea {
    border-color: #cf1c1c
}

.form-line.error .error-msg {
    opacity: 1;
    visibility: visible
}

.input-group {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%
}

.input-group input,
.input-group textarea {
    position: relative;
    width: 100%;
    min-height: 65px;
    padding: 0 20px;
    outline: 0;
    color: #9e9e9e;
    font-size: 17px;
    font-weight: 600;
    border: 1px solid transparent;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

.input-group input:focus,
.input-group textarea:focus {
    outline: 0
}

.input-group textarea {
    height: 100%;
    min-height: 130px;
    padding: 20px
}

.input-group label {
    padding-bottom: 15px;
    color: #333;
    font-weight: 600
}

.input-group.required label:after {
    color: #dfad00;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

.input-group .captcha {
    position: relative
}

.input-group .captcha input {
    width: calc(100% - 140px)
}

.input-group .captcha img {
    width: 100%;
    margin: 0 auto
}

.input-group.input-group--picker input {
    padding-left: 45px;
    line-height: 1;
    background-image: url(../images/calendar.html);
    background-repeat: no-repeat;
    background-position: 20px center
}

.btn-group {
    position: relative
}

.btn-group .btn {
    width: 100%
}

.radio-group {
    position: relative
}

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

.radio-group label {
    position: relative;
    display: inline-flex;
    height: 20px;
    align-items: center;
    padding-left: 45px;
    font-size: 20px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: all .3s ease;
    color: #333
}

.radio-group label:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 34px;
    left: 0;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

.radio-group label:after {
    display: none;
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 10px;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    background: #fff
}

.radio-group input[type=radio]:checked+label:after {
    display: block
}

.radio-group input[type=radio]:checked+label:before {
    background: #ffc600;
}

.radio-group input[type=radio]:disabled+label:before {
    filter: grayscale(100%)
}

.checkbox-group {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: 20px
}

.checkbox-group input {
    position: absolute;
    left: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: -1
}

.checkbox-group__handle {
    position: relative;
    display: flex;
    align-items: center
}

.checkbox-group__handle a {
    color: #ffc600;
    text-decoration: underline;
    z-index: 2
}

.checkbox-group__label {
    margin-left: 15px
}

.checkbox-group__marker {
    position: relative;
    height: 30px;
    min-width: 30px;
    background: #dfad00;
    border: 1px solid transparent;
    cursor: pointer
}

.checkbox-group__marker:after {
    font-family: icons;
    content: "\e919";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    font-size: 10px;
    color: #fff
}

input:checked~.checkbox-group__marker:after {
    opacity: 1
}

.select-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.select-group label {
    position: relative;
    width: 100%;
    padding-bottom: 15px
}

.select-group .selectric-wrapper {
    position: relative;
    width: 100%
}

.select-group .selectric {
    position: relative;
    min-width: 100%;
    width: 100%;
    height: 65px;
    padding: 0 20px;
    outline: 0;
    border: 0;
    background: #fff
}

.select-group .selectric .label {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #9e9e9e;
    border: 0
}

.select-group .selectric .label i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #ffc600;
    margin-right: 10px
}

.select-group .selectric .label span {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    color: #9e9e9e;
    line-height: 1.7
}

.select-group .selectric .label span .title-h4 {
    color: #333;
    line-height: 1
}

.select-group .selectric .label span.title-h6 {
    color: #333;
    line-height: 1;
    font-size: 17px;
    padding-left: 10px;
    text-transform: none
}

.select-group .selectric .label img {
    max-width: 25px;
    filter: brightness(0) invert(1)
}

.select-group .selectric .button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 15px;
    top: 0;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-align: center;
    font: inherit;
    font-size: 0;
    text-indent: -9999
}

.select-group .selectric .button:after {
    display: none
}

.select-group .selectric .button:before {
    content: "\e913";
    font-family: icons;
    font-size: 6px;
    line-height: 1;
    color: #333;
    transition: transform .2s ease-in-out
}

.select-group .selectric-open .selectric .button:before {
    transform: scale(1, -1)
}

.select-group .selectric-items {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    z-index: -1;
    box-shadow: none;
    border: 0
}

.select-group .selectric-items ul {
    display: flex;
    flex-direction: column;
    background: #fff;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

.select-group .selectric-items ul::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.select-group .selectric-items ul::-webkit-scrollbar-thumb {
    background: rgba(119, 119, 119, .3);
    border-radius: 4px
}

.select-group .selectric-items ul::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 4px
}

.select-group .selectric-items li {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 0 20px;
    background: 0 0;
    font-size: 13px;
    line-height: 1
}

.select-group .selectric-items li img {
    max-width: 20px;
    margin-right: 10px
}

.select-group .selectric-items li span {
    text-transform: uppercase
}

.select-group .selectric-items li:hover {
    background: #efefef
}

.select-group .selectric-items li.highlighted {
    background: #ffc813
}

.select-group .selectric-items li.highlighted img {
    filter: brightness(0) invert(1)
}

.select-group .selectric-items .selectric-scroll {
    overflow: visible
}

.select-group .selectric-open .selectric-items {
    width: 100% !important;
    display: block
}

.switcher {
    position: relative;
    display: inline-flex;
    width: 100px;
    height: 50px
}

.switcher input {
    opacity: 0;
    width: 0;
    height: 0
}

.switch-handle {
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0c1b41;
    border-radius: 9px;
    overflow: hidden;
    transition: .3s;
    cursor: pointer
}

.switch-handle b {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    color: #8393bd
}

.switch-handle:before {
    content: "$";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 50%;
    left: 0;
    top: 0;
    background-color: #01a9e0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    transition: .3s
}

.switcher input:checked+.switch-handle:before {
    content: "₽";
    transform: translateX(100%)
}

.auth-group {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 310px
}

.auth-group__title {
    font-size: 30px;
    font-weight: 700;
    color: #ffc600;
    margin-bottom: 20px
}

.auth-group__qr {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.auth-group__qr b {
    font-size: 16px;
    padding-bottom: 3px
}

.auth-group__qr strong {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 300
}

.auth-group__qr i {
    margin: 25px 0
}

.auth-group__qr img {
    width: auto
}

.auth-group__code {
    position: relative;
    width: 100%;
    margin-bottom: 20px
}

.auth-group__code .input-group {
    width: 100%;
    text-align: left
}

.auth-group__code input {
    min-width: 100%
}

.file-group {
    position: relative;
    display: flex;
    flex-direction: column
}

.file-group input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0
}

.file-group__label {
    padding-bottom: 10px;
    color: #333;
    font-weight: 600
}

.file-group__wrap {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease
}

.file-group__wrap:hover {
    opacity: .8
}

.file-group__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    min-height: 100px;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

.file-group__btn b {
    font-weight: 600;
    margin-bottom: 10px
}

.file-group__btn i {
    font-size: 40px;
    color: #333
}

.file-group__txt {
    max-width: 240px;
    margin-left: 30px;
    font-size: 15px;
    line-height: 1.7
}

@media only screen and (max-width:767px) {
    .file-group__txt {
        margin-left: 15px
    }
}

.file-group input[type=file]:disabled+.file-group__btn {
    opacity: .5
}

.carousel__nav,
.owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between
}

.carousel__button.is-prev,
.owl-prev {
    position: relative;
    width: 38px;
    height: 24px;
    font-size: 0
}

.carousel__button.is-prev span,
.carousel__button.is-prev svg,
.owl-prev span,
.owl-prev svg {
    display: none
}

.carousel__button.is-prev:after,
.owl-prev:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/icons/prev.png);
    background-repeat: no-repeat
}

.carousel__button.is-prev.disabled,
.owl-prev.disabled {
    opacity: .5
}

.carousel__button.is-next,
.owl-next {
    position: relative;
    width: 38px;
    height: 24px;
    font-size: 0
}

.carousel__button.is-next span,
.carousel__button.is-next svg,
.owl-next span,
.owl-next svg {
    display: none
}

.carousel__button.is-next:after,
.owl-next:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/icons/next.png);
    background-repeat: no-repeat
}

.carousel__button.is-next.disabled,
.owl-next.disabled {
    opacity: .7
}

.tabs {
    position: relative;
    display: flex;
    flex-direction: column
}

.tabs__nav {
    position: relative
}

.tabs__nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px
}

.tabs__nav li {
    padding: 0 7px;
    margin: 10px 0
}

.tabs__nav a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 25px;
    padding: 5px 10px 3px 10px;
    font-weight: 600;
    font-size: 16px;
    background-color: #efefef;
    color: #333;
    word-wrap: break-word;
    word-break: break-all
}

.tabs__nav a.active {
    background-color: #ffc813;
    opacity: 1;
    color: #fff;
}

.tabs__body {
    position: relative
}

.accordion {
    position: relative;
    display: flex;
    flex-direction: column
}

.accordion__item {
    position: relative;
    display: flex;
    flex-direction: column
}

.accordion__item+.accordion__item {
    margin-top: 40px
}

.accordion__title {
    position: relative
}

.accordion__title a {
    display: flex;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #ffc600;
    text-transform: uppercase
}

.accordion__title a i {
    font-size: 20px;
    margin-right: 15px
}

.accordion__title a.active {
    color: #ffc813
}

.accordion__title a.active i:before {
    content: "\e90f" !important
}

.accordion__body {
    position: relative;
    width: 100%;
    padding: 30px 0 20px 35px
}

.accordion__body p+p {
    margin-top: 20px
}

@media only screen and (max-width:767px) {
    .accordion__body {
        padding-left: 0
    }
}

.masonry-grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

.masonry-grid__item {
    padding: 0 20px;
    width: 50%;
    margin-top: 60px
}

@media only screen and (max-width:991px) {
    .masonry-grid__item {
        width: 100%;
        margin-top: 40px
    }
}

.fancybox__backdrop {
    background: rgba(35, 35, 35, .87)
}

.modal {
    display: none;
    position: relative;
    width: 100%;
    max-width: 650px;
    background-color: #f1edf3;
    padding: 60px 90px;
    margin: 0
}

@media only screen and (max-width:767px) {
    .modal {
        padding: 60px 15px
    }
}

.modal .carousel__button.is-close {
    position: absolute;
    top: -45px;
    right: -45px;
    width: auto;
    height: auto;
    color: #fff;
    transition: all .3s ease
}

@media only screen and (max-width:767px) {
    .modal .carousel__button.is-close {
        right: 0
    }
}

.modal .carousel__button.is-close:hover {
    opacity: .8
}

.modal .carousel__button.is-close svg {
    width: 40px;
    height: 40px;
    stroke-width: 1;
    filter: none
}

.modal__icon {
    position: relative;
    text-align: center
}

.modal__icon img {
    width: 90px
}

.modal__title {
    position: relative;
    text-align: center
}

.modal__body {
    position: relative;
    text-align: center
}

.modal__body-text {
    position: relative;
    text-align: center;
    color: #9e9e9e
}

.modal__body-text p {
    line-height: 1.7
}

.modal__body-text a {
    color: #ffc600;
    text-decoration: underline
}

.modal__body-text .body-small {
    max-width: 250px;
    margin: 0 auto
}

.modal__body-btn {
    position: relative
}

.modal__body-btn .btn {
    width: 100%;
    max-width: 300px
}

.modal__body-btn .btn:focus {
    outline: 0 !important
}

.modal__body-link {
    position: relative
}

.modal__body-link a {
    color: #ffc600;
    text-decoration: underline;
    font-weight: 400
}

.modal__body-form .form {
    max-width: 380px;
    margin: 0 auto
}

.modal__body-form .form-col {
    padding: 0
}

.modal__body-form input {
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11) !important
}

.modal__body-form label {
    padding-bottom: 15px
}

.modal__body-form button:focus,
.modal__body-form input:focus {
    border: 0;
    outline: 0 !important
}

.modal__body-form .btn {
    margin-top: 15px
}

.grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.grid .grid-item {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 0 15px
}

.grid .grid-item.grid-item--50 {
    width: 50%
}

@media only screen and (max-width:767px) {
    .grid .grid-item.grid-item--50 {
        width: 100%
    }
}

.grid .grid-item.grid-item--33 {
    width: calc(100% / 3)
}

@media only screen and (max-width:991px) {
    .grid .grid-item.grid-item--33 {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .grid .grid-item.grid-item--33 {
        width: 100%
    }
}

.grid .grid-item.grid-item--25 {
    width: 25%
}

@media only screen and (max-width:991px) {
    .grid .grid-item.grid-item--25 {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .grid .grid-item.grid-item--25 {
        width: 100%
    }
}

.grid .grid-item--fluid {
    width: calc(100% - 320px)
}

@media only screen and (max-width:1199px) {
    .grid .grid-item--fluid {
        width: 100%
    }
}

.grid .grid-item--offset {
    max-width: 320px
}

@media only screen and (max-width:1199px) {
    .grid .grid-item--offset {
        max-width: none;
        width: 100%
    }
}

.datepicker-dropdown {
    width: 100%
}

.datepicker-picker {
    background-color: #fff;
    border-radius: 5px
}

.datepicker-header .datepicker-controls .button {
    color: #000;
    font-size: 1em;
    font-weight: 500
}

.datepicker-view .dow {
    height: 3rem;
    font-size: .875em;
    font-weight: 500;
    color: #000
}

.datepicker-grid {
    width: auto
}

.datepicker-view .days .datepicker-cell,
.datepicker-view .dow {
    display: flex;
    align-items: center;
    justify-content: center
}

.datepicker-cell,
.datepicker-view .week {
    height: 3rem;
    color: #000;
    font-weight: 400
}

.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled) {
    opacity: .3;
    color: #000
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    background-color: #ffc600;
    color: #fff;
    font-weight: 500
}

.datepicker-cell.range {
    background-color: rgba(0, 87, 255, .1);
    border-radius: 0
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
    background-color: #ffc600;
    color: #fff
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #ffc813
}

.pagination {
    position: relative
}

.pagination ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.pagination li {
    margin: 10px
}

.pagination li.pagination__prev {
    margin-right: auto;
    margin-left: 0
}

.pagination li.pagination__next {
    margin-left: auto;
    margin-right: 0
}

.pagination li.pagination__next a,
.pagination li.pagination__prev a {
    background-color: transparent;
    width: auto
}

.pagination a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    background-color: #fff;
    color: #333;
    font-weight: 600;
    font-size: 20px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .pagination a {
        width: 40px;
        height: 40px;
        font-size: 16px
    }
}

.pagination a:not(.active):hover {
    opacity: .8
}

.pagination a.active {
    background-color: #ffc813;
    opacity: 1
}

.pagination a img {
    width: 38px;
    height: auto
}

@media only screen and (max-width:767px) {
    .pagination a img {
        width: 28px
    }
}

.pagination a.disabled img {
    opacity: .3
}

.page-title {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 516px;
    margin: 0 auto;
    text-align: center
}

.page-title.page-title--start {
    text-align: left;
    margin: 0 auto 0 0
}

.page-title.page-title--end {
    text-align: right;
    margin: 0 0 0 auto
}

.page-title .styled-subtitle {
    margin-top: 30px
}

.scroll-to-top {
    position: fixed;
    bottom: 90px;
    right: 90px;
    width: 90px;
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    background: rgba(129, 129, 129, .33);
    cursor: pointer;
    z-index: 1000;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden
}

@media only screen and (max-width:1399px) {
    .scroll-to-top {
        right: 15px;
        bottom: 15px
    }
}

.scroll-to-top span {
    font-size: 12px;
    text-transform: uppercase;
    margin: 10px 0;
    color: #fff
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible
}

.scroll-to-top:hover {
    opacity: .8
}

.progressbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
    width: 170px
}

.progressbar__range {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    width: 100%
}

.progressbar__line {
    position: relative;
    width: 100%;
    height: 24px;
    background-image: url(../images/db/progress.png);
    background-repeat: no-repeat
}

.progressbar__line-active {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/db/progress-ac.png);
    background-repeat: no-repeat
}

.countdown {
    position: relative;
    display: flex;
    width: 170px
}

.countdown ul {
    display: flex;
    justify-content: space-between;
    text-align: center
}

.countdown li {
    min-width: 60px
}

.countdown li.sep {
    min-width: auto
}

.highcharts-credits,
.highcharts-no-tooltip {
    display: none !important
}

.social-sharing {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -14px
}

.social-sharing li {
    padding: 0 14px
}

.social-sharing a {
    position: relative;
    color: #333;
    font-size: 20px
}

.social-sharing--styled {
    margin: 0 -15px
}

.social-sharing--styled li {
    padding: 0 15px;
    margin: 15px 0
}

.social-sharing--styled a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    color: #fff;
    background: #ffc600;
    font-size: 28px
}

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

body,
html {
    font-family: 'Mont';
    margin: 0;
    padding: 0;
    height: 100%
}

body.template {
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    color: #9e9e9e;
    background-color: #fff;
    overflow-x: hidden
}

body.template::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

body.template::-webkit-scrollbar-thumb {
    background: rgba(119, 119, 119, .3);
    border-radius: 10px
}

body.template::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 10px
}

body.template .main-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    overflow: hidden
}

body.template .wrapper {
    position: relative;
    flex: 1 0 auto;
    width: 100%;
    height: 100%
}

body.template .container {
    position: relative;
    width: 100%;
    max-width: 1450px;
    padding: 0 15px;
    margin: 0 auto;
    z-index: 1
}

@media only screen and (max-width:1399px) {
    body.template .container.container--outside {
        width: calc(100% + 30px);
        margin: 0 -15px
    }
}

body.template .hero {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    min-height: 609px;
    padding-bottom: 80px;
}

body.template .hero--splash {
    min-height: 100dvh;
}

body.template .hero__title {
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: auto;
    padding: 80px 15px 0px;
    text-align: center;
    color: #fff
}

@media only screen and (max-width:767px) {
    body.template .hero__title {
        margin-top: 60px
    }
}

body.template .hero__title h5 {
    letter-spacing: 4px;
    font-weight: 400
}

body.template .hero__title h1 {
    margin-top: 20px;
    word-break: break-word
}

body.template .hero.hero--splash .hero__title {
    margin: 110px auto 0 auto;
    padding-top: 0px;
}

body.template .hero.hero--splash .hero__title .title-large {
    color: #ffc600;
}



@media only screen and (max-width:767px) {
    body.template .hero.hero--splash .hero__title {
        margin-top: 60px
    }
}

body.template .hero.hero--splash .hero__title h1 {
    margin-top: 50px
}

@media only screen and (max-width:1399px) {
    body.template .hero {
        padding-bottom: 60px
    }

    body.template .hero.hero--splash .hero__title {
        margin-top: 60px;
    }

    body.template .hero.hero--splash .hero__title h1 {
        margin-top: 40px;
    }
}

@media only screen and (max-width:767px) {
    body.template .hero.hero--splash .hero__title h1 {
        margin-top: 30px
    }
}

body.template .hero__excerpt {
    width: 100%;
    max-width: 630px;
    padding: 0 15px;
    margin: 45px auto 0 auto;
    text-align: center
}

@media only screen and (max-width:767px) {
    body.template .hero__excerpt {
        margin-top: 30px
    }
}

body.template .hero__excerpt p {
    color: #fff;
    font-size: 20px;
    line-height: 35px
}

body.template .hero__courses {
    position: relative;
    padding: 0 60px;
    margin-top: 50px;
    background-color: rgba(0, 0, 0, .2);
    border-top: 1px solid #4d5a38
}

@media only screen and (max-width:1770px) {
    body.template .hero__courses {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    body.template .hero__courses {
        display: none
    }
}

body.template .hero__courses ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px
}

@media only screen and (max-width:1399px) {
    body.template .hero__courses ul {
        margin: 0 -5px
    }
}

@media only screen and (max-width:991px) {
    body.template .hero__courses ul {
        justify-content: center
    }
}

body.template .hero__courses li {
    padding: 0 15px;
    margin: 35px 0 30px 0
}

@media only screen and (max-width:1399px) {
    body.template .hero__courses li {
        padding: 0 5px
    }
}

@media only screen and (max-width:991px) {
    body.template .hero__courses li {
        padding: 0 15px
    }
}

body.template .hero.hero--splash .hero__courses {
    margin-top: 100px;
    background-color: transparent;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

body.template .hero__courses-item {
    position: relative;
    display: flex;
    align-items: center
}

body.template .hero__courses-item i {
    margin-right: 20px
}

@media only screen and (max-width:1199px) {
    body.template .hero__courses-item i {
        margin-right: 5px
    }
}

body.template .hero__courses-item i img {
    width: 76px;
    height: 76px
}

@media only screen and (max-width:1199px) {
    body.template .hero__courses-item i img {
        width: 65px;
        height: 65px
    }
}

body.template .hero__courses-item p {
    display: flex;
    flex-direction: column;
    color: #fff
}

body.template .hero__courses-item p b {
    font-size: 13px;
    line-height: 1;
    margin-bottom: 6px
}

body.template .hero__courses-item p span.title-h5 {
    line-height: 1;
    margin-bottom: 10px
}

body.template .hero__courses-item p span.body-small {
    line-height: 1
}

body.template .hero__courses-item p .up {
    color: #ffc600
}

body.template .hero__courses-item p .down {
    color: #ffc813
}

body.template .header {
    position: relative;
    padding: 0 60px
}

@media only screen and (max-width:1770px) {
    body.template .header {
        padding: 0 15px
    }
}

@media only screen and (max-width:991px) {
    body.template .header {
        padding: 10px 15px
    }
}

body.template .header__top {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 65px
}

@media only screen and (max-width:1399px) {
    body.template .header__top {
        padding: 5px 0
    }
}

@media only screen and (max-width:991px) {
    body.template .header__top {
        display: none
    }
}

body.template .header__contact {
    position: relative
}

body.template .header__contact ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -20px
}

@media only screen and (max-width:1399px) {
    body.template .header__contact ul {
        flex-direction: column;
        align-items: flex-start
    }
}

body.template .header__contact li {
    padding: 0 20px
}

@media only screen and (max-width:1399px) {
    body.template .header__contact li {
        padding: 10px 20px
    }
}

body.template .header__contact-item {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px
}

body.template .header__contact-item i {
    margin-right: 10px;
    margin-top: -2px;
    font-size: 22px;
    color: #ffc600
}

body.template .header__email {
    position: relative;
    margin-left: auto
}

@media only screen and (max-width:1199px) {
    body.template .header__email {
        display: none
    }
}

body.template .header__email-item {
    position: relative;
    display: flex;
    align-items: center;
    color: #ffc813;
    font-size: 14px
}

body.template .header__email-item i {
    font-size: 22px;
    color: #ffc600;
    margin-right: 10px;
    margin-top: -2px
}

body.template .header__socials {
    position: relative;
    margin-left: 50px
}

@media only screen and (max-width:1199px) {
    body.template .header__socials {
        margin-left: auto
    }
}

body.template .header__socials ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px
}

body.template .header__socials li {
    padding: 0 10px
}

body.template .header__socials-item {
    position: relative;
    color: #fff;
    font-size: 18px
}

body.template .header__login {
    position: relative;
    margin-left: 50px
}

body.template .header__login ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px
}

body.template .header__login li {
    padding: 0 15px
}

body.template .header__login-item {
    position: relative;
    display: flex;
    align-items: center;
    color: #ffc813;
    font-size: 14px
}

body.template .header__login-item i {
    margin-right: 10px;
    margin-top: -2px;
    font-size: 22px;
    color: #ffc600
}

body.template .header__nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 90px;
    padding: 0 40px 0 52px;
    background-color: #fff
}

@media only screen and (max-width:1770px) {
    body.template .header__nav {
        padding-left: 12px;
    }
}

@media only screen and (max-width:1399px) {
    body.template .header__nav {
        padding: 0 15px
    }
}

@media only screen and (max-width:991px) {
    body.template .header__nav:after {
        display: none;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
        z-index: 6
    }

    body.template .header__nav.open:after {
        display: block
    }

    body.template .header__nav.open .header__menu {
        opacity: 1;
        visibility: visible
    }
}

body.template .header__logo {
    position: relative;
    z-index: 10
}

body.template .header__logo-item {
    display: flex;
    width: 233px;
}

body.template .header__menu {
    position: relative;
    margin-left: auto
}

@media only screen and (max-width:991px) {
    body.template .header__menu {
        position: absolute;
        left: -15px;
        top: 45px;
        padding-top: 50px;
        width: calc(100% + 30px);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
        background-color: #fff;
        z-index: 5
    }
}

body.template .header__menu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px
}

@media only screen and (max-width:991px) {
    body.template .header__menu ul {
        margin: 0;
        flex-direction: column;
        align-items: flex-start
    }
}

body.template .header__menu li {
    padding: 0 5px
}

@media only screen and (max-width:991px) {
    body.template .header__menu li {
        width: 100%;
        padding: 0;
        border-top: 2px solid #efefef
    }
}

body.template .header__menu li:first-child {
    border: 0
}

body.template .header__menu li.menu-item--lang,
body.template .header__menu li.menu-item--login,
body.template .header__menu li.menu-item--socials {
    display: none;
    border-color: #fff
}

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

    body.template .header__menu li.menu-item--lang,
    body.template .header__menu li.menu-item--login,
    body.template .header__menu li.menu-item--socials {
        display: block
    }
}

body.template .header__menu li.menu-item--lang,
body.template .header__menu li.menu-item--socials {
    border: 0
}

body.template .header__menu li.menu-item--login .header__menu-item {
    background-color: #efefef
}

body.template .header__menu li.menu-item--lang .header__lang {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0
}

body.template .header__menu li.menu-item--lang .header__lang-curr {
    width: 100%;
    color: #333;
    font-size: 16px;
    min-height: 60px;
    padding: 0 30px
}

body.template .header__menu li.menu-item--lang .header__lang-curr i {
    font-size: 28px
}

body.template .header__menu li.menu-item--lang .header__lang-curr:after {
    right: 30px
}

body.template .header__menu li.menu-item--lang .header__lang-list {
    position: relative;
    top: 0
}

body.template .header__menu li.menu-item--lang .header__lang-item {
    min-height: 45px;
    padding: 0 30px;
    opacity: 1
}

body.template .header__menu li.menu-item--socials .header__socials {
    background-color: #333;
    border: 0
}

body.template .header__menu li.menu-item--socials .header__socials ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0;
    min-height: 70px
}

body.template .header__menu li.menu-item--socials .header__socials li {
    width: auto;
    padding: 0 10px;
    border: 0
}

body.template .header__menu-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    padding: 0 30px;
    text-transform: capitalize;
    text-align: center;
    z-index: 1;
    opacity: 1
}

@media only screen and (max-width:1399px) {
    body.template .header__menu-item {
        padding: 0 15px
    }
}

@media only screen and (max-width:1199px) {
    body.template .header__menu-item {
        padding: 0 5px;
        font-size: 16px
    }
}

@media only screen and (max-width:991px) {
    body.template .header__menu-item {
        min-height: 60px;
        text-align: left;
        justify-content: flex-start;
        padding: 0 30px
    }
}

body.template .header__menu-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .header__menu-item>* {
    position: relative;
    z-index: 1
}

body.template .header__menu-item:not(.active):hover {
    color: #fff;
    opacity: 1
}

body.template .header__menu-item:not(.active):hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 20px);
    width: calc(100% + 0);
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

@media only screen and (max-width:1199px) {
    body.template .header__menu-item:not(.active):hover {
        color: #ffc600
    }

    body.template .header__menu-item:not(.active):hover:after,
    body.template .header__menu-item:not(.active):hover:before {
        display: none
    }
}

body.template .header__menu-item.active {
    color: #fff;
    opacity: 1
}

body.template .header__menu-item.active:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 20px);
    width: calc(100% + 0);
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

@media only screen and (max-width:1199px) {
    body.template .header__menu-item.active {
        color: #ffc600
    }

    body.template .header__menu-item.active:after,
    body.template .header__menu-item.active:before {
        display: none
    }
}

body.template .header__lang {
    position: relative;
    margin-left: 20px
}

@media only screen and (max-width:991px) {
    body.template .header__lang {
        display: none
    }
}

body.template .header__lang-curr {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 25px;
    font-size: 18px;
    color: #ffc600
}

body.template .header__lang-curr:after {
    content: "\e913";
    font-family: icons;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    font-size: 6px;
    transition: all .3s ease
}

body.template .header__lang-curr.open:after {
    transform: scale(1, -1)
}

body.template .header__lang-curr i {
    font-size: 34px;
    color: #ffc813;
    margin-right: 10px;
    margin-top: -2px
}

body.template .header__lang-list {
    position: absolute;
    display: none;
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
    background-color: #ffc600
}

body.template .header__lang-list li {
    width: 100%
}

body.template .header__lang-list li+li {
    border-top: 1px solid rgba(255, 255, 255, .3)
}

body.template .header__lang-item {
    display: flex;
    height: 100%;
    min-height: 30px;
    align-items: center;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    opacity: .7
}

body.template .header__lang-item.active {
    opacity: 1
}

body.template .header__lang-item:not(.active):hover {
    background-color: rgba(255, 255, 255, .2);
    opacity: 1
}

body.template .header__toggle {
    display: none;
    position: relative;
    width: 40px;
    height: 26px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    cursor: pointer;
    z-index: 10
}

body.template .header__toggle:after,
body.template .header__toggle:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    transition: all .3s ease;
    background-color: #333
}

body.template .header__toggle:before {
    top: 6px
}

body.template .header__toggle:after {
    bottom: 6px
}

@media only screen and (max-width:991px) {
    body.template .header__toggle {
        display: flex
    }
}

body.template .header__toggle.open {
    border: 0
}

body.template .header__toggle.open:before {
    top: 12px;
    transform: rotate(40deg)
}

body.template .header__toggle.open:after {
    bottom: 12px;
    transform: rotate(-40deg)
}

body.template .footer {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    min-height: 560px;
    padding: 80px 120px 40px 120px;
    background-image: url(../images/footer/bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width:1770px) {
    body.template .footer {
        width: auto;
        padding: 80px 15px 40px 15px
    }
}

@media only screen and (max-width:991px) {
    body.template .footer {
        padding: 30px 15px
    }
}

body.template .footer__infobox {
    position: relative;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:991px) {
    body.template .footer__infobox {
        flex-wrap: wrap
    }
}

body.template .footer__infobox-item {
    margin: 40px 0
}

@media only screen and (max-width:767px) {
    body.template .footer__infobox-item {
        margin: 20px 0
    }
}

body.template .footer__logo {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 300px;
    margin-right: 100px
}

@media only screen and (max-width:1199px) {
    body.template .footer__logo {
        margin-right: 30px
    }
}

@media only screen and (max-width:991px) {
    body.template .footer__logo {
        max-width: none;
        margin: 0
    }
}

body.template .footer__logo a {
    display: flex
}

body.template .footer__logo a img {
    width: 235px;
}

body.template .footer__logo p {
    margin-top: auto;
    font-size: 15px;
    line-height: 25px
}

@media only screen and (max-width:991px) {
    body.template .footer__logo p {
        margin-top: 20px
    }
}

body.template .footer__menu {
    position: relative;
    max-width: 670px
}

@media only screen and (max-width:991px) {
    body.template .footer__menu {
        max-width: 50%
    }
}

@media only screen and (max-width:767px) {
    body.template .footer__menu {
        max-width: none;
        width: 100%
    }
}

body.template .footer__menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

body.template .footer__menu li {
    width: 50%;
    padding: 0 15px
}

body.template .footer__menu li:nth-child(n+3) {
    margin-top: 40px
}

body.template .footer__menu-item {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    white-space: nowrap
}

body.template .footer__menu-item.active,
body.template .footer__menu-item:hover {
    color: #ffc600;
    opacity: 1
}

body.template .footer__contact {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 250px;
    max-width: 300px
}

@media only screen and (max-width:1199px) {
    body.template .footer__contact {
        min-width: auto;
        padding: 0 30px
    }
}

@media only screen and (max-width:991px) {
    body.template .footer__contact {
        max-width: 30%
    }
}

@media only screen and (max-width:767px) {
    body.template .footer__contact {
        max-width: none;
        width: 100%;
        padding: 0;
        order: 2
    }
}

body.template .footer__contact-addr {
    font-size: 15px;
    line-height: 30px
}

@media only screen and (max-width:767px) {
    body.template .footer__contact-tel {
        margin: 20px 0
    }
}

body.template .footer__contact-tel a {
    font-weight: 600;
    color: #fff
}

body.template .footer__contact-email {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 30px
}

body.template .footer__contact-email a {
    color: #ffc600;
    text-decoration: underline
}

body.template .footer__socials {
    position: relative;
    margin-left: auto
}

@media only screen and (max-width:767px) {
    body.template .footer__socials {
        max-width: none;
        width: 100%;
        margin-left: 0;
        order: 3
    }
}

body.template .footer__socials ul {
    display: flex;
    flex-direction: column
}

body.template .footer__socials li+li {
    margin-top: 33px
}

body.template .footer__socials-item {
    display: flex;
    align-items: center;
    font-size: 15px;
    white-space: nowrap
}

body.template .footer__socials-item i {
    min-width: 25px;
    text-align: center;
    margin-right: 10px;
    margin-top: -2px;
    font-size: 18px;
    color: #fff
}

body.template .footer__colophon {
    position: relative;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:991px) {
    body.template .footer__colophon {
        flex-direction: column;
        justify-content: flex-start
    }
}

body.template .footer__colophon-item {
    margin: 40px 0
}

@media only screen and (max-width:991px) {
    body.template .footer__colophon-item {
        margin: 10px 0
    }
}

body.template .footer__copy {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 300px;
    margin-right: 100px
}

body.template .footer__copy .name {
    color: #fbd740;
}

@media only screen and (max-width:1199px) {
    body.template .footer__copy {
        margin-right: 0
    }
}

@media only screen and (max-width:991px) {
    body.template .footer__copy {
        order: 2
    }
}

body.template .footer__copy p {
    font-size: 15px;
    line-height: 25px
}

body.template .footer__desc p {
    font-size: 12px;
    line-height: 18px
}

body.template .about {
    position: relative;
    margin: 110px 0
}

@media only screen and (max-width:991px) {
    body.template .about {
        margin: 60px 0
    }
}

body.template .about__list {
    position: relative;
    margin-top: 120px;
    z-index: 1
}

@media only screen and (max-width:1770px) {
    body.template .about__list {
        margin-top: 90px
    }

}

@media only screen and (max-width:991px) {
    body.template .about__list {
        margin-top: 60px
    }
}

body.template .about__list ul {
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .about__list ul {
        flex-direction: column
    }
}

body.template .about__list li {
    width: 30%;
    min-width: 450px;
    min-height: 320px;
    padding: 50px 60px;
    background-color: #efefef;
    text-align: center
}

@media only screen and (max-width:1399px) {
    body.template .about__list li {
        min-width: auto;
        padding: 50px 25px
    }
}

@media only screen and (max-width:991px) {
    body.template .about__list li {
        width: 100%;
        padding: 60px 15px;
        min-height: auto;
        margin: 0
    }
}

body.template .about__list li p {
    margin-top: 40px
}

body.template .about__list li.active {
    width: 40%;
    padding: 80px 100px;
    min-height: 390px;
    height: calc(100% + 70px);
    margin-top: -35px;
    margin-bottom: -35px;
    background-image: url(../images/about/1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

@media only screen and (max-width:1770px) {
    body.template .about__list li.active {
        padding: 80px
    }
}

@media only screen and (max-width:991px) {
    body.template .about__list li.active {
        width: 100%;
        padding: 60px 15px;
        min-height: auto;
        margin: 0
    }
}

body.template .about__list li.active h4,
body.template .about__list li.active p {
    color: #fff
}

body.template .about__desc {
    position: relative;
    min-height: 580px;
    margin-top: 40px;
    padding: 80px 0;
    background-image: url(../images/about/bg.png);
    background-repeat: no-repeat;
    background-position: center calc(100% + 46px);
}

body.template .about__desc-wrap {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    color: #333
}

body.template .about__desc-wrap .btn {
    min-width: 250px;
    margin-top: 80px
}

body.template .bonus {
    position: relative;
    padding: 60px 0 200px 0;
    background-image: url(../images/reff/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}

@media only screen and (max-width:991px) {
    body.template .bonus {
        padding: 60px 0
    }
}

body.template .bonus__list {
    position: relative
}

body.template .bonus__list ul {
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .bonus__list ul {
        flex-direction: column
    }
}

body.template .bonus__list li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% / 3);
    min-height: 490px;
    padding: 60px 15px;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    text-align: center;
    z-index: 1
}

body.template .bonus__list li:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7bc900;
    background: linear-gradient(111deg, #7bc900 0, #9bd63e 100%);
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .bonus__list li>* {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:991px) {
    body.template .bonus__list li {
        width: 100%;
        min-height: auto
    }
}

body.template .bonus__list li h5 {
    margin-top: 10px
}

body.template .bonus__list li .title-giant {
    margin-top: 40px
}

body.template .bonus__list li .title-h3 {
    margin-top: 40px
}

body.template .bonus__list li .btn {
    margin-top: 40px
}

body.template .bonus__list li.active {
    color: #fff;
    opacity: 1;
    z-index: 2
}

body.template .bonus__list li.active:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 80px);
    width: calc(100% + 0);
    top: -40px;
    bottom: -40px;
    left: 0;
    right: 0
}

@media only screen and (max-width:991px) {
    body.template .bonus__list li.active {
        margin: 40px 0
    }
}

body.template .bonus__list li.active .tx-white {
    position: relative
}

body.template .bonus-shield {
    position: absolute;
    min-width: 50px;
    min-height: 350px;
    right: 0;
    top: 100px;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 100
}

@media only screen and (max-width:1770px) {
    body.template .bonus-shield {
        display: none
    }
}

body.template .bonus-shield__wrap {
    position: relative;
    display: flex;
    flex-direction: column
}

body.template .bonus-shield__bonus,
body.template .bonus-shield__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    width: 100%;
    background-color: #ffc813
}

body.template .bonus-shield__bonus p,
body.template .bonus-shield__title p {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(-180deg);
    text-align: center;
    color: #333;
    font-size: 15px;
    line-height: 1.2
}

body.template .bonus-shield__bonus {
    background-color: #fff
}

body.template .bonus-shield__bonus p {
    font-size: 20px;
    font-weight: 700
}

body.template .bonus-shield__bonus b {
    font-size: 25px
}

body.template .bonus-shield__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 50px;
    background-color: #ffc600
}

body.template .bonus-shield__icon i {
    font-size: 25px;
    color: #fff
}

body.template .quickfinders {
    position: relative;
    margin-top: -300px;
    padding: 110px 0;
    background-image: url(../images/qf/bg.png);
    background-repeat: no-repeat;
    background-position: center bottom
}

body.template .quickfinders.quickfinders--inner {
    background-image: none;
    margin: 0;
    padding: 60px 0
}

body.template .quickfinders.quickfinders--inner li {
    margin: 30px 0
}

body.template .quickfinders ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -60px
}

body.template .quickfinders li {
    position: relative;
    width: 25%;
    padding: 0 60px;
    margin-top: 50px
}

@media only screen and (max-width:1199px) {
    body.template .quickfinders li {
        padding: 0 40px;
    }

    body.template .quickfinders ul {
        margin: 0 -40px;
    }
}

@media only screen and (max-width:991px) {
    body.template .quickfinders li {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    body.template .quickfinders li {
        width: 100%
    }
}

body.template .quickfinders li:not(:last-child):after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: calc(100% - 130px);
    background-color: #dbdbdb
}

@media only screen and (max-width:767px) {
    body.template .quickfinders li:not(:last-child):after {
        display: none
    }
}

body.template .quickfinders i {
    position: relative
}

body.template .quickfinders h4 {
    margin-top: 50px
}

body.template .quickfinders p {
    margin-top: 40px
}

body.template .products {
    position: relative;
    padding: 130px 0 84px 0;
    background-image: url(../images/product/bg-2.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}

@media only screen and (max-width:1770px) {
    body.template .products {
        background-size: 1920px auto;
    }
}

@media only screen and (max-width:991px) {
    body.template .products {
        padding: 60px 0
    }
}

body.template .products__list {
    position: relative;
    margin-top: 84px;
    z-index: 1;
    /* margin-left: -40px;
    margin-right: -40px; */
}

@media only screen and (max-width:991px) {
    body.template .products__list {
        margin-top: 60px
    }
}

@media only screen and (max-width:767px) {
    body.template .products__list .owl-carousel {
        padding-left: 62px;
        padding-right: 62px;
    }

    body.template .products__list .owl-stage-outer {
        overflow: visible;
    }

    body.template .products__list .owl-dots {
        margin-left: -52px;
        margin-right: -52px;
    }

    body.template .products__list .owl-stage-outer::before {
        content: '';
        display: block;
        position: absolute;
        width: 100vw;
        height: calc(100% - 72px);
        z-index: -1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        opacity: 0.55;
        transition: opacity 0.2s, height 0.2s, width 0.2s;
    }
}

@media only screen and (max-width:479px) {
    body.template .products__list .owl-carousel {
        padding-left: 42px;
        padding-right: 42px;
    }

    body.template .products__list .owl-dots {
        margin-left: -32px;
        margin-right: -32px;
    }
}

body.template .products__list ul {
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .products__list ul {
        flex-direction: column
    }
}

body.template .products__list li {
    width: 30%;
    min-width: 450px;
    min-height: 320px;
    padding: 50px 60px;
    background-color: rgba(255, 255, 255, .5);
    text-align: center
}

body.template .products__list .item {
    position: relative;
    min-height: 457px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 0 50px;
}

body.template .products__list .item .icon {
    background-color: #f1edf3;
    border-radius: 11px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
}

body.template .products__list .item .icon img {
    width: 49px;
}

body.template .products__list .item .btn {
    margin-top: 28px;
}

body.template .products__list .owl-stage:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 72px);
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    opacity: 0.55;
    transition: opacity 0.2s, height 0.2s, width 0.2s;
}

body.template .products__list .item:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 72px);
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.2s, height 0.2s, width 0.2s;
}

@media only screen and (max-width:1399px) {
    body.template .products__list li {
        min-width: auto;
        padding: 50px 15px
    }
}

@media only screen and (max-width:1199px) {
    body.template .products__list .item {
        padding: 0 15px;
    }
}

@media only screen and (max-width:991px) {
    body.template .products__list li {
        width: 100%;
        padding: 60px 15px;
        min-height: auto
    }
}

@media only screen and (max-width:767px) {
    body.template .products__list .item {
        min-height: 397px;
    }

    body.template .products__list .owl-stage::before {
        display: none;
    }
}

body.template .products__list li p {
    font-size: 15px;
    color: #333;
    margin-top: 5px
}

body.template .products__list .item p {
    font-size: 15px;
    line-height: 25px;
    color: #333;
    margin-top: 3px
}

body.template .products__list li h4 {
    margin-top: 30px
}

body.template .products__list li img {
    max-width: 85px
}

body.template .products__list li a {
    margin-top: 25px
}

body.template .products__list li.active {
    width: 40%;
    padding: 80px 100px;
    min-height: 460px;
    height: calc(100% + 70px);
    margin-top: -35px;
    margin-bottom: -35px;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.template .products__list .owl-item.center .item:before {
    width: calc(100% + 82px);
    height: 100%;
    opacity: 1;
}

.themeTabs {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -10px;
}

.themeTabs a {
    display: block;
    background-color: #fff;
    width: 50px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: #333;
    text-align: center;
    transition: color 0.2s, background-color 0.2s;
}

.themeTabs a.active {
    background-color: #ffc600;
    color: #fff;
}

.themeTabs li {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

body.template .products__list .owl-dots {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 32px;
}

body.template .products__list .owl-dot {
    background-color: #fff;
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: #333;
    text-align: center;
    transition: color 0.2s, background-color 0.2s;
}

body.template .products__list .owl-dot.active {
    background-color: #ffc600;
    color: #fff;
}

@media only screen and (max-width:991px) {
    body.template .products__list li.active {
        width: 100%;
        padding: 60px 15px;
        min-height: auto;
        margin: 0
    }
}

@media only screen and (max-width:767px) {
    body.template .products__list .owl-item.center .item::before {
        width: calc(100% + 42px);
    }
}

body.template .products__list.list--inner ul {
    flex-wrap: wrap;
    flex-direction: row
}

body.template .products__list.list--inner li {
    width: 25%;
    min-width: auto;
    min-height: auto;
    padding: 80px 50px
}

@media only screen and (max-width:1199px) {
    body.template .products__list.list--inner li {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    body.template .products__list.list--inner li {
        width: 100%
    }
}

body.template .products__list.list--inner li.solid {
    background-color: rgba(255, 255, 255, .8)
}

body.template .indicators {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width:991px) {
    body.template .indicators {
        flex-direction: column
    }
}

body.template .indicators .page-title {
    margin-bottom: 30px
}

body.template .indicators__graph {
    position: relative;
    width: 55%;
    padding: 100px 80px 40px 80px;
    margin-bottom: -70px;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 1
}

@media only screen and (max-width:1770px) {
    body.template .indicators__graph {
        padding: 80px 40px 80px 15px
    }
}

@media only screen and (max-width:991px) {
    body.template .indicators__graph {
        width: 100%;
        padding: 60px 15px;
        margin: 0
    }
}

body.template .indicators__graph .tabs__body {
    margin-top: 50px
}

body.template .indicators__main {
    position: relative;
    width: 45%;
    min-height: 683px;
    padding: 100px 40px 80px 80px;
    background-color: #efefef;
    background-image: url(../images/image-indicators.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width:1770px) {
    body.template .indicators__main {
        padding: 80px 15px 80px 40px;
        min-height: 560px;
    }
}

@media only screen and (max-width:991px) {
    body.template .indicators__main {
        width: 100%;
        padding: 60px 15px;
        min-height: 360px;
    }
}

@media only screen and (max-width:767px) {
    body.template .indicators__main {
        min-height: 260px;
    }
}

body.template .indicators__main .tabs__body {
    max-width: 530px
}

@media only screen and (max-width:1770px) {
    body.template .indicators__main .tabs__body {
        max-width: none
    }
}

body.template .indicators__main .tabs__nav a {
    background-color: #f7f7f7
}

body.template .indicators__main .tabs__nav a.active {
    background-color: #ffc813
}

body.template .indicators__main .grid {
    margin: 0 -30px
}

@media only screen and (max-width:1399px) {
    body.template .indicators__main .grid {
        margin: 0 -5px
    }
}

body.template .indicators__main .grid-item {
    padding: 0 30px;
    margin-top: 40px
}

@media only screen and (max-width:1399px) {
    body.template .indicators__main .grid-item {
        padding: 0 5px
    }
}

body.template .indicators__main .grid-item h5 {
    position: relative;
    font-weight: 600;
    color: #ffc600;
    margin-bottom: 20px;
    position: relative;
    display: inline-flex;
    line-height: 1
}

body.template .indicators__main .grid-item h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ffc600
}

body.template .indicators__main .grid-item ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 40px;
    margin-top: -20px
}

body.template .indicators__main .grid-item li {
    color: #333;
    font-size: 13px
}

body.template .commodities {
    position: relative;
    padding: 70px 0 320px 0;
    background-image: url(../images/stone-commodities.png);
    background-repeat: no-repeat;
    background-position: calc(100% + 74px) 25px;
}

@media only screen and (max-width:991px) {
    body.template .commodities {
        padding: 0 0 300px 0
    }
}

body.template .commodities:after {
    position: absolute;
    width: 100%;
    height: 580px;
    bottom: -240px;
    left: 0;
    background-image: url(../images/comm/bg.png);
    background-repeat: no-repeat;
    background-position: center bottom
}

body.template .commodities__line {
    position: absolute;
    height: 580px;
    bottom: -240px;
    left: 50%;
    transform: translateX(-50%)
}

body.template .commodities__line-pulse {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px #ffc600;
    animation: pulses 2s infinite;
    cursor: pointer
}

body.template .commodities__line-pulse.pulse--1 {
    bottom: 312px;
    left: 32px;
}

body.template .commodities__line-pulse.pulse--2 {
    bottom: 340px;
    left: 160px;
}

body.template .commodities__line-pulse.pulse--3 {
    bottom: 283px;
    left: 291px;
}

body.template .commodities__line-pulse.pulse--4 {
    bottom: 346px;
    left: 422px;
}

body.template .commodities__line-pulse.pulse--5 {
    bottom: 379px;
    left: 554px;
}

body.template .commodities__line-pulse.pulse--6 {
    bottom: 422px;
    left: 683px;
}

body.template .commodities__line-pulse.pulse--7 {
    bottom: 432px;
    left: 812px;
}

body.template .commodities__line-pulse.pulse--8 {
    bottom: 395px;
    left: 944px;
}

body.template .commodities__line-pulse.pulse--9 {
    bottom: 456px;
    right: 668px;
}

body.template .commodities__line-pulse.pulse--10 {
    bottom: 484px;
    right: 540px;
}

body.template .commodities__line-pulse.pulse--11 {
    bottom: 499px;
    right: 410px;
}

body.template .commodities__line-pulse.pulse--12 {
    bottom: 458px;
    right: 277px;
}

body.template .commodities__line-pulse.pulse--13 {
    bottom: 519px;
    right: 146px;
}

body.template .commodities__line-pulse.pulse--14 {
    bottom: 551px;
    right: 21px;
}

@keyframes pulses {
    0% {
        opacity: 1;
        box-shadow: 0 0 0 0px #fff, 0 0 0 0px #ffc600;
    }

    70% {
        opacity: 0.4;
        box-shadow: 0 0 0 2px #fff, 0 0 0 10px #ffc600;
    }

    100% {
        opacity: 1;
        box-shadow: 0 0 0 0px #fff, 0 0 0 0px #ffc600;
    }
}

body.template .commodities .page-title {
    max-width: none;
    margin: 100px 0 70px 0
}

@media only screen and (max-width:991px) {
    body.template .commodities .page-title {
        margin: 60px 0
    }
}

body.template .commodities.commodities--inner {
    padding: 60px 0 120px 0
}

body.template .commodities.commodities--inner:after {
    display: none
}

body.template .commodities.commodities--inner .page-title {
    max-width: none
}

body.template .commodities__table {
    position: relative
}

@media only screen and (max-width:991px) {
    body.template .commodities__table {
        overflow-x: scroll
    }
}

body.template .commodities__table table {
    position: relative;
    width: 100%;
    table-layout: fixed
}

@media only screen and (max-width:991px) {
    body.template .commodities__table table {
        min-width: 900px
    }
}

body.template .commodities__table th {
    height: 30px;
    vertical-align: top;
    font-size: 12px;
    text-transform: uppercase;
    color: #9e9e9e;
    font-weight: 600;
    text-align: left
}

body.template .commodities__table th:nth-child(-n+2) {
    width: 200px
}

@media only screen and (max-width:991px) {
    body.template .commodities__table th:nth-child(-n+2) {
        width: auto
    }
}

@media only screen and (max-width:991px) {
    body.template .commodities__table th:first-child {
        width: 200px
    }
}

body.template .commodities__table th:last-child {
    width: 50px
}

body.template .commodities__table td {
    height: 70px;
    border-top: 1px solid #dbdbdb;
    color: #333;
    font-weight: 600;
    font-size: 17px
}

body.template .commodities__table td:nth-child(-n+2) {
    width: 200px
}

body.template .commodities__table td:last-child {
    width: 50px
}

body.template .commodities__table td b {
    font-weight: 600
}

body.template .commodities__table td span {
    font-weight: 400;
    font-size: 15px
}

body.template .commodities__quicks {
    position: relative
}

body.template .commodities__quicks .grid {
    margin: 0 -15px;
    justify-content: space-between;
}

body.template .commodities__quicks .grid-item {
    padding: 0 15px;
    width: auto;
}

@media only screen and (max-width:991px) {
    body.template .commodities__quicks .grid-item {
        width: 50%;
        margin: 0 0 30px 0
    }
}

body.template .commodities__quicks-item {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center
}

body.template .commodities__quicks-item .name {
    display: block;
    font-weight: 900;
    font-size: 105px;
    line-height: 125px;
    background: linear-gradient(to right, #ffc600 47%, #4c4952 100%);
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
    color: #fff;
    letter-spacing: 0.025em;
}

body.template .commodities__quicks-item img {
    width: 90px
}

body.template .commodities__quicks-item h2 {
    margin-top: 8px
}

body.template .commodities__quicks-item p {
    margin-top: 10px;
    font-size: 18px
}

body.template .commodities__quicks-item p b {
    font-weight: 600;
    font-size: 17px
}

body.template .commodities__chars .grid {
    margin: 0 -60px
}

@media only screen and (max-width:1399px) {
    body.template .commodities__chars .grid {
        margin: 0 -15px
    }
}

@media only screen and (max-width:479px) {
    body.template .commodities__quicks-item .name {
        font-size: 90px;
        line-height: 100px;
    }
}

body.template .commodities__chars .grid-item {
    padding: 0 60px;
    margin-top: 30px
}

@media only screen and (max-width:1399px) {
    body.template .commodities__chars .grid-item {
        padding: 0 15px
    }
}

body.template .commodities__chars .grid-item h5 {
    position: relative;
    font-weight: 600;
    color: #ffc600;
    margin-bottom: 20px;
    position: relative;
    display: inline-flex;
    line-height: 1
}

body.template .commodities__chars .grid-item h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ffc600
}

body.template .commodities__chars .grid-item ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 40px;
    margin-top: -20px
}

body.template .commodities__chars .grid-item li {
    color: #333;
    font-size: 13px
}

body.template .referral {
    position: relative;
    display: flex;
    padding: 0 100px 0 115px
}

@media only screen and (max-width:1770px) {
    body.template .referral {
        padding: 0
    }
}

@media only screen and (max-width:991px) {
    body.template .referral {
        flex-direction: column
    }
}

body.template .referral__info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 620px;
    min-height: 540px;
    background-color: #efefef
}

@media only screen and (max-width:1770px) {
    body.template .referral__info {
        width: auto;
        padding: 80px 60px;
    }
}

@media only screen and (max-width:1199px) {
    body.template .referral__info {
        padding: 80px 15px
    }
}

@media only screen and (max-width:991px) {
    body.template .referral__info {
        width: 100%;
        padding: 60px 15px;
        min-height: auto
    }
}

body.template .referral__info .page-title {
    max-width: 330px;
    margin: 0 auto
}

@media only screen and (max-width:991px) {
    body.template .referral__info .page-title {
        max-width: none
    }
}

body.template .referral__structure {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(100% - 620px);
    min-height: 610px;
    margin: -35px 0;
    z-index: 1;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    background-image: url(../images/reff/bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width:1770px) {
    body.template .referral__structure {
        flex: 1 1 auto
    }
}

@media only screen and (max-width:991px) {
    body.template .referral__structure {
        width: 100%;
        margin: 0;
        padding: 60px 0;
        min-height: auto
    }
}

body.template .referral__structure .page-title {
    max-width: none;
    padding: 59px 80px 20px 95px
}

@media only screen and (max-width:1399px) {
    body.template .referral__structure .page-title {
        padding: 60px 40px 20px 40px
    }
}

@media only screen and (max-width:991px) {
    body.template .referral__structure .page-title {
        padding: 20px 40px
    }
}

@media only screen and (max-width:767px) {
    body.template .referral__structure .page-title {
        padding: 0 15px;
        margin-bottom: 40px
    }
}

body.template .referral__structure-list {
    padding: 0 80px 60px;
}

body.template .referral__structure-list .itemsList {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -30px;
}

body.template .referral__structure-list p {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
}

body.template .referral__structure-list .icon {
    margin-bottom: 11px;
}

body.template .referral__structure-list .name,
body.template .referral__structure-list .structure {
    display: block;
    font-size: 14px;
    color: #f7e784;
}

body.template .referral__structure-list .lvlItem {
    width: 20%;
    min-width: 180px;
    padding: 68px 15px 0px;
}

body.template .referral__structure-list .name {
    margin-bottom: 12px;
}

body.template .referral__structure-list .structure {
    font-weight: bold;
    margin-top: 8px;
    word-wrap: anywhere;
}

@media only screen and (max-width:1770px) {
    body.template .referral__structure-list {
        padding: 0 40px 60px;
    }
}

@media only screen and (max-width:1399px) {
    body.template .referral__structure-list .lvlItem {
        width: 25%;
        min-width: 0px;
        padding: 40px 15px 0px;
    }

    body.template .referral__structure-list .itemsList {
        margin-top: -15px;
    }
}

@media only screen and (max-width:1199px) {
    body.template .referral__structure-list .lvlItem {
        width: calc(100% / 3);
    }
}

@media only screen and (max-width:991px) {
    body.template .referral__structure-list .lvlItem {
        width: 25%;
        min-width: 179px;
    }
}

@media only screen and (max-width:767px) {
    body.template .referral__structure-list {
        padding: 0 15px
    }

    body.template .referral__structure-list .lvlItem {
        width: 50%;
        min-width: 0px;
    }
}

body.template .referral__structure-list ul {
    display: flex;
    flex-direction: column
}

body.template .referral__structure-list li {
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 100px;
    align-items: center;
    font-weight: 400;
    color: #fff;
    text-align: left
}

@media only screen and (max-width:1770px) {
    body.template .referral__structure-list li {
        text-align: center
    }
}

@media only screen and (max-width:767px) {
    body.template .referral__structure-list li {
        min-height: 60px
    }
}

body.template .referral__structure-list li div {
    flex: 1 1 0;
    transition: all .3s ease
}

body.template .referral__structure-list li div:first-child {
    max-width: 270px;
    text-align: center
}

@media only screen and (max-width:1399px) {
    body.template .referral__structure-list li div:first-child {
        max-width: 140px
    }
}

@media only screen and (max-width:767px) {
    body.template .referral__structure-list li div:first-child {
        max-width: 50px;
        padding-right: 30px
    }
}

body.template .referral__structure-list li div:last-child {
    max-width: 330px
}

@media only screen and (max-width:767px) {
    body.template .referral__structure-list li div:last-child {
        max-width: none
    }
}

@media only screen and (max-width:767px) {
    body.template .referral__structure-list li div:last-child {
        text-align: center;
        max-width: 200px
    }
}

body.template .referral__structure-list-caption {
    font-size: 20px;
    line-height: 1.5
}

@media only screen and (max-width:767px) {
    body.template .referral__structure-list-caption {
        font-size: 13px
    }
}

body.template .referral__structure-list-item {
    font-size: 30px;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    body.template .referral__structure-list-item {
        font-size: 16px
    }

    body.template .referral__structure-list-item .title-h2 {
        font-size: 20px
    }
}

body.template .referral__structure-list-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #7bc900;
    background: linear-gradient(111deg, #7bc900 0, #9bd63e 100%);
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .referral__structure-list-item>* {
    position: relative;
    z-index: 1
}

body.template .referral__structure-list-item:hover {
    color: #ffc600;
    opacity: 1
}

body.template .referral__structure-list-item:hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 0);
    width: calc(100% + 60px);
    top: 0;
    bottom: 0;
    left: -30px;
    right: -30px
}

body.template .referral__structure-list-item:hover div {
    color: #fff
}

body.template .how-it-work {
    position: relative;
    width: 100%;
    padding: 180px 0;
    background-repeat: no-repeat;
    background-position: center calc(50% + 81px);
    background-image: url(../images/how/background.png);
}

body.template .how-it-work.how-it-work--partners {
    padding: 60px 0 140px 0;
    background-color: #fff;
    background-position: center calc(50% + 44px);
    z-index: 5
}

@media only screen and (max-width:991px) {
    body.template .how-it-work {
        padding: 60px 0 0 0
    }
}

body.template .how-it-work__gear1 {
    position: absolute;
    top: 220px;
    right: 380px;
    animation: 15s linear infinite rotate-invert
}

body.template .how-it-work__gear2 {
    position: absolute;
    top: 435px;
    right: 160px;
    animation: 10s linear infinite rotate
}

body.template .how-it-work__gear3 {
    position: absolute;
    top: 610px;
    right: 540px;
    animation: 12s linear infinite rotate-invert
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate-invert {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

body.template .how-it-work__steps {
    position: relative
}

body.template .how-it-work__steps ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -80px
}

body.template .how-it-work__steps li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 80px;
    width: calc(100% / 3);
    margin-top: 80px;
    text-align: center
}

@media only screen and (max-width:991px) {
    body.template .how-it-work__steps li {
        width: 100%;
        margin-top: 60px
    }
}

body.template .how-it-work__steps li:before {
    content: '';
    position: absolute;
    right: -55px;
    bottom: 120px;
    width: 111px;
    height: 26px;
    background-image: url(../images/how/str.png);
    background-repeat: no-repeat
}

@media only screen and (max-width:991px) {
    body.template .how-it-work__steps li:before {
        display: none
    }
}

body.template .how-it-work__steps li:last-child:before {
    display: none
}

body.template .how-it-work__steps-number span {
    font-size: 90px
}

@media only screen and (max-width:767px) {
    body.template .how-it-work__steps-number span {
        font-size: 50px
    }
}

body.template .how-it-work__steps-icon {
    width: 80px
}

body.template .how-it-work__steps-title {
    position: relative;
    color: #ffc600;
    margin-top: 20px
}

body.template .how-it-work__steps-text {
    margin-top: 35px
}

body.template .how-it-work__desc {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 90px;
    text-align: center
}

body.template .how-it-work__desc p {
    max-width: 600px;
    line-height: 1.7
}

body.template .how-it-work__btn {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 70px
}

body.template .how-it-work__btn .btn {
    width: 100%;
    max-width: 330px
}

body.template .why-fgi {
    position: relative;
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .why-fgi {
        flex-direction: column
    }
}

body.template .why-fgi__list {
    position: relative;
    width: 100%;
    max-width: 1200px;
    min-height: 660px;
    background-image: url(../images/why/bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width:991px) {
    body.template .why-fgi__list {
        order: 2
    }
}

@media only screen and (max-width:991px) {
    body.template .why-fgi__list {
        min-height: auto
    }
}

body.template .why-fgi__list ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

body.template .why-fgi__list li {
    width: 50%
}

@media only screen and (max-width:991px) {
    body.template .why-fgi__list li {
        margin: 35px 0
    }
}

@media only screen and (max-width:479px) {
    body.template .why-fgi__list li {
        width: 100%
    }
}

body.template .why-fgi__list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 30px 120px;
    opacity: 1
}

@media only screen and (max-width:1770px) {
    body.template .why-fgi__list-item {
        width: auto;
        padding: 0 40px
    }
}

body.template .why-fgi__list-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .why-fgi__list-item>* {
    position: relative;
    z-index: 1
}

body.template .why-fgi__list-item:hover {
    color: #fff;
    opacity: 1
}

body.template .why-fgi__list-item:hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 70px);
    width: calc(100% + 0);
    top: -35px;
    bottom: -35px;
    left: 0;
    right: 0
}

body.template .why-fgi__list-item:hover img {
    margin-top: -100%
}

body.template .why-fgi__list-item:hover h4 {
    color: #fff
}

body.template .why-fgi__list-item i {
    position: relative;
    display: flex;
    height: 84px;
    width: 84px;
    overflow: hidden
}

body.template .why-fgi__list-item i img {
    width: 84px;
    height: 168px
}

body.template .why-fgi__list-item h4 {
    margin-top: 30px
}

body.template .why-fgi__list-item p {
    margin-top: 5px
}

body.template .why-fgi__info {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 1200px);
    padding: 0 40px 0 120px
}

@media only screen and (max-width:1770px) {
    body.template .why-fgi__info {
        width: auto;
        padding: 80px 60px;
    }
}

@media only screen and (max-width:1199px) {
    body.template .why-fgi__info {
        padding: 80px 15px
    }
}

@media only screen and (max-width:991px) {
    body.template .why-fgi__info {
        padding: 60px 15px
    }
}

body.template .why-fgi__info .page-title {
    max-width: 340px
}

@media only screen and (max-width:991px) {
    body.template .why-fgi__info .page-title {
        max-width: none
    }
}

body.template .quotes {
    position: relative;
    margin: 130px 0
}

@media only screen and (max-width:991px) {
    body.template .quotes {
        margin: 60px 0
    }
}

body.template .quotes:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background-color: #efefef;
    z-index: 0
}

@media only screen and (max-width:991px) {
    body.template .quotes:after {
        display: none
    }
}

body.template .quotes__wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

body.template .quotes__table {
    position: relative;
    width: 50%;
    padding-right: 100px
}

@media only screen and (max-width:1399px) {
    body.template .quotes__table {
        padding-right: 40px
    }
}

@media only screen and (max-width:991px) {
    body.template .quotes__table {
        width: 100%;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    body.template .quotes__table {
        overflow: auto
    }
}

body.template .quotes__table table {
    position: relative;
    width: 100%;
    margin-top: 70px
}

body.template .quotes__table th {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    padding: 0 25px 35px 25px;
    text-transform: uppercase;
    text-align: left;
    vertical-align: top
}

@media only screen and (max-width:1199px) {
    body.template .quotes__table th {
        padding: 0 10px 35px 10px
    }
}

body.template .quotes__table th:first-child {
    padding-left: 0
}

body.template .quotes__table th:last-child {
    padding-right: 0
}

body.template .quotes__table th:nth-child(3) {
    text-align: center
}

body.template .quotes__table td {
    padding: 7px 25px;
    font-size: 13px
}

@media only screen and (max-width:1199px) {
    body.template .quotes__table td {
        padding: 7px 10px
    }
}

body.template .quotes__table td:first-child {
    padding-left: 0
}

body.template .quotes__table td:last-child {
    padding-right: 0
}

body.template .quotes__table td:nth-child(3) {
    text-align: center
}

body.template .quotes__table td span {
    font-size: 15px
}

body.template .quotes__table td b {
    font-size: 15px;
    font-weight: 600
}

body.template .quotes__rates {
    position: relative;
    width: 50%;
    padding: 80px 0 80px 100px
}

@media only screen and (max-width:1399px) {
    body.template .quotes__rates {
        padding: 80px 0 80px 40px
    }
}

@media only screen and (max-width:991px) {
    body.template .quotes__rates {
        width: 100%;
        padding: 60px 0 0 0
    }
}

body.template .quotes__rates .grid {
    position: relative;
    margin: 0 -30px
}

@media only screen and (max-width:1399px) {
    body.template .quotes__rates .grid {
        margin: 0 -15px
    }
}

body.template .quotes__rates .grid-item {
    padding: 0 30px;
    margin-top: 50px
}

@media only screen and (max-width:1399px) {
    body.template .quotes__rates .grid-item {
        padding: 0 15px
    }
}

body.template .quotes__rates .grid-item h5 {
    position: relative;
    font-weight: 600;
    color: #ffc600;
    margin-bottom: 20px;
    position: relative;
    display: inline-flex;
    line-height: 1
}

body.template .quotes__rates .grid-item h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #ffc600
}

body.template .quotes__rates .grid-item ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 10px 0 40px;
    margin-top: -20px
}

body.template .quotes__rates .grid-item li {
    color: #333;
    font-size: 13px
}

body.template .company {
    position: relative;
    padding: 60px 0;
    background-color: #f1edf3;
}

body.template .company__list {
    position: relative
}

body.template .company__list ul {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:1199px) {
    body.template .company__list ul {
        margin: 0 -40px
    }
}

@media only screen and (max-width:767px) {
    body.template .company__list ul {
        margin: 0 -15px
    }
}

@media only screen and (max-width:479px) {
    body.template .company__list ul {
        flex-wrap: wrap
    }
}

body.template .company__list li {
    position: relative;
    padding: 25px 70px
}

@media only screen and (max-width:1770px) {
    body.template .company__list li {
        padding: 25px 65px
    }
}

@media only screen and (max-width:1399px) {
    body.template .company__list li {
        padding: 25px 40px
    }
}

@media only screen and (max-width:1199px) {
    body.template .company__list li {
        width: 20%
    }

    body.template .company__list li img {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    body.template .company__list li {
        padding: 25px 15px
    }
}

@media only screen and (max-width:479px) {
    body.template .company__list li {
        width: 50%;
        padding: 25px
    }
}

body.template .company__list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #dbdbdb
}

@media only screen and (max-width:479px) {
    body.template .company__list li:before {
        display: none
    }
}

body.template .company__list li:first-child:before {
    display: none
}

body.template .company__list a {
    display: flex;
    align-items: center;
    filter: grayscale(100%);
    opacity: .5
}

body.template .company__list a:hover {
    filter: grayscale(0);
    opacity: 1
}

body.template .news {
    position: relative;
    display: flex;
    align-items: center;
    margin: 150px 0;
    min-height: 720px
}

@media only screen and (max-width:991px) {
    body.template .news {
        min-height: auto;
        margin: 60px 0 0 0;
        flex-direction: column
    }
}

body.template .news:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0;
    width: 606px;
    height: 100%;
    background-image: url(../images/news/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width:991px) {
    body.template .news:before {
        display: none
    }
}

body.template .news__list {
    position: relative;
    width: 100%;
    max-width: 1200px;
    padding: 40px 0
}

@media only screen and (max-width:991px) {
    body.template .news__list {
        order: 2;
        padding: 0;
        margin-top: 60px
    }
}

body.template .news__list ul {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-width: 600px;
    margin-left: auto;
    background-color: #f1edf3;
}

@media only screen and (max-width:1199px) {
    body.template .news__list ul {
        max-width: 400px
    }
}

@media only screen and (max-width:991px) {
    body.template .news__list ul {
        max-width: none;
        padding: 30px 0
    }
}

body.template .news__list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 80px;
    opacity: 1
}

@media only screen and (max-width:1199px) {
    body.template .news__list-item {
        padding: 40px
    }
}

@media only screen and (max-width:991px) {
    body.template .news__list-item {
        padding: 15px
    }
}

body.template .news__list-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .news__list-item>* {
    position: relative;
    z-index: 1
}

body.template .news__list-item:hover {
    color: #fff;
    opacity: 1
}

body.template .news__list-item:hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 0);
    width: calc(100% + 60px);
    top: 0;
    bottom: 0;
    left: -30px;
    right: -30px
}

body.template .news__list-item:hover h5 {
    color: #fff
}

body.template .news__list-item span {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1
}

body.template .news__list-item i {
    margin-right: 5px;
    margin-top: -3px;
    font-size: 18px
}

body.template .news__list-item h5 {
    margin-top: 15px;
    line-height: 1.2;
    font-weight: 600
}

body.template .news__list-item p {
    font-size: 15px;
    margin-top: 15px
}

body.template .news__info {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 1200px);
    padding: 0 40px 0 120px
}

@media only screen and (max-width:1770px) {
    body.template .news__info {
        width: auto;
        padding: 80px 60px;
    }
}

@media only screen and (max-width:1199px) {
    body.template .news__info {
        padding: 80px 15px 80px 40px
    }
}

@media only screen and (max-width:991px) {
    body.template .news__info {
        padding: 0 15px;
        width: 100%
    }
}

body.template .news__info .page-title {
    max-width: 340px
}

@media only screen and (max-width:991px) {
    body.template .news__info .page-title {
        max-width: none
    }
}

body.template .news__info .btn {
    margin-top: 70px;
    max-width: 220px
}

@media only screen and (max-width:991px) {
    body.template .news__info .btn {
        margin-top: 30px
    }
}

body.template .news-latest {
    position: relative;
    padding: 80px 0 0 0
}

body.template .news-latest__wrap {
    position: relative;
    display: flex;
    align-items: stretch;
    margin-top: 60px
}

@media only screen and (max-width:1199px) {
    body.template .news-latest__wrap {
        flex-direction: column
    }
}

body.template .news-latest__image {
    position: relative;
    padding: 50px;
    background-color: #fff;
    max-width: 1200px;
    width: calc(100% - 600px);
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 1
}

@media only screen and (max-width:1199px) {
    body.template .news-latest__image {
        width: 100%;
        order: 2
    }
}

@media only screen and (max-width:767px) {
    body.template .news-latest__image {
        padding: 15px
    }
}

body.template .news-latest__image i {
    display: flex;
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width:767px) {
    body.template .news-latest__image i {
        height: 300px
    }
}

body.template .news-latest__info {
    position: relative;
    display: flex;
    align-items: center;
    align-content: stretch;
    width: 600px;
    flex: 1 1 0;
    margin: 60px 0;
    padding: 60px 60px 60px 120px;
    background-color: #f1edf3;
}

@media only screen and (max-width:1199px) {
    body.template .news-latest__info {
        margin: 0;
        width: 100%;
        padding: 60px 15px
    }
}

body.template .news-latest__info-block {
    max-width: 340px
}

@media only screen and (max-width:1199px) {
    body.template .news-latest__info-block {
        max-width: none
    }
}

body.template .news-latest__info-date {
    display: flex;
    align-items: center
}

body.template .news-latest__info-date i {
    font-size: 18px;
    margin: -3px 5px 0 0
}

body.template .news-latest__info-title {
    margin-top: 10px
}

body.template .news-latest__info-desc {
    margin-top: 25px
}

body.template .news-latest__info-desc p {
    line-height: 1.7
}

body.template .news-latest__info-btn {
    margin-top: 35px
}

body.template .news-latest__info-btn .btn {
    width: 100%;
    max-width: 220px
}

body.template .news-grid {
    position: relative;
    padding: 60px 0 80px 0
}

body.template .news-grid .pagination {
    margin-top: 70px
}

body.template .news-grid .grid {
    margin: 0 -20px
}

body.template .news-grid .grid-item {
    padding: 0 20px;
    margin-top: 50px
}

body.template .news-grid__item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.template .news-grid__item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .news-grid__item>* {
    position: relative;
    z-index: 1
}

body.template .news-grid__item:hover {
    color: #fff;
    opacity: 1
}

body.template .news-grid__item:hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 0);
    width: calc(100% + 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

body.template .news-grid__item:hover .news-grid__item-title {
    color: #fff
}

body.template .news-grid__item-image img {
    width: 100%;
    height: auto
}

body.template .news-grid__item-info {
    padding: 55px 50px 15px 15px
}

@media only screen and (max-width:1199px) {
    body.template .news-grid__item-info {
        padding: 50px 0 0 0
    }
}

body.template .news-grid__item-title {
    margin-top: 10px;
    color: #333;
    transition: all .3s ease
}

body.template .news-grid__item-title h5 {
    line-height: 1.7
}

body.template .news-grid__item-date {
    display: flex;
    align-items: center
}

body.template .news-grid__item-date i {
    font-size: 18px;
    margin: -3px 5px 0 0
}

body.template .news-grid__item-desc {
    margin-top: 25px
}

body.template .news-grid__item-desc p {
    line-height: 1.7
}

body.template .mission {
    position: relative;
    padding: 110px 0 70px;
}

@media only screen and (max-width:1199px) {
    body.template .mission {
        padding: 60px 0
    }
}

body.template .mission__wrap {
    position: relative;
    display: flex;
    margin: 0 -50px;
    margin-top: 50px
}

@media only screen and (max-width:991px) {
    body.template .mission__wrap {
        flex-direction: column
    }
}

body.template .mission__desc {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 50px
}

body.template .mission__desc p+p {
    margin-top: 35px
}

body.template .mission__list {
    position: relative;
    margin-left: auto;
    padding: 0 50px;
    min-width: 450px
}

@media only screen and (max-width:991px) {
    body.template .mission__list {
        margin-left: 0;
        margin-top: 60px;
        min-width: auto
    }
}

body.template .mission__list ul {
    display: flex;
    flex-direction: column
}

body.template .mission__list li {
    display: flex;
    align-items: center;
    color: #333;
    line-height: 1.5
}

body.template .mission__list li+li {
    margin-top: 30px
}

body.template .mission__list li i {
    margin-right: 20px
}

body.template .mission.mission--partners {
    background-color: #fff
}

body.template .mission.mission--partners .mission__wrap {
    margin-top: 0
}

body.template .mission.mission--partners .mission__desc {
    max-width: 850px
}

body.template .mission.mission--partners .mission__list ul {
    max-width: 450px
}

body.template .who-we {
    position: relative;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:1199px) {
    body.template .who-we {
        flex-direction: column
    }
}

body.template .who-we__image {
    position: relative;
    padding: 50px;
    background-color: #fff;
    max-width: 1200px;
    width: calc(100% - 600px);
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 1
}

@media only screen and (max-width:1199px) {
    body.template .who-we__image {
        width: 100%;
        order: 2
    }
}

@media only screen and (max-width:767px) {
    body.template .who-we__image {
        padding: 15px
    }
}

body.template .who-we__image i {
    display: flex;
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width:767px) {
    body.template .who-we__image i {
        height: 300px
    }
}

body.template .who-we__info {
    position: relative;
    display: flex;
    align-items: center;
    align-content: stretch;
    width: 600px;
    flex: 1 1 0;
    margin: 60px 0;
    padding: 60px 60px 60px 120px;
    background-color: #f1edf3;
}

@media only screen and (max-width:1199px) {
    body.template .who-we__info {
        margin: 0;
        width: 100%;
        padding: 60px 15px
    }
}

body.template .who-we.who-we--invert .who-we__info {
    justify-content: flex-end;
    padding: 60px 120px 60px 60px
}

@media only screen and (max-width:1199px) {
    body.template .who-we.who-we--invert .who-we__info {
        padding: 60px 15px
    }
}

body.template .who-we__info-wrap {
    max-width: 350px
}

@media only screen and (max-width:1199px) {
    body.template .who-we__info-wrap {
        max-width: none
    }
}

body.template .who-we__info-desc {
    margin-top: 50px
}

body.template .who-we__info-desc p+p {
    margin-top: 30px
}

body.template .goals {
    position: relative;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:1199px) {
    body.template .goals {
        flex-direction: column
    }
}

body.template .goals__list {
    position: relative;
    background-color: #f1edf3;
    width: 1200px;
    z-index: 1
}

@media only screen and (max-width:1199px) {
    body.template .goals__list {
        width: 100%;
        margin-top: 60px;
        order: 2
    }
}

body.template .goals__list ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%
}

body.template .goals__list li {
    position: relative;
    width: 50%
}

@media only screen and (max-width:767px) {
    body.template .goals__list li {
        width: 100%
    }
}

body.template .goals__list li:nth-child(even):before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: calc(100% - 120px);
    background-color: #dbdbdb;
    z-index: 0
}

@media only screen and (max-width:767px) {
    body.template .goals__list li:nth-child(even):before {
        display: none
    }
}

body.template .goals__list li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 100px);
    height: 1px;
    background-color: #dbdbdb;
    z-index: 0
}

@media only screen and (max-width:767px) {
    body.template .goals__list li:after {
        width: calc(100% - 30px)
    }
}

body.template .goals__list li:nth-child(1):after {
    display: none
}

body.template .goals__list li:nth-child(2):after {
    display: none
}

@media only screen and (max-width:767px) {
    body.template .goals__list li:nth-child(2):after {
        display: block
    }
}

@media only screen and (max-width:479px) {
    body.template .goals__list li {
        width: 100%
    }
}

body.template .goals__list-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 100%;
    padding: 50px 70px;
    opacity: 1;
    z-index: 1
}

@media only screen and (max-width:991px) {
    body.template .goals__list-item {
        padding: 50px 15px
    }
}

body.template .goals__list-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .goals__list-item>* {
    position: relative;
    z-index: 1
}

body.template .goals__list-item:hover {
    color: #fff;
    opacity: 1
}

body.template .goals__list-item:hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 30px);
    width: calc(100% + 0);
    top: -15px;
    bottom: -15px;
    left: 0;
    right: 0
}

body.template .goals__list-item:hover img {
    margin-top: -100%
}

body.template .goals__list-item:hover h4 {
    color: #fff
}

body.template .goals__list-item-img {
    position: relative;
    display: flex;
    height: 84px;
    min-width: 84px;
    margin-right: 70px;
    overflow: hidden
}

@media only screen and (max-width:991px) {
    body.template .goals__list-item-img {
        margin-right: 30px
    }
}

body.template .goals__list-item-img img {
    width: 84px
}

body.template .goals__info {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 1200px);
    padding: 0 40px 0 120px
}

@media only screen and (max-width:1770px) {
    body.template .goals__info {
        width: auto;
        padding: 80px 50px;
    }
}

@media only screen and (max-width:1199px) {
    body.template .goals__info {
        padding: 0 15px
    }
}

body.template .goals__info .page-title {
    max-width: 340px
}

@media only screen and (max-width:1199px) {
    body.template .goals__info .page-title {
        max-width: none
    }
}

body.template .reviews {
    position: relative;
    padding: 110px 0 180px 0
}

@media only screen and (max-width:1199px) {
    body.template .reviews {
        padding: 60px 0 80px 0
    }
}

body.template .reviews__wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width:1199px) {
    body.template .reviews__wrap {
        flex-direction: column
    }
}

body.template .reviews__info {
    position: relative;
    display: flex;
    align-items: center;
    width: 400px;
    padding: 60px 60px 60px 0
}

@media only screen and (max-width:1399px) {
    body.template .reviews__info {
        max-width: 300px
    }
}

@media only screen and (max-width:1199px) {
    body.template .reviews__info {
        padding: 0;
        width: auto;
        max-width: none
    }

    body.template .reviews__info .page-title {
        max-width: none
    }
}

body.template .reviews__slider {
    position: relative;
    width: calc(100% - 400px);
    max-width: 900px;
    margin-left: auto
}

@media only screen and (max-width:1199px) {
    body.template .reviews__slider {
        width: 100%;
        max-width: none;
        margin: 50px auto 0 auto
    }
}

body.template .reviews__slider .owl-nav {
    position: absolute;
    width: 100%;
    height: 24px;
    bottom: 200px;
    padding: 0 70px;
    z-index: 5
}

@media only screen and (max-width:991px) {
    body.template .reviews__slider .owl-nav {
        padding: 0 15px
    }
}

@media only screen and (max-width:767px) {
    body.template .reviews__slider .owl-nav {
        bottom: 70px;
        justify-content: center
    }

    body.template .reviews__slider .owl-nav button {
        margin: 0 15px
    }
}

body.template .reviews__slider-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    padding-bottom: 140px;
    background-color: #f1edf3;
}

body.template .reviews__slider-item-user {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -60px
}

body.template .reviews__slider-item-user .avatar {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

body.template .reviews__slider-item-user .title-h5 {
    margin-top: 25px
}

body.template .reviews__slider-item-user .stars {
    margin-top: 10px
}

body.template .reviews__slider-item-text {
    max-width: 520px;
    padding: 0 15px;
    margin-top: 50px;
    text-align: center
}

body.template .reviews__all {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -33px;
    z-index: 1
}

body.template .reviews__all .btn {
    min-width: 280px;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.template .focused {
    position: relative;
    padding: 110px 0 0;
}

@media only screen and (max-width:767px) {
    body.template .focused {
        background-image: none
    }
}

@media only screen and (max-width:991px) {
    body.template .focused {
        padding: 60px 0
    }
}

body.template .focused .page-title {
    max-width: 820px
}

body.template .focused .page-title .styled-subtitle {
    margin-top: 60px
}

@media only screen and (max-width:767px) {
    body.template .focused .page-title .styled-subtitle {
        margin-top: 30px
    }
}

body.template .focused__info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    text-align: center;
    margin-top: 150px;
    background-image: url(../images/product/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 727px;
    padding-bottom: 96px;
}

body.template .focused__info:before {
    content: '';
    display: block;
    position: absolute;
    background-image: url('../images/product/visual-chart.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    width: 1026px;
    height: 343px;
    top: -144px;
    left: calc(50% - 513px);
}

@media only screen and (max-width:1199px) {
    body.template .focused__info {
        min-height: 527px;
        padding-bottom: 56px;
        margin-bottom: 56px;
    }
}

@media only screen and (max-width:767px) {
    body.template .focused__info {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    body.template .focused__info:before {
        display: none;
    }
}

body.template .plans {
    position: relative;
    padding: 110px 0
}

@media only screen and (max-width:991px) {
    body.template .plans {
        padding: 60px 0
    }
}

body.template .plans__list {
    position: relative;
    margin-top: 112px
}

@media only screen and (max-width:991px) {
    body.template .plans__list {
        margin-top: 80px
    }
}

body.template .plans__list+.btnContainer {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

body.template .plans__list ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.template .plans__list li {
    position: relative;
    width: calc((100% - 12px) / 4);
    margin-top: 4px;
}

@media only screen and (max-width:1770px) {
    body.template .plans__list li {
        width: calc((100% - 12px) / 3);
    }
}

@media only screen and (max-width:1199px) {
    body.template .plans__list li {
        width: calc(50% - 1px);
    }
}

@media only screen and (max-width:767px) {
    body.template .plans__list li {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    body.template .plans__list li:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        transform: none
    }
}

body.template .plans__list li:nth-child(1):after {
    display: none
}

body.template .plans__list-item-head {
    position: relative;
    padding-left: 85px;
    text-align: left;
}

body.template .plans__list-item-head .icon {
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    background-color: #fff;
    border-radius: 11px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.template .plans__list-item-head .icon img {
    width: 49px;
}

body.template .plans__list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 25px 30px;
    background-color: #f1edf3;
    z-index: 1;
    height: 100%;
}

body.template .plans__list-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.template .plans__list-item>* {
    position: relative;
    z-index: 1
}

body.template .plans__list-item:before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

body.template .plans__list-item:hover {
    z-index: 2;
    color: #fff;
    opacity: 1
}

body.template .plans__list-item:hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -20px
}

body.template .plans__list-item:hover:before {
    background-image: url(../images/product/1.jpg)
}

body.template .plans__list-item:hover .percent {
    color: #fff
}

body.template .plans__list-item:hover span.body-small,
body.template .plans__list-item:hover h4,
body.template .plans__list-item:hover .plans__list-item-price,
body.template .plans__list-item:hover span.body-tiny {
    color: #fff;
}

body.template .plans__list-item:hover .btn {
    background-color: #fbd740;
}

body.template .plans__list-item-title {
    position: relative;
    width: 100%
}

body.template .plans__list-item-title>* {
    transition: all .3s ease
}

body.template .plans__list-item-title span {
    position: absolute;
    left: 0;
    top: -25px;
    width: 100%;
    text-align: center;
    font-weight: 600
}

body.template .plans__list-item-price {
    font-size: 36px;
    line-height: 41px;
    color: #333;
    font-weight: 300;
}

body.template .plans__list-item-price>* {
    transition: all .3s ease
}

body.template .plans__list-item-period {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

body.template .plans__list-item-period .percent {
    color: #dfad00;
}

body.template .plans__list-item-period>* {
    width: 50%;
    transition: all .3s ease;
    text-align: center;
    margin-top: 14px;
    padding: 0px 10px;
}

body.template .plans__list-item-period>*:last-child {
    text-align: center;
    width: 100%;
}

body.template .plans__list-item-period p+p {
    margin-top: 35px
}

body.template .plans__list-item-btn {
    margin-top: 20px
}

body.template .plans__list-item-btn .btn {
    min-width: 220px;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.template .plans__desc {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    max-width: 980px;
    padding: 0 100px;
    margin: 160px auto 0 auto;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb
}

@media only screen and (max-width:1770px) {
    body.template .plans__list-item {
        padding: 20px;
    }
}

@media only screen and (max-width:1399px) {
    body.template .plans__list-item .percent {
        font-size: 22px;
    }

    body.template .plans__list-item-price {
        font-size: 32px;
        line-height: 38px;
    }
}

@media only screen and (max-width:991px) {
    body.template .plans__desc {
        margin-top: 60px;
        padding: 0 15px
    }
}

@media only screen and (max-width:479px) {
    body.template .plans__list-item-period>* {
        width: 100%;
    }

    body.template .plans__list-item-period {
        padding-left: 65px;
    }

    body.template .plans__list-item-period>*:last-child {
        text-align: left;
    }

    body.template .plans__list-item {
        align-items: stretch;
    }

    body.template .plans__list-item {
        padding: 20px 15px;
    }

    body.template .plans__list-item-head {
        padding-left: 75px;
    }
}

body.template .plans__desc .btn {
    min-width: 260px;
    margin-top: 80px
}

body.template .banners {
    position: relative;
    display: flex;
    padding: 30px 100px;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width:1770px) {
    body.template .banners {
        padding: 30px 15px
    }
}

@media only screen and (max-width:1199px) {
    body.template .banners {
        flex-direction: column
    }
}

body.template .banners.banner--product {
    min-height: 360px;
    background-color: #ffc600;
    background-image: url(../images/product/2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

body.template .banners>* {
    padding: 30px
}

@media only screen and (max-width:1199px) {
    body.template .banners>* {
        text-align: center;
        max-width: none !important
    }
}

body.template .banners__title {
    min-width: 400px;
    max-width: 400px
}

body.template .banners__text {
    max-width: 850px
}

body.template .banners__btn .btn {
    min-width: 300px
}

body.template .agreements {
    position: relative;
    padding-bottom: 120px
}

@media only screen and (max-width:991px) {
    body.template .agreements {
        padding: 0 0 60px 0
    }
}

body.template .agreements__info {
    position: relative
}

body.template .agreements__info-wrap {
    position: relative;
    display: flex
}

@media only screen and (max-width:1199px) {
    body.template .agreements__info-wrap {
        flex-direction: column
    }
}

body.template .agreements__info-block {
    position: relative;
    padding: 100px 0
}

body.template .agreements__info-block:before {
    content: '';
    position: absolute;
    top: 0;
    width: 50vw;
    height: 100%;
    z-index: 0
}

@media only screen and (max-width:1199px) {
    body.template .agreements__info-block:before {
        width: 100vw
    }
}

body.template .agreements__info-block.block--start {
    max-width: 450px;
    padding-right: 100px;
    align-self: flex-start;
    background-color: #efefef
}

@media only screen and (max-width:1199px) {
    body.template .agreements__info-block.block--start {
        padding: 60px 0;
        max-width: none
    }
}

body.template .agreements__info-block.block--start h4 {
    position: relative;
    z-index: 1;
    line-height: 1.8
}

body.template .agreements__info-block.block--start:before {
    left: -25vw;
    background-color: #f1edf3;
}

@media only screen and (max-width:1199px) {
    body.template .agreements__info-block.block--start:before {
        left: -15px
    }
}

body.template .agreements__info-block.block--end {
    padding-left: 120px;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

@media only screen and (max-width:1199px) {
    body.template .agreements__info-block.block--end {
        padding: 60px 0;
        max-width: none
    }
}

body.template .agreements__info-block.block--end p {
    position: relative;
    z-index: 1
}

body.template .agreements__info-block.block--end p+p {
    margin-top: 50px
}

body.template .agreements__info-block.block--end:before {
    right: -25vw;
    background-color: #fff
}

@media only screen and (max-width:1199px) {
    body.template .agreements__info-block.block--end:before {
        right: -15px
    }
}

body.template .agreements__list {
    position: relative
}

body.template .agreements__list ul {
    position: relative;
    display: flex;
    flex-direction: column
}

body.template .agreements__list li {
    display: flex;
    justify-content: space-between;
    margin-top: 60px
}

@media only screen and (max-width:1399px) {
    body.template .agreements__list li {
        flex-direction: column
    }
}

body.template .agreements__list-title {
    display: flex;
    align-self: flex-start;
    align-items: center;
    margin-top: -10px
}

body.template .agreements__list-title h2 {
    white-space: nowrap;
    width: 160px;
    line-height: 1;
    padding-top: 10px
}

@media only screen and (max-width:767px) {
    body.template .agreements__list-title h2 {
        width: 120px
    }
}

body.template .agreements__list-title h3 {
    max-width: 300px
}

@media only screen and (max-width:1399px) {
    body.template .agreements__list-title h3 {
        max-width: none
    }
}

body.template .agreements__list-text {
    max-width: 800px
}

@media only screen and (max-width:1399px) {
    body.template .agreements__list-text {
        max-width: none
    }
}

body.template .agreements__list-text p {
    margin: 5px 0;
    line-height: 1.7
}

body.template .agreements__list-text b {
    font-weight: 400;
    color: #333
}

body.template .partnership {
    position: relative;
    padding: 110px 0 152px;
    background-color: #fff;
    background-image: url(../images/reff/bg.png);
    background-repeat: no-repeat;
    background-position: center 420px
}

@media only screen and (max-width:991px) {
    body.template .partnership {
        padding: 60px 0
    }
}

@media only screen and (max-width:767px) {
    body.template .partnership {
        background-position: center 300px;
        background-size: 768px auto;
    }
}

body.template .partnership .page-title {
    max-width: 500px
}

body.template .partnership .page-title .styled-subtitle {
    margin-top: 60px
}

@media only screen and (max-width:767px) {
    body.template .partnership .page-title .styled-subtitle {
        margin-top: 30px
    }
}

body.template .partnership__info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    max-width: 800px;
    padding-top: 520px;
    margin: 0 auto
}

body.template .partnership__info .btn {
    margin-top: 80px;
    width: 100%;
    max-width: 330px
}

@media only screen and (max-width:767px) {
    body.template .partnership__info {
        margin-top: 30px;
        padding-top: 220px;
    }
}

body.template .conditions {
    position: relative;
    display: flex;
    align-items: stretch;
    background-color: #fff
}

@media only screen and (max-width:1199px) {
    body.template .conditions {
        flex-direction: column
    }
}

body.template .conditions__list-title {
    position: relative;
    font-size: 35px
}

@media only screen and (max-width:1399px) {
    body.template .conditions__list-title {
        padding: 60px 15px 0 15px
    }
}

body.template .conditions__list {
    position: relative;
    background-color: #f1edf3;
    width: 100%;
    max-width: 1120px;
    padding: 110px 0 0 80px;
    z-index: 1
}

body.template .conditions__list .conditionsTabs {
    margin-top: 36px;
}

@media only screen and (max-width:1399px) {
    body.template .conditions__list {
        padding: 0
    }

    body.template .conditions__tabs-nav {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width:1199px) {
    body.template .conditions__list {
        order: 2
    }
}

body.template .conditions__list .conditions__tabs-body ul {
    display: flex;
    flex-wrap: wrap
}

body.template .conditions__list .conditions__tabs-body li {
    position: relative;
    width: 50%;
    min-height: 290px;
    padding: 40px 0
}

@media only screen and (max-width:767px) {
    body.template .conditions__list .conditions__tabs-body li {
        width: 100%;
        min-height: auto
    }
}

body.template .conditions__list .conditions__tabs-body li:first-child:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: calc(100% - 80px);
    background-color: #dbdbdb;
    z-index: 0
}

@media only screen and (max-width:767px) {
    body.template .conditions__list .conditions__tabs-body li:first-child:before {
        display: none
    }
}

body.template .conditions__list .conditions__tabs-body li:first-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #dbdbdb;
    z-index: 0
}

@media only screen and (max-width:767px) {
    body.template .conditions__list .conditions__tabs-body li:first-child:after {
        display: none
    }
}

body.template .conditions__list .conditions__tabs-body li:nth-child(2) {
    padding-left: 60px
}

@media only screen and (max-width:1399px) {
    body.template .conditions__list .conditions__tabs-body li:nth-child(2) {
        padding-left: 0
    }
}

body.template .conditions__list .conditions__tabs-body li:nth-child(2):after {
    left: auto;
    right: 0
}

body.template .conditions__list-item {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    opacity: 1;
    z-index: 1
}

@media only screen and (max-width:1399px) {
    body.template .conditions__list-item {
        padding: 15px
    }
}

body.template .conditions__list-item.active {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

body.template .conditions__list-item.active h2 {
    font-size: 55px;
    line-height: 70px;
    font-weight: normal;
}

body.template .conditions__list-item.active>* {
    position: relative;
    z-index: 1
}

body.template .conditions__list-item.active:before {
    content: '';
    position: absolute;
    width: calc(100% + 35px);
    height: calc(100% + 80px);
    top: -40px;
    right: -35px;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0
}

@media only screen and (max-width:1770px) {
    body.template .conditions__list-item.active:before {
        width: 100%;
        right: 0
    }
}

@media only screen and (max-width:1199px) {
    body.template .conditions__list-item.active h2 {
        font-size: 45px;
        line-height: 60px;
    }
}

body.template .conditions__list-item-img {
    position: relative;
    display: flex;
    margin-right: 20px
}

body.template .conditions__list-item-img img {
    width: 84px
}

body.template .conditions__list-item-txt h2 {
    line-height: 1;
    word-wrap: break-word
}

body.template .conditions__list-item-prc h2 {
    word-wrap: break-word;
    word-break: break-all
}

body.template .conditions__info {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(100% - 1120px);
    padding: 0 15px 0 120px
}

@media only screen and (max-width:1770px) {
    body.template .conditions__info {
        width: auto;
        padding: 60px 15px 60px 100px
    }
}

@media only screen and (max-width:1199px) {
    body.template .conditions__info {
        padding: 60px 15px
    }
}

@media only screen and (max-width:991px) {
    body.template .conditions__info .page-title {
        max-width: none
    }
}

body.template .conditions__info .page-title .styled-subtitle {
    max-width: 350px
}

@media only screen and (max-width:1199px) {
    body.template .conditions__info .page-title .styled-subtitle {
        max-width: none
    }
}

body.template .conditions.conditions--end .conditions__list li:first-child:after,
body.template .conditions.conditions--end .conditions__list li:first-child:before {
    display: none
}

body.template .conditions.conditions--end .conditions__list li:nth-child(2):before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: calc(100% - 80px);
    background-color: #dbdbdb;
    z-index: 0
}

@media only screen and (max-width:767px) {
    body.template .conditions.conditions--end .conditions__list li:nth-child(2):before {
        display: none
    }
}

body.template .conditions.conditions--end .conditions__list li:nth-child(2):after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #dbdbdb;
    z-index: 0
}

@media only screen and (max-width:767px) {
    body.template .conditions.conditions--end .conditions__list li:nth-child(2):after {
        display: none
    }
}

body.template .conditions.conditions--end .conditions__list li:nth-child(even) {
    padding-left: 60px
}

@media only screen and (max-width:1399px) {
    body.template .conditions.conditions--end .conditions__list li:nth-child(even) {
        padding-left: 15px
    }
}

body.template .conditions.conditions--end .conditions__list-item.active {
    margin-left: -80px
}

@media only screen and (max-width:1770px) {
    body.template .conditions.conditions--end .conditions__list-item.active {
        margin-left: -40px
    }
}

@media only screen and (max-width:1399px) {
    body.template .conditions.conditions--end .conditions__list-item.active {
        margin-left: 0
    }
}

@media only screen and (max-width:1770px) {
    body.template .conditions.conditions--end .conditions__list-item.active:before {
        width: calc(100% + 40px)
    }
}

@media only screen and (max-width:1399px) {
    body.template .conditions.conditions--end .conditions__list-item.active:before {
        width: 100%
    }
}

body.template .conditions.conditions--end .conditions__list-item.active:before {
    right: auto;
    left: -35px
}

@media only screen and (max-width:1399px) {
    body.template .conditions.conditions--end .conditions__list-item.active:before {
        left: 0
    }
}

@media only screen and (max-width:1770px) {
    body.template .conditions.conditions--end .conditions__info {
        width: auto;
        padding: 60px 100px 60px 15px
    }
}

@media only screen and (max-width:1199px) {
    body.template .conditions.conditions--end .conditions__info {
        padding: 60px 15px
    }
}

body.template .faq {
    position: relative;
    padding: 70px 0 130px 0
}

@media only screen and (max-width:991px) {
    body.template .faq {
        padding: 60px 0
    }
}

body.template .faq .page-title {
    max-width: none
}

body.template .faq__tabs {
    position: relative;
    display: flex;
    margin-top: 55px;
    min-height: 1165px
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs {
        flex-direction: column;
        min-height: auto
    }
}

body.template .faq__tabs-nav {
    position: relative;
    flex: 1 1 auto;
    align-self: flex-start;
    padding: 90px 30px 90px 0
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs-nav {
        padding: 0;
        width: 100%
    }
}

body.template .faq__tabs-nav:before {
    content: '';
    position: absolute;
    left: calc((-100vw + 1400px)/ 2);
    top: 0;
    width: calc(50vw + 100px);
    height: 100%;
    background-color: #f1edf3;
    z-index: 0
}

@media only screen and (max-width:1770px) {
    body.template .faq__tabs-nav:before {
        left: -15px
    }
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs-nav:before {
        display: none
    }
}

body.template .faq__tabs-nav ul {
    position: relative;
    z-index: 1
}

body.template .faq__tabs-nav li+li {
    margin-top: 70px
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs-nav li+li {
        margin-top: 0;
        border-top: 1px solid #dbdbdb
    }
}

body.template .faq__tabs-nav a {
    position: relative;
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs-nav a {
        min-height: 60px;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #efefef
    }

    body.template .faq__tabs-nav a span {
        font-size: 20px
    }
}

body.template .faq__tabs-nav a:before {
    display: none;
    content: '';
    position: absolute;
    left: calc(-100vw + 1415px);
    top: 50%;
    transform: translateY(-50%);
    width: calc(100vw - 1440px);
    height: 2px;
    background-color: #ffc600;
    z-index: 0
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs-nav a:before {
        display: none
    }
}

body.template .faq__tabs-nav a.active:before {
    display: block
}

body.template .faq__tabs-nav a.active span {
    color: #ffc600
}

body.template .faq__tabs-body {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin-top: 65px;
    margin-left: auto
}

@media only screen and (max-width:1399px) {
    body.template .faq__tabs-body {
        max-width: calc(100% - 430px)
    }
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs-body {
        max-width: none;
        width: 100%;
        margin-top: 50px
    }
}

body.template .faq__tabs-body-item {
    position: relative
}

body.template .faq__accordion {
    position: relative;
    display: flex;
    flex-direction: column
}

body.template .faq__accordion-item {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.template .faq__accordion-item+.faq__accordion-item {
    margin-top: 20px
}

body.template .faq__accordion-item-title {
    position: relative
}

body.template .faq__accordion-item-title a {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 80px;
    padding: 10px 70px 10px 60px;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 600;
    color: #333;
    background-color: #fff
}

@media only screen and (max-width:1199px) {
    body.template .faq__accordion-item-title a {
        padding: 10px 70px 10px 15px
    }
}

body.template .faq__accordion-item-title a.active {
    background: #ffc600;
    color: #fff;
    opacity: 1
}

body.template .faq__accordion-item-title a.active i {
    border-color: #fff
}

body.template .faq__accordion-item-title a.active i:before {
    background-color: #fff
}

body.template .faq__accordion-item-title a.active i:after {
    display: none
}

body.template .faq__accordion-item-title i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    border: 2px solid #333;
    border-radius: 50%
}

body.template .faq__accordion-item-title i:after,
body.template .faq__accordion-item-title i:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #333
}

body.template .faq__accordion-item-title i:before {
    width: 15px;
    height: 2px
}

body.template .faq__accordion-item-title i:after {
    width: 2px;
    height: 15px
}

body.template .faq__accordion-item-body {
    position: relative;
    padding: 50px 60px
}

@media only screen and (max-width:1199px) {
    body.template .faq__accordion-item-body {
        padding: 30px 15px
    }
}

body.template .faq__accordion-item-body p {
    line-height: 1.7
}

body.template .faq__tabs-aside {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 400px
}

@media only screen and (max-width:991px) {
    body.template .faq__tabs-aside {
        position: relative;
        width: 100%;
        max-width: none;
        margin-top: 60px
    }
}

body.template .faq__tabs-aside .btn {
    max-width: 260px;
    margin-top: 60px
}

body.template .contacts {
    position: relative;
    display: flex;
    align-items: stretch
}

@media only screen and (max-width:1199px) {
    body.template .contacts {
        flex-direction: column
    }
}

body.template .contacts__image {
    position: relative;
    display: flex;
    padding: 50px;
    background-color: #fff;
    max-width: 1200px;
    width: calc(100% - 600px);
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 1
}

@media only screen and (max-width:1199px) {
    body.template .contacts__image {
        width: 100%;
        height: 600px;
        order: 2
    }
}

body.template .contacts__image iframe {
    width: 100%;
    height: 100%
}

@media only screen and (max-width:767px) {
    body.template .contacts__image {
        padding: 15px
    }
}

body.template .contacts__image i {
    display: flex;
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media only screen and (max-width:767px) {
    body.template .contacts__image i {
        height: 300px
    }
}

body.template .contacts__info {
    position: relative;
    display: flex;
    align-items: center;
    align-content: stretch;
    width: 100%;
    flex: 1 1 0;
    margin: 60px 0;
    max-width: 500px;
    padding: 80px 15px 80px 120px
}

@media only screen and (max-width:1199px) {
    body.template .contacts__info {
        margin: 0;
        width: 100%;
        max-width: none;
        padding: 60px 15px;
        background-color: #efefef
    }
}

body.template .contacts__info:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100vw;
    right: -50vw;
    background-color: #efefef;
    z-index: 0
}

@media only screen and (max-width:1199px) {
    body.template .contacts__info:before {
        display: none
    }
}

body.template .contacts__info-wrap {
    max-width: none
}

body.template .contacts__info-tel {
    position: relative;
    margin-top: 40px
}

body.template .contacts__info-support {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 30px
}

body.template .contacts__info-support i {
    min-width: 90px;
    margin-right: 15px
}

body.template .contacts__info-support a {
    font-size: 20px;
    text-decoration: underline
}

body.template .contacts__info-support p {
    line-height: 1
}

body.template .contacts__info-socials {
    margin-top: 40px
}

body.template .contact-form {
    position: relative;
    padding: 90px 0
}

@media only screen and (max-width:991px) {
    body.template .contact-form {
        padding: 60px 0
    }
}

body.template .contact-form__wrap {
    position: relative;
    display: flex;
    margin-top: 55px
}

@media only screen and (max-width:991px) {
    body.template .contact-form__wrap {
        flex-direction: column
    }
}

body.template .contact-form__wrap .form {
    margin: 0 -30px
}

body.template .contact-form__wrap .form--900 {
    max-width: 960px
}

@media only screen and (max-width:991px) {
    body.template .contact-form__wrap .form--900 {
        max-width: none
    }
}

body.template .contact-form__wrap .form--350 {
    max-width: 410px;
    margin-left: auto
}

@media only screen and (max-width:991px) {
    body.template .contact-form__wrap .form--350 {
        max-width: none;
        margin-left: -30px;
        margin-top: 60px
    }
}

body.template .contact-form__wrap .form-col {
    padding: 0 30px
}

body.template .documents {
    position: relative;
    padding: 110px 0 90px 0
}

@media only screen and (max-width:991px) {
    body.template .documents {
        padding: 60px 0
    }
}

body.template .documents__wrap {
    position: relative;
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .documents__wrap {
        flex-direction: column
    }
}

body.template .documents__info {
    width: 100%;
    max-width: 340px;
    padding-top: 50px
}

@media only screen and (max-width:991px) {
    body.template .documents__info {
        max-width: none;
        padding: 60px 0
    }
}

body.template .documents__info-list {
    position: relative;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:991px) {
    body.template .documents__info-list {
        flex-direction: row;
        margin: 0 -20px
    }
}

@media only screen and (max-width:767px) {
    body.template .documents__info-list {
        flex-direction: column
    }
}

body.template .documents__info-list li {
    margin-top: 50px
}

@media only screen and (max-width:991px) {
    body.template .documents__info-list li {
        width: 50%;
        padding: 0 20px
    }
}

@media only screen and (max-width:767px) {
    body.template .documents__info-list li {
        width: 100%
    }
}

body.template .documents__info-list img {
    max-width: 90px
}

body.template .documents__info-list h5 {
    margin-top: 20px
}

body.template .documents__links {
    position: relative;
    width: 100%;
    max-width: 800px;
    padding: 100px 15px 0 100px;
    margin-left: auto;
    background-color: #f1edf3;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width:1199px) {
    body.template .documents__links {
        padding: 60px 0px 60px 30px
    }
}

@media only screen and (max-width:991px) {
    body.template .documents__links {
        padding: 60px 15px
    }
}

body.template .documents__links:after {
    content: '';
    position: absolute;
    top: 0;
    width: 50vw;
    right: -50vw;
    height: 100%;
    background-color: #f1edf3;
    z-index: -1;
}

@media only screen and (max-width:991px) {
    body.template .documents__links:after {
        display: none
    }
}

body.template .documents__links-list {
    position: relative;
    display: flex;
    padding-top: 20px;
    margin: auto -20px -30px;
}

@media only screen and (max-width:1199px) {
    body.template .documents__links-list {
        margin-bottom: 0;
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media only screen and (max-width:767px) {
    body.template .documents__links-list {
        flex-direction: column
    }
}

body.template .documents__links-list li {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 0 20px
}

@media only screen and (max-width:1199px) {
    body.template .documents__links-list li {
        padding: 0 10px
    }
}

@media only screen and (max-width:767px) {
    body.template .documents__links-list li {
        width: 100%
    }
}

body.template .documents__links-list i {
    display: flex;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.template .documents__links-list img {
    width: 100%
}

body.template .documents__links-list .btn {
    width: 100%;
    padding: 0 15px;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

@media only screen and (max-width:767px) {
    body.template .documents__links-list .btn {
        margin-top: 30px
    }
}

body.template .registration {
    position: relative
}

body.template .registration__form {
    position: relative;
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .registration__form {
        flex-direction: column
    }
}

body.template .registration__form .form {
    margin: 0 -30px
}

body.template .registration__form .form--start {
    padding: 90px 120px 150px 0;
    max-width: 960px;
    background-color: #efefef
}

@media only screen and (max-width:1399px) {
    body.template .registration__form .form--start {
        padding-right: 0
    }
}

@media only screen and (max-width:991px) {
    body.template .registration__form .form--start {
        max-width: none;
        padding: 60px 0
    }
}

body.template .registration__form .form--start:after {
    content: '';
    position: absolute;
    top: 0;
    width: 50vw;
    left: -50vw;
    height: 100%;
    background-color: #f1edf3;
}

body.template .registration__form .form--end {
    padding: 145px 0 0 30px;
    max-width: 460px;
    margin-left: auto
}

@media only screen and (max-width:991px) {
    body.template .registration__form .form--end {
        max-width: none;
        padding: 60px 0;
        margin: 0 -30px
    }
}

body.template .registration__form .form-col {
    padding: 0 30px
}

body.template .login {
    position: relative
}

body.template .login__form {
    position: relative;
    display: flex
}

@media only screen and (max-width:991px) {
    body.template .login__form {
        flex-direction: column
    }
}

body.template .login__form .form {
    margin: 0 -30px
}

body.template .login__form .form--start {
    padding: 90px 120px 150px 0;
    max-width: 960px;
    background-color: #efefef
}

body.template .login__form .form--start a {
    margin: 10px 0;
    color: #ffc600;
    text-decoration: underline
}

@media only screen and (max-width:1399px) {
    body.template .login__form .form--start {
        padding-right: 0
    }
}

@media only screen and (max-width:991px) {
    body.template .login__form .form--start {
        max-width: none;
        padding: 60px 0
    }
}

body.template .login__form .form--start:after {
    content: '';
    position: absolute;
    top: 0;
    width: 50vw;
    left: -50vw;
    height: 100%;
    background-color: #f1edf3;
}

body.template .login__form .form--end {
    padding: 145px 0 0 30px;
    max-width: 460px;
    margin-left: auto
}

@media only screen and (max-width:991px) {
    body.template .login__form .form--end {
        max-width: none;
        padding: 60px 0;
        margin: 0 -30px
    }
}

body.template .login__form .form-col {
    padding: 0 30px
}

body.template .animate-map {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1100px;
    height: 100%;
    z-index: 0
}

body.template .animate-map__svg {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

body.template .animate-map__svg circle {
    fill: rgba(255, 255, 255, .1) !important;
    stroke: none !important
}

body.template .animate-map__svg circle.active {
    stroke: #fff !important;
    stroke-opacity: .9;
    stroke-width: 1px;
    fill: #fff !important;
    fill-opacity: .75;
    animation: pulse 3s ease infinite
}

body.template .animate-map__svg circle.active-first {
    stroke: #fff !important;
    stroke-opacity: .9;
    fill: #fff !important;
    fill-opacity: .4;
    animation: pulse-first 3s ease infinite
}

body.template .animate-map__svg circle.active-second {
    stroke: #fff !important;
    stroke-opacity: .9;
    fill: #fff !important;
    fill-opacity: .3;
    animation: pulse-second 3s ease infinite
}

body.template .animate-map__svg circle.active-third {
    stroke: #fff !important;
    stroke-opacity: .9;
    fill: #fff !important;
    fill-opacity: .25;
    animation: pulse-third 3s ease infinite
}

@keyframes pulse {
    0% {
        opacity: 0
    }

    25% {
        opacity: .5
    }

    50% {
        opacity: .9
    }

    75% {
        opacity: .5
    }

    100% {
        opacity: 0
    }
}

@keyframes pulse-first {
    0% {
        opacity: 0;
        stroke-width: 0
    }

    25% {
        opacity: .1
    }

    50% {
        opacity: .2;
        stroke-width: 12px
    }

    75% {
        opacity: .1
    }

    100% {
        opacity: 0;
        stroke-width: 0
    }
}

@keyframes pulse-second {
    0% {
        opacity: 0;
        stroke-width: 0
    }

    25% {
        opacity: .1
    }

    50% {
        opacity: .2;
        stroke-width: 16px
    }

    75% {
        opacity: .1
    }

    100% {
        opacity: 0;
        stroke-width: 0
    }
}

@keyframes pulse-third {
    0% {
        opacity: 0;
        stroke-width: 0
    }

    25% {
        opacity: .2
    }

    50% {
        opacity: .4;
        stroke-width: 20px
    }

    75% {
        opacity: .2
    }

    100% {
        opacity: 0;
        stroke-width: 0
    }
}

body.template .animate-line {
    position: absolute;
    width: 1400px;
    height: 720px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

body.template .animate-line__pulse {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 rgba(255, 255, 255, .6);
    animation: pulse 2s infinite;
    cursor: pointer
}

body.template .animate-line__pulse.pulse--1 {
    bottom: 156px;
    left: 304px
}

body.template .animate-line__pulse.pulse--2 {
    top: 330px;
    right: 405px
}

body.template .animate-line__pulse.pulse--3 {
    top: 153px;
    right: 95px
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .6)
    }

    70% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

body.template .animate-numbers {
    position: absolute;
    width: 1100px;
    height: 312px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    animation-name: blink;
    animation-timing-function: linear;
    animation-duration: 4s;
    animation-iteration-count: infinite
}

@keyframes blink {
    0% {
        opacity: .2
    }

    25% {
        opacity: .5
    }

    50% {
        opacity: .9
    }

    75% {
        opacity: .5
    }

    100% {
        opacity: .2
    }
}

body.dashboard {
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    color: #9e9e9e;
    background-color: #f7f7f7;
    overflow-x: hidden
}

body.dashboard::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

body.dashboard::-webkit-scrollbar-thumb {
    background: rgba(119, 119, 119, .3);
    border-radius: 10px
}

body.dashboard::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 10px
}

@media only screen and (max-width:991px) {
    body.dashboard .page-title h3 {
        font-size: 30px
    }

    body.dashboard.lock .header__logo {
        box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
    }

    body.dashboard.lock .header__logo:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
        z-index: 1
    }

    body.dashboard.lock .header__logo:after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: -15px;
        width: calc(100% + 30px);
        height: 60px;
        background-color: #fff;
        z-index: -1
    }
}

body.dashboard .main-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-self: stretch;
    width: 100%;
    min-height: 100%;
    overflow: hidden
}

body.dashboard .main-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: background-color .3s, opacity .3s
}

body.dashboard .main-content.lock:after {
    opacity: 1;
    visibility: visible;
    z-index: 100;
    background-color: rgba(51, 51, 51, .5)
}

body.dashboard .wrapper {
    position: relative;
    flex: 1 1 auto;
    width: calc(100% - 420px);
    padding: 60px 0;
    min-height: 100%
}

@media only screen and (max-width:1199px) {
    body.dashboard .wrapper {
        width: calc(100% - 380px)
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .wrapper {
        width: 100%;
        order: 2
    }
}

body.dashboard .container {
    position: relative;
    width: 100%;
    max-width: 1400px;
    padding: 0 15px;
    margin: 0 auto;
    z-index: 1
}

@media only screen and (max-width:1770px) {
    body.dashboard .container {
        max-width: 970px
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .container {
        max-width: 670px
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .container {
        max-width: 570px
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .container {
        max-width: none
    }
}

body.dashboard .container.fluid {
    max-width: none;
    padding: 0 30px
}

body.dashboard .header {
    position: relative;
    min-height: 155px;
    background-color: #18171b;
    z-index: 103
}

body.dashboard .header__area {
    position: relative;
    padding: 0 35px 0 30px;
    z-index: 2
}

@media only screen and (max-width:1199px) {
    body.dashboard .header__area {
        padding: 0 10px
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .header__area {
        display: none
    }
}

body.dashboard .header__area-wrap {
    position: relative;
    display: flex;
    min-height: 55px;
    justify-content: space-between
}

@media only screen and (max-width:1199px) {
    body.dashboard .header__area-wrap {
        min-height: 40px
    }
}

body.dashboard .header__area-start {
    display: flex;
    align-items: center
}

body.dashboard .header__area-center {
    margin: 0 auto
}

body.dashboard .header__area-end {
    display: flex;
    align-items: center
}

body.dashboard .header__support {
    position: relative;
    margin-right: 25px
}

body.dashboard .header__support a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400
}

body.dashboard .header__support a span {
    text-decoration: underline;
    color: #ffc813
}

body.dashboard .header__support i {
    font-size: 22px;
    color: #ffc600;
    margin-right: 10px
}

body.dashboard .header__lang {
    position: relative;
    display: flex;
    align-items: center;
    flex: auto;
}

@media only screen and (max-width:991px) {
    body.dashboard .header__lang {
        display: none
    }
}

body.dashboard .header__lang-curr {
    position: relative;
    display: flex;
    min-height: 22px;
    line-height: 22px;
    padding-right: 20px;
    color: #ffc600
}

body.dashboard .header__lang-curr:after {
    content: "\e913";
    font-family: icons;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    font-size: 6px;
    line-height: 1;
    transition: all .3s ease
}

body.dashboard .header__lang-curr.open:after {
    transform: scale(1, -1)
}

body.dashboard .header__lang-curr i {
    font-size: 20px;
    color: #ffc813;
    margin-right: 10px
}

body.dashboard .header__lang-list {
    position: absolute;
    display: none;
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
    background-color: #ffc813
}

body.dashboard .header__lang-list li {
    width: 100%
}

body.dashboard .header__lang-list li+li {
    border-top: 1px solid rgba(255, 255, 255, .3)
}

body.dashboard .header__lang-item {
    display: flex;
    height: 100%;
    min-height: 30px;
    align-items: center;
    padding: 0 15px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    opacity: .7
}

body.dashboard .header__lang-item.active {
    opacity: 1
}

body.dashboard .header__lang-item:not(.active):hover {
    background-color: rgba(255, 255, 255, .2);
    opacity: 1
}

body.dashboard .header__email {
    position: relative
}

body.dashboard .header__email a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400
}

body.dashboard .header__email a span {
    text-decoration: underline;
    color: #ffc813
}

body.dashboard .header__email i {
    font-size: 22px;
    color: #ffc600;
    margin-right: 10px;
    margin-top: -2px
}

body.dashboard .header__data {
    position: relative;
    display: flex;
    padding: 0 20px 0 30px;
    z-index: 1;
}

@media only screen and (max-width:1770px) {
    body.dashboard .header__data {
        align-items: flex-end
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .header__data {
        padding: 0 0 0 10px
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .header__data {
        flex-wrap: wrap;
        padding: 10px
    }
}

body.dashboard .header__logo {
    position: relative;
    margin-right: auto
}

@media only screen and (max-width:991px) {
    body.dashboard .header__logo {
        order: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background-color: #fff;
        margin-top: 10px;
        padding: 0 25px
    }
}

body.dashboard .header__logo a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    min-height: 100px;
    background-color: #fff;
    z-index: 1
}

@media only screen and (max-width:991px) {
    body.dashboard .header__logo a {
        width: auto;
        min-height: 80px
    }
}

body.dashboard .header__logo a:hover {
    opacity: .98
}

body.dashboard .header__logo img {
    max-width: 80px
}

@media only screen and (max-width:991px) {
    body.dashboard .header__logo img {
        max-width: 90px;
        height: 60px;
    }
}

body.dashboard .header__balance {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 200px;
    min-height: 100px;
    margin-left: auto;
    background: #dfad00;
    color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    position: relative
}

body.dashboard .header__balance::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #dfad00 transparent transparent transparent;
}

@media only screen and (max-width:991px) {
    body.dashboard .header__balance {
        display: none
    }
}

body.dashboard .header__balance b {
    font-size: 14px;
    font-weight: 600
}

body.dashboard .header__balance span {
    padding-top: 12px;
    font-size: 25px;
    font-weight: 300
}

body.dashboard .header__stats {
    position: relative;
    flex: 1 1 auto
}

body.dashboard .header__stats-list {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 -20px
}

@media only screen and (max-width:1770px) {
    body.dashboard .header__stats-list {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .header__stats-list {
        margin: 0 -60px
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .header__stats-list {
        margin: 0 -20px
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .header__stats-list {
        margin: 0
    }
}

body.dashboard .header__stats-list li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px
}

@media only screen and (max-width:1770px) {
    body.dashboard .header__stats-list li {
        width: calc(100% / 3);
        padding: 5px 20px
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .header__stats-list li {
        width: 50%
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .header__stats-list li {
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .header__stats-list li {
        width: 100%
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .header__stats-list li.stats-list--ref {
        width: 100%
    }
}

body.dashboard .header__stats-list li.stats-list--ref img {
    width: 60px;
    margin-top: -10px
}

body.dashboard .header__stats-list li.stats-list--id img {
    width: 55px;
    margin-top: -5px;
}

@media only screen and (max-width:991px) {
    body.dashboard .header__stats-list i {
        display: none
    }
}

body.dashboard .header__stats-list img {
    width: 50px;
    margin-top: -5px
}

body.dashboard .header__stats-list p {
    margin-left: 15px;
    line-height: 1.7
}

@media only screen and (max-width:991px) {
    body.dashboard .header__stats-list p {
        margin: 0
    }
}

body.dashboard .header__stats-list b {
    font-size: 14px;
    font-weight: 600
}

body.dashboard .header__stats-list a {
    display: inline-flex;
    color: #ffc600;
    max-width: 230px;
    font-size: 15px;
    text-decoration: underline
}

@media only screen and (max-width:991px) {
    body.dashboard .header__stats-list a {
        max-width: none
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .header__stats-list a {
        max-width: 300px
    }
}

body.dashboard .header__stats-list a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.dashboard .header__stats-list span {
    line-height: 1
}

body.dashboard .header__mobile {
    display: none
}

body.dashboard .header__toggle {
    display: none;
    position: relative;
    width: 40px;
    height: 26px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    cursor: pointer;
    z-index: 10;
    order: 3
}

body.dashboard .header__toggle:after,
body.dashboard .header__toggle:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    transition: all .3s ease;
    background-color: #333
}

body.dashboard .header__toggle:before {
    top: 6px
}

body.dashboard .header__toggle:after {
    bottom: 6px
}

@media only screen and (max-width:991px) {
    body.dashboard .header__toggle {
        display: flex
    }
}

body.dashboard .header__toggle.open {
    border: 0
}

body.dashboard .header__toggle.open:before {
    top: 12px;
    transform: rotate(40deg)
}

body.dashboard .header__toggle.open:after {
    bottom: 12px;
    transform: rotate(-40deg)
}

body.dashboard .bonus-shield {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.dashboard .bonus-shield__wrap {
    position: relative;
    display: flex
}

body.dashboard .bonus-shield__bonus,
body.dashboard .bonus-shield__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffc813;
    min-height: 40px;
    min-width: 190px;
    text-align: center
}

body.dashboard .bonus-shield__bonus p,
body.dashboard .bonus-shield__title p {
    color: #333;
    font-size: 15px;
    line-height: 1.2
}

body.dashboard .bonus-shield__bonus {
    background-color: #fff;
    min-width: 160px
}

body.dashboard .bonus-shield__bonus p {
    font-size: 20px;
    font-weight: 700
}

body.dashboard .bonus-shield__bonus b {
    font-size: 25px
}

body.dashboard .bonus-shield__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 50px;
    height: 40px;
    background-color: #ffc600
}

body.dashboard .bonus-shield__icon i {
    font-size: 25px;
    color: #fff
}

body.dashboard .navigation {
    position: relative;
    flex: auto;
    width: 180px;
    min-height: 100%;
    margin-left: 30px;
    background-color: #fff
}

@media only screen and (max-width:1199px) {
    body.dashboard .navigation {
        margin-left: 10px
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .navigation {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        min-height: auto;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease;
        background-color: #fff;
        z-index: 5
    }

    body.dashboard .navigation.open {
        opacity: 1;
        visibility: visible;
        box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
    }
}

body.dashboard .navigation__menu {
    position: relative;
    display: flex;
    flex-direction: column
}

body.dashboard .navigation__menu li {
    border-bottom: 2px solid #f7f7f7
}

body.dashboard .navigation__menu li.menu-item--copy {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 130px;
    padding: 5px;
    border: 0
}

@media only screen and (max-width:991px) {
    body.dashboard .navigation__menu li.menu-item--copy {
        display: none
    }
}

body.dashboard .navigation__menu li.menu-item--copy p {
    font-size: 12px
}

body.dashboard .navigation__menu li.menu-item--copy a {
    display: flex;
    width: 100%;
    color: #dfad00;
}

body.dashboard .navigation__menu li.menu-item--lang,
body.dashboard .navigation__menu li.menu-item--socials {
    display: none;
    border-color: #fff
}

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

    body.dashboard .navigation__menu li.menu-item--lang,
    body.dashboard .navigation__menu li.menu-item--socials {
        display: block
    }
}

body.dashboard .navigation__menu li.menu-item--lang,
body.dashboard .navigation__menu li.menu-item--lang li,
body.dashboard .navigation__menu li.menu-item--socials li {
    border: 0
}

body.dashboard .navigation__menu li.menu-item--lang .header__lang {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0
}

body.dashboard .navigation__menu li.menu-item--lang .header__lang-curr {
    display: flex;
    align-items: center;
    width: 100%;
    color: #333;
    font-size: 17px;
    min-height: 60px;
    padding: 0 15px
}

body.dashboard .navigation__menu li.menu-item--lang .header__lang-curr i {
    font-size: 28px
}

body.dashboard .navigation__menu li.menu-item--lang .header__lang-curr:after {
    right: 30px
}

body.dashboard .navigation__menu li.menu-item--lang .header__lang-list {
    position: relative;
    top: 0
}

body.dashboard .navigation__menu li.menu-item--lang .header__lang-item {
    min-height: 45px;
    padding: 0 30px;
    opacity: 1
}

body.dashboard .navigation__menu li.menu-item--socials .navigation__socials {
    background-color: #333;
    border: 0
}

body.dashboard .navigation__menu li.menu-item--socials .navigation__socials ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0;
    min-height: 70px
}

body.dashboard .navigation__menu li.menu-item--socials .navigation__socials li {
    width: auto;
    padding: 0 10px;
    border: 0
}

body.dashboard .navigation__menu li.menu-item--socials .navigation__socials a {
    font-size: 18px;
    color: #fff
}

body.dashboard .navigation__menu-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    color: #333;
    text-transform: capitalize;
    text-align: center;
    z-index: 1;
    opacity: 1
}

@media only screen and (max-width:991px) {
    body.dashboard .navigation__menu-item {
        min-height: 60px;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        padding: 0 15px
    }
}

body.dashboard .navigation__menu-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.dashboard .navigation__menu-item>* {
    position: relative;
    z-index: 1
}

body.dashboard .navigation__menu-item:not(.active):hover {
    color: #fff;
    opacity: 1
}

body.dashboard .navigation__menu-item:not(.active):hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 0);
    width: calc(100% + 20px);
    top: 0;
    bottom: 0;
    left: -10px;
    right: -10px
}

body.dashboard .navigation__menu-item:not(.active):hover img {
    filter: brightness(0) invert(1)
}

@media only screen and (max-width:991px) {
    body.dashboard .navigation__menu-item:not(.active):hover {
        color: #ffc600
    }

    body.dashboard .navigation__menu-item:not(.active):hover:after,
    body.dashboard .navigation__menu-item:not(.active):hover:before {
        display: none
    }
}

body.dashboard .navigation__menu-item.active {
    color: #fff;
    opacity: 1
}

body.dashboard .navigation__menu-item.active:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 0);
    width: calc(100% + 20px);
    top: 0;
    bottom: 0;
    left: -10px;
    right: -10px
}

body.dashboard .navigation__menu-item.active img {
    filter: brightness(0) invert(1)
}

@media only screen and (max-width:991px) {
    body.dashboard .navigation__menu-item.active {
        color: #ffc600
    }

    body.dashboard .navigation__menu-item.active:after,
    body.dashboard .navigation__menu-item.active:before {
        display: none
    }
}

body.dashboard .navigation__menu-item span {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    padding: 0 10px
}

@media only screen and (max-width:991px) {
    body.dashboard .navigation__menu-item span {
        margin: 0;
        padding: 0;
        font-size: 18px
    }
}

body.dashboard .navigation__menu-item img {
    width: 50px;
    transition: all .3s ease
}

@media only screen and (max-width:991px) {
    body.dashboard .navigation__menu-item img {
        display: none
    }
}

body.dashboard .balance {
    position: relative;
    flex: auto;
    width: 180px;
    min-height: 100%;
    margin: 0 30px 0 0;
    background-color: #f1edf3;
    z-index: 102
}

@media only screen and (max-width:1199px) {
    body.dashboard .balance {
        margin: 0 10px 0 0
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .balance {
        order: 0;
        margin: 0;
        padding: 10px 10px 0 10px;
        z-index: 1
    }
}

body.dashboard .balance__caption {
    display: none;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100px;
    background: #dfad00;
    color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 5;
    position: relative
}

body.dashboard .balance__caption::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #dfad00 transparent transparent transparent;
}

@media only screen and (max-width:991px) {
    body.dashboard .balance__caption {
        display: flex
    }
}

body.dashboard .balance__caption b {
    font-size: 14px;
    font-weight: 600
}

body.dashboard .balance__caption span {
    padding-top: 12px;
    font-size: 25px;
    font-weight: 300
}

body.dashboard .balance__toggle {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40px;
    left: -40px;
    width: 40px;
    height: 40px;
    background-color: #efefef;
    text-align: center;
    transition: none
}

@media only screen and (max-width:991px) {
    body.dashboard .balance__toggle {
        display: none
    }
}

body.dashboard .balance__toggle.open {
    left: -340px
}

body.dashboard .balance__toggle.open i {
    transform: rotate(-90deg)
}

body.dashboard .balance__toggle i {
    font-size: 6px;
    color: #333;
    transform: rotate(90deg)
}

body.dashboard .balance__list {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1
}

@media only screen and (max-width:991px) {
    body.dashboard .balance__list {
        flex-direction: row;
        flex-wrap: wrap
    }
}

body.dashboard .balance__list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 115px;
    padding: 5px 21px;
    text-transform: capitalize;
    border-bottom: 2px solid #fff
}

@media only screen and (max-width:991px) {
    body.dashboard .balance__list-item {
        width: 25%;
        border-right: 2px solid #fff
    }

    body.dashboard .balance__list-item:nth-child(n+9) {
        width: 50%;
        border-bottom: 0
    }

    body.dashboard .balance__list-item:last-child,
    body.dashboard .balance__list-item:nth-child(4n+4) {
        border-right: 0
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .balance__list-item {
        width: 50%
    }

    body.dashboard .balance__list-item:nth-child(2n+2) {
        border-right: 0
    }
}

body.dashboard .balance__list-item b {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-top: 7px
}

body.dashboard .balance__list-item .date {
    color: #333;
}

body.dashboard .balance__list-item strong {
    font-size: 17px;
    font-weight: bold;
    color: #dfad00;
    margin-top: 5px
}

body.dashboard .balance__list-item strong .unit {
    font-size: 0.75em;
}

body.dashboard .balance__list-item img {
    width: auto
}

body.dashboard .balance__info {
    position: absolute;
    width: 300px;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    background-color: #efefef;
    z-index: -1
}

body.dashboard .balance__info.open {
    left: -300px;
    opacity: 1;
    z-index: 1;
    visibility: visible
}

body.dashboard .balance__info-item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 115px;
    padding: 10px 15px;
    border-bottom: 2px solid #fff
}

body.dashboard .balance__info-item:last-child {
    border: 0
}

body.dashboard .balance__info-item-row {
    position: relative;
    display: flex;
    align-items: center
}

body.dashboard .balance__info-item-row+.balance__info-item-row {
    margin-top: 15px
}

body.dashboard .balance__info-item-row p {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
    line-height: 1
}

body.dashboard .balance__info-item-row b {
    font-size: 14px;
    font-weight: 600
}

body.dashboard .balance__info-item-row span {
    font-size: 20px;
    padding-top: 5px
}

body.dashboard .balance__info-item-row sup {
    font-size: 10px
}

body.dashboard .balance__info-item-row .btn {
    min-width: 110px;
    min-height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    padding: 0 5px;
    border: 0
}

body.dashboard .statistics {
    position: relative
}

body.dashboard .statistics__table {
    position: relative;
    width: 100%;
    margin-top: 50px
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__table tr {
        display: flex;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__table tr+tr {
        margin-top: 40px
    }
}

body.dashboard .statistics__table th {
    height: 50px;
    padding: 0 25px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    background-color: #f1edf3;
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__table th {
        display: none
    }
}

body.dashboard .statistics__table td {
    height: 90px;
    vertical-align: middle;
    padding: 5px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background-color: #fff;
    border: 1px solid #f7f7f7;
}

body.dashboard .statistics__table .stat--deposit {
    padding-left: 16px;
    padding-right: 8px;
    border-left: 0px;
}

body.dashboard .statistics__table .stat--timer {
    border-right: 0px;
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__table td {
        display: flex;
        flex-direction: column;
        width: 25%;
        padding: 10px 15px;
        height: auto
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .statistics__table td {
        width: calc(100% / 3)
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .statistics__table td {
        width: 50%
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .statistics__table td {
        width: 100%
    }
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__table td.stat--timer {
        width: 50%
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .statistics__table td.stat--timer {
        width: 100%;
        flex-direction: row;
        align-items: center
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .statistics__table td.stat--timer {
        flex-direction: column;
        align-items: flex-start
    }
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__table td.stat--timer .countdown {
        margin: 0 auto;
        width: auto;
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .statistics__table td.stat--timer .countdown {
        margin-top: 10px
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .statistics__table td.stat--timer .statistics__td-title {
        padding: 0 25px 0 0
    }
}

body.dashboard .statistics__td-title {
    display: none;
    padding-bottom: 10px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #9e9e9e
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__td-title {
        display: block;
        margin: 0 auto;
    }
}

body.dashboard .statistics__deposit {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left
}

@media only screen and (max-width:1770px) {
    body.dashboard .statistics__deposit {
        justify-content: flex-start
    }
}

body.dashboard .statistics__deposit i {
    margin-right: 15px;
    background-color: #f1edf3;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    margin-top: 5px;
}

body.dashboard .statistics__deposit img {
    width: 50px
}

body.dashboard .statistics__deposit p {
    display: flex;
    flex-direction: column;
    line-height: 1
}

body.dashboard .statistics__deposit b {
    line-height: 1.7
}

body.dashboard .statistics__deposit span {
    font-size: 14px
}

body.dashboard .statistics__deposit-open {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left
}

body.dashboard .statistics__deposit-open span {
    padding: 8px 0 5px 0;
    font-size: 14px;
    font-weight: 600
}

body.dashboard .statistics__payment {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: left
}

body.dashboard .statistics__payment p {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    line-height: 1
}

body.dashboard .statistics__payment i {
    margin-left: 10px
}

body.dashboard .statistics__payment img {
    width: 25px
}

body.dashboard .statistics__payment b {
    line-height: 1
}

body.dashboard .deposit {
    position: relative
}

body.dashboard .deposit__plan {
    position: relative
}

body.dashboard .deposit__plan-title {
    position: relative;
    margin-top: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #333
}

body.dashboard .deposit__plan-slider {
    position: relative;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:1199px) {
    body.dashboard .deposit__plan-slider {
        width: 100%
    }
}

body.dashboard .deposit__plan-slider .owl-nav {
    position: absolute;
    top: 15px;
    left: -80px;
    height: 100%;
    width: calc(100% + 160px);
    z-index: 0
}

@media only screen and (max-width:1199px) {
    body.dashboard .deposit__plan-slider .owl-nav {
        position: relative;
        width: 100%;
        left: 0;
        top: auto;
        margin-top: 15px
    }
}

body.dashboard .deposit__plan-slider .owl-stage-outer {
    z-index: 1
}

body.dashboard .deposit__plan-slider .owl-next,
body.dashboard .deposit__plan-slider .owl-prev {
    position: absolute;
    width: 80px;
    min-height: 190px;
    background-color: #efefef
}

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

    body.dashboard .deposit__plan-slider .owl-next,
    body.dashboard .deposit__plan-slider .owl-prev {
        min-height: auto;
        background-color: transparent;
        border: 0 !important;
        width: 40px
    }
}

body.dashboard .deposit__plan-slider .owl-next:after,
body.dashboard .deposit__plan-slider .owl-prev:after {
    background-position: center center
}

body.dashboard .deposit__plan-slider .owl-prev {
    left: 0;
    border-right: 1px solid #fff
}

body.dashboard .deposit__plan-slider .owl-next {
    right: 0;
    border-left: 1px solid #fff
}

body.dashboard .deposit__plan-slider-item {
    position: relative;
    width: calc((100% - 6px) / 4);
    margin-top: 2px;
}

body.dashboard .deposit__plan-slider-item input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    cursor: pointer
}

body.dashboard .deposit__plan-slider-item label {
    position: relative;
    display: flex;
    align-items: flex-start;
    min-height: 190px;
    padding: 15px 28px;
    background-color: #f1edf3;
    cursor: pointer
}

body.dashboard .deposit__plan-slider-item label:before {
    box-shadow: none !important
}

body.dashboard .deposit__plan-slider-item label:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 1;
    transition: all .2s ease-in-out
}

body.dashboard .deposit__plan-slider-item label>* {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:1770px) {
    body.dashboard .deposit__plan-slider-item {
        width: calc((100% - 4px) / 3);
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .deposit__plan-slider-item label {
        padding: 15px
    }

    body.dashboard .deposit__plan-slider-item {
        width: calc((100% - 2px) / 2);
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit__plan-slider-item label {
        display: block;
    }
}

body.dashboard .deposit__plan-slider-item input[type=radio]:checked+label,
body.dashboard .deposit__plan-slider-item label:hover {
    color: #fff;
    opacity: 1
}

body.dashboard .deposit__plan-slider-item input[type=radio]:checked+label:before,
body.dashboard .deposit__plan-slider-item label:hover:before {
    opacity: 1;
    visibility: visible;
}

body.dashboard .deposit__plan-slider-item input[type=radio]:checked+label:before {
    height: calc(100% + 30px);
    width: calc(100% + 30px);
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
}

body.dashboard .deposit__plan-slider-item input[type=radio]:checked+label b,
body.dashboard .deposit__plan-slider-item input[type=radio]:checked+label span,
body.dashboard .deposit__plan-slider-item label:hover b,
body.dashboard .deposit__plan-slider-item label:hover span {
    color: #fff
}

body.dashboard .deposit__plan-slider-item input[type=radio]:disabled+label {
    opacity: .3
}

body.dashboard .deposit__plan-slider-item .slider-item--start {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-right: 25px;
    max-width: 130px;
}

body.dashboard .deposit__plan-slider-item .slider-item--start .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background-color: #fff;
    width: 60px;
    height: 60px;
}

body.dashboard .deposit__plan-slider-item .slider-item--start img {
    width: auto;
    max-width: 50px;
    margin-top: 5px
}

body.dashboard .deposit__plan-slider-item .slider-item--start span {
    margin: 6px 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit__plan-slider-item .slider-item--end {
        margin-left: 0px;
        text-align: center;
    }
}

body.dashboard .deposit__plan-slider-item .slider-item--end p {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 600
}

body.dashboard .deposit__plan-slider-item .slider-item--end p+p {
    margin-top: 30px
}

body.dashboard .deposit__plan-slider-item .slider-item--end b {
    font-weight: 600
}

body.dashboard .deposit__switch {
    position: relative;
    margin-top: 60px;
    margin-bottom: 50px
}

body.dashboard .deposit__switch ul {
    display: flex;
    justify-content: center
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit__switch ul {
        flex-direction: column;
        justify-content: flex-start
    }

    body.dashboard .deposit__plan-slider-item .slider-item--end p+p {
        margin-top: 5px;
    }

    body.dashboard .deposit__plan-slider-item .slider-item--start {
        padding-right: 0px;
    }
}

body.dashboard .deposit__switch li {
    margin: 10px 20px
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit__switch li {
        margin: 15px 0
    }
}

body.dashboard .deposit__shield {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1000px;
    min-height: 75px;
    margin: 0 auto;
    background-color: #f1edf3;
    z-index: 5;
}

body.dashboard .deposit__shield .select-group {
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 1;
}

body.dashboard .deposit__shield .input-group {
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
}

body.dashboard .deposit__shield .input-group--amount {
    z-index: 1;
}

@media only screen and (max-width:1399px) {
    body.dashboard .deposit__shield {
        flex-direction: column
    }
}

body.dashboard .deposit__shield .input-group label {
    position: absolute;
    max-width: 132px;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #9e9e9e;
    z-index: 2
}

body.dashboard .deposit__shield .input-group input,
body.dashboard .deposit__shield .input-group span {
    min-height: 75px;
    padding-left: 162px;
    padding-right: 30px;
    text-align: right;
    box-shadow: none;
    color: #333;
    font-size: 25px
}

body.dashboard .deposit__shield .input-group--balance span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #efefef;
    font-weight: 300
}

body.dashboard .deposit__shield .input-group--amount input {
    color: #333
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit__shield .select-group {
        max-width: none;
        width: 100%
    }
}

body.dashboard .deposit__shield .select-group .selectric {
    min-height: 75px
}

body.dashboard .deposit__result {
    position: relative;
    min-height: 430px;
    margin-top: -35px;
    padding: 80px 0;
    background-color: #fff
}

body.dashboard .deposit__result ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

body.dashboard .deposit__result li {
    display: flex;
    justify-content: center;
    width: 25%;
    padding: 0;
    margin-top: 40px;
    border-right: 1px solid #efefef
}

body.dashboard .deposit__result li:last-child {
    border: 0
}

@media only screen and (max-width:1770px) {
    body.dashboard .deposit__result li {
        width: 50%;
        padding: 30px;
        margin: 0;
        justify-content: center;
        text-align: center
    }

    body.dashboard .deposit__result li:nth-child(2) {
        border-right: 0
    }

    body.dashboard .deposit__result li:nth-child(-n+2) {
        border-bottom: 1px solid #efefef
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit__result li {
        width: 100%;
        justify-content: flex-start;
        border-right: 0
    }

    body.dashboard .deposit__result li:nth-child(-n+3) {
        border-bottom: 1px solid #efefef
    }
}

body.dashboard .deposit__result-item {
    display: flex;
    flex-direction: column;
    text-align: left;
    overflow: hidden;
    padding: 0 30px;
}

body.dashboard .deposit__result-item img {
    max-width: 80px
}

body.dashboard .deposit__result-item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 11px;
    background-color: #f7f7f7;
}

body.dashboard .deposit__result-item b {
    font-size: 17px;
    font-weight: 600;
    margin-top: 20px;
    color: #333
}

body.dashboard .deposit__result-item sup {
    font-size: .6em
}

/*body.dashboard .deposit__result-item span {*/
/*    white-space: nowrap*/
/*}*/

body.dashboard .deposit__result-item .title-h3 {
    margin-top: 15px;
    line-height: 1
}

body.dashboard .deposit__result-item .title-h5 {
    font-weight: 600
}

body.dashboard .deposit__btn {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -33px
}

body.dashboard .deposit__btn .btn {
    width: 100%;
    max-width: 240px
}

body.dashboard .deposit-archive {
    position: relative
}

body.dashboard .deposit-archive__slider {
    position: relative;
    width: calc(100% - 160px);
    margin: 0 auto;
    margin-top: 40px
}

@media only screen and (max-width:1199px) {
    body.dashboard .deposit-archive__slider {
        width: 100%
    }
}

body.dashboard .deposit-archive__slider .owl-nav {
    position: absolute;
    top: 15px;
    left: -80px;
    height: 100%;
    width: calc(100% + 160px);
    z-index: 0
}

@media only screen and (max-width:1199px) {
    body.dashboard .deposit-archive__slider .owl-nav {
        position: relative;
        width: 100%;
        left: 0;
        top: auto;
        margin-top: 15px
    }
}

body.dashboard .deposit-archive__slider .owl-stage-outer {
    z-index: 1
}

body.dashboard .deposit-archive__slider .owl-next,
body.dashboard .deposit-archive__slider .owl-prev {
    position: absolute;
    width: 80px;
    min-height: 160px;
    background-color: #f1edf3;
}

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

    body.dashboard .deposit-archive__slider .owl-next,
    body.dashboard .deposit-archive__slider .owl-prev {
        min-height: auto;
        background-color: transparent;
        border: 0 !important;
        width: 40px
    }
}

body.dashboard .deposit-archive__slider .owl-next:after,
body.dashboard .deposit-archive__slider .owl-prev:after {
    background-position: center center
}

body.dashboard .deposit-archive__slider .owl-prev {
    left: 0;
    border-right: 1px solid #fff
}

body.dashboard .deposit-archive__slider .owl-next {
    right: 0;
    border-left: 1px solid #fff
}

body.dashboard .deposit-archive__slider-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 160px;
    padding: 15px 50px 15px 15px;
    margin: 15px 0;
    background-color: #f1edf3;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

@media only screen and (max-width:1399px) {
    body.dashboard .deposit-archive__slider-item {
        padding: 15px
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit-archive__slider-item {
        justify-content: flex-start
    }
}

body.dashboard .deposit-archive__slider-item:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffc600;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.dashboard .deposit-archive__slider-item>* {
    position: relative;
    z-index: 1
}

body.dashboard .deposit-archive__slider-item:hover {
    color: #fff;
    opacity: 1
}

body.dashboard .deposit-archive__slider-item:hover:before {
    opacity: 1;
    visibility: visible;
    height: calc(100% + 30px);
    width: calc(100% + 0);
    top: -15px;
    bottom: -15px;
    left: 0;
    right: 0
}

body.dashboard .deposit-archive__slider-item:hover img {
    filter: brightness(0) invert(1)
}

body.dashboard .deposit-archive__slider-item:hover .icon img {
    filter: none;
}

body.dashboard .deposit-archive__slider-item:hover b,
body.dashboard .deposit-archive__slider-item:hover span {
    color: #fff
}

body.dashboard .deposit-archive__slider-item-start {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 80px
}

body.dashboard .deposit-archive__slider-item-start img {
    width: auto;
    max-width: 50px;
}

body.dashboard .deposit-archive__slider-item-start .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background-color: #fff;
    width: 60px;
    height: 60px;
}

body.dashboard .deposit-archive__slider-item-start span {
    margin: 7px 0 10px 0;
    font-size: 17px;
    font-weight: 600;
    color: #333
}

@media only screen and (max-width:767px) {
    body.dashboard .deposit-archive__slider-item-end {
        margin-left: 20px
    }
}

body.dashboard .deposit-archive__slider-item-end p {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 600
}

body.dashboard .deposit-archive__slider-item-end p+p {
    margin-top: 5px
}

body.dashboard .modal.modal--deposit-open {
    max-width: 880px;
    background-color: #f1edf3;
    padding: 70px
}

@media only screen and (max-width:991px) {
    body.dashboard .modal.modal--deposit-open {
        padding: 40px 15px
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .modal.modal--deposit-open .carousel__button.is-close {
        right: 0
    }
}

body.dashboard .modal.modal--deposit-confirm {
    background-color: #f1edf3;
    padding: 60px 60px 90px 60px
}

@media only screen and (max-width:991px) {
    body.dashboard .modal.modal--deposit-confirm {
        padding: 40px 15px
    }
}

body.dashboard .deposit-open {
    position: relative
}

body.dashboard .deposit-open__amount {
    position: relative
}

body.dashboard .deposit-open__amount ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

body.dashboard .deposit-open__amount li {
    width: 50%;
    padding: 0 10px
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__amount li {
        width: 100%
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__amount li+li {
        margin-top: 20px
    }
}

body.dashboard .deposit-open__amount-separator {
    position: absolute;
    width: auto !important;
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5
}

body.dashboard .deposit-open__amount-separator i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #ffc600;
}

body.dashboard .deposit-open__amount-separator img {
    max-width: 25px;
    filter: brightness(0) invert(1)
}

body.dashboard .deposit-open__amount-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    width: 100%;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .deposit-open__amount-item img {
    max-width: 130px
}

body.dashboard .deposit-open__amount-item .title-h5 {
    color: #9e9e9e;
    line-height: 1
}

body.dashboard .deposit-open__amount-item .title-h3 {
    color: #dfad00;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-top: 20px
}

body.dashboard .deposit-open__stats {
    position: relative;
    margin-top: 15px
}

body.dashboard .deposit-open__stats ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

body.dashboard .deposit-open__stats li {
    width: calc(100% / 3);
    padding: 0 10px;
    margin-top: 20px
}

body.dashboard .deposit-open__stats li:last-child {
    width: 100%;
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__stats li {
        width: 100%
    }
}

body.dashboard .deposit-open__stats-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 80px;
    width: 100%;
    padding: 0 30px;
    background-color: #fff;
    color: #333;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .deposit-open__stats-item.copyContainer {
    padding-right: 70px;
}

body.dashboard .deposit-open__stats-item.copyContainer .copyBtn {
    width: 70px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

body.dashboard .deposit-open__stats-item b {
    font-size: 14px;
    font-weight: 600;
}

body.dashboard .deposit-open__stats-item .title-h5 {
    max-width: 100%;
    margin-top: 15px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body.dashboard .deposit-open__alert {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    min-height: 80px;
    margin-top: 35px;
    background-color: #efefef;
    text-align: center
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__alert {
        text-align: left
    }
}

body.dashboard .deposit-open__alert p {
    font-size: 14px;
    font-weight: 600;
    color: #9e9e9e
}

body.dashboard .deposit-open__alert b {
    color: #333;
    font-size: 17px;
    font-weight: 600
}

body.dashboard .deposit-open__confirm {
    position: relative;
    margin-top: 60px
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__confirm {
        margin-top: 20px
    }
}

body.dashboard .deposit-open__confirm .checkbox-group {
    text-align: left
}

body.dashboard .deposit-open__confirm .checkbox-group__label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__confirm .checkbox-group__label {
        font-size: 12px
    }
}

body.dashboard .deposit-open__confirm .checkbox-group__marker {
    position: relative;
    height: 34px;
    min-width: 34px;
    background: #ffc600;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .deposit-open__confirm .checkbox-group__marker:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    background-color: #fff
}

body.dashboard .deposit-open__btns {
    position: relative;
    margin-top: 50px
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__btns {
        margin: 0
    }
}

body.dashboard .deposit-open__btns ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

body.dashboard .deposit-open__btns li {
    width: 50%;
    padding: 0 10px;
    margin-top: 20px
}

@media only screen and (max-width:479px) {
    body.dashboard .deposit-open__btns li {
        width: 100%
    }
}

body.dashboard .deposit-open__btns .btn {
    width: 100%
}

body.dashboard .deposit-open__btns .btn:focus {
    outline: 0 !important
}

body.dashboard .deposit-confirm {
    position: relative;
    max-width: 370px;
    margin: 0 auto
}

body.dashboard .deposit-confirm__earn {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center
}

body.dashboard .deposit-confirm__earn .title-h5 {
    color: #9e9e9e;
    line-height: 1
}

body.dashboard .deposit-confirm__earn .title-h2 {
    color: #ffc600;
    line-height: 1;
    font-weight: 400;
    margin-top: 25px
}

body.dashboard .deposit-confirm__stats {
    position: relative;
    margin-top: 40px
}

body.dashboard .deposit-confirm__stats ul {
    position: relative;
    display: flex;
    flex-direction: column
}

body.dashboard .deposit-confirm__stats li {
    margin-top: 20px
}

body.dashboard .deposit-confirm__stats-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80px;
    width: 100%;
    padding: 0 30px;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    text-align: center
}

body.dashboard .deposit-confirm__stats-item b {
    font-size: 14px;
    font-weight: 600
}

body.dashboard .deposit-confirm__stats-item .title-h5 {
    margin-top: 15px;
    line-height: 1
}

body.dashboard .deposit-confirm__btn {
    position: relative;
    margin-top: 45px
}

body.dashboard .deposit-confirm__btn .btn {
    width: 100%
}

body.dashboard .deposit-confirm__btn .btn:focus {
    outline: 0 !important
}

body.dashboard .deposit-confirm__link {
    position: relative;
    margin-top: 35px
}

body.dashboard .deposit-confirm__link a {
    font-size: 17px;
    color: #ffc600;
    font-weight: 400;
    text-decoration: underline
}

body.dashboard .db-graph {
    position: relative;
    z-index: 5
}

body.dashboard .db-graph__shield {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 800px;
    min-height: 70px;
    margin: 0 auto;
    padding-right: 35px;
    background-color: #f1edf3;
    z-index: 5
}

@media only screen and (max-width:1399px) {
    body.dashboard .db-graph__shield {
        padding-right: 15px
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .db-graph__shield {
        flex-direction: column;
        padding: 0
    }
}

body.dashboard .db-graph__shield .select-group {
    max-width: 240px;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

@media only screen and (max-width:767px) {
    body.dashboard .db-graph__shield .select-group {
        max-width: none;
        width: 100%
    }
}

body.dashboard .db-graph__shield .select-group .selectric {
    min-height: 70px
}

@media only screen and (max-width:767px) {
    body.dashboard .db-graph .tabs__nav {
        margin: 20px 10px
    }
}

body.dashboard .db-graph .tabs__nav ul {
    margin: 0 -5px
}

@media only screen and (max-width:1199px) {
    body.dashboard .db-graph .tabs__nav ul {
        justify-content: flex-end
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .db-graph .tabs__nav ul {
        justify-content: center
    }
}

body.dashboard .db-graph .tabs__nav li {
    padding: 0 5px;
    margin: 5px 0
}

body.dashboard .db-graph .tabs__nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    background-color: #fff
}

body.dashboard .db-graph .tabs__nav a.active {
    background-color: #ffc813;
    opacity: 1
}

body.dashboard .db-graph .tabs__body {
    position: relative;
    width: 100%;
    padding: 80px 40px 40px 40px;
    margin-top: -35px;
    background-color: #fff
}

@media only screen and (max-width:1399px) {
    body.dashboard .db-graph .tabs__body {
        padding: 60px 15px 40px 15px
    }
}

body.dashboard .db-graph__payment {
    position: relative
}

body.dashboard .db-graph__payment ul {
    display: flex;
    flex-wrap: wrap
}

body.dashboard .db-graph__payment li {
    display: flex;
    flex-direction: column;
    margin-right: 50px
}

body.dashboard .db-graph__payment li b {
    padding-top: 5px;
    font-weight: 600;
    font-size: 14px
}

body.dashboard .db-graph__chart {
    position: relative;
    width: 100%;
    margin-top: 30px
}

body.dashboard .db-graph__chart .highcharts-tooltip span {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    text-align: center
}

body.dashboard .db-graph__chart .highcharts-tooltip .value {
    font-size: 25px;
    font-weight: 400
}

body.dashboard .partners {
    position: relative
}

body.dashboard .partners__wrap {
    position: relative;
    padding: 60px 0;
}

@media only screen and (max-width:767px) {
    body.dashboard .partners__wrap {
        padding: 30px 0 60px 0
    }
}

body.dashboard .partners__list {
    position: relative
}

body.dashboard .partners__list_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(300 / 370 * 100%);
    height: calc(300 / 370 * 100%);
}

body.dashboard .partners__list_content li{
    display: none;
}

body.dashboard .partners__list_content li.active{
    display: block;
}

body.dashboard .partners__list ul {
    display: flex;
    flex-wrap: wrap
}

body.dashboard .partners__list li {
    position: relative;
    display: flex;
    align-items: center;
    width: 50%;
    height: 130px;
    margin: 25px 0;
    background-color: rgba(255, 255, 255, .75);
    cursor: pointer;
    transition: all .3s ease
}

body.dashboard .partners__list li:hover {
    opacity: .8
}

body.dashboard .partners__list li h2 {
    display: none
}

@media only screen and (max-width:1770px) {
    body.dashboard .partners__list li {
        padding: 0 15px !important
    }

    body.dashboard .partners__list li h4 {
        max-width: 180px
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .partners__list li h4 {
        max-width: 120px;
        font-size: 17px;
        line-height: 1.5
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .partners__list li h4 {
        max-width: 100px;
        font-size: 15px
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .partners__list li {
        width: 100%;
        margin: 10px 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center !important;
        text-align: left !important;
        border-right: 0 !important;
        border-left: 2px solid transparent
    }

    body.dashboard .partners__list li h4 {
        max-width: none;
        font-size: 17px
    }

    body.dashboard .partners__list li h2 {
        display: flex;
        width: 100%;
        padding-top: 10px
    }
}

body.dashboard .partners__list li:nth-child(odd) {
    justify-content: flex-start;
    padding-left: 80px;
    border-left: 2px solid transparent
}

body.dashboard .partners__list li:nth-child(even) {
    justify-content: flex-end;
    padding-right: 80px;
    border-right: 2px solid transparent;
    text-align: right
}

body.dashboard .partners__list li.item--total.active {
    border-color: #fe6603;
}

body.dashboard .partners__list_content li.item--total,
body.dashboard .partners__list li.item--total h2,
body.dashboard .partners__list li.item--total h4 {
    color: #fe6603;
}

body.dashboard .partners__list li.item--earned.active {
    border-color: #8db35a;
}

body.dashboard .partners__list_content li.item--earned,
body.dashboard .partners__list li.item--earned h2,
body.dashboard .partners__list li.item--earned h4 {
    color: #8db35a;
}

body.dashboard .partners__list li.item--active.active {
    border-color: #ffc600;
}

body.dashboard .partners__list_content li.item--active,
body.dashboard .partners__list li.item--active h2,
body.dashboard .partners__list li.item--active h4 {
    color: #ffc600;
}

body.dashboard .partners__list li.item--inactive.active {
    border-color: #666
}

body.dashboard .partners__list_content li.item--inactive,
body.dashboard .partners__list li.item--inactive h2,
body.dashboard .partners__list li.item--inactive h4 {
    color: #666
}

body.dashboard .partners__graph {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 370px;
    height: 370px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 5;
    max-width: 100%;
}

body.dashboard .partners__graph figure{
    width: 100%;
    pointer-events: none;
}

@media only screen and (max-width:767px) {
    body.dashboard .partners__graph {
        position: relative;
        transform: none;
        top: auto;
        left: auto;
        margin: 0 auto 30px auto;
        width: 300px;
        height: 300px;
    }
}

body.dashboard .partners__graph .highcharts-tooltip {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    margin: 0 0 0 -10px;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center
}

body.dashboard .partners__graph .highcharts-tooltip>span {
    position: relative !important
}

body.dashboard .partners__graph .highcharts-tooltip>span {
    opacity: 1;
    pointer-events: none !important
}

body.dashboard .partners__list_content .title{
    line-height: 30px;
}

body.dashboard .partners__list_content .value{
    line-height: 1;
    margin-top: 20px;
}

body.dashboard .partners__list_content .title,
body.dashboard .partners__graph .highcharts-tooltip .title {
    display: block;
    font-weight: 600;
    font-size: 20px
}

body.dashboard .partners__list_content .value,
body.dashboard .partners__graph .highcharts-tooltip .value {
    display: block;
    font-size: 50px;
    font-weight: 400
}

body.dashboard .partners__figure {
    position: relative;
    width: 100%
}

body.dashboard .partners__figure .highcharts-tooltip span {
    color: #fff;
    text-align: center
}

body.dashboard .partners__figure .highcharts-tooltip .title {
    font-weight: 400;
    font-size: 12px
}

body.dashboard .partners__figure .highcharts-tooltip .value {
    font-size: 25px;
    font-weight: 400
}

body.dashboard .referral-link {
    position: relative;
    z-index: 1;
}

body.dashboard .referral-link__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #f1edf3;
    padding: 0 15px
}

body.dashboard .referral-link__wrap label {
    padding-top: 50px;
    font-size: 20px;
    font-weight: 600;
    color: #333
}

body.dashboard .referral-link__wrap input {
    width: 100%;
    font-size: 25px;
    padding-top: 25px;
    text-decoration: underline;
    background: 0 0;
    text-align: center;
    border: 0;
    color: #dfad00;
    font-weight: 400;
    word-wrap: break-word;
    word-break: break-all
}

@media only screen and (max-width:1199px) {
    body.dashboard .referral-link__wrap input {
        font-size: 15px
    }
}

body.dashboard .referral-link__wrap .btn {
    width: 100%;
    max-width: 200px;
    margin: 60px auto -30px auto;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .operations {
    position: relative
}

body.dashboard .operations .pagination {
    margin-top: 50px
}

body.dashboard .operations__filter {
    position: relative;
    padding: 25px 35px;
    margin-top: 30px;
    background-color: #f1edf3;
}

@media only screen and (max-width:767px) {
    body.dashboard .operations__filter {
        padding: 25px 15px
    }
}

body.dashboard .operations__filter-list {
    position: relative;
    display: flex;
    margin: 0 -15px
}

@media only screen and (max-width:1770px) {
    body.dashboard .operations__filter-list {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .operations__filter-list {
        flex-direction: column
    }
}

body.dashboard .operations__filter-item {
    position: relative;
    display: flex;
    padding: 0 15px
}

body.dashboard .operations__filter-item label {
    color: #333
}

body.dashboard .operations__filter-item .select-group .selectric .label {
    color: #9e9e9e
}

body.dashboard .operations__filter-item .btn {
    align-self: flex-end;
    min-width: 60px;
    padding: 0
}

@media only screen and (max-width:1399px) {
    body.dashboard .operations__filter-item .btn {
        min-width: 60px;
        width: 100%;
    }
}

body.dashboard .operations__filter-item .btn i {
    margin: 0
}

@media only screen and (max-width:1199px) {
    body.dashboard .operations__filter-item.filter-item--status {
        margin-bottom: 25px
    }
}

body.dashboard .operations__filter-item.filter-item--status .select-group {
    width: 190px
}

@media only screen and (max-width:1199px) {
    body.dashboard .operations__filter-item.filter-item--status .select-group {
        width: 100%
    }
}

body.dashboard .operations__filter-item.filter-item--date {
    display: flex;
    width: 35%;
    margin: 0 -10px
}

@media only screen and (max-width:1770px) {
    body.dashboard .operations__filter-item.filter-item--date {
        width: 50%;
        margin-bottom: 25px
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .operations__filter-item.filter-item--date {
        width: auto;
        flex: auto;
        justify-content: space-between
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .operations__filter-item.filter-item--date {
        flex-direction: column
    }
}

body.dashboard .operations__filter-item.filter-item--date .select-group {
    width: calc(100% / 3);
    padding: 0 10px
}

@media only screen and (max-width:479px) {
    body.dashboard .operations__filter-item.filter-item--date .select-group {
        width: 100%;
        margin-bottom: 15px
    }
}

body.dashboard .operations__table {
    position: relative;
    margin-top: 50px
}

@media only screen and (max-width:1770px) {
    body.dashboard .operations__table {
        overflow-x: auto
    }

    body.dashboard .operations__table::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    body.dashboard .operations__table::-webkit-scrollbar-thumb {
        background: rgba(119, 119, 119, .3);
        border-radius: 6px
    }

    body.dashboard .operations__table::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 6px
    }
}

body.dashboard .operations__table table {
    position: relative;
    width: 100%;
    table-layout: fixed
}

@media only screen and (max-width:1770px) {
    body.dashboard .operations__table table {
        min-width: 1200px
    }
}

body.dashboard .operations__table table th {
    height: 50px;
    padding: 0 10px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    background-color: #f1edf3;
}

body.dashboard .operations__table table td {
    height: 60px;
    vertical-align: middle;
    padding: 5px 25px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #f7f7f7
}

body.dashboard .operations__table table .td--operation {
    font-size: 17px
}

body.dashboard .operations__table table .td--date span {
    padding-left: 10px
}

body.dashboard .operations__table table .td--amount {
    font-size: 25px;
    font-weight: 300;
    color: #dfad00;
}

body.dashboard .operations__table table .td--pay img {
    width: 25px;
    margin: -2px 5px 0 0
}

body.dashboard .operations__table table .td--batch {
    font-size: 14px;
    font-weight: 400;
    word-break: break-all;
}

body.dashboard .operations__table table .td--status {
    font-size: 17px
}

body.dashboard .operations__table table td.td--info {
    font-size: 12px;
    line-height: 1.5;
    color: #9e9e9e
}

body.dashboard .security {
    position: relative
}

body.dashboard .security__pass {
    position: relative;
    margin-top: 50px;
    padding: 55px 60px 60px 60px;
    background-color: #f1edf3;
}

@media only screen and (max-width:1770px) {
    body.dashboard .security__pass {
        padding: 55px 30px 60px 30px
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .security__pass {
        padding: 30px 15px
    }
}

body.dashboard .security__pass-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px
}

body.dashboard .security__pass-group {
    position: relative;
    width: calc(100% / 3);
    padding: 0 25px;
    margin-top: 50px
}

@media only screen and (max-width:1770px) {
    body.dashboard .security__pass-group {
        width: 50%;
        align-self: flex-end
    }
}

@media only screen and (max-width:1770px) {
    body.dashboard .security__pass-group {
        width: 100%
    }
}

body.dashboard .security__pass-group .btn {
    width: 100%
}

body.dashboard .security__pass-group .social-sharing--styled li {
    margin: 0
}

body.dashboard .security__auth {
    position: relative;
    margin-top: 60px;
    padding: 60px;
    background-color: #f1edf3;
}

@media only screen and (max-width:1770px) {
    body.dashboard .security__auth {
        padding: 60px 30px
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .security__auth {
        padding: 30px 15px
    }
}

body.dashboard .security__auth-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px
}

body.dashboard .security__auth-block {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 25px
}

body.dashboard .security__auth-block.block--start {
    width: 430px
}

@media only screen and (max-width:1770px) {
    body.dashboard .security__auth-block.block--start {
        width: 100%;
        margin-bottom: 50px
    }
}

body.dashboard .security__auth-block.block--end {
    flex: 1 1 0
}

body.dashboard .security__auth-block.block--end .security__auth-group {
    max-width: 380px
}

@media only screen and (max-width:1770px) {
    body.dashboard .security__auth-block.block--end .security__auth-group {
        max-width: none
    }
}

body.dashboard .security__auth-group:not(:last-child) {
    margin-bottom: 25px
}

body.dashboard .security__auth-group label {
    color: #333
}

body.dashboard .security__auth-group .btn {
    width: 100%;
    margin-top: 25px
}

body.dashboard .security__auth-confirm {
    position: relative;
    display: flex;
    flex-direction: column
}

body.dashboard .security__auth-confirm-item {
    position: relative;
    display: flex;
    align-items: center
}

body.dashboard .security__auth-confirm-item:first-child {
    margin-bottom: 20px
}

body.dashboard .security__auth-confirm-item i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 65px;
    min-height: 65px;
    font-size: 24px;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .security__auth-confirm-item p {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-top: 5px;
    line-height: 1.7;
    word-wrap: break-word;
    word-break: break-all
}

body.dashboard .security__auth-confirm-item p span {
    font-size: 17px;
    font-weight: 600
}

body.dashboard .security__auth-confirm-item p b {
    font-size: 20px;
    font-weight: 600
}

body.dashboard .security__auth-twostep {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: auto
}

@media only screen and (max-width:1770px) {
    body.dashboard .security__auth-twostep-title {
        margin-top: 30px
    }
}

body.dashboard .security__auth-twostep-title h5 {
    line-height: 1
}

body.dashboard .security__auth-twostep-text {
    margin-top: 30px
}

body.dashboard .security__auth-twostep-text p {
    font-size: 15px
}

body.dashboard .security__auth-twostep-qr {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 25px
}

@media only screen and (max-width:479px) {
    body.dashboard .security__auth-twostep-qr {
        flex-direction: column;
        align-items: flex-start
    }
}

body.dashboard .security__auth-twostep-qr i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 185px;
    min-height: 185px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .security__auth-twostep-qr i img {
    width: 100%
}

body.dashboard .security__auth-twostep-qr p {
    padding-left: 20px;
    padding-top: 5px;
    line-height: 1.7
}

@media only screen and (max-width:479px) {
    body.dashboard .security__auth-twostep-qr p {
        padding: 0;
        margin-top: 20px
    }
}

body.dashboard .security__auth-twostep-qr p b {
    display: block;
    font-size: 15px;
    font-weight: 600
}

body.dashboard .security__auth-twostep-qr p a {
    font-size: 20px;
    font-weight: 600;
    color: #ffc600;
    text-decoration: underline
}

body.dashboard .settings {
    position: relative
}

body.dashboard .settings__form {
    position: relative;
    margin-top: 50px;
    padding: 55px 60px 60px 60px;
    background-color: #efefef
}

@media only screen and (max-width:1770px) {
    body.dashboard .settings__form {
        padding: 55px 30px 60px 30px
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .settings__form {
        padding: 30px 15px
    }
}

body.dashboard .settings__form-notice {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px
}

body.dashboard .settings__form-notice-group {
    position: relative;
    padding: 0 30px;
    width: 50%;
    margin-bottom: 40px
}

@media only screen and (max-width:1770px) {
    body.dashboard .settings__form-notice-group {
        width: 100%
    }
}

body.dashboard .settings__form-notice-item {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 5px 15px;
    background-color: #efefef;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 600
}

body.dashboard .settings__form-notice-item i {
    font-size: 22px;
    margin-right: 16px
}

body.dashboard .settings__form-notice-item.tx-success {
    border-color: #85cd13
}

body.dashboard .settings__form-notice-item.tx-info {
    border-color: #8b8b8b
}

body.dashboard .settings__form-notice-item.tx-danger {
    border-color: #cf1c1c
}

body.dashboard .settings__form-notice-item.tx-warning {
    border-color: #e2ab34
}

body.dashboard .settings__form-pre {
    display: flex;
    margin-left: -25px;
    margin-right: -25px;
}

body.dashboard .settings__form-partner {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(100% / 3);
    padding: 0 25px;
}

@media only screen and (max-width:1770px) {
    body.dashboard .settings__form-partner {
        margin-bottom: 30px;
        width: 50%;
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .settings__form-partner {
        width: 100%;
    }

    body.dashboard .settings__form-pre {
        display: block;
    }
}

body.dashboard .settings__form-partner b {
    font-size: 17px;
    font-weight: 600
}

body.dashboard .settings__form-partner .val,
body.dashboard .settings__form-partner a {
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px
}

body.dashboard .settings__form-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px
}

body.dashboard .settings__form-block {
    position: relative;
    width: calc(100% / 3);
    padding: 0 25px;
    margin-top: 40px
}

@media only screen and (max-width:1770px) {
    body.dashboard .settings__form-block {
        width: 100%;
        margin-top: 0
    }
}

body.dashboard .settings__form-block.form-block--100 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0
}

body.dashboard .settings__form-block.form-block--100 .settings__form-group {
    width: calc(100% / 3);
    padding: 0 15px;
    margin: 0
}

@media only screen and (max-width:1770px) {
    body.dashboard .settings__form-block.form-block--100 .settings__form-group {
        width: 50%;
        margin-top: 30px;
        padding: 0
    }
}

@media only screen and (max-width:1399px) {
    body.dashboard .settings__form-block.form-block--100 .settings__form-group {
        width: 100%
    }
}

body.dashboard .settings__form-block.form-block--100 .btn {
    width: 100%
}

body.dashboard .settings__form-group {
    position: relative;
    margin-bottom: 25px
}

body.dashboard .settings__form-group.form-group--date {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    margin-bottom: 25px
}

body.dashboard .settings__form-group.form-group--date .select-group {
    padding: 0 5px;
    width: calc(100% / 3)
}

body.dashboard .settings__form-group.form-group--date .input-group {
    padding: 0 5px;
    width: 100%
}

body.dashboard .settings__form-group .input-group i {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    right: 0;
    width: 65px;
    height: 65px
}

body.dashboard .settings__form-group .input-group i img {
    max-width: 25px
}

body.dashboard .settings__form-group .select-group label {
    color: #333
}

body.dashboard .withdraw {
    position: relative
}

body.dashboard .withdraw .pagination {
    margin-top: 50px
}

body.dashboard .withdraw [data-toggle-target] {
    display: none
}

body.dashboard .withdraw__table {
    position: relative;
    margin-top: 50px
}

@media only screen and (max-width:1770px) {
    body.dashboard .withdraw__table {
        overflow-x: auto
    }

    body.dashboard .withdraw__table::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    body.dashboard .withdraw__table::-webkit-scrollbar-thumb {
        background: rgba(119, 119, 119, .3);
        border-radius: 6px
    }

    body.dashboard .withdraw__table::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 6px
    }
}

body.dashboard .withdraw__table table {
    position: relative;
    width: 100%;
    table-layout: fixed
}

@media only screen and (max-width:1770px) {
    body.dashboard .withdraw__table table {
        min-width: 1300px
    }
}

body.dashboard .withdraw__table table tr[data-toggle] {
    cursor: pointer;
    transition: all .3s ease
}

body.dashboard .withdraw__table table tr[data-toggle]:hover>td {
    opacity: .8
}

body.dashboard .withdraw__table table tr[data-toggle].active>td {
    background: #ffc600;
    color: #fff;
    transition: all .3s ease
}

body.dashboard .withdraw__table table tr[data-toggle].active>td img {
    filter: brightness(0) invert(1)
}

body.dashboard .withdraw__table table th {
    height: 50px;
    padding: 0 10px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    background-color: #f1edf3;
}

body.dashboard .withdraw__table table td {
    height: 60px;
    vertical-align: middle;
    padding: 5px 30px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    transition: all .3s ease
}

body.dashboard .withdraw__table table .td--collapse {
    position: relative;
    padding: 35px 65px;
    background-color: #f1edf3;
}

@media only screen and (max-width:1770px) {
    body.dashboard .withdraw__table table .td--collapse {
        padding: 30px
    }
}

body.dashboard .withdraw__table table .td--pay {
    font-size: 17px
}

body.dashboard .withdraw__table table .td--pay img {
    width: 25px;
    margin: -2px 5px 0 0
}

body.dashboard .withdraw__table table .td--amount,
body.dashboard .withdraw__table table .td--balance {
    font-size: 25px;
    font-weight: 300
}

body.dashboard .withdraw__table table .td--balance {
    color: #dfad00;
}

body.dashboard .withdraw__table table .td--commission {
    font-size: 17px;
    color: #dfad00;
}

body.dashboard .withdraw__system {
    position: relative;
    display: flex;
    justify-content: space-between
}

body.dashboard .withdraw__system:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 32px;
    height: 65px;
    width: 2px;
    background-color: #fff
}

body.dashboard .withdraw__system-block {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 50%;
    margin: 0 -30px
}

body.dashboard .withdraw__system-item {
    position: relative;
    padding: 0 30px
}

body.dashboard .withdraw__system-amount {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 300px
}

body.dashboard .withdraw__system-amount .withdraw__system-btn {
    display: none;
}

@media only screen and (max-width:1770px) {
    body.dashboard .withdraw__system-btn {
        display: none;
    }
    body.dashboard .withdraw__system-amount .withdraw__system-btn {
        display: block;
    }
}

body.dashboard .withdraw__system-amount label {
    font-size: 17px
}

body.dashboard .withdraw__system-amount .wallet-group {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px
}

body.dashboard .withdraw__system-amount .wallet-group span {
    font-size: 15px;
    font-weight: 600
}

body.dashboard .withdraw__system-amount .wallet-group b {
    font-size: 12px;
    font-weight: 600;
    line-height: 1
}

body.dashboard .withdraw__system-amount .wallet-group a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 45px;
    text-align: center;
    color: #fff;
    background: #ffc600;
    font-size: 24px
}

body.dashboard .withdraw__system-comiss,
body.dashboard .withdraw__system-display {
    position: relative;
    padding-top: 35px
}

body.dashboard .withdraw__system-comiss b,
body.dashboard .withdraw__system-display b {
    font-size: 17px;
    font-weight: 600
}

body.dashboard .withdraw__system-comiss h4,
body.dashboard .withdraw__system-display h4 {
    margin-top: 10px;
    color: #dfad00;
    white-space: nowrap
}

body.dashboard .withdraw__system-comiss span,
body.dashboard .withdraw__system-display span {
    padding-left: 10px;
    font-weight: 300
}

body.dashboard .withdraw__system-btn {
    position: relative;
    padding-top: 32px
}

body.dashboard .withdraw__system-btn .btn {
    min-width: 250px;
    width: 100%
}

body.dashboard .referral {
    position: relative
}

body.dashboard .referral .referral-link {
    margin-top: 50px
}

body.dashboard .referral__stats {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    margin: 0 -25px
}

body.dashboard .referral__stats-block {
    position: relative;
    width: 50%;
    padding: 0 25px;
    margin-top: 50px
}

body.dashboard .refStats {
    width: calc(100% - 50px);
    margin-left: 25px;
    padding: 50px 36px 60px;
    overflow: hidden;
}

body.dashboard .refStats .owl-item {
    opacity: 0;
    transition: opacity 0.2s 0.2s;
}

body.dashboard .refStats .owl-prev,
body.dashboard .refStats .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

body.dashboard .refStats .owl-nav {
    position: static;
}

body.dashboard .refStats .owl-prev {
    left: 0;
}

body.dashboard .refStats .owl-next {
    right: 0;
}

body.dashboard .refStats .owl-item.active {
    opacity: 1;
    transition: opacity 0.2s;
}

body.dashboard .refStats .owl-stage-outer {
    overflow: visible;
}

body.dashboard .refStats .referral__stats-block {
    width: 100%;
    margin-top: 0px;
}

body.dashboard .referral__stats-block.refStat {
    width: calc(492 / 1420 * 100%);
}

body.dashboard .refLevels {
    width: calc(928 / 1420 * 100%);
}

@media only screen and (max-width:1770px) {
    body.dashboard .referral__stats-block {
        width: 100%
    }

    body.dashboard .referral__stats-block.refStat {
        width: 100%;
    }
}

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

    body.dashboard .refStats .owl-prev,
    body.dashboard .refStats .owl-next {
        position: relative;
        top: auto;
        transform: none;
    }

    body.dashboard .refStats .owl-prev {
        left: auto;
    }

    body.dashboard .refStats .owl-next {
        right: auto;
    }

    body.dashboard .refStats .owl-nav {
        margin-top: 40px;
        padding: 0 25px;
    }

    body.dashboard .refStats {
        width: auto;
        margin-left: -10px;
        margin-right: -10px;
        padding: 50px 10px;
    }
}

body.dashboard .referral__stats-levels,
body.dashboard .referral__stats-totals {
    position: relative;
    display: flex;
    flex-direction: column
}

body.dashboard .referral__stats-levels li {
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    break-inside: avoid;
    column-gap: 16px;
}

body.dashboard .referral__stats-levels {
    columns: 2;
    display: block;
}

body.dashboard .referral__stats-totals li {
    background-color: #f1edf3;
}

body.dashboard .referral__stats-levels li,
body.dashboard .referral__stats-totals li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    min-height: 80px;
}

body.dashboard .referral__stats-levels li+li,
body.dashboard .referral__stats-totals li+li {
    margin-top: 7px
}

body.dashboard .referral__stats-levels img,
body.dashboard .referral__stats-totals img {
    width: 50px
}

body.dashboard .referral__stats-levels p,
body.dashboard .referral__stats-totals p {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    color: #333
}

body.dashboard .referral__stats-levels b,
body.dashboard .referral__stats-totals b {
    font-weight: 600;
    font-size: 14px
}

body.dashboard .referral__stats-levels .title-h4,
body.dashboard .referral__stats-totals .title-h4 {
    line-height: 1;
    padding-top: 6px
}

body.dashboard .referral__stats-levels li {
    justify-content: space-between;
    padding: 10px 30px
}

@media only screen and (max-width:1399px) {
    body.dashboard .referral__stats-levels {
        columns: auto;
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .referral__stats-levels li {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px
    }
}

body.dashboard .referral__stats-levels p {
    padding: 0
}

@media only screen and (max-width:479px) {
    body.dashboard .referral__stats-levels p {
        flex-direction: row;
        align-items: center;
        padding: 5px 0;
        line-height: 1
    }
}

body.dashboard .referral__stats-levels b {
    color: #9e9e9e
}

@media only screen and (max-width:479px) {
    body.dashboard .referral__stats-levels .title-h4 {
        padding-top: 0;
        padding-left: 15px;
        line-height: 1
    }
}

body.dashboard .referral__stats-quick {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    padding: 50px 60px 35px 71px;
}

body.dashboard .referral__stats-quick.active {
    background-color: #dfad00;
}

body.dashboard .referral__stats-quick.active .referral__stats-quick-wrap p,
body.dashboard .referral__stats-quick.active .referral__stats-quick-wrap .title-h3,
body.dashboard .referral__stats-quick.active .referral__stats-quick-wrap .title-h4,
body.dashboard .referral__stats-quick.active .referral__stats-quick-wrap .stats-quick--down,
body.dashboard .referral__stats-quick.active .referral__stats-quick-wrap li {
    color: #fff;
}

body.dashboard .referral__stats-quick.active .referral__stats-quick-wrap img {
    filter: brightness(0) invert(1)
}

@media only screen and (max-width:1199px) {
    body.dashboard .referral__stats-quick {
        padding: 30px 40px;
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .referral__stats-quick {
        padding: 30px
    }
}

body.dashboard .referral__stats-quick-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px
}

@media only screen and (max-width:767px) {
    body.dashboard .referral__stats-quick-wrap {
        margin: 0px;
    }
}

body.dashboard .referral__stats-quick-wrap ul {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    color: #333
}

body.dashboard .referral__stats-quick-wrap li {
    display: flex;
    align-items: center
}

body.dashboard .referral__stats-quick-wrap li+li {
    margin-top: 33px
}

body.dashboard .referral__stats-quick-wrap .stats-quick--down {
    width: 100%;
    margin-top: 45px;
    text-align: center;
    color: #333;
}

body.dashboard .referral__stats-quick-wrap .stats-quick--down>* {
    font-weight: normal;
}

body.dashboard .referral__stats-quick-wrap .stats-quick--end {
    margin-top: 17px;
}

@media only screen and (max-width:1199px) {
    body.dashboard .referral__stats-quick-wrap .stats-quick--end {
        margin-top: 0px;
    }
}

@media only screen and (max-width:991px) {
    body.dashboard .referral__stats-quick-wrap .stats-quick--end {
        width: auto;
        margin-top: 0px;
    }
}

@media only screen and (max-width:767px) {
    body.dashboard .referral__stats-quick-wrap li+li {
        margin-top: 30px
    }

    body.dashboard .referral__stats-quick-wrap .stats-quick--down {
        margin-top: 20px;
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .referral__stats-quick-wrap .stats-quick--end {
        width: 100%
    }
}

body.dashboard .referral__stats-quick-wrap img {
    width: 50px
}

body.dashboard .referral__stats-quick-wrap p {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    color: #333
}

body.dashboard .referral__stats-quick-wrap b {
    font-weight: 600;
    font-size: 16px
}

body.dashboard .referral__stats-quick-wrap .title-giant {
    line-height: 0;
    padding-top: 30px
}

@media only screen and (max-width:1199px) {
    body.dashboard .referral__stats-quick-wrap .title-giant {
        line-height: 1;
        padding-top: 0px;
        margin-top: 0px;
    }

    body.dashboard .referral__stats-quick-wrap ul {
        padding: 0;
    }
}

body.dashboard .referral__stats-quick-wrap .title-h3 {
    font-size: 30px;
    line-height: 1
}

body.dashboard .referral__stats-quick-wrap .title-h4 {
    line-height: 1
}

body.dashboard .referral__tabs {
    position: relative;
}

body.dashboard .referral__tabs .tabs__nav {
    display: flex;
    align-items: center
}

@media only screen and (max-width:1199px) {
    body.dashboard .referral__tabs .tabs__nav {
        flex-direction: column;
        align-items: flex-start
    }
}

body.dashboard .referral__tabs .tabs__nav h4 {
    margin-right: 30px
}

@media only screen and (max-width:1199px) {
    body.dashboard .referral__tabs .tabs__nav h4 {
        margin-bottom: 20px
    }
}

body.dashboard .referral__tabs .tabs__nav a:not(.active) {
    background-color: #fff
}

body.dashboard .referral__table {
    position: relative;
    margin-top: 40px
}

@media only screen and (max-width:1770px) {
    body.dashboard .referral__table {
        overflow-x: auto
    }

    body.dashboard .referral__table::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    body.dashboard .referral__table::-webkit-scrollbar-thumb {
        background: rgba(119, 119, 119, .3);
        border-radius: 6px
    }

    body.dashboard .referral__table::-webkit-scrollbar-track {
        background: 0 0;
        border-radius: 6px
    }
}

body.dashboard .referral__table table {
    position: relative;
    width: 100%;
    table-layout: fixed
}

@media only screen and (max-width:1770px) {
    body.dashboard .referral__table table {
        min-width: 1300px
    }
}

body.dashboard .referral__table table tbody tr {
    cursor: pointer
}

body.dashboard .referral__table table tr:hover>td {
    background: #ffc600;
    color: #fff;
    transition: all .3s ease
}

body.dashboard .referral__table table tr:hover>td a {
    color: #fff
}

body.dashboard .referral__table table tr:hover>td .tx-secondary-darker {
    color: #fff
}

body.dashboard .referral__table table th {
    height: 50px;
    padding: 0 10px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    background-color: #f1edf3;
}

body.dashboard .referral__table table td {
    height: 60px;
    vertical-align: middle;
    padding: 5px 30px;
    font-weight: 600;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #f7f7f7;
    transition: all .3s ease
}

body.dashboard .referral__table table .td--login {
    font-size: 17px
}

body.dashboard .referral__table table .td--date span {
    padding-left: 10px
}

body.dashboard .referral__table table .td--email {
    padding: 5px 25px
}

body.dashboard .referral__table table .td--email a {
    font-size: 12px;
    color: #dfad00;
    text-decoration: underline;
    word-wrap: break-word;
    word-break: break-all
}

body.dashboard .referral__table table .td--level {
    font-size: 17px;
    text-align: center
}

body.dashboard .referral__table table .td--amount {
    font-size: 25px;
    font-weight: 300
}

body.dashboard .exchange__desc {
    position: relative;
    margin-top: 50px
}

body.dashboard .exchange__desc p {
    font-size: 20px;
    line-height: 1.7;
    color: #333
}

body.dashboard .exchange__desc ul {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

body.dashboard .exchange__desc li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 50px;
    min-height: 30px;
    color: #333;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400
}

body.dashboard .exchange__desc li:before {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 30px;
    height: 30px;
    background-image: url(../images/icons/check.png);
    background-repeat: no-repeat;
    background-size: cover
}

body.dashboard .exchange__desc li+li {
    margin-top: 20px
}

body.dashboard .exchange__select {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px
}

body.dashboard .exchange__select-rotate {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 76px;
    margin-left: -38px;
    margin-top: -38px;
    z-index: 1
}

body.dashboard .exchange__select-rotate a {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #333;
    box-shadow: 3px 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .exchange__select-block {
    width: 50%;
    padding: 0 20px;
    margin-top: 40px
}

body.dashboard .exchange__select-item {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 650px;
    padding: 45px 50px;
    background-color: #f9f9f9;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .exchange__select-item-title {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center
}

body.dashboard .exchange__select-item-title p {
    max-width: 390px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    color: #333
}

body.dashboard .exchange__select-item-systems {
    position: relative;
    margin-top: 40px
}

body.dashboard .exchange__select-item-systems ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -5px
}

body.dashboard .exchange__select-item-systems li {
    width: 25%;
    padding: 0 5px;
    margin-top: 10px
}

body.dashboard .exchange__select-item-systems input[type=radio] {
    display: none
}

body.dashboard .exchange__select-item-systems label {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 75px;
    padding: 5px;
    background-color: #ededed;
    transition: opacity .3s;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

body.dashboard .exchange__select-item-systems label:before {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: calc(100% - 40px);
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #7bc900;
    background: linear-gradient(111deg, #7bc900 0, #9bd63e 100%);
    z-index: 0;
    transition: all .2s ease-in-out
}

body.dashboard .exchange__select-item-systems label>* {
    position: relative;
    z-index: 1
}

body.dashboard .exchange__select-item-systems label i {
    display: flex;
    align-items: center;
    min-height: 40px
}

body.dashboard .exchange__select-item-systems label span {
    font-size: 10px;
    font-weight: 400
}

body.dashboard .exchange__select-item-systems label:hover {
    opacity: 1;
    color: #fff
}

body.dashboard .exchange__select-item-systems label:hover:before {
    opacity: 1;
    visibility: visible;
    width: 100%
}

body.dashboard .exchange__select-item-systems input[type=radio]:checked+label img,
body.dashboard .exchange__select-item-systems label:hover img {
    filter: brightness(0) invert(1)
}

body.dashboard .exchange__select-item-systems input[type=radio]:checked+label {
    background-image: linear-gradient(111deg, #7bc900 0, #9bd63e 100%);
    box-shadow: 3px 0 59px 0 rgba(0, 0, 0, .11);
    color: #fff
}

body.dashboard .exchange__select-item-systems input[type=radio]:disabled+label {
    opacity: .3
}

body.dashboard .exchange__select-item-amount {
    position: relative;
    max-width: 430px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto
}

body.dashboard .exchange__select-item-amount input {
    width: 100%;
    min-height: 75px;
    padding: 0 30px 0 110px;
    box-shadow: 3px 0 59px 0 rgba(0, 0, 0, .11);
    background-color: #fff;
    color: #333;
    font-size: 25px;
    font-weight: 600;
    text-align: right
}

body.dashboard .exchange__select-item-amount label {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7
}

body.dashboard .exchange__rate {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px
}

body.dashboard .exchange__rate-block {
    width: 50%;
    padding: 0 20px;
    margin-top: 40px
}

body.dashboard .exchange__rate-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 75px;
    background-color: #efefef;
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11)
}

body.dashboard .exchange__rate-title,
body.dashboard .exchange__rate-value {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333
}

body.dashboard .exchange__rate-title {
    min-width: 250px;
    background-color: #fff;
    font-size: 20px;
    font-weight: 600
}

body.dashboard .exchange__rate-value {
    flex: 1 1 auto;
    font-size: 25px;
    font-weight: 300
}

body.dashboard .exchange__rate-value sup {
    padding: 0 5px
}

body.dashboard .exchange__request {
    position: relative;
    margin: 40px 0;
    background-color: #fff
}

body.dashboard .exchange__request-list {
    position: relative
}

body.dashboard .exchange__request-list ul {
    display: flex;
    flex-wrap: wrap
}

body.dashboard .exchange__request-list li {
    position: relative;
    min-height: 160px;
    width: 25%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #333
}

body.dashboard .exchange__request-list li:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80px;
    background-color: #efefef
}

body.dashboard .exchange__request-list li:last-child:before {
    display: none
}

body.dashboard .exchange__request-list li b {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5
}

body.dashboard .exchange__request-list li span {
    display: inline-flex;
    align-items: center;
    margin-top: 15px;
    font-size: 20px;
    font-weight: 300
}

body.dashboard .exchange__request-list li span i {
    margin: -2px 10px 0 10px
}

body.dashboard .exchange__request-desc {
    display: flex;
    justify-content: center;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600
}

body.dashboard .exchange__request-btn {
    display: flex;
    justify-content: center;
    text-align: center
}

body.dashboard .exchange__request-btn button {
    min-width: 240px;
    margin: 30px 0 -30px 0
}

@media only screen and (max-width:1770px) {
    body.dashboard .exchange__select-item {
        padding: 40px 30px
    }

    body.dashboard .exchange__select-item-systems li {
        width: 50%
    }

    body.dashboard .exchange__rate-title,
    body.dashboard .exchange__rate-value {
        width: 100%;
        min-height: 75px
    }
}

@media only screen and (max-width:1199px) {
    body.dashboard .exchange__select-block {
        width: 100%
    }

    body.dashboard .exchange__select-rotate {
        margin-top: -19px
    }

    body.dashboard .exchange__rate-block {
        width: 100%
    }

    body.dashboard .exchange__request-list li {
        width: 50%
    }

    body.dashboard .exchange__request-list li:nth-child(2):before {
        display: none
    }
}

@media only screen and (max-width:479px) {
    body.dashboard .exchange__select-item {
        padding: 40px 15px
    }

    body.dashboard .exchange__select-item-amount label {
        left: 15px
    }

    body.dashboard .exchange__select-item-amount input {
        padding-right: 15px
    }

    body.dashboard .exchange__request-list li {
        width: 100%
    }

    body.dashboard .exchange__request-list li:before {
        right: 0;
        left: 0;
        top: 100%;
        width: 100%;
        height: 1px;
        transform: none
    }

    body.dashboard .exchange__request-list li:last-child:before,
    body.dashboard .exchange__request-list li:nth-child(2):before {
        display: block
    }

    body.dashboard .exchange__request-desc {
        margin-top: 30px;
        padding: 0 15px
    }
}

body.template .roadmap {
    padding-bottom: 114px;
}

body.template .roadmap .page-title {
    max-width: none;
    margin: 146px 0 45px 0;
}

.roadmapList {
    display: grid;
    grid-template-columns: repeat(5, calc((100% - 324px) / 5));
    grid-template-rows: repeat(2, 1fr);
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    gap: 56px 40px;
    width: 100%;
}

.roadmapContainer {
    display: flex;
    justify-content: center;
    margin: 0 -146px;
    position: relative;
}

.roadmapCard.empty {
    background-color: #fff;
}

.roadmapContainer .emptyCards .roadmapCard {
    position: absolute;
    height: calc(50% - 28px);
    width: calc((100% - 324px) / 5);
}

.roadmapContainer .emptyCards .roadmapCard:first-child {
    top: 0;
    left: calc(164px - 40px);
    transform: translateX(-100%);
}

.roadmapContainer .emptyCards .roadmapCard:nth-child(2) {
    top: 0;
    left: calc(100% + 40px);
}

.roadmapContainer .emptyCards .roadmapCard:nth-child(3) {
    bottom: 0;
    left: -40px;
    transform: translateX(-100%);
}

.roadmapContainer .emptyCards .roadmapCard:nth-child(4) {
    bottom: 0;
    left: calc(100% + 40px - 164px);
}

.roadmapContainer:before {
    content: '';
    display: block;
    position: absolute;
    height: 241px;
    width: 100vw;
    left: calc(50% - 50vw);
    top: 50%;
    transform: translateY(-50%);
    background-color: #f1edf3;
    z-index: -1;
    box-shadow: inset 0px 6px 28px rgba(0, 0, 0, 0.1), inset 0px -6px 28px rgba(0, 0, 0, 0.1);
}

.roadmapCard {
    background-color: #fff;
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.roadmapCard .title {
    display: block;
    font-weight: 600;
    color: #333;
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 10px;
}

.roadmapCard .date {
    display: block;
    color: #fff;
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 6px;
}

.roadmapCard .head {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 16px 5px 8px;
}

.roadmapCard .content {
    position: relative;
    z-index: 2;
}

.roadmapList .item:nth-child(2n+1) {
    grid-row-start: 2;
}

.roadmapList .item:nth-child(2n) .roadmapCard {
    left: 164px;
    width: 100%;
    position: relative;
}

.roadmapCard .head:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 175px;
    z-index: -1;
    background: linear-gradient(to bottom, #4c4952 16%, #ffffff 97%);
}

.roadmapCard.active .head:before {
    background: linear-gradient(to bottom, #ffc600 16%, #ffffff 97%);
}

.roadmapList .item:nth-child(2n) .roadmapCard {
    justify-content: flex-end;
}

.roadmapList .item:nth-child(2n) .head:before {
    transform: scale(1, -1);
    top: auto;
    bottom: 0;
}

.roadmapList .item:nth-child(2n) .head {
    order: 1;
    padding: 8px 5px 16px;
}


.roadmapList .item:nth-child(2n) .head .date {
    order: 1;
    margin-bottom: 0px;
    margin-top: 6px;
}

@media only screen and (max-width:1770px) {
    .roadmapList {
        grid-template-columns: repeat(5, calc((100% - 207px) / 5));
        gap: 28px 20px;
    }

    .roadmapContainer {
        margin: 0px;
    }

    .roadmapCard {
        padding: 20px;
    }

    .roadmapList .item:nth-child(2n) .roadmapCard {
        left: 125px;
    }

    .roadmapCard .content p {
        font-size: 15px;
    }

    .roadmapContainer .emptyCards .roadmapCard:first-child {
        left: calc(125px - 20px);
    }

    .roadmapContainer .emptyCards .roadmapCard {
        height: calc(50% - 14px);
        width: calc((100% - 207px) / 5);
    }

    .roadmapContainer .emptyCards .roadmapCard:nth-child(2) {
        left: calc(100% + 20px);
    }

    .roadmapContainer .emptyCards .roadmapCard:nth-child(3) {
        left: -20px;
    }

    .roadmapContainer .emptyCards .roadmapCard:nth-child(4) {
        left: calc(100% + 20px - 125px);
    }
}

@media only screen and (max-width:1399px) {
    .roadmapList {
        display: block;
        gap: 0px;
        margin: 0px;
        padding: 0 80px;
    }

    .roadmapContainer {
        margin-top: 28px;
    }

    .roadmapList .item:nth-child(2n) .roadmapCard {
        left: 0px;
    }

    .roadmapList .owl-stage-outer {
        overflow: visible;
    }

    .roadmapList .roadmapCard .head img {
        width: auto;
    }

    .roadmapList .owl-stage {
        display: flex;
        align-items: flex-start;
    }

    .roadmapList .item {
        height: 100%;
    }

    .roadmapCard .head {
        height: 142px;
    }

    .roadmapList .owl-item:nth-child(2n) .roadmapCard {
        justify-content: flex-end;
    }

    .roadmapList .owl-item:nth-child(2n) .head:before {
        transform: scale(1, -1);
        top: auto;
        bottom: 0;
    }

    .roadmapList .owl-item:nth-child(2n) .head {
        order: 1;
        padding: 8px 5px 16px;
    }


    .roadmapList .owl-item:nth-child(2n) .head .date {
        order: 1;
        margin-bottom: 0px;
        margin-top: 6px;
    }

    .roadmapContainer .emptyCards {
        display: none;
    }

    .roadmapList .owl-next,
    .roadmapList .owl-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .roadmapList .owl-nav {
        position: static;
    }

    .roadmapList .owl-prev {
        left: 0;
    }

    .roadmapList .owl-next {
        right: 0;
    }

    .roadmapList .owl-item {
        opacity: 0;
        transition: 0.2s;
    }

    .roadmapList .owl-item.active {
        opacity: 1;
    }
}

@media only screen and (max-width:991px) {
    body.template .roadmap .page-title {
        margin: 60px 0 45px 0;
    }
}

@media only screen and (max-width:767px) {
    .roadmapContainer {
        margin-top: 0px;
    }

    .roadmapContainer::before {
        display: none;
    }

    body.template .roadmap {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width:499px) {
    .roadmapList {
        padding: 0px;
    }

    .roadmapList .owl-next,
    .roadmapList .owl-prev {
        position: relative;
        top: 0;
        transform: translateY(0%);
    }

    .roadmapList .owl-nav {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
    }

    .roadmapList .owl-prev {
        left: auto;
    }

    .roadmapList .owl-next {
        right: auto;
    }
}

.aboutCertificate {
    position: relative;
    display: flex;
    padding-top: 90px;
    padding-bottom: 130px;
}

body.template .certificate__image {
    position: relative;
    padding: 50px;
    background-color: #fff;
    max-width: 1012px;
    width: calc(100% - 908px);
    box-shadow: 0 0 59px 0 rgba(0, 0, 0, .11);
    z-index: 1;
}

body.template .certificate__image i {
    display: flex;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

body.template .certificate__info {
    position: relative;
    display: flex;
    align-items: center;
    align-content: stretch;
    width: 908px;
    flex: 1 1 0;
    margin: 60px 0;
    padding: 60px 60px 60px 84px;
    background-color: #f1edf3;
}

body.template .certificate__info-wrap {
    max-width: 570px;
}

body.template .certificate__info-desc {
    margin-top: 40px;
}

.certificateData {
    color: #18171b;
    margin-top: 40px;
}

.certificateData .dataItem+.dataItem {
    margin-top: 38px;
}

.certificateData .btnContainer {
    margin-top: 42px;
}

.certificate__info-wrap .certificatesList {
    position: absolute;
    bottom: 36px;
    right: calc(100% - 36px);
    z-index: 1;
}

.certificatesList {
    background-color: #fff;
    padding: 36px 18px;
    display: flex;
    width: 515px;
}

.certificatesList .certItem {
    padding: 0 18px;
    width: 50%;
}

.certificatesList .certLink {
    display: block;
    position: relative;
    padding-top: calc(286 / 203 * 100%);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.33);
    transition: box-shadow 0.2s;
}

.certificatesList .certLink:hover {
    box-shadow: 0px 0px 0px transparent;
}

.certificatesList .certLink img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

body.dashboard .security__docs-wrap {
    margin-top: 10px;
}

body.dashboard .security__docs {
    position: relative;
    margin-top: 60px;
    padding: 55px 60px 60px 60px;
    background-color: #f1edf3;
}

body.dashboard .security__docs-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}

body.dashboard .security__docs-group {
    position: relative;
    width: 50%;
    padding: 0 25px;
    margin-top: 25px;
}

.security__docs-files-list {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}

.security__docs-files-list .fileItem {
    width: calc((100% - 120px) / 5);
}

.security__docs-files-list .fileItem input {
    display: none;
}

.security__docs-files-list .fileItem label {
    display: block;
    background-color: #fff;
    padding: 5px;
    cursor: pointer;
}

.security__docs-files-list .fileItem label .title {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 72px;
    background-color: #4c4952;
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    padding: 5px 20px;
    text-align: center;
}

.security__docs-files-list .fileItem label .photo {
    background-image: url(../images/file-placholder-1.png);
}

.security__docs-files-list .fileItem label .selfie {
    background-image: url(../images/file-placholder-2.png);
}

.security__docs-files-list .fileItem label .bill {
    background-image: url(../images/file-placholder-3.png);
}

.security__docs-files-list .fileItem label .imageContainer {
    background-color: #f1edf3;
    padding-top: calc(195 / 214 * 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.security__docs-files-list .fileItem .btn {
    width: 100%;
    margin-top: 20px;
}

.security__docs-btn {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.security__docs-btn .btn {
    min-width: calc((100% - 100px) / 3);
}

@media only screen and (max-width:1770px) {
    body.template .certificate__info {
        width: 600px;
    }

    body.template .certificate__image {
        width: calc(100% - 600px);
    }

    body.dashboard .security__docs-group {
        width: 100%;
    }

    .security__docs-files-list {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: -15px;
        margin-right: -15px;
    }

    .security__docs-files-list .fileItem {
        width: calc(100% / 3);
        padding: 30px 15px 0px;
    }

    .security__docs-files-list {
        margin-top: 30px;
    }

    body.dashboard .security__docs {
        padding: 55px 30px;
    }

    .security__docs-btn .btn {
        min-width: 100%;
    }
}

@media only screen and (max-width:1399px) {
    .security__docs-files-list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .security__docs-files-list .fileItem {
        width: calc(100% / 3);
        padding: 20px 10px 0px;
    }

    .security__docs-files-list {
        margin-top: 30px;
    }

    .security__docs-files-list .fileItem .btn {
        margin-top: 10px;
    }
}

@media only screen and (max-width:1199px) {
    body.template .certificate__info {
        width: 100%;
        padding: 60px 15px;
        margin: 0px;
    }

    body.template .certificate__image {
        display: none;
    }

    body.template .certificate__info-wrap {
        max-width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .aboutCertificate {
        flex-direction: column;
        padding-top: 0px;
        padding-bottom: 80px;
    }

    body.template .certificate__image i {
        height: 600px;
    }

    .certificate__info-wrap .certificatesList {
        position: relative;
        bottom: auto;
        right: auto;
        width: 50%;
    }

    .certificatesList {
        width: 450px;
    }

    .certificateData {
        width: 50%;
        padding-right: 60px;
    }

    .security__docs-files-list .fileItem {
        width: 50%;
    }
}

@media only screen and (max-width:767px) {
    body.template .certificate__info-wrap {
        display: block;
    }

    .certificate__info-wrap .certificatesList {
        width: 100%;
        margin-top: 40px;
    }

    .certificatesList {
        width: 100%;
        max-width: 450px;
    }

    .certificateData {
        width: 100%;
        padding-right: 0px;
    }

    body.dashboard .security__docs {
        padding: 30px 15px;
    }
}

@media only screen and (max-width:479px) {
    .certificatesList {
        padding: 20px 10px;
    }

    .certificatesList .certItem {
        padding: 0 10px;
    }

    .security__docs-files-list .fileItem {
        max-width: 220px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

[data-clipboard-message] {
    display: none;
    color: #8acf1e;
    font-size: 0.8em;
    margin-left: 5px;
}