/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
    font-family: sans-serif; /* 1 */

    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */

    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
	 ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;

    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    color: #000;
    background: #ff0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
	 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
	 ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    font: inherit; /* 2 */

    margin: 0; /* 3 */

    color: inherit; /* 1 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    cursor: pointer; /* 3 */

    -webkit-appearance: button; /* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

    border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type='search'] {
    box-sizing: content-box; /* 2 */

    -webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

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

    border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    padding: 0; /* 2 */

    border: 0; /* 1 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
	 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
    padding: 0;
}

.navigation > ul,
.navigation > ul .sub-nav,
.buttons-holder,
.sign-in-breadcrumbs,
.why-account-list,
.list,
.pricing-section .pricing-item-list,
.pricing-section .pricing-descr-list,
.grid-item .shortcuts-list,
.browser-list,
.tabs-nav,
.footer-menu ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.clearfix:after {
    display: block;
    clear: both;

    content: '';
}

.ellipsis {
    overflow: hidden;

    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
}

html {
    box-sizing: border-box;
}

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

* {
    max-height: 1000000px;
}

body {
    font: 14px/1.2 'sf_pro_display', 'Arial', 'Helvetica Neue', 'Helvetica', sans-serif;

    min-width: 320px;

    color: #000;
    background: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;

    vertical-align: top;
}

.gm-style img {
    max-width: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
    font-family: inherit;
    font-weight: bold;

    margin: 0 0 .5em;

    color: inherit;
}

h1,
.h1 {
    font-size: 36px;
}

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

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

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

h5,
.h5 {
    font-size: 17px;
}

h6,
.h6 {
    font-size: 15px;
}

p {
    margin: 0 0 1em;
}

a {
    color: #000;
}

a:hover,
a:focus {
    text-decoration: none;
}

form,
fieldset {
    margin: 0;
    padding: 0;

    border-style: none;
}

input[type='text'],
input[type='tel'],
input[type='email'],
input[type='search'],
input[type='password'],
textarea {
    box-sizing: border-box;
    padding: .4em .7em;

    border: 1px solid #999;
    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

input[type='text']:focus,
input[type='tel']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='password']:focus,
textarea:focus {
    border-color: #000;
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='email']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='email']::-moz-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #999;
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='email']:-moz-placeholder,
input[type='search']:-moz-placeholder,
input[type='password']:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='email']:-ms-input-placeholder,
input[type='search']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

input[type='text'].placeholder,
input[type='tel'].placeholder,
input[type='email'].placeholder,
input[type='search'].placeholder,
input[type='password'].placeholder,
textarea.placeholder {
    color: #999;
}

select {
    -webkit-border-radius: 0;
}

textarea {
    resize: vertical;
    vertical-align: top;
}

button,
input[type='button'],
input[type='reset'],
input[type='file'],
input[type='submit'] {
    cursor: pointer;

    -webkit-border-radius: 0;

    -webkit-appearance: none;
}

@font-face {
    font-family: 'sf_pro_display';
    font-weight: 600;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/SFProDisplay-Semibold.woff2') format('woff2');
}

@font-face {
    font-family: 'sf_pro_display';
    font-weight: 500;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'sf_pro_display';
    font-weight: 400;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'sf_pro_display';
    font-weight: 700;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'sf_pro_display';
    font-weight: 900;
    font-style: normal;

    font-display: swap;
    src: url('../fonts/SFProDisplay-Heavy.woff2') format('woff2');
}

@font-face {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/icomoon.woff?p62aee') format('woff');
    font-display: block;
}

[class^='icon-'],
[class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1; /* Better Font Rendering =========== */

    text-transform: none;

    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
    content: '\e900';
}

.icon-dot:before {
    content: '\e901';
}

.header {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;

    background: rgba(255, 255, 255, .85);

    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backx-webkit-backdrop-filter: blur(20%);
}

.header-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1802px;
    margin: 0 auto;
    padding: 12px 59px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-holder {
    padding: 0 1px 0 0;
}

.new-email .nav-holder {
    visibility: hidden;

    opacity: 0;
}

.navigation > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 20px 0 0;
    padding: 0;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigation > ul li {
    font-size: 14px;
    font-weight: 600;

    position: relative;

    padding: 0 0 0 16px;
}

.navigation > ul li:hover .sub-nav {
    visibility: visible;

    opacity: 1;
}

.navigation > ul li.active a {
    color: #f4a800;
}

.navigation > ul a {
    display: inline-block;

    padding: 8px 13px;

    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    vertical-align: top;
    text-decoration: none;

    color: #000;
    border-radius: 4px;
    font-weight: 600;
}

.navigation > ul a:hover {
    background: rgba(0, 0, 0, .04);
}

.navigation > ul .more-menu i {
    font-size: 4px;

    display: inline-block;

    margin: 0 8px 2px 0;

    vertical-align: middle;
}

.navigation > ul .sub-nav {
    padding: 22px 0 3px;
}

.navigation > ul .sub-nav li {
    font-weight: 500;
    line-height: 16px;

    padding: 1px 0;
}

.navigation > ul .sub-nav a {
    display: block;

    padding: 7px 8px;
}

.navigation .button {
    color: #000;
}

.sign-in-holder {
    position: relative;

    padding: 0 6px 0 41px;
}


.sign-in-holder:after {
    position: absolute;
    top: 50%;
    left: 17px;

    width: 1px;
    height: 14px;
    margin: -7px 0 0;

    content: '';

    background: #000;

}

.auth.sign-in-holder:after {
    left: -11px;
}

.rosy-arrow {
    position: relative;
}

.rosy-arrow:before {
    opacity: 0;
}

.w-create-acc.rosy-arrow:before {
    opacity: 1;
    position: absolute;
    top: 124%;
    left: 13px;

    width: 65px;
    height: 95px;

    content: '';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    background-image: url(../img/Red-arrow.svg);
    background-repeat: no-repeat;
    background-size: 65px 95px;
}

.nav-toggle {
    position: relative;

    display: block;
    overflow: hidden;

    width: 30px;
    height: 31px;
    margin: 0 -7px 0 0;
    padding: 0;

    text-indent: -9999px;

    border: 0;
    outline: none;
    background: none;
}

.new-email .nav-toggle {
    visibility: hidden;

    opacity: 0;
}

.nav-toggle:before,
.nav-toggle:after,
.nav-toggle span {
    position: absolute;
    top: 16px;
    right: 8px;
    left: 8px;

    height: 2px;
    margin-top: -1px;

    -webkit-transition: all .2s linear;
    transition: all .2s linear;

    border-radius: 4px;
    background: #000;
}

.nav-toggle:before,
.nav-toggle:after {
    top: 10px;

    content: '';
}

.nav-active .nav-toggle:before,
.nav-active .nav-toggle:after {
    top: 16px;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-toggle:after {
    top: 22px;
}

.nav-active .nav-toggle:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-active .nav-toggle span {
    opacity: 0;
}

body.nav-active {
    overflow: hidden;

    height: 100vh;
}

#wrapper {
    overflow-y: scroll;
    overflow-x: hidden;

    padding-top: calc((100vh - 565px) / 2);
    height: 100vh;
}

@media (max-width: 824px) {
    #wrapper {
        padding-top: 96px;
        overflow-y: hidden;
        height: 100%;
    }
}

:not(input):not(textarea) {
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

    -webkit-touch-callout: none; /* iOS Safari */
}

.main-holder .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;

    max-width: 1180px;
    margin: 0 auto;
    padding: 0 60px;
    height: 565px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    align-items: flex-start;
}

.container {
    max-width: 930px;
    margin: 0 auto;
    padding: 0 59px;
}
/*
.col:last-child {
    width: 42%;
    padding: 0;

    text-align: right;
}
*/
.main-holder {

}

.main-holder.change-section {
    padding: 230px 0 0;
}

.main-holder h1 {
    font-weight: 700;
    text-align: center;

    margin: 0 0 24px;
}

.buttons-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 40px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    gap: 12px;
}
@media(min-width: 824px){
    .buttons-holder.no-facebook li a{
        width: 186px;
    }
}
.buttons-holder.no-facebook li:last-of-type{
    display: none;
}

.buttons-holder a {
    width: 120px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;


    min-width: auto;
}


.sign-in-tab {
    display: inline-block;
    padding: 8px 20px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    vertical-align: top;
    text-decoration: none;
    color: #000;
    border-radius: 4px;
    cursor: pointer;
}

.sign-in-tab:hover {
    background-color: rgba(0, 0, 0, .04);
}

.sign-in-tab.active {
    color: #f4a800;
}
/*.sign-in-tab:not(.active){*/
/*    color: #fff;*/
/*    background-color: #070019;*/
/*}*/
/*.sign-in-tab.active{*/
/*    display: none;*/
/*}*/

.another-sign-in {
    overflow: hidden;

    max-width: 384px;
    padding: 0;

    text-align: center;
    margin-bottom: 18px;
}

.another-sign-in span {
    font-weight: 600;

    display: block;

    margin: 0;

    color: rgba(0, 0, 0, .4);
    position: relative;
}

.another-sign-in span:after,
.another-sign-in span:before {
    content: '';
    width: 106px;
    height: 1px;
    opacity: 0.1;
    border-radius: 0.5px;
    background-color: #000000;
    display: block;
    position: absolute;
    top: 50%;

}

@media (max-width: 824px) {
    .another-sign-in span:after,
    .another-sign-in span:before {
        width: 80px;
    }
}

.another-sign-in span:after {
    right: 0;
}

.another-sign-in span:before {
    left: 0;
}

.sign-in-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 25px -10px;
}

.sign-in-breadcrumbs li {
    font-weight: 600;

    position: relative;

    margin: 0 4px 0 0;
    padding: 0 5px 0 0;
}

.sign-in-breadcrumbs li:not(.active):after {
    position: absolute;
    top: 50%;
    right: -2px;

    content: '/';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    color: rgba(0, 0, 0, .4);
}

.sign-in-breadcrumbs li.active span,
.sign-in-breadcrumbs li.active a {
    pointer-events: none;

    color: #f4a800;
}

.sign-in-breadcrumbs li.active span:hover,
.sign-in-breadcrumbs li.active a:hover {
    background: none;
}

.sign-in-breadcrumbs li:last-child:after {
    display: none;
}

.sign-in-breadcrumbs li span,
.sign-in-breadcrumbs li a {
    display: inline-block;

    padding: 6px 10px;

    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    vertical-align: top;
    text-decoration: none;

    border-radius: 4px;
}

.sign-in-breadcrumbs li span:hover,
.sign-in-breadcrumbs li a:hover {
    background: rgba(0, 0, 0, .04);
}

.col-center {
    width: 386px;
    margin: 0 auto;
}

.confirm.confirm-success {
    align-items: flex-start;
}

@media (min-width: 768px) {
    .confirm.confirm-success .col {
        width: 42%;
    }
}

.confirm_message {
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    display: none;
    padding: 0 0 4px;
    color: #000;
    flex-direction: column;
}

.confirm_message span {
    font-size: 34px;
    display: block;
    padding: 0 0 4px;
}

span.confirm_message_email {
    display: inline;
    text-decoration: underline;
}

span.confirm_message_email,
.confirm_message p {
    border: 0;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #000000;
}

.confirm_message p {
    max-width: 382px;
}

.confirm_message-p1 {
    margin-bottom: 20px;
}

.confirm_message-p2 {
    margin-bottom: 40px;
}

.confirm_message-p3s {
    margin-bottom: 0;
}


.confirm_message .count_down {
    display: flex;
    font-size: 14px;
    padding: 0 2px;
}

.confirm_message .count_down #resend-link_count {
    padding: 0 2px;
}

.confirm_message a {
    color: #027aff !important;
    text-decoration: none;
}

.confirm_message a:hover {
    text-decoration: underline !important;
}

.confirm_message strong {
    margin-bottom: 40px;
    display: block;
}

.email_problem p {
    margin-bottom: 0;
}

.resend-email {
    font: 600 14px/1.14 'sf_pro_display';
    display: inline-flex;
    align-items: center;
    min-width: 120px;
    padding: 8px 14px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
    border: 0;
    border-radius: 4px;
    background: #070019;
    margin-bottom: 32px;
}

.resend-email.hide-count .count_down {
    display: none;
}

.resend-email:hover {
    opacity: 0.8;
}

.resend-email[disabled] {
    opacity: .4;
}

.button {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    min-width: 120px;
    padding: 8px 14px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
    border: 0;
    border-radius: 4px;
    background: #070019;
}

.button:hover {
    background: rgba(7, 0, 25, .8);
}

.get-free {
    padding: 8px 12px;
    background-color: transparent;
    color: #070019;
    border: 1px solid #070019;
    transition: 0.3s;

}

.get-free:hover {
    background: #070019;
    color: white;
}

.btn-apple {
    background-color: #fff;
    box-shadow: 0px 0px 0px 1px black inset;
    color: black
}

.btn-apple:hover {
    background-color: #fff;
    opacity: 0.8;
}

.btn-orange {
    color: #000;
    background: #f4a800;
}

.btn-orange:hover {
    background: #f4a802;
}

.btn-yellow {
    font-size: 16px;
    font-weight: 600;

    min-width: 180px;

    color: #000;
    background: #ffc41d;
}

.btn-yellow:hover {
    background: #f4a800;
}

.btn-blue {
    background: #3f82f8;
}

.btn-blue:hover {
    background: rgba(63, 130, 248, .8);
}

.btn-dark-blue {
    background: #4460a0;
}

.btn-dark-blue:hover {
    background: rgba(68, 96, 160, .8);
}

.s-form {
    max-width: 384px;
}

.s-form.change-email-form .input-holder,
.s-form.change-password-form .input-holder {
    padding: 0 0 24px;
}

.s-form.change-email-form .input-footer,
.s-form.change-password-form .input-footer {
    position: relative;

    padding: 8px 0 0;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.s-form.change-email-form .input-footer span,
.s-form.change-password-form .input-footer span {
    margin: -8px 0 8px;
}

.s-form.change-email-form .submit,
.s-form.change-password-form .submit {
    min-width: 113px;
}

.s-form .input-holder {
    padding: 0 0 24px;
}

.s-form .sign_in_footer.hidden {
    display: none;
}

.s-form label {
    font-weight: 600;

    display: inline-block;

    margin: 0 0 8px;

    vertical-align: top;
}

.s-form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.s-form .row .input-holder {
    width: 47%;
}

.s-form input {
    font-size: 14px;
    font-weight: 600;

    display: block;

    width: 100%;
    height: 36px;
    padding: 8px 10px;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;

    caret-color: #f4a800;
}

.s-form input:focus {
    border: 1px solid rgba(0, 0, 0, 0);
    outline: none;
    background: rgba(0, 0, 0, .04);
}

.s-form input:hover {
    border-color: rgba(0, 0, 0, .6);
    background: rgba(6, 0, 25, .04);
}

.s-form input.error {
    border-color: #ed254e;
}

.s-form .error-mess_comb,
.s-form .error-mess {
    font-weight: 600;

    color: #ed254e;
}

.s-form .create-link {
    font-weight: 600;
    margin: 0;
    padding: 8px 9px;

    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-decoration: none;

    color: #000;
    border-radius: 4px;
}

.s-form .forgot-pass {
    margin-top: 25px;
}

.s-form .create-link:hover {
    background: rgba(0, 0, 0, .04);
}

.s-form .submit {
    min-width: 126px;
    padding: 8px 21px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center

    outline: none;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.s-form .submit:hover {
    background: rgba(7, 0, 25, .8);
}

.s-form .submit i {
    font-size: 12px;
    font-style: normal;
    line-height: 1;

    display: inline-block;

    margin: 0 4px 0 0;

    vertical-align: middle;
}

.s-form .submit[disabled] {
    opacity: .4;
}

.s-form .submit[disabled]:hover {
    background: #000;
}

.s-form .decr {
    font-size: 12px;
    font-weight: 500;
    text-align: center;

    margin: 40px 0 34px;

    color: rgba(0, 0, 0, .4);
    color: rgba(7, 0, 25, .4);
}

.s-form .decr a {
    text-decoration: underline;

    color: inherit;
}

.s-form .decr a:hover {
    text-decoration: none;
}

.create-account-form .input-footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.breadcrambs-holder .create-link {
    font-weight: 600;

    margin: 0 0 0 -9px;
    padding: 8px 9px;

    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    text-decoration: none;

    color: #000;
    border-radius: 4px;
}

.breadcrambs-holder .create-link:hover {
    background: rgba(0, 0, 0, .04);
}

#elementtoScrollToID {
    position: relative;
    margin-top: 60px;
    width: auto;
    /*width: 100%;*/
    /*max-width: 384px;*/
    padding: 0;
}

.input-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.input-footer .forgot-text.error {
    color: #ed254e;
}

.error-input {
    border-color: #ed254e !important;
}

.error-label {
    color: #ed254e !important;
}

.sign-in-form,
.create-account-form,
.varification-form {
    -webkit-animation: animation-form .6s ease forwards;
    animation: animation-form .6s ease forwards;
}

.varification-form.hidden {
    display: none;
}

.signUpForm {
    padding: 13px 0 0;
}

.signUpForm .input-holder {
    padding: 0 0 24px;
}

.signInForm .input-footer {
    flex-direction: column;
}

hidden,
.s-form input.hidden {
    display: none;
}

main .show-up-form {
    display: none;

    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

main:not(.signIn):not(.signUp) .sign-in-breadcrumbs li:not(:first-of-type) {
    display: none;
}

main.signIn .sign-in-breadcrumbs li:nth-of-type(3),
main.signUp .sign-in-breadcrumbs li:nth-of-type(2) {
    display: none;
}

.sign-in-breadcrumbs.active {
    cursor: default;
}

.sign-in-breadcrumbs {
    cursor: pointer;
}

main.signIn .signInForm,
main.signUp .signUpForm {
    position: relative;

    display: block;

    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.signIn .sign_in_footer,
.signUp .sign_in_footer {
    display: none;
}

.signIn .s-form:first-of-type .input-holder,
.signUp .s-form:first-of-type .input-holder {
    padding-bottom: 11px;
}

#registration_form .s-form:not(.sign_in_footer) .submit {
    display: block;
}

.signInForm {
    padding: 13px 0 0;
}

.anchor-title {
    font-weight: 600;

    position: absolute;
    top: 20px;
    left: calc((100% - 800px) / 2);

    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    text-decoration: none;

    opacity: 0;
    color: #f4a800;
}

.anchor-active .anchor-title {
    opacity: 1;
}

.top-section {
    padding: 86px 0 66px;
}

.top-section h1 {
    margin: 0 0 30px;

    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    text-align: center;
}

.anchor-active .top-section h1 {
    opacity: 0;
}

.top-section .text-holder {
    font-size: 16px;
    font-weight: 500;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 56px 40px 54px 55px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.w-create-acc .top-section .text-holder {
    padding: 55px 40px 47px 53px;
}

.top-section .text-holder .text {
    padding: 34px 0 0 28px;
}

.w-create-acc .top-section .text-holder .text {
    padding: 5px 0 0 30px;
}

.w-create-acc .top-section .text-holder .text p {
    margin: 0 0 23px;
}

.top-section .name-holder {
    font-size: 18px;
    font-weight: 600;

    padding: 0 0 4px;

    color: rgba(0, 0, 0, .6);
}

.top-section .name-holder span {
    display: block;

    padding: 0 0 12px;
}

.top-section .name {
    font-size: 18px;
    font-weight: 600;

    display: block;

    color: #000;
}

.top-section .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 199px;
    height: 199px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.top-section .img-box img:last-child {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.why-account-content {
    font-size: 16px;
    font-weight: 400;

    padding: 85px 0 0;

    background: rgba(0, 0, 0, .04);
}

.w-create-acc .why-account-content {
    padding: 81px 0 0;
}

.why-account-content b {
    font-weight: 600;
}

.why-account-content h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;

    margin: 0 0 20px;
}

.w-create-acc .why-account-content h2 {
    margin: 0 0 16px;
}

.why-account-content h3 {
    font-size: 16px;
    font-weight: 700;
}

.why-account-content p {
    line-height: 20px;

    margin: 0 0 30px;

    text-align: justify;
}

.why-account-content p.style-margin {
    margin: 0 0 20px;
}

.why-account-content p a {
    text-decoration: none;

    color: #08b1ff;
}

.why-account-list li {
    position: relative;

    padding: 0 0 33px 53px;
}

.why-account-list li .icon {
    font-size: 26px;
    line-height: 1;

    position: absolute;
    top: 4px;
    left: 9px;
}

.why-account-list h4 {
    font-size: 16px;
    font-weight: 500;
}

.why-account-list h4 b {
    font-weight: 700;
}

.list {
    margin: 0 0 30px;
}

.list li {
    position: relative;

    padding: 0 0 0 15px;
}

.list li:before {
    position: absolute;
    top: 9px;
    left: 2px;

    width: 4px;
    height: 4px;

    content: '';

    border-radius: 50%;
    background: #000;
}

.switch-btn {
    position: relative;
    z-index: 0;

    display: inline-block;

    width: 32px;
    height: 20px;
    margin: 0;
    margin: 0 8px;
    padding: 0;

    cursor: pointer;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;

    border: none;
    border-radius: 19px;
    background-color: #ff2849;
}

.switch-btn::after {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;

    width: 16px;
    height: 16px;

    content: '';
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;

    border-radius: 17px;
    background: #fff;
}

.switch-on {
    background-color: #17b73a;
}

.switch-on::after {
    left: 14px;
}

.pricing-section {
    padding: 85px 0;
}

.pricing-section h1 {
    text-align: center;
}

.pricing-section .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 6px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pricing-section .column .col {
    width: 50%;
    padding: 0;

    text-align: center;
}

.pricing-section .column .col:last-child .pricing-box {
    margin: 0 0 0 14px;
}

.pricing-section .interval-holder {
    font-size: 16px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 12px 0 60px 4px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pricing-section .interval-holder strong {
    font-weight: 600;

    display: block;

    padding: 0 8px 0 14px;
}

.pricing-section .interval-holder span {
    font-weight: 500;
}

.pricing-section .interval-holder .icon-clock {
    font-style: normal;
    line-height: 1;
}

.pricing-section .price-pro.switch-off .month {
    display: block;
}

.pricing-box.switch-off a.month {
    display: inline-block;
}

.pricing-section .price-pro.switch-off .year, .pricing-box.switch-off a.year {
    display: none;
}

.pricing-section .price-pro .month, .pricing-box a.month {
    display: none;
}


.pricing-section .pricing-box {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 14px 0 0;
    padding: 20px;

    text-align: left;

    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pricing-section .pricing-box .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 36%;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pricing-section .pricing-box .text-box {
    width: 57%;
    padding: 7px 2px 4px 0;
}

.pricing-section .button {
    min-width: 80px;
    padding: 8px;
}

.pricing-section .button.get-free {
    padding: 8px 10px;
}

.pricing-section .pricing-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 0 18px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-section .pricing-price {
    font-size: 18px;
    font-weight: 600;
}

.pricing-section .pricing-title {
    font-size: 24px;
    font-weight: 700;
}

.pricing-section .pricing-item-list {
    font-weight: 500;

    padding: 0 0 13px;
}

.pricing-section .pricing-item-list li {
    padding: 0 0 7px;
}

.pricing-section .pricing-descr-list {
    padding: 48px 0 0;
}

.pricing-section .pricing-descr-list li {
    font-size: 16px;
    font-weight: 500;

    padding: 13px 10px 12px;
}

.pricing-section .pricing-descr-list li:nth-child(2n) {
    background: rgba(0, 0, 0, .04);
}

#wrapper.what-new {
    padding: 0 4px 4px;

    color: #fff;
    background: #070019;
}

#wrapper.what-new .header {
    background: #070019;
}

#wrapper.what-new .navigation > ul a {
    color: #fff;
}

#wrapper.what-new .navigation > ul a:hover {
    background: #241a31;
}

#wrapper.what-new .nav-toggle:before,
#wrapper.what-new .nav-toggle:after,
#wrapper.what-new .nav-toggle span {
    background: #fff;
}

.what-new .anchor-title {
    opacity: 0;
    color: #d88c0b;
}

.what-new.anchor-active_n .anchor-title {
    opacity: 1;
}

/* clearfix */

.grid:after {
    display: block;
    clear: both;

    content: '';
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
    width: 25%;
}

.grid-item {
    float: left;

    width: 25%;
    height: 184px;

    color: #fff;
    border: 4px solid #070019;
    border-radius: 8px;
}

.grid-item.s-block {
    display: none;
}

.grid-item.height_2 .holder {
    padding: 11px 40px 20px 60px;
}

.grid-item.height_4 .holder {
    padding: 22px 27px 20px 60px;
}

.grid-item.height_5 .holder {
    padding: 20px 40px 20px 51px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-item.height_6 .title {
    font-weight: 700;
}

.grid-item.height_6 .holder {
    padding: 10px 40px 20px 60px;
}

.grid-item.height_11 .holder {
    padding: 20px 40px 20px 51px;
}

.grid-item.height_13 .holder {
    padding: 20px 40px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-item.height_14 .holder {
    padding: 20px 40px 20px 50px;
}

.grid-item .holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;
    padding: 20px 40px 20px 60px;

    text-align: left;
    text-decoration: none;

    border-radius: 5px;
    background-image: -webkit-linear-gradient(123deg, #080020 0%, #00122c 100%);
    background-image: linear-gradient(-33deg, #080020 0%, #00122c 100%);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid-item .holder.orange-bg {
    color: #060019;
    background-image: -webkit-linear-gradient(315deg, #ffe600 0%, #f4a800 100%);
    background-image: linear-gradient(135deg, #ffe600 0%, #f4a800 100%);
}

.grid-item .holder.orange-bg p {
    color: rgba(6, 0, 25, .6);
}

.grid-item .holder.read-link {
    padding: 20px 40px;

    text-align: center;

    color: #ffc41d;
}

.grid-item .holder.read-link .title {
    padding: 0;
}

.grid-item p {
    font-size: 14px;
    font-weight: 500;

    color: rgba(255, 255, 255, .6);
}

.grid-item p a {
    text-decoration: none;

    color: #08b1ff;
}

.grid-item .big-title {
    font-size: 36px;
}

.grid-item .title {
    font-size: 20px;
    font-weight: 600;

    display: block;

    padding: 0 0 8px;
}

.grid-item p {
    margin: 0;
}

.grid-item span {
    font-size: 50px;

    display: block;

    margin: 0 45px 15px 2px;
}

.grid-item .ctrl {
    font-size: 20px;
    font-weight: 600;

    padding: 0 0 0 28px;

    color: #ffc41d;
}

.grid-item .ctrl-wrap .ctrl {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.grid-item .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.grid-item .shortcuts-list {
    margin: 0 0 0 5px;
}

.grid-item .shortcuts-list li {
    padding: 2px 0;

    color: rgba(255, 255, 255, .4);
}

.grid-item .shortcuts-list b {
    font-size: 14px;
    font-weight: 500;

    display: inline-block;

    padding: 0 6px 0 0;

    text-transform: uppercase;

    color: #ffc41d;
}

.grid-item .apple-icon {
    margin: 0 23px 0 0;
}

.grid-item .count-wrap {
    cursor: pointer;
}

.grid-item .count-wrap .title {
    padding: 0;
}

.grid-item .liked .like-icon .like {
    opacity: 1;
}

.grid-item .liked .like-icon .no-like {
    opacity: 0;
}

.grid-item .like-icon {
    position: relative;

    width: 24px;
    height: 24px;
    margin: 0 7px 2px 0;
}

.grid-item .like-icon img {
    position: absolute;
    top: 0;
    left: 0;
}

.grid-item .like-icon .like {
    opacity: 0;
}

.grid-item .big-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.grid-item .big-title img {
    margin: 0 10px 0 0;
}

.grid-item .number {
    font-weight: 700;

    display: none;
}

.grid-item .btn {
    font-size: 18px;
    font-weight: 600;

    display: inline-block;

    min-width: 151px;
    margin: 0 0 0 48px;
    padding: 13px;

    text-align: center;
    text-decoration: none;

    color: #060019;
    border-radius: 12px;
    background-image: -webkit-linear-gradient(315deg, #ffe600 0%, #f4a800 100%);
    background-image: linear-gradient(135deg, #ffe600 0%, #f4a800 100%);
}

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

.grid-item--height2 {
    height: 368px;
}

.news-section {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;

    padding: 65px 0;
}

.news-section .container {
    max-width: 918px;
}

.news-section h3 {
    font-size: 24px;
    font-weight: 500;

    margin: 0 0 35px;
}

.news-section h4 {
    font-size: 16px;
    font-weight: 700;
}

.news-section p {
    margin: 0 0 28px;

    text-align: justify;
}

.news-section p a {
    text-decoration: none;

    color: #08b1ff;
}

.yellow_logo,
.white_logo {
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
}

.logo {
    position: relative;
}

.fp-viewing-synchronization .yellow_logo {
    -webkit-transition: all .3s ease-in-out .8s;
    transition: all .3s ease-in-out .8s;

    opacity: 1;
}

.fp-viewing-synchronization .black_logo {
    -webkit-transition: all .3s ease-in-out .8s;
    transition: all .3s ease-in-out .8s;

    opacity: 0;
}

.fp-viewing-synchronization .header {
    -webkit-transition: all .3s ease-in-out .8s;
    transition: all .3s ease-in-out .8s;

    background: #ffc41d;
}

.fp-viewing-synchronization .navigation > ul a {
    color: #000;
}

.fp-viewing-synchronization .get-free {
    -webkit-transition: all .3s ease-in-out .8s;
    transition: all .3s ease-in-out .8s;

    color: #fff;
    background: #070019;
}

.blackHead .white_logo {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    opacity: 1;
}

.blackHead .black_logo {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    opacity: 0;
}

.blackHead .header {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    background: #070019;
}

.blackHead .navigation > ul a {
    color: #fff;
}

.blackHead .navigation > ul a:hover {
    background: #241a31;
}

.blackHead .nav-toggle:before,
.blackHead .nav-toggle:after,
.blackHead .nav-toggle span {
    background: #fff;
}

.blackHead .sign-in-holder:after {
    background: #fff;
}

.fp-viewing-user-experience .white_logo,
.fp-viewing-download-extension .white_logo {
    -webkit-transition: all .3s ease-in-out .8s;
    transition: all .3s ease-in-out .8s;

    opacity: 1;
}

.fp-viewing-user-experience .black_logo,
.fp-viewing-download-extension .black_logo {
    -webkit-transition: all .3s ease-in-out .8s;
    transition: all .3s ease-in-out .8s;

    opacity: 0;
}

.fp-viewing-user-experience .header,
.fp-viewing-download-extension .header {
    -webkit-transition: background .3s ease-in-out .8s;
    transition: background .3s ease-in-out .8s;

    background: #070019;
}

.fp-viewing-user-experience .navigation > ul a,
.fp-viewing-download-extension .navigation > ul a {
    -webkit-transition: color .3s ease-in-out .8s;
    transition: color .3s ease-in-out .8s;

    color: #fff;
}

.fp-viewing-user-experience .navigation > ul a:hover,
.fp-viewing-download-extension .navigation > ul a:hover {
    background: #241a31;
}

.fp-viewing-user-experience .nav-toggle:before,
.fp-viewing-user-experience .nav-toggle:after,
.fp-viewing-user-experience .nav-toggle span,
.fp-viewing-download-extension .nav-toggle:before,
.fp-viewing-download-extension .nav-toggle:after,
.fp-viewing-download-extension .nav-toggle span {
    background: #fff;
}

.fp-viewing-user-experience .sign-in-holder:after,
.fp-viewing-download-extension .sign-in-holder:after {
    -webkit-transition: background .3s ease-in-out 1s;
    transition: background .3s ease-in-out 1s;

    background: #fff;
}

.home #wrapper {
    padding: 0;
    padding-top: 0;
    overflow: hidden;
    height: auto;
}

.home .container {
    width: 100%;
    max-width: 1180px;
}

.section .top-title {
    /*Maksym changed here*/
    /*font-size: 72px;*/
    font-size: 64px;
    font-weight: 900;
    line-height: 86px;

    display: block;

    padding: 12px 0 6px;
}

.section .yellow-mark {
    display: block;

    color: #ffc41d;
}

.hold {
    padding: 22vh 0 17vh;
}

.hold .wrap {
    position: relative;
}

.hold .wrap:after {
    /*Maksym made changes here*/
    position: absolute;
    top: 30%;
    /*right: -300px;*/
    right: 105px;

    /*width: 611px;*/
    /*height: 611px;*/
    width: 520px;
    height: 520px;
    /*margin: -305px 0 0;*/
    margin: -190px 0 0;

    content: '';
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: spin 16s linear 0s infinite;
    animation: spin 16s linear 0s infinite;

    background: url(../img/Animation.svg);
    /*background-size: 611px 611px;*/
    background-size: 520px 520px;
}

.hold .wrap .container {
    position: relative;
    z-index: 10;
}

#section-1.active .browser-list {
    bottom: 60px;

    -webkit-animation: none;
    animation: none;
}

.mobile-animate .browser-list {
    animation: none;
}

#section-1 .browser-list li.active a {
    background: rgba(0, 0, 0, .04);
}

.browser-top-bar {
    position: relative;

    width: 1106px;
    height: 578px;
    padding: 70px 0 0;
}

.add-link {
    font-size: 72px;
    font-weight: 700;

    position: relative;

    display: none;

    margin: 0 0 31px;

    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    text-decoration: none;

    color: #ffc41d;
}

.safari-active .add-link.add-safari {
    display: inline-block;
}

.opera-active .add-link.add-opera {
    display: inline-block;
}

.firefox-active .add-link.add-firefox {
    display: inline-block;
}

.chrome-active .add-link.add-chrome {
    display: inline-block;
}

.add-link.get_mobile {
    display: none;
}

.add-link.get_mobile:hover {
    color: #f4a800;
}

.add-link.get_mobile:hover .arrow {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.add-link.get_mobile:hover .arrow svg path {
    fill: #f4a800;
}

.add-link span {
    display: inline-block;

    vertical-align: middle;
}

.add-link:hover {
    color: #f4a800;
}

.add-link:hover .arrow {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

.add-link:hover .arrow svg path {
    fill: #f4a800;
}

.add-link .arrow {
    position: relative;

    height: 68px;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.add-link .arrow svg path {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.add-link .chrome {
    display: none;
}

.chrome-active .add-link .chrome {
    display: inline-block;
}

.add-link .firefox {
    display: none;
}

.firefox-active .add-link .firefox {
    display: inline-block;
}

.add-link .opera {
    display: none;
}

.opera-active .add-link .opera {
    display: inline-block;
}

.add-link .safari {
    display: none;
}

.safari-active .add-link .safari {
    display: inline-block;
}

.nh-ph span {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;

    display: block;

    margin-bottom: 8px;

    letter-spacing: 0;

    color: #262626;
}

.open-modal {
    font-size: 24px;

    display: inline-block;

    margin: 0 0 0 5px;

    text-decoration: none;

    outline: none;

    cursor: pointer;
}

.open-modal:hover span {
    color: #06001c;
}

.open-modal span {
    font-weight: 600;

    display: inline-block;

    margin: 0 0 0 5px;

    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;

    color: rgba(6, 0, 28, .6);
}

div.lightbox {
    max-width: 1024px;

    border: .5px solid rgba(0, 0, 0, .16);
    border-radius: 8px;
    box-shadow: 0 8px 12px 2px rgba(0, 0, 0, .1);
}

div.lightbox video {
    position: relative;

    display: block;

    width: 100%;

    border-radius: 8px;
    outline: none;
}

.popup-holder {
    position: relative;

    overflow: hidden;

    height: 0;
}

.browser-list {
    position: relative;
    z-index: 100;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 60px 0 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.browser-list li {
    padding: 0 15px;
}

.browser-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 8px 15px;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;

    border-radius: 4px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    cursor: pointer;
}

.browser-list a:hover {
    background: rgba(0, 0, 0, .04);
}

.browser-list a span {
    font-size: 16px;
    font-weight: 600;

    display: inline-block;

    padding: 0 0 0 5px;
}

.browser-list a .s-img {
    width: 20px;
    height: 20px;
}

.browser-holder .button {
    display: none;
}

.description-holder {
    margin: -59px 0 0;
    padding: 10px 0 0;
}

.description-holder .description {
    font-size: 24px;
    font-weight: 500;
}

.description-holder h2 {
    font-size: 36px;

    margin: 0 0 12px;
}

.description-holder p {
    line-height: 1.5;

    margin: 0 0 10px;
}

.fp-auto-height {
    height: auto !important;
}


.options-list {
    padding: 37px 0 45px;
}

.options-list .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 59px;
    margin: 0 0 14px;
    padding: 0 0 0 7px;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.options-list .option-card {
    padding: 0 0 2px;
}

.options-list h3 {
    font-size: 24px;
    font-weight: 600;
}

.options-list p {
    font-size: 16px;
    font-weight: 500;

    opacity: .6;
}

#section-3 {
    background-color: #ffc31e;
}

.access-holder {
    padding: 16.5vh 0 6vh;
}

.head {
    font-size: 24px;
    font-weight: 500;

    padding: 0 0 32px;

    text-align: center;
}

.head h2 {
    font-size: 36px;
    font-weight: 700;
}

.images-gallery {
    position: relative;

    max-width: 842px;
    margin: 0 auto;
    padding: 0 0 0 39px;
}

.safari-active .images-gallery.other-browser {
    display: none;
}

.opera-active .images-gallery,
.firefox-active .images-gallery,
.chrome-active .images-gallery {
    display: none;
}

.opera-active .images-gallery.other-browser,
.firefox-active .images-gallery.other-browser,
.chrome-active .images-gallery.other-browser {
    display: block;
}

.gallary-wrap {
    position: relative;

    max-width: 800px;
    margin: 0 auto;
}

.gallary-wrap:hover:after {
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

.gallary-wrap:after {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);

    border-radius: 6px;
    background-color: #070019;
}

.image-slide {
    position: relative;
    z-index: 2;

    overflow: hidden;

    border: 1px solid rgba(7, 0, 25, .4);
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 10px 64px rgba(0, 0, 0, .34);
}

.image-slide .slid,
.image-slide .mobile-slid {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.image-slide .mobile-slid {
    -webkit-animation: anim-slide 3s infinite;
    animation: anim-slide 3s infinite;
}

.image-slide .slid {
    -webkit-animation: anim-slide 9s infinite;
    animation: anim-slide 9s infinite;
}

.image-slide .slide_1 {
    z-index: -1;

    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.image-slide .slide_2 {
    z-index: -1;

    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.image-slide .slide_3 {
    z-index: -1;

    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.image-slide .slide_4 {
    z-index: -1;

    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.image-slide .slide_5 {
    z-index: -1;

    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

.image-slide .slide_6 {
    z-index: -1;

    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

.anim-image {
    position: absolute;
    top: 0;
    left: 0;
}

.window-image {
    position: absolute;
    z-index: 3;
    bottom: -40px;
    left: 0;

    max-width: 280px;
}

.window-image:after {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;

    content: '';

    border-radius: 5px;
    box-shadow: 0 -7px 50px rgba(0, 0, 0, .16);
}

.window-image img {
    vertical-align: top;

    border-radius: 5px;
}

.window-image .small-slide,
.window-image .mobile-small-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;
    overflow: hidden;

    border-radius: 4px;
}

.window-image .small-slide {
    -webkit-animation: anim-slide 9s infinite;
    animation: anim-slide 9s infinite;
}

.window-image .mobile-small-slide {
    -webkit-animation: anim-slide 3s infinite;
    animation: anim-slide 3s infinite;
}

.window-image .small-slide-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.window-image .small-slide-2 {
    z-index: -1;

    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.window-image .small-slide-3 {
    z-index: -1;

    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

.window-image .small-slide-4 {
    z-index: -1;

    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

.window-image .small-slide-5 {
    z-index: -1;

    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

.window-image .small-slide-6 {
    z-index: -1;

    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

.session-holder {
    padding: 16.9vh 0;
}

.tabs-holder {
    padding: 12px 0 0;
}

.tabs-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 0 66px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs-nav li {
    padding: 0 19px;
}

.tabs-nav li.active .link {
    background: rgba(0, 0, 0, .04);
}

.tabs-nav .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 8px 12px;

    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;

    border-radius: 6px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tabs-nav .link:hover {
    background: rgba(0, 0, 0, .04);
}

.tabs-nav .link span {
    font-size: 16px;
    font-weight: 600;

    display: inline-block;

    padding: 0 0 0 10px;
}

.tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 -1000px;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tab-holder {
    position: relative;

    width: 910px;
    height: 228px;
}

.tab-holder .block {
    position: absolute;

    max-width: 200px;

    border-radius: 10px;
    box-shadow: 0 0 34px rgba(0, 0, 0, .3);
}

.fp-viewing-session-sharing .tab-holder .block {
    -webkit-animation: button-anim 1s forwards;
    animation: button-anim 1s forwards;
}

.tab-holder .block_1 {
    top: 16px;
    left: 419px;

    max-width: 151px;

    border-radius: 8px;
}

.tab-holder .block_2 {
    top: 74px;
    right: 48px;

    max-width: 158px;

    border-radius: 8px;
}

.tab-holder .block_3 {
    top: 58px;
    left: 80px;

    max-width: 175px;

    border-radius: 8px;
}

.tab-holder .block_4 {
    bottom: 73px;
    left: 92px;

    max-width: 157px;

    border-radius: 8px;
}

.tab-holder .block_5 {
    bottom: 72px;
    left: 347px;

    max-width: 180px;

    border-radius: 12px;
}

.tab-holder .block_6 {
    right: 251px;
    bottom: 39px;

    max-width: 154px;

    border-radius: 8px;
}

.tab-holder .block_7 {
    top: 93px;
    left: 169px;

    max-width: 170px;

    border-radius: 12px;
}

.tab-holder .block_8 {
    right: 158px;
    bottom: 85px;

    max-width: 185px;
}

.tab-holder .block_9 {
    bottom: 46px;
    left: 240px;

    max-width: 161px;
}

.tab-holder .block_10 {
    top: 28px;
    left: 242px;

    max-width: 168px;

    border-radius: 12px;
}

.tab-holder .block_11 {
    top: 39px;
    right: 192px;

    max-width: 177px;

    border-radius: 12px;
}

.session-box {
    position: absolute;
    top: 83px;
    left: 273px;

    width: 362px;
    height: 48px;

    border: 1px solid #070019;
    border-radius: 11px;
    background: #ffc41d;
    box-shadow: 0 0 22px rgba(0, 0, 0, .04);
}

.session-box img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.session-box.share-link-active .session-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.session-box.share-link-active .send-session {
    display: none;
}

.session-box.share-email-active .session-link {
    display: none;
}

.session-box.share-email-active .send-session {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.session-box .session-link {
    font-size: 16px;
    font-weight: 500;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;
    padding: 0 0 0 16px;

    text-decoration: none;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.session-box .session-link span {
    display: block;

    padding: 0 0 0 10px;
}

.send-session {
    display: none;
}

.send-session .form-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;
    padding: 8px 8px 8px 16px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.send-session .send {
    font-size: 16px;
    font-weight: 600;

    width: 57px;
    height: 32px;
    padding: 0;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    border: 0;
    border-radius: 6px;
    background: rgba(7, 0, 25, .1);

    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.send-session .send:hover {
    color: #fff;
    background: #070019;
}

.send-session input {
    font-size: 16px;
    font-weight: 500;

    padding: 4px 10px;

    border: 0;
    outline: none;
    background: #ffc41d;

    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
}

.send-session input::-webkit-input-placeholder {
    color: rgba(6, 0, 25, .4);
}

.send-session input::-moz-placeholder {
    opacity: 1;
    color: rgba(6, 0, 25, .4);
}

.send-session input:-moz-placeholder {
    color: rgba(6, 0, 25, .4);
}

.send-session input:-ms-input-placeholder {
    color: rgba(6, 0, 25, .4);
}

.send-session input.placeholder {
    color: rgba(6, 0, 25, .4);
}

.send-session .success-mess {
    font-size: 16px;
    font-weight: 500;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;

    padding: 8px 8px 8px 16px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.send-session .success-mess span {
    display: inline-block;

    padding: 0 0 0 8px;
}

.send-session.success .success-mess {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.send-session.success .form-holder {
    display: none;
}

#section-5 {
    position: relative;
}

#section-5:after {
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;

    height: 10px;

    content: '';

    background-color: #070019;
}

#section-5 .container {
    width: 100%;
}

.feedback-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 24vh 0 11vh;

    color: #fff;
}

.feedback-holder .col {
    width: 100%;
}

.feedback-holder .col:last-child img {
    max-width: 254px;
    margin: 16px -16px 0 0;
}

.feedback-holder h2 {
    font-size: 36px;
    font-weight: 700;

    margin: 0 0 46px;
}

.feedback-holder .feedback-text {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;

    position: relative;

    margin: 0 0 36px;
}

.feedback-holder .feedback-text b {
    font-weight: 700;
}

.feedback-holder .feedback-text p {
    position: relative;
    z-index: 1;
}

.feedback-holder .author-holder {
    font-size: 18px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.feedback-holder .author-photo {
    width: 124px;
    height: 124px;
    margin: 0 0 0 -23px;
}

.feedback-holder .author-photo img {
    position: relative;
    z-index: 2;

    width: 100%;
}

.feedback-holder .author-name {
    font-weight: 600;

    display: block;
}

.feedback-holder .author-position {
    font-weight: 500;

    color: rgba(255, 255, 255, .5);
}

.button-wrap {
    padding: 0 0 12px;

    text-align: center;
}

.button-wrap .button i {
    color: #fff;
}

.button-wrap .mobile-btn {
    min-width: 311px;
}

#section-6 {
    position: relative;
}

.download-section {
    padding: 32.7vh 0 10vh;

    text-align: center;

    color: #fff;
}

.fp-viewing-download-extension .download-section {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation: col-anim 1s forwards .8s;
    animation: col-anim 1s forwards .8s;

    opacity: 0;
}

.download-section h2 {
    font-size: 72px;
    font-weight: 900;

    margin: 0 0 31px;

    color: #ffc41d;
}

.download-section p {
    font-size: 24px;
    font-weight: 500;
}

.download-section .mobile-title h2 {
    font-size: 18px;
    font-weight: 600;

    margin: 0 0 18px;

    text-align: left;

    color: #fff;
}

.download-section .browser-list {
    margin: 0 -18px;
    padding: 42px 0 0;
}

.download-section .browser-list li {
    width: 25%;
    padding: 0 18px;
}

.download-section .browser-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 16px 16px 16px 27px;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    color: #fff;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.download-section .browser-list a:hover {
    background: rgba(255, 255, 255, .2);
}

.download-section .browser-list a:hover .btn {
    opacity: 1;
}

.download-section .browser-list a div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.download-section .browser-list img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.download-section .browser-list .s-img {
    width: 27px;
    height: 27px;
}

.download-section .browser-list span {
    font-size: 18px;
    font-weight: 500;

    display: inline-block;

    padding: 0 0 0 14px;
}

.download-section .browser-list .btn {
    font-size: 16px;

    display: inline-block;

    margin: 0 0 0 6px;
    padding: 5px 17px;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    opacity: 0;
    color: #000;
    border-radius: 6px;
    background: #ffc41d;
}

.footer-menu ul li {
    padding: 0 0 0 24px;
}

.footer {
    z-index: 2;

    padding: 0 0 10px;
}

.footer a:not(.footer-home a) {
    font-size: 14px;
    font-weight: 600;

    display: inline-block;

    padding: 8px 9px;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;

    color: #fff;
    border-radius: 4px;
}

.footer a:not(.footer-home a):hover {
    background: rgba(255, 255, 255, .1);
}

.count {
    font-size: 16px;
    font-weight: 600;

    position: absolute;
    top: 100%;
    left: 50%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 0 -92px;

    opacity: 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#s_timer {
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 36px;
    height: 36px;
    margin: 0 0 0 10px;

    border-radius: 50%;
    background-color: #ffc31e;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#s_timer .number {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 50%;

    visibility: hidden;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* .fp-viewing-benefits:not([class="animate"]) .count, */

.animate-done.count {
    display: none;
}

.animate .count {
    -webkit-animation: count-hide .3s forwards 8s;
    animation: count-hide .3s forwards 8s;

    opacity: 1;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number, */
.animate #s_timer .number {
    -webkit-animation: 1s count-eight forwards;
    animation: 1s count-eight forwards;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.eight, */
.animate #s_timer .number.eight {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.seven, */
.animate #s_timer .number.seven {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.six, */
.animate #s_timer .number.six {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.five, */
.animate #s_timer .number.five {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.four, */
.animate #s_timer .number.four {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.three, */
.animate #s_timer .number.three {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.two, */
.animate #s_timer .number.two {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.one, */
.animate #s_timer .number.one {
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

/* .fp-viewing-benefits:not([class="animate"]) #s_timer .number.zero, */
.animate #s_timer .number.zero {
    -webkit-animation-delay: 8s;
    animation-delay: 8s;
}

.pr-video {
    position: relative;

    overflow: hidden;

    width: 100%;
    max-width: 618px;
    height: 348px;

    cursor: pointer;

    border-radius: 5px;
    background: #ffc31e;
}

.pr-video video {
    width: 100%;
    max-width: 618px;

    -webkit-transition: .8s;
    transition: .8s;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);

    opacity: 0;
}

.pr-video::after {
    position: absolute;
    top: calc(50% - 27px);
    left: calc(50% - 27px);
    /*play button*/

    display: block;

    width: 54px;
    height: 54px;

    content: '';
    -webkit-transition: .3s;
    transition: .3s;

    background: url(../img/play.svg) center center no-repeat;
    background-size: contain;
}

.pr-video:hover:after {
    -webkit-transform: scale(1.2) rotate(-120deg);
    -ms-transform: scale(1.2) rotate(-120deg);
    transform: scale(1.2) rotate(-120deg);
}

.pr-video:hover video {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.pr-video-block:hover::after {
    left: calc(16.7% - 32px);
}

.pr-video-big {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    flex-direction: column;

    width: 100vw;
    height: 100vh;

    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    pointer-events: none;

    opacity: 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pr-video-big.pr-video-shown {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: all;

    opacity: 1;
}

#pr-backdrop {
    position: fixed;
    z-index: 0;
    top: 0;

    width: 100vw;
    height: 100vh;

    cursor: pointer;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);

    background: rgba(0, 0, 0, .8);
}

.pr-video-big video {
    z-index: 2;
    top: auto;

    display: block;

    width: 100%;
    margin-bottom: -1px;

    border-radius: 8px;
}

.pr-video-big video:focus {
    outline: none;
}

.video-wrap {
    position: relative;

    max-width: 1024px;

    border-radius: 8px;
    box-shadow: 0 8px 12px 2px rgba(0, 0, 0, .1);
}

.pr-video-big .video-close {
    position: absolute;
    z-index: 401;
    top: 5px;
    right: 5px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;


    width: 32px;
    height: 32px;
    padding: 8px;
    padding: 4px;

    cursor: pointer;

    border-radius: 8px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pr-video-big .video-close:hover {
    background-color: rgba(0, 0, 0, .04);
}


.video-nav {
    list-style: none;
    padding: 0 0 14px;
    margin: 0;
    display: flex;
    align-self: center;
    width: 100%;
    max-width: 1040px;
    position: relative;
    z-index: 100;
}

.video-nav li {
    padding: 0 36px 0 0;
}

.video-nav li:last-child {
    padding: 0;
}

.video-nav li span {
    display: inline-block;
    padding: 8px 12px;
    color: #fff;
    opacity: .6;
    cursor: pointer;
    border-radius: 8px;
    background: rgba(0, 0, 0, .1);
    font-size: 16px;
    font-weight: 600;
}

.video-nav li span:hover {
    background: rgba(0, 0, 0, .4);
    opacity: 1;
}

.video-nav li.active span {
    background: rgba(0, 0, 0, .4);
    opacity: 1;
}

.video-hol {
    position: relative;
    height: 800px;
    z-index: 100;
}

.video {
    position: absolute;
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
}

.video.active {
    visibility: visible;
    z-index: 10;
}

.video-wrap img {
    border-radius: 10px;
}


/*!
 * fullPage 3.0.9
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */

html.fp-enabled,
.fp-enabled body {
    overflow: hidden; /*Avoid flicker on slides transitions for mobile phones #336 */

    margin: 0;
    padding: 0;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
    position: relative; /* Safari<=5 Android<=3 */ /* <=28 */

    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide,
.fp-slidesContainer {
    display: block;

    height: 100%;
}

.fp-slides {
    position: relative;
    z-index: 1;

    overflow: hidden;

    height: 100%;

    -webkit-transition: all .3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all .3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
    display: table;

    width: 100%;

    table-layout: fixed;
}

.fp-tableCell {
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    position: relative;

    float: left;
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;

    width: 0;
    height: 0;
    margin-top: -38px;

    cursor: pointer;
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -ms-user-select: none; /* IE10+ */
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    border-style: solid;

    -khtml-user-select: none; /* webkit (konqueror) browsers */
}

.fp-controlArrow.fp-prev {
    left: 15px;

    width: 0;

    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;

    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    position: relative;

    overflow: hidden;
}

.fp-scroller {
    overflow: hidden;
}

.iScrollIndicator {
    border: 0 !important;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

    opacity: 1;
}

#fp-nav.fp-right {
    right: 17px;
}

#fp-nav.fp-left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    right: 0;
    left: 0 !important;

    margin: 0 auto !important;

    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    opacity: 1;
}

.fp-slidesNav.fp-bottom {
    bottom: 17px;
}

.fp-slidesNav.fp-top {
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    position: relative;

    display: block;

    width: 14px;
    height: 13px;
    margin: 7px;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    position: relative;
    z-index: 1;

    display: block;

    width: 100%;
    height: 100%;

    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;

    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px;

    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;

    border: 0;
    border-radius: 50%;
    background: #333;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;

    position: absolute;
    top: -2px;

    display: block;
    overflow: hidden;

    width: 0;
    max-width: 220px;

    cursor: pointer;
    white-space: nowrap;

    opacity: 0;
    color: #fff;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    width: auto;

    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;

    opacity: 1;
}

#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/

.fp-sr-only {
    position: absolute;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    width: 1px;
    height: 1px;
    padding: 0;

    white-space: nowrap;

    border: 0;
}

@media (min-width: 768px) {
    .col {
        width: 39%;
        padding: 0 0 0 30px;
    }

    .d-hide {
        display: none;
    }

    .s-form.change-email-form .input-footer span,
    .s-form.change-password-form .input-footer span {
        position: absolute;
        top: 50%;
        left: 0;

        max-width: 60%;

        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .grid-item .ctrl-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .grid-item .ctrl-wrap .title {
        width: 38%;
        padding: 0;
    }

    .grid-item .block {
        width: 47%;
    }
}

@media (min-width: 869px) {

    .animate-done .options-list {
        height: auto;
    }

    .animate .options-list {
        -webkit-animation: hold-anim 1s forwards 8.2s;
        animation: hold-anim 1s forwards 8.2s;
    }

    /* .fp-viewing-benefits:not([class="animate"]) .options-list {
        -webkit-animation: hold-anim 1s forwards 8.2s;
                animation: hold-anim 1s forwards 8.2s;
    }

    .fp-viewing-benefits:not([class="animate"]) .option-card {
        -webkit-animation: options-anim 1s forwards;
                animation: options-anim 1s forwards;
    }

    .fp-viewing-benefits:not([class="animate"]) .option-card:first-child{
        -webkit-animation-delay: 8.4s;
                animation-delay: 8.4s;
    }

    .fp-viewing-benefits:not([class="animate"]) .option-card:nth-child(2)
    {
        -webkit-animation-delay: 8.6s;
                animation-delay: 8.6s;
    }

    .fp-viewing-benefits:not([class="animate"]) .option-card:nth-child(3)
    {
        -webkit-animation-delay: 8.8s;
                animation-delay: 8.8s;
    }

    .fp-viewing-benefits:not([class="animate"]) .option-card:first-child{
        -webkit-animation-delay: 8.4s;
                animation-delay: 8.4s;
    } */
    .mobile-animate #section-1 .browser-list {
        animation: none !important;
        bottom: 60px !important;
    }

    .mobile-animate .count {
        display: none;
    }

    .mobile-animate .options-list {
        animation: none;
        height: auto;
        padding: 0 0 27px;
    }

    .mobile-animate .options-list .option-card {
        animation: none;
        transform: translateY(0);
    }

    .mobile-animate .access-holder {
        padding: 10.5vh 0 6vh;
    }

    .mobile-animate .browser-holder {
        height: 500px;
    }

    .mobile-animate .browser-top-bar {
        height: 490px;
        padding: 60px 0 0
    }

    .animate-done .options-list .option-card {
        transform: translateY(0);
    }

    .animate .option-card {
        -webkit-animation: options-anim 1s forwards;
        animation: options-anim 1s forwards;
    }

    .animate .option-card:first-child {
        -webkit-animation-delay: 8.4s;
        animation-delay: 8.4s;
    }

    .animate .option-card:nth-child(2) {
        -webkit-animation-delay: 8.6s;
        animation-delay: 8.6s;
    }

    .animate .option-card:nth-child(3) {
        -webkit-animation-delay: 8.8s;
        animation-delay: 8.8s;
    }

    .navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .navigation > ul .sub-nav {
        position: absolute;
        z-index: 50;
        top: 138%;
        left: -14px;

        visibility: hidden;

        width: 222px;
        padding: 7px 8px;

        -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
        transition: opacity .3s ease-in-out, visibility .3s ease-in-out;

        opacity: 0;
        border: 1px solid rgba(0, 0, 0, .16);
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 4px 32px 4px rgba(0, 0, 0, .12);
    }

    .nav-toggle {
        display: none;
    }

    #wrapper.what-new .navigation > ul .sub-nav {
        border: 1px solid rgba(255, 255, 255, .16);
        background: #070019;
        box-shadow: 0 4px 32px 4px rgba(0, 0, 0, .12);
    }

    #wrapper.what-new .sign-in-holder:after {
        background: #fff;
    }

    .blackHead .navigation > ul .sub-nav {
        border: 1px solid rgba(255, 255, 255, .16);
        background: #070019;
        box-shadow: 0 4px 32px 4px rgba(0, 0, 0, .12);
    }

    .fp-viewing-user-experience .navigation > ul .sub-nav,
    .fp-viewing-download-extension .navigation > ul .sub-nav {
        border: 1px solid rgba(255, 255, 255, .16);
        background: #070019;
        box-shadow: 0 4px 32px 4px rgba(0, 0, 0, .12);
    }

    .section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
    }

    .fp-viewing-welcome #section-1 .browser-list {
        position: absolute;
        left: 50%;

        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    /* .fp-viewing-benefits:not([class="animate"]) #section-1 .browser-list, */
    /* .animate-done #section-1.active .browser-list {
        bottom: 60px;
    } */
    .animate #section-1 .browser-list {
        position: absolute;
        bottom: -172px;
        left: 50%;

        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-animation: browser-list-anim forwards;
        animation: browser-list-anim forwards;
        -webkit-animation-duration: 9s;
        animation-duration: 9s;
    }

    .browser-holder {
        position: relative;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;

        height: 578px;
        padding: 4px 0 5px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .description-holder {
        position: absolute;
        top: 270px;
        right: 0;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100%;
        margin: 0;
        padding: 0 0 21px;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .description-holder .col-small {
        width: 50%;
    }

    .description-holder .col-small:first-child {
        padding: 0 50px 0 97px;
    }

    #section-2 .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;

        height: 100%;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .options-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;

        width: 104%;
        height: 0;
        padding: 0;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .options-list .image {
        height: 64px;
        margin: 0 0 25px;
        padding: 0;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .options-list .option-card {
        position: relative;

        width: 33.3%;
        padding: 0 10px;

        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        text-align: center;
    }

    .head br {
        display: none;
    }

    .tab-holder .block {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .fp-viewing-synchronization .tab-holder .block {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .fp-viewing-user-experience .tab-holder .block {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .tab-holder .block_1 {
        top: 14px;
        left: 407px;

        max-width: 200px;
    }

    .fp-viewing-synchronization .tab-holder .block_1 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .tab-holder .block_2 {
        top: 101px;
        right: 0;

        max-width: 158px;
    }

    .fp-viewing-synchronization .tab-holder .block_2 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
    }

    .tab-holder .block_3 {
        top: 63px;
        left: 0;

        max-width: 175px;
    }

    .fp-viewing-synchronization .tab-holder .block_3 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
    }

    .tab-holder .block_4 {
        bottom: 21px;
        left: 17px;

        max-width: 157px;
    }

    .fp-viewing-synchronization .tab-holder .block_4 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .tab-holder .block_5 {
        bottom: 27px;
        left: 313px;

        max-width: 240px;
    }

    .fp-viewing-synchronization .tab-holder .block_5 {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
    }

    .tab-holder .block_6 {
        right: 187px;
        bottom: -16px;

        max-width: 199px;
    }

    .fp-viewing-synchronization .tab-holder .block_6 {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
    }

    .tab-holder .block_7 {
        top: 117px;
        left: 69px;

        max-width: 231px;
    }

    .fp-viewing-synchronization .tab-holder .block_7 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .tab-holder .block_8 {
        right: 68px;
        bottom: 46px;

        max-width: 236px;
    }

    .fp-viewing-synchronization .tab-holder .block_8 {
        -webkit-animation-delay: .6s;
        animation-delay: .6s;
    }

    .tab-holder .block_9 {
        bottom: -7px;
        left: 184px;

        max-width: 200px;
    }

    .fp-viewing-synchronization .tab-holder .block_9 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .tab-holder .block_10 {
        top: 29px;
        left: 175px;

        max-width: 220px;
    }

    .fp-viewing-synchronization .tab-holder .block_10 {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
    }

    .tab-holder .block_11 {
        top: 43px;
        right: 100px;

        max-width: 240px;
    }

    .fp-viewing-synchronization .tab-holder .block_11 {
        -webkit-animation-delay: .8s;
        animation-delay: .8s;
    }

    .feedback-holder .col {
        position: relative;

        width: 55%;
        padding: 100px 0 0;
    }

    .feedback-holder .col:last-child {
        width: 45%;
        padding: 0;
    }

    .fp-viewing-user-experience .feedback-holder .col:first-child {
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-animation: col-anim 1s forwards .8s;
        animation: col-anim 1s forwards .8s;

        opacity: 0;
    }

    .fp-viewing-download-extension .feedback-holder .col:first-child {
        opacity: 1;
    }

    .feedback-holder .feedback-text:after {
        position: absolute;
        right: 5px;
        bottom: -20px;

        width: 80px;
        height: 58px;

        content: '';

        background: url(../img/big-quote.svg);
        background-size: 80px 58px;
    }

    .button-wrap .mobile-btn {
        display: none;
    }

    .download-section .mobile-title h2 {
        display: none;
    }

    .footer-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tablet-hide {
        display: none;
    }

    .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        padding: 12px 0;
    }

    .footer .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        padding: 0 50px;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .chrome {
        display: none;
    }

    .chrome-active .chrome {
        display: block;
    }

    .firefox {
        display: none;
    }

    .firefox-active .firefox {
        display: block;
    }

    .opera {
        display: none;
    }

    .opera-active .opera {
        display: block;
    }

    .safari {
        display: none;
    }

    .safari-active .safari {
        display: block;
    }
}

@media (min-width: 869px) and (max-height: 800px) {
    .browser-holder {
        height: 442px;
    }

    .browser-top-bar {
        position: relative;
        width: 974px;
        height: 442px;
        padding: 70px 0 0;
    }

    .description-holder {
        top: 230px;
    }

    .gallary-wrap {
        max-width: 700px;
    }

    .access-holder {
        padding: 10.5vh 0 6vh;
    }

    .options-list .image {
        margin: 0 0 8px;
    }

    .images-gallery {
        max-width: 741px;
    }

    .access-holder .head {
        padding: 0 0 10px;
    }

    .window-image {
        max-width: 237px;
    }

    .hold {
        padding: 14vh 0 17vh;
    }

    .feedback-holder {
        padding: 12vh 0 7vh;
    }

    .download-section {
        padding: 26vh 0 10vh;
    }
}

@media (max-width: 1299px) {
    .grid-item .holder {
        padding: 20px;
    }
}

@media (max-width: 1199px) {
    .col {
        width: 45%;
        padding: 0;
    }

    .col:last-child {
        width: 45%;
    }

    .anchor-title {
        left: 164px;
    }
}

@media (max-width: 1099px) {
    .download-section .browser-list {
        margin: 0 -8px;
    }

    .download-section .browser-list li {
        padding: 0 8px;
    }

    .download-section .browser-list a {
        padding: 16px;
    }

    .download-section .browser-list .btn {
        padding: 5px 8px;
    }
}

@media (max-width: 868px) {
    .header-holder {
        max-width: 1120px;
        padding: 12px 20px;
    }

    .nav-holder {
        position: absolute;
        z-index: 9999;
        top: 100%;
        right: 0;
        left: 0;

        overflow: hidden;

        max-height: 0;
        padding: 0;

        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }

    .nav-active .nav-holder {
        height: 100vh;
        max-height: 4000px;
    }

    .navigation {
        height: 100vh;

        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);

        background: #fff;
    }

    .nav-active .navigation {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    .resize-active .navigation {
        -webkit-transition: none !important;
        transition: none !important;
    }

    .navigation:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        content: '';

        background: rgba(0, 0, 0, .04);
    }

    .navigation > ul {
        position: relative;
        z-index: 3;

        display: block;

        margin: 0;
        padding: 19px 0 0;

        background: #fff;
    }

    .navigation > ul li {
        font-size: 24px;

        padding: 0 7px 20px;
    }


    .navigation > ul .more-menu {
        color: rgba(0, 0, 0, .4);
    }

    .navigation > ul .more-menu i {
        display: none;
    }

    .navigation > ul .sub-nav li {
        font-size: 18px;

        padding: 0 5px 20px;
    }

    .navigation > ul .sub-nav li:last-child {
        padding: 0 5px;
    }

    .navigation > ul .sub-nav a {
        padding: 8px;
    }

    .navigation .button {
        display: none;
    }

    .sign-in-holder {
        z-index: 3;

        padding: 0;
    }

    .sign-in-holder:after {
        display: none;
    }

    .w-create-acc .sign-in-holder:before {
        opacity: 0;
    }

    .sign-in-holder .sign-in-link {
        font-size: 24px;

        display: block;

        padding: 19px 20px 21px;

        color: #000 !important;
        border-radius: 0;
        background: #ffc31e;
    }

    .container {
        padding: 0 20px;
    }

    .button {
        min-width: 101px;
    }

    .anchor-title {
        font-size: 18px;
        line-height: 24px;

        top: 16px;
        left: 115px;
    }

    .w-create-acc .why-account-content {
        padding: 37px 0 0;
    }

    .why-account-content {
        padding: 37px 0 0;
    }

    .w-create-acc .why-account-content h2 {
        margin: 0 0 8px;
    }

    .why-account-content h2 {
        font-size: 18px;
        line-height: 22px;

        margin: 0 0 8px;
    }

    .why-account-content h3 {
        font-size: 14px;
    }

    .why-account-content p {
        font-size: 14px;
        line-height: 16px;

        margin: 0 0 24px;
    }

    .why-account-content p.style-margin {
        margin: 0 0 17px;
    }

    .why-account-list li {
        padding: 35px 0 13px;
    }

    .why-account-list li .icon {
        font-size: 24px;

        left: -1px;
    }

    .why-account-list h4 {
        font-size: 14px;
    }

    .list {
        margin: 0 0 23px;
    }

    .list li {
        font-size: 14px;
    }

    #wrapper.what-new .navigation > ul {
        background-color: rgba(6, 0, 25, .85);
    }

    #wrapper.what-new .navigation > ul .more-menu {
        color: rgba(255, 255, 255, .4);
    }

    #wrapper.what-new .navigation {
        background: #070019;
    }

    #wrapper.what-new .navigation:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        content: '';

        background: rgba(255, 255, 255, .04);
    }

    #wrapper.what-new .navigation ul {
        background: #070019;
    }

    .grid-sizer,
    .grid-item {
        width: 50%;
    }

    .grid-item {
        width: 50%;
    }

    .grid-item.s-none {
        display: none;
    }

    .grid-item.s-block {
        display: block;
    }

    .grid-item .holder {
        padding: 20px 40px 20px 60px;
    }

    .grid-item--width2 {
        width: 100%;
    }

    .blackHead .navigation > ul {
        background-color: rgba(6, 0, 25, .85);
    }

    .blackHead .navigation > ul .more-menu {
        color: rgba(255, 255, 255, .4);
    }

    .blackHead .navigation {
        background: #070019;
    }

    .blackHead .navigation:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        content: '';

        background: rgba(255, 255, 255, .04);
    }

    .blackHead .navigation ul {
        background: #070019;
    }

    .fp-viewing-user-experience .navigation > ul,
    .fp-viewing-download-extension .navigation > ul {
        background-color: rgba(6, 0, 25, .85);
    }

    .fp-viewing-user-experience .navigation > ul .more-menu,
    .fp-viewing-download-extension .navigation > ul .more-menu {
        color: rgba(255, 255, 255, .4);
    }

    .fp-viewing-user-experience .navigation,
    .fp-viewing-download-extension .navigation {
        background: #070019;
    }

    .fp-viewing-user-experience .navigation:after,
    .fp-viewing-download-extension .navigation:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

        content: '';

        background: rgba(255, 255, 255, .04);
    }

    .fp-viewing-user-experience .navigation ul,
    .fp-viewing-download-extension .navigation ul {
        background: #070019;
    }

    .section .top-title {
        font-size: 36px;
        line-height: 48px;

        padding: 16px 0 6px;
    }

    .hold {
        padding: 137px 8px 45px;
    }

    .hold .wrap:after {
        right: -220px;

        width: 375px;
        height: 375px;
        margin: -220px 0 0;

        background-size: 375px 375px;
    }

    .browser-top-bar {
        width: 897px;
        height: auto;
        padding: 10px 0 0;
    }

    .browser-top-bar img {
        margin: 0 0 0 -20px;
    }

    .add-link {
        display: none !important;
    }

    .add-link.get_mobile {
        font-size: 36px;

        display: inline-block !important;

        margin: 0 0 23px;
        padding: 0 50px 0 0;
    }

    .add-link.get_mobile:after {
        width: 36px;
        height: 36px;

        background-size: 36px 36px;
    }

    .add-link .arrow {
        width: 36px;
        height: 36px;
    }

    .add-link .arrow svg {
        width: 36px;
        height: 36px;
    }

    .open-modal {
        font-size: 16px;
    }

    .browser-list {
        max-width: 250px;
        padding: 79px 0 0;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .browser-list li {
        width: 50%;
        padding: 0 15px 13px 0;
    }

    .browser-list a {
        background: rgba(0, 0, 0, .04);
    }

    .description-holder .col-small:first-child {
        text-align: center;
    }

    .description-holder .description {
        font-size: 16px;

        padding: 62px 0 0 6px;
    }

    .description-holder h2 {
        font-size: 24px;
    }

    .options-list h3 {
        font-size: 18px;

        margin: 0 0 6px;
    }

    .options-list .text {
        max-width: 234px;
        padding: 0 0 0 7px;
    }

    .options-list .text br {
        display: none;
    }

    .options-list p {
        font-size: 14px;
        line-height: 20px;
    }

    .access-holder {
        padding: 61px 0 68px;
    }

    .head {
        font-size: 16px;
        line-height: 24px;

        padding: 0 0 24px;
    }

    .head h2 {
        font-size: 24px;
        line-height: 36px;

        margin: 0 0 6px;
    }

    .images-gallery {
        max-width: 280px;
        margin: 0 auto;
        padding: 0;
    }

    .gallary-wrap {
        width: 240px;
        margin: 0 auto;
    }

    .image-slide .slide_1 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .image-slide .slide_2 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .image-slide .slide_3 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .window-image {
        right: 10px;
        bottom: -4px;
        left: 10px;

        border-radius: 5px;
    }

    .window-image .small-slide-1 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .window-image .small-slide-2 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .window-image .small-slide-3 {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .session-holder {
        padding: 139px 0 109px;
    }

    .session-holder .head {
        padding: 0 0 4px;
    }

    .tabs-holder {
        padding: 8px 0 0;
    }

    .tabs-nav {
        padding: 0 0 62px;
    }

    .tabs-nav li {
        padding: 0 7px;
    }

    .tabs-nav .share-email img {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    .tabs-nav .link span {
        font-size: 14px;

        padding: 0 0 0 4px;
    }

    .session-box {
        top: 68px;
        left: 319px;

        width: 272px;
        height: 35px;

        border: 1px solid #070019;
        border-radius: 8px;
    }

    .session-box .session-link {
        padding: 0 0 0 11px;
    }

    .session-box .session-link img {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
    }

    .session-box .session-link span {
        padding: 0 0 0 8px;
    }

    .send-session .form-holder {
        padding: 4px 8px 4px 14px;
    }

    .send-session .send {
        font-size: 12px;

        width: 43px;
        height: 24px;
    }

    .send-session img {
        width: 16px;
    }

    .send-session input {
        line-height: 1.5;

        width: 60%;
        height: 24px;
        padding: 0 10px;
    }

    #section-5:after {
        display: none;
    }

    .feedback-holder {
        flex-direction: column-reverse;

        padding: 33px 0 40px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }

    .feedback-holder .col {
        text-align: center;
    }

    .feedback-holder .col:last-child {
        width: 100%;
        padding: 0 16px 47px 0;
    }

    .feedback-holder .col:last-child img {
        max-width: 174px;
        margin: 5px -16px 0 0;
    }

    .feedback-holder h2 {
        font-size: 24px;

        margin: 0 0 17px;
    }

    .feedback-holder .feedback-text {
        font-size: 14px;

        margin: 0 0 20px;

        text-align: center;
    }

    .feedback-holder .author-holder {
        flex-direction: column;

        text-align: center;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .feedback-holder .author-photo {
        position: relative;

        width: 168px;
        height: 168px;
        margin: 0 33px 11px 0;
    }

    .feedback-holder .author-photo:after {
        position: absolute;
        right: -20px;
        bottom: 25px;

        width: 80px;
        height: 58px;

        content: '';

        background: url(../img/big-quote.svg);
        background-size: 80px 58px;
    }

    .feedback-holder .author-descr {
        padding: 0 0 18px;
    }

    .button-wrap .button {
        padding: 12px;
    }

    .button-wrap .desktop-btn {
        display: none;
    }

    .download-section {
        padding: 61px 10px 27px;
    }

    .download-section .browser-list {
        max-width: 100%;
        margin: 0;
        padding: 0;

        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .download-section .browser-list li {
        width: 50%;
        padding: 0 8px 15px 0;
    }

    .download-section .browser-list a {
        padding: 10px 10px 10px 15px;
    }

    .download-section .browser-list span {
        font-size: 14px;

        padding: 0 0 0 5px;
    }

    .download-section .browser-list .btn {
        display: none;
    }

    .footer-menu ul li {
        padding: 0;
    }

    .d-show {
        display: none;
    }

    .footer a:not(.footer-home a) {
        font-size: 16px;
        font-weight: 500;

        margin: 0 0 5px;
    }

    .count {
        display: none;
    }

    .pr-video-big .video-close {
        display: none;
    }
}

@media (max-width: 824px) {
    .main-holder .container {
        max-width: 400px;
        padding: 0 20px;
        height: auto;
    }

    .col {
        width: 100%;
    }

    .main-holder {
        padding: 9px 0 0;
    }

    .main-holder.hideH1 {
        padding: 16px 0 0;
    }

    .main-holder.hideH1 h1 {
        display: none;
    }

    .main-holder.change-section {
        padding: 28px 0 0;
    }

    .main-holder.change-section #registration_form {
        padding: 0;
    }

    .main-holder h1 {
        font-size: 24px;

        margin: 0 0 13px;
    }

    .main-holder .image-holder {
        max-width: 181px;
        margin: 0 auto;
        padding: 0 12px 0 0;

        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .another-sign-in {
        padding: 0;
    }

    .another-sign-in span {
        margin: 0 0 12px;
    }

    .m-hide {
        display: none !important;
    }

    .sign-in-breadcrumbs {
        margin: 0;
    }

    .confirm_message {
        font-size: 24px;
        line-height: 36px;

        text-align: center;
    }

    .confirm_message span {
        font-size: 24px;
    }

    .s-form {
        padding: 35px 0 0;
    }

    .s-form.create-account-form {
        padding: 26px 0 22px;
    }

    .s-form.change-email-form,
    .s-form.change-password-form {
        padding: 16px 0 22px;
    }

    .s-form.change-email-form .input-footer,
    .s-form.change-password-form .input-footer {
        padding: 0;
    }

    .s-form.change-email-form .input-footer .error-mess_comb,
    .s-form.change-email-form .input-footer .error-mess,
    .s-form.change-password-form .input-footer .error-mess_comb,
    .s-form.change-password-form .input-footer .error-mess {
        display: block;

        margin: 0 0 22px;
    }

    .s-form.change-password-form .input-footer {
        padding: 0;
    }

    .s-form.change-password-form .input-footer .error-mess {
        display: block;

        margin: 0 0 22px;
    }

    .s-form.create-account-form .input-holder {
        padding: 0 0 24px;
    }

    .s-form .sign_in_footer {
        padding: 10px 0 0;
    }

    .s-form input {
        font-size: 16px;
    }

    .s-form .submit i {
        display: none;
    }


    .s-form .submit:hover,
    .s-form .submit:focus {
        background: none;
        outline: none;
    }

    .s-form .submit[disabled] {
        opacity: 1;
    }

    .s-form .decr {
        margin: 0 0 13px;
    }

    .s-form .decr {
        text-align: center;
    }

    .s-form hr {
        opacity: 0.1;
        border-radius: 1px;
        background-color: #000000;
    }

    #registration_form {
        padding: 37px 0 0;
    }

    .breadcrambs-holder {
        position: fixed;
        z-index: 20;
        top: 53px;
        right: 0;
        left: 0;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        height: 64px;
        padding: 16px 10px;

        background-color: rgba(255, 255, 255, .85);

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backx-webkit-backdrop-filter: blur(20%);
    }

    #elementtoScrollToID .create-link.forgot-pass {
        position: static;

        display: inline-block;

        margin: -7px 0 19px -9px;
    }

    .input-footer {
        display: block;

        padding: 0 0 26px;
    }

    .signUpForm .error-mess {
        display: block;

        padding: 0 0 14px;
    }


    /*.signInForm .input-footer*/
    /*{*/
    /*    padding: 0;*/
    /*}*/
    .top-section {
        padding: 28px 0 16px;
    }

    .top-section h1 {
        font-size: 24px;
    }

    .top-section .text-holder {
        flex-direction: column;

        padding: 0 30px 10px;

        text-align: center;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .w-create-acc .top-section .text-holder {
        padding: 15px 0 27px;
    }

    .top-section .text-holder .text {
        padding: 44px 0 20px;
    }

    .w-create-acc .top-section .text-holder .text {
        padding: 60px 0 0;
    }

    .pricing-section {
        padding: 24px 0;
    }

    .pricing-section h1 {
        font-size: 24px;
        line-height: 36px;
    }

    .pricing-section .column {
        display: block;

        padding: 0;
    }

    .pricing-section .column .col {
        width: 100%;
        margin: 0 0 20px;
    }

    .pricing-section .column .col:last-child .pricing-box {
        margin: 0;
    }

    .pricing-section .interval-holder {
        padding: 8px 0 39px 4px;
    }

    .pricing-section .pricing-box {
        margin: 0;
        padding: 17px 20px 15px;
    }

    .pricing-section .pricing-box .image {
        width: 39%;
        padding: 0 3px 4px 0;
    }

    .pricing-section .pricing-box .text-box {
        padding: 7px 0 4px 5px;
    }

    .pricing-section .pricing-item-list {
        padding: 0 0 9px;
    }

    .grid-sizer,
    .grid-item {
        width: 100%;
    }

    .grid-item {
        width: 100%;
        height: auto;
    }

    .grid-item.height_1 {
        height: 284px;
    }

    .grid-item.height_2 {
        height: 244px;
    }

    .grid-item.height_3 {
        height: 177px;
    }

    .grid-item.height_4 {
        height: 176px;
    }

    .grid-item.height_5 {
        height: 172px;
    }

    .grid-item.height_6 {
        height: 244px;
    }

    .grid-item.height_7 {
        height: 244px;
    }

    .grid-item.height_8 {
        height: 176px;
    }

    .grid-item.height_9 {
        height: 292px;
    }

    .grid-item.height_10 {
        height: 332px;
    }

    .grid-item.height_11 {
        height: 176px;
    }

    .grid-item.height_12 {
        height: 152px;
    }

    .grid-item.height_13 {
        height: 152px;
    }

    .grid-item.height_13 .holder {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .grid-item.height_14 {
        height: 176px;
    }

    .grid-item .holder {
        flex-direction: column;

        padding: 49px 40px 49px 60px;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .grid-item .holder.read-link {
        padding: 49px 40px 58px 60px;
    }

    .grid-item .ctrl {
        padding: 0;
    }

    .grid-item .apple-wrap {
        flex-direction: row;

        padding: 49px 40px 49px 50px;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .grid-item .apple-wrap img {
        margin: 0 24px 0 0;
    }

    .grid-item .ctrl-wrap {
        padding: 41px 40px 49px 60px;
    }

    .grid-item .ctrl-wrap .keyboard {
        margin: 0 0 10px;
    }

    .grid-item .ctrl-wrap .title {
        padding: 10px 0 30px;
    }

    .grid-item .count-wrap {
        flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }

    .grid-item .btn {
        margin: 29px 0 0;
    }

    .grid-item--height2 {
        height: auto;
    }

    .news-section {
        font-size: 14px;

        padding: 35px 0;
    }

    .news-section p {
        line-height: 16px;
    }

    .news-section .container {
        padding: 0 18px;
    }

    .news-section h3 {
        font-size: 18px;

        margin: 0 0 5px;
    }

    .news-section h4 {
        font-size: 14px;

        margin: 0 0 6px;
    }
}

@-webkit-keyframes animation-image {
    0% {
        height: 197px;
    }

    50% {
        height: 0;
    }

    100% {
        height: 0;
    }
}

@keyframes animation-image {
    0% {
        height: 197px;
    }

    50% {
        height: 0;
    }

    100% {
        height: 0;
    }
}

@-webkit-keyframes animation-form {
    0% {
        padding-top: 20px;

        opacity: 0;
    }

    100% {
        padding-top: 0;

        opacity: 1;
    }
}

@keyframes animation-form {
    0% {
        padding-top: 20px;

        opacity: 0;
    }

    100% {
        padding-top: 0;

        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        top: 30px;

        opacity: 0;
    }

    100% {
        top: 0;

        opacity: 1;
    }
}

@keyframes fadeInUp {
    0% {
        top: 30px;

        opacity: 0;
    }

    100% {
        top: 0;

        opacity: 1;
    }
}

@-webkit-keyframes browser-list-anim {
    0% {
        bottom: 60px;
    }

    10% {
        bottom: -172px;
    }

    50% {
        bottom: -172px;
    }

    90% {
        bottom: -172px;
    }

    100% {
        bottom: 60px;
    }
}

@keyframes browser-list-anim {
    0% {
        bottom: 60px;
    }

    10% {
        bottom: -172px;
    }

    50% {
        bottom: -172px;
    }

    90% {
        bottom: -172px;
    }

    100% {
        bottom: 60px;
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes options-anim {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes options-anim {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes options-anim-chrome {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes options-anim-chrome {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes options-anim-firefox {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes options-anim-firefox {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes options-anim-opera {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes options-anim-opera {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes hold-anim {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@keyframes hold-anim {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@-webkit-keyframes hold-anim-chrome {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@keyframes hold-anim-chrome {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@-webkit-keyframes hold-anim-firefox {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@keyframes hold-anim-firefox {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@-webkit-keyframes hold-anim-opera {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@keyframes hold-anim-opera {
    from {
        height: 0;

        opacity: 0;
    }

    to {
        height: 200px;

        opacity: 1;
    }
}

@-webkit-keyframes anim-slide {
    0% {
        z-index: 1;

        visibility: visible;
    }

    50% {
        z-index: -1;

        visibility: hidden;
    }

    99% {
        z-index: -1;

        visibility: hidden;
    }

    100% {
        z-index: 1;

        visibility: visible;
    }
}

@keyframes anim-slide {
    0% {
        z-index: 1;

        visibility: visible;
    }

    50% {
        z-index: -1;

        visibility: hidden;
    }

    99% {
        z-index: -1;

        visibility: hidden;
    }

    100% {
        z-index: 1;

        visibility: visible;
    }
}

@-webkit-keyframes anim-small-slide {
    0% {
        z-index: 1;

        visibility: visible;
    }

    50% {
        z-index: -1;

        visibility: hidden;
    }

    100% {
        z-index: 1;

        visibility: visible;
    }
}

@keyframes anim-small-slide {
    0% {
        z-index: 1;

        visibility: visible;
    }

    50% {
        z-index: -1;

        visibility: hidden;
    }

    100% {
        z-index: 1;

        visibility: visible;
    }
}

@-webkit-keyframes button-anim {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes button-anim {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes col-anim {
    from {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);

        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);

        opacity: 1;
    }
}

@keyframes col-anim {
    from {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);

        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);

        opacity: 1;
    }
}

@-webkit-keyframes count-eight {
    from {
        visibility: hidden;
    }

    to {
        visibility: visible;
    }
}

@keyframes count-eight {
    from {
        visibility: hidden;
    }

    to {
        visibility: visible;
    }
}

@-webkit-keyframes count-hide {
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);

        opacity: 1;
    }

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

        opacity: 0;
    }
}

@keyframes count-hide {
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);

        opacity: 1;
    }

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

        opacity: 0;
    }
}

.footer a:not(.footer-home a).press-kit {
    margin-left: 24px;
}

@media (max-width: 868px) {
    .footer a:not(.footer-home a).press-kit {
        margin-left: 0;
    }

    .footer-left {
        max-width: 200px;
    }

}

/*Maksym Rate Us page*/
.rate-us-main {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

@media (max-width: 868px) {
    .rate-us-main {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 768px) {
    #content.rate-us-main {
        padding-top: 0;
    }
}

.rate-us-main .s-form {
    max-width: unset;
}

.rate-us-main img {
    display: inline-block;
    max-width: 180px;
    height: auto;
    margin-bottom: 16px;
}

.rate-us-main h1 {
    margin-bottom: 32px;
}

.rate-us-main .rating-text {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    line-height: 20px;
    min-height: 20px;
}

.rate-us-main .stars-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 32px;
}

.rate-us-main .stars-holder .star {
    cursor: pointer;
    height: 40px;
    transition: 0.2s ease;
    padding: 0 10px;
}

.rate-us-main .stars-holder .star:hover, .rate-us-main .stars-holder .star.active {
    transform: scale(1.2);
}

.rate-us-main .stars-holder .star svg g.star-fill {
    fill: rgba(7, 0, 25, .2);
}

.rate-us-main .stars-holder .star.active svg g.star-fill {
    fill: #FFC31E;
}

.rate-us-main .s-form .submit, .rate-us-main button {
    margin-top: 60px;
    min-width: unset;
}

@media only screen and (max-width: 768px) {
    .rate-us-main .s-form .submit, .rate-us-main button {
        margin-top: 32px;
    }
}

.rate-us-main .s-form a.submit {
    background: #17B73A;
    color: #fff;
}

.rate-us-main .rate-in-store {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin-top: 8px;
}

/*Maksym Rate Us page end*/

/*Maksym 2021 Home page Edits*/
.animatedText::after {
    display: none;
    content: "Tabs";
    animation-name: text;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*0-30, 33*/
@keyframes text {
    0%, 29% {
        content: "Tabs";
    }
    29.25% {
        content: "Tab";
    }
    29.5% {
        content: "Ta";
    }
    29.75% {
        content: "T";
    }
    30% {
        content: "";
    }
    30.25% {
        content: "L";
    }
    30.5% {
        content: "Li";
    }
    30.75% {
        content: "Lin";
    }
    31% {
        content: "Link";
    }
    31.25%, 59% {
        content: "Links";
    }
    59.25% {
        content: "Link";
    }
    59.5% {
        content: "Lin";
    }
    59.75% {
        content: "Li";
    }
    60% {
        content: "L";
    }
    60.25% {
        content: " ";
    }
    60.5% {
        content: "B";
    }
    60.75% {
        content: "Br";
    }
    61% {
        content: "Bro";
    }
    61.25% {
        content: "Brow";
    }
    61.5% {
        content: "Brows";
    }
    61.75%, 97.25% {
        content: "Browser";
    }
    97.5% {
        content: "Browse";
    }
    97.75% {
        content: "Brows";
    }
    98% {
        content: "Brow";
    }
    98.25% {
        content: "Bro";
    }
    98.5% {
        content: "Br";
    }
    98.75% {
        content: "B";
    }
    99% {
        content: "";
    }
    99.25% {
        content: "T";
    }
    99.5% {
        content: "Ta";
    }
    99.75% {
        content: "Tab";
    }
    100% {
        content: "Tabs";
    }
}

.animatedText {
    height: 86px;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

@media (max-width: 868px) {
    .animatedText {
        height: 48px;
    }
}

.animatedText span {
    position: relative;
    top: 0;
    animation-name: textVertical;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

@keyframes textVertical {
    0%, 32% {
        top: 0;
    }
    33%, 65% {
        top: -100%;
    }
    66%, 99% {
        top: -200%;
    }
    99.5% {
        top: -250%;
    }
    99.501% {
        top: 50%;
    }
    100% {
        top: 0;
    }
}

.hero-photo-home {
    position: absolute;
    top: 7px;
    z-index: 2;
    right: -21px;
    height: auto;
    width: 790px;
    margin-top: -212px;
}

@media screen and (min-width: 869px) {
    .handShake .navigation .button.get-free {
        position: relative;
    }

    .handShake .navigation .button.get-free::after {
        display: block;
        position: absolute;
        height: 20px;
        width: 20px;
        content: '';
        top: 6px;
        right: -9px;
        background-image: url(../img/hand-emoji.png);
        background-size: contain;
        background-position: center;
        animation-name: handShake;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
    }
}

@keyframes handShake {
    0% {
        right: -20px;
    }
    50% {
        right: -10px;
    }
    100% {
        right: -20px;
    }
}

.finish_logo {
    position: fixed;
    top: 16px;
    left: 8px;
    padding-left: 8px;
    display: block;
    width: 80px;
    height: 24px;
}

.finish_registration {
    font-family: 'SF Pro Display';
    width: 100%;
    max-width: 424px;
    margin: 0 auto;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 20px 0;

}

.finish_registration h1 {
    text-align: center;
    line-height: 54px;
    font-size: 36px;
    margin-bottom: 40px;
}

.finish_registration form {
    width: 100%;
    padding-bottom: 40px;
}

.name-info, .profession, .submits_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.name-info {
    margin-bottom: 24px;
}

.finish_registration .question,
.finish_registration .ev_next {
    font-family: 'SF Pro Display';
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #000000;
    background-color: transparent;
}

.finish_registration .ev_next {
    margin-bottom: 0;
    width: 100%;
    max-width: 159px;
    text-align: left;
    padding: 8px;
    border-radius: 4px;
    position: relative;
    left: -8px;
    line-height: 1.2;
}

.finish_registration .ev_next:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.finish_registration .ev_sub {
    border-radius: 4px;
    background-color: #070019;
    color: white;
    width: 100%;
    line-height: 1.2;
    max-width: 169px;
    padding: 8px;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    margin-left: auto;
}

.name-info label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
}

.name-info label:last-child {
    margin-left: 28px;
}

.finish_registration input[type=text],
.profession label {
    width: 100%;
    max-width: 178px;
    height: 36px;
    padding: 0 12px;
    border-radius: 4px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #000;
    transition: .1s;
    caret-color: #f4a800;
}

.finish_registration input[type=text] {
    margin-top: 8px;
}

.professions {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.profession label {
    width: 100%;
    line-height: 34px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #070019;
}

.profession label:nth-of-type(2n) {
    margin-left: 28px;
}

.profession {
    margin-bottom: 8px;
    position: relative;
    width: 100%;
}

div.profession:last-child {
    margin-bottom: 32px;
}

.finish_registration input[type=text]:hover,
.profession label:hover {
    background-color: rgba(6, 0, 25, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.6);
    outline: none;
}

.finish_registration input[type=text]:focus {
    background-color: rgba(6, 0, 25, 0.04);
    border-color: transparent;
    outline: none;
}

.finish_registration input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.finish_registration input[type=radio]:nth-of-type(2n) {
    right: 0;
}

.finish_registration input[type=radio]:checked + label {
    border-radius: 4px;
    border: solid 1px #ffc41d;
    background-color: rgba(255, 196, 29, 0.1);
}

.finish_registration .submit:hover {
    background: rgba(7, 0, 25, .8);
}

.finish_registration .submit i {
    font-size: 12px;
    font-style: normal;
    line-height: 1;

    display: inline-block;

    margin: 0 4px 0 0;

    vertical-align: middle;
}

.first-form.hidden {
    display: none !important;
}

.navigation > ul .why-create {
    margin-right: 39px;
}

.recovery-text {
    display: none;
}

.recovery-text.active {
    display: block;
}

@media (max-width: 824px) {
    .finish_registration {
        padding: 80px 20px;
        height: auto;
    }

    .profession label:nth-of-type(2n),
    .name-info label:last-child {
        margin-left: 16px;
    }

    .submits_btn {
        flex-direction: column;
    }

    .finish_registration .ev_sub {
        margin-left: 0;
        order: 0;
        max-width: 100%;
        height: 44px;
        line-height: 44px;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .finish_registration .ev_next {
        order: 1;
        max-width: 100%;
        height: 44px;
        line-height: 44px;
        text-align: center;
        left: 0;
        padding: 0 20px;
    }

    .professions {
        margin-bottom: 114px;
    }

    div.profession:last-child {
        margin-bottom: 0;
    }

    .finish_registration h1 {
        font-size: 24px;
        line-height: 36px;
        max-width: 265px;
    }

    .buttons-holder {
        flex-direction: column;
        gap: 16px;
    }

    .buttons-holder li {
        width: 100%;
    }


    .buttons-holder li a {
        padding: 15px 20px;
        line-height: 14px;
    }

    h1.form-title {
        margin-bottom: 24px;
        text-align: center;
    }

    .another-sign-in {
        margin-bottom: 40px;
    }

    .another-sign-in span {
        margin: 0;
    }

    #registration_form {
        padding-top: 0;
    }

    .s-form {
        padding-top: 0;
    }

    .s-form .submit {
        padding: 15px 20px;
        line-height: 14px;
    }

    #elementtoScrollToID {
        height: 100%;
        padding-top: 40px;
        padding-bottom: 20px;
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    #elementtoScrollToID::-webkit-scrollbar {
        display: none;
    }

    .buttons-holder a {
        width: 100%;
    }

    #wrapper {
        padding: 0;
    }

    .main-holder {
        padding: 0;
    }

    .confirm_message {
        height: 100%;
        flex-direction: column;
        justify-content: space-between;
    }

    .resend-email {
        padding: 15px;
        width: 100%;
        margin-bottom: 52px;
    }

    .resend-email.hide-count {
        display: block;
    }

    .bottom_block_reg {
        width: 100%;
        margin-top: 40px;
    }

    .bottom_block_reg a,
    .bottom_block_reg .forgot-pass,
    .bottom_block_reg .sign-in-tab {
        width: 100%;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: center;
        color: #070019;
        padding: 15px;
        text-decoration: none;
        display: block;
    }

    .bottom_block_reg hr {
        margin: 20px 0;
    }

    .bottom_block_reg .forgot-pass {
        margin: 0 !important;
    }

    .navigation-auth ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px;
    }

    .navigation-auth ul li,
    .navigation-auth ul span,
    .navigation-auth ul a {
        padding: 0;
        margin: 0;
    }

    .navigation-auth ul li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 36px;
    }

    .navigation-auth ul li:first-of-type,
    .navigation-auth ul span:first-of-type {
        margin-bottom: 28px;
    }

    .decr-start {
        display: block;
    }

    #main {
        padding-top: 48px;
    }

}

.plan-features {
    padding: 48px 6px 20px;

    cursor: url("/img/sessions/icon-lamp.png") 0 0, pointer; /* Legacy */
    cursor: url("/img/sessions/icon-lamp.svg") 0 0, pointer; /* FF */
    cursor: -webkit-image-set(url("/img/sessions/icon-lamp.png") 1x, url("/img/sessions/icon-lamp@2x.png") 2x) 0 0, pointer; /* Webkit */
}

.hint {
    display: block;
    position: absolute;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 4px 8px !important;
    border-radius: 4px;
    box-shadow: 0 8px 12px 2px rgba(0, 0, 0, 0.1);
    border: solid 0.5px rgba(0, 0, 0, 0.16);
    background-color: #060019;
    width: 258px !important;
    opacity: 0;
}

.plan-features table {
    width: 100%;
}

.plan-features tr {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 12px;
    font-size: 16px;
    line-height: 1.25;
    box-sizing: border-box;
    border-radius: 4px;
}

.plan-features tr td {
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

.plan-features tr td.title {
    opacity: 0.6;
}

.plan-features tr:hover > td.title {
    opacity: 1;
}

/*.plan-features tr:hover>.hint {*/
/*	display: block;*/
/*}*/

.plan-features tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, .04);
}

.plan-features td {
    width: 45%;
    padding: 0;
    text-align: center;
}

body.pricing_page {
    overflow: hidden;
}

@media (max-width: 824px) {
    body.pricing_page {
        overflow: visible;
    }
}

.help.hide {
    display: none;
}

.locked {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.mobile-sign-up {
    display: none;
}

@media (max-width: 868px) {
    .navigation .mobile-sign-up {
        display: block;
        background-color: #070019;
        color: white !important;
        padding: 10px;
    }
}

.nav-features.active {
    color: #f4a800;
}

*,
input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}

.header .navigation .button {
    background-color: transparent;
    border: 1px solid #070019;
    color: #070019;
    width: 124px;
    transition: 0.3s;
    padding: 6px 12px;
}

.what-new .header .navigation .button {
    border-color: white;
    color: white;

}
.header .navigation .button:hover {
    color: white;
    background-color: #070019;
}
.what-new .header .navigation .button:hover {
    color: #070019;
    background-color: white;
}

/* Stores page 2024 */
.stores-page-wrapper{
    background: url(/img/mobile-stores-gradient-bg.png) top right no-repeat;
    background-size: contain;
}
.stores-page-wrapper #wrapper{
    padding: 0;
}
.stores-page-wrapper .header{
    background: transparent;
}
.stores-page-wrapper nav li:first-of-type{
    display: none;
}
.stores-page-wrapper .sign-in-holder:after{
    display: none;
}
.stores-page-container{
    display: flex;
    padding: 158px 20px 20px;
    align-items: flex-start;
}
.stores-page-container > div{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stores-page-container > div:first-of-type{
    flex-shrink: 0;
}
.stores-page-container > div:last-of-type{
    display: none;
}

.stores-page-container > div:first-of-type > div{
    flex-grow: 1;
}

.stores-page-container h1{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 40px;
}
.stores-page-container .desktop-title{
    display:none;
}
.stores-page-container h6{
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    opacity: .4;
}
.stores-page-container .extension-links {
	margin-top: 40px;
	display: grid;
	flex-wrap: wrap;
	grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
    row-gap: 16px;
}

.stores-page-container .extension-links a {
	display: flex;
	align-items: center;
	width: 100%;
	text-decoration: none;
	height: 56px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	transition: .2s;
	padding-left: 12px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}
.stores-page-container .extension-links a:last-of-type{
	display: flex;
}

.stores-page-container .extension-links a:nth-child(4) {
	margin-right: 0;
}

.stores-page-container .extension-links a img {
	margin-right: 12px;
	width: 40px;
	height: 40px;
}

.stores-page-container .extension-links a:hover {
	border: 1px solid rgba(0, 0, 0, 0.6);
	background-color: rgba(6, 0, 25, 0.04);
}

.stores-page-container .mobile-card{
    max-width: 380px;
    border-radius: 8px;
    border: inset 1px rgba(0, 0, 0, 0.08);
    padding: 0 40px 48px;
    background: url(/img/iphone-card-bg.png) top left no-repeat;
    background-size: contain;
    box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    row-gap: 28px;
    align-items: center;
    text-align: center;
}
.stores-page-container .mobile-card > img:nth-of-type(1){
    max-width: calc(100% - 40px);
    margin-bottom: 4px;
}
.stores-page-container .mobile-card > img:nth-of-type(2){
    width: 160px;
}
.stores-page-container .mobile-card h2{
    font-size: 28px;
    line-height: 40px;
	font-weight: 700;
	margin-bottom: 8px;
}
.stores-page-container .mobile-card h2 + div{
    font-size: 16px;
    line-height: 20px;
	font-weight: 500;
	opacity: 0.4;
}
.stores-page-wrapper #mobile-login-button{
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: #FFFFFF;
    background-color: #070019;
    position: fixed;
    right: 20px;
    top: 12px;
    z-index: 9999;
    text-decoration: none;
}

.b-error-message {
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 10px;
    margin-bottom: 10px;
    margin-top: -36px;
}

.b-error-message .text {
    margin-left: 8px;
}

.b-error-message.message-error {
    background: #e71d36;
}

.b-error-message.message-success {
    background: #44af69;
}

.b-error-message.message-warning {
    background: #f4a800;
}

@media (min-width: 869px) {
    .stores-page-wrapper{
        background: transparent;
    }

    .stores-page-wrapper #mobile-login-button{
        display: none;
    }
    .stores-page-container{
        padding: 80px 60px 20px;
        min-height: 100vh;
        align-items: center;
    }
    .stores-page-container > div{
        width: 50%;
    }
    .stores-page-container > div:last-of-type{
        display: flex;
    }
    .stores-page-container > div:first-of-type > div{
        position: relative;
        top: -35px;
        left: 32px;
        flex-grow: unset;
    }
    .stores-page-container .desktop-title{
        display:block;
    }
    .stores-page-container h1{
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 12px;
    }
    .stores-page-container h1.mobile-title{
        display: none;
    }

	.stores-page-container .extension-links {
	    grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
        row-gap: 24px;
        width: calc(100% + 28px);
	}

	.stores-page-container .extension-links a {
		height: 64px;
		padding-left: 15px;
		font-size: 18px;
		font-weight: 500;
		line-height: 22px;
	}

	.stores-page-container .extension-links a:last-of-type{
	    display: none;
    }

}

/* Stores page 2024 END */