a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=)
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

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

@font-face {
    font-family: fico;
    src: url(../fonts/icons/fico.eot);
    src: url(../fonts/icons/fico-1.eot) format("eot"), url(../fonts/icons/fico.woff2) format("woff2"), url(../fonts/icons/fico.woff) format("woff"), url(../fonts/icons/fico.ttf) format("truetype"), url(../fonts/icons/fico.svg) format("svg")
}

.fico:before {
    font-family: fico;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.fico-dang-1:before {
    content: "\E001"
}

.fico-dang-2:before {
    content: "\E002"
}

.fico-dang-3:before {
    content: "\E003"
}

.fico-dang-4:before {
    content: "\E004"
}

.fico-dang-5:before {
    content: "\E005"
}

.fico-dang-6:before {
    content: "\E006"
}

.fico-dang-7:before {
    content: "\E007"
}

.fico-eff-1:before {
    content: "\E008"
}

.fico-eff-2:before {
    content: "\E009"
}

.fico-eff-3:before {
    content: "\E00A"
}

.fico-eff-4:before {
    content: "\E00B"
}

.fico-fam-1:before {
    content: "\E00C"
}

.fico-fam-2:before {
    content: "\E00D"
}

.fico-fam-3:before {
    content: "\E00E"
}

.fico-leaf:before {
    content: "\E00F"
}

.fico-molecule:before {
    content: "\E010"
}

.fico-quote:before {
    content: "\E011"
}

.fico-rez-1:before {
    content: "\E012"
}

.fico-rez-2:before {
    content: "\E013"
}

.fico-rez-3:before {
    content: "\E014"
}

.fico-rez-4:before {
    content: "\E015"
}

.fico-rez-5:before {
    content: "\E016"
}

.fico-rez-6:before {
    content: "\E017"
}

.fico-step-1:before {
    content: "\E018"
}

.fico-step-2:before {
    content: "\E019"
}

.fico-step-3:before {
    content: "\E01A"
}

.fico-step-4:before {
    content: "\E01B"
}

.fico-sun:before {
    content: "\E01C"
}

.fico-use-1:before {
    content: "\E01D"
}

.fico-use-2:before {
    content: "\E01E"
}

.fico-use-3:before {
    content: "\E01F"
}

@font-face {
    font-family: DS-DIGIB;
    src: url(../fonts/DS-DIGIB.ttf);
    src: local("DS-DIGIB") url(../fonts/DS-DIGIB.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

body {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #2a2a2a
}

button:active,
button:focus {
    outline: 0 !important
}

.fico {
    display: inline-block;
    font-size: 3rem
}

.fico::before {
    display: block
}

.out {
    margin: 0 auto;
    overflow: hidden
}

.out-blur {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.container {
    width: 320px;
    padding: 0 15px;
    margin: 0 auto
}

.footer {
    background: #e2ffb4 !important;
    color: #2a2a2a !important
}

.title {
    font-size: 1.25rem;
    line-height: 30px
}

.title strong {
    font-weight: 900;
    font-size: 1.5rem
}

.btn {
    display: block;
    width: 250px;
    height: 54px;
    border-radius: 99em;
    background: #e73840;
    color: #fff;
    box-shadow: 0 11px 32px 0 rgba(173, 0, 0, .4);
    padding-right: 105px;
    padding-left: 20px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    font-size: 1.125rem;
    font-weight: 500;
    position: relative
}

.btn:active,
.btn:hover {
    background: #b2060e
}

.btn_green {
    position: relative;
    z-index: 3;
    color: #fff;
    overflow: hidden;
    border-top: 1px solid #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #71c889), to(#71c889));
    background: linear-gradient(90deg, #71c889 0, #71c889 100%);
    box-shadow: 8.485px 8.485px 10px 0 rgba(86, 3, 7, .25), inset -4.145px -2.796px 5px 0 #04a663;
    outline: 0;
    padding: 0
}

.btn_green::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    min-height: 50px;
    border-radius: 99em;
    background: rgba(255, 255, 255, .2);
    top: -50%;
    left: 0
}

.btn_green:active,
.btn_green:hover {
    background: #3b8e52
}

.btn__sale {
    position: absolute;
    top: 50%;
    right: 27px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.countdown {
    position: relative;
    padding-right: 105px;
    min-height: 53px;
    padding: 6px 0;
    color: #fff
}

.countdown__title {
    font-weight: 700;
    padding-right: 110px
}

.countdown__title h4 {
    font-size: 1.25rem;
    line-height: 1
}

.countdown__title p {
    font-size: .875rem
}

.countdown__numbs {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: DS-DIGIB, Roboto, sans-serif;
    font-size: 3.5rem;
    letter-spacing: 2px
}

.countdown .passive {
    opacity: .5
}

.sale {
    text-shadow: 0 0 16px #fff;
    color: #fff;
    border-radius: 50%;
    font-weight: 900
}

.sale span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    border-radius: 50%;
    background: #e73840;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.sale_sm {
    width: 77px;
    height: 77px;
    font-size: 1.625rem
}

.sale_sm span {
    border: 2px solid #fff
}

.sale_lg {
    width: 107px;
    height: 107px;
    font-size: 2.25rem
}

.sale_lg span {
    border: 5px solid #fff
}

.pulse {
    position: absolute;
    width: calc(100% - 4px);
    border-radius: 50%;
    z-index: 1;
    top: 2px;
    bottom: 2px;
    left: 2px;
    -webkit-animation: pulsing 2.5s ease-in-out infinite;
    animation: pulsing 2.5s ease-in-out infinite
}

.pulse_1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.pulse_2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.pulse-white {
    background: rgba(0, 0, 0, 0);
    border: 3px solid #fff
}

.pulse-red {
    background: rgba(0, 0, 0, 0);
    border: 3px solid #f12010
}

.slick-dots li {
    display: inline-block
}

.slick-dots button {
    font-size: 0;
    padding: 0;
    margin: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 0 14px;
    background: 0 0
}

.slick-active button {
    position: relative
}

.slick-active button::before {
    display: block;
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.slick-next,
.slick-prev {
    position: absolute;
    font-size: 0;
    border: none;
    background: 0 0;
    width: 25px;
    height: 25px;
    top: 130px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-prev {
    left: -10px
}

.slick-next {
    right: -10px
}

@-webkit-keyframes pulsing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes pulsing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

.primary-counter {
    background: #44a05c;
    color: #fff;
    box-shadow: 4.95px 4.95px 32px 0 rgba(0, 0, 0, .29)
}

.primary-wrap {
    padding: 15px 0 20px;
    position: relative
}

.primary__title {
    max-width: 195px;
    position: relative;
    z-index: 3;
    line-height: 1
}

.primary-list {
    max-width: 160px;
    padding: 35px 0;
    position: relative
}

.primary-list__item {
    font-weight: 500;
    line-height: 1.5;
    position: relative;
    padding: 8px 0 8px 20px;
    z-index: 4
}

.primary-list__item .fico {
    position: absolute;
    top: 5px;
    left: 0;
    color: #70bf46;
    font-size: 1.3rem;
    z-index: 2
}

.primary-list__item_last .fico-molecule {
    color: #e5e5e5;
    font-size: 7.63rem;
    top: -46px;
    left: -9px;
    z-index: 0
}

.primary-list__item_last span {
    position: relative;
    z-index: 2
}

.primary__prod {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}

.primary__btn {
    position: relative;
    z-index: 4;
    margin: 0 auto
}

.prod-leaf {
    width: 260px;
    height: 260px;
    background: #d9f2df;
    border-radius: 50%;
    position: absolute
}

.prod-leaf__img {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: 35px;
    -webkit-transform: translateX(-75%);
    transform: translateX(-75%)
}

.prod-leaf__back {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 60px;
    margin-left: -35px
}

.dangers {
    padding: 30px 0 35px
}

.dangers__title {
    text-align: center
}

.danger__text {
    max-width: 200px;
    text-align: center;
    margin: 0 auto;
    line-height: 1.5;
    position: relative;
    z-index: 3
}

.cause {
    width: 100%;
    position: relative
}

.cause .fico {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%
}

.cause-1__bg,
.cause-2__bg,
.cause-3__bg {
    position: relative;
    left: 50%;
    z-index: 3
}

.cause-1 {
    padding-top: 60px
}

.cause-1__bg {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cause-1 .fico-dang-1 {
    font-size: 4.4rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: -150px;
    margin-left: -147px
}

.cause-1 .fico-dang-2 {
    font-size: 4rem;
    margin-left: 97px;
    margin-top: -50px
}

.cause-2 {
    padding-top: 50px
}

.cause-2__bg {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%)
}

.cause-2 .fico-dang-3 {
    font-size: 4.4rem;
    margin-left: -185px;
    margin-top: -100px
}

.cause-2 .fico-dang-4 {
    font-size: 4.75rem;
    margin-left: 27px;
    margin-top: -128px
}

.cause-3 {
    padding-top: 70px
}

.cause-3__bg {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cause-3 .fico-dang-5 {
    font-size: 4.9rem;
    margin-left: 22px;
    margin-top: -115px
}

.cause-3 .fico-dang-6 {
    font-size: 3.5rem;
    margin-left: -125px;
    margin-top: 118px
}

.cause-3 .fico-dang-7 {
    font-size: 4.7rem;
    margin-left: 83px;
    margin-top: 21px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.loupe {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 4;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.loupe img {
    position: relative;
    z-index: 2
}

.loupe-11 {
    margin-top: -120px;
    margin-left: -97px
}

.loupe-12 {
    margin-top: 30px;
    margin-left: -85px
}

.loupe-21 {
    margin-left: -165px;
    margin-top: 23px
}

.loupe-22 {
    margin-top: -20px;
    margin-left: 5px
}

.loupe-31 {
    margin-top: -80px;
    margin-left: -120px
}

.loupe-32 {
    margin-left: 10px;
    margin-top: -10px
}

.animate .loupe {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .5s .1s;
    transition: -webkit-transform .5s .1s;
    transition: transform .5s .1s;
    transition: transform .5s .1s, -webkit-transform .5s .1s
}

.animate .loupe-12,
.animate .loupe-22,
.animate .loupe-32 {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.expert {
    padding: 100px 0 45px
}

.expert__text {
    line-height: 1.5
}

.expert-data {
    padding-top: 35px;
    text-align: right;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    line-height: 1.5;
    position: relative
}

.expert-data::before {
    position: absolute;
    content: "";
    display: block;
    width: 153px;
    height: 111px;
    background: url(../img/aptograph.png);
    left: 0;
    top: 0
}

.expert-data__name {
    max-width: 145px;
    margin-bottom: 10px;
    font-weight: 500
}

.expert-data__profession {
    max-width: 225px
}

.face {
    min-height: 307px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.face::before {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/expert-bg.png);
    width: 779px;
    height: 650px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -49%);
    transform: translate(-50%, -49%)
}

.face__title {
    font-weight: 500;
    font-size: 1.25rem;
    max-width: 180px;
    position: relative;
    z-index: 2
}

.face__quote {
    padding-top: 46px;
    font-weight: 500;
    font-style: italic;
    max-width: 170px;
    text-align: center;
    line-height: 1.5;
    position: relative;
    z-index: 2
}

.face__quote .fico {
    font-size: 2.23rem;
    color: #4c7cc3;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.face__quote-2 .fico {
    color: #018c21
}

.face__img {
    width: 266px;
    height: 307px;
    position: absolute;
    top: 0;
    right: -35px;
    z-index: 1
}

.face__img::before {
    position: absolute;
    bottom: 0;
    content: '';
    display: block;
    width: 266px;
    height: 266px;
    border-radius: 50%;
    background: #badaf8
}

.face__img-2::before {
    background: #d6f9e2
}

.face__img img {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-46%);
    transform: translateX(-46%)
}

.family {
    padding-top: 55px
}

.family__title {
    text-align: center;
    margin-bottom: 30px
}

.family-wrap {
    position: relative;
    display: -webkit-box;
    display: flex;
    min-height: 575px;
    -webkit-box-align: center;
    align-items: center
}

.family-img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    -webkit-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%)
}

.family-img img {
    position: relative;
    z-index: 2
}

.family-img .fico {
    font-size: 4rem;
    color: #ffc925;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(-59px, 50px) rotate(-45deg);
    transform: translate(-59px, 50px) rotate(-45deg)
}

.family-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.plus {
    text-align: center;
    max-width: 150px;
    padding-top: 90px;
    margin-bottom: 40px;
    position: relative
}

.plus__title {
    font-weight: 700;
    margin-bottom: 10px
}

.plus__text {
    line-height: 1.25
}

.plus__ico {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.circle {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.circle_green {
    background: #e2fde2
}

.circle_yellow {
    background: #fbfac9
}

.circle_yellow .fico {
    font-size: 3.25rem
}

.circle_red {
    background: #fde4e2
}

.circle_red .fico {
    font-size: 3.25rem
}

.animate .family-img .fico {
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
    -webkit-transition: 1s .3s transform;
    transition: 1s .3s transform
}

.components {
    padding: 40px 0
}

.components__title {
    text-align: center;
    margin-bottom: 10px
}

.components-list {
    text-align: center;
    position: relative;
    padding-bottom: 50px
}

.components-list::after,
.components-list::before {
    position: absolute;
    content: "";
    display: block
}

.components-list::before {
    width: 643px;
    height: 231px;
    background: url(../img/component-bg.png);
    z-index: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -60px
}

.components-list::after {
    width: 264px;
    height: 200px;
    background: url(../img/product2.png);
    z-index: -1;
    left: 50%;
    -webkit-transform: translateX(-47%);
    transform: translateX(-47%);
    top: 15px
}

.components .slick-next,
.components .slick-prev {
    top: 250px;
    left: 50%;
    right: auto;
    z-index: 100
}

.components .slick-prev {
    border-left: 3px solid #2a2a2a;
    border-bottom: 3px solid #2a2a2a;
    margin-left: -150px
}

.components .slick-next {
    border-right: 3px solid #2a2a2a;
    border-top: 3px solid #2a2a2a;
    margin-left: 125px
}

.components .slick-active button::before {
    border: 2px solid rgba(42, 42, 42, .5)
}

.components .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%
}

.components .slick-dots button {
    border: 2px solid #2a2a2a
}

.component {
    padding-top: 280px;
    position: relative
}

.component-text__title {
    font-weight: 700;
    margin-bottom: 15px
}

.component-text p {
    line-height: 1.5
}

.component__front {
    position: absolute;
    z-index: 3;
    left: 50%
}

.component__back {
    position: absolute;
    z-index: 1;
    left: 50%
}

.component__img {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 17px;
    margin-left: -124px
}

.component-1 .component__front {
    top: 0;
    -webkit-transform: translateX(-97%);
    transform: translateX(-97%)
}

.component-1 .component__back {
    top: 20px;
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%)
}

.component-2 .component__front {
    top: 150px;
    -webkit-transform: translateX(-72%);
    transform: translateX(-72%)
}

.component-2 .component__back {
    top: 45px;
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%)
}

.component-3 .component__front {
    top: 80px;
    -webkit-transform: translateX(-52%);
    transform: translateX(-52%)
}

.component-3 .component__back {
    top: 60px;
    -webkit-transform: translateX(-55%);
    transform: translateX(-55%)
}

.component-4 .component__front {
    top: 120px;
    -webkit-transform: translateX(-67%);
    transform: translateX(-67%)
}

.component-4 .component__back {
    top: 50px;
    -webkit-transform: translateX(-52%);
    transform: translateX(-52%)
}

.component-5 .component__front {
    top: 134px;
    -webkit-transform: translateX(-67%);
    transform: translateX(-67%)
}

.component-5 .component__back {
    top: 60px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.component-6 .component__front {
    top: 75px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.component-7 .component__front {
    top: 118px;
    -webkit-transform: translateX(-46%);
    transform: translateX(-46%)
}

.component-7 .component__back {
    top: 62px;
    -webkit-transform: translateX(-86%);
    transform: translateX(-86%)
}

.component-8 .component__front {
    top: 143px;
    -webkit-transform: translateX(-58%);
    transform: translateX(-58%)
}

.component-8 .component__back {
    top: 124px;
    -webkit-transform: translateX(-76%);
    transform: translateX(-76%)
}

.component-9 .component__front {
    top: 117px;
    -webkit-transform: translateX(-67%);
    transform: translateX(-67%)
}

.component-9 .component__back {
    top: 78px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.component-10 .component__front {
    top: 124px;
    -webkit-transform: translateX(-69%);
    transform: translateX(-69%)
}

.component-10 .component__back {
    top: 122px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.effects {
    padding-bottom: 30px;
    padding-top: 50px
}

.effects__title {
    text-align: center;
    position: relative;
    z-index: 2
}

.effect {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 120px;
    position: relative;
    margin-top: 50px
}

.effect-img {
    position: absolute;
    top: 50%
}

.effect-img::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    z-index: 1
}

.effect-img .fico {
    position: relative;
    z-index: 2
}

.effect-text {
    position: relative;
    z-index: 2
}

.effect-text__title {
    font-size: 1.75rem;
    font-weight: 900
}

.effect-1,
.effect-3 {
    padding-left: 155px
}

.effect-1 .percent-img,
.effect-3 .percent-img {
    left: 0
}

.effect-1 .effect-img,
.effect-3 .effect-img {
    -webkit-transform: translate(-200px, -50%);
    transform: translate(-200px, -50%);
    opacity: 0
}

.effect-1 .effect-text,
.effect-3 .effect-text {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
    opacity: 0
}

.effect-2,
.effect-4 {
    padding-right: 130px;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.effect-2 .percent-img,
.effect-4 .percent-img {
    right: 0
}

.effect-2 .effect-img,
.effect-4 .effect-img {
    -webkit-transform: translate(200px, -50%);
    transform: translate(200px, -50%);
    opacity: 0
}

.effect-2 .effect-text,
.effect-4 .effect-text {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
    opacity: 0
}

.effect-1 .effect-img {
    left: 5px
}

.effect-1 .effect-img::before {
    width: 64px;
    height: 64px;
    background: #e3c7c6;
    top: -15px;
    left: -20px
}

.effect-1 .fico {
    font-size: 6.3rem
}

.effect-2 .effect-img {
    right: 0
}

.effect-2 .effect-img::before {
    width: 84px;
    height: 84px;
    background: #bfe8d5;
    top: 8px;
    left: -44px
}

.effect-2 .fico {
    font-size: 6.3rem
}

.effect-3 .effect-img {
    left: 0
}

.effect-3 .effect-img::before {
    width: 78px;
    height: 78px;
    background: #fffbd2;
    bottom: -24px;
    right: -24px
}

.effect-3 .fico {
    font-size: 5.8rem
}

.effect-4 .effect-img {
    right: 15px
}

.effect-4 .effect-img::before {
    width: 65px;
    height: 65px;
    background: #bfeaf9;
    top: 3px;
    right: -17px
}

.effect-4 .fico {
    font-size: 6.4rem
}

.animate .effect .effect-img {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    -webkit-transition: .5s all;
    transition: .5s all
}

.animate .effect .effect-text {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: .5s all;
    transition: .5s all
}

.resultat {
    padding: 50px 0 75px
}

.resultat .fico {
    color: #e3e3e3;
    position: absolute
}

.resultat__title {
    text-align: center;
    padding-bottom: 40px;
    position: relative
}

.resultat__title h2 {
    position: relative;
    z-index: 2
}

.resultat__title .fico {
    font-size: 4.7rem;
    bottom: 0;
    right: 0;
    margin-right: 40px
}

.percent {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 120px;
    position: relative;
    margin-top: 10px
}

.percent-img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.percent-img img {
    position: relative;
    z-index: 2
}

.percent-text__number {
    font-size: 2.5rem;
    font-weight: 900
}

.percent-1,
.percent-3,
.percent-5 {
    padding-left: 145px
}

.percent-1 .percent-img,
.percent-3 .percent-img,
.percent-5 .percent-img {
    left: 0
}

.percent-2,
.percent-4 {
    padding-right: 145px;
    -webkit-box-pack: end;
    justify-content: flex-end
}

.percent-2 .percent-img,
.percent-4 .percent-img {
    right: 0
}

.percent-1 .fico {
    font-size: 5.5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: -30px;
    left: -5px
}

.percent-2 .fico {
    font-size: 5.1rem;
    top: -22px;
    left: -15px
}

.percent-3 .fico {
    font-size: 5.1rem;
    top: -38px;
    left: 0
}

.percent-4 .fico {
    font-size: 5.1rem;
    top: -24px;
    left: -15px
}

.percent-5 .fico {
    font-size: 5.1rem;
    bottom: -23px;
    right: -23px
}

.scale {
    position: absolute;
    top: 50%;
    margin-top: -71px;
    left: -10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.scale__rect {
    fill: transparent;
    stroke-width: 10
}

.scale-1__rect {
    stroke-dasharray: 394 34
}

.scale-2__rect {
    stroke-dasharray: 334 94
}

.scale-3__rect {
    stroke-dasharray: 355 73
}

.scale-4__rect {
    stroke-dasharray: 317 111
}

.scale-5__rect {
    stroke-dasharray: 411 17
}

@-webkit-keyframes dash1 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 394 34;
        stroke: #289400
    }
}

@keyframes dash1 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 394 34;
        stroke: #289400
    }
}

@-webkit-keyframes dash2 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 334 94;
        stroke: #71b800
    }
}

@keyframes dash2 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 334 94;
        stroke: #71b800
    }
}

@-webkit-keyframes dash3 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 355 73;
        stroke: #57ab00
    }
}

@keyframes dash3 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 355 73;
        stroke: #57ab00
    }
}

@-webkit-keyframes dash4 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 317 111;
        stroke: #83c100
    }
}

@keyframes dash4 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 317 111;
        stroke: #83c100
    }
}

@-webkit-keyframes dash5 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 411 17;
        stroke: #048200
    }
}

@keyframes dash5 {
    0% {
        stroke-dasharray: 0 428;
        stroke: red
    }

    50% {
        stroke: #ff0
    }

    100% {
        stroke-dasharray: 411 17;
        stroke: #048200
    }
}

.animate .scale-1__rect {
    -webkit-animation: dash1 2s linear forwards;
    animation: dash1 2s linear forwards
}

.animate .scale-2__rect {
    -webkit-animation: dash2 2s linear forwards;
    animation: dash2 2s linear forwards
}

.animate .scale-3__rect {
    -webkit-animation: dash3 2s linear forwards;
    animation: dash3 2s linear forwards
}

.animate .scale-4__rect {
    -webkit-animation: dash4 2s linear forwards;
    animation: dash4 2s linear forwards
}

.animate .scale-5__rect {
    -webkit-animation: dash5 2s linear forwards;
    animation: dash5 2s linear forwards
}

.uses {
    color: #e3e3e3;
    padding: 40px 0 35px
}

.uses__title {
    text-align: center
}

.use {
    position: relative;
    padding: 28px 0;
    opacity: 0
}

.use-text {
    line-height: 1.5rem
}

.use-text__title {
    font-weight: 700;
    margin-bottom: 15px
}

.use .fico {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.use-1 {
    padding-right: 105px;
    -webkit-transform: translateX(200px);
    transform: translateX(200px)
}

.use-1 .fico {
    font-size: 5.6rem;
    -webkit-transform: scaleX(-1) translate(150px, -50%);
    transform: scaleX(-1) translate(150px, -50%);
    right: 5px
}

.use-2 {
    padding-left: 110px;
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px)
}

.use-2 .fico {
    font-size: 5.55rem;
    left: 0;
    -webkit-transform: translate(150px, -50%);
    transform: translate(150px, -50%)
}

.use-3 {
    padding-right: 105px;
    -webkit-transform: translateX(200px);
    transform: translateX(200px)
}

.use-3 .fico {
    font-size: 7rem;
    right: 0;
    -webkit-transform: translate(-150px, -50%);
    transform: translate(-150px, -50%)
}

.animate .use-1,
.animate .use-2,
.animate .use-3 {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.animate .use-1 .fico {
    -webkit-transform: scaleX(-1) translate(0, -50%);
    transform: scaleX(-1) translate(0, -50%);
    opacity: 1;
    -webkit-transition: all .5s .5s;
    transition: all .5s .5s
}

.animate .use-2 .fico,
.animate .use-3 .fico {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    -webkit-transition: all .5s .5s;
    transition: all .5s .5s
}

.action {
    padding-top: 68px
}

.action__title {
    text-align: center;
    margin-bottom: 35px
}

.action-video {
    padding-bottom: 125px;
    position: relative
}

.action-video__leaf {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%)
}

.comments {
    padding: 45px 0;
    color: #fff
}

.comments__title {
    text-align: center;
    margin-bottom: 25px
}

.comments-list {
    text-align: center;
    position: relative;
    padding-bottom: 30px
}

.comments-list::before {
    position: absolute;
    content: "";
    display: block;
    width: 487px;
    height: 490px;
    background: url(../img/comments-bg.png);
    top: -35px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0
}

.comments__btn {
    margin: 40px auto 0
}

.comments .slick-prev {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.comments .slick-next {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff
}

.comments .slick-active button::before {
    border: 2px solid rgba(255, 255, 255, .5)
}

.comments .slick-dots {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.comments .slick-dots button {
    border: 2px solid #fff
}

.comment {
    position: relative;
    z-index: 2;
    padding: 0 15px
}

.comment__ava {
    display: block;
    margin: 0 auto 20px;
    box-shadow: 12px 12px 10px 0 rgba(0, 0, 0, .34);
    border-radius: 50%
}

.comment__name {
    font-style: italic;
    margin-bottom: 10px
}

.comment p {
    line-height: 1.5
}

.steps {
    counter-reset: heading;
    padding: 50px 0 45px
}

.steps__title {
    text-align: center;
    margin-bottom: 28px;
    color: #fff
}

.step {
    text-align: center;
    position: relative;
    margin-top: 0;
    opacity: 0;
    color: #fff
}

.step__text {
    position: relative;
    font-weight: 500;
    line-height: 1.5
}

.step__text::before {
    position: absolute;
    left: 20px;
    display: block;
    font-size: 3rem;
    color: rgba(255, 255, 255, .2);
    font-weight: 700;
    counter-increment: heading;
    content: counter(heading)
}

.step__arrow {
    position: absolute;
    top: 55px;
    width: 0;
    height: 0;
    overflow: hidden
}

.step__arrow img {
    width: 95px;
    height: 91px
}

.step .fico {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.step_1,
.step_3 {
    padding-right: 145px;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
}

.step_1 .step__arrow,
.step_3 .step__arrow {
    left: 130px
}

.step_2,
.step_4 {
    padding-left: 145px;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
}

.step_2 .step__arrow,
.step_4 .step__arrow {
    right: 130px;
    top: 65px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.step_1 {
    margin-top: 0
}

.step_1 .step__text {
    padding-top: 105px
}

.step_1 .step__text::before {
    top: -10px
}

.step_1 .fico {
    top: 0;
    font-size: 4.8rem
}

.step_2 .step__text {
    padding-top: 100px
}

.step_2 .step__text::before {
    top: -10px
}

.step_2 .fico {
    font-size: 4.5rem
}

.step_3 .step__text {
    padding-top: 90px
}

.step_3 .step__text::before {
    top: -30px
}

.step_3 .fico {
    font-size: 4.5rem
}

.step_4 {
    margin-top: 10px
}

.step_4 .step__text {
    padding-top: 90px
}

.step_4 .step__text::before {
    top: -20px
}

.step_4 .fico {
    font-size: 4.3rem;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%)
}

.animate .step_1 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s all;
    transition: .3s all
}

.animate .step_1 .step__arrow {
    -webkit-animation: .3s .3s ArrowAnim forwards;
    animation: .3s .3s ArrowAnim forwards
}

.animate .step_2 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s .6s all;
    transition: .3s .6s all
}

.animate .step_2 .step__arrow {
    -webkit-animation: .3s .9s ArrowAnim forwards;
    animation: .3s .9s ArrowAnim forwards
}

.animate .step_3 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s 1.2s all;
    transition: .3s 1.2s all
}

.animate .step_3 .step__arrow {
    -webkit-animation: .3s 1.5s ArrowAnim forwards;
    animation: .3s 1.5s ArrowAnim forwards
}

.animate .step_4 {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s 1.8s all;
    transition: .3s 1.8s all
}

@-webkit-keyframes ArrowAnim {
    0% {
        width: 0;
        height: 0
    }

    100% {
        width: 95px;
        height: 91px
    }
}

@keyframes ArrowAnim {
    0% {
        width: 0;
        height: 0
    }

    100% {
        width: 95px;
        height: 91px
    }
}

.last-counter {
    background: #e73840;
    box-shadow: 4.95px 4.95px 32px 0 rgba(0, 0, 0, .29)
}

.order {
    width: 290px;
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, .65)), color-stop(80%, rgba(255, 255, 255, .65)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .65) 20%, rgba(255, 255, 255, .65) 80%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 12px 12px 29px 0 rgba(61, 125, 37, .54);
    margin: 67px auto 80px
}

.order::after,
.order::before {
    position: absolute;
    content: "";
    display: block;
    width: 275px;
    height: 192px;
    background: url(../img/order-leaf.png) no-repeat
}

.order::before {
    top: -70px;
    left: -130px
}

.order::after {
    -webkit-transform: rotate(180deg) scale(.9);
    transform: rotate(180deg) scale(.9);
    bottom: -35px;
    right: -110px
}

.order-head {
    padding: 45px 15px 0;
    position: relative
}

.order .discount {
    left: 15px;
    position: absolute;
    top: 45px;
    z-index: 2
}

.order .price {
    border-color: #2a0548;
    line-height: 1;
    padding-left: 85px;
    margin-bottom: 30px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.order .price__new,
.order .price__old {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    font-size: 0
}

.order .price__new {
    color: #2a2a2a
}

.order .price__old {
    color: #2a2a2a;
    opacity: .5;
    font-size: 0;
    margin-right: 5px;
    position: relative;
    font-weight: 700
}

.order .price__old-crossed ::after,
.order .price__old-crossed ::before {
    border-bottom: 1px solid;
    content: "";
    display: block;
    left: 50%;
    margin-left: -40%;
    position: absolute;
    right: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 115%
}

.order .price__old-crossed ::before {
    top: 10px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.order .price__old-crossed ::after {
    bottom: 5px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.order .price__old-currency {
    font-size: 25.5px
}

.order .price__old-cost {
    font-size: 38px;
    line-height: 1.3
}

.order .price__new {
    font-weight: 700
}

.order .price__new-currency {
    font-size: 40px
}

.order .price__new-cost {
    font-size: 57px
}

.order__title {
    font-size: 1.125rem;
    font-weight: 400;
    margin: 0 auto 10px;
    padding: 25px 0 0;
    text-align: center;
    line-height: 1.44
}

.order__title strong {
    font-weight: 700;
    display: block;
    border-bottom: 1px solid #2a2a2a
}

.order .form {
    padding: 0 20px 100px;
    position: relative
}

.order .form__input {
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: #2a2a2a;
    display: block;
    font-size: .875rem;
    height: 38px;
    margin-bottom: 14px;
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .5);
    -webkit-transform: translate3d(0, 0, 0);
    width: 100%
}

.order .form__input:focus {
    outline: 0 !important
}

.order .form__input::-webkit-input-placeholder {
    color: #2a2a2a;
    opacity: .5
}

.order .form__input::-moz-placeholder {
    color: #2a2a2a;
    opacity: .5
}

.order .form__input:-ms-input-placeholder {
    color: #2a2a2a;
    opacity: .5
}

.order .form__input::-ms-input-placeholder {
    color: #2a2a2a;
    opacity: .5
}

.order .form__input::placeholder {
    color: #2a2a2a;
    opacity: .5
}

.order .form__input:focus {
    border-color: #000;
    box-shadow: 0 8px 13px 0 rgba(16, 109, 6, .28)
}

.order .form__input:focus::-webkit-input-placeholder {
    color: #2a2a2a
}

.order .form__input:focus::-moz-placeholder {
    color: #2a2a2a
}

.order .form__input:focus:-ms-input-placeholder {
    color: #2a2a2a
}

.order .form__input:focus::-ms-input-placeholder {
    color: #2a2a2a
}

.order .form__input:focus::placeholder {
    color: #2a2a2a
}

.order .form .al-country {
    display: none
}

.order .form .input-wrapper {
    position: relative
}

.order .form .input-wrapper label {
    display: none
}

.order .form .input-wrapper .form__chec-input {
    display: none
}

.order .form .input-wrapper .form__chec-input:checked+label::before {
    opacity: 1
}

.order .form .input-wrapper .form__chec-label {
    display: inline-block
}

.order .form .input-wrapper .form__chec-label::after,
.order .form .input-wrapper .form__chec-label::before {
    content: "";
    display: block;
    position: absolute
}

.order .form .input-wrapper .form__chec-label::before {
    height: 5px;
    width: 7px;
    left: 5px;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 2px solid #fff;
    border-right: none;
    border-top: none;
    margin-top: -5px;
    opacity: 0;
    z-index: 2
}

.order .form .input-wrapper .form__chec-label::after {
    height: 17px;
    width: 17px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ccc;
    z-index: 1
}

.order .form__text1 {
    color: #959595;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    padding-left: 35px
}

.order .form__text1 a {
    color: inherit;
    text-decoration: underline
}

.order .form-submit {
    position: relative;
    outline: 0;
    cursor: pointer;
    box-shadow: .941px 8.951px 35px 0 rgba(231, 56, 64, .9);
    border: none;
    padding: 0 10px
}

.order .form-submit span {
    position: relative;
    display: block;
    z-index: 2
}

.order .form-submit:disabled {
    cursor: not-allowed;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fda69b), to(#ca8580));
    background: linear-gradient(bottom, #fda69b 0, #ca8580 100%)
}

.order .form-submit-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 65px;
    margin-top: 20px
}

.order .button-wrap {
    margin-top: 25px
}

.icons-secure {
    margin-top: 20px;
    width: 250px;
    height: 42px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center
}

.icons-secure .norton {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzE1LjcgMTMzIj48c3R5bGU+LnN0MntmaWxsOiNhN2E5YWN9LnN0M3tmaWxsOiNmZmMyMGV9PC9zdHlsZT48cGF0aCBkPSJNNTguMyAyNi44Yy0yNyAwLTQ5IDIyLTQ5IDQ5czIyIDQ5IDQ5IDQ5aDIwNC4xYzI3IDAgNDktMjIgNDktNDlzLTIyLTQ5LTQ5LTQ5SDU4LjN6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTI2Mi40IDEyOC45SDU4LjNjLTI5LjMgMC01My4xLTIzLjgtNTMuMS01My4xUzI5IDIyLjYgNTguMyAyMi42aDIwNC4xYzI5LjMgMCA1My4xIDIzLjggNTMuMSA1My4xcy0yMy44IDUzLjItNTMuMSA1My4yTTU4LjMgMjYuOGMtMjcgMC00OSAyMi00OSA0OXMyMiA0OSA0OSA0OWgyMDQuMWMyNyAwIDQ5LTIyIDQ5LTQ5cy0yMi00OS00OS00OUg1OC4zeiIgZmlsbD0iI2M3YzhjYSIvPjxwYXRoIGQ9Ik0yMzcuOSA0NmMtNy45IDAtMTQuMyA2LjQtMTQuMyAxNC40IDAgNy45IDYuNCAxNC4zIDE0LjMgMTQuM3MxNC4zLTYuNCAxNC4zLTE0LjNjLjEtNy45LTYuMy0xNC40LTE0LjMtMTQuNG0wIDIxLjdjLTQuMSAwLTcuNC0zLjMtNy40LTcuNCAwLTQuMSAzLjMtNy40IDcuNC03LjRzNy40IDMuMyA3LjQgNy40YzAgNC4xLTMuMyA3LjQtNy40IDcuNE0xNzIuMSA0NmMtNy45IDAtMTQuMyA2LjQtMTQuMyAxNC40IDAgNy45IDYuNCAxNC4zIDE0LjMgMTQuM3MxNC40LTYuNCAxNC40LTE0LjNTMTgwLjEgNDYgMTcyLjEgNDZtMCAyMS43Yy00LjEgMC03LjQtMy4zLTcuNC03LjQgMC00LjEgMy4zLTcuNCA3LjQtNy40IDQuMSAwIDcuNCAzLjMgNy40IDcuNCAwIDQuMS0zLjMgNy40LTcuNCA3LjRNMjIyLjcgNjguMWMtLjkuMy0yLjMuNS0yLjguNS0yLjUgMC0zLS44LTMtMy4yVjUyLjJoNS45di01LjVoLTUuOXYtNy44aC02LjZsLTEuNCA3LjhoLTVjLTMuOCAwLTYuNiAyLjMtOC40IDUuOWwtMi4zLTUuOWgtNC43djI3LjVoOC4xdi0xMmMwLTYgMy42LTkuOSA3LjgtMTBoNC40djEzLjdjMCA2LjQgMy4zIDguOCA4LjcgOC44IDIuOCAwIDQuOS0uNiA2LjItMWwtMS01LjZ6TTI2Mi4xIDU1LjR2MTguOGgtNy45VjQ2LjdoNC44bDEuNiA0LjIiLz48cGF0aCBkPSJNMjYwLjYgNTAuOWMyLjQtMi44IDUuNy00LjkgOS41LTQuOSA2LjYgMCA5LjIgNS4yIDkuMiAxMC4xdjE4LjFoLTguMVY1Ni4zYzAtMi40LTItMy42LTQuMS0zLjYtMi4zIDAtMy43IDEuMy01IDIuN00xMjYuMiAzNi43aDlsMTIuNCAyMy42VjM2LjdoNy41djM3LjVoLTguMmwtMTMuMi0yNS45djI1LjloLTcuNXoiLz48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzAzLjIgMjIuNlYyNGgtMnY2LjZoLTEuNVYyNGgtMS45di0xLjR6TTMwNC4zIDMwLjZ2LThoMi4xbDEuMyA1LjIgMS40LTUuMmgyLjF2OEgzMTB2LTYuMmgtLjFsLTEuNiA2LjJoLTEuMWwtMS42LTYuMnY2LjJ6TTEyNCAxMDcuNGwxLjktMi45YzEuNSAxLjEgMy44IDIuMiA2LjYgMi4yIDIuNyAwIDQuNC0xLjIgNC40LTMuNCAwLTIuNC0yLjEtMy4xLTUuNi00LjMtMy4xLTEuMS02LjItMi43LTYuMi03LjEgMC00LjEgMy4zLTYuNCA3LjYtNi40IDIuOSAwIDUuMS42IDYuOCAxLjZsLTEuNSAzLjFjLTEuNC0uOC0zLjItMS4zLTUuMi0xLjMtMi40IDAtMy45LjktMy45IDIuOSAwIDIuMyAxLjcgMi44IDQuOSAzLjkgMy4zIDEuMSA3IDIuNiA3IDcuNSAwIDQuMS0zIDYuOC04LjIgNi44LTQgLjEtNi45LTEuMi04LjYtMi42TTE0Ny44IDg2SDE2MnYzLjNoLTEwLjF2Ni41aDhWOTloLTh2Ny41aDEwLjd2My4zaC0xNC44ek0xNjguNCA5Ny45YzAtNyAzLjMtMTIuMyAxMC0xMi4zIDMgMCA1LjMuOSA3IDIuOWwtMi40IDIuN2MtMS40LTEuNC0yLjYtMi4xLTQuNi0yLjEtMy45IDAtNS43IDMuMi01LjcgOS4xIDAgNS41IDEuOSA4LjMgNS43IDguMyAyLjEgMCAzLjYtMS4xIDQuOS0yLjVsMi40IDIuNmMtMS43IDItMy45IDMuNC03LjQgMy40LTYuNy4xLTkuOS01LjEtOS45LTEyLjFNMTkyLjQgMTAwLjdWODZoNC4xdjE1LjRjMCAzLjMuOCA1LjQgNC4zIDUuNCAzLjQgMCA0LjMtMi4xIDQuMy01LjRWODZoNC4xdjE0LjdjMCA1LjktMi4zIDkuNC04LjQgOS40LTYuMiAwLTguNC0zLjUtOC40LTkuNE0yMzMuOSAxMDkuOGgtNC40bC00LjYtMTAuMWgtMy44djEwLjFoLTRWODZoNy44YzQuOCAwIDguNiAxLjcgOC42IDYuOSAwIDMuNi0yLjEgNS40LTQuNSA2LjJsNC45IDEwLjd6bS05LjEtMTMuMmMzIDAgNC42LTEgNC42LTMuNyAwLTIuNi0xLjYtMy42LTQuMy0zLjZoLTMuOHY3LjNoMy41ek0yNDAuOCA4NkgyNTV2My4zaC0xMC4xdjYuNWg4Vjk5aC04djcuNWgxMC43djMuM2gtMTQuOHpNMjYyLjQgODZoNS45YzcuOCAwIDExLjUgNC4yIDExLjUgMTEuOCAwIDcuOC0zLjggMTItMTEuMyAxMmgtNi4yVjg2em01LjcgMjAuNWM1LjYgMCA3LjUtMi42IDcuNS04LjcgMC01LjQtMS41LTguNS03LTguNWgtMi4ydjE3LjJoMS43eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01OC4xIDEzMy4xQzI2LjUgMTMzLjEuOCAxMDcuNC44IDc1LjhjMC0zMS42IDI1LjctNTcuMyA1Ny4zLTU3LjMgMzEuNiAwIDU3LjMgMjUuNyA1Ny4zIDU3LjMgMCAzMS42LTI1LjcgNTcuMy01Ny4zIDU3LjNtMC05Ni41Yy0xMC41IDAtMjAuMyA0LjEtMjcuNyAxMS41LTcuNCA3LjQtMTEuNSAxNy4yLTExLjUgMjcuN3M0LjEgMjAuMyAxMS41IDI3LjdjNy40IDcuNCAxNy4yIDExLjUgMjcuNyAxMS41czIwLjMtNC4xIDI3LjctMTEuNWM3LjQtNy40IDExLjUtMTcuMiAxMS41LTI3LjdzLTQuMS0yMC4zLTExLjUtMjcuN2MtNy40LTcuNC0xNy4yLTExLjUtMjcuNy0xMS41TTEyMC41IDkuNmg0LjV2NC41aC00LjV6TTEyMC41LjdoNC41djQuNWgtNC41ek0xMDggMTRoNC4ydjQuNEgxMDh6Ii8+PHBhdGggZD0iTTk5LjcgMjIuNmg0LjJ2NC4yaC00LjJ6TTExMi4xIDE4LjRoNC43djQuMmgtNC43ek05NS41IDE4LjZoNC4ydjRoLTQuMnpNMTA4IDIyLjZoNC4ydjQuMkgxMDh6TTExNi4xIDUuMmg0LjR2NC40aC00LjR6Ii8+PHBhdGggZD0iTTEwOCA5LjZoOC4yVjE0SDEwOHpNMTAzLjkgMTRoNC4xdjguNmgtNC4xek0xMDMuOSAyNi44VjMxaC00LjJ2LTQuMmgtN3YzSDg5djMuN2g0LjJ2NC4ySDg5di00LjJoLTQuNFY0MGgtNC4ydjQuMmgtMi44djQuMmgtMy4xQzcxIDUzLjYgNjIuNCA2OS41IDU5LjggNzZjLTkuNC0xMy4xLTE2LjctMTguMy0yMi41LTIwLjItMy4xLS45LTYuOCAyLjQtMS43IDcuOCAxMS44IDEzIDE1LjYgMjMuOCAxOS4yIDMyLjQgMS45IDQuNSAxMC40IDUuMiAxMi4xLjYgMy42LTkuOCA4LjktMjAuNyAxNS4yLTI5Ljd2LTQuN2gzLjNWNThIODl2LTQuOWg0LjJ2LTQuN0g4OXYtNC4zaDQuMnY0LjNoNC4xdi00LjJoMy4zdi01LjFoMy43di0zLjVoMy42di04LjloLTR6Ii8+PC9zdmc+) no-repeat;
    background-size: auto;
    background-size: contain;
    display: inline-block;
    width: 100px;
    height: 42px
}

.icons-secure .mc {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDIwNy4yIDc0LjciPjxzdHlsZT4uc3Q5e2ZpbGw6I2ZmZn08L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUuMjIxIiB5MT0iNTkuMjk1IiB4Mj0iNTMuNTgzIiB5Mj0iLTEyLjExMyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNjQ2NTY3Ii8+PHN0b3Agb2Zmc2V0PSIuMDk3IiBzdG9wLWNvbG9yPSIjNzE3Mjc0Ii8+PHN0b3Agb2Zmc2V0PSIuMzE3IiBzdG9wLWNvbG9yPSIjODk4YjhkIi8+PHN0b3Agb2Zmc2V0PSIuNTQiIHN0b3AtY29sb3I9IiM5YTliOWQiLz48c3RvcCBvZmZzZXQ9Ii43NjYiIHN0b3AtY29sb3I9IiNhNGE1YTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNhN2E4YWEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0zNi4yIDc0LjdTLTMuOSA2MS4xLjcgNS40Qy43IDUuNCAxOC40LjMgMzYuMi4zYzE3LjkgMCAzNS4xIDQuOSAzNS43IDUuMSA0LjYgNTUuNy0zNS43IDY5LjMtMzUuNyA2OS4zeiIgZmlsbD0idXJsKCNTVkdJRF8xXykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUxLjI2NyIgeTE9IjM4LjgyMiIgeDI9IjEuNzIiIHkyPSI2LjA0Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjNmM3YzgiLz48c3RvcCBvZmZzZXQ9Ii4wOTIiIHN0b3AtY29sb3I9IiNkY2RkZGQiLz48c3RvcCBvZmZzZXQ9Ii4yMDMiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9Ii4zMTYiIHN0b3AtY29sb3I9IiNmYmZiZmIiLz48c3RvcCBvZmZzZXQ9Ii40MzMiIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9Ii41MzciIHN0b3AtY29sb3I9IiNmNmY3ZjciLz48c3RvcCBvZmZzZXQ9Ii43MDQiIHN0b3AtY29sb3I9IiNkZmRmZTAiLz48c3RvcCBvZmZzZXQ9Ii45MTMiIHN0b3AtY29sb3I9IiNiOWJhYmIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNhN2E4YWEiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0zNi4yIDc0LjdTLTMuOSA2MS4xLjcgNS40Qy43IDUuNCAxOC40LjMgMzYuMi4zYzE3LjkgMCAzNS4xIDQuOSAzNS43IDUuMWwtMy43IDMuMy0zMiA2Mi41djMuNXoiIGZpbGw9InVybCgjU1ZHSURfMl8pIi8+PHBhdGggZD0iTTM2LjIgNzEuMlMtLjEgNTguOSA0IDguNGMwIDAgMTYtNC42IDMyLjItNC42IDE2LjIgMCAzMS44IDQuNCAzMi4zIDQuNiA0LjIgNTAuNC0zMi4zIDYyLjgtMzIuMyA2Mi44eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii41MTQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik0zNi4yIDcxLjJTLS4xIDU4LjkgNCA4LjRjMCAwIDE2LTQuNiAzMi4yLTQuNiAxNi4yIDAgMzEuOCA0LjQgMzIuMyA0LjYgNC4yIDUwLjQtMzIuMyA2Mi44LTMyLjMgNjIuOHoiIGZpbGw9IiNmZmYiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYzLjc4OCIgeTE9IjQ4LjEiIHgyPSIxMS41MzIiIHkyPSIxMi43NTEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzRiNGI0ZCIvPjxzdG9wIG9mZnNldD0iLjAxMyIgc3RvcC1jb2xvcj0iIzRkNGQ0ZiIvPjxzdG9wIG9mZnNldD0iLjI1MyIgc3RvcC1jb2xvcj0iIzY3Njg2YSIvPjxzdG9wIG9mZnNldD0iLjQ5NyIgc3RvcC1jb2xvcj0iIzc5N2E3YyIvPjxzdG9wIG9mZnNldD0iLjc0NCIgc3RvcC1jb2xvcj0iIzgzODQ4NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzg3ODg4YSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTMuOSA3LjlsLS4zLjF2LjRjLTIuMiAyNi4yIDYuOCA0Mi4xIDE0LjcgNTAuNyA4LjYgOS40IDE3LjggMTIuNiAxNy45IDEyLjZsLjIuMS4yLS4xYy4xIDAgOS4zLTMuMiAxNy45LTEyLjZDNjIuMiA1MC40IDcxLjIgMzQuNiA2OSA4LjRWOGwtLjMtLjFjLS4xIDAtMTYtNC42LTMyLjQtNC42LTE2LjEgMC0zMi4yIDQuNi0zMi40IDQuNnptMzIuOC0zLjhjMTUgMCAyOS4yIDMuOSAzMS41IDQuNS4yIDIuNi4zIDUuNi4zIDcuOSAwIDIxLjItNy45IDM0LjctMTQuOSA0Mi4zLTcuOCA4LjUtMTYuMSAxMS45LTE3LjQgMTIuMy0xLjItLjUtOS44LTMuOC0xNy41LTEyLjNDMTEuOCA1MS4zIDQgMzggNCAxNi43YzAtMi4zLjMtNS4zLjUtNy45QzYuOSA4LjIgMjIgNC4xIDM2LjcgNC4xeiIgZmlsbD0idXJsKCNTVkdJRF8zXykiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzRfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEzLjEwNCIgeTE9IjQ1LjY3NCIgeDI9IjU3Ljc4OCIgeTI9IjEzLjc3NyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOGIxMzI1Ii8+PHN0b3Agb2Zmc2V0PSIuNjA3IiBzdG9wLWNvbG9yPSIjY2IwMjMzIi8+PHN0b3Agb2Zmc2V0PSIuNzA4IiBzdG9wLWNvbG9yPSIjY2IwMjMzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGExOTNmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMzYuMiA2NVM1LjcgNTMuOCA5LjIgMTEuNmMwIDAgMTMuNCAxLjEgMjcgMS4xczI2LjctMSAyNy4xLTEuMUM2Ni44IDUzLjggMzYuMiA2NSAzNi4yIDY1eiIgZmlsbD0idXJsKCNTVkdJRF80XykiLz48cmFkaWFsR3JhZGllbnQgaWQ9IlNWR0lEXzVfIiBjeD0iMjguOTk5IiBjeT0iMjIuNTY3IiByPSI0Ny40OTUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNjYjAyMzMiLz48c3RvcCBvZmZzZXQ9Ii40NjEiIHN0b3AtY29sb3I9IiNjYjAyMzMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4YTE5M2YiLz48L3JhZGlhbEdyYWRpZW50PjxwYXRoIGQ9Ik0zNi4zIDYxLjNTMTAgNTEuNyAxMyAxNS4xYzAgMCAxMS42LjkgMjMuMy45IDExLjcgMCAyMy0uOSAyMy40LS45IDMgMzYuNS0yMy40IDQ2LjItMjMuNCA0Ni4yeiIgZmlsbD0idXJsKCNTVkdJRF81XykiLz48cGF0aCBkPSJNNjMuMyAxMS41Yy0uNCAwLTEzLjUgMS4xLTI3LjEgMS4xLTEzLjYgMC0yNy0xLjEtMjctMS4xbDMuNyAzLjZzMTEuNi45IDIzLjMuOWMxMS43IDAgMjMtLjkgMjMuNC0uOWwzLjctMy42eiIgZmlsbD0iIzhiMTMyNSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iLjE4OSIgeTE9IjE1LjAwMSIgeDI9IjM5LjciIHkyPSI2MC41NzMiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzhiMTMyNSIvPjxzdG9wIG9mZnNldD0iLjYwNyIgc3RvcC1jb2xvcj0iI2NiMDIzMyIvPjxzdG9wIG9mZnNldD0iLjcwOCIgc3RvcC1jb2xvcj0iI2NiMDIzMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhhMTkzZiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTM2LjIgNjVTNS43IDUzLjggOS4yIDExLjZsMy43IDMuNmMtMyAzNi41IDIzLjMgNDYuMiAyMy4zIDQ2LjJWNjV6IiBmaWxsPSJ1cmwoI1NWR0lEXzZfKSIvPjxpbWFnZSB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQmtBQUFBaENBWUFBQUFzd0FDakFBQUFDWEJJV1hNQUFBc1NBQUFMRWdIUzNYNzhBQUFBIEdYUkZXSFJUYjJaMGQyRnlaUUJCWkc5aVpTQkpiV0ZuWlZKbFlXUjVjY2xsUEFBQUFhdEpSRUZVZU5xMFZzRktBekVRM1l5N3JRaUsgQnhVRXYwQXZmbER4NEU5NTA1TVhmOEYvRUR5SVB5QVVzWWlJSG16WHhCZVpGTGNrbTVsTkRUd0tiV1pmNXIzWHpaZ3Fzb2dNNFdNSCBHRmZ4WllGM1lHNnRjMVZtMVFtQ0krQWNPQUdhU04wYmNBSGNBUXMxQ1hmZ0NTYkFvZWVON0prQnQ4QWpEdFhtdW9rOVlNd2RlSUl0IFlET0NmZUNNOTlXNVRpanhmZFB6bTE4ajRCallBemFHa3VTVzRZNTNQU0VrTS85QkVyeWJTQ1FySVJGTFJvbi94NGdseVVuV1NBNUsgUFJJMGdtNldoK3J6aFNMeERSTFF1bnloQWZGVisxSml2RGpLcFNRaXlXaGdzbFNTVVVHeXhKSlJRYkxFa2xGQnNzU1NyY1A0ckdRYSBrbkRsZmdGT0l4a3BDSjZBSytBQmFEV1NrVEMrdm9OTDRBYVlNcWxZTWhMR2Q4NGRUTGtMcDBrWkNlUHJlQ3Bwd3lpVUlJcEtSc3I0IGVvTHJIbCtpZDR3MndrRzJXY0tYNkIyakpRbXlXWTB2SkVpV1hmSEJhbjBoUWJMKytyQVErdEtKTWdtU3RlcUR4SmVPWkRWdi9PU2kgMkJUL0Fud0EzNWg1ZjMzQjZmeXI1UlY0VHRRNEhtVzMvY0VOQ3Z5bVUrQWcwWWwvNEwxL0lFZ3N2eUZ5TlowNnd6R3Jld2FCWmFLNCBrMHBRMDZuN0VXQUFOcE41MXdpS2N3b0FBQUFBU1VWT1JLNUNZSUk9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOC41OTcgMTcuMjQ2KSIgb3ZlcmZsb3c9InZpc2libGUiIG9wYWNpdHk9Ii4yNSIvPjxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0xOS45IDQ2LjdsNC40LTI4LjNoNy4ybDguOSAyOC4zaC03LjZMMjguOSAzMmwtMi4xIDE0Ljd6Ii8+PGltYWdlIHdpZHRoPSIxOCIgaGVpZ2h0PSIzMiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFCTUFBQUFoQ0FZQUFBQTc0cEJxQUFBQUNYQklXWE1BQUFzU0FBQUxFZ0hTM1g3OEFBQUEgR1hSRldIUlRiMlowZDJGeVpRQkJaRzlpWlNCSmJXRm5aVkpsWVdSNWNjbGxQQUFBQWF0SlJFRlVlTnFzVnR0S3cwQVF6VTZiQmxUcSBpNGlDWDJCZi9DQ2YvQ2Z4QzN6MDJiOFFwRlFRL0FDdldKVStwR2tUejhJMFRMWTdtMDNvd2lFbDNaeVpNM1AyWWhKbkVCbkNZd3hrIGlYK1V3Qyt3TE11cWtuOE1QVVJud0JVd0FWSVAyUnk0QVI2QVFpWGpqQ3pSSlhCcStUMWs3OEFkTUdnanl6Z2pTN1NueU15VUlONlggcVRaWmZHTVZqRkFXNHlVVGhSOEJKa0EyNWpKTXRtcXVURW9EWkRiWU9YREVkZk9TWldKU1NLYlJTa0dPeEgwM1dwZEJIU1ZHa2NWSyBESGFVZWtyMGRwUjZTdlIybEhwSVZEdEtrYTd2MUlDZGpKMlQxWnNkVUhYOHRtR1BnVEZtamVjZk4rRkVkS2ZrOXdtL2N4ZS90Y1FoIDhBUzhZczh0aVRPYUFaOU1zQmsyMjF1ZXZJcXhCL0UrbnZOMm5BdXBXaERWSHVSa01lTXM3TWMvd0FKWXg5WnlxR1N4RU9SRkoydXcgMUlLSnFnaUpyVDZURmltWmZOVmltNFk5NmtYcVdPUUF1QWVlZ1crUGJiejJrQWVDalQ0RlhyanRPU01rdDJHUG1zeldEYWwrNGVjMSBSNXR5QUZuTG9EM2NRM2pKeHo0Smt1alJJQk5kbGZlUGZtU0JXOCtjN3hpK205SEhadVcwaGtWbWx1QUNPRmEyTEV2MENMekZrQmxXIG9CMDJ0ZUgvQlJnQUN1S0VteHFvZEhBQUFBQUFTVVZPUks1Q1lJST0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2LjU5NyAxNy4yNDYpIiBvdmVyZmxvdz0idmlzaWJsZSIgb3BhY2l0eT0iLjI1Ii8+PHBhdGggY2xhc3M9InN0OSIgZD0iTTQxLjUgMTguNGg3LjFsNC4zIDI4LjNINDZMNDMuNSAzMmwtMi40IDExLjVMMzcuMyAzMnoiLz48cGF0aCBkPSJNOTguMyAzMmgtNS42bC01LjQtMTMuNmgtLjFsLTIgMTMuNmgtNi4xbDQtMjUuNGg2TDk4LjMgMzJ6bS0zLjktMTNMOTkgNi42aDYuMWwzLjUgMjUuNGgtNi4xbC0xLjctMTMuNmgtLjFsLTMuNSA4LjItMi44LTcuNnpNMTMxLjcgMjcuNmwtMS41IDQuNEgxMjRsOC42LTI1LjRoNi4zbDguNCAyNS40aC02LjJsLTEuNC00LjRoLTh6bTQtMTMuMWwtMi41IDguMWg0LjhsLTIuMy04LjF6TTE3OC4xIDI0LjRoLTExLjljMCAyLjUgMS4yIDMuOCAzLjUgMy44IDEuMiAwIDIuMS0uNCAyLjctMS42aDUuNGMtLjQgMi0xLjYgMy41LTMgNC41LTEuNSAxLTMuMyAxLjQtNS4xIDEuNC01LjMgMC05LjItMy4yLTkuMi05LjIgMC01LjggMy42LTkuMiA4LjgtOS4yIDUuNSAwIDguNyAzLjcgOC43IDkuNnYuN3ptLTUuMi0zLjVjLS4zLTEuNy0xLjctMi43LTMuMi0yLjctMS42IDAtMyAuOS0zLjQgMi43aDYuNnpNMTk3LjYgMjQuNGgtMTEuOWMwIDIuNSAxLjIgMy44IDMuNSAzLjggMS4yIDAgMi4xLS40IDIuNy0xLjZoNS40Yy0uNCAyLTEuNiAzLjUtMyA0LjUtMS41IDEtMy4zIDEuNC01LjEgMS40LTUuMyAwLTkuMi0zLjItOS4yLTkuMiAwLTUuOCAzLjYtOS4yIDguOC05LjIgNS41IDAgOC43IDMuNyA4LjcgOS42di43em0tNS4yLTMuNWMtLjMtMS43LTEuNy0yLjctMy4yLTIuNy0xLjYgMC0zIC45LTMuNCAyLjdoNi42ek0xOTguNCAxMS40YzAtMi40IDEuOS00LjMgNC4zLTQuM1MyMDcgOSAyMDcgMTEuNHMtMS45IDQuMy00LjMgNC4zLTQuMy0xLjktNC4zLTQuM3ptLjcgMGMwIDIgMS43IDMuNiAzLjYgMy42IDIgMCAzLjYtMS42IDMuNi0zLjZzLTEuNy0zLjYtMy42LTMuNmMtMS45LS4xLTMuNiAxLjUtMy42IDMuNnptNS42IDIuNGgtLjhsLTEuMi0yLjJoLS45djIuMmgtLjdWOWgyYy45IDAgMS43LjMgMS43IDEuM3MtLjYgMS4zLTEuMyAxLjNsMS4yIDIuMnptLTIuOS00LjF2MS4yaC44Yy43IDAgMS42LjEgMS42LS42IDAtLjYtLjUtLjctMS4xLS43aC0xLjN6Ii8+PGc+PHBhdGggZD0iTTE0OS41IDE4LjloLTMuM3YtNC4yaDMuNHYtMmMwLTUuMSAyLjMtNi45IDYuNy02LjkgMS4yIDAgMi4xLjIgMi45LjNsLS4zIDQuMWMtLjUtLjItLjktLjMtMS44LS4zLTEuNCAwLTIgMS4xLTIgMi43djJoNHY0LjJoLTRWMzJoLTUuNlYxOC45eiIvPjwvZz48Zz48cGF0aCBkPSJNOTEuOSA0NC4xYy0xLjgtLjctMi44LTEtNC42LTEtMiAwLTQuMy43LTQuMyAzLjIgMCA0LjYgMTAuNiAzLjUgMTAuNiAxMS40IDAgNS4xLTQuMSA3LjEtOSA3LjEtMS43IDAtMy40LS41LTUtMWwuNC0zLjJjMS4yLjUgMy4zIDEuMiA1LjEgMS4yIDIgMCA0LjgtMS4xIDQuOC0zLjkgMC01LjMtMTAuNi0zLjktMTAuNi0xMS4zIDAtNC4yIDMuNS02LjUgNy45LTYuNSAxLjYgMCAzLjYuMyA1LjMuOWwtLjYgMy4xek05OC42IDQwLjVoMTMuOHYzaC0xMC4zdjdoOS40djNoLTkuNHY3LjloMTAuM3YzSDk4LjZWNDAuNXpNMTMzLjYgNDQuNWMtMS42LS45LTMuMy0xLjMtNS4xLTEuMy01LjcgMC05LjUgNC05LjUgOS4zIDAgNS42IDQuMiA5LjMgOS4zIDkuMyAxLjggMCA0LjEtLjQgNS40LTEuMmwuMiAzLjNjLTEuOS44LTQuMi45LTUuNi45LTcuOCAwLTEzLTQuOS0xMy0xMi41IDAtNy40IDUuNS0xMi4zIDEzLTEyLjMgMS45IDAgMy44LjMgNS41IDFsLS4yIDMuNXpNMTU1LjkgNTQuNWMwIDYuNy0zLjUgMTAuMy05LjYgMTAuM3MtOS42LTMuNi05LjYtMTAuM3YtMTRoMy41djEzLjZjMCA0LjYgMS41IDcuNyA2IDcuNyA0LjYgMCA2LTMuMSA2LTcuN1Y0MC41aDMuNXYxNHpNMTYxLjUgNDAuNWg2YzQuOSAwIDkuNi44IDkuNiA2LjUgMCAyLjktMi4yIDUtNS4xIDUuNHYuMWMxLjEuNCAxLjYuOSAyLjQgMi40bDQuNyA5LjVoLTRsLTMuOC04LjNjLTEuMS0yLjMtMi4zLTIuMy00LjEtMi4zaC0yLjF2MTAuNmgtMy41VjQwLjV6bTMuNiAxMC4zaDNjMy40IDAgNS4zLTEuNCA1LjMtMy43IDAtMi4yLTEuNy0zLjUtNC45LTMuNWgtMy40djcuMnpNMTgzLjEgNDAuNWgxMy44djNoLTEwLjN2N2g5LjR2M2gtOS40djcuOWgxMC4zdjNoLTEzLjhWNDAuNXoiLz48L2c+PHBhdGggZD0iTTEyMi42IDIwLjJjLTEtLjctMi4xLTEtMy40LTEtMi40IDAtNC4zIDEuOC00LjMgNC44IDAgMi43IDIuMiA0LjUgNC42IDQuNSAxLjMgMCAyLjUtLjMgMy41LS44bC4xIDQuNGMtMS40LjUtMy4xLjgtNC42LjgtNS4zIDAtOS40LTMuMy05LjQtOXM0LjEtOSA5LjQtOWMxLjcgMCAzLjIuMyA0LjQgMWwtLjMgNC4zeiIvPjwvc3ZnPg==) no-repeat;
    background-size: auto;
    background-size: contain;
    display: inline-block;
    width: 95px;
    height: 35px
}

.order .form .input-wrapper .error {
    background: #fff;
    border-color: #ef4c50
}

.order .form .input-wrapper .error::-webkit-input-placeholder {
    color: #282828
}

.order .form .input-wrapper .error::-moz-placeholder {
    color: #282828
}

.order .form .input-wrapper .error:-ms-input-placeholder {
    color: #282828
}

.order .form .input-wrapper .error::-ms-input-placeholder {
    color: #282828
}

.order .form .input-wrapper .error::placeholder {
    color: #282828
}

.order .form .input-wrapper .error+label {
    width: 100%;
    color: red;
    display: block !important;
    font-size: 11px;
    left: 5px;
    line-height: 1;
    position: absolute;
    top: 2px
}

.order .form .input-wrapper .error+label::before {
    content: "";
    position: absolute;
    display: block;
    background: url(../img/svg/warning.svg);
    background-size: 100% auto;
    width: 28px;
    height: 26px;
    right: 10px;
    top: 5px
}

.order .form .input-wrapper .success {
    background: #fff;
    border-color: #5aa259
}

.order .form .input-wrapper .success+label {
    width: 100%;
    display: block;
    font-size: 0;
    position: absolute;
    top: 0
}

.order .form .input-wrapper .success+label::before {
    content: "";
    position: absolute;
    display: block;
    width: 7px;
    height: 20px;
    border-bottom: 3px solid #5aa259;
    border-right: 3px solid #5aa259;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 2px;
    right: 10px;
    top: 5px
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff7ee;
    padding: 35px 0 35px;
    text-align: center;
    width: 250px;
    z-index: 120;
    display: none
}

.popup__close {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.popup__close:hover::after,
.popup__close:hover::before {
    opacity: 1
}

.popup__close::after,
.popup__close::before {
    content: "";
    position: absolute;
    display: block;
    width: 130%;
    height: 1px;
    background: #ee1414;
    opacity: .5
}

.popup__close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.popup__close::after {
    right: 1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.popup-content {
    color: #271111;
    padding: 0 30px
}

.popup-content p {
    padding-bottom: 10px;
    line-height: 1.5
}

.popup-content .red {
    color: red
}

.popup__btn {
    max-width: 240px;
    margin: 10px auto 0
}

.show-popup {
    display: block
}

.navbar {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100px);
    transform: translate(-50%, 100px);
    z-index: 10;
    -webkit-transition: .6s -webkit-transform;
    transition: .6s -webkit-transform;
    transition: .6s transform;
    transition: .6s transform, .6s -webkit-transform;
    width: 100%;
    padding: 15px 0
}

.fixed {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: .6s -webkit-transform;
    transition: .6s -webkit-transform;
    transition: .6s transform;
    transition: .6s transform, .6s -webkit-transform
}

@media screen and (max-height:470px) {
    .popup {
        width: 290px;
        padding: 25px 0
    }

    .popup-content {
        padding: 0 20px
    }

    .popup-content p {
        line-height: 1.2;
        padding-bottom: 5px
    }
}

footer {
    padding: 30px 0;
    text-align: center;
    font-size: 14px;
}

footer a {
    display: block;
    margin: 15px 0;
    text-decoration: none;
    color: #333;
}

footer img {
    width: auto;
}

footer p {
    padding: 0;
    margin: 0;
}