@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,500,700");
@font-face {
  font-family: 'TTLimesSlab';
  src: url("../fonts/Ttlimesslabregular.woff") format("woff"), url("../fonts/Ttlimesslabregular.ttf") format("truetype"), url("../fonts/Ttlimesslabregular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .container-custom {
    width: 94%;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .container-custom {
    width: 94%;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 641px) and (max-width: 980px) {
  .container-custom {
    width: 640px;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .container-custom {
    width: 960px;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 1200px) and (max-width: 10000px) {
  .container-custom {
    width: 1160px;
    margin-left: auto;
    margin-right: auto; } }

.container-custom {
  max-width: 100%; }

* {
  text-rendering: optimizeLegibility;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -moz-osx-text-rendering: optimizeLegibility;
  -apple-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.header-container .header .header-left-menu-burger-menu {
  display: none; }

.header-container .header .active-down.active:after {
  content: '';
  position: absolute;
  width: 52px;
  height: 13px;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translate(-26px);
  -ms-transform: translate(-26px);
  transform: translate(-26px); }

.header-container.under-green .header .active-down.active:after {
  background: url("../images/top-menu-active-under-green_2x.png");
  -webkit-background-size: cover;
  background-size: cover; }

.header-container.under-grey .header .active-down.active:after {
  background: url("../images/top-menu-active-under-grey_2x.png");
  -webkit-background-size: cover;
  background-size: cover; }

.header-container.under-light-grey .header .active-down.active:after {
  background: url("../images/top-menu-active-under-light-grey_2x.png");
  -webkit-background-size: cover;
  background-size: cover; }

.header-container {
  height: 80px;
  line-height: 80px;
  border-top: solid 1px var(--light-grey-two);
  border-bottom: solid 1px var(--light-grey-two);
  background-color: #fff;
  position: relative; }
  .header-container .header {
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .header-container .header .header-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%; }
      .header-container .header .header-left .logo-wrap {
        position: relative;
        width: 110px;
        height: 100%;
        z-index: 999; }
        .header-container .header .header-left .logo-wrap a.logo {
          position: absolute;
          top: -9px;
          left: 0;
          width: 110px;
          height: 134px;
          -webkit-transition: top 0.4s ease-out 0s;
          -o-transition: top 0.4s ease-out 0s;
          transition: top 0.4s ease-out 0s;
          cursor: pointer;
          background: url(../images/logo-shadow_2x.png) no-repeat;
          -webkit-background-size: cover;
                  background-size: cover;
          margin-right: 24px; }
        .header-container .header .header-left .logo-wrap a.logo:hover {
          top: -5px; }
      .header-container .header .header-left .mobile-menu--links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
        .header-container .header .header-left .mobile-menu--links a.header-left-menu-link {
          font-size: 18px;
          letter-spacing: 0.9px;
          color: var(--greyish);
          text-decoration: none;
          font-family: TTLimesSlab;
          position: relative;
          height: 100%;
          margin-right: 30px; }
        .header-container .header .header-left .mobile-menu--links a.header-left-menu-link.active,
        .header-container .header .header-left .mobile-menu--links a.header-left-menu-link:hover {
          color: var(--dusty-orange); }
      .header-container .header .header-left .header-left-menu-search {
        background: url(../images/header-search-icon.svg) no-repeat 50% 47%;
        width: 52px;
        height: 100%;
        margin-right: 2px;
        margin-left: 24px;
        cursor: pointer;
        position: relative; }
        .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover {
          position: absolute;
          left: 0;
          top: 0;
          width: 52px;
          height: 100px; }
          .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel {
            position: absolute;
            top: 100px;
            left: -18px;
            width: 625px;
            height: 88px;
            -webkit-border-radius: 20px;
                    border-radius: 20px;
            background-color: #fff;
            -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
                    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
            padding: 10px;
            padding-right: 20px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: opacity 0.1s linear 0s;
            -o-transition: opacity 0.1s linear 0s;
            transition: opacity 0.1s linear 0s;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            z-index: 2; }
            .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel .button-search {
              -webkit-flex-basis: 100px;
                  -ms-flex-preferred-size: 100px;
                      flex-basis: 100px;
              width: 100px;
              height: 42px;
              line-height: 40px;
              font-family: TTLimesSlab;
              font-size: 18px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              letter-spacing: 0.6187500357627869px;
              text-align: center;
              color: white;
              -webkit-border-radius: 21px;
                      border-radius: 21px;
              padding-left: 25px;
              padding-right: 25px; }
            .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel .top-search-input {
              -webkit-flex-basis: 100%;
                  -ms-flex-preferred-size: 100%;
                      flex-basis: 100%;
              height: 100%;
              -webkit-border-radius: 10px;
                      border-radius: 10px;
              background-color: var(--white);
              font-family: TTLimesSlab;
              font-size: 20px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: 0.9999999999999998;
              letter-spacing: 1.0000001192092896px;
              text-align: left;
              color: var(--light-grey);
              padding-left: 20px;
              border: 0;
              outline: none;
              margin-right: 20px; }
            .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel .top-search-input::-webkit-input-placeholder {
              color: var(--light-grey); }
            .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel .top-search-input::-moz-placeholder {
              color: var(--light-grey); }
            .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel .top-search-input:-moz-placeholder {
              color: var(--light-grey); }
            .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel .top-search-input:-ms-input-placeholder {
              color: var(--light-grey); }
          .header-container .header .header-left .header-left-menu-search .header-left-menu-search--hover .header-left-menu-search--panel:after {
            content: '';
            background: url(../images/popup-circle.svg);
            width: 52px;
            height: 10px;
            position: absolute;
            top: -10px;
            left: 20px; }
      .header-container .header .header-left .header-left-menu-flag-mobile {
        display: none; }
      .header-container .header .header-left .header-left-menu-kid-mobile {
        display: none; }
      .header-container .header .header-left .header-left-menu-search.active,
      .header-container .header .header-left .header-left-menu-search:hover {
        background-image: url(../images/header-search-icon-active.svg); }
    .header-container .header .header-right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%; }
    .header-container .header a.header-right-menu-link {
      font-size: 18px;
      height: 100%;
      letter-spacing: 1.4px;
      color: var(--greyish);
      text-decoration: none;
      font-family: TTLimesSlab; }
    .header-container .header a.header-right-menu-link.active,
    .header-container .header a.header-right-menu-link:hover {
      color: var(--dusty-orange); }
    .header-container .header .header-button-login {
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      text-align: center;
      color: #fff;
      height: 42px;
      line-height: 41px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      -webkit-border-radius: 20px;
              border-radius: 20px;
      margin-left: 9px;
      cursor: pointer; }
    .header-container .header .header-renew-block {
      width: 150px;
      margin-left: 30px; }
    .header-container .header .header-renew-block-trial-info {
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: normal;
      color: var(--greyish-brown);
      margin-bottom: 5px; }
    .header-container .header .header-button-renew {
      -webkit-border-radius: 14px;
              border-radius: 14px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(var(--dusty-orange-two)), to(#fea45e));
      background-image: -webkit-linear-gradient(bottom, var(--dusty-orange-two), #fea45e);
      background-image: -o-linear-gradient(bottom, var(--dusty-orange-two), #fea45e);
      background-image: linear-gradient(to top, var(--dusty-orange-two), #fea45e);
      font-family: TTLimesSlab;
      font-size: 14px;
      letter-spacing: 1px;
      text-align: center;
      color: #fff;
      width: 150px;
      height: 28px;
      line-height: 28px;
      cursor: pointer; }
    .header-container .header .header-user-avatar.opened .header-user-avatar-hover-info {
      visibility: visible !important;
      opacity: 1 !important; }
    .header-container .header .header-user-avatar {
      margin-left: 25px;
      width: 52px;
      height: 100%;
      position: relative;
      z-index: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
      .header-container .header .header-user-avatar .header-user-avatar-img {
        width: 48px;
        height: 48px;
        margin: 0 auto;
        line-height: normal; }
        .header-container .header .header-user-avatar .header-user-avatar-img .avatar-img {
          width: 48px;
          height: 48px;
          -webkit-border-radius: 100%;
                  border-radius: 100%; }
      .header-container .header .header-user-avatar .header-user-avatar-hover-info {
        position: absolute;
        top: 100px;
        right: -30px;
        width: 240px;
        -webkit-border-radius: 20px;
                border-radius: 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
                box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
        z-index: 9999;
        padding: 0 20px 0 20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.1s linear 0s;
        -o-transition: opacity 0.1s linear 0s;
        transition: opacity 0.1s linear 0s; }
        .header-container .header .header-user-avatar .header-user-avatar-hover-info .block {
          padding: 15px 0;
          overflow: hidden; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .header-user-avatar-hover-info-avatar {
            width: 48px;
            height: 48px;
            margin-right: 12px;
            float: left;
            position: relative; }
            .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .header-user-avatar-hover-info-avatar img {
              position: absolute;
              -webkit-border-radius: 100%;
                      border-radius: 100%;
              width: 48px;
              height: 48px; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .name-and-email {
            float: left; }
            .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .name-and-email a.name,
            .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .name-and-email a.name:link,
            .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .name-and-email a.name:active {
              font-family: TTLimesSlab;
              font-size: 20px;
              line-height: 1.0;
              letter-spacing: 1px;
              color: var(--greyish-brown);
              margin-top: 3px;
              margin-bottom: 4px;
              text-decoration: none;
              display: block; }
            .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .name-and-email a.name:hover {
              text-decoration: underline; }
            .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .name-and-email .email {
              font-family: EB Garamond;
              font-size: 12px;
              font-weight: 500;
              line-height: 1.33;
              letter-spacing: 0.6px;
              color: var(--brown-grey); }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block a.menu-link {
            font-family: EB Garamond;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.2;
            letter-spacing: 0.8px;
            color: var(--brown-grey);
            text-decoration: none;
            display: block; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block a.menu-link:hover {
            text-decoration: underline; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block a.menu-link {
            margin-top: 10px; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block a.menu-link:first-child {
            margin-top: 0px; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block a.menu-link.quit {
            padding-left: 20px;
            position: relative; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block a.menu-link.quit:before {
            content: '';
            position: absolute;
            top: 3px;
            left: 0;
            background-image: url(../images/quit.svg);
            width: 12px;
            height: 12px; }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .block-header {
            font-family: TTLimesSlab;
            font-size: 20px;
            line-height: 1.0;
            letter-spacing: 1px;
            color: var(--greyish-brown); }
          .header-container .header .header-user-avatar .header-user-avatar-hover-info .block .account-info {
            font-family: EB Garamond;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.33;
            letter-spacing: 0.6px;
            color: var(--brown-grey);
            margin-top: 10px;
            margin-bottom: 15px; }
        .header-container .header .header-user-avatar .header-user-avatar-hover-info .block-sep {
          width: 100%;
          height: 2px;
          -webkit-border-radius: 1px;
                  border-radius: 1px;
          background-color: var(--light-grey-two); }
      .header-container .header .header-user-avatar .header-user-avatar-hover-info:after {
        content: '';
        background: url(../images/popup-circle.svg);
        width: 52px;
        height: 10px;
        position: absolute;
        top: -10px;
        right: 30px; }
    .header-container .header .header-user-avatar-hover-area {
      position: absolute;
      left: 0;
      top: 0;
      height: 100px;
      width: 52px;
      z-index: 2; }
    .header-container .header .header-reading-info-block {
      margin-left: 25px; }
    .header-container .header .header-reading-info-block.is-reading {
      width: 89px; }
    .header-container .header .header-reading-info-block.continue-reading {
      width: 120px; }
    .header-container .header .header-reading-block-desc {
      margin-bottom: 14px;
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: 0.6px;
      text-align: left;
      color: var(--greyish-brown); }
    .header-container .header .header-reading-block-what {
      font-family: TTLimesSlab;
      font-size: 18px;
      line-height: 1;
      margin-top: -5px;
      letter-spacing: 1.4px;
      text-align: left;
      color: var(--greyish);
      position: relative;
      cursor: pointer; }
      .header-container .header .header-reading-block-what .header-reading-block-what-one {
        height: 18px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis; }
      .header-container .header .header-reading-block-what .header-reading-block-what-hover-area {
        position: absolute;
        width: 100%;
        height: 60px;
        top: 0;
        left: 0; }
    .header-container .header .header-reading-block-what:hover {
      text-decoration: underline; }
    .header-container .header .header-about-children-hover-info {
      position: absolute;
      top: 60px;
      right: -50px;
      width: 280px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      background-color: #fff;
      -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
              box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
      z-index: 999;
      padding: 10px 20px 0 20px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity 0.1s linear 0s;
      -o-transition: opacity 0.1s linear 0s;
      transition: opacity 0.1s linear 0s; }
      .header-container .header .header-about-children-hover-info .block {
        padding: 10px 0 10px 0; }
        .header-container .header .header-about-children-hover-info .block .about-child--header {
          width: 260px;
          height: 68px;
          -webkit-border-radius: 10px;
                  border-radius: 10px;
          margin-left: -10px;
          padding: 10px;
          z-index: 3;
          position: relative; }
          .header-container .header .header-about-children-hover-info .block .about-child--header .user-avatar {
            float: left;
            margin-right: 12px;
            opacity: 1; }
          .header-container .header .header-about-children-hover-info .block .about-child--header a.about-child-name,
          .header-container .header .header-about-children-hover-info .block .about-child--header a.about-child-name:active,
          .header-container .header .header-about-children-hover-info .block .about-child--header a.about-child-name:link {
            font-family: TTLimesSlab;
            font-size: 20px;
            line-height: 1.0;
            letter-spacing: 1px;
            color: var(--greyish-brown);
            margin-top: 5px;
            margin-bottom: 3px;
            text-decoration: none;
            display: block; }
          .header-container .header .header-about-children-hover-info .block .about-child--header .about-child-age {
            font-family: EB Garamond;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.33;
            letter-spacing: 0.6px;
            color: var(--brown-grey); }
        .header-container .header .header-about-children-hover-info .block .about-child--header.active,
        .header-container .header .header-about-children-hover-info .block .about-child--header:hover {
          background-color: rgba(239, 137, 64, 0.2); }
          .header-container .header .header-about-children-hover-info .block .about-child--header.active a.about-child-name,
          .header-container .header .header-about-children-hover-info .block .about-child--header:hover a.about-child-name {
            color: var(--dusty-orange); }
        .header-container .header .header-about-children-hover-info .block .about-child--header.active:after {
          content: '';
          position: absolute;
          width: 28px;
          height: 18px;
          top: 25px;
          right: 10px;
          background: url("../images/child-checked.svg"); }
        .header-container .header .header-about-children-hover-info .block a.add-child-link {
          font-family: EB Garamond;
          font-size: 16px;
          font-weight: 500;
          line-height: 1.88;
          letter-spacing: 0.8px;
          color: var(--brown-grey);
          text-decoration: none;
          position: relative;
          padding-left: 20px; }
        .header-container .header .header-about-children-hover-info .block a.add-child-link:before {
          content: '';
          position: absolute;
          background: url("../images/add-child.svg");
          top: 3px;
          left: 0;
          width: 12px;
          height: 12px; }
      .header-container .header .header-about-children-hover-info .block.add-child {
        padding-top: 10px; }
      .header-container .header .header-about-children-hover-info .block-sep {
        width: 100%;
        height: 2px;
        -webkit-border-radius: 1px;
                border-radius: 1px;
        background-color: var(--light-grey-two); }
    .header-container .header .header-about-children-hover-info:after {
      content: '';
      background: url(../images/popup-circle.svg);
      width: 52px;
      height: 10px;
      position: absolute;
      top: -10px;
      right: 30px;
      z-index: 999; }
    .header-container .header .header-reading-block-what:hover {
      color: var(--dusty-orange); }
    .header-container .header .header-reading-block-what.with-down {
      padding-right: 20px;
      position: relative; }
    .header-container .header .header-reading-block-what.with-down:after {
      content: '';
      background-image: url(../images/down.svg);
      width: 12px;
      height: 12px;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-6px);
          -ms-transform: translateY(-6px);
              transform: translateY(-6px); }
    .header-container .header .header-reading-block-what.with-down:hover:after {
      background-image: url(../images/down-active.svg); }
    .header-container .header .header-right-menu-link-reg {
      display: none !important; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .header-left-menu-search--panel {
    left: -130px !important;
    width: 310px !important; }
    .header-left-menu-search--panel .button-search {
      padding-left: 20px !important;
      padding-right: 20px !important; }
    .header-left-menu-search--panel .top-search-input {
      margin-right: 10px !important; }
  .header-left-menu-search--panel:after {
    left: 120px !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .header-container {
    height: 54px !important;
    line-height: 54px !important; }
    .header-container .header .header-left-menu-link {
      display: none !important; }
    .header-container .header .logo-wrap {
      width: 74px !important; }
      .header-container .header .logo-wrap a.logo {
        width: 74px !important;
        top: -9px !important;
        -webkit-background-size: contain !important;
                background-size: contain !important; }
      .header-container .header .logo-wrap a.logo:hover {
        top: -5px !important; }
    .header-container .header .header-left-menu-search {
      width: 32px !important;
      background: url(../images/header-search-icon.svg) no-repeat 50% !important; }
    .header-container .header .header-left-menu-search.active,
    .header-container .header .header-left-menu-search:hover {
      background: url(../images/header-search-icon-active.svg) no-repeat 50% !important; }
    .header-container .header .header-button-login {
      font-size: 14px !important;
      letter-spacing: 1px;
      height: 26px !important;
      line-height: 26px !important;
      -webkit-border-radius: 13px !important;
              border-radius: 13px !important;
      margin-left: 8px !important; }
    .header-container .header .header-button-login-button {
      display: none !important; }
    .header-container .header .header-left-menu-search.active:after {
      width: 32px !important;
      height: 8px !important; }
    .header-container .header .header-renew-block,
    .header-container .header .header-reading-info-block.is-reading,
    .header-container .header .header-reading-info-block.continue-reading {
      display: none !important; }
    .header-container .header .active-down.active:after {
      width: 32px !important;
      height: 8px !important;
      -webkit-transform: translate(-16px) !important;
      -ms-transform: translate(-16px) !important;
      transform: translate(-16px) !important; }
    .header-container .header .header-right-menu-link-reg {
      margin-left: 10px;
      display: inline-block !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .header-container {
    height: 60px !important;
    line-height: 60px !important; }
    .header-container .header .header-left .logo-wrap {
      width: 80px !important; }
      .header-container .header .header-left .logo-wrap a.logo {
        width: 80px !important;
        top: -8px !important;
        -webkit-background-size: contain !important;
                background-size: contain !important; }
      .header-container .header .header-left .logo-wrap a.logo:hover {
        top: -4px !important; }
    .header-container .header .header-left .header-left-menu-link {
      font-size: 16px !important;
      margin-right: 15px !important; }
    .header-container .header .header-left .header-left-menu-search {
      margin-left: 12px !important; }
    .header-container .header .header-button-login {
      font-size: 14px !important;
      letter-spacing: 1px;
      height: 26px !important;
      line-height: 26px !important;
      -webkit-border-radius: 13px !important;
              border-radius: 13px !important;
      margin-left: 8px !important; }
    .header-container .header .header-left-menu-search--panel {
      width: 510px !important; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .header-left-menu-search--panel {
    left: -130px !important;
    width: 460px !important; }
  .header-left-menu-search--panel:after {
    left: 120px !important; } }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .header-container .header .header-left .header-left-menu-link {
    margin-right: 15px !important; }
  .header-container .header .header-left .header-left-menu-search {
    margin-left: 0 !important; }
  .header-container .header .header-right .header-user-avatar {
    margin-left: 15px !important; }
  .header-container .header .header-right .header-renew-block {
    margin-left: 10px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .header-container .header {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .header-container .header .header-renew-block,
    .header-container .header .header-reading-info-block.is-reading,
    .header-container .header .header-reading-info-block.continue-reading {
      display: none !important; }
    .header-container .header .header-left-menu-burger-menu {
      display: block !important;
      width: 24px;
      height: 24px;
      margin-right: 17px;
      background: url("../images/menu-burger.svg") no-repeat;
      cursor: pointer; }
    .header-container .header .header-left-menu-flag-mobile {
      display: block !important;
      width: 32px;
      height: 24px;
      background: url("../images/header-mobile-flag.png") no-repeat 50%;
      cursor: pointer;
      margin-left: 10px; }
    .header-container .header .header-left-menu-kid-mobile {
      display: block !important;
      width: 32px;
      height: 24px;
      background: url("../images/header-mobile-kid.svg") no-repeat 50%;
      margin-left: 10px;
      position: relative; }
    .header-container .header .header-user-avatar {
      width: 34px !important;
      margin-left: 15px !important; }
    .header-container .header .header-user-avatar-img {
      width: 34px !important;
      height: 34px !important; }
      .header-container .header .header-user-avatar-img .avatar-img {
        width: 34px !important;
        height: 34px !important; }
    .header-container .header a.header-right-menu-link {
      font-size: 14px !important;
      letter-spacing: 1.2px !important; }
    .header-container .header .header-button-login {
      height: 26px !important;
      line-height: 24px !important;
      font-size: 14px !important; }
    .header-container .header .mobile-menu--links {
      display: none !important; }
  .header-container .header-left-menu-search--panel {
    top: 85px !important; }
  .header-container .header-left-menu-kid-mobile.opened .header-about-children-hover-info {
    visibility: visible !important;
    opacity: 1 !important; }
  .header-container .header-left-menu-kid-mobile.opened {
    background: url("../images/header-mobile-kid-orange.svg") no-repeat 50%; }
  .header-container .header-user-avatar-hover-info {
    top: 80px !important;
    right: 30px !important;
    z-index: 9999; } }

@media only screen and (min-width: 640px) {
  .header-container.under-grey .header .active-down.active:after {
    bottom: -3px !important; }
  .header-left-menu-search--hover.not-search:hover .header-left-menu-search--panel {
    opacity: 1 !important;
    visibility: visible !important; } }

@media only screen and (min-width: 980px) {
  .header-reading-block-what-hover-area:hover .header-about-children-hover-info {
    visibility: visible !important;
    opacity: 1 !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .footer-button-up--wrap {
    top: -47px !important;
    right: 50% !important;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }
    .footer-button-up--wrap .footer-button-up {
      width: 40px !important;
      height: 40px !important; }
  .footer-container-2 {
    padding-top: 27px !important;
    padding-bottom: 50px !important; }
    .footer-container-2 .container-rel {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -webkit-flex-direction: column !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
      -webkit-box-align: center !important;
      -webkit-align-items: center !important;
          -ms-flex-align: center !important;
              align-items: center !important; }
      .footer-container-2 .container-rel br {
        display: none; }
      .footer-container-2 .container-rel .footer-line-0 {
        display: none !important; }
      .footer-container-2 .container-rel .footer-line-1 {
        margin-bottom: 6px;
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%; }
      .footer-container-2 .container-rel .footer-line-2,
      .footer-container-2 .container-rel .footer-line-3 {
        margin-bottom: 20px;
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%; }
      .footer-container-2 .container-rel .footer-flex-group {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important; }
        .footer-container-2 .container-rel .footer-flex-group .footer-line-3 {
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%; }
          .footer-container-2 .container-rel .footer-flex-group .footer-line-3 a.footer-social-icon:not(:last-child) {
            margin-right: 35px !important; }
  .footer-container-1-wrap .footer-container-1 {
    padding-top: 20px !important; }
    .footer-container-1-wrap .footer-container-1 .footer-stroke--contacts {
      display: none !important; }
    .footer-container-1-wrap .footer-container-1 .e-version {
      display: block !important; }
    .footer-container-1-wrap .footer-container-1 .footer-mobile-status--block {
      display: block !important; }
    .footer-container-1-wrap .footer-container-1 .footer-email {
      margin-bottom: 5px !important;
      font-size: 14px !important; }
    .footer-container-1-wrap .footer-container-1 .footer-phone {
      font-size: 14px !important;
      color: #fff !important;
      margin-bottom: 10px; }
    .footer-container-1-wrap .footer-container-1 .container {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    .footer-container-1-wrap .footer-container-1 .footer-mobile-status-title {
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.1;
      letter-spacing: 0.8px;
      color: var(--greyish-brown);
      margin-bottom: 7px; }
    .footer-container-1-wrap .footer-container-1 .footer-mobile-status {
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.3;
      letter-spacing: 0.6px;
      color: var(--greyish-brown);
      margin-bottom: 18px; }
    .footer-container-1-wrap .footer-container-1 .footer-mobile-free-week-title {
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.1;
      letter-spacing: 0.8px;
      color: var(--greyish-brown);
      margin-bottom: 10px; }
    .footer-container-1-wrap .footer-container-1 .footer-mobile-free-week-button {
      width: 100%;
      height: 28px;
      line-height: 26px;
      -webkit-border-radius: 14px;
              border-radius: 14px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(var(--dusty-orange-two)), to(#fea45e));
      background-image: -webkit-linear-gradient(bottom, var(--dusty-orange-two), #fea45e);
      background-image: -o-linear-gradient(bottom, var(--dusty-orange-two), #fea45e);
      background-image: linear-gradient(to top, var(--dusty-orange-two), #fea45e);
      font-family: TTLimesSlab;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 1px;
      text-align: center;
      color: white;
      cursor: pointer;
      margin-bottom: 20px; }
  a.footer-link {
    line-height: 2.3 !important; }
  .footer-social:not(:last-child) {
    margin-bottom: 5px; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .footer-container-1-wrap .footer-container-1 .footer-container-1-null {
    display: none !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-2,
  .footer-container-1-wrap .footer-container-1 .footer-container-1-3 {
    display: none !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-4 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .footer-container-1-wrap .footer-container-1 .footer-container-1-null--1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-1 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-null--2,
  .footer-container-1-wrap .footer-container-1 .footer-container-1-2,
  .footer-container-1-wrap .footer-container-1 .footer-container-1-3 {
    display: none !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-4 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-null--3 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; }
  .footer-container-1-wrap .footer-container-1 .footer-mobile-free-week-button {
    width: auto !important;
    padding-left: 20px;
    padding-right: 20px;
    height: 28px;
    line-height: 26px;
    -webkit-border-radius: 14px;
            border-radius: 14px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(var(--dusty-orange-two)), to(#fea45e));
    background-image: -webkit-linear-gradient(bottom, var(--dusty-orange-two), #fea45e);
    background-image: -o-linear-gradient(bottom, var(--dusty-orange-two), #fea45e);
    background-image: linear-gradient(to top, var(--dusty-orange-two), #fea45e);
    font-family: TTLimesSlab;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    text-align: center;
    color: white;
    cursor: pointer;
    margin-bottom: 20px; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .footer-container-1-wrap .footer-container-1 .footer-container-1-1 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; }
  .footer-container-1-wrap .footer-container-1 .footer-phone {
    font-size: 16px !important;
    color: #fff !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-2 {
    display: none !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-3 {
    -webkit-box-flex: 4 !important;
    -webkit-flex: 4 !important;
        -ms-flex: 4 !important;
            flex: 4 !important;
    padding-left: 20px !important;
    padding-right: 30px !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-4 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important;
    margin-left: -20px !important; }
  .footer-container-1-wrap .footer-container-1 .footer-container-1-null {
    display: none !important; }
  .footer-container-2 .footer-button-up--wrap {
    left: 50% !important; }
  .footer-container-2 .footer-flex-group {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-flex: 3 !important;
    -webkit-flex: 3 !important;
        -ms-flex: 3 !important;
            flex: 3 !important; }
  .footer-container-2 .footer-line-0 {
    display: none !important; }
  .footer-container-2 .footer-line-1,
  .footer-container-2 .footer-line-2 {
    line-height: 1.375 !important; }
  .footer-container-2 .footer-line-1 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important;
    padding-right: 25px !important; }
  .footer-container-2 .footer-line-2 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; } }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .footer-container-1 .footer-container-1-null--1 {
    display: none !important; }
  .footer-container-1 .footer-container-1-1 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; }
  .footer-container-1 .footer-container-1-2 {
    -webkit-box-flex: 3 !important;
    -webkit-flex: 3 !important;
        -ms-flex: 3 !important;
            flex: 3 !important; }
  .footer-container-2 .footer-line-0 {
    display: none !important; }
  .footer-container-2 .footer-line-1 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important; }
  .footer-container-2 .footer-line-2 {
    -webkit-box-flex: 2 !important;
    -webkit-flex: 2 !important;
        -ms-flex: 2 !important;
            flex: 2 !important;
    padding-right: 50px !important; }
  .footer-container-2 .footer-line-phantom {
    display: block !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .footer-container-2 .footer-flex-group {
    -webkit-box-flex: 6 !important;
    -webkit-flex: 6 !important;
        -ms-flex: 6 !important;
            flex: 6 !important; } }

.footer-container .footer-container-top {
  height: 40px;
  background: url("/layout/images/footer-top.png"); }

.footer-container .footer-container-1-wrap {
  background-color: var(--greyish); }
  .footer-container .footer-container-1-wrap .footer-container-1 {
    padding-top: 35px;
    padding-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-mobile-status--block {
      display: none; }
    .footer-container .footer-container-1-wrap .footer-container-1 .e-version {
      display: none; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-container-1-1 {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-container-1-2 {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-container-1-3 {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-container-1-4 {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-container-1-null {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-email-input {
      margin-top: 20px; }
      .footer-container .footer-container-1-wrap .footer-container-1 .footer-email-input input[type="text"] {
        width: 224px;
        height: 42px;
        -webkit-border-radius: 21px;
                border-radius: 21px;
        background-color: var(--white);
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: 0.7px;
        color: var(--greyish);
        padding-left: 20px;
        border: none; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-orange-button {
      width: 224px;
      height: 42px;
      line-height: 39px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      text-align: center;
      color: white;
      -webkit-border-radius: 21px;
              border-radius: 21px;
      margin-top: 15px;
      cursor: pointer; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-phone,
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-account-status {
      font-family: EB Garamond;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.88;
      letter-spacing: 0.8px;
      color: var(--greyish-brown); }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-stroke--contacts {
      margin-bottom: 4px; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-account-status {
      margin-top: 8px;
      margin-bottom: 6px; }
    .footer-container .footer-container-1-wrap .footer-container-1 .footer-email {
      font-family: EB Garamond;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.88;
      letter-spacing: 0.8px;
      color: white;
      margin-bottom: 15px; }
    .footer-container .footer-container-1-wrap .footer-container-1 a.footer-social {
      font-family: EB Garamond;
      font-size: 16px;
      font-weight: 500;
      line-height: 2.19;
      letter-spacing: 1.1px;
      color: white;
      text-decoration: none;
      display: block;
      position: relative;
      padding-left: 39px; }
    .footer-container .footer-container-1-wrap .footer-container-1 a.footer-social:hover {
      text-decoration: underline;
      color: var(--light-grey-two); }
    .footer-container .footer-container-1-wrap .footer-container-1 a.footer-social:before {
      content: '';
      position: absolute;
      top: 6px;
      left: 0;
      width: 24px;
      height: 24px; }
    .footer-container .footer-container-1-wrap .footer-container-1 a.footer-social:hover:before {
      opacity: 0.5; }
    .footer-container .footer-container-1-wrap .footer-container-1 a.footer-social.footer-telegram:before {
      background: url("/layout/images/chat-telegram.svg"); }
    .footer-container .footer-container-1-wrap .footer-container-1 a.footer-social.footer-watsapp:before {
      background: url("/layout/images/chat-whats-app.svg"); }
    .footer-container .footer-container-1-wrap .footer-container-1 a.footer-social.footer-chat:before {
      background: url("/layout/images/chat.svg"); }

.footer-container .footer-container-2 {
  background-color: #cfcdc4;
  padding-bottom: 80px;
  padding-top: 47px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .footer-container .footer-container-2 .container-rel {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .footer-container .footer-container-2 .container-rel .footer-button-up--wrap {
      position: absolute;
      top: -77px;
      right: 0; }
      .footer-container .footer-container-2 .container-rel .footer-button-up--wrap .footer-button-up {
        width: 60px;
        height: 60px;
        -webkit-border-radius: 50%;
                border-radius: 50%;
        border: solid 2px var(--light-grey);
        cursor: pointer;
        background: var(--greyish) url(../images/up-white.svg) no-repeat center;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
        .footer-container .footer-container-2 .container-rel .footer-button-up--wrap .footer-button-up .footer-button-up--str {
          width: 100%;
          height: 100%;
          -webkit-border-radius: 50%;
                  border-radius: 50%;
          background: url(../images/up-white.svg) no-repeat center; }
      .footer-container .footer-container-2 .container-rel .footer-button-up--wrap .footer-button-up:hover {
        background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
        background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
        background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
        background: linear-gradient(to top, #89c5bd, #c2dfc1);
        border: none; }
    .footer-container .footer-container-2 .container-rel .footer-line-0 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .footer-container .footer-container-2 .container-rel .footer-line-1 {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .footer-container .footer-container-2 .container-rel .footer-line-phantom {
      display: none; }
    .footer-container .footer-container-2 .container-rel .footer-line-2 {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .footer-container .footer-container-2 .container-rel .footer-flex-group {
      -webkit-box-flex: 5;
      -webkit-flex: 5;
          -ms-flex: 5;
              flex: 5;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .footer-container .footer-container-2 .container-rel .footer-flex-group .footer-line-3 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 2;
        -webkit-flex: 2;
            -ms-flex: 2;
                flex: 2;
        margin-bottom: 20px; }
      .footer-container .footer-container-2 .container-rel .footer-flex-group .footer-line-4 {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
            -ms-flex: 3;
                flex: 3; }
  .footer-container .footer-container-2 .footer-grey {
    font-family: EB Garamond;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.88;
    letter-spacing: 0.8px;
    color: var(--brown-grey); }

.footer-container a.footer-link {
  font-family: EB Garamond;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.88;
  letter-spacing: 0.8px;
  color: white;
  text-decoration: none; }

.footer-container .footer-line-4 .footer-grey {
  line-height: 1.1; }

.footer-container .footer-line-1 a.footer-link, .footer-container .footer-line-2 a.footer-link {
  line-height: 1.1; }

.footer-container a.footer-link:hover,
.footer-container a.footer-email:hover {
  text-decoration: underline;
  color: var(--light-grey-two) !important; }

.footer-container .footer-stroke {
  font-family: TTLimesSlab;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: 1.1px;
  color: var(--greyish-brown); }

.footer-container a.footer-social-icon {
  width: 24px;
  height: 24px;
  display: block;
  margin-top: 3px; }

.footer-container a.footer-social-icon:hover {
  opacity: 0.5; }

.footer-container a.footer-social-icon:not(:last-child) {
  margin-right: 20px; }

.footer-container a.footer-social-icon.footer-social-icon-insta {
  background: url("/layout/images/social-insta.svg"); }

.footer-container a.footer-social-icon.footer-social-icon-fb {
  background: url("/layout/images/social-fb.svg"); }

.footer-container a.footer-social-icon.footer-social-icon-vk {
  background: url("/layout/images/social-vk.svg"); }

:root {
  --baby-purple: #ca95f8;
  --black: #22211f;
  --greyish-brown: #444341;
  --brown-grey: #787772;
  --greyish: #a4a196;
  --light-grey: #cfcdc4;
  --light-grey-two: #e7e6df;
  --white: #f8f7f4;
  --grapefruit: #f86666;
  --dusty-orange: #e9721d;
  --dusty-orange-two: #ef8940;
  --gold: #e5bf08;
  --lightish-green: #7bd975;
  --tiffany-blue: #6bd2e6;
  --dark-sky-blue: #4a90e2;
  --pale-teal: #a3cebb;
  --bluegrey: #8fbeb1;
  --greyblue: #78b3a5;
  --bluey-green: #2daa98; }

.block-dotted-line .exercises-body-one {
  margin-bottom: 82px;
  max-width: 640px;
  background: #fff;
  padding: 0 0 31px 0;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .block-dotted-line .exercises-body-one .exercises-body-elem {
    width: 218px;
    text-align: center; }
    .block-dotted-line .exercises-body-one .exercises-body-elem .exercises-body-elem-circle {
      width: 140px;
      height: 140px;
      margin: 0 auto;
      margin-bottom: 7px;
      -webkit-border-radius: 50%;
      border-radius: 50%; }
    .block-dotted-line .exercises-body-one .exercises-body-elem .exercises-name {
      width: 140px;
      height: 42px;
      line-height: 38px;
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      text-align: center;
      color: var(--greyish-brown) !important;
      margin: 0 auto;
      margin-bottom: 10px;
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      background: none !important; }
    .block-dotted-line .exercises-body-one .exercises-body-elem .exercises-duration {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.14;
      letter-spacing: 0.7px;
      color: var(--greyish); }
  .block-dotted-line .exercises-body-one .exercises-body-elem:nth-child(1) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-1.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises-body-one .exercises-body-elem:nth-child(2) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-2.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises-body-one .exercises-body-elem:nth-child(3) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-3.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises-body-one .exercises-body-elem:last-child {
    border-right: none; }

.block-dotted-line .exercises-body-one.authorize .exercises-body-elem:nth-child(1) .exercises-body-elem-circle {
  background: #fff url("../images/exercises-1-auth.svg") no-repeat 50% 50%; }

.block-dotted-line .exercises-body-one.authorize .exercises-body-elem:nth-child(2) .exercises-body-elem-circle {
  background: #fff url("../images/exercises-2-auth.svg") no-repeat 50% 50%; }

.block-dotted-line .exercises-body-one.authorize .exercises-body-elem:nth-child(3) .exercises-body-elem-circle {
  background: #fff url("../images/exercises-3-auth.svg") no-repeat 50% 50%; }

.block-dotted-line .exercises-body-one.authorize .exercises-name {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
  background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
  background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
  background-image: linear-gradient(to top, #ee8439, #ff9f54);
  color: #fff; }

.block-dotted-line .exercises-body-one.authorize .exercises-duration {
  color: var(--greyish-brown); }

.block-dotted-line .exercises-body-one.authorize:hover {
  cursor: pointer; }
  .block-dotted-line .exercises-body-one.authorize:hover .exercises-body-elem .exercises-name {
    color: #EF8940 !important; }
  .block-dotted-line .exercises-body-one.authorize:hover .exercises-body-elem:nth-child(1) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-1-auth-hover.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises-body-one.authorize:hover .exercises-body-elem:nth-child(2) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-2-auth-hover.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises-body-one.authorize:hover .exercises-body-elem:nth-child(3) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-3-auth-hover.svg") no-repeat 50% 50%; }

@media only screen and (max-width: 640px) {
  .block-dotted-line .exercises-body-one {
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0;
    position: relative; }
    .block-dotted-line .exercises-body-one .exercises-body-elem {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin: 0 auto;
      width: 90%;
      min-height: 142px;
      padding-bottom: 0;
      border-right: none; }
      .block-dotted-line .exercises-body-one .exercises-body-elem .exercises-body-elem-circle {
        position: absolute;
        margin-top: 0; }
      .block-dotted-line .exercises-body-one .exercises-body-elem .exercises-name {
        margin-left: 130px;
        margin-top: 20px; }
      .block-dotted-line .exercises-body-one .exercises-body-elem .exercises-duration {
        margin-left: 100px; }
    .block-dotted-line .exercises-body-one .exercises-body-elem:first-child {
      border-top: none; } }

.text-12-grey {
  font-family: EB Garamond;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.6px;
  color: var(--brown-grey); }

.text-14-black {
  font-family: EB Garamond;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.7px;
  color: var(--black); }

.text-18-black {
  font-family: EB Garamond;
  font-size: 18px;
  line-height: 1.56;
  letter-spacing: 0.7px;
  color: #333436; }

.text-28-black {
  font-family: TTLimesSlab;
  font-size: 28px;
  line-height: 1.21;
  letter-spacing: 1.7px;
  color: var(--greyish-brown); }

.text-48-black {
  font-family: TTLimesSlab;
  font-size: 48px;
  line-height: 1.04;
  letter-spacing: 1.7px;
  color: var(--greyish-brown); }

.block-dotted-line .buttons {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  .block-dotted-line .buttons .green-circle {
    display: none; }
  .block-dotted-line .buttons .button-orange-read {
    display: inline-block;
    width: 120px;
    height: 42px;
    line-height: 41px;
    -webkit-border-radius: 21px;
    border-radius: 21px;
    font-family: TTLimesSlab;
    font-size: 18px;
    letter-spacing: 0.6px;
    text-align: center;
    color: white;
    background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
    background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
    background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
    background: linear-gradient(to top, #ee8439, #ff9f54);
    margin-right: 10px;
    cursor: pointer; }

.block-dotted-line .options-1 .options-1--flex-block-1 {
  margin-right: 30px; }

.block-dotted-line .options-1 .options-1--flex-block-1,
.block-dotted-line .options-1 .options-1--flex-block-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

.block-dotted-line .options-1,
.block-dotted-line .options-2,
.block-dotted-line .options-3,
.block-dotted-line .options-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.block-dotted-line .options-title {
  margin-right: 9px; }

.block-dotted-line .options-value {
  font-family: EB Garamond;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: var(--black);
  text-align: center;
  padding-left: 11px;
  padding-right: 11px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
  display: inline-block;
  margin-right: 5px;
  height: 28px;
  line-height: 25px;
  margin-bottom: 5px;
  margin-top: 5px;
  cursor: pointer;
  font-weight: normal; }

.block-dotted-line .options-value.age {
  background-color: rgba(248, 102, 102, 0.3);
  margin-right: 5px; }

.block-dotted-line .options-value.genres {
  background-color: rgba(229, 191, 8, 0.3);
  margin-right: 5px; }

.block-dotted-line .options-value.character {
  background-color: rgba(202, 149, 248, 0.3); }

.block-dotted-line .options-value.duration {
  background-color: rgba(123, 217, 117, 0.3); }

.block-dotted-line .options-value.trains {
  background-color: rgba(107, 210, 230, 0.3); }

.block-dotted-line .options-value.educates {
  background-color: rgba(74, 144, 226, 0.3); }

.block-dotted-line .rating-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 230px;
  padding-right: 15px;
  padding-top: 25px;
  font-family: TTLimesSlab;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.9999999999999998;
  letter-spacing: 1px;
  color: var(--dusty-orange-two); }
  .block-dotted-line .rating-block .rating-star {
    width: 16px;
    height: 15px;
    background: url("../images/star-not-active.svg");
    margin-left: 4px;
    cursor: pointer; }
  .block-dotted-line .rating-block .rating-star.active {
    background: url("../images/star-active.svg"); }
  .block-dotted-line .rating-block .rating-star.semi-active {
    background: url("../images/star-semi-active.svg"); }

.block-dotted-line .week-free {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 80px;
  margin-top: 70px; }
  .block-dotted-line .week-free .week-free--lis {
    width: 197px;
    height: 293px;
    background: url("../images/fairy_tail_img-1_2x.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    margin-right: 60px; }
  .block-dotted-line .week-free .week-free-form-wrap {
    max-width: 477px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-color: white;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
    padding: 40px;
    margin-bottom: 0 !important; }
    .block-dotted-line .week-free .week-free-form-wrap .week-free-form {
      margin-top: 30px;
      position: relative; }
      .block-dotted-line .week-free .week-free-form-wrap .week-free-form input[type=text] {
        width: 100%;
        height: 42px;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        background-color: var(--white);
        border: 0;
        padding-left: 24px;
        padding-right: 170px;
        font-family: EB Garamond;
        font-size: 18px;
        letter-spacing: 0.7px;
        color: var(--greyish); }
      .block-dotted-line .week-free .week-free-form-wrap .week-free-form .week-free-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 42px;
        width: 162px;
        line-height: 41px;
        text-align: center;
        background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background: linear-gradient(to top, #ee8439, #ff9f54);
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        color: white;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        cursor: pointer; }

.block-dotted-line .lis-say {
  height: 305px;
  margin-bottom: 60px; }
  .block-dotted-line .lis-say .week-free--lis {
    width: 197px;
    height: 293px;
    background: url("../images/fairy_tail_img-1_2x.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    display: none; }
  .block-dotted-line .lis-say .lis-say--pic {
    max-width: 600px;
    height: 299px;
    background: url("../images/lis-say_2x.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    font-family: TTLimesSlab;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 1.7px;
    color: var(--greyish-brown);
    padding-left: 295px;
    padding-top: 75px; }

.block-dotted-line .exercises {
  position: relative; }
  .block-dotted-line .exercises .exercises-title {
    margin-bottom: 66px;
    position: relative; }
  .block-dotted-line .exercises .exercises-title:before {
    content: '2';
    width: 42px;
    height: 42px;
    line-height: 42px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: linear-gradient(to top, #89c5bd, #c2dfc1);
    text-align: center;
    font-family: TTLimesSlab;
    font-size: 28px;
    letter-spacing: 1px;
    color: white;
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-21px);
        -ms-transform: translateY(-21px);
            transform: translateY(-21px);
    left: -60px; }
  .block-dotted-line .exercises .exercises-body {
    margin-bottom: 82px;
    max-width: 640px;
    background: #fff;
    padding: 34px 0 31px 0;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .block-dotted-line .exercises .exercises-body .exercises-body-elem {
      width: 218px;
      border-right: 2px solid var(--light-grey-two);
      text-align: center; }
      .block-dotted-line .exercises .exercises-body .exercises-body-elem .exercises-body-elem-circle {
        width: 140px;
        height: 140px;
        margin: 0 auto;
        margin-top: -59px;
        margin-bottom: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%; }
      .block-dotted-line .exercises .exercises-body .exercises-body-elem .exercises-name {
        width: 140px;
        height: 42px;
        line-height: 38px;
        background-color: var(--white);
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        text-align: center;
        color: var(--light-grey);
        margin: 0 auto;
        margin-bottom: 10px;
        -webkit-border-radius: 20px;
        border-radius: 20px; }
      .block-dotted-line .exercises .exercises-body .exercises-body-elem .exercises-duration {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.14;
        letter-spacing: 0.7px;
        color: var(--greyish); }
    .block-dotted-line .exercises .exercises-body .exercises-body-elem:nth-child(1) .exercises-body-elem-circle {
      background: #fff url("../images/exercises-1.svg") no-repeat 50% 50%; }
    .block-dotted-line .exercises .exercises-body .exercises-body-elem:nth-child(2) .exercises-body-elem-circle {
      background: #fff url("../images/exercises-2.svg") no-repeat 50% 50%; }
    .block-dotted-line .exercises .exercises-body .exercises-body-elem:nth-child(3) .exercises-body-elem-circle {
      background: #fff url("../images/exercises-3.svg") no-repeat 50% 50%; }
    .block-dotted-line .exercises .exercises-body .exercises-body-elem:last-child {
      border-right: none; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(1) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-1-auth.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(1):hover .exercises-body-elem-circle {
    background: #fff url("../images/exercises-1-auth-hover.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(1):hover,
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(2):hover,
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(3):hover {
    cursor: pointer; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(2) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-2-auth.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(2):hover .exercises-body-elem-circle {
    background: #fff url("../images/exercises-2-auth-hover.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(3) .exercises-body-elem-circle {
    background: #fff url("../images/exercises-3-auth.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-body-elem:nth-child(3):hover .exercises-body-elem-circle {
    background: #fff url("../images/exercises-3-auth-hover.svg") no-repeat 50% 50%; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-name {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
    background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
    background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
    background-image: linear-gradient(to top, #ee8439, #ff9f54);
    color: #fff; }
  .block-dotted-line .exercises .exercises-body.authorize .exercises-duration {
    color: var(--greyish-brown); }

.block-dotted-line .read-next-title {
  position: relative;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .block-dotted-line .read-next-title .read-next-title--text {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
        -ms-flex: 4;
            flex: 4; }
  .block-dotted-line .read-next-title .read-next-title--text:before {
    content: '3';
    width: 42px;
    height: 42px;
    line-height: 42px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: linear-gradient(to top, #89c5bd, #c2dfc1);
    text-align: center;
    font-family: TTLimesSlab;
    font-size: 28px;
    letter-spacing: 1px;
    color: white;
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-21px);
        -ms-transform: translateY(-21px);
            transform: translateY(-21px);
    left: -60px; }
  .block-dotted-line .read-next-title .read-next-title--text_nonum:before {
    content: ''; }
  .block-dotted-line .read-next-title .read-next-title--buttons {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .block-dotted-line .read-next-title .green-circle.three {
    top: 6px;
    left: 54px; }

.block-dotted-line .read-next-body {
  background: #f8f7f4; }

.page-fairy-tail-comments-block-top {
  height: 250px;
  background: url("../images/comments-top-img.png") no-repeat center bottom;
  -webkit-background-size: cover;
          background-size: cover; }

.page-fairy-tail-comments-block-bottom {
  height: 834px;
  background: url("../images/comments-bottom-img.png") no-repeat center top;
  background-position: center;
  margin-bottom: -455px; }

.page-fairy-tail-comments-block {
  background-color: var(--bluegrey); }
  .page-fairy-tail-comments-block .col-comments {
    max-width: 760px;
    margin: 0 auto;
    margin-top: -66px;
    margin-bottom: -283px;
    min-height: 500px; }
    .page-fairy-tail-comments-block .col-comments .comments-top-title {
      font-family: TTLimesSlab;
      font-size: 48px;
      line-height: 1.04;
      letter-spacing: 1.7px;
      color: white;
      margin-bottom: 33px; }
    .page-fairy-tail-comments-block .col-comments .comments-comment {
      padding-left: 60px;
      position: relative;
      margin-bottom: 35px; }
      .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white {
        width: 100%;
        background: #fff;
        padding: 40px 40px 80px 42px;
        -webkit-border-radius: 0px 20px 20px 20px;
        border-radius: 0px 20px 20px 20px;
        position: relative; }
        .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top {
          margin-bottom: 20px; }
          .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-avatar {
            width: 78px;
            height: 78px;
            -webkit-border-radius: 78px;
            border-radius: 78px;
            position: relative;
            margin-right: 21px; }
            .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-avatar .comment-smile {
              width: 45px;
              height: 45px;
              position: absolute;
              right: -10px;
              bottom: -23px;
              -webkit-border-radius: 45px;
              border-radius: 45px;
              background: #fff; }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-avatar .comment-smile .smile-good-icon,
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-avatar .comment-smile .smile-bad-icon {
                width: 35px;
                height: 35px;
                margin-top: 5px;
                margin-left: 5px; }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-avatar .comment-smile .smile-good-icon {
                background: url("../images/smile-good_2x.png") no-repeat;
                -webkit-background-size: cover;
                background-size: cover; }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-avatar .comment-smile .smile-bad-icon {
                background: url("../images/smile-bad_2x.png") no-repeat;
                -webkit-background-size: cover;
                background-size: cover; }
          .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-name-and-time {
            padding-top: 12px; }
            .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-name-and-time .comment-name {
              font-family: TTLimesSlab;
              font-size: 28px;
              line-height: 1.21;
              letter-spacing: 1.7px;
              color: var(--greyish-brown);
              margin-bottom: 3px; }
            .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-name-and-time .comment-time {
              font-family: EB Garamond;
              font-size: 12px;
              font-weight: 500;
              line-height: 1.33;
              letter-spacing: 0.6px;
              color: var(--brown-grey); }
          .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons {
            padding-top: 18px; }
            .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-more-actions {
              width: 21px;
              height: 5px;
              margin-left: 39px;
              cursor: pointer;
              background: url("../images/menu-more_2x.png");
              -webkit-background-size: cover;
              background-size: cover;
              margin-top: 9px; }
            .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-button-block {
              margin-left: 14px; }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-button-block .comment-button {
                height: 24px;
                line-height: 20px;
                -webkit-border-radius: 12px;
                        border-radius: 12px;
                background-color: white;
                border: solid 2px var(--light-grey);
                padding-left: 22px;
                padding-right: 13px;
                position: relative;
                font-family: EB Garamond;
                font-size: 12px;
                font-weight: 500;
                letter-spacing: 0.6px;
                color: var(--greyish-brown);
                cursor: pointer; }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-button-block .comment-button:before {
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                top: 4px;
                left: 6px; }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-button-block .comment-button-share:before {
                background: url("../images/mini-share.svg"); }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-button-block .comment-button-comment:before {
                background: url("../images/mini-comment.svg"); }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-button-block .comment-button-fav:before {
                background: url("../images/mini-fav3.svg"); }
              .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-top .comment-buttons .comment-button-block .comment-cnt {
                font-family: EB Garamond;
                font-size: 12px;
                font-weight: 500;
                line-height: 1.33;
                letter-spacing: 0.6px;
                color: var(--brown-grey);
                margin-top: 7px; }
        .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white .comments-comment-white-body {
          font-family: EB Garamond;
          font-size: 18px;
          line-height: 1.56;
          letter-spacing: 0.7px;
          text-align: left;
          color: #333436; }
      .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white:after {
        content: '';
        position: absolute;
        width: 14px;
        height: 57px;
        top: -1px;
        left: -13px;
        background: url("../images/comment-top-left-white.png") no-repeat; }
      .page-fairy-tail-comments-block .col-comments .comments-comment .comments-comment-white-circle {
        position: absolute;
        top: -10px;
        left: 10px;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background: #fff; }

@media only screen and (min-width: 641px) {
  .block-dotted-line {
    margin-top: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .block-dotted-line .options-show-all-button {
      display: none; }
    .block-dotted-line .block-dotted-line--sep {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .block-dotted-line .block-dotted-line--main {
      -webkit-box-flex: 11;
      -webkit-flex: 11;
          -ms-flex: 11;
              flex: 11;
      background: url("../images/dotted-line-green-left.svg") repeat-y 59px 0; }
    .block-dotted-line .book-top {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .block-dotted-line .book-top .book-top--left {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
            -ms-flex: 3;
                flex: 3; }
        .block-dotted-line .book-top .book-top--left .ya-share2 {
          margin-top: 10px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          width: 230px;
          padding-left: 10px; }
      .block-dotted-line .book-top .book-info {
        -webkit-box-flex: 8;
        -webkit-flex: 8;
            -ms-flex: 8;
                flex: 8; }
        .block-dotted-line .book-top .book-info .book-info-authors {
          margin-bottom: 8px; }
        .block-dotted-line .book-top .book-info .book-info-name {
          margin-bottom: 28px; }
        .block-dotted-line .book-top .book-info .register-login {
          margin-top: 10px; }
        .block-dotted-line .book-top .book-info .rating-block {
          display: none; }
    .block-dotted-line .book-bottom {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .block-dotted-line .book-bottom .book-bottom--sep {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      .block-dotted-line .book-bottom .book-bottom--main {
        -webkit-box-flex: 10;
        -webkit-flex: 10;
            -ms-flex: 10;
                flex: 10; }
    .block-dotted-line .green-circle {
      width: 42px;
      height: 42px;
      line-height: 42px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: linear-gradient(to top, #89c5bd, #c2dfc1);
      text-align: center;
      font-family: TTLimesSlab;
      font-size: 28px;
      letter-spacing: 1px;
      color: white;
      position: absolute; }
    .block-dotted-line .book-image-wrap {
      width: 230px;
      height: 322px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      background-color: white;
      -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
              box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
      padding: 10px;
      position: relative;
      margin-right: 30px; }
      .block-dotted-line .book-image-wrap .green-circle.one {
        left: 40px;
        bottom: -21px; }
      .block-dotted-line .book-image-wrap .book-image {
        width: 210px;
        height: 302px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        position: relative;
        overflow: hidden; }
        .block-dotted-line .book-image-wrap .book-image .white-circle {
          width: 62px;
          height: 62px;
          background: #fff;
          -webkit-border-radius: 50%;
          border-radius: 50%;
          position: absolute;
          left: 20px;
          bottom: -42px; }
        .block-dotted-line .book-image-wrap .book-image .read-button {
          margin: 0 auto;
          margin-top: 141px;
          width: 120px;
          height: 42px;
          line-height: 36px;
          opacity: 0.8;
          background-color: white;
          -webkit-border-radius: 24px;
          border-radius: 24px;
          border: solid 2px var(--light-grey);
          font-family: TTLimesSlab;
          font-size: 18px;
          letter-spacing: 0.6px;
          text-align: center;
          color: var(--greyish);
          cursor: pointer;
          display: none; }
    .block-dotted-line .book-image-wrap:hover .read-button {
      display: block; }
    .block-dotted-line .annotation-wrap {
      margin-top: 35px;
      margin-bottom: 10px; }
      .block-dotted-line .annotation-wrap .annotation {
        max-height: 147px;
        max-width: 700px;
        overflow: hidden;
        margin-bottom: 10px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 247, 244, 0)), to(#f8f7f4));
        background: -webkit-linear-gradient(top, rgba(248, 247, 244, 0), #f8f7f4);
        background: -o-linear-gradient(top, rgba(248, 247, 244, 0), #f8f7f4);
        background: linear-gradient(to bottom, rgba(248, 247, 244, 0), #f8f7f4); }
    .block-dotted-line .annotation-wrap.annotation-wrap--autorize {
      margin-bottom: 10px; } }

@media only screen and (max-width: 640px) {
  .block-dotted-line {
    margin-top: 50px !important; }
    .block-dotted-line .lis-say {
      position: relative;
      margin-left: -35px;
      height: auto;
      margin-top: 15px; }
    .block-dotted-line .lis-say .lis-say--pic {
      width: 307px;
      height: 403px;
      font-size: 20px;
      padding-top: 237px;
      padding-left: 85px;
      padding-right: 10px;
      background-image: url("../images/lis-say-small_2x.png"); }
  .block-dotted-line--main {
    background: url("../images/dotted-line-green-left.svg") repeat-y 18px 0; }
    .block-dotted-line--main .book-top--left {
      position: absolute;
      width: 140px; }
      .block-dotted-line--main .book-top--left .rating-block {
        display: none; }
      .block-dotted-line--main .book-top--left .ya-share2 {
        display: none; }
    .block-dotted-line--main .green-circle {
      display: none; }
    .block-dotted-line--main .book-image-wrap {
      width: 140px;
      height: 200px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      background-color: white;
      -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
              box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
      padding: 10px;
      position: relative;
      margin-right: 30px; }
      .block-dotted-line--main .book-image-wrap .green-circle.one {
        display: none; }
      .block-dotted-line--main .book-image-wrap .book-image {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        position: relative;
        overflow: hidden; }
        .block-dotted-line--main .book-image-wrap .book-image .white-circle {
          display: none; }
        .block-dotted-line--main .book-image-wrap .book-image .read-button {
          margin: 0 auto;
          margin: 70px auto 0 auto;
          width: 90%;
          height: 38px;
          line-height: 34px;
          opacity: 0.8;
          background-color: white;
          -webkit-border-radius: 18px;
          border-radius: 18px;
          border: solid 2px var(--light-grey);
          font-family: TTLimesSlab;
          font-size: 16px;
          letter-spacing: 0.6px;
          text-align: center;
          color: var(--greyish);
          cursor: pointer;
          visibility: hidden;
          opacity: 0; }
    .block-dotted-line--main .book-image-wrap:hover .read-button {
      visibility: visible;
      opacity: 1; }
    .block-dotted-line--main .book-info .rating-block {
      margin-left: 35px;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-bottom: 35px; }
    .block-dotted-line--main .book-info-authors {
      position: absolute;
      margin-top: -20px;
      width: 100%;
      max-height: 20px;
      overflow: hidden; }
    .block-dotted-line--main .book-info-name {
      padding-left: 170px;
      min-height: 230px;
      padding-bottom: 20px;
      overflow: hidden;
      background: #f8f7f4; }
    .block-dotted-line--main .book-info-name:after {
      content: '';
      clear: both;
      display: block; }
    .block-dotted-line--main .buttons .green-circle {
      width: 42px;
      height: 42px;
      line-height: 42px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: linear-gradient(to top, #89c5bd, #c2dfc1);
      text-align: center;
      font-family: TTLimesSlab;
      font-size: 28px;
      letter-spacing: 1px;
      color: white;
      display: block !important;
      margin-right: 20px; }
    .block-dotted-line--main .options-1,
    .block-dotted-line--main .options-2,
    .block-dotted-line--main .options-3,
    .block-dotted-line--main .line-margin {
      margin-left: 35px; }
    .block-dotted-line--main .options-1 .options-1--flex-block-1,
    .block-dotted-line--main .options-1 .options-1--flex-block-2,
    .block-dotted-line--main .options-2,
    .block-dotted-line--main .options-3 {
      display: block;
      margin-bottom: 15px; }
    .block-dotted-line--main .options-1 .options-1--flex-block-1,
    .block-dotted-line--main .options-1 .options-1--flex-block-2,
    .block-dotted-line--main .options-2,
    .block-dotted-line--main .options-3 {
      width: 130%;
      height: 92px;
      height: 55px;
      overflow: hidden; }
    .block-dotted-line--main .options-1 .options-1--flex-block-1:before,
    .block-dotted-line--main .options-1 .options-1--flex-block-2:before,
    .block-dotted-line--main .options-2:before,
    .block-dotted-line--main .options-3:before {
      content: '';
      position: absolute;
      right: 0;
      width: 60px;
      height: 55px;
      background-image: -webkit-gradient(linear, right top, left top, from(#f8f7f4), to(rgba(248, 247, 244, 0)));
      background-image: -webkit-linear-gradient(right, #f8f7f4, rgba(248, 247, 244, 0));
      background-image: -o-linear-gradient(right, #f8f7f4, rgba(248, 247, 244, 0));
      background-image: linear-gradient(to left, #f8f7f4, rgba(248, 247, 244, 0)); }
    .block-dotted-line--main .options-show-all {
      width: auto;
      height: auto; }
    .block-dotted-line--main .options-show-all:before {
      display: none; }
    .block-dotted-line--main .options-show-all-button {
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      color: var(--bluey-green);
      text-decoration: underline;
      cursor: pointer;
      margin-bottom: 15px; }
    .block-dotted-line--main .options-show-all-button:hover {
      text-decoration: none; }
    .block-dotted-line--main .book-bottom {
      margin-left: 35px; }
    .block-dotted-line--main .week-free {
      margin-left: -35px;
      position: relative; }
      .block-dotted-line--main .week-free .week-free--lis {
        height: 184px; }
    .block-dotted-line--main .exercises .exercises-title {
      margin-bottom: 33px; }
    .block-dotted-line--main .exercises .exercises-title:before {
      position: relative;
      margin-left: -35px;
      top: 21px;
      left: 0;
      margin-right: 15px;
      display: inline-block; }
    .block-dotted-line--main .exercises .exercises-body {
      margin-left: -35px; }
    .block-dotted-line--main .read-next-title {
      padding-left: 30px; }
      .block-dotted-line--main .read-next-title .read-next-title--text:before {
        position: relative;
        margin-left: -65px;
        top: 21px;
        left: 0;
        margin-right: 15px;
        display: inline-block; }
  .buttons-new-line-mobile {
    padding-left: 62px;
    padding-top: 30px;
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .block-dotted-line--main .exercises .exercises-body {
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0;
    position: relative; }
    .block-dotted-line--main .exercises .exercises-body .exercises-body-elem {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin: 0 auto;
      width: 90%;
      min-height: 142px;
      padding-bottom: 0;
      border-right: none;
      border-top: 2px solid var(--light-grey-two); }
      .block-dotted-line--main .exercises .exercises-body .exercises-body-elem .exercises-body-elem-circle {
        position: absolute;
        left: -35px;
        margin-top: 0; }
      .block-dotted-line--main .exercises .exercises-body .exercises-body-elem .exercises-name {
        margin-left: 100px;
        margin-top: 20px; }
      .block-dotted-line--main .exercises .exercises-body .exercises-body-elem .exercises-duration {
        margin-left: 100px; }
    .block-dotted-line--main .exercises .exercises-body .exercises-body-elem:first-child {
      border-top: none; } }

@media only screen and (min-width: 640px) and (max-width: 1200px) {
  .block-dotted-line--sep {
    display: none !important; }
  .block-dotted-line--main {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; } }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .exercises-title:before {
    left: -47px !important; }
  .read-next-title--text:before {
    left: -47px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .options-1--flex-block-1,
  .options-1--flex-block-2 {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important; }
  .book-bottom .book-bottom--sep {
    display: none !important; }
  .book-bottom .book-bottom--main {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; }
  .block-dotted-line .week-free {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .annotation-wrap .annotation {
    padding-left: 100px !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .exercises-title,
  .read-next-title {
    margin-left: 100px !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .nop .book-top {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
    .nop .book-top .book-top--left {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important;
      margin-bottom: 30px !important; }
    .nop .book-top .book-info {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important; }
  .nop .block-dotted-line--sep {
    display: none !important; }
  .nop .exercises-body {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    width: 258px !important;
    margin: 0 auto;
    margin-bottom: 50px; }
  .nop .exercises-body-elem {
    border-right: 0 !important; }
    .nop .exercises-body-elem .exercises-body-elem-circle {
      margin-top: 0 !important; }
  .nop .exercises-body-elem:not(:last-child) {
    border-bottom: 2px solid var(--light-grey-two) !important; }
  .nop .lis-say .lis-say--pic {
    font-size: 24px !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .nop .lis-say {
    height: auto !important; }
    .nop .lis-say .lis-say--pic {
      width: 300px !important;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      background: #fff !important;
      font-family: TTLimesSlab;
      padding: 30px !important;
      margin: 0 auto;
      font-size: 28px !important;
      height: auto !important; }
    .nop .lis-say .week-free--lis {
      width: 197px;
      height: 293px;
      background: url("../images/fairy_tail_img-1_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      display: block !important;
      margin: 0 auto;
      margin-bottom: 20px; }
  .nop .exercises-body {
    padding-top: 0 !important; }
    .nop .exercises-body .exercises-body-elem {
      padding-bottom: 20px !important; }
  .nop .block-dotted-line {
    margin-top: 50px !important; }
    .nop .block-dotted-line .book-image-wrap {
      width: auto !important;
      height: auto !important; }
      .nop .block-dotted-line .book-image-wrap .book-image {
        height: 150px !important;
        width: 105px !important;
        -webkit-background-size: contain !important;
                background-size: contain !important; }
    .nop .block-dotted-line .book-image-wrap:hover .read-button {
      display: none !important; }
    .nop .block-dotted-line .rating-block,
    .nop .block-dotted-line .ya-share2 {
      display: none !important; }
  .nop .options-1 .options-value,
  .nop .options-2 .options-value,
  .nop .options-3 .options-value,
  .nop .options-4 .options-value {
    margin-bottom: 10px !important; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .nop .exercises-title,
  .nop .read-next-title {
    margin-left: 30px !important; }
  .nop .read-next-title {
    margin-bottom: 90px !important; }
  .nop .block-dotted-line .week-free-form input[type=text] {
    margin-bottom: 20px !important; }
  .nop .block-dotted-line .week-free-form .week-free-button {
    position: relative !important;
    width: 100% !important; }
  .nop .text-48-black {
    padding-left: 30px !important; }
  .nop .exercises-title:before {
    left: -20px !important; }
  .nop .read-next-title--text:before {
    left: -20px !important; }
  .nop .week-free-form-wrap .week-free-form input[type=text] {
    padding-right: 20px !important; } }

.row-filter-menu-small {
  display: none; }

.filter-menu-item-header-small {
  display: none; }

.filter-menu-header {
  display: none; }

.body_noscroll {
  position: fixed !important; }

.filter-menu-header {
  text-align: left;
  padding-left: 22px;
  padding-right: 22px;
  font-family: TTLimesSlab;
  font-size: 18px;
  letter-spacing: 1.4px;
  height: 50px;
  color: var(--black);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 100%; }

.filter-menu-header-element {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center; }

.filter-menu-header-element:first-child {
  text-align: left; }

.filter-menu-header-element:last-child {
  text-align: right; }

.filter-menu-header-clickable {
  color: var(--bluey-green);
  cursor: pointer;
  font-family: EB Garamond;
  font-size: 16px; }

.filter-menu-header-closeicon {
  position: relative; }

.filter-menu-header-closeicon:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  border: solid 2px var(--light-grey);
  background: url("../images/mini-close.svg") no-repeat 50% 50%;
  cursor: pointer; }

.filter-menu-header-desc {
  color: var(--greyish);
  font-size: 16px; }

.black-screen {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s; }

.row-filter-menu-small .filter-menu-cnt {
  margin-left: 10px;
  color: var(--greyish); }

.row-filter-menu-small .filter-menu {
  margin-left: auto;
  margin-right: auto;
  height: 86px;
  -webkit-border-radius: 43px;
          border-radius: 43px;
  background-color: white;
  -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
  padding: 11px 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .row-filter-menu-small .filter-menu .filter-menu-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    margin-right: 22px;
    font-family: TTLimesSlab;
    font-size: 24px;
    letter-spacing: 1.4px;
    height: 64px;
    line-height: 64px;
    color: var(--light-grey);
    position: relative;
    cursor: pointer; }
    .row-filter-menu-small .filter-menu .filter-menu-item .filter-menu-item--hover {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 110px; }
    .row-filter-menu-small .filter-menu .filter-menu-item .filter-menu-item--click {
      display: none; }
  .row-filter-menu-small .filter-menu .filter-menu-item .row-3 {
    font-family: EB Garamond;
    font-size: 18px;
    line-height: 1.57;
    letter-spacing: 0.6px;
    color: var(--greyish);
    text-align: left; }
  .row-filter-menu-small .filter-menu .filter-menu-item.active {
    color: var(--greyish-brown); }
  .row-filter-menu-small .filter-menu .filter-menu-item:last-child {
    margin-right: 0; }
  .row-filter-menu-small .filter-menu .filter-menu-item:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 40px;
    background-color: var(--light-grey-two);
    right: -10px;
    top: 12px; }
  .row-filter-menu-small .filter-menu .filter-menu-item:last-child:before {
    display: none; }

.main-page-top-img {
  height: 660px;
  background: url("../images/main-page-top-img.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: right;
  padding-top: 104px;
  margin-bottom: 60px; }
  .main-page-top-img .main-page-top-img--wrap {
    position: relative;
    height: 100%; }
    .main-page-top-img .main-page-top-img--wrap .mp-big-title {
      width: 820px; }
    .main-page-top-img .main-page-top-img--wrap .mp-big-title.is-library {
      width: 770px; }
  .main-page-top-img .main-page-top-img--wrap:after {
    content: '';
    position: absolute;
    width: 480px;
    height: 468px;
    background: url("../images/library-img-2-mom_2x.png");
    -webkit-background-size: cover;
            background-size: cover;
    top: 0;
    right: 0; }
  .main-page-top-img .main-page-top-img-title {
    font-family: TTLimesSlab;
    font-size: 90px;
    line-height: 0.89;
    letter-spacing: 3.1px;
    color: var(--greyish-brown);
    margin-bottom: 119px; }
  .main-page-top-img .main-page-top-img-text-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block .main-page-top-img-text {
      font-family: TTLimesSlab;
      font-size: 28px;
      line-height: 1.0;
      letter-spacing: 1.4px;
      color: #303938;
      margin-bottom: 10px;
      padding-left: 40px;
      position: relative; }
      .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block .main-page-top-img-text span {
        display: inline-block;
        font-size: 64px;
        position: absolute;
        margin-left: -34px;
        width: 33px;
        text-align: right; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block .main-page-top-img-text-noletter {
      padding-left: 0 !important; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block .main-page-top-img-text-noletter:before {
      content: none !important; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block .main-page-top-img-desc {
      opacity: 0.7;
      font-family: EB Garamond;
      font-size: 18px;
      line-height: 1.11;
      letter-spacing: 0.9px;
      color: #303938; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block:not(:last-child) {
      margin-right: 45px; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block:nth-child(1) {
      -webkit-flex-basis: 230px;
          -ms-flex-preferred-size: 230px;
              flex-basis: 230px; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block:nth-child(2) {
      -webkit-flex-basis: 255px;
          -ms-flex-preferred-size: 255px;
              flex-basis: 255px; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block:nth-child(3) {
      -webkit-flex-basis: 170px;
          -ms-flex-preferred-size: 170px;
              flex-basis: 170px; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block:nth-child(1) {
      padding-top: 37px; }
    .main-page-top-img .main-page-top-img-text-blocks .main-page-top-img-text-block:nth-child(2) {
      padding-top: 15px; }

.main-page-body {
  overflow-x: hidden; }
  .main-page-body .row-title {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .main-page-body .row-title .flex-right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .main-page-body .row-title .flex-right .flex-right--buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
    .main-page-body .row-title .title {
      font-family: TTLimesSlab;
      font-size: 48px;
      line-height: 1.04;
      letter-spacing: 1.7px;
      text-align: left;
      color: var(--greyish-brown); }
    .main-page-body .row-title a.block-manage-link-green {
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      color: var(--bluey-green);
      text-decoration: underline; }
    .main-page-body .row-title a.block-manage-link-green:hover {
      text-decoration: none; }
  .main-page-body .row-title.right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .main-page-body .row-title.right .row-title--buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .main-page-body .row-fairy-tails-list {
    margin-bottom: 50px; }
  .main-page-body .row-selection-list {
    margin-bottom: 96px; }
  .main-page-body .recommendations-block .row-title {
    margin-bottom: 15px; }
  .main-page-body .recommendations-block .description {
    font-family: TTLimesSlab;
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: 0.9px;
    color: var(--greyish);
    margin-bottom: 30px;
    max-width: 640px; }
  .main-page-body .recommendations-block .recommendations-body {
    padding-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .main-page-body .recommendations-block .recommendations-body .recommendations-body--left {
      width: 290px;
      height: 255px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .main-page-body .recommendations-block .recommendations-body .recommendations-body--right {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      margin-left: 50px; }
      .main-page-body .recommendations-block .recommendations-body .recommendations-body--right .age-choice-text {
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: 0.7px;
        color: #333436;
        margin-bottom: 19px;
        display: none;
        max-width: 540px; }
      .main-page-body .recommendations-block .recommendations-body .recommendations-body--right a.link-read {
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        color: var(--bluey-green);
        text-decoration: underline; }
  .main-page-body .recommendations-block .recommendations-body.age-type-1 .recommendations-body--left {
    background: url("../images/age-1_2x.png") no-repeat center;
    -webkit-background-size: contain;
            background-size: contain; }
  .main-page-body .recommendations-block .recommendations-body.age-type-2 .recommendations-body--left {
    background: url("../images/age-2_2x.png") no-repeat center;
    -webkit-background-size: contain;
            background-size: contain; }
  .main-page-body .recommendations-block .recommendations-body.age-type-3 .recommendations-body--left {
    background: url("../images/age-3_2x.png") no-repeat center;
    -webkit-background-size: contain;
            background-size: contain; }
  .main-page-body .recommendations-block .recommendations-body.age-type-4 .recommendations-body--left {
    background: url("../images/age-4_2x.png") no-repeat center;
    -webkit-background-size: contain;
            background-size: contain; }
  .main-page-body .recommendations-block .recommendations-body.age-type-5 .recommendations-body--left {
    background: url("../images/age-5_2x.png") no-repeat center;
    -webkit-background-size: contain;
            background-size: contain; }
  .main-page-body .recommendations-block .recommendations-body.age-type-6 .recommendations-body--left {
    background: url("../images/age-6_2x.png") no-repeat center;
    -webkit-background-size: contain;
            background-size: contain; }
  .main-page-body .recommendations-block .recommendations-body.age-type-7 .recommendations-body--left {
    background: url("../images/age-7_2x.png") no-repeat left center;
    -webkit-background-size: contain;
            background-size: contain; }
  .main-page-body .container-experts {
    min-height: 800px;
    background: url("../images/experts-green-fon.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: left;
    margin-top: -50px;
    padding-top: 170px; }
    .main-page-body .container-experts .experts-top {
      margin-bottom: 63px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .main-page-body .container-experts .experts-top .title {
        font-family: TTLimesSlab;
        font-size: 48px;
        letter-spacing: 1.7px;
        color: white;
        -webkit-box-flex: 9;
        -webkit-flex: 9;
            -ms-flex: 9;
                flex: 9; }
      .main-page-body .container-experts .experts-top .experts-top--buttons {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
            -ms-flex: 2;
                flex: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .main-page-body .container-experts .experts-top .experts-top--buttons .block-manage-button {
          width: 59px;
          height: 42px;
          cursor: pointer;
          opacity: 0.2;
          background: #fff url("../images/next-green.svg") no-repeat 50% 50%;
          -webkit-border-radius: 15px 33px 33px 15px;
          border-radius: 15px 33px 33px 15px;
          border: 0; }
        .main-page-body .container-experts .experts-top .experts-top--buttons .block-manage-button.active, .main-page-body .container-experts .experts-top .experts-top--buttons .block-manage-button:hover {
          opacity: 1; }
        .main-page-body .container-experts .experts-top .experts-top--buttons .block-manage-button.next {
          margin-left: 2px; }
        .main-page-body .container-experts .experts-top .experts-top--buttons .block-manage-button.prev {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          margin-left: 38px; }
    .main-page-body .container-experts .experts-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .main-page-body .container-experts .experts-list .expert-one {
        width: 360px;
        -webkit-border-radius: 15px;
                border-radius: 15px;
        background-color: var(--white);
        -webkit-box-shadow: 0 10px 50px 15px rgba(0, 0, 0, 0.15);
                box-shadow: 0 10px 50px 15px rgba(0, 0, 0, 0.15);
        padding: 38px 60px 45px 60px;
        margin-right: 40px; }
        .main-page-body .container-experts .experts-list .expert-one .expert-body {
          margin-bottom: 25px;
          font-family: TTLimesSlab;
          font-size: 18px;
          letter-spacing: 0.6px;
          color: var(--greyish-brown);
          position: relative; }
        .main-page-body .container-experts .experts-list .expert-one .expert-body:before {
          content: '';
          width: 11px;
          height: 12px;
          background: var(--greyish);
          position: absolute;
          left: -31px;
          top: -12px;
          background: url("../images/quotes.svg") no-repeat; }
        .main-page-body .container-experts .experts-list .expert-one .expert-body:after {
          content: '';
          width: 11px;
          height: 12px;
          background: var(--greyish);
          position: absolute;
          right: -20px;
          bottom: 0;
          background: url("../images/quotes.svg") no-repeat; }
        .main-page-body .container-experts .experts-list .expert-one .expert-name {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.29;
          letter-spacing: 0.7px;
          color: var(--greyish); }

@media only screen and (min-width: 641px) {
  .main-page-body .recommendations-body--right .horizontal-choice-wrap {
    width: 100%;
    padding-top: 20px; }
  .main-page-body .recommendations-body--right .horizontal-choice {
    height: 42px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    background-color: white;
    border: solid 2px var(--light-grey);
    padding: 7px 0;
    margin-bottom: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 550px; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element {
      border-right: 1px solid var(--light-grey-two);
      font-family: TTLimesSlab;
      font-size: 16px;
      letter-spacing: 0.6px;
      text-align: center;
      color: var(--greyish);
      width: 76px;
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element:not(.active) {
      cursor: pointer; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element:not(.active):hover {
      text-decoration: underline;
      color: var(--bluey-green); }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element:last-child {
      border-right: none; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element.active {
      color: white;
      z-index: 999; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element.active:before {
      content: '';
      position: absolute;
      background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: linear-gradient(to top, #89c5bd, #c2dfc1);
      width: 100%;
      height: 50px;
      top: -13px;
      left: 0;
      -webkit-border-radius: 10px;
              border-radius: 10px;
      z-index: -1;
      cursor: default;
      -webkit-box-shadow: 0 5px 9px 0 rgba(86, 168, 157, 0.46);
              box-shadow: 0 5px 9px 0 rgba(86, 168, 157, 0.46); }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element:last-child.active:before {
      -webkit-border-radius: 10px 35px 35px 10px;
              border-radius: 10px 35px 35px 10px;
      width: 105%; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element:first-child.active:before,
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element:nth-child(2).active:before {
      -webkit-border-radius: 35px 10px 10px 35px;
              border-radius: 35px 10px 10px 35px;
      left: -2px;
      width: 105%; } }

@media only screen and (max-width: 640px) {
  .body_noscroll_main {
    position: fixed !important; }
  .main-page-body .row-filter-menu-small {
    display: block; }
  .main-page-body .filter-menu-item-header-small {
    display: block; }
  .main-page-body .filter-menu-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .main-page-body .black-screen--visible {
    display: block;
    opacity: 1; }
  .main-page-body .recommendations-body--right .horizontal-choice-wrap {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px; }
  .main-page-body .recommendations-body--right .horizontal-choice--visible {
    display: block !important;
    left: 0 !important; }
  .main-page-body .recommendations-body--right .horizontal-choice {
    position: fixed;
    left: -100%;
    -webkit-transition: left 0.3s linear 0s;
    -o-transition: left 0.3s linear 0s;
    transition: left 0.3s linear 0s;
    top: 10%;
    width: 80%;
    height: auto;
    z-index: 1001;
    overflow: hidden;
    -webkit-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
    background-color: #f8f7f4; }
    .main-page-body .recommendations-body--right .horizontal-choice .clickable-elem:first-child {
      border-top: none; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element {
      font-family: EB Garamond;
      border-top: 2px solid #e8e7e0;
      text-align: left;
      padding-left: 22px;
      font-size: 18px;
      letter-spacing: 1.4px;
      line-height: 20px;
      color: var(--greyish-brown);
      cursor: pointer;
      padding-right: 30px;
      padding-top: 13px;
      padding-bottom: 15px; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element:before {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      background: url("../images/off.svg");
      background-sizing: contain;
      right: 12%;
      margin-top: -2px;
      cursor: pointer; }
    .main-page-body .recommendations-body--right .horizontal-choice .horizontal-choice-element.active:before {
      background: url("../images/on.svg"); } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .main-page-body .container-experts .experts-top .title {
    line-height: 0.89; }
  .main-page-body .container-experts .experts-list .expert-one {
    width: 290px;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 20px;
    padding-top: 50px;
    -webkit-box-shadow: -40px 0 40px rgba(0, 0, 0, 0.1);
            box-shadow: -40px 0 40px rgba(0, 0, 0, 0.1); }
    .main-page-body .container-experts .experts-list .expert-one .expert-body:before {
      left: 0px;
      top: -23px; }
    .main-page-body .container-experts .experts-list .expert-one .expert-body:after {
      right: 40px;
      bottom: -40px; }
    .main-page-body .container-experts .experts-list .expert-one .expert-name {
      margin-right: 60px; } }

.about-method {
  margin-top: -30px; }
  .about-method .step-title {
    font-family: TTLimesSlab;
    font-size: 28px;
    line-height: 1.21;
    letter-spacing: 1.7px;
    color: var(--greyish-brown);
    margin-bottom: 10px;
    position: relative; }
  .about-method .step-title:after {
    position: absolute;
    width: 42px;
    height: 42px;
    line-height: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: linear-gradient(to top, #89c5bd, #c2dfc1);
    font-family: TTLimesSlab;
    font-size: 28px;
    letter-spacing: 1px;
    text-align: center;
    color: white; }
  .about-method .step-body {
    font-family: EB Garamond;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: 0.7px;
    color: #333436; }
  .about-method .row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .about-method .row-1 .row-1--col-1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-method .row-1 .row-1--col-2 {
      -webkit-box-flex: 7;
      -webkit-flex: 7;
          -ms-flex: 7;
              flex: 7; }
    .about-method .row-1 .row-1--col-3 {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    .about-method .row-1 .row-1--col-4 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-method .row-1 .row-title-about-method {
      margin-top: 46px;
      margin-bottom: 35px; }
    .about-method .row-1 .about-method-desc-1 {
      font-family: EB Garamond;
      font-size: 18px;
      line-height: 1.56;
      letter-spacing: 0.7px;
      color: #333436; }
    .about-method .row-1 .about-method-img-1 {
      height: 257px;
      width: 169px;
      background: url("../images/about-method-img-1_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      position: relative; }
    .about-method .row-1 .about-method-img-1:after {
      content: '';
      position: absolute;
      width: 300px;
      height: 140px;
      background: url("../images/about-method-img-2.png") no-repeat;
      bottom: -108px;
      left: -58px; }
  .about-method .row-2 {
    margin-top: -14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .about-method .row-2 .step-title:after {
      content: '1';
      top: -6px;
      right: 50px; }
    .about-method .row-2 .row-2--col-1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-method .row-2 .row-2--col-2 {
      -webkit-box-flex: 4;
      -webkit-flex: 4;
          -ms-flex: 4;
              flex: 4; }
    .about-method .row-2 .row-2--col-3 {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    .about-method .row-2 .row-2--col-4 {
      -webkit-box-flex: 4;
      -webkit-flex: 4;
          -ms-flex: 4;
              flex: 4; }
    .about-method .row-2 .about-method-img-3 {
      height: 230px;
      width: 320px;
      background: url("../images/about-method-img-3_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .about-method .row-2 .map-of-develop {
      padding-top: 55px; }
  .about-method .row-3 {
    height: 405px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .about-method .row-3 .row-3--col-1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-method .row-3 .row-3--col-2 {
      -webkit-box-flex: 10;
      -webkit-flex: 10;
          -ms-flex: 10;
              flex: 10; }
    .about-method .row-3 .row-3--col-3 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-method .row-3 .step-library-wrap {
      margin-top: -25px;
      height: 405px;
      width: 100%;
      background: url("../images/about-method-img-4.png") no-repeat 85px 0; }
      .about-method .row-3 .step-library-wrap .step-library {
        width: 400px;
        margin-left: 390px;
        padding-top: 130px; }
        .about-method .row-3 .step-library-wrap .step-library .step-title:after {
          content: '2';
          top: -5px;
          left: -60px; }
  .about-method .row-4 {
    margin-top: -70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .about-method .row-4 .row-4--col-1 {
      -webkit-box-flex: 5;
      -webkit-flex: 5;
          -ms-flex: 5;
              flex: 5; }
    .about-method .row-4 .row-4--col-2 {
      -webkit-box-flex: 4;
      -webkit-flex: 4;
          -ms-flex: 4;
              flex: 4; }
    .about-method .row-4 .row-4--col-3 {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    .about-method .row-4 .step-reading {
      padding-top: 50px; }
      .about-method .row-4 .step-reading .step-title:after {
        content: '3';
        top: -5px;
        right: 95px; }
    .about-method .row-4 .reading-img-1 {
      height: 240px;
      background: url("../images/about-method-img-5.png") no-repeat right;
      position: relative;
      z-index: 1; }
    .about-method .row-4 .reading-img-1:after {
      content: '';
      position: absolute;
      width: 332px;
      height: 190px;
      background: url("../images/about-method-img-6.png") no-repeat;
      bottom: -168px;
      left: 123px;
      z-index: 0; }
    .about-method .row-4 .reading-img-2 {
      width: 235px;
      height: 208px;
      background: url("../images/about-method-img-10-1_2x.png") no-repeat;
      -webkit-background-size: contain;
              background-size: contain; }
  .about-method .row-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .about-method .row-5 .row-5--col-1 {
      -webkit-box-flex: 5;
      -webkit-flex: 5;
          -ms-flex: 5;
              flex: 5; }
    .about-method .row-5 .row-5--col-2 {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      padding-top: 70px; }
    .about-method .row-5 .row-5--col-3 {
      -webkit-box-flex: 4;
      -webkit-flex: 4;
          -ms-flex: 4;
              flex: 4; }
    .about-method .row-5 .step-title:after {
      content: '4';
      top: -3px;
      left: -56px; }
    .about-method .row-5 .step-title:before {
      content: '';
      position: absolute;
      background: url("../images/about-method-img-7.png") no-repeat;
      top: -45px;
      right: -280px;
      width: 382px;
      height: 352px; }
  .about-method .row-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 50px; }
    .about-method .row-6 .row-6--col-1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-method .row-6 .row-6--col-2 {
      -webkit-box-flex: 4;
      -webkit-flex: 4;
          -ms-flex: 4;
              flex: 4; }
    .about-method .row-6 .row-6--col-3 {
      -webkit-box-flex: 4;
      -webkit-flex: 4;
          -ms-flex: 4;
              flex: 4; }
    .about-method .row-6 .row-6--col-4 {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    .about-method .row-6 .step-bibliophile-img {
      width: 362px;
      height: 273px;
      background: url("../images/about-method-img-8_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .about-method .row-6 .step-bibliophile {
      margin-top: 130px;
      padding-left: 10px; }
      .about-method .row-6 .step-bibliophile .step-title:after {
        content: '5';
        top: -3px;
        right: 85px; }

.about-method.with-margin-top {
  margin-top: 50px; }

.questions {
  margin-bottom: 65px; }
  .questions .questions-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .questions .questions-container .questions-flex-1 {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .questions .questions-container .questions-flex-2 {
      -webkit-box-flex: 7;
      -webkit-flex: 7;
          -ms-flex: 7;
              flex: 7; }
    .questions .questions-container .questions-flex-3 {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    .questions .questions-container .questions-desc {
      font-family: EB Garamond;
      font-size: 18px;
      line-height: 1.56;
      letter-spacing: 0.7px;
      color: #333436; }
    .questions .questions-container .row-title {
      margin-bottom: 26px; }
    .questions .questions-container .questions-desc-img {
      margin: 0 auto;
      width: 244px;
      height: 273px;
      background: url("../images/about-method-img-9_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      margin-top: 40px; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .main-page-top-img {
    height: 560px !important;
    background-position: center !important;
    padding-top: 30px !important; }
  .main-page-top-img-desc {
    font-size: 14px !important; }
  .main-page-top-img--wrap:after {
    display: none !important; }
  .main-page-body .row-title {
    margin-bottom: 80px !important; }
    .main-page-body .row-title .title {
      font-size: 30px !important; }
    .main-page-body .row-title .title.bottom {
      margin-bottom: 20px !important; }
  .main-page-body .recommendations-block .row-title {
    margin-bottom: 30px !important; }
  .main-page-body .recommendations-block .row-title.right {
    margin-bottom: 75px !important; }
  .main-page-body .flex-right.mobile--100 {
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; }
  .main-page-body .age-choice-text {
    width: 100% !important; }
  .questions .questions-container .questions-flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
  .questions .questions-container .questions-flex-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
    .questions .questions-container .questions-flex-2 .row-title {
      margin-bottom: 15px !important; }
  .questions .questions-container .questions-flex-3 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%; }
  .row-3--col-2 .step-title:after {
    left: -44px !important; }
  .row-5--col-2 .step-title {
    display: inline-block !important; }
  .row-5--col-2 .step-title:after {
    left: unset !important;
    right: -50px !important; }
  .block-manage-button {
    display: none !important; }
  .row-selection-list {
    margin-bottom: 15px !important; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .main-page-top-img {
    padding-top: 60px !important; }
    .main-page-top-img .main-page-top-img--wrap:after {
      width: 200px !important;
      height: 500px !important;
      -webkit-background-size: contain !important;
              background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: left bottom !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .main-page-top-img-title {
    font-size: 60px !important; } }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .main-page-body .mp-big-title {
    padding-left: 20px !important; }
  .main-page-top-img .main-page-top-img-text-blocks {
    padding-left: 20px !important; }
  .main-page-top-img .main-page-top-img--wrap:after {
    width: 250px !important;
    -webkit-background-size: contain !important;
            background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important; }
  .row-2--col-3 .step-title:after {
    right: 0 !important; }
  .row-4--col-2 .step-title:after {
    right: 55px !important; }
  .row-6--col-3 .step-title:after {
    right: 30px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .main-page-top-img-text-blocks {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .main-page-top-img-text-block {
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; }
  .mp-big-title {
    width: 100% !important;
    padding-left: 10px !important; }
  .main-page-top-img-title {
    margin-bottom: 0 !important; }
  .main-page-top-img-text-blocks {
    padding-left: 10px !important; }
  .main-page-top-img-text-block:last-child {
    margin-top: 15px !important; }
  .recommendations-body {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .recommendations-body .recommendations-body--left,
    .recommendations-body .recommendations-body--right {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important;
      width: 100% !important; }
    .recommendations-body .recommendations-body--right {
      margin-left: 0 !important; }
  .row-1--col-1,
  .row-1--col-4,
  .row-2--col-1,
  .row-2--col-4,
  .row-3--col-1,
  .row-3--col-3,
  .row-5--col-1,
  .row-5--col-3,
  .row-6--col-1,
  .row-6--col-4 {
    display: none !important; }
  .row-1--col-2,
  .row-1--col-3,
  .row-2--col-2,
  .row-2--col-3,
  .row-3--col-2,
  .row-5--col-2,
  .row-6--col-2,
  .row-6--col-3,
  .row-4--col-1,
  .row-4--col-2,
  .row-4--col-3 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; }
  .row-4--col-3 {
    margin-top: 30px !important;
    margin-bottom: 0 !important; }
  .row-5--col-2 {
    padding-top: 40px !important; }
  .row-2--col-2 {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
    margin-top: 30px !important; }
  .row-2--col-3 {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important; }
  .row-1--col-3 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .row-1--col-1 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .row-1--col-2 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .about-method-img-1 {
    display: none !important; }
  .about-method-img-1:after {
    display: none; }
  .row-3 {
    height: auto !important; }
    .row-3 .step-library-wrap {
      background: none !important;
      height: auto !important; }
  .row-4 {
    margin-top: 10px !important; }
    .row-4 .step-title:after {
      right: 50px !important; }
    .row-4 .reading-img-2 {
      margin: 0 auto !important; }
  .row-5 {
    height: auto !important; }
  .row-6 .step-title:after {
    right: 55px !important; }
  .row-6 .step-bibliophile-img {
    margin: 0 auto;
    width: 320px !important;
    -webkit-background-size: contain !important;
            background-size: contain !important; }
  .step-library {
    margin-left: 0 !important;
    padding-left: 40px !important;
    width: 100% !important;
    padding-top: 60px !important; }
  .step-title:before {
    display: none !important; }
  .reading-img-1 {
    -webkit-background-size: contain !important;
            background-size: contain !important;
    background-position: center !important; }
  .reading-img-1:after {
    display: none !important; }
  .about-method-img-3 {
    margin: 0 auto; }
  .questions .questions-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .row-title.right {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; }
  .row-2--col-3 .step-title {
    display: inline-block !important; }
  .row-2--col-3 .step-title:after {
    right: -50px !important; }
  .row-4--col-2 .step-title {
    display: inline-block !important; }
  .row-4--col-2 .step-title:after {
    right: -50px !important; }
  .row-6--col-3 .step-title {
    display: inline-block !important; }
  .row-6--col-3 .step-title:after {
    right: -50px !important; }
  .row-4--col-1 {
    display: none !important; }
  .step-bibliophile {
    margin-top: 80px !important; }
  .container-experts {
    min-height: 1150px !important; }
  .row-title-about-method {
    margin-top: 0 !important; }
  .about-method.with-margin-top {
    margin-top: 0 !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .main-page-top-img-title {
    font-size: 44px !important; }
  .recommendations-body--right {
    width: 100% !important; }
  .title.bottom-pad {
    margin-bottom: 15px !important; }
  .flex-right {
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; }
  .flex-right.first-position {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .main-page-top-img {
    padding-top: 80px !important; }
    .main-page-top-img .main-page-top-img--wrap:after {
      width: 250px !important;
      -webkit-background-size: contain !important;
              background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: left bottom !important; }
  .row-3--col-2 .step-title:after {
    left: -50px !important; } }

@media only screen and (min-width: 480px) and (max-width: 980px) {
  .row-5--col-2 .step-title:after {
    left: -44px !important; } }

.plug-wrap .top-img {
  height: 630px;
  background: url("../images/plug-top-img.png") no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover; }

.plug-wrap .main-page-top-img-text-block .main-page-top-img-text {
  font-family: TTLimesSlab;
  font-size: 28px;
  line-height: 1.0;
  letter-spacing: 1.4px;
  color: #303938;
  margin-bottom: 10px;
  padding-left: 40px;
  position: relative; }

.plug-wrap .main-page-top-img-text-block .main-page-top-img-desc {
  opacity: 0.7;
  font-family: EB Garamond;
  font-size: 18px;
  line-height: 1.11;
  letter-spacing: 0.9px;
  color: #303938; }

.plug-wrap .main-page-top-img-text-block:not(:last-child) {
  margin-right: 45px; }

.plug-wrap .main-page-top-img-text-block:nth-child(1) {
  width: 230px; }

.plug-wrap .main-page-top-img-text-block:nth-child(2) {
  width: 255px; }

.plug-wrap .main-page-top-img-text-block:nth-child(3) {
  width: 170px; }

.plug-wrap .main-page-top-img-text-block:nth-child(1) .main-page-top-img-text:before {
  content: '';
  position: absolute;
  width: 33.6px;
  height: 60.1px;
  left: 0;
  bottom: 0;
  background: url("../images/fill-39.svg") no-repeat; }

.plug-wrap .main-page-top-img-text-block:nth-child(2) .main-page-top-img-text:before {
  content: '';
  position: absolute;
  width: 33.2px;
  height: 57.7px;
  left: 0;
  bottom: 0;
  background: url("../images/fill-38.svg") no-repeat; }

.plug-wrap .main-page-top-img-text-block:nth-child(3) .main-page-top-img-text:before {
  content: '';
  position: absolute;
  width: 33px;
  height: 62px;
  left: 0;
  bottom: 0;
  background: url("../images/fill-36.svg") no-repeat; }

.plug-wrap .center-about-site {
  margin-bottom: 20px; }

.plug-wrap .plug-footer {
  height: 318px;
  background: url("../images/plug-footer.png") no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  text-align: center; }
  .plug-wrap .plug-footer .limes-white-22 {
    font-family: TTLimesSlab;
    font-size: 22px;
    line-height: 1.36;
    letter-spacing: 1.1px;
    color: white;
    margin-bottom: 33px; }
  .plug-wrap .plug-footer .week-free-form {
    height: 42px;
    position: relative;
    width: 360px;
    margin-bottom: 27px; }
    .plug-wrap .plug-footer .week-free-form input[type=text] {
      width: 100%;
      height: 42px;
      line-height: 42px;
      -webkit-border-radius: 21px;
      border-radius: 21px;
      background-color: var(--white);
      border: 0;
      padding-left: 24px;
      padding-right: 200px;
      font-family: EB Garamond;
      font-size: 18px; }
    .plug-wrap .plug-footer .week-free-form .week-free-button {
      position: absolute;
      top: 0;
      right: 0;
      height: 42px;
      width: 190px;
      line-height: 42px;
      text-align: center;
      background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background: linear-gradient(to top, #ee8439, #ff9f54);
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      color: white;
      -webkit-border-radius: 21px;
      border-radius: 21px;
      cursor: pointer; }
  .plug-wrap .plug-footer .garamond-white-16 {
    font-family: EB Garamond;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.88;
    letter-spacing: 0.8px;
    color: white; }

.cabinet-wrap .title-48 {
  margin-bottom: 16px; }

.cabinet-wrap .limes-28 {
  font-family: TTLimesSlab;
  font-size: 28px;
  line-height: 1.21;
  letter-spacing: 1.7px;
  color: var(--greyish);
  margin-bottom: 10px; }

.cabinet-wrap .book-author {
  font-family: EB Garamond;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.6px;
  color: var(--brown-grey); }

.cabinet-wrap .book-name-big {
  font-family: TTLimesSlab;
  font-size: 28px;
  line-height: 1.21;
  letter-spacing: 1.7px;
  color: var(--greyish-brown);
  margin-top: 10px;
  margin-bottom: 31px; }

.cabinet-wrap .book-name {
  font-family: EB Garamond;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 0.8px;
  color: var(--greyish-brown); }

.cabinet-wrap .top-img.with-fon {
  background: url("../images/cabinet-top-img.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }

.cabinet-wrap .top-img {
  min-height: 550px;
  background-position: center;
  padding-top: 65px;
  margin-bottom: 20px; }
  .cabinet-wrap .top-img .childs-info-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .cabinet-wrap .top-img .childs-info-wrap .childs-info-wrap--left {
      margin-right: 25px; }
    .cabinet-wrap .top-img .childs-info-wrap .childs-info-wrap--right {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
  .cabinet-wrap .top-img .child-main-photo {
    margin-top: 50px;
    width: 175px;
    height: 175px;
    -webkit-border-radius: 175px;
    border-radius: 175px;
    position: relative; }
    .cabinet-wrap .top-img .child-main-photo .settings-icon {
      width: 24px;
      height: 24px;
      cursor: pointer;
      position: absolute;
      right: 15px;
      bottom: 15px;
      -webkit-border-radius: 24px;
      border-radius: 24px;
      border: solid 2px var(--light-grey);
      background: #fff url("../images/settings.png") no-repeat 50% 50%; }
  .cabinet-wrap .top-img .child-main-photo:after {
    content: '';
    width: 65px;
    height: 1154px;
    position: absolute;
    bottom: -1157px;
    left: 53px;
    background: url("../images/cabinet-line-1.svg") no-repeat; }
  .cabinet-wrap .top-img .child-name {
    font-family: TTLimesSlab;
    font-size: 48px;
    line-height: 1.79;
    letter-spacing: 1.7px;
    color: var(--dusty-orange); }
  .cabinet-wrap .top-img .about-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 7px; }
    .cabinet-wrap .top-img .about-child .about-child-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .cabinet-wrap .top-img .about-child .about-child-2 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .cabinet-wrap .top-img .about-child .about-child--title {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.29;
      letter-spacing: 0.7px;
      color: var(--greyish);
      margin-right: 9px; }
    .cabinet-wrap .top-img .about-child .about-val {
      font-family: TTLimesSlab;
      font-size: 20px;
      line-height: 1.0;
      letter-spacing: 1px;
      color: var(--greyish-brown);
      margin-right: 22px; }

.cabinet-wrap .current-book-info-1 .current-book-info--sep,
.cabinet-wrap .current-book-info-2 .current-book-info--sep {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.cabinet-wrap .current-book-info-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .cabinet-wrap .current-book-info-1 .current-book-info--main {
    -webkit-box-flex: 11;
    -webkit-flex: 11;
        -ms-flex: 11;
            flex: 11; }

.cabinet-wrap .current-book-info-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .cabinet-wrap .current-book-info-2 .current-book-info-2--left {
    -webkit-box-flex: 11;
    -webkit-flex: 11;
        -ms-flex: 11;
            flex: 11; }

.cabinet-wrap .skills {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .cabinet-wrap .skills .skill {
    float: left;
    height: 28px;
    line-height: 28px;
    margin-right: 5px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    background-color: rgba(107, 210, 230, 0.2);
    font-family: EB Garamond;
    font-size: 14px;
    letter-spacing: 0.7px;
    text-align: left;
    color: var(--black);
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 10px; }

.cabinet-wrap .skills.line-2 .skill {
  background-color: rgba(74, 144, 226, 0.3); }

.cabinet-wrap .img-green-fon {
  min-height: 640px;
  background: url("../images/cabinet-green-img.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center; }
  .cabinet-wrap .img-green-fon .container-green-fon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .cabinet-wrap .img-green-fon .container-green-fon .container-green-fon--left {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
      .cabinet-wrap .img-green-fon .container-green-fon .container-green-fon--left .fox-img {
        width: 239px;
        height: 288px;
        background: #004099;
        margin-top: 145px;
        position: relative;
        z-index: 999; }
    .cabinet-wrap .img-green-fon .container-green-fon .container-green-fon--right {
      -webkit-box-flex: 9;
      -webkit-flex: 9;
          -ms-flex: 9;
              flex: 9; }
      .cabinet-wrap .img-green-fon .container-green-fon .container-green-fon--right .recommendations-text {
        font-family: TTLimesSlab;
        font-size: 28px;
        line-height: 1.21;
        letter-spacing: 1.7px;
        color: white;
        margin-bottom: 12px;
        padding-top: 208px;
        max-width: 590px; }
      .cabinet-wrap .img-green-fon .container-green-fon .container-green-fon--right a.link-18-white {
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        color: white;
        text-decoration: underline; }
  .cabinet-wrap .img-green-fon .container-green-fon:after {
    content: '';
    position: absolute;
    width: 206px;
    height: 893px;
    top: 0;
    left: 64px;
    background: url("../images/cabinet-line-4.png") no-repeat; }

.cabinet-wrap .row-block-1 {
  margin-top: 33px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .cabinet-wrap .row-block-1 .manage-buttons {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    width: 100%;
    height: 42px;
    line-height: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 30px;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .cabinet-wrap .row-block-1 .manage-buttons .manage-buttons--left {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      margin-right: 50px; }
    .cabinet-wrap .row-block-1 .manage-buttons .manage-buttons--right {
      -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .cabinet-wrap .row-block-1 .manage-buttons .manage-buttons--right-buttons {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .cabinet-wrap .row-block-1 .manage-buttons .block-manage-button {
      width: 59px;
      height: 42px;
      cursor: pointer;
      opacity: 0.2;
      background: #fff url("../images/next.svg") no-repeat 50% 50%;
      -webkit-border-radius: 15px 33px 33px 15px;
      border-radius: 15px 33px 33px 15px;
      border: solid 2px var(--light-grey); }
    .cabinet-wrap .row-block-1 .manage-buttons .block-manage-button.active {
      opacity: 1; }
    .cabinet-wrap .row-block-1 .manage-buttons .block-manage-button.next {
      margin-left: 2px; }
    .cabinet-wrap .row-block-1 .manage-buttons .block-manage-button.prev {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      margin-left: 38px; }
  .cabinet-wrap .row-block-1 .book-about {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .cabinet-wrap .row-block-1 .book-about .book-image-wrap {
      width: 220px;
      height: 312px;
      -webkit-border-radius: 15px;
      border-radius: 15px;
      background-color: white;
      -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
              box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
      padding: 10px;
      position: relative;
      z-index: 999;
      margin-right: 41px; }
      .cabinet-wrap .row-block-1 .book-about .book-image-wrap .book-image {
        width: 200px;
        height: 292px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        position: relative;
        padding-top: 130px; }
        .cabinet-wrap .row-block-1 .book-about .book-image-wrap .book-image .about-book-button {
          margin: 0 auto;
          width: 170px;
          height: 42px;
          line-height: 38px;
          opacity: 0.8;
          -webkit-border-radius: 24px;
          border-radius: 24px;
          border: solid 2px var(--light-grey);
          cursor: pointer;
          background-color: white;
          font-family: TTLimesSlab;
          font-size: 18px;
          letter-spacing: 0.6px;
          text-align: center;
          color: var(--greyish);
          display: none; }
    .cabinet-wrap .row-block-1 .book-about .book-image-wrap:hover .about-book-button {
      display: block; }
    .cabinet-wrap .row-block-1 .book-about .book-buttons {
      margin-bottom: 14px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .cabinet-wrap .row-block-1 .book-about .book-buttons .button-read {
        width: 150px;
        height: 42px;
        line-height: 39px;
        background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background: linear-gradient(to top, #ee8439, #ff9f54);
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        text-align: center;
        color: white;
        margin-right: 10px;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        cursor: pointer;
        float: left; }
  .cabinet-wrap .row-block-1 .similar-books {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .cabinet-wrap .row-block-1 .similar-books .slider-similar .flickity-viewport {
      height: 350px !important; }
    .cabinet-wrap .row-block-1 .similar-books .column-left {
      width: 50%;
      padding-left: 5px; }
      .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info {
        height: 84px;
        margin-bottom: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info .similar-book-img-wrap {
          width: 60px;
          height: 84px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          background-color: white;
          -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
                  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
          padding: 5px;
          margin-right: 10px; }
          .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info .similar-book-img-wrap .similar-book-img {
            width: 50px;
            height: 74px;
            -webkit-border-radius: 8px;
            border-radius: 8px; }
        .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info .similar-book-other-info {
          width: 200px; }
          .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info .similar-book-other-info .icon-add {
            margin-right: 5px; }
          .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info .similar-book-other-info .similar-book-name {
            margin-bottom: 8px;
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis; }
          .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info .similar-book-other-info .similar-book-author {
            overflow: hidden;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis; }
      .cabinet-wrap .row-block-1 .similar-books .column-left .similar-book-info:last-child {
        margin-bottom: 0; }
  .cabinet-wrap .row-block-1 .similar-books-3x2 .column-left {
    width: 33%; }
  .cabinet-wrap .row-block-1 .similar-books-3x2 .slider-similar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .cabinet-wrap .row-block-1 .similar-books-3x2 .slider-similar .flickity-viewport {
      height: 200px !important; }

.cabinet-wrap .row-block-1-fullwidth {
  display: block;
  margin-left: 80px; }

.cabinet-wrap .row-read-tomorrow {
  margin-top: 50px;
  margin-bottom: 20px; }

.cabinet-wrap .row-title-and-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 30px !important;
  margin-top: 15px !important; }
  .cabinet-wrap .row-title-and-buttons .row-title-and-buttons-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .cabinet-wrap .row-title-and-buttons .row-title-and-buttons-2 {
    -webkit-box-flex: 9;
    -webkit-flex: 9;
        -ms-flex: 9;
            flex: 9; }
  .cabinet-wrap .row-title-and-buttons .row-title-and-buttons-3 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    justify-self: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }

.cabinet-wrap .books-list {
  margin-bottom: 40px;
  position: relative; }

.cabinet-wrap .books-list_OFF:after {
  content: '';
  position: absolute;
  width: 63px;
  height: 405px;
  left: 34px;
  bottom: -380px;
  background: url("../images/cabinet-line-2.png") no-repeat; }

.cabinet-wrap .fairy-tail-one {
  margin-right: 34px; }

.cabinet-wrap .books-list-2 {
  margin-top: 20px;
  margin-bottom: 60px;
  position: relative; }

.cabinet-wrap .books-list-2:after {
  content: '';
  position: absolute;
  width: 63px;
  height: 409px;
  left: 34px;
  bottom: -380px;
  background: url("../images/cabinet-line-3.png") no-repeat;
  z-index: -1; }

.cabinet-wrap .row-selections {
  margin-bottom: 10px; }

.cabinet-wrap .title-recommendations-experts {
  margin-bottom: 25px; }

.cabinet-wrap .title-recently-read {
  margin-top: 75px;
  margin-bottom: 90px;
  position: relative; }
  .cabinet-wrap .title-recently-read .row-title-and-buttons-2 {
    -webkit-box-flex: 6;
    -webkit-flex: 6;
        -ms-flex: 6;
            flex: 6; }
  .cabinet-wrap .title-recently-read .row-title-and-buttons-3 {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
        -ms-flex: 5;
            flex: 5; }

.cabinet-wrap .title-recently-read_OFF:after {
  content: '';
  position: absolute;
  width: 59px;
  height: 404px;
  left: 40px;
  top: -60px;
  background: url("../images/cabinet-line-5.png") no-repeat; }

.cabinet-wrap .books-list-3 {
  margin-bottom: 50px; }

.cabinet-wrap .tag-with-progress--active {
  -webkit-box-shadow: 0 0 0 1px #000;
          box-shadow: 0 0 0 1px #000;
  font-weight: bold; }

.other-children {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .other-children .other-child {
    width: 76px;
    margin-right: 24px;
    text-align: center; }
    .other-children .other-child .other-child-img {
      width: 76px;
      height: 76px;
      -webkit-border-radius: 76px;
      border-radius: 76px;
      margin-bottom: 11px; }
    .other-children .other-child .other-child-img.male {
      background: url("../images/child-null-male-76px_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .other-children .other-child .other-child-img.female {
      background: url("../images/child-null-female-76px_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .other-children .other-child .other-child-name {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.14;
      letter-spacing: 0.7px;
      color: var(--greyish-brown); }

.add-child {
  text-align: center;
  float: left; }
  .add-child .add-child-button {
    width: 76px;
    height: 76px;
    -webkit-border-radius: 76px;
    border-radius: 76px;
    position: relative;
    cursor: pointer;
    background: rgba(164, 161, 150, 0.5) url("../images/add-child-button-plus.svg") no-repeat 50%; }
  .add-child .add-child-button:hover {
    background: #89c5bd;
    background-image: url("../images/lk-white-plus.svg");
    background-image: url("../images/lk-white-plus.svg"), -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background-image: url("../images/lk-white-plus.svg"), -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: url("../images/lk-white-plus.svg"), -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: url("../images/lk-white-plus.svg"), linear-gradient(to top, #89c5bd, #c2dfc1);
    background-position: 50%;
    background-repeat: no-repeat; }
  .add-child .add-child-button:after {
    content: 'Добавить';
    position: absolute;
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: 0.7px;
    text-align: center;
    color: var(--greyish);
    bottom: -26px;
    left: 0;
    width: 76px; }

.lis-no-kids {
  width: 223px;
  height: 236px;
  background: url("../images/lk-no-kids-img-1_2x.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  margin-top: 10px;
  margin-left: -30px; }

.lis-say-no-kids {
  padding: 45px;
  padding-left: 115px;
  padding-top: 55px;
  width: 649px;
  height: 280px;
  background: url("../images/lk-no-kids-img-2.png") no-repeat;
  margin-left: -30px; }
  .lis-say-no-kids .say-title {
    font-family: TTLimesSlab;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2142857142857142;
    letter-spacing: 1.700000047683716px;
    color: var(--greyish-brown);
    margin-bottom: 10px; }
  .lis-say-no-kids .say-text {
    font-family: EB Garamond;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5555555555555556;
    letter-spacing: 0.699999988079071px;
    color: #333436; }

@media only screen and (max-width: 1200px) {
  .similar-book-other-info {
    width: 130px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .top-img {
    min-height: 650px !important; }
  .current-book-info-2 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .child-main-photo:after {
    display: none !important; }
  .cabinet-wrap .books-list:after {
    display: none !important; }
  .cabinet-wrap .books-list-2:after {
    display: none !important; }
  .current-book-info--sep {
    display: none !important; }
  .row-title-and-buttons-1 {
    display: none !important; }
  .cabinet-wrap .img-green-fon .container-green-fon:after {
    display: none !important; }
  .cabinet-wrap .title-recently-read:after {
    display: none !important; }
  .row-block-1 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .row-block-1 .book-about {
      margin-right: 0 !important;
      margin-bottom: 30px !important;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; }
    .row-block-1 .similar-books {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1; }
  .lis-say-no-kids {
    width: 90% !important;
    background: #fff !important;
    -webkit-border-radius: 20px !important;
            border-radius: 20px !important;
    padding: 20px !important;
    height: auto !important;
    margin: 0 auto !important;
    margin-top: 10px !important; }
  .other-children .hide-mobile {
    display: none !important; }
  .book-about {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important; }
  .similar-books {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important; }
  .row-block-1 .manage-buttons {
    -webkit-box-ordinal-group: 3 !important;
    -webkit-order: 2 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important; }
  .row-block-1 .book-about {
    -webkit-box-ordinal-group: 2 !important;
    -webkit-order: 1 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important; }
  .row-block-1 .similar-books {
    -webkit-box-ordinal-group: 4 !important;
    -webkit-order: 3 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important; }
  .manage-buttons--left {
    display: none !important; }
  .manage-buttons--right {
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .childs-info-wrap {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .top-img {
    min-height: 850px !important; }
  .childs-info-wrap--left {
    margin-bottom: 30px; }
  .book-image-wrap {
    margin-right: 20px !important; }
  .cabinet-wrap .img-green-fon {
    min-height: 840px !important; }
    .cabinet-wrap .img-green-fon .container-green-fon {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -webkit-flex-direction: column !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important;
      -webkit-box-align: center !important;
      -webkit-align-items: center !important;
          -ms-flex-align: center !important;
              align-items: center !important; }
      .cabinet-wrap .img-green-fon .container-green-fon .recommendations-text {
        padding-top: 0 !important; }
  .child-main-photo {
    margin-top: 0 !important;
    margin-bottom: 20px; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .top-img {
    min-height: 550px !important; }
    .top-img .child-name {
      font-size: 30px !important; }
  .title-48 {
    font-size: 30px !important; }
  .limes-28 {
    font-size: 24px !important; }
  .book-about {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .book-image-wrap {
    margin-right: 0 !important;
    margin-bottom: 20px !important; }
  .book-buttons {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important; }
    .book-buttons .button-read {
      margin-bottom: 0 !important; }
    .book-buttons .add-icon.big {
      margin-bottom: 0 !important; }
  .cabinet-wrap .img-green-fon {
    min-height: 950px !important; }
  .link-block-mobile {
    display: block !important; }
  .column-left {
    width: 100% !important; }
  .manage-buttons {
    margin-top: 30px !important; }
  .about-child {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .about-child .about-child--title {
      -webkit-flex-basis: 50% !important;
          -ms-flex-preferred-size: 50% !important;
              flex-basis: 50% !important;
      margin-right: 0 !important; }
    .about-child .about-val {
      -webkit-flex-basis: 50% !important;
          -ms-flex-preferred-size: 50% !important;
              flex-basis: 50% !important;
      margin-right: 0 !important; }
  .row-title-and-buttons.experts .row-title-and-buttons-3 {
    margin-bottom: 30px !important; }
  .row-title-and-buttons-2 {
    margin-bottom: 40px !important; }
  .row-title-and-buttons-2.more-margin,
  .row-title-and-buttons-2.title-recommendations-experts {
    margin-bottom: 60px !important; }
  .title-recently-read {
    margin-bottom: 30px !important; }
  .books-list-2 {
    margin-bottom: 40px !important; }
  .title-recently-read {
    margin-top: 15px !important; }
  .child-main-photo {
    margin-bottom: 0 !important; }
  .about-child-2 {
    margin-top: 10px !important; }
  .manage-buttons--left {
    -webkit-flex-basis: 0 !important;
        -ms-flex-preferred-size: 0 !important;
            flex-basis: 0 !important;
    margin-right: 0 !important; }
  .manage-buttons--right {
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .row-block-1 .book-about .book-buttons {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .row-block-1 .book-about .book-buttons .button-read,
    .row-block-1 .book-about .book-buttons .add-icon.big {
      margin-bottom: 10px; } }

.page-library--not-set .main-page-top-img-title {
  margin-bottom: 30px !important; }

.page-library--not-set .main-page-top-img {
  height: 517px !important;
  padding-top: 95px !important; }
  .page-library--not-set .main-page-top-img .main-page-top-img--wrap:after {
    content: '';
    position: absolute;
    width: 387px !important;
    height: 345px !important;
    background: url("../images/library-top_2x.png") no-repeat !important;
    -webkit-background-size: cover !important;
            background-size: cover !important;
    top: 0;
    right: 50px; }

.page-library--not-set .top-text {
  font-family: EB Garamond;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5555555555555556;
  letter-spacing: 0.699999988079071px;
  color: var(--black);
  width: 600px; }

.page-library--not-set .choices-block .choice {
  padding-right: 25px !important; }

.page-library--not-set .choices-block .choice:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  right: 8px;
  cursor: pointer; }

.page-library .title {
  font-family: TTLimesSlab;
  font-size: 48px;
  line-height: 1.04;
  letter-spacing: 1.7px;
  text-align: left;
  color: var(--greyish-brown); }

.page-library .top-set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .page-library .top-set .top-set--left {
    -webkit-box-flex: 7;
    -webkit-flex: 7;
        -ms-flex: 7;
            flex: 7; }
  .page-library .top-set .top-set--right {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
        -ms-flex: 5;
            flex: 5; }

.page-library .selection-top-img {
  min-height: 500px;
  background: url("../images/selection-top-img.png");
  -webkit-background-size: cover;
          background-size: cover;
  background-position: bottom;
  padding-top: 65px;
  padding-bottom: 50px; }
  .page-library .selection-top-img .selection-img {
    width: 460px;
    height: 285px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-color: var(--greyish-brown);
    -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3); }
  .page-library .selection-top-img .title-white {
    font-family: TTLimesSlab;
    font-size: 48px;
    line-height: 1.04;
    letter-spacing: 1.7px;
    color: white;
    margin-top: 47px;
    margin-bottom: 38px; }
  .page-library .selection-top-img .desc-white {
    font-family: EB Garamond;
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: 0.7px;
    color: white; }

.page-library .row-filter-menu.row-filter-menu--fix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 10000; }
  .page-library .row-filter-menu.row-filter-menu--fix .filter-menu {
    width: 100%;
    margin-left: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-border-radius: 0;
            border-radius: 0;
    height: 60px;
    padding: 15px 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .page-library .row-filter-menu.row-filter-menu--fix .filter-menu .filter-menu-item {
      margin-right: 22px;
      font-size: 18px;
      letter-spacing: 0.9px;
      height: 28px;
      line-height: 28px;
      -webkit-box-flex: unset;
      -webkit-flex: unset;
          -ms-flex: unset;
              flex: unset;
      padding-left: 40px;
      padding-right: 40px; }
      .page-library .row-filter-menu.row-filter-menu--fix .filter-menu .filter-menu-item .filter-dropdown {
        top: 70px; }
    .page-library .row-filter-menu.row-filter-menu--fix .filter-menu .filter-menu-item:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 28px;
      background-color: var(--light-grey-two);
      right: -10px;
      top: 0; }
    .page-library .row-filter-menu.row-filter-menu--fix .filter-menu .filter-menu-item.active:after {
      display: none; }

.page-library .row-filter-menu-choice {
  margin-bottom: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .page-library .row-filter-menu-choice .right-buttons {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .page-library .row-filter-menu-choice .icon-close,
  .page-library .row-filter-menu-choice .icon-fav,
  .page-library .row-filter-menu-choice .icon-redirect {
    width: 42px;
    height: 42px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    border: solid 2px var(--light-grey);
    background-color: white;
    cursor: pointer;
    position: relative; }
  .page-library .row-filter-menu-choice .icon-redirect {
    margin-left: 10px;
    background: #fff url("../images/mini-redirect.svg") no-repeat 50%;
    display: block; }
  .page-library .row-filter-menu-choice .icon-redirect:hover {
    background: #89c5bd;
    background-image: url("../images/mini-redirect-white.svg");
    background-image: url("../images/mini-redirect-white.svg"), -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background-image: url("../images/mini-redirect-white.svg"), -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: url("../images/mini-redirect-white.svg"), -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: url("../images/mini-redirect-white.svg"), linear-gradient(to top, #89c5bd, #c2dfc1);
    background-position: 50%;
    background-repeat: no-repeat;
    border: none; }
  .page-library .row-filter-menu-choice .icon-close {
    margin-left: 10px;
    background: #fff url("../images/mini-close.svg") no-repeat 50%; }
  .page-library .row-filter-menu-choice .icon-close:hover {
    background: #89c5bd;
    background-image: url("../images/mini-close-white.svg");
    background-image: url("../images/mini-close-white.svg"), -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background-image: url("../images/mini-close-white.svg"), -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: url("../images/mini-close-white.svg"), -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: url("../images/mini-close-white.svg"), linear-gradient(to top, #89c5bd, #c2dfc1);
    background-position: 50%;
    background-repeat: no-repeat;
    border: none; }
  .page-library .row-filter-menu-choice .icon-close:before {
    content: '';
    position: absolute;
    width: 53px;
    height: 7px;
    left: 50%;
    -webkit-transform: translateX(-26px);
        -ms-transform: translateX(-26px);
            transform: translateX(-26px);
    bottom: -13px;
    background: url("../images/card-icon-hover-top.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear 0s;
    -o-transition: opacity 0.1s linear 0s;
    transition: opacity 0.1s linear 0s; }
  .page-library .row-filter-menu-choice .icon-close:hover:before {
    visibility: visible !important;
    opacity: 1 !important; }
  .page-library .row-filter-menu-choice .icon-close:after {
    content: 'Очистить теги';
    position: absolute;
    left: -78px;
    bottom: -53px;
    height: 40px;
    width: 150px;
    line-height: 40px;
    background-color: var(--brown-grey);
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    text-align: center;
    color: white;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    white-space: nowrap;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear 0s;
    -o-transition: opacity 0.1s linear 0s;
    transition: opacity 0.1s linear 0s; }
  .page-library .row-filter-menu-choice .icon-close:hover:after {
    visibility: visible !important;
    opacity: 1 !important; }
  .page-library .row-filter-menu-choice .choices-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-flex: 10;
    -webkit-flex: 10;
        -ms-flex: 10;
            flex: 10;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .page-library .row-filter-menu-choice .choices-list .choices-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .page-library .row-filter-menu-choice .choices-list .choices-block .choice {
        font-family: EB Garamond;
        font-size: 14px;
        letter-spacing: 0.7px;
        color: var(--black);
        padding-left: 11px;
        padding-right: 11px;
        height: 28px;
        line-height: 25px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        margin-right: 5px;
        position: relative;
        margin-bottom: 10px; }
      .page-library .row-filter-menu-choice .choices-list .choices-block .choice:last-child {
        margin-right: 10px; }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-age .choice {
      background-color: rgba(248, 102, 102, 0.3); }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-genres .choice {
      background-color: rgba(229, 191, 8, 0.3); }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-characters .choice {
      background-color: rgba(202, 149, 248, 0.3); }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-authors .choice {
      background-color: rgba(239, 137, 64, 0.3); }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-size .choice {
      background-color: rgba(123, 217, 117, 0.3); }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-qualities .choice {
      background-color: rgba(74, 144, 226, 0.3); }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-skills .choice {
      background-color: rgba(107, 210, 230, 0.3); }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-age .choice:after {
      background: url("../images/mini-close-red.svg") no-repeat; }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-genres .choice:after {
      background: url(../images/mini-close-yellow.svg) no-repeat; }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-characters .choice:after {
      background: url("../images/mini-close-purple.svg") no-repeat; }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-authors .choice:after {
      background: url(../images/mini-close-orange.svg) no-repeat; }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-size .choice:after {
      background: url("../images/mini-close-green.svg") no-repeat; }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-qualities .choice:after {
      background: url("../images/mini-close-blue.svg") no-repeat; }
    .page-library .row-filter-menu-choice .choices-list .choices-block.choices-block-skills .choice:after {
      background: url("../images/mini-close-light-blue.svg") no-repeat; }
    .page-library .row-filter-menu-choice .choices-list .choices-block:not(:last-child) .choice:last-child:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 28px;
      top: 0;
      right: -6px;
      background: rgba(207, 205, 196, 0.5); }

.page-library .questions {
  margin-bottom: 85px; }

.page-library .row-items .row-items-1 {
  margin-right: -20px;
  margin-left: -20px; }
  .page-library .row-items .row-items-1 .item {
    height: 353px;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative; }
    .page-library .row-items .row-items-1 .item .item-graph {
      height: 280px;
      position: relative; }
      .page-library .row-items .row-items-1 .item .item-graph .fairy-tail-graph {
        position: absolute;
        bottom: 0; }
    .page-library .row-items .row-items-1 .item .item-graph.item-graph-card {
      width: 200px; }
    .page-library .row-items .row-items-1 .item .item-graph.item-graph-selection {
      width: 440px; }

.page-library .row-title {
  margin-top: 50px;
  margin-bottom: 35px; }

.page-library .row-selections {
  margin-bottom: 115px; }

.page-library .cards-mixed {
  margin-bottom: 50px; }

.page-library .search-top {
  height: 420px;
  background: url("../images/blog-top.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  padding-top: 115px;
  text-align: center; }
  .page-library .search-top .search-input {
    width: 760px;
    height: 80px;
    font-family: TTLimesSlab;
    font-size: 48px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1px;
    text-align: center;
    color: var(--dusty-orange-two);
    border: none;
    outline: none;
    border-bottom: 4px solid rgba(239, 137, 64, 0.5);
    background: transparent; }
  .page-library .search-top .search-input::-webkit-input-placeholder {
    color: var(--dusty-orange-two); }
  .page-library .search-top .search-input::-moz-placeholder {
    color: var(--dusty-orange-two); }
  .page-library .search-top .search-input:-moz-placeholder {
    color: var(--dusty-orange-two); }
  .page-library .search-top .search-input:-ms-input-placeholder {
    color: var(--dusty-orange-two); }
  .page-library .search-top .under-search-input {
    font-family: TTLimesSlab;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
    color: var(--greyish);
    margin-top: 15px; }

.page-library .search-tag-c {
  text-align: center;
  padding-bottom: 140px;
  display: none;
  margin-top: -120px; }

.page-library .search-tag-title {
  font-family: TTLimesSlab;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: 1px;
  text-align: center;
  color: var(--greyish);
  margin-bottom: 10px; }

.page-library .search-tag {
  font-family: EB Garamond;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: var(--black);
  padding-left: 11px;
  padding-right: 11px;
  height: 28px;
  line-height: 25px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background: gray;
  margin-right: 5px;
  margin-left: 5px;
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer; }

.page-library .search-tag--moral {
  background: #C3D8EF; }

.page-library .search-tag--skill {
  background: #CDECF1; }

.page-library .find-submit {
  border: none;
  padding: 0;
  width: 34px;
  height: 34px;
  background: url("/fc-static/images/find-submit.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  outline: none;
  opacity: 0.8;
  position: absolute;
  margin-left: -39px;
  margin-top: 4px;
  display: none; }

.page-library .find-submit:hover, .page-library .find-submit:active {
  opacity: 1; }

.page-library .find-tag-line {
  height: 1px;
  background: #E7E6DF;
  width: 100%;
  margin-bottom: 8px;
  overflow: hidden;
  display: block; }

.page-library.search .row-filter-menu {
  margin-top: -60px; }

.submenu-library-container {
  height: 60px;
  line-height: 60px;
  border-top: solid 1px var(--light-grey-two);
  border-bottom: solid 1px var(--light-grey-two);
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  display: none; }
  .submenu-library-container .submenu-library {
    height: 45px;
    padding-top: 15px; }
    .submenu-library-container .submenu-library a.submenu-link {
      width: 135px;
      border-right: 2px solid var(--light-grey);
      display: block;
      float: left;
      text-align: center;
      height: 28px;
      line-height: 28px;
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.9px;
      color: var(--light-grey);
      text-decoration: none; }
    .submenu-library-container .submenu-library a.submenu-link.active {
      color: var(--greyish-brown); }
    .submenu-library-container .submenu-library a.submenu-link.age.active.selected,
    .submenu-library-container .submenu-library a.submenu-link.age.active:hover {
      color: #ff4f4f; }
    .submenu-library-container .submenu-library a.submenu-link.genres.active.selected,
    .submenu-library-container .submenu-library a.submenu-link.genres.active:hover {
      color: #e5bf08; }
    .submenu-library-container .submenu-library a.submenu-link.authors.active.selected,
    .submenu-library-container .submenu-library a.submenu-link.authors.active:hover {
      color: #f3872f; }
    .submenu-library-container .submenu-library a.submenu-link.size.active.selected,
    .submenu-library-container .submenu-library a.submenu-link.size.active:hover {
      color: #7bd975; }
    .submenu-library-container .submenu-library a.submenu-link.skills.active.selected,
    .submenu-library-container .submenu-library a.submenu-link.skills.active:hover {
      color: #6bd2e6; }
    .submenu-library-container .submenu-library a.submenu-link.qualities.active.selected,
    .submenu-library-container .submenu-library a.submenu-link.qualities.active:hover {
      color: #4a90e2; }
    .submenu-library-container .submenu-library a.submenu-link.characters.active.selected,
    .submenu-library-container .submenu-library a.submenu-link.characters.active:hover {
      color: #ca95f8; }
    .submenu-library-container .submenu-library a.submenu-link:last-child {
      width: 127px;
      text-align: right; }
    .submenu-library-container .submenu-library a.submenu-link:first-child {
      width: 109px;
      text-align: left; }
    .submenu-library-container .submenu-library a.submenu-link:last-child {
      border-right: none; }
    .submenu-library-container .submenu-library .mini-exit, .submenu-library-container .submenu-library .mini-fav {
      width: 24px;
      height: 24px;
      -webkit-border-radius: 24px;
              border-radius: 24px;
      border: solid 2px var(--light-grey);
      cursor: pointer; }
    .submenu-library-container .submenu-library .mini-exit {
      margin-left: 20px;
      background: url("../images/mini-close.svg") no-repeat center; }
    .submenu-library-container .submenu-library .mini-fav {
      background: url("../images/mini-fav3.svg") no-repeat center; }

@media only screen and (min-width: 981px) {
  .page-library .selection-top-img {
    min-height: 550px; }
  .page-library .container-custom-setsbooks {
    margin-top: -50px; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .top-set {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .selection-img {
    width: 100% !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .row-filter-menu-choice {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
  .search-input {
    width: 90% !important;
    font-size: 26px !important; }
  .sort-title {
    display: none !important; }
  .top-set {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .selection-top-img {
    padding-top: 0 !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .row-sort {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .page-library--not-set .top-text {
    width: 100% !important; }
  .page-library--not-set .main-page-top-img {
    padding-top: 55px !important; }
    .page-library--not-set .main-page-top-img .main-page-top-img--wrap:after {
      content: none !important; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .page-library--not-set .main-page-top-img {
    padding-top: 90px !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .page-library--not-set .main-page-top-img {
    padding-top: 50px !important; }
    .page-library--not-set .main-page-top-img .main-page-top-img--wrap:after {
      height: 180px !important;
      -webkit-background-size: contain !important;
              background-size: contain !important;
      bottom: 60px !important;
      top: unset; } }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .page-library--not-set .main-page-top-img .main-page-top-img--wrap:after {
    background: url("../images/library-top_2x.png") no-repeat center !important;
    right: 0 !important;
    height: 245px !important;
    -webkit-background-size: contain !important;
            background-size: contain !important;
    top: unset !important;
    bottom: 100px !important; } }

@media only screen and (max-width: 1200px) {
  .page-library .find-submit {
    margin: 0;
    top: 4px;
    right: 5px; }
  .page-library .find-tag-line {
    display: none; } }

@media only screen and (min-width: 1201px) {
  .filter-menu-mobileshow {
    display: none !important; }
  .page-library .row-filter-menu {
    margin-top: -120px;
    margin-bottom: 24px;
    position: relative; }
    .page-library .row-filter-menu .filter-menu {
      width: 1220px;
      height: 86px;
      -webkit-border-radius: 43px;
              border-radius: 43px;
      background-color: white;
      -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
      margin-left: -30px;
      padding: 11px 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        text-align: center;
        margin-right: 22px;
        font-family: TTLimesSlab;
        font-size: 28px;
        letter-spacing: 1.4px;
        height: 64px;
        line-height: 64px;
        color: var(--light-grey);
        position: relative;
        cursor: pointer; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-menu-item--hover {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 110px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-menu-item--click {
          display: none; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown {
          position: absolute;
          top: 100px;
          background-color: white;
          -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
                  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
          -webkit-border-radius: 20px;
          border-radius: 20px;
          padding: 45px 50px 30px 60px;
          z-index: 9998;
          cursor: default;
          text-align: left;
          -webkit-transition: opacity 0.1s linear 0s;
          -o-transition: opacity 0.1s linear 0s;
          transition: opacity 0.1s linear 0s; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .filter-dropdown--close {
            content: '';
            position: absolute;
            right: 15px;
            top: 15px;
            background: #fff url("../images/mini-close.svg") no-repeat 50%;
            width: 21px;
            height: 21px;
            -webkit-border-radius: 21px;
                    border-radius: 21px;
            border: solid 2px var(--light-grey);
            cursor: pointer; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .title {
            font-family: TTLimesSlab;
            font-size: 24px;
            letter-spacing: 1.1px;
            color: var(--greyish-brown); }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap; }
            .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list .clickable-elem {
              font-family: EB Garamond;
              font-size: 14px;
              letter-spacing: 0.7px;
              color: var(--black);
              height: 28px;
              line-height: 24px;
              background-color: var(--light-grey-two);
              padding-left: 12px;
              padding-right: 12px;
              -webkit-border-radius: 45px;
              border-radius: 45px;
              margin-right: 20px;
              margin-bottom: 12px; }
            .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list .clickable-elem.active {
              padding-left: 15px;
              padding-right: 15px;
              height: 36px;
              line-height: 32px;
              color: white; }
            .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list .clickable-elem:hover {
              box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
              -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
              -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); }
            .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list .clickable-elem--disabled,
            .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list .clickable-elem--disabledage {
              opacity: 0.2; }
            .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list .clickable-elem.active.clickable-elem--disabledage {
              opacity: 1; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown:after {
          width: 52px;
          height: 10px;
          content: '';
          position: absolute;
          background: url("../images/popup-circle.svg");
          top: -10px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item .row-3 {
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.57;
        letter-spacing: 0.6px;
        color: var(--greyish);
        text-align: left; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .row-1 {
        margin-bottom: 22px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .clickable-elems-list .clickable-elem.active {
        background-color: var(--grapefruit); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .clickable-elems-list .clickable-elem:not(.active) {
        margin-top: 4px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .clickable-elems-list .clickable-elem {
        margin-right: 10px !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown a.green-link {
        line-height: initial; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown .row-1 {
        margin-bottom: 22px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown .clickable-elems-list .clickable-elem.active {
        background-color: #e5bf08; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown .clickable-elems-list .clickable-elem:not(.active) {
        margin-top: 4px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown .clickable-elems-list .clickable-elem {
        margin-right: 10px !important; }
      .page-library .row-filter-menu .filter-menu .row-4 {
        margin-bottom: 21px; }
      .page-library .row-filter-menu .filter-menu .area-scroll {
        max-height: 940px;
        padding-left: 10px;
        overflow-y: scroll; }
      .page-library .row-filter-menu .filter-menu .area-scroll .clickable-elems-list {
        line-height: 1px; }
      .page-library .row-filter-menu .filter-menu .area-scroll .clickable-elem {
        display: inline-block; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-1 {
        margin-bottom: 22px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-2 {
        border-bottom: 2px solid var(--light-grey-two); }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-2 .clickable-elem {
          background-color: #f3872f;
          -webkit-border-radius: 15px;
          border-radius: 15px;
          font-family: EB Garamond;
          font-size: 14px;
          letter-spacing: 0.7px;
          color: white;
          padding-left: 11px;
          padding-right: 30px;
          height: 36px;
          line-height: 32px;
          margin-right: 10px;
          position: relative;
          margin-bottom: 15px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-2 .clickable-elem:after {
          content: '';
          position: absolute;
          width: 12px;
          height: 12px;
          background: url("../images/mini-close-white.svg");
          top: 12px;
          right: 8px;
          cursor: pointer; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-3 {
        margin-bottom: 10px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-3 #input-text2 {
          width: 400px;
          height: 42px;
          -webkit-border-radius: 21px;
          border-radius: 21px;
          background-color: rgba(239, 137, 64, 0.2);
          border: none;
          font-family: EB Garamond;
          font-size: 18px;
          line-height: 42px;
          letter-spacing: 0.7px;
          color: #333436;
          padding-left: 42px;
          padding-right: 20px;
          vertical-align: top; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-3 #input-text2 + label {
          position: relative; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-3 #input-text2 + label:after {
          content: '';
          position: absolute;
          width: 13px;
          height: 13px;
          background: url(../images/mini-search-orange.svg);
          top: 14px;
          left: -380px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-5 {
        border-bottom: 1px solid var(--light-grey-two); }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-5 .clickable-elem-wrap {
          height: 36px;
          float: left;
          margin-bottom: 12px; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-5 .clickable-elem-wrap .clickable-elem.active {
            height: 36px;
            -webkit-border-radius: 17px;
            border-radius: 17px;
            background-color: #f3872f; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-5 .clickable-elem-wrap .clickable-elem:not(.active) {
            margin-top: 4px; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-5 .clickable-elem-wrap .clickable-elem {
            margin-right: 10px !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-6 {
        padding-top: 10px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-6 a.hide-show {
          padding-right: 24px;
          position: relative; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-6 a.hide-show:after {
          content: '';
          position: absolute;
          width: 12px;
          height: 12px;
          right: 0;
          top: 6px;
          background: url("../images/down.svg"); }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-6 a.hide-show.invert:after {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .clickable-elem.active {
        color: white;
        background: #f3872f; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-7 .column {
        float: left;
        width: 202px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-7 .letter-block {
        margin-bottom: 10px;
        width: 100%;
        line-height: 1px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-7 .letter-block .title {
          margin-bottom: 10px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-7 .letter-block .clickable-elem {
          display: inline-block; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-7 .column:not(:last-child) {
        margin-right: 10px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll {
        overflow: auto; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size .filter-dropdown {
        padding-top: 30px !important; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.size .filter-dropdown .clickable-elems-list .clickable-elem.active {
          background-color: #7bd975; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.size .filter-dropdown .clickable-elems-list .clickable-elem {
          margin-right: 10px !important;
          margin-bottom: 0 !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-1 {
        margin-bottom: 29px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-1 .count {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.43;
          letter-spacing: 0.7px;
          color: var(--greyish-brown); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-2 {
        margin-bottom: 24px;
        height: 42px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-2 #input-text {
          width: 400px;
          height: 42px;
          -webkit-border-radius: 21px;
          border-radius: 21px;
          background-color: rgba(107, 210, 230, 0.2);
          border: none;
          font-family: EB Garamond;
          font-size: 18px;
          line-height: 42px;
          letter-spacing: 0.7px;
          color: #333436;
          padding-left: 42px;
          padding-right: 20px;
          vertical-align: top; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-2 #input-text + label {
          position: relative; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-2 #input-text + label:after {
          content: '';
          position: absolute;
          width: 13px;
          height: 13px;
          background: url("../images/mini-search-light-blue.svg");
          top: 14px;
          left: -380px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .clickable-elems-list .clickable-elem.active {
        background-color: var(--tiffany-blue); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .clickable-elems-list .clickable-elem:not(.active) {
        margin-top: 4px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .clickable-elems-list .clickable-elem {
        margin-right: 10px !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-1 {
        margin-bottom: 29px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-1 .count {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.43;
          letter-spacing: 0.7px;
          color: var(--greyish-brown); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-2 {
        margin-bottom: 24px;
        height: 42px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-2 #input-text3 {
          width: 400px;
          height: 42px;
          -webkit-border-radius: 21px;
          border-radius: 21px;
          background-color: rgba(74, 144, 226, 0.2);
          border: none;
          font-family: EB Garamond;
          font-size: 18px;
          line-height: 42px;
          letter-spacing: 0.7px;
          color: #333436;
          padding-left: 42px;
          padding-right: 20px;
          vertical-align: top; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-2 #input-text3 + label {
          position: relative; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-2 #input-text3 + label:after {
          content: '';
          position: absolute;
          width: 13px;
          height: 13px;
          background: url("../images/mini-search-blue.svg");
          top: 14px;
          left: -380px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .clickable-elems-list .clickable-elem.active {
        background-color: #4a90e2; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .clickable-elems-list .clickable-elem:not(.active) {
        margin-top: 4px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .clickable-elems-list .clickable-elem {
        margin-right: 10px !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-1 {
        margin-bottom: 29px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-1 .count {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.43;
          letter-spacing: 0.7px;
          color: var(--greyish-brown); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-2 {
        margin-bottom: 24px;
        height: 42px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-2 #input-text4 {
          width: 400px;
          height: 42px;
          -webkit-border-radius: 21px;
          border-radius: 21px;
          background-color: rgba(202, 149, 248, 0.2);
          border: none;
          font-family: EB Garamond;
          font-size: 18px;
          line-height: 42px;
          letter-spacing: 0.7px;
          color: #333436;
          padding-left: 42px;
          padding-right: 20px;
          vertical-align: top; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-2 #input-text4 + label {
          position: relative; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-2 #input-text4 + label:after {
          content: '';
          position: absolute;
          width: 13px;
          height: 13px;
          background: url("../images/mini-search-purple.svg");
          top: 14px;
          left: -380px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .clickable-elems-list .clickable-elem.active {
        background-color: #ca95f8; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .clickable-elems-list .clickable-elem:not(.active) {
        margin-top: 4px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .clickable-elems-list .clickable-elem {
        margin-right: 10px !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown {
        width: 742px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown:after {
        left: 50px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown {
        width: 950px;
        left: -72px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown:after {
        left: 120px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown {
        width: 960px;
        left: -242px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown:after {
        left: 290px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown {
        width: 960px;
        left: -584px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown:after {
        left: 632px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown {
        width: 960px;
        left: -636px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown:after {
        left: 684px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size .filter-dropdown {
        width: 750px;
        left: -200px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size .filter-dropdown:after {
        left: 250px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown {
        width: 960px;
        left: -800px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown:after {
        left: 848px; }
      .page-library .row-filter-menu .filter-menu .filter-dropdown.filter-dropdown--hidden {
        visibility: hidden !important;
        opacity: 0 !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.active {
        color: var(--greyish-brown); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item:last-child {
        margin-right: 0; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 40px;
        background-color: var(--light-grey-two);
        right: -10px;
        top: 12px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item:last-child:before {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.active:after {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        left: 50%;
        -webkit-transform: translateX(-6px);
            -ms-transform: translateX(-6px);
                transform: translateX(-6px);
        bottom: 0;
        background: url("../images/down.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active.selected:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active:hover:after {
        background: url("../images/down-red.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active:hover {
        color: #ff4f4f; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active:hover {
        background-color: rgba(248, 102, 102, 0.1);
        -webkit-border-radius: 8px;
        border-radius: 8px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active:hover {
        color: #e5bf08; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active:hover:after {
        background: url(../images/down-yellow.svg) no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active:hover {
        background-color: rgba(229, 191, 8, 0.1);
        -webkit-border-radius: 8px;
        border-radius: 8px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active:hover {
        color: #f3872f; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active:hover:after {
        background: url(../images/down-orange.svg) no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active:hover {
        background-color: rgba(239, 137, 64, 0.1);
        -webkit-border-radius: 8px;
        border-radius: 8px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active:hover {
        color: #7bd975; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active:hover:after {
        background: url("../images/down-green.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active:hover {
        background-color: rgba(123, 217, 117, 0.1);
        -webkit-border-radius: 8px;
        border-radius: 8px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active:hover {
        color: #6bd2e6; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active:hover:after {
        background: url("../images/down-light-blue.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active:hover {
        background-color: rgba(107, 210, 230, 0.1);
        -webkit-border-radius: 8px;
        border-radius: 8px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active:hover {
        color: #4a90e2; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active:hover:after {
        background: url("../images/down-blue.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active:hover {
        background-color: rgba(74, 144, 226, 0.1);
        -webkit-border-radius: 8px;
        border-radius: 8px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active:hover {
        color: #ca95f8; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active.selected:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active:hover:after {
        background: url("../images/down-purple.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active:hover {
        background-color: rgba(202, 149, 248, 0.1);
        -webkit-border-radius: 8px;
        border-radius: 8px; } }

@media only screen and (max-width: 1200px) {
  .body_noscroll_filter {
    position: fixed !important; }
  .filter-menu-mobilehide {
    display: none !important; }
  .page-library .row-filter-menu-small {
    display: block; }
  .page-library .filter-menu-item-header-small {
    display: block; }
  .page-library .filter-menu-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .page-library .black-screen--visible {
    display: block;
    opacity: 1; }
  .page-library .row-filter-menu-choice .right-buttons {
    width: 100%; }
  .page-library .row-filter-menu-small {
    margin-top: -120px;
    margin-bottom: 24px;
    position: relative; }
  .page-library .row-filter-menu--visible {
    display: block !important;
    left: 0 !important; }
  .page-library .row-filter-menu {
    position: fixed;
    left: -100%;
    -webkit-transition: left 0.3s linear 0s;
    -o-transition: left 0.3s linear 0s;
    transition: left 0.3s linear 0s;
    top: 10%;
    width: 80%;
    max-width: 440px;
    height: auto;
    z-index: 1001;
    overflow: hidden;
    -webkit-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0; }
    .page-library .row-filter-menu .filter-menu-cnt {
      float: right;
      padding-right: 33px;
      color: var(--black);
      display: none; }
    .page-library .row-filter-menu .filter-menu-cnt--visible {
      display: block; }
    .page-library .row-filter-menu .filter-menu {
      background-color: #f8f7f4; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item-header-small {
        color: var(--black);
        font-family: TTLimesSlab;
        font-size: 18px;
        padding-left: 40px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item-header-small .filter-menu-header-desc {
          float: right;
          padding-right: 22px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item:first-child {
        border-top: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item {
        border-top: 2px solid #e8e7e0;
        text-align: left;
        padding-left: 22px;
        font-family: EB Garamond;
        font-size: 18px;
        letter-spacing: 1.4px;
        height: 50px;
        line-height: 50px;
        color: var(--light-grey);
        cursor: pointer; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-menu-item--hover {
          display: none; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-menu-item--click {
          position: absolute;
          left: 0;
          width: 100%;
          height: 50px;
          margin-top: -50px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown {
          position: absolute;
          top: 0px;
          left: -100%;
          background-color: #f8f7f4;
          cursor: default;
          text-align: left;
          height: 100%;
          width: 100%;
          overflow: hidden;
          -webkit-transition: left 0.3s linear 0s;
          -o-transition: left 0.3s linear 0s;
          transition: left 0.3s linear 0s; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .filter-dropdown--close {
            content: '';
            position: absolute;
            left: 10px;
            top: 14px;
            background: #fff url("../images/mini-left.svg") no-repeat 50%;
            width: 21px;
            height: 21px;
            -webkit-border-radius: 21px;
                    border-radius: 21px;
            border: solid 2px var(--light-grey);
            cursor: pointer;
            z-index: 1002; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .title, .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .title + a {
            display: none; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list:after, .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .column:after {
            content: '';
            display: block;
            height: 200px;
            width: 100%; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .area-scroll {
            position: relative;
            height: 100%;
            width: 100%; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .row-7 {
            position: relative;
            height: 100%;
            width: 100%; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elems-list,
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .column {
            position: relative;
            height: 100%;
            width: 110%;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elem:first-child {
            border-top: none; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elem {
            font-family: EB Garamond;
            border-top: 2px solid #e8e7e0;
            text-align: left;
            padding-left: 22px;
            font-size: 18px;
            letter-spacing: 1.4px;
            line-height: 20px;
            color: var(--greyish-brown);
            cursor: pointer;
            padding-right: 30px;
            padding-top: 13px;
            padding-bottom: 15px; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elem:before {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            background: url("../images/off.svg");
            background-sizing: contain;
            right: 12%;
            margin-top: -2px;
            cursor: pointer; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elem.active:before {
            background: url("../images/on.svg"); }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elem--disabled,
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elem--disabledage {
            display: none; }
          .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown .clickable-elem.active.clickable-elem--disabledage {
            display: block; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item .filter-dropdown--visible {
          left: 0;
          z-index: 1002;
          display: block;
          opacity: 1 !important; }
      .page-library .row-filter-menu .filter-menu input {
        width: 100%;
        height: 42px;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        background-color: rgba(239, 137, 64, 0.2);
        border: none;
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 42px;
        letter-spacing: 0.7px;
        color: #333436;
        padding-left: 30px;
        padding-right: 10px;
        vertical-align: top;
        display: block; }
      .page-library .row-filter-menu .filter-menu input + label {
        content: '';
        position: absolute;
        margin-left: 12px;
        margin-top: -26px;
        width: 12px;
        height: 12px; }
      .page-library .row-filter-menu .filter-menu #input-text2 {
        background-color: rgba(239, 137, 64, 0.2); }
      .page-library .row-filter-menu .filter-menu #input-text {
        background-color: rgba(107, 210, 230, 0.2); }
      .page-library .row-filter-menu .filter-menu #input-text3 {
        background-color: rgba(74, 144, 226, 0.2); }
      .page-library .row-filter-menu .filter-menu #input-text4 {
        background-color: rgba(202, 149, 248, 0.2); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item .row-3 {
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.57;
        letter-spacing: 0.6px;
        color: var(--black);
        text-align: left; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .row-1 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .clickable-elems-list .clickable-elem.active {
        color: var(--grapefruit); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .clickable-elems-list .clickable-elem--disabled,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .clickable-elems-list .clickable-elem--disabledage {
        display: block;
        opacity: 0.2; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown .clickable-elems-list .clickable-elem.active.clickable-elem--disabledage {
        display: block;
        opacity: 1; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age .filter-dropdown a.green-link {
        line-height: initial; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown .row-1 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres .filter-dropdown .clickable-elems-list .clickable-elem.active {
        color: #e5bf08; }
      .page-library .row-filter-menu .filter-menu .js-popular {
        display: none; }
      .page-library .row-filter-menu .filter-menu .row-6 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .js-all-block {
        display: block !important; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .row-1 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .row-3 {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .row-3 input + label {
          background: url(../images/mini-search-orange.svg); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .js-limit-text {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .row-4 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .row-5 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .row-6 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .row-7 {
        display: block !important; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.authors .filter-dropdown .area-scroll .row-7 .column .title {
          display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size .filter-dropdown .clickable-elems-list .clickable-elem.active {
        color: #7bd975; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-1 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-2 {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-2 input + label {
          background: url("../images/mini-search-light-blue.svg"); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .row-3 {
        position: absolute;
        bottom: 0;
        background: #d7f0f1;
        padding: 10px;
        line-height: 120%; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills .filter-dropdown .clickable-elems-list .clickable-elem.active {
        color: var(--tiffany-blue); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-1 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-2 {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-2 input + label {
          background: url("../images/mini-search-blue.svg"); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .row-3 {
        position: absolute;
        bottom: 0;
        background: #d2e3ef;
        padding: 10px;
        line-height: 120%; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities .filter-dropdown .clickable-elems-list .clickable-elem.active {
        color: #4a90e2; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-1 {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-2 {
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px; }
        .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .row-2 input + label {
          background: url("../images/mini-search-purple.svg"); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters .filter-dropdown .clickable-elems-list .clickable-elem.active {
        color: #ca95f8; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.active {
        color: var(--greyish-brown); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item:last-child {
        margin-right: 0; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 40px;
        background-color: var(--light-grey-two);
        right: -10px;
        top: 12px; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item:last-child:before {
        display: none; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.active:after {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        margin-top: 20px;
        right: 19px;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
        background: url("../images/down.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active.selected:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active:hover:after {
        background: url("../images/down-red.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active:hover {
        color: #ff4f4f; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.age.active:hover {
        background-color: rgba(248, 102, 102, 0.1); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active:hover {
        color: #e5bf08; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active:hover:after {
        background: url(../images/down-yellow.svg) no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.genres.active:hover {
        background-color: rgba(229, 191, 8, 0.1); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active:hover {
        color: #f3872f; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active:hover:after {
        background: url(../images/down-orange.svg) no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.authors.active:hover {
        background-color: rgba(239, 137, 64, 0.1); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active:hover {
        color: #7bd975; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active:hover:after {
        background: url("../images/down-green.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.size.active:hover {
        background-color: rgba(123, 217, 117, 0.1); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active:hover {
        color: #6bd2e6; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active:hover:after {
        background: url("../images/down-light-blue.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.skills.active:hover {
        background-color: rgba(107, 210, 230, 0.1); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active:hover {
        color: #4a90e2; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.selected.active:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active:hover:after {
        background: url("../images/down-blue.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.qualities.active:hover {
        background-color: rgba(74, 144, 226, 0.1); }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active.selected,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active:hover {
        color: #ca95f8; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active.selected:after,
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active:hover:after {
        background: url("../images/down-purple.svg") no-repeat; }
      .page-library .row-filter-menu .filter-menu .filter-menu-item.characters.active:hover {
        background-color: rgba(202, 149, 248, 0.1); } }

@media only screen and (min-width: 1201px) {
  .row-sort {
    border-bottom: solid 2px var(--light-grey);
    margin-bottom: 42px;
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .row-sort .row-sort--left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .row-sort .row-sort--right {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .row-sort .sort-title {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.7px;
      text-align: left;
      color: var(--greyish-brown);
      padding-right: 10px;
      height: 28px;
      line-height: 28px; }
    .row-sort .sort-tabs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .row-sort .sort-tabs .sort-tab {
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.9px;
        text-align: center;
        color: var(--brown-grey);
        -webkit-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0;
        background-color: var(--light-grey-two);
        padding-right: 20px;
        padding-left: 20px;
        cursor: pointer;
        height: 26px;
        line-height: 26px; }
      .row-sort .sort-tabs .sort-tab:first-child {
        margin-right: 29px; }
      .row-sort .sort-tabs .sort-tab.active {
        background-color: transparent;
        color: var(--greyish-brown);
        cursor: default;
        border-top: solid 2px var(--light-grey);
        -webkit-border-radius: 0;
                border-radius: 0;
        position: relative; }
        .row-sort .sort-tabs .sort-tab.active .bottom-layer {
          position: relative; }
        .row-sort .sort-tabs .sort-tab.active .bottom-layer:after {
          position: absolute;
          content: '';
          height: 3px;
          width: 100%;
          background: #f8f7f4;
          left: 0;
          bottom: 0; }
      .row-sort .sort-tabs .sort-tab.active:before,
      .row-sort .sort-tabs .sort-tab.active:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 28px;
        top: -2px; }
      .row-sort .sort-tabs .sort-tab.active:before {
        left: 0;
        background: #f8f7f4 url("../images/tab-border-left_2x.png");
        -webkit-background-size: cover;
                background-size: cover; }
      .row-sort .sort-tabs .sort-tab.active:after {
        right: 0;
        background: #f8f7f4 url("../images/tab-border-right_2x.png");
        -webkit-background-size: cover;
                background-size: cover; }
    .row-sort .cnt-rows {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.7px;
      text-align: right;
      color: var(--greyish-brown);
      padding-right: 18px;
      cursor: pointer;
      position: relative;
      height: 28px;
      line-height: 28px; }
    .row-sort .cnt-rows:after {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      background: url("../images/down.svg");
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      top: 9px;
      right: 0; } }

@media only screen and (max-width: 1200px) {
  .page-library .row-sort--visible {
    display: block !important;
    right: 0 !important; }
  .page-library .row-sort {
    position: fixed;
    right: -100%;
    -webkit-transition: right 0.3s linear 0s;
    -o-transition: right 0.3s linear 0s;
    transition: right 0.3s linear 0s;
    top: 10%;
    width: 80%;
    max-width: 440px;
    height: auto;
    z-index: 1001;
    overflow: hidden;
    -webkit-border-radius: 20px 0 0 20px;
            border-radius: 20px 0 0 20px; }
    .page-library .row-sort .sort-tabs {
      background-color: #f8f7f4;
      padding-bottom: 10px; }
      .page-library .row-sort .sort-tabs .sort-tab:first-child {
        border-top: none; }
      .page-library .row-sort .sort-tabs .sort-tab {
        border-top: 2px solid #e8e7e0;
        text-align: left;
        font-family: EB Garamond;
        font-size: 18px;
        letter-spacing: 0.6px;
        color: var(--light-grey);
        cursor: pointer; }
      .page-library .row-sort .sort-tabs .bottom-layer {
        color: var(--bluey-green);
        margin: 5px;
        padding-left: 17px;
        height: 40px;
        line-height: 40px; }
      .page-library .row-sort .sort-tabs .sort-tab.active .bottom-layer {
        background: #cbe7e1;
        -webkit-border-radius: 10px;
                border-radius: 10px; }
    .page-library .row-sort .sort-title {
      display: none; }
    .page-library .row-sort .cnt-rows {
      display: none; } }

.rates-container-fon {
  min-height: 1211px;
  background: url("../images/rates-top.jpg") no-repeat top left;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center; }
  .rates-container-fon .rates-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .rates-container-fon .rates-container .rates-sep {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .rates-container-fon .rates-container .rates-body {
      -webkit-box-flex: 8;
      -webkit-flex: 8;
          -ms-flex: 8;
              flex: 8; }
  .rates-container-fon .title-90 {
    font-family: TTLimesSlab;
    font-size: 90px;
    line-height: 0.96;
    letter-spacing: 3.1px;
    color: var(--greyish-brown);
    margin-top: 70px;
    margin-bottom: 55px; }
  .rates-container-fon .text-20 {
    font-family: TTLimesSlab;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 1px;
    color: var(--greyish-brown);
    margin-bottom: 40px; }
  .rates-container-fon .columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .rates-container-fon .columns .column-left .container-white,
    .rates-container-fon .columns .column-right .container-white {
      padding: 50px 30px 70px 30px;
      width: 100%;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      background-color: white;
      -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04);
              box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04); }
      .rates-container-fon .columns .column-left .container-white .title-48,
      .rates-container-fon .columns .column-right .container-white .title-48 {
        font-family: TTLimesSlab;
        font-size: 48px;
        line-height: 1.04;
        letter-spacing: 1.7px;
        color: var(--greyish-brown); }
      .rates-container-fon .columns .column-left .container-white .text-14-green,
      .rates-container-fon .columns .column-right .container-white .text-14-green {
        margin-top: 30px;
        margin-bottom: 10px;
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.14;
        letter-spacing: 0.7px;
        color: var(--greyblue); }
      .rates-container-fon .columns .column-left .container-white .text-18-grey,
      .rates-container-fon .columns .column-right .container-white .text-18-grey {
        margin-bottom: 50px;
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: 0.7px;
        color: var(--greyish-brown); }
    .rates-container-fon .columns .column-left {
      width: 300px;
      margin-right: 50px;
      margin-bottom: 250px; }
      .rates-container-fon .columns .column-left .container-white {
        padding: 50px 30px 90px 30px; }
        .rates-container-fon .columns .column-left .container-white .lis-with-gift {
          width: 177px;
          height: 198px;
          background: url("../images/rates-img-1_2x.png") no-repeat;
          -webkit-background-size: cover;
                  background-size: cover;
          margin: 0 auto; }
        .rates-container-fon .columns .column-left .container-white .free-form-email-wrap {
          position: relative; }
          .rates-container-fon .columns .column-left .container-white .free-form-email-wrap .free-form-email {
            width: 300px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            background-image: -webkit-linear-gradient(294deg, #f9a65a, #ffd3ab);
            background-image: -o-linear-gradient(294deg, #f9a65a, #ffd3ab);
            background-image: linear-gradient(156deg, #f9a65a, #ffd3ab);
            -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(255, 133, 46, 0.23);
                    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(255, 133, 46, 0.23);
            padding: 30px 30px 43px 30px;
            position: absolute;
            top: -45px;
            left: -10px; }
            .rates-container-fon .columns .column-left .container-white .free-form-email-wrap .free-form-email .text-white-28 {
              font-family: TTLimesSlab;
              font-size: 28px;
              line-height: 1.21;
              letter-spacing: 1.7px;
              color: white;
              margin-bottom: 25px; }
            .rates-container-fon .columns .column-left .container-white .free-form-email-wrap .free-form-email .free-form-email-input {
              width: 100%;
              height: 42px;
              -webkit-border-radius: 21px;
              border-radius: 21px;
              background-color: var(--white);
              font-family: EB Garamond;
              font-size: 18px;
              line-height: 1.56;
              letter-spacing: 0.7px;
              color: var(--greyish);
              margin-bottom: 20px;
              border: none;
              outline: none;
              padding-left: 20px; }
            .rates-container-fon .columns .column-left .container-white .free-form-email-wrap .free-form-email .free-form-button {
              width: 100%;
              height: 42px;
              line-height: 38px;
              background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
              background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
              background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
              background-image: linear-gradient(to top, #ee8439, #ff9f54);
              font-family: TTLimesSlab;
              font-size: 18px;
              letter-spacing: 0.6px;
              text-align: center;
              color: white;
              -webkit-border-radius: 21px;
              border-radius: 21px;
              cursor: pointer; }
    .rates-container-fon .columns .column-right {
      width: 360px; }
      .rates-container-fon .columns .column-right .container-white {
        position: relative; }
        .rates-container-fon .columns .column-right .container-white .text-28-green {
          font-family: TTLimesSlab;
          font-size: 28px;
          line-height: 1.21;
          letter-spacing: 1.7px;
          color: var(--pale-teal);
          margin-top: 5px; }
        .rates-container-fon .columns .column-right .container-white .green-block {
          -webkit-border-radius: 21px;
                  border-radius: 21px;
          background-image: -webkit-linear-gradient(291deg, #c1e1d3, #cee4cd);
          background-image: -o-linear-gradient(291deg, #c1e1d3, #cee4cd);
          background-image: linear-gradient(159deg, #c1e1d3, #cee4cd);
          -webkit-box-shadow: 0 4px 20px 0 rgba(65, 163, 118, 0.2);
                  box-shadow: 0 4px 20px 0 rgba(65, 163, 118, 0.2);
          padding: 35px 20px 30px 30px;
          margin-top: 35px;
          font-family: EB Garamond;
          font-size: 18px;
          letter-spacing: 0.7px;
          color: var(--black);
          position: relative; }
        .rates-container-fon .columns .column-right .container-white .green-block:before {
          position: absolute;
          content: '';
          width: 40px;
          height: 40px;
          -webkit-border-radius: 40px;
          border-radius: 40px;
          left: -10px;
          top: -10px;
          background: #c1e1d3 url("../images/plus-green.svg") no-repeat 50% 50%; }
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-first:after {
          content: '';
          position: absolute;
          background: url("../images/rates-line-1.png");
          width: 146px;
          height: 166px;
          top: 0;
          left: -163px; }
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-second:after {
          content: '';
          position: absolute;
          background: url("../images/rates-line-2.png");
          width: 182px;
          height: 134px;
          top: -10px;
          left: -189px; }
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-third:after {
          content: '';
          position: absolute;
          background: url("../images/rates-line-3.png");
          width: 104px;
          height: 63px;
          top: -14px;
          left: -114px; }
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-370 {
          width: 370px; }
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-330 {
          width: 330px; }
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-first,
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-third {
          margin-left: -55px; }
        .rates-container-fon .columns .column-right .container-white .green-block.green-block-second {
          margin-left: 30px; }
        .rates-container-fon .columns .column-right .container-white .green-button {
          width: 240px;
          height: 42px;
          line-height: 38px;
          background: -webkit-gradient(linear, left bottom, left top, from(#45b0a2), to(#81df96));
          background: -webkit-linear-gradient(bottom, #45b0a2, #81df96);
          background: -o-linear-gradient(bottom, #45b0a2, #81df96);
          background: linear-gradient(to top, #45b0a2, #81df96);
          font-family: TTLimesSlab;
          font-size: 18px;
          letter-spacing: 0.6px;
          text-align: center;
          color: white;
          position: absolute;
          left: 60px;
          bottom: -21px;
          cursor: pointer;
          -webkit-border-radius: 21px;
          border-radius: 21px;
          -webkit-box-shadow: 0 5px 9px 0 rgba(71, 178, 161, 0.4);
                  box-shadow: 0 5px 9px 0 rgba(71, 178, 161, 0.4);
          -webkit-transition: -webkit-box-shadow 0.1s linear 0s;
          transition: -webkit-box-shadow 0.1s linear 0s;
          -o-transition: box-shadow 0.1s linear 0s;
          transition: box-shadow 0.1s linear 0s;
          transition: box-shadow 0.1s linear 0s, -webkit-box-shadow 0.1s linear 0s; }
        .rates-container-fon .columns .column-right .container-white .green-button:hover {
          -webkit-box-shadow: none;
                  box-shadow: none; }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .rates-sep {
    display: none !important; }
  .rates-body {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important;
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important; }
  .columns {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .green-block:after {
    display: none !important; }
  .column-right {
    margin-bottom: 50px !important; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .column-right {
    width: 300px !important; }
  .green-block-330 {
    width: 270px !important; }
  .green-block-370 {
    width: 300px !important; }
  .title-90 {
    font-size: 44px !important; }
  .column-left {
    margin-right: 0 !important;
    width: 300px !important; }
  .column-left:not(.column-left--with-bottom) {
    margin-bottom: 50px !important; }
  .text-20.mobile-300 {
    width: 300px !important;
    margin: 0 auto;
    margin-bottom: 40px; } }

@media only screen and (min-width: 480px) and (max-width: 980px) {
  .title-90 {
    font-size: 60px !important; } }

.blog-top {
  min-height: 420px;
  background: url("../images/blog-top.png") no-repeat left top;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center; }
  .blog-top .blog-top-title {
    font-family: TTLimesSlab;
    font-size: 90px;
    line-height: 0.96;
    letter-spacing: 3.1px;
    text-align: center;
    color: var(--greyish-brown);
    padding-top: 122px; }

.blog-body {
  margin-top: -135px;
  margin-bottom: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .blog-body .blog-body-left--after-img figure {
    text-align: center; }
  .blog-body .blog-body-left--after-img img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto; }
  .blog-body .blog-body--left {
    -webkit-box-flex: 8;
    -webkit-flex: 8;
        -ms-flex: 8;
            flex: 8; }
  .blog-body .blog-body--right {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
        -ms-flex: 4;
            flex: 4;
    margin-left: 30px; }
  .blog-body .blog-body-left {
    padding: 10px 10px 60px 10px;
    margin-bottom: 20px; }
    .blog-body .blog-body-left .blog-body-left--after-img {
      padding-left: 20px;
      padding-right: 20px; }
    .blog-body .blog-body-left .blog-body-left--img {
      width: 100%;
      height: 340px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
      -webkit-border-radius: 8px;
      border-radius: 8px; }
    .blog-body .blog-body-left .blog-body-left--dt {
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: 0.6px;
      color: var(--greyish-brown);
      margin-top: 28px;
      margin-bottom: 14px; }
    .blog-body .blog-body-left .blog-body-left--title {
      font-family: TTLimesSlab;
      font-size: 48px;
      line-height: 1.04;
      letter-spacing: 1.7px;
      color: var(--greyish-brown);
      margin-bottom: 28px; }
    .blog-body .blog-body-left .blog-body-left--text {
      font-family: EB Garamond;
      font-size: 18px;
      line-height: 1.56;
      letter-spacing: 0.7px;
      color: #333436; }
    .blog-body .blog-body-left .blog-body-left--h3 {
      font-family: TTLimesSlab;
      font-size: 28px;
      line-height: 1.21;
      letter-spacing: 1.7px;
      color: var(--greyish-brown);
      margin-top: 55px;
      margin-bottom: 10px; }
    .blog-body .blog-body-left .blog-body-left--h4 {
      font-family: TTLimesSlab;
      font-size: 20px;
      line-height: 1.0;
      letter-spacing: 1px;
      color: var(--greyish-brown);
      margin-top: 37px;
      margin-bottom: 18px; }
  .blog-body .blog-body-left--comments {
    padding: 40px 30px 45px 30px; }
    .blog-body .blog-body-left--comments .comment-one--img {
      width: 50px;
      height: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      float: left;
      background: #ccc;
      margin-right: 10px; }
    .blog-body .blog-body-left--comments .comment-one {
      margin-bottom: 28px; }
      .blog-body .blog-body-left--comments .comment-one .comment-one--first-line {
        margin-bottom: 17px;
        height: 50px;
        position: relative; }
        .blog-body .blog-body-left--comments .comment-one .comment-one--first-line .comment-one--name {
          font-family: TTLimesSlab;
          font-size: 20px;
          line-height: 1.0;
          letter-spacing: 1px;
          color: var(--greyish-brown);
          margin-top: 5px;
          margin-bottom: 4px; }
        .blog-body .blog-body-left--comments .comment-one .comment-one--first-line .comment-one--dt {
          font-family: EB Garamond;
          font-size: 12px;
          font-weight: 500;
          line-height: 1.33;
          letter-spacing: 0.6px;
          color: var(--brown-grey); }
        .blog-body .blog-body-left--comments .comment-one .comment-one--first-line .menu-more-button {
          position: absolute;
          width: 21px;
          height: 5px;
          cursor: pointer;
          background: url("../images/menu-more_2x.png");
          -webkit-background-size: cover;
                  background-size: cover;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
          transform: translateY(-3px); }
        .blog-body .blog-body-left--comments .comment-one .comment-one--first-line .menu-reply-button {
          position: absolute;
          width: 24px;
          height: 24px;
          cursor: pointer;
          background: url("../images/reply.svg") no-repeat;
          right: 46px;
          top: 50%;
          -webkit-transform: translateY(-12px);
          -ms-transform: translateY(-12px);
          transform: translateY(-12px); }
      .blog-body .blog-body-left--comments .comment-one .comment-one--text {
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: 0.7px;
        color: #333436;
        padding-left: 60px; }
    .blog-body .blog-body-left--comments .comment-one.reply {
      padding-left: 60px; }
    .blog-body .blog-body-left--comments .comment-form {
      height: 50px; }
      .blog-body .blog-body-left--comments .comment-form .comment-form--input {
        height: 100%;
        width: 590px;
        border: none;
        border-bottom: 2px solid var(--light-grey-two);
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: 0.7px;
        color: var(--greyish);
        outline: none;
        padding-left: 10px; }
      .blog-body .blog-body-left--comments .comment-form .blog-send-comment-button {
        cursor: pointer;
        width: 24px;
        height: 24px;
        background: url("../images/blog-send-comment.svg");
        float: right;
        margin-top: 13px; }
  .blog-body .blog-popular-banner {
    overflow: hidden; }
  .blog-body .blog-popular-banner img {
    width: 100%; }
  .blog-body .blog-popular-block {
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 40px; }
    .blog-body .blog-popular-block .blog-popular-block--title {
      padding-left: 20px;
      height: 70px;
      line-height: 70px;
      font-family: TTLimesSlab;
      font-size: 28px;
      letter-spacing: 1.7px;
      color: var(--greyish);
      -webkit-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(231, 230, 223, 0.5)), to(rgba(207, 205, 196, 0.5)));
      background-image: -webkit-linear-gradient(top, rgba(231, 230, 223, 0.5), rgba(207, 205, 196, 0.5));
      background-image: -o-linear-gradient(top, rgba(231, 230, 223, 0.5), rgba(207, 205, 196, 0.5));
      background-image: linear-gradient(to bottom, rgba(231, 230, 223, 0.5), rgba(207, 205, 196, 0.5)); }
    .blog-body .blog-popular-block .blog-popular--blogs {
      padding-left: 20px;
      padding-right: 20px; }
      .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one {
        padding-top: 55px;
        padding-bottom: 60px; }
        .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--title,
        .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--title a,
        .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--title a:hover,
        .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--title a:active,
        .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--title a:link {
          font-family: TTLimesSlab;
          font-size: 20px;
          line-height: 1.0;
          letter-spacing: 1px;
          color: var(--greyish-brown);
          margin-bottom: 12px;
          text-decoration: none; }
        .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--desc {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.43;
          letter-spacing: 0.7px;
          color: var(--greyish-brown); }
        .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--cnt-and-dt {
          margin-top: 19px; }
          .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--cnt-and-dt .blog-one--cnt {
            padding-left: 17px;
            position: relative;
            font-family: EB Garamond;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.33;
            letter-spacing: 0.6px;
            text-align: right;
            color: var(--greyish-brown);
            margin-right: 28px; }
          .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--cnt-and-dt .blog-one--cnt:before {
            content: '';
            position: absolute;
            width: 12px;
            height: 12px;
            left: 0;
            top: 2px;
            background: url("../images/blog-cnt-comments.svg"); }
          .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one .blog-one--cnt-and-dt .blog-one--dt {
            font-family: EB Garamond;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.33;
            letter-spacing: 0.6px;
            color: var(--greyish-brown); }
      .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one:first-child {
        padding-top: 37px; }
      .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one--link {
        display: block; }
      .blog-body .blog-popular-block .blog-popular--blogs .blog-popular--blog-one--link:not(:last-child) {
        border-bottom: 2px solid var(--light-grey-two); }
  .blog-body .right-blog .right-blog-body {
    position: relative; }
    .blog-body .right-blog .right-blog-body .right-blog-title {
      font-family: TTLimesSlab;
      font-size: 28px;
      line-height: 1.14;
      letter-spacing: 1.7px;
      color: var(--greyish-brown); }
    .blog-body .right-blog .right-blog-body .right-blog-text {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.43;
      letter-spacing: 0.7px;
      color: var(--greyish-brown);
      margin-top: 16px;
      padding-bottom: 65px; }
    .blog-body .right-blog .right-blog-body .right-blog-url {
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: 0.6px;
      color: var(--bluey-green);
      position: absolute;
      left: 0;
      bottom: 0; }
  .blog-body .right-blog-1 {
    padding: 0 30px 30px 30px;
    margin-bottom: 40px; }
  .blog-body .right-blog-2 {
    padding: 50px 0 30px 30px;
    position: relative; }
    .blog-body .right-blog-2 .right-blog-title {
      padding-bottom: 125px;
      width: 170px; }

.blog-body-nomargintop {
  margin-top: 0 !important; }

.blog-one--author-info {
  position: relative;
  margin-bottom: 30px;
  padding-top: 25px;
  padding-left: 100px;
  font-family: EB Garamond;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.6px;
  color: var(--greyish-brown);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  .blog-one--author-info .blog-one--author-info-avatar-wrap {
    width: 90px;
    height: 90px;
    background-color: white;
    -webkit-border-radius: 90px;
    border-radius: 90px;
    position: absolute;
    left: 0;
    top: -20px; }
    .blog-one--author-info .blog-one--author-info-avatar-wrap .blog-one--author-info-avatar {
      width: 70px;
      height: 70px;
      -webkit-border-radius: 70px;
      border-radius: 70px;
      margin-left: 10px;
      margin-top: 10px; }

.blog-author--big {
  margin-top: 30px !important;
  margin-bottom: 50px !important;
  padding: 20px; }
  .blog-author--big .blog-author--big-thumb {
    float: left;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 75px;
            border-radius: 75px;
    background-color: #C5C4BA;
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    background-repeat: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
  .blog-author--big .blog-author--big-thumb img {
    max-width: 150px;
    width: 100%; }
  .blog-author--big .blog-author--big-content {
    padding-top: 20px;
    margin-left: 170px; }
    .blog-author--big .blog-author--big-content h1 {
      margin-top: 0px;
      font-size: 1.4em; }

@media only screen and (min-width: 981px) {
  .container-custom-blogsmall {
    width: 780px; }
  .blog-author--big {
    margin-right: 32px; } }

@media only screen and (max-width: 640px) {
  .blog-author--big .blog-author--big-thumb {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .blog-author--big .blog-author--big-content {
    margin-left: 0px; } }

.blog-body-left--after-img .options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.blog-body-left--after-img .options-title {
  margin-right: 9px; }

.blog-body-left--after-img .options-value {
  font-family: EB Garamond;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: var(--black);
  text-align: center;
  padding-left: 11px;
  padding-right: 11px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
  display: inline-block;
  margin-right: 5px;
  height: 28px;
  line-height: 25px;
  margin-bottom: 5px;
  margin-top: 5px;
  cursor: pointer;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.1); }

.blog-body-left--after-img .options-value.age {
  background-color: rgba(248, 102, 102, 0.3);
  margin-right: 5px; }

.blog-body-left--after-img .options-value.genres {
  background-color: rgba(229, 191, 8, 0.3);
  margin-right: 5px; }

.blog-body-left--after-img .options-value.character {
  background-color: rgba(202, 149, 248, 0.3); }

.blog-body-left--after-img .options-value.duration {
  background-color: rgba(123, 217, 117, 0.3); }

.blog-body-left--after-img .options-value.trains {
  background-color: rgba(107, 210, 230, 0.3); }

.blog-body-left--after-img .options-value.educates {
  background-color: rgba(74, 144, 226, 0.3); }

.blog-body-left--after-img .blog-one--author-info {
  font-size: 14px;
  display: block;
  text-decoration: none; }

.blog-body-left--after-img .blog-one--author-info:hover {
  color: var(--greyish-brown); }
  .blog-body-left--after-img .blog-one--author-info:hover .blog-one--author-info-name {
    text-decoration: underline; }

.blog-body-left--after-img .blog-one--author-info-name {
  font-size: 16px;
  font-weight: bold; }

.blog-list ul.slick-dots {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 6px;
  right: 10px;
  white-space: nowrap; }

.blog-list ul.slick-dots li {
  list-style-type: none;
  padding: 0;
  margin: none;
  display: inline-block;
  line-height: 0; }

.blog-list .slick-dots li button {
  border: none;
  background: none;
  width: 24px;
  height: 24px;
  text-align: center;
  outline: none;
  overflow: hidden;
  position: relative; }

.blog-list .slick-dots li button:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  background: #E7E6DF;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  overflow: hidden; }

.blog-list .slick-dots li.slick-active button:before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
  background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
  background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
  background-image: linear-gradient(to top, #89c5bd, #c2dfc1); }

.blog-list .blog-one {
  margin-bottom: 40px;
  width: 354px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }
  .blog-list .blog-one a.blog-one--body {
    text-decoration: none;
    outline: none; }
  .blog-list .blog-one .blog-one--body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .blog-list .blog-one .blog-one--img {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .blog-list .blog-one .blog-one--title,
  .blog-list .blog-one .blog-one--title a,
  .blog-list .blog-one .blog-one--title a:hover,
  .blog-list .blog-one .blog-one--title a:active,
  .blog-list .blog-one .blog-one--title a:link {
    font-family: TTLimesSlab;
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: 1.7px;
    color: var(--greyish-brown); }
  .blog-list .blog-one .blog-one--title:not([id='permanent']) {
    margin-bottom: 25px; }
  .blog-list .blog-one .blog-one--desc {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.7px;
    color: var(--greyish-brown);
    margin-bottom: 43px; }
  .blog-list .blog-one .blog-one--dt-and-cnt {
    font-family: EB Garamond;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: var(--greyish-brown);
    height: 14px;
    line-height: 14px; }
    .blog-list .blog-one .blog-one--dt-and-cnt .blog-one--dt {
      margin-right: 27px; }
    .blog-list .blog-one .blog-one--dt-and-cnt .blog-one--cnt {
      padding-left: 17px;
      position: relative;
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.33;
      letter-spacing: 0.6px;
      text-align: right;
      color: var(--greyish-brown); }
    .blog-list .blog-one .blog-one--dt-and-cnt .blog-one--cnt:before {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      left: 0;
      top: 2px;
      background: url("../images/blog-cnt-comments.svg"); }
    .blog-list .blog-one .blog-one--dt-and-cnt .blog-one-carusel-button {
      float: right;
      width: 14px;
      height: 14px;
      -webkit-border-radius: 14px;
      border-radius: 14px;
      background-color: var(--light-grey-two);
      cursor: pointer;
      margin-left: 10px; }
    .blog-list .blog-one .blog-one--dt-and-cnt .blog-one-carusel-button.active {
      background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: linear-gradient(to top, #89c5bd, #c2dfc1); }

.blog-list .blog-one.type-1 {
  width: 748px;
  padding: 10px 30px 10px 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }
  .blog-list .blog-one.type-1 .blog-one--img {
    width: 350px;
    height: 340px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
    margin-right: 30px; }
  .blog-list .blog-one.type-1 .blog-one--body {
    padding-top: 30px;
    padding-bottom: 20px; }

.blog-list .blog-one.type-2 {
  padding: 30px; }

.blog-list .blog-one.type-3 {
  padding: 10px 10px 30px 10px; }
  .blog-list .blog-one.type-3 .blog-one--img {
    width: 100%;
    height: 170px;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
    margin-bottom: 40px; }

.blog-list .blog-one.type-3 .blog-one--body,
.blog-list .blog-one.type-5 .blog-one--body {
  padding-left: 20px;
  padding-right: 20px; }

.blog-list .blog-one.type-4 {
  padding: 0 30px 30px 30px; }

.blog-list .blog-one.type-5 {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 35px; }
  .blog-list .blog-one.type-5 .blog-one--img {
    width: 100%;
    height: 170px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
    margin-bottom: 50px; }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .blog-body {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
    .blog-body .blog-body--left {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important;
      width: 100% !important; }
    .blog-body .blog-body--right {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important;
      margin-left: 0 !important; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .blog-one.type-1 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    width: auto !important; }
    .blog-one.type-1 .blog-one--img {
      margin-right: 0 !important;
      width: 280px !important; }
  .blog-one {
    width: 280px !important;
    padding: 10px !important; }
  .blog-body--right {
    width: 280px !important;
    margin-bottom: 50px !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .blog-top-title {
    font-size: 40px !important;
    padding-top: 50px !important; }
  .blog-body {
    margin-top: -292px; } }

@media only screen and (min-width: 320px) and (max-width: 1200px) {
  .blog-one.type-1 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    width: auto !important; } }

.popup-my {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-color: white;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
  padding: 60px;
  position: relative; }
  .popup-my .popup-close {
    position: absolute;
    top: 28px;
    right: 30px;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    border: solid 2px var(--light-grey);
    background: url("../images/mini-close.svg") no-repeat 50% 50%;
    cursor: pointer; }
  .popup-my .popup-close.white {
    border: solid 2px #fff;
    background: url("../images/mini-close-white.svg") no-repeat 50% 50%; }

.promocode-copy-button {
  height: 30px;
  line-height: 30px;
  border: none;
  -webkit-border-radius: 15px;
          border-radius: 15px;
  font-family: TTLimesSlab;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.6187500357627869px;
  text-align: center;
  cursor: pointer;
  background: #E7E6DF;
  color: #444341;
  padding-left: 10px;
  padding-right: 10px;
  outline: none; }

.popup-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 760px; }
  .popup-1 .photo-wrap {
    width: 175px;
    text-align: center;
    margin-right: 24px; }
    .popup-1 .photo-wrap .photo {
      width: 175px;
      height: 175px;
      -webkit-border-radius: 175px;
      border-radius: 175px;
      background: #ccc;
      margin-bottom: 12px;
      -webkit-background-size: cover;
              background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .popup-1 .photo-wrap .change-photo-link {
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      color: var(--bluey-green);
      text-decoration: underline;
      font-weight: 400;
      cursor: pointer; }
  .popup-1 .text-14-grey {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.29;
    letter-spacing: 0.7px;
    color: var(--greyish); }
  .popup-1 .popup-right .input-wrap {
    width: 100%; }
    .popup-1 .popup-right .input-wrap .input-text {
      height: 50px;
      border: none;
      border-bottom: 2px solid #d8d8d8;
      font-family: TTLimesSlab;
      font-size: 48px;
      line-height: 1.04;
      letter-spacing: 1.7px;
      color: var(--greyish-brown);
      width: 100%;
      margin-top: 15px;
      outline: none; }
  .popup-1 .popup-right .input-wrap:first-child {
    margin-right: 30px; }
  .popup-1 .popup-right .gender-block {
    height: 50px;
    position: relative;
    margin-top: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .popup-1 .popup-right .gender-block .text-gender {
      line-height: 42px;
      margin-right: 12px; }
    .popup-1 .popup-right .gender-block .gender-button {
      width: 99px;
      height: 42px;
      line-height: 38px;
      text-align: center;
      background-color: white;
      border: solid 2px var(--light-grey);
      cursor: pointer;
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      color: var(--greyish); }
    .popup-1 .popup-right .gender-block .gender-button.gender-active {
      height: 50px;
      background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background: linear-gradient(to top, #89c5bd, #c2dfc1);
      top: -4px;
      color: white;
      line-height: 48px;
      border: none; }
    .popup-1 .popup-right .gender-block .gender-male {
      -webkit-border-radius: 20px 10px 10px 20px;
      border-radius: 20px 10px 10px 20px;
      margin-right: 2px; }
    .popup-1 .popup-right .gender-block .gender-male.gender-active {
      -webkit-border-radius: 30px 10px 10px 30px;
      border-radius: 30px 10px 10px 30px; }
    .popup-1 .popup-right .gender-block .gender-female {
      -webkit-border-radius: 10px 20px 20px 10px;
      border-radius: 10px 20px 20px 10px; }
    .popup-1 .popup-right .gender-block .gender-female.gender-active {
      -webkit-border-radius: 10px 30px 30px 10px;
      border-radius: 10px 30px 30px 10px; }
  .popup-1 .popup-right .birthday-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .popup-1 .popup-right .birthday-block .birthday-block--selects {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .popup-1 .popup-right .birthday-block .birthday-text {
      margin-right: 15px; }
    .popup-1 .popup-right .birthday-block select, .popup-1 .popup-right .birthday-block .custom-select__option--value {
      font-family: TTLimesSlab;
      font-size: 20px;
      line-height: 1.0;
      letter-spacing: 1px;
      color: var(--greyish-brown);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      background: transparent;
      margin-right: 15px;
      background: url("../images/down.svg") no-repeat right center;
      padding-right: 15px;
      outline: none; }
  .popup-1 .popup-right .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    height: 42px;
    line-height: 42px; }
    .popup-1 .popup-right .buttons .save-button {
      width: 180px;
      height: 42px;
      line-height: 38px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6px;
      text-align: center;
      color: white;
      -webkit-border-radius: 21px;
      border-radius: 21px;
      cursor: pointer;
      margin-right: 15px; }

.promocode {
  margin-bottom: 20px; }

.promocode_button {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font-family: EB Garamond;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: var(--bluey-green);
  outline: none;
  position: relative;
  padding-left: 32px;
  margin-top: -3px;
  text-align: left; }

.promocode_wrong_tarif .promocode_info {
  color: var(--grapefruit);
  text-decoration: line-through; }

.promocode_box {
  display: none;
  -webkit-border-radius: 21px;
          border-radius: 21px;
  background-image: -webkit-linear-gradient(291deg, #c1e1d3, #cee4cd);
  background-image: -o-linear-gradient(291deg, #c1e1d3, #cee4cd);
  background-image: linear-gradient(159deg, #c1e1d3, #cee4cd);
  -webkit-box-shadow: 0 4px 20px 0 rgba(65, 163, 118, 0.2);
          box-shadow: 0 4px 20px 0 rgba(65, 163, 118, 0.2);
  padding: 30px 20px 30px 30px;
  margin-top: 35px;
  font-family: EB Garamond;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: var(--black);
  position: relative; }
  .promocode_box .input-text-c {
    width: 240px;
    display: inline-block;
    margin-right: 20px;
    position: relative; }
  .promocode_box .input-text {
    width: 100%;
    font-family: TTLimesSlab;
    text-align: left;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9333333333333333;
    letter-spacing: 1.8214281797409058px;
    color: var(--greyish-brown);
    border: none;
    outline: none;
    border-bottom: 1px solid #444341;
    background: transparent; }
  .promocode_box .promocode_button_ok {
    height: 42px;
    line-height: 40px;
    margin: 0 auto;
    -webkit-border-radius: 20px;
            border-radius: 20px;
    padding-left: 60px;
    padding-right: 21px;
    font-family: TTLimesSlab;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.6187500357627869px;
    text-align: left;
    cursor: pointer;
    border: none;
    color: #60BCA5;
    outline: none;
    background: rgba(255, 255, 255, 0.9) url("../images/green-ok.svg") no-repeat 21px 50%; }

.promocode_circle {
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  left: -10px;
  top: -10px;
  background: #c1e1d3 url("../images/mini-close-white.svg") no-repeat 50% 50%; }

.promocode_button .promocode_circle {
  background: url("../images/plus-green.svg") no-repeat 50% 50%;
  background-color: transparent;
  top: -7px;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  transition: background-color .1s linear; }

.promocode_input .promocode_button {
  display: none; }

.promocode_input .promocode_box {
  display: block; }

@media only screen and (max-width: 640px) {
  .promocode_box {
    text-align: center; }
    .promocode_box .input-text-c {
      width: 100%;
      margin-bottom: 40px; } }

.popup-2 {
  width: 760px; }
  .popup-2 .payment-info {
    font-size: 24px; }
  .popup-2 .block-1 {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .popup-2 .block-1 .left {
      -webkit-flex-basis: 175px;
          -ms-flex-preferred-size: 175px;
              flex-basis: 175px;
      margin-right: 24px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      .popup-2 .block-1 .left label .duration {
        display: none; }
      .popup-2 .block-1 .left label .radio-custom {
        width: 175px;
        height: 119px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        background-color: var(--white);
        border: solid 2px var(--light-grey);
        position: relative;
        display: block; }
        .popup-2 .block-1 .left label .radio-custom .radio-custom--row-2 {
          font-size: 30px; }
      .popup-2 .block-1 .left label .radio-custom.year {
        margin-bottom: 20px; }
      .popup-2 .block-1 .left label .radio-custom {
        display: inline-block;
        vertical-align: middle;
        padding-left: 20px;
        padding-top: 40px;
        color: var(--greyish);
        font-weight: 400; }
        .popup-2 .block-1 .left label .radio-custom .radio-custom--row-1 {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          line-height: 1.29;
          letter-spacing: 0.7px;
          margin-bottom: 10px; }
        .popup-2 .block-1 .left label .radio-custom .radio-custom--row-2 {
          font-family: TTLimesSlab;
          letter-spacing: 2.3px;
          line-height: 0.8; }
      .popup-2 .block-1 .left label .radio-custom-discont {
        position: absolute;
        right: 0;
        bottom: 22px;
        width: 44px;
        height: 30px;
        line-height: 30px;
        -webkit-border-radius: 100px 0 0 100px;
        border-radius: 100px 0 0 100px;
        background-color: var(--light-grey);
        font-size: 14px;
        font-stretch: condensed;
        letter-spacing: 0.7px;
        text-align: center;
        color: white;
        font-weight: 400; }
      .popup-2 .block-1 .left label .radio-custom:after {
        content: '';
        position: absolute;
        top: 20px;
        right: 20px;
        width: 24px;
        height: 24px;
        -webkit-border-radius: 24px;
        border-radius: 24px;
        border: solid 2px var(--light-grey);
        background: #fff; }
      .popup-2 .block-1 .left label .duration:checked + .radio-custom::after {
        content: '';
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 24px;
        height: 24px;
        border: none;
        background: url("../images/radio.png") no-repeat; }
      .popup-2 .block-1 .left label .duration:checked + .radio-custom {
        -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.21);
                box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.21);
        border: solid 2px var(--greyblue);
        color: var(--greyish-brown) !important; }
    .popup-2 .block-1 .right {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
      .popup-2 .block-1 .right .title {
        font-family: TTLimesSlab;
        font-size: 48px;
        line-height: 1.04;
        letter-spacing: 1.7px;
        color: var(--greyish-brown);
        margin-bottom: 10px; }
      .popup-2 .block-1 .right .under-title {
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.56;
        letter-spacing: 0.7px;
        color: #333436;
        margin-bottom: 30px; }
      .popup-2 .block-1 .right .card-info {
        line-height: 38px;
        margin-bottom: 10px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .popup-2 .block-1 .right .card-info .card-info-desc {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: 0.7px;
          color: var(--greyish);
          margin-right: 10px;
          height: 38px;
          line-height: 38px; }
        .popup-2 .block-1 .right .card-info .card-info-visa-img {
          width: 54px;
          height: 38px;
          background: url("../images/visa.svg") no-repeat;
          margin-right: 10px; }
        .popup-2 .block-1 .right .card-info .card-number {
          height: 38px;
          line-height: 38px;
          margin-right: 40px; }
        .popup-2 .block-1 .right .card-info a.card-change-link {
          font-family: TTLimesSlab;
          font-size: 18px;
          letter-spacing: 0.6px;
          color: var(--bluey-green);
          text-decoration: underline; }
      .popup-2 .block-1 .right .checkbox-row {
        line-height: 24px;
        font-family: EB Garamond;
        font-size: 18px;
        letter-spacing: 0.7px;
        color: #333436;
        margin-bottom: 36px; }
        .popup-2 .block-1 .right .checkbox-row label {
          font-weight: 400 !important; }
      .popup-2 .block-1 .right .pay-button {
        width: 240px;
        height: 42px;
        line-height: 38px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background-image: linear-gradient(to top, #ee8439, #ff9f54);
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        text-align: center;
        color: white;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        cursor: pointer; }
      .popup-2 .block-1 .right .button-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 20px; }
        .popup-2 .block-1 .right .button-block .cards {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .popup-2 .block-1 .right .button-block .cards img:first-child {
            margin-bottom: 16px; }
      .popup-2 .block-1 .right .input-label {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2857142857142858;
        letter-spacing: 0.7000000476837158px;
        text-align: center;
        color: var(--greyish);
        margin-top: 50px;
        margin-bottom: 10px; }
      .popup-2 .block-1 .right .input-text {
        width: 120px;
        text-align: center;
        font-family: TTLimesSlab;
        font-size: 30px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.9333333333333333;
        letter-spacing: 1.8214281797409058px;
        color: var(--greyish-brown);
        border: none;
        outline: none;
        border-bottom: 1px solid #d8d8d8; }
      .popup-2 .block-1 .right .input-text-ed {
        font-family: TTLimesSlab;
        font-size: 30px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.9333333333333333;
        letter-spacing: 1.8214281797409058px;
        color: var(--greyish-brown);
        color: var(--greyish);
        border: none;
        outline: none;
        margin-right: 20px;
        padding-top: 8px; }
  .popup-2 .block-2 {
    overflow: auto; }
    .popup-2 .block-2 .payments-data {
      width: 670px; }
      .popup-2 .block-2 .payments-data .payments-data--row .payments-data--field {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        line-height: 2.6;
        letter-spacing: 0.7px;
        color: var(--greyish-brown);
        width: 20%;
        float: left; }
      .popup-2 .block-2 .payments-data .payments-data--row.top {
        border-bottom: 2px solid var(--light-grey-two); }

.popup-3 {
  padding: 40px 80px 70px 80px;
  text-align: center;
  width: 460px; }
  .popup-3 label.green-link {
    cursor: pointer; }
  .popup-3 .avatar-120 {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 120px;
            border-radius: 120px;
    margin: 0 auto;
    margin-bottom: 15px; }
  .popup-3 .input-label {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2857142857142858;
    letter-spacing: 0.7000000476837158px;
    text-align: left;
    color: var(--greyish); }
  .popup-3 .input-text {
    width: 100%;
    font-family: TTLimesSlab;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9333333333333333;
    letter-spacing: 1.8214281797409058px;
    color: var(--greyish-brown);
    border: none;
    outline: none;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px; }
  .popup-3 .settings-title {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2857142857142858;
    letter-spacing: 0.7000000476837158px;
    color: var(--greyish);
    text-align: left;
    margin-bottom: 10px; }
  .popup-3 .settings-subscribe-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    text-align: left; }
    .popup-3 .settings-subscribe-block .settings-text {
      margin-left: 5px; }
      .popup-3 .settings-subscribe-block .settings-text .settings-name {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.8;
        letter-spacing: 0.7px;
        color: var(--greyish-brown);
        margin-bottom: 5px; }
      .popup-3 .settings-subscribe-block .settings-text .settings-desc {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2857142857142858;
        letter-spacing: 0.7px;
        color: var(--greyish); }
  .popup-3 .settings-social-block .settings-social-block--flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .popup-3 .settings-social-block .settings-social-block--flex .social-btn {
      height: 42px;
      -webkit-border-radius: 20px;
              border-radius: 20px;
      background-color: rgba(207, 205, 196, 0.2);
      font-family: TTLimesSlab;
      font-size: 18px;
      letter-spacing: 0.6187500357627869px;
      text-align: center;
      color: var(--greyish);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      margin-left: 5px; }
      .popup-3 .settings-social-block .settings-social-block--flex .social-btn .social-btn--img {
        height: 24px;
        width: 24px;
        margin-right: 20px; }
    .popup-3 .settings-social-block .settings-social-block--flex .social-btn.active {
      cursor: pointer; }
    .popup-3 .settings-social-block .settings-social-block--flex .social-btn.social-btn--fb .social-btn--img {
      background: url("../images/settings-social-fb.svg") no-repeat; }
    .popup-3 .settings-social-block .settings-social-block--flex .social-btn.social-btn--fb.active {
      color: #fff;
      background-color: #3b5998; }
      .popup-3 .settings-social-block .settings-social-block--flex .social-btn.social-btn--fb.active .social-btn--img {
        background: url("../images/settings-social-fb--active.svg") no-repeat; }
    .popup-3 .settings-social-block .settings-social-block--flex .social-btn.social-btn--vk .social-btn--img {
      background: url("../images/settings-social-vk.svg") no-repeat; }
    .popup-3 .settings-social-block .settings-social-block--flex .social-btn.social-btn--vk.active {
      color: #fff;
      background-color: #4a76a8; }
      .popup-3 .settings-social-block .settings-social-block--flex .social-btn.social-btn--vk.active .social-btn--img {
        background: url("../images/settings-social-vk--active.svg") no-repeat; }
  .popup-3 .settings-social-block .settings-social-block--flex:first-child {
    margin-bottom: 15px; }
  .popup-3 .bottom-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 50px; }
    .popup-3 .bottom-links .change-pass-link {
      position: relative;
      padding-right: 20px; }
    .popup-3 .bottom-links .change-pass-link:after {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-6px);
          -ms-transform: translateY(-6px);
              transform: translateY(-6px);
      background: url("../images/down-green-dark.svg") no-repeat; }
    .popup-3 .bottom-links .change-pass-link.rotate:after {
      -webkit-transform: translateY(-6px) rotate(180deg);
          -ms-transform: translateY(-6px) rotate(180deg);
              transform: translateY(-6px) rotate(180deg); }
  .popup-3 .block-change-pass {
    display: none; }
    .popup-3 .block-change-pass input {
      font-size: 20px; }
    .popup-3 .block-change-pass .input-label {
      margin-bottom: 10px; }
  .popup-3 .bottom-button-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 42px;
    line-height: 38px;
    margin-top: 30px; }
    .popup-3 .bottom-button-block .bottom-button-block--button {
      width: 120px;
      height: 42px;
      line-height: 38px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      -webkit-border-radius: 21px;
              border-radius: 21px;
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.6187500357627869px;
      text-align: center;
      color: white;
      cursor: pointer;
      margin-right: 14px; }

.popup-4 {
  padding: 0;
  padding-bottom: 70px;
  width: 760px; }
  .popup-4 .book-bar-title {
    width: 60px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-family: EB Garamond;
    color: #8fbeb1; }
  .popup-4 .book-bar-hr {
    height: 4px;
    overflow: hidden;
    background: #E7E6DF;
    margin-top: 2px;
    margin-bottom: 5px;
    width: 80px; }
  .popup-4 .book-bar-description {
    width: 60px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-family: EB Garamond;
    color: #444341; }
  .popup-4 .book-bar {
    width: 60px;
    position: relative;
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: max-height 1.5s;
    -o-transition: max-height 1.5s;
    transition: max-height 1.5s; }
  .popup-4 .book-bar:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 500px;
    background: url("../images/book-bar.png") bottom left repeat-y;
    -webkit-background-size: contain;
            background-size: contain; }
  .popup-4 .popup-4--fon {
    height: 358px;
    background: url("../images/popup-fon-1.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    position: relative;
    padding-top: 90px;
    -webkit-border-radius: 20px;
            border-radius: 20px; }
    .popup-4 .popup-4--fon .statistic-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .popup-4 .popup-4--fon .statistic-block .stat {
        height: 100px;
        position: relative; }
        .popup-4 .popup-4--fon .statistic-block .stat .stat-num {
          font-family: TTLimesSlab;
          font-size: 64px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.0625;
          letter-spacing: 2.070588px;
          text-align: center;
          color: white; }
        .popup-4 .popup-4--fon .statistic-block .stat .stat-desc {
          font-family: TTLimesSlab;
          font-size: 30px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.4;
          letter-spacing: 1.0624996423721313px;
          color: #6ba194;
          position: absolute;
          bottom: 0;
          left: 0; }
      .popup-4 .popup-4--fon .statistic-block .stat-1 {
        font-family: TTLimesSlab;
        font-size: 48px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.0416666666666667;
        letter-spacing: 1.700000047683716px;
        color: white;
        margin-right: 55px;
        -webkit-flex-basis: 200px;
            -ms-flex-preferred-size: 200px;
                flex-basis: 200px; }
      .popup-4 .popup-4--fon .statistic-block .stat-2 {
        margin-right: 15px; }
      .popup-4 .popup-4--fon .statistic-block .stat-3 {
        width: 50px; }
  .popup-4 .row-1 {
    font-family: TTLimesSlab;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2142857142857142;
    letter-spacing: 1.700000047683716px;
    color: var(--greyish-brown);
    text-align: center;
    margin-top: -40px;
    position: relative;
    margin-bottom: 30px; }
    .popup-4 .row-1 select, .popup-4 .row-1 .custom-select__option--value {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      text-align: left;
      color: var(--bluey-green);
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      background: transparent;
      margin-right: 15px;
      background: url("../images/down-green-dark.svg") no-repeat right center;
      outline: none; }
  .popup-4 .row-2 {
    margin-left: 100px;
    margin-right: 100px;
    overflow-y: auto;
    margin-bottom: 50px; }
    .popup-4 .row-2 .stat-img {
      height: 200px;
      width: 900px;
      background: #f1f1f1; }
  .popup-4 .row-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    line-height: 50px;
    margin-bottom: 50px; }
    .popup-4 .row-3 .text {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown);
      margin-right: 15px; }
    .popup-4 .row-3 .option {
      width: 99px;
      height: 42px;
      line-height: 38px;
      text-align: center;
      background-color: white;
      border: solid 2px var(--light-grey);
      cursor: pointer;
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.6428571343421936px;
      color: var(--greyish); }
    .popup-4 .row-3 .option-1 {
      margin-right: 2px;
      -webkit-border-radius: 20px 10px 10px 20px;
              border-radius: 20px 10px 10px 20px; }
    .popup-4 .row-3 .option-2 {
      -webkit-border-radius: 10px 20px 20px 10px;
              border-radius: 10px 20px 20px 10px; }
    .popup-4 .row-3 .option.active {
      color: white;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
      height: 50px;
      line-height: 50px;
      border: none; }
    .popup-4 .row-3 .option-1.active {
      -webkit-border-radius: 35px 10px 10px 35px;
              border-radius: 35px 10px 10px 35px; }
    .popup-4 .row-3 .option-2.active {
      -webkit-border-radius: 10px 35px 35px 10px;
              border-radius: 10px 35px 35px 10px; }
  .popup-4 .row-4 {
    margin: 0 100px;
    margin-bottom: 70px;
    text-align: center; }
  .popup-4 .row-5 {
    font-family: TTLimesSlab;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2142857142857142;
    letter-spacing: 1.700000047683716px;
    color: var(--greyish-brown);
    text-align: center;
    margin-bottom: 50px; }
  .popup-4 .achievements {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .popup-4 .achievements .achievement {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 50px;
      width: 160px;
      text-align: center; }
      .popup-4 .achievements .achievement img {
        height: 70px; }
      .popup-4 .achievements .achievement .achievement-text {
        text-align: center;
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: 0.7000000476837158px;
        text-align: center;
        color: var(--greyish-brown);
        white-space: nowrap; }
    .popup-4 .achievements .achievement_inactive .achievement-text {
      color: var(--greyish); }
    .popup-4 .achievements .achievement_inactive img {
      -webkit-filter: saturate(0);
              filter: saturate(0);
      opacity: 0.3; }

.popup-5 {
  padding: 0;
  padding-bottom: 70px;
  width: 460px; }
  .popup-5 .popup-5--fon {
    position: relative;
    height: 260px;
    background: url("../images/popup-fon-2.png") no-repeat center bottom;
    -webkit-background-size: cover;
            background-size: cover;
    -webkit-border-radius: 20px;
            border-radius: 20px; }
    .popup-5 .popup-5--fon .row-1 {
      font-family: TTLimesSlab;
      font-size: 30px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 0.9333333333333333;
      letter-spacing: 1.8214281797409058px;
      text-align: center;
      color: white;
      padding-top: 50px; }
  .popup-5 .row-2 {
    width: 280px;
    font-family: EB Garamond;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5555555555555556;
    letter-spacing: 0.699999988079071px;
    text-align: center;
    color: var(--greyish);
    margin: 0 auto;
    margin-bottom: 35px;
    margin-top: -50px;
    position: relative; }
  .popup-5 .row-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 42px;
    line-height: 42px; }
    .popup-5 .row-3 .button-free {
      margin-right: 13px;
      width: 180px;
      height: 42px;
      line-height: 38px;
      -webkit-border-radius: 21px;
              border-radius: 21px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.6187500357627869px;
      text-align: center;
      color: white;
      cursor: pointer; }

.popup-6 {
  margin-top: 54px;
  width: 760px; }
  .popup-6 .block-title-mobile-show {
    display: none;
    text-align: center; }
  .popup-6 .exercises {
    display: none;
    height: 165px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px; }
    .popup-6 .exercises .exercise {
      -webkit-flex-basis: 219px;
          -ms-flex-preferred-size: 219px;
              flex-basis: 219px;
      position: relative;
      text-align: center; }
      .popup-6 .exercises .exercise .white-circle {
        width: 179px;
        height: 179px;
        background-color: #fff;
        -webkit-border-radius: 179px;
                border-radius: 179px;
        position: absolute;
        left: 19px;
        top: -82px;
        display: none; }
      .popup-6 .exercises .exercise .flex-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .popup-6 .exercises .exercise .flex-block .exercise-img {
          display: inline-block;
          margin-top: -18px;
          position: relative;
          margin-bottom: 40px; }
        .popup-6 .exercises .exercise .flex-block .flex-block--bottom-right .exercise-btn {
          width: 140px;
          height: 42px;
          line-height: 38px;
          -webkit-border-radius: 20px;
                  border-radius: 20px;
          background-color: var(--dusty-orange-two);
          font-family: TTLimesSlab;
          font-size: 18px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          letter-spacing: 0.6187500357627869px;
          text-align: center;
          color: white;
          cursor: pointer;
          margin: 0 auto;
          margin-bottom: 7px;
          position: relative; }
        .popup-6 .exercises .exercise .flex-block .flex-block--bottom-right .exercise-desc {
          font-family: EB Garamond;
          font-size: 14px;
          font-weight: 500;
          font-style: normal;
          font-stretch: normal;
          line-height: 1.1428571428571428;
          letter-spacing: 0.7000000476837158px;
          text-align: center;
          color: var(--greyish-brown); }
        .popup-6 .exercises .exercise .flex-block .exercise-desc-mobile-show {
          display: none; }
    .popup-6 .exercises .exercise.active .white-circle,
    .popup-6 .exercises .exercise:hover .white-circle {
      display: block; }
    .popup-6 .exercises .exercise.active .flex-block--bottom-right .exercise-btn {
      width: auto;
      background-color: transparent;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.6187500357627869px;
      text-align: center;
      color: #ef8940;
      cursor: default;
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    .popup-6 .exercises .exercise:not(:last-child) {
      border-right: 2px solid var(--light-grey-two); }
    .popup-6 .exercises .exercise:nth-child(1) .exercise-img {
      width: 71px;
      height: 70px;
      background: url("../images/exercises-1-auth.svg"); }
    .popup-6 .exercises .exercise:nth-child(1).active .exercise-img,
    .popup-6 .exercises .exercise:nth-child(1):hover .exercise-img {
      background: url("../images/exercises-1-auth-hover.svg"); }
    .popup-6 .exercises .exercise:nth-child(2) .exercise-img {
      width: 70px;
      height: 70px;
      background: url("../images/exercises-2-auth.svg"); }
    .popup-6 .exercises .exercise:nth-child(2).active .exercise-img,
    .popup-6 .exercises .exercise:nth-child(2):hover .exercise-img {
      background: url("../images/exercises-2-auth-hover.svg"); }
    .popup-6 .exercises .exercise:nth-child(3) .exercise-img {
      width: 70px;
      height: 70px;
      background: url("../images/exercises-3-auth.svg"); }
    .popup-6 .exercises .exercise:nth-child(3).active .exercise-img,
    .popup-6 .exercises .exercise:nth-child(3):hover .exercise-img {
      background: url("../images/exercises-3-auth-hover.svg"); }
  .popup-6 .text-block {
    width: 445px;
    margin: 0 auto; }
    .popup-6 .text-block .text-block--title {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown); }
    .popup-6 .text-block .text-block--txt {
      font-family: EB Garamond;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 2.3;
      letter-spacing: 0.699999988079071px;
      color: #333436;
      margin-bottom: 50px; }
  .popup-6 .btns-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 42px;
    line-height: 42px; }
    .popup-6 .btns-block .btn-open {
      margin-right: 20px;
      width: 200px;
      height: 42px;
      line-height: 38px;
      -webkit-border-radius: 24px;
              border-radius: 24px;
      border: solid 2px var(--light-grey);
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.6187500357627869px;
      text-align: center;
      color: var(--greyish); }
    .popup-6 .btns-block .btn-open.read-book {
      cursor: pointer; }
    .popup-6 .btns-block .btn-open.read-book:hover {
      cursor: pointer;
      border: solid 2px var(--bluey-green);
      color: var(--bluey-green); }
    .popup-6 .btns-block .btn-open.active {
      border: none;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
      color: white;
      cursor: pointer; }

#addProfileImages {
  display: none; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .popup-3 {
    width: 95% !important;
    padding: 40px 30px 70px 30px !important; }
  .popup-1 {
    width: 95% !important; }
  .popup-4 {
    width: 95% !important; }
  .popup-5 {
    width: 95% !important; }
  .popup-6 {
    width: 95% !important; } }

@media only screen and (min-width: 480px) and (max-width: 980px) {
  .popup-1 {
    width: 460px !important; }
  .popup-4 {
    width: 460px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .popup-1 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .popup-1 .photo-wrap {
      width: 100% !important;
      margin-bottom: 35px !important; }
      .popup-1 .photo-wrap .photo {
        margin: 0 auto !important; }
    .popup-1 .popup-right .input-wrap .input-text {
      font-size: 30px !important; }
    .popup-1 .popup-right .input-wrap:first-child {
      margin-bottom: 30px !important; }
    .popup-1 .popup-right .gender-block {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .popup-1 .popup-right .gender-block .text-gender {
        display: none !important; }
    .popup-1 .popup-right .birthday-block {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .popup-1 .popup-right .buttons {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .popup-2 {
    width: 95% !important; }
    .popup-2 .block-1 {
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -webkit-flex-direction: column !important;
          -ms-flex-direction: column !important;
              flex-direction: column !important; }
      .popup-2 .block-1 .left {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important; }
        .popup-2 .block-1 .left label .radio-custom {
          width: 140px !important; }
          .popup-2 .block-1 .left label .radio-custom .radio-custom--row-2 {
            font-size: 24px !important; }
        .popup-2 .block-1 .left label:first-child {
          margin-right: 20px; }
      .popup-2 .block-1 .right .title {
        font-size: 30px !important;
        text-align: center; }
      .popup-2 .block-1 .right .under-title {
        text-align: center; }
      .popup-2 .block-1 .right .button-block {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important; }
        .popup-2 .block-1 .right .button-block .cards {
          display: none !important; }
      .popup-2 .block-1 .right .card-info {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .popup-2 .block-1 .right .card-info .card-number {
          margin-right: 20px !important; }
      .popup-2 .block-1 .right .checkbox-row {
        text-align: center;
        font-size: 14px !important; }
  .popup-4 .popup-4--fon {
    padding-top: 40px !important; }
  .popup-4 .row-1 {
    margin-top: -50px !important;
    font-size: 22px !important; }
  .popup-4 .row-3 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    text-align: center;
    height: auto !important; }
    .popup-4 .row-3 .text {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      margin-bottom: 20px; }
  .popup-4 .row-4 {
    margin-right: 50px;
    margin-left: 50px; }
  .popup-4 .statistic-block {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .popup-4 .statistic-block .stat-1 {
      -webkit-flex-basis: 100% !important;
          -ms-flex-preferred-size: 100% !important;
              flex-basis: 100% !important;
      font-size: 30px !important;
      text-align: center !important;
      margin-right: 0 !important;
      white-space: nowrap;
      height: auto !important;
      margin-bottom: 20px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .popup-6.popup-my {
    padding-left: 20px !important;
    padding-right: 20px !important; } }

@media only screen and (min-width: 480px) and (max-width: 980px) {
  .popup-6 {
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .popup-6 .block-title-mobile-show {
    display: block !important;
    margin-bottom: 30px; }
    .popup-6 .block-title-mobile-show .title {
      font-family: TTLimesSlab;
      font-size: 38px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.105263157894737;
      letter-spacing: 1.345833px;
      color: var(--greyish-brown); }
    .popup-6 .block-title-mobile-show .sub-title {
      font-family: TTLimesSlab;
      font-size: 22px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2727272727272727;
      letter-spacing: 1.335714px;
      color: var(--greyish); }
  .popup-6 .exercises {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto !important; }
    .popup-6 .exercises .exercise {
      -webkit-flex-basis: auto !important;
          -ms-flex-preferred-size: auto !important;
              flex-basis: auto !important;
      border-right: none !important;
      padding-top: 30px;
      padding-bottom: 30px; }
      .popup-6 .exercises .exercise .white-circle {
        display: none !important; }
      .popup-6 .exercises .exercise .flex-block {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
            -ms-flex-direction: column !important;
                flex-direction: column !important;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .popup-6 .exercises .exercise .flex-block .exercise-img {
          margin-bottom: 0 !important;
          margin-right: 0 !important; }
        .popup-6 .exercises .exercise .flex-block .flex-block--bottom-right {
          margin-top: 10px !important; }
          .popup-6 .exercises .exercise .flex-block .flex-block--bottom-right .exercise-desc {
            text-align: left !important; }
          .popup-6 .exercises .exercise .flex-block .flex-block--bottom-right .exercise-btn {
            margin-bottom: 15px !important;
            text-align: center !important; }
    .popup-6 .exercises .exercise.active .exercise-desc-mobile-show {
      display: block !important;
      text-align: center;
      margin-top: 30px; }
      .popup-6 .exercises .exercise.active .exercise-desc-mobile-show .title {
        font-family: TTLimesSlab;
        font-size: 22px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2727272727272727;
        letter-spacing: 1.335714px;
        color: var(--greyish-brown);
        margin-bottom: 20px; }
      .popup-6 .exercises .exercise.active .exercise-desc-mobile-show .txt {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: 0.7px;
        color: var(--greyish-brown); }
    .popup-6 .exercises .exercise:not(:last-child) {
      border-bottom: 2px solid var(--light-grey-two); }
  .popup-6 .text-block {
    width: 80%;
    margin: 0 auto; }
  .popup-6 .btns-block {
    height: auto !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
    .popup-6 .btns-block .btn-open {
      margin-right: 0 !important; } }

@media only screen and (max-width: 640px) {
  .popup-4 .row-2 {
    margin-left: 10px;
    margin-right: 10px; }
  .popup-4 .row-4 {
    margin-left: 10px;
    margin-right: 10px; } }

.about-page {
  position: relative; }
  .about-page .block-top {
    padding-top: 385px; }
  .about-page .about-title {
    font-family: TTLimesSlab;
    font-size: 48px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.0416666666666667;
    letter-spacing: 1.700000047683716px;
    color: var(--greyish-brown);
    position: relative; }
  .about-page .about-title-800 {
    width: 800px; }
  .about-page .about-title-700 {
    width: 700px; }
  .about-page .about-text {
    font-family: EB Garamond;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5555555555555556;
    letter-spacing: 0.699999988079071px;
    color: #333436; }
  .about-page .about-title.white {
    color: white; }
  .about-page .about-page--top {
    background: url("../images/about-fon.jpg") no-repeat center -2px;
    -webkit-background-size: cover;
            background-size: cover;
    height: 1350px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .about-page .book-blocks .book-block-part {
    font-family: EB Garamond;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.699999988079071px;
    color: var(--greyish-brown);
    position: relative;
    padding-right: 30px; }
  .about-page .book-blocks .book-blocks--row-1,
  .about-page .book-blocks .book-blocks--row-2,
  .about-page .book-blocks .book-blocks--row-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .about-page .book-blocks .book-blocks--row-1 .book-block-part,
    .about-page .book-blocks .book-blocks--row-2 .book-block-part,
    .about-page .book-blocks .book-blocks--row-3 .book-block-part {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
    .about-page .book-blocks .book-blocks--row-1 .book-block-part-one,
    .about-page .book-blocks .book-blocks--row-2 .book-block-part-one,
    .about-page .book-blocks .book-blocks--row-3 .book-block-part-one {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .about-page .book-blocks .book-blocks--row-1 .book-block-part-two,
    .about-page .book-blocks .book-blocks--row-2 .book-block-part-two,
    .about-page .book-blocks .book-blocks--row-3 .book-block-part-two {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
  .about-page .book-blocks .book-blocks--row-1 div:nth-child(1) {
    padding-top: 40px; }
  .about-page .book-blocks .book-blocks--row-1 div:nth-child(1):before {
    content: '';
    position: absolute;
    width: 59px;
    height: 35px;
    top: 0;
    left: 0;
    background: url("../images/about-img-2.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-1 div:nth-child(2) {
    padding-top: 20px; }
  .about-page .book-blocks .book-blocks--row-1 div:nth-child(2):before {
    content: '';
    position: absolute;
    width: 96px;
    height: 54px;
    top: -20px;
    left: -55px;
    background: url("../images/about-img-3.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-1 div:nth-child(3):before {
    content: '';
    position: absolute;
    width: 32px;
    height: 61px;
    top: -25px;
    left: -40px;
    background: url("../images/about-img-4.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-2 div:nth-child(2) {
    padding-top: 60px; }
  .about-page .book-blocks .book-blocks--row-2 div:nth-child(2):before {
    content: '';
    position: absolute;
    width: 48px;
    height: 53px;
    top: 45px;
    left: -55px;
    background: url("../images/about-img-5.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-2 div:nth-child(3) {
    padding-top: 30px; }
  .about-page .book-blocks .book-blocks--row-2 div:nth-child(3):before {
    content: '';
    position: absolute;
    width: 67px;
    height: 61px;
    top: -15px;
    left: -35px;
    background: url("../images/about-img-6.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-2 div:nth-child(4):before {
    content: '';
    position: absolute;
    width: 47px;
    height: 76px;
    top: -30px;
    left: -55px;
    background: url("../images/about-img-7.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-3 div:nth-child(1) {
    padding-top: 90px; }
  .about-page .book-blocks .book-blocks--row-3 div:nth-child(1):before {
    content: '';
    position: absolute;
    width: 58px;
    height: 31px;
    top: 55px;
    left: 10px;
    background: url("../images/about-img-8.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-3 div:nth-child(2) {
    padding-top: 60px; }
  .about-page .book-blocks .book-blocks--row-3 div:nth-child(2):before {
    content: '';
    position: absolute;
    width: 33px;
    height: 47px;
    top: 30px;
    left: -35px;
    background: url("../images/about-img-9.png") no-repeat; }
  .about-page .book-blocks .book-blocks--row-3 div:nth-child(3) {
    padding-top: 30px; }
  .about-page .book-blocks .book-blocks--row-3 div:nth-child(3):before {
    content: '';
    position: absolute;
    width: 68px;
    height: 57px;
    top: -20px;
    left: -25px;
    background: url("../images/about-img-10.png") no-repeat; }
  .about-page .lis-knife-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .about-page .lis-knife-block .lis-knife {
      width: 275px;
      height: 297px;
      background: url("../images/about-img-11_2x.png") no-repeat right top;
      -webkit-background-size: cover;
              background-size: cover;
      position: relative;
      z-index: 2; }
    .about-page .lis-knife-block .lis-knife-say {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown);
      width: 580px;
      -webkit-border-radius: 40px;
              border-radius: 40px;
      background-color: white;
      -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
              box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);
      padding: 40px 55px 45px 60px;
      margin-left: -35px;
      z-index: 1; }
  .about-page .big-img-text {
    height: 560px;
    position: relative;
    width: 900px; }
    .about-page .big-img-text .book-single-1 {
      position: absolute;
      width: 486px;
      height: 395px;
      bottom: 20px;
      left: -50px;
      background: url("../images/about-img-12.png") no-repeat; }
    .about-page .big-img-text .book-single-2 {
      position: absolute;
      width: 93px;
      height: 93px;
      top: 170px;
      right: 55px;
      background: url("../images/about-img-16.png") no-repeat; }
    .about-page .big-img-text .book-single-3 {
      position: absolute;
      width: 65px;
      height: 72px;
      right: 20px;
      bottom: 25px;
      background: url("../images/about-img-20.png") no-repeat; }
    .about-page .big-img-text .book-single-4 {
      position: absolute;
      width: 58px;
      height: 64px;
      top: -60px;
      right: 145px;
      background: url("../images/about-img-21.png") no-repeat; }
    .about-page .big-img-text .book-block {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-family: TTLimesSlab;
      font-size: 20px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 0.9999999999999998;
      letter-spacing: 1px;
      position: absolute; }
    .about-page .big-img-text .book-block.book-block--1 {
      top: 60px; }
    .about-page .big-img-text .book-block.book-block--2 {
      top: 140px;
      left: 390px; }
    .about-page .big-img-text .book-block--3 {
      top: 45px;
      right: 75px; }
    .about-page .big-img-text .book-block--4 {
      top: 270px;
      right: 0; }
    .about-page .big-img-text .book-block--5 {
      bottom: 85px;
      right: 30px; }
    .about-page .big-img-text .book-block--6 {
      bottom: 0;
      right: 150px; }
    .about-page .big-img-text .book-block.red {
      color: var(--dusty-orange-two); }
    .about-page .big-img-text .book-block.green {
      color: var(--greyblue); }
  .about-page .about-page--bottom {
    background: url("../images/about-fon-2.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    margin-top: 25px;
    height: 1400px; }
    .about-page .about-page--bottom .about-page--bottom--container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .about-page .about-page--bottom .about-page--bottom--container .about-page--bottom--left {
        -webkit-box-flex: 6;
        -webkit-flex: 6;
            -ms-flex: 6;
                flex: 6; }
      .about-page .about-page--bottom .about-page--bottom--container .about-page--bottom--right {
        -webkit-box-flex: 4;
        -webkit-flex: 4;
            -ms-flex: 4;
                flex: 4; }
      .about-page .about-page--bottom .about-page--bottom--container .about-page--bottom--last {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
            -ms-flex: 2;
                flex: 2; }
    .about-page .about-page--bottom .features-list .feature {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      color: #b0d2c3;
      padding-left: 60px;
      margin-bottom: 40px;
      position: relative;
      cursor: pointer;
      padding-right: 170px; }
    .about-page .about-page--bottom .features-list .feature:before {
      position: absolute;
      width: 42px;
      height: 42px;
      border: solid 2px #b0d2c3;
      -webkit-border-radius: 42px;
              border-radius: 42px;
      font-family: TTLimesSlab;
      font-size: 28px;
      line-height: 42px;
      letter-spacing: 1px;
      text-align: center;
      color: #b0d2c3;
      left: 0;
      top: 0; }
    .about-page .about-page--bottom .features-list .feature.active:before {
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      color: white;
      border: none; }
    .about-page .about-page--bottom .features-list .feature.active {
      color: white; }
    .about-page .about-page--bottom .features-list .feature:nth-child(1):before {
      content: '1'; }
    .about-page .about-page--bottom .features-list .feature:nth-child(2):before {
      content: '2'; }
    .about-page .about-page--bottom .features-list .feature:nth-child(3):before {
      content: '3'; }
    .about-page .about-page--bottom .features-list .feature:nth-child(4):before {
      content: '4'; }
    .about-page .about-page--bottom .features-list .feature:nth-child(5):before {
      content: '5'; }
    .about-page .about-page--bottom .features-list .feature:nth-child(1):after {
      position: absolute;
      content: '';
      width: 180px;
      height: 103px;
      background: url("../images/about-line-1.png");
      z-index: 0;
      display: block;
      right: 0;
      bottom: -54px; }
    .about-page .about-page--bottom .features-list .feature:nth-child(2):after {
      position: absolute;
      content: '';
      width: 204px;
      height: 113px;
      background: url("../images/about-line-2.png");
      z-index: 0;
      display: block;
      right: 0;
      bottom: -25px; }
    .about-page .about-page--bottom .features-list .feature:nth-child(3):after {
      position: absolute;
      content: '';
      width: 176px;
      height: 36px;
      background: url("../images/about-line-3.png");
      z-index: 0;
      display: block;
      right: 0;
      bottom: 7px; }
    .about-page .about-page--bottom .features-list .feature:nth-child(4):after {
      position: absolute;
      content: '';
      width: 179px;
      height: 96px;
      background: url("../images/about-line-4.png");
      z-index: 0;
      display: block;
      right: 0;
      bottom: -3px; }
    .about-page .about-page--bottom .features-list .feature:nth-child(5):after {
      position: absolute;
      content: '';
      width: 183px;
      height: 113px;
      background: url("../images/about-line-5.png");
      z-index: 0;
      display: block;
      right: 0;
      bottom: -29px; }
    .about-page .about-page--bottom .about-cards {
      position: relative;
      height: 1200px; }
      .about-page .about-page--bottom .about-cards .about-card {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 5; }
      .about-page .about-page--bottom .about-cards .about-card.active {
        z-index: 10 !important; }
      .about-page .about-page--bottom .about-cards .about-card_:nth-child(1):after {
        position: absolute;
        content: '';
        top: 275px;
        left: -130px;
        width: 180px;
        height: 103px;
        background: url("../images/about-line-1.png"); }
      .about-page .about-page--bottom .about-cards .about-card:nth-child(2) {
        z-index: 4;
        top: 120px; }
      .about-page .about-page--bottom .about-cards .about-card_:nth-child(2):after {
        position: absolute;
        content: '';
        top: 297px;
        left: -154px;
        width: 204px;
        height: 113px;
        background: url("../images/about-line-2.png"); }
      .about-page .about-page--bottom .about-cards .about-card:nth-child(3) {
        z-index: 3;
        top: 240px; }
      .about-page .about-page--bottom .about-cards .about-card_:nth-child(3):after {
        position: absolute;
        content: '';
        top: 313px;
        left: -126px;
        width: 176px;
        height: 36px;
        background: url("../images/about-line-3.png"); }
      .about-page .about-page--bottom .about-cards .about-card:nth-child(4) {
        z-index: 2;
        top: 360px; }
      .about-page .about-page--bottom .about-cards .about-card_:nth-child(4):after {
        position: absolute;
        content: '';
        top: 260px;
        left: -130px;
        width: 179px;
        height: 96px;
        background: url("../images/about-line-4.png"); }
      .about-page .about-page--bottom .about-cards .about-card:nth-child(5) {
        z-index: 1;
        top: 480px; }
      .about-page .about-page--bottom .about-cards .about-card_:nth-child(5):after {
        position: absolute;
        content: '';
        top: 300px;
        left: -133px;
        width: 183px;
        height: 113px;
        background: url("../images/about-line-5.png"); }
  .about-page .last-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .about-page .last-block .last-block--left {
      -webkit-box-flex: 8;
      -webkit-flex: 8;
          -ms-flex: 8;
              flex: 8; }
    .about-page .last-block .last-block--right {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3; }
      .about-page .last-block .last-block--right .last-block--right-img {
        width: 253px;
        height: 351px;
        background: url("../images/about-lis-glasses_2x.png") no-repeat 50%;
        -webkit-background-size: cover;
                background-size: cover; }
    .about-page .last-block .last-block--last {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .about-page--top {
    height: 400px !important; }
  .block-top {
    padding-top: 160px !important; }
  .book-block {
    width: 100% !important; }
  .about-title {
    font-size: 36px !important; }
  .about-page--bottom {
    height: 1700px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .about-title {
    width: auto !important; }
  .book-blocks--row-1,
  .book-blocks--row-2,
  .book-blocks--row-3 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .book-blocks--row-1 .book-block-part,
    .book-blocks--row-2 .book-block-part,
    .book-blocks--row-3 .book-block-part {
      padding-top: 20px !important; }
  .lis-knife-block {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .big-img-text {
    width: 100% !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
    .big-img-text .book-single-1,
    .big-img-text .book-single-2,
    .big-img-text .book-single-3,
    .big-img-text .book-single-4 {
      display: none !important; }
    .big-img-text .book-block {
      position: relative !important;
      -webkit-flex-basis: 100% !important;
          -ms-flex-preferred-size: 100% !important;
              flex-basis: 100% !important;
      top: 0 !important;
      left: 0 !important;
      bottom: 0 !important;
      right: 0 !important;
      margin-bottom: 20px !important; }
  .about-title.about-title-700 {
    margin-bottom: 40px !important; }
  .about-page--bottom--right {
    display: none !important; }
  .feature {
    padding-right: 0 !important; }
  .feature:after {
    display: none !important; }
  .about-card:after {
    display: none !important; }
  .about-page--bottom--left {
    padding-top: 230px !important; }
  .last-block {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .last-block .last-block--left {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important; }
    .last-block .last-block--right {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important; }
    .last-block .last-block--last {
      display: none !important; }
  .feature {
    color: white !important;
    cursor: default !important; }
  .feature:before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54)) !important;
    background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54) !important;
    background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54) !important;
    background-image: linear-gradient(to top, #ee8439, #ff9f54) !important;
    color: white !important;
    border: none !important; }
  .about-page--top {
    background-position: -52px -2px !important; }
  .book-blocks .book-blocks--row-1 div:nth-child(1):before,
  .book-blocks .book-blocks--row-1 div:nth-child(2):before,
  .book-blocks .book-blocks--row-1 div:nth-child(3):before,
  .book-blocks .book-blocks--row-2 div:nth-child(2):before,
  .book-blocks .book-blocks--row-2 div:nth-child(3):before,
  .book-blocks .book-blocks--row-2 div:nth-child(4):before,
  .book-blocks .book-blocks--row-3 div:nth-child(1):before,
  .book-blocks .book-blocks--row-3 div:nth-child(2):before,
  .book-blocks .book-blocks--row-3 div:nth-child(3):before {
    width: 10px !important;
    height: 10px !important;
    background: var(--dusty-orange-two) !important;
    -webkit-border-radius: 10px !important;
            border-radius: 10px !important;
    left: 10px !important;
    top: 27px !important; }
  .book-block-part {
    padding-left: 30px !important; } }

@media only screen and (min-width: 320px) and (max-width: 1200px) {
  .book-block-part.hide-mini {
    display: none !important; }
  .about-page--bottom--last {
    display: none !important; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .about-page--top {
    height: 600px !important; }
  .block-top {
    padding-top: 170px !important; }
  .about-title {
    font-size: 30px !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .about-page--top {
    height: 800px !important; }
  .block-top {
    padding-top: 250px !important; } }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
  .about-page--top {
    height: 1300px !important; }
  .block-top {
    padding-top: 350px !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .lis-knife-say {
    width: auto !important; } }

.mobile-menu-wrap {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow-y: scroll; }
  .mobile-menu-wrap .mobile-menu {
    padding: 60px 15px 15px 10px;
    position: relative; }
    .mobile-menu-wrap .mobile-menu .close-button {
      margin-bottom: 15px;
      width: 24px;
      height: 24px;
      background: url("../images/mobile-menu-close.svg");
      cursor: pointer;
      position: absolute;
      left: 10px;
      top: 15px; }
    .mobile-menu-wrap .mobile-menu a.mobile-menu--link {
      display: block;
      font-family: TTLimesSlab;
      font-size: 22px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 2;
      letter-spacing: 1.3px;
      color: var(--greyish-brown);
      text-decoration: none; }
    .mobile-menu-wrap .mobile-menu .sep1,
    .mobile-menu-wrap .mobile-menu .sep2 {
      width: 100px;
      height: 2px;
      -webkit-border-radius: 1px;
      border-radius: 1px;
      background-color: var(--light-grey-two);
      margin-top: 30px;
      margin-bottom: 30px; }
    .mobile-menu-wrap .mobile-menu .text-16-bold,
    .mobile-menu-wrap .mobile-menu a.text-16-bold {
      font-family: EB Garamond;
      font-size: 16px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2;
      letter-spacing: 0.8px;
      color: var(--greyish);
      display: block; }
    .mobile-menu-wrap .mobile-menu a.text-16-bold {
      text-decoration: none; }
    .mobile-menu-wrap .mobile-menu a.text-16-bold.quit {
      margin-top: 20px;
      padding-left: 17px;
      position: relative; }
    .mobile-menu-wrap .mobile-menu a.text-16-bold.quit:after {
      width: 12px;
      height: 12px;
      content: '';
      position: absolute;
      left: 0;
      top: 4px;
      background: url("../images/mini-quit_2x.png");
      -webkit-background-size: cover;
      background-size: cover; }
    .mobile-menu-wrap .mobile-menu .text-12 {
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.3;
      letter-spacing: 0.6px;
      color: var(--brown-grey);
      margin-top: 10px;
      margin-bottom: 10px; }
    .mobile-menu-wrap .mobile-menu .free-week-button {
      margin-top: 19px;
      width: 162px;
      height: 42px;
      line-height: 42px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.6px;
      text-align: center;
      color: white;
      cursor: pointer;
      -webkit-border-radius: 21px;
      border-radius: 21px; }

.mobile-menu.not-authorize:after {
  position: absolute;
  content: '';
  right: 10px;
  bottom: 15px;
  width: 157px;
  height: 175px;
  background: url("../images/mobile-menu-lis-1_2x.png");
  -webkit-background-size: cover;
          background-size: cover; }

.mobile-menu.authorize:after {
  position: absolute;
  content: '';
  width: 144px;
  height: 128px;
  background: url("../images/mobile-menu-lis-2_2x.png");
  right: 0;
  bottom: 25px;
  -webkit-background-size: cover;
          background-size: cover; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .mobile-menu-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .mobile-menu-wrap .mobile-menu.not-authorize {
      padding-bottom: 175px; }
    .mobile-menu-wrap .mobile-menu.authorize {
      padding-bottom: 45px; } }

@media only screen and (min-width: 480px) and (max-width: 640px) {
  .mobile-menu-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .mobile-menu-wrap .sep1 {
      display: none !important; }
  .mobile-menu-wrap .mobile-menu.not-authorize {
    padding-bottom: 84px; }
  .mobile-menu-wrap .mobile-menu.authorize {
    padding-bottom: 34px; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .mobile-menu-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 300px !important; }
    .mobile-menu-wrap .mobile-menu.not-authorize {
      padding-bottom: 175px; }
    .mobile-menu-wrap .mobile-menu.authorize {
      padding-bottom: 45px; } }

@media only screen and (min-width: 980px) {
  .mobile-menu-wrap {
    display: none !important; } }

.auth-register-forgot .page-form {
  width: 240px;
  margin: 0 auto;
  text-align: left; }
  .auth-register-forgot .page-form .input-label {
    font-family: EB Garamond;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2857142857142858;
    letter-spacing: 0.7000000476837158px;
    color: var(--greyish); }
  .auth-register-forgot .page-form .form-input {
    height: 30px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #d8d8d8;
    font-family: TTLimesSlab;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9999999999999998;
    letter-spacing: 1px;
    color: var(--greyish-brown);
    background: transparent;
    outline: none; }
  .auth-register-forgot .page-form .form-input[type=password] {
    font-size: 12px; }
  .auth-register-forgot .page-form .form-block {
    margin-bottom: 20px; }

.auth-register-forgot .auth-page {
  height: 1530px;
  background: url("../images/auth-fon.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center top;
  margin-bottom: -400px; }
  .auth-register-forgot .auth-page .auth-page-form-lis {
    margin: 0 auto;
    height: 840px;
    background: url("../images/auth-fon--lis_2x.png") no-repeat center 27px;
    -webkit-background-size: contain;
            background-size: contain;
    padding-top: 27px; }
    .auth-register-forgot .auth-page .auth-page-form-lis .auth-page--title {
      text-align: center;
      font-family: TTLimesSlab;
      font-size: 48px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.0416666666666667;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown);
      padding-top: 310px;
      margin-bottom: 50px; }
    .auth-register-forgot .auth-page .auth-page-form-lis .page-form .button-auth-block {
      height: 42px; }
      .auth-register-forgot .auth-page .auth-page-form-lis .page-form .button-auth-block .button-auth {
        float: left;
        width: 120px;
        height: 42px;
        line-height: 38px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background-image: linear-gradient(to top, #ee8439, #ff9f54);
        font-family: TTLimesSlab;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 0.6187500357627869px;
        text-align: center;
        color: white;
        -webkit-border-radius: 20px;
                border-radius: 20px;
        cursor: pointer; }
      .auth-register-forgot .auth-page .auth-page-form-lis .page-form .button-auth-block .remember-checkbox {
        float: right;
        height: 42px;
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.1428571428571428;
        letter-spacing: 0.7px;
        color: var(--greyish-brown);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
    .auth-register-forgot .auth-page .auth-page-form-lis .page-form .link-forgot {
      float: left; }
    .auth-register-forgot .auth-page .auth-page-form-lis .page-form .link-register {
      float: right; }
    .auth-register-forgot .auth-page .auth-page-form-lis .page-form .auth-social {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      height: 24px;
      line-height: 24px;
      letter-spacing: 0.7px;
      color: var(--greyish-brown);
      margin-top: 40px; }
      .auth-register-forgot .auth-page .auth-page-form-lis .page-form .auth-social .auth-social--fb,
      .auth-register-forgot .auth-page .auth-page-form-lis .page-form .auth-social .auth-social--vk {
        width: 24px;
        height: 24px;
        cursor: pointer;
        float: right; }
      .auth-register-forgot .auth-page .auth-page-form-lis .page-form .auth-social .auth-social--fb {
        background: url("../images/auth-social-fb.svg"); }
      .auth-register-forgot .auth-page .auth-page-form-lis .page-form .auth-social .auth-social--vk {
        background: url("../images/auth-social-vk.svg");
        margin-left: 5px; }
      .auth-register-forgot .auth-page .auth-page-form-lis .page-form .auth-social .auth-social--text {
        float: left; }

.auth-register-forgot .auth-register {
  height: 1390px;
  background: url("../images/register-fon.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  background-position: center top;
  margin-bottom: -400px;
  padding-top: 112px; }
  .auth-register-forgot .auth-register .auth-register--body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .auth-register-forgot .auth-register .auth-register--body .auth-register--egg {
      background: var(--white);
      width: 400px;
      padding-bottom: 80px;
      text-align: center; }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg .egg-title-48 {
        font-family: TTLimesSlab;
        font-size: 48px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.0416666666666667;
        letter-spacing: 1.700000047683716px;
        color: var(--greyish-brown);
        margin-bottom: 5px; }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg .egg-text-18 {
        font-family: EB Garamond;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2857142857142858;
        letter-spacing: 0.7px;
        color: var(--greyish); }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg .register-social {
        width: 240px;
        height: 42px;
        line-height: 40px;
        margin: 0 auto;
        margin-bottom: 20px;
        -webkit-border-radius: 20px;
                border-radius: 20px;
        padding-left: 60px;
        font-family: TTLimesSlab;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 0.6187500357627869px;
        text-align: left;
        cursor: pointer; }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg .register-social.register-social--fb {
        color: #3b5998;
        background: rgba(207, 205, 196, 0.2) url("../images/register-social-fb.svg") no-repeat 21px 50%; }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg .register-social.register-social--vk {
        color: #4a76a8;
        background: rgba(207, 205, 196, 0.2) url("../images/register-social-vk.svg") no-repeat 21px 50%; }
    .auth-register-forgot .auth-register .auth-register--body .auth-register--lis-or {
      font-family: TTLimesSlab;
      font-size: 28px;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      color: var(--greyblue);
      width: 293px;
      height: 393px;
      background: url("../images/register-lis_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      padding-top: 285px;
      padding-left: 163px;
      z-index: 1;
      position: relative;
      margin-left: -185px;
      margin-right: -95px; }
    .auth-register-forgot .auth-register .auth-register--body .auth-register--egg-left {
      margin-right: 28px;
      padding-top: 100px;
      position: relative;
      width: 452px;
      height: 480px;
      background: url("../images/register-egg-1.png") no-repeat;
      z-index: 2;
      margin-top: 80px; }
    .auth-register-forgot .auth-register .auth-register--body .auth-register--egg-right {
      padding-top: 90px;
      background: url("../images/register-egg-2.png") no-repeat;
      width: 456px;
      height: 619px;
      position: relative;
      z-index: 2;
      margin-top: 80px; }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg-right .egg-letter-img {
        width: 85px;
        height: 52px;
        background: url("../images/register-letter.png") no-repeat;
        margin: 0 auto;
        margin-bottom: 15px; }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg-right .register-button {
        height: 42px;
        line-height: 38px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background-image: linear-gradient(to top, #ee8439, #ff9f54);
        -webkit-border-radius: 20px;
                border-radius: 20px;
        font-family: TTLimesSlab;
        font-size: 18px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 0.6187500357627869px;
        text-align: center;
        color: white;
        cursor: pointer;
        margin-bottom: 12px; }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg-right .personal-data-info,
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg-right .personal-data-info a {
        font-family: EB Garamond;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.3333333333333333;
        letter-spacing: 0.6000000238418579px;
        text-align: center;
        color: var(--brown-grey); }
      .auth-register-forgot .auth-register .auth-register--body .auth-register--egg-right .personal-data-info a {
        text-decoration: underline; }

.auth-register-forgot .auth-password {
  height: 1530px;
  background: url("../images/password-fon.png") center top;
  -webkit-background-size: cover;
          background-size: cover;
  margin-bottom: -400px;
  padding-top: 100px; }
  .auth-register-forgot .auth-password .auth-password--lis {
    margin: 0 auto;
    height: 730px;
    background: url("../images/password-lis.png") no-repeat center top;
    padding-top: 260px; }
    .auth-register-forgot .auth-password .auth-password--lis .password-title {
      font-family: TTLimesSlab;
      font-size: 48px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.0416666666666667;
      letter-spacing: 1.700000047683716px;
      text-align: center;
      color: var(--greyish-brown);
      white-space: nowrap;
      margin-bottom: 7px; }
    .auth-register-forgot .auth-password .auth-password--lis .password-desc {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2857142857142858;
      letter-spacing: 0.7px;
      color: var(--greyish);
      margin-bottom: 30px; }
    .auth-register-forgot .auth-password .auth-password--lis .password-button {
      height: 42px;
      line-height: 38px;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
      background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
      background-image: linear-gradient(to top, #ee8439, #ff9f54);
      -webkit-border-radius: 20px;
              border-radius: 20px;
      font-family: TTLimesSlab;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.6187500357627869px;
      text-align: center;
      color: white;
      cursor: pointer;
      margin-top: 22px;
      margin-bottom: 45px; }
    .auth-register-forgot .auth-password .auth-password--lis .password-links {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .auth-register--body {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
  .auth-register {
    padding-top: 0 !important;
    margin-bottom: -250px !important; }
  .auth-register--egg-left {
    margin-top: 30px !important;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .auth-register--lis-or {
    display: none !important; }
  .auth-register--egg-right {
    margin-top: 0 !important;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .auth-page-form-lis {
    -webkit-background-size: cover !important;
            background-size: cover !important; } }

.map-development {
  overflow-x: hidden; }
  .map-development .fade-out-small {
    height: 100px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 247, 244, 0)), to(#f8f7f4));
    background-image: -webkit-linear-gradient(rgba(248, 247, 244, 0), #f8f7f4);
    background-image: -o-linear-gradient(rgba(248, 247, 244, 0), #f8f7f4);
    background-image: linear-gradient(rgba(248, 247, 244, 0), #f8f7f4);
    position: relative; }
  .map-development .more-articles-flex {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .map-development .more-articles-flex .more-articles-flex--1 {
      -webkit-box-flex: 10;
      -webkit-flex: 10;
          -ms-flex: 10;
              flex: 10; }
    .map-development .more-articles-flex .more-articles-flex--2 {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2; }
  .map-development .big-title {
    font-family: TTLimesSlab;
    font-size: 90px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9555555555555556;
    letter-spacing: 3.0999999046325684px;
    text-align: center;
    color: var(--greyish-brown);
    margin: 100px 100px 36px 100px; }
  .map-development .text-grey {
    font-family: EB Garamond;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5555555555555556;
    letter-spacing: 0.699999988079071px;
    text-align: center;
    color: var(--greyish); }
  .map-development .bubbles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .map-development .bubbles .bubbles-left {
      width: 395px; }
    .map-development .bubbles .bubbles-lis {
      padding: 0 20px 20px 20px; }
      .map-development .bubbles .bubbles-lis .bubbles-lis--desc {
        font-family: TTLimesSlab;
        font-size: 28px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2142857142857142;
        letter-spacing: 1.700000047683716px;
        text-align: center;
        color: var(--greyish);
        margin-top: 15px; }
    .map-development .bubbles .bubbles-right {
      width: 395px; }
  .map-development .map-fon-1 {
    background: url("../images/map-img-1.png") no-repeat center top;
    width: 100%;
    -webkit-background-size: cover;
            background-size: cover;
    padding-top: 175px;
    margin-top: -200px;
    position: relative; }
    .map-development .map-fon-1 .articles-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      .map-development .map-fon-1 .articles-flex .articles-flex--left {
        -webkit-box-flex: 8;
        -webkit-flex: 8;
            -ms-flex: 8;
                flex: 8;
        margin-right: 40px; }
      .map-development .map-fon-1 .articles-flex .articles-flex--right {
        -webkit-box-flex: 4;
        -webkit-flex: 4;
            -ms-flex: 4;
                flex: 4; }
    .map-development .map-fon-1 .white-block.white-block--1:after {
      content: '';
      position: absolute;
      width: 34px;
      height: 76px;
      background: url("../images/map-img-2.png") no-repeat;
      top: 30px;
      right: 40px; }
    .map-development .map-fon-1 .white-block.white-block--2 {
      margin-bottom: 40px; }
    .map-development .map-fon-1 .white-block.white-block--2:after {
      content: '';
      position: absolute;
      width: 51px;
      height: 62px;
      background: url("../images/map-img-3.png") no-repeat;
      top: 30px;
      right: 40px; }
    .map-development .map-fon-1 .white-block.white-block--right:after {
      content: '';
      position: absolute;
      width: 61px;
      height: 62px;
      background: url("../images/map-img-4.png") no-repeat;
      top: 20px;
      right: 20px; }
    .map-development .map-fon-1 .title {
      padding-right: 80px;
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      letter-spacing: 1.7000000476837158px;
      color: var(--greyish-brown);
      margin-bottom: 15px; }
    .map-development .map-fon-1 .items .item-one {
      font-family: EB Garamond;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.699999988079071px;
      text-align: left;
      color: #333436; }
    .map-development .map-fon-1 .items .item-one:not(:last-child) {
      border-bottom: 2px solid var(--light-grey-two);
      padding-bottom: 25px; }
    .map-development .map-fon-1 .items .item-one:not(:first-child) {
      padding-top: 25px; }
  .map-development .map-fon-1.fade-out {
    height: 1000px;
    overflow: hidden; }
  .map-development .map-fon-1.fade-out:after {
    content: '';
    position: absolute;
    height: 430px;
    width: 100%;
    background: url("../images/fade.png") no-repeat;
    left: 0;
    bottom: 0; }
  .map-development .more-interesting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .map-development .articles-hand-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 130px; }
    .map-development .articles-hand-block .articles-hand-block--left {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-right: 40px; }
    .map-development .articles-hand-block .articles-hand-block--right {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .map-development .white-block {
    -webkit-border-radius: 15px;
            border-radius: 15px;
    background-color: white;
    -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
    padding: 30px 30px 40px 30px;
    position: relative; }
    .map-development .white-block .white-block--title {
      font-family: TTLimesSlab;
      font-size: 48px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.0416666666666667;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown); }
    .map-development .white-block .white-block--title.with-img {
      padding-right: 80px; }
    .map-development .white-block .white-block--subtitle {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.1428571428571428;
      letter-spacing: 0.699999988079071px;
      color: var(--dusty-orange-two);
      margin-top: 10px;
      margin-bottom: 10px;
      padding-right: 80px; }
    .map-development .white-block .white-block--subtitle.grey {
      color: var(--greyish); }
    .map-development .white-block .white-block--text {
      font-family: EB Garamond;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5555555555555556;
      letter-spacing: 0.699999988079071px;
      color: #333436; }
  .map-development .advices-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .map-development .advices-block .advices-block--left {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .map-development .advices-block .advices-block--right {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end; }
  .map-development .white-block-2 {
    width: 360px;
    padding: 30px 30px 40px 30px;
    font-family: EB Garamond;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5555555555555556;
    letter-spacing: 0.699999988079071px;
    color: #333436;
    margin-right: 40px;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    background-color: white;
    -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04); }
    .map-development .white-block-2 .title {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown);
      margin-bottom: 15px; }
  .map-development .white-block-2.advice-1 {
    background: white url("../images/map-advice-1.png") no-repeat 30px 30px; }
  .map-development .white-block-2.advice-2 {
    background: white url("../images/map-advice-2.png") no-repeat 30px 30px; }
  .map-development .white-block-2.advice-3 {
    background: white url("../images/map-advice-3.png") no-repeat 30px 30px; }
  .map-development .white-block-2.advice-4 {
    background: white url("../images/map-advice-4.png") no-repeat 30px 30px; }
  .map-development .white-block-2.advice-5 {
    background: white url("../images/map-advice-5.png") no-repeat 30px 30px; }
  .map-development .white-block-2.with-img {
    padding-top: 100px; }
  .map-development .map-fon-2 {
    background: url("../images/map-img-5.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover; }
  .map-development .recommendations-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .map-development .recommendations-block .recommendations-left {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1; }
    .map-development .recommendations-block .recommendations-right {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
  .map-development .block-title {
    font-family: TTLimesSlab;
    font-size: 48px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 1.659999966621399px;
    color: var(--greyish-brown); }
  .map-development .block-title.white {
    color: white; }
  .map-development .rm-text-block {
    -webkit-border-radius: 15px;
            border-radius: 15px;
    background-color: white;
    -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
            box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
    padding: 30px;
    padding-bottom: 50px;
    max-width: 760px;
    margin: 0 auto; }
    .map-development .rm-text-block .rm-title {
      font-family: TTLimesSlab;
      font-size: 48px;
      line-height: 1.0416666666666667;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown);
      margin-bottom: 10px; }
    .map-development .rm-text-block .rm-text {
      font-family: EB Garamond;
      font-size: 18px;
      line-height: 1.5555555555555556;
      letter-spacing: 0.699999988079071px;
      color: #333436; }
  .map-development .scissors {
    height: 99px;
    background: url("../images/scissors.png") no-repeat center;
    -webkit-background-size: cover;
            background-size: cover;
    margin-bottom: 50px; }
  .map-development .subscribe-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .map-development .subscribe-info .subscribe-info--left {
      -webkit-box-flex: 6;
      -webkit-flex: 6;
          -ms-flex: 6;
              flex: 6;
      padding-left: 100px; }
      .map-development .subscribe-info .subscribe-info--left .title {
        font-family: TTLimesSlab;
        font-size: 48px;
        line-height: 1.0416666666666667;
        letter-spacing: 1.7000000476837158px;
        color: var(--greyish-brown);
        margin-bottom: 30px; }
      .map-development .subscribe-info .subscribe-info--left .text {
        font-family: EB Garamond;
        font-size: 18px;
        line-height: 1.5555555555555556;
        letter-spacing: 0.699999988079071px;
        color: #333436; }
    .map-development .subscribe-info .subscribe-info--right {
      background: url("../images/about-method-img-9_2x.png") no-repeat center;
      -webkit-background-size: contain;
              background-size: contain;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
          -ms-flex: 3;
              flex: 3;
      height: 205px; }
  .map-development .slider-recomend-leisure {
    min-height: 294px; }
  .map-development .slider-recomend-development {
    min-height: 364px; }

.roadmap_ani_start {
  -webkit-border-radius: 260px;
          border-radius: 260px;
  position: absolute;
  cursor: pointer;
  width: 120px;
  height: 120px;
  font-size: 1.5em;
  background: #B0D8C2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -50px;
  z-index: 10;
  text-align: center;
  line-height: 1em; }

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

.roadmap_tag_simple {
  display: inline-block;
  white-space: nowrap;
  font-family: EB Garamond;
  font-size: 14px;
  letter-spacing: 0.7px;
  color: var(--black);
  height: 28px;
  line-height: 24px;
  background-color: var(--light-grey-two);
  padding-left: 12px;
  padding-right: 12px;
  -webkit-border-radius: 45px;
  border-radius: 45px;
  margin-right: 20px;
  margin-bottom: 12px; }

.roadmap_tag_simple--pointer {
  cursor: pointer; }

.roadmap_tag_simple--active {
  -webkit-box-shadow: 0 0 0 4px #FE9E53;
          box-shadow: 0 0 0 4px #FE9E53;
  display: none; }

.roadmap_tag_simple--activeparent {
  display: none !important; }

.roadmap_tag {
  white-space: nowrap;
  font-family: EB Garamond;
  font-size: 16px;
  letter-spacing: 0.7px;
  color: var(--black);
  line-height: 13px;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  position: absolute !important;
  display: block;
  background: #C3D8EF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }

.roadmap_tag_pointer {
  cursor: pointer; }

.roadmap_tag, .roadmap_tag a {
  color: var(--black); }

.roadmap_tag--skill {
  background: #CDECF1; }

.roadmap_tag--moral {
  background: #C3D8EF; }

@media only screen and (min-width: 981px) {
  .map-development .scale {
    width: 100%;
    height: 86px;
    -webkit-border-radius: 43px;
            border-radius: 43px;
    background-color: white;
    -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
    margin-left: -30px;
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 11px 32px; }
    .map-development .scale .scale-item {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      text-align: center;
      margin-right: 22px;
      font-family: TTLimesSlab;
      font-size: 22px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      height: 64px;
      line-height: 64px;
      letter-spacing: 1.3942264318466187px;
      color: var(--bluey-green);
      position: relative; }
    .map-development .scale .scale-item:before {
      content: '';
      position: absolute;
      width: 2px;
      height: 40px;
      background-color: var(--light-grey-two);
      right: -10px;
      top: 12px; }
    .map-development .scale .scale-item:last-child:before {
      display: none; }
    .map-development .scale .scale-item.active {
      color: white;
      background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
      background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
      background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
      -webkit-border-radius: 8px;
              border-radius: 8px; }
    .map-development .scale .scale-item:not(.active) {
      cursor: pointer; }
    .map-development .scale .scale-item:not(.active):hover {
      text-decoration: underline; } }

@media only screen and (min-width: 1201px) {
  .map-development .scale {
    width: 1220px; }
    .map-development .scale .scale-item {
      font-size: 28px; } }

@media only screen and (max-width: 980px) {
  .body_noscroll_roadmap {
    position: fixed !important; }
  .map-development .row-filter-menu-small {
    display: block; }
  .map-development .filter-menu-item-header-small {
    display: block; }
  .map-development .filter-menu-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .map-development .black-screen--visible {
    display: block;
    opacity: 1; }
  .map-development .row-filter-menu-small {
    margin: 20px auto;
    max-width: 640px; }
  .map-development .bubbles-left {
    margin-bottom: 50px; }
  .map-development .bubbles {
    padding-top: 50px; }
  .map-development .bubbles-lis--desc {
    position: absolute !important;
    top: -50px !important;
    left: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    text-align: center !important; }
  .map-development .scale-wrap .scale {
    margin-left: 0 !important; }
  .map-development .scale-wrap {
    padding-bottom: 20px;
    margin-top: 30px; }
  .map-development .scale--visible {
    display: block !important;
    left: 0 !important; }
  .map-development .scale {
    position: fixed;
    left: -100%;
    -webkit-transition: left 0.3s linear 0s;
    -o-transition: left 0.3s linear 0s;
    transition: left 0.3s linear 0s;
    top: 10%;
    width: 80%;
    max-width: 440px;
    height: auto;
    z-index: 1001;
    overflow: hidden;
    -webkit-border-radius: 0 20px 20px 0;
            border-radius: 0 20px 20px 0;
    background-color: #f8f7f4; }
    .map-development .scale .scale-item:first-child {
      border-top: none; }
    .map-development .scale .scale-item {
      display: block;
      text-decoration: none;
      font-family: EB Garamond;
      border-top: 2px solid #e8e7e0;
      text-align: left;
      padding-left: 22px;
      font-size: 18px;
      letter-spacing: 1.4px;
      line-height: 20px;
      color: var(--greyish-brown);
      cursor: pointer;
      padding-right: 30px;
      padding-top: 13px;
      padding-bottom: 15px; }
    .map-development .scale .scale-item:before {
      content: '';
      position: absolute;
      width: 24px;
      height: 24px;
      background: url("../images/off.svg");
      background-sizing: contain;
      right: 12%;
      margin-top: -2px;
      cursor: pointer; }
    .map-development .scale .scale-item.active:before {
      background: url("../images/on.svg"); } }

.roadmap-info-first-no-user-c {
  padding: 0 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 100px; }

.roadmap-info-first-no-user-img {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  margin-bottom: 20px; }

.roadmap-info-first-no-user-text {
  text-align: left;
  padding: 0 20px;
  -webkit-box-flex: 6;
  -webkit-flex: 6;
      -ms-flex: 6;
          flex: 6; }

@media only screen and (max-width: 980px) {
  .roadmap-info-first-no-user-c {
    display: block;
    padding: 0 0px;
    margin-bottom: 50px; }
  .roadmap-info-first-no-user-text {
    padding: 0; }
  .roadmap-info-first-no-user-img {
    margin-top: 20px;
    text-align: center; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .articles-flex--left,
  .articles-flex--right {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
        -ms-flex: 1 !important;
            flex: 1 !important; }
  .articles-hand-block--right {
    background: url("/fc-static/images/about-img-22.png") no-repeat 0 90px !important;
    -webkit-background-size: contain !important;
            background-size: contain !important; }
  .white-block-2 {
    -webkit-flex-basis: 260px !important;
        -ms-flex-preferred-size: 260px !important;
            flex-basis: 260px !important;
    width: 260px !important; }
  .more-interesting {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
  .white-block--title {
    font-size: 40px !important; }
  .block-title {
    font-size: 40px !important; }
  .slider-recomend-leisure {
    min-height: 440px !important; }
  .slider-recomend-development {
    min-height: 505px !important; } }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .subscribe-info {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; }
    .subscribe-info .subscribe-info--left,
    .subscribe-info .subscribe-info--right {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important;
      width: 100% !important; }
  .more-articles-flex {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important; }
    .more-articles-flex .more-articles-flex--1 {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important;
      margin-bottom: 20px !important; }
    .more-articles-flex .more-articles-flex--2 {
      -webkit-box-flex: 1 !important;
      -webkit-flex: 1 !important;
          -ms-flex: 1 !important;
              flex: 1 !important; }
  .big-title {
    font-size: 44px !important; }
  .white-block--title.with-img {
    padding-right: 70px !important; }
  .articles-flex--left,
  .articles-hand-block--left {
    margin-right: 0 !important; }
  .articles-hand-block {
    margin-top: 40px !important; }
  .subscribe-info--left .title {
    font-size: 40px !important; } }

@media only screen and (min-width: 320px) and (max-width: 980px) {
  .map-fon-1 {
    padding-top: 225px !important; }
  .subscribe-info--left {
    padding-left: 0 !important; }
  .recommendations-left {
    margin-top: -40px !important; }
  .map-development .big-title {
    margin-left: 0;
    margin-right: 0; } }

@media only screen and (min-width: 640px) and (max-width: 1200px) {
  .scale-wrap {
    overflow-x: auto;
    width: 100% !important; }
    .scale-wrap .scale {
      margin-left: 15px !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .big-title {
    font-size: 60px !important; } }

.page-404 {
  height: 1530px;
  background: url(../images/password-fon.png) center top;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: -500px;
  padding-top: 100px; }
  .page-404 .lis-egg {
    height: 730px;
    background: url(../images/password-lis.png) no-repeat center;
    margin: 0 auto;
    padding-top: 300px; }
    .page-404 .lis-egg .row-1,
    .page-404 .lis-egg .row-2,
    .page-404 .lis-egg .row-3,
    .page-404 .lis-egg .row-4 {
      text-align: center; }
    .page-404 .lis-egg .row-1 {
      font-family: TTLimesSlab;
      font-size: 90px;
      line-height: 0.9555555555555556;
      letter-spacing: 3.099999904632568px;
      color: var(--greyish-brown); }
    .page-404 .lis-egg .row-2 {
      font-family: TTLimesSlab;
      font-size: 20px;
      line-height: 0.9999999999999998;
      letter-spacing: 1px;
      color: var(--greyish-brown);
      margin-bottom: 40px; }
    .page-404 .lis-egg .row-3 {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.2857142857142858;
      letter-spacing: 0.7000000476837158px;
      color: var(--greyish);
      margin-bottom: 15px; }

a.green-link {
  font-family: TTLimesSlab;
  font-size: 18px;
  letter-spacing: 0.6px;
  color: var(--bluey-green) !important;
  text-decoration: underline; }

a.green-link-onlycolor {
  color: var(--bluey-green) !important;
  text-decoration: underline; }

input[type=text]:not(.input-not-black),
input[type=password] {
  outline: none !important;
  color: var(--greyish-brown) !important; }

.title-48 {
  font-family: TTLimesSlab;
  font-size: 48px;
  line-height: 1.04;
  letter-spacing: 1.7px;
  color: var(--greyish-brown); }

.block-manage-button {
  width: 59px;
  height: 42px;
  border: solid 2px var(--light-grey);
  cursor: pointer;
  opacity: 0.2;
  background: url("../images/next.svg") no-repeat 50% 50%;
  -webkit-border-radius: 15px 33px 33px 15px;
  border-radius: 15px 33px 33px 15px; }

.block-manage-button.active {
  background: #fff url("../images/next.svg") no-repeat 50% 50%;
  opacity: 1; }

.block-manage-button.next {
  margin-left: 2px; }

.block-manage-button.prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 38px; }

.green-fon .block-manage-button {
  width: 59px;
  height: 42px;
  cursor: pointer;
  opacity: 0.2;
  background: #fff url("../images/next-green.svg") no-repeat 50% 50%;
  -webkit-border-radius: 15px 33px 33px 15px;
  border-radius: 15px 33px 33px 15px;
  border: 0; }

.green-fon .block-manage-button.active {
  opacity: 1; }

.green-fon .block-manage-button.next {
  margin-left: 2px; }

.green-fon .block-manage-button.prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 38px; }

.tms-noafter:after {
  content: none !important; }

.cards-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative; }
  .cards-list .ups {
    margin: 0 auto;
    padding-top: 310px;
    background: url("../images/ups.png") no-repeat center top;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 20px; }
    .cards-list .ups .ups-28 {
      font-family: TTLimesSlab;
      font-size: 28px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2142857142857142;
      letter-spacing: 1.700000047683716px;
      color: var(--greyish-brown);
      margin-top: 10px;
      margin-bottom: 6px; }
    .cards-list .ups .ups-14 {
      font-family: EB Garamond;
      font-size: 14px;
      font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.2857142857142858;
      letter-spacing: 0.7px;
      color: var(--greyish); }
  .cards-list .card a .card-info span,
  .cards-list .card a:focus .card-info span,
  .cards-list .card a:hover .card-info span {
    text-decoration: none !important;
    display: inline-block; }
  .cards-list .card {
    width: 200px;
    height: 380px;
    margin-bottom: -20px;
    margin-left: 18px;
    margin-right: 17px;
    position: relative; }
    .cards-list .card .card-hover {
      background: #fff; }
    .cards-list .card .card-container {
      position: relative; }
      .cards-list .card .card-container .card-graph {
        width: 200px;
        position: relative;
        background: #fff;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        max-height: 267px;
        -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
                box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04); }
        .cards-list .card .card-container .card-graph .white-hover {
          position: absolute;
          top: -10px;
          left: -10px;
          width: 220px;
          background: #fff;
          -webkit-border-radius: 15px;
                  border-radius: 15px;
          z-index: 2;
          box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
          -moz-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
          -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
          visibility: hidden;
          opacity: 0;
          -webkit-transition: opacity 0.1s linear 0s;
          -o-transition: opacity 0.1s linear 0s;
          transition: opacity 0.1s linear 0s; }
        .cards-list .card .card-container .card-graph .card-img {
          margin-left: 10px;
          margin-top: 10px;
          margin-bottom: 10px;
          max-height: 247px;
          width: 180px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          border-top: 1px solid var(--light-grey-two);
          border-left: 1px solid var(--light-grey-two);
          border-right: 1px solid var(--light-grey-two);
          position: relative;
          z-index: 2; }
        .cards-list .card .card-container .card-graph .card-button-add-icon,
        .cards-list .card .card-container .card-graph .card-button-fav-icon {
          position: absolute;
          bottom: 10px;
          z-index: 4; }
        .cards-list .card .card-container .card-graph .card-button-add-icon {
          left: 10px; }
        .cards-list .card .card-container .card-graph .card-button-fav-icon {
          right: 10px; }
      .cards-list .card .card-container .card-graph:after {
        content: '';
        position: absolute;
        left: 7px;
        bottom: 6px;
        width: 185px;
        height: 42px;
        background: url("../images/cart-bottom_x2.png");
        -webkit-background-size: cover;
        background-size: cover;
        z-index: 2; }
      .cards-list .card .card-container .card-graph-noafter:after {
        content: none !important; }
    .cards-list .card .card-info {
      padding-top: 14px; }
      .cards-list .card .card-info .card-author {
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        overflow: hidden; }
      .cards-list .card .card-info .card-name {
        overflow: hidden;
        position: relative;
        line-height: 20px !important;
        max-height: 40px;
        padding-right: 1em !important; }
        .cards-list .card .card-info .card-name:before {
          content: '...';
          position: absolute;
          right: 0;
          bottom: 0; }
        .cards-list .card .card-info .card-name:after {
          content: '';
          position: absolute;
          right: 0;
          width: 1em;
          height: 1em;
          margin-top: 0.2em;
          background: #F8F7F4; }
      .cards-list .card .card-info .card-name span {
        display: inline !important; }
      .cards-list .card .card-info .card-name {
        font-family: EB Garamond;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: 0.8px;
        color: var(--greyish-brown);
        margin-bottom: 3px;
        padding-left: 8px;
        padding-right: 8px;
        position: relative;
        z-index: 3; }
      .cards-list .card .card-info .card-author {
        font-family: EB Garamond;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.33;
        letter-spacing: 0.6px;
        color: var(--brown-grey);
        padding-left: 8px;
        padding-right: 8px;
        position: relative;
        z-index: 3; }
    .cards-list .card .card-hide {
      width: 220px;
      background: #fff;
      padding-top: 16px;
      position: relative;
      margin-left: -10px;
      margin-bottom: -15px;
      z-index: 9999;
      padding-bottom: 20px;
      padding-right: 10px;
      padding-left: 10px;
      -webkit-border-radius: 0 0 15px 15px;
      border-radius: 0 0 15px 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity 0.1s linear 0s;
      -o-transition: opacity 0.1s linear 0s;
      transition: opacity 0.1s linear 0s; }
      .cards-list .card .card-hide .button-read {
        margin-left: 10px;
        width: 100px;
        height: 42px;
        line-height: 39px;
        background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background: linear-gradient(to top, #ee8439, #ff9f54);
        text-align: center;
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        color: white;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        cursor: pointer; }
      .cards-list .card .card-hide .card-link {
        margin-right: 10px;
        z-index: 9999;
        line-height: 1;
        padding-left: 8px; }
  .cards-list .card:hover .card-graph {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .cards-list .card:hover .card-info .card-name:after {
    display: none; }
  .cards-list .card:hover .card-info .card-name:before {
    display: none; }
  .cards-list .card:hover .card-info .card-name {
    max-height: none !important; }
  .cards-list .card:hover .card-hide,
  .cards-list .card:hover .white-hover {
    visibility: visible !important;
    opacity: 1 !important; }
  .cards-list .card.selection {
    width: 440px; }
    .cards-list .card.selection .card-container .card-graph {
      width: 440px;
      height: 280px;
      max-height: none;
      padding-top: 10px;
      position: relative; }
      .cards-list .card.selection .card-container .card-graph .white-hover {
        width: 460px;
        height: 405px;
        -webkit-border-radius: 15px 15px 0 0 !important;
                border-radius: 15px 15px 0 0 !important; }
      .cards-list .card.selection .card-container .card-graph .card-img {
        width: 420px;
        height: 260px;
        border: 1px solid var(--light-grey-two);
        margin-top: 0;
        margin-bottom: 0;
        max-height: none; }
    .cards-list .card.selection .card-container .card-graph:after {
      content: '';
      position: absolute;
      left: unset;
      right: 8px;
      bottom: 7px;
      z-index: 2;
      background: url("../images/selection-bottom_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover;
      width: 41px !important;
      height: 42px !important; }
    .cards-list .card.selection .card-hide {
      padding-bottom: 27px;
      width: 460px;
      bottom: -7px;
      padding-left: 20px; }
      .cards-list .card.selection .card-hide .card-link {
        padding-left: 0 !important; }

.cards-list.mixed .card .card-container {
  height: 267px; }
  .cards-list.mixed .card .card-container .card-graph {
    position: absolute;
    bottom: 0;
    left: 0; }

.cards-list:not(.one-row) {
  margin-left: -20px; }

.cards-list.one-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .cards-list.one-row .card {
    margin-left: 0;
    margin-right: 40px; }

.container-white-round-corner {
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: white;
  -webkit-box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04);
          box-shadow: 0 5px 20px 10px rgba(0, 0, 0, 0.04); }

input[type=checkbox] {
  display: none !important; }

.checkbox-custom {
  position: relative;
  width: 24px;
  height: 24px;
  border: 2px solid var(--greyblue);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-right: 5px; }

.checkbox-custom,
.label {
  display: inline-block;
  vertical-align: middle; }

input[type=checkbox]:checked + .checkbox-custom:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/checkbox.png");
  width: 24px;
  height: 24px; }

input[type=checkbox]:checked + .checkbox-custom {
  border: none; }

.slider-wrap {
  white-space: nowrap;
  height: 342px;
  width: 130%;
  overflow-x: hidden; }

.body-overflow {
  overflow-x: hidden; }

.crowd-button {
  height: 42px;
  line-height: 38px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
  background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
  background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
  background-image: linear-gradient(to top, #ee8439, #ff9f54);
  font-family: TTLimesSlab;
  font-size: 18px;
  letter-spacing: 0.6px;
  text-align: center;
  color: white;
  -webkit-border-radius: 21px;
  border-radius: 21px;
  cursor: pointer;
  padding-right: 20px;
  padding-left: 20px;
  display: inline-block; }

.week-free-form-wrap {
  margin-bottom: 140px; }
  .week-free-form-wrap .week-free {
    margin: 0 auto;
    width: 90%;
    -webkit-border-radius: 43px;
    border-radius: 43px;
    background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: linear-gradient(to top, #89c5bd, #c2dfc1);
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 25px 22px 25px 41px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .week-free-form-wrap .week-free .week-free-form-desc {
      font-family: TTLimesSlab;
      font-size: 28px;
      letter-spacing: 1.7px;
      color: white; }
    .week-free-form-wrap .week-free .week-free-form {
      height: 42px;
      line-height: 42px;
      position: relative;
      width: 360px; }
      .week-free-form-wrap .week-free .week-free-form input[type=text] {
        width: 100%;
        height: 42px;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        background-color: var(--white);
        border: 0;
        padding-left: 24px;
        padding-right: 170px;
        font-family: EB Garamond;
        font-size: 18px;
        letter-spacing: 0.7px;
        outline: none; }
      .week-free-form-wrap .week-free .week-free-form .week-free-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 42px;
        width: 162px;
        line-height: 42px;
        text-align: center;
        background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background: linear-gradient(to top, #ee8439, #ff9f54);
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        color: white;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        cursor: pointer; }

.add-icon,
.fav-icon {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  border: solid 2px var(--light-grey);
  position: relative; }

.close-icon {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
          border-radius: 24px;
  border: solid 2px var(--light-grey);
  position: relative;
  cursor: pointer;
  background: #fff url("../images/mini-close.svg") no-repeat;
  background-position: 50%;
  display: inline-block; }

.close-icon:hover {
  background: #fff url("../images/mini-close-red.svg") no-repeat;
  background-position: 50%;
  border-color: #F86666; }

.fav-icon:not(.phantom),
.add-icon:not(.phantom) {
  cursor: pointer; }

.add-icon.big,
.fav-icon.big {
  width: 42px;
  height: 42px; }

.add-icon.big {
  margin-right: 5px; }

.add-icon {
  background: #fff url("../images/mini-add2.svg") no-repeat;
  background-position: 50%;
  display: inline-block; }

.add-icon:not(.phantom):before,
.fav-icon:not(.phantom):before {
  content: '';
  position: absolute;
  width: 53px;
  height: 7px;
  left: 50%;
  -webkit-transform: translateX(-26px);
      -ms-transform: translateX(-26px);
          transform: translateX(-26px);
  bottom: -13px;
  background: url("../images/card-icon-hover-top.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s; }

.icon-nobeforeafter:after {
  content: none !important;
  display: none !important; }

.icon-nobeforeafter:before {
  content: none !important;
  display: none !important; }

.fav-icon:not(.phantom):after {
  content: 'Добавить в избранное';
  position: absolute;
  left: -78px;
  bottom: -53px;
  height: 40px;
  width: 180px;
  line-height: 40px;
  background-color: var(--brown-grey);
  font-family: EB Garamond;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.7px;
  text-align: center;
  color: white;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  white-space: nowrap;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s; }

.fav-icon-disabled:after {
  display: none !important; }

.iconhint {
  position: absolute;
  left: 50%;
  bottom: -53px;
  height: 40px;
  width: 180px;
  -webkit-transform: translateX(-90px);
      -ms-transform: translateX(-90px);
          transform: translateX(-90px);
  line-height: 40px;
  background-color: var(--brown-grey);
  font-family: EB Garamond;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.7px;
  text-align: center;
  color: white;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  white-space: nowrap;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s; }

.iconhint-head {
  content: '';
  position: absolute;
  width: 53px;
  height: 7px;
  left: 50%;
  -webkit-transform: translateX(-26px);
      -ms-transform: translateX(-26px);
          transform: translateX(-26px);
  bottom: -13px;
  background: url("../images/card-icon-hover-top.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s; }

.iconhint-target {
  position: relative; }

.iconhint-target:hover .iconhint,
.iconhint-target:hover .iconhint-head {
  visibility: visible !important;
  opacity: 1 !important; }

.texthint {
  position: absolute;
  top: 100%;
  height: auto;
  display: table;
  min-width: 160px;
  max-width: 400px;
  padding: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, 7px);
      -ms-transform: translate(-50%, 7px);
          transform: translate(-50%, 7px);
  line-height: 120%;
  background-color: var(--brown-grey);
  font-family: EB Garamond;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.7px;
  text-align: center;
  color: white;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
  pointer-events: none; }

.texthint:before {
  content: '';
  position: absolute;
  width: 53px;
  height: 7px;
  left: 50%;
  -webkit-transform: translateX(-26px);
      -ms-transform: translateX(-26px);
          transform: translateX(-26px);
  top: -7px;
  background: url("../images/card-icon-hover-top.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  z-index: 10;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s; }

.texthint-target {
  position: relative; }

.texthint-target:hover .texthint {
  visibility: visible !important;
  opacity: 1 !important; }

.fav-icon.big:hover:after {
  left: -69px; }

.add-icon:not(.phantom):after {
  content: 'Почитаем завтра';
  position: absolute;
  left: -64px;
  bottom: -53px;
  height: 40px;
  width: 152px;
  line-height: 40px;
  background-color: var(--brown-grey);
  font-family: EB Garamond;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.7px;
  text-align: center;
  color: white;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  white-space: nowrap;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s; }

.add-icon.big:hover:after {
  left: -55px; }

.add-icon:not(.phantom).active {
  background: #45b0a2;
  background-image: url("../images/mini-add-active2.svg");
  background-image: url("../images/mini-add-active2.svg"), -webkit-gradient(linear, left bottom, left top, from(#45b0a2), to(#81df96));
  background-image: url("../images/mini-add-active2.svg"), -webkit-linear-gradient(bottom, #45b0a2, #81df96);
  background-image: url("../images/mini-add-active2.svg"), -o-linear-gradient(bottom, #45b0a2, #81df96);
  background-image: url("../images/mini-add-active2.svg"), linear-gradient(to top, #45b0a2, #81df96);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none; }

.fav-icon {
  background: #fff url("../images/mini-fav3.svg") no-repeat;
  background-position: 50%;
  display: inline-block; }

.fav-icon:not(.phantom).active {
  background: #ff5252;
  background-image: url("../images/mini-fav-active3.svg");
  /* fallback */
  background-image: url("../images/mini-fav-active3.svg"), -webkit-gradient(linear, left top, left bottom, from(#ff5252), to(#d52828));
  background-image: url("../images/mini-fav-active3.svg"), -webkit-linear-gradient(top, #ff5252, #d52828);
  background-image: url("../images/mini-fav-active3.svg"), -o-linear-gradient(top, #ff5252, #d52828);
  background-image: url("../images/mini-fav-active3.svg"), linear-gradient(to bottom, #ff5252, #d52828);
  background-position: 50%;
  background-repeat: no-repeat;
  border: none; }

.comments {
  -webkit-border-radius: 20px;
          border-radius: 20px;
  background-color: white;
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  padding: 36px 39px 47px 31px;
  position: relative; }
  .comments .register-login {
    font-size: 18px; }
  .comments .add-comment-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
    .comments .add-comment-block .current-user-avatar-wrap {
      -webkit-flex-basis: 50px;
          -ms-flex-preferred-size: 50px;
              flex-basis: 50px; }
      .comments .add-comment-block .current-user-avatar-wrap .current-user-avatar {
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50px;
                border-radius: 50px;
        margin-right: 10px;
        background-color: #f1f1f1; }
    .comments .add-comment-block .comment-input {
      height: 50px;
      -webkit-flex-basis: 90%;
          -ms-flex-preferred-size: 90%;
              flex-basis: 90%;
      font-family: EB Garamond;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.5555555555555556;
      letter-spacing: 0.699999988079071px;
      color: var(--greyish-brown);
      padding-left: 10px;
      border: none;
      outline: none;
      border-bottom: 2px solid var(--light-grey-two); }
    .comments .add-comment-block .comment-add-btn {
      -webkit-flex-basis: 24px;
          -ms-flex-preferred-size: 24px;
              flex-basis: 24px;
      height: 24px;
      margin-left: 15px;
      background: url("../images/comment-send-grey.svg");
      cursor: pointer; }
    .comments .add-comment-block .comment-add-btn:hover {
      background: url("../images/comment-send-green.svg"); }
  .comments .add-comment-smiles-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    padding-left: 60px;
    margin-bottom: 34px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .comments .add-comment-smiles-block .add-comment-smile {
      width: 30px;
      height: 30px;
      margin-right: 5px;
      cursor: pointer; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-1 {
      background: url("../images/smile-1_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-2 {
      background: url("../images/smile-2_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-3 {
      background: url("../images/smile-3_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-4 {
      background: url("../images/smile-4_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-5 {
      background: url("../images/smile-5_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-6 {
      background: url("../images/smile-6_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-7 {
      background: url("../images/smile-7_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-8 {
      background: url("../images/smile-8_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
    .comments .add-comment-smiles-block .add-comment-smile.add-comment-smile-9 {
      background: url("../images/smile-9_2x.png") no-repeat;
      -webkit-background-size: cover;
              background-size: cover; }
  .comments .comments-block .comment .comment-line-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .comments .comments-block .comment .comment-line-1 .comment-line-1--left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap {
        -webkit-flex-basis: 50px;
            -ms-flex-preferred-size: 50px;
                flex-basis: 50px;
        margin-right: 10px;
        position: relative; }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap .comment-user-avatar {
          width: 50px;
          height: 50px;
          -webkit-border-radius: 50px;
                  border-radius: 50px;
          background-color: #f1f1f1; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile:before {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 40px;
                border-radius: 40px;
        background: #fff;
        content: '';
        position: absolute;
        bottom: -20px;
        left: 50%;
        -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
                transform: translateX(-20px); }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile:after {
        width: 30px;
        height: 30px;
        -webkit-border-radius: 30px;
                border-radius: 30px;
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        -webkit-transform: translateX(-15px);
            -ms-transform: translateX(-15px);
                transform: translateX(-15px); }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-1:after {
        background: url("../images/smile-1_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-2:after {
        background: url("../images/smile-2_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-3:after {
        background: url("../images/smile-3_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-4:after {
        background: url("../images/smile-4_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-5:after {
        background: url("../images/smile-5_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-6:after {
        background: url("../images/smile-6_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-7:after {
        background: url("../images/smile-7_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-8:after {
        background: url("../images/smile-8_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-avatar-wrap.with-smile-9:after {
        background: url("../images/smile-9_2x.png") no-repeat;
        -webkit-background-size: cover;
                background-size: cover; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-info .comment-user-name {
        font-family: TTLimesSlab;
        font-size: 20px;
        line-height: 0.9999999999999998;
        letter-spacing: 1px;
        color: var(--greyish-brown);
        white-space: nowrap; }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--left .comment-user-info .comment-dt {
        font-family: EB Garamond;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.3333333333333333;
        letter-spacing: 0.6000000238418579px;
        color: var(--brown-grey); }
    .comments .comments-block .comment .comment-line-1 .comment-line-1--right {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-family: EB Garamond;
      font-size: 12px;
      font-weight: 500;
      line-height: 1.3333333333333333;
      letter-spacing: 0.6000000238418579px;
      color: var(--greyish-brown); }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--right .comment-fav-block-wrap {
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .comment-fav-block-wrap .comment-fav-block {
          display: inline-block;
          width: 24px;
          height: 24px;
          background: url("../images/maxi-fav-grey.svg"); }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .comment-fav-block-wrap .comment-fav-block:hover,
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .comment-fav-block-wrap .comment-fav-block.active {
          background: url("../images/maxi-fav-red.svg"); }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--right .comment-reply-block-wrap {
        margin-left: 25px;
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .comment-reply-block-wrap .comment-reply-block {
          display: inline-block;
          width: 24px;
          height: 24px;
          background: url("../images/reply-24-grey.svg"); }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .comment-reply-block-wrap .comment-reply-block:hover {
          background: url("../images/reply-24-green.svg"); }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu {
        width: 21px;
        height: 5px;
        background: url("../images/more-menu-grey.svg") no-repeat;
        cursor: pointer;
        margin-left: 25px;
        position: relative; }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .more-menu--hover {
          position: absolute;
          top: 0;
          left: 0;
          width: 21px;
          height: 30px; }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links {
          position: absolute;
          background-color: white;
          -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
                  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.3);
          -webkit-border-radius: 20px;
                  border-radius: 20px;
          bottom: -110px;
          left: 50%;
          -webkit-transform: translateX(-82px);
              -ms-transform: translateX(-82px);
                  transform: translateX(-82px);
          padding-top: 20px;
          padding-bottom: 20px;
          padding-left: 20px;
          width: 165px;
          display: none;
          line-height: 2;
          z-index: 500; }
          .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links a.more-menu-link {
            font-family: EB Garamond;
            font-size: 14px;
            font-weight: 500;
            line-height: 1.1428571428571428;
            letter-spacing: 0.7px;
            color: var(--greyish-brown); }
          .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links a.more-menu-link.more-menu-link--share,
          .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links a.more-menu-link.more-menu-link--claim {
            padding-left: 24px;
            position: relative;
            text-decoration: none; }
          .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links a.more-menu-link.more-menu-link--share {
            margin-bottom: 20px; }
          .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links a.more-menu-link.more-menu-link--share:before {
            content: '';
            width: 12px;
            height: 12px;
            position: absolute;
            left: 0;
            top: 0;
            background: url("../images/mini-share-grey.svg") no-repeat; }
          .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links a.more-menu-link.more-menu-link--claim:before {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            left: 0;
            top: 0;
            background: url("../images/mini-claim-grey.svg") no-repeat; }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu .links:before {
          content: '';
          background: url(../images/popup-circle.svg);
          width: 52px;
          height: 10px;
          position: absolute;
          top: -10px;
          left: 50%;
          -webkit-transform: translateX(-26px);
              -ms-transform: translateX(-26px);
                  transform: translateX(-26px); }
      .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu:hover {
        background: url("../images/more-menu-green.svg") no-repeat; }
        .comments .comments-block .comment .comment-line-1 .comment-line-1--right .more-menu:hover .links {
          display: block; }
  .comments .comments-block .comment .comment-text {
    padding-left: 60px;
    font-family: EB Garamond;
    font-size: 18px;
    line-height: 1.5555555555555556;
    letter-spacing: 0.699999988079071px;
    color: #333436; }
  .comments .comments-block .comment:not(:last-child) {
    margin-bottom: 25px; }
  .comments .comments-block .comment.comment-reply:not(:last-child) {
    margin-bottom: 40px; }
  .comments .comments-block .comment-reply {
    padding-left: 60px; }

.orange-button-shadow {
  -webkit-box-shadow: 0 5px 9px 0 rgba(238, 124, 42, 0.6);
          box-shadow: 0 5px 9px 0 rgba(238, 124, 42, 0.6);
  -webkit-transition: -webkit-box-shadow 0.1s linear 0s;
  transition: -webkit-box-shadow 0.1s linear 0s;
  -o-transition: box-shadow 0.1s linear 0s;
  transition: box-shadow 0.1s linear 0s;
  transition: box-shadow 0.1s linear 0s, -webkit-box-shadow 0.1s linear 0s; }

.orange-button-shadow:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.green-button-shadow {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
  background-image: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
  background-image: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
  background-image: linear-gradient(to top, #89c5bd, #c2dfc1);
  -webkit-box-shadow: 0 5px 9px 0 rgba(86, 168, 157, 0.46);
          box-shadow: 0 5px 9px 0 rgba(86, 168, 157, 0.46);
  -webkit-transition: -webkit-box-shadow 0.1s linear 0s;
  transition: -webkit-box-shadow 0.1s linear 0s;
  -o-transition: box-shadow 0.1s linear 0s;
  transition: box-shadow 0.1s linear 0s;
  transition: box-shadow 0.1s linear 0s, -webkit-box-shadow 0.1s linear 0s; }

.green-button-shadow:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.row-load-more {
  margin-bottom: 94px; }
  .row-load-more .load-more {
    height: 58px;
    line-height: 49px;
    -webkit-border-radius: 29px;
    border-radius: 29px;
    border: solid 2px var(--light-grey);
    background-color: white;
    font-family: TTLimesSlab;
    font-size: 28px;
    letter-spacing: 1.7px;
    text-align: center;
    color: var(--greyish);
    cursor: pointer; }
  .row-load-more .load-more:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#89c5bd), to(#c2dfc1));
    background: -webkit-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: -o-linear-gradient(bottom, #89c5bd, #c2dfc1);
    background: linear-gradient(to top, #89c5bd, #c2dfc1);
    color: white;
    border: none;
    line-height: 53px; }

.email-week-free-wrap {
  height: 353px;
  width: 674px;
  margin-bottom: 30px;
  margin-left: 20px; }
  .email-week-free-wrap .email-week-free {
    height: 290px;
    width: 674px;
    background: url("../images/library-email-week-free_2x.png") no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
    margin-top: 25px; }
    .email-week-free-wrap .email-week-free .text {
      width: 430px;
      font-family: EB Garamond;
      font-size: 18px;
      line-height: 1.56;
      letter-spacing: 0.7px;
      color: #333436;
      margin-bottom: 22px;
      margin-left: 232px;
      padding-top: 35px; }
    .email-week-free-wrap .email-week-free .week-free-form {
      width: 311px;
      height: 42px;
      position: relative;
      margin-left: 232px; }
      .email-week-free-wrap .email-week-free .week-free-form input[type=text] {
        width: 100%;
        height: 42px;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        background-color: var(--white);
        border: 0;
        padding-left: 24px;
        padding-right: 170px;
        font-family: EB Garamond;
        font-size: 18px;
        letter-spacing: 0.7px;
        color: var(--greyish); }
      .email-week-free-wrap .email-week-free .week-free-form .week-free-button {
        position: absolute;
        top: 0;
        right: 0;
        height: 42px;
        width: 162px;
        line-height: 41px;
        text-align: center;
        background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
        background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
        background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
        background: linear-gradient(to top, #ee8439, #ff9f54);
        font-family: TTLimesSlab;
        font-size: 18px;
        letter-spacing: 0.6px;
        color: white;
        -webkit-border-radius: 21px;
        border-radius: 21px;
        cursor: pointer; }

.modal {
  z-index: 99999 !important; }

@media only screen and (min-width: 320px) and (max-width: 640px) {
  .card.selection {
    width: 220px !important; }
    .card.selection .card-container .card-graph {
      width: 220px !important;
      height: 214px !important;
      max-height: none;
      padding-top: 10px;
      position: relative; }
      .card.selection .card-container .card-graph .white-hover {
        width: 240px !important;
        height: 405px;
        -webkit-border-radius: 15px 15px 0 0 !important;
                border-radius: 15px 15px 0 0 !important; }
      .card.selection .card-container .card-graph .card-img {
        width: 202px !important;
        height: 198px !important;
        border: 1px solid var(--light-grey-two);
        margin-top: 0;
        margin-bottom: 0;
        max-height: none; }
    .card.selection .card-container .card-graph:after {
      right: 6px !important;
      bottom: 3px !important; }
    .card.selection .card-hide {
      padding-bottom: 27px;
      width: 240px !important;
      bottom: -7px;
      padding-left: 20px; }
  .email-week-free-wrap {
    height: 280px !important;
    width: 300px !important;
    background: url("../images/library-img-3_2x.png") no-repeat !important;
    -webkit-background-size: cover !important;
            background-size: cover !important; }
    .email-week-free-wrap .email-week-free {
      padding: 30px !important;
      background: none !important;
      width: 100% !important;
      margin-top: 0 !important; }
      .email-week-free-wrap .email-week-free .text {
        margin-left: 0 !important;
        padding-top: 0 !important;
        width: 100% !important;
        font-family: EB Garamond !important;
        font-size: 14px !important;
        font-weight: normal !important;
        font-style: normal !important;
        font-stretch: normal !important;
        line-height: 1.4285714285714286 !important;
        letter-spacing: 0.7px !important;
        color: var(--black) !important; }
      .email-week-free-wrap .email-week-free .week-free-form {
        width: 100% !important;
        margin-left: 0 !important; }
        .email-week-free-wrap .email-week-free .week-free-form input[type=text] {
          display: none !important; }
        .email-week-free-wrap .email-week-free .week-free-form .week-free-button {
          right: unset !important; } }

@media only screen and (min-width: 980px) {
  .fav-icon:not(.phantom):hover:after {
    visibility: visible !important;
    opacity: 1 !important; }
  .add-icon:not(.phantom):hover:after {
    visibility: visible !important;
    opacity: 1 !important; }
  .add-icon:not(.phantom):hover:before,
  .fav-icon:not(.phantom):hover:before {
    visibility: visible !important;
    opacity: 1 !important; } }

@media only screen and (min-width: 320px) and (max-width: 1200px) {
  .week-free-form {
    width: 100% !important;
    margin-top: 10px !important; }
  .blog-one.type-1 {
    display: none !important; } }

@media only screen and (min-width: 480px) and (max-width: 980px) {
  .blog-list {
    width: 354px !important;
    margin: 0 auto !important; } }

@media only screen and (min-width: 640px) and (max-width: 980px) {
  .email-week-free-wrap {
    width: 640px !important; }
    .email-week-free-wrap .email-week-free {
      width: 640px !important;
      -webkit-background-size: contain !important;
              background-size: contain !important; }
      .email-week-free-wrap .email-week-free .text {
        margin-left: 202px !important; }
      .email-week-free-wrap .email-week-free .week-free-form {
        margin-left: 202px !important; } }

@media only screen and (min-width: 640px) {
  .week-free-form {
    width: 400px !important; } }

@media only screen and (min-width: 480px) {
  .add-icon:not(.phantom):hover {
    background: #45b0a2;
    background-image: url("../images/mini-add-active2.svg");
    background-image: url("../images/mini-add-active2.svg"), -webkit-gradient(linear, left bottom, left top, from(#45b0a2), to(#81df96));
    background-image: url("../images/mini-add-active2.svg"), -webkit-linear-gradient(bottom, #45b0a2, #81df96);
    background-image: url("../images/mini-add-active2.svg"), -o-linear-gradient(bottom, #45b0a2, #81df96);
    background-image: url("../images/mini-add-active2.svg"), linear-gradient(to top, #45b0a2, #81df96);
    background-position: 50%;
    background-repeat: no-repeat;
    border: none; }
  .fav-icon:not(.phantom):hover {
    background: #ff5252;
    background-image: url("../images/mini-fav-active3.svg");
    /* fallback */
    background-image: url("../images/mini-fav-active3.svg"), -webkit-gradient(linear, left top, left bottom, from(#ff5252), to(#d52828));
    background-image: url("../images/mini-fav-active3.svg"), -webkit-linear-gradient(top, #ff5252, #d52828);
    background-image: url("../images/mini-fav-active3.svg"), -o-linear-gradient(top, #ff5252, #d52828);
    background-image: url("../images/mini-fav-active3.svg"), linear-gradient(to bottom, #ff5252, #d52828);
    background-position: 50%;
    background-repeat: no-repeat;
    border: none; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .week-free-form-wrap .week-free {
    padding-left: 22px !important; }
    .week-free-form-wrap .week-free .week-free-form-desc {
      margin-bottom: 10px !important; }
    .week-free-form-wrap .week-free .week-free-form {
      height: auto !important; }
      .week-free-form-wrap .week-free .week-free-form input[type=text] {
        padding-right: 20px !important;
        margin-bottom: 10px !important; }
      .week-free-form-wrap .week-free .week-free-form .week-free-button {
        position: relative !important;
        width: 100% !important; }
  .comment-line-1 {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .comment-line-1--right {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important; }
  .comment-input {
    font-size: 14px !important;
    -webkit-flex-basis: 60% !important;
        -ms-flex-preferred-size: 60% !important;
            flex-basis: 60% !important; }
  .cards-list:not(.one-row) {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .comments {
    padding: 36px 20px 47px 20px !important; }
  .comment-line-1--left {
    width: 100% !important; }
  .blog-list {
    width: 280px !important;
    margin: 0 auto !important; }
  .cards-list.mixed .card {
    width: 140px !important;
    margin-left: 10px !important;
    margin-right: 10px !important; }
    .cards-list.mixed .card .card-container .card-graph {
      width: 140px !important; }
      .cards-list.mixed .card .card-container .card-graph .white-hover {
        width: 160px !important; }
      .cards-list.mixed .card .card-container .card-graph .card-img {
        width: 120px !important; }
    .cards-list.mixed .card .card-container .card-graph:after {
      width: 114px !important; }
    .cards-list.mixed .card .card-hide {
      width: 160px !important; }
  .cards-list.mixed .card.selection {
    width: 300px !important;
    margin: 0 auto !important; }
    .cards-list.mixed .card.selection .card-container .card-graph {
      width: 300px !important; }
      .cards-list.mixed .card.selection .card-container .card-graph .white-hover {
        width: 320px !important; }
      .cards-list.mixed .card.selection .card-container .card-graph .card-img {
        width: 282px !important; }
    .cards-list.mixed .card.selection .card-container .card-graph:after {
      width: 41px !important; }
    .cards-list.mixed .card.selection .card-hide {
      width: 320px !important; }
  .more-menu .links {
    left: unset !important;
    right: -100px !important; }
  .more-menu .links:before {
    left: 70% !important; } }

ul.tms_bullets {
  text-align: left; }
  ul.tms_bullets li {
    list-style-type: none;
    margin-bottom: 8px; }
  ul.tms_bullets li:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../images/on.svg);
    -webkit-background-size: contain;
            background-size: contain;
    margin-left: -32px;
    margin-top: 2px; }

.button-orange-all {
  display: inline-block;
  width: 224px;
  height: 42px;
  line-height: 41px;
  -webkit-border-radius: 21px;
  border-radius: 21px;
  font-family: TTLimesSlab;
  font-size: 18px;
  letter-spacing: 0.6px;
  text-align: center;
  color: white;
  background: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
  background: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
  background: -o-linear-gradient(bottom, #ee8439, #ff9f54);
  background: linear-gradient(to top, #ee8439, #ff9f54);
  margin-right: 10px;
  cursor: pointer; }

.tms-input-error-c {
  position: relative;
  top: -2px;
  width: 100%;
  height: 20px;
  overflow: hidden;
  display: none; }

.tms-input-error {
  background: #F86666;
  color: white;
  -webkit-border-radius: 0 0 20px 20px;
          border-radius: 0 0 20px 20px;
  height: 40px;
  padding-top: 20px;
  margin-top: -20px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: "EB Garamond", serif; }

.tms-error-color {
  color: #F86666 !important; }

.tms-error-colorbg {
  background: #F86666 !important; }

.tms-parthers-c a {
  text-decoration: none; }

.tms-parthers-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.tms-parthers-top-img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.tms-parthers-top-content {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2; }

.tms-parthers-top-content div {
  padding-left: 20px !important;
  padding-right: 0 !important; }

@media only screen and (max-width: 640px) {
  .tms-parthers-top {
    display: block; }
  .tms-parthers-top-img {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none; }
  .tms-parthers-top-content {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none; }
  .tms-parthers-top-content div {
    padding-left: 0px !important; } }

@media (max-width: 480px) {
  .tms-hide-xs {
    display: none !important; } }

@media (min-width: 480px) {
  .tms-show-xs {
    display: none !important; } }

@media (max-width: 640px) {
  .tms-hide-s {
    display: none !important; } }

@media (min-width: 640px) {
  .tms-show-s {
    display: none !important; } }

.tms-word-wrap {
  white-space: normal !important; }

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

.tms-lis-hurra {
  width: 240px;
  height: 292px;
  background: url("../images/fox_hurra_2x.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }

.tms-lis-wow {
  width: 240px;
  height: 341px;
  background: url("../images/fox_wow_2x.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover; }

.tms-popup-error {
  max-width: 600px;
  margin: 0 auto;
  font-size: 18px;
  text-align: left;
  padding: 10px;
  background: rgba(255, 0, 0, 0.1); }

.prod {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px; }
  .prod__img {
    width: 50%;
    -webkit-border-radius: 5px;
            border-radius: 5px;
    overflow: hidden; }
    .prod__img img {
      width: 100%; }
  .prod__info {
    padding: 0 0 0 40px;
    width: 50%; }
  .prod__description {
    font-size: 18px; }
    .prod__description p, .prod__description li {
      font-size: 18px; }
  .prod__actions {
    margin-top: 40px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .prod__price {
    font-size: 24px; }
  .prod__button {
    min-width: 130px;
    text-decoration: none;
    display: inline-block;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-family: TTLimesSlab;
    font-size: 18px;
    letter-spacing: 0.6px;
    text-align: center;
    color: #fff;
    height: 42px;
    line-height: 41px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ee8439), to(#ff9f54));
    background-image: -webkit-linear-gradient(bottom, #ee8439, #ff9f54);
    background-image: -o-linear-gradient(bottom, #ee8439, #ff9f54);
    background-image: linear-gradient(to top, #ee8439, #ff9f54);
    -webkit-border-radius: 20px;
            border-radius: 20px;
    margin-left: 9px;
    cursor: pointer;
    border: none;
    outline: none; }
  .prod__popup-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  .prod__input {
    height: 30px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #d8d8d8;
    font-family: TTLimesSlab;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.9999999999999998;
    letter-spacing: 1px;
    color: var(--greyish-brown);
    background: transparent;
    outline: none; }
  .prod__hover-button {
    margin: 0 auto;
    width: 120px;
    height: 42px;
    line-height: 36px;
    opacity: 0.8;
    background-color: white;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    border: solid 2px var(--light-grey);
    font-family: TTLimesSlab;
    font-size: 18px;
    letter-spacing: 0.6px;
    text-align: center;
    color: var(--greyish);
    cursor: pointer;
    display: none; }

.prod-ok {
  text-align: center; }
  .prod-ok__title {
    font-size: 30px;
    line-height: 34px; }
  .prod-ok .tms-lis-hurra {
    display: inline-block; }

.selection-img:hover .prod__hover-button {
  display: block; }

@media (max-width: 980px) {
  .prod {
    display: block; }
  .prod__img {
    width: 100%; }
  .prod__info {
    width: 100%; } }

html, body {
  width: 100%;
  overflow-x: hidden; }

body {
  padding: 0;
  margin: 0;
  font-family: TTLimesSlab;
  background-color: #f8f7f4 !important; }

.header-about-children-hover-info .js-header-list-child .about-child--header img {
  -webkit-border-radius: 50%;
          border-radius: 50%; }

.block-manage-button.active, .block-manage-button:hover {
  opacity: 1; }