@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;
  flex: 1;
  border-bottom: none;
}
.accordion .accordion__item {
  border-bottom: 1px solid #C4C4C4;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  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);
  -ms-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;
  -ms-transform: rotate(0) !important;
  transform: rotate(0) !important;
  transition: 0.1s transform ease;
}
.accordion .accordion__item.accordion__item-active .trigger__line-1 {
  opacity: 0;
  transition: 0.1s all ease;
}
.accordion .accordion__item .accordion__item-content {
  padding-bottom: 20px;
  display: none;
  text-align: left;
  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;
  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;
    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: 1rem 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: inline-flex;
  text-align: left;
  line-height: 115%;
  width: 100%;
  -webkit-align-items: center;
  -ms-flex-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%;
  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%;
  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);
  -moz-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);
  -moz-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;
  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;
  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 {
  box-shadow: none;
}
.how-to .btn-green-invert:hover {
  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");
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  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%;
  object-fit: cover;
  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 (filter: blur(3px)) {
  .chatRoom .gallery_item_message {
    color: inherit;
    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;
  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;
  background: #ffffff;
  border-color: #3c7598;
  box-shadow: none;
}
.chatRoom .btn.oauth > div {
  max-width: calc(100% - 10px);
}
.chatRoom .btn.oauth img {
  max-width: 100%;
  width: auto;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
  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;
  }
}

/*
================================================================================
|                                    FORMS                                     |
================================================================================
*/
.popup_reg_form_v3.basic-modal-register_v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-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;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-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);
  -moz-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;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-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);
  -moz-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;
    -moz-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: calc(100vw - 44px);
    max-width: calc(100vw - 44px);
    min-width: 246px;
    -webkit-box-sizing: border-box;
    -moz-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;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .popup_reg_form_v3 .register_background {
    -webkit-box-sizing: border-box;
    -moz-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;
    -moz-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;
    -moz-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;
    -moz-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 {
  transform-origin: left center;
}
.nav-close {
  width: 46px;
  height: 46px;
}
.nav-close .signifier[data-signifier="1"] {
  transform: rotate(-45deg) translateX(-50%);
}
.nav-close .signifier[data-signifier="2"] {
  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"] {
  transform: translateX(-50%);
}
.nav-add .signifier[data-signifier="2"] {
  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: "▼ ";
  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;
}

@keyframes textColorShift {
  0% {
    color: #222222;
  }
  50% {
    color: #0099cc;
  }
  100% {
    color: #222222;
  }
}
@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;
  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;
  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: calc(100% - 100px);
}
.modal__pict {
  max-width: 300px;
  margin: auto;
}
.modal__pict img {
  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;
  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 {
  box-shadow: none;
}
.modal .btn-white-invert:hover {
  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 {
  box-shadow: none;
}
.modal .btn-gray-invert:hover {
  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 {
  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 {
  box-shadow: none;
}
.modal .btn-green-invert:hover {
  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 {
  box-shadow: none;
}
.modal .btn-greenLight-invert:hover {
  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 {
  box-shadow: none;
}
.modal .btn-blue-invert:hover {
  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;
    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] {
    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] {
    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;
  -moz-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: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.footer-modern .menu__item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer-modern__social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: 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;
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.footer-modern__social img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

/*# sourceMappingURL=style-modern.css.map */