@charset "UTF-8";
/* reset */
/* main variables */
/*
Соответствие весов:
100 Thin
200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

Для выбора шрифта:
font-family: 'Poppins', sans-serif;
и нужные вариации font-weight/font-style
*/
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-Thin.ttf");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-ThinItalic.ttf");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-ExtraLight.ttf");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-ExtraLightItalic.ttf");
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-Light.ttf");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-LightItalic.ttf");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-Italic.ttf");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-MediumItalic.ttf");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-SemiBoldItalic.ttf");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins-Bold';
  src: url("../fonts/Poppins/Poppins-Bold.ttf");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-BoldItalic.ttf");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-ExtraBold.ttf");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-ExtraBoldItalic.ttf");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-Black.ttf");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins/Poppins-BlackItalic.ttf");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
  unicode-range: U+0020-FFFD; }
.accordion {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex: 1;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1;
  border-bottom: none; }
  .accordion .accordion__item {
    border-bottom: 1px solid #C4C4C4;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-box-flex: 1;
            flex: 1 1 100%; }
    .accordion .accordion__item .accordion__item-trigger {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 20px 0;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      cursor: pointer; }
      .accordion .accordion__item .accordion__item-trigger .trigger__text {
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.035em;
        color: #222222;
        margin-left: 10px; }
      .accordion .accordion__item .accordion__item-trigger .trigger__img {
        position: relative;
        margin-left: auto; }
        .accordion .accordion__item .accordion__item-trigger .trigger__img .trigger__line-1 {
          display: block;
          width: 12px;
          height: 2px;
          background: black;
          border-radius: 100px; }
        .accordion .accordion__item .accordion__item-trigger .trigger__img .trigger__line-2 {
          display: block;
          width: 12px;
          height: 2px;
          background: black;
          margin-top: -2px;
          border-radius: 100px;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
    .accordion .accordion__item.accordion__item-active .accordion__item-content {
      display: block; }
    .accordion .accordion__item.accordion__item-active .trigger__line-2 {
      -webkit-transform: rotate(0) !important;
      transform: rotate(0) !important;
      -webkit-transition: 0.1s -webkit-transform ease;
      transition: 0.1s -webkit-transform ease;
      transition: 0.1s transform ease;
      transition: 0.1s transform ease, 0.1s -webkit-transform ease; }
    .accordion .accordion__item.accordion__item-active .trigger__line-1 {
      opacity: 0;
      -webkit-transition: 0.1s all ease;
      transition: 0.1s all ease; }
    .accordion .accordion__item .accordion__item-content {
      padding-bottom: 20px;
      display: none;
      text-align: left;
      -webkit-animation: fade 0.3s ease;
              animation: fade 0.3s ease; }
      .accordion .accordion__item .accordion__item-content .content__text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        margin: 10px;
        font-size: 18px; }
        .accordion .accordion__item .accordion__item-content .content__text a {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          margin: 8px 0;
          padding: 0;
          color: #666666;
          text-align: left;
          line-height: 105%; }
          .accordion .accordion__item .accordion__item-content .content__text a:hover {
            text-decoration: underline; }
        .accordion .accordion__item .accordion__item-content .content__text:first-child {
          margin-top: 0; }
  @media (min-width: 768px) {
    .accordion {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      border-bottom: 1px solid #C4C4C4; }
      .accordion .accordion__item {
        max-width: 260px;
        border-bottom: none; }
        .accordion .accordion__item .accordion__item-trigger {
          cursor: default; }
          .accordion .accordion__item .accordion__item-trigger .trigger__text {
            font-size: 22px; }
          .accordion .accordion__item .accordion__item-trigger .trigger__img {
            display: none; }
        .accordion .accordion__item .accordion__item-content {
          display: block !important; } }

/*
================================================================================
|                                CONTENT-MODERN                                |
================================================================================
*/
.font-poppins {
  font-family: 'Poppins', sans-serif; }

.site-blue {
  color: #0b779a; }
.site-pink {
  color: #9c0020; }

.max-width-500 {
  max-width: 500px;
  margin: 0 auto; }
.max-width-600 {
  max-width: 600px;
  margin: 0 auto; }
.max-width-700 {
  max-width: 700px;
  margin: 0 auto; }
.max-width-750 {
  max-width: 750px;
  margin: 0 auto; }
.max-width-800 {
  max-width: 800px;
  margin: 0 auto; }
.max-width-900 {
  max-width: 900px;
  margin: 0 auto; }

.width-80 {
  width: 80%; }

.mt-10 {
  margin-top: 10px; }

.content-block {
  height: 100%;
  width: 100%;
  padding: 3% 0;
  font-size: 16px; }
  .content-block h1 {
    color: inherit; }
  .content-block b {
    font-weight: 600; }
  .content-block .bg-gray {
    background: #ececec; }
  .content-block .bg-white {
    background: #ffffff; }
  .content-block__header {
    position: relative;
    text-align: center; }
    .content-block__header .img-absolute {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: -1; }
    .content-block__header .personal-meetings_text-block {
      position: absolute;
      bottom: 3%;
      left: 0;
      width: 100%;
      background-color: #4d97c9;
      opacity: 0.9;
      padding: 10px 20px; }
      .content-block__header .personal-meetings_text-block .img-text__body {
        display: inline-block;
        padding-left: 8%; }
        @media screen and (max-width: 1100px) {
          .content-block__header .personal-meetings_text-block .img-text__body {
            padding-left: 0; } }
        @media screen and (max-width: 991px) {
          .content-block__header .personal-meetings_text-block .img-text__body {
            padding-left: 8%; } }
        @media screen and (max-width: 600px) {
          .content-block__header .personal-meetings_text-block .img-text__body {
            padding-left: 0; } }
        .content-block__header .personal-meetings_text-block .img-text__body .img-text {
          display: block;
          max-width: 300px;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .content-block__header .personal-meetings_text-block .img-text__body .img-text {
              max-width: 250px; } }
          @media screen and (max-width: 600px) {
            .content-block__header .personal-meetings_text-block .img-text__body .img-text {
              max-width: 200px; } }
      .content-block__header .personal-meetings_text-block .text {
        display: inline-block;
        color: #fff;
        font-size: 24px;
        font-weight: 300;
        padding: 0 10px; }
        @media screen and (max-width: 767px) {
          .content-block__header .personal-meetings_text-block .text {
            font-size: 22px; } }
        @media screen and (max-width: 600px) {
          .content-block__header .personal-meetings_text-block .text {
            font-size: 20px; } }
  .content-block__header img, .content-block__responsive img {
    display: block;
    width: 100%; }
  .content-block__responsive {
    display: block;
    margin: auto; }
  .content-block__body {
    margin-top: 18px;
    margin-bottom: 20px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .content-block__body {
        margin-top: 10px; } }
    .content-block__body p {
      text-align: center;
      padding: 3px 0;
      font-size: inherit;
      color: inherit;
      line-height: 110%; }
  .content-block__caption {
    width: 100%;
    padding: 10px 0;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-align: center; }
    .content-block__caption h1 {
      font-size: 30px;
      font-family: inherit; }
      @media screen and (max-width: 1450px) {
        .content-block__caption h1 {
          font-size: 28px; } }
      @media screen and (max-width: 767px) {
        .content-block__caption h1 {
          font-size: 26px; } }
  .content-block__small-caption {
    width: 100%;
    padding: 1.0rem 3%;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase; }
  .content-block__text-block {
    padding: 0 3%; }
  .content-block__title {
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    text-align: center; }
    .content-block__title h2 {
      font-size: 24px;
      color: inherit;
      font-family: inherit;
      font-weight: 600; }
      @media screen and (max-width: 1450px) {
        .content-block__title h2 {
          font-size: 22px; } }
  .content-block__small-title {
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    text-align: center; }
    .content-block__small-title h2 {
      font-size: 20px;
      line-height: 110%;
      color: inherit;
      font-family: inherit;
      font-weight: 600; }
      @media screen and (max-width: 600px) {
        .content-block__small-title h2 {
          font-size: 18px; } }
  .content-block .green-text {
    display: inline-block;
    color: #008f14;
    font-size: 24px;
    font-weight: 600; }
    @media screen and (max-width: 1450px) {
      .content-block .green-text {
        font-size: 22px; } }
  .content-block .img-caption {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px; }
    .content-block .img-caption img {
      width: 100%;
      height: 100%; }
  .content-block .adaptive-padding-top-47 {
    padding-top: 47%; }
  .content-block .data-block {
    margin-top: 8px;
    line-height: 115%; }
    .content-block .data-block__row {
      display: block;
      text-align: left;
      width: 100%;
      padding: 8px 0; }
    .content-block .data-block__body {
      display: inline-block;
      text-align: right;
      max-width: 870px;
      width: 100%; }
    .content-block .data-block__info {
      display: inline-block;
      text-align: left;
      line-height: 115%;
      width: 100%;
      max-width: 820px; }
    .content-block .data-block__price {
      display: -webkit-inline-box;
      /* Safari 6.1-8 */
      display: -ms-inline-flexbox;
      /* IE10-11 */
      display: -webkit-inline-flex;
      display: inline-flex;
      text-align: left;
      line-height: 115%;
      width: 100%;
      -webkit-align-items: center;
      -ms-flex-align: center;
      -webkit-box-align: center;
              align-items: center;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding: 0 10px 0 20px; }
    .content-block .data-block__title {
      display: block;
      text-align: left;
      padding: 20px 20px 0 20px; }
    .content-block .data-block .left-block {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 67%;
      -webkit-flex: 1 1 67%;
              flex: 1 1 67%;
      text-align: left; }
      .content-block .data-block .left-block.list-item {
        position: relative;
        padding-left: 10px; }
        .content-block .data-block .left-block.list-item:before {
          content: '';
          position: absolute;
          top: 5px;
          left: 0;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: #000; }
    .content-block .data-block .right-block {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
      -webkit-flex: 1 1 33%;
              flex: 1 1 33%;
      text-align: left;
      padding: 0 10px; }
    .content-block .data-block .bg-gray .data-block__title {
      padding-top: 3px;
      padding-bottom: 6px; }
  .content-block .special-offer {
    margin-top: 40px; }
    .content-block .special-offer__title {
      text-align: center;
      padding-bottom: 5px; }
    .content-block .special-offer .text-block-1 {
      max-width: 700px;
      margin: 0 auto;
      padding: 0 20px; }
    .content-block .special-offer .text-block-2 {
      margin-top: 5px;
      padding: 7px 20px 5px 20px; }
    .content-block .special-offer .text-block-3 {
      padding: 0 20px; }
    .content-block .special-offer__button {
      margin: 22px 0 35px 0; }
      .content-block .special-offer__button img {
        display: block;
        margin: 0 auto;
        width: 180px;
        border-radius: 3px; }
        .content-block .special-offer__button img:hover {
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
  .content-block .secret-admirer {
    color: #3b3b3b; }
    .content-block .secret-admirer .unlock {
      position: relative;
      width: 100%; }
      .content-block .secret-admirer .unlock.small {
        max-width: 282px;
        margin: 5px auto 35px auto; }
      .content-block .secret-admirer .unlock.big {
        max-width: 386px;
        margin: 35px auto 50px auto; }
        .content-block .secret-admirer .unlock.big img {
          border-radius: 5px; }
      .content-block .secret-admirer .unlock img {
        display: block;
        width: 100%;
        border-radius: 4px; }
        .content-block .secret-admirer .unlock img:hover {
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
  .content-block .info-box {
    background: #ffffff;
    border: 1px solid #c8d6df;
    -webkit-box-shadow: 0 0 18px rgba(105, 210, 55, 0.5);
            box-shadow: 0 0 18px rgba(105, 210, 55, 0.5);
    text-align: left;
    margin: 15px 0 20px 0; }
    .content-block .info-box__list {
      max-width: 500px;
      width: 100%;
      margin: 0 auto;
      padding: 18px 30px 15px 30px; }
  .content-block .list-item {
    position: relative;
    padding-left: 10px; }
    .content-block .list-item:before {
      content: '';
      position: absolute;
      top: 5px;
      left: 0;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #000; }
  .content-block .personal-meetings {
    line-height: 140%; }
    .content-block .personal-meetings .blue-block {
      background-color: #4d97c9;
      padding: 20px 10px;
      color: #fff;
      margin-top: 20px;
      border-radius: 3px; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.how-to section, .guides section {
  padding: 3% 0;
  border-bottom: 1px solid rgba(13, 65, 99, 0.3);
  line-height: 130%; }
  .how-to section:first-of-type, .guides section:first-of-type {
    padding-top: 0; }
  .how-to section:last-of-type, .guides section:last-of-type {
    padding-bottom: 0;
    border-bottom: none; }
.how-to h2, .guides h2 {
  margin-bottom: 1em;
  color: inherit;
  font-size: 22px;
  font-weight: 600;
  line-height: 130%; }
.how-to h3, .guides h3 {
  color: inherit;
  font-size: 18px;
  line-height: 130%; }

.guides h3 {
  margin: 1em auto;
  font-weight: 500; }
.guides ul, .guides ol {
  margin-top: 0;
  padding-left: 15px; }
.guides ul {
  list-style-type: "– "; }

.how-to h3 {
  display: inline;
  font-weight: 400; }
.how-to ol {
  counter-reset: list1; }
  .how-to ol li {
    list-style: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 1em; }
    .how-to ol li::before {
      counter-increment: list1;
      content: "Step " counter(list1) ". ";
      font-weight: 600; }
.how-to .btn {
  display: inline-block;
  max-width: 200px !important;
  min-width: 150px;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  float: right; }
  .how-to .btn > span {
    font-size: 18px;
    white-space: normal;
    word-break: break-word; }
  .how-to .btn-green {
    background-color: #009311; }
    .how-to .btn-green:active, .how-to .btn-green-invert:hover {
      background-color: #009311;
      color: #ffffff; }
    .how-to .btn-green:hover, .how-to .btn-green-invert {
      background-color: #ffffff;
      text-shadow: none;
      text-decoration: none;
      border-color: #009311;
      color: #009311; }
    .how-to .btn-green-invert {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .how-to .btn-green-invert:hover {
        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
                box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

.chatRoom.content__main [class*="content__main_body"] {
  padding: 3% 0 !important;
  background: none !important;
  font-size: inherit; }
  @media screen and (max-width: 991px) {
    .chatRoom.content__main [class*="content__main_body"] {
      padding: 3% !important; } }
.chatRoom .title {
  font-family: inherit;
  font-weight: 600;
  line-height: inherit;
  text-transform: none;
  text-align: left; }
  .chatRoom .title span[data-chatRoom]:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    padding: 0; }
  .chatRoom .title span[data-chatRoom="chat"]:before {
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAQAAADoKdYeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfqBxcLKgKJ1WOXAAABMElEQVQoz42SyyuEYRSHn+8zRC4LSSE2FMtZ8BeoWWk21pRZ+wesbZWwtVSGlZUVGxYWLkUjG6EkxSjXRuPy2HwymRm+31mc3vM+53Te855AgAEmSdFOQCXl2WCBHARCmiWaOeMSK6ABXfRRIEMW+3303lFrpYrVOGLeV5O4qKargt82rK7glSf/ooh73oS0c0YcndIaYpUZlD/UsOTYSIomAJIMAtBAipYSwqLrUVcz6pzYaVHtFafV+eh2xbdESV6Oc46AZ3ao5wE45pxc5crYEPnQ8FekrDIUIv9ZFgEJQuKqls+4cB1DXMSFp+hm+afnNlqrfEYHY2Q4ZBaLrhk465N/acMeCSywxRUTHLBbcZ/llm02EfDOD3XVuv83D1/UrIk4a5pgn2vGeY8zki+8tBFRg60a3gAAAABJRU5ErkJggg=="); }
  .chatRoom .title span[data-chatRoom="online"] {
    text-align: right;
    color: #04ee0f; }
    .chatRoom .title span[data-chatRoom="online"]:before {
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAlCAMAAACTWPJzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABX1BMVEUE7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g8E7g////+6Yg6XAAAAc3RSTlMAEaDZiExShYAtAdHhb+v7YwJd/vccjDoVeMyVac4Q/DWUSX5zkVpc+uUqk3Sk9lYD0/Ao7745W4rSB/ReR7IO3PnAmJxBS8XzHVExeqIpbStTtv2twd31YULt5zgjEt5s5JcayWjsqpJnLyUTWdBXBEMwS7OSdQAAAAFiS0dEdN9tqG0AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfqBxcLOww9tG2AAAABKElEQVQoz2XRZ1fCMBQG4KiggqNqCxYXglq3orhFceFeuBAnbsXt+//PsRklDdwvyX1O7s0ihEVZeYXHW0lcUQUa1T6/A/4aO6+tq9caBDQ26bYYgSCaxQozxIpa9FanhrQxQXtHoXGQQbhTbhXha6JSurh0l0hPsWiWlN6+fioDUixtMGzTkJRhjNAyY9SB2BjvjPG4EHNCCCZjXKZ0RzDNZaYAmJ2j4JuXggSVBRdgkUpyaZlnK6trKZO9TyC+nqAn9LqfnmwAm1uKbNtF7nxnd88+nviH/YPD9NExbXwibnDKtjHOMjjnkr3AZcS6ur65RY7LHe4f2OQRT1yeX0TzV6T55C0vJIcUUSOLvAp+D95V+cjgUxXzS4+qkgzhu6jzz+8fG/8BX1pkySuQbf0AAAAASUVORK5CYII="); }
.chatRoom__start h2 {
  color: inherit;
  font-family: inherit;
  line-height: 120%; }
  .chatRoom__start h2 b {
    font-weight: 600; }
.chatRoom__start .d__cell:last-child {
  text-align: right; }
.chatRoom .gallery {
  display: block;
  margin-top: 4%; }
  .chatRoom .gallery_item {
    width: 100%;
    margin: 10px auto;
    padding: 0 8%;
    background: none;
    -webkit-filter: none;
    filter: none;
    cursor: pointer; }
    .chatRoom .gallery_item:hover {
      background: #e6e8ec;
      -webkit-filter: drop-shadow(0px 3px 2px #686868);
      filter: drop-shadow(0px 3px 2px #686868); }
    .chatRoom .gallery_item[data-statusid="1"]:before {
      background: #009311; }
    .chatRoom .gallery_item[data-statusid="1"][data-stream="1"]:before {
      content: '';
      background: #009311; }
    .chatRoom .gallery_item[data-statusid="1"][data-stream="1"] .gallery_item_photo:after {
      content: '';
      width: 30%;
      padding-top: 30%;
      border-radius: 50%;
      background-color: #ffffff;
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAMAAAD32Kf8AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAASFBMVEUwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxYwmxb////ir/bzAAAAFnRSTlMAiOnt5GDzwRZh7r9b3v24FbWwPLE5OaybVAAAAAFiS0dEFwvWmI8AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfqBxcOIyprabLPAAAARklEQVQY02NgZGJGAiysDGDAJoYC2IFCHJwMXKii3AwMPLx8DMyoovwCgmJizOiiQsJiWERFRGkjit02qMuw+wK7j7GGDgBqvRLnHa4jFwAAAABJRU5ErkJggg==");
      background-position: 50% 50%;
      background-size: 60% auto;
      background-repeat: no-repeat;
      position: absolute;
      top: 5%;
      right: 5%; }
    .chatRoom .gallery_item:after {
      content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAMAAAAB8C7XAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABHVBMVEU8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZg8dZj///9RdVMcAAAAXXRSTlMAEXPG6OnIdxQz2Nw5If2ubGqq++wmq/JMRfC2+Wv6JUf2Hhv1VFPtEGFSEmBPDl0MDVvuaE7E4uTmVVjL2WnUZlZfKy1RAYf8kSQpfYgwJy8CYwRi0VpZyldczmRDvNoAAAAAAWJLR0ReBNZhuwAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+oHFw4hKcBWgfcAAAEPSURBVCjPjZFpV8IwEEVHQVGEurQormhdIqBADUpxA2Vxx7Xu7///DUuLnrSdD94veWfuSTKTEA0YGo7FR0YTYxRiPAmPiVSwno5Dm5yantFhZAJiFnPZ/jq/gMXAhiUk/LSMlZwiVrFm+ml9A5uK2ILYHjQnkFdEAaLop6LAzn/ELkTJTyWB8l+5Yu1BmpaHKVG1Kl55/6BmC2h126OuQdq12CFRFixHdIyT03yIagMNkmhShDNIEjiPCrdLUiZttX9TRxXdC/3yqsuI634zN4xI64CWYwTdAnfcHZQBeqzoASlW3AMPrHgsPz0HhPoxyuQSL1FRcN/KgfPaCfH2jiR98P/hHvP5ZYgQhvNNPyMMVX2+yRo7AAAAAElFTkSuQmCC");
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      position: absolute;
      top: 50%;
      right: -webkit-calc(8% - 24px);
      right: calc(8% - 24px);
      z-index: 1; }
    .chatRoom .gallery_item .d__cell {
      padding: 10px; }
      .chatRoom .gallery_item .d__cell:first-child {
        white-space: nowrap; }
    .chatRoom .gallery_item a:not(.gallery_item_link) {
      padding-top: 0;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      overflow: visible; }
      .chatRoom .gallery_item a:not(.gallery_item_link):before {
        content: '';
        display: block;
        padding-top: 100%; }
      @supports (aspect-ratio: 1/1) {
        .chatRoom .gallery_item a:not(.gallery_item_link) {
          aspect-ratio: 1/1; }
          .chatRoom .gallery_item a:not(.gallery_item_link):before {
            content: none; } }
      .chatRoom .gallery_item a:not(.gallery_item_link) img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        position: absolute;
        inset: 0; }
    .chatRoom .gallery_item_photo {
      max-width: 100px;
      min-width: 60px;
      width: 10vw;
      margin-right: 10px; }
    .chatRoom .gallery_item_name {
      width: auto;
      display: inline-block;
      vertical-align: middle;
      padding: 0;
      z-index: 1;
      color: inherit;
      font-weight: 400;
      font-family: inherit;
      font-size: inherit;
      line-height: 100%;
      text-transform: none;
      text-align: center; }
    .chatRoom .gallery_item_message {
      color: transparent;
      text-shadow: 0 0 6px #222222;
      font-size: 14px; }
      @supports ((-webkit-filter: blur(3px)) or (filter: blur(3px))) {
        .chatRoom .gallery_item_message {
          color: inherit;
          -webkit-filter: blur(3px);
                  filter: blur(3px);
          text-shadow: none; } }
.chatRoom .btn {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px !important;
  min-width: 150px;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  border: 2px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
  color: #ffffff;
  font-family: inherit;
  font-weight: 400;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 110%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }
  .chatRoom .btn > span {
    font-size: 18px;
    white-space: normal;
    word-break: break-word; }
  .chatRoom .btn-green {
    background-color: #009311; }
    .chatRoom .btn-green:hover {
      background-color: #ffffff;
      text-shadow: none;
      text-decoration: none;
      border-color: #009311;
      color: #009311; }
  .chatRoom .btn.mw-100 {
    max-width: 100% !important;
    margin: 4% auto; }
  .chatRoom .btn.oauth {
    height: 50px;
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none; }
    .chatRoom .btn.oauth:before, .chatRoom .btn.oauth:after {
      display: none; }
    .chatRoom .btn.oauth > div {
      display: block;
      width: 100%;
      max-width: 100%;
      height: 100%; }
    .chatRoom .btn.oauth a[aria-label="Log in with Google"] {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding: 0 10px;
      border: 2px solid #3c7598;
      border-radius: 4px;
      background-color: #ffffff;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #222222;
      text-shadow: none; }
      .chatRoom .btn.oauth a[aria-label="Log in with Google"]:before {
        color: #3c7598;
        font-size: 18px; }
      .chatRoom .btn.oauth a[aria-label="Log in with Google"]:hover {
        background-color: rgba(0, 0, 0, 0.8);
        border-color: #3c7598; }
        .chatRoom .btn.oauth a[aria-label="Log in with Google"]:hover:before {
          color: #ffffff; }
      .chatRoom .btn.oauth a[aria-label="Log in with Google"]:active {
        background-color: #ffffff;
        border-color: #3c7598; }
        .chatRoom .btn.oauth a[aria-label="Log in with Google"]:active:before {
          color: #3c7598; }
    .chatRoom .btn.oauth img {
      max-width: 100% !important;
      width: auto !important;
      max-height: 100%;
      height: auto;
      margin: 0 !important;
      display: inline-block;
      vertical-align: middle;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center;
         object-position: center; }
@media screen and (max-width: 767px) {
  .chatRoom__start .d__table, .chatRoom__start .d__cell, .chatRoom .gallery_item .d__table, .chatRoom .gallery_item .d__cell {
    width: 100%;
    display: block; }
  .chatRoom .gallery_item {
    padding: 0 35px 0 25px; }
    .chatRoom .gallery_item:after {
      right: 10px; }
    .chatRoom .gallery_item .d__cell:first-child {
      padding-bottom: 0; }
    .chatRoom .gallery_item .d__cell:last-child {
      padding-top: 0; }
  .chatRoom__start .d__cell:last-child {
    margin-top: 4%;
    text-align: center; } }

.credits {
  --creditsOffset: 50px;
  --creditsPadding: 20px; }
  .credits .disable {
    border-radius: 5px; }
  .credits .paySystem-list {
    padding-top: 0;
    font-size: inherit; }
    .credits .paySystem-list > p {
      font-size: inherit;
      text-align: center; }
    .credits .paySystem-list[data-disabled="true"] {
      margin: 10px auto;
      padding: 10px 10px 0 10px; }
      .credits .paySystem-list[data-disabled="true"] .credits_paySystem {
        margin-top: 0; }
  .credits_section {
    margin: 0;
    padding: 0;
    font-size: 0;
    position: relative; }
    .credits_section:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: -webkit-calc(100% - var(--creditsOffset));
      height: calc(100% - var(--creditsOffset));
      background-color: #ffffff;
      -webkit-box-shadow: rgba(104, 104, 104, 0.35) 0px 5px 15px;
              box-shadow: rgba(104, 104, 104, 0.35) 0px 5px 15px;
      z-index: 0; }
    @media screen and (max-width: 1200px) {
      .credits_section .d__table {
        display: block; } }
    .credits_section .d__cell {
      padding: 0 var(--creditsPadding);
      vertical-align: top;
      position: relative; }
      @media screen and (max-width: 1200px) {
        .credits_section .d__cell {
          display: block; } }
      .credits_section .d__cell.credits_choice {
        width: 40%;
        padding-top: -webkit-calc(var(--creditsOffset) + var(--creditsPadding));
        padding-top: calc(var(--creditsOffset) + var(--creditsPadding));
        background: linear-gradient(to bottom, transparent 0 var(--creditsOffset), #0b779a var(--creditsOffset) 100%) left/5px 100% no-repeat; }
        @media screen and (max-width: 1200px) {
          .credits_section .d__cell.credits_choice {
            width: 100%;
            padding-top: var(--creditsPadding);
            border-left: none;
            border-top: 5px solid transparent;
            background: linear-gradient(to right, transparent 0 var(--creditsPadding), #0b779a var(--creditsPadding) -webkit-calc(100% - var(--creditsPadding)), transparent -webkit-calc(100% - var(--creditsPadding)) 100%) top/100% 5px no-repeat;
            background: linear-gradient(to right, transparent 0 var(--creditsPadding), #0b779a var(--creditsPadding) calc(100% - var(--creditsPadding)), transparent calc(100% - var(--creditsPadding)) 100%) top/100% 5px no-repeat; } }
  .credits_plan tbody tr td:nth-of-type(2) {
    font-size: 1.4rem; }
  .credits_plan tbody tr td:nth-of-type(3) {
    font-size: 1.6rem; }
  .credits_plan[class*="table_responsive"] {
    -ms-filter: none;
    -webkit-filter: none;
            filter: none; }
    .credits_plan[class*="table_responsive"] > thead > tr, .credits_plan[class*="table_responsive"] > tbody > tr {
      background: none;
      outline: none;
      outline-offset: 0;
      border: none;
      position: relative; }
    .credits_plan[class*="table_responsive"] > thead > tr > th {
      height: var(--creditsOffset);
      font-size: 1.4rem;
      padding: 5px; }
    .credits_plan[class*="table_responsive"] > tbody > tr:after {
      content: '';
      position: absolute;
      left: -webkit-calc(-1 * var(--creditsPadding));
      left: calc(-1 * var(--creditsPadding));
      bottom: 0;
      width: -webkit-calc(100% + var(--creditsPadding));
      width: calc(100% + var(--creditsPadding));
      height: 100%;
      background: url("../images/bg.jpg") bottom/100% 5px repeat-x;
      z-index: 0; }
      @media screen and (max-width: 1200px) {
        .credits_plan[class*="table_responsive"] > tbody > tr:after {
          width: -webkit-calc(100% + var(--creditsPadding) * 2);
          width: calc(100% + var(--creditsPadding) * 2); } }
    .credits_plan[class*="table_responsive"] > tbody > tr:last-of-type:after {
      background: none; }
    .credits_plan[class*="table_responsive"] > tbody > tr.active:after {
      background-color: rgba(121, 191, 66, 0.5); }
    .credits_plan[class*="table_responsive"] > tbody > tr > td {
      padding: 15px 5px;
      position: relative;
      z-index: 1; }
  .credits_choice {
    font-size: 18px;
    line-height: 110%; }
    .credits_choice h2 {
      color: inherit;
      font-size: inherit;
      line-height: inherit; }
      .credits_choice h2.credits_billing-title {
        color: #0b779a;
        font-family: "Poppins", sans-serif;
        font-size: 1.8rem;
        font-weight: 500; }
    .credits_choice-top {
      display: none;
      margin: 0 auto var(--creditsPadding);
      color: #008000;
      text-align: center;
      border-bottom: 1px solid #008000; }
      .credits_choice-top.active {
        display: block; }
    .credits_choice-value {
      font-family: "Poppins", sans-serif;
      font-size: 50px;
      font-weight: 500;
      line-height: 110%; }
  .credits_paySystem {
    margin: var(--creditsPadding) auto;
    padding: 10px;
    border: 1px solid #3c7598;
    border-radius: 3px; }
    .credits_paySystem .center {
      text-align: center; }
      .credits_paySystem .center img {
        max-width: 280px;
        width: 100%; }
  .credits_payment tbody tr td {
    padding: 0; }
    .credits_payment tbody tr td:last-of-type .form__group {
      display: block; }
      .credits_payment tbody tr td:last-of-type .form__group:last-of-type {
        margin: 10px 0; }
      .credits_payment tbody tr td:last-of-type .form__group label {
        display: block;
        width: 100%;
        padding-left: 20px;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold; }
        .credits_payment tbody tr td:last-of-type .form__group label:after {
          content: attr(data-pay-system);
          display: block;
          color: #666666;
          font-weight: 400;
          font-size: 16px; }
  .credits_billing-form {
    padding: 10px; }
    .credits_billing-form .form {
      display: block;
      width: 100%; }
      .credits_billing-form .form__box {
        display: block;
        width: 100%; }
      .credits_billing-form .form__group {
        display: block;
        width: 100%; }
        .credits_billing-form .form__group:last-of-type {
          margin-top: 10px; }
      .credits_billing-form .form .label {
        display: block;
        margin-bottom: 5px;
        font-size: inherit;
        text-transform: none; }
    .credits_billing-form h2, .credits_billing-form label {
      text-indent: 20px; }
  .credits .form__group {
    min-width: auto; }
  .credits .form .credits_plan .check-input:checked + [class*=check-input_label] {
    background: none; }
    .credits .form .credits_plan .check-input:checked + [class*=check-input_label]:after {
      opacity: 1; }
  .credits .form .credits_plan [class*=check-input_label] {
    display: inline-block;
    vertical-align: middle;
    min-width: 25px;
    min-height: 25px;
    width: 25px;
    height: 25px;
    border: 2px solid transparent;
    -o-border-image: linear-gradient(173deg, #9dcc77 0%, #13890a 100%) 1;
       border-image: linear-gradient(173deg, #9dcc77 0%, #13890a 100%) 1;
    margin: 5px 5px 5px 0;
    position: relative;
    cursor: pointer; }
    .credits .form .credits_plan [class*=check-input_label]:after {
      content: " ";
      display: block;
      width: 21px;
      height: 21px;
      position: absolute;
      left: 0;
      top: 0;
      background: linear-gradient(173deg, #9dcc77 0%, #13890a 100%);
      border: 2px solid #ffffff;
      -webkit-transform: none;
      transform: none;
      opacity: 0; }
  .credits .form .credits_paySystem .check-input:checked + label {
    background: none; }
    .credits .form .credits_paySystem .check-input:checked + label [class*=check-input_label]:after {
      opacity: 1; }
  .credits .form .credits_paySystem [class*=check-input_label] {
    display: inline-block;
    width: 16px;
    height: 16px;
    min-height: 16px;
    min-width: 16px;
    margin-left: -20px;
    border: none;
    position: relative; }
    .credits .form .credits_paySystem [class*=check-input_label]:before, .credits .form .credits_paySystem [class*=check-input_label]:after {
      content: " ";
      display: inline-block;
      font-size: 0;
      line-height: 0;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 0; }
    .credits .form .credits_paySystem [class*=check-input_label]:before {
      width: 100%;
      height: 100%;
      border: 1px solid #3c7598;
      border-radius: 50%; }
    .credits .form .credits_paySystem [class*=check-input_label]:after {
      width: 50%;
      height: 50%;
      margin: 25%;
      border: none;
      -webkit-transform: none;
              transform: none;
      background-color: #3c7598;
      opacity: 0; }
  .credits .payment-other .payment-other-data {
    padding: 0;
    margin-bottom: 0;
    border: none; }
  @media screen and (max-width: 400px) {
    .credits {
      --creditsOffset: 0px;
      --creditsPadding: 10px; }
      .credits .credits_plan[class*="table_responsive"] > thead {
        display: none; }
      .credits .credits_plan[class*="table_responsive"] > tbody, .credits .credits_plan[class*="table_responsive"] > tfoot {
        display: block; }
        .credits .credits_plan[class*="table_responsive"] > tbody > tr, .credits .credits_plan[class*="table_responsive"] > tfoot > tr {
          display: block;
          padding: 2px 0 7px 0; }
          .credits .credits_plan[class*="table_responsive"] > tbody > tr td, .credits .credits_plan[class*="table_responsive"] > tfoot > tr td {
            min-height: auto;
            /* &[data-label="Discount"] {
                 display: none;
             }*/ }
            .credits .credits_plan[class*="table_responsive"] > tbody > tr td:not(.check), .credits .credits_plan[class*="table_responsive"] > tfoot > tr td:not(.check) {
              display: block;
              padding: 2px 0 2px 35px;
              text-align: left;
              white-space: nowrap; }
              .credits .credits_plan[class*="table_responsive"] > tbody > tr td:not(.check) span, .credits .credits_plan[class*="table_responsive"] > tfoot > tr td:not(.check) span {
                display: inline-block;
                vertical-align: middle;
                width: -webkit-calc(100% - 100px);
                width: calc(100% - 100px);
                white-space: normal; }
              .credits .credits_plan[class*="table_responsive"] > tbody > tr td:not(.check):before, .credits .credits_plan[class*="table_responsive"] > tfoot > tr td:not(.check):before {
                content: attr(data-label);
                display: inline-block;
                vertical-align: middle;
                width: 100px;
                color: inherit;
                font-size: 1.2rem;
                font-weight: bold; }
              .credits .credits_plan[class*="table_responsive"] > tbody > tr td:not(.check):after, .credits .credits_plan[class*="table_responsive"] > tfoot > tr td:not(.check):after {
                content: '';
                height: 100%;
                margin: 0;
                padding: 0;
                font-size: 0;
                display: inline-block;
                vertical-align: middle;
                clear: both; }
            .credits .credits_plan[class*="table_responsive"] > tbody > tr td.check, .credits .credits_plan[class*="table_responsive"] > tfoot > tr td.check {
              display: table;
              height: 100%;
              padding: 0;
              position: absolute;
              top: 0;
              left: 0;
              z-index: 2; }
              .credits .credits_plan[class*="table_responsive"] > tbody > tr td.check .form__group, .credits .credits_plan[class*="table_responsive"] > tfoot > tr td.check .form__group {
                display: table-cell;
                vertical-align: middle;
                height: 100%;
                margin: 0; } }

/*
================================================================================
|                                    FORMS                                     |
================================================================================
*/
.popup_reg_form_v3.basic-modal-register_v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse; }
.popup_reg_form_v3.modalCloseImg.simplemodal-close {
  background: url(../vi/close_1.png) no-repeat !important;
  width: 20px !important;
  height: 21px !important;
  display: block !important;
  z-index: 3200 !important;
  position: absolute !important;
  cursor: pointer !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important; }
  @media screen and (max-width: 380px) {
    .popup_reg_form_v3.modalCloseImg.simplemodal-close {
      top: 4px !important;
      left: 4px !important; } }
.popup_reg_form_v3 .basic-modal-lady {
  width: 400px;
  margin: 10px 20px 10px 0; }
.popup_reg_form_v3 .register_background {
  position: relative;
  background: #ececec;
  border-radius: 5px;
  margin: 0;
  padding: 10px 30px; }
.popup_reg_form_v3 .index_register_bg {
  border-radius: 5px; }
.popup_reg_form_v3 .index_register_hd {
  color: #215d8e;
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 1px solid #a7a7a7;
  line-height: 145%; }
  .popup_reg_form_v3 .index_register_hd .bold-block {
    font-weight: bold;
    font-size: 22px; }
.popup_reg_form_v3 .register_label_block {
  padding-top: 8px; }
.popup_reg_form_v3 .login_label_block {
  padding-top: 25px;
  padding-bottom: 10px; }
.popup_reg_form_v3 .register_small_label {
  font-size: 18px;
  color: #333333;
  text-align: center;
  padding-top: 0;
  padding-bottom: 4px;
  font-family: sans-serif; }
.popup_reg_form_v3 .register_big_label {
  font-size: 26px;
  text-transform: uppercase;
  color: #333333;
  text-align: center;
  font-family: sans-serif;
  line-height: 80% !important;
  padding: 0 !important; }
.popup_reg_form_v3 .reg_fields {
  margin-bottom: 20px; }
.popup_reg_form_v3 .log_fields {
  margin-top: 25px; }
.popup_reg_form_v3.basic-modal-register_v2 .index_input_reg {
  background: #d3d3d3;
  border: none;
  width: 100%;
  color: #000;
  text-align: center;
  height: 26px;
  font-size: 15px;
  margin-top: 12px !important;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out; }
  .popup_reg_form_v3.basic-modal-register_v2 .index_input_reg:focus {
    background-color: #eaf2ff;
    border: 1px solid #cbdff6;
    outline: none;
    -webkit-box-shadow: 0 0 8px rgba(33, 93, 142, 0.2);
    box-shadow: 0 0 8px rgba(33, 93, 142, 0.2); }
.popup_reg_form_v3.basic-modal-register_v2 .index_input_log {
  background: #d3d3d3;
  border: none;
  width: 100%;
  color: #000;
  text-align: center;
  height: 40px;
  font-size: 15px;
  margin-top: 10px !important;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out; }
  .popup_reg_form_v3.basic-modal-register_v2 .index_input_log:focus {
    background-color: #eaf2ff;
    border: 1px solid #cbdff6;
    outline: none;
    -webkit-box-shadow: 0 0 8px rgba(33, 93, 142, 0.2);
    box-shadow: 0 0 8px rgba(33, 93, 142, 0.2); }
.popup_reg_form_v3 .oauth_or {
  font-size: 15px;
  text-align: center;
  color: #4376a0;
  font-family: sans-serif;
  font-weight: bold; }
.popup_reg_form_v3 .pb-10 {
  padding-bottom: 10px; }
.popup_reg_form_v3 .index_reg_btn_new {
  width: 100%;
  max-width: 240px;
  height: 44px;
  color: #fff;
  background: #215d8e;
  text-align: center;
  border: none;
  margin: 15px auto 6px;
  text-transform: uppercase;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  cursor: pointer; }
.popup_reg_form_v3 .index_log_btn_new {
  width: 80%;
  height: 44px;
  color: #fff;
  background: #215d8e;
  text-align: center;
  border: none;
  margin: 15px auto 6px;
  text-transform: uppercase;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -khtml-border-radius: 7px;
  -webkit-border-radius: 7px;
  cursor: pointer; }
.popup_reg_form_v3 input[type="checkbox"].cb_tc {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  visibility: hidden; }
.popup_reg_form_v3 .reg_banner {
  width: 100%;
  margin-top: 20px; }
  .popup_reg_form_v3 .reg_banner img {
    width: 100%; }
.popup_reg_form_v3 .inline_block {
  display: -moz-inline-block;
  display: inline-block; }
@media screen and (max-width: 380px) {
  .popup_reg_form_v3.basic-modal-register_v2 {
    max-width: 100vw;
    min-width: 0;
    overflow-x: auto; }
  .popup_reg_form_v3 .basic-modal-lady {
    max-width: 100%;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .popup_reg_form_v3 .basic-modal-lady img {
      max-width: 100%;
      height: auto; }
  .popup_reg_form_v3 .flexible_item {
    width: -webkit-calc(100vw - 44px);
    width: calc(100vw - 44px);
    max-width: -webkit-calc(100vw - 44px);
    max-width: calc(100vw - 44px);
    min-width: -webkit-calc(290px - 44px);
    min-width: calc(290px - 44px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .popup_reg_form_v3 .form__body,
  .popup_reg_form_v3 .form_bg,
  .popup_reg_form_v3 .index_register_bg,
  .popup_reg_form_v3 .popup__registration,
  .popup_reg_form_v3 .form,
  .popup_reg_form_v3 .tb_reg,
  .popup_reg_form_v3 .reg_fields {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .popup_reg_form_v3 .register_background {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .popup_reg_form_v3 .form__group-full {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .popup_reg_form_v3 .form__group-full > div {
      width: 100%;
      max-width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  .popup_reg_form_v3.basic-modal-register_v2 .index_input_reg, .popup_reg_form_v3.basic-modal-register_v2 .index_input_log {
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .popup_reg_form_v3 .password-input-group {
    width: 100%;
    max-width: 100%; }
  .popup_reg_form_v3 .popup_oauth {
    width: 100%;
    max-width: 100%; }
    .popup_reg_form_v3 .popup_oauth > div,
    .popup_reg_form_v3 .popup_oauth iframe,
    .popup_reg_form_v3 .popup_oauth img {
      max-width: 100% !important; }
  .popup_reg_form_v3 .reg_banner {
    width: 100%; }
    .popup_reg_form_v3 .reg_banner img {
      width: 100%;
      max-width: 100%;
      height: auto; } }

/*
================================================================================
|                                    TIPS and MODAL                                     |
================================================================================
*/
/* ---- NAVIGATION ---- */
.center, .center-v {
  white-space: nowrap; }
  .center:before, .center:after, .center-v:before, .center-v:after {
    content: '';
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    clear: both; }
  .center > *, .center-v > * {
    display: inline-block;
    vertical-align: middle;
    font-size: inherit;
    white-space: normal; }
    .center > * > a, .center > * > a:visited, .center-v > * > a, .center-v > * > a:visited {
      font-size: inherit; }

.d__table {
  display: table;
  width: 100%; }
.d__cell {
  display: table-cell;
  vertical-align: middle; }

.wa {
  width: auto; }

.w100 {
  width: 100%; }

.hidden {
  display: none; }

.nav {
  display: inline-block;
  vertical-align: middle; }
  .nav ul {
    list-style: none; }
  .nav .signifier {
    display: inline-block;
    width: 50%;
    height: 3px;
    background: #008000;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%; }
  .nav__link {
    display: inline-block;
    cursor: pointer; }
  .nav-close, .nav-add {
    display: inline-block;
    border-radius: 50%;
    position: relative;
    cursor: pointer; }
    .nav-close .signifier, .nav-add .signifier {
      -webkit-transform-origin: left center;
              transform-origin: left center; }
  .nav-close {
    width: 46px;
    height: 46px; }
    .nav-close .signifier[data-signifier="1"] {
      -webkit-transform: rotate(-45deg) translateX(-50%);
              transform: rotate(-45deg) translateX(-50%); }
    .nav-close .signifier[data-signifier="2"] {
      -webkit-transform: rotate(45deg) translateX(-50%);
              transform: rotate(45deg) translateX(-50%); }
  .nav-add {
    width: 40px;
    height: 40px;
    background: rgba(182, 45, 149, 0.2); }
    .nav-add .signifier {
      margin-top: -1px; }
      .nav-add .signifier[data-signifier="1"] {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
      .nav-add .signifier[data-signifier="2"] {
        -webkit-transform: rotate(90deg) translateX(-50%);
                transform: rotate(90deg) translateX(-50%); }
  .nav-check > input.nav-check_input {
    display: none; }
    .nav-check > input.nav-check_input:checked + label.nav-check_label:after {
      content: "▼ ";
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
    .nav-check > input.nav-check_input:checked ~ .nav-check_content {
      display: block; }
  .nav-check_label {
    display: inline-block;
    cursor: pointer; }
    .nav-check_label:after {
      content: " ▼";
      font-family: 'Noto Sans Symbols 2', sans-serif;
      height: auto;
      font-size: inherit; }
  .nav-check_content {
    display: none; }

@-webkit-keyframes textColorShift {
  0% {
    color: #222222; }
  50% {
    color: #0099cc; }
  100% {
    color: #222222; } }

@keyframes textColorShift {
  0% {
    color: #222222; }
  50% {
    color: #0099cc; }
  100% {
    color: #222222; } }
@-webkit-keyframes opacityModal {
  0% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 100%; } }
@keyframes opacityModal {
  0% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 100%; } }
/* ---- MODAL ---- */
.modal {
  width: auto;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .modal__wrapper {
    position: absolute; }
  .modal__cover {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    pointer-events: none; }
    .modal__cover[data-closeable] {
      pointer-events: auto;
      cursor: pointer; }
  .modal__content {
    margin: 0;
    padding: 50px 10px 10px 10px;
    border-radius: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    color: #222222;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    white-space: normal;
    word-break: break-word; }
    .modal__content b {
      font-family: "Poppins-Bold", sans-serif; }
  .modal__body {
    height: -webkit-calc(100% - 100px);
    height: calc(100% - 100px); }
  .modal__pict {
    max-width: 300px;
    margin: auto; }
    .modal__pict img {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%; }
  .modal__title {
    color: #008000;
    font-size: 24px; }
  .modal__text {
    height: 100%;
    padding: 1rem 0;
    font-size: inherit;
    text-align: center;
    overflow: auto; }
    .modal__text a.hover:hover {
      color: #0099cc; }
  .modal__footer {
    width: 100%;
    padding: 10px 0; }
    .modal__footer .d__cell:first-child {
      text-align: left; }
    .modal__footer .d__cell:last-child {
      text-align: right; }
    .modal__footer .d__cell:only-child {
      text-align: center; }
  .modal__close {
    position: absolute;
    top: 0;
    right: 0; }
  .modal .nav-logo {
    padding: 0; }
  .modal__nav-tips {
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
    background: none;
    color: #008000;
    font-size: inherit;
    cursor: pointer; }
    .modal__nav-tips[data-tips-next]:after {
      content: " 〉〉"; }
  .modal .btn {
    display: inline-block;
    max-width: 200px;
    min-width: 150px;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: 2px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    font-size: 1.4rem;
    line-height: 100%;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer; }
    .modal .btn > span {
      font-size: 18px;
      white-space: normal;
      word-break: break-word; }
    .modal .btn.wa {
      width: auto; }
    .modal .btn.center-v {
      text-align: left; }
    .modal .btn-white {
      background-color: #ffffff;
      border-color: #ffffff;
      color: #222222;
      text-shadow: none; }
      .modal .btn-white:active, .modal .btn-white-invert:hover {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #222222; }
      .modal .btn-white:hover, .modal .btn-white-invert {
        background-color: rgba(0, 0, 0, 0.8);
        text-shadow: none;
        text-decoration: none;
        border-color: #ffffff;
        color: #ffffff; }
      .modal .btn-white-invert {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .modal .btn-white-invert:hover {
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
                  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
    .modal .btn-gray {
      background-color: #272728; }
      .modal .btn-gray:active, .modal .btn-gray-invert:hover {
        background-color: #272728;
        color: #ffffff; }
      .modal .btn-gray:hover, .modal .btn-gray-invert {
        background-color: #ffffff;
        text-shadow: none;
        text-decoration: none;
        border-color: #272728;
        color: #222222; }
      .modal .btn-gray-invert {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .modal .btn-gray-invert:hover {
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
                  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
    .modal .btn-orange {
      background-color: #f38126;
      border: none; }
      .modal .btn-orange:active, .modal .btn-orange-invert:hover {
        background-color: #f38126;
        color: #ffffff; }
      .modal .btn-orange:hover, .modal .btn-orange:active {
        -webkit-box-shadow: 1px 1px 0px #f64b00, 1px 1px 0px #f64b00, 2px 2px 0px #f64b00, 2px 2px 0px #f64b00, 3px 3px 0px #f64b00, 3px 3px 0px #f64b00, 4px 4px 0px #f64b00, 5px 5px 0px #f64b00;
                box-shadow: 1px 1px 0px #f64b00, 1px 1px 0px #f64b00, 2px 2px 0px #f64b00, 2px 2px 0px #f64b00, 3px 3px 0px #f64b00, 3px 3px 0px #f64b00, 4px 4px 0px #f64b00, 5px 5px 0px #f64b00; }
    .modal .btn-green {
      background-color: #009311; }
      .modal .btn-green:active, .modal .btn-green-invert:hover {
        background-color: #009311;
        color: #ffffff; }
      .modal .btn-green:hover, .modal .btn-green-invert {
        background-color: #ffffff;
        text-shadow: none;
        text-decoration: none;
        border-color: #009311;
        color: #009311; }
      .modal .btn-green-invert {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .modal .btn-green-invert:hover {
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
                  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
    .modal .btn-greenLight {
      background-color: #79bf42; }
      .modal .btn-greenLight:active, .modal .btn-greenLight-invert:hover {
        background-color: #79bf42;
        color: #ffffff; }
      .modal .btn-greenLight:hover, .modal .btn-greenLight-invert {
        background-color: #ffffff;
        text-shadow: none;
        text-decoration: none;
        border-color: #009311;
        color: #009311; }
      .modal .btn-greenLight-invert {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .modal .btn-greenLight-invert:hover {
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
                  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
    .modal .btn-blue {
      background-color: #0099cc; }
      .modal .btn-blue:active, .modal .btn-blue-invert:hover {
        background-color: #0099cc;
        color: #ffffff; }
      .modal .btn-blue:hover, .modal .btn-blue-invert {
        background-color: #ffffff;
        text-shadow: none;
        text-decoration: none;
        border-color: #0099cc;
        color: #0099cc; }
      .modal .btn-blue-invert {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .modal .btn-blue-invert:hover {
          -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
                  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }

/* ---- TIPS ---- */
.tips {
  --topModal: 26px;
  --topModalBack: 24px; }
  .tips [data-tips-rule] {
    z-index: 995 !important; }
  .tips [data-tips-rule][data-tips='8'],
  .tips .stickers[data-show="true"] {
    z-index: 1000 !important; }
  .tips .modal {
    width: 25vw;
    min-width: 240px;
    max-width: 360px; }
    @supports (width: clamp(240px, 25vw, 360px)) {
      .tips .modal {
        width: clamp(240px, 25vw, 360px);
        min-width: unset;
        max-width: unset; } }
    @media screen and (max-width: 991px) {
      .tips .modal[data-modal-position="before"], .tips .modal[data-modal-position="after"] {
        top: 0;
        left: 0;
        -webkit-transform: none;
                transform: none;
        position: absolute; }
        .tips .modal[data-modal-position="before"] .modal__content, .tips .modal[data-modal-position="after"] .modal__content {
          position: relative; }
          .tips .modal[data-modal-position="before"] .modal__content:before, .tips .modal[data-modal-position="before"] .modal__content:after, .tips .modal[data-modal-position="after"] .modal__content:before, .tips .modal[data-modal-position="after"] .modal__content:after {
            content: " ";
            width: 0;
            height: 0;
            left: 50%;
            position: absolute; }
      .tips .modal[data-modal-position="before"] {
        -webkit-transform: translateY(-webkit-calc(var(--topModal) * -1));
                transform: translateY(calc(var(--topModal) * -1)); }
        .tips .modal[data-modal-position="before"] .modal__content:before, .tips .modal[data-modal-position="before"] .modal__content:after {
          margin-top: -1px;
          border-left: 0 solid transparent;
          top: 100%; }
        .tips .modal[data-modal-position="before"] .modal__content:before {
          border-top: var(--topModal) solid #008000;
          border-right: var(--topModal) solid transparent; }
        .tips .modal[data-modal-position="before"] .modal__content:after {
          margin-left: 1px;
          border-top: var(--topModalBack) solid #ffffff;
          border-right: var(--topModalBack) solid transparent; }
      .tips .modal[data-modal-position="after"] {
        -webkit-transform: translateY(var(--topModal));
                transform: translateY(var(--topModal)); }
        .tips .modal[data-modal-position="after"] .modal__content:before, .tips .modal[data-modal-position="after"] .modal__content:after {
          margin-bottom: -1px;
          border-right: 0 solid transparent;
          bottom: 100%; }
        .tips .modal[data-modal-position="after"] .modal__content:before {
          border-bottom: var(--topModal) solid #008000;
          border-left: var(--topModal) solid transparent; }
        .tips .modal[data-modal-position="after"] .modal__content:after {
          margin-left: 1px;
          border-bottom: var(--topModalBack) solid #ffffff;
          border-left: var(--topModalBack) solid transparent; }
      .tips .modal__content {
        padding: 10px;
        border: 1px solid #008000; }
      .tips .modal__title {
        font-size: 18px; }
      .tips .modal__text {
        padding: 5px 0;
        line-height: 100%; }
      .tips .modal__footer {
        padding: 0; } }
  .tips .aside [data-tips-rule] {
    background: url("../images/bg.jpg") repeat;
    position: relative; }
    .tips .aside [data-tips-rule].user_panel_credits {
      padding: 5px;
      border-radius: 5px; }
  .tips .chat [data-tips-rule]#dialogNavList, .tips .chat [data-tips-rule].user {
    background: #ffffff;
    position: relative; }
  .tips .chat .user > .container > .cover {
    z-index: auto; }
  .tips .chat .chat-left, .tips .chat .chat-right {
    z-index: auto; }
  .tips .chat .box-chat .disabled-content {
    z-index: 3; }
  .tips .chat .box-chat .box-chat-streams .box-chat-streams-header {
    z-index: 1; }
  .tips .chat .box-chat .box-chat-input {
    z-index: auto; }
    .tips .chat .box-chat .box-chat-input > .box-container {
      /*          .box-send {
                  z-index: auto;
                }*/ }
      .tips .chat .box-chat .box-chat-input > .box-container .box-stream {
        z-index: 2; }
      .tips .chat .box-chat .box-chat-input > .box-container .box-menu {
        z-index: auto; }
        .tips .chat .box-chat .box-chat-input > .box-container .box-menu .box-menu-container {
          z-index: 1; }
  .tips .chat .scroll-wrapper > .scroll-element, .tips .chat .scroll-wrapper > .scroll-element div {
    z-index: auto; }
  @media screen and (max-width: 991px) {
    .tips [data-panel="left"] .chat-center, .tips [data-panel="left"] .chat-right {
      z-index: -1; }
    .tips [data-panel="left"] .chat-center {
      position: relative; } }

/*
================================================================================
|                                 FOOTER-MODERN                                |
================================================================================
*/
footer {
  width: 100%;
  min-width: 320px; }

.footer-container {
  display: block;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px; }

footer,
.footer-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.footer-modern {
  display: block;
  padding: 5% 10px;
  text-align: center; }
  .footer-modern .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
            justify-content: center; }
    .footer-modern .menu__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      -webkit-box-pack: center;
              justify-content: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
              align-items: center; }
  .footer-modern__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
            align-items: center;
    margin: 20px 0; }
    @media screen and (max-width: 768px) {
      .footer-modern__social {
        margin: 30px 0; } }
    .footer-modern__social img {
      width: 30px;
      height: 30px;
      margin: 0 3px;
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
      .footer-modern__social img:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }