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

button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-spacing: 0;
    color: #26589F;
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42rem;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
}

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
    /*padding-left: 17px;*/
}

blockquote,
q {
    quotes: none;
}

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

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

strong,
b {
    font-weight: 600;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

body {
    height: 100%;
}

html {
    -webkit-text-size-adjust: none;
    min-height: 100%;
}

body {
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.8;
    background: #fafafa;
    -webkit-font-smoothing: antialiased;
}

body.-menu-opened {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

*::selection {
    background: #908dbe;
    color: #fff;
}

*::-moz-selection {
    background: #908dbe;
    color: #fff;
}

body,
input,
textarea {
    font-family: "Roboto";
    font-size: 14px;
    line-height: 1.8;
}

*:focus {
    outline: none;
}

.-popup-active {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

#overlay {
    background: #272727;
    position: fixed;
    z-index: 9990;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    transition: opacity 0.15s ease-in-out;
}

#overlay.-dark {
    background: rgba(27, 27, 27, 0.96);
    opacity: 1;
}

#overlay.-hide {
    opacity: 0 !important;
    transform: translate(-100%, -100%);
}

.br {
    display: block;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.-largeDesktop {
    display: inline-block;
}

.-mobile {
    display: none;
}

.-tablet {
    display: none;
}

@media (max-width: 1160px) {
    .-largeDesktop {
        display: none;
    }
}

@media (max-width: 992px) {
    .-tablet {
        display: block;
    }

    .-tablet-hide {
        display: none;
    }
}

@media (max-width: 620px) {
    .-mobile {
        display: block;
    }

    .-tablet {
        display: block;
    }

    .-mobile-hide,
    .-mobile-hide .-tablet {
        display: none;
    }

    .mobile-block {
        display: block;
    }
}

@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700,700i");
@font-face {
    font-family: 'Josefin Sans';
    src: url("../fonts/JosefinSans/JosefinSans-Regular.woff") format('woff'), url("../fonts/JosefinSans/JosefinSans-Regular.woff2") format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Josefin Sans';
    src: url("../fonts/JosefinSans/JosefinSans-SemiBold.woff") format('woff'), url("../fonts/JosefinSans/JosefinSans-SemiBold.woff2") format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Josefin Sans';
    src: url("../fonts/JosefinSans/JosefinSans-Bold.woff") format('woff'), url("../fonts/JosefinSans/JosefinSans-Bold.woff2") format('woff2');
    font-weight: 700;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-weight: 600;*/
}

.wrapper {
    position: relative;
    z-index: 11;
    width: 100%;
    flex: 1 0 auto;
    background: #fff;
    transition: transform 0.25s ease-in-out;
}

.wrapper.-main-menu-mobile-active {
    transform: translate(268px, 0);
}

.wrapper.-main-user-mobile-active {
    transform: translate(-268px, 0);
}

.base-col {
    width: 100%;
    max-width: 1600px;
    padding: 0 100px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media (max-width: 1160px) {
    .base-col.-large {
        padding: 0 60px;
    }
}

@media (max-width: 1100px) {
    .base-col,
    .base-col.-large {
        padding: 0 36px;
    }
}

@media (max-width: 992px) {
    .base-col {
        padding: 0 44px;
    }

    .base-col.-large {
        padding: 0 40px;
    }
}

@media (max-width: 620px) {
    .base-col,
    .base-col.-large {
        padding: 0 20px;
    }

    .wrapper {
        width: 100vw;
    }
}

.link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    text-decoration: none;
}

.link:hover,
.link:active,
.link:focus {
    text-decoration: underline;
}

.link:hover,
.link:focus {
    color: #f94a0d;
}

.link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.link:hover {
    text-decoration: underline;
}

.link.-bold {
    font-weight: 500;
}

.link.-red {
    color: #f14b11;
}

.link.-red:hover {
    color: #f94a0d;
}

.link.-red:active {
    color: #de441f;
}

.link.-violet {
    color: #7c78b5;
}

.link.-violet:hover {
    color: #908dbe;
}

.link.-violet:active {
    color: #706da1;
}

.link.-blue {
    color: #232355;
}

.link.-blue:hover {
    color: #f94a0d;
}

.link.-blue:active {
    color: #de441f;
}

.text-element.-red {
    color: #f14b11;
}

.button-plus {
    display: block;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background: #7c78b5;
    position: relative;
    border-radius: 2px;
    transition: background 0.1s linear;
}

.button-plus:before,
.button-plus:after {
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.button-plus:after {
    width: 2px;
    height: 6px;
}

.button-plus:before {
    width: 6px;
    height: 2px;
}

.button-plus:hover {
    background: #908dbe;
}

.button-plus:active {
    background: #706da1;
}

.button-plus.-large {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

.button-plus.-large:before,
.button-plus.-large:after {
    border-radius: 10px;
}

.button-plus.-large:after {
    width: 4px;
    height: 12px;
}

.button-plus.-large:before {
    width: 12px;
    height: 4px;
}

.btn {
    position: relative;
    display: inline-block;
    border-width: 0;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    font-family: Roboto;
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.btn.-disabled,
.btn:disabled,
.btn[disabled] {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: not-allowed;
}

.btn.-disabled:active,
.btn:disabled:active,
.btn[disabled]:active {
    transform: translate(0, 0);
}

.btn:active {
    transform: translate(0, 1px);
}

.btn.-wide {
    width: 100%;
}

.btn.-social {
    position: relative;
    padding: 15px 24px 15px 42px;
    font-weight: 500;
    line-height: 32px;
    font-size: 21px;
    text-align: center;
    min-width: 226px;
    box-sizing: border-box;
}

.btn.-social .btn-icon {
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 32px;
}

.btn.-social .btn-icon.-facebook {
    fill: #3b5999;
}

.btn.-small {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 600;
    padding: 7px 19px;
}

.btn.-default {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 600;
    padding: 13px 28px 12px;
}

.btn.-smallMedium {
    text-transform: capitalize;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    padding: 9px 38px 7px;
}

.btn.-medium {
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    padding: 13px 48px 14px;
}

.btn.-mediumLarge {
    min-width: 335px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    padding: 15px 30px 13px;
    border-width: 2px;
}

.btn.-aboveMediumLarge {
    min-width: 226px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    padding: 18px 30px 17px;
    border-width: 2px;
}

.btn.-large {
    font-family: 'Roboto';
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    padding: 25px 48px 22px;
    border-width: 2px;
}

.btn.-facebook-btn {
    padding-left: 70px;
}

.btn.-google-btn {
    padding-left: 66px;
}

.btn.-dropbox-btn {
    text-align: left;
    padding-left: 50px !important;
    max-width: 180px;
}

.btn.-dropbox-btn svg.btn-icon {
    left: 14px;
}

.btn.-grey {
    background: #f0f5f6;
    border-style: solid;
    border-color: #f0f5f6;
    color: #7c78b5;
}

.btn.-grey:hover,
.btn.-grey:active {
    border-color: #7c78b5;
}

.btn.-grey:active {
    color: #fff;
    background-color: #7c78b5;
}

.btn.-violet {
    border: none;
    color: #fff;
    background: #7c78b5;
}

.btn.-violet:hover {
    background: #908dbe;
}

.btn.-violet:active {
    background: #706da1;
}

.btn.-violet[disabled] {
    background: #7c78b5;
    opacity: 0.25;
}

.btn.-red {
    border: none;
    color: #fff;
    background: #f14b11;
}

.btn.-red:hover {
    background: #f36635;
}

.btn.-red:active {
    background: #d9430f;
}

.btn.-red[disabled] {
    background: #f14b11;
    opacity: 0.25;
}

.btn.-red.-disabled-grey[disabled] {
    background: #c9c9c9;
    opacity: 1;
}

.btn.-transparent-red {
    display: inline-block;
    color: #ee2b47;
}

.btn.-redCold {
    color: #fff;
    background: #eb2f4b;
}

.btn.-redCold:hover {
    background: #ee4d66;
}

.btn.-redCold:active {
    background: #d42a44;
}

.btn.-redCold[disabled] {
    background: #eb2f4b;
    opacity: 0.25;
}

.btn.-orange {
    color: #fff;
    background: #f64b22;
}

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

.btn.-orange:active {
    background: #de441f;
}

.btn.-orange[disabled] {
    background: #f64b22;
    opacity: 0.25;
}

.btn.-blueDim {
    color: #fff;
    background: #8a8ea6;
}

.btn.-blueDim:hover {
    background: #9c9fb3;
}

.btn.-blueDim:active {
    background: #7c8095;
}

.btn.-blueDim[disabled] {
    background: #8a8ea6;
    opacity: 0.25;
    opacity: 0.25;
}

.btn.-white {
    border: 1px solid #c9c9c9;
    color: #474747;
    background: #fff;
}

.btn.-white.-medium {
    padding: 12px 48px 13px;
}

.btn.-white:hover {
    border-color: #474747;
}

.btn.-white:active {
    border-color: #474747;
    background: #f2f7f7;
}

.btn.-white[disabled] {
    border-color: #c9c9c9;
    opacity: 0.65;
}

.btn.-twiter {
    color: #fff;
    background: #1da1f2;
}

.btn.-twiter:hover,
.btn.-twiter:active {
    background: #11a5ff;
}

.btn.-twiter[disabled] {
    opacity: 0.25;
}

.btn.-facebook {
    color: #fff;
    background: #3c5b96;
}

.btn.-facebook:hover,
.btn.-facebook:active {
    background: #41619c;
}

.btn.-facebook[disabled] {
    opacity: 0.25;
}

.btn.-pinterest {
    color: #fff;
    background: #c7252d;
}

.btn.-pinterest:hover,
.btn.-pinterest:active {
    background: #d4222b;
}

.btn.-pinterest[disabled] {
    opacity: 0.25;
}

.pinit {
    background: #e60023 url(/assets/images/design/pinit.png) no-repeat center;
    width: 48px;
    height: 26px;
    padding: 3px 10px;
    display: none;
    position: absolute;
    border-radius: 2px;
    background-size: 44px 18px;
    z-index: 5;
}

.pinit::before {
    content: "";
    display: inline-block;
    height: 20px;
    vertical-align: text-bottom;
    width: 44px;
}

.pin-hover {
    display: block;
    position: relative;
}

.pin-hover img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

.freebie-images-wrapper span.pin-hover:hover .pinit,
.perview_slider-big_picture.pin-hover:hover .pinit,
.publication-header-image-wrapper span.pin-hover:hover .pinit {
    display: inline-block;
    left: 10px;
    top: 10px;
}

.btn.loading {
    color: transparent;
}

.btn.loading:active,
.btn.loading:hover {
    color: transparent;
}

.btn.loading .preloader {
    opacity: 1;
    visibility: visible;
}

.logo-default.-large svg {
    width: 280px;
    height: 33px;
}

.logo-default .logo-text {
    fill: #232355;
}

.logo-default .logo-pic {
    fill: #f14b11;
}

.input-block {
    position: relative;
}

.input-block:hover .input {
    border-color: #c9c9c9;
}

.input-block .input {
    width: 100%;
    padding: 5px 24px 5px 0;
    background: transparent;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #747474;
    border: 0;
    -webkit-appearance: none;
    line-height: 1.75;
    box-sizing: border-box;
}

.input-block .input::-webkit-input-placeholder {
    color: #cccccc;
}

.input-block .input:-moz-placeholder {
    color: #cccccc;
}

.input-block .input::-moz-placeholder {
    color: #cccccc;
}

.input-block .input:-ms-input-placeholder {
    color: #cccccc;
}

.input-block .input-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    opacity: 0.17;
    transition: opacity 0.15s ease-in-out;
}

.input-block .input-icon svg {
    fill: #000;
}

.input-block .input-icon:hover {
    opacity: 0.25;
}

.plus-block-button {
    text-transform: uppercase;
}

@media (max-width: 620px) {
    .btn.-large {
        font-size: 20px;
        letter-spacing: 0;
        line-height: 30px;
        padding: 16px 48px 10px;
        font-weight: 600;
    }

    .btn.-aboveMediumLarge {
        font-size: 19px;
        padding: 14px 30px 14px;
        letter-spacing: -0.75px;
    }

    .btn.-social {
        padding: 15px 24px 15px 42px;
    }

    .btn.-smallMedium {
        padding: 8px 16px;
    }

    .btn.-smallMedium.-white {
        border-width: 0;
    }

    .btn.-smallMedium.-white.-alwaysWithBorder {
        border-width: 1px;
    }

    .btn.-smallMedium.-dropbox-btn {
        border-width: 1px;
        max-width: 136px;
        padding-left: 54px !important;
    }
}

.radio-input {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.radio-input input {
    display: none;
}

.radio-input input:checked + .radio-circle:before {
    display: block;
}

.radio-input .radio-circle {
    display: inline-block;
    background: #f0f5f6;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    margin-right: 14px;
    box-sizing: border-box;
    border-color: transparent;
    transition: border-color 0.15s ease-in-out;
}

.radio-input .radio-circle:before {
    content: '';
    display: none;
    width: 12px;
    height: 12px;
    background: #8a8ea7;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.radio-input:hover .radio-circle {
    border: 2px solid #8a8ea7;
}

.checkbox-input {
    cursor: pointer;
    display: flex;
}

.checkbox-input:hover .checkbox-square {
    border: 2px solid #8a8ea7;
}

.checkbox-input input {
    display: none;
}

.checkbox-input input:checked + .checkbox-square svg {
    display: block;
}

.checkbox-input .checkbox-square {
    display: block;
    background: #f0f5f6;
    flex: 0 0 24px;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    position: relative;
    margin-right: 20px;
    box-sizing: border-box;
    border-color: transparent;
    transition: border-color 0.15s ease-in-out;
    margin-top: 4px;
}

.checkbox-input .checkbox-square svg {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkbox-input .checkbox-content {
    display: block;
}

.connected-block-wrapper {
    position: relative;
}

.connected-block-wrapper .connected-block-content {
    position: relative;
    display: flex;
    align-items: center;
    height: 64px;
    width: 100%;
    padding: 0 22px;
    box-sizing: border-box;
    color: #474747;
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.connected-block-wrapper .connected-block-content:not(.-connected) {
    cursor: pointer;
}

.connected-block-wrapper .connected-block-content:not(.-connected):hover {
    border-color: #474747;
}

.connected-block-wrapper .connected-block-content:not(.-connected):active {
    border-color: #474747;
    background: #f2f7f7;
}

.connected-block-wrapper .connected-block-content.-connected {
    border-color: #f0f5f6;
    background: #f0f5f6;
}

.connected-block-wrapper .connected-block-content.-connected .connected-block-remove {
    display: flex;
}

.connected-block-wrapper .connected-block-icon {
    height: 25px;
    width: 25px;
    margin-right: 20px;
}

.connected-block-wrapper .connected-block-remove {
    display: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
}

.connected-block-wrapper .connected-block-remove svg {
    fill: #dadada;
    transition: fill 0.15s ease-in-out;
}

.connected-block-wrapper .connected-block-remove:hover svg {
    fill: #c9c9c9;
}

.connected-block-wrapper .connected-block-remove:active {
    transform: translate(0, calc(-50% + 1px));
}

.connected-block-wrapper .connected-block-description {
    font-size: 12px;
    line-height: 19px;
    color: #747474;
    padding-top: 12px;
    padding-left: 2px;
}

#growls-default {
    top: 80px;
}

.growl-success {
    background: #45c7bd;
    color: #fff;
    width: calc(100% + 80px);
    margin: -40px -40px 40px;
    padding: 12px 40px;
    box-sizing: border-box;
}

@media (max-width: 700px) {
    .connected-block-wrapper .connected-block-content {
        font-size: 16px;
        line-height: 24px;
        height: 56px;
    }

    .connected-block-wrapper .connected-block-icon {
        margin-right: 8px;
    }

    .connected-block-wrapper .connected-block-description {
        padding-top: 20px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    .btn.-large {
        font-weight: 700;
    }
}

.input-wrapper {
    display: inline-block;
    position: relative;
}

.input-wrapper.-hide {
    position: absolute;
    left: -5555px;
    opacity: 0;
}

.input-wrapper.-grey .input {
    color: #474747;
    background: #f0f5f6;
    border-color: transparent;
}

.input-wrapper.-grey .input:focus,
.input-wrapper.-grey .input:active {
    color: #474747;
    border-color: #8a8ea7;
}

.input-wrapper.-grey .input::-webkit-input-placeholder {
    color: #c9c9c9;
}

.input-wrapper.-grey .input:-moz-placeholder {
    color: #c9c9c9;
}

.input-wrapper.-grey .input::-moz-placeholder {
    color: #c9c9c9;
}

.input-wrapper.-grey .input:-ms-input-placeholder {
    color: #c9c9c9;
}

.input-wrapper.-grey:hover .input {
    color: #474747;
    border-color: #c9c9c9;
}

.input-wrapper.-grey:hover .input:focus,
.input-wrapper.-grey:hover .input:active {
    color: #474747;
    border-color: #8a8ea7;
}

.input-wrapper.-default .input {
    font-size: 18px;
    border-width: 2px;
    border-style: solid;
    padding: 18px 28px;
}

.input-wrapper.-default .input + .input-icon {
    top: 28px;
}

.input-wrapper.-wide {
    width: 100%;
}

.input-wrapper .input {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.4;
    border-radius: 4px;
    -webkit-appearance: none;
    transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
    resize: none;
}

.purchase-login-wrapper .input {
    line-height: 1.8;
}

.discount-wrapper .input {
    line-height: 1.8;
}

.input-wrapper.-medium .input {
    padding: 19px 18px;
    font-size: 16px;
}

.input-wrapper.-medium .input-notice {
    padding: 12px 20px;
}

.input-wrapper.-success .input {
    border-color: #3dc7be;
}

.input-wrapper.-success .input-icon.-success {
    display: block;
}

.input-wrapper.-error .input {
    border-color: #ee2b47;
    color: #ee2b47;
}

.input-wrapper.-error .input-notice {
    color: #ee2b47;
}

.input-wrapper.-password .input-icon.-view-password {
    cursor: pointer;
    top: 22px;
    display: block;
    fill: #c9c9c9;
}

.input-wrapper.-password .input-icon.-password {
    display: none;
    margin-top: -1px;
}

.input-wrapper.-password.-show-password .input-icon.-text {
    display: none;
}

.input-wrapper.-password.-show-password .input-icon.-password {
    display: block;
}

.input-wrapper.-password.-medium .input-icon.-view-password {
    top: 18px;
}

.input-wrapper.-password .input {
    padding-right: 68px;
}

.input-icon {
    position: absolute;
    display: none;
    right: 32px;
}

.input-icon.-success {
    fill: #3dc7be;
}

.input-label-top {
    display: block;
    color: #747474;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 12px;
}

.input-notice {
    display: block;
    box-sizing: border-box;
    font-size: 12px;
    color: #c9c9c9;
    font-weight: 400;
    padding: 6px 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.input-info {
    border-radius: 4px;
    background: #f2f7f7;
    box-sizing: border-box;
    padding: 16px 25px 18px;
    line-height: 18px;
    font-size: 13px;
    display: flex;
}

.input-info .input-info-icon {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 21px;
    position: relative;
    top: 4px;
}

.input-info.-notice {
    background: #8a8ea7;
    color: #fff;
}

.input-info.-notice .input-info-icon {
    fill: #fff;
}

.input-info.-error {
    background: #ee2b47;
    color: #fff;
    margin-bottom: 5px;
}

.input-info.-error .input-info-icon {
    fill: #fff;
}

.dragUpload {
    border: 2px dashed #f0f5f6;
    border-radius: 4px;
    display: flex;
    padding: 16px 25px;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.15s ease-in-out;
}

.dragUpload:hover,
.dragUpload.is-dragover {
    border-color: #c9c9c9;
}

.dragUpload input[type="file"] {
    display: none;
}

.dragUpload .dragUpload-icon {
    flex: 0 0 32px;
    padding-top: 6px;
    margin-right: 20px;
}

.dragUpload .dragUpload-text {
    color: #474747;
}

.dragUpload .dragUpload-text .dragUpload-headline {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
}

.dragUpload .dragUpload-text .dragUpload-description {
    font-size: 12px;
    color: #c9c9c9;
}

@media (max-width: 1160px) {
    .dragUpload-description span {
        display: none;
    }
}

@media (max-width: 1000px) {
    .dragUpload {
        padding-left: 18px;
        padding-right: 18px;
    }

    .dragUpload .dragUpload-icon {
        margin-right: 16px;
    }
}

@media (max-width: 620px) {
    .input-wrapper.-default .input {
        padding: 16px 18px 15px;
        font-size: 16px;
    }

    .input-notice {
        padding: 8px 21px;
    }

    .input-wrapper.-password .input-icon.-view-password {
        top: 18px;
    }

    .dragUpload .dragUpload-text .dragUpload-headline {
        font-size: 18px;
        line-height: 28px;
    }

    .dragUpload {
        padding: 6px 10px;
    }
}

.main-header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1052;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 30px;
    box-sizing: border-box;
    height: 100px;
    background: #ffffff;
    backface-visibility: hidden;
    border-bottom: 1px solid #F0F0F0;
}

.main-header.-violet {
    background: #7c78b5;
    border-bottom: 0;
}

.main-header.-violet .main-logo svg .logo-pic,
.main-header.-violet .main-burger svg {
    fill: #fff;
}

.main-burger {
    display: none;
}

.main-burger svg {
    fill: #C9C9C9;
    transition: fill 0.15s ease-in-out;
}

.main-burger.-active svg {
    fill: #ee4c23;
}

.main-logo {
    display: block;
    height: 22px;
}

.main-logo .logo-pic {
    fill: #F14B11;
}

.main-logo .logo-text {
    fill: #232355;
}

.main-menu {
    margin-right: 70px;
}

.main-menu.-non-logon {
    margin-right: 20px;
}

.main-menu-list {
    display: flex;
}

.main-menu-item {
    height: 100px;
    margin: 0 14px;
}

.main-menu-link {
    display: flex;
    align-items: center;
    height: 100px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 19px;
    color: #000000;
    text-decoration: none;
    transition: color 0.15s linear;
    box-sizing: border-box;
    will-change: opacity;
    cursor: pointer;
}

.main-menu-link.-hidden {
    display: none;
}

.main-menu-item:focus .main-menu-link,
.main-menu-item:hover .main-menu-link,
.main-menu-item:focus-within .main-menu-link,
.main-menu-item.-current:focus .main-menu-link,
.main-menu-item.-current:hover .main-menu-link,
.main-menu-item.-current:focus-within .main-menu-link {
    color: #f36635;
}

.main-menu-item.-current .main-menu-link {
    color: #b4b4b4;
}

.main-header.-violet .main-menu-link:focus {
    background: #8887b9;
}

.main-menu-item.-submenu:hover .main-menu-sub,
.main-menu-item.-submenu:focus .main-menu-sub,
.main-menu-item.-submenu:focus-within .main-menu-sub {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s, 0s, 0.2s;
}

.main-dropdown-list-wrapper {
    display: inline-flex;
    margin-right: -30px;
}

.main-menu-sub {
    width: 100%;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    box-shadow: 6px 16px 16px rgb(0 0 0 / 6%);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.2s ease-in-out 0s;
    border-top: 1px solid #f0f0f0;
}

.main-menu-item.-submenu:hover:before,
.main-menu-item.-submenu:focus:before,
.main-menu-item.-submenu:focus-within:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 60px;
    left: 0;
    display: block;
    width: 100%;
    height: 40px;
    background-color: transparent;
}


.main-dropdown-list {
    width: 130px;
}

.main-dropdown-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    width: 100%;
    padding: 0 6px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 41px;
    font-size: 14px;
    color: #232355;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.15s linear;
}

.main-dropdown-link:hover,
.main-dropdown-link:active,
.main-dropdown-link:focus {
    text-decoration: underline;
}

.main-dropdown-link:hover,
.main-dropdown-link:focus {
    color: #f94a0d;
}

.main-dropdown-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.main-controls {
    display: flex;
    align-items: center;
    align-self: stretch;
}

.main-search {
    display: flex;
    align-self: stretch;
}

.main-search.-active .main-search-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 100%);
    transition-delay: 0s, 0s, 0.2s;
}

.main-search.-active .main-search-icon svg {
    fill: #F14B11;
}

.main-search.-active .main-search-icon:before {
    opacity: 1;
    transform: translate(0, 0);
}

.main-search-icon {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: opacity 0.15s linear;
    padding: 0 24px;
}

.main-search-icon::before {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fafafa;
    display: block;
    position: absolute;
    opacity: 0;
    z-index: 2;
    bottom: -1px;
    left: calc(50% - 6px);
    transform: translate(0, 5px);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    z-index: 12;
}

.main-search-icon svg {
    fill: #000000;
    width: 20px;
    height: 20px;
    transition: fill 0.15s ease-in-out;
}

.main-search-icon:hover svg {
    fill: #F14B11;
}

.main-search-wrapper {
    position: absolute;
    z-index: 1;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transform: translate(0, 100%);
    -ms-transform: translateY(100%) translateY(5px);
    transition: transform 0.2s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s, opacity 0.15s ease-in-out 0s;
    z-index: 11;
    left: 0;
    width: 100%;
    height: 62px;
}

.main-search-close {
    position: absolute;
    right: 30px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.main-search-close svg {
    width: 10px;
    height: 10px;
    fill: #000;
    opacity: 0.2;
    transition: opacity 0.15s;
}

.main-search-close:hover svg {
    opacity: 0.8;
}

.main-search-input {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 6px 72px 6px 30px;
    font-size: 19px;
    line-height: 30px;
    border: 0;
    background: #fafafa;
    border: 1px solid #f0f0f0;
    color: #474747;
    font-weight: 500;
    caret-color: #c9c9c9;
}

.main-search-input::-webkit-input-placeholder {
    color: #c9c9c9;
    font-size: 19px;
    font-weight: 500;
}

.main-search-input:-moz-placeholder {
    color: #c9c9c9;
    font-size: 19px;
    font-weight: 500;
}

.main-search-input::-moz-placeholder {
    color: #c9c9c9;
    font-size: 19px;
    font-weight: 500;
}

.main-search-input:-ms-input-placeholder {
    color: #c9c9c9;
    font-size: 19px;
    font-weight: 500;
}

.main-avatar-wrapper {
    display: flex;
    align-self: stretch;
    position: relative;
    z-index: 12;
    padding: 0 36px 0 6px;
    cursor: pointer;
}

.main-avatar-wrapper.-mobile {
    display: none;
    width: 74px;
}

.main-avatar-wrapper.-logon:before {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fafafa;
    display: block;
    position: absolute;
    opacity: 0;
    z-index: 2;
    bottom: -1px;
    left: calc(50% - 6px);
    transform: translate(0, 5px);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    left: 18px;
}

.main-avatar {
    align-self: center;
    width: 40px;
    height: 40px;
    background: #e5e5e5;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
}

.main-avatar.-non-logon {
    width: 90px;
    background: #F14B11;
    background-position: center;
    transition: background-color .25s ease;
}

.main-avatar.-non-logon:hover {
    background-color: #F14B11CC;
}

.main-avatar-wrapper.-mobile .main-avatar.-non-logon,
.main-avatar-wrapper.-mobile .main-avatar.-non-logon:hover {
    background-color: rgba(201, 201, 201, 0.2);
}

.user-menu-dropdown {
    right: 0;
    position: absolute;
    z-index: 1;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transform: translate(0, calc(100% + 5px));
    -ms-transform: translateY(100%) translateY(5px);
    transition: transform 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s, opacity 0.2s ease-in-out 0s;
    background: #fafafa;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    padding: 30px 40px 25px;
    padding: 12px 24px 20px;
}

.user-menu-dropdown-item {
    position: relative;
    width: 152px;
}

.user-menu-dropdown-item.-username {
    padding-bottom: 12px;
    margin-bottom: 14px;
}

.user-menu-dropdown-item.-username .button-plus {
    position: absolute;
    right: 0;
    top: 11px;
}

.user-menu-dropdown-item.-username:after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: rgba(208, 208, 208, 0.4);
}

.user-menu-dropdown-text {
    cursor: default;
}

.user-menu-dropdown-link, .user-menu-dropdown-text {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    width: 100%;
    color: #747474;
    font-size: 15px;
    line-height: 20px;
    margin: 8px 0;
    font-weight: 500;
    text-decoration: none;
    box-sizing: border-box;
}

.user-menu-dropdown-link:hover,
.user-menu-dropdown-link:active,
.user-menu-dropdown-link:focus {
    text-decoration: underline;
}

.user-menu-dropdown-link:hover,
.user-menu-dropdown-link:focus {
    color: #f94a0d;
}

.user-menu-dropdown-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.main-avatar-wrapper:hover:before,
.main-avatar-wrapper:focus:before {
    opacity: 1;
    transform: translate(0, 0);
}

.main-avatar-wrapper:focus-within:before {
    opacity: 1;
    transform: translate(0, 0);
}

.main-avatar-wrapper:hover .user-menu-dropdown,
.main-avatar-wrapper:focus .user-menu-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 100%);
    transition-delay: 0s, 0s, 0.2s;
}

.main-avatar-wrapper:focus-within .user-menu-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 100%);
    transition-delay: 0s, 0s, 0.2s;
}

@media (max-width: 992px) {
    .main-header {
        padding: 0 8px 0 38px;
    }

    .main-logo {
        width: 30px;
        height: 27px;
        overflow: hidden;
    }

    .main-logo svg {
        width: 224px;
        height: 27px;
    }

    .main-logo .logo-text {
        display: none;
    }

    .main-menu {
        margin-right: 0;
        margin-left: 80px;
    }

    .main-menu.-non-logon {
        margin-right: 0;
        margin-left: 130px;
    }
}

@media (max-width: 700px) {
    .main-menu {
        margin-left: 0;
    }
}

@media (max-width: 620px) {
    .main-header {
        background: #fff;
        /*height: calc(($headerHeight - 1px));*/
        border-bottom: 1px solid #f0f5f6;
        padding: 0 0 0 14px;
    }

    .main-avatar-wrapper {
        display: none;
        padding-right: 20px;
    }

    .main-avatar-wrapper.-mobile {
        display: flex;
    }

    .main-header {
        height: 80px;
    }

    .main-burger {
        display: flex;
        align-self: stretch;
        width: 80px;
        justify-content: center;
        margin-left: -6px;
    }

    .main-burger svg {
        align-self: center;
    }

    .main-logo {
        position: absolute;
        left: calc(50% - 18px);
    }

    .main-logo svg .logo-pic {
        fill: #f14b11;
    }

    .main-menu,
    .main-search,
    .user-menu-dropdown,
    .main-avatar-wrapper:before {
        display: none;
    }

    .main-header {
        padding: 0;
    }
}

.posts-list {
    padding-bottom: 54px;
    margin: -24px -20px;
}

.posts-list.-full .post-item,
.posts-list.-full .post-partner {
    width: calc(25% - 40px);
}

.post-item,
.post-partner {
    width: calc(33.33% - 40px);
    margin: 24px 20px;
    position: relative;
}

.post-item:active .post-headline,
.post-partner:active .post-headline {
    color: #de441f;
}

.-premium .post-image-wrapper:before {
    padding-top: 67%;
}

.-premium .post-image-wrapper:hover .post-image {
    transform: scale(1);
}

.post-main-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.post-image-wrapper {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 19px;
    z-index: 1;
    overflow: hidden;
    border-radius: 4px;
}

.post-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 75%;
}

.post-image-wrapper:hover .post-image {
    transform: scale(1.2);
}

.post-image-wrapper:hover .post-stats {
    transform: translate(0, 0);
    opacity: 1;
}

.post-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    object-fit: cover;
    background-size: cover;
    transition: transform 0.25s ease-in-out;
}

.post-image img {
    width: 100%;
}

.post-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.post-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.post-tags {
    position: relative;
    z-index: 1;
    padding: 0 0 0;
    margin: 0 -3px;
}

.post-tag-link {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    padding: 2px 3px;
    text-transform: capitalize;
}

.post-tag-link:hover {
    text-decoration: underline;
}

.post-tag-link:active {
    transform: translate(0, 1px);
}

.post-tag-link.-red {
    color: #f14b11;
}

.post-tag-link.-red:hover {
    color: #f94a0d;
}

.post-tag-link.-red:active {
    color: #de441f;
}

.post-tag-link.-violet {
    color: #7c78b5;
}

.post-tag-link.-blue {
    color: #7db2ec;
}

.post-tag-link.-green {
    color: #88c0c6;
}

.post-headline {
    padding: 2px 0 0;
}

.post-headline a {
    display: block;
    font-family: 'Roboto';
    line-height: 31px;
    font-size: 24px;
    color: #232355;
    transition: color 0.15s linear;
    text-decoration: none;
}

.post-headline a:hover {
    color: #f14b11;
}

.post-headline a:active {
    transform: translate(0, 1px);
    color: #d9430f;
}

.premium-headline a {
    line-height: 24px;
    font-size: 18px;
}

.set-price {
    padding: 9px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.set-price-tag {
    display: inline-block;
    color: #c9c9c9;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 10px;
    transition: color 0.15s linear;
    text-decoration: none;
}

.set-price-tag:hover {
    color: #474747;
}

.set-price-tag:active {
    transform: translate(0, 1px);
}

.set-price-amount {
    background: #7c78b5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    min-width: 42px;
    box-sizing: border-box;
    color: #fff;
    padding: 2px 0;
}

.set-price-amount-premium {
    z-index: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    min-width: 42px;
    box-sizing: border-box;
    color: #fff;
    padding: 2px 0;
    position: relative;
    display: flex;
    align-items: center;
}

.set-price-amount-premium::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #7c78b5;
    border-radius: 4px;
    z-index: -1;
    transform: skewX(-10deg);
}

.set-price-amount-old {
    text-decoration: line-through;
}

.set-price-amount-icon {
    fill: #ffffff;
    margin-left: 7px;
    vertical-align: middle;
    margin-right: 9px;
}

.set-price-amout-no-pemium {
    background: #7c78b5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 11px;
    line-height: 21px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    opacity: 0.6;
    margin-left: 9px;
    margin-right: 3px;
    text-decoration: line-through;
}

.post-date {
    color: #c9c9c9;
    font-size: 12px;
    font-weight: 600;
    padding-top: 2px;
}

.post-excerpt {
    font-size: 14px;
    line-height: 23px;
    color: #747474;
    padding-top: 4px;
}

.post-partner {
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #e9f1f2;
    margin: 24px 20px;
    padding: 9px;
}

.post-partner-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.post-partner-wrapper:before {
    content: '';
    display: block;
    padding-top: 75%;
}

.post-partner-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    transition: transform 0.25s ease-in-out;
}

.post-stats {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    transform: translate(0, 100%);
    opacity: 0;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.post-stats .post-stats-icon {
    display: block;
    margin-right: 18px;
}

.post-stats .post-stats-count {
    font-size: 19px;
    color: #fff;
    font-weight: 600;
}

@media (max-width: 1160px) {
    .posts-list {
        padding-bottom: 68px;
    }

    .posts-list.-full .post-item,
    .posts-list.-full .post-partner {
        width: calc(33.33% - 40px);
    }

    .posts-list .post-item,
    .posts-list .post-partner {
        width: calc(50% - 40px);
        margin: 24px 20px;
    }
}

@media (max-width: 960px) {
    .posts-list.-full .post-item,
    .posts-list.-full .post-partner {
        width: calc(50% - 40px);
    }
}

@media (max-width: 620px) {
    .posts-list {
        padding-bottom: 44px;
    }

    .posts-list.-full .post-item,
    .posts-list.-full .post-partner {
        width: calc(100% - 40px);
    }

    .posts-list.-premium .post-image-wrapper:before {
        padding-top: 64%;
    }

    .posts-list .post-image-wrapper:before {
        padding-top: 72%;
    }

    .posts-list .post-excerpt {
        line-height: 23px;
    }

    .posts-list .post-item,
    .posts-list .post-partner {
        width: calc(100% - 40px);
        margin: 24px 20px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    .post-headline a {
        font-weight: 700;
    }
}

.main-menu-mobile,
.main-menu-user-mobile {
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
}

.main-menu-user-mobile {
    border-left: 1px solid #f0f0f0;
}

.main-menu-user-mobile .user-menu-mobile-list {
    width: 100%;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-item {
    position: relative;
    box-sizing: border-box;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-item.-username {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 18px;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-item.-username .user-menu-mobile-link {
    height: 80px;
    color: #747474;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-right: 80px;
    line-height: 1.2;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-item .button-plus {
    position: absolute;
    right: 33px;
    top: 50%;
    transform: translate(0, -50%);
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    padding: 0 30px;
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 47px;
    color: #232355;
    text-decoration: none;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:hover,
.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:active,
.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:focus {
    text-decoration: underline;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:hover,
.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:focus {
    color: #f94a0d;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link.-logout {
    color: #f96353;
}

.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:hover,
.main-menu-user-mobile .user-menu-mobile-list .user-menu-mobile-link:active {
    text-decoration: none;
}

.main-menu-user-mobile__button-plus {
    width: 36px;
    height: 24px;
    background-color: #7C78B5;
    border-radius: 4px;
    border: 0;
    transform: skewX(-10deg);
    padding-top: 4px;
    padding-left: 6px;
    position: absolute;
    top: 29px;
    right: 32px;
}

.main-menu-user-mobile__button-plus-icon {
    fill: #ffffff;
    transform: skewX(10deg);
}

.main-menu-mobile__input--active + .input-icon {
    display: block;
}

.main-menu-mobile-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.main-menu-mobile__list {
    padding: 26px 34px 30px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.main-menu-mobile__list-url {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.8;
    color: #000000;
    margin-bottom: 5px;
    text-decoration: none;
    display: block;
}

.main-menu-mobile__list-url--active,
.main-menu-mobile__list-url.main-menu-mobile__list-url--active.-current {
    color: #F14B11;
}

.main-menu-mobile__list-item:last-child {
    margin-top: auto;
}

.main-menu-mobile__list-url--active + .main-menu-mobile__sublist {
    display: block;
}

.main-menu-mobile__sublist {
    display: none;
    margin: 20px 0 25px;
    padding-left: 25px;
    border-left: 1px solid #f0f0f0;
}

.main-menu-mobile__sublist-url {
    position: relative;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 1;
    color: #232355;
    display: block;
    text-decoration: none;
}

.main-menu-mobile__list-url.-current {
    color: #b4b4b4;
}

.main-menu-mobile__sublist-url.-current {
    color: #8887b9;
}

.main-menu-mobile__sublist-url.-current .main-menu-mobile__sublist-ulr-icon {
    position: absolute;
    top: 4px;
    left: -25px;
    display: block;
    fill: #000000;
}

.main-menu-mobile__sublist-url.-current::before {
    content: "";
    position: absolute;
    left: -26px;
    top: -100%;
    height: 300%;
    width: 2px;
    background: #fafafa;
}

.main-menu-mobile__sublist-ulr-icon {
    display: none;
}

.main-menu-mobile__sublist-item {
    margin-bottom: 18px;
}

.main-menu-mobile__sublist-item:last-child {
    margin-bottom: 0;
}


.main-menu-mobile .search {
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 35px;
}

.main-menu-mobile .menu-headline {
    font-weight: 500;
    font-size: 20px;
    color: #232355;
    padding-bottom: 12px;
    letter-spacing: -1.5px;
    text-decoration: none;
}

.main-menu-mobile .list-wrapper {
    width: calc(100% + 20px);
    overflow: hidden;
    font-size: 0;
    padding-bottom: 19px;
}

.main-menu-mobile .list-wrapper .list-small {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.main-menu-mobile .list-small a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #747474;
    font-size: 14px;
    line-height: 41px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
}

.main-menu-mobile .list-small a:hover,
.main-menu-mobile .list-small a:active,
.main-menu-mobile .list-small a:focus {
    text-decoration: underline;
}

.main-menu-mobile .list-small a:hover,
.main-menu-mobile .list-small a:focus {
    color: #f94a0d;
}

.main-menu-mobile .list-small a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.main-menu-mobile .list-large a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #232355;
    font-size: 20px;
    line-height: 47px;
    font-weight: 500;
    text-decoration: none;
}

.main-menu-mobile .list-large a:hover,
.main-menu-mobile .list-large a:active,
.main-menu-mobile .list-large a:focus {
    text-decoration: underline;
}

.main-menu-mobile .list-large a:hover,
.main-menu-mobile .list-large a:focus {
    color: #f94a0d;
}

.main-menu-mobile .list-large a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.main-menu-mobile .list-large a:hover,
.main-menu-mobile .list-large a:active {
    text-decoration: none;
}

.main-menu-mobile .social-list {
    margin: 26px -6px 0;
}

.main-menu-mobile .social-list svg {
    fill: #747474;
}

.main-menu-mobile .social-list .social-list-link {
    padding: 0 7px 0 6px;
}

.main-menu-mobile .social-list .social-list-link:hover svg {
    fill: #474747;
}

@media (max-width: 620px) {
    .main-menu-mobile {
        display: block;
    }
}

.content-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 18px 0 0;
    box-sizing: border-box;
}

.content-wrapper.-publication {
    padding-left: 82px;
    padding-right: 80px;
}

.content-wrapper.-content-right {
    flex-direction: row-reverse;
}

.content-wrapper.-content-right .content {
    padding-right: 0;
    padding-left: 60px;
}

.content-wrapper.-large .content {
    width: calc(100% - 320px);
}

.content-wrapper.-large .content-aside {
    width: 320px;
}

.content-wrapper.-about {
    max-width: 1200px;
}

.content-wrapper.-grey {
    background: #f2f7f7;
}

.aside-headline {
    font-size: 21px;
    line-height: 29px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 19px 0 24px;
}

.content {
    width: calc(100% - 220px);
    padding-right: 60px;
    box-sizing: border-box;
}

.content.-full {
    width: 100%;
    padding-right: 0;
}

.content.-full-small {
    width: 100%;
    max-width: 1040px;
    padding-right: 0;
    margin: 4px auto 0;
}

.content-aside {
    width: 220px;
}

.section {
    padding: 74px 0 100px;
}

.section.-indention-bottom-none {
    padding-bottom: 0;
}

.section.-lk-section {
    padding-bottom: 120px;
}

.section.-submit {
    background: #f0f5f6;
    margin-top: 30px;
}

.section.-submit .base-col {
    max-width: 1520px;
}

.section.-contact-us {
    background: #f0f5f6;
    margin-top: 20px;
    padding-top: 100px;
}

.section.-contact-us .base-col {
    max-width: 1520px;
}

.section-header {
    box-sizing: border-box;
    padding: 0 30px 44px;
    text-align: center;
    max-width: 940px;
    margin: 0 auto;
}

.section-header.-no-description {
    padding-bottom: 40px;
}

.section-header .content-info-tags {
    margin: -19px 0 24px;
}

h1.section-header-headline,
h2.section-header-headline {
    font-family: Roboto;
}

h1.section-header-headline + .section-header-description,
h2.section-header-headline + .section-header-description {
    padding-top: 9px;
}

h1.section-header-headline {
    font-size: 48px;
    line-height: 54px;
    text-transform: uppercase;
}

h2.section-header-headline {
    font-size: 36px;
    line-height: 45px;
    text-transform: none;
    font-weight: 500;
}

h2.section-header-headline.-roboto {
    font-family: Roboto;
}

.section-header-description {
    font-size: 14px;
    color: #747474;
}

@media (max-width: 1400px) {
    .section.-lk-section {
        padding-bottom: 100px;
    }
}

@media (max-width: 1160px) {
    .section {
        padding: 60px 0 100px;
    }

    .section.-submit {
        margin-top: 18px;
    }

    .section.-contact-us {
        margin-top: 14px;
        padding-top: 80px;
    }

    .content.-full-small {
        max-width: 680px;
    }

    .section-header {
        padding-bottom: 34px;
    }

    .section-header.-sub {
        padding-bottom: 44px;
    }

    .section-header.-no-description {
        padding-bottom: 18px;
    }

    .section-header .content-info-tags {
        margin-bottom: 14px;
    }

    .content-wrapper {
        padding-top: 28px;
    }

    .content-wrapper.-about {
        padding-top: 8px;
    }

    .content-wrapper.-large .content {
        width: calc(100% - 260px);
        padding-right: 40px;
    }

    .content-wrapper.-large .content-aside {
        width: 260px;
    }

    .content-wrapper.-publication {
        padding-top: 18px;
        padding-left: 40px;
        padding-right: 40px;
    }

    h1.section-header-headline,
    h2.section-header-headline {
        font-size: 38px;
        line-height: 48px;
        padding-bottom: 5px;
    }

    h1.section-header-headline + .section-header-description,
    h2.section-header-headline + .section-header-description {
        padding-top: 2px;
    }

    h2.section-header-headline {
        font-size: 36px;
    }
}

@media (max-width: 992px) {
    .section {
        padding: 60px 0 80px;
    }

    .section.-submit {
        margin-top: -10px;
    }

    .section.-contact-us {
        margin-top: -8px;
        padding-top: 60px;
    }

    .section-header {
        padding: 0 0 51px;
    }

    .section-header.-sub {
        padding-bottom: 38px;
    }

    .section-header.-no-description {
        padding-bottom: 25px;
    }

    h1.section-header-headline {
        font-size: 32px;
        line-height: 32px;
        padding-bottom: 9px;
    }

    h2.section-header-headline {
        font-size: 36px;
        line-height: 32px;
        padding-bottom: 12px;
    }

    .content {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .content-wrapper {
        padding-top: 0px;
    }

    .content-wrapper.-about {
        padding-top: 0;
        margin-top: -18px;
    }

    .content-wrapper.-content-right .content {
        padding-left: 0;
    }

    .content-wrapper.-large .content {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .content-wrapper.-publication {
        padding: 5px 10px 0 4px;
    }

    .content-aside {
        display: none;
    }

    .content-aside.-tablet-hide {
        display: none;
    }
}

@media (max-width: 620px) {
    .section {
        padding: 34px 0 0;
    }

    .section.-lk-section {
        padding-bottom: 20px;
    }

    .section.-submit {
        margin-top: 5px;
    }

    .section.-contact-us {
        margin-top: 8px;
        padding-top: 40px;
    }

    .content {
        margin-bottom: 62px;
    }

    .content.-freebie {
        margin-bottom: 0;
    }

    .content.-full-small {
        margin-bottom: 60px;
    }

    .content-wrapper {
        padding-top: 0;
    }

    .content-wrapper.-about {
        margin-top: 5px;
    }

    .content-wrapper.-publication {
        padding: 5px 0 0;
    }

    .content-wrapper.-publication .content {
        padding: 0 12px 0 13px;
        margin-bottom: 0;
    }

    .section-header {
        padding-bottom: 20px;
    }

    .section-header.-sub {
        padding-bottom: 23px;
    }

    .section-header.-large-mobile-indention {
        padding-top: 12px;
    }

    .section-header.-large-mobile-indention h1.section-header-headline {
        padding-bottom: 2px;
    }

    .section-header.-no-description {
        padding-bottom: 16px;
    }

    .section-header .content-info-tags {
        margin-top: -4px;
        margin-bottom: 8px;
    }

    span.content-info-tag {
        display: none;
    }

    h1.section-header-headline,
    h2.section-header-headline {
        font-size: 23px;
        line-height: 32px;
        padding-bottom: 11px;
    }

    h2.section-header-headline {
        padding-bottom: 2px;
    }

    .section-header-description {
        padding-bottom: 7px;
    }

    .content-aside {
        width: 100%;
        background: #212121;
        display: block;
        margin: 0 -20px 0;
        padding: 60px 20px 11px;
    }

    .content-aside.-tablet-hide {
        display: none;
    }

    .content-aside-wrapper {
        background: #fff;
        padding: 18px 38px 38px;
        box-sizing: border-box;
        border-radius: 4px;
    }
}

#panel {
    transition: transform 0.25s ease-in-out;
}

#panel.search-open {
    transform: translate(0, 62px);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    h1.section-header-headline,
    h2.section-header-headline {
        font-weight: 700;
    }
}

.plus-block {
    background: #f0f5f6;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 30px 16px;
    text-align: center;
    overflow: hidden;
}

.plus-block.-indentionTop {
    margin-top: 40px;
}

.plus-block .btn.-default {
    padding-left: 12px;
    padding-right: 12px;
}

.plus-block-image-wrapper img {
    max-width: 100%;
}

.plus-block-headline {
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0;
    padding-top: 8px;
}

.plus-block-headline-highlight {
    font-size: 15px;
    font-family: Roboto;
    font-weight: 500;
    color: #7c78b5;
    letter-spacing: 0;
}

.plus-block-description {
    padding-top: 8px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #747474;
    margin: 0 20px 23px;
}

.plus-block-image-group {
    margin: -31px -18px 14px;
    font-size: 0;
}

.plus-block-image-group img {
    display: inline-block;
    width: calc(50% - 2px);
    margin: 1px;
}

.plus-block-button {
    width: calc(100% - 28px);
}

@media (max-width: 620px) {
    .plus-block-image-wrapper img {
        max-width: calc(100% - 36px);
    }

    .plus-block-description {
        padding-top: 5px;
    }

    .plus-block-button {
        width: calc(100% - 44px);
    }

    .plus-block-image-group {
        margin: -31px -18px 16px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    .plus-block-headline {
        font-weight: 700;
    }
}

.content-info {
    background: #f0f5f6;
    border-radius: 4px;
    padding: 34px 32px 38px;
    margin-bottom: 60px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

.content-info-image-wrapper {
    flex: 0 0 202px;
    margin-right: 36px;
}

.content-info-image {
    width: 100%;
}

.content-info-tags {
    margin: 0 -15px;
    overflow: hidden;
}

.content-info-tag {
    text-transform: capitalize;
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    position: relative;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    padding: 3px 8px 3px 15px;
}

.content-info-tag:hover,
.content-info-tag:active,
.content-info-tag:focus {
    text-decoration: underline;
}

.content-info-tag:hover,
.content-info-tag:focus {
    color: #f94a0d;
}

.content-info-tag:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.content-info-tag:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    width: 3px;
    height: 3px;
    background: #f14b11;
    border-radius: 50%;
    transition: background 0.15s ease-in-out;
}

.content-info-tag:hover:before {
    background: #f94a0d;
}

.content-info-tag:first-child:before {
    display: none;
}

.content-info-tag.-grey {
    color: #c9c9c9;
    text-decoration: none;
}

.content-info-tag.-grey:before {
    background: #c9c9c9;
}

.content-info-tag.-grey:active {
    transform: translate(0, 0);
}

.content-info-headline {
    font-family: 'Roboto';
    line-height: 32px;
    font-size: 28px;
    color: #232355;
    padding: 10px 0 8px;
    letter-spacing: -1px;
    transition: color 0.15s linear;
}

.content-info-text {
    font-size: 15px;
    line-height: 24px;
    color: #747474;
}

@media (max-width: 1160px) {
    .content-info {
        padding: 32px 32px 36px;
    }

    .content-info-image-wrapper {
        flex: 0 0 185px;
    }

    .content-info-headline {
        font-size: 30px;
    }
}

@media (max-width: 992px) {
    .content-info {
        margin-bottom: 44px;
    }
}

@media (max-width: 710px) {
    .content-info {
        margin-bottom: 30px;
        display: block;
        text-align: center;
        background-color: transparent;
        padding: 0;
    }

    .content-info-image-wrapper {
        display: inline-block;
        width: 62%;
        max-width: 350px;
        margin: 0;
    }

    .content-info-text {
        display: none;
    }

    .content-info-headline {
        font-size: 28px;
        line-height: 36px;
        padding: 6px 18px 0;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    .content-info-headline {
        font-weight: 700;
    }
}

.purchase-methods-change {
    margin-top: 34px;
}

.purchase-methods-change-description {
    color: #747474;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 12px;
}

.purchase-methods-change-wrapper {
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    padding: 27px 30px 25px;
    box-sizing: border-box;
}

.purchase-methods-change-wrapper .purchase-powered {
    padding-bottom: 0;
    margin-bottom: 0;
}

.purchase-wrapper {
    background: #f2f7f7;
    margin-top: 132px;
}

.purchase-body {
    width: 100%;
    max-width: 940px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 66px 80px;
    transform: translate(0, -119px);
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
}

.purchase-body.-success {
    padding-bottom: 48px;
    padding: 66px 90px;
}

.purchase-content {
    display: flex;
    justify-content: space-between;
}

.purchase-product {
    width: calc(50% - 30px);
    flex: 0 0 calc(50% - 30px);
}

.purchase-product.-stretch {
    display: flex;
    flex-flow: column;
}

.purchase-methods-content {
    width: calc(50% - 30px);
    flex: 0 0 calc(50% - 30px);
    display: flex;
    flex-flow: column;
}

.payment-wrapper {
    margin-top: auto;
}

.purchase-headline {
    font-size: 21px;
    line-height: 33px;
    font-weight: 500;
    margin-bottom: 21px;
}

.purchase-item-headline a {
    display: block;
    font-family: 'Roboto';
    line-height: 31px;
    font-size: 24px;
    color: #232355;
    transition: color 0.15s linear;
    text-decoration: none;
}

.purchase-item-headline a:hover {
    color: #f14b11;
}

.purchase-item-headline a:active {
    transform: translate(0, 1px);
    color: #d9430f;
}

.purchase-image-wrapper {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 23px;
    z-index: 1;
    overflow: hidden;
    border-radius: 4px;
}

.purchase-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 67%;
}

.purchase-item {
    margin-bottom: 20px;
}

.purchase-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    background-size: contain;
    object-fit: contain;
    transition: transform 0.25s ease-in-out;
}

.purchase-set-price {
    padding: 8px 0;
    display: flex;
    align-items: center;
}

.purchase-methods {
    display: flex;
}

.purchase-methods .radio-input {
    margin-right: 30px;
}

.purchase-methods .radio-input:last-child {
    margin-right: 0;
}

.purchase-methods .radio-content {
    display: flex;
}

.purchase-methods .card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 26px;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    margin-right: 10px;
}

.purchase-methods .card-icon:last-child {
    margin-right: 0;
}

.purchase-powered {
    color: #c9c9c9;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    padding: 20px 0;
    margin-bottom: 8px;
}

.purchase-powered a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #c9c9c9;
    transition: color 0.15s;
}

.purchase-powered a:hover,
.purchase-powered a:active,
.purchase-powered a:focus {
    text-decoration: underline;
}

.purchase-powered a:hover,
.purchase-powered a:focus {
    color: #f94a0d;
}

.purchase-powered a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.purchase-powered a:hover {
    color: #f14b11;
}

.discount-wrapper {
    margin-bottom: 26px;
}

.discount-wrapper .discount-input-wrapper {
    margin-bottom: 20px;
}

.discount-buttons .btn {
    min-width: 120px;
}

.discount-buttons .btn.-transparent {
    min-width: 0;
}

.discount-input-wrapper {
    width: 100%;
}

.discount-input-wrapper.input-wrapper.-default .input {
    padding: 6px 28px;
    font-weight: 500;
}

.discount-remove-coupon-btn {
    background-color: transparent;
    border: 0;
    color: #EE2B47;
    margin-left: 16px;
    padding: 6px 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.3;
    cursor: pointer;
    transition: .15s opacity linear;
    display: none;
}

.discount-remove-coupon-btn:hover,
.discount-remove-coupon-btn:focus {
    opacity: 0.7;
}

.btn.discount-apply-coupon-btn:disabled {
    background-color: #C9C9C9;
    color: #ffffff;
    opacity: 1;
}

.purchase-total-discount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #747474;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    overflow: hidden;
    margin: 0 -2px;
}

.purchase-total-discount:after {
    content: '..............................................................................................................';
    position: absolute;
    bottom: 0;
    left: 0;
}

.purchase-total-discount .purchase-total-name,
.purchase-total-discount .purchase-total-price {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 2px;
}

.purchase-total-discount .purchase-total-price {
    font-weight: 500;
}

.purchase-total-discount .purchase-total-price.-with-discount {
    color: #3dc7be;
}

.purchase-total-summ {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #474747;
    position: relative;
    font-size: 24px;
    line-height: 38px;
    overflow: hidden;
    margin: 24px -7px 0;
    border-top: 1px solid #e9f1f2;
    padding-top: 24px;
}

.purchase-total-summ:after {
    content: '..............................................................................................................';
    position: absolute;
    bottom: 0;
    left: 0;
}

.purchase-total-summ .purchase-total-name,
.purchase-total-summ .purchase-total-price {
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 7px;
}

.purchase-total-summ .purchase-total-price {
    font-weight: 500;
}

.purchase-continue-button {
    margin-top: 26px;
    width: 100%;
    text-align: center;
}

.purchase-terms {
    font-size: 16px;
    line-height: 25px;
    color: #474747;
    padding: 45px 0 3px;
    margin-top: 60px;
    border-top: 1px solid #e9f1f2;
}

.purchase-terms a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #474747;
    font-weight: bold;
    text-decoration: none;
}

.purchase-terms a:hover,
.purchase-terms a:active,
.purchase-terms a:focus {
    text-decoration: underline;
}

.purchase-terms a:hover,
.purchase-terms a:focus {
    color: #f94a0d;
}

.purchase-terms a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.purchase-methods-get {
    margin-bottom: 24px;
}

.purchase-methods-get a {
    width: 100%;
    margin-bottom: 24px;
    max-width: none;
}

.purchase-methods-get a:last-child {
    margin-bottom: 0;
}

.purchase-methods-get a.btn.-social .btn-icon {
    position: relative;
    left: 0;
    top: 0;
    transform: translate(0, 3px);
    margin-right: 6px;
}

.purchase-login-wrapper {
    margin-bottom: 36px;
}

.purchase-login-wrapper .purchase-login-description {
    margin-top: -3px;
    margin-bottom: 16px;
}

.purchase-login-wrapper .discount-input-wrapper {
    margin-bottom: 24px;
}

.purchase-login-wrapper .purchase-login-description {
    font-size: 12px;
    line-height: 14px;
    color: #c9c9c9;
    font-weight: 500;
    margin-bottom: 18px;
}

.purchase-login-wrapper .purchase-login-description a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #5e5e5e;
    text-decoration: none;
}

.purchase-login-wrapper .purchase-login-description a:hover,
.purchase-login-wrapper .purchase-login-description a:active,
.purchase-login-wrapper .purchase-login-description a:focus {
    text-decoration: underline;
}

.purchase-login-wrapper .purchase-login-description a:hover,
.purchase-login-wrapper .purchase-login-description a:focus {
    color: #f94a0d;
}

.purchase-login-wrapper .purchase-login-description a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.purchase-login-social {
    display: flex;
}

.purchase-login-social .btn {
    font-size: 19px;
    line-height: 29px;
    padding: 12px 0px 12px 32px;
    min-width: 166px;
    margin-right: 20px;
    flex-grow: 1;
}

.purchase-login-social .btn .btn-icon {
    left: 12px;
}

.purchase-login-social .btn:last-child {
    margin-right: 0;
}

.purchase-result {
    text-align: center;
    padding-bottom: 46px;
    margin-bottom: 50px;
    margin-top: -14px;
    border-bottom: 1px solid #e9f1f2;
}

.purchase-result.-success {
    margin-bottom: 60px;
}

.purchase-result-headline {
    font-size: 36px;
    line-height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #455770;
}

.purchase-result-headline.-error {
    color: #ee2b47;
}

.purchase-result-icon {
    margin-right: 20px;
}

.purchase-result-description {
    color: #474747;
    font-size: 16px;
    line-height: 28px;
    max-width: 680px;
    margin: 15px auto 0;
}

.purchase-download-info {
    font-size: 16px;
    line-height: 28px;
    color: #474747;
}

.purchase-download-info a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #232355;
    font-weight: bold;
    text-decoration: none;
}

.purchase-download-info a:hover,
.purchase-download-info a:active,
.purchase-download-info a:focus {
    text-decoration: underline;
}

.purchase-download-info a:hover,
.purchase-download-info a:focus {
    color: #f94a0d;
}

.purchase-download-info a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

@media (max-width: 1160px) {
    .purchase-wrapper {
        margin-top: 142px;
    }

    .purchase-body {
        max-width: 960px;
        padding: 74px 80px 66px;
    }

    .purchase-result {
        margin-top: -20px;
    }

    .purchase-product,
    .purchase-methods-content {
        width: calc(50% - 40px);
        flex: 0 0 calc(50% - 40px);
    }

    .purchase-headline {
        margin-bottom: 23px;
    }

    .purchase-methods .radio-input {
        margin-right: 30px;
    }
}

@media (max-width: 1060px) {
    .purchase-body {
        max-width: 900px;
    }
}

@media (max-width: 960px) {
    .purchase-wrapper {
        margin-top: 126px;
    }

    .purchase-body {
        max-width: 540px;
        padding: 55px 90px;
    }

    .purchase-body.-success {
        padding: 58px 90px;
        padding-bottom: 66px;
    }

    .purchase-content {
        flex-wrap: wrap;
    }

    .purchase-product,
    .purchase-methods-content {
        width: 100%;
        flex: 0 0 100%;
    }

    .purchase-product {
        margin-bottom: 25px;
    }

    .purchase-product.-success {
        margin-bottom: 8px;
    }

    .purchase-terms {
        margin-top: 56px;
        padding: 42px 0 18px;
        text-align: center;
    }

    .purchase-result {
        margin-top: -10px;
        padding-bottom: 44px;
        margin-bottom: 44px;
    }

    .purchase-result.-success {
        margin-bottom: 50px;
    }

    .purchase-result-headline {
        font-size: 26px;
        line-height: 41px;
        flex-flow: column;
    }

    .purchase-result-description {
        font-size: 15px;
        line-height: 26px;
        margin-top: 8px;
    }

    .purchase-result-icon {
        margin: 0 0 15px 0;
    }

    .purchase-download-info {
        border-top: 1px solid #e9f1f2;
        margin-top: 32px;
        padding-top: 41px;
    }
}

@media (max-width: 992px) {
    .purchase-methods-change {
        margin-top: 28px;
    }
}

@media (max-width: 700px) {
    .purchase-wrapper {
        margin-top: 3px;
    }

    .purchase-wrapper.-gray {
        background: #fff;
    }

    .purchase-body {
        transform: translate(0, 0);
        padding: 36px 0 0;
        border: 0;
        margin: 0 20px;
        width: calc(100% - 40px);
        border-radius: 0;
        border-top: 1px solid #f0f0f0;
    }

    .purchase-body.-success {
        padding: 36px 0 0;
    }

    .discount-wrapper {
        margin-bottom: 27px;
    }

    .purchase-terms {
        margin-top: 46px;
        padding: 38px 0 96px;
    }

    .purchase-login-social {
        flex-wrap: wrap;
    }

    .purchase-login-social .btn {
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
        padding-left: 0;
    }

    .purchase-login-social .btn:last-child {
        margin-bottom: 0;
    }

    .purchase-login-wrapper {
        margin-bottom: 24px;
    }

    .purchase-login-wrapper .discount-input-wrapper {
        margin-bottom: 30px;
    }

    .purchase-result {
        margin-top: 12px;
        padding-bottom: 34px;
        margin-bottom: 26px;
    }

    .purchase-result.-success {
        border-bottom: 0;
        margin-bottom: 8px;
    }

    .purchase-download-info {
        padding-top: 34px;
        padding-bottom: 92px;
    }

    .purchase-methods-change-wrapper {
        padding: 27px 0 29px 18px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    .purchase-item-headline a,
    .purchase-result-headline a {
        font-weight: 700;
    }
}

.compatibility {
    border: 1px solid #e9f1f2;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px 30px 14px 28px;
    display: flex;
    align-items: center;
}

.compatibility .compatibility-title {
    font-weight: 700;
    line-height: 28px;
    font-size: 18px;
    color: #747474;
    padding-right: 28px;
}

.compatibility-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.compatibility-list.-large .compatibility-item {
    height: 28px;
    padding: 4px 8px;
    margin: 0 10px 10px 0;
}

.compatibility-item {
    overflow: hidden;
    font-weight: 900;
    line-height: normal;
    font-size: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    background: #474747;
    margin: 0 7px 7px 0;
    padding: 0 5px;
    min-width: 24px;
    height: 24px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    color: #fff;
    transition: color 0.35s ease;
}

.compatibility-item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: opacity 0.15s linear;
}

.compatibility-item::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05) url("../images/tick.svg") no-repeat center;
    background-size: 14px 10px;
    opacity: 0;
    transition: opacity 0.35s ease;
    will-change: opacity;
}

.compatibility-item:hover:before {
    opacity: 0.2;
}

.compatibility-item:active {
    transform: translate(0, 1px);
}

.compatibility-item.-orange {
    color: #fff;
    background: #fd7c23;
}

.compatibility-item.-blue {
    color: #fff;
    background: #2ad8ff;
}

.compatibility-item.-pink {
    color: #fff;
    background: #fc36c0;
}

.compatibility-item.-yellow {
    color: #fff;
    background: #f2b03c;
}

.compatibility-item.-active {
    color: transparent;
}

.compatibility-item.-active::after {
    opacity: 1;
}

.items-selector-compatibility {
    margin-bottom: 6px;
}

.items-selector-compatibility .compatibility-headline {
    font-family: 'Roboto';
    font-weight: 500;
    line-height: 25px;
    font-size: 16px;
    color: #747474;
}

.advertise-block {
    display: block;
    width: 220px;
    height: 220px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    transition: box-shadow 0.3s;
}

.advertise-block[href]:hover,
.advertise-block[href]:focus {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

.advertise-block__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.advertise-block .advertise-block-text {
    color: #fff;
    line-height: 27px;
    font-size: 19px;
    text-align: center;
}

.section-header-about-description {
    max-width: 600px;
    margin: 0 auto;
}

.section-header-submit-description {
    max-width: 940px;
    margin: 0 auto;
}

.about-main-photo {
    max-width: 1200px;
    width: 100%;
}

.about-main-photo-image {
    width: 100%;
}

.about-main-photo-image.-big {
    display: block;
}

.about-main-photo-image.-small {
    display: none;
}

.about-main-description-wrapper {
    width: 100%;
    padding: 74px 0 40px;
    display: flex;
}

.about-main-description-wrapper .text-block-blockquote {
    margin: 0 0 0 -60px;
    flex: 1;
}

.about-main-description-wrapper .text-block-blockquote cite {
    padding-left: 60px;
    font-weight: 500;
    margin-top: 12px;
}

.about-main-description-wrapper .about-main-description-info {
    flex: 0 0 320px;
    font-size: 16px;
    line-height: 28px;
    padding: 8px 40px 0 48px;
}

.about-main-description-wrapper .about-main-description-info .visit-link {
    width: 120px;
}

.about-main-description-wrapper .about-main-description-info-text {
    padding-bottom: 26px;
}

.about-team-photos {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -30px -30px;
    width: calc(100% + 60px);
}

.about-team-photo-item {
    width: calc(33.33% - 60px);
    flex: 0 0 calc(33.33% - 60px);
    margin: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.about-team-photo-item:before {
    content: '';
    display: block;
    padding-top: 78%;
}

.about-team-photo-item .about-team-photo {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    background-size: cover;
    background-position: center center;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.about-team-photo-item .about-team-photo.show {
    opacity: 1;
}

.about-counts-wrapper {
    padding: 94px 0 100px;
    width: 100%;
}

.about-counts-headline {
    font-size: 32px;
    line-height: 51px;
    color: #747474;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-counts-headline svg {
    margin-top: -5px;
    margin-right: 12px;
}

.about-counts-items {
    width: calc(100% + 80px);
    display: flex;
    margin: 56px -40px 0;
    box-sizing: border-box;
    padding: 0 10px;
    color: #474747;
}

.about-counts-items .about-counts-item {
    flex: 0 0 33.33%;
    padding: 0 40px;
    box-sizing: border-box;
    text-align: center;
}

.about-counts-items .about-counts-item-num {
    color: #8a8ea7;
    font-size: 54px;
    font-weight: 600;
    line-height: 63px;
}

.about-counts-items .about-counts-item-headline {
    font-size: 24px;
    line-height: 42px;
    font-weight: 600;
    margin: 16px 0 7px;
}

.about-counts-items .about-counts-item-description {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 18px;
}

.about-counts-items .about-counts-item-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.about-counts-items .about-counts-item-link:hover,
.about-counts-items .about-counts-item-link:active,
.about-counts-items .about-counts-item-link:focus {
    text-decoration: underline;
}

.about-counts-items .about-counts-item-link:hover,
.about-counts-items .about-counts-item-link:focus {
    color: #f94a0d;
}

.about-counts-items .about-counts-item-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

@media (max-width: 1160px) {
    .about-main-description-wrapper .text-block-blockquote {
        margin-left: -40px;
    }

    .about-main-description-wrapper .about-main-description-info {
        padding: 8px 0px 0 48px;
        flex: 0 0 288px;
    }

    .about-main-photo-image.-big {
        display: none;
    }

    .about-main-photo-image.-small {
        display: block;
    }

    .about-team-photos {
        margin: 10px -24px -24px;
        width: calc(100% + 48px);
    }

    .about-team-photo-item {
        margin: 24px;
        width: calc(33.33% - 48px);
        flex: 0 0 calc(33.33% - 48px);
    }

    .about-counts-items {
        width: calc(100% + 48px);
        margin: 56px -24px 0;
        padding: 0;
    }

    .about-counts-items .about-counts-item {
        padding: 0 24px;
    }

    .about-counts-wrapper {
        padding-bottom: 92px;
    }
}

@media (max-width: 1100px) {
    .about-main-description-wrapper .text-block-blockquote {
        margin: 0;
    }

    .about-main-description-wrapper .text-block-blockquote cite {
        padding: 0;
    }
}

@media (max-width: 992px) {
    .about-main-description-wrapper {
        padding: 56px 0 20px;
    }

    .about-main-description-wrapper .about-main-description-info {
        padding: 0px 0px 0 40px;
        flex: 0 0 230px;
    }

    .about-main-description-wrapper .text-block-blockquote cite {
        margin-top: 15px;
    }

    .about-team-photos {
        margin: 16px -18px -18px;
    }

    .about-team-photo-item {
        width: calc(50% - 36px);
        flex: 0 0 calc(50% - 36px);
        margin: 18px;
        padding: 0;
    }

    .about-counts-wrapper {
        padding-top: 74px;
    }

    .about-counts-headline {
        margin-left: -8px;
        justify-content: flex-start;
    }

    .about-counts-items {
        flex-wrap: wrap;
        margin-top: 46px;
    }

    .about-counts-items .about-counts-item {
        width: 100%;
        flex: 0 0 100%;
        text-align: left;
        margin-bottom: 50px;
    }

    .about-counts-items .about-counts-item:last-child {
        margin-bottom: 0;
    }

    .about-counts-items .about-counts-item-num {
        font-size: 46px;
        line-height: 54px;
    }

    .about-counts-wrapper {
        padding-bottom: 70px;
    }
}

@media (max-width: 620px) {
    .about-main-photo {
        margin: 0 -20px;
        width: calc(100% + 40px);
    }

    .about-main-description-wrapper {
        flex-wrap: wrap;
        padding: 46px 0 20px;
        margin: 0 12px;
    }

    .about-main-description-wrapper .text-block-blockquote cite {
        margin-left: 0;
        margin-top: 20px;
    }

    .about-main-description-wrapper .about-main-description-info {
        padding-left: 0;
        padding-top: 40px;
        flex: 0 0 100%;
    }

    .about-team-photos {
        margin: 42px -5px -18px;
    }

    .about-team-photo-item {
        width: calc(100% - 36px);
        flex: 0 0 calc(100% - 36px);
        margin-bottom: 14px;
    }

    .about-counts-wrapper {
        padding-top: 92px;
    }

    .about-counts-headline {
        flex-wrap: wrap;
        justify-content: center;
        font-size: 21px;
        line-height: 28px;
    }

    .about-counts-headline svg {
        margin-right: 0;
        margin-bottom: 14px;
    }

    .about-counts-items {
        margin-top: 56px;
        width: calc(100% + 40px);
    }

    .about-counts-items .about-counts-item {
        text-align: center;
        padding: 0 40px;
        margin-bottom: 60px;
    }

    .about-counts-items .about-counts-item-num {
        font-size: 54px;
        line-height: 63px;
    }
}

.expand {
    position: relative;
}

.expand.-active .expand-result {
    border-radius: 4px 4px 0 0;
}

.expand.-active .expand-dropdown {
    position: absolute;
    display: block;
    width: 100%;
}

.expand.-active .expand-controls-handler {
    transform: rotate(180deg);
}

.expand .expand-result {
    cursor: pointer;
    border: 1px solid #f0f5f6;
    background: #f0f5f6;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box;
    padding: 13px 25px 10px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
}

.expand .expand-result:hover .result-name {
    color: #f14b11;
}

.expand .result-name {
    font-weight: 500;
    line-height: 28px;
    font-size: 18px;
    text-transform: capitalize;
    color: #232355;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.expand .expand-btn-buy {
    display: block;
    color: #fff;
    font-weight: 500;
    line-height: 27px;
    font-size: 18px;
    background: #7c78b5;
    transition: background 0.15s ease-in-out;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 26px;
    border: none;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: space-between;
}

.expand .expand-btn-buy:hover {
    background: #908dbe;
}

.expand .expand-btn-buy:active {
    background: #706da1;
}

.expand .expand-btn-buy-price {
    display: flex;
    align-items: center;
}

.expand .expand-btn-buy-price .expand-btn-buy-old-price {
    display: none;
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    opacity: 0.7;
    margin-right: 12px;
    padding-top: 1px;
    text-decoration: line-through;
}

.expand .expand-btn-buy-price .expand-btn-buy-old-price.-active {
    display: block;
}

.expand-btn-buy-title {
    display: flex;
    align-items: center;
}

.expand-btn-buy-plus-icon {
    fill: #ffffff;
    margin-left: 6px;
}

.expand .expand-dropdown {
    background: #f0f5f6;
    border-top: 1px solid #e9f1f2;
    padding: 12px 0;
    display: none;
}

.expand .expand-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #7c78b5;
    font-weight: 500;
    line-height: 27px;
    font-size: 18px;
    text-decoration: none;
    padding: 3px 25px;
    width: 100%;
    box-sizing: border-box;
    transition: background 0.15s ease-in-out;
}

.expand .expand-link:hover,
.expand .expand-link:active,
.expand .expand-link:focus {
    text-decoration: underline;
}

.expand .expand-link:hover,
.expand .expand-link:focus {
    color: #f94a0d;
}

.expand .expand-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.expand .expand-link:hover {
    text-decoration: none;
}

.expand .expand-link.-active {
    cursor: default;
    font-weight: 400;
    color: #c9c9c9;
}

.expand .expand-link.-active:active {
    transform: translate(0, 0);
}

@media (max-width: 1160px) {
    .expand .expand-result {
        padding: 11px 18px 9px 19px;
    }

    .expand .result-name {
        font-size: 16px;
        line-height: 24px;
    }

    .expand .expand-btn-buy {
        padding: 12px 20px 10px;
        line-height: 24px;
        font-size: 16px;
    }
}

@media (max-width: 620px) {
    .expand .result-name {
        font-size: 18px;
        line-height: 27px;
    }

    .expand .expand-result {
        padding: 13px 27px 11px 23px;
    }

    .expand .expand-btn-buy {
        font-size: 18px;
        line-height: 27px;
        padding: 15px 24px 12px;
    }
}

.w404 {
    max-width: 640px;
    margin: 46px auto 0;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.section-404-freebie {
    background-color: #f5f5f5;
}

.w404-image-wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.w404-image {
    width: 100%;
}

.w404-headline {
    font-size: 48px;
    line-height: 48px;
    text-transform: uppercase;
    padding: 35px 0 0;
    font-family: 'Josefin Sans';
    font-weight: 600;
}

.w404-description {
    font-size: 16px;
    line-height: 25px;
    color: #747474;
    padding: 19px 0 34px;
}

.w404-home .btn {
    text-transform: uppercase;
    width: 160px;
}

.section-404-freebie .section-header {
    max-width: 100%;
}

.section-404-freebie .content {
    width: 100%;
    padding-right: 0;
}

@media (max-width: 1160px) {
    .section.section-404 {
        padding-top: 75px;
    }

    .section-404-freebie .base-col {
        padding: 0 60px;
    }

    .section-404-freebie .section-header {
        max-width: 100%;
    }

    .section-404-freebie .content {
        width: 100%;
        padding-right: 0;
    }

    .section-404-freebie .posts-list .post-item,
    .section-404-freebie .posts-list .post-partner {
        width: calc(33.33% - 40px);
    }
}

@media (max-width: 992px) {
    .section.section-404 {
        padding-top: 52px;
    }

    .w404-image-wrapper {
        max-width: 520px;
    }

    .w404-headline {
        font-size: 38px;
        line-height: 38px;
        padding-top: 47px;
    }

    .w404-description {
        padding: 21px 0 28px;
    }

    .section-404-freebie {
        padding: 85px 0 80px;
    }

    .section-404-freebie .base-col {
        padding: 0 36px;
    }

    .section-404-freebie .section-header {
        padding-bottom: 48px;
    }

    .section-404-freebie .posts-list .post-partner,
    .section-404-freebie .posts-list .post-item {
        width: calc(50% - 40px);
    }
}

@media (max-width: 620px) {
    .section.section-404 {
        padding-top: 34px;
        padding-bottom: 60px;
    }

    .w404-image-wrapper {
        padding: 0 6px;
        box-sizing: border-box;
    }

    .w404-headline {
        font-size: 32px;
        line-height: 45px;
        padding-top: 33px;
    }

    .w404-description {
        font-size: 15px;
        line-height: 24px;
        padding: 8px 0px 33px;
    }

    .section-404-freebie {
        padding: 47px 0;
    }

    .section-404-freebie .content {
        margin-bottom: 0;
    }

    .section-404-freebie .section-header {
        padding-bottom: 30px;
    }

    .section-404-freebie .base-col {
        padding: 0 20px;
    }

    .section-404-freebie .posts-list {
        margin: -24px 0;
    }

    .section-404-freebie .posts-list .post-partner,
    .section-404-freebie .posts-list .post-item {
        width: 100%;
        margin: 24px 0;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    .w404-headline {
        font-weight: 700;
    }
}

[contenteditable=true]:empty {
    width: 200px !important;
    cursor: text;
}

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    text-align: center;
    color: #c9c9c9;
}

div[contenteditable=true] {
    color: #000;
}

.search-input {
    border: 0;
    text-align: center;
    transform: translate(65px, 0);
}

.search-input + .section-header-search-clear {
    transform: translate(80px, 8px);
}

.search-input:invalid {
    width: 196px !important;
}

.search-input::-webkit-input-placeholder {
    color: #c9c9c9;
}

.section-header-search .-mobile {
    display: none;
}

#searchInput,
#searchBuffer {
    font-size: 48px !important;
    line-height: 48px !important;
    font-family: 'Josefin Sans' !important;
    text-transform: uppercase !important;
    text-align: center;
    font-weight: 600 !important;
}

.searchInputLabel {
    position: absolute;
}

#searchInput {
    width: 100px;
    min-width: 24px;
    max-width: 100%;
}

#searchBuffer {
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: hidden;
    white-space: pre;
}

.section-header-search {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 30px;
}

.section-header-search .section-header-search-tags {
    padding-bottom: 50px;
}

.section-header-search-form {
    display: flex;
    justify-content: center;
    padding-bottom: 48px;
    padding-right: 66px;
}

.section-header-search-clear {
    width: 17px;
    height: 16px;
    padding: 12px;
    margin-top: -10px;
    cursor: pointer;
}

.section-header-search-clear svg {
    width: 17px;
    height: 16px;
    fill: #c4c4c4;
    transition: fill 0.15s ease-in-out;
}

.section-header-search-clear:hover svg {
    fill: #000;
}

.section-header-search-tags {
    font-size: 0;
    margin: -10px;
}

.section-header-search-tags.-desktop {
    display: block;
}

.section-header-search-tags.-tablet {
    display: block;
}

.section-header-search-tags .btn {
    margin: 10px;
    padding: 7px 26px;
}

.section-header-search-results {
    border-top: 1px solid #e9f1f2;
    padding-top: 44px;
}

.section-header-search-results .section-header-search-tags {
    margin-top: 34px;
    margin-bottom: 2px;
}

.section-header-search-results-headline {
    font-size: 30px;
    line-height: 47px;
    font-weight: 500;
}

.section-header-search-results-description {
    font-size: 16px;
    line-height: 25px;
    color: #747474;
    padding-top: 9px;
}

.section-header-search-results .section-header-search-tags {
    padding-bottom: 0;
    margin-top: 24px;
}

@media (max-width: 1160px) {
    .section-header-search-results {
        padding-top: 44px;
    }

    #searchInput,
    #searchBuffer {
        font-size: 38px !important;
        line-height: 38px !important;
    }

    .section-header-search {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .search-input {
        border: 0;
    }

    .search-input:invalid {
        width: 155px !important;
    }

    .search-input + .section-header-search-clear {
        transform: translate(80px, 4px);
    }

    [contenteditable=true]:empty {
        width: 162px !important;
    }

    .section-header-search-results .section-header-search-tags {
        margin-top: 24px;
    }
}

@media (max-width: 992px) {
    .section-header-search {
        margin-top: -15px;
    }

    .section-header-search .section-header-search-tags {
        padding-bottom: 42px;
    }

    .section-header-search-form {
        padding-bottom: 32px;
        padding-right: 46px;
    }

    .section-header-search-results-headline {
        font-size: 24px;
        line-height: 38px;
    }

    .section-header-search-results {
        padding-top: 35px;
        padding-bottom: 20px;
    }

    .section-header-search-results .section-header-search-tags {
        padding-bottom: 0;
        margin-bottom: -8px;
    }

    .section-header-search-tags {
        margin: -8px;
    }

    .section-header-search-tags .btn {
        margin: 8px;
        padding: 7px 24px;
    }

    #searchInput,
    #searchBuffer {
        font-size: 30px !important;
        line-height: 47px !important;
    }

    .section-header-search-clear {
        margin-top: -8px;
        padding: 12px;
    }

    .search-input {
        border: 0;
        transform: translate(45px, 0);
    }

    .search-input + .section-header-search-clear {
        transform: translate(60px, 8px);
    }

    .search-input:invalid,
    [contenteditable=true]:empty {
        width: 124px !important;
    }

    .section-header-search-results .section-header-search-tags {
        margin-top: 26px;
    }
}

@media (max-width: 620px) {
    .section-header-search-tags {
        margin: -4px;
    }

    .section-header-search-tags.-desktop {
        display: none;
    }

    .section-header-search-tags.-tablet {
        display: none;
    }

    .section-header-search-tags .btn.-white {
        border-width: 1px;
        margin: 4px;
    }

    .section-header-search-results-description {
        font-size: 14px;
    }

    #searchInput,
    #searchBuffer {
        font-size: 23px !important;
        line-height: 32px !important;
    }

    [contenteditable=true]:empty,
    .search-input:invalid {
        width: 98px !important;
    }

    .search-input + .section-header-search-clear {
        transform: translate(59px, -2px);
    }

    .section-header-search-clear {
        margin-top: -5px;
    }

    .section-header-search .-mobile {
        display: block;
    }

    .section-header-search-results {
        border-top: 0;
        padding-top: 0;
        padding-bottom: 10px;
    }

    .section-header-search-results .section-header-search-tags {
        margin-top: 17px;
        margin-bottom: 0;
        padding-bottom: 5px;
    }

    .section-header-search {
        margin-top: -3px;
    }

    .section-header-search .premium-controls {
        margin-bottom: 36px;
    }

    .section-header-search-form {
        padding-bottom: 30px;
    }

    .section-header-search-results-headline {
        font-size: 21px;
        line-height: 33px;
    }

    .section-header-search-results-description {
        padding-top: 4px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    #searchInput,
    #searchBuffer {
        font-weight: 700 !important;
    }
}

.join-form {
    background-color: #f0f5f6;
    border-radius: 4px;
    padding: 60px 100px;
    box-sizing: border-box;
}

.join-form .join-form-headline {
    font-size: 28px;
    line-height: 44px;
    font-weight: 500;
    margin-bottom: 12px;
}

.join-form p {
    font-size: 16px;
    line-height: 28px;
    color: #474747;
    margin-bottom: 32px;
}

.join-form .join-form-fieldset {
    display: flex;
}

.join-form .join-form-fieldset .input-wrapper {
    flex: 1;
    margin-right: 40px;
    position: relative;
}

.join-form .join-form-fieldset .input-wrapper .input-wrapper-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
}

.join-form .join-form-fieldset .input-wrapper .input {
    color: #474747;
    background: #fff;
    border-width: 1px;
    border-color: #e9f1f2;
    height: 60px;
    padding-left: 61px;
}

.join-form .join-form-fieldset .input-wrapper .input:focus,
.join-form .join-form-fieldset .input-wrapper .input:active {
    color: #474747;
    border-color: #8a8ea7;
}

.join-form .join-form-fieldset .input-wrapper .input::-webkit-input-placeholder {
    color: #c9c9c9;
}

.join-form .join-form-fieldset .input-wrapper .input:-moz-placeholder {
    color: #c9c9c9;
}

.join-form .join-form-fieldset .input-wrapper .input::-moz-placeholder {
    color: #c9c9c9;
}

.join-form .join-form-fieldset .input-wrapper .input:-ms-input-placeholder {
    color: #c9c9c9;
}

.join-form .join-form-fieldset .input-wrapper:hover .input {
    color: #474747;
    border-color: #c9c9c9;
}

.join-form .join-form-fieldset .input-wrapper:hover .input:focus,
.join-form .join-form-fieldset .input-wrapper:hover .input:active {
    color: #474747;
    border-color: #8a8ea7;
}

.join-form .join-form-fieldset .btn {
    flex: 0 0 240px;
    min-width: 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 18px;
}

.join-form .join-form-privacy {
    padding: 16px 0 0 20px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
    color: #c9c9c9;
}

@media (max-width: 1160px) {
    .join-form {
        padding: 60px 80px 64px;
    }

    .join-form .join-form-headline {
        margin-bottom: 15px;
    }
}

@media (max-width: 992px) {
    .join-form {
        padding: 54px 60px 56px;
    }

    .join-form .join-form-headline {
        margin-bottom: 12px;
    }

    .join-form .join-form-fieldset .input-wrapper {
        margin-right: 20px;
    }

    .join-form .join-form-fieldset .btn {
        flex: 0 0 140px;
    }

    .join-form .join-form-fieldset .btn span {
        display: none;
    }
}

@media (max-width: 620px) {
    .join-form {
        margin: 0 -20px;
        padding: 48px 30px 48px;
        border-radius: 0;
    }

    .join-form .join-form-headline {
        font-size: 21px;
        line-height: 33px;
        margin-bottom: 18px;
    }

    .join-form .join-form-fieldset {
        flex-wrap: wrap;
    }

    .join-form .join-form-fieldset .input-wrapper {
        margin-right: 0;
        flex: 0 0 100%;
    }

    .join-form .join-form-fieldset .input-wrapper .input {
        padding-top: 9px;
        padding-left: 68px;
    }

    .join-form .join-form-fieldset .btn {
        flex: 0 0 100%;
    }

    .join-form .join-form-fieldset .btn span {
        display: inline;
    }

    .join-form .join-form-privacy {
        padding: 14px 0 24px 23px;
    }
}

.expandable-item {
    padding: 22px 46px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(201, 201, 201, 0.3);
}

.expandable-item:last-child {
    border-bottom: 0;
}

.expandable-item.-opened .expandable-headline .expandable-checkbox {
    background: #8a8ea7;
    transform: rotate(180deg);
}

.expandable-item.-opened .expandable-headline .expandable-checkbox svg path {
    fill-opacity: 1;
    fill: #fff;
}

.expandable-item.-opened .expandable-body {
    display: block;
}

.expandable-headline {
    color: #232355;
    font-size: 21px;
    line-height: 35px;
    font-weight: 500;
    margin: 0;
    padding: 0 40px 0 0;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    transition: color 0.15s ease-in-out;
}

.expandable-headline:hover {
    color: #f36635;
}

.expandable-headline:active {
    color: #d9430f;
}

.expandable-headline .expandable-checkbox {
    position: absolute;
    right: 0;
    top: 5px;
    width: 26px;
    height: 26px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f0f5f6;
}

.expandable-body {
    display: none;
    font-size: 16px;
    line-height: 28px;
    color: #474747;
    margin-top: 12px;
    margin-bottom: 12px;
    width: 100%;
    max-width: 880px;
    box-sizing: border-box;
    padding-right: 40px;
}

.fonts-preview {
    margin-top: 60px;
    margin-bottom: 52px;
}

.fonts-preview-form {
    background: #efefef;
    padding: 20px;
    border-radius: 4px;
}

.fonts-preview-input-wrapper {
    position: relative;
}

.fonts-preview-input {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    padding: 13px 300px 12px 19px;
    box-sizing: border-box;
    transition: border-color 0.15s ease-in-Out;
}

.fonts-preview-input:hover {
    border-color: #c9c9c9;
}

.fonts-preview-input:focus {
    border-color: #8a8ea7;
    padding: 13px 18px 12px 19px;
}

.fonts-preview-input:focus + .fonts-preview-input-description {
    visibility: hidden;
    opacity: 0;
    transition-delay: 0s, 0.15s;
}

.fonts-preview-input-description {
    font-size: 14px;
    line-height: 22px;
    color: #c9c9c9;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
}

.fonts-preview-results {
    margin-top: 0;
}

.fonts-preview-result-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px 160px 30px 0;
    border-bottom: 1px solid #efefef;
    font-size: 36px;
    line-height: 52px;
    color: #474747;
}

.fonts-preview-result-text {
    overflow: hidden;
}

.fonts-preview-result-text img {
    height: 50px;
}

.fonts-preview-result-font {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: #efefef;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #474747;
    padding: 7px 10px 5px;
}

@media (max-width: 1160px) {
    .fonts-preview {
        margin-top: 52px;
        margin-bottom: 45px;
    }
}

@media (max-width: 992px) {
    .fonts-preview.-desktop {
        display: none;
    }
}

@media (max-width: 620px) {
    .fonts-preview-input {
        padding: 13px 12px 12px 19px;
    }

    .fonts-preview-input:focus {
        padding: 13px 12px 12px 19px;
    }

    .fonts-preview-input-description {
        display: none;
    }

    .fonts-preview-result-item {
        font-size: 20px;
        line-height: 24px;
    }

    .fonts-preview-result-item {
        margin: 0 0 36px;
    }
}

.onboarding {
    display: flex;
    min-height: 100%;
}

.onboarding-left {
    flex: 0 0 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.onboarding-left .logo-default {
    margin-left: -10px;
}

.onboarding-left-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 100%;
    box-sizing: border-box;
    padding: 90px 140px 145px;
    width: 100%;
    max-width: 760px;
}

.onboarding-right {
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #f0f5f6;
    padding-top: 140px;
}

.onboarding-right-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 760px;
}

.onboarding-main-image {
    width: 100%;
    max-width: 504px;
    margin-bottom: 60px;
}

.onboarding-main-description {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #8a8ea7;
    max-width: 340px;
    width: 100%;
}

.onboarding-form {
    border-bottom: 1px solid #e9f1f2;
    margin-top: 76px;
    padding-bottom: 40px;
}

.onboarding-form .input-wrapper {
    width: 100%;
    margin-bottom: 15px;
}

.onboarding-headline {
    font-size: 21px;
    line-height: 33px;
    color: #474747;
    padding-bottom: 7px;
    font-weight: 500;
}

.onboarding-headline.-center {
    text-align: center;
}

.onboarding-form-description {
    font-size: 16px;
    line-height: 28px;
    color: #747474;
    padding-bottom: 30px;
}

.onboarding-form-description.-center {
    text-align: center;
}

.onboarding-description {
    color: #747474;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
}

.onboarding-description a {
    display: inline-block;
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    color: #747474;
}

.onboarding-description a:hover,
.onboarding-description a:active,
.onboarding-description a:focus {
    text-decoration: underline;
}

.onboarding-description a:hover,
.onboarding-description a:focus {
    color: #f94a0d;
}

.onboarding-description a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.onboarding-form-controls {
    display: flex;
    align-items: center;
}

.onboarding-form-controls .btn {
    margin-right: 28px;
}

.onboarding-form-controls .btn.-aboveMediumLarge {
    font-size: 21px;
    padding-left: 10px;
    padding-right: 10px;
}

.onboarding-form-controls .btn.-wide {
    flex: 0 0 100%;
    margin-right: 0;
}

.onboarding-form-controls .btn,
.onboarding-form-controls .onboarding-form-controls-link {
    flex: 0 0 calc(50% - 16px);
}

.onboarding-form-controls .onboarding-form-controls-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    text-align: center;
    font-size: 21px;
    line-height: 32px;
    color: #232355;
    text-decoration: none;
    font-weight: 500;
}

.onboarding-form-controls .onboarding-form-controls-link:hover,
.onboarding-form-controls .onboarding-form-controls-link:active,
.onboarding-form-controls .onboarding-form-controls-link:focus {
    text-decoration: underline;
}

.onboarding-form-controls .onboarding-form-controls-link:hover,
.onboarding-form-controls .onboarding-form-controls-link:focus {
    color: #f94a0d;
}

.onboarding-form-controls .onboarding-form-controls-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.onboarding-form-controls .onboarding-form-controls-link.-forgot {
    font-size: 15px;
    line-height: 28px;
    color: #747474;
    font-weight: 400;
    text-decoration: underline;
    letter-spacing: 0;
}

.onboarding-form-controls .onboarding-form-controls-link.-forgot:hover {
    color: #f14b11;
}

.onboarding-form-controls .onboarding-form-controls-link.-forgot:active {
    color: #de441f;
}

.onboarding-policy {
    color: #747474;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 30px;
}

.onboarding-policy .link {
    color: #747474;
}

.onboarding-policy .link:hover {
    color: #f14b11;
}

.onboarding-policy .link:active {
    color: #f36635;
}

.onboarding-copyrights {
    color: #c9c9c9;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    bottom: 84px;
    margin-left: 10px;
}

.social-login {
    display: flex;
    flex-wrap: wrap;
    margin: 42px 0 37px;
}

.social-login .btn {
    width: calc(50% - 14px);
    flex: 0 0 calc(50% - 14px);
    min-width: 0;
}

.social-login .btn:first-child {
    margin-right: 28px;
}

.recover {
    background: #fff;
    width: 100%;
    min-height: 100%;
    padding: 90px 0;
    box-sizing: border-box;
}

.recover .recover-form {
    width: 100%;
    max-width: 480px;
    margin: 95px auto 0;
    padding-bottom: 90px;
}

.recover .logo-default {
    display: block;
    text-align: center;
    width: 100%;
}

.recover .onboarding-headline,
.recover .onboarding-form-description {
    text-align: center;
}

.recover .input-wrapper {
    width: 100%;
}

.recover .onboarding-copyrights {
    margin-left: 0;
    left: 50%;
    bottom: 90px;
    transform: translate(-50%, 0);
}

.recover .onboarding-form-controls {
    margin-top: 15px;
}

.recover .onboarding-form-controls .btn {
    flex: 0 0 50%;
}

@media (max-width: 1400px) {
    .onboarding-left-wrapper {
        padding: 90px 90px 145px;
    }
}

@media (max-width: 1280px) {
    .onboarding-left-wrapper {
        padding: 90px 80px 145px;
    }

    .onboarding-form-controls .btn {
        flex: 0 0 200px;
        min-width: 0;
    }

    .onboarding-form-controls .onboarding-form-controls-link {
        flex: 1 1 calc(100% - 200px);
        font-size: 19px;
    }

    .onboarding-main-image {
        margin-bottom: 48px;
    }
}

@media (max-width: 1100px) {
    .onboarding-left {
        flex: 0 0 100%;
    }

    .onboarding-right {
        display: none;
    }

    .onboarding-left-wrapper {
        max-width: 488px;
        margin: 0 auto;
        padding: 90px 0 145px;
    }

    .onboarding-form-controls .btn {
        flex: 0 0 225px;
    }

    .onboarding-copyrights {
        margin-left: 0;
    }
}

@media (max-width: 620px) {
    .logo-default.-large svg {
        width: 236px;
        height: 28px;
    }

    .onboarding-left-wrapper {
        padding: 48px 32px 84px;
    }

    .onboarding-left-wrapper .logo-default {
        margin: 0 auto;
        width: 38px;
        overflow: hidden;
    }

    .onboarding-left-wrapper .logo-default .logo-text {
        display: none;
    }

    .onboarding-headline,
    .onboarding-form-description,
    .onboarding-policy,
    .onboarding-copyrights {
        text-align: center;
    }

    .onboarding-form {
        margin-top: 34px;
        padding-bottom: 27px;
    }

    .onboarding-form .input-wrapper {
        margin-bottom: 11px;
    }

    .onboarding-form-controls {
        flex-wrap: wrap;
    }

    .onboarding-form-controls .btn,
    .onboarding-form-controls .onboarding-form-controls-link {
        flex: 0 0 100%;
    }

    .onboarding-form-controls .onboarding-form-controls-link {
        padding-top: 26px;
    }

    .onboarding-form-description {
        padding: 0 24px 32px;
    }

    .social-login {
        margin: 28px 0 19px;
    }

    .social-login .btn {
        width: 100%;
        flex: 0 0 100%;
        margin: 12px 0 !important;
    }

    .onboarding-copyrights {
        position: relative;
        bottom: 0;
    }

    .onboarding-policy {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 38px;
    }

    .onboarding-form-controls-variants {
        flex: 0 0 100%;
        text-align: center;
        padding-top: 24px;
    }

    .onboarding-form-controls-variants .onboarding-form-controls-link {
        padding-top: 0;
        display: block;
        width: 100%;
        margin-bottom: -2px;
        letter-spacing: 0;
    }

    .recover .logo-default {
        width: 32px;
        margin: 0 auto;
    }

    .recover .logo-text {
        display: none;
    }

    .recover .recover-form {
        margin-top: 32px;
        padding: 0 32px 30px;
        box-sizing: border-box;
    }

    .recover .onboarding-form-controls .btn {
        flex: 0 0 100%;
    }

    .recover .onboarding-copyrights {
        position: absolute;
        padding-top: 24px;
        bottom: 30px;
    }
}

.landing-promo {
    background-color: #222033;
    text-align: center;
    padding: 116px 0 106px;
    position: relative;
    overflow: hidden;
}

.landing-promo .landing_promo_background_left,
.landing-promo .landing_promo_background_right {
    content: '';
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 0;
    bottom: 136px;
}

.landing-promo .landing_promo_background_left {
    width: 287px;
    height: 268px;
    background-image: url("../images/content/landing_promo_background_image_left.png");
    left: 50%;
    transform: translate(calc(-100% - 380px), 0);
    background-size: 287px 268px;
}

.landing-promo .landing_promo_background_right {
    width: 287px;
    height: 268px;
    background-image: url("../images/content/landing_promo_background_image_right.png");
    right: 50%;
    transform: translate(calc(100% + 380px), 0);
    background-size: 287px 268px;
}

.landing-promo-image-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 15px;
}

.landing-promo-image-top_left,
.landing-promo-image-middle_left,
.landing-promo-image-top_right,
.landing-promo-image-middle_right {
    position: absolute;
    display: block;
    transition: translate 0.1s linear;
}

.landing-promo-image-top_left {
    width: 240px;
    left: 0;
    top: 57px;
}

.landing-promo-image-middle_left {
    width: 240px;
    left: 0;
    top: 163px;
}

.landing-promo-image-top_right {
    width: 346px;
    right: 0;
    top: 64px;
    z-index: 0;
}

.landing-promo-image-middle_right {
    width: 230px;
    right: 0;
    top: 167px;
    z-index: 1;
}

.landing-promo-image {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.landing-promo-image-light {
    width: 490px;
    margin: 0 auto;
}

.landing-promo-headline {
    font-size: 56px;
    line-height: 65px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-family: 'Josefin Sans';
    margin-top: 84px;
    position: relative;
}

.landing-promo-headline-highlight {
    color: #7c79b3;
}

.landing-promo-description {
    color: #e8e8e8;
    opacity: 0.8;
    line-height: 35px;
    font-size: 20px;
    width: 840px;
    margin: 14px auto 45px;
}

.landing-promo-buttons {
    position: relative;
}

.landing-promo-buttons .btn.-medium {
    padding: 20px 65px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    .landing-promo-headline {
        font-weight: 700;
    }
}

.table-default, .license-terms-item table {
    border-collapse: collapse;
    border-radius: 4px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #c4c4c4;
}

.table-default td, .license-terms-item table td {
    border: 1px solid #c4c4c4;
    padding: 17px 32px;
}

.table-default thead, .license-terms-item table thead {
    font-size: 19px;
    font-weight: 600;
}

@media (max-width: 1260px) {
    .table-default td, .license-terms-item table td {
        padding: 17px 24px;
    }
}

@media (max-width: 620px) {
    .table-default thead, .license-terms-item table thead {
        font-size: 15px;
        line-height: 21px;
    }

    .table-default tbody, .license-terms-item table tbody {
        font-size: 13px;
        line-height: 17px;
    }

    .table-default td, .license-terms-item table td {
        padding: 15px;
    }
}

.plan-details-wrapper {
    display: flex;
    align-items: flex-end;
    background: #f2f7f7;
    border-radius: 4px;
    padding: 48px 36px 48px 36px;
}

.plan-details-image-wrapper {
    flex: 0 0 206px;
    margin-right: 37px;
}

.plan-details-image {
    width: 100%;
    height: 134px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.plan-details-image.-yearly-plan {
    height: 185px;
    margin-top: -26px;
    transform: translate(0, 8px);
}

.plan-details-image.-plus-membership {
    height: 227px;
    transform: translate(0, 48px);
    margin-top: -70px;
}

.plan-details-content {
    flex: 1 1;
}

.plan-details-headline {
    font-size: 16px;
    line-height: 19px;
    font-family: 'Josefin Sans';
    text-transform: uppercase;
    color: #7c78b5;
    font-weight: 600;
    margin-bottom: 14px;
}

.plan-details-info {
    font-size: 14px;
    line-height: 25px;
    color: #474747;
}

.plan-details-info-item {
    display: flex;
}

.plan-details-info-name {
    flex: 0 0 76px;
}

.plan-details-highlight {
    color: #45c7bd;
}

.plan-details-highlight-exp {
    color: #ee2b47;
}

.plan-details-controls {
    display: flex;
    margin-top: 22px;
}

.plan-details-controls a {
    margin-right: 12px;
}

@media (max-width: 1400px) {
    .plan-details-image.-plus-membership {
        transform: translate(0, 8px);
    }
}

@media (max-width: 992px) {
    .plan-details-image-wrapper {
        height: 160px;
        display: flex;
        align-items: flex-end;
        margin-bottom: 0;
        margin-right: 54px;
    }

    .plan-details-image.-plus-membership {
        transform: translate(0, 48px);
    }
}

@media (max-width: 700px) {
    .plan-details-wrapper {
        display: block;
    }

    .plan-details-image-wrapper {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 26px;
        height: 185px;
    }

    .plan-details-image.-monthly-plan {
        height: 160px;
    }

    .plan-details-image.-plus-membership {
        transform: translate(0, 8px);
    }

    .plan-details-content {
        width: 200px;
        margin: 0 auto;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    .plan-details-headline {
        font-weight: 700;
    }
}

body {
    width: 100%;
    height: 100%;
}

.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 268px;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none;
}

.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    background-color: #fff;
    height: 100vh;
}

.slideout-open,
.slideout-open .wrapper .section .base-col {
    overflow: hidden;
}

.slideout-open--left,
.slideout-open--right {
    overflow-x: hidden;
}

.slideout-opened--left .slideout-panel {
    overflow: hidden;
    width: calc(100% - 268px);
}

.slideout-opened--left .wrapper,
.slideout-opened--left .main-footer {
    width: 100vw;
}

.slideout-open .slideout-menu {
    display: block;
}

.slideout-open--left .slideout-menu-right,
.slideout-open--right .slideout-menu-left {
    display: none !important;
}

.slideout-open .panel-overflow {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

.slideout-open--left .panel-overflow {
    left: 268px;
}

.slideout-open--right .panel-overflow {
    left: -268px;
}

.refferal-item {
    margin-bottom: 12px;
}

.refferal-block {
    background: #f0f5f6;
    height: 64px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.refferal-icon {
    display: flex;
    align-items: center;
    flex: 0 0 30px;
    margin-right: 10px;
}

label.refferal-icon {
    cursor: pointer;
}

.refferal-content {
    flex: 1 1;
    color: #474747;
    font-size: 18px;
    margin-right: 12px;
}

.refferal-content input {
    border: 0;
    width: 100%;
    color: #474747;
    font-size: 18px;
    background: transparent;
}

.refferal-controls {
    flex: 0 0 80px;
    margin-left: auto;
}

.refferal-controls a {
    width: 100%;
}

.refferal-controls .btn {
    width: 100%;
}

.refferal-controls.-mobile {
    display: none;
}

.refferal-description {
    font-size: 12px;
    line-height: 19px;
    color: #747474;
    padding: 10px 0 14px;
}

.refferal-description a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #232355;
    font-weight: 600;
    text-decoration: none;
}

.refferal-description a:hover,
.refferal-description a:active,
.refferal-description a:focus {
    text-decoration: underline;
}

.refferal-description a:hover,
.refferal-description a:focus {
    color: #f94a0d;
}

.refferal-description a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.refferal-sales-data {
    width: 100%;
}

.refferal-sales-data .refferal-sales-thead {
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

.refferal-sales-row {
    display: flex;
    align-items: center;
    height: 64px;
}

.refferal-sales-row.-refund {
    color: #d1d1d1;
}

.refferal-sales-row.-refund .refferal-sales-item-link {
    opacity: 0.3;
}

.refferal-sales-row.-refund .refferal-sales-highlight {
    opacity: 0.3;
}

.refferal-sales-item {
    padding: 0 20px;
}

.refferal-sales-item:first-child {
    padding-left: 40px;
}

.refferal-sales-item.-data {
    flex: 0 0 100px;
}

.refferal-sales-item.-item {
    flex: 1 1;
}

.refferal-sales-item.-price {
    flex: 0 0 50px;
}

.refferal-sales-item.-earnings {
    flex: 0 0 90px;
}

.refferal-sales-item .-table-date {
    display: none;
    font-size: 15px;
}

.refferal-sales-tbody {
    font-size: 18px;
    line-height: 27px;
    color: #474747;
}

.refferal-sales-tbody .refferal-sales-row:nth-child(odd) {
    background: #f2f7f7;
}

.refferal-sales-highlight {
    color: #3dc7be;
    font-weight: 500;
}

.refferal-sales-item-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #232355;
    font-weight: 500;
    text-decoration: none;
}

.refferal-sales-item-link:hover,
.refferal-sales-item-link:active,
.refferal-sales-item-link:focus {
    text-decoration: underline;
}

.refferal-sales-item-link:hover,
.refferal-sales-item-link:focus {
    color: #f94a0d;
}

.refferal-sales-item-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.refferal-sales-refunded {
    display: inline-block;
    margin-left: 24px;
    color: #474747;
    text-transform: capitalize;
}

.refferal-sales-mobile-data.-mobile {
    display: none;
}

.refferal-sales-mobile-item {
    padding: 21px 26px;
    box-sizing: border-box;
    border-radius: 4px;
    line-height: 23px;
    font-size: 15px;
    color: #474747;
    margin-bottom: 4px;
}

.refferal-sales-mobile-item:nth-child(odd) {
    background: #f2f7f7;
}

.refferal-sales-mobile-item.-refund .refferal-sales-mobile-name,
.refferal-sales-mobile-item.-refund .refferal-sales-mobile-link,
.refferal-sales-mobile-item.-refund .refferal-sales-mobile-date,
.refferal-sales-mobile-item.-refund .refferal-sales-mobile-info {
    opacity: 0.3;
}

.refferal-sales-mobile-name {
    font-weight: 500;
    line-height: 30px;
    font-size: 18px;
    color: #000;
}

.refferal-sales-mobile-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    text-decoration: none;
    color: #232355;
    display: block;
    font-weight: 500;
    line-height: 27px;
    font-size: 18px;
    margin-bottom: 4px;
}

.refferal-sales-mobile-link:hover,
.refferal-sales-mobile-link:active,
.refferal-sales-mobile-link:focus {
    text-decoration: underline;
}

.refferal-sales-mobile-link:hover,
.refferal-sales-mobile-link:focus {
    color: #f94a0d;
}

.refferal-sales-mobile-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.refferal-sales-mobile-link:hover,
.refferal-sales-mobile-link:active {
    text-decoration: underline;
}

.refferal-sales-mobile-info {
    display: flex;
    margin-top: 16px;
}

.refferal-sales-mobile-info .refferal-sales-mobile-info-item {
    margin-right: 42px;
}

.refferal-sales-mobile-info .refferal-sales-mobile-info-item:last-child {
    margin-right: 0;
}

.refferal-sales-mobile-info .refferal-sales-mobile-info-label {
    font-weight: 500;
    line-height: 28px;
    font-size: 18px;
    color: #000;
    margin-bottom: 2px;
}

.refferal-sales-mobile-info .refferal-sales-mobile-info-data {
    font-size: 18px;
    line-height: 27px;
    color: #474747;
}

.refferal-sales-mobile-refunded {
    display: inline-block;
    margin-left: 10px;
    color: #474747;
}

.refferal-sales-mobile-content {
    margin-top: 2px;
}

.refferal-sales-mobile-date {
    margin-top: 4px;
}

@media (max-width: 992px) {
    .refferal-block {
        padding-right: 16px;
    }

    .refferal-sales-item.-data {
        display: none;
    }

    .refferal-sales-item:nth-child(2) {
        padding-left: 40px;
    }

    .refferal-sales-refunded {
        display: inline-block;
        margin-left: 4px;
        font-size: 15px;
        line-height: 23px;
    }

    .refferal-sales-item .-table-date {
        display: inline-block;
        font-size: 15px;
        line-height: 23px;
    }

    .refferal-sales-tbody .refferal-sales-row {
        height: 92px;
        align-items: flex-start;
        box-sizing: border-box;
        padding-top: 18px;
    }

    .refferal-sales-tbody .refferal-sales-item {
        line-height: 30px;
    }
}

@media (max-width: 700px) {
    .refferal-sales-data.-desktop {
        display: none;
    }

    .refferal-sales-mobile-data.-mobile {
        display: block;
    }

    .refferal-controls.-desktop {
        display: none;
    }

    .refferal-controls.-mobile {
        display: block;
        margin-bottom: 38px;
    }

    .refferal-controls a,
    .refferal-controls .btn {
        width: 80px;
    }

    .refferal-content {
        margin-right: 0;
    }
}

.aside-info .aside-info-headline {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin: 26px 0 21px;
    letter-spacing: 0;
}

.aside-info .aside-info-body {
    border-radius: 4px;
    border: 1px solid #e9f1f2;
    box-sizing: border-box;
    padding: 9px;
}

.aside-info .aside-info-body:not(:only-of-type) {
    margin-bottom: 10px;
}

.aside-info .aside-info-body--script > div:not(.bsap) {
  padding: 20px 0;
}

.aside-info .aside-info-body--script > div:not(.bsap) {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aside-info-body .bsap a {
  float: none;
  margin: 0;
  display: block;
  width: 100%;
}

.aside-info .aside-info-image-wrapper {
    display: block;
    overflow: hidden;
    font-size: 0;
    margin-bottom: 12px;
}

.aside-info .aside-info-image-wrapper:last-child {
    margin-bottom: 0;
}

.aside-info .aside-info-image {
    width: 100%;
    transition: transform 0.25s ease-in-out;
}

.aside-info .aside-info-link-wrapper {
    text-align: center;
}

.aside-info .aside-info-link {
    display: inline-block;
    padding: 4px 0;
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
}

.aside-info .aside-info-link:hover,
.aside-info .aside-info-link:active,
.aside-info .aside-info-link:focus {
    text-decoration: underline;
}

.aside-info .aside-info-link:hover,
.aside-info .aside-info-link:focus {
    color: #f94a0d;
}

.aside-info .aside-info-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

@media (max-width: 620px) {
    .aside-info .aside-info-headline {
        letter-spacing: 0;
        margin: 27px 0 18px;
        font-size: 17px;
    }
}

.current-balance-wrapper {
    background: #f2f7f7;
    border-radius: 4px;
    padding: 42px 42px 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}

.current-balance-image-wrapper {
    flex: 0 0 152px;
    margin-right: 35px;
}

.current-balance-image-wrapper .current-balance-image {
    width: 100%;
    height: 156px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.current-balance-summ {
    line-height: 101px;
    font-size: 64px;
    font-weight: 600;
    color: #3dc7be;
}

.current-balance-description {
    color: #747474;
    font-size: 12px;
    line-height: 19px;
    margin: -5px 0 0 14px;
}

@media (max-width: 1400px) {
    .current-balance-wrapper {
        padding: 48px 34px 46px;
    }

    .current-balance-image-wrapper {
        flex: 0 0 100%;
        text-align: center;
        margin-right: 0;
        margin-bottom: 6px;
    }

    .current-balance-image-wrapper .current-balance-image {
        height: 200px;
    }

    .current-balance-summ {
        font-size: 48px;
        line-height: 76px;
        text-align: center;
    }

    .current-balance-description {
        margin-left: 0;
        text-align: center;
    }
}

@media (max-width: 992px) {
    .current-balance-wrapper {
        padding: 20px 42px 8px;
    }

    .current-balance-summ {
        font-size: 64px;
        line-height: 101px;
    }

    .current-balance-content {
        padding-top: 21px;
    }

    .current-balance-description {
        text-align: left;
        padding-left: 16px;
    }

    .current-balance-image-wrapper {
        flex: 0 0 152px;
        margin-right: 34px;
        margin-bottom: 0;
    }
}

@media (max-width: 700px) {
    .current-balance-wrapper {
        justify-content: center;
        padding-top: 36px;
        padding-bottom: 45px;
    }

    .current-balance-wrapper .lk-headline {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 36px !important;
    }

    .current-balance-image-wrapper {
        margin-right: 0;
        flex: 0 0 200px;
    }

    .current-balance-content {
        padding-top: 18px;
    }

    .current-balance-summ {
        font-size: 48px;
        line-height: 76px;
    }

    .current-balance-description {
        margin-top: -2px;
    }
}

.related-products {
    background: #f0f5f6;
    padding: 58px 0 72px;
    margin-top: -8px;
}

.related-products.-desktop {
    display: block;
}

.related-products-headline {
    font-weight: 500;
    line-height: 47px;
    font-size: 30px;
    color: #000;
    padding-bottom: 26px;
}

.related-products-list {
    font-size: 0;
    margin: -8px -18px;
}

.related-products-list.-articles {
    margin-top: 3px;
}

.related-products-list.-articles .related-products-image-wrapper:before {
    padding-top: 74%;
}

.related-products-list .post-item {
    width: calc(25% - 40px);
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.related-products-item {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 40px);
    margin: 8px 20px;
    position: relative;
}

.related-products-item:hover .related-products-image {
    transform: scale(1.2);
}

.related-products-item:hover .related-products-item-name {
    color: #f14b11;
}

.related-products-date {
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: #c9c9c9;
    margin-bottom: 4px;
}

.related-products-link {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

.related-products-image-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 21px;
    z-index: 1;
    overflow: hidden;
    border-radius: 4px;
}

.related-products-image-wrapper:before {
    content: '';
    display: block;
    padding-top: 66%;
}

.related-products-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    transition: transform 0.25s ease-in-out;
}

.related-products-image:hover {
    transform: scale(1.2);
}

.related-products-item-headline {
    display: flex;
    align-items: flex-start;
}

.related-products-item-price {
    background: #7c78b5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    width: 42px;
    box-sizing: border-box;
    color: #fff;
    padding: 1px 0;
    margin-top: 0;
    margin-right: 2px;
}

.related-products-item-name {
    flex-grow: 1;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: #232355;
    transition: color 0.15s ease-in-out;
}

@media (max-width: 1350px) {
    .related-products-list .post-item {
        width: calc(33.33% - 40px);
    }

    .related-products-list .post-item:last-child {
        display: none;
    }
}

@media (max-width: 1160px) {
    .related-products {
        margin-top: -50px;
        padding: 50px 0 73px;
    }

    .related-products-list .post-item {
        width: calc(33.33% - 40px);
    }

    .related-products-list .post-item:last-child {
        display: none;
    }

    .related-products-list.-articles {
        margin-top: -8px;
    }

    .related-products-headline {
        font-size: 24px;
        line-height: 38px;
        padding-bottom: 29px;
    }

    .related-products-item {
        width: calc(33.33% - 30px);
        margin: 8px 15px;
    }

    .related-products-item:last-child {
        display: none;
    }

    .related-products-image-wrapper {
        margin-bottom: 18px;
    }

    .related-products-image-wrapper:before {
        padding-top: 67%;
    }

    .related-products-item-price {
        margin-top: 2px;
    }
}

@media (max-width: 992px) {
    .related-products {
        margin-top: -53px;
        padding: 45px 0 72px;
    }

    .related-products-headline {
        font-size: 28px;
        line-height: 44px;
        padding-bottom: 33px;
    }

    .related-products-list,
    .related-products-list.-articles {
        margin: -17px -20px;
    }

    .related-products-item {
        width: calc(50% - 40px);
        margin: 17px 20px;
    }

    .related-products-item:last-child {
        display: inline-block;
    }

    .related-products-item-name {
        line-height: 25px;
    }

    .related-products-list .post-item {
        width: calc(50% - 40px);
    }

    .related-products-list .post-item:last-child {
        display: inline-block;
    }
}

@media (max-width: 620px) {
    .content-wrapper.-publication .related-products.-mobile {
        margin: 40px -32px 0;
    }

    .related-products-list.-articles .related-products-image-wrapper:before {
        padding-top: 66%;
    }

    .related-products-headline {
        text-align: center;
        padding-bottom: 37px;
    }

    .related-products-list {
        margin: -20px -4px;
    }

    .related-products-list .post-item {
        width: calc(100% - 40px);
    }

    .related-products-list.-articles {
        margin: -20px 0;
    }

    .related-products-item {
        width: calc(100% - 34px);
        margin: 20px 18px;
    }

    .related-products {
        margin-top: -11px;
        padding: 49px 0 72px;
    }

    .related-products.-articles {
        padding: 46px 0 62px;
    }

    .related-products.-articles .related-products-headline {
        padding-bottom: 34px;
    }

    .related-products.-articles .related-products-image-wrapper {
        margin-bottom: 21px;
    }

    .related-products.-desktop {
        display: none;
    }

    .related-products.-mobile {
        margin: 40px -20px 0;
    }
}

.publication-header {
    margin: -28px 0 46px;
}

.publication-header-controls {
    display: flex;
    justify-content: space-between;
}

.publication-header-controls .publication-header-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    font-weight: 500;
    text-decoration: none;
}

.publication-header-controls .publication-header-link:hover,
.publication-header-controls .publication-header-link:active,
.publication-header-controls .publication-header-link:focus {
    text-decoration: underline;
}

.publication-header-controls .publication-header-link:hover,
.publication-header-controls .publication-header-link:focus {
    color: #f94a0d;
}

.publication-header-controls .publication-header-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.publication-header-controls .publication-header-link:hover {
    text-decoration: none;
}

.publication-header-controls .publication-header-link:hover .publication-header-link-text {
    color: #f14b11;
}

.publication-header-controls .publication-header-link:first-child {
    text-align: left;
}

.publication-header-controls .publication-header-link:last-child {
    text-align: right;
}

.publication-header-controls .publication-header-link-description {
    font-size: 12px;
    color: #c9c9c9;
    display: block;
}

.publication-header-controls .publication-header-link-text {
    color: #232355;
    font-size: 15px;
    line-height: 22px;
    transition: color 0.15s ease-in-out;
}

.publication-header-promo {
    margin-top: 48px;
    padding: 56px 56px 77px;
    box-sizing: border-box;
    border: 4px solid #f0f5f6;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.publication-header-content {
    flex: 0 0 calc(50% + 40px);
    min-width: 600px;
    box-sizing: border-box;
    padding-right: 130px;
}

.publication-header-image-wrapper {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.publication-header-image-wrapper.-tablet {
    display: none;
}

.publication-header-image {
    width: 100%;
}

.publication-header-tag {
    font-size: 14px;
    color: #f14b11;
    font-weight: 500;
    margin-left: 20px;
    padding-bottom: 24px;
}

.publication-header-tag a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    text-decoration: none;
}

.publication-header-tag a:hover,
.publication-header-tag a:active,
.publication-header-tag a:focus {
    text-decoration: underline;
}

.publication-header-tag a:hover,
.publication-header-tag a:focus {
    color: #f94a0d;
}

.publication-header-tag a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.publication-header-headline {
    font-size: 48px;
    font-weight: 600;
    line-height: 65px;
    text-transform: uppercase;
    color: #000;
    font-family: 'Roboto';
}

.publication-header-date {
    color: #c9c9c9;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 20px 72px 0 20px;
}

.publication-header-description {
    line-height: 28px;
    font-size: 16px;
    color: #474747;
    padding: 11px 0 0 20px;
}

.publication-header-share-block {
    padding: 32px 0 0 18px;
}

.site-preview-block {
    display: block;
    margin: 14px 0 42px;
    background: #fff;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    text-decoration: none;
    transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
}

.site-preview-block:hover {
    box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.14);
    transform: translate(0, -3px);
}

.site-preview-block:hover .site-preview-links {
    color: #f14b11;
}

.site-preview-block.-grey {
    box-shadow: none;
    background: #f2f7f7;
    border: 1px solid #e9f1f2;
    margin-bottom: 26px;
}

.site-preview-block.-grey .site-preview-headline {
    padding-bottom: 0;
}

.site-preview-block.-grey:hover {
    transform: translate(0, 0);
}

.site-preview-block .site-preview-description {
    padding-bottom: 15px;
}

.site-preview-image-wrapper {
    flex: 0 0 160px;
    margin-right: 30px;
}

.site-preview-image-wrapper .site-preview-image {
    width: 100%;
}

.site-preview-content {
    flex: 0 0 calc(100% - 190px);
    margin-top: -5px;
}

.site-preview-headline {
    font-family: 'Josefin Sans';
    line-height: 34px;
    padding-bottom: 4px;
    font-size: 26px;
    font-weight: 600;
    color: #232355;
}

.site-preview-description {
    line-height: 22px;
    font-size: 14px;
    color: #747474;
}

.site-preview-links {
    display: flex;
    align-items: center;
    color: #c9c9c9;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.15s ease-in-out;
}

.site-preview-links .btn {
    margin-right: 18px;
}

@media (max-width: 1160px) {
    .publication-header {
        margin-top: -31px;
    }

    .publication-header-promo {
        margin-top: 45px;
        padding-top: 46px;
        padding-bottom: 75px;
    }

    .publication-header-tag {
        padding-bottom: 22px;
    }

    .publication-header-headline {
        font-size: 38px;
        line-height: 51px;
        letter-spacing: -2px;
    }

    .publication-header-content {
        padding-right: 60px;
    }

    .publication-header-date {
        padding-top: 16px;
    }

    .publication-header-content {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (max-width: 992px) {
    .publication-header {
        margin-top: -20px;
    }

    .publication-header-promo {
        margin-top: 44px;
        padding-bottom: 60px;
    }

    .publication-header-image-wrapper.-desktop {
        display: none;
    }

    .publication-header-image-wrapper.-tablet {
        display: block;
    }

    .publication-header-content {
        flex: 0 0 100%;
        min-width: 0;
        padding-right: 0;
        text-align: center;
    }

    .publication-header-tag {
        margin-left: 0;
    }

    .publication-header-date,
    .publication-header-description,
    .publication-header-share-block {
        padding-left: 0;
        padding-right: 0;
    }

    .publication-header-description {
        margin: 0 auto;
        max-width: 490px;
    }

    .publication-header-image-wrapper {
        padding-top: 34px;
        padding-bottom: 20px;
        flex: 0 0 100%;
    }

    .publication-header-image {
        max-width: 480px;
    }
}

@media (max-width: 620px) {
    .publication-header {
        margin-top: -5px;
    }

    .publication-header-controls .publication-header-link:first-child {
        flex: 0 0 100%;
        text-align: center;
    }

    .publication-header-controls .publication-header-link:last-child {
        display: none;
    }

    .publication-header-promo {
        margin-top: 26px;
        padding-top: 35px;
        padding-left: 24px;
        padding-right: 24px;
        padding: 35px 24px 42px;
    }

    .publication-header-headline {
        font-size: 23px;
        line-height: 32px;
        letter-spacing: -1px;
    }

    .publication-header-tag {
        padding-bottom: 23px;
    }

    .publication-header-image-wrapper {
        padding-top: 36px;
        padding-bottom: 7px;
    }

    .publication-header-description {
        padding-top: 13px;
        font-size: 15px;
        line-height: 25px;
    }

    .publication-header-share-block {
        padding-top: 31px;
    }

    .publication-header {
        margin-bottom: 32px;
    }

    .site-preview-block {
        flex-wrap: wrap;
        margin: 8px -10px 48px;
    }

    .site-preview-block.-empty-sides {
        margin-left: 0;
        margin-right: 0;
    }

    .site-preview-block .site-preview-description {
        padding-bottom: 23px;
    }

    .site-preview-image-wrapper {
        flex: 0 0 100%;
        margin: 0 0 26px;
    }

    .site-preview-content {
        flex: 0 0 100%;
        margin: 0;
    }

    .site-preview-headline {
        padding-bottom: 9px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    .publication-header-headline,
    .site-preview-headline {
        font-weight: 700;
    }
}

.lk-wrapper {
    display: block;
    margin: 10px auto 0;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    padding: 80px;
    box-sizing: border-box;
    max-width: 1320px;
}

.lk-wrapper.-lk-purchase {
    padding-top: 72px;
    padding-bottom: 72px;
}

.lk-wrapper .input-wrapper {
    width: 100%;
}

.lk-content-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.refferal-sales-wrapper {
    margin-top: 34px;
}

.refferal-sales-wrapper h2.lk-headline {
    margin-bottom: 30px;
}

.lk-content-plan-wrapper {
    flex: 1 1;
    margin-right: 40px;
}

.lk-content-plan-wrapper .lk-headline {
    margin-bottom: 34px;
}

.lk-content-payment-method {
    flex: 1 1;
    margin-left: 40px;
}

.lk-content-payment-method .lk-headline {
    margin-bottom: 34px;
}

.lk-profile-wrapper {
    width: 50%;
    padding-right: 40px;
    box-sizing: border-box;
}

.lk-categories-wrapper {
    flex: 1 1;
}

.affiliate-current-balance {
    flex: 1 1;
    margin-right: 40px;
}

.affiliate-current-balance .lk-headline {
    margin-bottom: 34px;
}

.affiliate-refferal-details {
    flex: 1 1;
    margin-left: 40px;
}

.affiliate-refferal-details .lk-headline {
    margin-bottom: 34px;
}

.lk-purchase-aside {
    flex: 0 0 220px;
    margin-left: 60px;
    padding-top: 97px;
}

h2.lk-headline {
    font-size: 36px;
    line-height: 57px;
    color: #000;
    font-weight: 500;
    margin-bottom: 40px;
}

h3.lk-headline {
    font-size: 21px;
    line-height: 33px;
    color: #000;
    font-weight: 500;
    margin-bottom: 24px;
}

.lk-headline.-mobile-show {
    display: none;
}

.lk-fieldset.-indention {
    padding-bottom: 8px;
}

.lk-label-field {
    margin-bottom: 26px;
}

.lk-profile-info-wrapper {
    width: 50%;
    padding-left: 40px;
    box-sizing: border-box;
}

.upload-userpic-wrapper {
    margin-bottom: 30px;
}

.upload-userpic-wrapper .upload-userpic-image {
    flex: 0 0 100px;
    margin-right: 20px;
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
}

.upload-userpic-wrapper .uploadUserpicInput {
    display: none;
}

.upload-userpic-wrapper .upload-userpic-content {
    display: flex;
}

.upload-userpic-wrapper .link {
    font-weight: bold;
    cursor: pointer;
    color: #ee2b47;
}

.upload-userpic-wrapper .link:hover,
.upload-userpic-wrapper .link:active {
    color: #ee2b47;
}

.upload-userpic-wrapper .upload-userpic-label {
    display: block;
    padding-bottom: 12px;
    color: #747474;
    font-size: 16px;
    line-height: 28px;
}

.upload-userpic-wrapper .upload-userpic-text {
    color: #747474;
    font-size: 12px;
    line-height: 18px;
    margin: 13px 0 3px;
}

.lk-social-connections {
    margin-top: 30px;
}

.lk-social-connections .connected-block-wrapper {
    margin-bottom: 24px;
}

.lk-social-connections .connected-block-wrapper:last-child {
    margin-bottom: 0;
}

.lk-social-connections a {
    text-decoration: none;
}

.lk-footer {
    border-top: 1px solid #e9f1f2;
    margin-top: 42px;
    padding-top: 58px;
}

.lk-categories-list {
    margin: 0;
}

.lk-categories-item {
    display: flex;
    flex-wrap: wrap;
    background: #f2f7f7;
    border-radius: 4px;
    padding: 32px;
    box-sizing: border-box;
    margin: 20px 0;
}

.lk-categories-image-wrapper {
    flex: 0 0 144px;
    height: 106px;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
}

.lk-categories-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
}

.lk-categories-content {
    margin-left: 28px;
    margin-top: -6px;
}

.lk-categories-headline {
    text-decoration: none;
    font-weight: 500;
    color: #232355;
    font-size: 21px;
    line-height: 33px;
}

.lk-categories-set-price {
    padding: 6px 0 10px;
    display: flex;
    align-items: center;
}

.lk-categories-price-tag {
    display: inline-block;
    color: #c9c9c9;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 10px;
    transition: color 0.15s linear;
    text-decoration: none;
}

.lk-categories-price-amount {
    background: #7c78b5;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    min-width: 42px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #fff;
    padding: 1px 9px;
}

.lk-categories-price-amount.-free {
    background-color: #f94a0d;
}

.lk-categories-tags-item {
    display: flex;
    line-height: 21px;
}

.lk-categories-tags-name {
    color: #474747;
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    min-width: 55px;
    margin-right: 3px;
}

.lk-categories-tags-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    font-weight: 600;
    color: #232355;
    text-decoration: none;
}

.lk-categories-tags-link:hover,
.lk-categories-tags-link:active,
.lk-categories-tags-link:focus {
    text-decoration: underline;
}

.lk-categories-tags-link:hover,
.lk-categories-tags-link:focus {
    color: #f94a0d;
}

.lk-categories-tags-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.lk-categories-tags-link:hover,
.lk-categories-tags-link:active,
.lk-categories-tags-link:focus {
    color: #ee2b47;
    text-decoration: none;
}

.lk-categories-tags-link:hover span,
.lk-categories-tags-link:active span,
.lk-categories-tags-link:focus span {
    text-decoration: underline;
}

.lk-categories-tags-link b {
    color: #747474;
}

.lk-categories-buttons {
    flex: 0 0 180px;
    margin-left: auto;
    padding-top: 2px;
}

.lk-categories-buttons.-large {
    flex: 0 0 237px;
}

.lk-categories-buttons a {
    width: 100%;
    min-width: 180px !important;
    height: 42px;
    margin-bottom: 18px;
}

.lk-categories-buttons a.-social {
    padding: 7px 16px 7px 38px;
}

.lk-categories-subheadline-wrapper {
    padding: 16px 0 9px;
}

.lk-categories-subheadline-wrapper .lk-headline {
    margin-bottom: 0;
}

.lk-categories-actions-wrapper {
    padding: 10px 0 8px;
}

.lk-categories-actions-wrapper .btn {
    width: 190px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.lk-categories-small-aside {
    display: none;
    width: 100%;
}

.lk-categories-small-aside .items-selector {
    width: 100%;
}

.exlucsive-freebie {
    margin-top: 43px;
    margin-bottom: -12px;
}

.exlucsive-freebie .lk-headline {
    margin-bottom: 32px;
}

.lk-affiliate-actions-wrapper {
    margin-top: 40px;
}

.lk-affiliate-actions-wrapper .-smallMedium {
    display: block;
}

.lk-affiliate-actions-wrapper .-large {
    display: none;
}

.lk-affiliate-actions-wrapper a {
    width: 190px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 1400px) {
    .lk-wrapper {
        margin-top: 20px;
        width: 100%;
        max-width: 1100px;
        padding: 78px 60px;
    }

    .lk-wrapper.-subscription {
        padding-top: 60px;
        padding-bottom: 72px;
    }

    .lk-categories-wrapper {
        flex: 0 0 100%;
    }

    .-purchase-h2-headline {
        display: none;
    }

    .lk-purchase-aside {
        display: none;
    }

    .lk-categories-small-aside {
        display: block;
    }

    .affiliate-current-balance {
        flex: 0 0 280px;
        margin-right: 30px;
    }

    .lk-content-payment-method,
    .affiliate-refferal-details {
        margin-left: 30px;
    }

    .refferal-sales-wrapper {
        margin-top: 62px;
    }
}

@media (max-width: 1160px) {
    .lk-wrapper {
        margin-top: 20px;
        width: 100%;
        max-width: 960px;
        padding: 78px 60px;
    }

    .lk-profile-wrapper {
        padding-right: 30px;
    }

    .lk-profile-info-wrapper {
        padding-left: 30px;
    }

    .lk-footer {
        margin-top: 44px;
    }

    .lk-content-wrapper {
        flex-wrap: wrap;
    }

    .lk-wrapper.-lk-purchase {
        padding-top: 60px;
        padding-bottom: 72px;
    }

    .lk-categories-small-aside {
        padding-bottom: 20px;
    }
}

@media (max-width: 992px) {
    .lk-wrapper {
        margin-top: 8px;
        width: 100%;
        max-width: 680px;
        padding: 70px 60px;
    }

    .lk-wrapper.-subscription {
        padding-top: 54px;
    }

    .lk-content-wrapper {
        flex-wrap: wrap;
    }

    .lk-content-plan-wrapper .lk-headline {
        margin-bottom: 27px;
    }

    .lk-content-plan-wrapper {
        flex: 0 0 100%;
    }

    .affiliate-current-balance {
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 42px;
    }

    .affiliate-current-balance .lk-headline {
        margin-bottom: 26px;
    }

    .affiliate-refferal-details {
        flex: 0 0 100%;
        margin-left: 0;
    }

    .affiliate-refferal-details .lk-headline {
        margin-bottom: 26px;
    }

    .plan-details-wrapper {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .refferal-sales-wrapper {
        margin-top: 32px;
    }

    .refferal-sales-wrapper h2.lk-headline {
        margin-bottom: 20px;
    }

    .lk-content-payment-method {
        margin-left: 0;
        margin-top: 40px;
        flex: 0 0 100%;
    }

    .lk-profile-wrapper,
    .lk-profile-info-wrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .lk-content-payment-method .lk-headline {
        margin-bottom: 26px;
    }

    .lk-profile-info-wrapper {
        margin-top: 8px;
    }

    .upload-userpic-wrapper {
        margin-bottom: 26px;
    }

    .lk-footer {
        margin-top: 70px;
    }

    .upload-userpic-wrapper .upload-userpic-text {
        margin-top: 10px;
        padding-bottom: 4px;
    }

    .lk-categories-content {
        margin-left: 20px;
    }

    .lk-categories-item {
        padding: 32px;
    }

    .lk-categories-buttons {
        display: flex;
        margin-left: 0;
        margin-top: 20px;
    }

    .lk-categories-buttons a {
        margin-bottom: 0;
        margin-right: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-width: 144px !important;
    }

    .lk-categories-buttons a.-social {
        padding-left: 16px !important;
    }

    .lk-categories-buttons a .hide-mobile {
        display: none;
    }

    .exlucsive-freebie .lk-headline {
        margin-bottom: 24px;
    }
}

@media (max-width: 700px) {
    .lk-wrapper {
        margin: 3px 20px 0;
        padding: 38px 0 100px;
        width: calc(100% - 40px);
        border-radius: 0;
        border: 0;
        border-top: 1px solid #f0f0f0;
    }

    .lk-fieldset.-indention {
        padding-bottom: 12px;
    }

    .lk-profile-info-wrapper {
        margin-top: 14px;
    }

    .upload-userpic-wrapper {
        margin-top: -8px;
        margin-bottom: 56px;
    }

    .lk-social-connections {
        margin-top: 0;
    }

    .lk-footer {
        padding-top: 50px;
        margin-top: 50px;
    }

    .lk-footer .btn {
        width: 100%;
    }

    .lk-categories-content {
        width: 100%;
        margin-left: 0;
    }

    .lk-categories-item {
        padding: 20px;
    }

    .lk-categories-wrapper {
        flex: 1 1;
        width: 100%;
    }

    .lk-categories-content {
        margin-top: 18px;
    }

    .lk-categories-headline {
        font-size: 19px;
        line-height: 27px;
    }

    .lk-categories-buttons {
        display: flex;
        margin-left: 0;
        margin-top: 20px;
    }

    .lk-categories-buttons a {
        margin-bottom: 0;
        margin-right: 18px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        min-width: 140px !important;
    }

    .lk-categories-buttons a:last-child {
        margin-right: 0;
    }

    .lk-categories-buttons a.-social {
        padding-left: 10px !important;
        border: 1px solid #c9c9c9 !important;
    }

    .lk-categories-small-aside {
        padding-bottom: 10px;
    }

    .lk-categories-item {
        padding: 26px 20px;
    }

    .lk-categories-set-price {
        padding: 14px 0 11px;
    }

    .lk-categories-subheadline-wrapper {
        padding: 16px 0 2px;
    }

    .lk-categories-actions-wrapper .btn {
        border: 1px solid #c9c9c9 !important;
    }

    .lk-wrapper.-lk-purchase,
    .lk-wrapper.-subscription {
        border-top: 0;
        padding-top: 0;
    }

    .lk-headline.-plan-details-headline {
        display: none;
    }

    .plan-details-wrapper {
        padding-bottom: 40px;
    }

    .lk-content-payment-method {
        margin-top: 36px;
    }

    .lk-content-payment-method .lk-headline {
        margin-bottom: 22px;
    }

    .refferal-sales-wrapper h2.lk-headline {
        font-size: 21px;
        line-height: 33px;
        margin-bottom: 26px;
    }

    .exlucsive-freebie {
        margin-top: 34px;
    }

    .plan-details-wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }

    .lk-headline.-mobile-hide {
        display: none;
    }

    .lk-headline.-mobile-show {
        display: block;
    }

    .refferal-sales-wrapper {
        margin-top: 4px;
    }

    .lk-affiliate-actions-wrapper .-smallMedium {
        display: none;
    }

    .lk-affiliate-actions-wrapper .-large {
        display: block;
        font-family: Roboto;
        width: 100%;
        height: 64px;
    }
}

.premium-controls {
    display: flex;
    margin: -9px 0 40px;
}

.premium-controls.-tablet {
    display: none;
}

.premium-controls .compatibility {
    flex: 0 0 50%;
}

.premium-controls .items-selector {
    flex-shrink: 1;
    flex-grow: 1;
}

.premium-controls .items-selector .result {
    border-right-width: 0;
    border-radius: 4px 0 0 4px;
}

.premium-controls .compatibility {
    border-radius: 0 4px 4px 0;
}

@media (max-width: 992px) {
    .premium-controls.-tablet {
        display: flex;
    }

    .premium-controls.-tablet .compatibility {
        border-left: none;
    }

    .premium-controls.-tablet .items-selector .result {
        border-right: 1px solid #e9f1f2;
    }

    .premium-controls.-tablet .items-selector.-active .result {
        border-radius: 4px 0 0 0;
    }
}

@media (max-width: 700px) {
    .premium-controls {
        margin: -2px 0 40px;
    }

    .premium-controls .compatibility {
        display: none;
    }

    .premium-controls .items-selector .result {
        border-right-width: 1px;
        border-radius: 4px;
    }
}

.-license-terms-section {
    padding-bottom: 60px;
}

.-license-faq-section {
    padding: 56px 0 80px;
    background: #f0f5f6;
}

.-license-contact-section {
    padding: 60px 0 78px;
}

.license-terms-wrapper {
    position: relative;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    padding: 72px 80px 92px;
    box-sizing: border-box;
    color: #474747;
    font-size: 16px;
    line-height: 28px;
}

.license-terms-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.license-terms-wrapper .table-default {
    color: #474747;
    margin: 42px 0 0;
    width: 100%;
    max-width: 880px;
}

.license-terms-wrapper .big-desktop {
    display: inline;
}

.license-terms-content {
    width: calc(100% - 275px);
    float: left;
}

.license-terms-aside {
    float: right;
    width: 200px;
    padding-top: 71px;
}

.license-terms-headline {
    font-size: 36px;
    line-height: 57px;
    font-weight: 500;
    color: #000;
    margin: 0 0 15px;
}

.license-terms-info {
    font-size: 14px;
    line-height: 20px;
    color: #949494;
    margin: 18px 0 0;
    position: relative;
    padding-left: 10px;
}

.license-terms-info:before {
    content: '*';
    position: absolute;
    left: 0;
    top: 1px;
}

.license-terms-item {
    margin: 0 0 30px;
}

.license-terms-item:last-child {
    margin-bottom: 0;
}

.license-terms-aside-headline,
.scroll-nav__heading {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #474747;
    font-weight: 500;
    border-bottom: 1px solid #c9c9c9;
    padding: 0 0 23px;
    margin: 0 0 17px;
    text-transform: none;
}

.license-terms-menu-link,
.scroll-nav__link {
    display: inline-block;
    color: #232355;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    transition: color 0.15s ease-in-out;
    text-decoration: none;
    text-transform: uppercase;
    padding: 4px 0;
}

.license-terms-menu-link:hover,
.scroll-nav__link:hover {
    color: #f36635;
    text-decoration: underline;
}

.license-terms-menu-link:active,
.scroll-nav__link:active {
    color: #d9430f;
    text-decoration: underline;
    transform: translate(0, 1px);
}

.license-terms-menu-link.-active,
.scroll-nav__link.-active {
    color: #c9c9c9;
    cursor: default;
    text-decoration: none;
}

.scroll-nav__item.active .scroll-nav__link {
    color: #c9c9c9;
    cursor: default;
    text-decoration: none;
}

.license-terms-aside-wrapper.m-fixed {
    position: fixed;
    width: 200px;
    top: 100px;
}

.license-terms-aside-wrapper.m-bottom {
    position: absolute;
    width: 200px;
    bottom: 64px;
}

.license-controls {
    margin: 40px -10px 0;
}

.license-controls .btn {
    border: 1px solid #c9c9c9;
    padding-left: 18px;
    padding-right: 18px;
    margin: 0 10px;
}

.faq-wrapper {
    background: #fff;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.faq-headline,
.license-contact-headline {
    font-size: 30px;
    line-height: 47px;
    font-weight: 500;
    margin: 0 0 38px;
}

.license-contact-headline {
    margin-bottom: 4px;
}

.license-contact-description {
    font-size: 16px;
    line-height: 28px;
    color: #474747;
    margin-bottom: 24px;
}

.license-contact-refs {
    margin: 12px 0 0;
}

.license-contact-mailto {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #949494;
    text-decoration: none;
}

.license-contact-mailto:hover,
.license-contact-mailto:active,
.license-contact-mailto:focus {
    text-decoration: underline;
}

.license-contact-mailto:hover,
.license-contact-mailto:focus {
    color: #f94a0d;
}

.license-contact-mailto:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.license-contact-mailto:hover {
    color: #f36635;
}

.license-contact-mailto:active {
    color: #d9430f;
}

@media (max-width: 1260px) {
    .license-terms-wrapper {
        padding: 54px 59px 70px;
    }

    .license-terms-wrapper table {
        margin-top: 33px;
    }

    .license-terms-content {
        width: calc(100% - 240px);
    }

    .license-terms-aside {
        width: 194px;
    }

    .license-terms-wrapper .big-desktop {
        display: none;
    }

    .-license-faq-section {
        padding-bottom: 89px;
    }
}

@media (max-width: 1150px) {
    .-license-terms-section .base-col,
    .-license-faq-section .base-col,
    .-license-contact-section .base-col,
    .main-footer.-license .base-col {
        padding: 0 36px;
    }
}

@media (max-width: 1050px) {
    .license-terms-content {
        width: 100%;
    }

    .license-terms-aside {
        display: none;
    }

    .-license-terms-section .base-col,
    .-license-faq-section .base-col,
    .-license-contact-section .base-col,
    .main-footer.-license .base-col {
        padding: 0 44px;
    }

    .license-terms-wrapper {
        padding: 40px 40px 60px;
    }

    .license-usage-td {
        width: 150px;
    }

    .-license-faq-section {
        padding: 42px 0 80px;
    }

    .faq-headline,
    .license-contact-headline {
        margin-bottom: 32px;
    }

    .expandable-headline {
        line-height: 32px;
    }

    .expandable-item {
        padding: 24px 36px;
    }

    .-license-faq-section {
        padding-bottom: 70px;
    }

    .-license-contact-section {
        padding: 44px 0 78px;
    }
}

@media (max-width: 620px) {
    .license-controls {
        margin-left: -8px;
        margin-right: -8px;
        text-align: center;
    }

    .license-controls .mobile-hide {
        display: none;
    }

    .license-controls .btn {
        margin: 0 8px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .license-controls .btn.-white {
        border: 1px solid #c9c9c9;
    }

    .-license-terms-section .base-col,
    .-license-contact-section .base-col,
    .main-footer.-license .base-col {
        padding: 0 20px;
    }

    .-license-faq-section {
        padding: 34px 0 50px;
    }

    .-license-faq-section .base-col {
        padding: 0 32px;
    }

    .-license-contact-section {
        padding: 48px 0 66px;
    }

    .-license-contact-section .license-contact-headline {
        margin-bottom: 6px;
    }

    .-license-contact-section .base-col {
        padding: 0 32px;
    }

    .-license-contact-section .btn.-white {
        border: 1px solid #c9c9c9;
    }

    .license-terms-wrapper {
        border: 0;
        padding: 0 12px;
    }

    .license-terms-headline {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 20px;
    }

    .license-terms-content {
        padding-top: 38px;
        border-top: 1px solid #c9c9c9;
    }

    .table-wrapper {
        margin: 0 -12px;
    }

    .license-terms-item {
        margin-bottom: 34px;
    }

    .-license-terms-section {
        padding-bottom: 0;
    }

    .-license-terms-section .content {
        margin-bottom: 50px;
    }

    .faq-headline,
    .license-contact-headline {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 28px;
    }

    .faq-wrapper {
        margin: 0 -12px;
    }

    .expandable-headline {
        font-size: 18px;
        line-height: 25px;
    }

    .expandable-item {
        padding: 24px;
        font-size: 14px;
        line-height: 23px;
        margin-bottom: 0;
    }
}

.perview_slider {
    padding-bottom: 43px;
}

.perview_slider .slick-dots {
    text-align: center;
    padding: 34px 0 0;
}

.perview_slider .slick-dots li {
    display: inline-block;
    padding: 0 5px;
}

.perview_slider .slick-dots li.slick-active button {
    background-color: #f14b11;
}

.perview_slider .slick-dots li button {
    display: block !important;
    font-size: 0;
    background-color: #e5e5e5;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: none;
    padding: 0;
}

.perview_slider-big_picture {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-radius: 4px;
    object-fit: cover;
}

.perview_slider-big_picture:before {
    content: '';
    display: block;
    padding-top: 66.66%;
}

.perview_slider-big_picture img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    background-size: cover;
}

.preview-images-slider {
    margin-top: 30px;
}

.preview-images-slider .slick-arrow {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    font-size: 0;
    border: none;
    background-image: url("../images/design/sprite.png");
    background-size: 6px 10px;
    background-position: 0px 0px;
    width: 6px;
    height: 10px;
    border-color: #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    width: 36px;
    height: 100%;
    top: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease-in-out;
}

.preview-images-slider .slick-arrow:hover {
    opacity: 1;
}

.preview-images-slider .slick-prev {
    left: -30px;
    transform: rotate(-180deg);
}

.preview-images-slider .slick-next {
    right: -30px;
}

.preview-images-slider {
    width: calc(100% + 25px);
    height: 90px;
    margin-left: -14px;
    position: relative;
}

.preview-images-slider:after,
.preview-images-slider:before {
    content: '';
    width: 30px;
    height: 90px;
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 0;
}

.preview-images-slider:after {
    right: -21px;
}

.preview-images-slider:before {
    left: -16px;
}

.preview-images-item {
    display: inline-block;
    margin: 0 14px 0 14px;
    cursor: pointer;
    height: 90px;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: opacity 0.15s ease-in-out;
}

.preview-images-item:before {
    cursor: pointer;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: opacity 0.15s ease-in-out, background 0.15s ease-in-out;
}

.preview-images-item.-current {
    opacity: 0.4;
}

.preview-images-item.-current:before {
    display: none;
}

.preview-images-item:hover:before {
    opacity: 0.2;
}

.preview-images-item:active:before {
    opacity: 0.05;
}

@media (max-width: 1160px) {
    .preview-images-item {
        height: 80px;
        margin: 0 8px;
    }

    .preview-images-slider {
        height: 80px;
        margin-top: 16px;
    }

    .preview-images-slider .slick-next,
    .preview-images-slider .slick-prev {
        width: 30px;
    }

    .preview-images-slider .slick-next {
        right: -22px;
    }

    .preview-images-slider .slick-prev {
        left: -18px;
    }
}

@media (max-width: 620px) {
    .perview_slider-big_picture {
        display: none;
    }

    .preview-images-item {
        margin: 0 8px;
        height: 66vw !important;
    }

    .preview-images-item:after {
        content: '';
        display: block;
        padding-top: 66.66%;
    }

    .preview-images-item:before {
        display: none;
    }

    .preview-images-item.-current {
        opacity: 1;
    }

    .preview-images-slider {
        height: auto;
    }

    .preview-images-slider:before,
    .preview-images-slider:after {
        display: none;
    }

    .preview-images-slider .slick-next,
    .preview-images-slider .slick-prev {
        display: none !important;
    }

    .perview_slider {
        padding: 0 4px 75px;
    }
}

.freebie-images-wrapper {
    margin-bottom: 43px;
}

.freebie-images-wrapper .freebie-image-main-wrapper {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 30px;
    border-radius: 4px;
}

.freebie-images-wrapper .freebie-image-main-wrapper-old {
    position: relative;
    border-radius: 4px;
    background: #f2f7f7;
    border: 1px solid #e9f1f2;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    padding: 94px 60px;
    box-sizing: border-box;
    cursor: pointer;
}

.freebie-images-wrapper .freebie-image-main-wrapper-old img:nth-child(1) {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 640px;
    border-radius: 4px;
}

.freebie-images-wrapper .freebie-image-main-wrapper-old img:nth-child(2) {
    position: absolute;
    max-width: 510px;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translate(60px, -50%);
    transition: transform 0.25s ease-in-out;
}

.freebie-images-wrapper .freebie-image-main-wrapper-old img:nth-child(3) {
    position: absolute;
    max-width: 510px;
    right: 0;
    top: 50%;
    z-index: 1;
    transform: translate(-60px, -50%);
    transition: transform 0.25s ease-in-out;
}

.freebie-images-wrapper .freebie-image-main-wrapper-old:hover img:nth-child(2) {
    transform: translate(20px, -50%);
}

.freebie-images-wrapper .freebie-image-main-wrapper-old:hover img:nth-child(3) {
    transform: translate(-20px, -50%);
}

.freebie-images-wrapper .freebie-images-sub {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -15px;
}

.freebie-images-wrapper .freebie-images-sub-item {
    width: calc(50% - 30px);
    height: auto;
    flex-shrink: 0;
    margin: 15px;
    border-radius: 4px;
}

.freebie-download-button {
    width: calc(100% - 58px);
    margin: 0 30px;
}

.freebie-download-button.btn.-medium {
    padding-left: 12px;
    padding-right: 12px;
}

.freebie-content-wrapper {
    display: flex;
}

.freebie-content-wrapper .freebie-content-aside {
    flex: 0 0 300px;
    margin-right: 40px;
    padding-top: 8px;
}

.freebie-content-wrapper .freebie-content-aside .share-block {
    padding-top: 31px;
    text-align: center;
}

.freebie-content-wrapper .freebie-download {
    padding: 5px 0 0;
}

.freebie-content-wrapper .freebie-download-wrapper {
    border: 1px solid #e9f1f2;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 24px 0;
    text-align: center;
}

.freebie-content-wrapper .freebie-download-description {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #747474;
    padding: 15px 0 0;
}

.freebie-content-wrapper .freebie-download-link {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    border: none;
    box-shadow: none;
    background: none;
    color: #f14b11;
    text-decoration: none;
    border-top: 1px solid #e9f1f2;
    margin-top: 24px;
    padding-top: 21px;
    cursor: pointer;
    transition: color 0.15s ease-in-out;
}

.freebie-content-wrapper .freebie-download-link:hover {
    color: #f94a0d;
    text-decoration: underline;
}

.freebie-content-wrapper .freebie-download-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.freebie-content-info {
    display: flex;
    margin-bottom: 18px;
}

.freebie-content-date {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #c9c9c9;
}

.freebie-content-tags {
    margin-left: 12px;
}

.freebie-content-tags .link {
    text-transform: capitalize;
    text-decoration: none;
    padding: 0 4px;
}

.freebie-content-tags .link:hover {
    text-decoration: underline;
}

.freebie-public {
    box-sizing: border-box;
    padding-left: 342px;
}

@media (max-width: 1439px) {
    .freebie-image-main-wrapper-old img:nth-child(2),
    .freebie-image-main-wrapper-old img:nth-child(3) {
        display: none;
    }
}

@media (max-width: 1160px) {
    .freebie-images-wrapper .freebie-image-main-wrapper {
        margin-bottom: 20px;
    }

    .freebie-images-wrapper .freebie-images-sub {
        margin: -11px;
    }

    .freebie-images-wrapper .freebie-images-sub-item {
        width: calc(50% - 22px);
        margin: 11px;
    }

    .freebie-images-wrapper .freebie-image-main-wrapper-old {
        padding: 60px;
    }

    .freebie-content-wrapper .freebie-content-aside {
        flex: 0 0 200px;
        padding-top: 6px;
        margin-right: 39px;
    }

    .freebie-content-wrapper .freebie-download-wrapper {
        padding-top: 15px;
        padding-bottom: 13px;
    }

    .freebie-content-wrapper .freebie-download-link {
        margin-top: 13px;
        padding-top: 12px;
    }

    .freebie-download-button {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .freebie-content-info {
        margin-bottom: 15px;
    }

    .freebie-public {
        padding-left: 0;
        margin-bottom: 42px;
    }
}

@media (max-width: 992px) {
    .freebie-images-wrapper .freebie-image-main-wrapper-old {
        padding: 60px;
    }

    .freebie-public {
        margin-bottom: 22px;
    }
}

@media (max-width: 620px) {
    .freebie-images-wrapper {
        margin-bottom: 34px;
    }

    .freebie-images-wrapper .freebie-image-main-wrapper-old {
        padding: 0;
        border: 0;
    }

    .freebie-images-wrapper .freebie-images-sub-item {
        width: 100%;
        margin: 10px 0;
    }

    .freebie-images-wrapper .freebie-images-sub {
        margin: -10px 0;
    }

    .freebie-content-wrapper {
        flex-wrap: wrap;
    }

    .freebie-content-wrapper .freebie-content-aside,
    .freebie-content-wrapper .freebie-content {
        flex: 0 0 100%;
        margin-right: 0;
    }

    .freebie-download-button {
        width: calc(100% - 58px);
    }

    .freebie-content-wrapper .freebie-download-wrapper {
        padding-top: 26px;
        padding-bottom: 21px;
    }

    .freebie-content-wrapper .freebie-download-link {
        margin-top: 21px;
    }

    .freebie-content-wrapper .freebie-content-aside {
        margin-bottom: 30px;
    }

    .freebie-content-wrapper .freebie-content-aside .share-block {
        padding-top: 40px;
        text-align: left;
    }

    .freebie-public {
        margin-bottom: -10px;
    }
}

.submit-wrapper {
    background: #f0f5f6;
}

.submit-section-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.submit-image-wrapper-small {
    display: none;
}

.submit-text-wrapper {
    margin-right: 58px;
}

.submit-text-wrapper .submit-image {
    width: 100%;
    margin-top: -128px;
    margin-bottom: 36px;
    max-width: 607px;
}

.submit-form-wrapper {
    margin-left: 58px;
}

.submit-text-wrapper,
.submit-form-wrapper {
    flex: 1;
}

.submit-text-wrapper-item {
    max-width: 600px;
    font-size: 16px;
    line-height: 28px;
    color: #474747;
    padding-bottom: 36px;
}

.submit-text-wrapper-item:last-child {
    padding-bottom: 0;
}

.submit-text-wrapper-item h3 {
    font-size: 21px;
    line-height: 33px;
    font-weight: 500;
    padding-bottom: 12px;
    color: #000;
}

.submit-form {
    background: #fff;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 56px 60px;
}

.submit-form .form-heading {
    padding-bottom: 35px;
}

.submit-form .form-headline {
    color: #000;
    font-weight: 500;
    line-height: 47px;
    font-size: 30px;
    padding-bottom: 4px;
}

.submit-form .form-description {
    line-height: 20px;
    font-size: 14px;
    color: #949494;
}

.submit-form .dragUpload-file-name {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #949494;
}

.submit-form .form-inputs .input-wrapper {
    width: 100%;
    margin-bottom: 32px;
}

.submit-form .form-inputs .input-wrapper:last-child {
    margin-bottom: 0;
}

.submit-form textarea {
    height: 160px;
}

.submit-form .btn.-aboveMediumLarge {
    min-width: 200px;
    margin-top: 8px;
}

@media (max-width: 1160px) {
    .submit-text-wrapper .submit-image {
        margin-top: 0;
    }

    .submit-text-wrapper {
        margin-right: 30px;
    }

    .submit-form-wrapper {
        margin-left: 30px;
        flex: 0 0 calc(50% - 20px);
    }

    .submit-form {
        padding: 54px 50px;
    }
}

@media (max-width: 992px) {
    .submit-image-wrapper-small {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 0 50px;
        margin-bottom: 40px;
    }

    .submit-image-wrapper-small img {
        width: 100%;
        max-width: 500px;
    }

    .submit-text-wrapper .submit-image {
        display: none;
    }

    .submit-section-wrapper {
        display: block;
    }

    .submit-text-wrapper,
    .submit-form-wrapper {
        width: 100%;
        flex: 0 0 100%;
        margin: 0;
    }

    .submit-text-wrapper {
        padding-top: 56px;
    }

    .submit-form {
        padding: 54px 58px;
    }

    .submit-text-wrapper-item {
        max-width: 100%;
    }
}

@media (max-width: 620px) {
    .submit-form {
        padding: 30px;
    }

    .submit-form .form-headline {
        font-size: 24px;
        padding-bottom: 1px;
    }

    .submit-form .form-heading {
        padding-bottom: 24px;
    }

    .submit-image-wrapper-small {
        padding: 8px 11px;
        margin-bottom: 20px;
    }

    .submit-form .btn.-aboveMediumLarge {
        width: 100%;
        margin-top: 0;
    }

    .submit-text-wrapper {
        box-sizing: border-box;
        padding-left: 12px;
        padding-bottom: 90px;
    }
}

.contact-wrapper {
    background: #f0f5f6;
}

.contact-section-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.contact-text-wrapper {
    margin-left: 50px;
}

.contact-form-wrapper {
    margin-right: 50px;
}

.contact-form .form-inputs .input-wrapper.-message {
    margin-bottom: 24px;
}

.contact-text-wrapper,
.contact-form-wrapper {
    flex: 1;
}

.contact-text-wrapper-item {
    max-width: 600px;
    font-size: 16px;
    line-height: 28px;
    color: #474747;
    padding-bottom: 36px;
}

.contact-text-wrapper-item:last-child {
    padding-bottom: 0;
}

.contact-text-wrapper-item h3 {
    font-size: 21px;
    line-height: 33px;
    font-weight: 500;
    padding-bottom: 12px;
    color: #000;
}

.contact-text-wrapper-item .contact-text-main-headline {
    font-size: 36px;
    line-height: 1.1;
    padding-top: 6px;
    padding-bottom: 2px;
}

.contact-form {
    background: #fff;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    box-sizing: border-box;
    padding: 56px 60px;
}

.contact-form .form-heading {
    padding-bottom: 35px;
}

.contact-form .form-headline {
    color: #000;
    font-weight: 500;
    line-height: 47px;
    font-size: 30px;
    padding-bottom: 4px;
}

.contact-form .form-description {
    line-height: 20px;
    font-size: 14px;
    color: #949494;
}

.contact-form .dragUpload-file-name {
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    color: #949494;
}

.contact-form .form-inputs .input-wrapper {
    width: 100%;
    margin-bottom: 32px;
}

.contact-form .form-inputs .input-wrapper:last-child {
    margin-bottom: 0;
}

.contact-form textarea {
    height: 160px;
}

.contact-form .btn.-aboveMediumLarge {
    min-width: 200px;
    margin-top: 4px;
}

.contact-form .privacy-according-text {
    font-size: 16px;
    line-height: 28px;
    color: #747474;
}

.contact-form .privacy-according-text a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    font-size: 16px;
    color: #747474;
    text-decoration: none;
    font-weight: 600;
}

.contact-form .privacy-according-text a:hover,
.contact-form .privacy-according-text a:active,
.contact-form .privacy-according-text a:focus {
    text-decoration: underline;
}

.contact-form .privacy-according-text a:hover,
.contact-form .privacy-according-text a:focus {
    color: #f94a0d;
}

.contact-form .privacy-according-text a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.social-support {
    padding-top: 50px;
    padding-bottom: 54px;
    border-bottom: 2px solid #fff;
    display: flex;
}

.social-profiles {
    flex: 0 0 150px;
    margin-right: 45px;
}

.social-support-wrapper {
    flex: 1;
}

.social-support-text-wrapper {
    font-size: 16px;
    line-height: 24px;
    color: #474747;
    margin-bottom: 30px;
}

.social-support-text-wrapper:last-child {
    margin-bottom: 0;
}

.social-support-text-wrapper a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    font-weight: 600;
    text-decoration: none;
}

.social-support-text-wrapper a:hover,
.social-support-text-wrapper a:active,
.social-support-text-wrapper a:focus {
    text-decoration: underline;
}

.social-support-text-wrapper a:hover,
.social-support-text-wrapper a:focus {
    color: #f94a0d;
}

.social-support-text-wrapper a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.social-support-text-wrapper .social-profiles-description {
    margin: 0 0 4px;
}

.social-profiles-headline {
    font-size: 21px;
    font-weight: 500;
    line-height: 33px;
    padding-bottom: 8px;
    color: #000;
}

.social-profiles-list .social-profiles-link {
    color: #474747;
    font-size: 16px;
    line-height: 34px;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.15s ease-in-out;
}

.social-profiles-list .social-profiles-link svg path {
    transition: fill 0.15s ease-in-out;
}

.social-profiles-list .social-profiles-link .social-profiles-icon {
    flex: 0 0 24px;
    display: flex;
    justify-content: center;
    margin-right: 12px;
}

.social-profiles-list .social-profiles-link:hover {
    color: #000;
}

.social-profiles-list .social-profiles-link:hover svg path {
    fill: #363636 !important;
}

.faq-social-wrapper {
    font-size: 16px;
    line-height: 28px;
    color: #474747;
    margin-top: 48px;
}

.faq-social-wrapper a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    font-weight: 600;
    color: #f14b11;
}

.faq-social-wrapper a:hover,
.faq-social-wrapper a:active,
.faq-social-wrapper a:focus {
    text-decoration: underline;
}

.faq-social-wrapper a:hover,
.faq-social-wrapper a:focus {
    color: #f94a0d;
}

.faq-social-wrapper a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

@media (max-width: 1160px) {
    .contact-text-wrapper {
        margin-right: 0;
        margin-left: 10px;
    }

    .contact-text-wrapper-item .contact-text-main-headline {
        padding-top: 0;
        margin-top: -6px;
    }

    .contact-form-wrapper {
        flex: 0 0 calc(50% - 20px);
    }

    .contact-form {
        padding: 54px 50px;
    }

    .contact-form .btn.-aboveMediumLarge {
        margin-top: 0;
    }

    .social-support {
        padding-top: 38px;
        padding-bottom: 36px;
    }

    .faq-social-wrapper {
        margin-top: 42px;
    }
}

@media (max-width: 992px) {
    .contact-image-wrapper-small {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 0 50px;
        margin-bottom: 40px;
    }

    .contact-image-wrapper-small img {
        width: 100%;
        max-width: 500px;
    }

    .contact-section-wrapper {
        display: block;
    }

    .contact-text-wrapper,
    .contact-form-wrapper {
        width: 100%;
        flex: 0 0 100%;
        margin: 0;
    }

    .contact-text-wrapper {
        padding-top: 56px;
    }

    .contact-form {
        padding: 54px 58px;
    }

    .contact-text-wrapper-item {
        max-width: 100%;
    }

    .contact-form .form-inputs .input-wrapper.-message {
        margin-bottom: 26px;
    }

    .social-support {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .faq-social-wrapper {
        margin-top: 48px;
    }
}

@media (max-width: 620px) {
    .contact-form {
        padding: 30px;
    }

    .contact-form .form-headline {
        font-size: 24px;
        padding-bottom: 1px;
    }

    .contact-form .form-heading {
        padding-bottom: 24px;
    }

    .contact-form .privacy-according-text {
        font-size: 14px;
        line-height: 22px;
    }

    .contact-form .privacy-according-text a {
        font-size: 14px;
    }

    .contact-form .btn.-aboveMediumLarge {
        margin-bottom: 30px;
    }

    .contact-image-wrapper-small {
        padding: 8px 11px;
        margin-bottom: 20px;
    }

    .contact-form .btn.-aboveMediumLarge {
        width: 100%;
        margin-top: -4px;
        margin-bottom: 30px;
    }

    .contact-text-wrapper {
        box-sizing: border-box;
        padding-left: 0;
        padding-top: 50px;
        padding-bottom: 90px;
    }

    .social-support {
        padding-top: 36px;
        padding-bottom: 40px;
        flex-wrap: wrap;
    }

    .social-profiles,
    .social-support-wrapper {
        flex: 0 0 100%;
    }

    .social-support-wrapper {
        margin-top: 36px;
    }

    .faq-social-wrapper {
        margin-top: 36px;
    }

    .contact-text-wrapper-item .contact-text-main-headline {
        font-size: 32px;
        line-height: 1.1;
        padding-bottom: 10px;
    }

    .contact-form .form-inputs .input-wrapper.-message {
        margin-bottom: 21px;
    }
}

.single-content-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.single-content-aside {
    display: none;
}

.single-disqus {
    padding-top: 60px;
}

.share-block {
    padding-top: 50px;
}

.share-block.-publications {
    padding-top: 26px;
}

.product-info {
    border: 1px solid #e9f1f2;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 30px;
}

.product-info .headline {
    font-weight: 500;
    line-height: 28px;
    font-size: 18px;
    padding-bottom: 16px;
}

.product-info .product-info-description {
    line-height: 25px;
    font-size: 16px;
    color: #747474;
    padding-bottom: 21px;
}

.product-info .product-info-compatibility {
    padding-bottom: 20px;
}

.product-info .product-info-features {
    padding-bottom: 40px;
}

.product-info .product-info-features-list {
    margin-top: -10px;
}

.product-info .product-info-features-list .product-info-features-item {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.product-info .product-info-features-list .product-info-features-item:before {
    content: '......................................................';
    font-size: 14px;
    color: #747474;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.product-info .product-info-features-list .product-info-features-name,
.product-info .product-info-features-list .product-info-features-value,
.product-info .product-info-features-list .product-info-features-link {
    background: #fff;
    position: relative;
    z-index: 1;
    color: #747474;
    line-height: 30px;
    font-size: 16px;
}

.product-info .product-info-features-list .product-info-features-name {
    padding-right: 5px;
}

.product-info .product-info-features-list .product-info-features-value,
.product-info .product-info-features-list .product-info-features-link {
    padding-left: 6px;
}

.product-info .product-info-features-list .product-info-features-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    color: #232355;
    font-weight: 500;
    text-decoration: none;
}

.product-info .product-info-features-list .product-info-features-link:hover,
.product-info .product-info-features-list .product-info-features-link:active,
.product-info .product-info-features-list .product-info-features-link:focus {
    text-decoration: underline;
}

.product-info .product-info-features-list .product-info-features-link:hover,
.product-info .product-info-features-list .product-info-features-link:focus {
    color: #f94a0d;
}

.product-info .product-info-features-list .product-info-features-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.product-info .product-info-footer {
    box-sizing: border-box;
    margin: 40px -30px 0;
    width: calc(100% + 60px);
    border-top: 1px solid #e9f1f2;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 30px 0;
    line-height: 25px;
    font-size: 16px;
    color: #747474;
}

.product-info .product-info-footer p {
    padding-bottom: 8px;
}

.product-info .product-info-footer a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    text-decoration: none;
    font-weight: 500;
    line-height: 28px;
    font-size: 18px;
}

.product-info .product-info-footer a:hover,
.product-info .product-info-footer a:active,
.product-info .product-info-footer a:focus {
    text-decoration: underline;
}

.product-info .product-info-footer a:hover,
.product-info .product-info-footer a:focus {
    color: #f94a0d;
}

.product-info .product-info-footer a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

@media (max-width: 1160px) {
    .product-info {
        padding: 26px 22px 32px;
    }

    .product-info .product-info-description {
        line-height: 21px;
        font-size: 14px;
        padding-bottom: 18px;
    }

    .product-info .headline {
        line-height: 25px;
        font-size: 16px;
        padding-bottom: 13px;
    }

    .product-info .product-info-compatibility {
        padding-bottom: 23px;
    }

    .product-info .product-info-features {
        padding-bottom: 32px;
    }

    .product-info .product-info-features-list {
        margin-top: -4px;
    }

    .product-info .product-info-features-list .product-info-features-name,
    .product-info .product-info-features-list .product-info-features-value,
    .product-info .product-info-features-list .product-info-features-link {
        font-size: 14px;
        line-height: 26px;
    }

    .product-info .product-info-footer {
        width: calc(100% + 44px);
        padding: 31px 20px 0;
        font-size: 14px;
        line-height: 22px;
        margin: 35px -22px 0;
    }

    .product-info .product-info-footer p {
        padding-bottom: 5px;
    }

    .product-info .product-info-footer a {
        font-size: 16px;
        line-height: 25px;
    }

    .share-block {
        padding-top: 40px;
    }

    .share-block.-publications {
        padding-top: 22px;
    }

    .single-disqus {
        padding-top: 42px;
    }
}

@media (max-width: 992px) {
    .single-content-main {
        float: left;
        width: calc(100% - 270px);
        box-sizing: border-box;
        padding-right: 50px;
    }

    .single-content-aside {
        display: block;
        float: right;
        width: 270px;
    }

    .product-info {
        padding: 23px 27px 32px;
    }

    .product-info .product-info-footer {
        margin: 40px -28px 0;
        padding: 31px 20px 0;
        width: calc(100% + 56px);
    }

    .single-disqus {
        padding-top: 27px;
    }

    .single-disqus.-publications {
        padding-top: 42px;
    }
}

@media (max-width: 620px) {
    .single-content-main {
        float: none;
        width: 100%;
        padding-right: 0;
    }

    .single-content-aside {
        float: none;
        width: 100%;
    }

    .share-block {
        display: flex;
        justify-content: center;
    }

    .single-content-aside {
        margin-top: 29px;
    }

    .product-info {
        padding: 28px;
    }

    .product-info .headline {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 16px;
    }

    .product-info .product-info-description {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 21px;
    }

    .product-info .product-info-compatibility {
        padding-bottom: 29px;
    }

    .product-info .product-info-features-list {
        margin-top: -9px;
    }

    .product-info .product-info-features-list .product-info-features-name,
    .product-info .product-info-features-list .product-info-features-value,
    .product-info .product-info-features-list .product-info-features-link {
        font-size: 16px;
        line-height: 30px;
    }

    .product-info .product-info-features {
        padding-bottom: 40px;
    }

    .product-info .product-info-footer {
        padding: 31px 40px 0;
        line-height: 24px;
    }

    .product-info .product-info-footer p {
        padding-bottom: 10px;
    }

    .product-info .product-info-footer a {
        font-size: 18px;
        line-height: 28px;
    }

    .share-block {
        padding-top: 50px;
    }

    .share-block.-publications {
        justify-content: flex-start;
    }

    .single-disqus {
        padding-top: 34px;
    }
}

.sharing-main {
    background: #f2f7f7;
    border-radius: 4px;
    text-align: center;
    padding: 58px 58px 97px;
    margin-top: 18px;
    margin-bottom: 60px;
}

.sharing-headline {
    font-size: 36px;
    line-height: 57px;
    color: #455770;
}

.sharing-headline .sharing-headline-icon {
    fill: #455770;
    position: relative;
    top: 4px;
    left: -18px;
}

.sharing-description {
    margin: 0 auto;
    width: 100%;
    max-width: 680px;
    font-size: 16px;
    line-height: 28px;
    color: #474747;
    margin-top: 25px;
}

.sharing-post {
    background: #fff;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 40px;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    max-width: 680px;
    margin: 44px auto 0;
}

.sharing-post .sharing-post-image-wrapper {
    flex: 0 0 160px;
    height: 120px;
    margin-right: 31px;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.sharing-post .sharing-post-image-wrapper .sharing-post-image {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.2s ease-in-out;
    transform: translate(-50%, -50%);
}

.sharing-post .sharing-post-image-wrapper .sharing-post-image:hover {
    transform: translate(-50%, -50%) scale(1.2);
}

.sharing-post .sharing-post-content {
    margin-top: -4px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    text-align: left;
}

.sharing-post-content a {
    display: inline;
    word-break: break-all;
}

.sharing-buttons {
    margin: 50px 0 0;
}

.sharing-buttons .btn {
    width: 134px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin: 0 14px;
}

@media (max-width: 1160px) {
    .sharing-main {
        margin-bottom: 48px;
    }
}

@media (max-width: 992px) {
    .sharing-main {
        margin-top: -4px;
        margin-bottom: 76px;
        padding: 46px 40px 86px;
    }

    .sharing-headline {
        font-size: 30px;
        line-height: 47px;
    }

    .sharing-headline .sharing-headline-icon {
        display: block;
        margin: 0 auto 22px;
        left: 0;
    }

    .sharing-description {
        margin-top: 12px;
        max-width: 540px;
    }

    .sharing-post {
        margin-top: 42px;
    }

    .sharing-post .sharing-post-content {
        font-size: 16px;
        line-height: 25px;
    }
}

@media (max-width: 992px) {
    .sharing-main {
        margin-top: 20px;
        margin-left: -20px;
        margin-right: -20px;
        border-radius: 0;
        padding: 46px 20px 60px;
        margin-bottom: 48px;
    }

    .sharing-headline {
        font-size: 26px;
        line-height: 41px;
    }

    .sharing-headline .sharing-headline-icon {
        margin: 0 auto 26px;
    }

    .sharing-description {
        margin-top: 15px;
    }

    .sharing-post {
        display: block;
        padding: 30px 28px;
        margin-top: 40px;
        border-radius: 4px 4px 0 0;
    }

    .sharing-post-image-wrapper {
        width: 160px;
        height: 120px;
        margin-bottom: 28px;
    }

    .sharing-post-content {
        font-size: 15px;
        line-height: 24px;
    }

    .sharing-post-content .link {
        display: inline;
        word-wrap: break-word;
    }

    .sharing-buttons {
        margin-top: -1px;
        font-size: 0;
        overflow: hidden;
        border-radius: 0 0 4px 4px;
    }

    .sharing-buttons .btn {
        width: 33.33%;
        margin: 0;
        border-radius: 0;
    }
}

.text-block {
    line-height: 25px;
    font-size: 16px;
    color: #474747;
}

.text-block a {
    line-height: 25px;
    font-size: 16px;
    color: #f14b11;
    text-decoration: none;
}

.text-block a:hover,
.text-block a:focus,
.text-block a:active {
    outline: none;
    /*text-decoration: underline;*/
}

.text-block p {
    margin: 0;
    padding: 0 0 18px;
}

.text-block.-publication {
    line-height: 28px;
}

.text-block.-publication .image-wrapper {
    box-sizing: border-box;
}

.text-block .fr-editor img {
    max-width: calc(100% + 80px - 38px);
  width: auto;
  height: auto;
    margin-left: -80px;
    margin-right: 38px;
    box-sizing: border-box;
}

.text-block .fr-editor .image figcaption {
    max-width: calc(100% + 80px - 38px);
    margin-left: -80px;
    margin-right: 38px;
    margin-bottom: 25px;
    padding-top: 8px;
    line-height: 22px;
    font-size: 14px;
    color: #949494;
}

.text-block.-publication h3.text-block-headline, .fr-editor h3 {
    margin: 16px 0 13px;
}

.text-block.-publication .text-block-list {
    padding-bottom: 13px;
}

.text-block.-publication .text-block-list li {
    padding: 4px 0 10px 30px;
}

.text-block.-publication .text-block-list li:before {
    left: 1px;
    top: 14px;
    width: 5px;
    height: 5px;
}

.text-block .image-wrapper {
    padding: 23px 0 42px;
}

.text-block .image-wrapper img {
    width: 100%;
    display: block;
}

.image-wrapper {
    padding: 23px 0 42px;
}

.image-wrapper .image-description {
    line-height: 22px;
    font-size: 14px;
    color: #949494;
    padding: 15px 0 0 4px;
    margin-bottom: -10px;
}

.image-wrapper .image-description a {
    transition: color 0.15s ease-in-out;
    display: inline-block;
    color: #232355;
    text-decoration: none;
    font-weight: 600;
}

.image-wrapper .image-description a:hover,
.image-wrapper .image-description a:active,
.image-wrapper .image-description a:focus {
    text-decoration: underline;
}

.image-wrapper .image-description a:hover,
.image-wrapper .image-description a:focus {
    color: #f94a0d;
}

.image-wrapper .image-description a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

h2.text-block-headline, .fr-editor h2, .single-content-wrapper h2 {
    font-weight: 500;
    line-height: 57px;
    font-size: 36px;
    margin: 10px 0 14px 0;
    padding: 0;
    color: #000;
}

h3.text-block-headline, .fr-editor h3, .single-content-wrapper h3 {
    line-height: 33px;
    font-size: 21px;
    font-weight: 500;
    color: #000;
    margin: -4px 0 12px;
    padding: 0;
}

h4.text-block-headline, .fr-editor h4, .single-content-wrapper h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
}

.text-block-list li {
    position: relative;
    padding: 2px 0 2px 9px;
}

.text-block-list li:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #474747;
}

.text-block-blockquote {
    margin-left: -80px;
    margin-bottom: 42px;
    margin-top: 27px;
}

.text-block-blockquote .text-block-blockquote-text {
    font-family: Josefin Sans;
    font-style: normal;
    font-weight: 300;
    line-height: 47px;
    font-size: 36px;
    color: #949494;
    letter-spacing: -1.25px;
}

.text-block-blockquote cite {
    display: block;
    box-sizing: border-box;
    padding-left: 81px;
    color: #474747;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 23px;
    margin-top: 25px;
    letter-spacing: 1.4px;
}

.text-block-blockquote cite a {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    color: #474747;
}

.text-block-blockquote cite a:hover,
.text-block-blockquote cite a:active,
.text-block-blockquote cite a:focus {
    text-decoration: underline;
}

.text-block-blockquote cite a:hover,
.text-block-blockquote cite a:focus {
    color: #f94a0d;
}

.text-block-blockquote cite a:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.text-block-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-top: 26px;
    margin-bottom: 35px;
}

.text-block-video iframe,
.text-block-video object,
.text-block-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.text-block-paragraph.-uppercase {
    text-transform: uppercase;
    padding: 10px 0 18px;
    font-size: 15px;
    line-height: 24px;
}

.author-block {
    border-top: 1px solid #e9f1f2;
    border-bottom: 1px solid #e9f1f2;
    padding: 34px 0 39px;
    margin: 54px 32px -12px 0;
    display: flex;
}

.author-block.-small .author-block-image-wrapper {
    flex: 0 0 50px;
    height: 50px;
    margin-right: 30px;
}

.author-block .author-block-image-wrapper {
    flex: 0 0 80px;
    margin-top: 4px;
    height: 80px;
    margin-right: 41px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.author-block .author-block-image-wrapper.-freebie {
    border-radius: 4px;
}

.author-block .author-block-image {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.author-block .author-block-written {
    font-size: 12px;
    margin-bottom: -4px;
    text-transform: uppercase;
    font-weight: 600;
    color: #c9c9c9;
}

.author-block .author-block-name {
    font-weight: 500;
    font-size: 23px;
    color: #000;
    padding-bottom: 6px;
}

.author-block .author-block-name .link {
    color: #000;
}

.author-block .author-block-name .link:hover {
    color: #f14b11;
}

.author-block .author-block-name .link:active {
    color: #d9430f;
}

.author-block .author-block-name.-freebie {
    font-weight: 600;
}

.author-block .author-block-description {
    font-size: 14px;
    line-height: 22px;
    color: #474747;
}

.list-description .list-description-item {
    display: flex;
}

.list-description .list-description-label {
    flex: 0 0 60px;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #474747;
    margin-right: 24px;
}

.list-description .list-description-value {
    flex-grow: 0;
    flex-shrink: 0;
}

.text-block ul {
    list-style: none;
    padding-left: 18px;
}

.text-block ol[style] {
    padding-left: 18px;
}

.text-block ul li {
    position: relative;
    list-style: none;
}

.text-block ul li:before {
    content: '';
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #474747;
    left: -16px;
    top: 11px;
}

.text-block ul.list-description,
.text-block ul.list-description-label {
    padding-left: 0;
}

.text-block ul.list-description li::before,
.text-block ul.list-description-label li::before {
    content: none;
}

.join-form-privacy__btn-add-text {
    margin-left: 8px;
}

.join-form .join-form-fieldset .input-wrapper .input.-error,
.main-footer-subscribe-input.-error{
    border-color: #ee2b47;
    color: #ee2b47;
}

@media (max-width: 1160px) {
    .text-block-headline {
        margin: 6px 0 12px;
    }

    .text-block .fr-editor img,
    .text-block .fr-editor .image figcaption {
        max-width: calc(100% + 38px);
      width: auto;
      height: auto;
        margin-left: -38px;
        margin-right: 0;
    }

    .text-block-blockquote {
        margin-left: -40px;
        margin-bottom: 40px;
        margin-top: 25px;
    }

    .text-block-blockquote cite {
        padding-left: 40px;
        margin-top: 21px;
    }

    .author-block {
        margin-bottom: 4px;
    }

    .author-block.-small {
        margin-top: 43px;
        margin-bottom: -4px;
    }
}

@media (max-width: 992px) {
    .text-block.-publication h3.text-block-headline, .fr-editor h3 {
        margin: 13px 0 13px;
    }

    .text-block.-publication .image-wrapper {
        padding-bottom: 42px;
    }

    .text-block .fr-editor img,
    .text-block .fr-editor .image figcaption {
        max-width: calc(100% + 4px);
      width: auto;
      height: auto;
        margin-left: 0;
        margin-right: -4px;
    }

    .text-block.-publication .image-wrapper .image-description {
        margin-bottom: -21px;
    }

    .text-block h2.text-block-headline, .fr-editor h2 {
        margin: 12px 0 14px 0;
    }

    .text-block-blockquote {
        margin-left: 0;
        margin-bottom: 40px;
        margin-top: 26px;
    }

    .text-block-blockquote .text-block-blockquote-text {
        font-size: 32px;
        line-height: 40px;
    }

    .text-block-blockquote cite {
        padding-left: 0;
        margin-top: 24px;
    }

    .author-block {
        margin-right: 0;
    }

    .author-block.-small {
        margin-bottom: 10px;
    }
}

@media (max-width: 620px) {
    .text-block {
        line-height: 28px;
    }

    .text-block-headline {
        margin: 12px 0;
    }

    .text-block h2.text-block-headline, .fr-editor h2 {
        margin: 18px 0;
        font-size: 32px;
        line-height: 43px;
    }

    .text-block.-publication .image-wrapper {
        padding: 24px 0 38px;
        width: 100vw;
        margin-left: -33px;
        margin-right: 0;
    }

    .text-block .fr-editor img,
    .text-block .fr-editor .image figcaption {
        max-width: 100vw;
      width: auto;
      height: auto;
        margin-left: -33px;
        margin-right: 0;
    }

    .text-block .fr-editor .image figcaption {
        padding: 8px 32px 0;
        box-sizing: border-box;
    }

    .text-block.-publication .image-wrapper .image-description {
        padding: 18px 32px 0;
        margin-bottom: -16px;
        line-height: 20px;
    }

    .text-block-blockquote {
        margin: 20px -10px 30px;
    }

    .text-block-blockquote .text-block-blockquote-text {
        font-size: 26px;
        line-height: 35px;
        letter-spacing: -1px;
    }

    .text-block-blockquote cite {
        margin-top: 20px;
        margin-left: 10px;
    }

    .text-block-video {
        width: 100vw;
        margin-left: -33px;
        padding-bottom: 70%;
    }

    .author-block {
        margin: 55px 0 4px 0;
        padding-bottom: 36px;
    }

    .author-block.-small {
        margin-top: 30px;
        margin-bottom: -2px;
    }

    .author-block.-small .author-block-image-wrapper {
        flex: 0 0 48px;
        height: 48px;
        margin-right: 18px;
    }

    .author-block .author-block-image-wrapper {
        flex: 0 0 59px;
        height: 59px;
        margin-right: 31px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    .author-block .author-block-name.-freebie {
        font-weight: 700;
    }
}

.card-info-content {
    display: flex;
    background: #f0f5f6;
    border-radius: 4px;
    height: 64px;
    align-items: center;
    padding: 0 18px;
    box-sizing: border-box;
}

.card-info-icon {
    display: flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 26px;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    margin-right: 18px;
}

.card-info-number {
    flex: 1 1;
    color: #455770;
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    margin-right: 12px;
}

.card-info-controls {
    flex: 0 0 120px;
    margin-left: auto;
}

.card-info-controls a {
    width: 120px;
}

@media (max-width: 700px) {
    .card-info-content {
        flex-wrap: wrap;
        height: 116px;
        padding: 2px 18px;
    }

    .card-info-controls {
        flex: 0 0 100%;
        margin-top: -24px;
    }
}

.landing-promo-image-mobile-wrapper {
    display: none;
}

.product-landing {
    overflow: hidden;
}

.product-landing.-dark .product-landing-headline {
    color: #fff;
    max-width: 530px;
}

.product-landing.-dark .product-landing-description {
    color: #e8e8e8;
    opacity: 0.8;
    max-width: 530px;
}

.product-landing.-dark .product-landing-main-link {
    color: #7c78b5;
    border-bottom-color: #7c78b5;
}

.product-landing.-dark .product-landing-main-link:hover {
    color: #908dbe;
    border-bottom-color: #908dbe;
}

.product-landing.-dark .product-landing-main-link:active {
    color: #706da1;
    border-bottom-color: #706da1;
}

.product-landing.-right .product-landing-wrapper {
    flex-direction: row-reverse;
}

.product-landing.-right .product-landing-content {
    padding: 36px 0 36px 30px;
}

.product-landing.-right .product-landing-image {
    transform: translate(-450px, 0);
    width: calc(100% + 400px);
}

.product-landing.-right .product-landing-image-wrapper,
.product-landing.-right .product-landing-content {
    flex: 0 0 50%;
}

.product-landing.-right .product-landing-image-wrapper {
    position: relative;
    height: 700px;
}

.product-landing.-right .product-landing-image-bonus1,
.product-landing.-right .product-landing-image-bonus2,
.product-landing.-right .product-landing-image-bonus3 {
    width: calc(100% + 60px);
    max-width: 660px;
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    right: 0;
}

.product-landing.-right .product-landing-image-bonus1 {
    transform: translate(-526px, 20px);
    z-index: 1;
}

.product-landing.-right .product-landing-image-bonus2 {
    transform: translate(-40px, 104px);
    max-width: 680px;
    z-index: 3;
}

.product-landing.-right .product-landing-image-bonus3 {
    transform: translate(-310px, 460px);
    z-index: 2;
}

.product-landing-wrapper {
    display: flex;
    align-items: center;
}

.product-landing-headline {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    font-family: 'Josefin Sans';
    padding-bottom: 30px;
}

.product-landing-description {
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 20px;
}

.product-landing-content {
    flex: 0 0 calc(50% - 36px);
    box-sizing: border-box;
    padding: 36px 60px 36px 0;
}

.product-landing-image-wrapper {
    flex: 0 0 calc(50% + 36px);
    text-align: right;
}

.product-landing-image-wrapper.-mobile {
    display: none;
}

.product-landing-image-wrapper.-desktop {
    display: block;
}

.product-landing-image-wrapper .product-landing-image {
    width: calc(100% + 100px);
}

.product-landing-image-wrapper.-parallax {
    position: relative;
    align-self: stretch;
    min-height: 700px;
}

.product-landing-image.-parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 200px);
}

.product-landing-image.-parallax.-first {
    transform: translate(66px, 0);
}

.product-landing-image.-parallax.-second {
    transform: translate(40px, 40px);
}

.product-landing-image.-parallax.-third {
    transform: translate(0, 10px);
}

.product-landing-main-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    text-decoration: none !important;
    padding-bottom: 1px;
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.product-landing-main-link:hover,
.product-landing-main-link:active,
.product-landing-main-link:focus {
    text-decoration: underline;
}

.product-landing-main-link:hover,
.product-landing-main-link:focus {
    color: #f94a0d;
}

.product-landing-main-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.product-landing-paragraph {
    margin: 0 0 10px;
}

.landing-features {
    display: flex;
}

.landing-features-item {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 500px;
    box-sizing: border-box;
    padding: 60px 0;
}

.landing-features-item.-dark {
    color: #fff;
}

.landing-features-item-wrapper {
    width: 460px;
}

.landing-features-icon-wrapper {
    height: 93px;
    margin-top: -10px;
}

.landing-features-headline {
    font-size: 36px;
    line-height: 43px;
    font-family: 'Josefin Sans';
    font-weight: 600;
    margin-top: 32px;
}

.landing-features-description {
    font-size: 18px;
    line-height: 32px;
    margin-top: 12px;
}

.landing-membership-plans-wrapper {
    background: #0f0f0f;
    color: #fff;
    text-align: center;
    padding: 117px 0 140px;
}

.landing-membership-plans-headline {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    font-family: 'Josefin Sans';
}

.landing-membership-plans-description {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    opacity: 0.8;
    width: 650px;
    margin: 14px auto 60px;
}

.landing-membership-plan-list {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    padding: 38px 160px 0;
}

.landing-membership-plan-item {
    width: 50%;
    color: #000;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

.landing-membership-plan-item:nth-child(2n) .landing-membership-plan-item-wrapper {
    border-left: 0;
}

.landing-membership-plan-item .landing-membership-plan-item-wrapper {
    border: 4px solid #fff;
    background-color: #f6f9f9;
    padding: 44px 0 0;
    flex: 0 0 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.landing-membership-plan-item .landing-membership-plan-range {
    font-family: 'Josefin Sans';
    font-weight: 600;
    line-height: 19px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #7c78b5;
}

.landing-membership-plan-item .landing-membership-plan-image-wrapper {
    width: 100%;
    max-width: 350px;
    height: 306px;
    margin: 0 auto 48px;
    display: flex;
    align-items: flex-end;
}

.landing-membership-plan-item .landing-membership-plan-image {
    width: 100%;
}

.landing-membership-plan-item .landing-membership-plan-pricing {
    font-family: 'Josefin Sans';
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 8px;
}

.landing-membership-plan-item .landing-membership-plan-price {
    font-size: 48px;
    line-height: 58px;
}

.landing-membership-plan-item .landing-membership-old-price {
    font-size: 34px;
    line-height: 28px;
    color: #b9b9b9;
    position: relative;
    padding: 0 3px;
    margin-right: 3px;
}

.landing-membership-plan-item .landing-membership-old-price:before {
    content: "";
    width: 100%;
    display: inline-block;
    border-bottom: 2px solid #b9b9b9;
    position: absolute;
    top: 15px;
    left: 0;
}

.landing-membership-plan-item .landing-membership-plan-description {
    font-size: 16px;
    line-height: 28px;
    color: #5e5e5e;
    width: 360px;
    margin: 0 auto 42px;
}

.landing-membership-plan-item .btn {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 36px;
    font-weight: 600;
    margin-top: auto;
}

.landing-membership-plan-item .landing-membership-plan-saving {
    width: 180px;
    height: 38px;
    background: #ee2b47;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 23px;
    font-weight: 600;
    transform: rotate(45deg);
    position: absolute;
    top: 22px;
    right: -48px;
    box-sizing: border-box;
    padding-top: 8px;
}

.product-landing-faq.-dark {
    color: #fff;
}

.product-landing-faq-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 118px 160px 80px;
}

.product-landing-faq-headline {
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    font-family: 'Josefin Sans';
    text-align: center;
    margin: 0 0 98px;
}

.product-landing-faq-list {
    column-count: 2;
    column-gap: 60px;
}

.product-landing-faq-item {
    break-inside: avoid;
    padding-bottom: 38px;
}

.product-landing-faq-item-headline {
    font-weight: 600;
    line-height: 34px;
    font-size: 26px;
    font-family: 'Josefin Sans';
    letter-spacing: -1px;
    padding-bottom: 12px;
}

.product-landing-faq-item-description {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    opacity: 0.8;
}

.wrapper.sales .freebie-download-button {
    width: 100%;
    margin: 0;
}

.wrapper.sales .post-headline {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.3;
}
.wrapper.sales .post-info {
    /*text-transform: uppercase;*/
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.wrapper.sales .post-info-sub {
    margin-top: 13px;
    font-size: 12px;
    text-transform: uppercase;
}

.wrapper.sales .link1 {
    margin-right: 10px;
}

.wrapper.sales .content {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
}

.wrapper.sales .content-wrapper {
    padding:0;
}

.wrapper.sales .content-aside {
    width: 318px;
}

.wrapper.sales .content-wrapper.-content-right .content {
    padding-left: 25px;
}

.wrapper.sales .content-body {
    width: 680px;
    display: inline-block;
    margin-bottom: 55px;
    padding-right: 42px;
}

.wrapper.sales .content-body p {
    width: 100%;
}

.wrapper.sales .content-category h2 {
    padding-bottom: 42px;
    font-size: 34px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}

.wrapper.sales .content-body img {
    border-radius: 4px;
    width: 100%;
    height: 100%;
}

.wrapper.sales aside {
    display: inline-block;
    position: absolute;
}

.wrapper.sales .content-aside-wrapper {
    background: #fff;
    border-radius: 4px;
}

@media (min-width: 1600px) {
    .product-landing-image-wrapper .product-landing-image {
        width: 100%;
        transform: translate(0);
    }

    .product-landing.-right .product-landing-image {
        width: calc(100% + 400px);
        transform: translate(-450px, 0);
    }

    .product-landing.-right .product-landing-image-wrapper {
        position: relative;
    }

    .product-landing.-right .product-landing-image-bonus1,
    .product-landing.-right .product-landing-image-bonus2,
    .product-landing.-right .product-landing-image-bonus3 {
        width: calc(100% - 10px);
        max-width: 530px;
    }

    .product-landing.-right .product-landing-image-bonus1 {
        transform: translate(-430px, 30px);
    }

    .product-landing.-right .product-landing-image-bonus2 {
        transform: translate(-40px, 104px);
    }

    .product-landing.-right .product-landing-image-bonus3 {
        transform: translate(-310px, 390px);
    }
}

@media (max-width: 1400px) {
    .product-landing .base-col {
        padding: 0 80px;
        overflow: hidden;
    }

    .landing-membership-plan-list,
    .product-landing-faq-wrapper {
        padding-left: 100px;
        padding-right: 100px;
    }

    .landing-promo {
        padding-top: 86px;
        padding-bottom: 90px;
    }

    .landing-promo-image-wrapper {
        max-width: 800px;
    }

    .landing-promo-image-light {
        width: 436px;
    }

    .landing-promo-image-top_left {
        width: 213px;
        top: 52px;
    }

    .landing-promo-image-middle_left {
        width: 213px;
        top: 147px;
    }

    .landing-promo-image-top_right {
        width: 307px;
    }

    .landing-promo-image-middle_right {
        width: 205px;
        top: 152px;
    }

    .landing-promo-headline {
        margin-top: 76px;
        font-size: 48px;
    }

    .landing-promo-description {
        margin-top: 12px;
        font-size: 18px;
        line-height: 32px;
        margin-top: 11px;
        margin-bottom: 48px;
    }

    .product-landing-headline {
        font-size: 44px;
        line-height: 53px;
    }

    .product-landing-content {
        flex: 0 0 calc(50% - 20px);
        padding-right: 36px;
    }

    .product-landing-image-wrapper {
        flex: 0 0 calc(50% + 20px);
    }

    .product-landing-description {
        font-size: 16px;
        line-height: 28px;
    }

    .product-landing-image-wrapper .product-landing-image {
        width: calc(100% + 160px);
    }

    .product-landing.-right .product-landing-image {
        width: calc(100% + 400px);
    }

    .product-landing.-right .product-landing-content {
        padding-left: 50px;
    }

    .product-landing.-right .product-landing-content {
        flex: 0 0 calc(50% - 6px);
    }

    .product-landing.-right .product-landing-image-wrapper {
        flex: 0 0 calc(50% + 6px);
    }

    .landing-features-item {
        min-height: 600px;
    }

    .landing-features-headline {
        margin-top: 52px;
    }

    .landing-features-icon-wrapper {
        margin-top: 5px;
    }

    .landing-membership-plans-description {
        margin-bottom: 32px;
    }

    .landing-membership-plans-wrapper {
        padding-bottom: 124px;
    }

    .product-landing-faq-wrapper {
        padding-top: 96px;
        padding-bottom: 72px;
    }

    .product-landing-faq-headline {
        margin-bottom: 58px;
    }

    .product-landing.-right .product-landing-image-wrapper {
        position: relative;
        height: 700px;
    }

    .product-landing.-right .product-landing-image-bonus1,
    .product-landing.-right .product-landing-image-bonus2,
    .product-landing.-right .product-landing-image-bonus3 {
        width: 570px;
    }

    .product-landing.-right .product-landing-image-bonus1 {
        transform: translate(-390px, 20px);
        z-index: 1;
    }

    .product-landing.-right .product-landing-image-bonus2 {
        transform: translate(40px, 92px);
        z-index: 3;
    }

    .product-landing.-right .product-landing-image-bonus3 {
        transform: translate(-220px, 406px);
        z-index: 2;
    }

    .product-landing.-right .product-landing-image-wrapper {
        height: 600px;
        min-height: 600px;
    }
}

@media (max-height: 700px) {
    .landing-promo {
        padding-top: 96px;
    }

    .landing-promo-image-wrapper {
        max-width: 598px;
    }

    .landing-promo-image-wrapper {
        max-width: 600px;
    }

    .landing-promo-image-light {
        width: 326px;
    }

    .landing-promo-image-top_left {
        width: 160px;
        top: 44px;
    }

    .landing-promo-image-middle_left {
        width: 160px;
        top: 114px;
    }

    .landing-promo-image-top_right {
        width: 213px;
        top: 54px;
    }

    .landing-promo-image-middle_right {
        width: 153px;
        top: 118px;
    }

    .landing-promo-headline {
        font-size: 42px;
        margin-top: 44px;
    }

    .landing-promo-description {
        margin-top: 9px;
        margin-bottom: 42px;
        font-size: 16px;
        line-height: 28px;
        width: 650px;
    }

    .landing-promo-buttons .btn.-medium {
        padding: 15px 39px;
    }
}

@media (max-width: 992px) {
    .landing-promo {
        padding-top: 96px;
    }

    .product-landing.-right .product-landing-image-wrapper {
        height: auto;
    }

    .product-landing-image-wrapper.-mobile {
        display: block;
    }

    .product-landing-image-wrapper.-desktop {
        display: none;
    }

    .landing-promo-image-wrapper {
        max-width: 598px;
    }

    .landing-promo-image-wrapper {
        max-width: 600px;
    }

    .landing-promo-image-light {
        width: 326px;
    }

    .landing-promo-image-top_left {
        width: 160px;
        top: 44px;
    }

    .landing-promo-image-middle_left {
        width: 160px;
        top: 114px;
    }

    .landing-promo-image-top_right {
        width: 213px;
        top: 54px;
    }

    .landing-promo-image-middle_right {
        width: 153px;
        top: 118px;
    }

    .landing-promo-headline {
        font-size: 42px;
        margin-top: 44px;
    }

    .landing-promo-description {
        margin-top: 9px;
        margin-bottom: 42px;
        font-size: 16px;
        line-height: 28px;
        width: 650px;
    }

    .landing-promo-buttons .btn.-medium {
        padding: 15px 39px;
    }

    .product-landing-wrapper {
        flex-wrap: wrap;
    }

    .product-landing-content,
    .product-landing.-right .product-landing-content {
        flex: 0 0 100%;
        max-width: 606px;
        margin: 0 auto;
        padding: 96px 20px 58px;
    }

    .product-landing-image-wrapper,
    .product-landing.-right .product-landing-image-wrapper {
        flex: 0 0 100%;
    }

    .product-landing-image-wrapper .product-landing-image,
    .product-landing.-right .product-landing-image {
        width: calc(100% - 32px);
    }

    .product-landing.-right .product-landing-image {
        transform: translate(-150px, 0);
        width: 100%;
    }

    .product-landing .base-col {
        padding: 0;
    }

    .product-landing.-right .product-landing-wrapper {
        flex-direction: row;
    }

    .landing-features {
        flex-wrap: wrap;
    }

    .landing-features-item {
        width: 100%;
        min-height: 460px;
    }

    .landing-features-item-wrapper {
        width: 100%;
        max-width: 570px;
    }

    .landing-features-headline {
        margin-top: 40px;
    }

    .landing-membership-plans-wrapper {
        padding: 95px 0 140px;
    }

    .landing-membership-plan-list {
        padding: 18px 45px 0;
    }

    .product-landing-faq-wrapper {
        padding-left: 45px;
        padding-right: 45px;
        padding-bottom: 54px;
    }

    .landing-membership-plan-item .landing-membership-plan-image-wrapper {
        height: 232px;
        margin: 0 auto 35px;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .landing-membership-plan-item .landing-membership-plan-description {
        width: 100%;
        padding: 0px 30px;
        margin-bottom: 52px;
        box-sizing: border-box;
    }

    .landing-membership-plan-item .btn {
        font-size: 18px;
        line-height: 27px;
        padding: 22px 48px 16px;
    }

    .product-landing-faq-list {
        column-count: 1;
    }

    .product-landing-faq-headline {
        text-align: left;
    }
}

@media (max-width: 660px) {
    .landing-promo-image {
        width: 700px;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .landing-promo-image-mobile-wrapper,
    .product-landing-image-mobile-wrapper {
        display: block;
    }

    .landing-promo-image-wrapper {
        display: none;
        overflow: hidden;
    }

    .landing-promo-headline {
        font-size: 36px;
        margin-top: 50px;
        line-height: 49px;
    }

    .landing-promo {
        padding-top: 34px;
        padding-bottom: 60px;
    }

    .landing-promo-description {
        margin-top: 14px;
        width: 100%;
        box-sizing: border-box;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 38px;
    }

    .product-landing-content,
    .product-landing.-right .product-landing-content {
        padding: 57px 32px 58px;
    }

    .product-landing-headline {
        padding-bottom: 22px;
        font-size: 32px;
        line-height: 38px;
    }

    .product-landing-image-wrapper .product-landing-image,
    .product-landing.-right .product-landing-image {
        width: 100%;
        transform: translate(0);
    }

    .landing-features-item {
        padding-top: 92px;
        padding-bottom: 92px;
        min-height: 0;
    }

    .landing-features-item-wrapper {
        padding: 0 24px;
    }

    .landing-features-headline {
        font-size: 32px;
        line-height: 38px;
    }

    .landing-features-description {
        font-size: 16px;
        line-height: 28px;
        margin-top: 15px;
    }

    .landing-membership-plans-headline {
        font-size: 32px;
        line-height: 38px;
    }

    .landing-membership-plans-wrapper {
        padding: 57px 0 58px;
    }

    .landing-membership-plans-description {
        width: 100%;
        box-sizing: border-box;
        padding: 0 24px;
        font-size: 16px;
        line-height: 28px;
        margin-top: 12px;
        margin-bottom: 18px;
    }

    .landing-membership-plan-list {
        padding: 18px 20px 0;
        flex-wrap: wrap;
    }

    .landing-membership-plan-item {
        width: 100%;
    }

    .landing-membership-plan-item .landing-membership-plan-image-wrapper {
        height: 182px;
        padding: 0 33px;
    }

    .landing-membership-plan-item .landing-membership-plan-image-wrapper.-yearly {
        height: 233px;
    }

    .landing-membership-plan-item .landing-membership-plan-item-wrapper {
        margin-bottom: 20px;
    }

    .product-landing-faq-wrapper {
        padding: 57px 32px 33px;
    }

    .product-landing-faq-headline {
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 43px;
        text-align: left;
    }

    .landing-membership-plan-item:nth-child(2n) .landing-membership-plan-item-wrapper {
        border-left: 4px solid #fff;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi) {
    .product-landing-headline,
    .landing-features-headline,
    .landing-membership-plans-headline,
    .product-landing-faq-headline {
        font-weight: 700;
    }
}

.popup-open {
    height: 100vh;
    overflow: hidden;
}

.popup-wrapper {
    width: calc(100% - 88px);
    max-height: calc(100% - 88px);
    overflow-y: auto;
    max-width: 680px;
    position: fixed;
    z-index: 9992;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 64px 36px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 5px 5px 30px rgba(69, 87, 112, 0.5);
    transition: transform 0.2s ease-in-out;
}

.popup-wrapper.-hide {
    transform: translate(-50%, calc(-50% - 10px));
    top: -100%;
    left: -100%;
}

.popup-wrapper.-freebie-preview {
    padding: 0;
    box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.25);
    overflow: visible;
    border-radius: 0;
    position: absolute;
    top: 120px;
    transform: translate(-50%, 0%);
    max-height: none;
}

.popup-wrapper.-freebie-preview .close-popup {
    position: absolute;
    right: -56px;
    top: 0px;
}

.popup-wrapper.-freebie-preview .close-popup svg {
    width: 16px;
    height: 16px;
    fill: #fff;
    opacity: 1;
}

.popup-wrapper.-freebie-preview .close-popup:hover svg {
    opacity: 0.7;
}

.popup-wrapper.-freebie-preview .popup-container {
    overflow-y: auto;
}

.popup-wrapper.-freebie-preview .popup-container img {
    width: 100%;
    margin-bottom: 12px;
}

.popup-wrapper.-freebie-preview .popup-container img:last-child {
    margin-bottom: 0;
}

.popup-wrapper.-medium {
    padding: 38px 60px;
}

.popup-wrapper.-medium .popup-headline {
    padding-bottom: 16px;
}

.popup-wrapper.-small {
    max-width: 500px;
    padding: 30px 60px;
}

.popup-wrapper .close-popup {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.popup-wrapper .close-popup svg {
    fill: #000;
    opacity: 0.18;
    transition: opacity 0.15s ease-in-out;
}

.popup-wrapper .close-popup:hover svg {
    opacity: 0.45;
}

.popup-container .onboarding-form,
.popup-container .social-login,
.popup-container .onboarding-description {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.popup-container .onboarding-form {
    margin-top: 34px;
}

.popup-container .onboarding-description {
    padding-bottom: 10px;
}

.popup-container .social-login {
    margin-top: 40px;
    margin-bottom: 28px;
}

.popup-container .popup-headline {
    color: #000;
    font-size: 21px;
    line-height: 31px;
    font-weight: 500;
    padding-bottom: 12px;
}

.popup-container .popup-headline.-largeIndention {
    margin-top: 20px;
}

.popup-container .popup-headline.-smallIndention {
    margin-top: 6px;
}

.popup-container .popup-headline.-center {
    width: 100%;
    text-align: center;
}

.popup-container .popup-description {
    color: #747474;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 28px;
}

.popup-container .popup-description.-center {
    width: 100%;
    text-align: center;
}

.popup-container .popup-controls {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.popup-container .popup-controls.-center {
    margin: 0 auto;
}

.popup-container .popup-controls.-small {
    padding-bottom: 10px;
}

.popup-container .popup-controls .btn {
    flex-grow: 1;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 0;
}

.popup-container .popup-controls .btn:last-child {
    margin-right: 0;
}

.popup-container.-wide .popup-content {
    width: 100%;
}

.popup-container.-wide .popup-headline,
.popup-container.-wide .popup-description {
    max-width: none;
}

.popup-container.-with-icon.-centred {
    display: block;
}

.popup-container.-with-icon.-centred .popup-icon {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.popup-container.-with-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.popup-container.-with-icon .popup-headline {
    padding-bottom: 6px;
}

.popup-container.-with-icon .popup-icon {
    flex: 0 0 48px;
    margin-top: 6px;
}

.popup-container.-with-icon .popup-icon svg {
    fill: #8a8ea7;
}

.popup-container.-with-icon .popup-icon.-large svg {
    transform: scale(1.3);
    margin-left: 5px;
}

.popup-container.-with-icon .popup-description {
    padding-bottom: 4px;
}

.popup-container.-with-icon .popup-content {
    flex: 0 0 calc(100% - 84px);
}

.popup-image {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.image-wrapper {
    flex: 0 0 272px;
    padding: 0;
}

.image-wrapper img {
    width: 100%;
}

.popup-content {
    flex: 0 0 calc(100% - 295px);
}

.popup-subscribe {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.popup-subscribe .input-wrapper {
    flex: 0 0 calc(100% - 200px);
}

.popup-subscribe .btn {
    flex: 0 0 180px;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
}

.no-scroll {
    overflow: hidden;
    padding-right: 17px;
    /*padding-right: var(--scrollbarWidth, 17px);*/
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1053;
    overflow-y: auto;
    background: #2A2A2A;

    transition: visibility 0.3s, opacity 0.3s;
}

.popup--hidden {
    visibility: hidden;
    opacity: 0;
}

.popup__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    cursor: pointer;
}

.popup__image-wrap {
    position: relative;
    display: block;
    left: 50vw;
    width: 87%;
    max-width: 1500px;
    transform: translateX(-50%);
}

.popup__image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.popup__close {
    position: fixed;
    top: 0;
    right: 17px;
    right: var(--scrollbarWidth, 17px);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: none;
    background: none;
    cursor: pointer;
}

.popup__close svg {
    fill: #fff;
    opacity: 0.7;

    transition: all 0.3s;
}

.popup__close:hover svg,
.popup__close:focus svg {
    opacity: 1;
}

@media (max-width: 1024px) {
    .popup {
        visibility: hidden;
        opacity: 0;
    }
}

@media (max-width: 992px) {
    .popup-wrapper.-freebie-preview {
        top: 30px;
    }

    .popup-wrapper.-freebie-preview .close-popup {
        right: -30px;
        top: 4px;
    }
}

@media (max-width: 767px) {
    .popup-wrapper.-freebie-preview {
        top: 30px;
    }

    .popup-wrapper.-freebie-preview .close-popup {
        right: 18px;
        top: 18px;
    }
}

@media (max-width: 720px) {
    .popup-image .image-wrapper {
        flex: 0 0 200px;
        padding: 0;
    }

    .popup-image .image-wrapper img {
        width: 100%;
    }

    .popup-image .popup-content {
        flex: 0 0 calc(100% - 243px);
    }
}

@media (max-width: 720px) {
    .popup-wrapper {
        width: calc(100% - 20px);
        max-height: calc(100% - 20px);
        padding: 62px 32px 50px;
    }

    .popup-wrapper.-medium {
        padding: 40px 32px;
    }

    .popup-wrapper.-small {
        padding: 30px 32px;
    }

    .popup-image {
        flex-wrap: wrap;
    }

    .popup-image .image-wrapper {
        flex: 0 0 100%;
        padding: 0;
        text-align: center;
        margin-bottom: 16px;
    }

    .popup-image .image-wrapper img {
        width: 100%;
        max-width: 291px;
    }

    .popup-image .popup-content {
        flex: 0 0 100%;
    }

    .popup-container .popup-headline {
        padding-bottom: 14px;
    }

    .popup-container .popup-headline.-largeIndention {
        margin-top: -3px;
    }

    .popup-container .popup-headline.-center {
        text-align: left;
        max-width: 400px;
        margin: 0 auto;
    }

    .popup-container .onboarding-description {
        font-size: 13px;
        padding-bottom: 0;
    }

    .popup-container .popup-description {
        padding-bottom: 26px;
    }

    .popup-container .popup-description.-center {
        text-align: left;
        max-width: 400px;
        margin: 0 auto;
    }

    .popup-container .popup-controls {
        justify-content: flex-start;
    }

    .popup-container .popup-controls.-indentionBottomMobileSmall {
        padding-bottom: 10px;
    }

    .popup-container .popup-controls.-marginMobileNone .btn {
        margin-right: 0;
    }

    .popup-container .onboarding-form {
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .popup-container .social-login {
        margin-top: 26px;
        margin-bottom: 14px;
    }

    .popup-container.-with-icon .popup-icon,
    .popup-container.-with-icon .popup-content {
        flex: 0 0 100%;
    }

    .popup-container.-with-icon .popup-icon {
        margin-top: 0;
        padding-bottom: 18px;
    }

    .popup-container.-with-icon .popup-icon.-large {
        padding-bottom: 18px;
    }

    .popup-container.-with-icon .popup-headline {
        padding-bottom: 14px;
    }

    .popup-container.-with-icon.-centred .popup-icon {
        margin-top: 14px;
        text-align: left;
        padding-bottom: 28px;
    }

    .popup-container.-with-icon.-centred .popup-icon svg {
        margin-left: 5px;
        transform: scale(1.3);
    }

    .popup-subscribe .input-wrapper,
    .popup-subscribe .btn {
        flex: 0 0 100%;
    }

    .popup-subscribe .input-wrapper {
        padding-bottom: 12px;
    }
}

.items-selector-large {
    border: 1px solid #e9f1f2;
    border-radius: 4px;
    padding: 25px 29px 18px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.items-selector-large .headline {
    font-family: 'Roboto';
    color: #c9c9c9;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
}

.items-selector-large .headline .headline-count {
    font-size: 14px;
}

.items-selector-large .list {
    margin-bottom: 16px;
}

.items-selector-large .compatibility-headline {
    font-weight: 700;
    margin-bottom: 13px;
}

.items-selector-large .list-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    color: #232355;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    line-height: 33px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.items-selector-large .list-link:hover,
.items-selector-large .list-link:active,
.items-selector-large .list-link:focus {
    text-decoration: underline;
}

.items-selector-large .list-link:hover,
.items-selector-large .list-link:focus {
    color: #f94a0d;
}

.items-selector-large .list-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.items-selector-large .list-link:hover {
    text-decoration: none;
}

.items-selector-large .list-link:hover .list-link-count {
    color: #f36635;
}

.items-selector-large .list-link.-active {
    color: #c9c9c9;
}

.items-selector-large .list-link-count {
    color: #c9c9c9;
    font-size: 14px;
    transition: color 0.15s ease-in-out;
}

.items-selector-dropdown-fieldset {
    border-bottom: 1px solid #e9f1f2;
    padding-bottom: 9px;
    margin-bottom: 12px;
}

.items-selector {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.items-selector:hover .result,
.items-selector.-active .result {
    background: #f2f7f7;
}

.items-selector:hover .result-name,
.items-selector.-active .result-name {
    color: #f94a0d;
}

.items-selector.-active .result {
    border-radius: 4px 4px 0 0;
}

.items-selector.-active .items-selector-dropdown {
    display: block;
}

.items-selector.-active .items-selector-handler {
    transform: rotate(180deg);
}

.items-selector .result {
    cursor: pointer;
    border: 1px solid #e9f1f2;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px 30px 14px 28px;
    display: flex;
    justify-content: space-between;
    transition: background 0.15s ease-in-out, color 0.15s ease-in-out;
}

.items-selector.-disabled .result {
    cursor: default;
}

.items-selector .result-name {
    font-weight: 700;
    line-height: 28px;
    font-size: 18px;
    text-transform: capitalize;
    color: #232355;
}

.items-selector .items-selector-data {
    font-weight: 700;
    display: flex;
    flex: 0 0 76px;
    justify-content: space-between;
    align-items: center;
}

.items-selector .items-selector-data.-empty-count {
    flex: 0 0 26px;
}

.items-selector .result-count {
    color: #c9c9c9;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    width: 30px;
    text-align: right;
}

.items-selector .result-count:empty {
    width: 0;
}

.items-selector .result-count-input {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    text-align: center;
    color: #8a8ea7;
    background: #f0f5f6;
    box-shadow: 0;
    -webkit-appearance: none;
    border: 0;
    width: 54px;
    height: 54px;
    margin-left: -12px;
    border-radius: 4px;
}

.items-selector .items-selector-handler {
    width: 26px;
    height: 26px;
    background: #f2f7f7;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.items-selector .items-selector-dropdown {
    position: absolute;
    z-index: 9;
    width: 100%;
    box-sizing: border-box;
    display: none;
    border: 1px solid #e9f1f2;
    background: #f2f7f7;
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    padding: 12px 0px 15px;
}

.items-selector .items-selector-item {
    position: relative;
}

.items-selector .items-selector-item-link,
.items-selector .items-selector-item-block {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0px 18px 0px 28px;
    text-decoration: none;
}

.items-selector .items-selector-item-link.-active,
.items-selector .items-selector-item-block.-active {
    cursor: default;
    color: #c9c9c9;
}

.items-selector .items-selector-item-link.-active:hover,
.items-selector .items-selector-item-block.-active:hover {
    color: #c9c9c9;
}

.items-selector .items-selector-item-link.-active:hover .items-selector-count,
.items-selector .items-selector-item-block.-active:hover .items-selector-count {
    color: #c9c9c9;
}

.items-selector .items-selector-item-link {
    color: #f14b11;
    transition: color 0.15s ease-in-out;
    color: #232355;
}

.items-selector .items-selector-item-link:hover,
.items-selector .items-selector-item-link:active,
.items-selector .items-selector-item-link:focus {
    text-decoration: underline;
}

.items-selector .items-selector-item-link:hover,
.items-selector .items-selector-item-link:focus {
    color: #f94a0d;
}

.items-selector .items-selector-item-link:active {
    color: #de441f;
    transform: translate(0, 1px);
}

.items-selector .items-selector-item-link:hover {
    text-decoration: none;
}

.items-selector .items-selector-item-link:hover .items-selector-count {
    color: #232355;
}

.items-selector .items-selector-item-block {
    color: #c9c9c9;
}

.items-selector .items-selector-item-text {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 39px;
    font-weight: 700;
    text-decoration: none;
}

.items-selector .items-selector-count {
    flex: 0 0 30px;
    margin-right: 58px;
    text-align: right;
    color: #c9c9c9;
    font-size: 14px;
    line-height: 39px;
    font-weight: 700;
    transition: color 0.15s ease-in-out;
}

.items-selector-fieldset {
    border-bottom: 1px solid #e9f1f2;
    margin-bottom: 26px;
    padding-bottom: 6px;
}

.items-selector-fieldset:last-child {
    border-bottom: 0;
    margin-bottom: -14px;
    padding-bottom: 0;
}

.items-selector.-separate .result {
    border: 0;
    padding: 0;
    background: #fff;
}

.items-selector.-separate.-active .result-name-data {
    border-radius: 4px 4px 0 0;
}

.items-selector.-separate .result-name {
    color: #8a8ea7;
}

.items-selector.-separate .result-name-data {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    background: #f0f5f6;
    border-radius: 4px;
    padding: 14px 18px 12px 28px;
    box-sizing: border-box;
}

.items-selector.-separate .items-selector-data {
    margin-left: 20px;
    flex: 0 0 54px;
    text-align: center;
    display: flex;
    justify-content: center;
    background: #f0f5f6;
    border-radius: 4px;
}

.items-selector.-separate .items-selector-data .result-count {
    text-align: center;
    color: #8a8ea7;
}

.items-selector.-separate .items-selector-item-link {
    color: #8a8ea7;
}

.items-selector.-separate .items-selector-item-link:hover {
    color: #f14b11;
}

.items-selector.-separate .items-selector-item-link:hover .items-selector-count {
    color: #f14b11;
}

.items-selector.-separate .items-selector-item-link.-active {
    color: #c9c9c9;
}

.items-selector.-separate .items-selector-item-link.-active .items-selector-count {
    color: #c9c9c9;
}

.items-selector.-separate .items-selector-dropdown {
    width: calc(100% - 74px);
    border: 0;
    border-top: 1px solid #e9f1f2;
}

.items-selector.-separate .items-selector-count {
    margin-right: 6px;
}

@media (max-width: 700px) {
    .items-selector .result {
        padding: 16px 20px 14px 18px;
    }

    .items-selector .items-selector-item-link,
    .items-selector .items-selector-item-block {
        padding-left: 20px;
    }
}

.main-footer {
    background: #272727;
    transform: translate(0, 0);
    transition: transform 0.25s ease-in-out;
    will-change: transform;
    position: relative;
    z-index: 10;
}

.main-footer.-main-menu-mobile-active {
    transform: translate(268px, 0);
}

.main-footer.-main-user-mobile-active {
    transform: translate(-268px, 0);
}

.main-footer-wrapper {
    padding: 100px 0 72px;
}

.main-footer-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.main-footer-copyrights {
    float: left;
    width: 270px;
    margin-right: 91px;
}

.main-footer-copyrights-sitename {
    color: #b6b6b6;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 20px;
}

.main-footer-copyrights-desription {
    color: #747474;
    font-size: 14px;
    line-height: 23px;
}

.main-footer-social {
    float: right;
    width: 220px;
}

.main-footer-content {
    float: left;
    width: calc(100% - 640px);
    margin-top: -8px;
}

.main-footer-list-wrapper:after {
    content: "";
    display: table;
    clear: both;
}

.main-footer-list {
    width: 25%;
    float: left;
}

.main-footer-list-link {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 18px;
    font-size: 18px;
    font-weight: 500;
    line-height: 38px;
    color: #fff;
    text-decoration: none;
    transition: color 0.15s linear;
}

.main-footer-list-link:hover,
.main-footer-list-link:active {
    text-decoration: underline;
}

.main-footer-list-link:active {
    transform: translate(0, 1px);
}

.main-footer-list-link.-grey {
    color: #ababab;
}

.main-footer-list-link.-grey:hover,
.main-footer-list-link.-grey:active {
    color: #f2f7f7;
    text-decoration: none;
}

.main-footer-list-link.-violet {
    color: #7c78b5;
}

.main-footer-list-link.-disabled {
    text-decoration: underline;
    color: #3b3c3c;
    cursor: not-allowed;
}

.main-footer-list-link.-disabled:active {
    transform: translate(0, 0);
}

.footer-small-menu {
    padding-top: 33px;
}

.footer-small-menu-copyright {
    display: none;
    padding-right: 26px;
    color: #b6b6b6;
    font-weight: 500;
}

.footer-small-menu-list {
    display: inline-block;
    margin-left: -14px;
}

.footer-small-menu-item {
    display: inline-block;
}

.footer-small-menu-item:last-child .footer-small-menu-link::after {
    display: none;
}

.footer-small-menu-link {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #747474;
    padding-left: 14px;
    transition: color 0.15s ease-in-out;
    text-decoration: none;
}

.footer-small-menu-link::after {
    content: '/';
    color: #747474;
    display: inline-block;
    padding: 0 0 0 18px;
}

.footer-small-menu-link:hover {
    color: #f2f7f7;
    text-decoration: underline;
}

.footer-small-menu-link:active {
    transform: translate(0, 1px);
}

.footer-small-menu-link:active:after {
    transform: translate(0, -1px);
}

.footer-small-menu-link.-disabled {
    text-decoration: underline;
    color: #3b3c3c;
    cursor: not-allowed;
}

.footer-small-menu-link.-disabled:active {
    transform: translate(0, 0);
}

.main-footer-label {
    display: block;
    padding-bottom: 11px;
    font-size: 14px;
    font-weight: 500;
    color: #ababab;
}

.main-footer-subscribe {
    margin-bottom: 30px;
}

.main-footer-subscribe-input {
    display: inline-block;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    width: 100%;
    background: #3d3d3d;
    border: 1px solid #3d3d3d;
    color: #ababab;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    padding: 6px 11px;
    font-size: 14px;
    line-height: 1.8;
    -webkit-appearance: none;
    transition: border-color 0.2s ease-in-out, background 0.2s ease-in-out;
}

.main-footer-subscribe-input:hover {
    border-color: #f2f7f7;
}

.main-footer-subscribe-input:focus {
    color: #474747;
    font-weight: 500;
    border-color: #f2f7f7;
    background: #f2f7f7;
}

.main-footer-subscribe-input::-webkit-input-placeholder {
    font-weight: 400;
    color: #ababab;
}

.main-footer-subscribe-input:-moz-placeholder {
    font-weight: 400;
    color: #ababab;
}

.main-footer-subscribe-input::-moz-placeholder {
    font-weight: 400;
    color: #ababab;
}

.main-footer-subscribe-input:-ms-input-placeholder {
    font-weight: 400;
    color: #ababab;
}

.main-footer-subscribe-btn {
    padding: 7px 28px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.75;
    width: 100%;
}

.social-list {
    padding: 0;
    margin: -5px -8px 0;
}

.social-list-link {
    padding: 1px 8px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.social-list-link svg {
    fill: #d4d4d4;
    transition: fill 0.15s ease-in-out;
}

.social-list-link[disabled] {
    opacity: 0.1;
    cursor: not-allowed;
}

.social-list-link[disabled]:hover,
.social-list-link[disabled]:active {
    opacity: 0.1;
    transform: translate(0, 0);
}

.social-list-link:hover svg,
.social-list-link:active svg {
    fill: #fff;
}

.social-list-link:active {
    transform: translate(0, 1px);
}

.social-list-link.-disabled {
    opacity: 0.1;
    cursor: not-allowed;
}

.social-list-link.-disabled:active {
    transform: translate(0, 0);
}

.social-list-link.-tablet {
    display: none;
}

.fonts-preview-result-text {
    overflow-wrap: break-word;
    -ms-word-wrap: break-word;
}

@supports not (overflow-wrap: break-word) {
    .fonts-preview-result-text {
        word-wrap: break-word;
    }
}

.preloader {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease-in-out,
    visibility 0.15s ease-in-out;
}

.preloader i {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 17px;
    background-color: rgb(255, 255, 255);
    animation-name: preloader;
    -webkit-animation-name: preloader;
    animation-duration: 1.2675s;
    -webkit-animation-duration: 1.2675s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.preloader--small i {
    width: 12px;
    height: 12px;
}

.preloader--posts {
    box-sizing: border-box;
    padding-top: 20%;
    align-items: flex-start;
    background: rgba(254, 254, 254, 0.9);
}

.preloader--posts i {
    animation-name: preloader--orange;
    -webkit-animation-name: preloader--orange;
}

.preloader--orange i {
    animation-name: preloader--orange;
    -webkit-animation-name: preloader--orange;
}

.preloader i:nth-of-type(1) {
    margin-left: 0;
    animation-delay: 0.2495s;
    -webkit-animation-delay: 0.2495s;
}

.preloader i:nth-last-of-type(2) {
    animation-delay: 0.5955s;
    -webkit-animation-delay: 0.5955s;
}

.preloader i:nth-of-type(3) {
    animation-delay: 0.7585s;
    -webkit-animation-delay: 0.7585s;
}

.posts-list-wrapper {
    position: relative;
}

.posts-list-wrapper.loading .preloader--posts {
    visibility: visible;
    opacity: 1;
}

.preloader--full {
    position: fixed;
    z-index: 9990;
    background: rgba(0, 0, 0, 0.5);
}

.preloader--full.loading {
    visibility: visible;
    opacity: 1;
}

.main-footer-subscribe-form .main-footer-subscribe-input {
    margin-bottom: 15px;
}

@keyframes preloader {
    0% {
    }

    50% {
        background-color: #7c78b5;
    }

    100% {
    }
}

@-webkit-keyframes preloader {
    0% {
    }

    50% {
        background-color: #7c78b5;
    }

    100% {
    }
}

@keyframes preloader--orange {
    0% {
    }

    50% {
        background-color: #f14b11;
    }

    100% {
    }
}

@-webkit-keyframes preloader--orange {
    0% {
    }

    50% {
        background-color: #f14b11;
    }

    100% {
    }
}

@media (max-width: 1160px) {
    .main-footer-copyrights {
        display: none;
    }

    .main-footer-content {
        width: calc(100% - 279px);
    }

    .main-footer-social {
        margin-top: -5px;
    }

    .footer-small-menu {
        padding-top: 42px;
    }

    .footer-small-menu-copyright {
        display: inline-block;
    }
}

@media (max-width: 1024px) {
    .freebie-content-wrapper .freebie-download-link {
        display: none;
    }
}

@media (max-width: 992px) {
    .main-footer-wrapper {
        padding: 64px 0 64px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .main-footer-copyrights {
        max-width: 320px;
        width: calc(100% - 360px);
        margin-right: 20px;
        display: block;
        order: 0;
    }

    .main-footer-copyrights-sitename {
        padding-bottom: 9px;
    }

    .main-footer-copyrights-desription {
        line-height: 22px;
    }

    .main-footer-content {
        width: 100%;
        margin-top: 48px;
        padding-top: 48px;
        order: 2;
        border-top: 2px solid #363636;
    }

    .footer-small-menu {
        padding-top: 45px;
    }

    .footer-small-menu-copyright {
        display: none;
    }

    .main-footer-social {
        width: auto;
        order: 1;
        margin: 0;
        flex-grow: 1;
    }

    .main-footer-label.-join {
        display: inline-block;
        margin-right: 20px;
    }

    .social-list {
        display: inline-block;
    }

    .main-footer-subscribe {
        margin-bottom: 22px;
    }

    .social-list-link.-tablet {
        display: inline-block;
    }

    .main-footer-subscribe-form {
        display: flex;
    }

    .main-footer-subscribe-form .main-footer-subscribe-input {
        margin: 0 20px 0 0;
        flex-basis: 160px;
        flex-grow: 1;
    }

    .main-footer-subscribe-btn {
        flex-basis: 160px;
        flex-grow: 1;
    }
}

@media (max-width: 620px) {
    .main-footer {
        background: #212121;
    }

    .main-footer-copyrights {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .main-footer-content {
        order: 1;
        margin-top: 44px;
        padding-top: 26px;
    }

    .main-footer-social {
        order: 2;
        padding-top: 43px;
        margin-top: 26px;
        margin-left: 0;
        width: 100%;
        text-align: center;
        border-top: 2px solid #363636;
    }

    .main-footer-list {
        width: 50%;
        text-align: center;
        padding: 12px 0;
    }

    .main-footer-subscribe-input {
        text-align: center;
    }

    .main-footer-label.-join {
        display: block;
    }

    .footer-small-menu {
        width: 100%;
        order: 4;
        text-align: center;
        padding-top: 38px;
    }

    .main-footer-wrapper {
        padding: 43px 0 64px;
    }

    .main-footer-copyrights-sitename {
        padding-bottom: 15px;
    }

    .main-footer-subscribe {
        margin-bottom: 14px;
    }

    .main-footer-subscribe-input {
        padding: 6px 11px;
        font-size: 16px;
    }
}

.select2 {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border: 2px solid $ border-gray;
    font-size: 18px;
    font-weight: 500;
    height: 64px;
    padding-left: 26px;
    padding-right: 26px;
    border-radius: 4px;
    background: none;
    border: 1px solid transparent;
    background: #f0f5f6;
    color: #474747;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 62px;
    padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNjc0OS4zMTgzYTEuMDcxNyAxLjA3MTcgMCAwIDEgMCAxLjUzNTRMNS43NzUyIDUuNjgyM2MtLjI1MjQuMjQ4LS41OTY4LjM1MS0uOTI1NS4zMDg5YTEuMTEwMyAxLjExMDMgMCAwIDEtLjY4NS0uMzEzN0wuMzIzMSAxLjkwODJhMS4wNzExIDEuMDcxMSAwIDAgMSAwLTEuNTM1Yy40MzItLjQyMzggMS4xMzIzLS40MjM4IDEuNTY0MyAwTDQuOTcyMiAzLjQgOC4xMTEuMzE4M2MuNDMyLS40MjQgMS4xMzIxLS40MjQgMS41NjM5IDB6IiBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii4yIi8+PC9zdmc+");
    width: 10px;
    height: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 18px;
    right: 18px;
}

.select2-dropdown {
    border: 0;
}

.select2-results__options {
    border: 1px solid #e4e4e4;
    border-radius: 0 0 4px 4px;
}

.select2-results__option {
    height: 64px;
    padding-left: 26px;
    padding-right: 26px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 500;
    color: #474747;
}

.select2-results__option:last-child {
    border-radius: 0 0 4px 4px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: #5897fb;
    color: #fff;
}

.font-preview-img {
    max-width: 100%;
}

[aria-selected="true"] {
    display: none !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 0;
    width: calc(100% - 20px);
}

@media (max-width: 620px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 56px;
    }

    .select2-container--default .select2-selection--single,
    .select2-results__option {
        height: 58px;
        font-size: 16px;
        padding-left: 20px;
    }
}

.atlwdg-trigger.atlwdg-RIGHT {
    z-index: 999;
}

/* ad-popup */
.ad-popup {
    position: fixed;
    bottom: 35px;
    right: 35px;
    width: 320px;
    padding: 30px;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    z-index: 11;
    box-sizing: border-box;
    transition: all 10s ease;
}

.ad-popup--hide {
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
}

.ad-popup__close-btn {
    position: absolute;
    width: 32px;
    height: 32px;
    top: -12px;
    right: -12px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.12);
    transform: rotate(-45deg);
    border: none;
    cursor: pointer;
}

.ad-popup__close-btn::before,
.ad-popup__close-btn::after {
    content: '';
    width: 15px;
    height: 4px;
    border-radius: 2px;
    background-color: #DADADA;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background-color 0.25s ease;
}

.ad-popup__close-btn::before {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.ad-popup__close-btn:hover::before,
.ad-popup__close-btn:hover::after,
.ad-popup__close-btn:focus::before,
.ad-popup__close-btn:focus::after {
    background-color: #cacaca;
}

.ad-popup__image {
    max-width: 100%;
    border-radius: 4px;
}

.ad-popup__image--with-shadow {
    filter: drop-shadow(5px 5px 30px rgba(69, 87, 112, 0.5));
}

.ad-popup__content {
    margin-top: 18px;
    font-size: 14px;
    line-height: 22px;
    padding-right: 10px;
}

.ad-popup__content h1,
.ad-popup__content h2,
.ad-popup__content h3,
.ad-popup__content h4,
.ad-popup__content h5,
.ad-popup__content h6 {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
}

.ad-popup__content h1:not(:last-child),
.ad-popup__content h2:not(:last-child),
.ad-popup__content h3:not(:last-child),
.ad-popup__content h4:not(:last-child),
.ad-popup__content h5:not(:last-child),
.ad-popup__content h6:not(:last-child),
.ad-popup__content p:not(:last-child) {
    margin-bottom: 9px;
}

.ad-popup__bottom-link {
    display: block;
    margin-top: 9px;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    transition: opacity 0.25s ease;
}

.ad-popup__bottom-link:hover,
.ad-popup__bottom-link:focus {
    opacity: 0.75;
}

@media (max-width: 600px) {
    .ad-popup {
        bottom: 15px;
        right: 15px;
        max-width: calc(100% - 30px);
    }
}

@media (max-height: 599px) {
    .ad-popup {
        display: none;
    }
}

.main-menu__submenu {
    opacity: 0;
    visibility: hidden;
    transition: .25s opacity linear, .25s visibility linear;
}

.main-menu-link:hover + .main-menu__submenu,
.main-menu-link:focus + .main-menu__submenu {
    opacity: 1;
    visibility: visible;
}

.download-menu {
    width: 100%;
    max-width: 1520px;
    display: flex;
    margin: 0 auto;
    padding: 50px 0 30px;
}

.download-menu__column {
    position: relative;
    width: 33.333%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.download-menu__column:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    background-color: #f0f0f0;
    width: 1px;
    height: calc(100% - 30px);
}

.download-menu__stat-box {
    flex-direction: column;
}

.download-menu__stat-line {
    margin-bottom: 20px;
    align-self: flex-start;
}

.download-menu__stat {
    position: relative;
    display: inline-block;
    margin-right: 38px;
}

.download-menu__stat-value {
    position: relative;
    left: -5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 38px;
    line-height: 1.2;
    color: #7C78B5;
}

.download-menu__stat-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
    color: #000000;
}

.download-menu__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #333333;
    max-width: 260px;
    margin-bottom: 20px;
}

.download-menu__all-resources-url {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.15;
    color: #F14B11;
    text-decoration: none;
    transition: border-bottom-color .15s linear;
    border-bottom: 1px solid transparent;
    align-self: flex-start;
    margin-bottom: 20px;
}

.download-menu__all-resources-url:focus,
.download-menu__all-resources-url:hover {
    border-bottom-color: #F14B11;
}

.main-menu__marked-categories {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    max-width: 320px;
}

.main-menu__marked-category {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
}

.main-menu__marked-category:nth-child(2n) {
    margin-right: 0;
}

.main-menu__marked-category-url {
    display: block;
    text-decoration: none;
    transition: opacity .15s linear;
}

.main-menu__marked-category-url:hover,
.main-menu__marked-category-url:focus {
    opacity: 0.5;
}

.main-menu__marked-category-img {
    height: 60px;
    border-radius: 4px;
    width: 100%;
    object-fit: cover;
    margin-bottom: 12px;
    display: block;
}

.main-menu__marked-category-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #000000;
}

.main-menu__categories {
    width: 140px;
}

.main-menu__categories:last-child {
    margin-left: 30px;
}

.download-menu__categories {
    display: block;
}

.download-menu__mobile-categories {
    display: none;
}

.premium-menu__categories {
    display: block;
}

.premium-menu__mobile-categories {
    display: none;
}

.main-menu__category {
    margin-bottom: 20px;
}

.main-menu__category-url {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
    color: #232355;
    display: flex;
    align-items: center;
    text-decoration: none;
    position: relative;
    transition: .15s color linear;
}

.main-menu__category-url:hover,
.main-menu__category-url:focus,
.main-menu__category-url.-current{
    color: #7C78B5;
}

.main-menu__category-url-icon {
    position: absolute;
    left: -13px;
    opacity: 0;
    transition: .15s opacity linear;
    -webkit-transform: translateZ(0);
}

.main-menu__category-url:hover .main-menu__category-url-icon,
.main-menu__category-url:focus .main-menu__category-url-icon,
.main-menu__category-url.-current .main-menu__category-url-icon {
    opacity: 1;
}

.journal-menu {
    width: 100%;
    max-width: 1520px;
    display: flex;
    margin: 0 auto;
    padding: 50px 0;
}

.journal-menu__column {
    display: flex;
}

.journal-menu__column:first-child {
    border-right: 1px solid #F0F0F0;
    width: 33%;
}

.journal-menu__column:nth-child(2) {
    width: 44%;
}

.journal-menu__column:nth-child(3) {
    width: 23%;
    padding: 0 40px;
}

.journal-menu__about {
    width: 100%;
    max-width: 275px;
    margin: 0 auto;
}

.journal-menu__about-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 12px;
    display: block;
}

.journal-menu__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #333333;
    margin-bottom: 15px;
}

.journal-menu__all-posts-url {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.1;
    color: #F14B11;
    text-decoration: none;
    transition: .25s border-bottom-color linear;
    border-bottom: 1px solid transparent;
}

.journal-menu__all-posts-url:hover,
.journal-menu__all-posts-url:focus {
    border-bottom-color: #F14B11;
}

.journal-menu__journal-categories {
    display: flex;
    flex-wrap: wrap;
    max-width: 493px;
    margin: 0 30px 0 auto;
}

.journal-menu__journal-category {
    width: calc(50% - 27px);
    margin-right: 54px;
    margin-top: 25px;
}

.journal-menu__journal-category:nth-child(2n) {
    margin-right: 0;
}

.journal-menu__journal-category:nth-child(1),
.journal-menu__journal-category:nth-child(2) {
    margin-top: 0;
}

.journal-menu__journal-category-title-box {
    display: block;
    margin-bottom: 5px;
}

.journal-menu__journal-category-url {
    display: inline;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.3;
    color: #232355;
    margin-right: 5px;
    text-decoration: none;
    transition: .15s color linear;
}

.journal-menu__journal-category-url:hover,
.journal-menu__journal-category-url:focus,
.journal-menu__journal-category-url.-current{
    color: #7C78B5;
}

.journal-menu__journal-articles-count {
    display: inline;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.3;
    color: #cccccc;
    background-color: transparent;
}

.journal-menu__journal-category-description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
}

.main-menu__banners {
    display: flex;
    flex-wrap: wrap;
    max-width: 320px;
    width: 100%;
    align-content: flex-start;
}

.main-menu__banner {
    margin-right: 20px;
    margin-top: 20px;
    width: calc(50% - 10px);
}

.main-menu__banner:nth-child(2n) {
    margin-right: 0;
}

.main-menu__banner:nth-child(1),
.main-menu__banner:nth-child(2) {
    margin-top: 0;
}

.main-menu__banner-url {
    display: block;
    text-decoration: none;
    transition: opacity .15s linear;
}

.main-menu__banner-url:hover,
.main-menu__banner-url:focus {
    opacity: 0.5;
}

.main-menu__banner-img {
    max-width: 100%;
    width: 150px;
    height: 80px;
    border-radius: 4px;
    object-fit: cover;
    display: block;
}

.journal-menu__banners {
    margin-left: auto;
}

.premium-menu {
    width: 100%;
    max-width: 1520px;
    display: flex;
    margin: 0 auto;
    padding: 50px 0 30px;
}

.premium-menu__column {
    position: relative;
    width: 33.333%;
    display: flex;
    justify-content: center;
}

.premium-menu__column:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    background-color: #f0f0f0;
    width: 1px;
    height: calc(100% - 30px);
}

.premium-menu__recent-products {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 333px;
    margin-bottom: 20px;
}

.premium-menu__recent-products-grid {
    display: flex;
    margin-bottom: 12px;
}

.premium-menu__recent-product-big-img {
    width: 100%;
    height: 167px;
    border-radius: 4px;
    object-fit: cover;
}

.premium-menu__recent-products-column {
    height: 166px;
}

.premium-menu__recent-product-img {
    display: block;
    border-radius: 4px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.premium-menu__recent-product-img:last-child {
    margin-bottom: 0;
}

.premium-menu__recent-products-url {
    display: flex;
    align-items: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #232355;
    text-decoration: none;
    width: auto;
    transition: .15s opacity linear;
}

/*.premium-menu__recent-products-url::after,*/
/*.premium-menu__recent-products-url::after {*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 0;*/
/*    display: block;*/
/*    margin-left: 6px;*/
/*    border-left: 5px solid #7C78B5;*/
/*    border-right: 5px solid transparent;*/
/*    border-top: 3px solid transparent;*/
/*    border-bottom: 3px solid transparent;*/
/*    opacity: 0;*/
/*    transition: .15s opacity linear;*/
/*}*/

/*.premium-menu__recent-products-url:hover::after,*/
/*.premium-menu__recent-products-url:focus::after {*/
/*    opacity: 1;*/
/*}*/

.premium-menu__recent-products-url:hover,
.premium-menu__recent-products-url:focus {
    color: #7C78B5;
}

.premium-menu__recent-products-url-icon {
    margin-left: 6px;
    fill: #7C78B5;
    opacity: 0;
    transition: .15s opacity linear;
}

.premium-menu__recent-products-url:hover .premium-menu__recent-products-url-icon,
.premium-menu__recent-products-url:focus .premium-menu__recent-products-url-icon {
    opacity: 1;
}

.premium-menu__first-product-url {
    display: block;
    width: 75%;
    flex-shrink: 0;
    margin-right: 8px;
    transition: .15s opacity linear;
}

.premium-menu__first-product-url:focus,
.premium-menu__first-product-url:hover {
    opacity: 0.6;
}

.premium-menu__recent-product-url {
    display: block;
    height: calc(33.333% - 5px);
    margin-bottom: 8px;
    transition: .15s opacity linear;
}

.premium-menu__recent-product-url:focus,
.premium-menu__recent-product-url:hover {
    opacity: 0.6;
}

.plus-menu {
    position: relative;
    width: 100%;
    max-width: 1320px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 50px 0 50px;
}

.plus-menu__column {
    display: flex;
    justify-content: center;
}

.plus-menu__column:nth-child(2),
.plus-menu__column:nth-child(3) {
    position: relative;
    left: 30px;
}

.plus-menu__about {
    width: 285px;
    max-width: 100%;
    margin-bottom: 15px;
}

.plus-menu__about-text {
    margin-bottom: 25px;
}

.plus-menu__about-text b {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.3;
    color: #000000;
    margin-bottom: 10px;
    display: block;
}

.plus-menu__about-text p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #333333;
    margin-bottom: 10px;
    display: block;
}

.plus-menu__about-text ul {
    margin-bottom: 10px;
    display: block;
}

.plus-menu__about-text li {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.8;
    color: #000000;
    position: relative;
    padding-left: 8px;
}

.plus-menu__about-text ul>li::before {
    content: "•";
    display: block;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.8;
    color: #000000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.plus-menu__subscribe-url {
    display: inline-flex;
    align-items: center;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
    padding: 9px 14px 10px 14px;
    background: #7C78B5;
    border-radius: 4px;
    position: relative;
    text-decoration: none;
    transition: .15s opacity linear;
}

.plus-menu__subscribe-url:focus,
.plus-menu__subscribe-url:hover {
    opacity: 0.7;
}

.plus-menu__subscribe-url::after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 9px;
    border-left: 5px solid #ffffff;
    border-right: 5px solid transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    vertical-align: middle;
}

.plus-menu__banner-url {
    display: block;
    width: 265px;
    height: auto;
    transition: .15s opacity linear;
    margin-bottom: 20px;
}

.plus-menu__banner-url:focus,
.plus-menu__banner-url:hover {
    opacity: 0.6;
}

.plus-menu__banner-url-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.plus-menu__plus-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.3;
    color: #000000;
    display: inline-block;
    margin-right: 9px;
    vertical-align: middle;
}

.plus-menu__plus-ticket {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 24px;
    background-color: #F0F5F6;
    border-radius: 4px;
    transform: skewX(-12deg);
}

.plus-menu__plus-ticket-icon {
    padding-left: 6px;
    padding-top: 5px;
    transform: skewX(12deg);
    fill: #7C78B5;
}

.plus-menu__status-box {
    margin-top: 8px;
    margin-bottom: 8px;
}

.plus-menu__status {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    color: #7C78B5;
    margin-right: 3px;
    display: inline-block;
    text-decoration: none;
    transition: .15s color linear;
}

.plus-menu__status:hover {
    color: #232355;
}

.plus-menu__expired-date {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #000000;
    display: inline-block;
}

.plus-menu__plus-info {
    max-width: 100%;
    width: 280px;
    margin-bottom: 20px;
}

.plus-menu__plus-info-list {
    margin-bottom: 25px;
    display: block;
}

.plus-menu__plus-info-item {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.8;
    color: #000000;
    position: relative;
    padding-left: 8px;
}

.plus-menu__plus-info-item::before {
    content: "•";
    display: block;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.8;
    color: #000000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 1399px) {
    .journal-menu__banners {
        max-width: 150px;
    }

    .journal-menu__banners .main-menu__banner {
        display: none;
        width: 100%;
        margin-right: 0;
    }

    .journal-menu__banners .main-menu__banner:nth-child(2),
    .journal-menu__banners .main-menu__banner:first-child {
        display: block;
    }

    .journal-menu__banners .main-menu__banner:nth-child(2) {
        margin-top: 20px;
    }

    .journal-menu__column:first-child {
        border-right: 0;
    }

    .journal-menu__column:nth-child(1) {
        width: 39%;
    }

    .journal-menu__column:nth-child(3) {
        width: 17%;
    }

    .premium-menu__recent-products-column {
        display: none;
    }

    .premium-menu__first-product-url {
        margin-right: 0;
    }

    .premium-menu__column:nth-child(1) {
        width: 30%;
    }

    .premium-menu__column:nth-child(2) {
        border-right: 0;
        width: 35%;
    }

    .premium-menu__column:nth-child(3) {
        width: 35%;
    }

    .premium-menu__recent-products {
        max-width: 250px;
    }

    .premium-menu__first-product-url {
        width: 100%;
    }

    .plus-menu__marked-categories {
        max-width: 150px;
    }

    .plus-menu__marked-categories .main-menu__marked-category {
        width: 100%;
        margin-right: 0;
    }

    .plus-menu {
        margin: 0 44px;
        padding: 40px 0 40px;
        width: calc(100% - 88px);
    }

    .plus-menu__column:nth-child(2) {
        left: 0;
    }

    .plus-menu__column:nth-child(3) {
        flex-direction: column;
        align-self: flex-start;
        left: 0;
    }

    .plus-menu__column:nth-child(3) .main-menu__categories {
        margin-left: 0;
    }

}

@media screen and (max-width: 1159px) {
    .download-menu__column:not(:last-child)::after {
        content: none;
    }

    .premium-menu__column:nth-child(2)::after {
        content: none;
    }

    .download-menu {
        flex-wrap: wrap;
        padding: 44px 0;
        margin: 0 44px;
        width: calc(100% - 88px);
    }

    .download-menu__column {
        width: 50%;
        border-right: 0;
    }

    .download-menu__column:first-child {
        justify-content: flex-start;
    }

    .download-menu__column:nth-child(2) {
        justify-content: flex-end;
    }

    .download-menu__column:last-child {
        width: 100%;
        border-top: 1px solid #F0F0F0;
        justify-content: stretch;
        margin-top: 25px;
        padding-top: 40px;
    }

    .main-menu__categories {
        display: none;
    }

    .plus-menu__column:nth-child(3) {
        flex-direction: row;
    }

    .plus-menu__column:nth-child(3) .main-menu__categories {
        display: block;
        margin-left: 30px;
    }

    .download-menu__mobile-categories {
        display: grid;
        grid-template-columns: repeat(4, 25%);
        width: 100%;
        padding-bottom: 0;
    }

    .premium-menu__mobile-categories {
        display: grid;
        grid-template-columns: repeat(4, 25%);
        width: 100%;
        padding-bottom: 0;
    }

    .journal-menu {
        display: block;
        padding: 44px 0;
        margin: 0 44px;
        width: calc(100% - 88px);
    }

    .journal-menu::after {
        content: "";
        clear: both;
        display: block;
    }

    .journal-menu__column:nth-child(1) {
        width: 60%;
        float: left;
    }

    .journal-menu__column:nth-child(2) {
        width: 40%;
        float: right;
    }

    .journal-menu__column:nth-child(3) {
        width: 60%;
        padding: 0;
    }

    .journal-menu__journal-categories {
        flex-direction: column;
    }

    .journal-menu__about {
        margin: 0;
    }

    .journal-menu__banners .main-menu__banner {
        display: block;
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .journal-menu__banners {
        max-width: 320px;
        margin: 0;
    }

    .journal-menu__banners .main-menu__banner:nth-child(2) {
        margin-top: 0;
    }

    .journal-menu__banners .main-menu__banner:nth-child(2n) {
        margin-right: 0;
    }

    .journal-menu__about {
        margin-bottom: 30px;
    }

    .journal-menu__journal-category {
        width: 100%;
        margin-right: 0;
        max-width: 250px;
        margin-top: 25px;
    }

    .journal-menu__journal-category:nth-child(2) {
        margin-top: 25px;
    }

    .premium-menu {
        flex-wrap: wrap;
    }

    .premium-menu__column:nth-child(1) {
        width: 45%;
        box-sizing: border-box;
    }

    .premium-menu__column:nth-child(2) {
        width: 55%;
    }

    .premium-menu__column:nth-child(3) {
        width: 100%;
        margin-top: 25px;
        padding-top: 40px;
        border-top: 1px solid #f0f0f0;
    }

    .premium-menu {
        margin: 0 44px;
        padding: 44px 0;
        width: calc(100% - 88px);
    }

    .plus-menu__column {
        width: 50%;
        justify-content: flex-start;
    }

    .plus-menu__column:nth-child(2n) {
        justify-content: flex-end;
    }

    .plus-menu {
        flex-wrap: wrap;
    }

    .plus-menu__marked-categories {
        max-width: 320px;
        margin-bottom: 15px;
    }

    .plus-menu__marked-categories .main-menu__marked-category {
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .plus-menu__marked-categories .main-menu__marked-category:nth-child(2n) {
        margin-right: 0;
    }

    .plus-menu__about {
        margin-bottom: 35px;
    }

    .plus-menu__plus-info {
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 992px) {
    .premium-menu__column:nth-child(1) {
        justify-content: flex-start;
    }

    .premium-menu__column:nth-child(2) {
        justify-content: flex-end;
    }
}

/* plus landing */

.plus-landing-wrapper {
    overflow: hidden;
}

.plus-landing-wrapper * {
    box-sizing: border-box;
}

.landing-welcome {
    background-color: #ffffff;
    padding-top: 75px;
    padding-bottom: 130px;
    z-index: 0;
    position: relative;
}

.landing-welcome__inner {
    max-width: 1520px;
    padding: 0 100px;
    margin: 0 auto;
    position: relative;
}

.landing-welcome__title-mark {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 1.15;
    color: #B4B4B4;
    background-color: transparent;
    display: block;
    margin-bottom: 20px;
}

.landing-welcome__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 1.17;
    margin-bottom: 7px;
    display: inline-block;
}

.landing-welcome__title-box {
    position: relative;
    margin-bottom: 40px;
}

.landing-welcome__title-box::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background-color: #7C78B5;
    border-radius: 4px;
}

.landing-welcome__title-icon {
    fill: #ffffff;
    transform: skewX(10deg);
}

.landing-welcome__title-icon-box {
    margin-left: 15px;
    vertical-align: top;
    width: 36px;
    height: 24px;
    background-color: #7C78B5;
    border-radius: 4px;
    padding-top: 4px;
    padding-left: 6px;
    transform: skewX(-10deg);
    display: inline-block;
}

.landing-welcome__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 1.8;
    width: 440px;
    max-width: 100%;
    margin-bottom: 45px;
}

.landing-welcome__bg {
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.landing-welcome__action-box {
    display: inline-block;
    padding-bottom: 50px;
    border-bottom: 4px solid #ffffff;
    margin-bottom: 45px;
}

.landing-welcome__join-btn {
    margin-right: 20px;
}

.landing-welcome__discover-btn {
    color: #7C78B5;
    background-color: #ffffff;
}

.landing-welcome__submenu {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.landing-welcome__submenu-item {
    position: relative;
}

.landing-welcome__submenu-item::before {
    content: '•';
    display: inline-block;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8;
    color: #B4B4B4;
    margin-right: 4px;
}

.landing-welcome__submenu-url {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.8;
    color: #232355;
    text-decoration: none;
    display: inline-block;
    transition: .15s opacity linear;
}

.landing-welcome__submenu-url:hover,
.landing-welcome__submenu-url:focus {
    opacity: 0.5;
}

.landing-welcome__products-box {
    position: absolute;
    top: -310px;
    right: -320px;
}

.landing-welcome__products-line {
    position: absolute;
    opacity: 0;
    transition: 1.3s transform cubic-bezier(0, 0, 0.1, 1) .5s, 1s opacity ease-out .5s;
}

.landing-welcome__img100 {width: 960px;}
.landing-welcome__img70 {width: 737px;}
.landing-welcome__img50 {width: 515px;}

.landing-welcome__products-line:nth-child(1) {
    top: 0;
    right: 100px;
    transform: translate(200px, -55px);
}

.landing-welcome__products-line:nth-child(2) {
    top: 200px;
    right: 140px;
    transform: translate(-200px, 55px);
}

.landing-welcome__products-line:nth-child(3) {
    top: 350px;
    right: 0;
    transform: translate(200px, -55px);
}

.landing-welcome__products-line:nth-child(4) {
    top: 560px;
    right: 85px;
    transform: translate(-200px, 55px);
}

.landing-welcome__products-line:nth-child(5) {
    top: 760px;
    right: 85px;
    transform: translate(200px, -55px);
}

.landing-welcome__products-box--active .landing-welcome__products-line {
    opacity: 1;
    transform: translate(0, 0);
}

.landing-advantages {
    padding-top: 20px;
    padding-bottom: 70px;
}

.landing-advantages__inner {
    max-width: 1520px;
    padding: 0 100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.landing-advantages__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 1.15;
    color: #000000;
    text-align: center;
    align-self: center;
    margin-bottom: 40px;
}

.landing-advantages__title::after {
    content: '';
    display: block;
    width: 210px;
    height: 4px;
    border-radius: 4px;
    background-color: #7C78B5;
    margin: 9px 0 0 150px;
}

.landing-advantages__deacription {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 1.8;
    color: #000000;
    width: 720px;
    max-width: 100%;
    margin: 0 auto 70px;
    text-align: center;
}

.landing-advantages__content {
    width: 1150px;
    max-width: 100%;
    align-self: center;
    display: flex;

}

.landing-advantages__video-player {
    width: 100% !important;
    height: 100% !important;
}

.landing-advantages__video-player--hidden {
    display: none;
}

.landing-advantages__video-box {
    flex-grow: 1;
    height: 472px;
    margin-right: 60px;
    overflow: hidden;
    position: relative;
}

.landing-advantages__video-box iframe {
    border-radius: 4px;
}

.landing-advantages__video-play-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F6F6F8;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.landing-advantages__video-play-btn:hover::before,
.landing-advantages__video-play-btn:focus::before {
    opacity: 0.5;
}

.landing-advantages__video-play-btn::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 36px solid #c4c4c4;
    border-right: 36px solid transparent;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -50%);
    transition: .15s opacity linear;
}

.landing-advantages__video-play-btn--hidden {
    display: none;
}

.landing-advantages__values-list {
    flex: 190px 0 0;
    margin: 0;
    padding: 0;
}

.landing-advantages__values-list-item {
    margin-bottom: 40px;
}

.landing-advantages__values-list-item:last-child {
    margin-bottom: 0;
}

.landing-advantages__value {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 64px;
    line-height: 1.25;
    color: #7C78B5;
}

.landing-advantages__value--large {
    font-family: sans-serif;
    font-size: 110px;
    line-height: 0.8;
}

.landing-advantages__value-description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}

.landing-resources {
    padding: 70px 0 50px;
    position: relative;
    z-index: 1;
}

.landing-resources__inner {
    max-width: 1520px;
    padding: 0 100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.landing-resources__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.17;
    color: #000000;
    align-self: center;
    margin-bottom: 13px;
}

.landing-resources__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    align-self: center;
    margin-bottom: 50px;
}

.landing-resources__resources-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.landing-resources__resource {
    width: calc(20% - 24px);
    margin-right: 30px;
    margin-bottom: 30px;
    display: block;
    transition: opacity .15s linear;
}

.landing-resources__resource:hover,
.landing-resources__resource:focus {
    opacity: 0.5;
}

.landing-resources__resource:nth-child(5n) {
    margin-right: 0;
}

.landing-resources__resource-img {
    width: 100%;
    height: 180px;
    border-radius: 4px;
    object-fit: cover;
}

.landing-resources__action-box {
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    padding-bottom: 60px;
    border-bottom: 4px solid #ffffff;
}

.landing-resources__action-text {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    width: 390px;
    max-width: 100%;
    margin-right: 35px;
}

.landing-resources__action-text--bold {
    font-weight: bold;
}

.landing-categories {
    padding: 50px 0 55px;
    position: relative;
    z-index: 0;
}

.landing-categories__inner {
    max-width: 1320px;
    padding: 0 100px;
    margin: 0 auto;
}

.landing-categories__category {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.landing-categories__category:first-child .landing-categories__category-img {
    max-width: 590px;
    margin-left: 30px;
}

.landing-categories__category:nth-child(2) .landing-categories__category-img {
    max-width: 560px;
    margin-right: 30px;
}

.landing-categories__category:nth-child(3) .landing-categories__category-img {
    max-width: 590px;
    margin-left: 30px;
}

.landing-categories__text-box {
    width: 40%;
    flex-shrink: 0;
    align-self: center;
    position: relative;
    z-index: 0;
}

.landing-categories__category-img {
    flex-grow: 1;
}

.landing-categories__category-title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.15;
    color: #000000;
    margin-bottom: 20px;
}

.landing-categories__category-text {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 30px;
}

.landing-categories__category-url {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
    color: #FFFFFF;
    padding: 9px 14px 8px 14px;
    background: #7C78B5;
    border-radius: 4px;
    position: relative;
    text-decoration: none;
    transition: .15s opacity linear;
    display: inline-flex;
    align-items: center;
}

.landing-categories__category-url:focus,
.landing-categories__category-url:hover {
    opacity: 0.7;
}

.landing-categories__category-url::after {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 9px;
    border-left: 5px solid #ffffff;
    border-right: 5px solid transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.landing-categories__products-count {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-size: 160px;
    line-height: 1;
    color: #ffffff;
    position: absolute;
    top: -60px;
    right: -20px;
    z-index: -1;
}

.landing-categories__bg {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 133%;
    z-index: -1;
}

.landing-browse {
    padding: 55px 0 75px;
}

.landing-browse__inner {
    max-width: 1320px;
    padding: 0 100px;
    margin: 0 auto;
}

.landing-browse__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.15;
    color: #000000;
    margin-bottom: 40px;
    text-align: center;
}

.landing-browse__categories-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border: 4px solid #F6F6F8;
    border-radius: 2px;
    padding: 25px 45px 23px;
    background-color: #fff;
}

.landing-browse__category-url {
    text-align: center;
    display: block;
    text-decoration: none;
    transition: opacity .15s linear;
}

.landing-browse__category-url:hover,
.landing-browse__category-url:focus {
    opacity: 0.5;
}

.landing-browse__category-products-count {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}

.landing-browse__category-name {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.52;
    color: #7C78B5;
}

.landing-community {
    padding: 75px 0;
}

.landing-community__inner {
    max-width: 1320px;
    padding: 0 100px;
    margin: 0 auto;
}

.landing-community__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.15;
    margin-bottom: 10px;
    text-align: center;
}

.landing-community__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 50px;
    text-align: center;
}

.landing-community__community-grid {
    width: 100%;
}

.landing-community__community-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.landing-community__community-grid::after {
    content: '';
    width: 100%;
    height: 140px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}

.landing-community__person-card {
    width: calc((100% / 23) - (220px / 23));
    margin-right: 10px;
    margin-bottom: 10px;
    padding-bottom: calc((100% / 23) - (220px / 23));
    position: relative;
    border-radius: 4px;
    background-color: #E5E5E5;
}

.landing-community__person-card:nth-child(23n) {
    margin-right: 0;
}

.landing-community__person-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 4px;
    opacity: 0;
    transition: .55s opacity ease;
}

.landing-community__person-img.active {
    opacity: 1;
}

.landing-plans {
    padding: 75px 0;
}

.landing-plans__inner {
    max-width: 1320px;
    padding: 0 100px;
    margin: 0 auto;
}

.landing-plans__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 1.17;
    color: #000000;
    margin-bottom: 20px;
    text-align: center;
}

.landing-plans__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin: 0 auto 50px;
    width: 670px;
    max-width: 100%;
    text-align: center;
}

.landing-plans__two-plans-box {
    width: 100%;
    display: flex;
    margin-bottom: 40px;
}

.landing-time-plan {
    width: calc(50% - 20px);
    background-color: #F6F6F8;
    border-radius: 4px;
    padding: 60px;
    display: flex;
    flex-direction: column;
}

.landing-time-plan:first-child {
    margin-right: 40px;
}

.landing-time-plan__header {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.landing-time-plan__header-img-box {
    width: 64px;
    height: 64px;
    border-radius: 4px;
    margin-right: 30px;
}

.landing-time-plan__header-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.landing-time-plan__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.16;
    color: #303655;
    margin-bottom: 10px;
}

.landing-time-plan__price {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.16;
    color: #7D78BA;
}

.landing-time-plan__header-separator {
    height: 28px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.landing-time-plan__header-separator::after {
    content: '';
    flex: 100% 1 1;
    height: 4px;
    border-radius: 4px;
    background-color: #ffffff;
}

.landing-time-plan__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.landing-time-plan__mark {
    background-color: #ffffff;
    white-space: nowrap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.4;
    color: #EE2B47;
    display: block;
    padding: 5px 14px;
    border-radius: 2px;
    margin-right: 20px;
}

.landing-time-plan__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.landing-time-plan__advantage {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.landing-time-plan__advantage:last-child {
    margin-bottom: 0;
}

.landing-time-plan__advantage-icon {
    fill: #3DC7BE;
    margin-right: 14px;
}

.landing-time-plan__advantages {
    margin: auto 0 40px;
    padding: 0;
}

.landing-time-plan__join-btn {
    align-self: flex-start;
}

.landing-timeless-plan {
    width: 100%;
    background-color: #F6F6F8;
    border-radius: 4px;
    padding: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.landing-timeless-plan__img {
    width: 50%;
    padding: 60px;
}

.landing-timeless-plan__content {
    width: 42%;
    margin-left: 30px;
}

.landing-timeless-plan__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.15;
    display: inline-block;
}

.landing-timeless-plan__title-box {
    margin-bottom: 15px;
}

.landing-timeless-plan__title-mark {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.5;
    color: #EE2B47;
    vertical-align: top;
    background-color: transparent;
}

.landing-timeless-plan__price {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.15;
    color: #7D78BA;
    margin-bottom: 20px;
}

.landing-timeless-plan__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.7;
    coloR: #000000;
    margin-bottom: 38px;
}

.landing-deals {
    padding: 75px 0 0;
}

.landing-deals__inner {
    max-width: 1320px;
    padding: 0 100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.landing-deals__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 1.15;
    color: #000000;
    margin-bottom: 20px;
}

.landing-deals__designs-img {
    max-width: 1920px;
    margin: 0 auto;
    width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: top center;
}

.landing-deals__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 30px;
    width: 670px;
    max-width: 100%;
    text-align: center;
}

.landing-deals__price-img {
    margin-right: 10px;
}

.landing-deals__price-img:last-child {
    margin-right: 0;
}

.landing-deals__prices-box {
    margin-bottom: 60px;
}

.landing-questions {
    padding: 130px 0 40px;
    background-color: #F6F6F8;
}

.landing-questions__inner {
    max-width: 1320px;
    padding: 0 100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.landing-questions__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 1.15;
    color: #000000;
    margin-bottom: 20px;
}

.landing-questions__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 85px;
    width: 670px;
    max-width: 100%;
    text-align: center;
}

.landing-question {
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    padding: 57px;
    margin-bottom: 30px;
}

.landing-question:last-child {
    margin-bottom: 0;
}

.landing-question--active .landing-question__open-btn::after {
    transform: translate(-50%, -50%);
}

.landing-question--active .landing-question__text {
    display: block;
}

.landing-question__open-btn {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 30px 0 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: opacity .15s linear;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 1.15;
    color: #303655;
}

.landing-question__open-btn:hover,
.landing-question__open-btn:focus {
    outline: none;
}

.landing-question__open-btn::before {
    content: '';
    width: 20px;
    height: 4px;
    background-color: #7C78B5;
    border-radius: 4px;
    position: absolute;
    top: 12px;
    right: -10px;
    transform: translate(-50%, -50%);
}

.landing-question__open-btn::after {
    content: '';
    width: 20px;
    height: 4px;
    background-color: #7C78B5;
    border-radius: 4px;
    position: absolute;
    top: 12px;
    right: -10px;
    transform: translate(-50%, -50%) rotate(90deg);
}

.landing-question__text {
    display: none;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.7;
    color: #000000;
    margin-top: 10px;
    width: 840px;
    max-width: 100%;
}

.landing-contact {
    padding: 40px 0 120px;
    background-color: #F6F6F8;
}

.landing-contact__inner {
    max-width: 1320px;
    padding: 0 100px;
    margin: 0 auto;
    text-align: center;
}

.landing-contact__title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 12px;
}

.landing-contact__description {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    margin-bottom: 30px;
}

.landing-contact__email-btn {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 1;
    background-color: #fff;
    color: #474747;
    border: 1px solid #C9C9C9;
    border-radius: 4px;
    padding: 13px 36px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 14px;
}

.landing-contact__email {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.15;
    color: #949494;
}

@media screen and (max-width: 1519px) {
    .landing-welcome {
        padding-top: 70px;
        padding-bottom: 180px;
    }

    .landing-welcome__bg {
        left: 0;
        transform: none;
        width: auto;
    }

    .landing-welcome__title-mark {
        font-size: 17px;
    }

    .landing-welcome__title {
        font-size: 42px;
        margin-bottom: 12px;
    }

    .landing-welcome__title-box {
        margin-bottom: 35px;
    }

    .landing-welcome__title-box::after {
        width: 80px;
    }

    .landing-welcome__products-box {
        top: -290px;
    }

    .landing-welcome__description {
        font-size: 17px;
        margin-bottom: 45px;
    }

    .landing-welcome__products-line:nth-child(1) {
        width: 780px;
    }

    .landing-welcome__products-line:nth-child(2) {
        width: 780px;
        top: 162px;
    }

    .landing-welcome__products-line:nth-child(3) {
        width: 780px;
        top: 285px;
        right: 30px;
    }

    .landing-welcome__products-line:nth-child(4) {
        width: 600px;
        top: 450px;
    }

    .landing-welcome__products-line:nth-child(5) {
        width: 425px;
        top: 608px;
        right: 110px;
    }

    .landing-advantages {
        padding-top: 10px;
        padding-bottom: 60px;
    }

    .landing-advantages__title {
        font-size: 42px;
        margin-bottom: 34px;
    }

    .landing-advantages__title::after {
        width: 170px;
        margin-left: 120px;
    }

    .landing-advantages__deacription {
        font-size: 16px;
    }

    .landing-advantages__value {
        font-size: 52px;
    }

    .landing-advantages__value--large {
        font-size: 72px;
    }

    .landing-advantages__value-description {
        font-size: 14px;
    }

    .landing-advantages__values-list {
        flex-basis: 150px;
    }

    .landing-advantages__video-box {
        margin-right: 50px;
        height: 430px;
    }

    .landing-resources {
        padding: 60px 0 40px;
    }

    .landing-resources__title {
        font-size: 32px;
    }

    .landing-resources__description {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .landing-resources__resource {
        width: calc(20% - 17.6px);
        margin-right: 22px;
        margin-bottom: 22px;
    }

    .landing-resources__resource:nth-child(5n) {
        margin-right: 0;
    }

    .landing-resources__resource-img {
        height: 130px;
    }

    .landing-resources__action-text {
        width: 280px;
        margin-right: 22px;
    }

    .landing-resources__action-box {
        padding-bottom: 45px;
    }

    .landing-categories__category:first-child .landing-categories__category-img {
        max-width: 540px;
        position: relative;
        left: 50px;
    }

    .landing-categories__category:nth-child(3) .landing-categories__category-img {
        max-width: 540px;
        position: relative;
        left: 50px;
    }

    .landing-categories__category-title {
        font-size: 32px;
    }

    .landing-categories__products-count {
        font-size: 140px;
        top: -45px;
        right: -20px;
    }

    .landing-categories__category:nth-child(2) .landing-categories__category-img {
        width: 510px;
        position: relative;
        right: 40px;
    }

    .landing-browse {
        padding: 50px 0 70px;
    }

    .landing-browse__title {
        font-size: 32px;
    }

    .landing-community {
        padding: 70px 0;
    }

    .landing-community__person-card {
        width: calc((100% / 19) - (190px / 19));
        padding-bottom: calc((100% / 19) - (190px / 19));
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .landing-community__person-card:nth-child(23n) {
        margin-right: 10px;
    }

    .landing-community__person-card:nth-child(19n) {
        margin-right: 0;
    }

    .landing-community__person-card:last-child {
        display: none;
    }

    .landing-community__title {
        font-size: 32px;
    }

    .landing-community__description {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .landing-plans {
        padding: 70px 0;
    }

    .landing-plans__title {
        font-size: 42px;
    }

    .landing-plans__description {
        font-size: 16px;
    }

    .landing-time-plan__title {
        font-size: 32px;
    }

    .landing-deals {
        padding: 70px 0 0;
    }

    .landing-deals__title {
        font-size: 42px;
    }

    .landing-deals__description {
        font-size: 16px;
    }

    .landing-deals__designs-img {
        height: 420px;
    }

    .landing-questions {
        padding: 120px 0 40px;
    }

    .landing-questions__title {
        font-size: 42px;
    }

    .landing-questions__description {
        font-size: 16px;
        margin-bottom: 75px;
    }
}

@media screen and (max-width: 1159px) {
    .landing-welcome {
        padding-top: 60px;
        padding-bottom: 110px;
    }

    .landing-welcome__products-box {
        top: -270px;
        right: -530px;
    }

    .landing-welcome__inner {
        padding: 0 45px;
    }

    .landing-welcome__title-mark {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .landing-welcome__title {
        font-size: 38px;
        margin-bottom: 8px;
    }

    .landing-welcome__title-box {
        margin-bottom: 30px;
    }

    .landing-welcome__description {
        font-size: 16px;
        width: 340px;
    }

    .landing-welcome__join-btn.-medium {
        padding-left: 15px;
        padding-right: 15px;
    }

    .landing-welcome__discover-btn.-medium {
        padding-left: 15px;
        padding-right: 15px;
    }

    .landing-advantages__inner {
        padding: 0 45px;
    }

    .landing-advantages__title {
        font-size: 38px;
        margin-bottom: 28px;
    }

    .landing-advantages__title::after {
        width: 150px;
        margin-left: 110px;
    }

    .landing-advantages__deacription {
        margin-bottom: 45px;
    }

    .landing-advantages__content {
        flex-direction: column;
    }

    .landing-advantages__values-list {
        flex-basis: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: space-around;
    }

    .landing-advantages__values-list-item {
        margin-bottom: 0;
        text-align: center;
    }

    .landing-advantages__value-description {
        max-width: 140px;
        margin: 0 auto;
    }

    .landing-advantages__value {
        font-size: 70px;
    }

    .landing-advantages__value--large {
        font-size: 110px;
    }

    .landing-resources {
        padding-bottom: 65px;
    }

    .landing-resources__inner {
        padding: 0 45px;
    }

    .landing-resources__resource {
        width: calc(25% - 10.5px);
        margin-right: 14px;
        margin-bottom: 14px;
    }

    .landing-resources__resource:nth-child(5n) {
        margin-right: 14px;
    }

    .landing-resources__resource:nth-child(4n) {
        margin-right: 0;
    }

    .landing-resources__resource-img {
        height: 120px;
    }

    .landing-resources__action-box {
        margin-right: 0;
    }

    .landing-resources__action-text {
        width: auto;
    }

    .landing-resources__action-btn {
        flex-shrink: 0;
    }

    .landing-resources__action-box {
        padding-bottom: 40px;
    }

    .landing-categories {
        padding: 65px 0 45px;
    }

    .landing-categories__inner {
        padding: 0 45px;
    }

    .landing-categories__text-box {
        width: 50%;
    }

    .landing-categories__category {
        position: relative;
    }

    .landing-categories__category:first-child {
        padding-bottom: 380px;
    }

    .landing-categories__category:nth-child(2) {
        padding-bottom: 500px;
    }

    .landing-categories__category:nth-child(3) {
        padding-bottom: 330px;
    }

    .landing-categories__category:first-child .landing-categories__category-img {
        position: absolute;
        top: 120px;
        left: auto;
        right: -110px;
    }

    .landing-categories__category:nth-child(2) .landing-categories__category-img {
        position: absolute;
        top: 170px;
        left: auto;
        right: -120px;
    }

    .landing-categories__category:nth-child(3) .landing-categories__category-img {
        position: absolute;
        top: 120px;
        left: auto;
        right: -110px;
    }

    .landing-categories__products-count {
        right: -70px;
    }

    .landing-categories__bg {
        bottom: -550px;
        height: 160%;
        width: auto;
    }

    .landing-browse {
        position: relative;
        z-index: 1;
    }

    .landing-browse__inner {
        padding: 0 45px;
    }

    .landing-browse__categories-list {
        flex-wrap: wrap;
        padding: 40px 40px 0;
    }

    .landing-browse__category {
        width: 25%;
        margin-bottom: 40px;
    }

    .landing-browse__category-url {
        text-align: left;
    }

    .landing-community {
        padding: 60px 0;
    }

    .landing-community__inner {
        padding: 0 45px;
    }

    .landing-community__person-card {
        width: calc((100% / 13) - (120px / 13));
        padding-bottom: calc((100% / 13) - (120px / 13));
    }

    .landing-community__person-card:nth-child(19n) {
        margin-right: 10px;
    }

    .landing-community__person-card:nth-child(13n) {
        margin-right: 0;
    }

    .landing-community__person-card:nth-child(79),
    .landing-community__person-card:nth-child(80),
    .landing-community__person-card:nth-child(81),
    .landing-community__person-card:nth-child(82),
    .landing-community__person-card:nth-child(83),
    .landing-community__person-card:nth-child(84),
    .landing-community__person-card:nth-child(85),
    .landing-community__person-card:nth-child(86),
    .landing-community__person-card:nth-child(87),
    .landing-community__person-card:nth-child(88),
    .landing-community__person-card:nth-child(89),
    .landing-community__person-card:nth-child(90),
    .landing-community__person-card:nth-child(91),
    .landing-community__person-card:nth-child(92),
    .landing-community__person-card:nth-child(93),
    .landing-community__person-card:nth-child(94),
    .landing-community__person-card:nth-child(95),
    .landing-community__person-card:nth-child(96),
    .landing-community__person-card:nth-child(97),
    .landing-community__person-card:nth-child(98),
    .landing-community__person-card:nth-child(99),
    .landing-community__person-card:nth-child(100),
    .landing-community__person-card:nth-child(101),
    .landing-community__person-card:nth-child(102),
    .landing-community__person-card:nth-child(103),
    .landing-community__person-card:nth-child(104),
    .landing-community__person-card:nth-child(105),
    .landing-community__person-card:nth-child(106),
    .landing-community__person-card:nth-child(107),
    .landing-community__person-card:nth-child(108),
    .landing-community__person-card:nth-child(109),
    .landing-community__person-card:nth-child(110),
    .landing-community__person-card:nth-child(111),
    .landing-community__person-card:nth-child(112),
    .landing-community__person-card:nth-child(113),
    .landing-community__person-card:nth-child(114) {
        display: none;
    }

    .landing-plans {
        padding: 60px 0;
    }

    .landing-plans__inner {
        padding: 0 45px;
    }

    .landing-plans__title {
        font-size: 38px;
    }

    .landing-time-plan {
        padding: 30px 30px 43px;
        width: calc(50% - 14px);
    }

    .landing-time-plan:first-child {
        margin-right: 28px;
    }

    .landing-time-plan__header-img-box {
        margin-right: 23px;
    }

    .landing-time-plan__title {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .landing-time-plan__price {
        font-size: 14px;
    }

    .landing-time-plan__header {
        margin-bottom: 25px;
    }

    .landing-time-plan__description {
        font-size: 15px;
    }

    .landing-time-plan__advantages {
        margin-bottom: 35px;
    }

    .landing-plans__two-plans-box {
        margin-bottom: 28px;
    }

    .landing-timeless-plan {
        padding: 45px 45px 52px;
    }

    .landing-timeless-plan__content {
        width: 50%;
    }

    .landing-timeless-plan__img {
        max-width: 50%;
    }

    .landing-timeless-plan__title {
        font-size: 30px;
    }

    .landing-timeless-plan__price {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .landing-timeless-plan__description {
        font-size: 15px;
        margin-bottom: 25px;
    }

    .landing-timeless-plan__title-box {
        margin-bottom: 8px;
    }

    .landing-timeless-plan__subscribe-btn.-violet {
        padding-left: 40px;
        padding-right: 40px;
    }

    .landing-deals {
        padding: 60px 0 0;
    }

    .landing-deals__inner {
        padding: 0 45px;
    }

    .landing-deals__title {
        font-size: 38px;
    }

    .landing-questions {
        padding: 90px 0 25px;
    }

    .landing-questions__inner {
        padding: 0 45px;
    }

    .landing-questions__title {
        font-size: 38px;
    }

    .landing-questions__description {
        margin-bottom: 55px;
    }

    .landing-question {
        padding: 36px 40px;
    }

    .landing-question__text {
        margin-top: 14px;
    }

    .landing-contact {
        padding: 25px 0 100px;
    }

    .landing-contact__inner {
        padding: 0 45px;
    }
}

@media screen and (max-width: 992px) {
    .landing-advantages__video-box {
        margin-right: 0;
        margin-bottom: 45px;
        height: 380px;
    }
    .landing-advantages__video-box iframe {
        max-width: 100%;
        max-height: 100%;
    }
}

@media screen and (max-width: 767px) {
    .landing-welcome {
        padding-top: 380px;
    }

    .landing-welcome__inner {
        padding: 0 20px;
    }

    .landing-welcome__products-box {
        top: -650px;
        right: -480px;
    }

    .landing-welcome__products-line:nth-child(1) {
        width: 702px;
    }

    .landing-welcome__products-line:nth-child(2) {
        width: 702px;
        top: 148px;
    }

    .landing-welcome__products-line:nth-child(3) {
        width: 702px;
        top: 258px;
        right: 40px;
    }

    .landing-welcome__products-line:nth-child(4) {
        width: 540px;
        top: 410px;
        right: 100px;
    }

    .landing-welcome__products-line:nth-child(5) {
        width: 382px;
        top: 550px;
        right: 120px;
    }

    .landing-welcome__title {
        font-size: 32px;
        margin-bottom: 6px;
    }

    .landing-welcome__title-box {
        margin-bottom: 25px;
    }

    .landing-welcome__title-box::after {
        width: 65px;
    }

    .landing-welcome__title-icon-box {
        margin-left: 10px;
    }

    .landing-welcome__description {
        font-size: 15px;
        margin-bottom: 35px;
    }

    .landing-welcome__join-btn.-medium {
        font-size: 15px;
        padding: 9px 20px;
        margin-right: 13px;
    }

    .landing-welcome__discover-btn.-medium {
        font-size: 15px;
        padding: 9px 20px;
    }

    .landing-advantages {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .landing-advantages__inner {
        padding: 0 20px;
    }

    .landing-advantages__title {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .landing-advantages__title::after {
        width: 100px;
        margin-left: 66px;
        margin-top: 5px;
    }

    .landing-advantages__deacription {
        font-size: 14px;
        margin-bottom: 38px;
    }

    .landing-advantages__video-box {
        height: 240px;
        margin-bottom: 30px;
    }

    .landing-advantages__video-play-btn-img {
        width: 100%;
        height: 100%;
    }

    .landing-advantages__values-list-item {
        text-align: left;
    }

    .landing-advantages__values-list-item:nth-child(3) {
        display: none;
    }

    .landing-advantages__value {
        font-size: 52px;
    }

    .landing-advantages__value-description {
        margin: 0;
    }

    .landing-advantages__video-play-btn::before {
        border-left-width: 17px;
        border-right-width: 17px;
        border-top-width: 12px;
        border-bottom-width: 12px;
    }

    .landing-resources {
        padding: 50px 0 45px;
    }

    .landing-resources__inner {
        padding: 0 20px;
    }

    .landing-resources__description {
        font-size: 14px;
        text-align: center;
    }

    .landing-resources__title {
        font-size: 24px;
        text-align: center;
    }

    .landing-resources__resource {
        width: calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .landing-resources__resource:nth-child(5n) {
        margin-right: 20px;
    }

    .landing-resources__resource:nth-child(2n) {
        margin-right: 0;
    }

    .landing-resources__resources-grid {
        margin-bottom: 10px;
    }

    .landing-resources__action-box {
        flex-direction: column;
        padding-bottom: 0;
        border: 0;
    }

    .landing-resources__action-text {
        margin-right: 0;
        text-align: center;
        margin-bottom: 25px;
    }

    .landing-resources__action-btn {
        align-self: center;
    }

    .landing-categories {
        padding-top: 45px;
    }

    .landing-categories__inner {
        padding: 0 20px;
    }

    .landing-categories__bg {
        bottom: -645px;
        height: 155%;
        width: auto;
    }

    .landing-categories__category {
        flex-direction: column;
    }

    .landing-categories__text-box {
        width: 100%;
    }

    .landing-categories__category:first-child .landing-categories__category-img {
        position: relative;
        right: auto;
        top: auto;
        order: -1;
        margin-left: 0;
        width: 170%;
        left: 50%;
        transform: translateX(-51%);
        max-width: 540px;
        margin-bottom: 30px;
    }

    .landing-categories__category:nth-child(2) .landing-categories__category-img {
        position: relative;
        right: auto;
        top: auto;
        order: -1;
        margin-left: 0;
        width: 170%;
        left: 50%;
        transform: translateX(-51%);
        max-width: 540px;
        margin-bottom: 30px;
    }

    .landing-categories__category:nth-child(3) .landing-categories__category-img {
        position: relative;
        right: auto;
        top: auto;
        order: -1;
        margin-left: 0;
        width: 170%;
        left: 50%;
        transform: translateX(-51%);
        max-width: 540px;
        margin-bottom: 30px;
    }

    .landing-categories__products-count {
        right: -20px;
    }

    .landing-categories__category:first-child {
        padding-bottom: 80px;
    }

    .landing-categories__category:nth-child(2) {
        padding-bottom: 80px;
    }

    .landing-categories__category:nth-child(3) {
        padding-bottom: 0;
    }

    .landing-browse {
        padding: 50px 0;
    }

    .landing-browse__inner {
        padding: 0 20px;
    }

    .landing-browse__title {
        font-size: 24px;
    }

    .landing-browse__categories-list {
        padding: 30px 30px 0;
    }

    .landing-browse__category {
        width: 50%;
        margin-bottom: 30px;
    }

    .landing-community__inner {
        padding: 0 20px;
    }

    .landing-community__person-card {
        width: calc((100% / 7) - (60px / 7));
        padding-bottom: calc((100% / 7) - (60px / 7));
    }

    .landing-community__person-card:nth-child(13n) {
        margin-right: 10px;
    }

    .landing-community__person-card:nth-child(7n) {
        margin-right: 0;
    }

    .landing-community__person-card:nth-child(57),
    .landing-community__person-card:nth-child(58),
    .landing-community__person-card:nth-child(59),
    .landing-community__person-card:nth-child(60),
    .landing-community__person-card:nth-child(61),
    .landing-community__person-card:nth-child(62),
    .landing-community__person-card:nth-child(63),
    .landing-community__person-card:nth-child(64),
    .landing-community__person-card:nth-child(65),
    .landing-community__person-card:nth-child(66),
    .landing-community__person-card:nth-child(67),
    .landing-community__person-card:nth-child(68),
    .landing-community__person-card:nth-child(69),
    .landing-community__person-card:nth-child(70),
    .landing-community__person-card:nth-child(71),
    .landing-community__person-card:nth-child(72),
    .landing-community__person-card:nth-child(73),
    .landing-community__person-card:nth-child(74),
    .landing-community__person-card:nth-child(75),
    .landing-community__person-card:nth-child(76),
    .landing-community__person-card:nth-child(77),
    .landing-community__person-card:nth-child(78) {
        display: none;
    }

    .landing-community__title {
        font-size: 24px;
    }

    .landing-community__description {
        font-size: 14px;
    }

    .landing-plans {
        padding: 50px 0;
    }

    .landing-plans__inner {
        padding: 0 20px;
    }

    .landing-plans__title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .landing-plans__description {
        font-size: 14px;
        margin-bottom: 35px;
    }

    .landing-plans__two-plans-box {
        flex-direction: column;
    }

    .landing-time-plan {
        width: 100%;
    }

    .landing-time-plan:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .landing-timeless-plan {
        flex-direction: column;
        padding: 30px 30px 43px;
    }

    .landing-timeless-plan__img {
        max-width: 100%;
        width: 100%;
        margin-bottom: 60px;
    }

    .landing-timeless-plan__content {
        width: 100%;
        margin-left: 0;
    }

    .landing-time-plan__join-btn.-violet {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .landing-timeless-plan__subscribe-btn.-violet {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .landing-deals {
        padding: 50px 0 0;
    }

    .landing-deals__inner {
        padding: 0 20px;
    }

    .landing-deals__title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 12px;
    }

    .landing-deals__description {
        font-size: 14px;
    }

    .landing-deals__prices-box {
        margin-bottom: 45px;
    }

    .landing-deals__designs-img {
        height: 340px;
    }

    .landing-questions {
        padding: 60px 0 20px;
    }

    .landing-questions__inner {
        padding: 0 20px;
    }

    .landing-questions__title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 12px;
    }

    .landing-questions__description {
        font-size: 14px;
        margin-bottom: 45px;
    }

    .landing-question {
        padding: 30px;
        margin-bottom: 20px;
    }

    .landing-question__title {
        font-size: 21px;
        margin-right: 15px;
    }

    .landing-question__text {
        font-size: 14px;
    }

    .landing-contact {
        padding: 20px 0 70px;
    }

    .landing-contact__inner {
        padding: 0 20px;
    }

    .landing-contact__title {
        display: none;
    }

    .landing-contact__description {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 620px) {
    .landing-advantages__video-box {
        height: 190px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 374px) {
    .landing-welcome__title {
        font-size: 28px;
    }

    .landing-advantages__value-description {
        font-size: 12px;
    }

    .landing-advantages__value {
        font-size: 48px;
    }

    .landing-deals__price-img {
        width: 80px;
    }

    .landing-welcome__description {
        margin-bottom: 0;
    }

    .landing-welcome__action-box {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .landing-welcome__join-btn.-medium {
        width: 100%;
        margin-right: 0;
        margin-top: 15px;
        flex-shrink: 0;
    }

    .landing-welcome__discover-btn.-medium {
        width: 100%;
        margin-top: 15px;
        flex-shrink: 0;
    }
}

.popup-wrapper.plus__popup-wrapper {
    max-width: 600px;
    padding: 45px;
    background: #F7F7F8;
}

.plus__popup-top {
    display: flex;
    align-items: center;
    margin-bottom: 42px;
}

.plus__popup-top img {
    width: 84px;
    height: 70px;
    margin-right: 31px;
}

.plus__popup-top h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    text-transform: capitalize;
    font-family: termina,sans-serif;
}

.plus__popup-switch-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.plus__popup-switch-wrapper .switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
    margin: 0 13px;
}

.plus__popup-switch-wrapper .switch input {display:none;}

.plus__popup-switch-wrapper .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #303655;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 4px;
}

.plus__popup-switch-wrapper .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 2px;
}

.plus__popup-switch-wrapper input:hover + .slider {
    background-color: #7C78B5;
}

.plus__popup-switch-wrapper input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.plus__popup-switch-wrapper input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

.plus__popup-switch-wrapper .plan-title {
    font-size: 15px;
    font-weight: 700;
    color: #CCCCCC;
    cursor: pointer;
}

.plus__popup-switch-wrapper .plan-title:hover {
    color: black;
}

.plus__popup-switch-wrapper .plan-title.active {
    font-weight: bold;
    color: black;
}

.plus__popup-switch-wrapper .plan-price {
    font-weight: 700;
    font-size: 18px;
    display: none;
    margin-left: 17px;
    font-family: termina,sans-serif;
}

.plus__popup-switch-wrapper .plan-price.active {
    display: block;
}

.plus__popup-description {
    font-size: 16px;
    margin-bottom: 12px;
}

.plus__popup-description-link {
    margin-bottom: 33px;
}

.plus__popup-description-link a {
    display: block;
    text-decoration: none;
    color: #7C78B5;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.plus__popup-description-link a:hover {
    color: #928dd2;
}

.plus__popup-description-link a:active {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px);
    color: #928dd2;
}

.popup-wrapper.plus__popup-wrapper  .plus__popup-description-button-wrapper a {
    border: 2px solid transparent;
    height: 46px;
    width: 180px;
    margin-right: 15px;
    font-size: 16px;
    line-height: 18px;
    transition-duration: 0.3s;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.plus__popup-description-button-wrapper a.-white {
    color: #303655;
}

.plus__popup-description-button-wrapper a.-white:hover {
    border: 2px solid #303655;
    border-radius: 4px;
}

.plus__popup-description-button-wrapper a.-white:active {
    background-color: #303655;
    color: white;
}

.plus__popup-wrapper  .plus__close-popup {
    background-color: white;
    width: 42px;
    height: 42px;
    border: 2px solid transparent;
    border-radius: 4px;
    top: 48px;
    right: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.3s;
}

.plus__popup-wrapper  .plus__close-popup:hover {
    border: 2px solid #303655;
}

.plus__popup-wrapper  .plus__close-popup:active {
    background-color: #303655;
}

.plus__popup-wrapper .close-popup svg {
    filter: invert(16%) sepia(7%) saturate(4246%) hue-rotate(193deg) brightness(92%) contrast(82%);
    opacity: 1;
    width: 19px;
    height: 19px;
    -webkit-transition: all 0.0s ;
    -moz-transition: all 0.0s ;
    -o-transition: all 0.0s ;
    transition: all 0.0s;
}

.plus__popup-wrapper .close-popup:hover svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);

    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    opacity: 1;
}

.plus__popup-wrapper .close-popup:active svg {
    filter: none;
    fill: white;
}

@media (max-width: 620px) {
    .popup-wrapper.plus__popup-wrapper {
        max-width: 350px;
        padding: 34px 40px 15px 40px;
    }

    .plus__popup-description {
        font-size: 14px;
    }

    .plus__popup-top {
        flex-direction: column;
        align-items: start;
        margin-bottom: 35px;
    }

    .plus__popup-top img {
        margin-bottom: 28px;
    }

    .popup-wrapper.plus__popup-wrapper .plus__popup-description-button-wrapper a {
        margin-right: 0;
        width: 100%;
    }

    .popup-wrapper.plus__popup-wrapper .plus__popup-description-button-wrapper a:not(:last-child){
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }

    .plus__popup-description-button-wrapper a.-white {
        background-color: #F7F7F8;
    }

    .plus__popup-description-button-wrapper a.-white:hover {
        border: 2px solid transparent;
    }

    .plus__popup-description-button-wrapper a.-white:active {
        background-color: #F7F7F8;
        color: #232355;
    }
}