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

html {
    line-height: 1
}

ol,ul {
    list-style: none
}

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

caption,th,td {
    text-align: left;
    font-weight: 400;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

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

a img {
    border: 0
}

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

a:link,a:visited,a:hover,a:active {
    text-decoration: none
}

html,body {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #35363f
}

body.language-quest-visible {
    padding-top: 100px
}

body ol.decimal {
    list-style: decimal;
    list-style-position: inside
}

body span.weight-b {
    font-weight: 700
}

body span.strong.underline {
    font-weight: 700
}

body span.underline {
    text-decoration: underline
}

body.language-quest-visible {
    padding-top: 100px
}

.wr {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px
}

.wr-flex {
    display: -webkit-flex;
    display: flex
}

.wr-flex.wr-flex-center {
    -webkit-align-items: center;
    align-items: center
}

.wr-flex.wr-flex-space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.disabled-scroll {
    overflow: hidden
}

.visually-hidden:not(:focus):not(:active) {
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    white-space: nowrap
}

[lang=he] body,[lang=ar] body {
    direction: rtl
}

[lang=he] body.home-page,[lang=ar] body.home-page {
    overflow-x: hidden
}

[lang=he] .features,[lang=ar] .features {
    direction: ltr
}

[lang=he] .features-about__item-title,[lang=he] .features-about__item-text,[lang=ar] .features-about__item-title,[lang=ar] .features-about__item-text {
    direction: rtl
}

[lang=he] .product-spy-page,[lang=he] .mobile-phone-spy-software,[lang=ar] .product-spy-page,[lang=ar] .mobile-phone-spy-software {
    overflow-x: hidden
}

.error-block {
    color: #fff
}

.error-block .l-side p {
    color: #fff!important;
    padding: 30px 0 10px!important;
    font-weight: 600
}

.error-block ul a {
    color: #fff;
    margin: 5px 0;
    display: inline-block;
    border-bottom: 1px solid transparent;
    transition: .3s
}

.error-block ul a:hover {
    border-color: #fff
}

.error-block .button-box {
    margin: 30px 0 0 0
}

.tabs-wr {
    overflow: hidden;
    padding: 0
}

.tabs-wr .tab-i {
    position: absolute;
    opacity: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: translate(0,2%);
    transform: translate(0,2%);
    height: 0;
    overflow: hidden
}

.tabs-wr .tab-i[data-show=true] {
    position: relative;
    opacity: 1;
    height: auto;
    pointer-events: all;
    transition: .3s;
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.text-box-default ul {
    padding: 10px
}

.mt30 {
    margin-top: 30px
}

.text-center {
    text-align: center
}

.regular-content .main-title:not(:first-child) {
    margin-top: 30px
}

.regular-content .regular-text {
    font-size: 14px;
    line-height: 20px;
    color: #323a45;
    margin-bottom: 10px
}

.regular-content .regular-list {
    list-style-type: disc;
    margin-left: 23px;
    margin-bottom: 10px
}

.regular-content .regular-list li {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #323a45
}

.get-started-gray {
    background: #f9f9fa
}

.button {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    height: 42px;
    border-radius: 6px;
    transition: .3s;
    cursor: pointer;
    outline: 0!important;
    min-width: 220px;
    border: 2px solid;
    font-family: "Open Sans",sans-serif;
    padding: 0 20px;
    box-sizing: border-box
}

.button.button-wide {
    white-space: nowrap
}

.button i {
    margin: 2px 0 0 10px
}

.button.button-green {
    background: #7bbb29;
    border: 2px solid #7bbb29;
    font-weight: 700;
    text-transform: uppercase
}

.button.button-green:hover {
    background: #6da624;
    border: 2px solid #6da624
}

.button.button-blue {
    background: #32bae9;
    border: 1px solid #32bae9;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.button.button-blue:hover {
    background: #00beff;
    border: 2px solid #00beff
}

.button.button-green-empty {
    color: #7bbb29;
    font-weight: 700;
    border: 2px solid #7bbb29;
    text-transform: uppercase
}

.button.button-green-empty:hover {
    background: #7bbb29;
    color: #fff
}

.button.button-green-border {
    min-width: 186px;
    height: 42px;
    border: 1px solid #7cb937;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
    color: #7cb937
}

.button.button-green-border:hover {
    background: #7bbb29;
    color: #fff
}

.button.button-blue-empty {
    color: #32bae9;
    font-weight: 700;
    border: 2px solid #32bae9;
    text-transform: uppercase
}

.button.button-blue-empty:hover {
    background: #32bae9;
    color: #fff
}

.button.button-gray.ppl {
    background-color: #2a313d;
    border-color: #2a313d;
    color: #323a45
}

.button.button-gray.ppl:hover {
    background-color: #d6d6d6
}

.button.button-gray.ppl-br {
    line-height: 0;
    font-size: 0;
    width: 100%;
    min-width: 0;
    padding-bottom: 0
}

.button.button-gray.ppl-br svg {
    margin-bottom: 0!important
}

.button.button-gray {
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    color: #323a45
}

.button.button-gray:hover {
    background-color: #d6d6d6
}

button.button {
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    padding: 0 0 2px 0
}

button.button span {
    display: inline-block;
    vertical-align: middle
}

button.button i {
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

button.button .fa {
    font-size: 14px;
    margin: 0 5px 0 0
}

.button-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.button-box.with-demo>span {
    color: #8b8b8b;
    margin: 0 10px;
    font-weight: 700
}

.button-box.center {
    -webkit-justify-content: center;
    justify-content: center
}

.button-box .button-green-border {
    margin-left: 15px
}

.demo-link {
    color: #32bae9;
    text-transform: uppercase;
    transition: .3s;
    font-weight: 700
}

.demo-link:hover {
    color: #299cc3
}

section {
    padding: 65px 0;
    box-sizing: border-box
}

.s-title {
    text-transform: uppercase;
    margin: 0 0 34px;
    font-weight: 700
}

.s-title.center {
    text-align: center
}

.main-title {
    color: #323a45;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    margin: 0 0 35px 0
}

.buy-now-button {
    line-height: 32px;
    font-size: 11px;
    color: #79bd12;
    border: 1px solid #79bd12;
    border-radius: 6px;
    padding: 0 25px;
    cursor: pointer;
    transition: .3s;
    white-space: nowrap;
    text-transform: uppercase
}

.buy-now-button:hover {
    background: #79bd12;
    color: #fff;
    border-color: #79bd12
}

.buy-now-button.hovered {
    background: #79bd12;
    color: #fff;
    border-color: #79bd12
}

[lang=it] .buy-now-button {
    padding: 0 22px
}

[lang=pt] .buy-now-button {
    padding: 0 17px
}

[lang=tr] .buy-now-button {
    padding: 0 15px
}

.try-now-button {
    line-height: 32px;
    font-size: 11px;
    color: #7bbb29;
    border: 1px solid rgba(123,187,41,.3);
    background: rgba(123,187,41,.17);
    border-radius: 6px;
    padding: 0 20px;
    cursor: pointer;
    transition: .3s;
    letter-spacing: .4px;
    font-weight: 700;
    white-space: nowrap;
    text-transform: uppercase
}

.try-now-button:hover,.try-now-button.hovered {
    color: #fff;
    background: #7bbb29;
    border-color: #7bbb29
}

.page-head {
    padding: 90px 0 0 0;
    color: #323a45;
    text-align: center
}

.page-head h1 {
    font-size: 40px;
    margin: 0 0 30px 0
}

.page-head h4 {
    font-size: 16px;
    line-height: 1.5;
    max-width: 760px;
    margin: 0 auto
}

.start-monitoring-now {
    background: #f9f9fa
}

.start-monitoring-now.white {
    background: #fff
}

.start-monitoring-now .button-box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.start-monitoring-now .button-box>a {
    margin: 0 8px
}

.title-icon {
    margin: 0 0 10px 0
}

.marked-list-blue.double {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.marked-list-blue.double li {
    -webkit-flex-basis: 40%;
    flex-basis: 40%
}

.marked-list-blue li {
    position: relative;
    padding: 0 0 0 20px;
    color: #323a45;
    margin: 0 0 20px 0;
    line-height: 1.4
}

.marked-list-blue li:before {
    content: "";
    background: url(/static/mspy/public/assets/images/marked-list/check-blue.svg);
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -6px;
    top: 0
}

.get-started.drop-marg {
    padding: 60px 0
}

.get-started .button-box {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.get-started .button-box a {
    margin: 0 5px
}

.input-checkbox-box {
    position: relative;
    margin: 5px 0
}

.input-checkbox-box input {
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.input-checkbox-box input:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.input-checkbox-box span.error {
    pointer-events: none
}

.input-checkbox-box label {
    cursor: pointer;
    pointer-events: none;
    margin: 6px 0;
    padding: 0 0 0 20px;
    position: relative;
    display: inline-block;
    line-height: 1.2
}

.input-checkbox-box label a {
    color: #49bff3;
    pointer-events: all
}

.input-checkbox-box label:before {
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #c2c7ca;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    position: absolute;
    border-radius: 2px;
    left: 0;
    top: 0
}

.input-checkbox-box label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    background: #323a45;
    box-sizing: border-box;
    transition: .3s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: 1px
}

.input-radio-box {
    position: relative;
    margin: 5px 0
}

.input-radio-box input {
    height: 16px;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.input-radio-box input:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.input-radio-box label {
    cursor: pointer;
    pointer-events: none;
    margin: 6px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0 0 20px
}

.input-radio-box label:before {
    content: "";
    width: 14px;
    height: 14px;
    border: 1px solid #c2c7ca;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.input-radio-box label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 6px;
    height: 6px;
    background: #323a45;
    box-sizing: border-box;
    border-radius: 50%;
    transition: .3s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.b-title {
    font-size: 100px;
    margin: 0 0 20px 0
}

.m-title {
    font-size: 26px
}

.italic {
    font-style: italic
}

.fs13 {
    font-size: 13px!important
}

[lang=ar] .input-checkbox-box label {
    padding: 0 20px 0 0
}

[lang=ar] .input-checkbox-box label:before {
    left: auto;
    right: 0;
    margin-right: 0
}

[lang=ar] .input-checkbox-box label:after {
    left: auto;
    right: 4px
}

button[type=submit]:disabled {
    pointer-events: none
}

.trustpilot-widget {
    position: relative;
    width: 100%;
    top: 50%
}

@media (min-width: 960px) {
    .trustpilot-widget {
        -webkit-transform:translateY(-50%);
        transform: translateY(-50%)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(124,185,55,.4)
    }

    70% {
        box-shadow: 0 0 0 10px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(124,185,55,.4)
    }

    70% {
        box-shadow: 0 0 0 10px transparent
    }

    to {
        box-shadow: 0 0 0 0 transparent
    }
}

@-webkit-keyframes pulse-fast {
    0% {
        box-shadow: 0 0 0 0 rgba(124,185,55,.2)
    }

    to {
        box-shadow: 0 0 0 35px transparent
    }
}

@keyframes pulse-fast {
    0% {
        box-shadow: 0 0 0 0 rgba(124,185,55,.2)
    }

    to {
        box-shadow: 0 0 0 35px transparent
    }
}

@-webkit-keyframes pulse-white {
    0% {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        box-shadow: 0 0 0 2px #fff;
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }

    to {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse-white {
    0% {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        box-shadow: 0 0 0 2px #fff;
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }

    to {
        box-shadow: 0 0 0 0 transparent;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.custom-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor
}

.button-custom {
    font-family: "Open Sans",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 8px;
    border: 1px solid transparent;
    background-color: transparent;
    cursor: pointer;
    box-shadow: 0 8px 16px rgba(42,49,61,.12);
    transition: background-color .225s ease,border-color .225s ease,color .225s ease
}

.button-custom.animated {
    -webkit-animation: pulse-fast 3s infinite;
    animation: pulse-fast 3s infinite
}

.button-custom:focus:not(:focus-visible) {
    outline: 0
}

.button-custom:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 1px #c8ffb5,0 0 0 4px rgba(123,187,41,.4);
    border-radius: 8px
}

.button-custom--green {
    color: #fff;
    background-color: #7bbb29;
    border-color: #7bbb29
}

@media (min-width: 992px) {
    .button-custom--green:hover {
        background-color:#6caa1c;
        border-color: #6caa1c
    }
}

.button-custom--green:active {
    background-color: rgba(123,187,41,.8);
    border-color: rgba(123,187,41,.8)
}

.button-custom--blue {
    color: #fff;
    background-color: #0b80e5;
    border-color: #0b80e5
}

@media (min-width: 992px) {
    .button-custom--blue:hover {
        background-color:#0070d7;
        border-color: #0070d7
    }
}

.button-custom--blue:active {
    background-color: rgba(11,128,229,.8);
    border-color: rgba(11,128,229,.8)
}

.button-custom--try-button {
    color: #7bbb29;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
    background-color: rgba(123,187,41,.17);
    border-color: rgba(123,187,41,.3)
}

@media (min-width: 992px) {
    .button-custom--try-button {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (min-width: 992px) {
    .button-custom--try-button:hover {
        color:#fff;
        background-color: #7bbb29;
        border-color: #7bbb29
    }
}

.button-custom--try-button:active {
    color: rgba(255,255,255,.8);
    background-color: rgba(123,187,41,.8);
    border-color: rgba(123,187,41,.8)
}

.button-custom--border-blue {
    box-shadow: none;
    color: #0b80e5;
    border-color: #0b80e5
}

@media (min-width: 992px) {
    .button-custom--border-blue:hover {
        color:#fff;
        background-color: #0b80e5
    }
}

.button-custom--border-blue:active {
    color: rgba(11,128,229,.8);
    background-color: transparent;
    border-color: rgba(11,128,229,.8)
}

.button-custom--border-green {
    box-shadow: none;
    color: #7bbb29;
    border-color: #7bbb29
}

@media (min-width: 992px) {
    .button-custom--border-green:hover {
        color:#fff;
        background-color: #7bbb29
    }
}

.button-custom--border-green:active {
    color: rgba(123,187,41,.8);
    background-color: transparent;
    border-color: rgba(123,187,41,.8)
}

.button-demo {
    font-family: "Open Sans",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #7bbb29;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    height: 48px;
    padding-left: 12px;
    padding-right: 12px;
    transition: color .225s ease
}

.button-demo__remote-access {
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.6);
    background-color: #1786e5;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    padding: 12px 15px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 12px;
    transition: background-color .225s ease,border-color .225s ease,color .225s ease
}

@media (min-width: 992px) {
    .button-demo__remote-access:hover {
        color:#fff;
        background-color: #7bbb29;
        border-color: rgba(123,187,41,.8)
    }
}

.button-demo__remote-access:active {
    color: rgba(123,187,41,.8);
    background-color: #7bbb29;
    border-color: rgba(123,187,41,.8)
}

.button-demo:focus:not(:focus-visible) {
    outline: 0
}

.button-demo:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 1px #c8ffb5,0 0 0 4px rgba(123,187,41,.4);
    border-radius: 8px
}

@media (min-width: 992px) {
    .button-demo:hover {
        color:#6caa1c
    }
}

.button-demo:active {
    color: rgba(108,170,28,.8)
}

.button-demo__icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 12px
}

[lang=ar] .button-demo__icon {
    margin-right: initial;
    margin-left: 12px
}

.button-scroll-top {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    font-size: 0;
    line-height: 0;
    position: fixed;
    bottom: 70px;
    right: 20px;
    display: none;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #2b323d;
    border: 1px solid #b4c6ce;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 4
}

.button-scroll-top:hover,.button-scroll-top:active {
    background-color: #333c49
}

.button-scroll-top.is-scrolled {
    display: -webkit-flex;
    display: flex
}

.button-scroll-top__icon {
    width: 20px;
    height: 20px;
    fill: #fff
}

.language.is-open .language__box {
    opacity: 1;
    pointer-events: auto
}

.language.is-open .language__button {
    color: #fff;
    background-color: #222830
}

.language.is-open .language__arrow-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .language:hover .language__box {
        opacity:1;
        pointer-events: auto
    }

    .language:hover .language__button {
        color: #fff;
        background-color: #222830
    }

    .language:hover .language__arrow-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.language__button {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    font-family: "Open Sans",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #b2bcd2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
    transition: background-color .225s ease,color .225s ease
}

.language__button:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 1px #c8ffb5,0 0 0 4px rgba(123,187,41,.4);
    border-radius: 8px
}

@media (min-width: 992px) {
    .language__button {
        padding-left:16px;
        padding-right: 16px
    }
}

.language__earth-icon {
    display: none;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-margin-end: 4px;
    margin-inline-end:4px}

@media (min-width: 640px) {
    .language__earth-icon {
        display:block;
        -webkit-margin-end: 8px;
        margin-inline-end:8px}
}

.language__arrow-icon {
    width: 10px;
    height: 10px;
    -webkit-margin-start: 5px;
    margin-inline-start:5px;transition: -webkit-transform .225s ease;
    transition: transform .225s ease;
    transition: transform .225s ease,-webkit-transform .225s ease
}

@media (min-width: 640px) {
    .language__arrow-icon {
        -webkit-margin-start:10px;
        margin-inline-start:10px}
}

.language__box {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    padding: 16px;
    width: 100%;
    height: calc(100vh - 60px);
    opacity: 0;
    pointer-events: none;
    background-color: #222830;
    transition: all .225s ease;
    z-index: 999
}

@media (min-width: 640px) {
    .language__box {
        max-width:320px;
        inset-inline-start: initial;
        inset-inline-end: 0;
        height: initial
    }
}

@media (min-width: 992px) {
    .language__box {
        inset-inline-end:20px;
        max-width: 242px;
        padding: 8px
    }
}

.language__list {
    display: grid;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr
}

@media (min-width: 992px) {
    .language__list {
        -webkit-column-gap:initial;
        -moz-column-gap: initial;
        column-gap: initial
    }
}

.language__link {
    font-size: 14px;
    color: #b0bec5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 40px;
    padding-left: 16px;
    padding-right: 16px;
    transition: background-color .225s ease,color .225s ease
}

@media (min-width: 992px) {
    .language__link:hover {
        background-color:#2b323e
    }
}

.language__link:active {
    color: #fff;
    background: rgba(43,50,62,.5)
}

.language__link.is-active {
    color: #fff
}

@media (min-width: 992px) {
    .language__link {
        white-space:nowrap;
        height: 32px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.nav {
    position: fixed;
    top: 60px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
    overflow: auto;
    background-color: transparent;
    padding: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .225s ease
}

@media (min-width: 640px) {
    .nav {
        left:initial;
        width: 320px;
        height: 540px
    }
}

.nav.is-opened {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    pointer-events: auto;
    background-color: #222830
}

@media (min-width: 992px) {
    .nav {
    	font-size: 16px;
        position:relative;
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        height: 60px;
        opacity: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        pointer-events: auto;
        transition: none;
        overflow: visible;
        box-shadow: none
    }
}

@media (min-width: 992px) {
    .nav__items {
        display:-webkit-flex;
        display: flex
    }
}

.nav__item.is-open .nav__link {
    color: #fff;
    background-color: #2b323e
}

.nav__item.is-open .nav__arrow-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .nav__item {
        position:relative
    }

    .nav__item:first-child {
        -webkit-order: 2;
        order: 2
    }

    .nav__item:nth-child(3) {
        -webkit-order: 1;
        order: 1
    }
}

@media (min-width: 992px) {
    .nav__item:hover .nav__link {
        color:#fff
    }
}

.nav__item:active .nav__link {
    background: rgba(34,40,48,.5)
}

@media (min-width: 992px) {
    .nav__item--sub:hover .nav__link {
        background-color:#222830
    }

    .nav__item--sub:hover .nav__sub-items {
        opacity: 1;
        pointer-events: auto
    }
}

.nav__item.mob {
    display: block
}

@media (min-width: 992px) {
    .nav__item.mob {
        display:none
    }
}

.nav__item.desktop {
    display: none
}

@media (min-width: 992px) {
    .nav__item.desktop {
        display:block
    }
}

.nav__link {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    font-family: "Open Sans",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    color: #b0bec5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    min-height: 40px;
    border-bottom: 1px solid #2b323e;
    transition: background-color .225s ease,color .225s ease
}

@media (min-width: 992px) {
    .nav__link {
        display:-webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: initial;
        justify-content: initial;
        min-height: initial;
        width: initial;
        border: initial;
        padding-top: initial;
        padding-bottom: initial;
        height: 60px
    }
}

.nav__link.demo {
    color: #7bbb29
}

.nav__arrow-icon {
    pointer-events: none;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    -webkit-margin-start: 10px;
    margin-inline-start:10px;transition: -webkit-transform .225s ease;
    transition: transform .225s ease;
    transition: transform .225s ease,-webkit-transform .225s ease
}

@media (min-width: 992px) {
    .nav__arrow-icon {
        display:none
    }
}

.nav__sub-items {
    display: none
}

@media (min-width: 992px) {
    .nav__sub-items {
        padding:8px;
        display: block;
        position: absolute;
        top: 100%;
        inset-inline-start: 0;
        opacity: 0;
        pointer-events: none;
        background-color: #222830;
        transition: all .225s ease
    }
}

.nav__sub-link {
    font-size: 14px;
    color: #b0bec5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px
}

.nav__sub-link--all {
    font-weight: 700
}

.nav__sub-link.is-active {
    color: #fff
}

@media (min-width: 992px) {
    .nav__sub-link {
        min-height:32px;
        padding: 8px;
        white-space: nowrap;
        transition: background-color .225s ease,color .225s ease
    }
}

@media (min-width: 992px) {
    .nav__sub-link:hover {
        background-color:#2b323e
    }
}

.nav__sub-link:active {
    color: #fff;
    background-color: rgba(43,50,62,.5)
}

@media (max-width: 991px) {
    .home-page-md22 .countdown.active+.header__wrapper .nav,.home-page-fd22 .countdown.active+.header__wrapper .nav,.st22 .countdown.active+.header__wrapper .nav {
        top:180px
    }
}

@media (max-width: 767px) {
    .home-page-md22 .countdown.active+.header__wrapper .nav,.home-page-fd22 .countdown.active+.header__wrapper .nav,.st22 .countdown.active+.header__wrapper .nav {
        top:230px
    }
}

@media (max-width: 991px) {
    .home-page-md22 .countdown.hidden+.header__wrapper .nav,.home-page-fd22 .countdown.hidden+.header__wrapper .nav,.st22 .countdown.hidden+.header__wrapper .nav {
        top:60px
    }
}

.hamburger {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    font-size: 0;
    display: inline-block;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,background-color,-webkit-filter;
    transition-property: opacity,filter,background-color;
    transition-property: opacity,filter,background-color,-webkit-filter;
    color: inherit;
    background-color: transparent
}

.hamburger.is-active {
    background-color: #222830
}

.hamburger__box {
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    padding-right: 2px;
    width: 46px;
    height: 60px
}

.hamburger__inner {
    top: 50%;
    display: block;
    margin-top: -1px
}

.hamburger__inner:after,.hamburger__inner:before {
    display: block;
    content: ""
}

.hamburger__inner:after {
    bottom: -6px
}

.hamburger__inner:before {
    top: -6px
}

.hamburger__inner,.hamburger__inner:after,.hamburger__inner:before {
    position: absolute;
    width: 16px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    border-radius: 4px;
    background-color: #afb6d7
}

.hamburger.is-active .hamburger__inner {
    background-color: #b0bec5
}

.hamburger.is-active .hamburger__inner:before,.hamburger.is-active .hamburger__inner:after {
    background-color: #b0bec5
}

.hamburger--spin .hamburger__inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: .22s
}

.hamburger--spin .hamburger__inner:before {
    transition: top .1s ease-in .25s,opacity .1s ease-in
}

.hamburger--spin .hamburger__inner:after {
    transition: bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
    transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--spin.is-active .hamburger__inner {
    background-color: #fff;
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger__inner:before {
    background-color: #fff;
    top: 0;
    opacity: 0;
    transition: top .1s ease-out,opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger__inner:after {
    background-color: #fff;
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s
}

.social {
    display: inline-grid;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-template-columns: repeat(4,32px)
}

@media (min-width: 640px) {
    .social {
        -webkit-column-gap:8px;
        -moz-column-gap: 8px;
        column-gap: 8px
    }
}

.social__link {
    width: 32px;
    height: 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%
}

.social__link--facebook {
    background-color: #0072f6
}

.social__link--twitter {
    background-color: #1da1f2
}

.social__link--youtube {
    background-color: #f22424
}

.social__link--instagram {
    background-image: linear-gradient(180deg,#fec071 0,#fa5143 50%,#d03b99 100%),linear-gradient(0deg,#bcc4d1,#bcc4d1),linear-gradient(0deg,#e09b3d .46%,#c74c4d 22.72%,#c21975 60.76%,#7024c4 93.22%)
}

.social__link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 1px #c8ffb5,0 0 0 4px rgba(123,187,41,.4);
    border-radius: 8px
}

.social__icon {
    color: #fff
}

.navigation__group {
    border-bottom: 1px solid #e6e8f2
}

@media (min-width: 992px) {
    .navigation__group {
        border-bottom:0 none
    }
}

.navigation__group--contact-us {
    margin-top: 40px;
    border: 0
}

@media (min-width: 640px) {
    .navigation__group--contact-us {
        margin-top:initial;
        grid-column: 2;
        grid-row: 1/-1
    }
}

@media (min-width: 992px) {
    .navigation__group--contact-us {
        grid-column:initial;
        grid-row: initial
    }
}

.navigation__group.is-open .navigation__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.navigation__list {
    display: none;
    margin-bottom: 5px
}

@media (min-width: 992px) {
    .navigation__list {
        display:block
    }
}

.navigation__item {
    color: #546e7a
}

.navigation__headline {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px
}

.navigation__arrow {
    pointer-events: none;
    width: 12px;
    height: 12px;
    color: #0b80e5;
    transition: -webkit-transform .225s ease;
    transition: transform .225s ease;
    transition: transform .225s ease,-webkit-transform .225s ease
}

@media (min-width: 992px) {
    .navigation__arrow {
        display:none
    }
}

.navigation__link {
    font-size: 13px;
    line-height: 18px;
    color: #546e7a;
    display: inline-block;
    min-height: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
    transition: color .225s ease
}

@media (min-width: 992px) {
    .navigation__link:hover {
        color:#0b80e5;
        text-decoration: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }
}

.navigation__link:active {
    color: #005fb3
}

.contact-us {
    margin-top: 16px
}

@media (min-width: 992px) {
    .contact-us {
        margin-top:4px
    }
}

.contact-us__item {
    color: #546e7a;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.contact-us__item:not(:first-child) {
    margin-top: 8px
}

.contact-us__name {
    font-size: 10px;
    line-height: 16px
}

.contact-us__country {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px
}

.contact-us__number {
    font-size: 13px;
    line-height: 18px;
    color: #546e7a
}

.payment__list {
    margin-top: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 288px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 640px) {
    .payment__list {
        max-width:initial
    }
}

@media (min-width: 992px) {
    .payment__list {
        -webkit-justify-content:flex-start;
        justify-content: flex-start
    }
}

.payment__figure {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px;
    height: 32px;
    background-color: #eff2f6;
    border-radius: 4px;
    margin: 5px
}

@media (min-width: 992px) {
    .payment__figure:first-child {
        -webkit-margin-start:initial;
        margin-inline-start:initial;-webkit-margin-end: initial;
        margin-inline-end:initial}

    .payment__figure:not(:first-child) {
        -webkit-margin-start: 10px;
        margin-inline-start:10px;-webkit-margin-end: initial;
        margin-inline-end:initial}
}

.approved__list {
    margin-top: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 992px) {
    .approved__list {
        -webkit-justify-content:flex-end;
        justify-content: flex-end
    }
}

.approved__figure {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
    background-color: #eff2f6;
    border-radius: 4px
}

.approved__figure:not(:first-child) {
    -webkit-margin-start: 10px;
    margin-inline-start:10px}

.cookie-info {
    box-sizing: border-box;
    display: block;
    background: rgba(42,49,61,.9);
    color: #b6c7cf;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10001;
    padding-top: 10px;
    padding-bottom: 10px
}

.cookie-info *,.cookie-info :before,.cookie-info :after {
    box-sizing: inherit
}

.cookie-info.is-disabled {
    display: none
}

.cookie-info__wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center
}

.cookie-info__text {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400
}

@media (min-width: 992px) {
    .cookie-info__text {
        font-size:14px
    }
}

.cookie-info a {
    color: #b6c7cf;
    text-decoration: underline;
    text-transform: capitalize
}

.cookie-info__icon {
    display: none;
    -webkit-margin-end: 20px;
    margin-inline-end:20px;width: 25px;
    height: 25px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    color: #b6c7cf
}

@media (min-width: 992px) {
    .cookie-info__icon {
        display:block
    }
}

.cookie-info__button {
    font-size: 14px;
    height: 32px;
    line-height: 28px;
    min-width: 60px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    -webkit-margin-start: 10px;
    margin-inline-start:10px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.wrapper {
    max-width: 1056px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 801px) {
    .wrapper {
        max-width:1064px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.header {
    box-sizing: border-box;
    min-width: initial;
    min-height: 60px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #2a313d
}

.header *,.header :before,.header :after {
    box-sizing: inherit
}

.header__wrapper {
    display: grid;
    grid-template-columns: 1fr repeat(3,auto);
    -webkit-align-items: center;
    align-items: center;
    min-height: inherit;
    position: relative
}

@media (min-width: 992px) {
    .header__wrapper {
        grid-template-columns:1fr repeat(2,auto)
    }
}

.header__logo {
    -webkit-margin-end: auto;
    margin-inline-end:auto}

.header__logo:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 1px #c8ffb5,0 0 0 4px rgba(123,187,41,.4);
    border-radius: 8px
}

.header__logo-icon {
    display: block;
    width: 68px;
    color: #f5f5f5
}

@media (min-width: 992px) {
    .header__logo-icon {
        width:81px;
        height: 20px
    }
}

.header__try-button {
    -webkit-margin-start: 10px;
    margin-inline-start:10px;-webkit-animation: pulse 3s ease-in-out infinite;
    animation: pulse 3s ease-in-out infinite
}

[lang=el] .header__try-button {
    padding: 10px;
    font-size: 13px;
    max-width: 100px;
    text-align: center;
    line-height: 13px
}

.header__hamburger {
    -webkit-margin-end: -16px;
    margin-inline-end:-16px;-webkit-margin-start: 10px;
    margin-inline-start:10px}

.header__hamburger:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 1px #c8ffb5,0 0 0 4px rgba(123,187,41,.4);
    border-radius: 8px
}

@media (min-width: 992px) {
    .header__hamburger {
        display:none
    }
}

.footer {
    box-sizing: border-box;
    line-height: initial;
    background-color: #fff
}

.footer *,.footer :before,.footer :after {
    box-sizing: inherit
}

.footer__wrapper {
    padding-top: 16px;
    padding-bottom: 16px
}

.footer__top {
    min-width: initial;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e8f2
}

@media (min-width: 640px) {
    .footer__top {
        display:grid;
        grid-template-columns: repeat(2,auto);
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: relative;
        padding-bottom: 28px;
        padding-top: 8px
    }
}

.footer__logo-icon {
    width: 122px;
    height: 30px;
    color: #00b0ff;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 640px) {
    .footer__logo-icon {
        margin-left:initial;
        margin-right: initial
    }
}

.footer__tagline {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.4px;
    color: #546e7a;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 24px
}

[lang=ar] .footer__tagline {
    direction: ltr
}

@media (min-width: 640px) {
    .footer__tagline {
        -webkit-flex-direction:row;
        flex-direction: row;
        margin-top: initial;
        position: absolute;
        left: 50%;
        top: 12px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .footer__tagline span:nth-child(2) {
        padding-left: 3px
    }
}

.footer__social {
    margin-top: 24px
}

@media (min-width: 640px) {
    .footer__social {
        margin-top:initial
    }
}

.footer__navigation {
    margin-top: 20px
}

@media (min-width: 640px) {
    .footer__navigation {
        display:grid;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(5,auto)
    }
}

@media (min-width: 992px) {
    .footer__navigation {
        grid-template-columns:repeat(4,1fr) 260px;
        grid-template-rows: initial
    }
}

.footer__payment-approval {
    margin-top: 50px
}

@media (min-width: 992px) {
    .footer__payment-approval {
        display:grid;
        grid-template-columns: repeat(2,auto);
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding-top: 20px;
        border-top: 1px solid rgba(175,182,215,.2);
        margin-top: 20px
    }
}

.footer__approved {
    margin-top: 25px
}

@media (min-width: 992px) {
    .footer__approved {
        margin-top:initial
    }
}

.footer__headline {
    letter-spacing: -.2px;
    font-weight: 600;
    color: #546e7a
}

.footer__headline--main {
    font-size: 16px;
    line-height: 22px
}

.footer__headline--secondary {
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

@media (min-width: 992px) {
    .footer__headline--payment {
        text-align:start
    }
}

@media (min-width: 992px) {
    .footer__headline--approved {
        text-align:end
    }

    [lang=he] .footer__headline--approved,[lang=ar] .footer__headline--approved {
        text-align: right
    }
}

.footer__disclaimer {
    font-size: 10px;
    line-height: 16px;
    color: #b0bec5;
    text-align: center;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #e6e8f2
}

.footer__disclaimer.is-more .footer__disclaimer-short {
    display: none
}

.footer__disclaimer.is-more .footer__disclaimer-full {
    display: block;
    text-align: start
}

.footer__disclaimer-button {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    font-weight: 700;
    color: #b0bec5
}

.footer__disclaimer-full {
    display: none
}

.footer__bottom {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e8f2
}

@media (min-width: 992px) {
    .footer__bottom {
        display:grid;
        grid-template-columns: repeat(2,auto);
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.footer__address {
    font-size: 10px;
    line-height: 16px;
    color: #b0bec5;
    text-align: center
}

.footer__address span:nth-child(2) {
    -webkit-padding-start: 3px;
    padding-inline-start:3px}

@media (min-width: 992px) {
    .footer__address {
        display:-webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        text-align: start
    }

    .footer__address span:nth-child(2) {
        -webkit-padding-start: initial;
        padding-inline-start:initial}
}

.footer__copyrights {
    font-size: 10px;
    line-height: 16px;
    color: #b0bec5;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 16px
}

@media (min-width: 640px) {
    .footer__copyrights {
        -webkit-flex-direction:row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center
    }

    .footer__copyrights span:nth-child(2) {
        -webkit-padding-start: 3px;
        padding-inline-start:3px}
}

@media (min-width: 992px) {
    .footer__copyrights {
        -webkit-flex-direction:column;
        flex-direction: column;
        -webkit-justify-content: initial;
        justify-content: initial;
        text-align: end;
        margin-top: 0
    }

    .footer__copyrights span:nth-child(2) {
        -webkit-padding-start: initial;
        padding-inline-start:initial}
}

.footer.dark {
    background: radial-gradient(40.98% 60.65% at 56.94% 57.79%,#3c4656 0,#2a313d 78.65%)
}

.footer.dark .footer__wrapper {
    padding-top: 30px;
    margin-top: 30px
}

.footer.dark .footer__tagline {
    color: #fff
}

.footer.dark .footer__social {
    margin-top: 30px
}

@media (min-width: 640px) {
    .footer.dark .footer__social {
        margin-top:0
    }
}

.footer.dark .footer__top {
    border-bottom: 1px solid #3b4352
}

.footer.dark .footer__headline {
    color: #fff
}

.footer.dark .footer__headline--payment,.footer.dark .footer__headline--approved {
    color: #b2bcd2
}

@media (min-width: 992px) {
    .footer.dark .footer__payment-approval {
        border-top:none
    }
}

.footer.dark .footer__disclaimer {
    border-top: 1px solid #3b4352;
    color: #b2bcd2
}

@media (min-width: 992px) {
    .footer.dark .footer__disclaimer {
        border-top:none
    }
}

.footer.dark .footer__bottom {
    border-top: 1px solid #3b4352;
    color: #b2bcd2
}

.footer.dark .footer__address,.footer.dark .footer__copyrights {
    color: #b2bcd2
}

.footer.dark .navigation__group {
    border-bottom: 1px solid #3b4352
}

@media (min-width: 992px) {
    .footer.dark .navigation__group {
        border-bottom:none
    }
}

.footer.dark .navigation__group--contact-us {
    border-bottom: none
}

.footer.dark .navigation__link {
    color: #b2bcd2
}

.footer.dark .contact-us__item,.footer.dark .contact-us__number {
    color: #b2bcd2
}

.product-phone-page .main-features-bottom,.product-phone-page .endorsements {
    background: #f9f9fa
}

.product-page .main-block {
    overflow: hidden;
    padding: 0 0 30px 0
}

.product-page .main-block:before {
    content: "";
    height: 30px;
    position: absolute;
    left: -20%;
    right: 50.5%;
    background: #fff;
    bottom: -1px;
    z-index: 2;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg)
}

.product-page .main-block:after {
    content: "";
    height: 30px;
    position: absolute;
    right: -20%;
    left: 50.5%;
    background: #fff;
    bottom: -1px;
    z-index: 2;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.product-page .main-steps {
    background: #f9f9fa
}

.product-page .customers-slider {
    background: #fff
}

html[lang=ar] .product-page.snapchat-page .reviews {
    padding-bottom: 70px;
    min-height: 712px
}

@media (min-width: 836px) {
    html[lang=ar] .product-page.snapchat-page .reviews {
        min-height:690px
    }
}

@media (min-width: 960px) {
    html[lang=ar] .product-page.snapchat-page .reviews {
        min-height:556px
    }
}

@media (min-width: 990px) {
    html[lang=ar] .product-page.snapchat-page .reviews {
        min-height:604px
    }
}

html[lang=ja] .product-page.snapchat-page .reviews {
    padding-bottom: 70px
}

html[lang=fr] .main-block .button-box .button {
    text-align: center;
    max-width: 290px
}

.product-iphone-page .main-block {
    overflow: hidden;
    padding: 0 0 30px 0
}

.product-iphone-page .main-block:before {
    content: "";
    height: 30px;
    position: absolute;
    left: -20%;
    right: 50.5%;
    background: #fff;
    bottom: 0;
    z-index: 2;
    -webkit-transform: skewX(45deg);
    transform: skewX(45deg)
}

.product-iphone-page .main-block:after {
    content: "";
    height: 30px;
    position: absolute;
    right: -20%;
    left: 50.5%;
    background: #fff;
    bottom: 0;
    z-index: 2;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg)
}

.product-iphone-page .features-tabs {
    background: #f9f9fa
}

html[lang=ar] body[data-page-name=reseller] .main-block,html[lang=ar] body[data-page-name=reseller] .reseller-about,html[lang=ar] body[data-page-name=reseller] .benefits,html[lang=ar] body[data-page-name=reseller] .reseller-steps,html[lang=ar] body[data-page-name=reseller] .reseller-block,html[lang=ar] body[data-page-name=reseller] .reseller-get-started,html[lang=ar] body[data-page-name=reseller] .reseller-contacts {
    direction: ltr
}

html[lang=ar] body[data-page-name=affiliates] .main-block,html[lang=ar] body[data-page-name=affiliates] .mission,html[lang=ar] body[data-page-name=affiliates] .affiliate-title,html[lang=ar] body[data-page-name=affiliates] .affiliate-i,html[lang=ar] body[data-page-name=affiliates] .signup-now {
    direction: ltr
}




.custom-btn {
    font-family: "Open Sans",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color .225s ease;
    outline: 0;
    border: 0
}

.custom-btn.animated {
    -webkit-animation: pulse-fast 3s infinite;
    animation: pulse-fast 3s infinite
}

@media (min-width: 400px) {
    .custom-btn {
        min-width:288px;
        width: auto
    }
}

.custom-btn--green {
    background-color: #7cb937
}

.custom-btn--green:hover,.custom-btn--green:active {
    background-color: #6fa531
}

.custom-btn--blue {
    background-color: #43baf2
}

.custom-btn--blue:hover,.custom-btn--blue:active {
    background-color: #2bb1f0
}

.custom-btn--white {
    background-color: #fff;
    color: #97c75f
}

.custom-btn--white:hover,.custom-btn--white:active {
    background-color: #f2f2f2
}

.custom-btn--white-blue {
    background-color: #fff;
    color: #43baf2
}

.custom-btn--white-blue:hover,.custom-btn--white-blue:active {
    background-color: #f2f2f2
}

.regular-text {
    color: #fff;
    font-weight: 600;
    line-height: 22px
}

.regular-text--dark {
    color: #2b313b
}

.list-number__elem {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.57
}

.list-number__elem a {
    color: #7cb937
}

@media (min-width: 992px) {
    .list-number__elem {
        margin-bottom:18px
    }
}

.list-number__icon {
    width: 16px;
    min-width: 16px;
    height: 16px;
    fill: #7cb937;
    margin-right: 14px;
    position: relative;
    top: 3px
}

.main-headline {
    color: #fff
}

.main-headline__superscript {
    font-size: 12px
}

.main-headline--light-weight {
    font-weight: 400
}

.main-headline--bolder-weight {
    font-weight: 600
}

.main-headline__lvl1 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 800
}

@media (max-width: 480px) {
    [lang=nb] .main-headline__lvl1 {
        font-size:20px;
        line-height: 30px
    }
}

.main-headline--lvl1-big {
    font-size: 100px
}

.main-headline__lvl2 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #2b313b
}

@media (max-width: 480px) {
    [lang=sv] .main-headline__lvl2 {
        font-size:17px
    }
}

.main-headline--lvl2-big {
    font-size: 26px
}

.main-headline__lvl3 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #2b313b
}

.main-headline--lvl3-big {
    font-size: 16px
}

.input {
    width: 100%;
    height: 48px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 2px;
    border: 1px solid rgba(43,49,59,.32);
    background-color: #fff;
    font-size: 14px;
    box-sizing: border-box
}

.input[placeholder] {
    color: #777b82;
    font-style: italic
}

.input::-webkit-input-placeholder {
    color: #777b82;
    font-style: italic
}

.input::-moz-placeholder {
    color: #777b82;
    font-style: italic
}

.input::placeholder {
    color: #777b82;
    font-style: italic
}

[lang=ar] .list-number__icon {
    margin-right: 0;
    margin-left: 14px
}

.button-v {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    max-width: 288px;
    min-height: 48px;
    background: #7bbb29;
    box-shadow: 0 8px 16px rgba(42,49,61,.12);
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    transition: background .4s,color .4s,opacity .4s
}

.button-v.animated {
    -webkit-animation: pulse-fast 3s infinite;
    animation: pulse-fast 3s infinite
}

.button-v:hover {
    background: #74b126
}

.button-v:active {
    opacity: .8
}

.button-v--border-blue {
    border: 1px solid #0b80e5;
    color: #0b80e5;
    background: 0 0
}

.button-v--border-blue:hover {
    background: #0b80e5;
    color: #fff
}

.button-v--border-blue:active {
    opacity: .8
}

.top {
    position: relative;
    overflow: hidden;
    color: #fdfdfd;
    padding: 0;
    background: #3c4656;
    background: radial-gradient(circle,#3c4656 0,#2a313e 45%)
}

@media (min-width: 1520px) {
    .top {
        overflow:visible
    }

    [lang=he] .top {
        overflow: hidden
    }
}

.top__vector-green {
    position: absolute;
    right: -157px;
    display: block;
    top: 6px;
    width: 189px;
    height: 451px
}

@media (min-width: 1520px) {
    .top__vector-green {
        z-index:9;
        right: 0;
        top: -69px;
        width: 189px;
        height: 451px
    }
}

@media (max-width: 960px) {
    .top__vector-green {
        top:311px;
        right: -160px;
        opacity: .8
    }
}

.top__vector-line-right {
    position: absolute;
    right: 0;
    top: 330px;
    width: 1280px;
    height: 492px;
    fill: #fff;
    opacity: .12;
    display: block
}

@media (min-width: 1200px) {
    .top__vector-line-right {
        top:0
    }
}

.top__vector-arrows {
    position: absolute;
    top: 509px;
    left: -56px;
    display: none;
    width: 441px;
    height: 84px;
    opacity: .1;
    z-index: 0
}

@media (min-width: 960px) {
    .top__vector-arrows {
        display:block
    }
}

.top__vector-blue {
    position: absolute;
    left: -15px;
    bottom: 0;
    display: block;
    width: 215px;
    height: 1080px;
    z-index: 0
}

@media screen and (max-width: 1560px) and (min-width:961px) {
    .top__vector-blue {
        left:-172px;
        bottom: -245px;
        -webkit-transform: rotate(-40deg);
        transform: rotate(-40deg);
        opacity: .7
    }
}

@media (max-width: 960px) {
    .top__vector-blue {
        display:none
    }
}

.top__vector-line-left {
    position: absolute;
    left: -11px;
    bottom: 0;
    width: 284px;
    height: 1080px;
    fill: #fff;
    opacity: .3;
    display: none
}

@media (min-width: 1200px) {
    .top__vector-line-left {
        display:block
    }
}

@media (max-width: 960px) {
    .top__content-left {
        text-align:center
    }
}

.top__wrapper {
    padding-top: 76px;
    padding-bottom: 40px;
    max-width: 500px;
    box-sizing: border-box
}

@media (min-width: 960px) {
    .top__wrapper {
        max-width:1052px;
        padding: 113px 14px 100px
    }
}

.top__content {
    position: relative;
    z-index: 1
}

@media (min-width: 960px) {
    .top__content {
        display:-webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }
}

.top__headline {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px
}

@media (max-width: 480px) {
    [lang=nb] .top__headline {
        font-size:28px;
        line-height: 34px
    }
}

@media (min-width: 960px) {
    .top__headline {
        font-weight:700;
        font-size: 56px;
        line-height: 72px
    }

    .home-v1 .top__headline {
        font-size: 51px;
        line-height: 70px
    }
}

.top__headline span {
    text-decoration: none;
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400
}

@media (min-width: 960px) {
    .top__headline span {
        font-size:38px;
        line-height: 44px
    }
}

@media (max-width: 480px) {
    [lang=de-de] .top__headline {
        font-size:24px;
        line-height: 34px
    }
}

[lang=nb] .top__headline {
    word-break: break-word
}

.top__feature-headline {
    font-size: 30px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: -.4px;
    margin-top: 90px
}

.top__feature-headline span {
    color: #ff7043
}

@media (max-width: 960px) {
    .top__feature-headline {
        margin-top:32px;
        font-size: 20px;
        line-height: 28px;
        text-align: center
    }

    .top__feature-headline span {
        display: block
    }
}

.top__choice {
    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    height: 36px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 16px;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    z-index: 9;
    text-transform: uppercase;
    background-image: linear-gradient(to right,#406c93,#4b6f8f,#54728c,#5e7488,#677785)
}

@media (min-width: 960px) {
    .top__choice {
        display:-webkit-inline-flex;
        display: inline-flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        padding: 0 40px 0 16px;
        margin: 16px 0 0;
        z-index: 0;
        -webkit-clip-path: polygon(0 0,100% 0,95% 50%,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,95% 50%,100% 100%,0 100%)
    }

    [lang=he] .top__choice,[lang=ar] .top__choice {
        -webkit-clip-path: polygon(100% 0,0 0,5% 50%,0 100%,100% 100%);
        clip-path: polygon(100% 0,0 0,5% 50%,0 100%,100% 100%);
        padding: 0 16px 0 40px
    }
}

.top__choice span {
    font-weight: 700
}

.top__text {
    color: #b2bcd2;
    font-size: 16px;
    line-height: 28px;
    margin-top: 16px;
    font-weight: 300
}

@media (min-width: 960px) {
    .top__text {
        font-size:18px;
        line-height: 28px;
        padding-right: 36px;
        font-weight: 400
    }

    [lang=he] .top__text,[lang=ar] .top__text {
        padding-right: 0;
        padding-left: 36px
    }
}

.top__button-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 32px
}

@media (min-width: 960px) {
    .top__button-overlay {
        margin-top:41px;
        margin-left: 0;
        margin-right: 0;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-flex-direction: row;
        flex-direction: row
    }
}

.top__button {
    font-size: 14px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 8px;
    height: 48px;
    margin: 0 0 24px
}

@media (min-width: 960px) {
    .top__button {
        margin:0;
        min-width: 218px
    }
}

.top__button--view-demo {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 24px
}

@media (min-width: 960px) {
    .top__button--view-demo {
        margin-left:22px
    }

    [lang=he] .top__button--view-demo,[lang=ar] .top__button--view-demo {
        margin-left: 0;
        margin-right: 22px
    }
}

.top__button--view-demo a {
    color: #7bbb29;
    font-size: 14px;
    font-weight: 600;
    transition: all .3s ease;
    text-transform: lowercase
}

.home-v2 .top__button--view-demo a {
    text-transform: inherit
}

.top__button--view-demo a:hover {
    color: #fff
}

.top__button--view-demo a:hover svg {
    fill: #fff
}

.top__button--view-demo svg {
    margin-right: 11px;
    position: relative;
    top: 3px;
    transition: all .3s ease
}

[lang=he] .top__button--view-demo svg,[lang=ar] .top__button--view-demo svg {
    margin-left: 11px;
    margin-right: 0
}

.top__compatible-with {
    font-size: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 960px) {
    .top__compatible-with {
        margin-top:50px
    }
}

.top__icon-iphone,.top__icon-android {
    margin-right: 10px;
    fill: #858c9b;
    width: 16px;
    height: 15px
}

[lang=he] .top__icon-iphone,[lang=ar] .top__icon-iphone,[lang=he] .top__icon-android,[lang=ar] .top__icon-android {
    margin-left: 10px;
    margin-right: 0
}

.top__icon-demo {
    fill: #7bbb29;
    width: 21px;
    height: 16px
}

.top__compatible-text {
    color: #858c9b;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase
}

.top__image-overlay {
    margin-top: 40px;
    position: relative;
    display: block;
    z-index: 1
}

@media (min-width: 960px) {
    .top__image-overlay {
        margin-top:30px
    }
}

.top__image-overlay .top__image-dots-1 {
    position: absolute;
    display: inline-block;
    width: 94px;
    height: 182px;
    right: 95px;
    top: -43px;
    z-index: -1
}

@media (max-width: 960px) {
    .top__image-overlay .top__image-dots-1 {
        width:50px;
        height: 96px;
        right: 35px;
        top: -12px
    }
}

.top__image-overlay .top__image-dots-2 {
    position: absolute;
    display: inline-block;
    width: 264px;
    height: 136px;
    left: -13px;
    bottom: 34px;
    z-index: -1
}

@media (max-width: 960px) {
    .top__image-overlay .top__image-dots-2 {
        width:140px;
        height: 72px;
        left: 7px;
        bottom: 37px
    }
}

.top__image {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 960px) {
    .top__image {
        width:470px;
        height: auto
    }
}

.top__feature-list {
    margin-top: 48px
}

@media (min-width: 960px) {
    .top__feature-list {
        display:grid;
        grid-template-columns: repeat(4,1fr);
        gap: 24px 32px;
        -webkit-align-items: start;
        align-items: start
    }
}

.top__feature-figure {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 16px
}

@media (min-width: 960px) {
    .top__feature-figure {
        margin-top:0;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }
}

.top__feature-figure:first-child {
    margin-top: 0
}

[lang=he] .top__feature-figure,[lang=ar] .top__feature-figure {
    -webkit-justify-content: right;
    justify-content: right
}

.top__feature-icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    color: #d4dbea
}

.top__feature-caption {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #8e95a3;
    padding: 0 16px
}

.home-page {
    background: #f8faff
}

.steps {
    background-color: #fff;
    width: 100%;
    padding: 60px 0;
    box-sizing: border-box
}

.steps * {
    box-sizing: border-box
}

@media (min-width: 960px) {
    .steps {
        padding:120px 0
    }
}

.steps__wrapper {
    width: 100%;
    max-width: 1052px;
    padding: 0 14px;
    margin: auto
}

@media (min-width: 960px) {
    .steps__wrapper {
        display:-webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.steps__image-wrap {
    width: 100%;
    max-width: 435px;
    height: 680px;
    display: none;
    position: relative
}

@media (min-width: 960px) {
    .steps__image-wrap {
        display:block;
        margin-right: 90px
    }
}

.steps__image {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: opacity 1s
}

@media (min-width: 960px) {
    .steps__image {
        display:block
    }
}

.steps__image.active {
    opacity: 1
}

.steps__title {
    color: #202630;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 50px
}

@media (min-width: 960px) {
    .steps__title {
        font-size:38px;
        line-height: 44px
    }
}

.steps__items {
    width: 100%;
    max-width: 485px;
    margin: auto
}

@media (min-width: 960px) {
    .steps__items {
        margin:0
    }
}

.steps__item {
    display: -webkit-flex;
    display: flex;
    padding-bottom: 40px;
    position: relative
}

.steps__item:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    width: 1px;
    height: calc(100% + 1px);
    background-color: #0b80e5;
    display: block
}

[lang=he] .steps__item:before,[lang=ar] .steps__item:before {
    left: auto;
    right: 20px
}

.steps__item:last-child {
    padding-bottom: 0
}

.steps__item:last-child:before {
    display: none
}

@media (min-width: 960px) {
    .steps__item:before {
        background-color:#b8c4cb;
        left: 27px
    }

    [lang=he] .steps__item:before,[lang=ar] .steps__item:before {
        left: auto;
        right: 27px
    }

    .steps__item.active .steps__item-count {
        background-color: #0b80e5;
        box-shadow: 0 0 0 1px #0b80e5
    }
}

.steps__item-content {
    margin-left: 16px
}

@media (min-width: 960px) {
    .steps__item-content {
        margin-left:32px
    }
}

[lang=he] .steps__item-content,[lang=ar] .steps__item-content {
    margin-left: 0;
    margin-right: 16px
}

@media (min-width: 960px) {
    [lang=he] .steps__item-content,[lang=ar] .steps__item-content {
        margin-left:0;
        margin-right: 32px
    }
}

.steps__item-count {
    font-size: 18px;
    color: #fff;
    width: 40px;
    height: 40px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    background-color: #0b80e5;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #0b80e5
}

@media (min-width: 960px) {
    .steps__item-count {
        font-size:26px;
        width: 56px;
        height: 56px;
        background-color: #b8c4cb;
        box-shadow: 0 0 0 1px #b8c4cb;
        transition: background-color .225s ease,box-shadow .225s ease
    }
}

.steps__item-title {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px
}

@media (min-width: 960px) {
    .steps__item-title {
        font-size:24px;
        line-height: 32px
    }
}

.steps__item-text {
    color: #546e7a;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px
}

@media (min-width: 960px) {
    .steps__item-text {
        font-size:16px;
        line-height: 24px
    }
}

.steps .get_started_button {
    max-width: 288px;
    margin: 50px auto 0
}

@media (min-width: 960px) {
    .steps .get_started_button {
        max-width:214px;
        margin: 60px 0 0 0
    }
}

.stand-out.why__stand-out {
    background: #fff;
    width: 100%;
    padding: 60px 14px
}

@media (min-width: 992px) {
    .stand-out.why__stand-out {
        padding:120px 0
    }
}

[lang=he] .stand-out.why__stand-out {
    overflow-x: hidden
}

@media (max-width: 960px) {
    [lang=he] .stand-out.why__stand-out {
        content-visibility:auto
    }
}

.stand-out.why__stand-out .slider_wrap {
    max-width: 1080px;
    margin: 0 auto
}

[lang=he] .stand-out.why__stand-out .slider_wrap {
    direction: ltr
}

.stand-out.why__stand-out .slider {
    overflow: hidden;
    margin: 30px auto 0
}

@media (min-width: 992px) {
    .stand-out.why__stand-out .slider {
        margin-top:60px
    }
}

.stand-out.why__stand-out .stand-out__headline {
    color: #202630;
    max-width: 292px
}

@media (min-width: 992px) {
    .stand-out.why__stand-out .stand-out__headline {
        max-width:100%
    }
}

.stand-out.why__stand-out .stand-out__text {
    color: #546e7a
}

.stand-out.why__stand-out .card__header {
    background: #202630
}

.stand-out.why__stand-out .tns-ovh {
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .stand-out.why__stand-out .tns-ovh {
        padding:0 30px 30px 30px
    }
}

.stand-out.why__stand-out .tns-slide-active .card {
    box-shadow: 0 11px 24px 0 rgba(215,222,241,.2),0 4px 16px 0 rgba(215,222,241,.4)
}

.stand-out.why__stand-out .card__header-link {
    color: #fff
}

.stand-out.why__stand-out .card__footer {
    background: #f7f8fa
}

.stand-out.why__stand-out .stand-out__button {
    margin-top: 24px
}

@media (min-width: 992px) {
    .stand-out.why__stand-out .stand-out__button {
        margin-top:35px
    }
}

.stand-out.why__stand-out .stand-out_try_button_wrap {
    text-align: center
}

.stand-out.why__stand-out .stand-out_try_button_wrap {
    text-align: center
}

.stand-out.why__stand-out .slider-controls {
    margin-top: 5px
}

@media (min-width: 960px) {
    .stand-out.why__stand-out .slider-controls {
        padding-right:28px;
        max-width: 100%;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-top: 0
    }

    .stand-out.why__stand-out .slider-controls .controls-arrow {
        width: auto;
        padding-left: 12px
    }

    .stand-out.why__stand-out .slider-controls .controls-count {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .stand-out.why__stand-out .slider-controls .controls-arrow__button {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        box-shadow: 0 4px 16px rgba(215,222,241,.4),0 3px 4px rgba(215,222,241,.2);
        margin-left: 12px;
        border: 1px solid transparent
    }

    .stand-out.why__stand-out .slider-controls [aria-disabled=true].controls-arrow__button {
        border: 1px solid #e6e8ef;
        box-shadow: 0 4px 16px transparent,0 3px 4px transparent
    }

    .stand-out.why__stand-out .slider-controls [aria-disabled=true].controls-arrow__button .controls-arrow__icon {
        color: #b2bcd2
    }
}

.stand-out.why__stand-out .slider-controls .controls-arrow__icon {
    color: #0b80e5
}

.stand-out.why__stand-out .slider__wrapper {
    margin-left: -8px;
    margin-right: -8px
}

@media (max-width: 960px) {
    .stand-out.why__stand-out .card__content-cell {
        min-height:50px
    }
}

.card {
    background-color: #fff;
    border-radius: 12px
}

.card__header {
    position: initial;
    background: initial;
    top: initial;
    left: initial;
    right: initial;
    z-index: initial;
    min-width: initial;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-image: linear-gradient(180deg,#fff 0,#f3f8ff 100%)
}

.card__header-link {
    font-family: "Open Sans",Arial,Helvetica Neue,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #0b80e5;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 56px;
    padding: 10px 16px
}

.card__content {
    display: grid;
    grid-template-columns: 2fr repeat(2,1fr)
}

[lang=he] .card__content {
    direction: rtl
}

.card__content-cell {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    border-top: 2px solid rgba(215,222,241,.2)
}

.card__content-title {
    font-size: 16px;
    font-weight: 600;
    color: #2a313d;
    padding-left: 16px;
    padding-right: 10px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left
}

[lang=he] .card__content-title {
    text-align: right
}

.card__content-title.start {
    text-align: start
}

.card__mspy-logo {
    width: 30px;
    height: 30px;
    color: #00a8ff
}

.card__bark-logo {
    width: 30px;
    height: 30px;
    color: #0f1e4a
}

.card__clevguard-logo {
    width: 30px;
    height: 30px
}

.card__qustodio-logo {
    width: 26px;
    height: 26px
}

.card__flexispy-logo {
    width: 32px;
    height: 32px
}

.card__xnspy-logo {
    width: 32px;
    height: 32px
}

.card__webwatcher-logo {
    width: 32px;
    height: 32px
}

.card__spyzie-logo {
    width: 32px;
    height: 21px
}

.card__spyic-logo {
    width: 32px;
    height: 32px
}

.card__umobix-logo {
    width: 32px;
    height: 32px
}

.card__mobistealth-logo {
    width: 32px;
    height: 19px
}

.card__hoverwatch-logo {
    width: 32px;
    height: 32px
}

.card__figure {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.card__figure--check-mark {
    background-color: #55b330
}

.card__figure--cross {
    background-color: #f8410a
}

.card__figure--tilde {
    background-color: #fabb42
}

.card__icon {
    color: #fff
}

.card__icon--check-mark {
    width: 14px;
    height: 14px
}

.card__icon--cross {
    width: 10px;
    height: 10px
}

.card__footer {
    background-color: initial;
    color: initial;
    padding-top: initial;
    font-family: initial;
    line-height: initial;
    font-family: "Open Sans",Arial,Helvetica Neue,Helvetica,sans-serif;
    text-align: center;
    background-image: linear-gradient(180deg,#f3f8ff 0,#fff 100%);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.card__footer-link {
    font-weight: 600;
    font-size: 16px;
    color: #0b80e5;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 56px;
    padding: 10px 16px
}

[lang=he] .card__footer-link {
    direction: rtl
}

.card__footer-icon {
    width: 12px;
    height: 12px;
    margin-left: 8px
}

[lang=he] .card__footer-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: auto;
    margin-right: 8px
}

.slider {
    margin-top: 24px;
    max-width: 292px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .slider {
        max-width:initial;
        margin-left: initial;
        margin-right: initial;
        text-align: center;
        margin-top: 60px;
        position: relative
    }
}

.slider__wrapper {
    margin-left: -14px;
    margin-right: -14px
}

@media (min-width: 992px) {
    .slider__wrapper {
        margin-left:initial;
        margin-right: initial
    }
}

.slider__controls {
    display: grid;
    grid-template-columns: repeat(2,auto);
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 40px
}

@media (min-width: 992px) {
    .slider__controls {
        position:absolute;
        right: 0;
        bottom: 0;
        margin-top: initial
    }
}

.slider__button {
    font: inherit;
    margin: 0;
    overflow: visible;
    text-transform: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    line-height: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #fdfdfd;
    box-shadow: 0 4px 16px 0 rgba(215,222,241,.4),0 3px 4px 0 rgba(215,222,241,.2);
    transition: background-color .225s ease,box-shadow .225s ease,border .225s ease,opacity .225s ease
}

.slider__button:disabled {
    opacity: .4;
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: none
}

.slider__button:disabled .slider__icon {
    color: #fff
}

.slider__button--prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider__icon {
    color: #0b80e5
}

.stand-out {
    padding: initial;
    transition: initial;
    box-sizing: border-box
}

.stand-out *,.stand-out :before,.stand-out :after {
    box-sizing: inherit
}

.stand-out__headline {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    letter-spacing: -.3px;
    color: #fff;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .stand-out__headline {
        font-size:38px;
        line-height: 44px;
        max-width: 720px
    }
}

.stand-out__text {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -.3px;
    color: #fff;
    margin-top: 30px;
    max-width: 292px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .stand-out__text {
        font-size:18px;
        line-height: 28px;
        margin-top: 16px;
        max-width: 720px
    }
}

.stand-out__button {
    width: 292px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px
}

@media (min-width: 992px) {
    .stand-out__button {
        margin-top:60px;
        width: auto;
        min-width: 214px
    }
}

.why_features_bg {
    background: radial-gradient(98.68% 82.27% at 2.81% 4.46%,#2a313d 0,#252c36 100%)
}

.features {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 40px 0 80px;
    box-sizing: border-box;
    z-index: 0
}

@media (min-width: 960px) {
    .features {
        padding:65px 0 100px
    }
}

.features * {
    box-sizing: border-box
}

.features__title {
    color: #fff;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    max-width: 685px;
    margin: 0 auto 16px
}

@media (min-width: 960px) {
    .features__title {
        font-size:38px;
        line-height: 44px
    }
}

.features__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #b2bcd2;
    width: 100%;
    max-width: 685px;
    margin: auto;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 960px) {
    .features__text {
        margin-bottom:50px;
        font-size: 18px;
        line-height: 28px
    }
}

.features__wrapper {
    width: 100%;
    max-width: 1052px;
    padding: 0 14px;
    margin: auto;
    position: relative;
    z-index: 3
}

[lang=he] .features__content,[lang=ar] .features__content {
    direction: ltr
}

.features .tns-nav {
    position: relative;
    padding-top: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    display: none
}

@media (min-width: 960px) {
    .features .tns-nav {
        display:-webkit-flex;
        display: flex
    }
}

.features .tns-nav button {
    display: block;
    background-color: #fff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 0 8px;
    opacity: .37;
    transition: all .4s ease;
    cursor: pointer;
    outline: 0;
    border: 0;
    padding: 0
}

.features .tns-nav button.tns-nav-active {
    opacity: 1
}

.features .controls-arrow__icon {
    width: 16px;
    height: 16px;
    position: relative;
    color: #0b80e5;
    transition: color .4s;
    will-change: transform
}

.features-control__item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 112px;
    margin: auto
}

.features-control img {
    width: 72px;
    height: auto;
    display: block;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    will-change: transform;
    opacity: .6
}

.features-control .center img {
    -webkit-transform: scale(1.5555);
    transform: scale(1.5555);
    opacity: 1
}

.features-about {
    width: 100%;
    max-width: 728px;
    margin: 30px auto 0
}

.features-about__item {
    background-color: #343d4c;
    border-radius: 16px;
    padding: 24px 16px;
    position: relative;
    margin-top: 13px;
    margin-bottom: 24px
}

.features-about__item:before {
    content: "";
    display: block;
    position: absolute;
    top: -13px;
    left: calc(50% - 13px);
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #343d4c
}

@media (min-width: 960px) {
    .features-about__item {
        padding:24px
    }
}

.features-about__item-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 16px;
    text-align: center
}

.features-about__item-text {
    font-size: 14px;
    line-height: 22px;
    color: #b2bcd2;
    text-align: center
}

@media (min-width: 960px) {
    .features-about {
        position:relative
    }

    .features-about .controls-count {
        display: none
    }

    .features-about .slider-controls {
        position: absolute;
        left: 0;
        top: calc(50% - 7px);
        max-width: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none
    }

    .features-about .controls-arrow__button {
        pointer-events: auto
    }
}

.slider-controls {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-width: 140px;
    margin: auto;
    position: relative
}

.controls-arrow {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.controls-arrow__button {
    width: 32px;
    height: 32px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer
}

.controls-arrow__icon {
    width: 16px;
    height: 16px;
    position: relative;
    fill: #0b80e5;
    transition: color .4s;
    will-change: transform
}

.controls-arrow .prev .controls-arrow__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.controls-arrow [aria-disabled=true] .controls-arrow__icon {
    color: #b2bcd2
}

.controls-count {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #546e7a;
    font-size: 16px;
    line-height: 28px
}

.reviews {
    position: relative;
    box-sizing: border-box;
    padding-top: 120px
}

.reviews * {
    box-sizing: border-box
}

.reviews__wrapper {
    width: 100%;
    max-width: 1052px;
    padding: 0 14px;
    margin: auto;
    z-index: 1
}

.reviews__title {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #202630;
    width: 100%;
    max-width: 855px;
    margin: 0 auto 16px;
    text-align: center
}

@media (min-width: 960px) {
    .reviews__title {
        font-size:38px;
        line-height: 44px
    }
}

.reviews__text {
    font-size: 15px;
    line-height: 22px;
    color: #546e7a;
    margin-bottom: 24px;
    width: 100%;
    max-width: 855px;
    margin: auto;
    text-align: center
}

@media (min-width: 960px) {
    .reviews__text {
        font-size:18px;
        line-height: 28px
    }
}

.reviews .reviews-widget {
    background-color: transparent;
    padding-top: 0
}

[lang=he] .reviews .reviews-widget,[lang=ar] .reviews .reviews-widget {
    direction: ltr
}

@media (max-width: 960px) {
    .reviews .reviews-widget {
        margin-top:0
    }
}

.reviews .reviews-widget__wrapper {
    padding: 0
}

.reviews .reviews-widget__slider {
    max-width: 890px
}

.reviews .reviews-widget__navigation {
    max-width: 100%;
    max-width: calc(100% - 6px)
}

.reviews .reviews-widget__carousel-item {
    padding: 32px 24px!important;
    margin-right: 10px;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 11px 24px 0 rgba(215,222,241,.2),0 4px 16px 0 rgba(215,222,241,.4)
}

@media (min-width: 992px) {
    .reviews .reviews-widget__carousel-item {
        padding:32px!important;
        margin-right: 25px
    }
}

.reviews .reviews-widget__author {
    color: #202630;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 12px
}

.reviews .reviews-widget__date {
    font-size: 13px;
    line-height: 18px;
    color: #a4b1b7;
    margin-left: 5px
}

.reviews .reviews-widget__source {
    display: none
}

.reviews .reviews-widget__mid-block {
    margin-bottom: 12px
}

.reviews .reviews-widget__more {
    display: block;
    color: #0b80e5;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.16px;
    margin-top: 15px;
    text-transform: inherit
}

@media (min-width: 992px) {
    .reviews .reviews-widget__more {
        font-size:16px
    }
}

.reviews .reviews-widget__more:after {
    content: " ";
    background-image: url(/static/mspy/public/assets/images/home8/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block
}

.reviews .reviews-widget__carousel-item[aria-hidden=true] .reviews-widget__more,.reviews .reviews-widget__carousel-item[aria-hidden=true] .reviews-widget__source {
    display: none
}

.reviews .reviews-widget .tns-ovh {
    overflow: hidden;
    padding: 30px 7px
}

.rated {
    position: relative;
    box-sizing: border-box;
    z-index: 0;
    padding-top: 30px;
    padding-bottom: 35px
}

@media (min-width: 960px) {
    .rated {
        padding-top:60px;
        padding-bottom: 60px
    }
}

.rated * {
    box-sizing: border-box
}

.rated__wrapper {
    width: 100%;
    max-width: 1056px;
    padding: 0 16px;
    margin: auto;
    position: relative;
    z-index: 3
}

.rated__items {
    background: #2a313d;
    padding: 24px 0;
    margin-bottom: 32px;
    border-radius: 16px
}

@media (min-width: 960px) {
    .rated__items {
        display:-webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 62px;
        margin-bottom: 60px
    }
}

.rated__buttons {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
}

@media (min-width: 960px) {
    .rated__buttons {
        -webkit-flex-direction:row;
        flex-direction: row;
        width: 100%;
        max-width: 515px;
        margin: auto
    }
}

.rated__button {
    margin-bottom: 20px
}

@media (min-width: 960px) {
    .rated__button {
        box-shadow:none;
        margin: 0 15px
    }
}

@media (max-width: 475px) {
    .rated__button {
        max-width:100%
    }
}

.rated-spacer {
    -webkit-flex: 0 0 1px;
    flex: 0 0 1px;
    background: #546e7a;
    margin: 12px 40px;
    height: 1px
}

@media (min-width: 960px) {
    .rated-spacer {
        margin:0 30px;
        height: auto
    }
}

.rated-percent {
    padding: 32px;
    width: 100%;
    text-align: center
}

@media (min-width: 960px) {
    .rated-percent {
        margin-bottom:0;
        padding: 0
    }
}

.rated-percent__logo {
    margin-bottom: 16px
}

.rated-percent__count {
    font-weight: 600;
    font-size: 30px;
    line-height: 44px;
    color: #b2bcd2;
    margin-bottom: 16px;
    display: block;
    text-align: center
}

.rated-percent__count span {
    color: #fff
}

.rated-percent__describe {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.rated-percent__image {
    width: 100%;
    max-width: 220px;
    height: auto;
    display: block;
    margin: 0 auto 16px
}

[lang=he] .rated-percent__image,[lang=ar] .rated-percent__image {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

[lang=ar] .rated-percent {
    margin-left: 30px
}

.rated-reviews {
    padding: 32px 16px 15px;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

@media (min-width: 960px) {
    .rated-reviews {
        padding:0
    }
}

.rated-reviews__main_title {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    max-width: 230px;
    display: block;
    margin: 0 auto 24px
}

@media (min-width: 960px) {
    .rated-reviews__main_title {
        font-size:30px;
        line-height: 40px;
        max-width: 285px
    }
}

.rated-reviews .rated-reviews__item {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.16px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 12px
}

[lang=el] .rated-reviews .rated-reviews__item {
    font-size: 14px
}

@media (max-width: 768px) {
    .rated-reviews .rated-reviews__item {
        -webkit-flex-direction:column;
        flex-direction: column
    }

    .rated-reviews .rated-reviews__item p {
        margin-bottom: 8px
    }
}

.rated-reviews .rated-reviews__item span {
    margin: 0 4px;
    font-weight: 700
}

[lang=he] .rated-reviews .rated-reviews__item span {
    margin: 0
}

.rated-reviews .rated-reviews__item a {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 5px
}

.faq-main {
    padding: 35px 0 50px
}

@media (min-width: 992px) {
    .faq-main {
        padding:60px 0 120px
    }
}

.faq-main__wrapper {
    max-width: 1024px;
    padding: 0 14px
}

.faq-main__main-headline {
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #202630;
    text-align: center;
    margin-bottom: 8px
}

@media (min-width: 992px) {
    .faq-main__main-headline {
        font-size:38px;
        line-height: 44px
    }
}

.faq-main__fixed {
    position: relative;
    top: 0;
    z-index: 0;
    margin-bottom: 50px
}

@media (min-width: 992px) {
    .faq-main__fixed {
        margin-bottom:60px
    }
}

.faq-main__regular-text {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #2a313d
}

@media (min-width: 992px) {
    .faq-main__regular-text {
        font-size:30px;
        line-height: 44px
    }
}

.faq-main__top-icon {
    fill: #9dadb4;
    margin-bottom: 16px;
    width: 26px;
    height: 26px
}

@media (min-width: 992px) {
    .faq-main__top-icon {
        width:30px;
        height: 30px;
        margin-bottom: 18px
    }
}

.faq-main__top-icon--big {
    width: 30px;
    height: 30px;
    margin-top: -4px
}

@media (min-width: 992px) {
    .faq-main__top-icon--big {
        width:35px;
        height: 35px
    }
}

.faq-main__top-text {
    text-align: center;
    color: #546e7a;
    font-size: 13px;
    font-weight: 700;
    transition: color .4s ease-out
}

@media (min-width: 992px) {
    .faq-main__top-text {
        font-size:16px
    }
}

.faq-main__colums {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
}

.faq-main__elem {
    box-shadow: 0 11px 24px 0 rgba(215,222,241,.2),0 4px 16px 0 rgba(215,222,241,.4);
    background: #fff;
    border-radius: 12px;
    padding: 16px
}

@media (min-width: 992px) {
    .faq-main__elem {
        padding:28px 24px
    }
}

.faq-main__elem:last-child {
    border: 0
}

.faq-main__elem .faq-main__elem-icon.minus {
    opacity: 0
}

.faq-main__elem.is-open .faq-main__elem-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.faq-main__elem.is-open .faq-main__elem-top {
    padding-bottom: 0
}

.faq-main__elem.is-open .faq-main__elem-icon.plus {
    opacity: 0
}

.faq-main__elem.is-open .faq-main__elem-icon.minus {
    opacity: 1
}

.faq-main__elem.is-open .faq-main__elem-bottom {
    padding-top: 8px
}

@media (max-width: 992px) {
    .faq-main__elem.is-open .faq-main__elem-bottom {
        padding-top:12px
    }
}

.faq-main__elem-top {
    color: #2a313d;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 700;
    position: relative
}

@media (min-width: 992px) {
    .faq-main__elem-top {
        cursor:pointer
    }
}

.faq-main__elem-title {
    font-weight: 600;
    font-size: 16px;
    color: #2a313d;
    line-height: 24px;
    letter-spacing: -.16px;
    padding-right: 32px
}

@media (min-width: 992px) {
    .faq-main__elem-title {
        height:48px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }
}

.faq-main__elem-icon {
    width: 26px;
    height: 26px;
    fill: #0b80e5;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    min-width: 13px;
    transition: opacity .4s ease-out,-webkit-transform .4s ease-out;
    transition: transform .4s ease-out,opacity .4s ease-out;
    transition: transform .4s ease-out,opacity .4s ease-out,-webkit-transform .4s ease-out;
    margin-left: 10px;
    margin-right: 5px;
    position: absolute;
    right: 0
}

.faq-main__elem-bottom {
    font-size: 16px;
    line-height: 24px;
    color: #546e7a;
    display: none
}

.faq-main__elem-bottom a {
    color: #43baf2
}

@media (min-width: 992px) {
    .faq-main__elem-bottom a {
        transition:color .4s ease-out
    }

    .faq-main__elem-bottom a:hover {
        color: #7cb937
    }
}

.faq-main__elem-bottom ul {
    list-style: square outside;
    padding-left: 20px
}

.faq-main__elem-bottom p,.faq-main__elem-bottom ol,.faq-main__elem-bottom ul {
    margin-bottom: 10px
}

.faq-main__elem-bottom p:last-child,.faq-main__elem-bottom ol:last-child,.faq-main__elem-bottom ul:last-child {
    margin-bottom: 0
}

.faq-main__bottom-elem {
    display: none
}

.faq-main__bottom-elem.active {
    display: block
}

.faq-main__bottom {
    margin-bottom: 50px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px
}

@media (min-width: 992px) {
    .faq-main__bottom {
        margin-bottom:60px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        row-gap: 16px
    }
}

.faq-main__custom-btn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: auto;
    max-width: 288px
}

.faq-main__button {
    margin: auto;
    max-width: 214px
}

.device {
    padding: initial;
    transition: initial;
    background: radial-gradient(243.87% 65.77% at 50% 50%,#232933 0,#2e3542 100%);
    padding-top: 60px;
    padding-bottom: 86px;
    position: relative
}

@media (min-width: 992px) {
    .device {
        padding-top:120px;
        padding-bottom: 120px;
        position: relative;
        overflow: hidden
    }
}

.device__wrapper {
    position: relative;
    box-sizing: border-box
}

.device__headline {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 16px;
    color: #fff
}

@media (min-width: 992px) {
    .device__headline {
        font-size:38px;
        line-height: 44px
    }
}

.device__subheadline {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    max-width: 528px;
    text-align: center;
    margin: 0 auto 16px;
    color: #b2bcd2
}

@media (min-width: 992px) {
    .device__subheadline {
        font-size:16px;
        line-height: 24px
    }
}

.device__slider-overlay {
    display: -webkit-flex;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin: 40px 0;
    position: relative
}

@media (min-width: 992px) {
    .device__slider-overlay {
        margin:60px 0
    }
}

@media (max-width: 960px) {
    .device__slider-overlay {
        -webkit-flex-direction:column;
        flex-direction: column;
        row-gap: 20px
    }
}

.device__slider-overlay>div {
    -webkit-flex: 1;
    flex: 1
}

.device__vector {
    display: none
}

@media (min-width: 992px) {
    .device__vector {
        display:block
    }
}

.device__decorations .vector-green {
    position: absolute;
    left: 0;
    bottom: 0
}

@media (max-width: 1300px) {
    .device__decorations .vector-green {
        left:-130px
    }
}

.device__decorations .vector-blue {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 1300px) {
    .device__decorations .vector-blue {
        right:-130px
    }
}

.device__vector_dots-1 {
    position: absolute;
    top: -64px;
    left: -86px
}

.device__vector_dots-2 {
    position: absolute;
    bottom: -40px;
    right: -40px
}

.device__item {
    background: #343d4c;
    border-radius: 16px;
    padding: 24px 25px;
    -webkit-flex: auto;
    flex: auto;
    display: grid;
    grid-template-columns: 16fr 27fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: relative
}

@media (max-width: 960px) {
    .device__item {
        grid-template-columns:1fr;
        padding: 20px
    }
}

.device__picture {
    border-radius: 12px;
    padding: 53px 21px 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 10px
}

@media (max-width: 960px) {
    .device__picture {
        padding:16px
    }
}

.device__img-wrap {
    background: rgba(255,255,255,.3);
    width: 105px;
    height: 105px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%
}

.device__img-wrap svg {
    color: #fff
}

@media (max-width: 960px) {
    .device__img-wrap {
        width:86px;
        height: 86px
    }

    .device__img-wrap svg {
        width: 48px;
        height: 48px
    }
}

.device__img-wrap.img-apple svg {
    margin-top: -6px
}

.device .device__picture.green {
    background: #2e4a44
}

.device .device__picture.green .device__img-wrap {
    background: #2c3d40
}

.device .device__picture.blue {
    background: #2a4561
}

.device .device__picture.blue .device__img-wrap {
    background: #2b3b4f
}

.device .green {
    background: #2c3d40
}

.device .blue {
    background: #2a3b4f
}

.device__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #fff
}

.device__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 22px
}

@media (max-width: 960px) {
    .device__list {
        gap:19px
    }
}

.device__list li {
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
    padding-left: 54px;
    min-height: 38px;
    -webkit-align-items: center;
    align-items: center;
    gap: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #b2bcd2;
    font-weight: 600
}

@media (min-width: 992px) {
    .device__list li:first-child {
        margin-top:10px
    }
}

@media (max-width: 960px) {
    .device__list li {
        font-size:13px;
        line-height: 18px;
        font-weight: 400
    }
}

[lang=he] .device__list li,[lang=ar] .device__list li {
    padding-left: 0;
    padding-right: 54px
}

.device__icon {
    width: 20px;
    height: 20px;
    color: #b2bcd2
}

.device__icon-wrap {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    min-width: 38px;
    width: 38px;
    height: 38px;
    -webkit-justify-content: center;
    justify-content: center;
    background: #2c3d40;
    border-radius: 8px
}

[lang=he] .device__icon-wrap,[lang=ar] .device__icon-wrap {
    right: 0;
    left: auto
}

.device__footer {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    gap: 30px
}

@media (max-width: 960px) {
    .device__footer {
        -webkit-flex-direction:column;
        flex-direction: column;
        gap: 20px
    }
}

.device__footer a {
    width: 100%;
    max-width: 273px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    box-sizing: border-box
}

@media (max-width: 960px) {
    .device__footer a {
        max-width:288px
    }
}

.device__button-try {
    background: #7bbb29;
    box-shadow: 0 8px 16px rgba(42,49,61,.12);
    border-radius: 8px
}

.why {
    position: relative;
    padding: 60px 0 40px;
    box-sizing: border-box;
    z-index: 0;
    position: relative;
    overflow: hidden
}

@media (min-width: 960px) {
    .why {
        padding:120px 0 60px
    }
}

.why * {
    box-sizing: border-box
}

.why__wrapper {
    width: 100%;
    max-width: 1052px;
    padding: 0 14px;
    margin: auto;
    position: relative;
    z-index: 3;
    text-align: center
}

.why__title {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .why__title {
        font-size:38px;
        margin-bottom: 60px
    }
}

.why__slider {
    margin-bottom: 180px
}

@media (min-width: 992px) {
    .why__slider {
        margin-bottom:0
    }
}

[lang=he] .why__slider,[lang=ar] .why__slider {
    direction: ltr
}

@media (min-width: 992px) {
    .why__slider-content .tns-item.active div {
        -webkit-transform:scale(1);
        transform: scale(1);
        transition: .3s ease;
        z-index: 10;
        position: relative;
        opacity: 1;
        cursor: auto
    }

    .why__slider-content .tns-item div {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .5;
        cursor: pointer;
        transition: .3s ease
    }

    .why__slider-content .tns-item div:hover {
        opacity: 1
    }
}

.why__slider-item>div {
    border-radius: 12px;
    border: 1px solid #3f4a5c;
    background: #313947;
    padding: 36px 28px;
    height: 400px
}

@media (min-width: 375px) {
    .why__slider-item>div {
        height:355px
    }
}

@media (min-width: 992px) {
    .why__slider-item>div {
        height:288px
    }
}

@media (min-width: 375px) {
    .why__slider-item>div:lang(ro) {
        height:395px
    }
}

@media (min-width: 992px) {
    .why__slider-item>div:lang(ro) {
        height:320px
    }
}

@media (min-width: 375px) {
    .why__slider-item>div:lang(el) {
        height:395px
    }
}

@media (min-width: 992px) {
    .why__slider-item>div:lang(el) {
        height:370px
    }
}

.why__slider-item>div svg {
    color: #1686e5
}

.why__slider-item>div svg.why__slider-item-eye {
    margin-bottom: 7px
}

.why__slider-smiles_wrapper {
    position: absolute;
    width: calc(100% - 28px);
    bottom: 106px;
    margin: 0
}

@media (min-width: 992px) {
    .why__slider-smiles_wrapper {
        margin:50px auto;
        max-width: 240px;
        position: relative;
        bottom: auto
    }
}

.why__slider-smiles_wrapper .tns-inner {
    overflow: hidden
}

.why__slider-smiles_wrapper .tns-item.tns-fadeIn {
    transition-duration: .8s!important;
    -webkit-animation-duration: .8s!important;
    animation-duration: .8s!important
}

.why__slider-title {
    padding: 28px 0 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.16px
}

.why__slider-desc {
    color: #b2bcd2;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px
}

.why__slider-desc a {
    color: #8296c3
}

.why__slider-desc a:hover {
    text-decoration: underline
}

.why__button {
    margin: 30px auto 0
}

@media (min-width: 992px) {
    .why__button {
        max-width:214px
    }
}

.why__decorations .why__vector {
    display: none
}

@media (min-width: 992px) {
    .why__decorations .why__vector {
        display:block
    }
}

.why__decorations .vector-green {
    position: absolute;
    left: 0;
    top: 0
}

@media (max-width: 1300px) {
    .why__decorations .vector-green {
        left:-130px
    }
}

.why__decorations .vector-blue {
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 1300px) {
    .why__decorations .vector-blue {
        right:-110px
    }
}

.why__decorations .dots-1 {
    position: absolute;
    left: 10%;
    bottom: 25%
}

.why__decorations .dots-2 {
    position: absolute;
    right: 12%;
    top: 6%
}

@media (max-width: 1300px) {
    .why__decorations .dots-2 {
        right:6%
    }
}

.why .slider-controls {
    margin-top: 38px
}

@media (min-width: 992px) {
    .why .slider-controls {
        position:absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 100%;
        margin-top: 0
    }
}

.why .slider-controls .controls-count {
    color: #b0bec5
}

@media (min-width: 992px) {
    .why .slider-controls .controls-count {
        display:none
    }
}

.why .slider-controls .controls-arrow__icon {
    color: #1686e5
}

.why__button {
    max-width: 214px
}

.why-progress-circle {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -11px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.why-progress-circle .why-progress-circle__slice,.why-progress-circle .why-progress-circle__fill {
    width: 120px;
    height: 120px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s,-webkit-transform 1s;
    border-radius: 50%
}

.why-progress-circle .why-progress-circle__slice {
    clip: rect(0,120px,120px,60px)
}

.why-progress-circle .why-progress-circle__slice .why-progress-circle__fill {
    clip: rect(0,60px,120px,0);
    background-color: #1886e5
}

.why-progress-circle .why-progress-circle__overlay {
    width: 110px;
    height: 110px;
    position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    background-color: #262d37;
    border-radius: 50%
}

.why-progress-circle[data-progress="0"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="0"] .why-progress-circle__fill {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.why-progress-circle[data-progress="0"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.why-progress-circle[data-progress="1"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="1"] .why-progress-circle__fill {
    -webkit-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.why-progress-circle[data-progress="1"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.why-progress-circle[data-progress="2"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="2"] .why-progress-circle__fill {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.why-progress-circle[data-progress="2"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.why-progress-circle[data-progress="3"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="3"] .why-progress-circle__fill {
    -webkit-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.why-progress-circle[data-progress="3"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.why-progress-circle[data-progress="4"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="4"] .why-progress-circle__fill {
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.why-progress-circle[data-progress="4"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.why-progress-circle[data-progress="5"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="5"] .why-progress-circle__fill {
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg)
}

.why-progress-circle[data-progress="5"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.why-progress-circle[data-progress="6"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="6"] .why-progress-circle__fill {
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.why-progress-circle[data-progress="6"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.why-progress-circle[data-progress="7"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="7"] .why-progress-circle__fill {
    -webkit-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.why-progress-circle[data-progress="7"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.why-progress-circle[data-progress="8"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="8"] .why-progress-circle__fill {
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.why-progress-circle[data-progress="8"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.why-progress-circle[data-progress="9"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="9"] .why-progress-circle__fill {
    -webkit-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.why-progress-circle[data-progress="9"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.why-progress-circle[data-progress="10"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="10"] .why-progress-circle__fill {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.why-progress-circle[data-progress="10"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.why-progress-circle[data-progress="11"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="11"] .why-progress-circle__fill {
    -webkit-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.why-progress-circle[data-progress="11"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.why-progress-circle[data-progress="12"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="12"] .why-progress-circle__fill {
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.why-progress-circle[data-progress="12"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.why-progress-circle[data-progress="13"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="13"] .why-progress-circle__fill {
    -webkit-transform: rotate(23.4deg);
    transform: rotate(23.4deg)
}

.why-progress-circle[data-progress="13"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.why-progress-circle[data-progress="14"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="14"] .why-progress-circle__fill {
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.why-progress-circle[data-progress="14"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.why-progress-circle[data-progress="15"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="15"] .why-progress-circle__fill {
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg)
}

.why-progress-circle[data-progress="15"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.why-progress-circle[data-progress="16"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="16"] .why-progress-circle__fill {
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.why-progress-circle[data-progress="16"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.why-progress-circle[data-progress="17"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="17"] .why-progress-circle__fill {
    -webkit-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.why-progress-circle[data-progress="17"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.why-progress-circle[data-progress="18"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="18"] .why-progress-circle__fill {
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.why-progress-circle[data-progress="18"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.why-progress-circle[data-progress="19"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="19"] .why-progress-circle__fill {
    -webkit-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.why-progress-circle[data-progress="19"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.why-progress-circle[data-progress="20"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="20"] .why-progress-circle__fill {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.why-progress-circle[data-progress="20"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.why-progress-circle[data-progress="21"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="21"] .why-progress-circle__fill {
    -webkit-transform: rotate(37.8deg);
    transform: rotate(37.8deg)
}

.why-progress-circle[data-progress="21"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.why-progress-circle[data-progress="22"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="22"] .why-progress-circle__fill {
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.why-progress-circle[data-progress="22"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.why-progress-circle[data-progress="23"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="23"] .why-progress-circle__fill {
    -webkit-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.why-progress-circle[data-progress="23"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.why-progress-circle[data-progress="24"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="24"] .why-progress-circle__fill {
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.why-progress-circle[data-progress="24"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.why-progress-circle[data-progress="25"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="25"] .why-progress-circle__fill {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.why-progress-circle[data-progress="25"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.why-progress-circle[data-progress="26"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="26"] .why-progress-circle__fill {
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.why-progress-circle[data-progress="26"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.why-progress-circle[data-progress="27"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="27"] .why-progress-circle__fill {
    -webkit-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.why-progress-circle[data-progress="27"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.why-progress-circle[data-progress="28"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="28"] .why-progress-circle__fill {
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.why-progress-circle[data-progress="28"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.why-progress-circle[data-progress="29"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="29"] .why-progress-circle__fill {
    -webkit-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.why-progress-circle[data-progress="29"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.why-progress-circle[data-progress="30"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="30"] .why-progress-circle__fill {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.why-progress-circle[data-progress="30"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.why-progress-circle[data-progress="31"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="31"] .why-progress-circle__fill {
    -webkit-transform: rotate(55.8deg);
    transform: rotate(55.8deg)
}

.why-progress-circle[data-progress="31"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.why-progress-circle[data-progress="32"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="32"] .why-progress-circle__fill {
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.why-progress-circle[data-progress="32"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.why-progress-circle[data-progress="33"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="33"] .why-progress-circle__fill {
    -webkit-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.why-progress-circle[data-progress="33"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.why-progress-circle[data-progress="34"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="34"] .why-progress-circle__fill {
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.why-progress-circle[data-progress="34"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.why-progress-circle[data-progress="35"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="35"] .why-progress-circle__fill {
    -webkit-transform: rotate(63deg);
    transform: rotate(63deg)
}

.why-progress-circle[data-progress="35"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.why-progress-circle[data-progress="36"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="36"] .why-progress-circle__fill {
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.why-progress-circle[data-progress="36"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.why-progress-circle[data-progress="37"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="37"] .why-progress-circle__fill {
    -webkit-transform: rotate(66.6deg);
    transform: rotate(66.6deg)
}

.why-progress-circle[data-progress="37"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.why-progress-circle[data-progress="38"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="38"] .why-progress-circle__fill {
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.why-progress-circle[data-progress="38"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.why-progress-circle[data-progress="39"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="39"] .why-progress-circle__fill {
    -webkit-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.why-progress-circle[data-progress="39"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.why-progress-circle[data-progress="40"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="40"] .why-progress-circle__fill {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.why-progress-circle[data-progress="40"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.why-progress-circle[data-progress="41"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="41"] .why-progress-circle__fill {
    -webkit-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.why-progress-circle[data-progress="41"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.why-progress-circle[data-progress="42"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="42"] .why-progress-circle__fill {
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.why-progress-circle[data-progress="42"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.why-progress-circle[data-progress="43"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="43"] .why-progress-circle__fill {
    -webkit-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.why-progress-circle[data-progress="43"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.why-progress-circle[data-progress="44"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="44"] .why-progress-circle__fill {
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.why-progress-circle[data-progress="44"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.why-progress-circle[data-progress="45"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="45"] .why-progress-circle__fill {
    -webkit-transform: rotate(81deg);
    transform: rotate(81deg)
}

.why-progress-circle[data-progress="45"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.why-progress-circle[data-progress="46"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="46"] .why-progress-circle__fill {
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.why-progress-circle[data-progress="46"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.why-progress-circle[data-progress="47"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="47"] .why-progress-circle__fill {
    -webkit-transform: rotate(84.6deg);
    transform: rotate(84.6deg)
}

.why-progress-circle[data-progress="47"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.why-progress-circle[data-progress="48"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="48"] .why-progress-circle__fill {
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.why-progress-circle[data-progress="48"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.why-progress-circle[data-progress="49"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="49"] .why-progress-circle__fill {
    -webkit-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.why-progress-circle[data-progress="49"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.why-progress-circle[data-progress="50"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="50"] .why-progress-circle__fill {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.why-progress-circle[data-progress="50"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.why-progress-circle[data-progress="51"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="51"] .why-progress-circle__fill {
    -webkit-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.why-progress-circle[data-progress="51"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.why-progress-circle[data-progress="52"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="52"] .why-progress-circle__fill {
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.why-progress-circle[data-progress="52"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.why-progress-circle[data-progress="53"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="53"] .why-progress-circle__fill {
    -webkit-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.why-progress-circle[data-progress="53"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.why-progress-circle[data-progress="54"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="54"] .why-progress-circle__fill {
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.why-progress-circle[data-progress="54"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.why-progress-circle[data-progress="55"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="55"] .why-progress-circle__fill {
    -webkit-transform: rotate(99deg);
    transform: rotate(99deg)
}

.why-progress-circle[data-progress="55"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg)
}

.why-progress-circle[data-progress="56"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="56"] .why-progress-circle__fill {
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.why-progress-circle[data-progress="56"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.why-progress-circle[data-progress="57"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="57"] .why-progress-circle__fill {
    -webkit-transform: rotate(102.6deg);
    transform: rotate(102.6deg)
}

.why-progress-circle[data-progress="57"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.why-progress-circle[data-progress="58"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="58"] .why-progress-circle__fill {
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.why-progress-circle[data-progress="58"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.why-progress-circle[data-progress="59"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="59"] .why-progress-circle__fill {
    -webkit-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.why-progress-circle[data-progress="59"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.why-progress-circle[data-progress="60"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="60"] .why-progress-circle__fill {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.why-progress-circle[data-progress="60"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg)
}

.why-progress-circle[data-progress="61"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="61"] .why-progress-circle__fill {
    -webkit-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.why-progress-circle[data-progress="61"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.why-progress-circle[data-progress="62"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="62"] .why-progress-circle__fill {
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.why-progress-circle[data-progress="62"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.why-progress-circle[data-progress="63"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="63"] .why-progress-circle__fill {
    -webkit-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.why-progress-circle[data-progress="63"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.why-progress-circle[data-progress="64"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="64"] .why-progress-circle__fill {
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.why-progress-circle[data-progress="64"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.why-progress-circle[data-progress="65"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="65"] .why-progress-circle__fill {
    -webkit-transform: rotate(117deg);
    transform: rotate(117deg)
}

.why-progress-circle[data-progress="65"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg)
}

.why-progress-circle[data-progress="66"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="66"] .why-progress-circle__fill {
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.why-progress-circle[data-progress="66"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.why-progress-circle[data-progress="67"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="67"] .why-progress-circle__fill {
    -webkit-transform: rotate(120.6deg);
    transform: rotate(120.6deg)
}

.why-progress-circle[data-progress="67"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.why-progress-circle[data-progress="68"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="68"] .why-progress-circle__fill {
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.why-progress-circle[data-progress="68"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.why-progress-circle[data-progress="69"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="69"] .why-progress-circle__fill {
    -webkit-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.why-progress-circle[data-progress="69"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.why-progress-circle[data-progress="70"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="70"] .why-progress-circle__fill {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.why-progress-circle[data-progress="70"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg)
}

.why-progress-circle[data-progress="71"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="71"] .why-progress-circle__fill {
    -webkit-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.why-progress-circle[data-progress="71"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.why-progress-circle[data-progress="72"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="72"] .why-progress-circle__fill {
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.why-progress-circle[data-progress="72"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.why-progress-circle[data-progress="73"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="73"] .why-progress-circle__fill {
    -webkit-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.why-progress-circle[data-progress="73"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.why-progress-circle[data-progress="74"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="74"] .why-progress-circle__fill {
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.why-progress-circle[data-progress="74"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.why-progress-circle[data-progress="75"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="75"] .why-progress-circle__fill {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.why-progress-circle[data-progress="75"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.why-progress-circle[data-progress="76"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="76"] .why-progress-circle__fill {
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.why-progress-circle[data-progress="76"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.why-progress-circle[data-progress="77"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="77"] .why-progress-circle__fill {
    -webkit-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.why-progress-circle[data-progress="77"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.why-progress-circle[data-progress="78"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="78"] .why-progress-circle__fill {
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.why-progress-circle[data-progress="78"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.why-progress-circle[data-progress="79"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="79"] .why-progress-circle__fill {
    -webkit-transform: rotate(142.2deg);
    transform: rotate(142.2deg)
}

.why-progress-circle[data-progress="79"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.why-progress-circle[data-progress="80"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="80"] .why-progress-circle__fill {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.why-progress-circle[data-progress="80"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg)
}

.why-progress-circle[data-progress="81"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="81"] .why-progress-circle__fill {
    -webkit-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.why-progress-circle[data-progress="81"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.why-progress-circle[data-progress="82"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="82"] .why-progress-circle__fill {
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.why-progress-circle[data-progress="82"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.why-progress-circle[data-progress="83"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="83"] .why-progress-circle__fill {
    -webkit-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.why-progress-circle[data-progress="83"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.why-progress-circle[data-progress="84"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="84"] .why-progress-circle__fill {
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.why-progress-circle[data-progress="84"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.why-progress-circle[data-progress="85"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="85"] .why-progress-circle__fill {
    -webkit-transform: rotate(153deg);
    transform: rotate(153deg)
}

.why-progress-circle[data-progress="85"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg)
}

.why-progress-circle[data-progress="86"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="86"] .why-progress-circle__fill {
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.why-progress-circle[data-progress="86"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.why-progress-circle[data-progress="87"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="87"] .why-progress-circle__fill {
    -webkit-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.why-progress-circle[data-progress="87"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.why-progress-circle[data-progress="88"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="88"] .why-progress-circle__fill {
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.why-progress-circle[data-progress="88"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.why-progress-circle[data-progress="89"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="89"] .why-progress-circle__fill {
    -webkit-transform: rotate(160.2deg);
    transform: rotate(160.2deg)
}

.why-progress-circle[data-progress="89"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.why-progress-circle[data-progress="90"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="90"] .why-progress-circle__fill {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.why-progress-circle[data-progress="90"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg)
}

.why-progress-circle[data-progress="91"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="91"] .why-progress-circle__fill {
    -webkit-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.why-progress-circle[data-progress="91"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.why-progress-circle[data-progress="92"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="92"] .why-progress-circle__fill {
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.why-progress-circle[data-progress="92"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.why-progress-circle[data-progress="93"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="93"] .why-progress-circle__fill {
    -webkit-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.why-progress-circle[data-progress="93"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.why-progress-circle[data-progress="94"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="94"] .why-progress-circle__fill {
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.why-progress-circle[data-progress="94"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.why-progress-circle[data-progress="95"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="95"] .why-progress-circle__fill {
    -webkit-transform: rotate(171deg);
    transform: rotate(171deg)
}

.why-progress-circle[data-progress="95"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg)
}

.why-progress-circle[data-progress="96"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="96"] .why-progress-circle__fill {
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.why-progress-circle[data-progress="96"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.why-progress-circle[data-progress="97"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="97"] .why-progress-circle__fill {
    -webkit-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.why-progress-circle[data-progress="97"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.why-progress-circle[data-progress="98"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="98"] .why-progress-circle__fill {
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.why-progress-circle[data-progress="98"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.why-progress-circle[data-progress="99"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="99"] .why-progress-circle__fill {
    -webkit-transform: rotate(178.2deg);
    transform: rotate(178.2deg)
}

.why-progress-circle[data-progress="99"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.why-progress-circle[data-progress="100"] .why-progress-circle__slice.full,.why-progress-circle[data-progress="100"] .why-progress-circle__fill {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.why-progress-circle[data-progress="100"] .why-progress-circle__fill.why-progress-circle__bar {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.faq-section {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    background-color: #f9f9fa;
    padding: 0
}

.faq-section__wrapper {
    text-align: center;
    padding-top: 48px;
    padding-bottom: 48px
}

@media (min-width: 992px) {
    .faq-section__wrapper {
        padding-top:96px;
        padding-bottom: 96px
    }
}

@media (min-width: 992px) {
    .faq-section__main-headline,.faq-section__regular-text {
        font-size:24px;
        line-height: 32px
    }
}

.faq-section__main-headline {
    font-size: 24px
}

.faq-section__regular-text {
    font-weight: 400;
    font-size: 18px
}

.faq-section__question-list {
    padding-top: 48px;
    padding-bottom: 48px;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto
}

.faq-section__question-item {
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;
    cursor: pointer;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.16)
}

@media (min-width: 992px) {
    .faq-section__question-item {
        padding-left:31px;
        padding-right: 32px;
        padding-top: 26px;
        padding-bottom: 30px
    }
}

.faq-section__question-item+.faq-section__question-item {
    margin-top: 16px
}

.faq-section__question-item.is-open .faq-section__icon-arrow-top {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.faq-section__question {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-right: 24px;
    position: relative
}

@media (min-width: 992px) {
    .faq-section__question {
        font-weight:700
    }
}

.faq-section__answer {
    display: none;
    position: relative;
    padding-top: 11px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.4;
    border-top: 1px solid #dcdee2
}

.faq-section__answer p,.faq-section__answer ul,.faq-section__answer ol {
    margin-bottom: 15px
}

.faq-section__answer p:last-child,.faq-section__answer ul:last-child,.faq-section__answer ol:last-child {
    margin-bottom: 0
}

.faq-section__answer ul {
    list-style: square;
    padding-left: 16px
}

.faq-section__answer ol {
    list-style: decimal;
    padding-left: 16px
}

.faq-section__answer b {
    font-weight: 700
}

.faq-section__icon-arrow-top {
    position: absolute;
    right: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    color: #2b313b;
    opacity: .48;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: -webkit-transform .225s ease;
    transition: transform .225s ease;
    transition: transform .225s ease,-webkit-transform .225s ease
}

[lang=ar] .faq-section__question {
    padding-right: 0;
    padding-left: 24px;
    text-align: right
}

[lang=ar] .faq-section__icon-arrow-top {
    right: auto;
    left: 0
}

[lang=ar] .faq-section__answer {
    text-align: right
}

[lang=ar] .faq-section__answer ul {
    padding-left: 0;
    padding-right: 17px
}

.buynow-section {
    padding: 125px 0 35px;
    box-sizing: border-box;
    position: relative;
    margin-top: -95px
}

@media (min-width: 960px) {
    .buynow-section {
        top:0;
        margin-top: 0;
        padding: 96px 0
    }
}

.buynow-section * {
    box-sizing: border-box
}

.buynow-section__title {
    color: #202630;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    width: 100%;
    max-width: 685px;
    margin: 0 auto 8px
}

@media (min-width: 960px) {
    .buynow-section__title {
        font-size:38px;
        line-height: 44px
    }
}

.buynow-section__subtitle {
    color: #202630;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    width: 100%;
    max-width: 685px;
    margin: 0 auto
}

@media (min-width: 960px) {
    .buynow-section__subtitle {
        font-size:30px;
        line-height: 44px
    }
}

.buynow-section__wrapper {
    width: 100%;
    max-width: 1052px;
    padding: 0 14px;
    margin: auto;
    position: relative;
    z-index: 3
}

@media (max-width: 959px) {
    .buynow-section__wrapper {
        max-width:523px
    }
}

.buynow-section__items {
    padding-top: 24px;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 16px
}

@media (min-width: 960px) {
    .buynow-section__items {
        grid-template-columns:repeat(3,1fr);
        gap: 30px;
        padding-top: 60px
    }
}

.buynow-section__item {
    padding: 26px 14px 0;
    border-radius: 8px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(215,222,241,.4),0 11px 24px rgba(215,222,241,.2)
}

@media (min-width: 960px) {
    .buynow-section__item {
        padding:40px 15px 15px;
        border-radius: 12px
    }
}

.buynow-section__item .product-item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center
}

.buynow-section__item .product-item form {
    width: 100%
}

@media (max-width: 959px) {
    .buynow-section__item .product-item form {
        display:grid;
        grid-template-columns: 1fr repeat(2,2fr);
        grid-column-gap: 5px;
        grid-row-gap: 11px;
        -webkit-align-items: center;
        align-items: center
    }

    .buynow-section__item .product-item form svg {
        grid-area: 1/1/2/2;
        margin-bottom: 0;
        width: 53px;
        height: 30px
    }

    .buynow-section__item .product-item form .txt-wr {
        grid-area: 1/2/2/3;
        text-align: left
    }

    .buynow-section__item .product-item form .txt-wr .title,.buynow-section__item .product-item form .txt-wr .month {
        font-size: 14px;
        line-height: 20px
    }

    .buynow-section__item .product-item form .txt-wr.mb-price.visible-discount {
        grid-area: 1/3/2/4
    }

    .buynow-section__item .product-item form .txt-wr.mb-price.visible-discount .price-pr {
        font-size: 24px;
        line-height: 28px;
        padding: 0
    }

    .buynow-section__item .product-item form .txt-wr.mb-price.visible-discount .price-pr .tarif,.buynow-section__item .product-item form .txt-wr.mb-price.visible-discount .price-pr sup {
        font-size: 12px;
        line-height: 14px
    }

    .buynow-section__item .product-item form .txt-wr.mb-price.visible-discount .price-pr .tarif {
        left: -5px
    }

    .buynow-section__item .product-item form .txt-wr.mb-price.visible-discount .without-discount {
        font-size: 12px;
        line-height: 18px;
        margin: 0
    }

    .buynow-section__item .product-item form .btn-wr {
        grid-area: 2/1/3/4
    }

    .buynow-section__item .product-item form .btn-wr .btn {
        width: calc(100% + 32px);
        margin: 0 -16px
    }
}

.buynow-section__item .product-item .txt-wr {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.buynow-section__item .product-item .discount-ribbon {
    position: absolute;
    background: #ff4c62;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    padding: 2px 30px;
    right: 20px;
    top: 22px;
    width: 166px;
    white-space: nowrap;
    text-transform: uppercase;
    -webkit-transform: rotate(45deg) translate(44%,100%);
    transform: rotate(45deg) translate(44%,100%);
    -webkit-transform-origin: right;
    transform-origin: right;
    font-weight: 700
}

@media (max-width: 1200px) {
    .buynow-section__item .product-item .discount-ribbon {
        right:15px;
        top: 0;
        height: 20px;
        width: auto;
        font-size: 10px;
        line-height: 20px;
        padding: 0;
        text-align: center;
        min-width: 100px;
        -webkit-transform: rotate(0) translate(0,0);
        transform: rotate(0) translate(0,0)
    }

    .buynow-section__item .product-item .discount-ribbon::before {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 20px solid #fff;
        border-left: 20px solid transparent;
        position: absolute;
        top: 0;
        right: 0
    }

    .buynow-section__item .product-item .discount-ribbon::after {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 20px solid #fff;
        border-right: 20px solid transparent;
        position: absolute;
        top: 0;
        left: 0
    }
}

.buynow-section__item .product-item svg {
    width: 91px;
    height: 51px;
    margin-bottom: 25px
}

.buynow-section__item .product-item span.month {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #1786e5;
    font-weight: 700
}

.buynow-section__item .product-item span.title {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -.3px;
    color: #546e7a;
    font-weight: 700;
    text-transform: uppercase
}

.buynow-section__item .product-item .without-discount {
    color: #546e7a;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    padding: 0 1px;
    margin: 7px auto 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.buynow-section__item .product-item .without-discount:before {
    content: "";
    position: absolute;
    top: 51%;
    background: #546e7a;
    left: 0;
    right: 0;
    width: 100%;
    height: .5px;
    display: block
}

.buynow-section__item .product-item .price-pr {
    font-size: 42px;
    padding-top: 33px;
    position: relative;
    font-weight: 600
}

.buynow-section__item .product-item .price-pr sup {
    font-size: 16px;
    font-weight: 400;
    vertical-align: super
}

.buynow-section__item .product-item .price-pr .tarif {
    font-weight: 400;
    font-size: 16px;
    position: relative;
    left: -9px
}

.buynow-section__item .product-item .btn {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 8px 30px;
    background: #7bbb29;
    border-radius: 8px;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    margin: 25px 0 0;
    width: 100%;
    font-weight: 700;
    opacity: 1;
    transition: all .35s ease
}

.buynow-section__item .product-item .btn:hover {
    background: #74b126
}

.buynow-section__item .product-item .btn:active {
    opacity: .8
}

.buynow-section__item:nth-child(2) .discount-ribbon {
    background: #ff973a
}

.buynow-section__logos {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    padding-top: 24px;
    margin: 0 auto
}

@media (min-width: 960px) {
    .buynow-section__logos {
        grid-template-columns:repeat(3,1fr);
        grid-column-gap: 90px;
        grid-row-gap: 10px;
        padding-top: 60px;
        max-width: 450px
    }
}

.buynow-section__logos li svg,.buynow-section__logos li img {
    width: 64px;
    height: 27px;
    position: relative;
    mix-blend-mode: luminosity;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .5;
    transition: all .35s ease
}

@media (min-width: 960px) {
    .buynow-section__logos li svg,.buynow-section__logos li img {
        width:90px;
        height: 32px
    }
}

.buynow-section__logos li svg:hover,.buynow-section__logos li img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}

.buynow-section__logos li:nth-child(2) {
    text-align: center
}

.buynow-section__logos li:nth-child(3) {
    text-align: right
}

.inner.fam-kit {
    max-width: 1020px
}

.inner.fam-kit .jump-menu {
    max-width: 300px;
    float: right;
    padding: 10px;
    box-sizing: border-box;
    background: #f9f9fa;
    margin-left: 30px;
    border-radius: 4px
}

.inner.fam-kit .jump-menu ul li a {
    color: #8c99a0
}

.drop-seo-wr {
    padding: 10px 0;
    margin: 0
}

.drop-seo-wr p.descr-foot {
    color: #bdc0c5;
    font-weight: 400;
    font-size: 13px
}

.drop-seo-wr.no-margin {
    margin: 0
}

.drop-seo-wr.open .drop-seo-head i {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 7px 0 0 10px
}

.drop-seo-wr.open .drop-seo-text {
    max-height: 9999px
}

.drop-seo-wr.open .drop-seo-text::before {
    opacity: 0;
    visibility: hidden
}

.drop-seo-wr.open .drop-seo-text .inner {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

.drop-seo-wr.open .drop-seo__less {
    display: inline
}

.drop-seo-wr.open .drop-seo__more {
    display: none
}

.drop-seo-wr .drop-seo-head {
    min-height: 48px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #222;
    color: #222;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    border-radius: 4px;
    box-sizing: border-box;
    max-width: 280px;
    margin: auto;
    background-color: #fff
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-head {
        transition:border .4s ease-out
    }

    .drop-seo-wr .drop-seo-head:hover {
        background-color: #f9f9fa
    }
}

.drop-seo-wr .drop-seo__less {
    display: none
}

.drop-seo-wr .drop-seo-text {
    max-height: 0;
    overflow: hidden;
    transition: .3s;
    min-height: 170px;
    position: relative;
    margin-bottom: 25px
}

.drop-seo-wr .drop-seo-text::before {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg,#fff 0,rgba(255,255,255,0) 100%);
    top: calc(100% - 50px);
    position: absolute;
    left: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: .4s
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-text {
        min-height:220px
    }
}

.drop-seo-wr .drop-seo-text .inner {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1;
    transition: .3s;
    padding: 30px 0 40px;
    line-height: 1.5;
    max-width: 800px;
    margin: 0 auto
}

.drop-seo-wr .drop-seo-text .inner .jump-menu {
    max-width: 300px;
    float: right;
    padding: 10px;
    box-sizing: border-box;
    background: #f9f9fa;
    margin-left: 30px;
    margin-top: 10px;
    border-radius: 4px
}

@media (max-width: 640px) {
    .drop-seo-wr .drop-seo-text .inner .jump-menu {
        float:none;
        max-width: none;
        margin-left: 0;
        margin-top: 0
    }
}

.drop-seo-wr .drop-seo-text .inner .jump-menu>p {
    margin-left: 10px
}

.drop-seo-wr .drop-seo-text .inner .jump-menu ul li:last-child {
    margin-bottom: 0
}

.drop-seo-wr .drop-seo-text .inner .jump-menu ul li a {
    color: #8c99a0
}

.drop-seo-wr .drop-seo-text .inner .jump-menu ul li ul {
    margin-bottom: -10px
}

.drop-seo-wr .drop-seo-text .inner h1,.drop-seo-wr .drop-seo-text .inner h2,.drop-seo-wr .drop-seo-text .inner h3,.drop-seo-wr .drop-seo-text .inner h4 {
    font-size: 1.5rem;
    margin: 15px 0 10px;
    font-weight: 500
}

.drop-seo-wr .drop-seo-text .inner h3 {
    font-size: 1.2rem
}

.drop-seo-wr .drop-seo-text .inner h4 {
    font-size: 1.1rem
}

.drop-seo-wr .drop-seo-text .inner p {
    padding: 10px 0
}

.drop-seo-wr .drop-seo-text .inner ul {
    padding: 10px;
    list-style: disc
}

.drop-seo-wr .drop-seo-text .inner ul li {
    margin: 0 0 10px 15px
}

.drop-seo-wr .drop-seo-text .inner ul.marker-hyphen {
    list-style: none
}

.drop-seo-wr .drop-seo-text .inner ul.marker-hyphen li {
    position: relative
}

.drop-seo-wr .drop-seo-text .inner ul.marker-hyphen li:before {
    content: "-";
    position: absolute;
    left: -15px;
    top: -1px
}

.drop-seo-wr .drop-seo-text .inner ol {
    padding: 10px;
    list-style-type: decimal
}

.drop-seo-wr .drop-seo-text .inner ol li {
    margin: 0 0 10px 15px
}

.drop-seo-wr .drop-seo-text .inner b,.drop-seo-wr .drop-seo-text .inner strong {
    font-weight: 700
}

.drop-seo-wr .drop-seo-text .inner a:not(.button) {
    color: #39c0f9
}

.drop-seo-wr .drop-seo-text .inner em {
    font-style: italic
}

.drop-seo-wr .drop-seo-text .inner [id] {
    padding-top: 50px;
    margin-top: -30px
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-text .inner [id] {
        padding-top:60px;
        margin-top: -40px
    }
}

@media (min-width: 992px) {
    .drop-seo-wr .drop-seo-text .inner>:first-child {
        padding-top:60px;
        margin-top: -30px
    }
}

.drop-seo-wr .drop-seo-text .button {
    margin: 10px auto;
    max-width: 250px
}

.list-f-top {
    color: #fefefd;
    font-size: 18px;
    line-height: 22px
}

.insta-spy-drop-seo .strong {
    font-weight: 700
}

.insta-spy-drop-seo ol {
    list-style: decimal;
    list-style-position: inside
}

.insta-spy-drop-seo li {
    margin: 0 0 10px 15px
}

.seo-info {
    padding-bottom: 40px;
    margin-top: -35px
}

.seo-info h1,.seo-info h2,.seo-info h3 {
    color: #323a45;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    margin: 35px 0 35px
}

.seo-info p {
    line-height: 20px;
    color: #323a45;
    margin: 5px 0
}

.seo-info ul,.seo-info ol {
    padding: 10px 0;
    padding-left: 20px
}

.seo-info ul li,.seo-info ol li {
    line-height: 20px;
    margin: 5px 0
}

.seo-info ul {
    list-style: disc
}

.seo-info ol {
    list-style: decimal
}

.so-content h3 {
    font-size: 25px;
    max-width: 260px;
    margin: 0 auto 30px
}

.feature-i-box.seo-content h2,.feature-i-box.seo-content h3 {
    text-align: center;
    color: #323a45;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 700;
    margin: 25px 0
}

.feature-i-box.seo-content p {
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.4
}

.feature-i-box.seo-content .features-list {
    padding-bottom: 30px
}

.feature-i-box.seo-content .features-list p {
    padding: 0
}

.feature-i-box .top-dangers ol {
    list-style: decimal;
    list-style-position: inside;
    font-weight: 700
}

.feature-i-box .top-dangers ol li {
    padding: 0 0 15px 0;
    text-transform: uppercase
}

.feature-i-box .top-dangers ol li li {
    padding: 0;
    text-transform: none
}

.feature-i-box .top-dangers ol p {
    font-weight: 400;
    text-transform: none
}

.feature-i-box .top-dangers ol ul {
    list-style: disc;
    list-style-position: inside;
    padding: 10px
}

.feature-i-box .top-dangers ol ul li {
    font-weight: 400;
    line-height: 1.6;
    font-size: 16px
}

.feature-i-box .feature-content {
    font-size: 14px;
    line-height: 20px;
    color: #323a45;
    margin-bottom: 40px
}

.feature-i-box .feature-content .main-title:not(:first-child) {
    margin-top: 40px
}

.feature-i-box .feature-content .main-title:not(:first-child).no-margin-top {
    margin-top: 0
}

.feature-i-box .feature-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto
}

.feature-i-box .feature-content .resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    margin-bottom: 10px
}

.feature-i-box .feature-content .resp-container .resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.feature-i-box .feature-content p {
    margin-bottom: 10px;
    font-size: inherit;
    line-height: inherit;
    padding: 0
}

.feature-i-box .feature-content .feature-button-wrapper {
    text-align: center;
    margin: 40px auto
}

.feature-i-box .feature-content .button:not(.button-show-more) {
    display: -webkit-inline-flex;
    display: inline-flex
}

.feature-i-box .feature-content button {
    -webkit-appearance: button
}

.feature-i-box .feature-content strong {
    font-weight: 700
}

.feature-i-box .feature-content ul,.feature-i-box .feature-content ol {
    list-style-type: disc;
    margin-left: 23px;
    margin-bottom: 10px
}

.feature-i-box .feature-content ul li:not(:last-child),.feature-i-box .feature-content ol li:not(:last-child) {
    margin-bottom: 5px
}

.feature-i-box .feature-content ol {
    counter-reset: section;
    list-style-type: none;
    margin-left: 24px
}

.feature-i-box .feature-content ol li {
    position: relative
}

.feature-i-box .feature-content ol li:before {
    counter-increment: section;
    content: counters(section,".") ".";
    position: absolute;
    left: -22px;
    width: 20px;
    text-align: right
}

.feature-i-box .feature-content ol li>ol {
    margin-left: 25px;
    margin-top: 5px;
    margin-bottom: 0
}

.feature-i-box .feature-content ol li>ol li:before {
    left: -26px
}

.feature-i-box .feature-content ol li.bottom-bullet:before {
    counter-increment: none;
    content: " "
}

.feature-i-box .feature-content ol li.bottom-bullet p:before {
    counter-increment: section;
    content: counters(section,".") ".";
    position: absolute;
    left: -22px;
    width: 20px;
    text-align: right
}

.feature-i-box .feature-content .custom-bullet {
    list-style-type: none
}

.feature-i-box .feature-content .custom-bullet li {
    position: relative
}

.feature-i-box .feature-content .custom-bullet li:before {
    content: "";
    display: inline-block;
    width: 14px;
    margin-left: -14px
}

.feature-i-box .feature-content .custom-bullet li:after {
    content: "";
    position: absolute;
    left: -17px;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000
}

.feature-i-box .feature-content .custom-bullet li.no-bullet:after {
    background-color: transparent
}

.feature-i-box .feature-content .feature-content-hidden {
    display: none
}

[lang=ar] .drop-seo-wr .drop-seo-head i {
    margin: -3px 10px 0 0
}

[lang=ar] .drop-seo-wr .drop-seo-text .inner ul li {
    margin: 0 15px 10px 0
}

@media only screen and (min-width: 960px) {
    .main-menu-button {
        display:none
    }
}

.main-menu-button {
    width: 20px;
    min-width: 20px;
    height: 12px;
    position: relative;
    cursor: pointer
}

.main-menu-button:not(.open):hover i:nth-child(1) {
    -webkit-transform: translate(0,-1px);
    transform: translate(0,-1px)
}

.main-menu-button:not(.open):hover i:nth-child(3) {
    -webkit-transform: translate(0,1px);
    transform: translate(0,1px)
}

.main-menu-button.open i:nth-child(1) {
    top: 50%;
    -webkit-transform: translate(0,0) rotate(45deg);
    transform: translate(0,0) rotate(45deg)
}

.main-menu-button.open i:nth-child(2) {
    opacity: 0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.main-menu-button.open i:nth-child(3) {
    top: 50%;
    -webkit-transform: translate(0,0) rotate(-45deg);
    transform: translate(0,0) rotate(-45deg)
}

.main-menu-button i {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
    transition: .3s cubic-bezier(.48,.88,.44,1.5)
}

.main-menu-button i:nth-child(1) {
    top: 0
}

.main-menu-button i:nth-child(2) {
    top: 50%
}

.main-menu-button i:nth-child(3) {
    top: 100%
}

@media only screen and (max-width: 960px) {
    body {
        -webkit-text-size-adjust:100%
    }

    body.mobile-menu-open {
        -webkit-overflow-scrolling: touch;
        overflow: hidden
    }

    body .buy-now-i .product-i .product-radio-wr .radio-i label .period {
        font-size: 10px
    }

    html {
        height: 100%
    }

    .buy-now-i .product-i .product-head .r-side,.deadly-websites .main-block .main-block-bg video {
        display: none
    }

    .buy-now-i .product-i .product-head .l-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .buy-now-i .product-i {
        position: relative
    }

    .buy-now-i .product-i .product-price .compatibility {
        position: absolute;
        top: 10px;
        right: 10px;
        display: -webkit-flex;
        display: flex
    }

    .buy-now-i .product-i .product-price .compatibility li>div {
        display: none
    }

    .buy-now-i .product-i .product-head {
        padding: 20px
    }

    .buy-now-i .product-i .product-price {
        padding: 0 20px 10px;
        min-height: 70px
    }

    .buy-now-i.buy-now-i-premium>.product-i:nth-child(2) .product-head {
        padding: 35px 20px 0;
        min-height: 123px
    }

    .buy-now-i .product-i .product-radio-wr {
        padding: 20px
    }

    .buy-now-i .product-i .product-radio-wr .radio-i label .price {
        font-size: 14px
    }

    .buy-now-i .product-i .product-features .inner {
        padding: 20px
    }

    .buy-now-i.buy-now-i-premium>.product-i:nth-child(2) .product-price .price-wr .num .integer {
        font-size: 56px
    }

    .buy-now-i.buy-now-i-premium>.product-i:nth-child(2) .product-price .price-wr .num .remaining,.buy-now-i.buy-now-i-premium>.product-i:nth-child(2) .product-price .price-wr .num:before {
        font-size: 24px
    }

    .button.button-gray.ppl svg {
        height: 33px
    }

    section {
        transition: .3s
    }

    header .l-side .mobile-menu {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        background: rgba(42,49,60,.95);
        padding: 40px 0
    }

    .mobile-menu-open .mobile-menu {
        opacity: 1;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        pointer-events: all;
        z-index: 9
    }

    .mobile-menu-open header .l-side .nav-main {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    .mobile-menu-open header .l-side .nav-main>ul>li .sub-menu {
        position: static;
        opacity: 1;
        -webkit-order: 2;
        order: 2;
        background: 0 0;
        padding: 0 20px 0 40px;
        pointer-events: all;
        transition: 0s;
        display: block
    }

    .mobile-menu-open header .l-side .nav-main>ul>li:hover a {
        background: 0 0;
        color: #606b71
    }

    header .l-side .nav-main>ul>li .sub-menu .sub-menu-i {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 0 0 40px 0;
        transition: 0s
    }

    header .l-side .nav-main>ul>li .sub-menu .sub-menu-i:nth-child(1) .sub-menu-title,header .l-side .nav-main>ul>li .sub-menu .sub-menu-i .sub-menu-title {
        padding: 0 10px 10px 0;
        border-bottom: 1px solid #9da8b5
    }

    header .l-side .nav-main>ul>li .sub-menu .sub-menu-i ul {
        padding: 20px 30px 0 0
    }

    header .l-side .nav-main>ul>li .sub-menu .sub-menu-i ul li {
        margin: 10px 0
    }

    header .l-side .nav-main {
        -webkit-transform: translate(0,-20%);
        transform: translate(0,-20%);
        transition: .3s
    }

    .mobile-menu {
        opacity: 0;
        pointer-events: none;
        transition: .3s;
        z-index: -1
    }

    footer .logo-list {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        max-width: 360px
    }

    header .wr {
        height: 50px
    }

    body.language-quest-visible {
        padding-top: 90px
    }

    header .r-side {
        -webkit-flex-basis: calc(100% - 60px);
        flex-basis: calc(100% - 60px);
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-content: flex-end;
        align-content: flex-end
    }

    header .r-side .login-box {
        margin: 0 20px
    }

    header .l-side .nav-main {
        margin: 0;
        font-size: 14px
    }

    header .l-side .nav-main>ul>li .sub-menu~a:after {
        display: none
    }

    header .l-side .nav-main>ul {
        display: block
    }

    header .l-side .nav-main>ul>li .sub-menu .sub-menu-i ul.col-2,header .l-side .nav-main>ul>li .sub-menu .sub-menu-i ul {
        display: block
    }

    header .l-side .nav-main>ul>li {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    header .l-side .nav-main>ul>li>* {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    header .l-side .language-select .language-select-button {
        height: 50px;
        padding: 0 10px;
        width: 50px
    }

    header .r-side .login-box:after {
        display: none
    }

    header .l-side .language-select {
        margin: 0 10px;
        position: relative;
        z-index: 99
    }

    .main-block .main-block-title {
        font-size: 42px
    }

    .main-block .l-side p {
        font-size: 14px
    }

    .main-block .r-side ul {
        min-width: 280px
    }

    .main-block .wr .l-side {
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }

    .header-padding {
        height: 50px
    }

    .main-about .l-side p {
        margin: 0 0 30px 0;
        font-size: 18px
    }

    .main-about .r-side .play-about {
        max-width: 350px
    }

    .endorsements p {
        font-size: 16px
    }

    .buy-now-i .product-i .product-description-wr {
        padding: 15px 6% 15px;
        font-size: 14px
    }

    .buy-now-i .product-i .product-features .inner ul li {
        font-size: 12px
    }

    .button-gray span {
        font-size: 12px
    }

    .about-mission .about-mission-title {
        font-size: 32px
    }

    .features-box-head .wr h1 {
        font-size: 30px
    }

    .mission-stat .stat-i .inner .num-b {
        font-size: 44px
    }

    .affiliate-i .wr .l-side h2 br {
        display: none
    }

    .affiliate-i .wr .l-side h2 {
        font-size: 16px
    }

    .contacts-box .wr ul li {
        margin: 34px 0;
        font-size: 14px
    }

    .aside-box .features-aside {
        max-width: 238px;
        padding: 30px 8px
    }

    .features-box .feature-i-box .wr,.features-box .customers-slider .customers-slider-wr .inner,.features-box .customers-slider .wr,.features-box .customers-slider .customers-slider-wr .inner,.features-box .customers-slider .customers-slider__controls {
        padding: 0 20px 0 278px
    }

    .features-box .get-started .button-box {
        -webkit-justify-content: center;
        justify-content: center
    }

    .features-box .feature-i-head h1 {
        -webkit-justify-content: center;
        justify-content: center
    }

    .features-box .feature-i-head .r-side {
        display: none
    }

    .features-box .compatible-box>div {
        padding: 30px 12px 0
    }

    .features-box .feature-case .l-side p {
        padding: 5px 0;
        font-size: 14px
    }

    .features-box .features-box-head .wr h1 {
        font-size: 30px
    }

    .features-box .feature-i h2 {
        font-size: 24px
    }

    .features-box .feature-i h2 br {
        display: none
    }

    .feature-i-head {
        text-align: center
    }

    .feature-i-head .button-box {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .feature-i-head .button-box>* {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 10px 0
    }

    .features-box .feature-i-head p {
        font-size: 14px
    }

    .features-box .features-list li span {
        font-size: 14px;
        line-height: 1.3
    }

    .features-box .compatible-box {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .features-box .compatible-box .l-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 0
    }

    .features-box .compatible-box .r-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 0
    }

    .features-box .compatible-box>div {
        padding: 30px 12px 0
    }

    .features-box .feature-case .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .features-box .feature-case .wr>div {
        -webkit-flex-basis: 100%!important;
        flex-basis: 100%!important;
        margin: 0 0 40px 0;
        text-align: center
    }

    .features-box .feature-case .wr>div:last-child {
        margin: 0
    }

    .features-box .feature-case .box-title {
        margin: 0 auto 30px
    }

    .features-box .feature-i-head .l-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 500px;
        margin: 0 auto
    }

    .features-box .feature-i-box .main-title {
        text-align: center
    }

    .features-box .feature-i-box .main-steps-wr {
        text-align: center
    }

    .features-box .feature-i-box .main-steps-wr .step-i:before {
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .features-box .feature-i-box.customers-slider .customers-slider-wr .inner {
        text-align: center;
        padding: 0 20px
    }

    .features-box .feature-i-box.start-monitoring-now .button-box {
        -webkit-justify-content: center;
        justify-content: center
    }

    .features-box .feature-i-box.start-monitoring-now .button-box>a {
        margin: 10px 10px
    }

    .networks-block ul {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .networks-block ul li svg {
        height: 30px
    }

    .networks-block ul li {
        margin: 10px 0
    }

    .compatibility-block .compatibility-block-wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .compatibility-block .compatibility-block-wr>li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .compatibility-block .compatibility-block-wr>li i svg {
        width: 40%
    }

    .compatibility-block .compatibility-block-wr>li:nth-child(2) {
        border-left: none;
        border-right: none
    }

    .get-started .button-box {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .get-started .button-box>a {
        margin: 10px 0
    }

    .deadly-websites .main-block h1 {
        font-size: 30px
    }

    .deadly-websites .main-block p {
        font-size: 16px
    }

    .deadly-websites .main-block .form-box {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .trial-form .wr {
        margin: 0 auto;
        max-width: 100%
    }

    .trial-page .main-block .box {
        margin: 0 auto!important
    }

    .trial-page .compatibility-tabs-head ul li svg {
        width: 90px;
        height: 103px
    }

    .trial-page .main-block h1 {
        font-size: 30px!important;
        margin: 0 0 20px
    }

    .trial-form.sevend .trial-form-box .step-i {
        margin: 0 0 25px 0;
        position: relative
    }

    .trial-form.sevend .trial-form-box {
        padding: 30px 0
    }

    .trial-form .trial-form-box .trial-form-title {
        font-size: 16px;
        line-height: 20px
    }

    .trial-page .main-block p {
        font-size: 16px
    }

    .trial-form .trial-form-box .step-i:before,.trial-form .trial-form-box .step-i:after {
        display: none
    }

    .for-comp .feature-i .r-side .img-box {
        max-width: 220px;
        margin: 0 auto
    }

    .features-box .feature-i-head .wr {
        min-height: 0
    }

    .features-box .feature-case .r-side .big-icon li img {
        max-width: 220px
    }

    .features-box .feature-i-head {
        padding: 40px 0
    }

    .error-block .l-side p {
        margin: 0 auto
    }
}

@media only screen and (max-width: 800px) {
    .features-box .feature-i-box .wr.full-wr {
        padding:0 15px!important
    }

    .features-box .feature-i-box .wr.full-wr.top-pad {
        padding: 40px 0 0 0!important
    }

    .features-box .customers-slider .customers-slider-wr .wr.full-wr {
        padding: 0 45px!important
    }

    .features-box .customers-slider .slider-nav .prev.slick-arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .features-box .customers-slider .slider-nav .next.slick-arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 768px) {
    body .cookie-l .txt-box svg {
        display:none
    }

    body .list-f-top {
        text-align: center
    }

    body .main-block .main-block-bg {
        background-position: center
    }
}

@media only screen and (max-width: 600px) {
    body .inner.fam-kit .jump-menu {
        max-width:none;
        margin-left: 0
    }
}

@media only screen and (min-width: 800px) {
    .product-features-button,.button-box-mobile,.session-code-mobile {
        display:none
    }
}

@media only screen and (max-width: 800px) {
    html {
        -webkit-tap-highlight-color:transparent
    }

    .wr {
        padding-left: 16px;
        padding-right: 16px
    }

    header .l-side .language-select .language-select-button {
        padding-right: 0;
        width: 37px
    }

    body,header {
        min-width: 320px
    }

    .buy-now-i {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .button-box-mobile {
        display: block
    }

    .button-box-mobile>span {
        margin: 10px 0
    }

    .button-box-mobile .open-login {
        min-width: 100%;
        margin: 20px 0 0
    }

    header .l-side .language-select:hover .language-select-wr {
        opacity: 0;
        pointer-events: none
    }

    header .l-side .language-select:hover .language-select-button {
        color: #b6c7cf;
        background: 0 0
    }

    header .l-side .language-select .language-select-wr li {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    header .l-side .language-select {
        -webkit-flex-basis: 50px;
        flex-basis: 50px
    }

    header .l-side .language-select.open .language-select-wr {
        opacity: 1;
        pointer-events: all
    }

    header .l-side .language-select.open .language-select-button {
        background: #212730;
        color: #606b71
    }

    .buy-now-i .product-i {
        -webkit-flex-basis: 100%!important;
        flex-basis: 100%!important;
        border-radius: 6px!important;
        margin: 0 0 20px 0!important
    }

    .buy-now-i .product-i .product-features {
        overflow: hidden;
        max-height: 0;
        transition: .3s
    }

    .buy-now-i .product-i .product-features .inner {
        opacity: 0;
        transition: .3s
    }

    .buy-now-i.buy-now-i-premium>.product-i:nth-child(1) {
        border-right: 1px solid #e1e3e4
    }

    .buy-now-i.buy-now-i-premium>.product-i:nth-child(3) {
        border-left: 1px solid #e1e3e4
    }

    .buy-now-i.buy-now-i-premium>.product-i:nth-child(2) {
        -webkit-order: -1;
        order: -1
    }

    .main-banner.timer-banner .timer-banner-title {
        font-size: 28px
    }

    .main-banner .timer-wr .num div:nth-child(1) {
        font-size: 42px
    }

    .main-banner .timer-wr>span {
        font-size: 22px;
        margin: 0 5px 0 0
    }

    .main-banner .timer-wr>span:last-child {
        margin: 0 0 0 5px
    }

    .main-banner .timer-wr .dots {
        font-size: 30px
    }

    .main-banner .timer-wr .num div:nth-child(2) {
        font-size: 10px;
        margin: 5px 0 0 0
    }

    .main-banner {
        padding: 30px 0 0 0
    }

    .main-banner .timer-wr {
        padding: 20px 0
    }

    .tabs-head {
        padding: 20px 0 0 0
    }

    .buy-now-i {
        margin: 40px 0 0 0
    }

    .tabs-head ul {
        max-width: 380px;
        margin: 0 auto
    }

    .buy-now-i {
        max-width: 380px;
        margin: 40px auto 0
    }

    .tabs-head ul li {
        width: auto;
        -webkit-flex-basis: 33.333%;
        flex-basis: 33.333%
    }

    .product-features-button {
        background-color: #e7ecef;
        padding: 10px 0;
        color: #757f84
    }

    .product-features-button span {
        margin: 0 5px;
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        cursor: pointer
    }

    .product-features-button span:after {
        content: "";
        border-left: 1px solid #757f84;
        border-bottom: 1px solid #757f84;
        width: 8px;
        height: 8px;
        display: block;
        margin: -5px 0 0 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: .3s
    }

    .product-i.show-features .product-features-button span:after {
        margin: 5px 0 0 10px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .product-i.show-features .product-features {
        max-height: 999px
    }

    .product-i.show-features .product-features .inner {
        opacity: 1
    }

    section.compatibility .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 380px;
        margin: 0 auto
    }

    section.compatibility .wr>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 20px 0
    }

    footer .t-side {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 20px auto;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    footer .t-side .col:nth-child(1) {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 0 0 10px 0
    }

    footer .t-side .col:nth-child(2) {
        -webkit-flex-basis: 44%;
        flex-basis: 44%;
        margin: 0 10% 0 0
    }

    footer .t-side .col:nth-child(3) {
        -webkit-flex-basis: 44%;
        flex-basis: 44%;
        margin: 0 0 10px 0
    }

    footer .t-side .col:nth-child(5) {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 20px 0 0 0
    }

    footer .b-side {
        margin: 20px auto
    }

    .buy-now-i .product-i .product-head {
        min-height: 0
    }

    .buy-now-i.buy-now-i-familyKit .product-i:nth-child(1) {
        border-right: 1px solid #e1e3e4
    }

    .buy-now-i.buy-now-i-familyKit .product-i:nth-child(3) {
        border-left: 1px solid #e1e3e4
    }

    .compatibility-wr .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .compatibility-wr .wr>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        text-align: center;
        margin: 0 0 40px 0
    }

    .compatibility-wr .wr>div .icon {
        margin: 0 auto 10px
    }

    header .r-side .login-box {
        margin: 0 10px
    }

    section {
        padding: 40px 0
    }

    .main-block .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto
    }

    .main-block {
        padding: 40px 0
    }

    .main-block .main-block-title {
        font-size: 32px
    }

    .main-block .l-side p {
        padding: 15px 0
    }

    .main-block .r-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .main-block .button-box {
        display: none
    }

    .main-block .wr .l-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        text-align: center;
        margin: 0
    }

    .button-box-mobile {
        display: block;
        text-align: center
    }

    .button-box-mobile>span {
        color: #fff;
        display: block;
        margin: 10px 0
    }

    .affiliate-i.commission .img-box {
        margin: 0 auto
    }

    .main-block .r-side ul {
        padding: 0 0 0 20px;
        box-sizing: border-box
    }

    .main-block .r-side ul br {
        display: none
    }

    .main-block .r-side ul li {
        height: auto;
        margin: 10px 0;
        border-bottom: none
    }

    .product-page .main-block:after,.product-page .main-block:before {
        display: none
    }

    .main-block .r-side ul li:before {
        left: -22px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .button-box-mobile {
        margin: 25px 0 0 0
    }

    .buynow-page .note-i {
        pointer-events: none
    }

    .compatibility-wr .wr>div .title {
        -webkit-justify-content: center;
        justify-content: center
    }

    .product-page .main-block {
        padding: 40px 0
    }

    .main-about .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }

    .main-about .wr br {
        display: none
    }

    .main-about .wr .r-side {
        margin: 40px 0 0 0
    }

    .main-about .l-side p {
        margin: 0 0 20px 0;
        font-size: 16px
    }

    .main-features .main-features-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-features .main-features-list li {
        -webkit-flex-basis: 45%;
        flex-basis: 45%;
        margin: 0 0 25px 0
    }

    .main-features .button-box {
        margin: 20px 0 0 0
    }

    .main-features .main-features-top {
        padding: 0 0 40px 0
    }

    .main-features .features-tabs {
        padding: 40px 0
    }

    .main-features .features-tabs .features-tabs-head ul li {
        min-width: 100px
    }

    .main-title {
        font-size: 16px;
        margin: 0 0 30px 0
    }

    .main-features .main-features-bottom {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-features .main-features-bottom>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .main-features .main-features-bottom .r-side {
        border: 0
    }

    .main-features .features-tabs .features-tabs-wr .tab-i .bg-img {
        display: none
    }

    .main-features .main-features-bottom>div {
        padding: 10px 0
    }

    .main-features .features-tabs .features-tabs-wr ul,.main-features .features-tabs .features-tabs-wr ul li .title {
        position: relative
    }

    .main-features .features-tabs .features-tabs-wr ul li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        height: auto;
        background-color: rgba(73,191,243,.9)
    }

    .main-features .features-tabs .features-tabs-wr ul li:nth-child(2n) {
        background-color: rgba(121,208,246,.9)
    }

    .main-features .features-tabs .features-tabs-wr ul li .title {
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

    .main-features .features-tabs .features-tabs-wr ul li .description {
        display: none
    }

    .main-features .features-tabs .features-tabs-wr ul li .icon {
        -webkit-flex-basis: 30%;
        flex-basis: 30%;
        width: auto;
        margin: 0 20px 0 0
    }

    .main-features .features-tabs .features-tabs-wr ul li .title span {
        margin: 0
    }

    .customers-slider .customers-slider-wr .inner {
        font-size: 13px
    }

    .customers-slider .slider-nav .wr {
        padding: 5px
    }

    .drop-seo-wr {
        padding: 10px 0
    }

    .endorsements p {
        font-size: 14px;
        padding: 10px 0
    }

    .main-about .wr {
        -webkit-justify-content: center;
        justify-content: center
    }

    .main-features .features-tabs .features-tabs-wr ul li .icon {
        max-width: 40px
    }

    .video-popup .video-popup-inner {
        padding: 40px 0
    }

    .main-steps .main-steps-wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-steps .main-steps-wr .step-i {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 10px 0;
        padding: 55px 0 0 0
    }

    .features-tabs .features-tabs-head ul li {
        min-width: 140px;
        margin: 0 2px
    }

    .features-tabs .features-tabs-wr ul {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .features-tabs .features-tabs-wr ul li {
        -webkit-flex-basis: 33.333%;
        flex-basis: 33.333%;
        margin: 10px 0
    }

    .main-about .l-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .main-features-bottom .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-features-bottom .wr>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        border: 0
    }

    .main-features-bottom {
        padding: 0
    }

    .endorsements .endorsements-list li {
        -webkit-flex-basis: 33.333%;
        flex-basis: 33.333%
    }

    .endorsements .endorsements-list li:nth-child(4) {
        -webkit-flex-basis: 33.333%!important;
        flex-basis: 33.333%!important
    }

    .endorsements .endorsements-list li:nth-child(7),.endorsements .endorsements-list li:nth-child(8) {
        -webkit-flex-basis: 25%!important;
        flex-basis: 25%!important
    }

    .customers-slider .customers-slider__controls {
        display: none!important
    }

    .experts-reviews .experts-slider-wr .inner {
        font-size: 13px;
        padding: 0 20px
    }

    .experts-reviews .slider-nav .wr {
        padding: 0 5px
    }

    .buy-now-button {
        display: none
    }

    footer {
        line-height: 1.4
    }

    footer .t-side .col:nth-child(1) ul li {
        -webkit-flex-basis: 44%;
        flex-basis: 44%;
        margin: 0 10% 0 0
    }

    footer .t-side .col:nth-child(1) ul li:nth-child(2n) {
        margin: 0 0 0 0
    }

    footer .m-side {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

    footer .m-side .col {
        -webkit-flex-basis: 100%!important;
        flex-basis: 100%!important;
        margin: 0 0 20px 0
    }

    .about-top-box .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        border: 0
    }

    .about-top-box .wr>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        border-right: none!important;
        margin: 20px 0
    }

    .about-info-box .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .about-info-box .wr>div {
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        margin: 5px 0
    }

    .about-info-box .wr .num {
        font-size: 40px
    }

    .about-info-box .wr svg {
        width: 40px
    }

    .about-info-box .wr .icon {
        height: 60px
    }

    .about-info-box .wr .title {
        font-size: 14px
    }

    .start-monitoring-now .button-box {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .start-monitoring-now .button-box>a {
        margin: 10px 0
    }

    .page-head {
        padding: 30px 0 0 0
    }

    .page-head h4 {
        font-size: 13px
    }

    .about-top-box .wr {
        padding: 0
    }

    .about-info-box .wr {
        padding: 0
    }

    .about-mission .about-mission-title {
        font-size: 18px
    }

    .about-mission p {
        font-size: 13px
    }

    .about-timeline:before {
        left: 0
    }

    .about-timeline .date-i {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: left
    }

    .about-timeline .date-i:nth-child(2n) {
        margin: 0
    }

    .about-timeline .date-i:before {
        right: auto;
        left: -10px
    }

    .faq-header h1 {
        font-size: 30px
    }

    .faq-header h3 {
        font-size: 14px;
        margin: 20px 0 90px
    }

    .features-box-head .wr {
        height: auto
    }

    .features-box-head .wr h1 {
        font-size: 24px;
        text-align: center
    }

    .features-box-head .wr p {
        font-size: 14px;
        text-align: center
    }

    .features-box-head {
        padding: 40px 0
    }

    .for-comp .feature-i .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .for-comp .feature-i .wr>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .for-comp .feature-i .r-side {
        margin: 0 0 30px 0
    }

    .for-comp .feature-i .l-side {
        text-align: center
    }

    .for-comp .feature-i h2 {
        text-align: center;
        display: block;
        font-size: 24px
    }

    .for-comp .feature-i p,.features-box .feature-i p {
        font-size: 13px;
        margin: 10px 0
    }

    .for-comp .feature-i,.features-box .feature-i {
        padding: 40px 0
    }

    .for-comp .feature-i:nth-child(2n+1) .r-side {
        -webkit-order: -1;
        order: -1;
        margin: 0 0 30px 0
    }

    .aside-box {
        display: none
    }

    .features-box .feature-i-box .wr,.features-box .customers-slider .customers-slider-wr .inner,.features-box .customers-slider .wr,.features-box .customers-slider .customers-slider-wr .inner,.features-box .customers-slider .customers-slider__controls {
        padding: 0 20px
    }

    .features-box .customers-slider .slider-nav .wr {
        padding: 0 10px
    }

    .features-box .customers-slider .customers-slider-wr .inner {
        padding: 0 40px
    }

    .features-box .main-title {
        text-align: center
    }

    .features-box .customers-slider .customers-slider-wr .inner {
        text-align: center
    }

    .features-box .feature-i .r-side {
        display: none
    }

    .features-box .get-started .button-box {
        display: block
    }

    .features-box .get-started .button-box a {
        margin: 10px 0
    }

    .features-box .features-box-head .wr h1 {
        font-size: 26px
    }

    .features-box .features-box-head .wr h1 br {
        display: none
    }

    .features-box .feature-i .l-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        text-align: center
    }

    .features-box .feature-i h2 {
        display: block;
        font-size: 24px
    }

    .features-box .feature-i h2 i {
        display: block;
        margin: 0 0 20px 0
    }

    .features-box .feature-i .compatibility {
        -webkit-justify-content: center;
        justify-content: center
    }

    .affiliate-title h2 {
        font-size: 18px
    }

    .signup-now .mail-me {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .signup-now .mail-me li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 0 0 10px 0;
        -webkit-justify-content: center;
        justify-content: center
    }

    .affiliate-i .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .affiliate-i .wr>div {
        -webkit-flex-basis: 100%!important;
        flex-basis: 100%!important
    }

    .affiliate-i .wr .l-side {
        margin: 0 0 30px 0;
        text-align: center
    }

    .affiliate-i .wr .l-side i:before {
        margin: 20px auto
    }

    .affiliate-i .wr .l-side i {
        font-size: 40px
    }

    .mission-stat .stat-i .inner .title {
        font-size: 14px
    }

    .mission-stat .stat-i .inner .num-b {
        font-size: 36px
    }

    .mission-stat .stat-i .inner .num-s {
        font-size: 16px;
        top: 76%
    }

    .affiliate-features-list li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        text-align: center
    }

    .affiliate-drop .affiliate-drop-wr .inner {
        padding: 20px 0
    }

    .table-c th,.table-c td {
        padding: 4px;
        font-size: 12px
    }

    .affiliate-i.commission {
        background: #fff
    }

    .affiliate-drop .affiliate-drop-head span {
        -webkit-flex-basis: 90%;
        flex-basis: 90%
    }

    .testimonials-slider {
        margin: 0 auto
    }

    .testimonials-slider p {
        font-size: 14px;
        text-align: center
    }

    .testimonials-slider .testimonials-slider__elem>div {
        text-align: center
    }

    .affiliate-i .wr .r-side {
        width: 100%
    }

    .contacts-head p {
        font-size: 14px
    }

    .contact-form form {
        padding: 20px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contact-form form>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 10px 0
    }

    .contacts-box .wr {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contacts-box .wr>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 10px 0
    }

    .contacts-box .wr .icon {
        font-size: 30px;
        margin: 0 0 10px 0
    }

    .contacts-box .wr ul {
        padding: 0
    }

    .contacts-box .wr ul li {
        font-size: 13px;
        margin: 20px 0
    }

    .contacts-box .wr ul p {
        position: relative
    }

    .features-box .feature-case .box-title {
        margin: 0 auto 20px
    }

    .features-box .feature-case .r-side p {
        margin: 20px 0 0 0
    }

    .features-box .feature-i-head h1 {
        -webkit-justify-content: center;
        justify-content: center;
        padding: 20px 0 0 0;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .features-box .feature-i-head h1>* {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .features-box .feature-i-head h1 i {
        margin: 0 0 20px 0
    }

    .product-features-list ul li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        text-align: center
    }

    .compatibility-tabs-cont>div {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .compatibility-tabs-cont>div:nth-child(2) {
        -webkit-order: 3;
        order: 3
    }

    .compatibility-tabs-cont>div:last-child {
        -webkit-order: 3;
        order: 3
    }

    .compatibility-tabs-cont-line {
        -webkit-order: 2;
        order: 2
    }

    .buy-now-i.buy-now-i-familyKit .product-i.bundle-kit {
        -webkit-order: -1;
        order: -1
    }

    .main-block .reseller-main-r-side {
        color: #fff;
        margin: 20px 0 0 0
    }

    .reseller-main-r-side .s-title {
        text-align: center
    }

    .main-block .reseller-main-r-side p {
        color: #fff;
        max-width: 100%
    }

    .main-block .reseller-main-r-side .margin-stat .stat-i .inner .b-side {
        color: #7bbb29
    }

    .main-about.reseller-about .r-side,.main-about.reseller-about .l-side {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }

    .reseller-about-inf {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }

    .reseller-about-inf>div {
        margin: 10px
    }

    .reseller-block .reseller-block-i .box-i {
        display: block
    }

    .reseller-block .reseller-block-i .box-i .l-side {
        max-height: 999px;
        margin: 0 auto 20px!important;
        max-width: 100px
    }

    .main-block.partner-main h1 {
        font-size: 30px
    }

    .main-block.partner-main p {
        font-size: 18px
    }

    .main-block.partner-main .button-box {
        display: block
    }

    .main-block.partner-main .button-box>span {
        margin: 10px;
        display: block
    }

    .reseller-form .wr,.reseller-form-page .main-block .box {
        margin: 0 auto
    }

    .b-title {
        font-size: 60px
    }

    .main-block.error-block .button-box {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center
    }

    .main-block.error-block .button-box>span {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        margin: 10px 0
    }

    .session-code {
        display: none
    }

    .product-iphone-page .main-block:before,.product-iphone-page .main-block:after {
        display: none
    }

    .product-iphone-page .main-block {
        padding: 40px 0
    }

    html[lang=de] body[data-page-name=resellerdetails] .main-block h1 {
        font-size: 36px
    }

    html[lang=de] body[data-page-name=resellerdetails] .reseller-form .reseller-form-box .reseller-form-i .reseller-form-title {
        font-size: 15px
    }

    html[lang=de] body[data-page-name=privacy_policy] .text-box-policy h1 {
        font-size: 23px
    }
}

@media only screen and (max-width: 700px) and (orientation:landscape) {
    .mobile-menu-open header .header-bottom .wr {
        display:block;
        padding: 5px 0
    }

    header .header-bottom nav.nav-main ul a {
        height: 25px
    }

    header .header-bottom .language-select .language-select-button {
        height: 20px
    }

    header .header-bottom .login-box {
        margin: 5px 20px
    }

    .video-popup .video-popup-inner .video-box iframe {
        max-height: 70vh
    }

    .video-popup .video-popup-inner .close-button:before {
        top: 2%
    }
}

body {
    background: #f4f9ff;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
    background:#2a313e !important;
}

@media (min-width: 960px) {
    body {
        background:linear-gradient(180deg,#f3f8ff 0,#fff 100%)
    }
}

@media (max-width: 768px) {
    .home-v2 .steps,.home-v2 .why,.home-v2 .reviews,.home-v2 .rated,.home-v2 .features,.home-v2 .favorite,.home-v2 .faq-main,.home-v2 .footer {
        content-visibility:auto
    }
}