/* #region brand colors*/
/* #endregion brand colors*/
/*#region Breakpoints*/
/*#endregion Breakpoints*/
/*#region Breakpoints*/
/*#endregion Breakpoints*/
/*#region font-face*/
/*#endregion font-face*/
/*#region transform*/
/*#endregion*/
/*#region pseudo*/
/*#endregion*/
/*#region center-top*/
/*#endregion*/
/*#region center-mid*/
/*#endregion*/
/*#region size*/
/*#endregion*/
/*#region rem-px-mixin*/
/*#endregion*/
/*#region transition usage --   @include transition(color .3s ease); */
/*#endregion*/
/*#region clearfix usage --   .container-with-floated-children {@extend %clearfix;} */
/*#endregion*/
/*#region border*/
/*#endregion*/
/*#region border-default*/
/*#endregion*/
/*#region Breakpoints and media queries*/
/*#endregion*/
/*#region keyframes*/
/*#endregion*/
/*#region animations*/
/*#endregion*/
/*#region Responsive Fluid Typography*/
/*#endregion*/
/*#region Breakpoints*/
/*#endregion Breakpoints*/
/*#region font-face*/
/*#endregion font-face*/
/*#region transform*/
/*#endregion*/
/*#region pseudo*/
/*#endregion*/
/*#region center-top*/
/*#endregion*/
/*#region center-mid*/
/*#endregion*/
/*#region size*/
/*#endregion*/
/*#region rem-px-mixin*/
/*#endregion*/
/*#region transition usage --   @include transition(color .3s ease); */
/*#endregion*/
/*#region clearfix usage --   .container-with-floated-children {@extend %clearfix;} */
/*#endregion*/
/*#region border*/
/*#endregion*/
/*#region border-default*/
/*#endregion*/
/*#region Breakpoints and media queries*/
/*#endregion*/
/*#region keyframes*/
/*#endregion*/
/*#region animations*/
/*#endregion*/
/*#region Responsive Fluid Typography*/
/*#endregion*/
/* #region brand colors*/
/* #endregion brand colors*/
/*#region Breakpoints*/
/*#endregion Breakpoints*/
.buttons-wrapper .costume-btn.style-1 button, .buttons-wrapper .costume-btn.style-1 a {
  padding: 9px 5%;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.61);
  font-weight: bold;
  background: #ffd400;
  background: -moz-linear-gradient(to top, #ffd400 0%, #fcbf00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd400), color-stop(100%, #fcbf00));
  background: -webkit-linear-gradient(to top, #ffd400 0%, #fcbf00 100%);
  background: -o-linear-gradient(to top, #ffd400 0%, #fcbf00 100%);
  background: -ms-linear-gradient(to top, #ffd400 0%, #fcbf00 100%) !important;
  background: linear-gradient(to top, #ffd400 0%, #fcbf00 100%);
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
  /*border: 1px solid #FFD647;*/
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.61);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "arial";
  color: #000;
  border: none !important;
  font-size: 15px;
  font-size: 1.5rem;
  /*line-height: ($line * 1) + px;*/
  /*line-height: ($line / 10) + rem;*/
  line-height: 1; }
  @media (min-width: 768px) {
    .buttons-wrapper .costume-btn.style-1 button, .buttons-wrapper .costume-btn.style-1 a {
      font-size: 18px;
      font-size: 1.8rem;
      /*line-height: ($line * 1) + px;*/
      /*line-height: ($line / 10) + rem;*/
      line-height: 1; } }
  @media (min-width: 1024px) {
    .buttons-wrapper .costume-btn.style-1 button, .buttons-wrapper .costume-btn.style-1 a {
      font-size: 27px;
      font-size: 2.7rem;
      /*line-height: ($line * 1) + px;*/
      /*line-height: ($line / 10) + rem;*/
      line-height: 1;
      padding: 19px 7% 18px; } }
  .buttons-wrapper .costume-btn.style-1 button:hover, .buttons-wrapper .costume-btn.style-1 a:hover {
    color: #000 !important;
    background: #ffd400;
    background: -moz-linear-gradient(to bottom, #ffd400 0%, #fcbf00 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffd400), color-stop(100%, #fcbf00));
    background: -webkit-linear-gradient(to bottom, #ffd400 0%, #fcbf00 100%);
    background: -o-linear-gradient(to bottom, #ffd400 0%, #fcbf00 100%);
    background: -ms-linear-gradient(to bottom, #ffd400 0%, #fcbf00 100%);
    background: linear-gradient(to bottom, #ffd400 0%, #fcbf00 100%) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38); }
  .buttons-wrapper .costume-btn.style-1 button > span, .buttons-wrapper .costume-btn.style-1 a > span {
    font-family: "arial";
    font-weight: bold;
    color: #000; }

body {
  direction: rtl;
  margin: 0;
  color: #000;
  font-family: "arial" !important; }
  body a {
    color: #000; }

.custom-container {
  margin: 0 10px; }
  @media (min-width: 1024px) {
    .custom-container {
      margin: 0 auto;
      width: 768px; } }
  @media (min-width: 1280px) {
    .custom-container {
      width: 1024px; } }
  @media (min-width: 1400px) {
    .custom-container {
      width: 1280px; } }

/* #region brand colors*/
/* #endregion brand colors*/
/*#region Breakpoints*/
/*#endregion Breakpoints*/
/*#region font-face*/
/*#endregion font-face*/
/*#region transform*/
/*#endregion*/
/*#region pseudo*/
/*#endregion*/
/*#region center-top*/
/*#endregion*/
/*#region center-mid*/
/*#endregion*/
/*#region size*/
/*#endregion*/
/*#region rem-px-mixin*/
/*#endregion*/
/*#region transition usage --   @include transition(color .3s ease); */
/*#endregion*/
/*#region clearfix usage --   .container-with-floated-children {@extend %clearfix;} */
/*#endregion*/
/*#region border*/
/*#endregion*/
/*#region border-default*/
/*#endregion*/
/*#region Breakpoints and media queries*/
/*#endregion*/
/*#region keyframes*/
/*#endregion*/
/*#region animations*/
/*#endregion*/
/*#region Responsive Fluid Typography*/
/*#endregion*/
/*#region Breakpoints*/
/*#endregion Breakpoints*/
/*#region font-face*/
/*#endregion font-face*/
/*#region transform*/
/*#endregion*/
/*#region pseudo*/
/*#endregion*/
/*#region center-top*/
/*#endregion*/
/*#region center-mid*/
/*#endregion*/
/*#region size*/
/*#endregion*/
/*#region rem-px-mixin*/
/*#endregion*/
/*#region transition usage --   @include transition(color .3s ease); */
/*#endregion*/
/*#region clearfix usage --   .container-with-floated-children {@extend %clearfix;} */
/*#endregion*/
/*#region border*/
/*#endregion*/
/*#region border-default*/
/*#endregion*/
/*#region Breakpoints and media queries*/
/*#endregion*/
/*#region keyframes*/
/*#endregion*/
/*#region animations*/
/*#endregion*/
/*#region Responsive Fluid Typography*/
/*#endregion*/
/* #region brand colors*/
/* #endregion brand colors*/
.buttons-wrapper.single-btn .costume-btn {
  width: 100%; }

.buttons-wrapper.double-btn .costume-btn {
  width: 100%; }
  @media (min-width: 768px) {
    .buttons-wrapper.double-btn .costume-btn {
      width: 49%; } }

.buttons-wrapper .costume-btn {
  display: inline-block;
  /*BUTTON Disabled*/
  /*BUTTON STYLE 1 : background - aqua / border - black / text - black */
  /*BUTTON STYLE 2 : background - black / border - white / text - aqua */
  /*BUTTON STYLE 3 : background - aqua / border - white / text - black */
  /*BUTTON STYLE 4 : background - black / border - aqua / text - aqua */
  /*BUTTON STYLE 5 : background - black / border - aqua / text - white */ }
  .buttons-wrapper .costume-btn button {
    font-size: 15px;
    font-size: 1.5rem;
    /*line-height: ($line * 1) + px;*/
    /*line-height: ($line / 10) + rem;*/
    line-height: 1;
    padding: 9px 5%;
    box-shadow: none;
    vertical-align: middle;
    border: 3px solid #000;
    transition: all .2s ease-out !important;
    font-family: "arial";
    font-weight: bold; }
    @media (min-width: 768px) {
      .buttons-wrapper .costume-btn button {
        font-size: 18px;
        font-size: 1.8rem;
        /*line-height: ($line * 1) + px;*/
        /*line-height: ($line / 10) + rem;*/
        line-height: 1; } }
    @media (min-width: 1024px) {
      .buttons-wrapper .costume-btn button {
        font-size: 27px;
        font-size: 2.7rem;
        /*line-height: ($line * 1) + px;*/
        /*line-height: ($line / 10) + rem;*/
        line-height: 1;
        padding: 19px 7% 18px; } }
  .buttons-wrapper .costume-btn.disabled button {
    background-color: #fff;
    border-color: gray;
    color: gray; }
  .buttons-wrapper .costume-btn.style-1 button {
    background-color: #ffd51f;
    border-color: #000;
    color: #000;
    background: linear-gradient(to left, #ffd51f 50%, #000 50%);
    background-size: 200% 100%;
    background-position: right bottom; }
    .buttons-wrapper .costume-btn.style-1 button:hover {
      background-position: left bottom;
      color: #ffd51f; }
  .buttons-wrapper .costume-btn.style-2 button {
    background-color: #000;
    border-color: #fff;
    color: #ffd51f;
    background: linear-gradient(to left, #000 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom; }
    .buttons-wrapper .costume-btn.style-2 button:hover {
      background-position: left bottom;
      background-color: #fff; }
  .buttons-wrapper .costume-btn.style-3 button {
    border-color: #fff;
    color: #000;
    background: linear-gradient(to left, #ffd51f 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom; }
    .buttons-wrapper .costume-btn.style-3 button:hover {
      background-position: left bottom; }
  .buttons-wrapper .costume-btn.style-4 button {
    border-color: #ffd51f;
    color: #ffd51f;
    background: linear-gradient(to left, #000 50%, #ffd51f 50%);
    background-size: 200% 100%;
    background-position: right bottom; }
    .buttons-wrapper .costume-btn.style-4 button:hover {
      background-position: left bottom;
      color: #000; }
  .buttons-wrapper .costume-btn.style-5 button {
    border-color: #ffd51f;
    color: #fff;
    background: linear-gradient(to left, #000 50%, #ffd51f 50%);
    background-size: 200% 100%;
    background-position: right bottom; }
    .buttons-wrapper .costume-btn.style-5 button:hover {
      background-position: left bottom; }

.buttons-wrapper.animated .costume-btn button {
  opacity: 0;
  transform: translateY(300%); }

.buttons-wrapper.animated .button-animation {
  -webkit-animation: grow-from-center 0.8s linear 2s;
  -moz-animation: grow-from-center 0.8s linear 2s;
  -o-animation: grow-from-center 0.8s linear 2s;
  animation: grow-from-center 0.8s linear 2s;
  animation-fill-mode: forwards; }

body {
  direction: rtl;
  margin: 0;
  color: #000;
  font-family: "arial"; }

.custom-container {
  margin: 0 10px; }
  @media (min-width: 1024px) {
    .custom-container {
      margin: 0 auto;
      width: 768px; } }
  @media (min-width: 1280px) {
    .custom-container {
      width: 1024px; } }
  @media (min-width: 1400px) {
    .custom-container {
      width: 1280px; } }

html {
  font-size: 10px; }
  html body {
    font-size: 10px; }
    html body .popup-loader {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100vh;
      position: fixed;
      z-index: 999999;
      overflow: hidden;
      background-color: rgba(255, 255, 255, 0.9); }
      html body .popup-loader .loader-content {
        width: 100%;
        height: 100vh;
        position: relative; }
        html body .popup-loader .loader-content .loader-img {
          position: absolute;
          width: 50%;
          top: 45%;
          right: auto;
          left: 50%;
          transform: translate(-50%, -50%); }
        html body .popup-loader .loader-content .loader-img-012 {
          top: 50%;
          left: 50%;
          position: absolute;
          width: 100%;
          transform: translate(-50%, -50%); }
          @media (min-width: 1024px) {
            html body .popup-loader .loader-content .loader-img-012 {
              width: 50%; } }
        html body .popup-loader .loader-content .loader-txt {
          position: absolute;
          top: 47%;
          width: 100%;
          text-align: center;
          color: #ffd51f;
          font-size: 2.3em; }
          @media (min-width: 1025px) {
            html body .popup-loader .loader-content .loader-txt {
              top: 51%;
              font-size: 5em; } }
    html body .crp-brand-img {
      display: flex;
      overflow: hidden;
      justify-content: flex-end; }
      html body .crp-brand-img a {
        display: inline-block; }
        html body .crp-brand-img a img {
          width: 140px;
          margin: -14px 0 10px -28px; }
          @media (min-width: 768px) {
            html body .crp-brand-img a img {
              width: 180px;
              margin: -8px 0 20px -15px; } }
    html body .crp-brand-img-012 {
      margin: 10px;
      display: flex;
      overflow: hidden;
      justify-content: flex-end; }
      @media (min-width: 768px) {
        html body .crp-brand-img-012 {
          margin: 20px; } }

#INDblindNotif {
  display: none !important; }

.change-rate-plan {
  color: #000;
  font-family: "arial"; }
  .change-rate-plan login {
    display: block;
    background: #ffd51f; }
  .change-rate-plan .alert-message {
    background: #fff;
    padding: 15px 16px;
    margin-bottom: 20px;
    border: 2px solid #e85050; }
    @media (min-width: 1024px) {
      .change-rate-plan .alert-message {
        padding: 30px 32px;
        margin-bottom: 40px; } }
    .change-rate-plan .alert-message .icon-alert {
      width: 36px;
      height: 36px;
      display: inline-block;
      vertical-align: middle;
      background: url(../images/icon-alert-red.png) no-repeat;
      background-size: 100%; }
      @media (min-width: 768px) {
        .change-rate-plan .alert-message .icon-alert {
          width: 72px;
          height: 72px; } }
    .change-rate-plan .alert-message .text-msg {
      font-size: 18px;
      line-height: 1em;
      font-weight: bold;
      margin-right: 25px;
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - 64px); }
      @media (min-width: 768px) {
        .change-rate-plan .alert-message .text-msg {
          font-size: 35px;
          margin-right: 50px;
          width: calc(100% - 165px); } }
  @media (min-width: 1024px) {
    .change-rate-plan info-accordion {
      display: block;
      background-image: url("../images/bg-accordion.jpg");
      background-repeat: no-repeat;
      background-position: left center; } }
  .change-rate-plan banner .banner-component {
    margin-bottom: 0; }
  .change-rate-plan .crp-login-wrapper {
    margin-top: 20px; }

.login-messages {
  text-align: center;
  background: #0d0d0d; }
  .login-messages .login-alert-message {
    padding: 25px 16% 35px; }
    @media (min-width: 768px) {
      .login-messages .login-alert-message {
        padding: 50px 20% 70px; } }
    @media (min-width: 1024px) {
      .login-messages .login-alert-message {
        padding: 75px 5%; } }
    .login-messages .login-alert-message .message-img {
      width: 41px;
      height: 41px;
      display: inline-block; }
      @media (min-width: 768px) {
        .login-messages .login-alert-message .message-img {
          width: 82px;
          height: 82px; } }
      .login-messages .login-alert-message .message-img img {
        width: 100%; }
    .login-messages .login-alert-message .message-text {
      margin: 18px 0 0;
      color: #fff;
      font-size: 22px; }
      @media (min-width: 768px) {
        .login-messages .login-alert-message .message-text {
          font-size: 44px;
          margin-top: 35px; } }
      @media (min-width: 1024px) {
        .login-messages .login-alert-message .message-text {
          margin-top: 25px; } }
    .login-messages .login-alert-message .message-link {
      display: inline-block;
      color: #ffd51f;
      font-size: 15px;
      margin-top: 20px;
      text-decoration: underline; }
      @media (min-width: 768px) {
        .login-messages .login-alert-message .message-link {
          font-size: 30px;
          margin-top: 40px; } }
      @media (min-width: 1024px) {
        .login-messages .login-alert-message .message-link {
          margin-top: 15px; } }
    .login-messages .login-alert-message .second-link {
      display: inline-block;
      color: #fff;
      font-size: 13px;
      margin-top: 10px;
      text-decoration: underline; }
      @media (min-width: 768px) {
        .login-messages .login-alert-message .second-link {
          font-size: 26px;
          margin-top: 20px; } }
      @media (min-width: 1024px) {
        .login-messages .login-alert-message .second-link {
          margin-top: 10px; } }

.user-info-box {
  color: #fff;
  margin: 0 auto;
  padding: 11px 4%;
  max-width: 1185px;
  background: #000000; }
  @media (min-width: 768px) {
    .user-info-box {
      padding: 22px 4%; } }
  @media (min-width: 1024px) {
    .user-info-box {
      padding: 22px 25px; } }
  .user-info-box .icon-cellular-new {
    font-size: 1.7rem;
    display: inline-block;
    vertical-align: middle; }
    @media (min-width: 768px) {
      .user-info-box .icon-cellular-new {
        font-size: 3.3rem; } }
    .user-info-box .icon-cellular-new:before {
      color: #ffd51f; }
  .user-info-box .user-info {
    font-size: 15px;
    font-weight: bold;
    margin-right: 9px;
    display: inline-block;
    vertical-align: middle; }
    @media (min-width: 768px) {
      .user-info-box .user-info {
        font-size: 30px;
        margin-right: 18px; } }
  .user-info-box .links-wrapper {
    float: left; }
    .user-info-box .links-wrapper .link {
      color: #fff;
      font-size: 13px;
      display: inline-block;
      text-decoration: underline; }
      @media (min-width: 768px) {
        .user-info-box .links-wrapper .link {
          font-size: 25px; } }
      .user-info-box .links-wrapper .link:first-child {
        margin-left: 10px;
        padding-left: 10px;
        border-left: 2px solid #ffd51f; }

.lobby-message {
  padding-top: 10px; }
  @media (min-width: 768px) {
    .lobby-message {
      padding-top: 20px; } }
  @media (min-width: 1024px) {
    .lobby-message {
      padding: 40px;
      background-image: url("../images/bg-lobby-user.jpg");
      background-size: 100% 100%; } }
  .lobby-message .change-plan-msg-box {
    padding: 25px 8%;
    text-align: center; }
    @media (min-width: 768px) {
      .lobby-message .change-plan-msg-box {
        padding-top: 45px; } }
    @media (min-width: 1024px) {
      .lobby-message .change-plan-msg-box {
        margin: 0 auto;
        text-align: right;
        max-width: 1185px;
        padding: 50px 60px 0; } }
    .lobby-message .change-plan-msg-box .msg-top-box {
      padding-bottom: 25px;
      border-bottom: 1px solid #707070; }
      @media (min-width: 768px) {
        .lobby-message .change-plan-msg-box .msg-top-box {
          padding-bottom: 50px; } }
      .lobby-message .change-plan-msg-box .msg-top-box h2 {
        font-size: 20px;
        font-weight: bold; }
        @media (min-width: 768px) {
          .lobby-message .change-plan-msg-box .msg-top-box h2 {
            font-size: 41px; } }
      .lobby-message .change-plan-msg-box .msg-top-box h3 {
        font-size: 16px;
        font-weight: bold; }
        @media (min-width: 768px) {
          .lobby-message .change-plan-msg-box .msg-top-box h3 {
            font-size: 33px; } }
        @media (min-width: 1024px) {
          .lobby-message .change-plan-msg-box .msg-top-box h3 {
            font-size: 31px; } }
    .lobby-message .change-plan-msg-box .msg-bottom-box {
      padding: 30px 5%; }
      @media (min-width: 768px) {
        .lobby-message .change-plan-msg-box .msg-bottom-box {
          padding: 60px 4%; } }
      @media (min-width: 1024px) {
        .lobby-message .change-plan-msg-box .msg-bottom-box {
          padding: 30px 0 0; } }
      .lobby-message .change-plan-msg-box .msg-bottom-box p {
        font-size: 15px;
        line-height: 1em; }
        @media (min-width: 768px) {
          .lobby-message .change-plan-msg-box .msg-bottom-box p {
            font-size: 31px; } }
        @media (min-width: 1024px) {
          .lobby-message .change-plan-msg-box .msg-bottom-box p {
            font-size: 30px; } }
      .lobby-message .change-plan-msg-box .msg-bottom-box .link-btn {
        color: #000;
        display: block;
        font-size: 17px;
        padding: 13px 0;
        margin-top: 35px;
        font-weight: bold;
        background: #ffd51f;
        text-decoration: none;
        border: 3px solid #000; }
        @media (min-width: 768px) {
          .lobby-message .change-plan-msg-box .msg-bottom-box .link-btn {
            font-size: 33px;
            padding: 28px 0;
            margin-top: 70px;
            border-width: 5px; } }
        @media (min-width: 1024px) {
          .lobby-message .change-plan-msg-box .msg-bottom-box .link-btn {
            font-size: 23px;
            padding: 17px 40px;
            display: inline-block; } }
      .lobby-message .change-plan-msg-box .msg-bottom-box .link {
        color: #000;
        font-size: 15px;
        margin-top: 15px;
        display: inline-block;
        text-decoration: underline; }
        @media (min-width: 768px) {
          .lobby-message .change-plan-msg-box .msg-bottom-box .link {
            font-size: 30px;
            margin-top: 30px; } }
        @media (min-width: 1024px) {
          .lobby-message .change-plan-msg-box .msg-bottom-box .link {
            font-size: 23px;
            margin-right: 35px; } }

@media (min-width: 1024px) {
  .lobby-plans {
    padding: 40px;
    background-image: url("../images/bg-lobby.jpg");
    background-repeat: no-repeat;
    background-size: auto; } }

.lobby-plans login-web-comp {
  display: block;
  margin: 0 auto;
  max-width: 1185px; }

.lobby-plans .plans-wrapper {
  margin: 0 auto;
  padding: 30px 4%;
  max-width: 1185px; }
  @media (min-width: 768px) {
    .lobby-plans .plans-wrapper {
      padding: 60px 3%; } }
  @media (min-width: 1024px) {
    .lobby-plans .plans-wrapper {
      padding: 55px 0; } }
  .lobby-plans .plans-wrapper .titles {
    text-align: center; }
    .lobby-plans .plans-wrapper .titles h2 {
      margin: 0;
      font-size: 2.1rem;
      line-height: 1em;
      font-family: "arial"; }
      @media (min-width: 768px) {
        .lobby-plans .plans-wrapper .titles h2 {
          font-size: 4.2rem; } }
    .lobby-plans .plans-wrapper .titles h3 {
      margin: 0;
      font-size: 1.6rem;
      font-family: "arial"; }
      @media (min-width: 768px) {
        .lobby-plans .plans-wrapper .titles h3 {
          font-size: 3.2rem; } }
  .lobby-plans .plans-wrapper .plans-container {
    margin-top: 30px; }
    @media (min-width: 768px) {
      .lobby-plans .plans-wrapper .plans-container {
        margin-top: 60px; } }
    @media (min-width: 1024px) {
      .lobby-plans .plans-wrapper .plans-container {
        width: 915px;
        display: flex;
        margin: 55px auto 0;
        justify-content: center; } }
    .lobby-plans .plans-wrapper .plans-container .plan-box {
      background: #fff;
      text-align: center;
      border: 2px solid #ffd51f; }
      @media (min-width: 1024px) {
        .lobby-plans .plans-wrapper .plans-container .plan-box {
          width: 445px; } }
      .lobby-plans .plans-wrapper .plans-container .plan-box:nth-child(2) {
        margin-top: 8px; }
        @media (min-width: 768px) {
          .lobby-plans .plans-wrapper .plans-container .plan-box:nth-child(2) {
            margin-top: 16px; } }
        @media (min-width: 1024px) {
          .lobby-plans .plans-wrapper .plans-container .plan-box:nth-child(2) {
            margin-top: 0;
            margin-right: 25px; } }
      .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head {
        padding: 10px 8%;
        background: #ffd51f; }
        @media (min-width: 768px) {
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head {
            padding: 20px 8%; } }
        @media (min-width: 1024px) {
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head {
            height: 260px;
            padding: 15px 30px 30px; } }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .flag {
          color: #fff;
          font-size: 13px;
          padding: 3px 12px;
          background: #000000;
          display: inline-block; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .flag {
              font-size: 25px;
              padding: 5px 26px; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .flag {
              height: 32px;
              font-size: 18px;
              padding: 4px 19px; } }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .flag.empty-flag {
            background: transparent; }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head h3 {
          color: #fff;
          font-size: 19px;
          margin-top: 11px;
          font-weight: bold;
          line-height: 0.9em; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head h3 {
              font-size: 38px;
              margin-top: 22px; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head h3 {
              font-size: 29px;
              margin-top: 16px; } }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price {
          font-size: 24px;
          margin-top: 14px;
          font-family: "arial"; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price {
              font-size: 48px;
              margin-top: 28px; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price {
              font-size: 36px;
              margin-top: 20px; } }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price span {
            line-height: 0.9em;
            display: inline-block; }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price .num-price {
            font-size: 47px; }
            @media (min-width: 768px) {
              .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price .num-price {
                font-size: 95px; } }
            @media (min-width: 1024px) {
              .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price .num-price {
                font-size: 71px; } }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price .coin-price {
            font-size: 36px;
            margin-right: -8px; }
            @media (min-width: 768px) {
              .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price .coin-price {
                font-size: 72px; } }
            @media (min-width: 1024px) {
              .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price .coin-price {
                font-size: 54px; } }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .price > span:last-child {
            font-weight: bold;
            font-family: "arial"; }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head p {
          font-size: 13px;
          max-width: 280px;
          line-height: 1em;
          margin: 5px auto 0; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head p {
              font-size: 26px;
              margin-top: 10px;
              max-width: 540px; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head p {
              height: 40px;
              font-size: 20px; } }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .plan-loader {
          height: 35px;
          margin-top: 15px; }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .plan-loader img {
            height: 30px; }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .vat {
          font-size: 12px;
          margin-top: 5px; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .vat {
              font-size: 24px;
              margin-top: 10px; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head .vat {
              height: 20px;
              font-size: 18px; } }
      .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main {
        padding: 10px 15px 13px; }
        @media (min-width: 768px) {
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main {
            padding: 20px 30px 26px; } }
        @media (min-width: 1024px) {
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main {
            display: flex;
            flex-direction: column;
            padding: 15px 22px 20px;
            height: calc(100% - 260px); } }
        @media (min-width: 1024px) {
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .plan-info {
            min-height: 320px; } }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .plan-info li {
          font-size: 1.4rem;
          padding: 16px 0;
          list-style: none;
          border-bottom: 1px solid #d7d7d7; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .plan-info li {
              font-size: 2.5rem;
              padding: 33px 0; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .plan-info li {
              padding: 0;
              min-height: 80px;
              display: flex;
              font-size: 2rem;
              align-items: center;
              justify-content: center; } }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .plan-info li:nth-child(2) {
            font-weight: bold; }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .plan-info li:last-child {
            border: none; }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .btn-wrapper {
          width: 100%;
          display: block;
          margin: 18px auto 0; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .btn-wrapper {
              margin-top: 35px; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .btn-wrapper {
              margin-top: auto; } }
          .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .btn-wrapper button {
            width: 100%;
            color: #fff;
            display: block;
            padding: 8px 0;
            font-weight: bold;
            font-size: 1.7rem;
            background: #000;
            border: 3px solid #ffd51f; }
            @media (min-width: 768px) {
              .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .btn-wrapper button {
                font-size: 26px;
                padding: 17px 0; } }
            @media (min-width: 1024px) {
              .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .btn-wrapper button {
                font-size: 20px;
                padding: 12px 0;
                margin-top: 25px; } }
        .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .request-progress-msg {
          width: 100%;
          opacity: 0.5;
          color: #000;
          display: block;
          padding: 7px 0;
          font-size: 13px;
          margin: 18px auto 0;
          font-weight: bold;
          background: #eaeaea;
          border: 3px solid #000; }
          @media (min-width: 768px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .request-progress-msg {
              font-size: 26px;
              padding: 17px 0;
              margin-top: 35px; } }
          @media (min-width: 1024px) {
            .lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main .request-progress-msg {
              height: 57px;
              font-size: 20px;
              padding: 12px 0;
              margin-top: 25px; } }
  .lobby-plans .plans-wrapper .btn-more-plans {
    width: 98%;
    display: block;
    padding: 13px 0;
    font-size: 17px;
    font-weight: bold;
    background: #fff;
    margin: 25px auto 0;
    border: 2px solid #8a8a8a; }
    @media (min-width: 768px) {
      .lobby-plans .plans-wrapper .btn-more-plans {
        font-size: 34px;
        padding: 27px 0;
        margin-top: 50px; } }
    @media (min-width: 1024px) {
      .lobby-plans .plans-wrapper .btn-more-plans {
        width: 100%;
        font-size: 24px;
        padding: 19px 0; } }

.more-plans {
  margin: 0 auto;
  padding: 10px 4%;
  max-width: 1070px; }
  @media (min-width: 768px) {
    .more-plans {
      padding: 15px 3%; } }
  @media (min-width: 1024px) {
    .more-plans {
      padding: 15px 0; } }
  .more-plans .plan-box {
    margin-top: 10px;
    background: #fff;
    text-align: center;
    border: 1px solid #ffd51f; }
    @media (min-width: 1024px) {
      .more-plans .plan-box {
        display: flex;
        border-right: 0;
        margin-top: 20px;
        min-height: 209px; } }
    .more-plans .plan-box:first-child {
      margin-top: 0; }
    .more-plans .plan-box .plan-box-head {
      padding: 10px 8%;
      background: #ffd51f; }
      @media (min-width: 768px) {
        .more-plans .plan-box .plan-box-head {
          padding: 20px 8%; } }
      @media (min-width: 1024px) {
        .more-plans .plan-box .plan-box-head {
          width: 165px;
          padding: 0; } }
      .more-plans .plan-box .plan-box-head .flag {
        color: #fff;
        font-size: 13px;
        padding: 3px 12px;
        background: #000000;
        display: inline-block; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-head .flag {
            font-size: 2.5rem;
            padding: 5px 26px; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-head .flag {
            display: block;
            line-height: 1;
            font-size: 2rem;
            margin-top: -1px;
            padding: 5px 19px; } }
        .more-plans .plan-box .plan-box-head .flag.empty-flag {
          background: transparent; }
      .more-plans .plan-box .plan-box-head h3 {
        color: #fff;
        font-size: 19px;
        margin-top: 11px;
        font-weight: bold;
        line-height: 0.9em; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-head h3 {
            font-size: 38px;
            margin-top: 22px; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-head h3 {
            font-size: 31px;
            margin-top: 35px; } }
    .more-plans .plan-box .plan-box-main {
      padding: 10px 15px 13px; }
      @media (min-width: 768px) {
        .more-plans .plan-box .plan-box-main {
          padding: 20px 30px 26px; } }
      @media (min-width: 1024px) {
        .more-plans .plan-box .plan-box-main {
          padding: 30px;
          width: calc(100% - 575px); } }
      .more-plans .plan-box .plan-box-main .plan-info li {
        font-size: 14px;
        padding: 16px 0;
        list-style: none;
        border-bottom: 1px solid #d7d7d7; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-main .plan-info li {
            font-size: 25px;
            padding: 33px 0; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-main .plan-info li {
            font-size: 20px;
            padding: 11px 0; } }
        .more-plans .plan-box .plan-box-main .plan-info li:nth-child(2) {
          font-weight: bold; }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-main .plan-info li:last-child {
            border: none; } }
    .more-plans .plan-box .plan-box-bottom {
      padding: 10px 15px 13px; }
      @media (min-width: 768px) {
        .more-plans .plan-box .plan-box-bottom {
          padding: 20px 30px 26px; } }
      @media (min-width: 1024px) {
        .more-plans .plan-box .plan-box-bottom {
          width: 410px;
          position: relative;
          padding: 19px 40px; }
          .more-plans .plan-box .plan-box-bottom:before {
            content: "";
            top: 15%;
            right: 0;
            width: 1px;
            height: 70%;
            background: #d7d7d7;
            position: absolute; } }
      .more-plans .plan-box .plan-box-bottom .price {
        font-size: 24px;
        font-weight: bold;
        font-family: "arial"; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-bottom .price {
            font-size: 48px; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-bottom .price {
            font-size: 24px; } }
        .more-plans .plan-box .plan-box-bottom .price span {
          line-height: 0.8em;
          display: inline-block; }
        .more-plans .plan-box .plan-box-bottom .price .num-price {
          font-size: 47px; }
          @media (min-width: 768px) {
            .more-plans .plan-box .plan-box-bottom .price .num-price {
              font-size: 95px; } }
          @media (min-width: 1024px) {
            .more-plans .plan-box .plan-box-bottom .price .num-price {
              font-size: 48px; } }
        .more-plans .plan-box .plan-box-bottom .price .coin-price {
          font-size: 36px;
          margin-right: -8px; }
          @media (min-width: 768px) {
            .more-plans .plan-box .plan-box-bottom .price .coin-price {
              font-size: 72px; } }
          @media (min-width: 1024px) {
            .more-plans .plan-box .plan-box-bottom .price .coin-price {
              font-size: 36px; } }
        .more-plans .plan-box .plan-box-bottom .price > span:last-child {
          font-weight: bold;
          font-family: "arial"; }
      .more-plans .plan-box .plan-box-bottom p {
        font-size: 13px;
        margin: 5px 0 0;
        line-height: 1em; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-bottom p {
            font-size: 26px;
            margin-top: 10px; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-bottom p {
            height: 40px;
            font-size: 18px; } }
      .more-plans .plan-box .plan-box-bottom .plan-loader {
        height: 35px;
        margin-top: 15px; }
        .more-plans .plan-box .plan-box-bottom .plan-loader img {
          height: 30px; }
      .more-plans .plan-box .plan-box-bottom .vat {
        font-size: 12px;
        margin-top: 5px; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-bottom .vat {
            font-size: 24px;
            margin-top: 10px; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-bottom .vat {
            height: 20px;
            font-size: 18px; } }
      .more-plans .plan-box .plan-box-bottom button {
        width: 100%;
        color: #000000;
        display: block;
        font-size: 1.7rem;
        margin: 18px auto 0;
        padding: 8px 0;
        font-weight: bold;
        background: #ffd51f;
        border: 3px solid #000000; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-bottom button {
            font-size: 26px;
            padding: 17px 0;
            margin-top: 35px; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-bottom button {
            font-size: 20px;
            padding: 12px 0;
            margin-top: 20px; } }
      .more-plans .plan-box .plan-box-bottom .request-progress-msg {
        width: 100%;
        opacity: 0.5;
        color: #000;
        display: block;
        padding: 7px 0;
        font-size: 13px;
        margin: 18px auto 0;
        font-weight: bold;
        background: #eaeaea;
        border: 3px solid #000; }
        @media (min-width: 768px) {
          .more-plans .plan-box .plan-box-bottom .request-progress-msg {
            font-size: 26px;
            padding: 17px 0;
            margin-top: 35px; } }
        @media (min-width: 1024px) {
          .more-plans .plan-box .plan-box-bottom .request-progress-msg {
            font-size: 20px;
            padding: 12px 0;
            margin-top: 25px; } }

.shopping-cart-streep {
  background: #000;
  border-top: 2px solid #ffd51f; }
  @media (min-width: 768px) {
    .shopping-cart-streep {
      border-top-width: 4px; } }
  .shopping-cart-streep .shopping-cart-wrapper {
    display: flex;
    margin: 0 auto;
    padding: 10px 7%;
    max-width: 1185px;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .shopping-cart-streep .shopping-cart-wrapper {
        padding: 20px 7%; } }
    @media (min-width: 1024px) {
      .shopping-cart-streep .shopping-cart-wrapper {
        padding: 30px 15px; } }
    .shopping-cart-streep .shopping-cart-wrapper .box-info span {
      display: block;
      line-height: 1.1em; }
    .shopping-cart-streep .shopping-cart-wrapper .box-info .box-info-title {
      color: #ffd51f;
      font-size: 1.5rem; }
      @media (min-width: 768px) {
        .shopping-cart-streep .shopping-cart-wrapper .box-info .box-info-title {
          font-size: 3rem; } }
      @media (min-width: 1024px) {
        .shopping-cart-streep .shopping-cart-wrapper .box-info .box-info-title {
          font-size: 2.8rem; } }
      .shopping-cart-streep .shopping-cart-wrapper .box-info .box-info-title span {
        font-size: 14px;
        display: block; }
    .shopping-cart-streep .shopping-cart-wrapper .box-info .box-info-text {
      color: #fff;
      font-size: 1.2rem;
      font-weight: bold;
      margin-top: 7px; }
      @media (min-width: 768px) {
        .shopping-cart-streep .shopping-cart-wrapper .box-info .box-info-text {
          font-size: 2.4rem;
          margin-top: 14px; } }
      @media (min-width: 1024px) {
        .shopping-cart-streep .shopping-cart-wrapper .box-info .box-info-text {
          margin-top: 25px;
          font-size: 2.6rem; } }

.order-summary {
  margin: 5px auto 0;
  max-width: 1185px;
  background: #eaeaea; }
  @media (min-width: 1024px) {
    .order-summary {
      margin-top: 45px; } }
  .order-summary .os-head-box {
    display: flex;
    padding: 20px 3%;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #676767; }
    @media (min-width: 768px) {
      .order-summary .os-head-box {
        padding: 40px 3%; } }
    @media (min-width: 1024px) {
      .order-summary .os-head-box {
        padding: 30px 25px; } }
    .order-summary .os-head-box h2 {
      margin: 0;
      color: #0d0d0d;
      font-size: 2.3rem;
      font-weight: bold;
      font-family: "arial"; }
      @media (min-width: 768px) {
        .order-summary .os-head-box h2 {
          font-size: 4.6rem; } }
      @media (min-width: 1024px) {
        .order-summary .os-head-box h2 {
          font-size: 3.5rem; } }
    .order-summary .os-head-box .link {
      border: none;
      color: #010101;
      font-size: 1.3rem;
      text-decoration: underline; }
      @media (min-width: 768px) {
        .order-summary .os-head-box .link {
          font-size: 2.6rem; } }
      @media (min-width: 1024px) {
        .order-summary .os-head-box .link {
          font-size: 2.0rem; } }
  .order-summary .os-main-box {
    padding: 23px 3% 35px; }
    @media (min-width: 768px) {
      .order-summary .os-main-box {
        padding: 40px 3% 70px; } }
    @media (min-width: 1024px) {
      .order-summary .os-main-box {
        padding: 35px 30px; } }
    .order-summary .os-main-box .main-box-row {
      margin-top: 20px; }
      @media (min-width: 768px) {
        .order-summary .os-main-box .main-box-row {
          margin-top: 40px; } }
      @media (min-width: 1024px) {
        .order-summary .os-main-box .main-box-row {
          display: flex;
          margin-top: 50px;
          justify-content: space-between; } }
      .order-summary .os-main-box .main-box-row:first-child {
        margin-top: 0; }
      @media (min-width: 1024px) {
        .order-summary .os-main-box .main-box-row.radio-buttons-row {
          display: block; } }
      @media (min-width: 1024px) {
        .order-summary .os-main-box .main-box-row.checkbox-btns-container {
          display: block;
          margin-top: 40px; } }
      .order-summary .os-main-box .main-box-row h3 {
        margin: 0;
        font-size: 1.5rem;
        font-weight: bold;
        font-family: "arial"; }
        @media (min-width: 768px) {
          .order-summary .os-main-box .main-box-row h3 {
            font-size: 3rem; } }
        @media (min-width: 1024px) {
          .order-summary .os-main-box .main-box-row h3 {
            font-size: 2rem; } }
      .order-summary .os-main-box .main-box-row .radio-btns-container {
        display: flex;
        margin-top: 12px;
        border: 1px solid #000000; }
        @media (min-width: 768px) {
          .order-summary .os-main-box .main-box-row .radio-btns-container {
            margin-top: 24px;
            border-width: 2px; } }
        @media (min-width: 1024px) {
          .order-summary .os-main-box .main-box-row .radio-btns-container {
            width: 440px;
            margin-top: 10px; } }
        .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper {
          width: 50%;
          color: #000;
          display: block;
          position: relative;
          text-align: center; }
          .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper input[type=radio] {
            border: 0;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            position: absolute;
            clip: rect(0, 0, 0, 0); }
            .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper input[type=radio]:hover ~ label,
            .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper input[type=radio]:focus ~ label {
              border-color: #ffd51f; }
            .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper input[type=radio]:checked ~ label {
              opacity: 1;
              border-color: #000;
              background: #ffd51f;
              box-shadow: 5px 6px 13px 0px rgba(50, 50, 50, 0.45); }
          .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper label {
            padding: 5px;
            height: 100%;
            opacity: 0.6;
            display: flex;
            cursor: pointer;
            font-size: 1.1rem;
            font-weight: bold;
            justify-content: center;
            flex-direction: column;
            border: 1px solid transparent;
            -webkit-transition: all 0.25s linear;
            transition: all 0.25s linear; }
            @media (min-width: 768px) {
              .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper label {
                font-size: 2.2rem; } }
            @media (min-width: 1024px) {
              .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper label {
                font-size: 2rem;
                padding: 12px 7px;
                font-size: 2rem;
                line-height: 1em; } }
          .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper:first-child {
            border-left: 1px solid #000; }
            @media (min-width: 768px) {
              .order-summary .os-main-box .main-box-row .radio-btns-container .radio-wrapper:first-child {
                border-left-width: 2px; } }
      @media (min-width: 1024px) {
        .order-summary .os-main-box .main-box-row .input-wrapper {
          width: 47%; } }
      .order-summary .os-main-box .main-box-row .input-wrapper label {
        margin: 0;
        display: block;
        color: #010101;
        font-size: 1.5rem;
        line-height: 1em;
        font-weight: bold;
        font-family: "arial"; }
        @media (min-width: 768px) {
          .order-summary .os-main-box .main-box-row .input-wrapper label {
            font-size: 3rem; } }
        @media (min-width: 1024px) {
          .order-summary .os-main-box .main-box-row .input-wrapper label {
            font-size: 2rem; } }
      .order-summary .os-main-box .main-box-row .input-wrapper .sub-text {
        font-size: 1.2rem;
        display: block; }
        @media (min-width: 768px) {
          .order-summary .os-main-box .main-box-row .input-wrapper .sub-text {
            font-size: 2.4rem; } }
        @media (min-width: 1024px) {
          .order-summary .os-main-box .main-box-row .input-wrapper .sub-text {
            font-size: 1.6rem; } }
      .order-summary .os-main-box .main-box-row .input-wrapper input {
        width: 100%;
        border: none;
        display: block;
        margin-top: 8px;
        padding: 7px 12px;
        font-size: 1.3rem;
        background: #fff;
        background: #ffffff;
        border-bottom: 2px solid #ffd51f; }
        @media (min-width: 768px) {
          .order-summary .os-main-box .main-box-row .input-wrapper input {
            font-size: 2.6rem;
            padding: 14px 22px;
            margin-top: 20px; } }
        @media (min-width: 1024px) {
          .order-summary .os-main-box .main-box-row .input-wrapper input {
            font-size: 2rem;
            margin-top: 10px; } }
      .order-summary .os-main-box .main-box-row .input-wrapper:nth-child(2) {
        margin-top: 15px; }
        @media (min-width: 768px) {
          .order-summary .os-main-box .main-box-row .input-wrapper:nth-child(2) {
            margin-top: 30px; } }
        @media (min-width: 1024px) {
          .order-summary .os-main-box .main-box-row .input-wrapper:nth-child(2) {
            margin-top: 0; } }
      .order-summary .os-main-box .main-box-row .checkbox-wrapper {
        color: #010101;
        position: relative;
        margin-bottom: 12px; }
        @media (min-width: 768px) {
          .order-summary .os-main-box .main-box-row .checkbox-wrapper {
            margin-bottom: 22px; } }
        @media (min-width: 1024px) {
          .order-summary .os-main-box .main-box-row .checkbox-wrapper {
            margin-bottom: 15px; } }
        .order-summary .os-main-box .main-box-row .checkbox-wrapper input[type=checkbox] {
          width: 0;
          height: 0;
          position: absolute; }
          .order-summary .os-main-box .main-box-row .checkbox-wrapper input[type=checkbox]:checked ~ .check::before {
            opacity: 1; }
          .order-summary .os-main-box .main-box-row .checkbox-wrapper input[type=checkbox]:hover ~ .check,
          .order-summary .os-main-box .main-box-row .checkbox-wrapper input[type=checkbox]:focus ~ .check {
            border-color: #ffd51f; }
        .order-summary .os-main-box .main-box-row .checkbox-wrapper label {
          z-index: 2;
          display: block;
          padding: 0 25px;
          cursor: pointer;
          font-size: 1.3rem;
          line-height: 1.1em;
          position: relative;
          -webkit-transition: all 0.25s linear; }
          @media (min-width: 768px) {
            .order-summary .os-main-box .main-box-row .checkbox-wrapper label {
              font-size: 2.3rem;
              padding: 0 45px; } }
          @media (min-width: 1024px) {
            .order-summary .os-main-box .main-box-row .checkbox-wrapper label {
              font-size: 2rem; } }
        .order-summary .os-main-box .main-box-row .checkbox-wrapper .check {
          top: 0;
          right: 0;
          z-index: 1;
          width: 15px;
          height: 15px;
          display: block;
          position: absolute;
          border: 2px solid #000000;
          transition: border .25s linear;
          -webkit-transition: border .25s linear; }
          @media (min-width: 768px) {
            .order-summary .os-main-box .main-box-row .checkbox-wrapper .check {
              width: 25px;
              height: 25px;
              border-width: 3px; } }
          .order-summary .os-main-box .main-box-row .checkbox-wrapper .check:before {
            top: 3px;
            right: 2px;
            opacity: 0;
            width: 7px;
            height: 4px;
            content: '';
            margin: auto;
            display: block;
            position: absolute;
            border: 2px solid #000;
            border-top: none;
            border-right: none;
            transform: rotate(-45deg);
            transition: all 0.25s linear;
            -webkit-transform: rotate(-45deg);
            -webkit-transition: all 0.25s linear; }
            @media (min-width: 768px) {
              .order-summary .os-main-box .main-box-row .checkbox-wrapper .check:before {
                top: 4px;
                right: 2px;
                width: 14px;
                height: 8px;
                border-width: 3px; } }
      .order-summary .os-main-box .main-box-row .faild-errors span {
        display: block;
        color: #D8000C;
        padding: 3px 5px;
        font-size: 1.4rem;
        font-weight: bold;
        border: 1px solid;
        background-color: #FFD2D2; }
      .order-summary .os-main-box .main-box-row .faild-errors.terms-errors {
        width: 47%;
        margin-top: 5px; }
    .order-summary .os-main-box .done-button {
      width: 100%;
      padding: 12px;
      color: #fff;
      margin-top: 10px;
      font-size: 1.3rem;
      font-weight: bold;
      background: #0d0d0d;
      display: inline-block;
      border: 2px solid #ffd51f; }
      @media (min-width: 768px) {
        .order-summary .os-main-box .done-button {
          padding: 16px;
          margin-top: 15px;
          font-size: 2.6rem;
          border-width: 4px; } }
      @media (min-width: 1024px) {
        .order-summary .os-main-box .done-button {
          width: 295px;
          padding: 13px; } }

.sales-process-messages {
  text-align: center;
  background: #ffd51f;
  padding: 25px 16% 25px; }
  @media (min-width: 768px) {
    .sales-process-messages {
      padding: 50px 20% 50px; } }
  @media (min-width: 1024px) {
    .sales-process-messages {
      padding: 55px 5%; } }
  .sales-process-messages .message-img {
    display: inline-block; }
  .sales-process-messages .message-text {
    color: #0d0d0d;
    margin-top: 10px;
    line-height: 1em;
    font-size: 1.8rem;
    font-weight: bold; }
    @media (min-width: 768px) {
      .sales-process-messages .message-text {
        font-size: 3.5rem;
        margin-top: 20px; } }
  .sales-process-messages .message-sub-text {
    display: block;
    color: #0d0d0d;
    margin-top: 5PX;
    line-height: 0.9em;
    font-size: 1.6rem; }
    @media (min-width: 768px) {
      .sales-process-messages .message-sub-text {
        font-size: 3.2rem; } }
    @media (min-width: 1024px) {
      .sales-process-messages .message-sub-text {
        font-size: 3.1rem; } }
  .sales-process-messages .message-link {
    color: #000;
    display: block;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.4rem;
    text-decoration: underline; }
    @media (min-width: 768px) {
      .sales-process-messages .message-link {
        margin-top: 40px;
        font-size: 2.8rem; } }

.plan-terms .button-wrapper {
  padding: 20px;
  background: #ffd51f; }
  @media (min-width: 768px) {
    .plan-terms .button-wrapper {
      padding: 45px 20px; } }
  @media (min-width: 1024px) {
    .plan-terms .button-wrapper {
      padding: 60px 10px; } }
  .plan-terms .button-wrapper button {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    background: #000;
    font-weight: bold;
    font-size: 1.5rem;
    color: #ffd51f;
    border: 3px solid #fff; }
    @media (min-width: 768px) {
      .plan-terms .button-wrapper button {
        font-size: 3rem;
        padding: 23px 0; } }
    @media (min-width: 1024px) {
      .plan-terms .button-wrapper button {
        width: 310px;
        padding: 17px 0;
        font-size: 2.2rem; } }

.status .button-wrapper {
  padding: 20px;
  background: #ffd51f; }
  @media (min-width: 768px) {
    .status .button-wrapper {
      padding: 45px 20px; } }
  @media (min-width: 1024px) {
    .status .button-wrapper {
      padding: 60px 10px; } }
  .status .button-wrapper button {
    width: 90%;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
    background: #000;
    font-weight: bold;
    font-size: 1.5rem;
    color: #ffd51f;
    border: 3px solid #fff; }
    @media (min-width: 768px) {
      .status .button-wrapper button {
        font-size: 3rem;
        padding: 23px 0; } }
    @media (min-width: 1024px) {
      .status .button-wrapper button {
        width: 310px;
        padding: 17px 0;
        font-size: 2.2rem; } }

g-success-banners .banners-title,
g-success-banners .list-banners {
  margin: 0; }

.lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-head h3 {
  color: #000; }

.lobby-plans .plans-wrapper .plans-container .plan-box .plan-box-main button {
  width: 263px;
  padding: 13px 0;
  border-width: 1px;
  border-radius: 5px;
  background: #030303;
  background-image: -webkit-linear-gradient(top, #030303, #3E3E3E);
  background-image: -moz-linear-gradient(top, #030303, #3E3E3E);
  background-image: -ms-linear-gradient(top, #030303, #3E3E3E);
  background-image: -o-linear-gradient(top, #030303, #3E3E3E);
  background-image: linear-gradient(to bottom, #030303, #3E3E3E); }

.order-summary .os-main-box .done-button {
  color: #000;
  background: #FFD400;
  border: 1px solid #FFD647;
  background: -moz-linear-gradient(top, #FFD400 0%, #FCBF00 100%);
  background: -o-linear-gradient(top, #FFD400 0%, #FCBF00 100%);
  background: -ms-linear-gradient(top, #FFD400 0%, #FCBF00 100%);
  background: linear-gradient(to bottom, #FFD400 0%, #FCBF00 100%); }

.more-plans .plan-box .plan-box-head h3 {
  color: #000; }

.more-plans .plan-box .plan-box-bottom button {
  width: 263px;
  padding: 15px 0;
  color: #000;
  background: #FFD400;
  border: 1px solid #FFD647;
  background: -moz-linear-gradient(top, #FFD400 0%, #FCBF00 100%);
  background: -o-linear-gradient(top, #FFD400 0%, #FCBF00 100%);
  background: -ms-linear-gradient(top, #FFD400 0%, #FCBF00 100%);
  background: linear-gradient(to bottom, #FFD400 0%, #FCBF00 100%); }

g-success-banners .banners-title,
g-success-banners .list-banners {
  margin: 0; }