/* Minification failed. Returning unminified contents.
(4562,17): run-time error CSS1030: Expected identifier, found '>'
(4562,45): run-time error CSS1031: Expected selector, found ')'
(4562,45): run-time error CSS1025: Expected comma or open brace, found ')'
(4585,17): run-time error CSS1030: Expected identifier, found '>'
(4585,45): run-time error CSS1031: Expected selector, found ')'
(4585,45): run-time error CSS1025: Expected comma or open brace, found ')'
 */
* {
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

a {
    color: #000;
}

a:hover {
    color: #000;
}

body {
    background-color: #f2f2f2;
    color: #000;
    min-height: 100%;
    position: relative;
}

html {
    height: 101%;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.border {
    border: 1px solid red;
}

.skiptranslate {
    display: none;
}

.container, .row, .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
    .top-container {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        z-index: 102;
    }
}

html {
    min-height: 100%;
    position: relative;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.imageSize150 {
    max-width: 150px;
}

.imageMaxSize250 {
    max-height: 242px;
    max-width: 242px;
    min-height: 242px;
    min-width: 242px;
    overflow: hidden;
}

.select2-dropdown {
    position: static !important;
}

.dropdown-closed .dummy-option, .dropdown-closed .secondary-option {
    visibility: visible !important;
}

.select {
    width: 100%;
}

.select .select2-container {
    overflow: hidden;
}

.select .select2-selection--single {
    height: 45px !important;
}

.select .select2-selection--single .select2-selection__rendered {
    margin-top: -1em;
    line-height: 2.15em;
    display: flex !important;
    flex-direction: column-reverse;
}

.select .select2-selection--single .dummy-option {
    height: 2.15em;
}

.select .select2-selection--single .dummy-option, .select .select2-selection--single .secondary-option {
    visibility: hidden;
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .select .select2-selection--single {
        height: 55px !important;
    }
}

/* !important are used to override select select2 (lib) styling */
.select .select2-selection__arrow {
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 38px !important;
    border: 1px solid #ccc !important;
    background: linear-gradient(to bottom, #f9f9f9, #e6e6e6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: background 0.2s, border-color 0.2s !important;
}

/*Down arrow*/
.select2-selection__arrow::before {
    content: "" !important;
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 9px solid #000 !important;
}

/*Up arrow*/
.select2-container--open .select2-selection__arrow::before {
    border-top: none !important;
    border-bottom: 9px solid #000 !important;
}

.select2-selection__arrow:hover {
    background: linear-gradient(to bottom, #f0f0f0, #dcdcdc) !important;
    border-color: #999 !important;
}

.select2-container--open .select2-selection__arrow {
    border-color: #0078d7 !important;
    background: #f0f8ff !important;
}

@media screen and (min-width: 992px) and (max-width: 1399px) {
    .select .select2-selection__arrow {
        height: 100% !important;
    }
}

.bid-user-id {
    text-align: right;
}

.bid-status {
    font-size: 12px;
    margin-left: 12px;
    width: 10%;
}

.description .bid-status{
    width: 0;
    margin-left: 0;
}

.container {
    width: 100%;
}

@media screen and (min-width: 1400px) {
    .modal-xl {
        width: 1200px;
    }
}

/* Modals */
.modal-xxl .modal-body {
    max-height: 550px;
    min-height: 100px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media (min-height: 600px) {
    .modal-xxl .modal-body {
        max-height: 750px;
    }
}

@media (min-height: 800px) {
    .modal-xxl .modal-body {
        max-height: 950px;
    }
}

@media (min-height: 1000px) {
    .modal-xxl .modal-body {
        max-height: 1050px;
    }
}

@media (min-height: 1200px) {
    .modal-xxl .modal-body {
        max-height: 1250px;
    }
}

.no-photo-container {
    color: #ccc;
    background-color: rgba(0,0,0,0.05);
    text-align: center;
}

.no-photo-span {
    color: #fff;
    font-size: 50px;
    opacity: 0.5;
    top: 40%;
}

.no-photo-p {
    color: #b7b4b4;
    font-weight: bold;
    font-size: 20px;
    top: 10px;
    position: inherit;
}

@media screen and (max-width: 991px) {
    .no-photo-p {
        top: 15px;
        font-size: 15px;
    }
}

@media screen and (max-width: 340px) {
    .no-photo-p {
        top: 10px;
        font-size: 10px;
    }
}


.auctionBoxHeight {
    min-height: 30px;
}

.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.auctionBoxHeight {
    border-bottom: 1px solid #e4e4e4;
}

.image-responsive {
    width: 100%;
}

.faq-title-tile {
    font-size: 11pt;
}

.top-margin {
    margin-top: 35px;
}

.draft-li {
    list-style-type: none;
}

.btn-draft {
    min-width: 120px;
}

@font-face {
    font-family: "emoji";
    src: url("/Content/notoemoji-webfont.eot");
    src: url("/Content/notoemoji-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/notoemoji-webfont.woff2") format("woff2"), url("/Content/notoemoji-webfont.woff") format("woff"), url("/Content/notoemoji-webfont.svg#noto_emojiregular") format("svg");
    font-weight: normal;
}

.welcome-text {
    font-size: 10.5pt !important;
    line-height: 110% !important;
    margin-top: 15px;
}

@media screen and (max-width: 1400px) {
    .welcome-text {
        font-size: 12px !important;
        line-height: 120% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1000px) {
    .welcome-text {
        font-size: 13px !important;
        line-height: 120% !important;
    }
}

@media screen and (max-width: 1000px) {
    .welcome-text {
        font-size: 14px !important;
        line-height: 110% !important;
    }
}

.welcome-text a {
    color: #337ab7;
}

.welcome-text .list-group {
    margin-top: 1em;
    margin-bottom: calc(20px + 0.5em);
}

.welcome-text .icons {
    font-family: "emoji";
    font-size: 1.1em;
    vertical-align: bottom;
    letter-spacing: 3px;
}

.welcome-text-authenticated {
    font-size: 10.5pt !important;
    line-height: 110% !important;
}

@media screen and (max-width: 1400px) {
    .welcome-text-authenticated {
        font-size: 12px !important;
        line-height: 120% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1000px) {
    .welcome-text-authenticated {
        font-size: 10px !important;
        line-height: 120% !important;
    }
}

@media screen and (max-width: 1000px) {
    .welcome-text-authenticated {
        font-size: 14px !important;
        line-height: 110% !important;
    }
}

.welcome-text-authenticated a {
    color: #337ab7;
}

.welcome-text-authenticated .list-group {
    margin-top: 1em;
    margin-bottom: calc(20px + 0.5em);
}

.welcome-text-authenticated .icons {
    font-family: "emoji";
    font-size: 1.1em;
    vertical-align: bottom;
    letter-spacing: 3px;
}

.welcome-front-title {
    font-size: 18pt !important;
}

@media screen and (min-width: 1700px) {
    .categries-list-group {
        max-width: 470px;
    }
}

.categries-list-group {
    margin-bottom: 0px;
}

.heading-title {
    font-size: 20px;
}

.top-margin-half {
    margin-top: 8px;
    padding-bottom: 5px;
}

.top-margin-half-fixed {
    margin-top: 50px;
}

.half-line {
    height: 10px;
}

.awe-listing-detail-title {
    padding-left: 15px;
}

.myaccount-underline {
    text-decoration: underline;
}

.html {
    overflow: hidden;
    height: 100%;
}

body {
    overflow: auto;
    height: 100%;
    padding-right: 0 !important;
}

.modal-open {
    overflow: auto;
}

.all-auctions-title {
    margin-bottom: 12px !important;
    margin-top: 2px !important;
}

.auctionBoxDetails .sharing-button-cell {
    padding-right: 0;
}

.auctionBoxDetails .sharing-button-cell .resp-sharing-button__link {
    margin: 5px;
    float: right;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block;
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin-top: 0;
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

@media screen and (max-width: 1199px) and (min-width: 1000px) {
    .resp-sharing-button {
        font-size: 11px;
    }
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top;
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
}

.resp-sharing-button--twitter:hover {
    background-color: #2795e9;
}

.resp-sharing-button--pinterest {
    background-color: #bd081c;
}

.resp-sharing-button--pinterest:hover {
    background-color: #8c0615;
}

.resp-sharing-button--facebook {
    background-color: #3b5998;
}

.resp-sharing-button--facebook:hover {
    background-color: #2d4373;
}

.resp-sharing-button--youtube {
    background-color: #ddd;
}

.resp-sharing-button--youtube:hover {
    background-color: lightgray;
}

.resp-sharing-button--tumblr {
    background-color: #35465C;
}

.resp-sharing-button--tumblr:hover {
    background-color: #222d3c;
}

.resp-sharing-button--reddit {
    background-color: #5f99cf;
}

.resp-sharing-button--reddit:hover {
    background-color: #3a80c1;
}

.resp-sharing-button--google {
    background-color: #dd4b39;
}

.resp-sharing-button--google:hover {
    background-color: #c23321;
}

.resp-sharing-button--linkedin {
    background-color: #0077b5;
}

.resp-sharing-button--linkedin:hover {
    background-color: #046293;
}

.resp-sharing-button--email {
    background-color: #777;
}

.resp-sharing-button--email:hover {
    background-color: #5e5e5e;
}

.resp-sharing-button--xing {
    background-color: #1a7576;
}

.resp-sharing-button--xing:hover {
    background-color: #114c4c;
}

.resp-sharing-button--whatsapp {
    background-color: #25D366;
}

.resp-sharing-button--whatsapp:hover {
    background-color: #1da851;
}

.resp-sharing-button--hackernews {
    background-color: #FF6600;
}

.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
    background-color: #FB6200;
}

.resp-sharing-button--vk {
    background-color: #507299;
}

.resp-sharing-button--vk:hover {
    background-color: #43648c;
}

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
}

.resp-sharing-button--google {
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
    background-color: #c23321;
    border-color: #c23321;
}

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
    background-color: #046293;
    border-color: #046293;
}

#google_translate_element {
    float: right;
    margin-bottom: 10px;
    z-index: 2;
    position: relative;
}

@media screen and (min-width: 992px) {
    #google_translate_element {
        margin-top: -20px;
        margin-bottom: 20px;
    }
}

.share-buttons {
    margin-top: 12px;
}

@media screen and (max-width: 1600px) and (min-width: 1401px) {
    .share-buttons {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
    .share-buttons {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1000px) {
    .share-buttons {
        margin-bottom: 40px !important;
    }
}

@media screen and (max-width: 999px) and (min-width: 310px) {
    .share-buttons {
        margin-bottom: 40px !important;
    }
}

.share-buttons-front {
    margin-bottom: 10px;
}

.sound-box-frontpage {
    margin-top: 2.5em !important;
    position: relative;
}

.sound-box {
    background: #9b2321;
    border-radius: 34px;
    width: 530px;
    color: white;
    padding: 15px;
    background-image: url("/Content/Images/volume-on.svg") !important;
    background-size: 50px;
    background-position: 5% 50%;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    padding-left: 90px;
    font-size: 14px;
    line-height: 23px;
    -moz-box-shadow: 0 0 6px 1px #000000;
    -webkit-box-shadow: 0 0 6px 1px #000000;
    box-shadow: 0 0 6px 1px #000000;
}

.sound-bubble {
    z-index: 50000000000;
    position: fixed;
    bottom: 80px;
    right: 20px;
    height: 150px;
    cursor: pointer;
}

.sound-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 32px solid transparent;
    border-top-color: #9b2321;
    border-bottom: 0;
    border-right: 0;
    margin-left: -17px;
    margin-bottom: -32px;
}

.closing-button-sound {
    z-index: 50000000001;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 20px;
    height: 20px;
}

.welcome-front-title {
    margin-top: 10px !important;
}

.loader {
    border-radius: 50%;
    animation: spin 2s linear infinite;
    margin: auto;
}

.auction-closer-loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #9b2321;
    width: 120px;
    height: 120px;
}

.frontpage-loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #fdb813;
    width: 60px;
    height: 60px;
    margin-bottom: 8px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #e8e8e8;
    opacity: 0.8;
    z-index: 101;
}

.loader-overlay-text {
    color: black;
    opacity: 1;
    font-size: 25px;
    margin: auto;
    font-weight: bold;
}

.dozer-image {
    top: 100%;
    position: absolute;
    left: 20%;
    z-index: 999;
}

.dozer-mover {
    -webkit-animation: mymove 20s infinite;
    animation: mymove 20s infinite;
}

@-webkit-keyframes mymove {
    from {
        left: 20%;
    }

    to {
        left: 70%;
    }
}

@keyframes mymove {
    from {
        left: 20%;
    }

    to {
        left: 70%;
    }
}

@keyframes mymove-frontpage {
    from {
        left: 0%;
    }

    to {
        left: 50%;
    }
}

.image-overlay {
    filter: blur(1px) opacity(0.5);
}

.listing-shadow-box {
    margin-bottom: 10px !important;
}

.grid-item .loader-container {
    z-index: 10;
}

.grid-item .dozer-mover {
    -webkit-animation: mymove-frontpage 20s infinite;
    animation: mymove-frontpage 20s infinite;
}

.margin-top-counter {
    margin-top: -15px;
    height: 494px;
    padding-bottom: 15px;
}

.loader-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.terms-text h1 {
    font-size: 12pt;
    font-weight: bold;
    margin-top: 10px;
}

.terms-text h2 {
    font-size: 10.5pt;
    font-weight: bold;
    margin-top: 10px;
}

.terms-text p {
    font-size: 10.5pt !important;
}

.cookies-bar {
    z-index: 100;
    background-color: #ABABAB;
    display: none;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.cookiesCloser {
    cursor: pointer;
    color: #9b2321;
}

.cookiesBarPresent {
    padding-top: 220px !important;
}

#cookiesTermsModal h1 {
    font-size: 20px !important;
    font-weight: bold;
}

#cookiesTermsModal h2 {
    font-size: 17px !important;
    font-weight: bold;
}

@media (max-width: 767px) {
    #auction-box-details .text-right {
        text-align: left !important;
    }
}

.addtional-info-table {
    table-layout: fixed;
    width: 100%;
}

    .addtional-info-table td {
        word-break: break-word;
    }

#previewimg {
    cursor: zoom-in;
    cursor: url("../../magnify.cur");
}

.panel-body-text {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media screen and (min-width: 1400px) {
    .start-end-date {
        padding-left: 20px;
    }
}

@media screen and (min-width: 1199px) and (max-width: 1399px) {
    .start-end-date {
        padding-left: 32px;
    }
}

@media screen and (min-width: 990px) and (max-width: 1198px) {
    .start-end-date {
        padding-left: 42px;
    }
}

@media screen and (min-width: 767px) and (max-width: 990px) {
    .start-end-date {
        padding-left: 15px;
    }
}

@media screen and (max-width: 400px) {
    .price-position {
        padding-left: 10px !important;
    }
}

.alternative-currency {
    text-align: left;
    padding-left: 5px !important;
    font-size: 12px;
}

.main-currency {
    text-align: left;
    padding-left: 5px !important;
}

.category-title h1 {
    margin: 5px 0 25px;
    padding: 0;
    line-height: 0;
}

@media screen and (max-width: 400px) {
    .category-title h1 {
        line-height: 1;
    }
}

.aboutus-link {
    color: #333 !important;
}

@media (max-width: 449px) {
    .category-title h1 {
        line-height: 1 !important;
    }
}

@media (max-width: 449px) {
    .col-mn-1, .col-mn-2, .col-mn-3, .col-mn-4, .col-mn-5, .col-mn-6, .col-mn-7, .col-mn-8, .col-mn-9, .col-mn-10, .col-mn-11, .col-mn-12 {
        float: left;
    }

    .col-mn-12 {
        width: 100%;
    }

    .col-mn-11 {
        width: 91.66666667%;
    }

    .col-mn-10 {
        width: 83.33333333%;
    }

    .col-mn-9 {
        width: 75%;
    }

    .col-mn-8 {
        width: 66.66666667%;
    }

    .col-mn-7 {
        width: 58.33333333%;
    }

    .col-mn-6 {
        width: 50%;
    }

    .col-mn-5 {
        width: 41.66666667%;
    }

    .col-mn-4 {
        width: 33.33333333%;
    }

    .col-mn-3 {
        width: 25%;
    }

    .col-mn-2 {
        width: 16.66666667%;
    }

    .col-mn-1 {
        width: 8.33333333%;
    }

    .col-mn-pull-12 {
        right: 100%;
    }

    .col-mn-pull-11 {
        right: 91.66666667%;
    }

    .col-mn-pull-10 {
        right: 83.33333333%;
    }

    .col-mn-pull-9 {
        right: 75%;
    }

    .col-mn-pull-8 {
        right: 66.66666667%;
    }

    .col-mn-pull-7 {
        right: 58.33333333%;
    }

    .col-mn-pull-6 {
        right: 50%;
    }

    .col-mn-pull-5 {
        right: 41.66666667%;
    }

    .col-mn-pull-4 {
        right: 33.33333333%;
    }

    .col-mn-pull-3 {
        right: 25%;
    }

    .col-mn-pull-2 {
        right: 16.66666667%;
    }

    .col-mn-pull-1 {
        right: 8.33333333%;
    }

    .col-mn-pull-0 {
        right: auto;
    }

    .col-mn-push-12 {
        left: 100%;
    }

    .col-mn-push-11 {
        left: 91.66666667%;
    }

    .col-mn-push-10 {
        left: 83.33333333%;
    }

    .col-mn-push-9 {
        left: 75%;
    }

    .col-mn-push-8 {
        left: 66.66666667%;
    }

    .col-mn-push-7 {
        left: 58.33333333%;
    }

    .col-mn-push-6 {
        left: 50%;
    }

    .col-mn-push-5 {
        left: 41.66666667%;
    }

    .col-mn-push-4 {
        left: 33.33333333%;
    }

    .col-mn-push-3 {
        left: 25%;
    }

    .col-mn-push-2 {
        left: 16.66666667%;
    }

    .col-mn-push-1 {
        left: 8.33333333%;
    }

    .col-mn-push-0 {
        left: auto;
    }

    .col-mn-offset-12 {
        margin-left: 100%;
    }

    .col-mn-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-mn-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-mn-offset-9 {
        margin-left: 75%;
    }

    .col-mn-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-mn-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-mn-offset-6 {
        margin-left: 50%;
    }

    .col-mn-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-mn-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-mn-offset-3 {
        margin-left: 25%;
    }

    .col-mn-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-mn-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-mn-offset-0 {
        margin-left: 0;
    }
}

.item-content {
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.item-content-disabled {
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #E8E8E8;
}

.listing-card-details {
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#aboutus-collapse {
    margin: 0px 10px, 0px, 10px;
}

.about-us-collapse {
    background-color: white;
}

.xs-categories {
    padding: 0px, 30px, 0px, 30px;
}

html, body {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

.mx-auto {
    margin: 0 auto;
}

.reserve-met {
    color: green;
    font-weight: bold;
}

.reserve-close-to-met {
    color: red;
    font-weight: bold;
}

.hide-reserve {
    margin-top: 4px;
}

.navbar-item, .navbar-item:hover, .navbar-item:focus {
    border: none;
    border-bottom: 1px white solid;
    padding: 17px 25px 17px 10px;
    text-align: center;
    display: inline-block;
    background-color: transparent;
    height: 55px;
}

.navbar-item:first-child, .navbar-item:hover:first-child, .navbar-item:focus:first-child {
    border-right: 1px white solid;
}

.navbar-item:hover, .navbar-item:hover:hover, .navbar-item:focus:hover {
    text-decoration: underline;
}

.navbar-item .tickIcon, .navbar-item:hover .tickIcon, .navbar-item:focus .tickIcon {
    position: relative;
    right: -30px;
}

.vertical-align-middle td {
    vertical-align: middle !important;
}

.basic-padding {
    padding: 10px;
}

#possible-title {
    font-size: 12px !important;
    line-height: 17px !important;
}

#info-card {
    position: absolute;
    right: 30px;
    top: 50px;
}

.position-relative {
    position: relative;
}

.height-auto {
    height: auto !important;
    min-height: 0 !important;
}

.color-danger {
    background-color: orangered !important;
}

.required::after {
    font-size: 1.5em;
}

.autoDisabled {
    pointer-events: none;
}

@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}

.badge {
    border: 1px #f4ae00 solid;
}

@media screen and (min-width: 3500px) {
    .front-welcome-text {
        padding-left: 22%;
        max-width: 75%;
    }
}

@media screen and (min-width: 3001px) and (max-width: 3500px) {
    .front-welcome-text {
        padding-left: 17%;
        max-width: 83%;
    }
}

@media screen and (min-width: 2200px) and (max-width: 3000px) {
    .front-welcome-text {
        padding-left: 12%;
        max-width: 90%;
    }
}

.front-welcome-text {
    min-height: 500px;
    margin-top: 5px;
}

.front-welcome-text ul {
    padding-left: 1.66em;
}

.front-welcome-text .li-wrapper {
    margin-bottom: 0.25em;
}

.how-to-sell-image {
    background-color: #fdbf35;
    margin-bottom: 3em;
    margin-top: 3em;
}

.how-to-sell-image img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

@media screen and (min-width: 768px) {
    #AnnouncementModal > .modal-dialog {
        width: 700px;
    }
}

#AnnouncementModal > .modal-dialog .modal-footer {
    border-top: 1px solid #999;
}

.li-wrapper {
    display: inline-flex;
}

.li-wrapper > .prefix {
    font-weight: bold;
    flex-shrink: 0;
    padding-right: 0.25em;
}

.my-drafts-link {
    color: green !important;
}

#UserSelect label {
    margin-left: 0.5em;
}

.front-counter {
    border: none;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.front-counter a {
    color: black;
}

.front-counter a:hover {
    text-decoration: none;
}

.front-counter span.front-counter-icon {
    width: 29px;
    text-align: center;
}

.front-counter svg.front-counter-icon {
    height: 0.88em;
}

.front-counter .front-counter-icon {
    font-size: 25px;
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.front-counter .badge {
    position: absolute;
    right: 1.5em;
    bottom: 1em;
    box-shadow: 5px 2px 10px #888;
}

.front-counter .front-page-click-here {
    border-bottom: 1px solid #fdb813;
}

.flagRound {
    height: 1.1em;
    width: 1.1em;
    display: inline-block;
    margin-right: 4px;
}

#listing-next-bid {
    position: relative;
    padding: 5px 0;
    background: #eee;
}

@media screen and (min-width: 768px) {
    #listing-next-bid {
        height: 61px;
    }
}

#listing-next-bid > div {
    height: 100%;
}

#listing-next-bid > div:first-child {
    display: flex;
    align-items: flex-end;
    margin-right: -5px;
    padding-right: 0;
}

.dropdown-closed ~ .select-listing-line {
    width: calc(86.5% - 22px);
}

.select-listing-line {
    pointer-events: none;
    position: absolute;
    z-index: 99;
    background-color: #e4e4e4;
    height: 1px;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    padding: 0;
    width: calc(33.33% + 6px);
}

@media screen and (max-width: 992px) {
    .select-listing-line {
        display: none;
    }
}

.bid-amount-select {
    padding-left: 11px;
    margin-top: 5px;
    padding-right: 0;
}

.black {
    color: black;
}

[class^=select2] {
    border-radius: 0px !important;
}

.selectArrow {
    text-align: center;
    border: 1px solid black !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.inline-image {
    height: 1.5em;
    width: 3em;
    display: inline-block;
    text-align: center;
}

.inline-image > img {
    height: 100%;
    margin: auto;
}

.inline-image-bidding {
    height: 1.875em;
}

a.forgot-password-link {
    color: blue;
}

.position-absolute {
    position: absolute;
}

.position-relative {
    position: relative;
}

@keyframes rotateit {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.clock {
    margin: auto;
    margin-bottom: 1em;
    margin-top: 13em;
    height: 283px;
    width: 283px;
}

.clock.animated-clock .arrow {
    animation: rotateit 18s linear infinite;
}

.clock.animated-clock .hour {
    animation: rotateit 180s linear infinite;
}

.clock.animated-clock .minute {
    animation: rotateit 2.5s linear infinite;
}

.clock .arrow {
    margin: auto;
    top: 0;
    left: 0;
    border: 19px solid transparent;
    border-top-color: #fdb813;
    border-left-color: #fdb813;
    border-bottom-color: #fdb813;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    position: absolute;
    transform-origin: center center;
}

.clock .arrow:before {
    content: "";
    position: absolute;
    top: -5%;
    left: 85%;
    height: 0;
    width: 0;
    border-left: 25px solid #fdb813;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    transform: rotate(45deg);
}

.clock .wrap {
    position: relative;
    width: 283px;
    height: 283px;
    border-radius: 100%;
}

.clock .minute,
.clock .hour {
    position: absolute;
    height: 81px;
    width: 16px;
    margin: auto;
    top: -27%;
    left: 0;
    bottom: 0;
    right: 0;
    background: #9b2321;
    transform-origin: bottom center;
    z-index: 1;
}

.clock .minute {
    position: absolute;
    height: 105px;
    width: 11px;
    top: -38%;
    left: 0;
}

.clock .dot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background: #9b2321;
    border-radius: 100px;
    margin: auto;
    z-index: 1;
}

.my-summary-bids {
    height: 1.5em;
}

.auction-remaining-time {
    color: red;
    font-weight: bold;
}

.btn-fymas {
    background-color: #fdb813;
    border-color: #fdb813;
    font-weight: bold;
    font-size: 14px;
    font-family: roboto, sans-serif;
    margin: auto;
}

.btn-fymas:hover {
    background-color: #db9b02;
    border-color: #db9b02;
}

.img-nav-btn {
    border: none;
    width: 30px;
    position: absolute;
    height: 50px;
    top: 50%;
    transform: translateY(-50%);
}

.img-nav-btn.img-nav-btn-prev {
    background: url("/Content/Images/Lightbox/prev.png") right 48% no-repeat;
    left: 20px;
}
.img-nav-btn.img-nav-btn-next {
    background: url("/Content/Images/Lightbox/next.png") left 48% no-repeat;
    right: 20px;
}

.thumbnail-img-wrapper {
    margin: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

.auction-item .clock .arrow::before {
    top: -10%;
}

.auction-item .wrap {
    width: 150px;
    height: 150px;
    margin: auto;
}

.auction-item .clock {
    margin-top: 1em;
    height: 100%;
    width: 100%;
    margin-bottom: 1em;
}

.auction-item .hour {
    height: 30px;
    width: 11px;
    top: -23%;
}

.auction-item .minute {
    height: 45px;
    width: 7px;
    top: -32%;
}

.auction-item .dot {
    width: 21px;
    height: 21px;
}

.auction-item .loader-overlay-text {
    font-size: 18px;
}

.auction-item .loader-relist-overlay .text-center {
    font-size: 16px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .auction-item .loader-relist-overlay .text-center {
        font-size: 0px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .auction-item .loader-relist-overlay .text-center {
        font-size: 12px;
    }
}

@media screen and (max-width: 991px) {
    .auction-item .loader-relist-overlay .hour {
        height: 15px;
        width: 5px;
    }

    .auction-item .loader-relist-overlay .minute {
        height: 23px;
        width: 3px;
    }

    .auction-item .loader-relist-overlay .wrap {
        width: 75px;
        height: 75px;
    }

    .auction-item .loader-relist-overlay .dot {
        width: 10px;
        height: 10px;
    }

    .auction-item .loader-relist-overlay .clock .arrow {
        border: 10px solid transparent;
        border-top-color: #fdb813;
        border-left-color: #fdb813;
        border-bottom-color: #fdb813;
    }

    .auction-item .loader-relist-overlay .clock .arrow::before {
        border-left: 12px solid #fdb813;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

    .auction-item .loader-relist-overlay .text-center {
        font-size: 13px;
    }
}

.history-content h3 {
    margin: 0;
}

.history-content h5 {
    font-style: italic;
    padding-bottom: 15px;
}

.history-content h6 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}

.history-content .flags {
    object-fit: cover;
    height: 275px;
    object-position: top;
}

.history-content .car-image {
    position: relative;
    margin-bottom: 0.5em;
}

.history-content .col-md-8 {
    padding: 0;
}

.history-content .history-globe {
    height: 150px;
}

.history-content .icons {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-top: 2em;
}

.history-content .welcome-text {
    line-height: 1.55 !important;
}

.history-spacer-wrapper {
    position: relative;
}

.history-spacer-wrapper .history-spacer {
    background-color: #D9D9D9;
    position: absolute;
}

.history-spacer-wrapper .history-spacer.history-spacer-left {
    width: 100%;
    height: 829px;
    z-index: -1;
}

@media screen and (max-width: 1000px) {
    .history-spacer-wrapper .history-spacer.history-spacer-left {
        visibility: hidden;
    }
}

.history-spacer-wrapper .history-spacer.history-spacer-right {
    margin-top: -5em;
    height: 5em;
    width: 271px;
}

.history-aside .vehicle-grid {
    display: grid;
    grid-template-columns: 128px 138px;
    grid-gap: 5px;
    margin-bottom: 5em;
}

.history-aside .vehicle-grid .large-item {
    grid-column: span 2;
    margin-top: 5px;
}

.history-aside .vehicle-grid .large-item-top {
    grid-column: span 2;
    margin-top: 7px;
}

.history-aside .note-rectangle {
    width: 270px;
    height: 135px;
    font-size: 0.9em;
    font-weight: bold;
    padding: 1em;
    background-color: #fdb813;
}

.history-aside .text-centered-box {
    width: 270px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .history-content .icons {
        margin-bottom: 10px;
    }

    .history-aside .text-centered-box {
        width: 100%;
    }

    .history-aside .note-rectangle {
        width: 100%;
    }

    .history-aside .vehicle-grid {
        grid-template-columns: 48% 52%;
    }

    .history-spacer-wrapper {
        visibility: hidden;
    }
}

.history-aside .flag-corner {
    position: relative;
}

.history-aside .flag-corner:after {
    content: "";
    position: absolute;
    background: url("/Content/Images/History/danish-corner.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    right: 0;
    bottom: 0;
    width: 57px;
    height: 65px;
}

.history-aside .image-subtext {
    font-size: 0.8em;
    font-weight: bold;
}

.image-subtext {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    padding: 5px;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
}

.car-image .image {
    width: 200px;
    margin-top: 4px;
}

.car-image .image-subtext {
    padding: 0px;
    padding-left: 5px;
    width: 200px;
}

@media screen and (max-width: 450px) {
    .car-image .image {
        width: 150px;
    }

    .car-image .image-subtext {
        width: 150px;
        font-size: x-small;
    }
}

.history-image {
    width: 100%;
}

.auction-hammer-container {
    z-index: 10;
    width: 100%;
    height: 100%;
}

.auction-hammer-container .auction-hammer {
    margin-top: 15px;
    fill: #fdb813;
    height: 212px;
    width: 85%;
}

.auction-hammer-container .auction-hammer .auction-hammer-icon {
    animation: hammer 2s ease infinite;
    transform-origin: 30% 73%;
}

@keyframes hammer {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.history-content-middle {
    display: flex;
}

    .history-content-middle .history-content-cars {
        display: flex;
        flex-direction: column;
        margin-left: 5px;
        padding-top: 7px;
    }

    .history-content-middle .history-content-text {
        margin: auto;
        padding-left: 0px;
        padding-right: 0px;
    }

.visible {
    animation: movein 0.5s ease forwards, moveout 0.5s 3s ease forwards;
}

#notif {
    position: fixed;
    top: 20px;
    right: -250px;
    width: 250px;
    height: 100px;
    background: #9b2321;
    border-radius: 34px;
    color: white;
    padding: 15px;
    background-size: 50px;
    background-position: 5% 50%;
    display: flex;
    align-items: center;
    text-align: center;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 23px;
    -moz-box-shadow: 0 0 6px 1px #000000;
    -webkit-box-shadow: 0 0 6px 1px #000000;
    box-shadow: 0 0 6px 1px #000000;
    z-index: 1000;
}

@keyframes movein {
    from {
        right: -250px;
    }

    to {
        right: 0px;
    }
}

@keyframes moveout {
    from {
        right: 0px;
    }

    to {
        right: -250px;
    }
}

.awe-rt-Hide > font > .remaining-time-listing {
    display: none;
}

.disabled-link {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.disabled-link .clock .arrow::before {
    top: -10%;
}

.disabled-link .wrap {
    width: 150px;
    height: 150px;
    margin: auto;
}

.disabled-link .clock {
    margin-top: 1em;
    height: 100%;
    width: 100%;
    margin-bottom: 1em;
}

.disabled-link .hour {
    height: 30px;
    width: 11px;
    top: -23%;
}

.disabled-link .minute {
    height: 45px;
    width: 7px;
    top: -32%;
}

.disabled-link .dot {
    width: 21px;
    height: 21px;
}

.disabled-link .loader-overlay-text {
    font-size: 18px;
}

.disabled-link .loader-relist-overlay .text-center {
    font-size: 16px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .disabled-link .loader-relist-overlay .text-center {
        font-size: 0px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .disabled-link .loader-relist-overlay .text-center {
        font-size: 12px;
    }
}

@media screen and (max-width: 991px) {
    .disabled-link .loader-relist-overlay .hour {
        height: 15px;
        width: 5px;
    }

    .disabled-link .loader-relist-overlay .minute {
        height: 23px;
        width: 3px;
    }

    .disabled-link .loader-relist-overlay .wrap {
        width: 75px;
        height: 75px;
    }

    .disabled-link .loader-relist-overlay .dot {
        width: 10px;
        height: 10px;
    }

    .disabled-link .loader-relist-overlay .clock .arrow {
        border: 10px solid transparent;
        border-top-color: #fdb813;
        border-left-color: #fdb813;
        border-bottom-color: #fdb813;
    }

    .disabled-link .loader-relist-overlay .clock .arrow::before {
        border-left: 12px solid #fdb813;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
    }

    .disabled-link .loader-relist-overlay .text-center {
        font-size: 13px;
    }
}

.margin-top-counter {
    margin-top: -13px;
}

@media screen and (min-width: 1400px) {
    .margin-top-counter {
        margin-top: -13px;
    }
}

@media screen and (min-width: 1199px) and (max-width: 1399px) {
    .margin-top-counter {
        margin-top: -15px;
    }
}

@media screen and (min-width: 990px) and (max-width: 1198px) {
    .margin-top-counter {
        margin-top: -20px;
    }
}

@media screen and (min-width: 767px) and (max-width: 990px) {
    .margin-top-counter {
        margin-top: 30px;
    }
}

header {
    min-height: 104px;
    padding-top: 20px;
}

.header-background {
    background: #fff url("../../Images/header-background.png");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header-info .header-logo-auth {
    max-height: 115px;
}

@media (max-width: 600px) {
    .header-info .header-logo-auth {
        margin-top: 25px;
    }
}

@media (min-width: 600px) and (max-width: 770px) {
    .header-info .header-logo-auth {
        margin-top: 0px;
        margin-left: -5px;
    }
}

@media (min-width: 771px) and (max-width: 900px) {
    .header-info .header-logo-auth {
        margin-top: 0px;
        margin-left: -15px;
    }
}

@media (min-width: 901px) {
    .header-info .header-logo-auth {
        margin-top: -15px;
        margin-left: -15px;
    }
}

.header-info .header-logo {
    max-height: 115px;
    margin-top: -15px;
}

@media (min-width: 771px) {
    .header-info .header-logo {
        margin-left: -15px;
    }
}

.house-logo {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: auto;
}

.contact-links {
    padding: 1px 0 0 0;
    margin: -1px auto 15px auto;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

@media (min-width: 992px) {
    .contact-links {
        font-size: 11px;
    }
}

.contact-links p {
    display: inline;
    margin-right: 5px;
}

.contact-links .header-language {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1300px) {
    .contact-links .header-language {
        width: 390px;
    }
}

@media (min-width:1227px) and (max-width: 1299px) {
    .contact-links .header-language {
        width: 386px;
    }
}

@media (min-width:1191px) and (max-width: 1226px) {
    .contact-links .header-language {
        width: 385px;
    }
}


@media (min-width: 1101px) and (max-width: 1190px) {
    .contact-links .header-language {
        width: 375px;
    }
}

@media (min-width: 1005px) and (max-width: 1100px) {
    .contact-links .header-language {
        width: 320px;
    }
}

@media (min-width: 999px) and (max-width: 1004px) {
    .contact-links .header-language {
        width: 300px;
    }
}

@media (min-width: 992px) and (max-width: 998px) {
    .contact-links .header-language {
        width: 290px;
    }
}

.padding-td {
    padding-left: 10px;
    padding-right: 9px;
}

.paddingBot {
    padding-bottom: 10px;
}

.login-container {
    position: absolute;
    top: 0;
    right: 30px;
    padding: 3px 10px;
    background-color: #fff;
    color: #000000;
    box-shadow: 1px 1px 5px #888888;
    z-index: 10;
}

.login-container a {
    color: rgb(244, 175, 4);
    font-weight: bold;
}

.login-container.hidden {
    display: none;
}

.navigation-info {
    background-color: #fdb813;
}

.navigation-info .navigation-links {
    min-height: 30px;
}

.navigation-info ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .navigation-info ul .home-button {
        text-align: right !important;
        padding-right: 35px;
    }
}

.navigation-info ul li {
    display: inline;
    text-align: center;
    padding: 8px 0 8px 0;
}

@media (max-width: 991px) {
    .navigation-info ul li {
        order: 1;
    }

    .navigation-info ul li:first-child, .navigation-info ul li:nth-child(4) {
        order: 0;
    }
}

@media (min-width: 992px) {
    .navigation-info ul li:nth-child(-n+3) {
        border-bottom: 0.5px solid #bf8f1c;
        border-left: 0.5px solid #bf8f1c;
    }

    .navigation-info ul li:nth-child(4) {
        border-left: 0.5px solid #bf8f1c;
        border-bottom: 0.5px solid #bf8f1c;
        border-right: 0.5px solid #bf8f1c;
    }

    .navigation-info ul li:nth-child(n+4) {
        border-left: 0.5px solid #bf8f1c;
    }

    .navigation-info ul li:last-of-type {
        border-right: 0.5px solid #bf8f1c;
    }
}

@media (max-width: 992px) {
    .navigation-info ul li {
        border: 0.5px solid #bf8f1c;
    }
}

.navigation-info ul li a {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

.menu-item a {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

@media (max-width: 991px) {
    .navigation-info ul {
        display: flex;
        flex-wrap: wrap;
    }
}

.tickIcon {
    height: 45px;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

@media (max-width: 1180px) and (min-width: 985px) {
    .tickIcon {
        right: 10px;
    }
}

.left-menu .list-group-item {
    padding: 0;
    margin-bottom: 6px;
    background-color: #fff;
    box-shadow: 2px 2px 5px #dcdcdc;
}

.left-menu .list-group-item:hover {
    box-shadow: 5px 5px 10px #888888;
}

.left-menu .list-group-item .menu-icon {
    background-color: #696969;
}

.left-menu .list-group-item .menu-icon .fas {
    color: #f4ae00;
    font-size: 53px;
}

.left-menu .list-group-item .menu-icon svg {
    fill: #f4ae00;
    height: 43px;
    vertical-align: middle;
    margin: 5px 0;
}

.left-menu li {
    height: 55px;
}

.left-menu li .col-xs-3 {
    padding: 0;
}

.left-menu li a {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.left-menu li img {
    background-color: #696969;
    height: 52px;
}

@media screen and (max-width: 765px) {
    .left-menu {
        min-height: 0px;
    }
}

.search-container {
    margin-bottom: 13px;
    box-shadow: 2px 2px 5px #dcdcdc;
}

.search-container input {
    height: 50px;
    border: 0;
}

.search-container .input-group-addon:last-child {
    border: 0;
}

.search-container .search-icon {
    color: #f4ae00;
    font-size: 13px;
}

@media (max-width: 1200px) and (min-width: 0px) {
    .closing-auctions-tab {
        width: 49.30%;
    }

    .newest-auctions-tab {
        width: 48.30%;
    }
}

@media (max-width: 1400px) and (min-width: 1201px) {
    .closing-auctions-tab {
        width: 49.40%;
    }

    .newest-auctions-tab {
        width: 48.60%;
    }
}

@media (max-width: 1700px) and (min-width: 1401px) {
    .closing-auctions-tab {
        width: 49.47%;
    }

    .newest-auctions-tab {
        width: 48.75%;
    }
}

@media (min-width: 1701px) {
    .closing-auctions-tab {
        width: 49.55%;
    }

    .newest-auctions-tab {
        width: 49.0%;
    }
}

.stylish-input-group .input-group-addon {
    background: white !important;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

.stylish-input-group button {
    border: 0;
    background: transparent;
}

.main-content h1 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin: 0;
    display: inline-block;
    padding-bottom: 10px;
    position: relative;
}

.main-content .front-welcome-text > *:first-child:before {
    content: "";
    position: absolute;
    width: 18%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #f4af04;
}

.history-content .front-welcome-text > *:first-child:before {
    /* hidden, history content underline handled 
        by header-signature to follow the text */
    width: 0%;
}

.history-header {
    position: relative;
    height: 150px;
}

.header-signature {
    position: relative;
}

.header-signature:after {
    content: "";
    position: absolute;
    width: 90px;
    height: 1px;
    bottom: 5px;
    left: 0;
    border-bottom: 3px solid #f4af04;
}

.main-content h2 {
    color: #6f6f6f;
    font-size: 30px;
}

.main-content article {
    color: #6f6f6f;
    margin-top: 30px;
    font-size: 15px;
}

.auction-item-container {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    clear: both;
    position: relative;
}

.auction-item-container:before, .auction-item-container:after {
    content: normal;
}

.main-page #dynamic-spacer {
    display: none;
}

@media screen and (min-width: 992px) {
    .main-page #dynamic-spacer {
        display: none;
        clear: both;
    }

    .absolute-menu ul {
        position: absolute;
        left: 15px;
        right: 15px;
        z-index: 1;
    }

    .absolute-menu ~ .auction-item-container::before {
        content: " ";
        width: 25%;
    }
}

.auction-item {
    align-items: center;
    justify-content: center;
    height: 100%;
}

.shop-item-card {
    background-color: #fff;
    border-bottom: 2px solid #f4af04;
    box-shadow: 2px 2px 5px grey;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.shop-item-card:hover {
    box-shadow: 5px 5px 10px #696969;
}

.shop-item-card .col-xs-4, .shop-item-card .col-xs-8, .shop-item-card .col-xs-5, .shop-item-card .col-xs-7, .shop-item-card .col-xs-12 {
    padding: 0;
    margin: 0;
}

.main-page-listing-image {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: fill;
}

.image-container-height {
    width: 100%;
}

@media screen and (min-width: 1700px) {
    .shop-item-card .item-image .image-itself {
        width: 390px;
        height: 390px;
        object-fit: cover;
    }

    .browse-container .shop-item-card .item-image .image-itself {
        width: 288px;
        height: 288px;
        object-fit: cover;
    }
}

@media screen and (max-width: 1699px) and (min-width: 1600px) {
    .shop-item-card .item-image .image-itself {
        width: 363px;
        height: 363px;
    }

    .browse-container .shop-item-card .item-image .image-itself {
        width: 269px;
        height: 269px;
    }
}

@media screen and (max-width: 1599px) and (min-width: 1500px) {
    .shop-item-card .item-image .image-itself {
        width: 340px;
        height: 340px;
    }

    .browse-container .shop-item-card .item-image .image-itself {
        width: 251px;
        height: 251px;
    }
}

@media screen and (max-width: 1499px) and (min-width: 1400px) {
    .shop-item-card .item-image .image-itself {
        width: 314px;
        height: 314px;
    }

    .browse-container .shop-item-card .item-image .image-itself {
        width: 232px;
        height: 232px;
    }
}

@media screen and (max-width: 1399px) and (min-width: 1300px) {
    .shop-item-card .item-image .image-itself {
        width: 291px;
        height: 291px;
    }

    .browse-container .shop-item-card .item-image .image-itself {
        width: 213px;
        height: 213px;
    }
}

@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .shop-item-card .item-image .image-itself {
        width: 265px;
        height: 265px;
    }

    .browse-container .shop-item-card .item-image .image-itself {
        width: 195px;
        height: 195px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 986px) {
    .shop-item-card .item-image .image-itself {
        width: 217px;
        height: 217px;
    }

    .browse-container .shop-item-card .item-image .image-itself {
        width: 157px;
        height: 157px;
    }
}

@media screen and (max-width: 985px) and (min-width: 771px) {
    .shop-item-card .item-image .image-itself {
        width: 345px;
        height: 345px;
    }
}

@media screen and (max-width: 770px) and (min-width: 701px) {
    .shop-item-card .item-image .image-itself {
        width: 330px;
        height: 330px;
    }
}

@media screen and (max-width: 700px) and (min-width: 621px) {
    .shop-item-card .item-image .image-itself {
        width: 300px;
        height: 300px;
    }
}

@media screen and (max-width: 620px) and (min-width: 571px) {
    .shop-item-card .item-image .image-itself {
        width: 280px;
        height: 280px;
    }
}

@media screen and (max-width: 570px) and (min-width: 531px) {
    .shop-item-card .item-image .image-itself {
        width: 260px;
        height: 260px;
    }
}

@media screen and (max-width: 530px) and (min-width: 511px) {
    .shop-item-card .item-image .image-itself {
        width: 250px;
        height: 250px;
    }
}

@media screen and (max-width: 510px) and (min-width: 491px) {
    .shop-item-card .item-image .image-itself {
        width: 240px;
        height: 240px;
    }
}

@media screen and (max-width: 490px) and (min-width: 466px) {
    .shop-item-card .item-image .image-itself {
        width: 230px;
        height: 230px;
    }
}

@media screen and (max-width: 465px) and (min-width: 451px) {
    .shop-item-card .item-image .image-itself {
        width: 225px;
        height: 225px;
    }
}

@media screen and (max-width: 450px) and (min-width: 431px) {
    .shop-item-card .item-image .image-itself {
        width: 210px;
        height: 210px;
    }
}

@media screen and (max-width: 430px) and (min-width: 411px) {
    .shop-item-card .item-image .image-itself {
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-width: 410px) and (min-width: 381px) {
    .shop-item-card .item-image .image-itself {
        width: 190px;
        height: 190px;
    }
}

@media screen and (max-width: 380px) and (min-width: 366px) {
    .shop-item-card .item-image .image-itself {
        width: 180px;
        height: 180px;
    }
}

@media screen and (max-width: 365px) {
    .shop-item-card .item-image .image-itself {
        width: 175px;
        height: 175px;
    }
}

@media screen and (max-width: 1195px) {
    .shop-item-card .item-image {
        min-height: 0px;
    }
}

.shop-item-card .item-title, .shop-item-card .item-sub-title, .shop-item-card .zone, .shop-item-card .item-timer, .shop-item-card .item-sub-price, .shop-item-card .item-price {
    padding: 5px 5px 0 5px;
}

.shop-item-card .item-sub-title, .shop-item-card .zone, .shop-item-card .item-timer, .shop-item-card .item-sub-price {
    color: black;
    margin-top: 0;
    padding: 0;
}

.shop-item-card .item-timer {
    color: red;
    min-height: 13px;
    white-space: nowrap;
}

.shop-item-card .pull-left {
    text-align: left;
}

.shop-item-card .pull-right {
    text-align: right;
}

.shop-item-card .zone {
    color: #fdb813;
    font-size: 10pt;
    font-weight: normal;
    margin: 0 0 0 0;
}

.shop-item-card .marginBot {
    margin-bottom: 0;
}

.shop-item-card .shopItemTitle {
    min-height: 25px;
    color: darkgrey;
    max-height: 40px;
    overflow: hidden;
}

.shop-item-card .shopItemDescription {
    min-height: 25px;
    font-weight: bold;
}

.shop-item-card .shopItemPrice {
    font-weight: bold;
    font-style: italic;
    color: black;
}

.shop-item-card .item-content {
    font-size: 11pt;
    padding: 4px 2px 2px 2px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

.shop-item-card .shopItemTimer {
    font-weight: normal;
    font-size: 10pt;
}

.shop-item-card .alt-price {
    font-size: 10pt;
}

.shop-item-card .shopItemTimer, .shop-item-card .zone {
    font-weight: 500;
    height: 35px;
}

.shop-item-card .shop-item-image {
    margin: 0 auto;
}

.front-page-text {
    font-size: 14px;
}


@media screen and (max-width: 420px) and (max-height: 896px) {
    .front-page-text {
        font-size: 12px;
    }
}

@media screen and (min-width: 1200px) {
    .first-grid-item {
        margin-top: 82px;
    }
}

@media screen and (min-width: 1400px) {
    .first-grid-item {
        margin-top: 53px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 1000px) {
    .first-grid-item {
        margin-top: 108px;
    }
}

.grid-item {
    margin-bottom: 15px;
}

@media screen and (min-width: 1400px) {
    .first-line-grid {
        margin-top: 42px;
    }
}

@media screen and (max-width: 699px) {
    .item-sub-title, .shop-item-card .item-sub-price, .shop-item-card .item-timer, .shop-item-card .zone {
        font-size: 12px !important;
        line-height: 17px !important;
    }
}

@media screen and (max-width: 450px) {
    .auction-item .NumberPart {
        font-size: 12px;
    }
}

@media screen and (max-width: 450px) {
    .auction-item .alt-price {
        font-size: 10px;
    }
}

@media screen and (max-width: 450px) {
    .auction-item .shopItemTitle {
        font-size: 12px;
    }
}

@media screen and (max-width: 450px) {
    .auction-item .currency-symbol {
        font-size: 12px;
    }
}

/*Global styles*/
#expandBtnNew {
    background: white;
}

#expandBtnClosingSoon {
    background: white;
}

.sticky-wrapper {
    height: 45px;
    top: 200px;
    position: sticky;
    z-index: 5;
    background-color: #f2f2f2;
    z-index: 5;
}

.sticky {
    height: 50px;
    position: inherit;
    top: 185px;
    z-index: 5;
}

.timer-btn {
    font-family: sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    border: none;
}

.expand-btn {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #919191;
    text-transform: uppercase;
    border: none;
    margin-left: -6px;
    background-color: #f2f2f2;
    border-top: 0.5px solid rgba(0, 0, 0, 0.1);
    border-right: 0.5px solid rgba(0, 0, 0, 0.1);
    padding: 0 0 0 0 !important;
    margin-top: 1px !important;
    cursor: default;
}

.listing-type-icon {
    width: 34px;
    height: 38px;
}

.icon-text-wrapper-expand {
    margin-right: 0.6%;
    background-color: white;
    box-shadow: 0.5em 0 10px 0 rgba(0, 0, 0, 0.3);
}

#newestStickyLine {
    margin-right: -1px;
}

#closing-timer-tab {
    background-color: #FDB813;
}

#newest-timer-tab {
    margin-right: 3px;
    background-color: darkgray;
}

.newest-auction-tab {
    background-color: darkgray;
}

.iconTextWrapperMarker {
    box-shadow: 0.5em 0 10px 0 rgba(0, 0, 0, 0.3);
}

/*media*/
@media (min-width: 1200px) {
    /*.icon-text-wrapper-expand-view {
      margin-left: -80%;
  }*/
    .icon-text-wrapper-expand {
        margin-left: -60%;
    }
}

@media (max-width: 1200px) and (min-width: 1200px) {
    .sticky-wrapper {
        top: 192px;
    }

    .sticky {
        top: 211px;
    }
}

@media (max-width: 1199px) and (min-width: 994px) {
    .sticky-wrapper {
        top: 227px;
    }

    .sticky {
        top: 211px;
    }

    .icon-text-wrapper-expand {
        margin-left: 0;
    }
    /*.icon-text-wrapper-expand-view {
      margin-left: -50%;
  }*/
}

@media (max-width: 993px) and (min-width: 992px) {
    .sticky-wrapper {
        top: 219px;
    }

    .sticky {
        top: 225px;
    }
}

@media (max-width: 992px) {
    .sticky-wrapper {
        top: 230px;
    }

    .sticky {
        top: 0;
    }

    #newest-expand-tab {
        margin-left: 9px;
    }

    .icon-text-wrapper-expand {
        margin-left: 0;
    }

    #newestStickyLine {
        margin-right: 9px;
    }

    .expandedStickyLineMargins {
        margin-right: 1px !important;
    }

    .sticky-line-closing-soon-margin {
        margin-right: 4px;
    }

    #newest-timer-tab {
        margin-right: 9px;
    }
}

@media (max-width: 991px) and (min-width: 991px) {
    .margin-right-plus.auction-tab-element.closing-auction-tab.expand-btn.lower-btn {
        width: 51.7% !important;
    }
}

@media (max-width: 991px) and (min-width: 622px) {
    .sticky-wrapper {
        top: 0;
    }

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

    .expand-btn {
        font-size: 10px;
        margin-left: -4px !important;
    }

    #newest-expand-tab {
        margin-right: 2px !important;
    }

    #closing-expand-tab {
        margin-right: -4px !important;
    }

    #closingSoonStickyLine {
        margin-right: 3px;
    }
}

@media (max-width: 621px) and (min-width: 531px) {
    .sticky-wrapper {
        top: 0;
    }

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

    .expand-btn {
        font-size: 10px;
        margin-left: -6px !important;
    }
}

@media (max-width: 531px) and (min-width: 504px) {
    .sticky-wrapper {
        top: 0px;
    }

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

    .expand-btn {
        font-size: 9px;
        margin-left: -6px !important;
    }
}

@media (max-width: 504px) and (min-width: 499px) {
    .sticky-wrapper {
        top: 0;
    }

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

    .expand-btn {
        font-size: 9px;
        margin-left: -6px !important;
    }
}

@media (max-width: 499px) and (min-width: 376px) {
    .sticky-wrapper {
        top: 0px;
    }

    .expand-btn {
        font-size: 8px;
        margin-left: -6px !important;
    }
}

@media (max-width: 499px) and (min-width: 426px) {
    .timer-btn {
        font-size: 13px;
    }
}

@media (max-width: 425px) and (min-width: 376px) {
    .timer-btn {
        font-size: 13px;
    }
}

@media (max-width: 376px) and (min-width: 361px) {
    .sticky-wrapper {
        top: 0px;
    }

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

    .expand-btn {
        font-size: 6px;
        margin-left: -6px !important;
    }
}

@media (max-width: 360px) and (min-width: 321px) {
    .sticky-wrapper {
        height: 39px;
        top: 0;
    }

    .timer-btn {
        font-size: 10px;
    }

    .listing-type-icon {
        width: 30px;
        height: 30px;
    }

    .expand-btn {
        font-size: 5px;
        margin-left: -6px !important;
        height: 30px;
    }

    .sticky {
        height: 30px;
        top: 0;
    }
}

@media (max-width: 320px) and (min-width: 300px) {
    .sticky-wrapper {
        height: 39px;
        top: 0;
    }

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

    .listing-type-icon {
        position: inherit;
        margin-left: 0;
    }

    .expand-btn {
        font-size: 4px;
        margin-left: -6px !important;
        height: 30px;
    }

    .sticky {
        height: 30px;
        top: 0;
    }

    .shadow-btn {
        padding: 0 0 0 5px;
    }

    .active-btn {
        padding: 0 0 0 0;
    }
}

@media (max-width: 299px) and (min-width: 281px) {
    .sticky-wrapper {
        height: 39px;
        top: 0;
    }

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

    .expand-btn {
        font-size: 4px;
        margin-left: -6px !important;
        height: 30px;
    }

    .sticky {
        height: 30px;
        top: 0;
    }

    .active-btn {
        padding: 0 0 0 0;
    }
}

@media (max-width: 280px) and (min-width: 230px) {
    .sticky-wrapper {
        height: 58px;
        top: 0px;
    }

    .timer-btn {
        font-size: 4px;
    }

    .expand-btn {
        font-size: 4px;
        margin-left: -6px !important;
        margin-top: 5.5px;
    }

    .margin-right-plus.auction-tab-element.closing-auction-tab.expand-btn.lower-btn {
        margin-top: 4%;
    }

    .margin-right-plus.auction-tab-element.newest-auction-tab.expand-btn.lower-btn {
        margin-top: 4%;
    }

    .auction-tab-element {
        text-align: center;
    }

    .listing-type-icon {
        width: 15px;
    }

    .sticky {
        height: 22px;
        top: 0;
    }

    .sticky-wrapper {
        height: 25px;
        top: 0;
    }
}

.button-group-marging {
    margin-left: 1em;
}

.yellow-line {
    height: 0;
    border-radius: 0 0 0 0;
    background-color: transparent;
    background: transparent;
    box-shadow: 0.5em 0 10px 0 rgba(0, 0, 0, 0.3);
}

.yellow-background {
    background-color: #FDB813;
    background: #FDB813;
}

.gray-background {
    background-color: darkgray;
}

.active-btn {
    position: relative;
    z-index: 4;
    border-bottom: 0.5px solid #bf8f1c;
    width: 100%;
}

.closing-auctions-tab .active-btn {
    background-color: #FDB813;
    border-bottom: 0.5px solid #888
}

.closing-auctions-tab .listing-item {
    background-color: #FDB813;
}

.newest-auctions-tab .active-btn {
    background-color: darkgray;
    border-bottom: 0.5px solid #888
}

.newest-auctions-tab .listing-item {
    background-color: darkgray;
}

.margin-right-minus {
    margin-right: -4px;
}

.margin-right-plus {
    margin-left: 0;
}

.shadow-btn {
    color: #696969 !important;
    background-color: #FFD46C !important;
    border: none;
    position: relative;
    z-index: 1;
    border-bottom: 0.5px solid #bf8f1c;
}

.auction-tab-element {
    text-align: center;
}

@media (max-width: 280px) and (min-width: 1px) {
    .yellow-line {
        height: 0;
        border-radius: 0 0 0 0;
    }

    .button-group-marging {
        margin-left: 0;
    }
}

@media (min-width: 991px) {
    #newest-auctions-tabs-shadow-btn {
        margin: 0 -8px 0 -3px;
    }

    .expanded-closing-soon-margin-yellow-line {
        margin-right: 8px;
    }

    #newest-expand-tab {
        margin-right: 14px;
    }
}

@media (min-width: 992px) {
    #newestStickyLine {
        margin-right: 3px;
        margin-left: -1px;
    }

    .expandedStickyLineMargins {
        margin-right: 13px !important;
    }

    .sticky-line-splited-margin {
        margin-right: 3px;
    }

    .margin-left-expand-btn-split {
        margin-left: 1.1px;
    }
}

@media (min-width: 1400px) {
    .expandedStickyLineMargins {
        margin-left: 0 !important;
        margin-right: 13px !important;
    }

    .margin-right-plus-expanded {
        margin-left: 0.2em;
    }
}

.sticky-line-new-section-margin {
    margin-right: 14px;
}

#closing-auctions-tabs-wrapper {
    margin-right: -8px;
    background: transparent;
}

#newest-auctions-tabs-wrapper {
    background: transparent;
}

.newest-expanded-listings {
    margin-left: -15px;
    padding-right: 15px !important;
}

.half-em-left {
    margin-left: 0.5em;
    margin-right: -0.4em;
}

.promo-listing {
    padding: 0 0 0 0;
}

@media (min-width: 3201px) {
    .promo-listing {
        margin-top: 18px;
        margin-left: 8%;
        max-width: 343px;
    }
}

@media (min-width: 3000px) and (max-width: 3200px) {
    .promo-listing {
        margin-top: 18px;
        margin-left: 6%;
        max-width: 343px;
    }
}

@media (min-width: 2501px) and (max-width: 3000px) {
    .promo-listing {
        margin-top: 18px;
        margin-left: 5%;
        max-width: 343px;
    }
}

@media (min-width: 2101px) and (max-width: 2500px) {
    .promo-listing {
        margin-top: 18px;
        margin-left: 4%;
        max-width: 343px;
    }
}

@media (min-width: 2001px) and (max-width: 2100px) {
    .promo-listing {
        margin-top: 18px;
        margin-left: 3%;
        max-width: 343px;
    }
}

@media (min-width: 1951px) and (max-width: 2000px) {
    .promo-listing {
        margin-top: 18px;
        margin-left: 2%;
        max-width: 343px;
    }
}

@media (min-width: 1601px) and (max-width: 1950px) {
    .promo-listing {
        margin-top: 18px;
        margin-left: 1%;
        max-width: 343px;
    }
}

@media (min-width: 1501px) and (max-width: 1600px) {
    .promo-listing {
        margin-left: 1%;
        max-width: 341px;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .promo-listing {
        margin-left: 0px;
        max-width: 341px;
    }
}

@media (max-width: 1400px) {
    .promo-listing {
        margin-top: -20px;
    }

    .ribbon-wrapper {
        overflow: hidden;
        padding: 0 0 0 0;
    }
}

@media (max-width: 990px) {
    .promo-listing {
        margin-top: -10px;
        width: 100%;
    }
}

.ribbon-wrapper {
    overflow: hidden;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 99;
}


.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    background-color: #FDB813;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: black;
    font: bold 13px sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.ribbon-top-right {
    top: 0;
    right: 12px;
}

.ribbon-top-right-small{
    top: 0;
    right: 0;
    font-size: 9px;
}

/*Apply to any icon in ribbon for listing browsing*/
.ribbon-top-right-small > span > i {
    font-size: 13px;
}

/*Disable top left ribbon for promo and sold view*/
.listing-item-promo .ribbon-top-right-small,
.sold-view .ribbon-top-right-small {
    display: none;
}

.ribbon-top-right span{
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}

.ribbon-top-right-small span {
    left: -10px;
    top: 40px;
    transform: rotate(45deg);
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.sticky-wrapper :hover {
    text-decoration: underline;
}

@media (max-width: 1400px) {
    #newest-auctions-tabs {
        margin-left: 4px !important;
    }
}

@media (max-width: 991px) {
    #newest-timer-tab {
        margin-right: 0;
    }

    #activeNewListingBtn {
        margin-left: 0 !important;
    }

    .break-line-see-more::before {
        content: "\a";
        white-space: pre;
    }

    .listing-type-icon {
        position: absolute;
        margin-left: -30px;
    }

    .ribbon-response {
        width: 100% !important;
        height: 100% !important;
    }
}

@media (max-width: 1199px) {
    .closing-auction-tab {
        width: 99.8%;
    }
}

@media (max-width: 450px) {
    .closing-auction-tab {
        width: 99%;
    }
}

@media (max-width: 1400px) {
    .ribbon-top-right {
        right: 0;
    }
}

@media (min-width: 993px) {
    .shopItemPrice {
        min-height: 30px;
        max-height: 30px;
        line-height: 0.9;
    }
}

@media (max-width: 992px) {
    .shopItemPrice {
        min-height: 22px;
        max-height: 40px;
    }
}

@media (max-width: 992px) and (min-width: 650px) {
    #newest-auctions-tabs {
        width: 48% !important;
    }
}

@media (max-width: 649px) and (min-width: 471px) {
    #newest-auctions-tabs {
        width: 47.7% !important;
    }
}

@media (max-width: 470px) and (min-width: 440px) {
    #newest-auctions-tabs {
        width: 47.1% !important;
    }
}

@media (max-width: 439px) and (min-width: 401px) {
    #newest-auctions-tabs {
        width: 47% !important;
    }
}

@media (max-width: 400px) and (min-width: 1px) {
    #newest-auctions-tabs {
        width: 46.5% !important;
    }
}

@media (max-width: 600px) {
    .ribbon-top-right-small span {
        top: 35px;
        width: 215px;
    }
}

.shop-item-card .shopItemTimer, .shop-item-card .zone {
    margin-top: 15px;
}

.footer-info {
    background-color: #fff;
    min-height: 63px;
}

.footer-info p.text {
    color: #898989;
    margin: 10px 0;
}

.footer-info p.text a {
    color: rgb(244, 175, 4);
    font-weight: bold;
}

.footer-info .title {
    font-weight: bold;
    margin-top: 20px;
}

.footer-info .qr {
    margin-top: 20px;
}

.footer-info .social-links {
    padding-top: 20px;
}

.footer-info .social-links a {
    display: block;
    margin-bottom: 10px;
    color: #898989;
}

.footer-info .social-links a i {
    font-size: 20px;
}

.footer-info .social-links a i.facebook {
    color: #3b5998;
}

.footer-info .social-links a i.linkedin {
    color: #0077B5;
}

.footer-info .social-links a i.youtube {
    color: red;
}

.footer-info a {
    color: #4c4c4c;
    font-size: 12pt;
}

.termsConditions-title {
    font-size: 15pt;
    font-weight: 600;
    margin-bottom: 20px;
    font-family: "Arial", sans-serif;
}

.faqTitle {
    font-size: 12pt;
    font-weight: 600;
    margin-bottom: 20px;
}

.faqSubTitle {
    color: #5a5a5a;
}

.faq-spacer {
    height: 34.6px;
}

@media screen and (max-width: 985px) {
    .faq-spacer {
        height: 0px;
    }
}

.faq-title-spacer {
    margin-left: 27px;
}

.faq-text-spacer {
    width: 5px;
}

.faq-page .panel-heading {
    margin: 0 0 0 0;
    padding: 6px 20px;
}

.faq-page .panel-body {
    word-wrap: break-word;
}

.faq-page a {
    color: #9e0505;
}

.faq-page .panel-default {
    text-transform: none;
}

.faq-page .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: "Glyphicons Halflings"; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.faq-page .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

.search-btn-div {
    margin-top: 1px;
    min-height: 49px;
    margin-bottom: 14px;
}

.search-btn-bar {
    margin-top: 5px;
}

.youtube-img {
    width: 19px;
    height: auto;
    background-color: #ddd;
}

a.button {
    padding: 1px 6px;
    border: 1px outset buttonborder;
    border-radius: 3px;
    color: buttontext;
    background-color: white;
    text-decoration: none;
}

.greensup {
    color: green;
    font-style: italic;
    font-weight: normal;
}

.searchagent-range-field {
    width: 170px;
    padding-right: 0px;
}

.searchagent-separator {
    width: 10px;
    padding-right: 0px;
    padding-left: 9px;
    margin-top: 4px;
    height: 25px;
}

.searchagent-created-on {
    text-decoration: underline;
    font-size: 10px;
    width: 41px;
}

.statistics-created-on {
    text-decoration: underline;
    font-size: 13px;
}

.narrow-text {
    margin-top: 4px;
    margin-bottom: 6px;
}

.narrow-bool {
    margin-top: 0px;
    margin-bottom: 0px;
}

.magnify-link {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: zoom-in;
    text-decoration: none !important;
    height: 10%;
}

.magnify-img {
    filter: invert(100%);
    height: 100%;
    content: url(../../images/menu-00-search.png);
}

.magnify-info-img {
    margin-right: 2px;
    margin-top: -2px;
    height: 15px;
    content: url(../../images/menu-00-search.png);
}

.listing-id-text {
    font-size: 130%;
}

#confirmModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

#confirmBox {
    background: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    min-width: 300px;
}

    #confirmBox button {
        margin: 10px;
    }

body.modal-open {
    overflow: hidden;
}

.custom-form-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px 0;
}

 .custom-form-container .form-half {
     float: none;
     display: inline-block;
     vertical-align: top;
     width: 48%;
     margin: 0 1%;
 }

 .custom-form-container .form-group label {
     margin-bottom: 4px;
 }

.remove_tr {
    display: inline-flex;
}

.flag-abbreviation {
    margin-right: 4px;
    width: 14px;
    font: 11px;
    font-family: "Roboto", sans-serif;
}

.info-container {
    display: flex;
    justify-content: flex-end;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    padding-top: 15px;
    padding-right: 15px;
}

.info-grid {
    display: grid;
    grid-template-columns: auto auto 1fr;
    grid-auto-rows: auto;
    column-gap: 2rem;
    row-gap: 0;
    align-items: start;
}

.basic-info > div,
.additional-info > div {
  margin-bottom: 0;
}
.basic-info > div:last-child,
.additional-info > div:last-child {
  margin-bottom: 4px;
}


 .basic-info p,
 .additional-info p {
     margin: 0 0 3px 0;
     font-size: 11.5px;
 }

.additional-info {
    margin-right: 1rem;
}

.icon-container {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-content: start;
    max-width: 350px;
    padding-bottom: 3px;
}

.header-flag {
    display: flex;
    align-items: center;
    gap: 4px;
}

.header-flag:last-child {
    margin-bottom: 0;
}

.header-flag img {
    width: 23px !important;
    height: 15px !important;
    object-fit: contain;
    display: block;
}

.phone-contact {
    padding-bottom: 6px;
    white-space: pre-line;
    max-width: 185px;
}

.custom-form-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px 0;
}

.custom-form-container .form-half {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 1%;
}

.custom-form-container .form-group label {
    margin-bottom: 4px;
}

.page-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    margin: 0;
    padding: 0;
}

.page-logo {
    padding: 0;
}

.sticky-inside-body {
    position: sticky;
    z-index: 500;
}

.non-sticky-header {
    position: static !important;
}

.page-content {
    margin-top: 15px;
}

nav ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    list-style: none;
}

    nav ul li {
        flex: 0 0 25%;
        display: flex;
    }

@media (max-width: 991px) {
    nav ul li {
        flex: 0 0 50%;
    }
}

.no-padding-left {
    padding-left: 0;
}

#conctact-main-column form .form-group {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

#conctact-main-column form .form-group label {
    display: block;
    text-align: left;
}

@media (max-width:991px) {
    .info-container {
        font-size: 14px !important;
    }

    .additional-info p a,
    .basic-info p,
    .additional-info p {
        font-size: 14px !important;
    }

    .info-grid {
        grid-template-columns: auto 1fr;
    }

    .additional-info-hyperlink-inline {
        display: inline;
        line-height: 1;
        vertical-align: top;
    }
}

.width-fifteen-percentage {
    width: 15%;
}

.width-nineteen-percentage {
    width: 19%;
}

.width-ten-percentage{
    width: 10%;
}

.width-fifty-percentage{
    width: 50%;
}

.auction_image_card {
    width: 100%;
    height: auto;
    display: block;
}

@media(max-width: 765px) {
    .bid-amount-select {
        padding-left: 0px;
    }
}
@media (max-width: 490px) {
    .select .select2-container {
        width: 83% !important;
    }
}

.consultant-readonly-simulation {
    pointer-events: none !important;
    background-color: #eee !important;
    color: #666 !important;
    opacity: 0.7 !important;
}


/*Swiper css custom rules to match everslider*/
.swiper-slide img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.swiper-slide {
    width: 130px !important;
}

#numericPagination {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}


#numericPagination span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: black;
    margin: 0 3px;
    font-size: 11px;
    background-color: #e0e0e0;
    cursor: pointer;
}

#numericPagination span.active {
    background-color: white;
    border: 1px solid #ccc;
    color: black;
}

@media (max-width: 768px) {
    #numericPagination {
        gap: 10px 5px;
    }

    #numericPagination span {
        font-size: 14px; 
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

.mySwiper {
    cursor: grab;
    position: relative;
}

.mySwiper:active {
    cursor: grabbing;
}

.custom-arrow-prev,
.custom-arrow-next {
    position: absolute;
    bottom: 10px; 
    width: 35px;
    height: 35px;
    background-color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100;
    border-radius: 4px;
}

.custom-arrow-prev {
    left: 2px;
}

.custom-arrow-next {
    right: 0px;
}

.custom-arrow-prev span,
.custom-arrow-next span {
    display: block;
    width: 20px;
    height: 20px;
    background: url('/Content/images/everslider/arrows.png') no-repeat;
    background-size: 40px 40px;
}

.custom-arrow-prev span {
    background-position: 0 0;
}

.custom-arrow-prev span.alt-arrow {
    background-position: 0 -20px;
}

.custom-arrow-next span {
    background-position: -20px 0;
}

.custom-arrow-next span.alt-arrow {
    background-position: -20px -20px;
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .custom-arrow-prev span,
    .custom-arrow-next span {
        background-image: url('/Content/images/everslider/arrows@2x.png');
        background-size: 40px 40px;
    }
}

.swiper-button-prev, .swiper-button-next {
    display: none !important;
}

.margin-right-half-rem{
    margin-right: 0.5rem;
}

.sitemap-column-title {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 700;
}

.sitemap-tree,
.sitemap-children {
    list-style: disc outside;
    padding-left: 20px;
    margin: 0 0 4px 0;
}

.sitemap-node {
    margin: 2px 0;
    line-height: 1.4;
}

.sitemap-collapse > summary {
    cursor: pointer;
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
}

.sitemap-collapse > summary::-webkit-details-marker {
    display: none;
}

.sitemap-collapse > summary::before {
    content: "\25B8";
    display: inline-block;
    width: 1em;
    margin-right: 2px;
    font-size: 0.8em;
    color: #888;
}

.sitemap-collapse[open] > summary::before {
    content: "\25BE";
}

.form-group:has(> .col-sm-6 > #EmployeeOwner) {
    margin-top: 20px;
}

.sitemap-node--open > a {
    font-weight: 600;
}

@keyframes consultantUpdatedFadeIn {
    from {
        background-color: transparent;
    }

    to {
        background-color: #eef7f0;
    }
}

tr.consultant-updated > td {
    background-color: #eef7f0;
    animation: consultantUpdatedFadeIn 2s ease-in;
}

.form-group:has(> .col-sm-6 > #EmployeeOwner) {
    margin-top: 20px;
}

.cke-placeholder-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 8px;
    color: #999;
    pointer-events: none;
    overflow: hidden;
}

.cke-placeholder-overlay * {
    color: inherit;
}

@media (min-width: 768px) {
    .description-label-col .control-label {
        display: block;
        text-align: right;
    }
}

.description-placeholder-card {
    margin-top: 8px;
}

.description-placeholder-card .item-content,
.description-placeholder-card .listing-card-details {
    justify-content: flex-start;
}

.description-placeholder-card .item-sub-title {
    padding: 8px;
    font-size: 11px;
    line-height: 1.35;
    text-align: left;
    white-space: normal;
    color: red;
}

.description-placeholder-card ul {
    padding-left: 14px;
    margin-bottom: 0;
}

#photoConsultantModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

#photoConsultantBox {
    background: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    min-width: 300px;
}

    #photoConsultantBox button {
        margin: 10px;
    }


.company-lookup-message {
    display: block;
    margin-top: 6px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 12px;
}

.company-lookup-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.company-lookup-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}