.fr_wrapper {
  position: fixed;
  z-index: 90;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #0F0E0F url("https://humandesignx.ru/front-public-deployment/97f8e9fe7ccb481c7ce770754811ba0a7ed160c0//i/purpleLight.png") 50% 50% no-repeat;
  text-align: left;
  color: #fff;
  opacity: 0;
  -moz-transition: opacity linear 0.5s;
  -webkit-transition: opacity linear 0.5s;
  -ms-transition: opacity linear 0.5s;
  transition: opacity linear 0.5s; }
  .fr_wrapper a {
    color: #fff; }
  .fr_wrapper .fr_centrer {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 80%;
    width: 90%;
    max-width: 700px;
    max-height: 700px;
    min-height: 480px; }
    .fr_wrapper .fr_centrer .fr_top_bar {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      white-space: nowrap;
      font-size: 0; }
      .fr_wrapper .fr_centrer .fr_top_bar .fr_close {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #282829;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        cursor: pointer; }
        .fr_wrapper .fr_centrer .fr_top_bar .fr_close:before {
          content: '+';
          position: absolute;
          top: 50%;
          left: 50%;
          -moz-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-size: 15px;
          line-height: 15px; }
      .fr_wrapper .fr_centrer .fr_top_bar h4 {
        font-size: 20px;
        line-height: 20px;
        font-family: GilroyBold;
        display: inline-block;
        vertical-align: top;
        padding-top: 9px;
        margin-left: 30px; }
    .fr_wrapper .fr_centrer .fr_bottom_bar {
      position: relative;
      left: 0;
      bottom: 0;
      white-space: nowrap;
      font-size: 0;
      margin-top: 20px; }
      .fr_wrapper .fr_centrer .fr_bottom_bar .fr_btn {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #282829;
        cursor: pointer;
        margin-right: 15px; }
        .fr_wrapper .fr_centrer .fr_bottom_bar .fr_btn.hidden {
          opacity: .3;
          cursor: default; }
        .fr_wrapper .fr_centrer .fr_bottom_bar .fr_btn.fr_btn_prev {
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .fr_wrapper .fr_centrer .fr_bottom_bar .fr_btn.fr_btn_next {
          -moz-transform: rotate(-135deg);
          -webkit-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          transform: rotate(-135deg); }
        .fr_wrapper .fr_centrer .fr_bottom_bar .fr_btn:before {
          content: '';
          position: absolute;
          width: 8px;
          height: 8px;
          left: 50%;
          top: 50%;
          margin: -3px 0 0 -3px;
          border-left: 1px solid #fff;
          border-top: 1px solid #fff; }
      .fr_wrapper .fr_centrer .fr_bottom_bar p {
        font-size: 13px;
        line-height: 13px;
        display: inline-block;
        vertical-align: top;
        color: #fff;
        margin: 0 0 0 5px;
        padding-top: 14px;
        font-family: GilroyReg; }
    .fr_wrapper .fr_centrer .fr_content {
      width: 100%;
      position: relative;
      margin-top: 60px; }
      .fr_wrapper .fr_centrer .fr_content .slide_item {
        position: relative; }
        .fr_wrapper .fr_centrer .fr_content .slide_item.default {
          padding-left: 116px; }
          .fr_wrapper .fr_centrer .fr_content .slide_item.default:before {
            content: attr(data-index);
            position: absolute;
            left: 0;
            top: 4px;
            font-size: 48px;
            line-height: 48px;
            color: #fff;
            font-family: GilroyBold;
            opacity: .3; }
          .fr_wrapper .fr_centrer .fr_content .slide_item.default:after {
            content: '';
            position: absolute;
            top: 0;
            left: 75px;
            width: 1px;
            height: 100%;
            background: #fff;
            opacity: .2; }
        .fr_wrapper .fr_centrer .fr_content .slide_item h2 {
          font-size: 36px;
          line-height: 36px;
          font-weight: normal;
          font-family: GilroyBold;
          margin-bottom: 24px; }
        .fr_wrapper .fr_centrer .fr_content .slide_item .slide_text_wrapper {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 24px;
          font-family: GilroyLight;
          white-space: pre-wrap; }
          .fr_wrapper .fr_centrer .fr_content .slide_item .slide_text_wrapper p, .fr_wrapper .fr_centrer .fr_content .slide_item .slide_text_wrapper ul {
            margin-bottom: 16px; }
          .fr_wrapper .fr_centrer .fr_content .slide_item .slide_text_wrapper a {
            color: #fff; }
          .fr_wrapper .fr_centrer .fr_content .slide_item .slide_text_wrapper ul {
            list-style-type: circle;
            margin-left: 18px; }
            .fr_wrapper .fr_centrer .fr_content .slide_item .slide_text_wrapper ul li {
              list-style-type: circle; }
          .fr_wrapper .fr_centrer .fr_content .slide_item .slide_text_wrapper .fr_subtitle {
            font-family: GilroyBold;
            display: inline-block;
            padding-right: 10px; }
  body.light_mode .fr_wrapper {
    background: #fff;
    color: #000; }
    body.light_mode .fr_wrapper .fr_top_bar .fr_close {
      background-color: #e9e9e9; }
    body.light_mode .fr_wrapper .fr_bottom_bar .fr_btn {
      background-color: #e9e9e9; }
      body.light_mode .fr_wrapper .fr_bottom_bar .fr_btn:before {
        border-left-color: #000;
        border-top-color: #000; }
    body.light_mode .fr_wrapper .fr_content .slide_item.default:before {
      color: #000; }
    body.light_mode .fr_wrapper .fr_content .slide_item.default:after {
      background: #000; }
  @media screen and (max-width: 800px) {
    .fr_wrapper {
      overflow: auto; }
      .fr_wrapper .fr_centrer {
        position: relative;
        left: 0;
        top: 0;
        height: auto;
        width: auto;
        margin: 0 20px;
        padding: 100px 0 0;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
        .fr_wrapper .fr_centrer .fr_top_bar {
          position: relative;
          margin-bottom: 100px; }
        .fr_wrapper .fr_centrer .fr_content {
          position: relative;
          -moz-transform: translate(0, 0);
          -webkit-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          top: 0;
          margin-bottom: 100px; }
          .fr_wrapper .fr_centrer .fr_content .slide_item.default {
            padding-left: 90px; }
            .fr_wrapper .fr_centrer .fr_content .slide_item.default:before {
              font-size: 36px;
              line-height: 36px; }
            .fr_wrapper .fr_centrer .fr_content .slide_item.default:after {
              left: 55px; }
          .fr_wrapper .fr_centrer .fr_content .slide_item h2 {
            font-size: 48px;
            line-height: 48px;
            margin-bottom: 21px; }
          .fr_wrapper .fr_centrer .fr_content .slide_item p {
            font-size: 15px;
            line-height: 21px;
            margin-bottom: 21px; }
        .fr_wrapper .fr_centrer .fr_bottom_bar {
          position: relative;
          bottom: auto;
          padding-bottom: 100px; } }
  @media screen and (max-width: 500px) {
    .fr_wrapper .fr_centrer .fr_top_bar {
      margin-bottom: 50px; }
    .fr_wrapper .fr_centrer .fr_content {
      margin-bottom: 50px; }
      .fr_wrapper .fr_centrer .fr_content .slide_item.default:before {
        top: 0; }
      .fr_wrapper .fr_centrer .fr_content .slide_item h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 19px; }
      .fr_wrapper .fr_centrer .fr_content .slide_item p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 19px; } }

/*# sourceMappingURL=free-read.css.map */