:root {
    --c-white: #ffffff;
    --c-black: #000000;
    --c-primary: #009DE2;
    --c-secondary: #FF5B00;
    --c-secondary-hover: #ff7d34;
    --c-bluedark: #004C6A;
    --c-bluedark-hover: #006c96;
    --c-grey: #7E8084;
    --c-online-present: #57B6E5;
    --c-online: #009DE2;
    --c-licitacion: #25823B;
    --c-present: #25823B;
    --c-greylight: #F4F4F4;
    --c-favorite: #fcb608;
    --c-greylight: #F4F4F4;
    --c-greymedium: #e2e2e2;
    --c-greydark: #c4c4c4;
    --c-favorite: #fcb608;
    --c-line: #ffffff70;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

    /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

/****** Elad Shechter's RESET *******/
/*** box sizing border-box for all elements ***/
*,
*::before,
*::after {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

blink {
    -webkit-animation: 1s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
    animation: 1s linear infinite condemned_blink_effect;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}

@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }

    50% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}

button {
    background-color: transparent;
    color: inherit;
    border-width: 0;
    padding: 0;
    cursor: pointer;
}

figure {
    margin: 0;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

ul, ol, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

p {
    margin: 0;
}

cite {
    font-style: normal;
}

fieldset {
    border-width: 0;
    padding: 0;
    margin: 0;
}

address {
    font-style: normal;
}

body {
    overflow-x: hidden;
}

.hidden {
    opacity: 0;
}

button:active, button:focus, a:active, a:focus, input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus {
    outline: none;
}

html {
    font-size: 16px;
    /*for using REM units*/
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #222;
    background-color: var(--c-greylight);
}

body {
    font-family: 'Lato', sans-serif;
}

[class*="grid-"] {
    display: grid;
}

.grid-header {
    grid-template-columns: 1fr 5.5fr;
}

@media (max-width: 640px) {
    .grid-header {
        grid-template-columns: 1fr 1.5fr;
    }
}

.grid-2 {
    grid-template-columns: 220px 7fr;
    grid-column-gap: 45px;
    align-items: baseline;
}

@media (max-width: 1490px) {
    .grid-2 {
        grid-template-columns: 190px 7fr;
    }
}

@media (max-width: 1260px) {
    .grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}

.grid-2-sections {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}

@media (max-width: 890px) {
    .grid-2-sections {
        grid-template-columns: repeat(1, 1fr);
    }
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

@media (max-width: 1260px) {
    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .grid-3 {
        grid-template-columns: repeat(1, 1fr);
    }
}


.grid-footer {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
}

@media (max-width: 890px) {
    .grid-footer {
        grid-template-columns: 1fr 3fr;
    }
}

@media (max-width: 768px) {
    .grid-footer {
        grid-template-columns: repeat(1, 1fr);
    }
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

@media (max-width: 1260px) {
    .grid-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 890px) {
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}

.grid-5 {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

@media (max-width: 1260px) {
    .grid-5 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 890px) {
    .grid-5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .grid-5 {
        grid-template-columns: repeat(1, 1fr);
    }
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 640px) {
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.container__sidebar {
    display: none;
}

@media (max-width: 1260px) {
    .container__sidebar {
        display: block;
    }
}

.container--login {
    max-width: 1460px;
}

.container--small {
    max-width: 1260px;
}

    .container--small .register button, .container--small .form-sold button {
        width: auto;
        margin: 0 auto;
        display: flex;
        margin-top: 1.5rem;
    }

    .container--small .contact button {
        width: auto;
    }

.section {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 640px) {
    .section {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.section--big {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width: 640px) {
    .section--big {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

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

input[type=text], input[type=password], input[type=number], textarea, input[type=email], input[type=date], select {
    padding: 0.7rem;
    border: 1px solid var(--c-bluedark);
    color: var(--c-bluedark);
    margin-bottom: 0.7rem;
    width: 100%;
}

input[type=file] {
    font-size: 1.2rem;
}

@media (max-width: 640px) {
    input[type=file] {
        font-size: 1rem;
    }
}

.mb2 {
    margin-bottom: 2rem !important;
}

.mb4 {
    margin-bottom: 4rem !important;
}

.mb1 {
    margin-bottom: 1rem !important;
}

placeholder {
    color: var(--c-bluedark);
}

button {
    background-color: var(--c-bluedark);
    color: var(--c-white);
    padding: 0.7rem 2rem;
    margin: 0.7rem 0rem 0.7rem;
    border: none;
    cursor: pointer;
    width: 100%;
    font-size: 1.15rem;
    transition: all 0.4s ease;
}

    button:hover {
        background-color: var(--c-bluedark-hover);
    }

.checkbox-container {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 2.125rem;
    height: 1.5rem;
    font-size: 0.9rem;
    text-transform: capitalize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0.6rem;
    cursor: pointer;
    font-weight: 600;
}

    .checkbox-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .checkbox-container input:checked ~ .checkmark-checkbox {
            background-color: var(--c-primary);
        }

            .checkbox-container input:checked ~ .checkmark-checkbox:after {
                display: block;
            }

    .checkbox-container .checkmark-checkbox:after {
        left: 0.5rem;
        top: 0.25rem;
        width: 7px;
        height: 12px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
    }

.checkmark-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border: 0.0625rem solid var(--c-grey);
    background-color: var(--c-white);
    transition: background-color 0.25s;
}

    .checkmark-checkbox:after {
        content: "";
        position: absolute;
        display: none;
    }

.header {
    background-color: var(--c-black);
}

@media (max-width: 640px) {
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.header__logo {
    background-color: var(--c-black);
    display: flex;
    align-items: center;
    padding: 0px 20px;
    justify-content: center;
}

@media (max-width: 640px) {
    .header__logo {
        padding: 10px 15px;
    }
}

.header__logo img {
    max-width: 180px;
}

@media (max-width: 1260px) {
    .header__logo img {
        max-width: 145px;
    }
}

.header__navtop {
    background-color: var(--c-black);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 60px 15px 0px;
}

@media (max-width: 1260px) {
    .header__navtop {
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .header__navtop {
        padding: 10px 15px 10px 0px;
    }
}

@media (max-width: 1260px) {
    .header__navtop__menu {
        display: none;
    }
}

.header__navtop__mobilemenu {
    color: var(--c-white);
    display: none;
}

@media (max-width: 1260px) {
    .header__navtop__mobilemenu {
        display: flex;
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }

        .header__navtop__mobilemenu .fas {
            font-size: 1.6rem;
            color: var(--c-white);
        }
}

.header__navtop__mobilecategory {
    color: var(--c-white);
    display: none;
}

@media (max-width: 1260px) {
    .header__navtop__mobilecategory {
        display: flex;
        margin-right: 0.5rem;
        margin-left: 1rem;
    }

        .header__navtop__mobilecategory .fas {
            font-size: 1.6rem;
            color: var(--c-white);
        }
}

.header__navtop__login {
    display: flex;
}

@media (max-width: 640px) {
    .header__navtop__login {
        display: none;
    }
}

.header__navtop__loginmobile {
    display: none;
}

@media (max-width: 640px) {
    .header__navtop__loginmobile {
        background-color: var(--c-black);
        display: flex;
        justify-content: center;
        padding: 0.6rem 0rem;
    }
}

.header__navprimary {
    background-color: var(--c-black);
    padding: 0px 60px 15px 0px;
    display: flex;
    align-items: center;
}

@media (max-width: 1080px) {
    .header__navprimary {
        display: none;
    }
}

.footer {
    background-color: var(--c-white);
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (max-width: 768px) {
    .footer {
        justify-items: center;
        row-gap: 2rem;
    }
}

@media (max-width: 640px) {
    .footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.footer__info__logo {
    background-color: var(--c-white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    max-width: 150px;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .footer__info__logo {
        margin: 0 auto;
        padding-bottom: 1.5rem;
    }
}

.footer__info__text {
    font-size: 0.9rem;
    color: var(--c-bluedark);
}

@media (max-width: 768px) {
    .footer__info__text {
        text-align: center;
    }
}

@media (max-width: 1260px) {
    .footer__nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .footer__nav {
        grid-template-columns: repeat(1, 1fr);
    }
}

.footer__nav__primary {
    display: flex;
    margin-bottom: 2.5rem;
}

@media (max-width: 1260px) {
    .footer__nav__primary {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .footer__nav__primary {
        margin-bottom: 2rem;
    }
}

.footer__nav__secondary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 1260px) {
    .footer__nav__secondary {
        justify-content: space-around;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .footer__nav__secondary {
        text-align: center;
    }
}

@media (max-width: 1260px) {
    .footer__nav__secondary__buttons {
        margin-bottom: 1rem;
    }
}

.footer__nav__secondary__social {
    display: flex;
    justify-content: flex-end;
}

    .footer__nav__secondary__social .fab {
        font-size: 1.5rem;
        color: var(--c-bluedark);
        margin-right: 2rem;
        padding-left: 2rem;
        transition: all 0.4s ease;
    }

        .footer__nav__secondary__social .fab:hover {
            opacity: 0.7;
            color: var(--c-bluedark-hover);
        }


.footer__legal {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

    .footer__legal::after {
        content: '';
        width: 100%;
    }

    .footer__legal img {
        margin-right: 0.6rem;
        margin-bottom: 0.6rem;
    }

        .footer__legal img:nth-child(3) {
            order: 1;
        }

.topcategory {
    display: none;
}

@media (max-width: 768px) {
    .topcategory {
        display: grid;
        background-color: var(--c-bluedark);
        padding-top: 10px;
        padding-bottom: 10px;
        align-items: center;
    }
}

.topcategory__title__text {
    color: var(--c-white);
    font-size: 1.2rem;
}

@media (max-width: 1260px) {
    .topcategory__title__text {
        font-size: 1.05rem;
    }
}

.topcategory__title__text--big {
    font-size: 2rem;
}

@media (max-width: 1260px) {
    .topcategory__title__text--big {
        font-size: 1.5rem;
    }
}

.topcategory__list {
    display: flex;
    align-items: center;
    width: 100%;
}

.topcategory__list__item {
    padding: 0 1rem;
}

.topcategory__list__item__image {
    display: flex;
    padding-bottom: 0.4rem;
    margin: 0 auto;
    max-height: 40px;
}

.topcategory__list__item__text {
    font-size: 0.8rem;
    color: var(--c-white);
    text-align: center;
}

@media (max-width: 1260px) {
    .topcategory__list__item__text {
        font-size: 0.75rem;
    }
}

.topcategory .swiper-button-next:after, .topcategory .swiper-button-prev:after {
    display: none;
}

.topcategory .swiper-button-next, .topcategory .swiper-button-prev {
    color: var(--c-white);
    font-size: 2.2rem;
}

.topcategory .swiper-button-prev {
    left: 0px;
    right: auto;
}

.topcategory .swiper-button-next {
    right: 0px;
    left: auto;
}

@media (max-width: 1260px) {
    .sidebar {
        display: block;
        transition: left 0.5s ease;
        background: #ffffff;
        height: 100vh;
        left: -20rem;
        padding: 2rem 2rem 2rem 2rem;
        position: fixed;
        top: 0;
        width: 20rem;
        z-index: 100;
        overflow: auto;
    }

        .sidebar.expanded {
            display: block;
            left: 0rem;
            box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.35);
        }
}

@media (max-width: 1260px) and (max-width: 640px) {
    .sidebar.expanded {
        width: 95%;
    }
}

.sidebar__separation {
    margin: 1.5rem 0rem;
}

.sidebar__buttonclose {
    display: none;
}

@media (max-width: 1260px) {
    .sidebar__buttonclose {
        display: block;
        top: 20px;
        right: 20px;
        cursor: pointer;
        position: absolute;
        z-index: 10;
        font-size: 2rem;
    }
}

.sidebar__tab {
    overflow: hidden;
}

.sidebar__check {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.sidebar__result {
    color: var(--c-bluedark);
    text-transform: uppercase;
    font-size: 1rem;
}

.sidebar__title {
    color: var(--c-bluedark);
    text-transform: uppercase;
    font-size: 1.1rem;
    margin-top: 1.1rem;
}

.sidebar__title--filter {
    text-transform: capitalize;
    display: block;
    margin-bottom: 1.2rem;
}

.sidebar__item {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 12px 0px 12px 0px;
    transition: all 0.4s ease;
}

    .sidebar__item:hover {
        opacity: 0.6;
    }

    .sidebar__item::after {
        content: "\276F";
        width: 0.6em;
        margin-top: -0.8rem;
        color: var(--c-grey);
        text-align: right;
        transition: all 0.3s;
        font-size: 1rem;
        transform: rotate(90deg);
        margin-right: 0.2rem;
    }

.sidebar__item__image {
    margin-right: 0.5rem;
}

@media (max-width: 1490px) {
    .sidebar__item__image {
        max-width: 35px;
    }
}

.sidebar__item__title {
    font-size: 0.95rem;
    line-height: 1.1rem;
    color: var(--c-grey);
    font-weight: 700;
    margin-right: 0.5rem;
    flex-grow: 1;
}

@media (max-width: 1490px) {
    .sidebar__item__title {
        font-size: 0.85rem;
    }
}

.sidebar__item__count {
    display: block;
    color: var(--c-bluedark);
    font-size: 0.95rem;
    line-height: 0.95rem;
    font-weight: 700;
}

@media (max-width: 1490px) {
    .sidebar__item__count {
        font-size: 0.85rem;
    }
}

.sidebar__item__collapse {
    /*  margin-left: 3.5rem; */
    max-height: 0;
    transition: all 1s;
    border-bottom: 1px solid var(--c-grey);
    opacity: 0;
}

.sidebar__item__text {
    font-size: 0.8rem;
    color: var(--c-black);
    line-height: 1.6rem;
    font-weight: 600;
    display: table;
    transition: all 0.4s ease;
}

    .sidebar__item__text:hover {
        opacity: 0.6;
    }

    .sidebar__item__text:last-child {
        padding-bottom: 0.6rem;
    }

.sidebar__item__text__count {
    color: var(--c-bluedark);
    margin-left: 0.5rem;
}

input:checked + .sidebar__item::after {
    content: "\276F";
    transform: rotate(-90deg);
}

input:checked ~ .sidebar__item__collapse {
    max-height: 100vh;
    opacity: 1;
}

.auctions {
    position: relative;
    background-color: var(--c-white);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    height: fit-content;
}

.auctions__title {
    font-size: 1.25rem;
    color: var(--c-bluedark);
    grid-column: 1 / span 3;
    margin-bottom: 1rem;
}

@media (max-width: 1260px) {
    .auctions__title {
        grid-column: 1 / span 2;
    }
}

@media (max-width: 768px) {
    .auctions__title {
        grid-column: 1 / span 1;
    }
}

.auctions__top {
    display: grid;
    grid-template-columns: 55% 45%;
}

.auctions__top__date {
    background-color: var(--c-grey);
    color: var(--c-white);
    font-size: 0.8rem;
    padding: 8px;
    display: flex;
    align-items: center;
}

@media (max-width: 1490px) {
    .auctions__top__date {
        font-size: 0.7rem;
    }
}

.auctions__top__type {
    color: var(--c-white);
    font-size: 0.8rem;
    text-transform: uppercase;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1490px) {
    .auctions__top__type {
        font-size: 0.7rem;
    }
}

.auctions__top__type--onlinepresent {
    background-color: var(--c-online-present);
}

.auctions__top__type--online {
    background-color: var(--c-online);
}

.auctions__top__type--present {
    background-color: var(--c-present);
}

.auctions__top__type--licitacion {
    background-color: var(--c-licitacion);
}

.auctions__info {
    display: grid;
    grid-template-columns: 55% 45%;
    padding: 15px 0px;
}

.auctions__info__left {
    border-right: 1px solid;
    border-color: var(--c-grey);
}

.auctions__info__left__title {
    color: var(--c-bluedark);
    font-size: 0.85rem;
    height: 60px;
    line-height: 1.2em;
    text-align: left;
    padding: 0px 15px 15px;
}

@media (width: 1490px;h) {
    .auctions__info__left__title {
        font-size: 0.8rem;
    }
}

.auctions__info__left__button {
    display: inline-block;
    background-color: var(--c-bluedark);
    color: var(--c-white);
    font-size: 1rem;
    text-transform: uppercase;
    padding: 6px 15px;
    border-radius: 0px 10px 10px 0px;
    transition: all 0.4s ease;
}

    .auctions__info__left__button:hover {
        background-color: var(--c-bluedark-hover);
    }

@media (max-width: 1490px) {
    .auctions__info__left__button {
        font-size: 0.85rem;
    }
}

.auctions__info__left__bottom {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    font-weight: 800;
    color: var(--c-bluedark);
    padding: 15px 15px 0px;
}

@media (max-width: 1490px) {
    .auctions__info__left__bottom {
        font-size: 0.7rem;
    }
}

.auctions__info__right {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0px 20px;
}

@media (max-width: 640px) {
    .auctions__info__right {
        padding: 0px 10px;
    }
}

.auctions__info__right__image {
    margin-bottom: 2rem;
}

    .auctions__info__right__image img {
        width: 100%;
        height: auto;
        max-width: 150px;
    }

.auctions__info__right__title {
    color: var(--c-grey);
    font-size: 0.8rem;
    height: 30px; /* dejo fijo el ancho de la razoon social */
    text-align: center;
}

@media (max-width: 1490px) {
    .auctions__info__right__title {
        font-size: 0.75rem;
    }
}

.auctioncontent {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
    background-color: var(--c-white);
    margin-bottom: 2rem;
}

.auctioncontent__top {
    background-color: var(--c-bluedark);
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    font-size: 1.1rem;
}

@media (max-width: 1260px) {
    .auctioncontent__top {
        font-size: 0.95rem;
        padding: 0.7rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__top {
        flex-direction: column;
        align-items: center;
    }
}

.auctioncontent__top__paginationleft {
    color: var(--c-white);
}

    .auctioncontent__top__paginationleft a:hover {
        opacity: 0.6;
    }

.auctioncontent__top__paginationright {
    color: var(--c-white);
}

    .auctioncontent__top__paginationright a:hover {
        opacity: 0.6;
    }

.auctioncontent__top__info {
    color: var(--c-white);
}

.auctioncontent__title {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1.5rem 2.5rem;
    color: var(--c-bluedark);
}

@media (max-width: 1260px) {
    .auctioncontent__title {
        padding: 1.5rem 1.5rem;
    }
}

@media (max-width: 1080px) {
    .auctioncontent__title {
        font-size: 1.2rem;
    }
}

@media (max-width: 890px) {
    .auctioncontent__title {
        font-size: 1.1rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__title {
        padding: 1rem 1rem;
    }
}

.auctioncontent__slider {
    display: flex;
    flex-direction: row-reverse;
}

.auctioncontent__slidercontent {
    height: 50rem;
    width: 100%;
    /* margin-left: 0 !important;
     margin-right: 0 !important;*/
}

@media (max-width: 1490px) {
    .auctioncontent__slidercontent {
        height: 40rem;
    }
}

@media (max-width: 1080px) {
    .auctioncontent__slidercontent {
        height: 30rem;
    }
}

@media (max-width: 890px) {
    .auctioncontent__slidercontent {
        height: 25rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__slidercontent {
        height: 15rem;
    }
}

.auctioncontent__slidercontent .swiper-button-next:after, .auctioncontent__slidercontent .swiper-button-prev:after {
    display: none;
}

.auctioncontent__slidercontent .swiper-button-next, .auctioncontent__slidercontent .swiper-button-prev {
    color: var(--c-bluedark);
    font-size: 3rem;
}

.auctioncontent__slidercontent .swiper-button-prev {
    left: 30px;
    right: auto;
}

@media (max-width: 640px) {
    .auctioncontent__slidercontent .swiper-button-prev {
        left: 5px;
    }
}

.auctioncontent__slidercontent .swiper-button-next {
    right: 30px;
    left: auto;
}

@media (max-width: 640px) {
    .auctioncontent__slidercontent .swiper-button-next {
        right: 5px;
    }
}

.auctioncontent__slidercontent__image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.auctioncontent__thumbs {
    flex-basis: 220px;
    padding: 1.3rem !important;
    background-color: var(--c-greylight);
}

@media (max-width: 1080px) {
    .auctioncontent__thumbs {
        display: none;
    }
}

.auctioncontent__thumbs .swiper-slide {
    opacity: 0.4;
}

.auctioncontent__thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.auctioncontent__thumbs .swiper-slide img {
    display: block;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.4s ease;
}

    .auctioncontent__thumbs .swiper-slide img:hover {
        opacity: 0.6;
    }

.auctioncontent__classoffer {
    padding: 2rem 2.5rem;
}

@media (max-width: 1260px) {
    .auctioncontent__classoffer {
        padding: 1.5rem 1.5rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__classoffer {
        padding: 1.5rem 1rem;
    }
}

.auctioncontent__classoffer__title {
    padding: 0.8rem 2.5rem;
    font-size: 1.1rem;
    color: var(--c-white);
    background-color: var(--c-bluedark);
}

@media (max-width: 1260px) {
    .auctioncontent__classoffer__title {
        font-size: 1rem;
        padding: 0.6rem 1.5rem;
    }
}

.auctioncontent__classoffer__archive {
    border: 1px solid;
    border-color: var(--c-bluedark);
    font-size: 1.1rem;
    color: var(--c-bluedark);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 1260px) {
    .auctioncontent__classoffer__archive {
        font-size: 1rem;
    }
}

.auctioncontent__classoffer__legal {
    font-size: 0.9rem;
    color: var(--c-grey);
}

@media (max-width: 1260px) {
    .auctioncontent__classoffer__legal {
        font-size: 0.85rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__classoffer__legal {
        font-size: 0.8rem;
    }
}

.auctioncontent__info {
    display: grid;
    grid-template-columns: 1fr 0.4fr;
    padding: 3rem 2.5rem;
    grid-column-gap: 150px;
}

@media (max-width: 1260px) {
    .auctioncontent__info {
        grid-column-gap: 80px;
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 1080px) {
    .auctioncontent__info {
        grid-template-columns: 3fr 1fr;
        grid-column-gap: 50px;
    }
}

@media (max-width: 890px) {
    .auctioncontent__info {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 640px) {
    .auctioncontent__info {
        padding: 1.5rem 1rem;
    }
}

@media (max-width: 890px) {
    .auctioncontent__info__right {
        display: flex;
        flex-direction: column;
        margin-top: 2rem;
        border-top: 1px solid;
        padding-top: 1.5rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__info__right {
        justify-items: center;
    }
}

.auctioncontent__info__right .auctionsoffer {
    background-color: var(--c-bluedark);
    padding: 1rem 0rem;
}

.auctioncontent__info__right .auctionsoffer__text {
    color: var(--c-white);
    padding: 0rem 1rem;
}

.auctioncontent__info__right .auctionsoffer__textincrement {
    background-color: var(--c-secondary);
    padding: 0.3rem 1rem;
    color: var(--c-white);
    line-height: 1;
    margin: 0.8rem 0rem;
    font-size: 1.1rem;
}

@media (max-width: 640px) {
    .auctioncontent__info__right .auctionsoffer__textincrement {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__info__right .auctionsoffer {
        text-align: left;
    }
}

.auctioncontent__info__right .buttonsoffers {
    justify-content: space-between;
    padding: 0rem 1rem;
}

.auctioncontent__info__right .buttonsoffers__text {
    color: var(--c-white);
    flex: 1;
}

.auctioncontent__info__right .buttonsoffers__button {
    background-color: var(--c-secondary);
}

.auctioncontent__info__right .buttonsoffers__button__Off {
    opacity: 0.4;
}

.auctioncontent__info__right .buttonsoffers__button:hover {
    background-color: var(--c-secondary-hover);
}

.auctioncontent__info__text {
    font-size: 1.05rem;
    font-weight: 400;
    color: var(--c-black);
}

@media (max-width: 1260px) {
    .auctioncontent__info__text {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .auctioncontent__info__text {
        font-size: 0.95rem;
    }
}

.auctioncontent__info__textlittle {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--c-black);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

@media (max-width: 1260px) {
    .auctioncontent__info__textlittle {
        font-size: 0.85rem;
    }
}

.auctioncontent__info__separation {
    margin: 2rem 0rem;
}

.auctioncontent__info__media {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 60px;
}

@media (max-width: 1080px) {
    .auctioncontent__info__media {
        grid-template-columns: 2fr 1fr;
        grid-column-gap: 40px;
    }
}

@media (max-width: 640px) {
    .auctioncontent__info__media {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 25px;
    }
}

.auctioncontent__info__media__pdf img {
    width: 100%;
    height: auto;
    max-width: 100px;
    transition: all 0.4s ease;
}

    .auctioncontent__info__media__pdf img:hover {
        opacity: 0.6;
    }

@media (max-width: 1080px) {
    .auctioncontent__info__media__pdf img {
        max-width: 90px;
    }
}

@media (max-width: 890px) {
    .auctioncontent__info__media__pdf img {
        max-width: 80px;
    }
}

@media (max-width: 640px) {
    .auctioncontent__info__media__pdf img {
        max-width: 70px;
    }
}

.auctioncontent__info__media__video__responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
}

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

.auctioncontent__info__map {
    margin-top: 2.5rem;
    width: 100%;
    height: 260px;
}

@media (max-width: 1260px) {
    .auctioncontent__info__map {
        width: 100%;
        grid-column: 1 / 3;
    }
}

@media (max-width: 768px) {
    .auctioncontent__info__map {
        grid-column: 1 / 1;
    }
}

.auctioncontent__info__map iframe {
    width: 100%;
    height: 260px;
}


.cardlots {
    position: relative;
    background-color: var(--c-white);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    height: fit-content;
}

.cardlots__top {
    background-color: var(--c-bluedark);
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: var(--c-white);
    padding: 0.4rem 0.8rem;
}

.cardlots__top__lot {
    text-transform: uppercase;
    font-weight: 700;
}

.cardlots__top__date {
    font-weight: 700;
}

.cardlots__bottom {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
}

.cardlots__bottom__image {
    background-size: cover;
    background-position: center center;
}

.cardlots__bottom__image--login {
    height: 16rem;
}

@media (max-width: 1490px) {
    .cardlots__bottom__image--login {
        height: 18rem;
    }
}

@media (max-width: 1080px) {
    .cardlots__bottom__image--login {
        height: 15rem;
    }
}

@media (max-width: 640px) {
    .cardlots__bottom__image--login {
        height: 12rem;
    }
}

.cardlots__bottom--login {
    grid-template-columns: 1fr;
}

.cardlots__bottom__info {
    padding: 15px 0px;
}

.cardlots__bottom__info__title {
    font-size: 1rem;
    color: var(--c-bluedark);
    padding: 0px 15px 20px;
    font-weight: 700;
    height: 60px;
    line-height: 1.2em;
}

.cardlots__bottom__info__title__acto {
    font-size: 1rem;
    color: var(--c-bluedark);
    padding: 0px 15px 20px;
    font-weight: 700;
    height: 60px;
    min-width: 350px;
    line-height: 1.2em;
}

.cardlots__bottom__info__title--login {
    padding: 0px 15px 10px;
    font-size: 0.9rem;
    height: 60px;
    line-height: 1.2em;
}

@media (max-width: 1490px) {
    .cardlots__bottom__info__title--login {
        font-size: 1.1rem !important;
        min-width: 250px;
    }
}

@media (max-width: 1080px) {
    .cardlots__bottom__info__title--login {
        font-size: 1rem !important;
        min-width: 250px;
    }
}

@media (max-width: 1490px) {
    .cardlots__bottom__info__title {
        font-size: 0.9rem;
        min-width: 250px;
    }
}

.cardlots__bottom__info__button {
    font-size: 1rem;
    color: var(--c-white);
    background-color: var(--c-secondary);
    border-radius: 0px 8px 8px 0px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 15px;
    transition: all 0.4s ease;
}

    .cardlots__bottom__info__button:hover {
        background-color: var(--c-secondary-hover);
    }

@media (max-width: 1490px) {
    .cardlots__bottom__info__button {
        font-size: 0.9rem;
    }
}

.cardlots__bottom__info__button2 {
    font-size: 1rem;
    color: var(--c-white);
    background-color: var(--c-bluedark);
    border-radius: 0px 8px 8px 0px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 15px;
    transition: all 0.4s ease;
}

.cardlots__bottom__info__button3 {
    font-size: 1rem;
    color: var(--c-white);
    background-color: var(--c-greydark);
    border-radius: 0px 8px 8px 0px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 15px;
    transition: all 0.4s ease;
}

.cardlots__bottom__info__button2:hover {
    background-color: var(--c-bluedark-hover);
}

@media (max-width: 1490px) {
    .cardlots__bottom__info__button2 {
        font-size: 0.9rem;
    }
}

.cardlots__bottom__info__contentoffer {
    padding: 20px 15px 0px;
}

@media (max-width: 1490px) {
    .cardlots__bottom__info__contentoffer {
        font-size: 0.75rem;
    }
}

.cardservices {
    margin: 4rem 0rem;
}

.cardservices__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
    background-color: var(--c-white);
    padding: 2rem;
}

@media (max-width: 768px) {
    .cardservices__item {
        padding: 1rem;
    }
}

.cardservices__item__image {
    width: 100%;
    height: auto;
    max-width: 69px;
    margin-bottom: 1.5rem;
}

.cardservices__item__title {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--c-white);
    background-color: var(--c-bluedark);
    padding: 0.5rem;
    width: 100%;
    text-align: center;
    margin-bottom: 1.5rem;
}

.cardservices__item__text {
    font-size: 1.05rem;
    text-align: center;
}

    .cardservices__item__text a {
        color: var(--c-bluedark);
    }

.news {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-column-gap: 3px;
    background-color: var(--c-white);
}

@media (max-width: 1490px) {
    .news {
        grid-template-columns: 2.5fr 1fr;
    }
}

@media (max-width: 1260px) {
    .news {
        grid-template-columns: 2fr 1fr;
    }
}

@media (max-width: 890px) {
    .news {
        grid-template-columns: repeat(1, 1fr);
    }
}

.news .headersection {
    display: none;
}

@media (max-width: 890px) {
    .news .headersection {
        display: flex;
    }
}

.news__container {
    display: flex;
    flex-direction: column;
}

.news__container__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background-color: var(--c-primary);
}

@media (max-width: 768px) {
    .news__container__top {
        grid-template-columns: repeat(1, 1fr);
        padding: 1rem;
        flex-direction: column;
    }
}

.news__container__top__title {
    color: var(--c-white);
    font-size: 1.5rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .news__container__top__title {
        font-size: 1.25rem;
        margin-bottom: 0.3rem;
    }
}

.news__container__top__date {
    color: var(--c-white);
    font-size: 1rem;
}

.news__container__content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 45px;
    background-color: var(--c-white);
    padding: 2.5rem;
}

@media (max-width: 768px) {
    .news__container__content {
        grid-template-columns: repeat(1, 1fr);
        padding: 1.2rem 1.2rem 2rem 1.2rem;
    }
}

.news__container__content__image {
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
    background-position: center center;
}

@media (max-width: 1260px) {
    .news__container__content__image {
        height: 200px;
    }
}

@media (max-width: 768px) {
    .news__container__content__image {
        height: 240px;
        margin-bottom: 1.5rem;
    }
}

.news__container__content__text {
    font-size: 0.95rem;
    line-height: 1.4rem;
}

.news__container__bottom {
    font-size: 1.1rem;
    color: var(--c-bluedark);
    font-weight: 600;
    border-top: 1px solid var(--c-grey);
    padding-top: 1rem;
    margin-top: 2rem;
}

    .news__container__bottom span {
        margin-right: 0.3rem;
    }

    .news__container__bottom .fab {
        margin-right: 0.3rem;
        transition: all 0.4s ease;
    }

        .news__container__bottom .fab:hover {
            opacity: 0.7;
        }

.news__sidebar {
    background-color: var(--c-primary);
    padding: 3rem 4.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 1490px) {
    .news__sidebar {
        padding: 2.5rem 2.5rem;
    }
}

.news__sidebar__title {
    font-size: 3rem;
    color: var(--c-white);
    font-weight: 700;
}

@media (max-width: 768px) {
    .news__sidebar__title {
        font-size: 2.5rem;
    }
}

.news__sidebar__subtitle {
    font-size: 1.15rem;
    color: var(--c-white);
    font-weight: 400;
    margin-bottom: 2.5rem;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .news__sidebar__subtitle {
        font-size: 1.05rem;
        margin-bottom: 1.5rem;
    }
}

.news__sidebar__description {
    font-size: 1.05rem;
    color: var(--c-bluedark);
    font-weight: 600;
}

@media (max-width: 768px) {
    .news__sidebar__description {
        font-size: 1rem;
    }
}

.news__sidebar__title-publications {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--c-bluedark);
    text-transform: uppercase;
    padding: 0.4rem 0rem 0.2rem 0rem;
    border-top: 1px solid var(--c-bluedark);
    border-bottom: 1px solid var(--c-bluedark);
    margin: 3.5rem 0rem 1.5rem 0rem;
}

@media (max-width: 768px) {
    .news__sidebar__title-publications {
        font-size: 1.05rem;
        margin: 2.5rem 0rem 0.6rem 0rem;
    }
}

.news__sidebar__link {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--c-white);
}

@media (max-width: 768px) {
    .news__sidebar__link {
        font-size: 0.9rem;
    }
}

.news__sidebar__link li a {
    transition: all 0.4s ease;
}

    .news__sidebar__link li a:hover {
        opacity: 0.7;
    }

.navmobile {
    display: none;
}

.navmobile__buttonclose {
    display: block;
    top: 20px;
    left: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    font-size: 2rem;
    color: var(--c-white);
}

.navmobile__list {
    z-index: 3000;
    position: relative;
    line-height: 22px;
}

@media (max-width: 1260px) {
    .navmobile {
        display: block;
        transition: right 0.5s ease;
        background: var(--c-black);
        height: 100vh;
        right: -20rem;
        padding: 6rem 2rem 2rem 2rem;
        position: fixed;
        top: 0;
        width: 20rem;
        z-index: 100;
    }

        .navmobile.expanded {
            right: -5rem;
        }

            .navmobile.expanded:before {
                display: block;
                content: '';
                position: fixed;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.7);
            }
}

.navmobile ul {
    margin-bottom: 1.6rem;
}

.navmobile li {
    margin-bottom: 0.6rem;
}

.carddocuments {
    display: flex;
    align-items: center;
    background-color: var(--c-white);
    padding: 2rem 2.5rem;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    margin-bottom: 1rem;
    min-height: 150px;
}

@media (max-width: 1260px) {
    .carddocuments {
        padding: 1.5rem 1.5rem;
    }
}

@media (max-width: 890px) {
    .carddocuments {
        flex-wrap: wrap;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .carddocuments {
        justify-content: center;
    }
}

.carddocuments--featured {
    background-color: var(--c-online-present);
    min-height: auto;
}

    .carddocuments--featured.--mb {
        margin-bottom: 4rem;
    }

    .carddocuments--featured .carddocuments__text {
        color: var(--c-white);
    }

    .carddocuments--featured .carddocuments__item:nth-child(2) {
        border-right: none;
        margin-right: 0rem;
        padding-right: 0rem;
    }

@media (max-width: 890px) {
    .carddocuments--featured {
        justify-content: center;
    }

        .carddocuments--featured .carddocuments__item {
            text-align: center;
        }

            .carddocuments--featured .carddocuments__item:last-child {
                margin-top: 0rem;
            }
}

.carddocuments__title {
    font-size: 1.7rem;
    line-height: 1;
    font-weight: 700;
    color: var(--c-bluedark);
    margin-bottom: 0.4rem;
}

@media (max-width: 640px) {
    .carddocuments__title {
        font-size: 1.5rem;
    }
}

.carddocuments__text {
    font-size: 1rem;
    color: var(--c-grey);
}

@media (max-width: 640px) {
    .carddocuments__text {
        font-size: 0.9rem;
    }
}

.carddocuments__button {
    color: var(--c-white);
    background-color: var(--c-bluedark);
    padding: 0.5rem 2rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    border-radius: 6px;
    transition: all 0.4s ease;
}

@media (max-width: 1260px) {
    .carddocuments__button {
        padding: 0.5rem 1.5rem;
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .carddocuments__button {
        font-size: 0.95rem;
        padding: 0.4rem 1.5rem;
    }
}

.carddocuments__button:hover {
    background-color: var(--c-bluedark-hover);
}

.carddocuments__item:nth-child(2) {
    border-right: 1px solid var(--c-grey);
    margin-right: 2.5rem;
    padding-right: 2.5rem;
}

@media (max-width: 1260px) {
    .carddocuments__item:nth-child(2) {
        margin-right: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 890px) {
    .carddocuments__item:nth-child(2) {
        margin-right: 0rem;
        padding-right: 0rem;
        border-right: none;
    }
}

.carddocuments__item:first-child {
    flex-grow: 1;
    margin-right: 1rem;
}

@media (max-width: 640px) {
    .carddocuments__item:first-child {
        margin-right: 0rem;
        margin-bottom: 1.2rem;
    }
}

.carddocuments__item:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 890px) {
    .carddocuments__item:last-child {
        flex-grow: 1;
        flex-basis: 100%;
        margin-top: 1rem;
    }
}

.carddocuments__uploads {
    margin-top: 1rem;
}

.carddocuments__uploads__icon {
    color: var(--c-secondary);
    font-size: 0.95rem;
    margin-right: 0.3rem;
}

.carddocuments__uploads__text {
    color: var(--c-secondary);
    font-size: 0.95rem;
    font-weight: 700;
}

.carddocuments__details {
    font-size: 0.85rem;
    color: var(--c-grey);
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
}

.panel--home {
    margin-top: 80px;
    margin-bottom: 80px;
}

@media (max-width: 640px) {
    .panel--home {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

.panel__cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px;
}

@media (max-width: 1080px) {
    .panel__cards {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }
}

@media (max-width: 640px) {
    .panel__cards {
        grid-gap: 15px;
    }
}

.panel__item {
    background-color: var(--c-secondary);
    padding: 20px 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
    transition: all 0.4s ease;
    height: 240px;
    border-radius: 30px;
}

@media (max-width: 640px) {
    .panel__item {
        padding: 20px 20px;
        height: 160px;
        border-radius: 20px;
    }
}

.panel__item:hover {
    background-color: var(--c-secondary-hover);
}

.panel__item__icon {
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--c-line);
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 640px) {
    .panel__item__icon {
        padding-bottom: 1.2rem;
    }
}

.panel__item__icon img {
    max-width: 80px;
}

@media (max-width: 1260px) {
    .panel__item__icon img {
        max-width: 50px;
    }
}

@media (max-width: 640px) {
    .panel__item__icon img {
        max-width: 35px;
    }
}

.panel__item__text {
    font-size: 1.2rem;
    font-weight: 400;
    color: var(--c-white);
    letter-spacing: 1px;
    text-align: center;
    margin-top: 2rem;
}

@media (max-width: 640px) {
    .panel__item__text {
        margin-top: 1.5rem;
        font-size: 0.95rem;
        line-height: 1.1;
    }
}

.navmobile {
    display: none;
}

.navmobile__buttonclose {
    display: block;
    top: 20px;
    left: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    font-size: 2rem;
    color: var(--c-white);
}

.navmobile__list {
    z-index: 3000;
    position: relative;
    line-height: 22px;
}

@media (max-width: 1260px) {
    .navmobile {
        display: block;
        transition: right 0.5s ease;
        background: var(--c-black);
        height: 100vh;
        right: -20rem;
        padding: 6rem 2rem 2rem 2rem;
        position: fixed;
        top: 0;
        width: 20rem;
        z-index: 100;
    }

        .navmobile.expanded {
            right: -5rem;
        }

            .navmobile.expanded:before {
                display: block;
                content: '';
                position: fixed;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.7);
            }
}

.navmobile ul {
    margin-bottom: 1.6rem;
}

.navmobile li {
    margin-bottom: 0.6rem;
}


.pagination {
    display: flex;
    background-color: var(--c-white);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    padding: 1.2rem;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 640px) {
    .pagination {
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .pagination__pages {
        padding-bottom: 1rem;
    }
}

.pagination__pages__text {
    font-size: 1rem;
    color: var(--c-grey);
    margin-right: 0.6rem;
}

@media (max-width: 768px) {
    .pagination__pages__text {
        font-size: 0.8rem;
    }
}

.pagination__pages__number {
    padding: 1.4rem 0.8rem;
    height: auto;
    font-size: 1.2rem;
    color: var(--c-bluedark);
    transition: all 0.4s ease;
}

    .pagination__pages__number:hover {
        opacity: 0.7;
        background-color: var(--c-greylight);
    }

@media (max-width: 768px) {
    .pagination__pages__number {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .pagination__pages__number {
        padding: 0.5rem;
        font-size: 1rem;
    }
}

.pagination__pages__number--active {
    background-color: var(--c-bluedark);
    color: var(--c-white);
}

    .pagination__pages__number--active:hover {
        background-color: var(--c-bluedark-hover);
    }

.pagination__count__text {
    font-size: 1rem;
    color: var(--c-grey);
    margin-right: 0.6rem;
}

@media (max-width: 768px) {
    .pagination__count__text {
        font-size: 0.8rem;
    }
}

.pagination__count__number {
    padding: 1.4rem 0.8rem;
    height: auto;
    font-size: 1.2rem;
    color: var(--c-bluedark);
    transition: all 0.4s ease;
}

    .pagination__count__number:hover {
        opacity: 0.7;
        background-color: var(--c-greylight);
    }

@media (max-width: 640px) {
    .pagination__count__number {
        padding: 0.5rem;
    }
}

@media (max-width: 768px) {
    .pagination__count__number {
        font-size: 1rem;
    }
}

.pagination__count__number--active {
    background-color: var(--c-bluedark);
    color: var(--c-white);
}

    .pagination__count__number--active:hover {
        background-color: var(--c-bluedark-hover);
    }

.bannervideo {
    display: flex;
    background-color: var(--c-secondary);
    padding: 1.3rem;
    justify-content: space-between;
    margin: 2rem 0rem;
    align-items: center;
    transition: all 0.4s ease;
}

    .bannervideo:hover {
        opacity: 0.7;
    }

@media (max-width: 640px) {
    .bannervideo {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}

.bannervideo__text {
    font-size: 1.1rem;
    color: var(--c-white);
}

.bannervideo__button {
    font-size: 1.3rem;
    color: var(--c-white);
    align-items: center;
    display: flex;
}

@media (max-width: 640px) {
    .bannervideo__button {
        margin-top: 0.7rem;
    }
}

.bannervideo__button .far {
    font-size: 2.2rem;
    margin-right: 0.5rem;
}

.newsletter {
    display: flex;
    background-color: var(--c-bluedark);
    padding: 2rem;
    align-items: center;
    justify-content: center;
}

@media (max-width: 640px) {
    .newsletter {
        flex-direction: column;
    }
}

.newsletter__text {
    font-size: 1.2rem;
    color: var(--c-white);
    margin-right: 1rem;
}

.newsletter__input {
    padding: 0.4rem !important;
    width: 300px !important;
    border: 0 !important;
    margin: 0rem 1rem 0rem 0rem !important;
}

@media (max-width: 640px) {
    .newsletter__input {
        margin: 0rem 0rem 1rem 0rem !important;
    }
}

.newsletter__button {
    padding: 0.4rem 1rem;
    font-size: 1.1rem;
    font-weight: 600;
    border: 0;
    background-color: var(--c-greylight);
    color: var(--c-bluedark);
    transition: all 0.4s ease;
    cursor: pointer;
}

    .newsletter__button:hover {
        opacity: 0.6;
    }

.bannerauction {
    box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.5);
}

.bannerauction__top {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    color: var(--c-white);
    font-size: 1.1rem;
}

@media (max-width: 1490px) {
    .bannerauction__top {
        grid-template-columns: 1.5fr 1fr;
        font-size: 0.95rem;
    }
}

.bannerauction__top__date {
    background-color: var(--c-grey);
    padding: 0.4rem 2rem;
    display: flex;
    align-items: center;
}

@media (max-width: 1490px) {
    .bannerauction__top__date {
        padding: 0.4rem 0.6rem;
    }
}

.bannerauction__top__type {
    text-transform: uppercase;
    padding: 0.4rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1490px) {
    .bannerauction__top__type {
        padding: 0.4rem 0.6rem;
    }
}

.bannerauction__top__type--onlinepresent {
    background-color: var(--c-online-present);
}

.bannerauction__top__type--online {
    background-color: var(--c-online);
}

.bannerauction__top__type--present {
    background-color: var(--c-present);
}

.bannerauction__bottom {
    padding: 1.5rem 2rem;
    background-color: var(--c-white);
    display: grid;
    grid-template-columns: 3fr 1fr;
}

@media (max-width: 890px) {
    .bannerauction__bottom {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 1490px) {
    .bannerauction__bottom {
        padding: 1rem 1.5rem;
    }
}

.bannerauction__bottom__info {
    padding: 0rem 0 0 1.5rem;
    display: flex;
}

@media (max-width: 1490px) {
    .bannerauction__bottom__info {
        padding: 0rem;
    }
}

@media (max-width: 640px) {
    .bannerauction__bottom__info {
        flex-direction: column;
        align-items: center;
    }
}

.bannerauction__bottom__info__image {
    width: fit-content;
    padding-right: 1.5rem;
}

@media (max-width: 640px) {
    .bannerauction__bottom__info__image {
        padding-right: 0rem;
    }
}

.bannerauction__bottom__info__image img {
    width: 100%;
    height: auto;
    max-width: 200px;
}

@media (max-width: 1490px) {
    .bannerauction__bottom__info__image img {
        max-width: 185px;
    }
}

@media (max-width: 640px) {
    .bannerauction__bottom__info__image img {
        max-width: 160px;
    }
}

@media (max-width: 640px) {
    .bannerauction__bottom__info__text {
        text-align: center;
    }
}

.bannerauction__bottom__info__title {
    font-size: 1.3rem;
    color: var(--c-bluedark);
    font-weight: 700;
    padding-bottom: 0.6rem;
    line-height: 1.4rem;
}

@media (max-width: 1490px) {
    .bannerauction__bottom__info__title {
        font-size: 1.1rem;
    }
}

.bannerauction__bottom__info__description {
    font-size: 1.3rem;
    color: var(--c-secondary);
    font-weight: 700;
    padding-bottom: 0.6rem;
    line-height: 1.4rem;
}

@media (max-width: 1490px) {
    .bannerauction__bottom__info__description {
        font-size: 1.5rem;
    }
}

.bannerauction__bottom__info__location {
    font-size: 0.95rem;
    color: var(--c-grey);
    line-height: 1.4rem;
}

@media (max-width: 1490px) {
    .bannerauction__bottom__info__location {
        font-size: 0.85rem;
    }
}

.bannerauction__bottom__view {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

@media (max-width: 890px) {
    .bannerauction__bottom__view {
        padding-top: 1rem;
        align-items: center;
    }
}

.bannerauction__bottom__view__button {
    padding: 0.5rem 1.2rem;
    color: var(--c-white);
    background-color: var(--c-secondary);
    border-radius: 8px;
    font-size: 1.35rem;
    font-weight: 700;
    display: inline-flex;
    margin-bottom: 0.8rem;
    transition: all 0.4s ease;
}

    .bannerauction__bottom__view__button:hover {
        background-color: var(--c-secondary-hover);
    }

@media (max-width: 1490px) {
    .bannerauction__bottom__view__button {
        font-size: 1.1rem;
        padding: 0.3rem 1rem;
    }
}

.bannerauction__bottom__view__info {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--c-bluedark);
}

@media (max-width: 1490px) {
    .bannerauction__bottom__view__info {
        font-size: 1rem;
    }
}

.bannerobservations {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
}

.bannerobservations__top {
    font-size: 1.1rem;
    display: flex;
    padding: 0.9rem;
    color: var(--c-white);
    background-color: var(--c-bluedark);
}

@media (max-width: 1490px) {
    .bannerobservations__top {
        font-size: 0.9rem;
    }
}

.bannerobservations__text {
    font-size: 1rem;
    display: flex;
    padding: 1.2rem 0.9rem;
    color: var(--c-bluedark);
    text-transform: uppercase;
    background-color: var(--c-white);
}

@media (max-width: 1490px) {
    .bannerobservations__text {
        font-size: 0.85rem;
    }
}

.ads {
    display: flex;
    height: 10rem;
    justify-content: center;
    margin-bottom: 1.5rem;
    align-items: center;
    font-size: 1.2rem;
    color: var(--c-white);
    font-weight: 600;
    background-color: var(--c-primary);
}

.breadcrumb {
    display: flex;
    margin-bottom: 2.5rem;
}

@media (max-width: 768px) {
    .breadcrumb {
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }
}

.breadcrumb li {
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    color: var(--c-bluedark);
    margin-right: .5625rem;
    margin-top: 1.5rem;
    transition: all 0.4s ease;
}

    .breadcrumb li:hover {
        opacity: 0.6;
    }

@media (max-width: 768px) {
    .breadcrumb li {
        font-size: 0.85rem;
    }
}

.breadcrumb li:after {
    margin-left: .5625rem;
    content: ">";
}

.breadcrumb li:last-child:after {
    content: "";
}

.breadcrumb li:first-child:after {
    content: "|";
}

.login {
    display: flex;
    justify-content: center;
}

.login__background {
    background-color: var(--c-bluedark);
    height: 10rem;
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
}

.login__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 650px;
    background-color: var(--c-white);
    padding: 3rem;
}

@media (max-width: 640px) {
    .login__content {
        padding: 1.5rem;
    }
}

.login__content__text {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--c-bluedark);
    margin-bottom: 1.2rem;
}

.login__content__pass {
    font-size: 1.05rem;
    color: var(--c-bluedark);
    margin-right: 0.5rem;
    text-align: center;
}

    .login__content__pass a {
        text-decoration: underline;
        transition: all 0.4s ease;
    }

        .login__content__pass a:hover {
            color: var(--c-bluedark-hover);
        }

.login__content__footer {
    display: flex;
    margin-top: 1.2rem;
}

.headersection {
    height: 340px;
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1080px) {
    .headersection {
        height: 300px;
    }
}

@media (max-width: 890px) {
    .headersection {
        height: 250px;
    }
}

@media (max-width: 640px) {
    .headersection {
        height: 170px;
    }
}

.headersection__inner {
    padding-left: 60px;
    padding-right: 60px;
    max-width: 1260px;
    width: 100%;
}

@media (max-width: 1260px) {
    .headersection__inner {
        width: auto;
    }
}

@media (max-width: 640px) {
    .headersection__inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.headersection__title {
    font-size: 4rem;
    font-weight: 500;
    color: var(--c-white);
}

@media (max-width: 1080px) {
    .headersection__title {
        font-size: 3.5rem;
    }
}

@media (max-width: 640px) {
    .headersection__title {
        font-size: 2rem;
    }
}

.headersection__subtitle {
    font-size: 1.05rem;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--c-white);
}

@media (max-width: 640px) {
    .headersection__subtitle {
        font-size: 0.95rem;
    }
}

.terms {
    margin: 2rem 0rem;
}

@media (max-width: 640px) {
    .terms {
        margin: 2.5rem 0rem;
    }
}

.terms__inner {
    background-color: var(--c-white);
    border: 1px solid var(--c-grey);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

@media (max-width: 640px) {
    .terms__inner {
        padding: 1rem;
    }
}

.terms__text {
    font-size: 0.9rem;
}

@media (max-width: 640px) {
    .terms__text {
        font-size: 0.85rem;
    }
}

.terms__button {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--c-bluedark);
    padding: 0.4rem;
    border: 1px solid var(--c-bluedark);
    border-radius: 10px;
    margin-top: 0.7rem;
}

.terms__download {
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    margin: 1.5rem 0rem;
}

    .terms__download img {
        max-width: 35px;
        margin-right: 0.6rem;
    }

.text {
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.4rem;
    margin-bottom: 2.5rem;
}

@media (max-width: 640px) {
    .text {
        font-size: 0.95rem;
        line-height: 1.3rem;
    }
}

.text--blue {
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.4rem;
    margin-bottom: 1.2rem;
    color: var(--c-bluedark);
}

@media (max-width: 640px) {
    .text--blue {
        font-size: 1rem;
        line-height: 1.35rem;
    }
}

.text--big {
    font-size: 1.5rem;
    line-height: 1.7rem;
    color: var(--c-bluedark);
    font-weight: 800;
    margin-bottom: 0.6rem;
}

@media (max-width: 640px) {
    .text--big {
        font-size: 1.25rem;
        line-height: 1.45rem;
    }
}

.text--small {
    font-size: 0.95rem;
    line-height: 1.15rem;
    font-weight: 600;
    margin-bottom: 0rem;
}

@media (max-width: 640px) {
    .text--small {
        font-size: 0.9rem;
        line-height: 1.1rem;
    }
}

.text--title {
    font-size: 1.7rem;
    line-height: 1.9rem;
    color: var(--c-bluedark);
    font-weight: 800;
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--c-black);
}

@media (max-width: 640px) {
    .text--title {
        font-size: 1.4rem;
        line-height: 1.6rem;
    }
}

.text__content {
    display: flex;
    flex-wrap: wrap;
}

.text__content__map {
    margin-bottom: 2rem;
}

.text__content__video {
    height: 0;
    overflow: hidden;
    padding-bottom: 35.25%;
    padding-top: 30px;
    position: relative;
    margin-bottom: 0rem;
}

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

.text__content__image {
    margin-right: 0.9rem;
    max-width: 400px;
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .text__content__image {
        margin-bottom: 0.6rem;
    }
}

.text__content__image:last-child {
    margin-right: 0rem;
}

.buttonsecondary {
    color: var(--c-white);
    text-transform: uppercase;
    transition: all 0.4s ease;
    font-size: 0.80rem;
    font-weight: bold;
    margin-right: 0.6rem;
}

    .buttonsecondary:hover {
        opacity: 0.6;
    }

.buttonsecondary--footer {
    color: var(--c-bluedark);
    font-size: 0.95rem;
    font-weight: 600;
}

    .buttonsecondary--footer:hover {
        opacity: 0.7;
        color: var(--c-bluedark-hover);
    }

.buttonsecondary--login {
    font-size: 0.9rem;
    text-transform: capitalize;
    padding: 10px 15px;
    background-color: var(--c-online);
    border-radius: 8px;
}

    .buttonsecondary--login:hover {
        opacity: 1;
        background-color: var(--c-bluedark-hover);
    }

@media (max-width: 640px) {
    .buttonsecondary--login {
        padding: 7px 10px;
    }
}

.buttonsecondary--account {
    font-size: 0.9rem;
    text-transform: capitalize;
    padding: 10px 15px;
    background-color: var(--c-secondary);
    border-radius: 8px;
    margin-right: 0rem;
}

    .buttonsecondary--account:hover {
        opacity: 1;
        background-color: var(--c-secondary-hover);
    }

@media (max-width: 640px) {
    .buttonsecondary--account {
        padding: 7px 10px;
    }
}

.buttonsecondary--account .far {
    margin-right: 0.5rem;
}

.buttonprimary {
    color: var(--c-white);
    transition: all 0.4s ease;
    font-size: 0.95rem;
    line-height: 0.95rem;
    margin-right: 1.2rem;
}

    .buttonprimary:hover {
        opacity: 0.6;
    }

.buttonprimary--featured {
    background-color: var(--c-secondary);
    padding: 8px;
    border-radius: 10px;
}

    .buttonprimary--featured:hover {
        opacity: 1;
        background-color: var(--c-secondary-hover);
    }

.buttonprimary--footer {
    font-size: 0.85rem;
    line-height: 1.2rem;
    color: var(--c-bluedark);
    display: table;
    text-transform: uppercase;
    transition: all 0.4s ease;
}

    .buttonprimary--footer:hover {
        opacity: 0.7;
        color: var(--c-bluedark-hover);
    }

@media (max-width: 1260px) {
    .buttonprimary--footer {
        display: block;
    }
}




.buttonprimary2 {
    color: var(--c-greydark);
    transition: all 0.4s ease;
    font-size: 0.95rem;
    line-height: 0.95rem;
    margin-right: 1.2rem;
}

    .buttonprimary2:hover {
        opacity: 0.7;
    }

.buttonprimary2--featured {
    background-color: var(--c-secondary);
    padding: 8px;
    border-radius: 10px;
}

    .buttonprimary2--featured:hover {
        opacity: 1;
        background-color: var(--c-secondary-hover);
    }

.buttonprimary2--footer {
    font-size: 0.85rem;
    line-height: 1.2rem;
    color: var(--c-bluedark);
    display: table;
    text-transform: uppercase;
    transition: all 0.4s ease;
}

    .buttonprimary2--footer:hover {
        opacity: 0.7;
        color: var(--c-bluedark-hover);
    }

@media (max-width: 1260px) {
    .buttonprimary--footer {
        display: block;
    }
}



.titlelocation {
    font-size: 1.3rem;
    color: var(--c-bluedark);
    font-weight: 700;
}

@media (max-width: 768px) {
    .titlelocation {
        font-size: 1.1rem;
    }
}

.titlelocation .fas {
    margin-right: 0.4rem;
}

.titlelocation--cardlots {
    font-size: 0.85rem;
    height: 40px;
    padding: 10px 0px 15px 10px;
}

.titlelocation--cardlogin {
    font-size: 0.9rem;
    padding: 15px 0px 0px 15px;
}

.titleauctioncontent {
    color: var(--c-secondary);
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 1rem;
}

@media (max-width: 1260px) {
    .titleauctioncontent {
        font-size: 1.05rem;
    }
}

.iconfavorite {
    font-size: 2rem;
    color: var(--c-grey);
    padding-right: 0.4rem;
    transition: all 0.4s ease;
}

    .iconfavorite:hover {
        opacity: 0.6;
    }

@media (max-width: 890px) {
    .iconfavorite {
        font-size: 1.5rem;
    }
}

.iconfavorite--active {
    color: var(--c-favorite);
}

.iconfavorite--cardlots {
    font-size: 1.4rem;
    display: inline-flex;
    float: right;
    padding-right: 5px;
}

@media (max-width: 1490px) {
    .iconfavorite--cardlots {
        font-size: 1.15rem;
    }
}

.auctionsoffer {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
}

.auctionsoffer--cardlots {
    font-weight: 700;
    font-size: 0.8rem;
    line-height: 1.1rem;
}

@media (max-width: 1490px) {
    .auctionsoffer--cardlots {
        font-size: 0.75rem;
        line-height: 1.05rem;
    }
}

.auctionsoffer--cardlogin {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.4rem;
}

@media (max-width: 1260px) {
    .auctionsoffer--cardlogin {
        font-size: 1rem;
        line-height: 1.3rem;
    }
}

@media (max-width: 640px) {
    .auctionsoffer--cardlogin {
        font-size: 0.9rem;
        line-height: 1.2rem;
    }
}

.auctionsoffer__text {
    color: var(--c-bluedark);
}

.auctionsoffer__textincrement {
    color: var(--c-secondary);
}

@media (max-width: 1260px) {
    .auctionsoffer {
        font-size: 1.15rem;
        line-height: 1.4rem;
    }
}

@media (max-width: 640px) {
    .auctionsoffer {
        font-size: 1.1rem;
        text-align: center;
    }
}

.buttonsoffers {
    display: flex;
    align-items: center;
    margin-top: 0rem;
}

@media (max-width: 890px) {
    .buttonsoffers {
        margin-top: 1.2rem;
    }
}

.buttonsoffers--login {
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--c-grey);
}

.buttonsoffers__text {
    font-size: 1.3rem;
    text-transform: uppercase;
    color: var(--c-secondary);
    font-weight: 700;
    margin-right: 0.8rem;
}

@media (max-width: 1260px) {
    .buttonsoffers__text {
        font-size: 1.15rem;
    }
}

.buttonsoffers__button {
    font-size: 1.3rem;
    text-transform: uppercase;
    color: var(--c-white);
    background-color: var(--c-bluedark);
    font-weight: 500;
    padding: 0.4rem 0.5rem;
    border-radius: 8px;
    margin-right: 0.5rem;
    transition: all 0.4s ease;
}

    .buttonsoffers__button:last-child {
        margin-right: 0rem;
    }

    .buttonsoffers__button:hover {
        background-color: var(--c-bluedark-hover);
    }

@media (max-width: 1260px) {
    .buttonsoffers__button {
        font-size: 1.15rem;
    }
}

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

.searchlot__input {
    padding: 0.5rem !important;
    width: 160px !important;
    border: 1px solid !important;
    border-color: var(--c-bluedark);
    margin-right: 0.4rem;
    font-size: 1rem;
    margin-bottom: 0rem !important;
    color: var(--c-bluedark);
}

.searchlot__button {
    font-size: 0.95rem;
    text-transform: capitalize;
    padding: 0.6rem 1rem;
    background-color: var(--c-bluedark);
    border-radius: 8px;
    border: 0;
    color: var(--c-white);
    cursor: pointer;
    transition: all 0.4s ease;
}

    .searchlot__button:hover {
        background-color: var(--c-bluedark-hover);
    }

.tableoffers {
    display: flex;
    flex-direction: column;
}

.tableoffers__title {
    padding: 0.4rem 1rem;
    background-color: var(--c-primary);
    color: var(--c-white);
    font-weight: 600;
    font-size: 1.15rem;
}

@media (max-width: 768px) {
    .tableoffers__title {
        font-size: 1rem;
    }
}

.tableoffers__items {
    padding: 0.4rem 1rem;
    background-color: var(--c-greylight);
    color: var(--c-black);
    font-size: 1rem;
}

@media (max-width: 768px) {
    .tableoffers__items {
        font-size: 0.9rem;
    }
}

.tableoffers__items strong {
    margin-right: 0.3rem;
}

.tableoffers__items:nth-child(even) {
    background-color: var(--c-greymedium);
}

.tableoffers__items--featured {
    color: var(--c-primary);
    font-weight: 700;
}

.progress-circle {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.progress-circle__content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: 0.6rem;
}

.progress-circle__number {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--c-bluedark);
}

.progress-circle__text {
    font-size: 0.9rem;
    color: var(--c-bluedark);
}

.progress-circle .progress-circle-border {
    border: 5px solid var(--c-greydark);
    border-radius: 100%;
    font-size: 55px;
    height: 55px;
    text-align: center;
    width: 55px;
}

    .progress-circle .progress-circle-border .left-half-circle, .progress-circle .progress-circle-border .right-half-circle {
        border: 5px solid var(--c-primary);
        border-radius: 50%;
        clip: rect(0, 0.5em, 1em, 0);
        height: 55px;
        margin-top: -5px;
        margin-left: -5px;
        position: absolute;
        width: 55px;
    }

    .progress-circle .progress-circle-border .left-half-circle {
        clip: rect(0, 0.5em, 1em, 0);
    }

.progress-circle .progress-circle-content {
    align-items: center;
    background-color: var(--c-white);
    border: 0;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    font-family: 'Source Sans Pro', sans-serif;
    height: 110px;
    justify-content: center;
    margin: 5px;
    min-height: 110px;
    min-width: 110px;
    padding: 1em;
    position: absolute;
    text-align: center;
    width: 110px;
    z-index: 2;
}

.progress-circle.p-1 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-1 .right-half-circle {
    transform: rotate(3.6deg);
}

.progress-circle.p-2 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-2 .right-half-circle {
    transform: rotate(7.2deg);
}

.progress-circle.p-3 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-3 .right-half-circle {
    transform: rotate(10.8deg);
}

.progress-circle.p-4 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-4 .right-half-circle {
    transform: rotate(14.4deg);
}

.progress-circle.p-5 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-5 .right-half-circle {
    transform: rotate(18deg);
}

.progress-circle.p-6 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-6 .right-half-circle {
    transform: rotate(21.6deg);
}

.progress-circle.p-7 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-7 .right-half-circle {
    transform: rotate(25.2deg);
}

.progress-circle.p-8 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-8 .right-half-circle {
    transform: rotate(28.8deg);
}

.progress-circle.p-9 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-9 .right-half-circle {
    transform: rotate(32.4deg);
}

.progress-circle.p-10 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-10 .right-half-circle {
    transform: rotate(36deg);
}

.progress-circle.p-11 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-11 .right-half-circle {
    transform: rotate(39.6deg);
}

.progress-circle.p-12 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-12 .right-half-circle {
    transform: rotate(43.2deg);
}

.progress-circle.p-13 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-13 .right-half-circle {
    transform: rotate(46.8deg);
}

.progress-circle.p-14 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-14 .right-half-circle {
    transform: rotate(50.4deg);
}

.progress-circle.p-15 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-15 .right-half-circle {
    transform: rotate(54deg);
}

.progress-circle.p-16 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-16 .right-half-circle {
    transform: rotate(57.6deg);
}

.progress-circle.p-17 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-17 .right-half-circle {
    transform: rotate(61.2deg);
}

.progress-circle.p-18 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-18 .right-half-circle {
    transform: rotate(64.8deg);
}

.progress-circle.p-19 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-19 .right-half-circle {
    transform: rotate(68.4deg);
}

.progress-circle.p-20 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-20 .right-half-circle {
    transform: rotate(72deg);
}

.progress-circle.p-21 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-21 .right-half-circle {
    transform: rotate(75.6deg);
}

.progress-circle.p-22 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-22 .right-half-circle {
    transform: rotate(79.2deg);
}

.progress-circle.p-23 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-23 .right-half-circle {
    transform: rotate(82.8deg);
}

.progress-circle.p-24 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-24 .right-half-circle {
    transform: rotate(86.4deg);
}

.progress-circle.p-25 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-25 .right-half-circle {
    transform: rotate(90deg);
}

.progress-circle.p-26 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-26 .right-half-circle {
    transform: rotate(93.6deg);
}

.progress-circle.p-27 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-27 .right-half-circle {
    transform: rotate(97.2deg);
}

.progress-circle.p-28 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-28 .right-half-circle {
    transform: rotate(100.8deg);
}

.progress-circle.p-29 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-29 .right-half-circle {
    transform: rotate(104.4deg);
}

.progress-circle.p-30 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-30 .right-half-circle {
    transform: rotate(108deg);
}

.progress-circle.p-31 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-31 .right-half-circle {
    transform: rotate(111.6deg);
}

.progress-circle.p-32 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-32 .right-half-circle {
    transform: rotate(115.2deg);
}

.progress-circle.p-33 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-33 .right-half-circle {
    transform: rotate(118.8deg);
}

.progress-circle.p-34 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-34 .right-half-circle {
    transform: rotate(122.4deg);
}

.progress-circle.p-35 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-35 .right-half-circle {
    transform: rotate(126deg);
}

.progress-circle.p-36 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-36 .right-half-circle {
    transform: rotate(129.6deg);
}

.progress-circle.p-37 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-37 .right-half-circle {
    transform: rotate(133.2deg);
}

.progress-circle.p-38 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-38 .right-half-circle {
    transform: rotate(136.8deg);
}

.progress-circle.p-39 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-39 .right-half-circle {
    transform: rotate(140.4deg);
}

.progress-circle.p-40 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-40 .right-half-circle {
    transform: rotate(144deg);
}

.progress-circle.p-41 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-41 .right-half-circle {
    transform: rotate(147.6deg);
}

.progress-circle.p-42 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-42 .right-half-circle {
    transform: rotate(151.2deg);
}

.progress-circle.p-43 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-43 .right-half-circle {
    transform: rotate(154.8deg);
}

.progress-circle.p-44 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-44 .right-half-circle {
    transform: rotate(158.4deg);
}

.progress-circle.p-45 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-45 .right-half-circle {
    transform: rotate(162deg);
}

.progress-circle.p-46 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-46 .right-half-circle {
    transform: rotate(165.6deg);
}

.progress-circle.p-47 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-47 .right-half-circle {
    transform: rotate(169.2deg);
}

.progress-circle.p-48 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-48 .right-half-circle {
    transform: rotate(172.8deg);
}

.progress-circle.p-49 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-49 .right-half-circle {
    transform: rotate(176.4deg);
}

.progress-circle.p-50 .left-half-circle {
    border-color: var(--c-greydark) !important;
    z-index: 2;
    transform: rotate(0deg);
}

.progress-circle.p-50 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-51 .left-half-circle {
    transform: rotate(-176.4deg);
}

.progress-circle.p-51 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-52 .left-half-circle {
    transform: rotate(-172.8deg);
}

.progress-circle.p-52 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-53 .left-half-circle {
    transform: rotate(-169.2deg);
}

.progress-circle.p-53 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-54 .left-half-circle {
    transform: rotate(-165.6deg);
}

.progress-circle.p-54 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-55 .left-half-circle {
    transform: rotate(-162deg);
}

.progress-circle.p-55 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-56 .left-half-circle {
    transform: rotate(-158.4deg);
}

.progress-circle.p-56 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-57 .left-half-circle {
    transform: rotate(-154.8deg);
}

.progress-circle.p-57 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-58 .left-half-circle {
    transform: rotate(-151.2deg);
}

.progress-circle.p-58 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-59 .left-half-circle {
    transform: rotate(-147.6deg);
}

.progress-circle.p-59 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-60 .left-half-circle {
    transform: rotate(-144deg);
}

.progress-circle.p-60 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-61 .left-half-circle {
    transform: rotate(-140.4deg);
}

.progress-circle.p-61 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-62 .left-half-circle {
    transform: rotate(-136.8deg);
}

.progress-circle.p-62 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-63 .left-half-circle {
    transform: rotate(-133.2deg);
}

.progress-circle.p-63 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-64 .left-half-circle {
    transform: rotate(-129.6deg);
}

.progress-circle.p-64 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-65 .left-half-circle {
    transform: rotate(-126deg);
}

.progress-circle.p-65 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-66 .left-half-circle {
    transform: rotate(-122.4deg);
}

.progress-circle.p-66 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-67 .left-half-circle {
    transform: rotate(-118.8deg);
}

.progress-circle.p-67 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-68 .left-half-circle {
    transform: rotate(-115.2deg);
}

.progress-circle.p-68 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-69 .left-half-circle {
    transform: rotate(-111.6deg);
}

.progress-circle.p-69 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-70 .left-half-circle {
    transform: rotate(-108deg);
}

.progress-circle.p-70 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-71 .left-half-circle {
    transform: rotate(-104.4deg);
}

.progress-circle.p-71 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-72 .left-half-circle {
    transform: rotate(-100.8deg);
}

.progress-circle.p-72 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-73 .left-half-circle {
    transform: rotate(-97.2deg);
}

.progress-circle.p-73 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-74 .left-half-circle {
    transform: rotate(-93.6deg);
}

.progress-circle.p-74 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-75 .left-half-circle {
    transform: rotate(-90deg);
}

.progress-circle.p-75 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-76 .left-half-circle {
    transform: rotate(-86.4deg);
}

.progress-circle.p-76 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-77 .left-half-circle {
    transform: rotate(-82.8deg);
}

.progress-circle.p-77 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-78 .left-half-circle {
    transform: rotate(-79.2deg);
}

.progress-circle.p-78 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-79 .left-half-circle {
    transform: rotate(-75.6deg);
}

.progress-circle.p-79 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-80 .left-half-circle {
    transform: rotate(-72deg);
}

.progress-circle.p-80 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-81 .left-half-circle {
    transform: rotate(-68.4deg);
}

.progress-circle.p-81 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-82 .left-half-circle {
    transform: rotate(-64.8deg);
}

.progress-circle.p-82 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-83 .left-half-circle {
    transform: rotate(-61.2deg);
}

.progress-circle.p-83 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-84 .left-half-circle {
    transform: rotate(-57.6deg);
}

.progress-circle.p-84 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-85 .left-half-circle {
    transform: rotate(-54deg);
}

.progress-circle.p-85 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-86 .left-half-circle {
    transform: rotate(-50.4deg);
}

.progress-circle.p-86 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-87 .left-half-circle {
    transform: rotate(-46.8deg);
}

.progress-circle.p-87 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-88 .left-half-circle {
    transform: rotate(-43.2deg);
}

.progress-circle.p-88 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-89 .left-half-circle {
    transform: rotate(-39.6deg);
}

.progress-circle.p-89 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-90 .left-half-circle {
    transform: rotate(-36deg);
}

.progress-circle.p-90 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-91 .left-half-circle {
    transform: rotate(-32.4deg);
}

.progress-circle.p-91 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-92 .left-half-circle {
    transform: rotate(-28.8deg);
}

.progress-circle.p-92 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-93 .left-half-circle {
    transform: rotate(-25.2deg);
}

.progress-circle.p-93 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-94 .left-half-circle {
    transform: rotate(-21.6deg);
}

.progress-circle.p-94 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-95 .left-half-circle {
    transform: rotate(-18deg);
}

.progress-circle.p-95 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-96 .left-half-circle {
    transform: rotate(-14.4deg);
}

.progress-circle.p-96 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-97 .left-half-circle {
    transform: rotate(-10.8deg);
}

.progress-circle.p-97 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-98 .left-half-circle {
    transform: rotate(-7.2deg);
}

.progress-circle.p-98 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-99 .left-half-circle {
    transform: rotate(-3.6deg);
}

.progress-circle.p-99 .right-half-circle {
    transform: rotate(180deg);
}

.progress-circle.p-100 .left-half-circle {
    transform: rotate(0deg);
}

.progress-circle.p-100 .right-half-circle {
    transform: rotate(180deg);
}

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