html {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px; }

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

body {
  color: #848e97;
  font-family: 'Lato', sans-serif;
  font-weight: 400; }

.container {
  min-width: 320px;
  max-width: 1220px;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0 auto; }

.page-header {
  background-color: #27262a;
  padding: 31px 0;
  position: relative; }
  .page-header__logo-img {
    background-image: url("../img/header-logo.png");
    width: 43px;
    height: 41px;
    display: inline-block; }
  .page-header__logo-text {
    display: none; }
  .page-header__navigation {
    display: none; }
    .page-header__navigation.active {
      display: block;
      width: 290px;
      background-color: #333333;
      padding-bottom: 11px;
      position: absolute;
      top: 105px;
      right: 15px;
      z-index: 1; }
  .page-header__menu-link {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 32px 0 35px 34px;
    border-bottom: 2px solid #3b3b3b;
    font-size: 1.85em;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; }
    .page-header__menu-link:focus::before {
      content: '';
      width: 8px;
      height: 53px;
      background-color: #8d81ac;
      position: absolute;
      top: 19px;
      left: 0; }
    .page-header__menu-link:focus {
      color: #8d81ac; }
  .page-header__hamburger {
    width: 20px;
    height: 3px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    top: 41px;
    right: 15px; }
    .page-header__hamburger::after {
      content: '';
      display: inline-block;
      height: 3px;
      width: 26px;
      background-color: #fff;
      position: absolute;
      top: 10px;
      right: 0;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px; }
    .page-header__hamburger::before {
      content: '';
      display: inline-block;
      height: 3px;
      width: 26px;
      background-color: #fff;
      position: absolute;
      top: 20px;
      right: 0;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px; }

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

.btn {
  border: none;
  outline: none;
  color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700; }
  .btn--purple-bg {
    background-color: #8d81ac; }
  .btn--width-s {
    width: 119px;
    height: 37px; }
  .btn--position {
    margin: 0 auto; }
  .btn--small-font {
    font-size: 1.07em; }

@media screen and (min-width: 481px) {
  .page-header {
    padding: 22px 0;
    position: relative; }
    .page-header__logo {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      grid-area: logo;
      text-decoration: none; }
    .page-header__logo-img {
      display: inline-block;
      margin-left: 10px; }
    .page-header__logo-text {
      display: block;
      color: #8d81ac;
      text-transform: uppercase;
      font-family: Lato;
      font-size: 2em;
      font-weight: 700;
      padding-top: 7px;
      padding-left: 60px; }
    .page-header__navigation {
      display: inline-block;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -moz-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      grid-area: nav;
      justify-self: center;
      padding-top: 22px;
      width: auto;
      background-color: inherit;
      padding-bottom: 0;
      position: inherit;
      z-index: 0; }
      .page-header__navigation.active {
        display: inline-block;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        grid-area: nav;
        justify-self: center;
        padding-top: 22px;
        width: auto;
        background-color: inherit;
        padding-bottom: 0;
        position: inherit;
        z-index: 0; }
    .page-header__hamburger {
      display: none; }
    .page-header__menu--flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .page-header__menu-item {
      padding-right: 23px; }
    .page-header__menu-link {
      color: #8d81ac;
      font-size: 1.14em;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      text-decoration: none;
      display: inline-block;
      padding: 0;
      border-bottom: none;
      position: inherit; }
      .page-header__menu-link:focus::before {
        content: none; }
      .page-header__menu-link:focus {
        color: #ffffff; }
  .flex-container {
    display: grid;
    grid-template-areas: 'logo btn'
 'nav nav'; }
  .btn--width-s {
    width: 145px;
    height: 38px; }
  .btn--position {
    margin-right: 10px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    grid-area: btn;
    justify-self: end; }
  .btn--small-font {
    font-size: 1.142em; } }

@media screen and (min-width: 768px) {
  .page-header__menu-item {
    padding-right: 55px; } }

@media screen and (min-width: 992px) {
  .page-header {
    padding: 30px 0; }
    .page-header__logo {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      text-decoration: none; }
    .page-header__logo-img:hover {
      background-image: url("../img/logo-hover.png"); }
    .page-header__menu--flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 125%; }
    .page-header__menu-item {
      padding-right: 0; }
    .page-header__menu-link:hover {
      color: #ffffff; }
    .page-header__logo-img {
      display: inline-block;
      margin-left: 30px; }
    .page-header__logo-text:hover {
      color: #ffffff; }
    .page-header__navigation {
      display: inline-block;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -moz-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      grid-area: nav;
      justify-self: center;
      padding-top: inherit;
      margin-left: 25%; }
  .flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .btn--position {
    margin-right: 30px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    grid-area: btn;
    justify-self: end; }
  .btn:hover {
    background-color: #ffffff;
    color: #8d81ac; } }

@media screen and (min-width: 1150px) {
  .page-header__navigation {
    margin-left: 360px; }
  .page-header__menu--flex {
    width: 520px; } }

.banner {
  text-align: center;
  background-image: url("../img/banner-fon-320.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 424px;
  position: relative; }
  .banner__title {
    font-size: 3.42em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ffffff;
    padding-bottom: 20px; }
  .banner__subtitle {
    font-size: 1.28em;
    color: #8d81ac;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 2;
    padding-bottom: 18px; }
  .banner__text {
    text-transform: uppercase;
    color: #848e97;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; }

.btn--large-font {
  font-size: 1.28em; }

.btn--width-l {
  width: 290px;
  height: 45px; }

.btn--added-text {
  position: relative; }
  .btn--added-text::after {
    content: 'Unlimited 30-Days Trial Period';
    color: #8d81ac;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    position: absolute;
    top: 62px;
    left: 40px; }

.btn-position {
  position: absolute;
  top: 620px;
  left: 20px;
  right: 20px; }

@media screen and (min-width: 481px) {
  .banner {
    background-image: url("../img/banner-fon-768.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 487px; }
    .banner__title {
      font-size: 5.14em;
      padding-bottom: 26px; }
    .banner__subtitle {
      font-size: 2em;
      padding-bottom: 20px; }
  .btn--large-font {
    font-size: 1.5em; }
  .btn--width-l {
    width: 390px;
    height: 62px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .btn--added-text::after {
    top: 80px;
    left: 88px; }
  .btn-position {
    top: 750px; } }

@media screen and (min-width: 992px) {
  .banner {
    background-image: url("../img/banner-fon.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 60px; }
    .banner__title {
      font-size: 5.85em;
      padding-bottom: 18px; }
    .banner__subtitle {
      font-size: 2.14em;
      padding-bottom: 18px; }
  .btn--border-hover {
    border: 1px solid rgba(255, 255, 255, 0); }
    .btn--border-hover:hover {
      border: #8d81ac 1px solid; }
    .btn--border-hover::after {
      top: 80px;
      left: 88px; }
  .btn--added-text::after {
    top: 80px;
    left: 88px; }
  .btn-position {
    top: 765px; } }

.revol-editor {
  padding-top: 116px;
  padding-bottom: 65px; }
  .revol-editor__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #635C73;
    text-transform: uppercase;
    line-height: 1.615;
    margin-bottom: 7px;
    text-align: center; }
  .revol-editor__subtitle {
    color: #323232;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center; }
  .revol-editor__btn-list {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%; }
  .revol-editor__btn-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(27, 31, 35, 0.2); }
    .revol-editor__btn-list-item--margin-b {
      margin-bottom: 23px; }
  .revol-editor__btn-actions:link, .revol-editor__btn-actions:visited, .revol-editor__btn-social-count:link, .revol-editor__btn-social-count:visited {
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #24292e;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 600; }
  .revol-editor__btn-actions {
    border-right: 1px solid rgba(27, 31, 35, 0.2);
    background-color: #eff3f6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafbfc), color-stop(90%, #eff3f6));
    background-image: -webkit-linear-gradient(top, #fafbfc, #eff3f6 90%);
    background-image: -moz-linear-gradient(top, #fafbfc, #eff3f6 90%);
    background-image: -o-linear-gradient(top, #fafbfc, #eff3f6 90%);
    background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .revol-editor__btn-actions-img {
    margin-right: 3px; }
  .revol-editor__btn-social-count {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .revol-editor__btn-actions:hover, .revol-editor__btn-actions:active {
    background-color: #e6ebf1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f3f6), color-stop(90%, #e6ebf1));
    background-image: -webkit-linear-gradient(top, #f0f3f6, #e6ebf1 90%);
    background-image: -moz-linear-gradient(top, #f0f3f6, #e6ebf1 90%);
    background-image: -o-linear-gradient(top, #f0f3f6, #e6ebf1 90%);
    background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
    background-position: -.5em;
    border-color: rgba(27, 31, 35, 0.35); }
  .revol-editor__btn-social-count:hover, .revol-editor__btn-social-count:active {
    color: #0366d6; }

.container_column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (min-width: 481px) {
  .revol-editor {
    padding-top: 154px;
    padding-bottom: 100px; }
    .revol-editor__title {
      font-size: 36px;
      margin-bottom: 15px; }
    .revol-editor__subtitle {
      font-size: 17px;
      line-height: 1.524;
      margin-bottom: 40px; }
    .revol-editor__btn-list {
      width: 60%; } }

@media screen and (min-width: 730px) {
  .revol-editor__title {
    font-size: 42px; }
  .revol-editor__subtitle {
    font-size: 21px;
    width: 80%; }
  .revol-editor__btn-list {
    width: 50%; } }

@media screen and (min-width: 992px) {
  .revol-editor {
    padding-top: 130px;
    padding-bottom: 72px; }
    .revol-editor__title {
      font-size: 54px;
      margin-bottom: 35px; } }

.what-you-get {
  background-color: #f4f4f4;
  padding-top: 38px;
  padding-bottom: 20px; }
  .what-you-get__screenshot-title {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    color: #8d81ac;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 39px; }
  .what-you-get__features {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .what-you-get__features-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 32px; }
  .what-you-get__item-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .what-you-get__item-text-title {
    color: #323232;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px; }
  .what-you-get__item-text-p {
    text-align: center;
    line-height: 21px; }
  .what-you-get__sprite {
    background-image: url(../img/what-you-get-spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    margin-bottom: 28px; }
    .what-you-get__sprite--icon-experimental-stuff {
      width: 60px;
      height: 84px;
      background-position: 0 0; }
    .what-you-get__sprite--icon-powerful-tool {
      width: 90px;
      height: 80px;
      background-position: -60px 0; }
    .what-you-get__sprite--icon-web-better {
      width: 111px;
      height: 64px;
      background-position: -150px 0; }
    .what-you-get__sprite--icon-web-better-clock {
      width: 71px;
      height: 71px;
      background-position: -261px 0; }
  .what-you-get__screenshot-img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    height: 385px;
    width: 100%;
    position: relative; }
  .what-you-get__screenshot-img:after {
    content: '';
    height: 380px;
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/what-you-get-screenshot-320.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat; }

.container_grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto; }

@media screen and (min-width: 481px) {
  .what-you-get {
    padding-top: 55px;
    padding-bottom: 30px; }
    .what-you-get__screenshot-title {
      font-size: 42px;
      margin-bottom: 61px; }
    .what-you-get__features-item {
      display: grid;
      grid-template-columns: 140px 4fr;
      grid-gap: 60px 20px;
      width: 100%; }
    .what-you-get__item-text {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -moz-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .what-you-get__item-text-title {
      text-align: left; }
    .what-you-get__item-text-p {
      text-align: left; }
    .what-you-get__sprite {
      justify-self: center;
      margin-bottom: 0; }
    .what-you-get__screenshot-img {
      height: 519px; }
    .what-you-get__screenshot-img:after {
      height: 519px;
      background-image: url(../img/what-you-get-screenshot-768.png); } }

@media screen and (min-width: 992px) {
  .what-you-get {
    padding-top: 84px;
    padding-bottom: 33px;
    overflow: hidden; }
    .what-you-get__screenshot-title {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -moz-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      font-size: 42px;
      margin-bottom: 28px; }
    .what-you-get__features {
      margin-top: 20px;
      -webkit-box-ordinal-group: 1;
      -webkit-order: 0;
      -moz-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      grid-row: 1/span 2; }
    .what-you-get__features-item {
      grid-gap: 25px; }
    .what-you-get__screenshot-img {
      height: 519px; }
    .what-you-get__screenshot-img:after {
      height: 519px;
      background-image: url(../img/what-you-get-screenshot-1200.png);
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;
      background-size: contain; }
  .container_grid {
    grid-column-gap: 85px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto; } }

.testimonials {
  background: url("../img/testmonials-bg-320.png"), -webkit-gradient(linear, left top, left bottom, from(#4b3b4e), to(#4b3b4e)), no-repeat, center;
  background: url("../img/testmonials-bg-320.png"), -webkit-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
  background: url("../img/testmonials-bg-320.png"), -moz-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
  background: url("../img/testmonials-bg-320.png"), -o-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
  background: url("../img/testmonials-bg-320.png"), linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 61px;
  padding-bottom: 45px; }
  .testimonials__title {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 2.57em;
    padding-bottom: 49px;
    text-align: center; }
  .testimonials__item {
    text-align: center; }
  .testimonials__logo {
    padding-bottom: 35px; }
  .testimonials__comments {
    font-size: 1.14em;
    font-family: Lato;
    font-weight: 700;
    font-style: italic;
    color: #ffffff;
    line-height: 1.7; }
  .testimonials__text {
    display: none; }

.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, 1fr);
  grid-gap: 46px;
  padding: 0 15px;
  position: relative; }

.separator {
  height: 2px;
  width: 90%;
  margin: 44px auto 0;
  background-color: #8d81ac; }

@media screen and (min-width: 481px) {
  .testimonials {
    background: url("../img/testimonials-fon-768.png"), -webkit-gradient(linear, left top, left bottom, from(#4b3b4e), to(#4b3b4e)), no-repeat, center;
    background: url("../img/testimonials-fon-768.png"), -webkit-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    background: url("../img/testimonials-fon-768.png"), -moz-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    background: url("../img/testimonials-fon-768.png"), -o-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    background: url("../img/testimonials-fon-768.png"), linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    padding-top: 80px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    .testimonials__title {
      font-size: 3em;
      padding-bottom: 95px; }
    .testimonials__logo {
      padding-bottom: 35px;
      padding-top: 20px; }
      .testimonials__logo--layout-item2 {
        padding-top: 12px; }
      .testimonials__logo--layout-item3 {
        padding-bottom: 20px;
        padding-top: 10px; }
      .testimonials__logo--layout-item4 {
        padding-top: 35px; }
    .testimonials__text {
      display: block;
      text-align: center;
      color: #a291a5;
      opacity: 0.8;
      font-family: Lato;
      font-weight: 400;
      padding: 60px 40px 0; }
  .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    padding: 0 15px;
    position: relative; } }

.separator {
  margin: 20px auto 0; }

@media screen and (min-width: 992px) {
  .testimonials {
    background: url("../img/testmonials-bg.png"), -webkit-gradient(linear, left top, left bottom, from(#4b3b4e), to(#4b3b4e)), no-repeat, center;
    background: url("../img/testmonials-bg.png"), -webkit-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    background: url("../img/testmonials-bg.png"), -moz-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    background: url("../img/testmonials-bg.png"), -o-linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    background: url("../img/testmonials-bg.png"), linear-gradient(#4b3b4e, #4b3b4e), no-repeat, center;
    padding-top: 98px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    .testimonials__title {
      font-size: 3.42em;
      padding-bottom: 85px; }
    .testimonials__logo {
      padding-bottom: 35px;
      padding-top: 20px; }
      .testimonials__logo--layout-item2 {
        padding-top: 12px;
        padding-bottom: 37px; }
      .testimonials__logo--layout-item3 {
        padding-bottom: 25px;
        padding-top: 10px; }
      .testimonials__logo--layout-item4 {
        padding-top: 25px;
        padding-bottom: 40px; }
    .testimonials__text {
      padding: 118px 140px 0; }
  .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    padding: 0 15px;
    position: relative;
    grid-column-gap: 120px;
    grid-row-gap: 100px; }
  .separator {
    width: 55%; } }

.pricing {
  padding-top: 75px;
  padding-bottom: 93px;
  background-color: #4b3b4e;
  color: #fff; }
  .pricing__title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 56px;
    text-align: center; }
  .pricing__wrap {
    display: grid;
    grid-template-columns: 1fr;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
  .pricing__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 14px;
    padding-bottom: 38px; }
    .pricing__item--padding-inline {
      width: 92%; }
    .pricing__item--grey-bg {
      background-color: rgba(255, 255, 255, 0.11); }
    .pricing__item--dark-bg {
      background-color: rgba(63, 50, 65, 0.84); }
    .pricing__item--padding-bottom-bigger {
      padding-bottom: 47px; }
  .pricing__item-head {
    background-color: rgba(255, 255, 255, 0.06);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    padding-top: 47px;
    padding-bottom: 34px;
    width: 100%;
    text-align: center; }
    .pricing__item-head--dark-large-bg {
      background-color: #3a2d3d;
      padding-top: 51px;
      padding-bottom: 43px; }
  .pricing__item-price {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 60.18px;
    padding-top: 29px; }
    .pricing__item-price--regular {
      font-family: 'Montserrat', sans-serif;
      font-weight: 400; }
    .pricing__item-price--large {
      padding-top: 15px;
      font-size: 82px; }
  .pricing__item-period {
    padding-top: 20px;
    padding-bottom: 73px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.302);
    position: relative; }
  .pricing__item-period:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 70px;
    width: 60px;
    height: 6px;
    background-color: #8d81ac; }
  .pricing__item-licence {
    text-align: center;
    line-height: 28px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 68px; }
    .pricing__item-licence--large {
      padding-bottom: 79px; }
    .pricing__item-licence--small {
      padding-bottom: 40px; }
  .pricing .btn {
    border: none;
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400; }
    .pricing .btn_grey-bg {
      background-color: rgba(255, 255, 255, 0.15);
      color: #fff; }
    .pricing .btn_grey-bg:hover, .pricing .btn_grey-bg:active {
      background-color: rgba(255, 255, 255, 0.7);
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      color: #7f6d78; }
    .pricing .btn_medium-font {
      font-size: 15px; }
    .pricing .btn_width-m {
      width: 160px; }
    .pricing .btn_uppercase {
      text-transform: uppercase; }
    .pricing .btn_padding-block {
      padding-top: 16px;
      padding-bottom: 15px; }
    .pricing .btn_bigger {
      width: 190px;
      padding-top: 21px;
      padding-bottom: 19px;
      font-size: 16px; }

@media screen and (min-width: 481px) {
  .pricing {
    padding-top: 80px;
    padding-bottom: 80px;
    background: url("../img/pricing-bg.png"), -webkit-gradient(linear, left top, left bottom, from(#4b3b4e), to(#4b3b4e));
    background: url("../img/pricing-bg.png"), -webkit-linear-gradient(#4b3b4e, #4b3b4e);
    background: url("../img/pricing-bg.png"), -moz-linear-gradient(#4b3b4e, #4b3b4e);
    background: url("../img/pricing-bg.png"), -o-linear-gradient(#4b3b4e, #4b3b4e);
    background: url("../img/pricing-bg.png"), linear-gradient(#4b3b4e, #4b3b4e); }
    .pricing__title {
      font-size: 42px;
      margin-bottom: 47px; }
    .pricing__wrap {
      width: 95%;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto auto;
      grid-column-gap: 0;
      grid-row-gap: 37px; }
    .pricing__item {
      margin-bottom: 0; }
      .pricing__item--padding-inline {
        width: 92%; }
    .pricing__item-head {
      padding-left: 15px;
      padding-right: 15px;
      font-size: 21px; }
    .pricing__item-licence {
      padding-left: 15px;
      padding-right: 15px; } }

@media screen and (min-width: 730px) {
  .pricing__wrap {
    width: 75%; }
  .pricing__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .pricing__item--padding-inline {
      width: 87%; }
  .pricing__item-head {
    font-size: 24px; } }

@media screen and (min-width: 992px) {
  .pricing {
    padding-bottom: 97px; }
    .pricing__title {
      font-size: 48px;
      margin-bottom: 70px; }
    .pricing__wrap {
      width: 93%;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-column-gap: 13px;
      grid-row-gap: 0; }
    .pricing__item {
      margin-bottom: 0; }
      .pricing__item--padding-inline {
        width: 100%; } }