/* 767px */
/*=============================================
=            Header            =
=============================================*/
.side-menu .slide.featured a.side-menu__item {
  margin: 7px 5px !important;
  border: 1px solid #6c5ffc;
  -moz-border-radius: 5px;
  -webkit--radius: 5px;
  border-radius: 5px;
  padding: 6px 16px !important; }
  .side-menu .slide.featured a.side-menu__item.active {
    border: 1px solid #6c5ffc; }
  .side-menu .slide.featured a.side-menu__item span {
    color: #6c5ffc !important;
    margin-top: 0 !important; }
  .side-menu .slide.featured a.side-menu__item.active, .side-menu .slide.featured a.side-menu__item:hover {
    background: #6c5ffc; }
    .side-menu .slide.featured a.side-menu__item.active span, .side-menu .slide.featured a.side-menu__item.active i, .side-menu .slide.featured a.side-menu__item:hover span, .side-menu .slide.featured a.side-menu__item:hover i {
      color: #fff !important; }

@media (min-width: 992px) {
  .horizontal .horizontal-main .slide .slide-menu {
    width: 400px; }
    .horizontal .horizontal-main .slide .slide-menu .megamenu {
      display: flex; }
      .horizontal .horizontal-main .slide .slide-menu .megamenu li {
        padding: 0px 5px; }
        .horizontal .horizontal-main .slide .slide-menu .megamenu li a {
          display: block;
          padding: 10px;
          text-align: center;
          font-size: 16px;
          line-height: 35px;
          transition: all 0.2s;
          -moz-border-radius: 5px;
          -webkit--radius: 5px;
          border-radius: 5px; }
          .horizontal .horizontal-main .slide .slide-menu .megamenu li a:before {
            content: '';
            display: none; }
          .horizontal .horizontal-main .slide .slide-menu .megamenu li a:hover {
            background-color: #6c5ffc;
            color: #fff; }
          .horizontal .horizontal-main .slide .slide-menu .megamenu li a i {
            font-size: 35px; }
          .horizontal .horizontal-main .slide .slide-menu .megamenu li a span {
            display: block; } }
/*======================================
=            Public Content            =
======================================*/
.main-container .custom-content ul,
.page-container .custom-content ul {
  /* list-style-position: inside;*/
  list-style-type: decimal;
  padding-left: 2rem; }

/*============================
=            Misc            =
============================*/
.divider {
  border-bottom: 1px solid #e6e6e6; }

.page.bg-wave {
  background-image: url(../../images/landing/bg4.png);
  background-repeat: no-repeat;
  background-position: center -30vh;
  background-size: contain;
  top: 0;
  left: 0;
  right: 0;
  position: relative;
  border-radius: 0px; }

body:not(.homepage) .page {
  background-size: cover; }
body:not(.homepage) .page-main {
  background-color: #f0f0f5; }

.landing-top-header-new .app-sidebar {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2); }

.homepage {
   /* .landing-top-header-new {
        background-image: url(../../images/landing/bg4.png);
        background-repeat: no-repeat;
        background-position: center -30vh ;
        background-size: cover;
        top: 0;
        left: 0;
        right: 0;
        position: relative;
        border-radius: 0px;
    }

    .landing-top-header-new:before {
        position: absolute;
        content: "";
        left: -19%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        right: 0;
        width: 35%;
        height: 80%;
        overflow: hidden;
        background-image: url(../../images/landing/bg.png);
}*/ }

.drop-shadow {
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15) !important;
  -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15) !important; }

@media (max-width: 991px) {
  .main-content {
    padding-top: 90px; } }

.page-container {
  background-color: #f8f9fb;
  background-color: #f0f0f5; }
  @media (max-width: 991px) {
    .page-container .section:first-child {
      padding-top: 90px !important; } }

.loader-img {
  width: 100px;
  height: 100px; }

.landing-page .animate-heading {
  animation: text-anim 3s steps(15) infinite !important;
  white-space: nowrap;
  text-transform: none; }

@keyframes text-anim {
  0%,
    90%,
    100% {
    width: 0; }
  30%,
    60% {
    width: 300px; } }
.landing-page .owl-controls .owl-page {
  background: url(../../images/landing/web/1.png) no-repeat;
  background-size: 70% 70%;
  background-position: center center; }

.landing-page .owl-controls .owl-page:nth-child(2) {
  background: url(../../images/landing/web/2.png) no-repeat;
  background-size: 70% 70%;
  background-position: center center; }

.landing-page .owl-controls .owl-page:nth-child(3) {
  background: url(../../images/landing/web/3.png) no-repeat;
  background-size: 70% 70%;
  background-position: center center; }

.app-header h1 {
  margin: 0 !important;
  font-size: 1.5em; }

.demo-footer {
  padding-top: 10px; }

.homepage .demo-footer {
  padding-top: 70px; }
.homepage .buynow-landing {
  top: 70px; }

.helpnav li {
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 0; }
  .helpnav li a.active, .helpnav li a:hover {
    font-weight: bold !important; }

/*=============================
=            Forms            =
=============================*/
form .isRequired label::after {
  content: '*';
  color: #dc3545; }
form .isRequired label label::after {
  content: ''; }
form .form-group .select2-container {
  width: 100% !important; }
form .input-group-prepend .input-group-text {
  border-right: 0; }
form .input-group-text {
  background-color: #e9ecef;
  color: #6c5ffc;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  padding: 0.670rem 0.75rem; }
form .custom-switch-indicator {
  background-color: rgba(108, 95, 252, 0.1); }
form .custom-control-label::after {
  background-color: rgba(108, 95, 252, 0.1); }

/*====================================
=         Auction list            =
====================================*/
.alistContainer {
  position: relative; }
  .alistContainer .auctionLoader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    -moz-border-radius: 5px;
    -webkit--radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding-top: 20vh; }
    .alistContainer .auctionLoader .spinner-border {
      width: 5rem;
      height: 5rem; }
  .alistContainer .auctionList {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%; }
    .alistContainer .auctionList .abox {
      display: flex;
      margin-bottom: 3%; }
      .alistContainer .auctionList .abox .card-body {
        display: flex;
        padding: 15px !important; }
        .alistContainer .auctionList .abox .card-body .thumb {
          display: flex;
          justify-content: center;
          align-items: center;
          height: 200px;
          overflow: hidden; }
          .alistContainer .auctionList .abox .card-body .thumb img {
            transition: all 0.2s; }
          .alistContainer .auctionList .abox .card-body .thumb:hover img {
            /*opacity: 0.5;*/
            filter: grayscale(50%); }
        .alistContainer .auctionList .abox .card-body h2 {
          margin-top: 10px;
          font-size: 22px;
          text-align: center;
          font-weight: bold; }
        .alistContainer .auctionList .abox .card-body table td {
          font-size: 12px;
          padding: 0.5rem; }
        .alistContainer .auctionList .abox .card-body table td.dd {
          text-align: right; }
  .alistContainer.agrid .abox {
    max-width: 48%; }
    .alistContainer.agrid .abox .card-body {
      flex-direction: column; }
      .alistContainer.agrid .abox .card-body .auctionInfo {
        display: flex;
        flex-direction: column;
        flex-grow: 1; }
  .alistContainer.alist .abox .card-body {
    flex-direction: row;
    justify-content: space-between; }
    .alistContainer.alist .abox .card-body .thumb {
      width: 39%; }
    .alistContainer.alist .abox .card-body .auctionInfo {
      display: flex;
      flex-direction: column;
      width: 60%; }

/*# sourceMappingURL=frontend.css.map */