/*@import "../fonts/font-awesome/css/fa-svg-with-js.css";*/

@font-face {
    font-family: Montserrat Medium;
    src: url(/static/prj/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"), url(/static/prj/fonts/montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat Light;
    src: url(/static/prj/fonts/montserrat/Montserrat-Light.woff2) format("woff2"), url(/static/prj/fonts/montserrat/Montserrat-Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Montserrat Bold;
    src: url(/static/prj/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"), url(/static/prj/fonts/montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.icon-features {
    display: inline-block;
    position: relative;
    min-width: 80px;
    height: 80px
}

.icon-features.is-rounded {
    background-color: #fff;
    border-radius: 40px
}

.icon-features:after {
    content: "";
    position: absolute;
    min-width: 56px;
    height: 56px;
    top: 12px;
    left: 12px;
    background-color: transparent;
    background-repeat: no-repeat
}

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

audio,
embed,
iframe,
img,
object,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

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

td,
th {
    padding: 0;
    text-align: left
}

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

.is-clearfix:after {
    clear: both
}

.is-hidden {
    display: none
}

.is-text-grey {
    color: #aeaeae
}

.is-text-grey:hover,
a:hover .is-text-grey {
    color: inherit
}

.is-text-dark-grey {
    color: #1a1a1a
}

.is-text-blue {
    color: #345ebe
}

.is-font-base {
    font-size: 1rem;
    line-height: 1.5
}

.is-font-base li {
    margin-bottom: 26px
}

.is-font-base li:before {
    top: 9px
}

.is-strong {
    font-family: Montserrat Bold, Arial, sans-serif !important
}

.is-center {
    text-align: center
}

.is-marginless,
.is-paddingless {
    margin: 0 !important
}

.is-opacity-05 {
    opacity: .5
}

.has-non-underlined-links a,
.has-non-underlined-links a:hover {
    text-decoration: none !important
}

.is-underlined {
    text-decoration: underline
}

.is-dashed,
.is-dashed:hover {
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: dashed
}

.is-nowrap {
    white-space: nowrap
}

.has-background-grey {
    background-color: #edeff2
}

.has-bottom-arrow {
    position: relative;
    margin-bottom: 40px
}

.has-bottom-arrow:after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 42px;
    height: 42px;
    border: 21px solid transparent;
    border-top-color: #edeff2;
    bottom: -42px;
    left: 50%;
    margin-left: -21px
}

.box-with-icon {
    font-family: Montserrat Medium, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.25;
    font-weight: 400;
    margin: 20px 0 24px
}

.box-with-icon .icon {
    display: block;
    margin-bottom: 4px
}

.note {
    color: #aeaeae
}

.content>.note:first-child,
h1+.note {
    margin-top: -16px;
    margin-bottom: 33px
}

.utilities-list {
    margin-bottom: 61px
}

.utilities-list__button {
    margin-bottom: 48px
}

.utility {
    margin-bottom: 32px
}

.utility__title {
    font-family: Montserrat Medium, Arial, sans-serif;
    margin: 15px 0
}

.utility__text {
    line-height: 1.5
}

.utility__button {
    margin: 13px 0
}

.utility__button a {
    text-decoration: underline !important;
    margin-right: 15px
}

.options {
    font-size: 1rem;
    line-height: 1.3
}

.options li {
    margin: 12px 0
}

.options li:before {
    background-color: #38b82f;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 3px
}

.options.has-check-marks li {
    padding-left: 24px
}

.options.has-check-marks li:before {
    content: "";
    top: 2px;
    width: 20px;
    height: 17px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/static/prj/images/icons.png);
    background-position: -24px -112px;
    border-radius: 0
}

.notification {
    background-color: #edeff2;
    padding: 1rem 1.25rem;
    border-radius: 2px
}

.line {
    height: 1px;
    font-size: 0;
    background-color: #cbcbcb;
    margin: 10px 0 20px
}

.lang-zh .hidden-zh,
.lang-zh [class*=only-]:not(.only-zh),
.lang-cn .hidden-cn,
.lang-cn [class*=only-]:not(.only-cn),
.lang-de .hidden-de,
.lang-de [class*=only-]:not(.only-de),
.lang-en .hidden-en,
.lang-en [class*=only-]:not(.only-en),
.lang-es .hidden-es,
.lang-es [class*=only-]:not(.only-es),
.lang-it .hidden-it,
.lang-it [class*=only-]:not(.only-it),
.lang-ja .hidden-ja,
.lang-ja [class*=only-]:not(.only-ja),
.lang-jp .hidden-jp,
.lang-jp [class*=only-]:not(.only-jp),
.lang-pt .hidden-pt,
.lang-pt [class*=only-]:not(.only-pt),
.lang-ru .hidden-ru,
.lang-ru [class*=only-]:not(.only-ru) {
    display: none !important
}

a {
    color: #345ebe;
    cursor: pointer;
    outline: none
}

a:hover {
    color: #005af9
}

.content a {
    text-decoration: none
}

.content a:hover {
    text-decoration: underline
}

p {
    margin: 8px 0
}

h1 {
    font-size: 3.125rem;
    line-height: .92;
    margin: 20px 0 22px
}

h1,
h2 {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-weight: 400
}

h2 {
    font-size: 2rem;
    line-height: 1.1;
    margin: 31px 0 11px
}

h2:first-child {
    margin-top: 0
}

h3 {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 400;
    margin: 34px 0 15px
}

h3:first-child {
    margin-top: 0
}

h4 {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 400;
    margin: 19px 0
}

h5 {
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 11px 0
}

h5,
h6 {
    font-family: Montserrat Medium, Arial, sans-serif;
    font-weight: 400
}

h6 {
    font-size: 1.125rem;
    line-height: 1.44;
    margin: 10px 0
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
    margin-top: 0
}

ol,
ul {
    margin: 8px 0
}

ol li,
ul li {
    position: relative;
    list-style: none;
    padding-left: 14px;
    margin: 4px 0 9px
}

ol li:before,
ul li:before {
    position: absolute;
    left: 0;
    width: 14px;
    text-align: left
}

ul li:before {
    content: "";
    top: 8px;
    width: 5px;
    height: 5px;
    background-color: #345ebe;
    border-radius: 3px
}

ol {
    counter-reset: item
}

ol li:before {
    content: counter(item) ".";
    counter-increment: item
}

sup {
    font-size: .7rem;
    text-transform: uppercase
}

blockquote {
    padding: 0 40px;
    margin: 10px 0 20px;
    position: relative
}

blockquote:after,
blockquote:before {
    content: "";
    position: absolute;
    top: 6px;
    width: 18px;
    height: 14px;
    background-image: url(/static/prj/images/icons-content.png);
    background-repeat: no-repeat;
    background-size: 36px 14px
}

blockquote:before {
    background-position: 0 0;
    left: 0
}

blockquote:after {
    background-position: -18px 0;
    right: 0
}

.blockquote-author {
    font-size: 1.125rem;
    margin-top: 14px;
    text-align: right
}

.lead {
    font-size: 1.25rem;
    line-height: 1.4;
    margin: 10px 0 12px
}

.font-big {
    font-size: 1.125rem;
    line-height: 1.6;
    margin: 10px 0 14px
}

.font-small {
    font-size: .875em
}

.color-important {
    color: red
}

.title {
    font-size: 3.125rem;
    font-weight: 400;
    margin: 0 0 32px
}

.title,
.title-colored {
    font-family: Montserrat Bold, Arial, sans-serif;
    line-height: 1.2
}

.title-colored {
    color: #345ebe;
    font-size: .875rem;
    text-transform: uppercase;
    margin-bottom: 6px
}

.table {
    width: 100%;
    margin-top: 22px
}

.table th {
    background-color: #6a93d4;
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    padding: 6px 39px;
    vertical-align: top;
    font-weight: 400
}

.table td {
    font-size: 1rem;
    line-height: 1.3;
    padding: 19px 20px;
    border: 1px solid #989898;
    text-align: center;
    min-height: 4.4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img.imageLeftAligned,
span.imageLeftAligned img {
    float: left;
    margin-right: 10px !important;
    margin-bottom: 2px !important
}

img.imageRightAligned,
span.imageRightAligned img {
    float: right;
    margin-left: 10px !important;
    margin-bottom: 2px !important
}

img.imageLeftAlignedWBorder,
span.imageLeftAlignedWBorder img {
    float: left;
    margin-right: 10px !important;
    margin-bottom: 2px !important;
    border: 1px solid #000 !important
}

img.imageRightAlignedWBorder,
span.imageRightAlignedWBorder img {
    float: right;
    margin-left: 10px !important;
    margin-bottom: 2px !important;
    border: 1px solid #000 !important
}

img.imageWBorder,
span.imageWBorder img {
    border: 1px solid #000 !important
}

html {
    /*font-size: 16px;*/
    font-size: 14px;
    letter-spacing: -0.04ex;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 800px;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    background-color: #fff;
    color: #000;
    font-family: Montserrat Medium, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.5
}

body.is-drop-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body.is-drop-footer .main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

body.is-drop-footer .footer {
    -ms-flex-preferred-size: content;
    flex-basis: content
}

.anchor {
    display: block;
    height: 0;
    position: relative;
    top: -50px
}

.wrapper {
    width: 92%;
    min-width: 740px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto
}

@media only screen and (min-width: 1024px) {
    .wrapper {
        width: 100%;
        max-width: 940px
    }
}

@media only screen and (max-width: 1023px) {
    .section {
        padding: 20px 0
    }

    .section.has-padding-top {
        padding: 20px 0 0
    }
}

@media only screen and (min-width: 1024px) {
    .section {
        padding: 30px 0
    }

    .section.has-padding-top {
        padding: 30px 0 0
    }
}

h1+.section {
    padding-top: 0 !important
}

img {
    image-rendering: -webkit-optimize-contrast
}

.logo {
    text-decoration: none
}

.logo,
.logo__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo__name {
    font-family: Montserrat Light, Arial, sans-serif;
    white-space: nowrap;
    visibility: visible;
    opacity: 1;
    width: auto;
    -webkit-transition: visibility .25s linear, opacity .25s linear, width .25s linear, font-size .25s linear;
    transition: visibility .25s linear, opacity .25s linear, width .25s linear, font-size .25s linear
}

.logo__name,
.logo__name:hover {
    color: #fff;
    text-decoration: none
}

.logo__name .is-strong {
    font-family: Montserrat Bold, Arial, sans-serif
}

.footer .logo__name {
    color: inherit;
    font-size: inherit
}

.navbar .logo__name {
    height: 77px;
    font-size: 1.4rem
}

.navbar.is-fixed .logo__name {
    height: 51px;
    font-size: 1rem
}

.navbar.is-product .logo__name {
    font-size: 1rem
}

@media only screen and (max-width: 800px) {
    .logo__name {
        font-size: 1.125rem
    }

    .navbar.is-fixed .logo__name {
        font-size: 1rem
    }

    .navbar.is-product.is-fixed .logo__name,
    .navbar.is-product .logo__name {
        font-size: .875rem
    }
}

.logo__sign {
    width: 48px;
    height: 48px;
    margin-right: 19px;
    -webkit-transition: width .25s linear, height .25s linear;
    transition: width .25s linear, height .25s linear
}

@media only screen and (max-width: 800px) {
    .logo__sign {
        margin-right: 10px
    }
}

.logo__sign path,
.logo__sign polygon {
    fill: #fff
}

.footer .logo__sign {
    width: 21px;
    height: 21px;
    margin-right: 7px;
    margin-left: 10px
}

.footer .logo__sign path,
.footer .logo__sign polygon {
    fill: grey
}

.logo__sign.is-small {
    width: 35px;
    height: 35px
}

.navbar.is-fixed .logo__sign,
.navbar.is-fixed .logo__sign.is-small {
    width: 29px;
    height: 29px
}

.search__trigger {
    color: #fff;
    cursor: pointer;
    padding: 15px
}

.search-navbar {
    position: absolute;
    top: -7px;
    right: 0;
    width: 668px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 2px
}

.search-navbar__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-navbar__field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.search-navbar__input.input {
    border: none;
    border-radius: 0;
    font-size: 1.5rem
}

.search-navbar__button.button {
    background: #005af9;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #345ebe;
    font-size: .875rem;
    letter-spacing: 0;
    text-transform: none;
    padding: 7px 15px
}

.search-navbar__clear {
    display: block;
    width: 58px;
    height: 58px;
    position: relative;
    cursor: pointer
}

.search-navbar__clear:after,
.search-navbar__clear:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #005af9;
    top: 27px;
    left: 19px
}

.search-navbar__clear:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-navbar__clear:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.main {
    margin-top: 77px;
    background-color: #fff
}

.workarea.has-paddings,
.wrapper.has-paddings {
    padding-top: 32px;
    padding-bottom: 77px
}

.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid__item.is-main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.grid__item.has-margin-right {
    margin-right: 250px
}

.grid.has-two-columns>div {
    width: 46%
}

.grid.has-three-columns>div {
    width: 33.33%
}

@media only screen and (max-width: 1023px) {
    .grid.has-three-columns>div {
        width: 50%
    }
}

.grid.has-six-columns>div {
    width: 16.67%;
    position: relative;
    vertical-align: middle;
    display: table-cell;
}

.grid>div:only-of-type {
    width: 100%
}

.grid.is-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid.is-inserted {
    margin-right: -240px
}

@media only screen and (min-width: 1024px) {
    .grid.is-inserted {
        margin-right: -250px
    }
}

.grid__sidebar {
    width: 240px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {
    .grid__sidebar {
        width: 250px;
        padding-left: 30px
    }
}

.breadcrumbs {
    font-size: 1.125rem;
    line-height: 1.25em;
    position: relative
}

.breadcrumbs a {
    text-decoration: none
}

.hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff
}

.hero__title {
    font-size: 4.5625rem;
    line-height: 1.1667;
    font-weight: 700;
    margin-bottom: 34px
}

.hero__text {
    font-size: 1.375rem;
    line-height: 1.55;
    margin-bottom: 48px;
    font-family: Montserrat Light, Arial, sans-serif
}

.hero__buttons .button {
    margin-left: 27px;
    margin-right: 27px
}

.hero__controls {
    font-size: 1rem;
    display: block;
}

.hero__controls .button {
    margin-bottom: 13px
}

.hero__controls a:not(.button) {
    color: #fff
}

.hero__controls a:not(.button):hover {
    color: #d1d7ed
}

.about {
    position: relative
}

.about-features {
    position: relative;
    height: 150px
}

.about-features,
.about-features .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 1200px) {
    .about-features {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }
}

.about-features__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #335dbd;
    opacity: .8;
    -webkit-box-shadow: 0 -3px 32px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 -3px 32px 0 rgba(0, 0, 0, .25)
}

.about-features__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3125;
    font-family: Montserrat Light, Arial, sans-serif;
    min-width: 21%
}

.about-features__item [class^=ico] {
    margin-right: 9px
}

@media only screen and (min-width: 1024px) {
    .about-features__item {
        padding: 30px 10px 10px
    }
}

.features {
    font-size: 1rem;
    line-height: 1.5;
    color: #1a1a1a;
    padding: 0 0 23px
}

.features__title {
    text-align: center;
    margin-bottom: 38px
}

.features__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .features__row {
        margin: 0 -20px
    }
}

.features__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    min-width: 33.33%;
    padding: 20px 7px;
    font-family: Montserrat Medium, Arial, sans-serif
}

.features__item [class^=ico] {
    margin-bottom: 20px
}

.features__item p {
    width: 100%
}

@media only screen and (min-width: 1024px) {
    .features__item {
        padding-left: 20px;
        padding-right: 20px
    }
}

.features__more {
    text-align: center;
    margin-top: 55px
}

.features__more a,
.features__more a:hover {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    color: #2d70ff;
    text-decoration: none;
    cursor: pointer
}

.features__more a:hover {
    text-decoration: none;
    color: #1c4196
}

.features__name {
    width: 100%
}

.sidebar {
    width: 240px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 1024px) {
    .sidebar {
        width: 250px;
        padding-left: 30px
    }
}

.sidebar__box {
    background-color: #fff;
    -webkit-box-shadow: 0 18px 43px rgba(0, 0, 0, .21);
    box-shadow: 0 18px 43px rgba(0, 0, 0, .21);
    padding: 23px 14px 12px 16px;
    margin-bottom: 30px
}

.sidebar__box.has-bg-support {
    background-repeat: no-repeat;
    background-size: 157px 157px;
    background-position: 100% 100%;
    background-image: url(/static/prj/images/bg-support.png)
}

.sidebar__section {
    margin-bottom: 30px
}

.sidebar-nav {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.09rem;
    border-top: 4px solid #4a82de
}

.sidebar-nav__title {
    color: #aeaeae;
    text-transform: uppercase;
    margin-bottom: 14px
}

.sidebar-nav a {
    color: #102a36;
    text-decoration: none
}

.sidebar-nav a.is-active,
.sidebar-nav a:hover {
    color: #345ebe
}

.sidebar-nav__item {
    padding: 6px 2px;
    margin-bottom: 8px
}

.sidebar-nav__item.is-active {
    color: #345ebe
}

.sidebar-nav__item ul {
    font-family: Montserrat Medium, Arial, sans-serif;
    font-size: .875rem;
    margin-top: 15px;
    margin-bottom: 10px
}

.sidebar-nav__item ul:last-child {
    margin-bottom: -1px
}

.sidebar-nav__item li {
    padding: 5px 0 4px 14px;
    margin: 0 0 4px
}

.sidebar-nav__item li:before {
    display: none
}

.sidebar-nav__item li.is-active {
    background-color: #edeff2
}

.sidebar-nav__item li.is-active a:hover {
    color: #102a36
}

.footer {
    min-height: 427px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 61px;
    background-color: #1c2840;
    color: grey;
    padding-left: 1%;
    padding-right: 1%
}

@media only screen and (min-width: 1024px) {
    .footer {
        padding-left: 0;
        padding-right: 0
    }
}

.footer a {
    color: grey
}

.footer a:hover {
    color: #0058f9
}

.footer a.logo:hover {
    color: grey
}

.footer__grid {
    display: block;
    position: relative
}

.footer.is-product {
    min-height: 60px;
    padding-top: 0
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .75rem;
    border-top: 1px solid #495366;
    margin-top: 28px;
    padding-top: 36px;
    padding-bottom: 28px
}

.is-product .footer-bottom {
    border-top: none;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 10px
}

.footer-bottom__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.3
}

.footer-bottom__item.is-block {
    display: block
}

.footer-bottom a:not(.logo) {
    border-bottom: 1px solid #353e50;
    text-decoration: none
}

.footer-bottom a:not(.logo):hover {
    border-bottom: 1px solid #15346e
}

.footer-bottom__link {
    display: inline-block;
    margin: 0 7px
}

.footer-bottom__link.is-main {
    font-size: .875rem;
    font-family: Montserrat Light, Arial, sans-serif;
    color: #fff;
    border-bottom-color: #6f6f6f
}

.footer-bottom__link.is-main:hover {
    color: #005af9;
    border-bottom-color: #15346e
}

.footer-bottom__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    color: #a8abb1;
    padding-bottom: 2px
}

.footer-bottom__icon {
    font-size: 1.9rem;
    color: #fff !important;
    margin-left: 6px;
    border-bottom: none !important
}

.footer-bottom__icon:hover {
    text-decoration: none;
    border-bottom: none !important;
    color: #345ebe !important
}

.footer-nav {
    width: 24%;
    float: right
}

.footer-nav:first-child,
.footer-nav:nth-child(2),
.footer-nav:nth-child(3) {
    float: left
}

.footer-nav a {
    text-decoration: none
}

.footer-nav h5 {
    font-family: Montserrat Bold, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    color: #fff;
    margin: 0 0 8px;
    padding: 0
}

.footer-nav h5 a {
    color: #fff
}

.footer-nav ul {
    padding: 0;
    margin: -4px 0 2px
}

.footer-nav li {
    padding: 0;
    margin: 10px 0 22px;
    font-size: 1rem
}

.footer-nav li:before {
    display: none
}

.footer-nav li a {
    color: #a9aaae
}

.footer-nav-spacer {
    width: 1px;
    float: left
}

.customers {
    text-align: center
}

.customers__grid,
.clustomers__grid {
    align-items: center;
}

.customers__grid>div {
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .customers__grid>div {
        margin: 20px 2%
    }
}

.customers-list {
    margin-bottom: 70px
}

.customers-list__title {
    font-size: 2.75rem;
    margin-bottom: 33px
}

.partners {
    margin-bottom: 50px
}

.partners__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.partners__image {
    width: 29%
}

.partners__description {
    width: 62%
}

.block:not(:last-child) {
    margin-bottom: 1.5rem
}

.search-results__item {
    font-size: .875rem;
    line-height: 1.4;
    margin-bottom: 19px
}

.search-results__item a {
    text-decoration: none;
    color: #1a1a1a
}

.search-results__item a:hover {
    text-decoration: none;
    color: #2d70ff
}

.search-results__item .found {
    background-color: #b2cdfd;
    padding: 0 2px;
    margin: 0 -2px
}

.search-results__item-title {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 6px
}

.background-half {
    background-color: #f2f4f7;
    position: relative;
    z-index: 3;
    min-height: 200px;
    margin-top: 40px
}

.background-half__inner {
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #e0e8f3
}

.background-half__inner:before {
    content: "";
    position: absolute;
    top: 19%;
    right: -40px;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 20px solid transparent;
    border-left-color: #e0e8f3
}

.background-half__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 3
}

.background-half__column {
    width: 45%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 47px
}

.how-to {
    text-align: center;
    padding: 11px 0
}

.how-to__title {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 3.125rem;
    line-height: .9;
    margin: 0 0 20px
}

.how-to__title a {
    display: inline-block;
    color: #1a1a1a;
    border-bottom: 1px solid #c6d9f7;
    text-decoration: none
}

.how-to__title a:hover {
    color: #2d70ff;
    border-bottom-color: #2d70ff
}

.how-to__description {
    font-size: 1.5rem;
    line-height: 1.4;
    font-family: Montserrat Light, Arial, sans-serif;
    margin: 0 0 20px
}

.how-to__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (min-width: 1024px) {
    .how-to__content {
        margin: 0 -30px
    }
}

.how-to__content-part {
    width: 33.33%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 7px
}

@media only screen and (min-width: 1024px) {
    .how-to__content-part {
        padding-left: 20px;
        padding-right: 20px
    }
}

.video-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #1a1a1a;
    font-family: Montserrat Light, Arial, sans-serif;
    text-decoration: none;
    outline: none
}

.video-button,
.video-button__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-button__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 160px;
    height: 160px;
    margin-bottom: 25px
}

.video-button__image img {
    z-index: 2
}

.video-button__image:before,
.video-button__image img {
    display: block;
    border-radius: 80px;
    position: absolute;
    top: 0;
    left: 0
}

.video-button__image:before {
    content: "";
    z-index: 3;
    width: 160px;
    height: 160px;
    background-color: rgba(0, 26, 67, .4)
}

.video-button__circle {
    display: block;
    position: relative;
    z-index: 4;
    width: 58px;
    height: 58px;
    border-radius: 29px;
    background-color: #fff;
    -webkit-transition: all .35s;
    transition: all .35s
}

.video-button__triangle {
    display: block;
    position: absolute;
    z-index: 5;
    height: 24px;
    width: 48px;
    top: 68px;
    left: 71px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: transparent transparent transparent #345ebe;
    border-style: solid;
    border-width: 11px 22px;
    border-radius: 3px;
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

.video-button__name {
    font-size: 1.5rem;
    line-height: 1.3333;
    width: 100%
}

.video-button:hover {
    color: #2d70ff
}

.video-button:hover .video-button__circle {
    background-color: #2d70ff;
    width: 74px;
    height: 74px;
    border-radius: 37px
}

.video-button:hover .video-button__triangle {
    border-left-color: #fff
}

.header-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 35px 0;
    margin-bottom: 41px;
    border-bottom: 1px solid #c6d9f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 12rem
}

.header-block__date {
    font-family: Montserrat Medium, Arial, sans-serif;
    font-size: 1rem;
    color: grey;
    position: absolute;
    margin-top: -1.05rem
}

.header-block__title {
    font-size: 3.125rem;
    font-weight: 400
}

.header-block__num,
.header-block__title {
    font-family: Montserrat Bold, Arial, sans-serif;
    line-height: 1.2
}

.header-block__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 90px;
    max-width: 90px;
    height: 90px;
    border-radius: 45px;
    background-color: #e33952;
    font-size: 2rem;
    color: #fff;
    margin-left: 10px;
    margin-bottom: 7px
}

.header-block__num.is-blue {
    background-color: #005af9
}

.header-block__num.is-orange {
    background-color: #fc7000
}

.version-history {
    font-size: 1rem;
    line-height: 1.5
}

.version-history li:before {
    top: 9px
}

.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 45px 42px 33px;
    background-color: #fff;
    -webkit-box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21);
    box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21);
    position: relative;
    font-size: 1rem;
    line-height: 1.5
}

.info__content {
    width: 36%
}

.info__icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 48px;
    margin-right: 28px
}

.info__icon-wrapper.is-center {
    padding-top: 5%
}

.info__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #3ebe34;
    border-radius: 24px
}

.info__spacer {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.button-choose {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
    border: 2px solid #fbdc32;
    padding: 22px 50px 23px;
    margin-top: 35px;
    margin-bottom: 24px;
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .button-choose {
        padding-left: 20px;
        padding-right: 20px
    }
}

.columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -15px;
    padding: 27px 0 34px
}

.columns__item {
    margin: 0 15px
}

.box-with-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 0
}

.box-with-image__content {
    font-size: 1.375rem;
    line-height: 1.3636;
    padding-top: 25px
}

.box-with-image__content .title {
    margin-bottom: 24px
}

.box-with-image__content p {
    line-height: 1.4
}

.box-with-image__image {
    margin-right: -108px;
    margin-left: 66px
}

.box-with-image__image img {
    max-width: none
}

.supported-list {
    padding-top: 23px
}

.supported {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px 0 50px
}

.supported__title {
    min-width: 36.25%;
    width: 36.25%;
    position: relative;
    padding-right: 65px;
    padding-top: 8px;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.3125;
    color: #1a1a1a;
    text-transform: uppercase
}

.supported__title,
.supported__title:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.supported__title:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    border-top: 1px solid #c6d9f7;
    border-right: 1px solid #c6d9f7;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 25px;
    top: 12px
}

.supported__item {
    margin: 0 20px;
    min-width: 40px;
    height: 54px;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #c6d9f7;
    border-radius: 3px;
    position: relative
}

.supported__item span {
    display: block;
    position: relative;
    background-color: #fff;
    padding: 5px 0;
    left: -13px;
    color: #6a93d4;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.1
}

.supported__item.is-wide {
    min-width: 97px
}

.supported__item.is-center {
    padding-top: 0
}

.supported__item.is-center,
.supported__item.is-center span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.supported__item.is-center span {
    min-height: 38px
}

.supported__lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    bottom: -4px;
    margin-left: 20px;
    color: #6a93d4;
    font-size: .875rem;
    line-height: 1.2;
    text-transform: uppercase
}

.supported__lang-name {
    display: block;
    padding-top: 11px
}

.supported__img {
    width: 26px;
    height: 20px;
    border-radius: 2px;
    display: inline-block;
    border: 1px solid #dcdcdc
}

.supported__text {
    font-size: .875rem;
    line-height: 1.5;
    color: #1a1a1a
}

.supported__plus {
    width: 36px;
    height: 54px;
    margin-right: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.supported__format+.supported__plus {
    margin-left: -15px
}

.supported__plus:after,
.supported__plus:before {
    content: "";
    position: absolute;
    width: 19px;
    height: 3px;
    background-color: #c6d9f7
}

.supported__plus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.supported-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 61px -17px 109px
}

.supported-columns__item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 17px
}

.supported-frame {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid #c6d9f7;
    border-radius: 4px;
    height: 100%
}

.supported-frame,
.supported-frame__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.supported-frame__title p {
    background-color: #fff;
    position: relative;
    top: -16px;
    padding: 0 15px;
    margin: 0 15px -1px;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.167;
    color: #1a1a1a;
    text-transform: uppercase
}

.supported-frame__column,
.supported-frame__title span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.supported-frame__column {
    padding: 0 15px 0 0
}

.supported-frame__content,
.supported-frame__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.supported-frame__content {
    padding: 0 8px 10px 28px;
    color: #6a93d4;
    line-height: 1.45
}

.supported-frame__content.is-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 30px
}

.supported-frame__content.is-center .supported__lang {
    padding: 0;
    margin: 10px 14px;
    bottom: 0
}

.supported-frame__content.is-center .supported__lang-name {
    padding-top: 7px
}

.supported-frame__content p {
    margin: 12px 0
}

.buy {
    padding-top: 40px
}

.scrollup {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    right: 20px;
    background-color: #fff;
    border-radius: 25px;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    z-index: 1000
}

.scrollup,
.scrollup:before {
    -webkit-transition: border-color .25s linear;
    transition: border-color .25s linear
}

.scrollup:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 8px;
    border-top: 2px solid #1a1a1a;
    border-left: 2px solid #1a1a1a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.scrollup:hover {
    border-color: #005af9
}

.scrollup:hover:before {
    border-top-color: #005af9;
    border-left-color: #005af9
}

.tooltip {
    position: relative
}

.tooltip.is-icon {
    font-size: .75rem;
    line-height: 1rem;
    padding: 7px;
    margin: 0 -7px
}

.tooltip__text {
    opacity: 0;
    display: none;
    width: 330px;
    left: 50%;
    bottom: 35px;
    margin-left: -161px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 24px 0 rgba(0, 0, 0, .2);
    padding: 26px 28px;
    font-size: .875rem;
    line-height: 1.5;
    text-align: left
}

.tooltip__text,
.tooltip__text:after {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tooltip__text:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 7px solid transparent;
    border-top-color: #fff;
    bottom: -14px;
    left: 154px
}

.tooltip__text ol,
.tooltip__text ul {
    margin: 0
}

.tooltip__icon {
    position: relative;
    z-index: 7;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0 1px 0 0;
    top: -1px;
    width: 1rem;
    height: 1rem;
    line-height: 1.125rem;
    border-radius: .5rem;
    background-color: #f2f4f7;
    color: #6a93d4;
    cursor: pointer
}

.tooltip__icon:hover {
    background-color: #678fce;
    color: #fff
}

.graphics {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.graphics,
.graphics__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.graphics__item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    width: 22%;
    height: 200px;
    padding: 10px 20px;
    margin-right: 15px;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.graphics__image {
    height: 70%;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.graphics__image img {
    max-height: 110px;
    width: auto
}

.graphics__title {
    text-align: center;
    line-height: 1.1
}

.page-not-found {
    background-image: url(/static/prj/images/404.png);
    background-position: 50% 86px;
    background-repeat: no-repeat;
    padding-top: 480px
}

.page-not-found__text {
    font-size: 1.25rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 50px
}

.upgrade {
    background-color: #fff;
    -webkit-box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21);
    box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21);
    margin: 41px 0 31px;
    padding: 0 40px
}

.upgrade__image {
    float: right;
    margin: 44px 18px 0 0
}

.upgrade__logo {
    height: 100px;
    position: relative;
    margin-left: -5px
}

.upgrade__hexagon-wrapper {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 400px;
    height: 400px;
    left: -35px
}

.upgrade__hexagon-bg {
    display: block;
    position: absolute;
    width: 400px;
    height: 231px;
    margin: 115px 0;
    left: -123px;
    top: -268px
}

.upgrade__hexagon-bg:after,
.upgrade__hexagon-bg:before {
    content: "";
    position: absolute;
    width: 0;
    border-left: 200px solid transparent;
    border-right: 200px solid transparent
}

.upgrade__hexagon-bg:before {
    bottom: 100%;
    border-bottom: 115px solid #fff8de
}

.upgrade__hexagon-bg:after {
    top: 100%;
    border-top: 115px solid #fff8de
}

.upgrade__hexagon-bg.is-purple {
    background-color: #f5efff
}

.upgrade__hexagon-bg.is-purple:before {
    border-bottom-color: #f5efff
}

.upgrade__hexagon-bg.is-purple:after {
    border-top-color: #f5efff
}

.upgrade__hexagon-bg.is-light-purple {
    background-color: #eaeaff
}

.upgrade__hexagon-bg.is-light-purple:before {
    border-bottom-color: #eaeaff
}

.upgrade__hexagon-bg.is-light-purple:after {
    border-top-color: #eaeaff
}

.upgrade__hexagon-bg.is-green {
    background-color: #eaffee
}

.upgrade__hexagon-bg.is-green:before {
    border-bottom-color: #eaffee
}

.upgrade__hexagon-bg.is-green:after {
    border-top-color: #eaffee
}

.upgrade__hexagon-bg.is-light-green {
    background-color: #eaffee
}

.upgrade__hexagon-bg.is-light-green:before {
    border-bottom-color: #eaffee
}

.upgrade__hexagon-bg.is-light-green:after {
    border-top-color: #eaffee
}

.upgrade__hexagon-bg.is-red {
    background-color: #ffecf0
}

.upgrade__hexagon-bg.is-red:before {
    border-bottom-color: #ffecf0
}

.upgrade__hexagon-bg.is-red:after {
    border-top-color: #ffecf0
}

.upgrade__hexagon-bg.is-yellow {
    background-color: #fff8de
}

.upgrade__hexagon-bg.is-yellow:before {
    border-bottom-color: #fff8de
}

.upgrade__hexagon-bg.is-yellow:after {
    border-top-color: #fff8de
}

.upgrade__hexagon-bg.is-blue {
    background-color: #eaf6ff
}

.upgrade__hexagon-bg.is-blue:before {
    border-bottom-color: #eaf6ff
}

.upgrade__hexagon-bg.is-blue:after {
    border-top-color: #eaf6ff
}

.upgrade__hexagon,
.upgrade__hexagon:after,
.upgrade__hexagon:before {
    -webkit-box-shadow: 1.5px 2.5px 32px 0 rgba(0, 0, 0, .21) !important;
    box-shadow: 1.5px 2.5px 32px 0 rgba(0, 0, 0, .21) !important
}

.upgrade__hexagon,
.upgrade__text,
.upgrade__title {
    position: relative;
    z-index: 3
}

.upgrade__title {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.8125rem;
    line-height: 1;
    text-transform: uppercase;
    margin: 9px 0 43px
}

.upgrade__h2 {
    margin: 31px 0 11px
}

.upgrade__h4 {
    margin: 25px 0 14px
}

.upgrade__h4+.field {
    padding-top: 3px
}

.upgrade__input {
    width: 72% !important
}

.upgrade .field {
    font-size: 1.125rem
}

.upgrade .control {
    margin-top: 7px
}

.upgrade__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0
}

.upgrade__footer {
    background-color: #edeff2;
    margin: 37px -40px 0;
    padding: 21px 40px 41px
}

.upgrade__footer .control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.upgrade__footer .field {
    padding-bottom: 3px
}

.upgrade-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 48px;
    margin-bottom: 40px
}

.upgrade-buttons__note {
    padding: 9px 0;
    margin-right: 60px
}

.sitemap li {
    font-size: 1rem
}

.sitemap li:before {
    width: 6px;
    height: 6px;
    top: 9px
}

.sitemap li li {
    font-size: .875rem
}

.sitemap li li:before {
    width: 5px;
    height: 5px;
    border-radius: 3px;
    border: 1px solid #345ebe;
    background-color: #fff;
    top: 8px
}

.sitemap li ul {
    margin-bottom: 8px
}

.iframe-likebox {
    border: none;
    overflow: hidden;
    width: 293px;
    height: 180px
}

.navbar {
    background-color: #4a82de;
    position: fixed;
    width: 100%;
    z-index: 10
}

.navbar.first-line {
    display: none;
}

.navbar__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 77px;
    -webkit-transition: height 0s;
    transition: height 0s
}

.navbar.is-fixed .navbar__wrapper {
    height: 51px;
    -webkit-transition: height .25s;
    transition: height .25s
}

.navbar__logo {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 10px
}

.navbar__langs {
    width: 86px
}

.navbar__search {
    width: 60px;
    text-align: center;
    position: relative
}

.navbar__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -20px
}

.navbar.is-dark {
    background-color: #000
}

.navbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: height .25s, width .25s;
    transition: height .25s, width .25s
}

.is-product .navbar-menu {
    width: 85%
}

@media only screen and (min-width: 1024px) {
    .is-product .navbar-menu {
        width: 75%
    }
}

.navbar-menu.is-narrow {
    width: auto !important
}

.navbar-menu__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 77px;
    -webkit-transition: height .25s, width .25s;
    transition: height .25s, width .25s
}

.navbar.is-fixed .navbar-menu__item {
    height: 51px
}

.navbar-menu__item.has-dropdown:before {
    content: "";
    display: none;
    position: absolute;
    z-index: 5;
    bottom: 0;
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 9px solid transparent;
    border-bottom-color: #fff
}

.navbar-menu__item.has-dropdown:hover:before {
    display: block
}

.navbar-menu__item.has-dropdown.has-filter:before {
    border-bottom-color: #f2f4f8
}

.navbar-menu__item:hover .navbar-menu__link {
    color: #bad1f7;
    text-decoration: none
}

.navbar-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 77px;
    position: relative;
    padding: 1.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-transition: color .25s linear;
    transition: color .25s linear;
    font-family: Montserrat Light, Arial, sans-serif;
    font-weight: 700;
    font-size: .875rem;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

.navbar.is-fixed .navbar-menu__link {
    height: 51px;
    -webkit-transition: height .25s;
    transition: height .25s
}

.navbar-menu__link.is-active {
    color: #1c4196
}

.navbar-menu__button-wrapper {
    visibility: hidden;
    opacity: 0;
    width: 0
}

.navbar-menu__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 51px;
    background-color: #3fce35;
    -webkit-transition: background-color .25s linear;
    transition: background-color .25s linear;
    font-size: .875rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Montserrat Bold, Arial, sans-serif
}

.navbar-menu__button [class^=ico] {
    margin-left: 10px
}

.navbar-menu__button,
.navbar-menu__button:hover {
    color: #fff
}

.navbar-menu__button:hover {
    background-color: #3ebe34
}

.navbar.is-product .navbar-menu__link {
    text-transform: none;
    padding: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    font-size: 1rem;
    font-weight: 400;
    -webkit-transition: font-size .25s linear, color .25s linear, border .25s linear;
    transition: font-size .25s linear, color .25s linear, border .25s linear;
    margin-left: 10px
}

.is-fixed .navbar.is-product .navbar-menu__link {
    font-size: .875rem
}

.navbar.is-product .navbar-menu__link:hover {
    color: #d1d7ed;
    border-bottom-color: #4a73d1
}

.navbar.is-product .navbar-menu__link.is-active {
    color: #98b7ff;
    border-bottom-color: #8db0ff
}

@media only screen and (max-width: 1023px) {
    .navbar.is-product .navbar-menu__link {
        font-size: .875rem
    }
}

.navbar.is-product.is-dark .navbar-menu__link:hover {
    color: #cbcbcb;
    border-bottom-color: #053892
}

.navbar.is-product.is-dark .navbar-menu__link.is-active {
    color: #818181;
    border-bottom-color: #005af9
}

@media only screen and (min-width: 1024px) {
    .navbar.is-product.is-fixed .navbar-menu {
        width: 90%
    }
}

.navbar.is-product.is-fixed .navbar-menu__button-wrapper {
    visibility: visible;
    opacity: 1;
    width: auto;
    -webkit-transition: visibility 1s linear, opacity 1s linear, width 1s linear;
    transition: visibility 1s linear, opacity 1s linear, width 1s linear
}

.navbar.is-product.is-fixed .navbar-menu__button {
    padding: 0 2.2vw;
    margin-left: 2vw
}

@media only screen and (min-width: 1024px) {
    .navbar.is-product.is-fixed .navbar-menu__button {
        padding: 0 31px
    }
}

.navbar-dropdown {
    position: absolute;
    display: none;
    top: 77px
}

.navbar.is-fixed .navbar-dropdown {
    top: 51px
}

.navbar-menu__item:hover .navbar-dropdown {
    display: block
}

.navbar-dropdown__inner {
    padding: 19px 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 17px 54px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 17px 54px 0 rgba(0, 0, 0, .17)
}

.navbar-dropdown.is-fullwidth {
    width: 100%;
    left: 0;
    right: 0
}

.navbar-dropdown.is-fullwidth .navbar-dropdown__inner {
    padding-left: 0;
    padding-right: 0
}

.navbar-dropdown ul {
    margin: 0
}

.navbar-dropdown li {
    padding: 4px 0;
    margin: 0
}

.navbar-dropdown li:before {
    display: none
}

.navbar-dropdown a {
    text-decoration: none;
    color: #1a1a1a
}

.navbar-dropdown a:hover {
    text-decoration: none;
    color: #005af9
}

.navbar-filter {
    background-color: #f2f4f8;
    font-size: .75rem;
    line-height: 1.3em;
    text-transform: uppercase;
    margin-left: -14px;
    margin-right: -14px
}

.navbar-filter a {
    display: inline-block;
    padding: 6px 8px 8px;
    margin: 14px 7px;
    border-radius: 3px;
    color: #345ebe
}

.navbar-filter a span {
    display: inline-block;
    border-bottom: 1px dashed #345ebe
}

.navbar-filter a:hover {
    color: #005af9;
    text-decoration: none
}

.navbar-filter a:hover span {
    border-bottom-color: #005af9
}

.navbar-filter a.is-active {
    color: #fff;
    background-color: #4a81dd
}

.navbar-filter a.is-active span {
    border-bottom-color: #c8d3e9
}

.navbar-filter__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: baseline;
    -ms-flex-pack: baseline;
    justify-content: center;
    margin: 0 -14px
}

.submenu {
    width: 23%;
    padding-bottom: 30px
}

.submenu a {
    color: #345ebe
}

.submenu a,
.submenu a:hover {
    text-decoration: underline
}

.submenu__header {
    font-family: Montserrat Bold, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.75rem;
    line-height: 1.2em;
    padding: 3px 0 13px;
    margin-bottom: 14px;
    position: relative
}

.submenu__header:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 34px;
    border-top: 1px solid #c8d3e9
}

.submenu span {
    display: block;
}

.submenu ul {
    color: #6d6d6d
}

.submenu ul li {
    margin: 0 0 8px
}

.submenu__title {
    font-size: 1.125rem;
    line-height: 1.3em
}

.submenu__title a {
    color: #000
}

.submenu__title a,
.submenu__title a:hover {
    text-decoration: none !important
}

.submenu .is-disabled {
    color: #abaaaa
}

.submenu .is-disabled a,
.submenu .is-disabled a:hover {
    color: #829ede;
    text-decoration: underline
}

.submenu .is-disabled a:hover {
    cursor: text
}

.submenu .is-disabled .submenu__title a,
.submenu .is-disabled .submenu__title a:hover {
    color: #abaaaa
}

.langs {
    position: relative;
    width: 90px
}

.langs__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #102a36;
    text-decoration: underline;
    position: relative;
    padding: 11px 9px 11px 11px;
    margin-bottom: 2px
}

.langs__link:after {
    content: "";
    display: block;
    position: absolute;
    right: 11px;
    top: 16px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #102a36;
    border-right: 1px solid #102a36;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.langs__flag {
    width: 17px;
    height: 13px;
    margin-right: 8px
}

.langs__dropdown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #edeff2;
    display: none
}

.langs__dropdown ul {
    margin: 0 0 13px
}

.langs__dropdown li {
    padding: 0;
    margin: 0
}

.langs__dropdown li:before,
.langs__dropdown li:not(:first-child) a:after {
    display: none
}

.langs__dropdown li:first-child a:after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    top: 19px
}

.langs__dropdown a {
    text-decoration: none
}

.langs__dropdown a:hover {
    text-decoration: underline
}

.langs__dropdown .langs__link {
    margin-bottom: 0;
    padding-bottom: 1px
}

.langs:hover .langs__dropdown {
    display: block
}

.pagination {
    margin: 3rem 0;
    font-family: Montserrat Light, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.4
}

.pagination,
.pagination-next,
.pagination-previous {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination-next,
.pagination-previous {
    width: 24px;
    height: 24px;
    border: 1px solid #333;
    border-radius: 12px
}

.pagination-next:before,
.pagination-previous:before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #333;
    border-right: 1px solid #333
}

.pagination-next:hover,
.pagination-previous:hover {
    border-color: #005af9
}

.pagination-next:hover:before,
.pagination-previous:hover:before {
    border-top-color: #005af9;
    border-right-color: #005af9
}

.pagination-next.is-current,
.pagination-previous.is-current {
    border-color: #bebebe
}

.pagination-next.is-current:before,
.pagination-previous.is-current:before {
    border-top-color: #bebebe;
    border-right-color: #bebebe
}

.pagination-previous {
    margin-right: 38px
}

.pagination-previous:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    margin-left: 3px
}

.pagination-next {
    margin-left: 38px
}

.pagination-next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 3px
}

.pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

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

.pagination-list li:before {
    display: none
}

.pagination-link {
    color: #000
}

.pagination-link:hover {
    text-decoration: none;
    color: #2d70ff
}

.pagination-link.is-current {
    color: #345ebe;
    font-family: Montserrat Bold, Arial, sans-serif
}

.is-required {
    color: #40c036
}

.field {
    padding: 9px 0
}

.field.is-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.field.is-row .label {
    width: 30%
}

.field.is-row .control {
    width: 70%
}

.control {
    position: relative;
    text-align: left;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0;
    margin: 0
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    position: absolute;
    top: 0;
    height: 100%;
    width: 2.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.control.has-icons-right .icon {
    right: 0
}

.control.has-icons-right .input {
    padding-right: 3rem
}

.control.has-icons-left .icon {
    left: 0
}

.control.has-icons-left .input {
    padding-left: 3rem
}

.control.is-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.control.is-font-small {
    font-size: .875rem
}

.control.has-width-60 {
    width: 60%;
    margin: 40px 20% 0
}

.input,
.select select,
.textarea {
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    background-color: #fff;
    font-family: Montserrat Medium, Arial, sans-serif;
    font-size: inherit;
    width: 100%;
    padding: 9px 18px;
    outline: none
}

.textarea {
    max-width: 100%;
    min-width: 100%;
    max-height: 120px;
    min-height: 80px
}

.label {
    padding-top: 6px
}

.radio input,
input[type=radio] {
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    outline: none;
    opacity: 0
}

input[type=radio]:checked+label:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #345ebe;
    left: 5px;
    top: 3px
}

.radio {
    position: relative;
    padding-left: 35px;
    margin-bottom: 17px;
    display: block
}

.radio:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #b2b2b2;
    left: 0;
    top: -2px
}

.radio input:checked:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #345ebe;
    left: -30px;
    top: 3px
}

.radio.is-block {
    width: 60%;
    cursor: pointer;
    padding: 0;
    margin: 0
}

.radio.is-block:not(:last-child) {
    margin-bottom: 10px
}

.control.is-row .radio.is-block {
    width: 47%;
    margin-bottom: 0
}

.radio.is-block:before {
    display: none
}

.radio.is-block input+span {
    display: block;
    position: relative;
    height: 100%;
    background-color: #eef1f7;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    padding: 8px 10px 8px 43px;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.5;
    text-transform: uppercase
}

.radio.is-block input+span:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    margin-top: -10px;
    left: 13px
}

.radio.is-block input:checked+span {
    background-color: #005af9;
    border-color: #005af9;
    color: #fff
}

.radio.is-block input:checked+span:after {
    border-width: 5px;
    border-color: #fff;
    background-color: #345ebe
}

.radio.is-block input:checked:after {
    display: none
}

.checkbox input {
    position: relative;
    bottom: -2px;
    margin-right: 4px
}

.select {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    max-width: 100%;
    height: 2.25em
}

.select:after {
    content: "";
    display: block;
    position: absolute;
    width: .75em;
    height: .75em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 2px solid #005af9;
    border-bottom: 2px solid #005af9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -.375em;
    right: 1.125em;
    top: 50%;
    z-index: 4
}

.select:hover:after {
    border-right-color: #cbcbcb;
    border-bottom-color: #cbcbcb
}

.select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    width: 100%;
    max-width: 100%;
    outline: none;
    padding: 8px 2.5em 8px 18px;
    -moz-appearance: none;
    -webkit-appearance: none
}

.button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 18px 47px;
    margin: 2px 0;
    cursor: pointer;
    -webkit-transition: background .25s linear;
    transition: background .25s linear;
    background: -webkit-gradient(linear, left top, left bottom, from(#44c539), to(#38b72f));
    background: linear-gradient(180deg, #44c539 0, #38b72f);
    color: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    font-family: Montserrat Light, Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1;
    text-transform: uppercase
}

.button strong {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-weight: 400
}

@media only screen and (min-width: 1024px) {
    .button {
        letter-spacing: .1em
    }
}

.button:hover {
    text-decoration: none !important;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#42bf26), to(#1ba400));
    background: linear-gradient(180deg, #42bf26 0, #1ba400)
}

.button.is-promo,
.button.is-service,
.button.is-service-invert {
    padding: 11px 18px 9px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.125rem;
    letter-spacing: 0;
    text-transform: none
}

.button.is-promo {
    background: -webkit-gradient(linear, left top, left bottom, from(#59b974), to(#49a95e));
    background: linear-gradient(180deg, #59b974 0, #49a95e)
}

.button.is-promo:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#38d363), to(#2ec951));
    background: linear-gradient(180deg, #38d363 0, #2ec951)
}

.button.is-service {
    background: #335dbd
}

.button.is-service-invert,
.button.is-service:hover {
    background: #005af9
}

.button.is-service-invert:hover {
    background: #335dbd
}

.button.is-more {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #e6e8eb;
    border-radius: 0;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.25rem;
    color: #335dbd
}

.button.is-more:hover {
    color: #335dbd;
    border-color: #cbcbcb;
    background: #fff
}

.button.is-hero-translucent {
    padding: 15px 18px 20px;
    width: 249px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    position: relative;
    z-index: 5;
    font-family: Montserrat Medium, Arial, sans-serif;
    font-size: 1.5625rem;
    letter-spacing: 0;
    text-transform: none
}

.button.is-hero-translucent span {
    position: relative;
    z-index: 5;
    border-bottom: 1px dashed #fff
}

.button.is-hero-translucent:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 4;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    background: #51b169;
    opacity: .6
}

.button.is-hero-translucent:hover:before {
    opacity: 1
}

.button.is-hero {
    padding: 15px 39px;
    margin-right: 25px;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1.2
}

.button.is-fullwidth {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.button.is-font-small {
    font-size: 1.25rem;
    line-height: 1.1
}

.button.is-font-big {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: .95;
    letter-spacing: .1em
}

.button.is-dark {
    background: -webkit-gradient(linear, left top, left bottom, from(#42bf26), to(#1ba400));
    background: linear-gradient(180deg, #42bf26 0, #1ba400)
}

.button.is-dark:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#44c539), to(#38b72f));
    background: linear-gradient(180deg, #44c539 0, #38b72f)
}

.button.is-rounded {
    width: 27px;
    height: 27px;
    border-radius: 14px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0 20px;
    position: relative;
    background: #2d70ff;
    -webkit-transition: background .15s linear;
    transition: background .15s linear
}

.button.is-rounded.is-add:after,
.button.is-rounded.is-add:before,
.button.is-rounded.is-remove:before {
    content: "";
    display: block;
    width: 13px;
    height: 3px;
    border-radius: 1px;
    background: #fff;
    position: absolute;
    top: 12px;
    left: 7px;
    -webkit-transition: background .15s linear;
    transition: background .15s linear;
    opacity: 1
}

.button.is-rounded.is-add:after {
    height: 13px;
    width: 3px;
    top: 7px;
    left: 12px
}

.button.is-rounded:hover {
    background: #dedede
}

.button.is-rounded:hover.is-add:after,
.button.is-rounded:hover.is-add:before,
.button.is-rounded:hover.is-remove:before {
    background: #345ebe
}

.button [class^=ico] {
    margin-left: 10px
}

.button+h2 {
    margin-top: 48px
}

.form {
    margin: 14px 0
}

.form__description {
    margin-bottom: 24px
}

.form.is-font-big,
.form.is-font-big .button,
.form.is-font-big .input {
    font-size: 1.5rem;
    line-height: 1.3333
}

.form.is-font-big .input {
    padding: 13px 22px 14px
}

.form.is-font-big .button {
    padding: 14px 18px 13px;
    text-transform: uppercase;
    letter-spacing: .1em
}

.form.is-font-big .field {
    margin-bottom: 7px
}

.header-block+.form {
    margin: -5px 0 0
}

.search-form {
    margin-top: 28px
}

.search-form__input {
    font-size: 1.5rem;
    padding: 14px 20px 15px
}

.search-form__icon {
    color: #005af9;
    width: 4rem !important;
    background: none !important
}

.button-google-play {
    display: inline-block;
    width: 358px;
    height: 118px;
    background-image: url(/static/prj/images/google-play.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: center
}

.button-google-play,
.button-google-play:hover {
    color: #000
}

.button-google-play__inner {
    display: inline-block;
    padding: 15px 10px
}

.button-app-store {
    display: inline-block;
    width: 300px;
    height: 89px;
    background-image: url(/static/prj/images/app-store.png);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.subscribe_form__error {
    color: red
}

.modal {
    background: #fff;
    border: 2px solid #edeff2;
    padding: 39px 48px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.125rem;
    line-height: 1.45;
    min-width: inherit;
}

@media only screen and (max-width: 760px) {
    .modal {
        padding: 25px 20px;
    }

}

.modal.has-padding-left {
    padding-left: 95px
}

.modal.has-max-width {
    width: auto;
    max-width: 680px;
    min-width: auto
}

.modal .modal {
    padding: 0;
    border: none
}

.modal__title {
    color: #345ebe;
    margin-top: 16px;
    margin-bottom: 24px
}

.modal__title.has-icons-left {
    position: relative
}

.modal__title.has-icons-left .modal__title-icon {
    position: absolute;
    top: -8px;
    left: -70px
}

.modal__title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #3ebe34;
    border-radius: 24px
}

.modal__lead {
    font-size: 1.375rem;
    line-height: 1
}

.modal__back,
.modal__close {
    position: absolute
}

.modal__back {
    top: 7px;
    right: 60px
}

.modal p {
    margin: 12px 0
}

.modal ul {
    margin-bottom: 16px
}

.modal ul li {
    margin: 4px 0 12px
}

.modal ul li:before {
    top: 11px
}

.mfp-figure {
    min-width: 500px;
    background-color: #fff
}

.mfp-figure .mfp-title {
    color: #000;
    padding: 0 20px
}

.mfp-figure .mfp-counter {
    color: #d8d8d8;
    padding: 0 20px
}

.wizard-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 27px 0
}

.wizard-progress__line {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    font-size: 0;
    background-color: #d8d8d8
}

.wizard-progress__step {
    display: none;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 3.125rem;
    line-height: 1;
    color: #345ebe;
    margin: 0 30px
}

.wizard-progress__step._current {
    display: block
}

.wizard-page__form {
    margin-left: 32%;
    padding: 27px 0
}

.wizard-page__footer {
    text-align: center
}

.wizard-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wizard-answer__title {
    width: 43%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px
}

.wizard-answer__content {
    width: 51%
}

.wizard-answer__h1 {
    line-height: 1.2;
    margin: 24px 0 0
}

.wizard-answer .card {
    margin: 9px 0
}


@media only screen and (max-width: 700px) {
    .wizard-answer {
        flex-direction: column;
    }

    .wizard-answer__title,
    .wizard-answer__content {
        width: 100%;
    }

    .icon.is-answer {
        float: left;
    }

    .wizard-answer__h1 {
        margin: 13px 0 20px;
        font-size: 1.5rem;
    }
}

#back-to-cms {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    width: 150px
}

#back-to-cms a {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block !important;
    white-space: nowrap;
    border: 1px solid #262626;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    padding: 3px 15px;
    text-decoration: none;
    background: #4e4e4e;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    height: auto !important
}

#back-to-cms a:hover {
    color: #fff
}

.hexagon {
    position: relative;
    width: 48px;
    height: 26px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px #e0e0e0;
    box-shadow: 0 0 20px #e0e0e0
}

.hexagon:after,
.hexagon:before {
    content: "";
    position: absolute;
    left: 7px;
    width: 34px;
    height: 34px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #e0e0e0;
    box-shadow: 0 0 10px #e0e0e0
}

.hexagon:before {
    top: -17px
}

.hexagon:after {
    bottom: -17px
}

.hexagon__background {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 26px;
    z-index: 2;
    background-color: #fff
}

.hexagon__icon,
.hexagon__text {
    position: absolute;
    z-index: 3
}

.hexagon__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: 10px;
    width: 28px;
    text-align: center;
    color: #345ebe;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.2em;
    text-transform: uppercase
}

.hexagon__text.is-purple {
    color: #7b41bb
}

.hexagon__border {
    width: 3px;
    height: 15px;
    background: -webkit-gradient(linear, left top, right top, from(#666), color-stop(#000), to(grey));
    background: linear-gradient(90deg, #666, #000, grey);
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
    left: 6px;
    top: 6px
}

.hexagon__border:after,
.hexagon__border:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: inherit;
    left: 5px
}

.hexagon__border:before {
    top: -14px;
    border-top-width: 3px;
    border-top-style: solid;
    border-right-width: 3px;
    border-right-style: solid
}

.hexagon__border:after {
    bottom: -14px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-left-width: 3px;
    border-left-style: solid
}

.hexagon__border:before {
    border-top-color: #000;
    border-right-color: #000
}

.hexagon__border:after {
    border-bottom-color: #000;
    border-left-color: #000
}

.hexagon__border span {
    display: block;
    position: absolute;
    width: 3px;
    height: 15px;
    background: -webkit-gradient(linear, right top, left top, from(#666), color-stop(#000), to(grey));
    background: linear-gradient(270deg, #666, #000, grey);
    z-index: 3;
    top: 0;
    left: 33px
}

.hexagon.is-purple .hexagon__border {
    background: -webkit-gradient(linear, left top, right top, from(#e0d8e3), color-stop(#9c35ba), to(#f7f7f7));
    background: linear-gradient(90deg, #e0d8e3, #9c35ba, #f7f7f7)
}

.hexagon.is-purple .hexagon__border:before {
    border-top-color: #9c35ba;
    border-right-color: #9c35ba
}

.hexagon.is-purple .hexagon__border:after {
    border-bottom-color: #9c35ba;
    border-left-color: #9c35ba
}

.hexagon.is-purple .hexagon__border span {
    background: -webkit-gradient(linear, right top, left top, from(#e0d8e3), color-stop(#9c35ba), to(#f7f7f7));
    background: linear-gradient(270deg, #e0d8e3, #9c35ba, #f7f7f7)
}

.hexagon.is-green .hexagon__border {
    background: -webkit-gradient(linear, left top, right top, from(#b4d3a1), color-stop(#449414), to(#d1dfc8));
    background: linear-gradient(90deg, #b4d3a1, #449414, #d1dfc8)
}

.hexagon.is-green .hexagon__border:before {
    border-top-color: #449414;
    border-right-color: #449414
}

.hexagon.is-green .hexagon__border:after {
    border-bottom-color: #449414;
    border-left-color: #449414
}

.hexagon.is-green .hexagon__border span {
    background: -webkit-gradient(linear, right top, left top, from(#b4d3a1), color-stop(#449414), to(#d1dfc8));
    background: linear-gradient(270deg, #b4d3a1, #449414, #d1dfc8)
}

.hexagon.is-orange .hexagon__border {
    background: -webkit-gradient(linear, left top, right top, from(#f0d8c1), color-stop(#e57100), to(#f9f2eb));
    background: linear-gradient(90deg, #f0d8c1, #e57100, #f9f2eb)
}

.hexagon.is-orange .hexagon__border:before {
    border-top-color: #e57100;
    border-right-color: #e57100
}

.hexagon.is-orange .hexagon__border:after {
    border-bottom-color: #e57100;
    border-left-color: #e57100
}

.hexagon.is-orange .hexagon__border span {
    background: -webkit-gradient(linear, right top, left top, from(#f0d8c1), color-stop(#e57100), to(#f9f2eb));
    background: linear-gradient(270deg, #f0d8c1, #e57100, #f9f2eb)
}

.hexagon.is-red .hexagon__border {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#e2667d), to(#fff));
    background: linear-gradient(90deg, #fff, #e2667d, #fff)
}

.hexagon.is-red .hexagon__border:before {
    border-top-color: #e2667d;
    border-right-color: #e2667d
}

.hexagon.is-red .hexagon__border:after {
    border-bottom-color: #e2667d;
    border-left-color: #e2667d
}

.hexagon.is-red .hexagon__border span {
    background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(#e2667d), to(#fff));
    background: linear-gradient(270deg, #fff, #e2667d, #fff)
}

.hexagon.is-blue .hexagon__border {
    background: -webkit-gradient(linear, left top, right top, from(#f9fafb), color-stop(#4a82de), to(#fff));
    background: linear-gradient(90deg, #f9fafb, #4a82de, #fff)
}

.hexagon.is-blue .hexagon__border:before {
    border-top-color: #4a82de;
    border-right-color: #4a82de
}

.hexagon.is-blue .hexagon__border:after {
    border-bottom-color: #4a82de;
    border-left-color: #4a82de
}

.hexagon.is-blue .hexagon__border span {
    background: -webkit-gradient(linear, right top, left top, from(#f9fafb), color-stop(#4a82de), to(#fff));
    background: linear-gradient(270deg, #f9fafb, #4a82de, #fff)
}

.hexagon.is-big,
.hexagon.is-big .hexagon__background {
    width: 98px;
    height: 53px
}

.hexagon.is-big:after,
.hexagon.is-big:before {
    width: 70px;
    height: 70px;
    left: 14px
}

.hexagon.is-big:before {
    top: -35px
}

.hexagon.is-big:after {
    bottom: -35px
}

.hexagon.is-big .hexagon__text {
    width: 78px;
    font-size: 2.25rem;
    line-height: .8em;
    padding-top: 5px
}

.hexagon.is-big .hexagon__text span.is-small {
    font-size: .75rem;
    display: block;
    line-height: 1em
}

.hexagon.is-big .hexagon__border,
.hexagon.is-big .hexagon__border span {
    width: 4px;
    height: 40px;
    background: -webkit-gradient(linear, left top, right top, from(#9c35ba));
    background: linear-gradient(90deg, #9c35ba, #9c35ba)
}

.hexagon.is-big .hexagon__border {
    left: 14px;
    top: 7px
}

.hexagon.is-big .hexagon__border:after,
.hexagon.is-big .hexagon__border:before {
    width: 50px;
    height: 50px;
    left: 10px
}

.hexagon.is-big .hexagon__border:before {
    border-top-width: 6px;
    border-right-width: 6px;
    top: -25px
}

.hexagon.is-big .hexagon__border:after {
    border-bottom-width: 6px;
    border-left-width: 6px;
    bottom: -25px
}

.hexagon.is-big .hexagon__border span {
    left: 66px
}

.hexagon.is-big.is-purple .hexagon__border,
.hexagon.is-big.is-purple .hexagon__border span {
    background: -webkit-gradient(linear, left top, right top, from(#9c35ba));
    background: linear-gradient(90deg, #9c35ba, #9c35ba)
}

.hexagon.is-big.is-green .hexagon__border,
.hexagon.is-big.is-green .hexagon__border span {
    background: -webkit-gradient(linear, left top, right top, from(#449414));
    background: linear-gradient(90deg, #449414, #449414)
}

.hexagon.is-big.is-blue .hexagon__border,
.hexagon.is-big.is-blue .hexagon__border span {
    background: -webkit-gradient(linear, left top, right top, from(#4a82de));
    background: linear-gradient(90deg, #4a82de, #4a82de)
}

.hexagon.is-big.is-red .hexagon__border,
.hexagon.is-big.is-red .hexagon__border span {
    background: -webkit-gradient(linear, left top, right top, from(#e2667d));
    background: linear-gradient(90deg, #e2667d, #e2667d)
}

.hexagon.is-big.is-orange .hexagon__border,
.hexagon.is-big.is-orange .hexagon__border span {
    background: -webkit-gradient(linear, left top, right top, from(#e57100));
    background: linear-gradient(90deg, #e57100, #e57100)
}

.hexagon-half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 108px;
    height: 68px;
    position: relative
}

.hexagon-half:before {
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    border-left: 6px solid #4a82de;
    border-right: 6px solid #4a82de;
    left: 0;
    right: 0;
    bottom: 17px
}

.hexagon-half__text {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 3.125rem;
    line-height: .8em;
    text-transform: uppercase;
    text-align: center
}

.hexagon-half__text span.is-small {
    font-size: 1.125rem;
    display: block;
    line-height: 1em
}

.hexagon-half__text:after,
.hexagon-half__text:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 63px;
    height: 6px;
    background: #4a82de
}

.hexagon-half__text:before {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: -3px
}

.hexagon-half__text:after {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    right: -3px
}

.icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 171px 193px;
    background-image: url(/static/prj/images/icons.png)
}

.icon.is-time {
    background-position: 0 0
}

.icon.is-num {
    background-position: -28px 0
}

.icon.is-globe {
    background-position: -56px 0
}

.icon.is-faq {
    background-position: 0 -28px;
    width: 33px
}

.icon.is-forum {
    background-position: -33px -28px;
    width: 33px
}

.icon.is-letter {
    background-position: -66px -28px;
    width: 33px
}

.icon.is-download {
    background-position: 0 -56px;
    width: 12px;
    height: 18px
}

.icon.is-submit {
    background-size: 342px 386px;
    background-position: -72px -332px;
    width: 40px;
    height: 20px;
    position: relative;
    bottom: -2px
}

.icon.is-info {
    background-position: -95px -28px;
    width: 24px;
    height: 28px
}

.icon.is-requirements {
    background-position: -119px -28px;
    width: 24px;
    height: 28px
}

.icon.is-check-mark {
    background-position: 0 -80px;
    width: 106px;
    height: 86px
}

.icon.is-components {
    background-size: 342px 386px;
    background-position: 0 -332px;
    width: 57px;
    height: 51px
}

.icon.is-answer {
    background-size: 342px 386px;
    background-position: -238px -160px;
    width: 104px;
    height: 96px
}

.icon-about {
    display: inline-block;
    min-width: 48px;
    height: 48px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(/static/prj/images/icons-about.png)
}

.icon-about.is-grab {
    background-position: 0 0
}

.icon-about.is-edit {
    background-position: -48px 0
}

.icon-about.is-create {
    background-position: -96px 0
}

.icon-about.is-intuitive {
    background-position: -144px 0
}

.icon-about.is-youtube {
    background-position: 0 -48px
}

.icon-about.is-tv {
    background-position: -48px -48px
}

.icon-about.is-fragment {
    background-position: -96px -48px
}

.icon-about.is-audio {
    background-position: -144px -48px
}

.icon-about.is-wmp {
    background-position: -24px -216px;
}

.icon-about.is-create-and-remove {
    background-position: -120px -216px;
}

.icon-about.is-quality {
    background-position: -152px -152px;
    background-size: 289px 359px;
}

.icon-about.is-number-one {
    background-position: -218px -146px;
    background-size: 277px 342px;
}

.icon-about.is-trim {
    background-position: -24px -312px;
}

.icon-about.is-batches {
    background-position: -120px -312px;
}

.icon-about.is-bitmaps {
    background-position: -216px -312px;
}

.icon-about.is-mp4 {
    background-position: -312px -312px;
}

.icon-about.is-voiceover {
    background-position: -24px -387px;
}

.icon-os {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 72px 108px;
    background-image: url(/static/prj/images/icons-os.png)
}

.icon-os.is-windows {
    background-position: 0 0
}

.icon-os.is-mac {
    background-position: 0 -36px
}

.icon-os.is-linux {
    background-position: 0 -72px
}

.is-active .icon-os {
    background-position-x: -36px
}

.tag {
    display: inline-block;
    font-size: .75rem;
    line-height: 1.3em;
    background-color: #345ebe;
    padding: 3px 13px
}

.tag,
.tag:hover {
    color: #fff;
    text-decoration: none
}

.tag:hover {
    background-color: #005af9
}

.cards.is-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 779px) {
    .cards.is-row {
        flex-direction: column !important;
    }
    .cards.is-row .card {
        width: 100% !important;
    }

    .card {
        overflow-x: auto !important;
        white-space: nowrap;
    }
}

.cards.is-row .card,
.cards.is-row .card-toggle {
    width: 48.5%
}

@media only screen and (min-width: 1024px) {

    .cards.is-row .card,
    .cards.is-row .card-toggle {
        width: 45.7%
    }
}

.cards__button {
    padding-top: 26px
}

.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 1.5px 3px 65px 0 rgba(0, 0, 0, .17);
    box-shadow: 1.5px 3px 65px 0 rgba(0, 0, 0, .17);
    margin: 26px 0 36px
}

.card.is-hidden {
    display: none
}

.card.has-note {
    margin-bottom: 66px
}

.card.is-toggling {
    margin-top: -30px
}

.card.is-toggling:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    top: -6px;
    left: 50%;
    margin-left: -6px
}

.card-header {
    background-color: #3c50aa;
    padding: 17px 40px;
    color: #fff
}

.card-header__h1,
.card-header__h2 {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.card-header__h1 {
    font-size: 2rem;
    line-height: 1.4444
}

.card-header__h2 {
    font-size: 1.5rem;
    line-height: 1.25
}

.card-header__h3 {
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 1.25;
    margin: -1px 0 14px
}

.card-header__h3:after {
    content: "";
    display: block;
    width: 34px;
    margin: 15px auto 0;
    border-top: 1px solid #c6d9f7
}

.card-header__note {
    font-family: Montserrat Light, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #c8d3e9;
    padding-bottom: 7px
}

.card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px 12px 25px
}

@media only screen and (min-width: 1024px) {
    .card-body {
        padding: 27px 20px 28px
    }
}

.card-body.is-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 25px 30px
}

.card-body.is-row .card-body__item:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width: 1024px) {
    .card-body.is-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 20px 12px 25px
    }
}

.card-body__options {
    line-height: 1.75;
    padding-bottom: 20px
}

@media only screen and (min-width: 1024px) {
    .card-body__options {
        padding: 0 20px
    }
}

.card-body__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.125rem;
    line-height: 1.45;
    padding: 3px 29px 10px
}

@media only screen and (min-width: 1024px) {
    .card-body__main {
        padding-bottom: 37px
    }
}

.card-body__main:last-child {
    padding-bottom: 3px
}

.card-body__controls {
    padding: 9px 29px 0
}

@media only screen and (min-width: 1024px) {
    .card-body__controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.card-body__button {
    padding: 18px
}

@media only screen and (max-width: 1023px) {
    .card-body__button {
        width: 100%;
        margin-top: 18px
    }
}

.card-body__main-button {
    padding: 12px 0 16px
}

.card-price {
    position: relative;
    margin-right: 15px
}

@media only screen and (max-width: 1023px) {
    .card-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .card-price__value {
        margin-right: 12px
    }
}

.card-price__value {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 2rem;
    line-height: 1.1;
    padding-bottom: 4px;
    white-space: nowrap
}

.card-price__tax {
    font-family: Montserrat Light, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1;
    white-space: nowrap
}

.card-price__undiscounted {
    line-height: 1;
    font-size: 90%;
    position: absolute;
    top: -17px;
    color: #ff2d2d;
    font-weight: 400
}

.card-price__undiscounted:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    font-size: 0;
    background-color: #ff9f9f;
    top: 9px;
    left: 0;
    right: 0
}

.card-price .card-price__undiscounted {
    top: -28px;
    font-size: 1.5rem;
    font-family: Montserrat Medium, Arial, sans-serif
}

.card-price .card-price__undiscounted:before {
    top: 13px
}

.card-footer {
    background-color: #f2f4f7;
    text-align: center;
    font-family: Montserrat Light, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.4444;
    padding: 16px 20px 19px
}

.card-footer__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 9px 29px 0
}

.card-footer__button {
    padding: 18px
}

.card-footer__content {
    text-align: left;
    padding: 12px 20px 4px;
    font-size: 1rem;
    line-height: 1.375
}

.card-footer__title {
    text-transform: uppercase;
    line-height: 1.45;
    font-size: 1.125rem;
    font-family: Montserrat Bold, Arial, sans-serif;
    margin-bottom: 8px
}

.card-note {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -54px
}

.card-note__link {
    color: grey
}

.card.is-licence {
    -webkit-box-shadow: none;
    box-shadow: none
}

.card.is-licence .card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eef1f7;
    color: #1a1a1a;
    padding: 15px 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 85px
}

.card.is-licence .card-header__h2 {
    line-height: 1.08
}

.card.is-licence .card-header__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #3ebe34;
    border-radius: 14px;
    margin: 0 12px 0 -10px
}

.card.is-licence .card-header__icon .icon.is-info {
    width: 15px;
    height: 18px;
    background-size: 89px 124px;
    background-position: -59px -18px
}

.card.is-licence .card-body {
    border: 2px solid #eef1f7;
    padding: 8px
}

.card.is-licence .card-body__main {
    font-size: 1rem;
    line-height: 1.625;
    padding: 9px 20px 23px
}

@media only screen and (min-width: 1024px) {
    .card.is-licence .card-body__main {
        padding-left: 27px;
        padding-right: 27px
    }
}

@media only screen and (max-width: 1023px) {
    .card.is-licence .card-footer__content {
        padding: 10px 8px 7px
    }

    .card.is-licence .card-footer__controls {
        padding: 9px 8px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card.is-licence .card-footer__button,
    .card.is-licence .card-price {
        width: 100%;
        margin-bottom: 20px
    }

    .card.is-licence .card-price__value {
        margin-right: 22px
    }
}

.card-support {
    border: 2px solid #eef1f7;
    font-size: 1rem;
    line-height: 1.625;
    padding: 38px 53px 31px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-color: #fff;
    background-image: url(/static/prj/images/bg-support-card.png)
}

.card-support__title {
    margin-bottom: 3px;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #1a1a1a
}

.card-support__icon,
.card-support__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-support__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #3ebe34;
    border-radius: 14px;
    margin: -3px 12px 0 -10px
}

.card-support__icon .icon.is-info {
    width: 15px;
    height: 18px;
    background-size: 89px 124px;
    background-position: -59px -18px
}

.card-support__column:first-child {
    width: 65%;
    margin-right: 60px
}

.card-support__column:last-child {
    width: 35%
}

.card-support.has-columns,
.faq__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.faq__header {
    margin: 38px 0 13px
}

.faq__title {
    margin: 0
}

.hexagon+.faq__title {
    margin-left: 17px
}

.faq__list {
    font-size: 1.125rem;
    line-height: 1.3em;
    margin: 0 0 0 66px
}

.faq__list li {
    position: relative;
    list-style: none;
    padding-left: 14px;
    margin: 0 0 7px
}

.faq__list li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    width: 5px;
    height: 5px;
    background-color: #345ebe;
    border-radius: 3px;
    text-align: left
}

.faq__button-more {
    display: inline-block;
    margin: 9px 0 0 80px;
    font-size: 1.125rem;
    line-height: 1em;
    color: #000;
    border-bottom: 1px dashed #000;
    cursor: pointer
}

.faq__button-more:hover {
    color: #345ebe;
    border-bottom-color: #345ebe;
    text-decoration: none
}

.faq__more {
    display: none
}

.faq__body {
    margin-bottom: 9px
}

.faq__icon-video {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background-color: #dedede;
    position: relative;
    margin: -5px 0 -5px 3px;
    bottom: -1px
}

.faq__icon-video:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 10px;
    border-color: transparent transparent transparent #345ebe;
    border-style: solid;
    border-width: 5px 9px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 8px;
    left: 9px
}

.faq a,
.faq a:hover {
    text-decoration: none
}

.faq a:hover .faq__icon-video {
    background-color: #2d70ff
}

.faq a:hover .faq__icon-video:before {
    border-left-color: #fff
}

.news__more {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin: 20px 0
}

.news__more a {
    text-decoration: none;
    border-bottom: 1px solid #cdd8f1
}

.news__more a:hover {
    border-bottom-color: #6099ff;
    text-decoration: none
}

.news-item {
    margin: 22px 0
}

.news-item__date {
    margin: 16px 0
}

.news-item__header {
    margin-top: 0
}

.news-item__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

h1+.news-item__meta {
    margin-top: -13px
}

.news-item__body {
    font-size: 1.125rem;
    line-height: 1.5em;
    padding: 21px 0
}

.news-item__image {
    float: left;
    margin: 13px 26px 16px 0
}

.news-list__item {
    padding: 13px 0
}

.news-list__item:last-child {
    padding-bottom: 0;
    margin-bottom: -8px
}

.news-list__image {
    float: left;
    margin: 0 26px 8px 0;
    border: 1px solid #edeff2;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.news-list__header {
    padding: 2px 0 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-list__header>* {
    margin-right: 18px
}

.news-list__header .tag {
    margin-top: -1px
}

.news-list__body {
    font-size: 1.125rem;
    line-height: 1.5em
}

.news-list__body a {
    text-decoration: none
}

.news-list__body a:hover {
    text-decoration: underline
}

.news-list__button {
    margin: 27px 0 15px
}

.date {
    font-size: .75rem;
    line-height: 1.3em;
    color: grey
}

.latest-news {
    padding-top: 32px
}

.products {
    padding-top: 12px
}

@media only screen and (min-width: 1024px) {
    .products__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.products-item {
    height: 330px;
    padding: 28px 31px;
    position: relative;
    z-index: 7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 30px #e0e0e0;
    box-shadow: 3px 3px 30px #e0e0e0;
    margin: 0 0 58px
}

@media only screen and (min-width: 1024px) {
    .products-item {
        height: 390px;
        width: 50%;
        margin: 30px 10px
    }
}

.products-item__arrow {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    height: 280px;
    width: 390px;
    margin-left: -195px;
    background-color: #e5e5e5;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    overflow: hidden
}

@media only screen and (min-width: 1024px) {
    .products-item__arrow {
        width: auto;
        height: 300px;
        margin-left: 0;
        left: 36px;
        right: 36px
    }
}

.products-item__arrow:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 196px;
    border-color: #e5e5e5 #fff #fff;
    border-style: solid;
    border-width: 108px 196px
}

@media only screen and (min-width: 1024px) {
    .products-item__arrow:before {
        height: 216px
    }
}

.products-item:hover .products-item__arrow {
    height: 330px
}

@media only screen and (min-width: 1024px) {
    .products-item:hover .products-item__arrow {
        height: 350px
    }
}

.products-item__inner {
    position: relative;
    z-index: 7;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.products-item__inner,
.products-item__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.products-item__logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -25px;
    margin-bottom: 51px
}

.products-item__name {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.7rem;
    line-height: 1.3em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -.02em;
    margin-bottom: 11px
}

@media only screen and (min-width: 1024px) {
    .products-item__name {
        margin-bottom: 0
    }
}

.products-item__description {
    font-size: 1.25rem;
    line-height: 1.5em;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (min-width: 1024px) {
    .products-item__description {
        font-size: 1.125rem
    }
}

.products-item__button {
    text-align: center
}

.products-item__button [class^=button] {
    width: 50vw
}

@media only screen and (min-width: 1024px) {
    .products-item__button [class^=button] {
        width: 100%
    }
}

.products-item.is-spacer {
    display: none
}

@media only screen and (min-width: 1024px) {
    .products-item.is-spacer {
        display: block;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.products-item.is-purple .products-item__arrow {
    background-color: #f5efff
}

.products-item.is-purple .products-item__arrow:before {
    border-top-color: #f5efff
}

.products-item.is-light-purple .products-item__arrow {
    background-color: #eaeaff
}

.products-item.is-light-purple .products-item__arrow:before {
    border-top-color: #eaeaff
}

.products-item.is-green .products-item__arrow {
    background-color: #eaffee
}

.products-item.is-green .products-item__arrow:before {
    border-top-color: #eaffee
}

.products-item.is-light-green .products-item__arrow {
    background-color: #eaffee
}

.products-item.is-light-green .products-item__arrow:before {
    border-top-color: #eaffee
}

.products-item.is-red .products-item__arrow {
    background-color: #ffecf0
}

.products-item.is-red .products-item__arrow:before {
    border-top-color: #ffecf0
}

.products-item.is-yellow .products-item__arrow {
    background-color: #fff8de
}

.products-item.is-yellow .products-item__arrow:before {
    border-top-color: #fff8de
}

.products-item.is-blue .products-item__arrow {
    background-color: #eaf6ff
}

.products-item.is-blue .products-item__arrow:before {
    border-top-color: #eaf6ff
}

.products-list {
    padding-top: 60px;
    position: relative;
    z-index: 5
}

.products-list~.products-list {
    z-index: 4
}

.products-list.has-margin-bottom {
    margin-bottom: 352px
}

.products-dev {
    position: relative;
    bottom: -275px;
    margin-top: -275px;
    -webkit-box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21);
    box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21)
}

.workarea__background .products-dev {
    position: relative;
    bottom: -275px;
    margin-top: -275px;
    margin-bottom: 0
}

.products-dev__title {
    font-size: 1.625rem;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background-color: #345ebe;
    text-align: center;
    padding: 14px
}

.products-dev__row {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.products-dev-item,
.products-dev__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.products-dev-item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    padding: 48px 17px 18px;
    width: 33.33%
}

.products-dev-item:hover {
    -webkit-box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21);
    box-shadow: 0 18px 43px 0 rgba(0, 0, 0, .21);
    z-index: 5
}

.products-dev-item__logo {
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 23px
}

.products-dev-item__name {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #345ebe;
    margin-bottom: 5px
}

.products-dev-item__description {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 42px
}

.reviews {
    position: relative;
    z-index: 5;
    height: auto;
    padding: 40px 0;
    -webkit-box-shadow: 0 -3px 25px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 -3px 25px 0 rgba(0, 0, 0, .05);
    background-color: #fff;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 1200px) {
    .reviews {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }
}

.reviews.is-author-text {
    padding: 55px 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (min-width: 1024px) {
    .reviews.is-author-text {
        padding: 80px 130px
    }
}

.reviews.is-picture-text .review {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 391px
}

.reviews.is-picture-text .slick-next,
.reviews.is-picture-text .slick-prev {
    top: 309px
}

.reviews.is-author-picture-text {
    max-width: none;
    padding: 60px 0 90px;
    background-image: url(/static/prj/images/bg-reviews.png);
    background-repeat: no-repeat;
    background-position: 50% 70%
}

.reviews.is-author-picture-text .slick-next,
.reviews.is-author-picture-text .slick-prev {
    top: 48%
}

.reviews.is-author-picture-text .slick-next {
    right: 0;
    left: auto
}

.reviews.is-row .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reviews.is-row .review {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 50px 0 30px;
    font-size: .875rem;
    line-height: 1.5;
    font-family: Montserrat Medium, Arial, sans-serif
}

.review__img {
    margin: 6px 15px 0 -30px
}

.review__img img {
    max-width: none
}

.review__description {
    color: grey
}

.review__description p {
    margin: 0 0 8px
}

.review__description strong {
    font-weight: 400;
    font-family: Montserrat Bold, Arial, sans-serif
}

.review__description h5 {
    color: #345ebe;
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 6px
}

.review a {
    text-decoration: none
}

.review a:hover {
    text-decoration: underline
}

.is-author-text .review {
    margin: 0
}

.is-author-text .review .review__author {
    width: 32%;
    margin-top: 61px;
    margin-right: 92px;
    font-size: 1.375rem;
    line-height: 1.36;
    font-family: Montserrat Bold, Arial, sans-serif
}

.is-author-text .review .review__author:before {
    content: "";
    display: block;
    background-color: silver;
    border-top: 1px solid #dedede;
    height: 1px;
    font-size: 0;
    line-height: 0;
    margin-bottom: 31px
}

.is-author-text .review .review__text {
    width: 58%;
    font-size: 1.125rem;
    line-height: 1.6
}

.is-picture-text .review {
    margin: 0
}

.is-picture-text .review .review__logo {
    width: 40%;
    margin-right: 8%
}

.is-picture-text .review .review__logo:after {
    content: "";
    display: block;
    background-color: silver;
    border-top: 1px solid #dedede;
    height: 1px;
    font-size: 0;
    line-height: 0;
    margin-top: 22px;
    margin-bottom: 31px
}

@media only screen and (min-width: 1024px) {
    .is-picture-text .review .review__logo {
        width: 32%;
        margin-right: 9.5%
    }
}

.is-picture-text .review .review__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 58.5%;
    font-size: 1.125rem;
    line-height: 1.65;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.is-author-picture-text .review,
.is-picture-text .review .review__text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.is-author-picture-text .review {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0 90px 80px
}

.is-author-picture-text .review .review__logo {
    margin-bottom: 27px
}

.is-author-picture-text .review .review__text {
    font-size: 1.125rem;
    line-height: 1.44;
    text-align: center
}

.is-author-picture-text .review .review__author {
    font-family: Montserrat Bold, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.44
}

.is-author-picture-text .review .lead {
    font-family: Montserrat Light, Arial, sans-serif;
    font-size: 1.375rem;
    line-height: 1.5;
    margin-bottom: 16px
}

html {
    height: auto !important
}

#tinymce {
    min-width: 0;
    overflow: hidden;
    height: auto !important;
    min-height: 0;
    height: auto;
    margin: 0
}

#tinymce.mceContentBody {
    overflow: auto
}

#tinymce.mp-canvas-body {
    margin: 0;
    padding: 0
}

.m-form-tinymce {
    border: 1px dotted #c00;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #ffc
}

.partner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.partner__image {
    width: 29%
}

.partner__description {
    width: 62%
}

.customers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 12px;
    font-size: .875rem;
    line-height: 1.57;
    color: #a7a7a7
}

@media only screen and (min-width: 1200px) {
    .customers {
        margin-left: -20px;
        margin-right: -20px
    }
}

.customers>div {
    text-align: center;
    min-height: 90px;
}

@media only screen and (min-width: 1024px) {
    .customers>div {
        margin: 20px 0
    }
}

.mp-canvas-wrapper {
    position: relative
}

.mp-canvas-block,
.mp-canvas-wrapper .ui-resizable {
    position: absolute
}

.mp-responsive-video {
    position: relative;
    width: 100%;
    height: 5px
}

.mp-responsive-video {
    padding-bottom: 75.25% !important;
}

.mp-responsive-video .lazy-video.show {
    padding-bottom: 75.25%;
}

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

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #1a1a1a;
    font-style: normal;
    font-weight: 100;
    font-size: 2.4rem;
    font-family: Montserrat Medium, Arial, sans-serif
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px),
screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.m-countdown-container{
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}
.m-countdown:after,.m-countdown:before,.m-present:after,.m-present:before {
    visibility: hidden;
    content: " ";
    clear: both
}
.m-countdown {
    display: inline-block;
    vertical-align: top;
    cursor: default;
    width: 200px;
    margin-top: 24px;
    margin-left: 252px;
    border-radius: 4px;
    overflow: hidden;
    color: #fff;
    background: #c52828;
    line-height: 1;
    position: absolute;
    top: 0;
    z-index: 20;
}
.m-countdown:after,.m-countdown:before {
    display: block;
    font-size: 0;
    height: 0
}
.m-countdown-col {
    position: relative;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
    padding: 14px 0;
    text-align: center
}
.m-countdown-col:first-child:after, .m-countdown-col3:not(:last-child):after {
    content: ":";
    position: absolute;
    top: 6px;
    left: 100%;
    margin-left: -3px;
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

.m-countdown-col3 {
    position: relative;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 33.33%;
    padding: 8px 0;
    text-align: center
}

.m-countdown-val {
    font-weight: 700;
    font-size: 32px
}

@media (min-width:320px) and (max-width:416px){
    .m-countdown {
        width: 100px;
        margin-top: 0px;
        margin-left: 0px;
        background: #000;
        position: relative;
        top: -24px;
    }
    .m-countdown-col:first-child:after, .m-countdown-col3:not(:last-child):after {
        top: 0px;
        margin-left: -3px;
        font-size: 19px;
    }
    .m-countdown-col3 {
        padding: 1px 0;
    }
    .m-countdown-val {
        font-size: 19px;
    }
    .m-countdown-container{
        text-align: center;
        max-width: 100%;
    }
}


.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/static/prj/images/ajax-loader.gif) 50% no-repeat
}

.slick-next,
.slick-prev {
    position: absolute;
    z-index: 10;
    display: block;
    height: 28px;
    width: 28px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #005af9;
    border-radius: 14px
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: none;
    background: #005af9;
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    border-top-color: #fff;
    border-right-color: #fff
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: 1
}

.slick-prev {
    top: 18px;
    left: 0
}

.slick-next {
    top: 18px;
    left: 40px
}

.slick-next:before,
.slick-prev:before {
    content: "";
    display: block;
    margin: 0 0 0 7px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #005af9;
    border-right: 1px solid #005af9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-prev:before {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    margin: 0 0 0 10px
}

.slick-dotted .slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer
}

.slick-dots li:before {
    display: none
}

.slick-dots li button {
    border: 1px solid #fff;
    background: transparent;
    display: block;
    height: 28px;
    width: 28px;
    border-radius: 14px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer
}

.slick-dots li button:before {
    position: absolute;
    top: 1px;
    left: 1px;
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    border: 7px solid #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #edeff2
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:hover {
    border-color: #2d70ff !important
}

.slick-dots li button:hover:before {
    background-color: #2d70ff !important
}

.slick-dots li.slick-active button:before {
    background-color: #345ebe;
    border-color: #fff !important;
}

.lazy-hidden,
.entry img.lazy-hidden,
img.thumbnail.lazy-hidden {
    background-color: #ffffff;
    background-image: url('/static/prj/images/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

figure.wp-block-image img.lazy-hidden {
    min-width: 150px;
}

picture source[type="image/webp"] {
    display: block;
}

.lazy-video {
    position: relative;
}

.lazy-video img {
    width: 100%;
}

.lazy-video iframe {
    width: 100%;
    height: 100%;
}

.review-stars ul {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.review-stars ul li {
    float: left;
    padding-right: 5px;
    padding-left: 0;
    margin: 0;
}

.review-stars ul li:before {
    content: none;
}

.review-stars ul li i {
    color: #e7701b;
    font-size: 18px;
    font-style: inherit;
}

/*color: #E4B248;*/
.review-stars ul li i.inactive {
    color: #c6c6c6;
}

.star:after {
    content: "\2605";
}

.review-item p {
    margin: 0;
}

.review-item {
    padding-bottom: 25px;
}

.njt-header {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 15px;
}

.njt-header-image {
    width: 80px;
    overflow: hidden;
    height: 80px;
    position: relative;
    float: left;
}

.njt-header-image img {
    height: 80px;
    max-width: 500px;
    min-width: 100%;
    transform: translate(-50%, 0);
    left: 50%;
    position: absolute;
    display: block;
}

.njt-header .njt-header-content {
    margin-left: 90px;
}

header .njt-header-title {
    color: #434a54;
    font-size: 18px;
    text-decoration: none;
    line-height: 24px;
}

.njt-header .njt-header-title a {
    color: #434a54;
    text-decoration: none;
    box-shadow: none;
    border: none;
    font-weight: 700;
    transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
}

.njt-header .njt-fr-starsnumb {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    color: #e7711b;
    font-weight: 500;
}

.njt-header .njt-fr-starsnumb span {
    font-size: 24px;
    line-height: 38px;
}

.njt-header .njt-fr-starslist-wrapper {
    display: inline-block;
    height: 39px;
    padding-top: 9px;
    background: unset !important;
}

.njt-header .njt-header-content:after {
    content: '';
    width: 61px;
    height: 20px;
    background: url('/static/prj/images/Google_2015_logo.svg') 0 0 no-repeat;
    display: block;
    margin-top: 2px;
    background-size: 100%;
}

.njt-header .njt-fr-starslist-wrapper .njt-fr-starslist-container {
    position: relative;
    font-size: 0;
    height: 14px;
    display: inline-block;
}

.njt-header .njt-fr-starslist-wrapper .njt-fr-starslist-current {
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.njt-header .njt-fr-starslist-wrapper .njt-fr-star {
    background: url('/static/prj/images/rate-star-button.svg') 0 0 no-repeat;
    width: 14px;
    height: 14px;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
}

.njt-header .njt-fr-starslist-wrapper .njt-fr-starslist-background .njt-fr-star {
    background-image: url('/static/prj/images/rate-star-button-gray.svg');
}

.njt-header:after {
    content: '';
    clear: both;
    display: block;
}

/*swiper slider review styles*/
.reviews__container {
    padding: 0;
    box-sizing: border-box;
    margin: 0 auto
}

.reviews__item a{
    text-decoration: none;
    color: #000;
}

.reviews__item {
    border-radius: 32px;
    background: #f2f5f9;
    padding: 60px 40px 50px;
    box-sizing: border-box;
    position: relative
}

.reviews__item p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.reviews__item-text {
    min-height: 125px;
    margin: 0 0 30px
}

.reviews__item-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px
}

.reviews__item-row {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.reviews__item .star-rating {
    width: 100px;
    height: 20px
}

.reviews__item .star-rating:before {
    content: "";
    background: url(/content/editor/ic_star.svg);
    display: block;
    background-position: 0 0;
    background-size: contain;
    height: 20px
}

.reviews__item-no-img {
    margin: 0 20px 0 0;
    background-color: #fddce5;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default
}
.reviews__item-img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    flex-shrink: 0;
    margin: 0 20px 0 0
}

.reviews__item-no-img span {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.d-flex {
    display: flex!important
}

.just-content-center {
    justify-content: center!important
}

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

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

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

@font-face {
    font-family: icomoon;
    src: url(/static/prj/fonts/icomoon/icomoon.cd0857ab.eot);
    src: url(/static/prj/fonts/icomoon/icomoon.cd0857ab.eot#iefix) format("embedded-opentype"),url(/static/prj/fonts/icomoon/icomoon.b33888d5.ttf) format("truetype"),url(/static/prj/fonts/icomoon/icomoon.48b923ce.woff) format("woff"),url(/static/prj/fonts/icomoon/icomoon.9ffb84ef.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],[class^=icon-] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-slider-right:before {
    content: "\e906"
}

.icon-slider-left:before {
    content: "\e907"
}
.reviews__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px 0 40px;
}

.reviews__nav .swiper__prev {
    margin: 0 22px 0 0
}

.swiper__arrow {
    color: #525ef9;
    font-size: 30px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.swiper__arrow:hover {
    opacity: .7
}
.swiper-button-disabled {
    color: #d2d7dd
}

/*.swiper-button-lock {
    display: none
}*/

.reviews__container .trustpilot-widget {
    box-shadow: none;
    border: 2px solid #e6e8eb;
    border-radius: 0;
    font-size: 1.25rem;
    display: inline-block;
    text-align: center;
    padding: 18px 47px;
    margin: 2px 0;
    cursor: pointer;
    background-color: #1c2840
}
/*swiper slider review styles - end*/