.bg-gradient {
      background: url('/public/img/bg-gradient.jpg');
      background-size: cover;
    }

    a.social-share i {
      color: #797979;
      font-size: 32px;
    }

    a:hover.social-share {
      text-decoration: none;
    }

    .btn-whatsapp {
      color: #50b154 !important;
    }

    .close-inherit {
      color: inherit !important;
    }

    .btn-twitter {
      background-color: #1da1f2;
      color: #fff !important;
    }

    @media (max-width: 991px) {
      .navbar-user-mobile {
        font-size: 20px;
      }
    }

    .or {
      display: flex;
      justify-content: center;
      align-items: center;
      color: grey;
    }

    .or:after,
    .or:before {
      content: "";
      display: block;
      background: #adb5bd;
      width: 50%;
      height: 1px;
      margin: 0 10px;
    }

    .icon-navbar {
      font-size: 23px;
      vertical-align: bottom;
    }

    .btn {
      border-radius: 50rem !important;
    }

    .navbar_background_color {
      background-color: #ffffff !important;
    }

    .link-scroll a.nav-link:not(.btn),
    .navbar-toggler:not(.text-white) {
      color: #3a3a3a !important;
    }

    @media (max-width: 991px) {

      .navbar .navbar-collapse,
      .dd-menu-user,
      .dropdown-item.balance:hover {
        background-color: #ffffff !important;
        color: #3a3a3a !important;
      }

      .navbar-collapse .navbar-toggler span {
        background-color: #3a3a3a !important;
      }

      .dropdown-divider {
        border-top-color: #ffffff !important;
      }
    }

    .footer_background_color {
      background-color: #ffffff !important;
    }

    .footer_text_color,
    .link-footer:not(.footer-tiny) {
      color: #5f5f5f;
    }


    :root {
      --plyr-color-main: #f20788;
    }

    :root {
      --swiper-theme-color: #f20788;
    }

    :root {
      --color-media-wrapper: #454545;
      --color-pulse-media-wrapper: #373737;
    }

    .plyr--video.plyr--stopped .plyr__controls {
      display: none;
    }

    @media (min-width: 767px) {
      .login-btn {
        padding-top: 12px !important;
      }
    }

    ::selection {
      background-color: #f20788;
      color: white;
    }

    ::moz-selection {
      background-color: #f20788;
      color: white;
    }

    ::webkit-selection {
      background-color: #f20788;
      color: white;
    }

    body a,
    a:hover,
    a:focus,
    a.page-link,
    .btn-outline-primary,
    .btn-link {
      color: #f20788;
    }

    .text-primary {
      color: #f20788 !important;
    }

    a.text-primary.btnBookmark:hover,
    a.text-primary.btnBookmark:focus {
      color: #f20788 !important;
    }

    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show>.btn-primary.dropdown-toggle,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary,
    .btn-primary.disabled,
    .btn-primary:disabled,
    .custom-checkbox .custom-control-input:checked~.custom-control-label::before,
    .page-item.active .page-link,
    .page-link:hover,
    .owl-theme .owl-dots .owl-dot span,
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span {
      background-color: #f20788;
      border-color: #f20788;
    }

    .bg-primary,
    .dropdown-item:focus,
    .dropdown-item:hover,
    .dropdown-item.active,
    .dropdown-item:active,
    .tooltip-inner,
    .custom-range::-webkit-slider-thumb,
    .custom-range::-webkit-slider-thumb:active {
      background-color: #f20788 !important;
    }

    .custom-range::-moz-range-thumb:active,
    .custom-range::-ms-thumb:active {
      background-color: #f20788 !important;
    }

    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before,
    .custom-control-input:focus:not(:checked)~.custom-control-label::before,
    .btn-outline-primary {
      border-color: #f20788;
    }

    .custom-control-input:not(:disabled):active~.custom-control-label::before,
    .custom-control-input:checked~.custom-control-label::before,
    .btn-outline-primary:hover,
    .btn-outline-primary:focus,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .list-group-item.active,
    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .badge-primary {
      color: #fff;
      background-color: #f20788;
      border-color: #f20788;
    }

    .popover .arrow::before {
      border-top-color: rgba(0, 0, 0, .35) !important;
    }

    .bs-tooltip-bottom .arrow::before {
      border-bottom-color: #f20788 !important;
    }

    .arrow::before {
      border-top-color: #f20788 !important;
    }

    .nav-profile li.active {
      border-bottom: 3px solid #f20788 !important;
    }

    .button-avatar-upload {
      left: 0;
    }

    input[type='file'] {
      overflow: hidden;
    }

    .badge-free {
      top: 10px;
      right: 10px;
      background: rgb(0 0 0 / 65%);
      color: #fff;
      font-size: 12px;
    }

    .btn-facebook,
    .btn-twitter,
    .btn-google {
      position: relative;
    }

    .btn-facebook i,
    .btn-twitter i {
      position: absolute;
      left: 10px;
      bottom: 14px;
      width: 36px;
    }

    .btn-google img {
      position: absolute;
      left: 18px;
      bottom: 12px;
      width: 18px;
    }

    .button-search {
      top: 0;
    }

    @media (min-width: 768px) {
      .pace {
        display: none !important;
      }
    }

    @media (min-width: 992px) {
      .menuMobile {
        display: none !important;
      }
    }

    .pace {
      -webkit-pointer-events: none;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none
    }

    .pace-inactive {
      display: none
    }

    .pace .pace-progress {
      background: #f20788;
      position: fixed;
      z-index: 2000;
      top: 0;
      right: 100%;
      width: 100%;
      height: 3px
    }

    .menuMobile {
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 1040;

    }

    .btn-mobile {
      border-radius: 25px;
    }

    .btn-mobile:hover {
      background-color: rgb(243 243 243 / 26%);
      text-decoration: none !important;
      -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
      transition: all 200ms linear;
    }

    @media (max-width: 991px) {
      .navbar .navbar-collapse {
        width: 300px !important;
        box-shadow: 5px 0px 8px #000;
      }

      .card-profile {
        width: 100% !important;
        text-align: center;
      }

      .section-msg {
        padding: 0 !important;
      }

      .text-center-sm {
        text-align: center !important;
      }

      #navbarUserHome {
        position: initial !important;
      }

      .notify {
        top: 5px !important;
        right: 5px !important;
      }

    }

    .sidebar-overlay #mobileMenuOverlay {
      position: fixed;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      z-index: 101;
      -webkit-transition: all .9s;
      -moz-transition: all .8s;
      -ms-transition: all .8s;
      -o-transition: all .8s;
      transition: all .8s;
      transition-delay: .35s;
      left: 0;
    }

    .noti_notifications,
    .noti_msg {
      display: none;
    }

    .link-menu-mobile {
      border-radius: 6px;
    }

    .link-menu-mobile:hover:not(.balance) {
      background: rgb(242 242 242 / 40%);
    }

    a.link-border {
      text-decoration: none;
    }

    @media (max-width: 479px) {
      .card-border-0 {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
      }

      .wrap-post {
        padding: 0 !important;
      }

      .card.rounded-large {
        border-radius: 0 !important;
      }
    }

    @media (min-width: 576px) {
      .modal-login {
        max-width: 415px;
      }
    }

    .toggleComments {
      cursor: pointer;
    }

    .blocked {
      left: 0;
      top: 0;
    }

    .card-settings>.list-group-flush>.list-group-item {
      border-width: 0 0 0px !important;
    }

    .btn-active-hover {
      background-color: #f3f3f3;
    }

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    /* Firefox */
    input[type=number] {
      -moz-appearance: textfield;
    }

    .container-msg {
      position: relative;
      overflow: auto;
      overflow-x: hidden;
      flex: 2;
      -webkit-box-flex: 2;
    }

    .section-msg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      min-width: 0;
      width: 100%;
    }

    .container-media-msg {
      max-width: 100%;
      max-height: 100%;
    }

    .container-media-img {
      max-width: 100%;
    }

    .rounded-top-right-0 {
      border-top-right-radius: 0 !important;
    }

    .rounded-top-left-0 {
      border-top-left-radius: 0 !important;
    }

    .custom-rounded {
      border-radius: 10px;
    }

    .card-profile {
      width: 75%;
    }

    .fancybox-button {
      background: none !important;
    }

    .modal-open .modal,
    .sweet-overlay {
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .pulse-btn:active>i,
    .pulse-btn:active>svg {
      animation-duration: 600ms;
      animation-name: pulse-animation;
      animation-timing-function: ease-in;
      -webkit-transition: all .1s;
      transition: all .1s;
    }

    @keyframes pulse-animation {
      0% {
        transform: scale(1.2);
      }

      100% {
        transform: scale(0);
      }
    }

    .post-image {
      max-height: 600px;
      object-fit: cover;
      object-position: 100% center;
    }

    @media (max-width: 600px) {
      .post-image {
        max-height: 90vw;
      }
    }

    .swiper-container {
      width: 100%;
    }

    .font-14 {
      font-size: 14px;
    }

    .card-user-profile {
      border-radius: .50rem !important;
    }

    .card-user-profile>.card-cover {
      border-top-left-radius: .50rem !important;
      border-top-right-radius: .50rem !important;
    }

    .btn-arrow-expand[aria-expanded='true']>i.fa-chevron-down:before {
      transform: rotate(180deg);
      content: "\f077";
    }

    .btn-menu-expand[aria-expanded='true']>i.fa-bars:before {
      content: "\f00d";
    }

    .wrapper-msg-right {
      float: initial;
      margin-right: auto;
      max-width: 500px;
    }

    .wrapper-msg-left {
      float: initial;
      margin-left: auto;
      max-width: 500px;
    }

    .post-img-grid {
      position: absolute;
      display: block;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
    }

    @keyframes placeHolderShimmer {
      0% {
        background-position: -150px 0;
      }

      100% {
        background-position: 150px 0;
      }
    }

    .media-wrapper {
      background-color: var(--color-media-wrapper);
      animation-name: pulse;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      position: relative;
    }

    @keyframes pulse {
      0% {
        background-color: var(--color-media-wrapper);
      }

      50% {
        background-color: var(--color-pulse-media-wrapper);
      }

      100 {
        background-color: var(--color-media-wrapper);
      }
    }

    /* ----- MEDIA GRID 1 ------- */
    .media-grid-1 .media-wrapper {
      position: relative;
      padding-top: 60%;
      width: 100%;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -o-border-radius: 6px;
      -ms-border-radius: 6px;
      display: block;
    }

    /* ----- MEDIA GRID 2 ------- */
    .media-grid-2 {
      position: relative;
      width: 100%;
      display: flex;
      display: -webkit-flex;
    }

    .media-grid-2 .media-wrapper {
      position: relative;
      padding-top: 45%;
      width: 50%;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
    }

    .media-grid-2 .media-wrapper:nth-child(1),
    .media-grid-3 .media-wrapper:nth-child(1) {
      border-bottom-left-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -o-border-bottom-left-radius: 6px;
      -ms-border-bottom-left-radius: 6px;
      border-top-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      -o-border-top-left-radius: 6px;
      -ms-border-top-left-radius: 6px;
    }

    .media-grid-2 .media-wrapper:nth-child(2) {
      border-bottom-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -o-border-bottom-right-radius: 6px;
      -ms-border-bottom-right-radius: 6px;
      border-top-right-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -o-border-top-right-radius: 6px;
      -ms-border-top-right-radius: 6px;
    }

    .media-grid-2 .media-wrapper:nth-child(2) {
      margin-left: 3px;
    }

    .media-grid-1,
    .media-grid-3,
    .media-grid-4,
    .media-grid-5 {
      position: relative;
      width: 100%;
      display: table;
      overflow: hidden;
    }

    /* ----- MEDIA GRID 3 ------- */
    .media-grid-3 .media-wrapper:nth-child(1) {
      position: relative;
      padding-top: 70.6%;
      width: calc(50% / 1 - 0px);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      float: left;
    }

    .media-grid-3 .media-wrapper:nth-child(2) {
      position: relative;
      padding-top: 35%;
      width: calc(100% / 2 - 3px);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      float: left;
      margin-left: 3px;
      margin-bottom: 3px;
      border-top-right-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -o-border-top-right-radius: 6px;
      -ms-border-top-right-radius: 6px;
    }

    .media-grid-3 .media-wrapper:nth-child(3) {
      position: relative;
      padding-top: 35%;
      width: calc(100% / 2 - 3px);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      float: left;
      margin-left: 3px;
      border-bottom-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -o-border-bottom-right-radius: 6px;
      -ms-border-bottom-right-radius: 6px;
    }

    /* ----- MEDIA GRID 4/5 OR MORE ------- */
    .media-grid-4 .media-wrapper:nth-child(1) {
      position: relative;
      padding-top: 50%;
      width: calc(100% / 1 - 0px);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      float: left;
      margin-bottom: 3px;
      border-top-right-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -o-border-top-right-radius: 6px;
      -ms-border-top-right-radius: 6px;
      border-top-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      -o-border-top-left-radius: 6px;
      -ms-border-top-left-radius: 6px;
    }

    .media-grid-5 .media-wrapper:nth-child(1) {
      position: relative;
      padding-top: 45%;
      width: calc(100% / 2 - 3px);
      float: left;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      margin-bottom: 3px;
      margin-right: 3px;
    }

    .media-grid-5 .media-wrapper:nth-child(2) {
      position: relative;
      padding-top: 45%;
      width: calc(100% / 2 - 0px);
      float: left;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      margin-bottom: 3px;

    }

    .media-grid-4 .media-wrapper:nth-child(2),
    .media-grid-5 .media-wrapper:nth-child(3) {
      position: relative;
      padding-top: 30.3%;
      width: calc(100% / 3 - 0px);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      float: left;
      border-bottom-left-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -o-border-bottom-left-radius: 6px;
      -ms-border-bottom-left-radius: 6px;
    }

    .media-grid-4 .media-wrapper:nth-child(3),
    .media-grid-5 .media-wrapper:nth-child(4) {
      position: relative;
      padding-top: 30.3%;
      width: calc(100% / 3 - 3px);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      float: left;
      margin-left: 3px;
    }

    .media-grid-4 .media-wrapper:nth-child(4),
    .media-grid-5 .media-wrapper:nth-child(5) {
      position: relative;
      padding-top: 30.3%;
      width: calc(100% / 3 - 3px);
      overflow: hidden;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      float: left;
      margin-left: 3px;
      border-bottom-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -o-border-bottom-right-radius: 6px;
      -ms-border-bottom-right-radius: 6px;
    }

    .media-grid-4 .media-wrapper:nth-child(1),
    .media-grid-4 .media-wrapper:nth-child(2),
    .media-grid-4 .media-wrapper:nth-child(3),
    .media-grid-4 .media-wrapper:nth-child(4)>img,
    .media-grid-4 .media-wrapper:nth-child(5)>img {
      z-index: 2;
    }

    .wrapper-media-music {
      width: 100%;
      max-width: 500px;
      height: auto;
      border: 1px solid #DDD;
      border-radius: 6px;
    }

    .progress-upload-cover {
      background-color: #f20788 !important;
    }

    .more-media {
      display: block;
      background: rgba(0, 0, 0, .3);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9;
    }

    .more-media h2 {
      line-height: 1.8;
      text-align: center;
      position: absolute;
      left: 0;
      width: 100%;
      top: 50%;
      margin-top: -30px;
      color: #fff;
      z-index: 5;
    }

    .container-post-media {
      position: relative;
      width: 100%;
      display: flex;
      display: -webkit-flex;
      overflow: hidden;
    }

    .button-play {
      cursor: pointer;
      margin: auto auto;
      width: 48px;
      height: 48px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 3;
      font-size: 28px;
      line-height: 48px;
      background-color: #f20788 !important;
      border-radius: 100%;
      text-align: center;
      opacity: 0.9;
    }

    .wrapper-msg-inbox {
      overflow: auto;
      overflow-x: hidden;
    }

    @media (max-width: 991px) {
      .wrapper-msg-inbox {
        padding-top: 78px !important;
        padding-bottom: 60px !important;
      }
    }

    .wrapper-msg-inbox::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .wrapper-msg-inbox::-webkit-scrollbar-track {
      background-color: #ebebeb;
      border-radius: 6px;
    }

    .wrapper-msg-inbox::-webkit-scrollbar-thumb {
      background-color: #ccc;
      border-radius: 6px;
    }

    .wrapper-msg-inbox {
      scrollbar-color: #ccc #ebebeb;
      scrollbar-width: 5px;
    }

    .msg-inbox {
      border: 0;
    }

    @media (min-width: 1280px) {
      .container-lg-3 {
        max-width: 1300px;
      }
    }

    .menu-left-home li>a {
      padding: 5px 12px;
      display: block;
      font-size: 19px;
      text-decoration: none;
      margin-bottom: 8px;
      border-radius: 20px;
      color: #8a96a3;
      -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
      transition: all 200ms linear;
    }

    .menu-left-home li>a:hover,
    .menu-left-home li>a.active {
      background-color: #f20788;
      color: white;
    }

    .sticky-top {
      top: 90px;
    }

    .btn-category {
      width: 100%;
      text-align: left;
    }

    .category-filter {
      padding: 10px 15px;
      display: block;
      font-weight: bold;
    }

    .text-red {
      color: #F00;
    }

    .text-orange {
      color: #ff3507;
    }

    .img-vertical-lg {
      padding-top: 80% !important;
      max-width: 300px;
    }

    .wrapper-msg-left .img-vertical-lg {
      float: right;
    }

    .wrapper-msg-right .img-vertical-lg {
      float: left;
    }

    .button-white-sm {
      padding: 4px 15px;
      border: 1px solid #ccc;
      border-radius: 20px;
      text-align: center;
      font-size: 14px;
      color: #333;
      display: inline-block;
      vertical-align: middle;
    }

    a:hover.button-white-sm {
      text-decoration: none;
      border-color: #f20788;
      background-color: #f20788;
      color: white;
      -webkit-transition: all 200ms linear;
      -moz-transition: all 200ms linear;
      -o-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
      transition: all 200ms linear;
    }

    .msg-inbox .active .verified {
      color: #FFF !important;
    }

    select[multiple] {
      visibility: hidden;
    }

    .select2-container .select2-selection--multiple {
      min-height: 47px !important;
    }

    .select2-container--default .select2-selection--multiple {
      border-left-width: 0 !important;
      border-bottom-left-radius: 0 !important;
      border-top-left-radius: 0 !important;

      background-color: #fff !important;
      border-color: #cad1d7 !important;
    }

    .select2-hidden-accessible {
      position: absolute !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: var(--plyr-color-main) !important;
      border: 1px solid var(--plyr-color-main) !important;
      color: #fff !important;
      padding: 4px 10px !important;
    }

    .select2-results__option {
      color: #333;
    }

    .select2-container .select2-search--inline .select2-search__field {
      margin-top: 10px !important;
    }

    .announcements a {
      text-decoration: none;
      border-bottom: 1px solid;
      color: #fff;
    }

    .unread-chat {
      background-color: #f8f9fa;
    }

    .glightbox-open {
      height: auto !important;
    }

    .txt-black {
      color: #241e12;
    }

    .p-bottom-8 {
      padding-bottom: 8px;
    }

    .pinned-post {
      border-color: #f20788 !important;
    }

    .post-pending {
      border-color: #ff9800 !important;
    }

    .table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(0, 0, 0, .03);
    }


    @media (max-width: 991px) {
      .w-100-mobile {
        width: 100% !important;
      }
    }

    .button-like-live {
      font-size: 25px;
    }

    @media (max-width: 767px) {

      .wrapper-live-chat {
        background-color: transparent !important;
        position: absolute !important;
        padding: 0 !important;
        z-index: 200 !important;
        max-height: 250px !important;
        bottom: 0;
        left: 0;
        -webkit-mask-image: linear-gradient(transparent 0%, rgba(50, 50, 50, 1.0) 20%);
      }

      .wrapper-live-chat>.card,
      #commentLive {
        background-color: transparent !important;
        color: #FFF;
      }

      .titleChat {
        display: none !important;
      }

      #allComments {
        padding-top: 20px !important;
      }

      .live-blocked {
        background-color: rgba(255, 255, 255, 0.1) !important;
      }

      li.chatlist {
        color: #FFF !important;
        font-size: 14px;
        text-shadow: 0 1px 2px #000;
      }

      .wrapper-live-chat .content {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
      }

      .wrapper-live-chat .card-footer {
        border: 0 !important;
      }

      .buttons-live {
        color: #FFF !important;
      }

      .buttons-live:hover {
        background-color: transparent !important;
      }

      #commentLive::placeholder {
        color: #FFF !important;
        opacity: 1;
      }

      #commentLive::-moz-placeholder {
        color: #FFF !important;
        opacity: 1;
      }

      #commentLive::-ms-input-placeholder {
        color: #FFF !important;
        opacity: 1;
      }

      #commentLive:-ms-input-placeholder {
        color: #FFF !important;
        opacity: 1;
      }

      #commentLive::-webkit-input-placeholder {
        color: #FFF !important;
        opacity: 1;
      }

      input#commentLive {
        border: 1px solid #FFF !important;
        border-radius: 60px;
      }

      .offline-live {
        display: none;
      }
    }

    /* End max-width 767 */

    .tipped-live {
      font-size: 14px;
      text-shadow: 0 1px 4px #4b4b4b;
    }

    .live_offline::before {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
      content: "";
      z-index: 1;
      position: absolute;
    }

    .live_offline::after {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      z-index: 1;
      position: absolute;
      background-color: rgba(50, 50, 50, 0.8);
    }

    .text-content-live {
      position: relative;
      color: #FFF;
      z-index: 2 !important;
    }

    #full-screen-video {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .liveContainer {
      background-color: #000;
    }

    .live-top-menu {
      width: 100%;
      padding: 1rem !important;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 200;
    }

    @keyframes pulse-live {
      0% {
        background-color: #ff0000;
      }

      50% {
        background-color: #ff0000b0;
      }

      100 {
        background-color: #ff0000;
      }
    }

    .live {
      color: #fff;
      border-color: #ff0000;
      background-color: #ff0000;
      padding: 5px 15px;
      border-radius: 4px;
      display: inline-block;
      vertical-align: text-top;
      font-weight: bold;
      animation-name: pulse-live;
      animation-duration: 2s;
      animation-iteration-count: infinite;
    }

    .live-views {
      color: #fff;
      border-color: #000000;
      background-color: #0000007a;
      padding: 5px 15px;
      border-radius: 4px;
      display: inline-block;
      vertical-align: text-top;
      font-weight: bold;
    }

    .close-live,
    .exit-live,
    .live-options {
      color: #FFF;
      font-size: 22px;
      vertical-align: bottom;
      cursor: pointer;
    }

    .text-shadow-sm {
      text-shadow: 0 1px 0px #000;
    }

    .div-flex {
      flex: 1 1 auto;
      position: relative;
      min-height: 12px;
    }

    .chat-msg {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
    }

    .menu-options-live a {
      cursor: pointer;
    }

    .avatar-wrap-live {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      margin: 0 auto;
      background-color: #FFF;
      margin-bottom: 15px;
    }

    .video-poster-html {
      position: absolute;
      right: 0;
      top: 0;
      min-width: 100%;
      max-width: 100%;
      height: 100%;
      width: auto;
      z-index: 2;
      margin: 0 auto;
      object-fit: cover;
    }

    .wrapper-live {
      position: relative;
      max-width: 100px;
      margin: auto;
    }

    @keyframes pulseLive {
      0% {
        opacity: 0.1;
        transform: scale(1.05);
      }

      50% {
        opacity: 1;
        transform: scale(1.15);
      }

      100% {
        opacity: 0.1;
        transform: scale(1.3);
      }
    }

    .live-pulse {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      border: 3px solid #ff0000;
      z-index: 1;
      border-radius: 50%;
    }

    .live-pulse::after,
    .live-pulse::before {
      width: 100%;
      border: 2px solid #ff0000 !important;
      height: 100%;
      content: "";
      display: block;
      z-index: 2;
      position: absolute;
      border-radius: 50%;
      animation-name: pulseLive;
      animation-duration: 1.6s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
    }

    .live-pulse::after {
      animation-delay: .5s;
    }

    .live-span {
      width: 39px;
      left: 0;
      right: 0;
      bottom: -10px;
      height: 17px;
      border-radius: 3px;
      text-transform: uppercase;
      justify-content: center;
      background-color: #ff0000;
      margin: auto;
      display: flex;
      z-index: 2;
      position: absolute;
      font-size: 8px;
      text-align: center;
      align-items: center;
      font-weight: 900;
      color: #FFF;
    }

    .button-like-live .bi-heart-fill {
      color: #F00 !important;
    }

    .avatar-live {
      border: 2px solid #f00;
    }

    .liveLink {
      cursor: pointer;
    }

    .icon-wrap {
      position: absolute;
      top: -30px;
      right: 10px;
      z-index: 0;
      font-size: 115px;
      color: rgba(0, 0, 0, 0.10);
      transform: rotate(20deg);
    }

    .inner-wrap {
      position: relative;
      z-index: 1;
    }

    .fee-wrap {
      padding: 5px 10px;
      border: 1px dashed #ccc;
      border-radius: 6px;
    }

    .btn-arrow-expand-bi[aria-expanded='true'] .bi-chevron-down::before {
      transform: rotate(180deg);
    }

    .transition-icon::before {
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    .limitLiveStreaming {
      position: absolute;
      top: 45px;
      left: 65px;
    }

    .subscriptionDiscount {
      font-size: 14px;
      padding: 2px 20px;
      border: 1px dashed;
      border-radius: 50px;
      margin-top: 5px;
      margin-bottom: 5px;
      display: inline-block;
    }

    .border-dashed-radius {
      border: 1px dashed #a7a7a7;
      border-radius: 10px;
    }

    .list-taxes:last-child {
      border-bottom: 0 !important;
      border-radius: inherit;
    }

    .search-bar {
      border-radius: 60px;
      padding: 12px 20px !important;
      height: 40px !important;
      background-color: #f6f6f6;
      border: 1px solid transparent !important;
    }

    .search-bar:focus {
      border: 1px solid #ced4da !important;
      -moz-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    .count-previews {
      position: absolute;
      right: 10px;
      top: 10px;
      padding: 8px 6px;
      background: #0000009e;
      border-radius: 6px;
      color: #fff;
      font-size: 12px;
    }

    a.link-shop,
    a.choose-type-sale {
      color: inherit;
      text-decoration: none;
    }

    a:hover.choose-type-sale {
      border-color: #f20788;
    }

    .text-truncate-2 {
      word-wrap: break-word;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: pre-wrap;
      white-space: -moz-pre-wrap;
      white-space: -pre-wrap;
      white-space: -o-pre-wrap;
      word-break: break-word;
      text-align: left;
      display: -webkit-box;
      line-height: normal;
      height: auto;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .price-shop {
      position: absolute;
      right: 10px;
      bottom: 10px;
      padding: 8px 6px;
      background: #f20788;
      border-radius: 6px;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
    }

    .rounded-large {
      border-radius: 15px !important;
    }

    .shadow-large {
      box-shadow: 0 8px 30px rgba(0, 0, 0, .05) !important;
    }

    .buttons-mobile-nav {
      position: absolute;
      right: 10px;
      top: 10px;
    }

    .btn-mobile-nav {}

    .btn-mobile-nav:hover {
      text-decoration: none !important;
    }

    .modal-content,
    .modal-content>.modal-body>.card {
      border-radius: 0.8rem;
    }

    .btn-arrow::after {
      font-family: "bootstrap-icons";
      display: inline-block;
      padding-left: 5px;
      content: "\f138";
      transition: transform 0.3s ease-out;
      vertical-align: middle;

    }

    .btn-arrow-sm::after {
      font-size: 13px;
    }

    .btn-arrow:hover::after {
      transform: translateX(4px);
    }

    .btn-search {
      color: #c3c3c3;
      background: none;
      position: absolute;
      left: 0;
      outline: none;
      border: none;
      width: 50px;
      text-align: center;
      bottom: 20%;
    }

    .custom-select {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }

    .ui-widget-content {
      padding: 10px;
      border: 0 !important;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      box-shadow: rgb(101 119 134 / 20%) 0px 0px 15px, rgb(101 119 134 / 15%) 0px 0px 3px 1px;
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active {
      width: 100%;
      display: block;
      border: 0 !important;
      background: #efefef;
      color: #333;
      text-decoration: none;
      margin: 0;
      border-radius: 6px;
    }

    .ui-menu .ui-menu-item-wrapper {
      width: 100%;
      display: block;
    }

    .ui-menu.ui-menu-item:not(:last-child) {
      margin-bottom: 10px;
    }

    .ui-widget {
      font-size: 15px;
    }

    .btn-sm-custom {
      font-size: .875rem;
      line-height: 1.5;
      padding: 0.25rem 0.5rem;
    }

    .dropdown-menu {
      font-size: 16px !important;
      line-height: normal !important;
      padding: .5rem !important;
    }

    .dropdown-item {
      padding: 0.3rem 1.5rem;
      border-radius: 5px;
    }

    .triggerEmoji {
      font-size: 20px;
      position: absolute;
      right: 0;
      top: 40%;
      cursor: pointer;
    }

    .triggerEmojiPost {
      font-size: 20px;
      position: absolute;
      right: 0;
      top: 0px;
      cursor: pointer;
    }

    .emoji {
      font-size: 26px;
      line-height: 32px;
      padding: 5px 8px;
      display: block;
      cursor: pointer;
      margin-bottom: 2px;
    }

    .dropdown-emoji {
      width: 350px;
      max-width: 350px;
      max-height: 300px;
      overflow: auto scroll;
    }

    .type-item {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 2;
      background-color: #0000008c;
      font-size: 13px;
      color: #fff;
    }

    .font-13 {
      font-size: 13px;
    }

    .font-45 {
      font-size: 45px;
    }

    .custom-scrollbar::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
    }

    .custom-scrollbar::-webkit-scrollbar-track {
      background-color: #ebebeb;
      border-radius: 6px;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
      background-color: #ccc;
      border-radius: 6px;
    }

    .custom-scrollbar {
      scrollbar-color: #ccc #ebebeb;
      scrollbar-width: 5px;
    }

    .icon--dashboard {
      color: rgb(0 0 0 / 2%) !important;
      transform: none !important;
    }

    .text-revenue {
      position: relative;
      z-index: 10;
    }

    .quality-video {
      padding: 2px 4px;
      background-color: #fff;
      color: #000;
      border-radius: 3px;
      margin: 0 5px;
      font-weight: bold;
    }

    .line-replies {
      align-items: stretch;
      border: 0;
      border-bottom: 1px solid #f20788;
      box-sizing: border-box;
      display: inline-block;
      flex-direction: column;
      flex-shrink: 0;
      font: inherit;
      font-size: 100%;
      height: 0;
      margin: 0;
      margin-right: 16px;
      padding: 0;
      position: relative;
      vertical-align: middle;
      width: 24px;
    }

    .mr-14px {
      margin-right: 14px;
    }

    .dot-item:not(:last-child):after {
      font-family: "bootstrap-icons";
      content: "\F309";
      margin-left: 6px;
      color: inherit;
      vertical-align: middle;
    }

    .add-story {
      max-height: 160px;
      max-width: 110px;
      width: 25vw;
      border-radius: 5px;
      display: inline-block;
      margin: 0 6px;
      vertical-align: top;
    }

    .item-add-story {
      text-decoration: none;
      text-align: left;
      color: #fff;
      position: relative;
      max-height: 160px;
      display: block;
    }

    .add-story-preview {
      display: block;
      box-sizing: border-box;
      font-size: 0;
      max-height: 160px;
      height: 48vw;
      overflow: hidden;
      transition: transform .2s;
    }

    .add-story-preview img {
      display: block;
      box-sizing: border-box;
      height: 100%;
      width: 100%;
      background-size: cover;
      background-position: 50%;
      object-fit: cover;
      border-radius: 5px;
      position: absolute;
    }

    .item-add-story>.info {
      top: auto;
      height: auto;
      box-sizing: border-box;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 6px;
      font-weight: 700;
      font-size: 12px;
      text-shadow: 1px 1px 1px rgb(0 0 0 / 35%), 1px 0 1px rgb(0 0 0 / 35%);
      display: inline-block;
      margin-top: 0.5em;
      line-height: 1.2em;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      z-index: 10;
    }

    .item-add-story>.info>.name {
      font-weight: 500;
    }

    .delete-history {
      position: absolute;
      top: 5px;
      right: 5px;
      padding: 2px 6px;
      background-color: #00000096 !important;
      color: #fff;
      z-index: 2;
      border-radius: 6px;
      z-index: 10;
    }

    .bg-dark-transparent {
      background-color: #00000096 !important;
    }

    .storyBackgrounds,
    .fontColor {
      width: 30px;
      height: 30px;
      object-fit: cover;
      border-radius: 50px;
      cursor: pointer;
      display: inline-block;
    }

    .storyBackgrounds.active,
    .storyBg:first-child,
    .fontColor.active {
      border: 1px solid #fff;
      box-shadow: 0 0 0 3px #f20788;
    }

    .fontColor-white {
      background-color: #fff;
    }

    .fontColor-black {
      background-color: #000;
    }

    .bg-current {
      border-radius: 10px;
      height: 700px;
    }

    .bg-inside {
      position: relative;
      overflow: auto;
      overflow-x: hidden;
      flex: 2;
      -webkit-box-flex: 2;
      border-radius: 10px;
      max-width: 400px;
      height: 650px;
    }

    .text-story {
      font-size: 24px;
      font-family: Arial;
      word-break: break-word;
      font-weight: bold;
      color: #fff;
    }

    .modalStoryViews {
      max-height: 400px;
    }

    .modal-text-story {
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 100;
      transform: translate(-50%, -50%);
      font-size: 24px;
      font-family: Arial;
      word-break: break-word;
      white-space: break-spaces;
      font-weight: bold;
      width: 45vh;
      text-align: center;
    }

    .text-story-preview {
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 100;
      transform: translate(-50%, -50%);
      font-size: 5px;
      font-family: Arial;
      word-break: break-word;
      white-space: break-spaces;
      font-weight: bold;
      width: 10vh;
      text-align: center;
    }

    .profilePhoto,
    .info>.name {
      cursor: pointer;
    }

    .profilePhoto {
      border-radius: 50%;
    }

    .bg-black {
      background-color: #18191a !important;
    }

    .border-2 {
      border: 2px solid #fff !important;
    }

    .verified-story:after {
      font-family: "bootstrap-icons";
      display: inline-block;
      padding-left: 5px;
      content: "\F4B6";
      vertical-align: middle;
    }

    #CollectJSIframe {
      max-width: 400px !important;
    }

    .fa.fa-award {
      color: rgb(255, 193, 7);
    }

    .companyinfotop {
      display: none !important;
    }

    .containertop .wrap-post #contentLocked svg {
      width: 25px !important;
      height: 25px !important;
    }

    .avatar-user-home {
      border: 2px solid #d3d7dc !important;
      border-radius: 23% !important;
    }
 
    .note-editable {
      min-height: 141.6px !important;
    }
  
  
    .mtop {
      margin-top: -20px;
    }

    .editPostImage {
      display: inline-block;
      width: 95px;
      height: 85px;
      background-size: cover;
      background-position: center;
      border-radius: 8px;
    }

    .editPostClose {
      font-size: 14px;
      position: absolute;
      right: 4px;
      top: 3px;
      color: #F20788;
    }

    .editPostVideoIcon {
      font-size: 18px;
      position: absolute;
      left: 4px;
      bottom: 3px;
      color: #F20788;
    }

    .removeMediaLoading {
      position: absolute;
      top: 19%;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
    }

    .greyCss {
      filter: grayscale(100%);
      /* Standard */
      -webkit-filter: grayscale(100%);
      /* Webkit */
      filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
      /* Firefox4-34*/
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(1);
      /* Old WebKit */
    }

    .notiPlus {
      width: auto !important;
      right: 85px !important;
    }

    .user-online-explore {
      background: #4caf50;
      position: absolute;
      border: 2px solid #fff;
      display: block;
      top: -20px;
      right: 9px;
      content: "";
      border-radius: 50%;
      height: 19%;
      width: 14%;
    }

    .user-offline-explore {
      background: #adadad;
      position: absolute;
      border: 2px solid #fff;
      display: block;
      top: -20px;
      right: 9px;
      content: "";
      border-radius: 50%;
      height: 19%;
      width: 14%;
    }

    .collapsible.slow {
      /*position: relative;*/
      overflow: hidden;
      min-height: 45px;
      transition: height 0.5s ease-out;
    }

    .collapsible.slow>* {
      display: none;
    }

    .collapsible.slow>p:first-child,
    .collapsible.slow.open>*,
    .collapsible.slow.ready>* {
      display: revert;
    }

    .collapsible.slow>.toggler {
      position: absolute;
      left: 0;
      bottom: 53px;
      font-weight: 600;
      color: #F20788;
      width: 100%;
      text-align: center;
      cursor: pointer;
    }

    .collapsible.slow>.toggler::after {
      content: "Show more";
    }

    .collapsible.slow.open>.toggler::after {
      content: "Show less";
    }

    .showLikeGallery {
      position: fixed;
      bottom: 6%;
      right: 10px;
      z-index: 9999999;
    }

    .showTipGallery {
      position: fixed;
      bottom: 2%;
      right: 20px;
      z-index: 9999999;
    }

    .hidden {
      display: none;
    }

    .quickViewCard {
      display: inline-block;
      border: 0px;
      padding-left: 0px;
      padding-right: 0px;
      width: 32.33%;
      max-height: 135px;
      margin-bottom: 25px !important;
    }

    .quickViewText {
      font-weight: 600;
      opacity: 0.5;
    }

    .btn-view:hover:not(.e-none) {
      box-shadow: none !important;
    }

    .quickPoster {
      position: inherit !important;
    }

    .companyinfotop {
      margin-top: 25px;
    }

    .quality-video-quick {
      position: absolute;
      right: 1px;
      top: 5px;
      padding: 0px 3px;
    }

    .btn_outline {
      border-color: #f20788;
      background-color: unset;
      color: white;
    }

    .btn_outline:hover {
      background-color: #f20788;
      color: #fff !important;
    }

    .text-black {
      color: #000;
    }

    .displayInline {
      display: inline-block;
    }

    .globalNotifications {
      position: fixed;
      bottom: 0%;
      left: 40%;
      margin-top: -50px;
      width: 470px;
      height: auto;
      z-index: 1;
      margin-left: -50px;
    }

    @media (max-width: 479px) {
      .card.rounded-large-quickview {
        border-radius: 10px !important;
      }
    }


    .bg-gradient {
      background: url(/bgpink.jpg);
      background: #ec396d;
      background: linear-gradient(181deg, #fc91af, #ec396d);
      background-size: cover;
    }

    .footerall {
      padding-top: 0px !important;
    }

    .l-footer {
      border-top: 1px solid rgba(138, 150, 163, .2);
      margin: 0 auto;
      padding-top: 15px !important;
      width: 71%;
    }

    .link-footer,
    .ico-social {
      color: #8a96a3;
    }

    a:hover {
      text-decoration: none;
    }

    .l-footer .small,
    .l-footer small {
      font-size: 81%;
      font-weight: 400;
    }

    @media (max-width: 991.98px) {
      .navbar_background_color {
        height: 69px;
      }

      .navbar-brand img {
        top: -25px !important;
      }
    }

    @media (max-width: 800px) and (orientation:portrait) {
      .navbar_background_color {
        height: 69px;
      }

      .navbar-brand img {
        top: -25px !important;
        left: 11px !important;
      }
    }

    @media (max-width: 800px) and (orientation:landscape) {
      .navbar_background_color {
        height: 69px;
      }

      .navbar-brand img {
        top: -25px !important;
        left: 9px !important;
      }
    }

    .alert-primary {
      color: #fff;
      border-color: #f20788 !important;
      background-color: #f20788 !important;
    }

    ::-webkit-scrollbar {
      width: 10px;
    }

    ::-webkit-scrollbar-track {
      background: #f1f1f1;
    }

    ::-webkit-scrollbar-thumb {
      background: #cecece;
      border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: #555;
    }

    .btn-outline-primary {
      border-color: #f20788;
      background-color: #f20788;
      color: white;
    }

    .rightbox a:hover svg {
      fill: #f20788 !important;
    }

    .feather.icon-lock.mr-1 {
      color: #F20788;
    }

    .user-offline-profile::before {
      background: #f20788;
    }

    .postbutton {
      margin-top: 9px !important;
    }

    .alert-danger {
      background-color: #f20788 !important;
      border-color: #f20788 !important;
    }
  
  
    .mobilemenupurchased {
      display: none !important;
    }

    @media (max-width: 800px) {
      .boxmessagestitle {
        padding-bottom: 20px !important;
      }

      .newMessageFormBtn {
        font-size: 17px !important;
      }

      .btn.btn-primary.btn-block.mb-2.d-lg-none {
        display: none block;
      }

      .navbar.navbar-expand-lg {
        display: block !important;
      }

      nav.navbar-expand-lg {
        height: 0px !important;
      }

      .topmenu-container2 .nav-item {
        display: none !important;
      }

      .mobilemenupurchased {
        position: fixed;
        top: 0px;
        z-index: 10;
        background: white;
        display: block !important;
      }

      .containertop {
        padding-top: 0px !important;
      }

      .purchasedbox {
        position: relative;
        text-align: left;
        z-index: 99;
        margin-bottom: 0px !important;
        padding-top: 15px;
        padding-bottom: 2px;
      }

      .navbar_background_color {
        border-bottom: 0px;
        box-shadow: 0px;
      }

      .suggestionsbox {
        margin-top: 67px !important;
        margin-bottom: 9px !important;
      }
    }

    body {
      overflow-x: hidden;
    }

    .menu-left-home li>a {
      font-size: 17px;
    }

    .menu-left-home li>a:hover,
    .menu-left-home li>a.active {
      background-color: #f20788;
      color: white;
    }

    .menu-left-home li>a.active svg,
    .menu-left-home li>a:hover svg {
      fill: white !important;
    }

    .menu-left-home li>a {
      margin: 8px 0px;
    }

    .menu-left-home li>a svg {
      width: 35px !important;
    }

    .ml-2,
    .mx-2 {
      vertical-align: middle;
    }

    .popout-error {
      background: rgb(255 0 0 / 55%) !important;
    }

    .btnLike.active svg {
      fill: #F00 !important;
    }
  
  
  
  	.search_wrapper {
    height: 100px;
    position: relative;
    width: 70%;
    margin: auto;
    max-width: 750px;
    margin-top: 100px;
    margin-bottom: 30px;
}
.search_input {
    border: 1px solid transparent;
    border-radius: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}
.search-input__button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex
;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 13px;
    z-index: 10;
    bottom: 0;
    height: 21px;
}
#search_input {
    -webkit-appearance: none;
    border: 0;
    border-radius: 24px;
    display: block;
    font-size: 16px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    padding: 15px 92px 15px 27px;
    text-overflow: ellipsis;
    transition: box-shadow .25s ease-out;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 5px 0 rgba(0, 0, 0, .16);
    font-weight: 500;
    color: #58595b;
}

.search-input__suggestions-list {
    -webkit-animation: search-gradient 3s ease infinite;
    animation: search-gradient 3s ease infinite;
    background: #fff;
    background-size: 300% 300%;
    border: none;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
    color: #2b313d;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all .25s ease-out;
    width: 100%;
    z-index: 1;
}
.search-input__left-icon {
    display: none;
    left: 16px;
    position: absolute;
    top: 16px;
    width: 16px;
}
svg:not(:root) {
    overflow: hidden;
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.search-input__button {
    border-radius: 0 24px 24px 0;
    height: 100%;
    padding: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #0057b8;
    color: #fff;
    width: 90px;
    font-size: 20px;
}

a{ color: #4023c9;}
	.logoheight img{
		max-height: 40px;width: auto;
		  
	}
	.logoheight{margin-left: 2.6%;margin-top: auto;}
.search_wrapper {
        height: 100px;
    position: relative;
    width: 70%;
    margin: auto;
    max-width: 750px;
    margin-top: 100px;
    margin-bottom: 30px;
}

.searchpage.searchpage{
	max-width: 600px; margin:0
}

.search_input {
    border: 1px solid transparent;
    border-radius: 24px;
    /* -webkit-clip-path: inset(1px 1px 1px 1px round 59px);
    clip-path: inset(1px 1px 1px 1px round 59px); */
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
	
}
#main{
	padding-top:20px;
}

.search_input__left-icon {
    display: none;
    left: 16px;
    position: absolute;
    top: 16px;
    width: 16px;
}


.search-input__button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    outline: none;
    padding: 0;
    position: absolute;
    right: 16px;
	top: 13px;
	z-index: 10;
	bottom: 0;
	    height: 21px;
}



.search-input__clear {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
    position: absolute;
    right: 105px;
    top: 10px;
    bottom: 0;
    height: 30px;
    /* margin: auto; */
}

.search-input__suggestions-list {
    -webkit-animation: search-gradient 3s ease infinite;
    animation: search-gradient 3s ease infinite;
    background: #fff;
    background-size: 300% 300%;
    border: none;
    border-bottom-left-radius: 21px;
    border-bottom-right-radius: 21px;
    color: #2b313d;
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: all .25s ease-out;
    width: 100%;
    z-index: 1;
}

.search-input__suggestions-list li {
    border: 0px;
    padding: 0 10px !important;
}
.search-input__suggestions-list li span{
	cursor:pointer;
	display:block;
}

.search-input__suggestions-list:before {
    background: #e8eaf0;
    content: "";
    height: 0.9px;
    left: 16px;
    position: absolute;
    right: 16px;
    top: 0px;
	z-index:1;
}

.search-input__left-icon {
    display: none;
    left: 16px;
    position: absolute;
    top: 16px;
    width: 16px;
}

.search-input__clear-border {
    height: 100%;
    position: absolute;
    right: -16px;
    top: 0;
    border-right: 1px solid #e8eaf0;
}

#search_input {
    -webkit-appearance: none;
    border: 0;
    border-radius: 24px;
    display: block;
    font-size: 16px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    padding: 15px 92px 15px 27px;
    text-overflow: ellipsis;
    transition: box-shadow .25s ease-out;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    background-color: #fff;
    height: 100%;
   box-shadow:0 0 0 1px rgba(0,0,0,.1), 0 2px 5px 0 rgba(0,0,0,.16);
   font-weight: 500;
    color: #58595b;
}
#search_input:hover{
	box-shadow:0 0;
}

.search-open .search_input,
.search_input:active,
.search_input:focus,
.search_input:focus-within,
.search_input:hover {
    -webkit-animation: search-gradient 3s ease infinite;
    animation: search-gradient 3s ease infinite;
     background: linear-gradient(45deg,#0057b8,#0057b8 100%) border-box; 
   /*background: linear-gradient(90deg, rgba(151,174,231,1) 0%, rgba(104,114,154,1) 100%) border-box;*/
   /* background: linear-gradient(90deg, rgba(210, 129, 81, 1) 0%, rgba(255, 213, 154, 1) 100%) border-box;*/
    background-size: 300% 300%;
    /* border: 2px solid transparent; */
    -webkit-clip-path: none;
    clip-path: none;
    box-shadow: 0px 2px 10px 0px #eee;
}

#search_input:active,
#search_input:focus,
.#search_input:hover {
    box-shadow: 0 0;
}

.search-input__clear svg path {
    stroke: #b1b7c4;
}

.search-input__button path {
    fill: #b1b7c4;
}

.search-open .search_input {
    border-radius: 25px;
    overflow: hidden;
}

.search-open #search_input {
    border-radius: 0px;
}

.ui-menu-item span {
    display: block;
    padding: 10px 10px 10px 15px;
    text-decoration: none;
    color: #000;
    font-size: 13px;
    font-weight: 500;
	font-weight: bold !important;
	border-radius: 5px;
	text-align:left;
}

.ui-menu-item.ui-state-focus span {
    background: #f6f6fc !important;
    font-weight: bold !important;
    color: #171717 !important;

}

.search-input__button--back {
    display: none
}

.menubar li a:hover {
    border-bottom: 2px solid;
}
.menubar li a.active {
    border-bottom: 2px solid;
}

.menubar li a {
    color: #000;
}

.menubar svg {
    width: 15px;
    height: 15px;
    vertical-align: baseline;
}

.menubar li:hover svg path,
.menubar li:hover a {
    color: #d28151
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 14px;
    font-weight: 600;
	color: #58595b;
}
.navbar-expand .navbar-nav .nav-link:hover,.navbar-expand .navbar-nav .active{
	color: #000;
}


@keyframes search-gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

#dropdownUser2 svg {
    width: 35px;
    height: 35px;
}

#dropdownUser2 path {
    stroke: #000;
}

.search-input__clear {
    display: none;
}

#search_input:not(:placeholder-shown)~.search-input__clear {
    display: block;
}

a{text-decoration:none}
/* For other pages */
#serp .searpList {
    overflow: hidden;
	 margin-bottom: 20px;
}
#serp p.url {
    font-size: 14px;
    margin: 0;
}
.searpList a {
    color: #1a0dab;
}
.searpList h2 {
    font-size: 20px !important;
}
#serp p.url a {
    color: #222;
	font-size:12px;
}

#serp img{
	height: 16px;
    width: 16px;
    vertical-align: sub;
    margin-right: 5px;
}
.outerdivh2 {
   width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}

#serp h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	margin-top:5px;
}



.searpList ul {
    overflow: hidden;
    display: flex;
    padding: 0 20px;
	width:80%;
}
a.proxy2 {
    color: #001ba0 !important;
    float: right;
    font-size: 14px;
    font-weight: 400;
    padding: 0.5rem 0 0.75rem;
    height: 100%;
    width: 100%;
    background: #fbfbfd;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

#onioninner {
        cursor: pointer;
    background: #EAECEE;
    color: #444 !important;
    padding: 10px 0px 10px 25px;
    font-size: 15px;
    float: none;
    margin: 12px 5px 20px 0px;
    width: 220px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    border-radius: 50px;
    border: 1px solid #d4d4d4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#onioninner span {
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 100%;
	height: 20px;
	margin: 0;
	font-weight:bold;
	margin-left: 10px;
}
li.deeplinks p {
    font-size: 11px;
    padding-right: 20px;
    max-width: 100ch;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
ul#double{
	flex-wrap: wrap;
    flex-direction: row;
	margin-top:10px;
}
li.deeplinks {
    width: 50%;
    box-sizing: border-box;
	list-style: none;
	padding-left: 10px;font-size: 17px;
	
}
.outerdivh2 > span {
    white-space: nowrap;
}

a.proxy {
    color: #001ba0 !important;
    float: right;
    font-size: 13px;
    border-radius: 50px;
    padding: 13px 22px;
    margin-top: -20px;
    border: 1px solid #d4d4d4;
    font-weight: 500;
}
a.proxy:hover{
	/*background: transparent;
  background-image: linear-gradient(90deg, white, white),
    linear-gradient(90deg, rgba(125,185,255,.7), rgba(127,34,189,.7));
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border: 2px solid transparent;
  
  padding: 11px 20px;*/
  
  border-color:#001ba0;
}

.result--more {
    cursor: default;
	text-align:center;
    position: relative;
    margin-bottom: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0 10px;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
    word-wrap: break-word;
    border-radius: 4px;
    border: 1px solid transparent;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 3em;
}

.result--more__btn {
      cursor: pointer;
    background-color: #f5f8fa;
    border-radius: 10px;
    margin-right: 10px;
    padding: 10px;
	    color: #1a0dab;
}

/* for another */





/* onion Page */

.torsearch{
         
       }
        .torsearchupper{
			border: 1px solid #e1e1e1;
			padding: 10px;
			margin: 0px 10px 10px 0px;
			margin-bottom: 100px;
			padding-bottom: 50px;
			border: 1px solid #e1e1e1;
			padding: 10px;
			padding-left: 10px;
			margin: 0px 10px 10px 0px;
			margin-top: 0px;
			padding-left: 20px;
			border-radius: 10px;
			margin-top: 20px;
			padding-bottom:30px;
			padding-right: 10%;
       }
      
       #serp h2.torsearch_heading {
			color: #202945;
			background: #f5f6f7;
			width: 220px;
			padding: 10px 10px 10px 10px !important;
			text-align: center;
			border-radius: 4px;
			box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
			border-radius: 50px;
			border: 1px solid #d4d4d4;
			margin:12px 5px 20px 0px;
			font-weight:bold;
		}
   a.torsearch_heading {
       	    color: #202945 !important;
    background: #f5f6f7 !important;
        width: 34% !important;
    padding: 12px 18px !important;
    text-align: center;
    border-radius: 4px;
    margin: auto !important;
    text-decoration: none;
}
       .torsearch .searpList {
    width: 100%;
}
.hidelists{
	 display:none;
}
#loadMorep{
	/* color: #fff;
    display: flex;
    height: 40px;
    min-height: 40px;
    margin: 0;
    margin-top: 0px;
    width: 100%;
    font-size: 16px;
    line-height: 0.3;
    align-items: center;
    justify-content: center;
    background-color: #678fff;
    border-color: #678fff;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 4px;
    white-space: normal;
    margin: auto;
	min-width: 150px;
    max-width: 200px; */

		appearance: none;
    outline: none !important;
    border-color: #ddd;
    display: block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    position: relative;
    text-decoration: none;
    line-height: inherit;
    border: 1px solid #babec9;
    text-shadow: 0 1px 1px rgb(255 255 255 / 10%);
    background-color: #f8f8f8;
    color: #474747;
    cursor: pointer;
    user-select: none;
    width: 60%;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    left: 0;
    right: 0;
    padding: 11px;
	border-radius:4px;
}
#loadMorep:hover{
	text-decoration: none
}

/* End Onion page */

/* video page start */
#svList {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: block;
    font-size: 0;
}

.svThumb {
    border: 1px solid #eee;
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1);
	position: relative;
    overflow: hidden;
}
.svThumb img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    transition: all 1s;
}
.sv-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #3DC0F1 url(data:image/png;base64,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) no-repeat center 20%;
    background-size: 50px 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.6s;
}
.metainfo .title {
    font-size: 13px;
    margin: 5px 10px;
    font-weight: bold;
}
.otherinfo {
    font-size: 10px;
	margin:10px;
    margin-top:auto;
}
.bingVideo .sv-overlay {
    background: #3DC0F1 url(../images/youtube.png) no-repeat center 20%;
    background-size: 35px auto;
}
#svList li {
    display: inline-block;
}
.svThumb, .closeUiBtn {
    cursor: pointer;
}

.searpList .desc{font-size: 13px;
margin-top: 10px; margin-bottom:0px}
#rightanimation{
    background: #fff;
    max-width: 325px;
    margin: auto auto 20px;
    margin-top: auto;
    margin-top: auto;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 21px rgba(0,0,0,0.1);
    margin-top: 40px;
    
}
#rightanimation .anonyBtn>div{margin: auto;text-align: center;}
#rightanimation .anonyBtn{color: transparent;text-decoration: none;}
#rightanimation p{
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: #5b6879;
    padding: 1.3em 30px;
	color: #5b6879;padding: 1.3em 30px
}

#rightanimation .img{
	    background: #202945;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 160px;
    align-content: center;
}

#rightanimation img{
	margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    vertical-align: middle;
    width: 48%;
}

#rightanimation h1{
    margin-top: 15px;
    font-size: 26px;
    padding: 0px 30px;
    color: #fff;
    font-size: 15px;
    padding: 10px;
    background: #2a324e;
    width: 75%;
    border-radius: 50px;
}
a#onioninner img {
    width: auto;
}
.badge-link__btn-wrap{
	text-align: center;
	padding-bottom: 30px;
	margin: auto;
}
.js-badge-link-button{
	background-color: #678fff !important;
    border-color: #678fff !important;
    max-width: 250px;
	width:70%;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
}

.pictureView.viewchange.picflex .resultitem{
	max-width: 180px !important;
	min-width: 135px !important;
	margin-bottom: 40px;
	height: 220px;
	flex: 1 0 10%;
}
.pictureView.viewchange.picflex .detailview{
	background: #222;
}
.pictureView.viewchange.picflex .resultitem.open:after{
	border-color: transparent transparent #222;
}
/* video page */



.svTitleFix {
    text-align: center
}

.meuVideo {
    position: relative;
    padding-bottom: 53.25%;
    padding-top: 25px;
    height: 0
}

.meuVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.svTitle {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    margin: 0;
    padding: .5em;
    color: #444
}

.adCenter {
    margin: 0 auto;
    max-width: 800px
}

#svBox {
    font-family: roboto,serif;
    margin: 0 auto;
    position: relative;
    padding: 10px;
    background-color: #fff
}





.svThumb {
    display: block;
    position: relative;
    overflow: hidden;
	background-color: #f2f5fa;
    border: 1px solid #e8eaf0;
	    height: 100%;
		border-radius: 10px;
		display: flex;
    flex-direction: column;
}

.svThumb img {
    display: block;
    width: 100%;
    height: 200px;
    border: none;
    transition: all 1s
}

.twitchThumb {
    display: block;
    position: relative;
    overflow: hidden
}

.twitchThumb img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    transition: all 1s
}


.sv-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #3dc0f1 url(data:image/png;base64,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) no-repeat center 20%;
    background-size: 50px 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s
}

.ytVideo .sv-overlay {
    background: #3dc0f1 url(../images/youtube.png) no-repeat center 20%;
    background-size: 35px auto
}

.bingVideo .sv-overlay {
    background: #3dc0f1 url(../images/youtube.png) no-repeat center 20%;
    background-size: 35px auto
}

.twitchVideo .sv-overlay {
    background: #3dc0f1 url(../images/youtube.png) no-repeat center 20%;
    background-size: 35px auto
}

.vimeoVideo .sv-overlay {
    background: #3dc0f1 url(../images/vimeo.png) no-repeat center 20%;
    background-size: 30px auto
}

.dailyMVideo .sv-overlay {
    background: #3dc0f1 url(../images/dailyMotion.png) no-repeat center 20%;
    background-size: 30px auto
}


.sv-text {
    display: block;
    padding: 0 30px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    font-family: oswald,sans-serif;
    font-weight: 400!important;
    top: 40%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(-20px);
    transition: all .3s;
    max-height: 65px;
    overflow: hidden
}



.infoBox {
    clear: both;
    background-color: #fff;
    padding: 0 10px
}

.closeUiBtn {
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 5px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 1;
    top: 0;
}

.closeUiBtn:hover {
    color: #f5f5f5;
    background-color: #730f0f
}

.svThumb,.closeUiBtn {
    cursor: pointer
}

.twitchThumb,.closeUiBtn {
    cursor: pointer
}

.clear {
    clear: both
}

.mQuery900 #svList li {
    width: calc(25% - 20px)
}

.mQuery900 .svTitle {
    font-size: 1.5em
}

.mQuery700 #svList li {
    width: calc(33.33% - 20px)
}

.mQuery700 #svBox {
    width: calc(100% - 20px);
    max-width: 100%;
    font-size: 100%
}

.mQuery700 .svTitle {
    font-size: 1.5em
}

.mQuery700 .sv-text {
    font-size: 23px
}

.mQuery550 .meuVideo {
    padding-bottom: 51.2%
}

.mQuery550 .svTitle {
    font-size: 1.17em
}



.mQuery550 .closeUiBtn {
    font-size: 200%;
    line-height: 100%;
    position: initial;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
a.proxy2{display:none}


.tooltip-content {
  background: #fff;
  box-shadow: -7px 3px 16px 2px rgba(205, 210, 214, 0.8);
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 1px;
  max-width: 200px;
  padding: 10px 20px;
	position:relative;
  transition: all 0.3s ease;
  border-radius: 10px;
  display: inline-block;
  font-weight: 700;
}
.tooltip-content::after {
content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-top: 14px solid #ffffff;
    border-bottom: 5px solid transparent;
    border-left: 14px solid #f3444400;
}

.tooltip-content {
  left: 10px;
  border:1px solid #d3d5d3;
}
.tooltip-content::after {
left: -12px;
    margin-top: -5px;
    top: 50%;
}
.tooltip-content::before {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border-top: 15px solid #d3d5d3;
    border-bottom: 5px solid transparent;
    border-left: 14px solid #f3444400;
    left: -14px;
    margin-top: -6px;
    top: 50%;
}

.dropdown-menu{
	color: #333;
    padding: 0;
    font-size: 13px;
    line-height: 1.5em;
	border:0;
}
.dropdown-menu li a{
	padding: 10px 18px;
	font-size: 14px;
	
}
.dropdown-menu li a:hover{background-color:#f5f5f5}





/* ScrollText */

#onioninner span {
  overflow: hidden;
  position:relative;
}

#onioninner span div{
  text-align: right;
	position:absolute;
  /* animation properties */
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  
  -moz-animation: my-animation 4s linear infinite;
  -webkit-animation: my-animation 4s linear infinite;
  animation: my-animation 4s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
  from { -moz-transform: translateX(-100%); }
  to { -moz-transform: translateX(100%); }
}

/* for Chrome */
@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(-100%); }
  to { -webkit-transform: translateX(100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* End scroll */

.hamburger img {
    max-width: 30px;
}

.dropdown-menu{overflow:hidden}
@media only screen and (min-width: 761px) {
    .hamburger {
        order: 1
    }
}



/* images Tab */

.detailview{display:none}
.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
}

.image-gallery > .resultitem {
  flex: 1 1 auto; /* or flex: auto; */
  height: 220px;
  cursor: pointer;
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 20px;
  text-align:center;
      padding-left: 5px;
    padding-right: 5px;
}

.image-gallery::after {
  content: "";
  flex-grow: 999;
}

.image-gallery .resultitem img {
      object-position: 80% 47%;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 5px;
    max-width: 180px;
    object-fit: cover;
}

.overlay {
position: absolute;
    width: 100%;
    transition: all 0.2s 0.1s ease-in-out;
    color: #000;
    border-radius: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    flex-wrap: wrap;
    flex-direction: column;
	bottom:0;
	padding-right:15px;
}

.overlay span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    color: #646e82;
}
span.namesite{
	color:#000
}


/* hover */
.image-gallery .resultitem:hover .overlay {
  transform: scale(1);
}
.image-gallery .resultitem:hover img{box-shadow: 0px 0px 5px #ccc;}
.openpanel{width: 40%;
    height: calc(100vh - 0px);
	overflow-y: scroll;
    position: sticky;
    flex: 1;
    top: 0;
    bottom: 0; background-color: #000;}
.showSizes{
	display:none;
	    background-color: rgb(0 0 0 / 65%);
    color: #fff;
    border-radius: 10px;
    margin-left: 5px;
    padding: 5px;
    font-size: 11px;
	    margin-bottom: 5px;
}
.resultitem:hover .showSizes{display:block}
.active.resultitem {
    background-color: rgba(86,83,210,.125);
    border: 1px solid #495bd1;
    border-radius: 5px;
    overflow: hidden;
}








.sr-only:not(:focus):not(:active) {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.images-data-card__arrow-button {
    display: inline-flex;
    position: relative;
    margin-left: 16px;
    align-items: center;
    background: rgb(255 255 255 / 50%);
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 38px;
    justify-content: center;
    opacity: .6;
    transition: all .25s ease-out;
    width: 38px;
    z-index: 1;
}
.images-data-card__arrow-buttons{display:flex; padding:0; margin:0; list-style:none;}
.images-data-card__arrow-button--left svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
span.images-data-card__button-icon {
    line-height: 0;
}
.images-data-card__navigation {
    display: flex;
    justify-content: space-between;
    left: 16px;
    position: absolute;
    top: 16px;
    width: calc(100% - 32px);
    z-index: 3;
}
.images-data-card__button--cross {
    margin-left: auto;
}

.images-data-card__button {
    align-items: center;
    background: rgba(0,0,0,.5);
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 38px;
    justify-content: center;
    opacity: .6;
    transition: all .25s ease-out;
    width: 38px;
    z-index: 1;
}
.images-data-card__arrow-button--inactive {
    cursor: not-allowed;
    opacity: .25;
}

.openpanel .pictureFull{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    min-height: 150px;
    max-height: 360px;
    flex-wrap: nowrap;
    height: auto;
    max-width: 100%;
}
.openpanel .pictureFull img{
	height: auto;
    max-height: 360px;
    max-width: 100%;
	background-color: #fff;
    background-image: linear-gradient(45deg,#edf0f5 25%,transparent 0,transparent 75%,#edf0f5 0,#edf0f5),linear-gradient(45deg,#edf0f5 25%,transparent 0,transparent 75%,#edf0f5 0,#edf0f5);
    background-position: 0 0,10px 10px;
    background-size: 20px 20px;
}
.images-data-card__text {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
	flex-direction: column;
}
.images-data-card__name {
    font-weight: 400;
    margin: 0;
   
    width: 100%;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.images-data-card__link {
    color: #7db9ff;
    display: block;
    font-size: 20px;
    margin-bottom: 8px;
    width: 100%;
	text-decoration: none;
}
.images-data-card__copyright {
    color: #b1b7c4;
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 8px;

}
.images-data-card__url {
    border-bottom: 1px solid #2b313d;
    color: #138982;
    font-size: 14px;
text-decoration: none;
    padding-bottom: 24px;
    width: 100%;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oniontooltip{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: baseline;
}
.search-input__button{
	border-radius: 0 24px 24px 0;
  height: 100%;
    padding: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #0057b8;
    color: #fff;
    width: 90px;
    font-size: 20px;
}

input#search_input::placeholder {
	font-size:inherit;
	font-weight:normal
}

/* images Tab Done */
@media only screen and (max-width: 760px) {
	.openpanel{
		width: 100%;
		position: fixed;
		z-index:10;
	}

	.hamburger,.logoheight{
		display: none;
	}

    .search_wrapper {
        flex: 0 1 100%;
        margin: 0px;
		margin-top:10px;
		width:100%;
    }

    header .container {
        flex-wrap: wrap;
    }

    .search-full .search_input {
        height: 100%;
        width: 100%;
        position: fixed;
        overflow: auto;
        border-radius: 0;
        background: #fff;
        clip-path: none;
    }

    .search-full #search_input {
        height: auto;
        border-radius: 0 0;
        border: 0 0 1px 0;
        padding: 11px 20px 11px 42px;
    }

    .search-full .search-input__button--back {
        display: block;
        cursor: pointer;
        left: 5px;
        padding: 3px 6px 6px;
        right: auto;
        top: 6px;
    }
	#serp .searpList{
		    border: 1px solid #e5e5e5;
    border-radius: 7px;
    padding: 10px;
	box-shadow: 0px 0px 9px rgb(0 0 0 / 20%) !important;
	}
	a.proxy{display:none}
	a.proxy2{display:block !important}
	.searpList ul{padding:10px}
	#serp h2{white-space: normal;}
	li.deeplinks{font-size:17px;}
	.searpList .desc{font-weight:500}
#serp p.url a{font-weight:500}
.torsearchupper{
	border:none;
	padding:0;
}
}


@media only screen and (max-width: 1000px) and (min-width: 700px)  {
	main{padding:0 20px}
}





@media (min-width: 1200px) {
    .container{
        max-width: 1000px;
    }
}

@media (min-width: 1400px) {
    .container{
        max-width: 1200px;
    }
}

.tbb-results{
		min-height: calc(100vh - 100px);
	}