* {
  margin: 0;
  padding: 0; }
.active__form {
    display: flex!important;
}

.s1 {
  background-image: url("../img/assets/wallpaper/screen-1.png"); }
  .s1 .nav-box .wrapper .header-top .contacts .call_me {
    padding: 15px 30px; }
  .s1 .content-wrap {
    padding: 40px 0 210px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .s1 .content-wrap .lft {
      width: 600px; }
      .s1 .content-wrap .lft h1 {
        font-size: 36px;
        text-transform: none; }
        .s1 .content-wrap .lft h1 .first__span {
          background-image: url("../img/assets/svg/1-block-brush1.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          padding: 10px 15px;
          color: #000;
          text-transform: none; }
        .s1 .content-wrap .lft h1 .second__span {
          background-image: url("../img/assets/svg/1-block-brush2.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          padding: 10px 15px;
          color: #000;
          text-transform: none; }
      .s1 .content-wrap .lft p {
        color: #fff;
        font-size: 18px;
        margin: 25px 0 50px 0; }
      .s1 .content-wrap .lft__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 220px;
        cursor: pointer; }
        .s1 .content-wrap .lft__button .btn {
          background-color: #FBCA86;
          -webkit-box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          max-width: 220px;
          text-align: center;
          font-size: 18px;
          color: #000;
          border-radius: 60px;
          text-transform: none;
          padding: 15px 0; }
          .s1 .content-wrap .lft__button .btn:hover {
            -webkit-box-shadow: none;
            box-shadow: none; }
    .s1 .content-wrap .rght {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 600px; }
  .s1 .td__button {
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 110px;
    z-index: 110; }
    .s1 .td__button--top {
      border-bottom: none;
      border-radius: 25px 25px 0 0;
      background-color: #02A3D1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 50%;
      width: 100%; }
      .s1 .td__button--top .arr {
        width: 40px;
        height: 40px;
        margin: auto;
        border-radius: 50%;
        opacity: 0;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #497495; }
        .s1 .td__button--top .arr img {
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          width: 70%; }
    .s1 .td__button--down {
      border-radius: 0 0 25px 25px;
      background-color: #02A3D1;
      height: 50%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-top: none; }
      .s1 .td__button--down .arr {
        width: 40px;
        height: 40px;
        margin: auto;
        border-radius: 50%;
        background-color: #497495;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .s1 .td__button--down .arr img {
          width: 70%; }

@media (max-width: 1390px) {
  .s1 .content-wrap {
    max-width: 1200px !important; } }

@media (max-width: 1300px) {
  .s1 .nav-box .wrapper .header-top .contacts .call_me {
    padding: 15px 30px; }
  .s1 .content-wrap {
    width: 90%; } }

@media (max-width: 415px) {
  .s1 .nav-box .wrapper .header-top .contacts {
    display: none; }
    .s1 .nav-box .wrapper .header-top .contacts .call_me {
      padding: 15px 30px; }
  .s1 .content-wrap {
    width: 90%;
    padding: 40px 0; }
    .s1 .content-wrap .lft {
      width: auto; }
      .s1 .content-wrap .lft h1 {
        font-size: 21px; }
      .s1 .content-wrap .lft p {
        font-size: 16px;
        margin: 25px 0 25px 0; }
    .s1 .content-wrap .rght {
      width: auto;
      padding:10px;}
  .s1 .td__button {
    display: none; } }

.second {
  background-color: #F3F3F3; }
  .second__container {
    max-width: 1300px; }
    .second__container h2 {
      width: 100%;
      text-align: center;
      font-size: 30px;
      padding: 50px 0; }
    .second__container--content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 0 50px 0; }
      .second__container--content--text {
        width: 45%; }
        .second__container--content--text p {
          font-size: 20px;
          margin-bottom: 30px;
          padding: 0 50px 0 0; }
      .second__container--content--picture {
        border-radius: 20px;
        overflow: hidden;
        width: 55%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .second__container--content--picture img {
          width: 90%;
          border-radius: 20px; }

@media (max-width: 1390px) {
  .second__container h2 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    padding: 50px 0; }
  .second__container--content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 50px 0;
    width: 90%;
    margin: auto; }
    .second__container--content--text {
      width: 45%; }
      .second__container--content--text p {
        font-size: 20px;
        margin-bottom: 30px;
        padding: 0 50px 0 0; }
    .second__container--content--picture {
      border-radius: 20px;
      overflow: hidden;
      width: 55%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .second__container--content--picture img {
        width: 90%;
        border-radius: 20px; } }

@media (max-width: 1300px) {
  .second__container {
    max-width: 1200px; } }

@media (max-width: 991px) {
  .second {
    background-color: #F3F3F3; }
    .second__container h2 {
      width: 100%;
      text-align: center;
      font-size: 30px;
      padding: 50px 0; }
    .second__container--content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 0 50px 0;
      width: 90%;
      margin: auto; }
      .second__container--content--text {
        width: 100%; }
        .second__container--content--text p {
          font-size: 20px;
          margin-bottom: 30px;
          padding: 0 0 0 0; }
      .second__container--content--picture {
        border-radius: 20px;
        overflow: hidden;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .second__container--content--picture img {
          width: 100%;
          border-radius: 20px; } }

@media (max-width: 415px) {
  .second {
    background-color: #F3F3F3; }
    .second__container h2 {
      width: 100%;
      text-align: center;
      font-size: 24px;
      padding: 20px 0; }
    .second__container--content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 0 20px 0;
      width: 90%;
      margin: auto; }
      .second__container--content--text {
        width: 100%;
        padding: 20px 0; }
        .second__container--content--text p {
          font-size: 17px;
          margin-bottom: 30px;
          text-align: center;
          padding: 0 0 0 0; }
      .second__container--content--picture {
        border-radius: 20px;
        overflow: hidden;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .second__container--content--picture img {
          width: 100%;
          border-radius: 20px;
          max-height: 306px;} }

.orientation {
  background-color: #F3F3F3; }
  .orientation__container--content {
    width: 50%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .orientation__container--content h2 {
      text-align: center;
      padding: 50px 0;
      font-size: 30px; }
      .orientation__container--content h2 span {
        padding: 0 20px;
        background-image: url("../img/assets/svg/5-block-brush.svg");
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat; }
    .orientation__container--content--title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .orientation__container--content--video {
      width: 760px;
      height: 405px;
      border-radius: 10px;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      cursor: pointer;
      background-image: url("../img/assets/video-preview/video.png");
      background-size: 100%; }
      .orientation__container--content--video:hover .button__play {
        width: 60px;
        height: 60px;
        -webkit-box-shadow: 0 0 5px #999;
        box-shadow: 0 0 5px #999;
        opacity: 0.5; }
      .orientation__container--content--video--dark {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0.5;
        z-index: 10; }
      .orientation__container--content--video iframe {
        display: none;
        width: 760px;
        height: 405px; }
      .orientation__container--content--video .button__play {
        width: 50px;
        height: 50px;
        z-index: 11;
        background-color: #000;
        border-radius: 50%;
        -webkit-transition: 1s;
        transition: 1s; }
        .orientation__container--content--video .button__play img {
          width: 100%; }
    .orientation__container--content p {
      padding: 15px 0 50px 0;
      font-size: 20px; }

@media (max-width: 991px) {
  .orientation {
    background-color: #F3F3F3; }
    .orientation__container--content {
      width: 100%; }
      .orientation__container--content--video {
        width: 510px;
        height: 320px; }
        .orientation__container--content--video iframe {
          display: none; } }

@media (max-width: 415px) {
  .orientation {
    background-color: #F3F3F3; }
    .orientation__container--content {
      width: 100%; }
      .orientation__container--content h2 {
        font-size: 18px;
        padding: 30px 0;
        max-width: 90%; }
      .orientation__container--content--video {
        width: 360px;
        height: 220px; }
        .orientation__container--content--video iframe {
          display: none;
          width: 360px;
          height: 220px; }
      .orientation__container--content p {
        text-align: center;
        max-width: 80%; } }

@media (max-width: 321px) {
  .orientation {
    background-color: #F3F3F3; }
    .orientation__container--content {
      width: 100%; }
      .orientation__container--content--video {
        width: 300px;
        height: 180px; }
        .orientation__container--content--video iframe {
          display: none; } }

.small {
  background-image: url("../img/assets/wallpaper/main-bg.jpg");
  background-size: 100%; }
  .small__container {
    padding: 0 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1300px; }
    .small__container--left {
      width: 50%; }
      .small__container--left h2 {
        color: #fff;
        padding: 50px 0; }
        .small__container--left h2 span {
          padding: 0 10px;
          background-image: url("../svg/6-block-brush.svg");
          background-size: 100%;
          background-position: center;
          background-repeat: no-repeat; }
    .small__container--right {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .small__container--right a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 220px;
        cursor: pointer; }
        .small__container--right a button {
          background-color: #FBCA86;
          -webkit-box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          max-width: 220px;
          text-align: center;
          font-size: 18px;
          color: #000;
          border-radius: 60px;
          text-transform: none;
          padding: 15px 0;
          width: 360px; }
          .small__container--right a button:hover {
            -webkit-box-shadow: none;
            box-shadow: none; }

@media (max-width: 1300px) {
  .small__container {
    max-width: 1200px; } }

@media (max-width: 991px) {
  .small__container {
    padding: 0 20px; } }

@media (max-width: 768px) {
  .small__container {
    padding: 0 20px; }
    .small__container--left h2 {
      font-size: 20px; } }

@media (max-width: 415px) {
  .small {
    background-image: url("../img/assets/wallpaper/main-bg.jpg");
    background-size: cover; }
    .small__container {
      padding: 0 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .small__container--left {
        width: 90%; }
        .small__container--left h2 {
          font-size: 20px;
          padding: 30px 0 20px 0;
          text-align: center; }
      .small__container--right {
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 0 30px 0; } }

.cases {
  background-color: #F3F3F3; }
  .cases h2 {
    font-size: 50px;
    text-align: center;
    padding: 30px 0; }
  .cases__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 60px 60px 60px;
    max-width: 1150px; }
    .cases__container--left {
      width: 50%;
      margin-right: 25px;
      max-width: 500px; }
      .cases__container--left--title--row {
        background-color: #fff;
        border-radius: 10px;
        max-width: 500px; }
        .cases__container--left--title--row--block {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          border-radius: 10px;
          border: 2px solid #E4E4E4;
          -webkit-box-shadow: 0 8px 20px 0 rgba(4, 98, 191, 0.08);
          box-shadow: 0 8px 20px 0 rgba(4, 98, 191, 0.08);
          padding: 10px 20px; }
          .cases__container--left--title--row--block--picture {
            width: 160px;
            height: 160px; }
            .cases__container--left--title--row--block--picture img {
              width: 100%; }
          .cases__container--left--title--row--block--text {
            width: 60%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; }
            .cases__container--left--title--row--block--text h2 {
              padding: 0;
              text-align: left;
              font-size: 22px; }
            .cases__container--left--title--row--block--text p {
              font-size: 16px;
              padding: 5px 0 20px 0; }
            .cases__container--left--title--row--block--text span {
              font-size: 16px;
              color: #5D5D5D; }
      .cases__container--left--row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-radius: 10px;
        margin-top: 10px; }
        .cases__container--left--row--block {
          width: 50%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 10px;
          background-color: #fff;
          max-width: 245px;
          padding: 20px;
          -webkit-box-shadow: 0 8px 20px 0 rgba(4, 98, 191, 0.08);
          box-shadow: 0 8px 20px 0 rgba(4, 98, 191, 0.08);
          border: 2px solid #E4E4E4; }
          .cases__container--left--row--block:first-child {
            margin-right: 5px; }
          .cases__container--left--row--block:last-child {
            margin-left: 5px; }
          .cases__container--left--row--block p {
            font-size: 14px;
            padding-bottom: 10px; }
          .cases__container--left--row--block .line {
            height: 4px;
            background-color: #02A3D1;
            width: 60px; }
          .cases__container--left--row--block b {
            font-size: 24px;
            padding-top: 10px; }
    .cases__container--right {
      width: 50%;
      margin-left: 15px; }
      .cases__container--right--content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .cases__container--right--content .preview {
          border-radius: 10px;
          margin-bottom: 10px;
          width: 500px;
          height: 440px;
          overflow: hidden; }
          .cases__container--right--content .preview__block {
            border-radius: 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            overflow: hidden; }
            .cases__container--right--content .preview__block img {
              border-radius: 10px;
              width: 130%;
              max-width: 130%; }
        .cases__container--right--content .navigation {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .cases__container--right--content .navigation__block {
            width: 33%;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            height: 120px;
            position: relative; }
            .cases__container--right--content .navigation__block--overlay {
              width: 100%;
              height: 100%;
              background-color: #00000070;
              position: absolute;
              top: 0;
              display: none; }
            .cases__container--right--content .navigation__block:first-child {
              margin-right: 5px; }
            .cases__container--right--content .navigation__block:nth-child(2) {
              margin: 0 5px; }
            .cases__container--right--content .navigation__block:last-child {
              margin-left: 5px; }
            .cases__container--right--content .navigation__block img {
              width: 120%;
              max-width: 120%;
              border-radius: 10px; }
            .cases__container--right--content .navigation__block:hover .navigation__block--overlay {
              display: block; }

@media (max-width: 1500px) {
  .cases__container--left--title--row--block--picture {
    width: 140px;
    height: 140px; }
    .cases__container--left--title--row--block--picture img {
      width: 100%; }
  .cases__container--left--title--row--block--text {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 10px; }
    .cases__container--left--title--row--block--text p {
      font-size: 14px;
      padding: 5px 0 10px 0; }
  .cases__container--left--row--block p {
    font-size: 13px;
    padding-bottom: 10px; }
  .cases__container--left--row--block .line {
    height: 3px;
    background-color: #02A3D1;
    width: 60px; }
  .cases__container--left--row--block b {
    font-size: 15px;
    padding-top: 10px; }
  .cases__container--right {
    width: 50%;
    margin-left: 15px; }
    .cases__container--right--content .preview {
      border-radius: 10px;
      margin-bottom: 0;
      width: 100%;
      height: 310px;
      overflow: hidden; }
      .cases__container--right--content .preview__block {
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden; }
        .cases__container--right--content .preview__block img {
          width: 110%; }
    .cases__container--right--content .navigation {
      margin-top: 10px; }
      .cases__container--right--content .navigation__block img {
        width: 140%;
        max-width: 140%; } }

@media (max-width: 1100px) {
  .cases__container--left--title--row--block--picture {
    width: 140px;
    height: 140px; }
    .cases__container--left--title--row--block--picture img {
      width: 100%; }
  .cases__container--left--title--row--block--text {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 10px; }
    .cases__container--left--title--row--block--text p {
      font-size: 14px;
      padding: 5px 0 10px 0; }
  .cases__container--left--row--block p {
    font-size: 13px;
    padding-bottom: 10px; }
  .cases__container--left--row--block .line {
    height: 3px;
    background-color: #02A3D1;
    width: 60px; }
  .cases__container--left--row--block b {
    font-size: 15px;
    padding-top: 10px; }
  .cases__container--right {
    width: 50%;
    margin-left: 15px; }
    .cases__container--right--content .preview {
      border-radius: 10px;
      margin-bottom: 0;
      width: 100%;
      height: 340px;
      overflow: hidden; }
      .cases__container--right--content .preview__block {
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden; }
    .cases__container--right--content .navigation {
      margin-top: 10px; }
      .cases__container--right--content .navigation__block img {
        width: 140%;
        max-width: 140%; } }

@media (max-width: 991px) {
  .cases__container--left--title--row--block--picture {
    width: 140px;
    height: 140px; }
    .cases__container--left--title--row--block--picture img {
      width: 100%; }
  .cases__container--left--title--row--block--text {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 10px; }
    .cases__container--left--title--row--block--text p {
      font-size: 14px;
      padding: 5px 0 10px 0; }
  .cases__container--left--row--block p {
    font-size: 11px;
    padding-bottom: 10px; }
  .cases__container--left--row--block .line {
    height: 3px;
    background-color: #02A3D1;
    width: 60px; }
  .cases__container--left--row--block b {
    font-size: 18px;
    padding-top: 10px; }
  .cases__container--right {
    width: 50%;
    margin-left: 15px; }
    .cases__container--right--content .preview {
      border-radius: 10px;
      margin-bottom: 0;
      width: 100%;
      height: 380px;
      overflow: hidden; }
      .cases__container--right--content .preview__block {
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden; }
    .cases__container--right--content .navigation__block img {
      width: 140%;
      max-width: 140%; } }

@media (max-width: 991px) {
  .cases__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .cases__container--left {
      width: 100%;
      max-width: 100%;
      margin: 0; }
      .cases__container--left--title--row {
        max-width: 100%; }
        .cases__container--left--title--row--block--picture {
          width: 140px;
          height: 140px; }
          .cases__container--left--title--row--block--picture img {
            width: 100%; }
        .cases__container--left--title--row--block--text {
          width: 60%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 5px 10px; }
          .cases__container--left--title--row--block--text p {
            font-size: 18px;
            padding: 5px 0 10px 0; }
      .cases__container--left--row--block {
        max-width: 50%; }
        .cases__container--left--row--block p {
          font-size: 16px;
          padding-bottom: 10px; }
        .cases__container--left--row--block .line {
          height: 3px;
          background-color: #02A3D1;
          width: 60px; }
        .cases__container--left--row--block b {
          font-size: 18px;
          padding-top: 10px; }
    .cases__container--right {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; }
      .cases__container--right--content .preview {
        border-radius: 10px;
        margin-bottom: 0;
        width: 100%;
        height: 380px;
        overflow: hidden; }
        .cases__container--right--content .preview__block {
          border-radius: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          overflow: hidden; }
          .cases__container--right--content .preview__block img {
            width: 100%;
            max-width: 100%; }
      .cases__container--right--content .navigation {
        margin-top: 10px; }
        .cases__container--right--content .navigation__block img {
          width: 140%;
          max-width: 140%; } }

@media (max-width: 656px) {
  .cases__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .cases__container--left {
      width: 100%;
      max-width: 100%;
      margin: 0; }
      .cases__container--left--title--row {
        max-width: 100%; }
        .cases__container--left--title--row--block--picture {
          width: 140px;
          height: 140px; }
          .cases__container--left--title--row--block--picture img {
            width: 100%; }
        .cases__container--left--title--row--block--text {
          width: 60%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          padding: 5px 10px; }
          .cases__container--left--title--row--block--text p {
            font-size: 18px;
            padding: 5px 0 10px 0; }
      .cases__container--left--row--block {
        max-width: 50%; }
        .cases__container--left--row--block p {
          font-size: 13px;
          padding-bottom: 10px; }
        .cases__container--left--row--block .line {
          height: 3px;
          background-color: #02A3D1;
          width: 60px; }
        .cases__container--left--row--block b {
          font-size: 16px;
          padding-top: 10px; }
    .cases__container--right {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; }
      .cases__container--right--content .preview {
        border-radius: 10px;
        margin-bottom: 0;
        width: 100%;
        height: 380px;
        overflow: hidden; }
        .cases__container--right--content .preview__block {
          border-radius: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          overflow: hidden; }
          .cases__container--right--content .preview__block img {
            width: 100%;
            max-width: 100%; }
      .cases__container--right--content .navigation {
        margin-top: 10px; }
        .cases__container--right--content .navigation__block img {
          width: 140%;
          max-width: 140%; } }

@media (max-width: 415px) {
  .cases h2 {
    font-size: 30px;
    padding: 24px 0; }
  .cases__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 96%;
    padding: 0 10px 10px 10px; }
    .cases__container--left {
      width: 100%;
      max-width: 100%;
      margin: 0; }
      .cases__container--left--title--row {
        max-width: 100%; }
        .cases__container--left--title--row--block {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .cases__container--left--title--row--block--picture {
            width: 140px;
            height: 140px; }
            .cases__container--left--title--row--block--picture img {
              width: 100%; }
          .cases__container--left--title--row--block--text {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 5px 10px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
            .cases__container--left--title--row--block--text p {
              font-size: 18px;
              text-align: center;
              padding: 5px 0 10px 0; }
      .cases__container--left--row--block {
        max-width: 50%; }
        .cases__container--left--row--block p {
          font-size: 12px;
          padding-bottom: 10px;
          text-align: center; }
        .cases__container--left--row--block .line {
          height: 3px;
          background-color: #02A3D1;
          width: 60px; }
        .cases__container--left--row--block b {
          font-size: 16px;
          padding-top: 10px; }
    .cases__container--right {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; }
      .cases__container--right--content .preview {
        border-radius: 10px;
        margin-bottom: 0;
        width: 100%;
        height: 260px;
        overflow: hidden; }
        .cases__container--right--content .preview__block {
          border-radius: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          overflow: hidden; }
      .cases__container--right--content .navigation {
        margin-top: 10px; }
        .cases__container--right--content .navigation__block {
        height: 100px; }
        .cases__container--right--content .navigation__block img {
          width: 160%;
          max-width: 160%; } }

.franch {
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }
  .franch__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .franch__container h2 {
      text-align: center;
      font-size: 30px;
      padding: 50px 0 40px 0;
      color: #fff; }
    .franch__container--blocks {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      max-width: 900px; }
      .franch__container--blocks .block {
        width: 30%;
        background-color: #fff;
        padding: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 10px 10px 50px 10px;
        border: 2px solid #E4E4E4; }
        .franch__container--blocks .block__line {
          height: 4px;
          width: 60px;
          background-color: #02A3D1; }
        .franch__container--blocks .block p {
          text-align: center;
          font-size: 16px;
          padding: 15px 0 0 0; }
    .franch__container--button {
      padding: 60px 0; }
      .franch__container--button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer; }
        .franch__container--button a button {
          background-color: #FBCA86;
          -webkit-box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          text-align: center;
          font-size: 18px;
          color: #000;
          border-radius: 60px;
          text-transform: none;
          padding: 15px 0;
          width: 300px;
          -webkit-transition: 1s;
          transition: 1s; }
          .franch__container--button a button:hover {
            -webkit-box-shadow: none;
            box-shadow: none; }

@media (max-width: 991px) {
  .franch {
    background-image: url("../img/assets/wallpaper/main-bg2.jpg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }
    .franch__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 900px !important; }
      .franch__container--blocks .block p {
        text-align: center;
        font-size: 14px;
        padding: 15px 0 0 0; } }

@media (max-width: 768px) {
  .franch {
    background-image: url("../img/assets/wallpaper/main-bg2.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .franch__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 900px !important; }
      .franch__container h2 {
        padding: 20px 0; }
      .franch__container--blocks {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .franch__container--blocks .block {
          min-height: 160px;
          min-width: 360px;
          margin-bottom: 10px; }
          .franch__container--blocks .block p {
            text-align: center;
            font-size: 18px;
            padding: 15px 0 0 0; }
      .franch__container--button {
        padding: 30px 0; } }

.table {
  background-color: #E4E4E4; }
  .table__container h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding: 50px 0; }
    .table__container h2 span {
      padding: 0 15px;
      background-image: url("../img/assets/svg/9-block-brush.svg");
      background-position: center;
      background-size: 100%;
      background-repeat: no-repeat; }
  .table__container--content {
    width: 1000px;
    margin: auto;
    background-color: #fff;
    border-radius: 10px; }
    .table__container--content--title {
      background-color: #02A3D1;
      border-radius: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      -webkit-box-shadow: 0 0 5px #00000016;
      box-shadow: 0 0 5px #00000016; }
      .table__container--content--title .left {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .table__container--content--title .left p {
          font-size: 18px;
          padding: 25px 40px;
          color: #E4E4E4; }
      .table__container--content--title .right {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .table__container--content--title .right p {
          font-size: 18px;
          text-align: left;
          padding: 25px 40px;
          color: #E4E4E4; }
    .table__container--content--row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 3px solid #E4E4E4; }
      .table__container--content--row:last-child {
        border-bottom: none; }
        .table__container--content--row:last-child .left p {
          font-size: 30px;
          font-weight: bold; }
        .table__container--content--row:last-child .right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          .table__container--content--row:last-child .right .old__price {
            position: relative; }
            .table__container--content--row:last-child .right .old__price p {
              font-size: 18px;
              font-weight: bold; }
            .table__container--content--row:last-child .right .old__price .line__throw {
              position: absolute;
              top: 50%;
              right: 0;
              width: 70%;
              margin: 0 15%;
              height: 2px;
              background-color: red; }
          .table__container--content--row:last-child .right span {
            color: #02A3D1;
            font-size: 36px;
            font-weight: bold;
            text-shadow: 1px 3px 5px #02A3D150; }
      .table__container--content--row .left {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-right: 3px solid #E4E4E4; }
        .table__container--content--row .left p {
          padding: 20px 40px;
          font-size: 16px; }
        .table__container--content--row .left__list {
          padding: 20px 40px; }
          .table__container--content--row .left__list p {
            padding: 0 0 10px 0;
            font-size: 16px; }
          .table__container--content--row .left__list ul li {
            text-align: left;
            font-size: 16px; }
      .table__container--content--row .right {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .table__container--content--row .right p {
          padding: 20px 40px;
          font-size: 16px; }
        .table__container--content--row .right__list {
          padding: 20px 40px;
          font-size: 16px; }
          .table__container--content--row .right__list p {
            padding: 0 0 10px 0; }
          .table__container--content--row .right__list ul li {
            text-align: left;
            font-size: 16px; }
  .table__container--button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0; }
    .table__container--button a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .table__container--button a button {
        background-color: #FBCA86;
        -webkit-box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
        box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
        text-align: center;
        font-size: 18px;
        color: #000;
        border-radius: 60px;
        text-transform: none;
        padding: 15px 0;
        width: 320px;
        -webkit-transition: 1s;
        transition: 1s; }
        .table__container--button a button:hover {
          -webkit-box-shadow: none;
          box-shadow: none; }

@media (max-width: 991px) {
  .table__container {
    max-width: 900px; }
    .table__container--content {
      width: 800px; } }

@media (max-width: 768px) {
  .table__container {
    max-width: 670px; }
    .table__container--content {
      width: 670px; }
      .table__container--content--row:last-child .right span {
        font-size: 24px; } }

@media (max-width: 415px) {
  .table__container {
    max-width: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;}
    .table__container h2 {
      padding: 30px 0;
      font-size: 18px; }
    .table__container--content {
        display: flex;
    flex-direction: column;
      width: 330px; }
      .table__container--content--title .left {
        display: none; }
      .table__container--content--title .right {
        width: 100%; }
        .table__container--content--title .right p {
          text-align: center;
          font-size: 16px !important;
          font-weight: bold; }
      .table__container--content--row {
        padding: 10px 20px 0 20px;}
        
        .table__container--content--row .left {
          border-right: none;
          width: 65%; }
          .table__container--content--row .left__list {
            width: 100%;
            padding: 20px 10px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
            .table__container--content--row .left__list ul li {
              font-size: 12px; }
          .table__container--content--row .left p {
            font-size: 14px;
            padding: 0 10px 10px 10px; }
        .table__container--content--row .right {
          width: 35%;
          padding: 0; }
          .table__container--content--row .right__list {
            width: 100%;
            padding: 20px 10px 20px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start; }
            .table__container--content--row .right__list ul li {
              font-size: 12px; }
          .table__container--content--row .right p {
            font-size: 14px;
            padding: 0 0 10px 0;
            text-align: left; }
        .table__container--content--row:last-child .left p {
          padding: 10px; }
        .table__container--content--row:last-child .right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start; }
          .table__container--content--row:last-child .right span {
            font-size: 14px; }
          .table__container--content--row:last-child .right .old__price p {
            padding: 0;
            font-size: 12px; } }

.risk {
  background-color: #000; }
  .risk__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .risk__container h2 {
      text-align: center;
      font-size: 30px;
      padding: 50px 0;
      color: #fff; }
    .risk__container--blocks {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .risk__container--blocks .block__left {
        max-width: 480px;
        max-height: 400px;
        background-color: #fff;
        border-radius: 10px;
        overflow: hidden;
        margin-right: 15px;
        padding: 25px; }
        .risk__container--blocks .block__left__text {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .risk__container--blocks .block__left__text h2 {
            font-size: 23px;
            padding: 0;
            color: #000;
            text-align: left; }
        .risk__container--blocks .block__left__picture {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .risk__container--blocks .block__left__picture img {
            width: 60%; }
      .risk__container--blocks .block__right {
        max-width: 700px;
        max-height: 380px;
        border-radius: 10px;
        overflow: hidden;
        margin-left: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative; }
        .risk__container--blocks .block__right--overlay {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          background-color: #00000050;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          -webkit-transition: 1s;
          transition: 1s;
          cursor: pointer; }
          .risk__container--blocks .block__right--overlay img {
            width: 60px !important;
            -webkit-transition: 1s;
            transition: 1s; }
        .risk__container--blocks .block__right img {
          width: 100%; }
        .risk__container--blocks .block__right:hover .block__right--overlay {
          background-color: #00000090; }
          .risk__container--blocks .block__right:hover .block__right--overlay img {
            width: 90px !important; }
    .risk__container--button {
      padding: 50px 0; }
      .risk__container--button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer; }
        .risk__container--button a button {
          background-color: #FBCA86;
          -webkit-box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
          text-align: center;
          font-size: 18px;
          color: #000;
          border-radius: 60px;
          text-transform: none;
          padding: 15px 0;
          width: 320px;
          -webkit-transition: 1s;
          transition: 1s; }
          .risk__container--button a button:hover {
            -webkit-box-shadow: none;
            box-shadow: none; }

@media (max-width: 1300px) {
  .risk__container {
    width: 90%;
    margin: auto; }
    .risk__container--blocks .block__right {
      max-height: 370px; } }

@media (max-width: 991px) {
  .risk__container {
    width: 90%;
    max-width: 900px;
    margin: auto; }
    .risk__container--blocks .block__right {
      max-height: 370px; } }

@media (max-width: 768px) {
  .risk__container {
    width: 90%;
    max-width: 900px;
    margin: auto; }
    .risk__container--blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .risk__container--blocks .block__right {
        max-height: 370px;
        max-width: 480px;
        margin: 30px 0 0 0; }
      .risk__container--blocks .block__left {
        margin: 0; } }

@media (max-width: 415px) {
  .risk__container {
    width: 90%;
    max-width: 900px;
    margin: auto; }
    .risk__container h2 {
      font-size: 20px;
      padding: 30px; }
    .risk__container--blocks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .risk__container--blocks .block__right {
        max-height: 190px;
        max-width: 480px;
        overflow: hidden;
        margin: 30px 0 0 0; }
        .risk__container--blocks .block__right img {
            height: 600px;
        }
      .risk__container--blocks .block__left {
        margin: 0; }
        .risk__container--blocks .block__left__text h2 {
          font-size: 16px; } }

.federal {
  background-color: #000; }
  .federal__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1050px;
    padding-bottom: 70px; }
    .federal__container h2 {
      font-size: 30px;
      font-weight: bold;
      padding: 50px 0;
      color: #fff; }
    .federal__container--row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      .federal__container--row:nth-child(3) {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important; }
        .federal__container--row:nth-child(3) .federal__container--row--arrow {
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 25%; }
      .federal__container--row:nth-child(4) .federal__container--row--arrow {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .federal__container--row--block {
        padding: 25px;
        background-color: #fff;
        border: 2px solid #E4E4E4;
        border-radius: 10px 10px 50px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 280px;
        max-height: 150px;
        height: 150px;
        position: relative; }
        .federal__container--row--block .number {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #FBCA86;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-shadow: 0 0 10px #00000040;
          box-shadow: 0 0 10px #00000040;
          position: absolute;
          left: -20px;
          top: -20px; }
          .federal__container--row--block .number span {
            font-size: 22px;
            font-weight: bold; }
        .federal__container--row--block .line {
          background-color: #02A3D1;
          width: 60px;
          height: 4px;
          background-color: #02A3D1; }
        .federal__container--row--block p {
          text-align: center;
          font-size: 16px;
          padding: 20px 0 0 0; }
      .federal__container--row--arrow {
        padding: 30px 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }

@media (max-width: 768px) {
  .federal__container:first-child .federal__container--row--arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .federal__container--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .federal__container--row--block {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      max-width: 310px; }
      .federal__container--row--block p {
        font-size: 18px;
        padding: 10px 0 0 0; } }

@media (max-width: 415px) {
  .federal__container h2 {
    font-size: 20px;
    padding: 30px; }
  .federal__container:first-child .federal__container--row--arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .federal__container--row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .federal__container--row--block {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      max-width: 310px; }
      .federal__container--row--block p {
        font-size: 18px;
        padding: 10px 0 0 0; } }

#calculator_one {
  background-color: #E4E4E4; }
  #calculator_one .sum {
    color: #02A3D1 !important; }
  #calculator_one h1 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    padding: 50px 0; }
  #calculator_one .container {
    margin: 0 auto;
    max-width: 1100px !important;
    color: #000; }
    #calculator_one .container .block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 0 0 50px 0;
      margin-bottom: 50px; }
      #calculator_one .container .block .block_left {
        width: 70%; }
        #calculator_one .container .block .block_left button {
          display: none; }
        #calculator_one .container .block .block_left h2 {
          width: auto;
          display: inline-block;
          color: #fbca86;
          font-size: 30px;
          letter-spacing: 1.5px;
          font-family: BebasNeue-Bold, sans-serif; }
        #calculator_one .container .block .block_left .sum {
          padding-right: 10px; }
        #calculator_one .container .block .block_left p {
          font-size: 22px;
          width: 330px;
          line-height: 1.3; }
        #calculator_one .container .block .block_left h3 {
          width: 100%;
          font-size: 25px; }
        #calculator_one .container .block .block_left .range-slider {
          margin: 0 0 25px 0; }
        #calculator_one .container .block .block_left .range-slider {
          width: 100%; }
        #calculator_one .container .block .block_left .range-slider__range {
          -webkit-transition: all .4s;
          transition: all .4s;
          -webkit-appearance: none;
          width: calc(80% - (73px));
          height: 10px;
          border-radius: 5px;
          background: #FBCA86;
          outline: none;
          padding: 0;
          margin: 0;
          border: none; }
        #calculator_one .container .block .block_left .range-slider__range::-webkit-slider-thumb {
          -webkit-transition: all .4s;
          transition: all .4s;
          -webkit-appearance: none;
          appearance: none;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: #6DBEE5;
          cursor: pointer;
          -webkit-transition: background .15s ease-in-out;
          transition: background .15s ease-in-out;
          border: 3px solid #fbca86; }
        #calculator_one .container .block .block_left .range-slider__range::-webkit-slider-thumb:hover {
          -webkit-transition: all .4s;
          transition: all .4s;
          background: #6DBEE5; }
        #calculator_one .container .block .block_left .range-slider__range:active::-webkit-slider-thumb {
          -webkit-transition: all .4s;
          transition: all .4s;
          background: #6DBEE5; }
        #calculator_one .container .block .block_left .range-slider__range::-moz-range-thumb {
          -webkit-transition: all .4s;
          transition: all .4s;
          width: 20px;
          height: 20px;
          border: 0;
          border-radius: 50%;
          background: #6DBEE5;
          cursor: pointer;
          -webkit-transition: background .15s ease-in-out;
          transition: background .15s ease-in-out; }
        #calculator_one .container .block .block_left .range-slider__range::-moz-range-thumb:hover {
          -webkit-transition: all .4s;
          transition: all .4s;
          background: #6DBEE5; }
        #calculator_one .container .block .block_left .range-slider__range:active::-moz-range-thumb {
          -webkit-transition: all .4s;
          transition: all .4s;
          background: #6DBEE5; }
        #calculator_one .container .block .block_left .range-slider__range:focus::-webkit-slider-thumb {
          -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px #6DBEE5;
          box-shadow: 0 0 0 3px #fff, 0 0 0 6px #6DBEE5; }
        #calculator_one .container .block .block_left .range-slider__value {
          display: inline-block;
          position: relative;
          color: #02A3D1;
          letter-spacing: 1.5px;
          font-family: BebasNeue-Bold, sans-serif;
          font-size: 25px;
          text-align: center;
          border-radius: 3px;
          padding: 5px 10px;
          margin-left: 8px; }
        #calculator_one .container .block .block_left .rub {
          color: #02A3D1;
          letter-spacing: 1.5px;
          font-family: BebasNeue-Bold, sans-serif;
          font-size: 25px; }
        #calculator_one .container .block .block_left ::-moz-range-track {
          background: #d7dcdf;
          border: 0; }
        #calculator_one .container .block .block_left input::-moz-focus-inner,
        #calculator_one .container .block .block_left input::-moz-focus-outer {
          border: 0; }
      #calculator_one .container .block .block_right {
        width: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end; }
        #calculator_one .container .block .block_right .discount form h3 {
          width: 275px; text-align: center;font-weight: bold; }
          #calculator_one .container .block .block_right .discount form span {
              display: none;
          }
        #calculator_one .container .block .block_right .discount form::after {
          height: 500px; }
      #calculator_one .container .block .block__button {
        width: 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
        margin-top: 30px; }
        #calculator_one .container .block .block__button a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          max-width: 220px;
          cursor: pointer; }
          #calculator_one .container .block .block__button a button {
            background-color: #FBCA86;
            -webkit-box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
            box-shadow: 0 3px 0 #C58A37, 0 4px 0 #C58A37, 0 0 43px rgba(255, 51, 51, 0.35);
            max-width: 300px;
            text-align: center;
            font-size: 18px;
            color: #000;
            border-radius: 60px;
            text-transform: none;
            padding: 15px 0;
            width: 300px; }
            #calculator_one .container .block .block__button a button:hover {
              -webkit-box-shadow: none;
              box-shadow: none; }

.discount form {
  color: #E4E4E4; position: relative;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#37383c), color-stop(#2b2c2f), color-stop(#202023), color-stop(#151517), to(#050507));
  background-image: linear-gradient(to right bottom, #37383c, #2b2c2f, #202023, #151517, #050507);
  -webkit-box-shadow: 2px 2px 25px 5px #0000003d;
  box-shadow: 2px 2px 25px 5px #0000003d;
  padding: 100px 0 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 440px; }
  .discount form:before {
    content: '';
    position: absolute;
    background-image: url(../img/background/investment/tt.png);
    background-position: left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-1690%, -165%);
    transform: translate(-1690%, -165%);
    height: 90px;
    width: 10px;
    z-index: 3; }
    .discount__cross {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    }
    @media (max-width: 415px) {
        .discount__cross {
            display: block;
        }
    }
  .discount form h3 {
    z-index: 2;
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 10px; }
  .discount form span {
    z-index: 2;
    font-weight: 300;
    width: 275px;
    text-align: left;
    line-height: 1;
    padding-bottom: 10px; }
  .discount form input {
    z-index: 2;
    width: 300px;
    color: #fff;
    text-align: center;
    height: 40px;
    background: #2B2B2F;
    border-radius: 50px;
    border: none;
    margin: 10px 0;
    font-size: 18px;
    -webkit-box-shadow: inset 2px 2px 5px 0 #000000;
    box-shadow: inset 2px 2px 5px 0 #000000;
    -webkit-appearance: none;
    transition: box-shadow 250ms linear, -webkit-box-shadow 250ms linear; }
    .discount form input:focus {
      outline: none;
      -webkit-box-shadow: inset 1px 1px 3px 0 #000;
      box-shadow: inset 1px 1px 3px 0 #000; }
    .discount form input::-webkit-input-placeholder {
      font-weight: 300;
      color: #fff; }
    .discount form input:-ms-input-placeholder {
      font-weight: 300;
      color: #fff; }
    .discount form input::-ms-input-placeholder {
      font-weight: 300;
      color: #fff; }
    .discount form input::placeholder {
      font-weight: 300;
      color: #fff; }
  .discount form button {
    max-width: 300px;
    z-index: 2;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#2b2b2f), color-stop(#2b2b2f), color-stop(#2b2b2f), color-stop(#1b1b1d), to(#171719));
    background-image: linear-gradient(to right bottom, #2b2b2f, #2b2b2f, #2b2b2f, #1b1b1d, #171719);
    border-radius: 50px;
    height: 40px;
    font-weight: 300;
    color: #fbca86;
    background-color: #2b2b2f;
    border: 1px solid #fbca86;
    cursor: pointer;
    margin-top: 10px;
    width: 300px;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
    -webkit-box-shadow: inset 0 0 0 0 #000000ad;
    box-shadow: inset 0 0 0 0 #000000ad;
    -webkit-appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .discount form .md-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 260px;
    margin-top: 25px;
    z-index: 2; }
    .discount form .md-checkbox a {
      display: block;
      font-size: 13px;
      width: 180px;
      line-height: 1;
      color: #bcbfc0;
      text-decoration: underline; }
    .discount form .md-checkbox input {
      -webkit-box-shadow: none;
      box-shadow: none;
      cursor: pointer; }
  .discount form::after {
    background-image: -webkit-gradient(linear, left top, right bottom, from(#37383c), color-stop(#2b2c2f), color-stop(#202023), color-stop(#151517), to(#050507));
    background-image: linear-gradient(to right bottom, #37383c, #2b2c2f, #202023, #151517, #050507);
    -webkit-box-shadow: 2px 2px 25px 5px #0000003d;
    box-shadow: 2px 2px 25px 5px #0000003d;
    -webkit-appearance: none;
    background-position: center;
    background-repeat: no-repeat;
    height: 600px;
    width: 420px;
    position: absolute;
    z-index: 0;
    bottom: 0; }

.discount::after {
  content: '';
  background-image: -webkit-gradient(linear, left top, right bottom, from(#37383c), color-stop(#2b2c2f), color-stop(#202023), color-stop(#151517), to(#050507));
  background-image: linear-gradient(to right bottom, #37383c, #2b2c2f, #202023, #151517, #050507);
  background-position: center;
  background-repeat: no-repeat; }

@media (max-width: 1300px) {
  #calculator_one .container {
    width: 90% !important;
    margin: auto !important; } }

@media (max-width: 991px) {
  #calculator_one .container .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px; }
    #calculator_one .container .block .block_left {
      width: 90%; }
      #calculator_one .container .block .block_left h3 {
        font-size: 0; }
    #calculator_one .container .block .block_right {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-top: 40px; }
      #calculator_one .container .block .block_right .discount form {
        width: 390px;
        
      } }

@media (max-width: 415px) {
    #calculator_one .container .block .block_right .discount form {
        height: 100vh;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
  #calculator_one .container .block .block_left .ref {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #calculator_one .container .block .block_left .ref .rub {
      font-size: 28px; }
  #calculator_one .container .block .block_left p {
    font-size: 18px; }
  #calculator_one .container .block .block_left .range-slider__value {
    font-size: 16px;
    font-weight: bold; }
  #calculator_one .container .block .block_left .rub {
    font-size: 16px; }
  #calculator_one .container .block .block_right {
    display: none;
    position: fixed;
    height: 100vh;
    margin: 0;
    background-color: #00000070;
    z-index: 1000;
      top: 0;}
      #calculator_one .container .block .block_right .discount {
     padding: 0 0 0 0;
     width: 100%;
     }
  #calculator_one .container .block .block__button {
    display: block; } }

.command {
  position: relative;
  }
  .command__container {
    width: 100%;
    position: relative; }
    .command__container h2 {
      z-index: 2;
      width: 30%;
      margin: 0 35%;
      text-align: center;
      position: absolute;
      top: 50px;
      padding: 0 15px;
      font-size: 40px;
      background-image: url("../img/assets/svg/15-block-brush.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%; }
    .command__container img {
      top: 0;
      z-index: 1;
      width: 100%;
      max-height: 1070px; }
    .command__container .command__container--mouse {
      width: 50%;
      height: 50%;
      position: absolute;
      bottom: 0;
      left: 25%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      z-index: 100; }
      .command__container .command__container--mouse .oleg {
        width: 50%;
        height: 100%;
        cursor: pointer; }
      .command__container .command__container--mouse .alik {
        width: 50%;
        height: 100%;
        cursor: pointer; }
    .command__container--block--hover-1 {
      display: none;
      position: absolute;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      background-image: url("../img/assets/overlay--1.svg");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
      .command__container--block--hover-1 .command__information--oleg {
        margin: 8% 0 0 5%;
        width: 500px; }
        .command__container--block--hover-1 .command__information--oleg h4 {
          color: #fff;
          font-size: 36px;
          text-transform: uppercase; }
        .command__container--block--hover-1 .command__information--oleg ul {
          width: 100%; }
          .command__container--block--hover-1 .command__information--oleg ul li {
            color: #fff;
            margin: 20px 0;
            list-style-type: disc;
            font-size: 28px; }
    .command__container--block--hover-2 {
      display: none;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      background-image: url("../img/assets/overlay--2.svg");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .command__container--block--hover-2 .command__information--alik {
        margin: 8% 5% 0 0;
        width: 500px; }
        .command__container--block--hover-2 .command__information--alik h4 {
          color: #fff;
          font-size: 36px;
          text-transform: uppercase; }
        .command__container--block--hover-2 .command__information--alik ul {
          width: 100%; }
          .command__container--block--hover-2 .command__information--alik ul li {
            color: #fff;
            margin: 20px 0;
            list-style-type: disc;
            font-size: 28px; }

@media (max-width: 1600px) {
  .command__container h2 {
    width: 30%;
    margin: 0 35%; }
  .command__container--block--hover-1 .command__information--oleg h4 {
    font-size: 28px; }
  .command__container--block--hover-1 .command__information--oleg ul li {
    font-size: 20px;
    margin: 5px 0; }
  .command__container--block--hover-2 .command__information--alik h4 {
    font-size: 28px; }
  .command__container--block--hover-2 .command__information--alik ul li {
    font-size: 20px;
    margin: 5px 0; } }

@media (max-width: 1300px) {
  .command__container h2 {
    width: 30%;
    margin: 0 35%; }
  .command__container--block--hover-1 .command__information--oleg h4 {
    font-size: 24px; }
  .command__container--block--hover-1 .command__information--oleg ul li {
    font-size: 18px;
    margin: 7px 0; }
  .command__container--block--hover-2 .command__information--alik h4 {
    font-size: 24px; }
  .command__container--block--hover-2 .command__information--alik ul li {
    font-size: 18px;
    margin: 7px 0; } }

@media (max-width: 1100px) {
  .command__container h2 {
    width: 30%;
    margin: 0 35%; }
  .command__container--block--hover-1 .command__information--oleg h4 {
    font-size: 22px; }
  .command__container--block--hover-1 .command__information--oleg ul li {
    font-size: 16px;
    margin: 4px 0; }
  .command__container--block--hover-2 .command__information--alik h4 {
    font-size: 22px; }
  .command__container--block--hover-2 .command__information--alik ul li {
    font-size: 16px;
    margin: 4px 0; } }

@media (max-width: 991px) {
  .command__container h2 {
    width: 40%;
    margin: 0 30%;
    top: 20px;
    font-size: 20px; }
  .command__container--block--hover-1 .command__information--oleg {
    width: 300px;
    margin: 5% 0 0 5%; }
    .command__container--block--hover-1 .command__information--oleg h4 {
      font-size: 22px; }
    .command__container--block--hover-1 .command__information--oleg ul li {
      font-size: 14px;
      margin: 5px 0; }
  .command__container--block--hover-2 .command__information--alik {
    width: 300px;
    margin: 5% 5% 0 0; }
    .command__container--block--hover-2 .command__information--alik h4 {
      font-size: 22px; }
    .command__container--block--hover-2 .command__information--alik ul li {
      font-size: 14px;
      margin: 5px 0; } }

@media (max-width: 415px) {
  .command__container h2 {
    width: 43%;
    top: 2px;
    font-size: 18px; }
  .command__container--block--hover-1 .command__information--oleg {
    width: 300px;
    margin: 2% 0 0 2%; }
    .command__container--block--hover-1 .command__information--oleg h4 {
      font-size: 14px; }
    .command__container--block--hover-1 .command__information--oleg ul li {
      font-size: 10px;
      margin: 5px 0; }
  .command__container--block--hover-2 .command__information--alik {
    width: 300px;
    margin: 2% 0 0 2%; }
    .command__container--block--hover-2 .command__information--alik h4 {
      font-size: 14px; }
    .command__container--block--hover-2 .command__information--alik ul li {
      font-size: 10px;
      margin: 5px 0; } }

.quizblock__container h2 {
  width: 100%;
  text-align: center;
  font-size: 30px;
  background-color: #252528;
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff; }

.quizblock__container .wrap {
  height: auto !important;
  background-color: #252528; }

.quizblock__container .modal__box--space--middle--container h2 {
  background-color: #fff;
  color: #000;
  text-align: left; }

@media (max-width: 1300px) {
  .quizblock__container h2 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    background-color: #252528;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff; }
  .quizblock__container .wrap {
    height: auto !important;
    display: block !important;
    position: relative;
    background-color: #252528; }
    .quizblock__container .wrap .modal__close {
      display: none; }
  .quizblock__container .modal__box--space--middle--container h2 {
    background-color: #fff;
    color: #000;
    text-align: left; } }

@media (max-width: 769px) {
  .quizblock__container h2 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    background-color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff; }
  .quizblock__container .wrap {
    height: auto !important;
    display: block !important;
    position: relative;
    background-color: #000; }
    .quizblock__container .wrap .modal {
      position: relative !important;
      width: 96% !important; }
    .quizblock__container .wrap .modal__close {
      display: none; }
  .quizblock__container .modal__box--space--middle--container h2 {
    background-color: #fff;
    color: #000;
    text-align: left; } }

@media (max-width: 1300px) {
  .whois .container {
    max-width: 1200px !important; } }

@media (max-width: 991px) {
  .whois h1 {
    width: 100%;
    text-align: center; }
  .whois .container .row .contex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .whois .container .row .contex .left {
      width: 80%; }
    .whois .container .row .contex .right {
      width: 80%;
      margin-top: 40px; } }

@media (max-width: 415px) {
  .whois h1 {
    width: 100%;
    text-align: center;
    font-size: 30px;
    padding-bottom: 20px; }
  .whois .container .row {
    padding: 30px 0 50px 0; }
    .whois .container .row .contex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .whois .container .row .contex .left {
        width: 100%; }
        .whois .container .row .contex .left .semen {
          margin: 50px auto 10px auto; }
      .whois .container .row .contex .right {
        width: 95%;
        margin: 20px auto 0 auto; } }

@media (max-width: 991px) {
  .o_nas .container .row .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .o_nas .container .row .block .left {
      width: 100%; }
    .o_nas .container .row .block .right {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

@media (max-width: 415px) {
  .o_nas .container .row {
    padding: 20px 0 0 0; }
    .o_nas .container .row h1 {
      font-size: 24px;
      padding: 0 0 10px 0; }
    .o_nas .container .row .block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .o_nas .container .row .block .left {
        width: 100%; }
      .o_nas .container .row .block .right {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }

@media (max-width: 1350px) {
  .cons {
    padding-bottom: 60px !important; }
    .cons .none_2 {
      width: 60% !important; } }

@media (max-width: 415px) {
  .cons {
    padding-bottom: 60px !important; }
    .cons .container .steps__block:first-child {
      margin-top: -30px; }
    .cons .container .quiz a {
      width: 90% !important; }
    .cons .none_2 {
      width: 60% !important; } }

.basics .container .basics-box h2 span {
  color: #000; }
  .basics .container .basics-box h2 span:first-child {
    padding: 0 13px;
    background-image: url("../img/assets/svg/3-block-brush1.svg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }
  .basics .container .basics-box h2 span:nth-child(2) {
    padding: 0 10px;
    background-image: url("../img/assets/svg/3-block-brush2.svg");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.basics .container .basics-box h2 .three {
  padding: 0 10px;
  background-image: url("../img/assets/svg/3-block-brush2.svg");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat; }

@media (max-width: 415px) {
  .basics {
    padding: 40px 0 40px 0; }
    .basics .container .basics-box h1 {
      font-size: 22px; }
    .basics .container .basics-box h2 {
      font-size: 18px;
      text-align: center; } }

.modal__contract {
  position: fixed;
  z-index: 102;
  top: 0;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #00000070;
  height: 100vh;
  display: none; }
  .modal__contract--container {
    width: 30%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
    .modal__contract--container--close {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      padding: 10px;
      border: 1px solid;
      border-radius: 50%;
      background-color: #000;
      cursor: pointer; }
      .modal__contract--container--close img {
        width: 40px !important;
        height: 40px; }
    .modal__contract--container img {
      width: 100%;
      margin: 0; }

@media (max-width: 1600px) {
  .modal__contract {
      width: 100%;
    position: fixed;
    z-index: 102;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000070;
    height: 100vh;
    display: none; }
    .modal__contract--container {
      width: 40%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .modal__contract--container--close img {
        width: 40px !important;
        height: 40px; }
      .modal__contract--container img {
        width: 100%;
        margin: 0; } }

@media (max-width: 1300px) {
  .modal__contract {
    position: fixed;
    z-index: 102;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000070;
    height: 100vh;
    display: none; }
    .modal__contract--container {
      width: 48%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .modal__contract--container--close img {
        width: 40px !important;
        height: 40px; }
      .modal__contract--container img {
        width: 100%;
        margin: 0; } }

@media (max-width: 1100px) {
  .modal__contract {
    position: fixed;
    z-index: 102;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000070;
    height: 100vh;
    display: none; }
    .modal__contract--container {
      width: 55%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .modal__contract--container--close img {
        width: 40px !important;
        height: 40px; }
      .modal__contract--container img {
        width: 100%;
        margin: 0; } }

@media (max-width: 991px) {
  .modal__contract {
    position: fixed;
    z-index: 102;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000070;
    height: 100vh;
    display: none; }
    .modal__contract--container {
      width: 63%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .modal__contract--container--close img {
        width: 40px !important;
        height: 40px; }
      .modal__contract--container img {
        width: 100%;
        margin: 0; } }

@media (max-width: 768px) {
  .modal__contract {
    position: fixed;
    z-index: 102;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000070;
    height: 100vh;
    display: none; }
    .modal__contract--container {
      width: 74%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .modal__contract--container--close img {
        width: 40px !important;
        height: 40px; }
      .modal__contract--container img {
        width: 100%;
        margin: 0; } }

@media (max-width: 600px) {
  .modal__contract {
    position: fixed;
    z-index: 102;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000070;
    height: 100vh;
    display: none; }
    .modal__contract--container {
      width: 86%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .modal__contract--container--close img {
        width: 40px !important;
        height: 40px; }
      .modal__contract--container img {
        width: 100%;
        margin: 0; } }

@media (max-width: 415px) {
  .modal__contract {
    position: fixed;
    z-index: 102;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #00000070;
    height: 100vh; }
    .modal__contract--container {
      width: 80%;
      height: auto; }
      .modal__contract--container img {
        width: 98%;
        margin: 0 1%; } }