/* Start common class */
/*ae860a2a-fc70-4cf9-9713-1155d6ce6097*/
.display-block {
    display: block; }

  .display-inline {
    display: inline; }

  .display-inline-block {
    display: inline-block; }

  .display-none {
    display: none; }

  .float-right {
    float: right; }

  .float-left {
    float: left; }

  .float-none {
    float: none; }

  .text-align-center {
    text-align: center; }

  .text-align-right {
    text-align: right; }

  .text-align-left {
    text-align: left; }

  .width-100 {
    width: 100%; }

  .dir-ltr {
    direction: ltr; }

  .cursor-pointer {
    cursor: pointer; }

  .cursor-not-allowed {
    cursor: not-allowed; }

  .margin-bottom {
    margin-bottom: 15px; }

  .margin-bottom-small {
    margin-bottom: 8px; }

  .side-margin {
    margin-left: 15px;
    margin-right: 15px; }

  .side-padding {
    padding-left: 15px;
    padding-right: 15px; }

  .width-100-side-margin {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px); }

  .up-down-margin {
    margin-top: 15px;
    margin-bottom: 15px; }

  .overflow-break {
    overflow-wrap: break-word; }

  /* End common class */
  /* Start color class */
  .success-btn {
    background-color: #32C5D2;
    border-color: #32C5D2;
    color: #FFFFFF; }

  .success-btn:hover,
  .success-btn:active {
    background-color: #23A1AB;
    border-color: #2499A3;
    color: #FFFFFF; }

  .success-btn:focus {
    background-color: #23A1AB;
    border-color: #18666D;
    color: #FFFFFF; }

  .success-back {
    background-color: #32C5D2; }

  .success-border {
    border-color: #32C5D2; }

  .success-color {
    color: #32C5D2; }

  .info-btn {
    background-color: #659BE0;
    border-color: #659BE0;
    color: #FFFFFF; }

  .info-btn:hover,
  .info-btn:active {
    background-color: #3A80D7;
    border-color: #286EC5;
    color: #FFFFFF; }

  .info-btn:focus {
    background-color: #3A80D7;
    border-color: #1D4F8E;
    color: #FFFFFF; }

  .info-back {
    background-color: #659BE0; }

  .info-border {
    border-color: #659BE0; }

  .info-color {
    color: #659BE0; }

  .green-meadow-btn {
    background-color: #1BBC9B;
    border-color: #1BBC9B;
    color: #FFFFFF; }

  .green-meadow-btn:hover,
  .green-meadow-btn:active {
    background-color: #158F76;
    border-color: #13866F;
    color: #FFFFFF; }

  .green-meadow-btn:focus {
    background-color: #158F76;
    border-color: #0B4D3F;
    color: #FFFFFF; }

  .green-meadow-back {
    background-color: #1BBC9B; }

  .green-meadow-border {
    border-color: #1BBC9B; }

  .green-meadow-color {
    color: #1BBC9B; }

  .red-haze-btn {
    background-color: #F36A5A;
    border-color: #F36A5A;
    color: #FFFFFF; }

  .red-haze-btn:hover,
  .red-haze-btn:active {
    background-color: #F03F2A;
    border-color: #EF3621;
    color: #FFFFFF; }

  .red-haze-btn:focus {
    background-color: #F03F2A;
    border-color: #C0210E;
    color: #FFFFFF; }

  .red-haze-back {
    background-color: #F36A5A; }

  .red-haze-border {
    border-color: #F36A5A; }

  .red-haze-color {
    color: #F36A5A; }

  .yellow-crusta-btn {
    background-color: #F3C200;
    border-color: #F3C200;
    color: #FFFFFF; }

  .yellow-crusta-btn:hover,
  .yellow-crusta-btn:active {
    background-color: #C09900;
    border-color: #B69100;
    color: #FFFFFF; }

  .yellow-crusta-btn:focus {
    background-color: #C09900;
    border-color: #745C00;
    color: #FFFFFF; }

  .yellow-crusta-back {
    background-color: #F3C200; }

  .yellow-crusta-border {
    border-color: #F3C200; }

  .yellow-crusta-color {
    color: #F3C200; }

  .purple-btn {
    background-color: #8E44AD;
    border-color: #8E44AD;
    color: #FFFFFF; }

  .purple-btn:hover,
  .purple-btn:active {
    background-color: #703688;
    border-color: #6a3381;
    color: #FFFFFF; }

  .purple-btn:focus {
    background-color: #703688;
    border-color: #432051;
    color: #FFFFFF; }

  .purple-back {
    background-color: #8E44AD; }

  .purple-border {
    border-color: #8E44AD; }

  .purple-color {
    color: #8E44AD; }

  .white-color {
    color: #FFFFFF; }

  a.white-color,
  a.white-color:hover,
  a.white-color:focus {
    color: #FFFFFF; }

  /* End color class */
  /* Start material-design-icons style */
  @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../font/MaterialIcons-Regular.eot");
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("../font/MaterialIcons-Regular.woff2") format("woff2"), url("../font/MaterialIcons-Regular.woff") format("woff"), url("../font/MaterialIcons-Regular.ttf") format("truetype"); }
  .material-icons {
    font-family: 'Material Icons', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga'; }

  /* Rules for sizing the icon. */
  .material-icons.md-18 {
    font-size: 18px;
    margin-top: -5px;
    position: relative;
    top: 5px; }

  .material-icons.md-24 {
    font-size: 24px;
    margin-top: -8px;
    position: relative;
    top: 8px; }

  .material-icons.md-36 {
    font-size: 36px; }

  .material-icons.md-48 {
    font-size: 48px; }

  /* Rules for using icons as black on a light background. */
  .material-icons.md-dark {
    color: rgba(0, 0, 0, 0.54); }

  .material-icons.md-dark.md-inactive {
    color: rgba(0, 0, 0, 0.26); }

  /* Rules for using icons as white on a dark background. */
  .material-icons.md-light {
    color: white; }

  .material-icons.md-light.md-inactive {
    color: rgba(255, 255, 255, 0.3); }

  .material-icons.telegram {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-30deg);
    top: 2px; }

  /* End material-design-icons style */
  /* Start template style */
  @font-face {
    font-family: 'isw_l';
    font-style: normal;
    font-weight: 300;
    src: url("../font/isw_l.eot");
    src: url("../font/isw_l.eot?#iefix") format("embedded-opentype"), url("../font/isw_l.woff2") format("woff2"), url("../font/isw_l.woff") format("woff"), url("../font/isw_l.ttf") format("truetype"); }
  html {
    height: 100%; }

  body {
    background-color: #F4F4F2;
    color: #000000;
    direction: rtl;
    font-family: 'isw_l', serif;
    font-size: 16px;
    line-height: 1.7;
    min-height: 100%;
    position: relative;
    padding-bottom: 64px; }

  @media (max-width: 384px) {
    body {
      padding-bottom: calc(64px + 27px); } }
  a:hover, a:visited, a:link, a:active {
    text-decoration: none; }

  a:focus, button:focus {
    outline: unset; }

  .main-header {
    background-color: #9E7FB5;
    margin-bottom: 15px; }

  .loading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: black;
    background: rgba(0, 0, 0, 0.8); }

  .loading > .loading-img {
    float: right;
    width: 50px;
    height: 50px;
    background-image: url("../img/loading.gif");
    background-size: 100% auto; }

  .loading > .loading-text {
    color: #FFFFFF;
    font-size: 20px;
    position: relative;
    right: -17px;
    top: 26px; }

  .main-footer {
    background-color: #663A85;
    border: 0 solid #5C3477;
    border-top-width: 1px;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    margin-top: 15px;
    padding-top: 15px;
    position: absolute;
    right: 0;
    text-align: center; }

  h1 {
    font-size: 30px; }

  h2 {
    font-size: 18px;
    line-height: 2; }

  h3 {
    font-size: 16px; }

  textarea {
    resize: none;
    padding: 6px 12px; }

  .body-title {
    margin: 0; }

  .body-title .material-icons.md-18 {
    font-size: 30px; }

  .body-title.post {
    font-size: 28px; }

  .body-title.post .material-icons.md-18 {
    font-size: 28px; }

  .body-title + hr {
    margin-top: 5px;
    margin-bottom: 15px; }

  .content-title {
    margin: 0; }

  .content-title + hr {
    margin-top: 5px;
    margin-bottom: 15px; }

  .message-count {
    padding: 3px 11px 0;
    background-color: #F36A5A;
    border-radius: 14px; }

  .my-navbar-collapse .message-count {
    margin-right: 10px; }

  .message-box .message-count {
    color: #FFFFFF; }

  .notify-wrapper {
    margin: 0;
    padding: 0; }

  .notify-wrapper li {
    list-style: none; }

  .notify-wrapper {
    overflow: hidden;
    position: fixed;
    top: 66px;
    width: 290px;
    z-index: 2; }

  th {
    text-align: center; }

  /* End template style */
  /* START - My rtl BootStrap */
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
  .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
  .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
  .navbar-collapse ul li,
  .navbar-header,
  .control-label,
  label {
    float: right; }

  .pagination > li {
    direction: ltr; }

  input[type=checkbox],
  input[type=radio] {
    margin-right: -20px; }

  .checkbox label,
  .radio label {
    padding-left: 0;
    padding-right: 20px; }

  /* END - My rtl BootStrap */
  /* Start my style */
  .alert {
    padding: 5px;
    margin-bottom: 15px; }

  .navbar {
    margin-bottom: 0;
    border: 0; }

  .navbar-inverse {
    background-color: transparent;
    border-radius: 0; }

  .navbar-inverse .navbar-nav > li > a {
    color: #EEEEEE; }

  .navbar .form-control:hover,
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus,
  .navbar-inverse .navbar-nav > li > a:hover {
    color: #FFFFFF; }

  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:focus,
  .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #33345b; }

  .navbar-inverse .navbar-toggle {
    background-color: #9E7FB5;
    border-color: #8E72A3; }

  .navbar-inverse .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover {
    background-color: #663A85; }

  .navbar-right {
    margin-right: 0; }

  .navbar-toggle {
    border-radius: 2px;
    margin-right: 0; }

  .navbar-collapse {
    border-top: 0;
    box-shadow: none; }

  @media (min-width: 992px) {
    .navbar-nav > li > a {
      padding: 15px 8px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .navbar-inverse .collapse:not(.in) {
      display: none !important; }

    .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px; }

    .navbar-nav {
      margin-top: 7.5px; } }
  .my-navbar-collapse {
    padding: 0; }

  .my-navbar-collapse .navbar-right {
    margin-left: 0;
    padding-right: 0; }

  @media (max-width: 991px) {
    .navbar-inverse .navbar-toggle {
      display: block; }

    .my-navbar-collapse .navbar-right {
      margin-bottom: 20px;
      width: 100%; }

    .my-navbar-collapse {
      clear: both; }

    .my-navbar-collapse .navbar-right > li {
      border: 1px solid #8E72A3;
      border-bottom-width: 0;
      clear: both;
      width: 100%; }

    .my-navbar-collapse .navbar-right li:last-child {
      border-width: 1px; }

    .my-navbar-collapse .navbar-right > li > a {
      display: inline-block;
      width: 100%; } }
  .logo-box {
    float: left; }

  @media (min-width: 360px) and (max-width: 991px) {
    .logo-box {
      margin-left: calc(50% - (204px / 2)); } }
  .logo-box .heading {
    margin: 0; }

  .error-404-img-box > img {
    max-width: 100%;
    margin-bottom: 15px; }

  .my-form-box {
    background-color: #FFFFFF;
    border: solid #DFDFDD;
    border-width: 0 .1rem .1rem 0;
    padding: 15px 30px; }

  .captcha-box {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 15px; }

  .captcha-box > .captcha-img-box {
    height: 70px;
    margin-bottom: 45px;
    position: relative; }

  .captcha-box > .captcha-img-box > .captcha-img {
    float: right;
    padding-left: 54px;
    position: absolute; }

  .captcha-box > .captcha-img-box > .captcha-img,
  .captcha-box > .captcha-img-box > .captcha-img > img {
    height: 100%;
    width: 100%; }

  .captcha-box > .captcha-img-box > .glyphicon {
    background-color: #D41E85;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 30px;
    padding: 20px 8px; }

  .captcha-box > .captcha-img-box > .captcha-img,
  .captcha-box > .captcha-img-box > .glyphicon {
    top: 30px; }

  .profile-box,
  .profile-right-box,
  .profile-center-box {
    background-color: #FFFFFF;
    border: solid #DFDFDD;
    border-width: 0 1px 1px 0;
    margin-bottom: 15px;
    overflow: hidden; }

  .profile-box > a:not(.btn-padding) {
    padding: 15px 0 5px; }

  .profile-right-box,
  .profile-center-box {
    padding: 15px; }

  .profile-box,
  .profile-right-box {
    text-align: center; }

  .profile-right-box hr {
    margin-bottom: 15px;
    margin-top: 0; }

  .profile-image-box {
    margin-bottom: 15px;
    text-align: center; }

  .profile-image-box img {
    border: 1px solid #DFDFDD;
    border-radius: 75px;
    height: 150px;
    width: 150px; }

  .profile-name {
    font-size: 18px; }

  .user-text-fixer {
    padding-bottom: 16px; }

  .messages-wrapper {
    background-color: #FFFFFF;
    border: solid #DFDFDD;
    border-width: 0 1px 1px 0;
    padding: 15px 15px 0; }
    .messages-wrapper .selector-box {
      margin-bottom: 15px; }
      .messages-wrapper .selector-box .btn {
        outline: unset; }
      .messages-wrapper .selector-box #deselect-all-conversation .material-icons {
        background-color: #fff;
        border-radius: 50%;
        font-size: 15px;
        width: 15px;
        top: 3px; }
      .messages-wrapper .selector-box .material-icons.md-18 {
        width: 18px; }

  @media (max-width: 767px) {
    .messages-wrapper {
      margin: 0 -15px; } }
  @media (max-width: 499px) {
    .messages-wrapper .selector-box {
      text-align: center; }
      .messages-wrapper .selector-box #remove-conversations {
        float: unset; }
        .messages-wrapper .selector-box #remove-conversations:not(.display-none) {
          display: block;
          margin: 15px auto; } }
  .message-box {
    background-color: #DFDFDD;
    border: solid #DFDFDD;
    border-width: 0 1px 1px 0;
    margin-bottom: 15px;
    padding: 5px;
    position: relative; }
    .message-box .select-conversation {
      -ms-transform: scale(1.4);
      /* IE */
      -moz-transform: scale(1.4);
      /* FF */
      -webkit-transform: scale(1.4);
      /* Safari and Chrome */
      -o-transform: scale(1.4);
      /* Opera */
      margin: 0 5px; }

  .message-box.active {
    background-color: #F4F4F2; }

  .message-box .conversation-link {
    color: #000000;
    height: calc(100% - 10px);
    left: 5px;
    padding: 10px 0 0;
    position: absolute;
    top: 5px; }

  .message-box .subject-holder {
    margin-left: 15px; }

  .message-box .subject-holder > label {
    margin-top: 2px; }

  .message-box .subject-holder,
  .message-box .subject-holder > label {
    cursor: pointer; }

  @media (max-width: 599px) {
    .message-box .subject-holder {
      display: none; } }
  @media (max-width: 440px) {
    .message-box .time-holder {
      display: none; } }
  @media (max-width: 400px) {
    .message-box .date-holder {
      display: none; } }
  @media (max-width: 399px) {
    .message-box .admin-time-holder {
      display: none; } }
  @media (max-width: 359px) {
    .message-box .admin-date-holder {
      display: none; } }
  .image-contact {
    border-radius: 20px;
    height: 40px;
    width: 40px; }

  .pagination-box {
    text-align: center; }

  @media (max-width: 767px) {
    .pagination-box {
      margin: 0 -15px; } }
  .pagination {
    margin: 15px 0 5px;
    padding: 0; }

  .pagination > li {
    direction: ltr; }

  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

  @media (max-width: 346px) {
    .pagination > .first > a,
    .pagination > .last > a {
      padding: 6px 5px; } }
  .conversation-wrapper {
    background-color: #FFFFFF;
    border: solid #DFDFDD;
    border-width: 0 1px 1px 0;
    min-height: 100%;
    padding: 15px; }

  .conversation-wrapper .header {
    background-color: #8E72A3;
    position: relative;
    padding: 8px 15px; }

  .conversation-wrapper .subject {
    background-color: #F3E8EB;
    border-bottom: 1px solid #DFDFDD;
    color: #D41E85;
    word-wrap: break-word;
    padding: 10px; }

  .conversation-wrapper .conversation-show {
    direction: ltr;
    height: calc(100vh - 309px);
    min-height: 100px;
    overflow-y: scroll; }

  /* Start change scroll */
  .conversation-wrapper .conversation-show::-webkit-scrollbar {
    width: 3px; }

  .conversation-wrapper .conversation-show::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0; }

  .conversation-wrapper .conversation-show::-webkit-scrollbar-thumb {
    background: #F3E8EB;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); }

  /* End change scroll */
  /*
  @media (max-width: 347px) {
      .conversation-wrapper .conversation-show {
          height: calc(100vh - 319px);
      }
  }

  .conversation-wrapper .conversation-show.small {
      height: calc(100vh - 347px);
  }

  @media (max-width: 558px) {
      .conversation-wrapper .conversation-show.small {
          height: calc(100vh - 370px);
      }
  }

  @media (max-width: 347px) {
      .conversation-wrapper .conversation-show.small {
          height: calc(100vh - 387px);
      }
  }
  */
  .conversation-wrapper .conversation-show .date-row {
    margin: 10px 0;
    text-align: center; }

  .conversation-wrapper .conversation-show .date-row .date-holder {
    background-color: #FFF;
    border-radius: 10px;
    padding: 2px 10px 0; }

  .conversation-wrapper .conversation-show .message-row {
    padding: 10px; }

  .conversation-wrapper .conversation-show .message-row .sender,
  .conversation-wrapper .conversation-show .message-row .sender > div {
    float: right; }

  .conversation-wrapper .conversation-show .message-row .receiver,
  .conversation-wrapper .conversation-show .message-row .receiver > div {
    float: left; }

  .conversation-wrapper .conversation-show .message-row .sender,
  .conversation-wrapper .conversation-show .message-row .receiver {
    width: 100%; }

  .conversation-wrapper .conversation-show .message-row .content-box {
    background-color: #FFFFFF;
    max-width: 70%;
    padding: 10px 10px 0;
    position: relative; }

  .conversation-wrapper .conversation-show .message-row .content-box:after {
    border-color: transparent white;
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    width: 0;
    z-index: 1; }

  .conversation-wrapper .conversation-show .message-row .sender .content-box {
    margin-right: 15px; }

  .conversation-wrapper .conversation-show .message-row .sender .content-box:after {
    border-width: 11px 0 11px 11px;
    right: -10px; }

  .conversation-wrapper .conversation-show .message-row .receiver .content-box {
    margin-left: 15px; }

  .conversation-wrapper .conversation-show .message-row .receiver .content-box:after {
    border-width: 11px 11px 11px 0;
    left: -10px; }

  .conversation-wrapper .conversation-show .message-row .content {
    direction: rtl;
    word-wrap: break-word; }

  .conversation-wrapper .conversation-show .message-row .status-bar {
    border-top: 1px solid #EEEEEE;
    margin-top: 10px;
    opacity: 0.5; }

  .conversation-wrapper .conversation-show .message-row .status-bar > .time-holder {
    float: right; }

  .conversation-wrapper .conversation-show .message-row .status-bar > .delete-message {
    cursor: pointer;
    float: left; }

  .conversation-wrapper .conversation-show .message-row .status-bar > .read-status {
    float: left; }

  .conversation-wrapper .name,
  .conversation-wrapper .admin-name,
  .conversation-wrapper .invite {
    color: #FFFFFF;
    position: absolute;
    right: 60px; }

  .conversation-wrapper .admin-name {
    top: 17px; }

  .conversation-wrapper .invite {
    top: 25px; }

  .conversation-wrapper .conversation-write-box {
    position: relative; }

  .conversation-wrapper .conversation-write-box .text {
    border: none;
    border-top: 1px solid #DFDFDD;
    position: absolute;
    width: calc(100% - 50px); }

  .conversation-wrapper .conversation-show,
  .conversation-wrapper .conversation-write-box .text {
    background-color: #F3E8EB; }

  .conversation-wrapper .conversation-write-box .btn {
    border-radius: 0;
    float: left;
    width: 50px;
    padding: 10px 0 0; }

  .conversation-wrapper .conversation-write-box .text:focus,
  .conversation-wrapper .conversation-write-box .btn:focus {
    outline: none; }

  .conversation-wrapper .conversation-write-box,
  .conversation-wrapper .conversation-write-box .btn {
    height: 94px; }

  .profile-box .profile-link {
    color: #000000;
    cursor: pointer;
    display: block; }

  .profile-box .first-star,
  .profile-box .second-star {
    position: absolute; }

  .profile-box .first-star {
    right: 15px; }

  .profile-box .second-star {
    right: 35px; }

  .payment-wrapper {
    background-color: #FFFFFF;
    border: solid #DFDFDD;
    border-width: 0 1px 1px 0;
    padding: 15px; }

  .payment-wrapper .plan-box {
    border: 1px solid #DFDFDD;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 5px 15px 15px;
    position: relative; }

  .payment-wrapper .no-sms-plan-box {
    padding: 5px 15px; }

  .payment-wrapper .no-sms {
    float: none;
    margin-bottom: 0; }

  .payment-wrapper .title {
    cursor: pointer; }

  .payment-wrapper .radio {
    float: right;
    margin-right: 0;
    margin-left: 5px; }

  .payment-wrapper .description {
    margin-top: 26px; }

  .payment-wrapper .plan-amount {
    bottom: -4px;
    color: #D41E85;
    font-size: 20px;
    left: 15px;
    position: absolute; }

  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tfoot > tr > td,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > thead > tr > th {
    vertical-align: middle; }

  .my-table > thead > tr {
    background-color: #663A85;
    color: #FFFFFF; }

  .my-table > thead > tr > th {
    border-bottom-width: 0; }

  .my-table th,
  .my-table td {
    text-align: center; }

  .search-box {
    margin-bottom: 15px;
    padding-bottom: 0; }

  .btn .heading {
    margin: 0; }

  .useful-button {
    margin: 0; }
    .useful-button > a {
      font-size: 18px;
      line-height: 2; }

  .hot-frame {
    border: 0;
    display: block;
    height: 0;
    width: 0; }

  .mobile-verify-image {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 25px;
    top: 8px; }

  .mobile-verify-image-profile {
    width: 32px;
    height: 32px; }

  .article {
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 15px; }
    .article header h1, .article header h2, .article header h3, .article header h4, .article header h5, .article header h6 {
      margin: 0;
      font-size: 38px; }
    .article .content {
      padding: 15px; }
      .article .content .img {
        text-align: center; }
        .article .content .img img {
          max-width: 100%; }
      .article .content h2 {
        font-size: 30px; }
      .article .content h3 {
        font-size: 25px; }
      .article .content h4 {
        font-size: 20px; }
      .article .content h5 {
        font-size: 18px; }
      .article .content h6 {
        font-size: 16px; }
    .article footer .tags {
      margin-top: 15px; }
      .article footer .tags h2, .article footer .tags h3, .article footer .tags h4, .article footer .tags h5, .article footer .tags h6 {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0; }
      .article footer .tags a {
        display: inline-block;
        padding: 10px;
        margin: 5px;
        background-color: #BE1B77;
        color: #FFFFFF; }

  .blog-article .table thead tr th h2 {
    font-size: 25px; }
  .blog-article .table tbody tr td {
    padding: 0; }
  .blog-article .post-section h1, .blog-article .post-section h2, .blog-article .post-section h3, .blog-article .post-section h4, .blog-article .post-section h5, .blog-article .post-section h6 {
    margin: 0; }
    .blog-article .post-section h1 a, .blog-article .post-section h2 a, .blog-article .post-section h3 a, .blog-article .post-section h4 a, .blog-article .post-section h5 a, .blog-article .post-section h6 a {
      display: block;
      position: relative;
      min-height: 180px;
      background-color: #FFFFFF; }
      .blog-article .post-section h1 a:hover, .blog-article .post-section h2 a:hover, .blog-article .post-section h3 a:hover, .blog-article .post-section h4 a:hover, .blog-article .post-section h5 a:hover, .blog-article .post-section h6 a:hover {
        background-color: #FFF4F2; }
        .blog-article .post-section h1 a:hover .title, .blog-article .post-section h2 a:hover .title, .blog-article .post-section h3 a:hover .title, .blog-article .post-section h4 a:hover .title, .blog-article .post-section h5 a:hover .title, .blog-article .post-section h6 a:hover .title {
          font-weight: bold; }
      .blog-article .post-section h1 a img, .blog-article .post-section h2 a img, .blog-article .post-section h3 a img, .blog-article .post-section h4 a img, .blog-article .post-section h5 a img, .blog-article .post-section h6 a img {
        position: absolute;
        border-radius: 50%;
        top: 15px;
        right: 15px;
        margin-bottom: 30px; }
        .blog-article .post-section h1 a img:after, .blog-article .post-section h2 a img:after, .blog-article .post-section h3 a img:after, .blog-article .post-section h4 a img:after, .blog-article .post-section h5 a img:after, .blog-article .post-section h6 a img:after {
          clear: both; }
      .blog-article .post-section h1 a .title, .blog-article .post-section h2 a .title, .blog-article .post-section h3 a .title, .blog-article .post-section h4 a .title, .blog-article .post-section h5 a .title, .blog-article .post-section h6 a .title {
        display: block;
        font-size: 20px;
        position: absolute;
        top: 15px;
        right: 180px; }
      .blog-article .post-section h1 a .description, .blog-article .post-section h2 a .description, .blog-article .post-section h3 a .description, .blog-article .post-section h4 a .description, .blog-article .post-section h5 a .description, .blog-article .post-section h6 a .description {
        display: block;
        line-height: 1.5;
        padding: 50px 180px 15px 15px;
        text-align: justify;
        color: #000000; }

  .iframe {
    width: 100%;
    height: 100vh;
    border: 0; }

  body.iframe {
    padding-bottom: 0; }

  /* End my style */
/* 036e0cb8-b048-4fc4-8c40-442cacc95324 */
  /*# sourceMappingURL=style_139806091043.css.map */