body { font-family: Mulish, open-sans; font-size: 18px; font-weight: 400; line-height: 20px; }
* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
a:active, a:hover, a:link, a:visited { outline: none; }
a, body, div, figure, h1, h2, h3, h4, h5, h6, html, p, ul { margin: 0; padding: 0; }
body { color: #000; }
input { outline: none }
img { max-width: 100%; }
ul { list-style-type: none; }
h1, h2, h3 { line-height: 32px; }

.text-bold, .txt-bold { font-weight: 700; }
.text-upper, .txt-upper { text-transform: uppercase; }
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.col { float: left; }
.col-med { width: 5%; }
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 41.66666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 65%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }
.col-mg-2 { margin-left: 16.66666667%; }
.sm-visible { display: none; }
.bg_grey { background-color: gainsboro; color: dimgrey; }
.bg_green { background-color: darkkhaki; color: #ffffff; }
.cita { font-style: italic; font-weight: bolder; }
.buttonRed { float: right; border: 1px solid red; padding: 5px 10px; margin-top: 10px; border-radius: 7px; background: red; color: white;
}
@media (max-width: 960px) {
    .sm-hidden {
        display: none
    }

    .sm-visible {
        display: block
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667% !important
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667% !important
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media (max-width: 768px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
        width: 100%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-12 {
        width: 100% !important
    }

    .xs-hidden {
        display: none !important
    }
}

.flex {
    display: flex
}

.flex__shrink-0 {
    flex-shrink: 0
}

.flex__stretch {
    align-items: stretch
}

.flex__start {
    justify-content: flex-start
}

.flex__end {
    justify-content: flex-end
}

.flex__between {
    justify-content: space-between
}

.flex__around {
    justify-content: space-around
}

.flex__grow {
    flex-grow: 1
}

.flex__center {
    align-items: center;
    justify-content: center
}

.flex__flow {
    -webkit-flex-flow: row wrap;
    justify-content: space-around
}

.flex__wrap {
    flex-wrap: wrap
}

.flex-direction__row {
    flex-direction: row
}

.flex-direction__row-reverse {
    flex-direction: row-reverse
}

.flex-direction__column {
    flex-direction: column
}

.flex__row {
    flex-direction: row
}

.flex__column {
    flex-direction: column
}

.flex__row-reverse {
    flex-direction: row-reverse
}

.flex__column-reverse {
    flex-direction: column-reverse
}

.flex__inherit {
    align-items: normal !important
}

.flex__flow-wrap {
    flex-flow: wrap
}

@media (max-width: 992px) {
    .flex-md-column {
        width: 100%
    }

    .flex-md-center {
        justify-content: center
    }

    .flex-md-reverse {
        flex-direction: column-reverse
    }
}

@media (max-width: 750px) {
    .flex-sm-column {
        flex-direction: column
    }
}

svg.icon {
    height: 16px;
    width: 18px
}

.p-1 {
    padding: 5px
}

.p-2 {
    padding: 10px
}

.p-3 {
    padding: 15px
}

.p-4 {
    padding: 20px
}

.p-x1 {
    padding: 0 5px
}

.p-x2 {
    padding: 0 10px
}

.p-x3 {
    padding: 0 15px
}

.p-x4 {
    padding: 0 20px
}

.p-y1 {
    padding: 5px 0
}

.p-y2 {
    padding: 10px 0
}

.p-y3 {
    padding: 15px 0
}

.p-y4 {
    padding: 20px 0
}

.m-1 {
    margin: 5px
}

.m-2 {
    margin: 10px
}

.m-3 {
    margin: 15px
}

.m-4 {
    margin: 20px
}

.m-x1 {
    margin: 0 5px
}

.m-x2 {
    margin: 0 10px
}

.m-x3 {
    margin: 0 15px
}

.m-x4 {
    margin: 0 20px
}

.m-y1 {
    margin: 5px 0
}

.m-y2 {
    margin: 10px 0
}

.m-y3 {
    margin: 15px 0
}

.m-y4 {
    margin: 20px 0
}

.btn {
    -webkit-appearance: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    padding: 7px 25px
}

.btn.btn-outline {
    background: transparent;
    border: 1px solid #d41e33;
    color: #d41e33
}

.btn.btn-outline:hover, .btn.is-primary {
    background: #d41e33;
    color: #fff
}

.btn.is-primary {
    align-items: center;
    border-radius: 5px;
    display: flex;
    font-size: 18px;
    font-weight: 400
}

.btn.is-primary.is-outline {
    background: transparent;
    border: 1px solid #d41e33;
    color: #d41e33
}

.btn.is-primary.is-outline:hover {
    background: #d41e33;
    color: #fff
}

.btn.is-secondary {
    background: #ebeaea;
    border-radius: 5px
}

.btn.btn-gray {
    background: #ebeaea;
    border: 1px solid #ebeaea;
    color: #000
}

button {
    -webkit-appearance: none
}

button:focus {
    outline: none
}

.goToBack {
    padding: 5px 0 15px
}

.goToBack a {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700
}

.goToBack a .icon {
    margin-left: 10px
}

.select {
    position: relative;
    vertical-align: top
}

.select select {
    -moz-box-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    padding: 5px 20px 5px 3px;
    position: releative
}

.select:after {
    border: 1px solid #000;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 6px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 9px;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 6px
}

.select.opt-sortby button {
    border: 1px solid #e1454b;
    height: 36px
}

.select.opt-sortby:after {
    border: 1px solid #e1454b;
    height: 8px;
    top: 12px;
    width: 8px
}

.messageBox {
    border-radius: 5px;
    font-size: 13px;
    padding: 15px;
    width: 100% !important
}

.messageBox__error {
    background: #ffedef !important;
    color: #ff5263 !important;
    margin-bottom: 25px !important
}

.table {
    background: transparent;
    border-collapse: collapse;
    max-width: 100%;
    width: 100%
}

.table__striped tbody tr:hover, .table__striped tbody tr:nth-of-type(odd) {
    background-color: #fafafa
}

.table__striped tbody tr:nth-of-type(odd):hover {
    background-color: #fff
}

.table td, .table th {
    background: inherit;
    border: 0;
    cursor: pointer;
    font-size: 13px;
    padding: 10px;
    text-align: center
}

.table .txt-left, .table .txt-right, .table.txt-left, .table.txt-right {
    text-align: left
}

.table .thead__dark th {
    background: #000;
    color: #fff
}

.table .thead-title {
    background: #d41e33;
    color: #fff;
    text-transform: uppercase
}

.form input, .form textarea {
    -webkit-appearance: none;
    font-family: Mulish
}

.form__card h1 {
    color: #d41e33;
    font-size: 20px;
    margin: 25px 0 20px
}

.form__card h2 {
    font-size: 24px
}

.form__card p {
    font-size: 16px;
    margin-right: 15px
}

.form__card .card__search-form > div {
    margin: 15px
}

.form__card .card__search-form > div select {
    font-size: 16px;
    padding: 10px 20px 10px 10px
}

.form__card .card__search-form .select:after {
    right: 10px;
    top: 13px
}

.form__card form {
    background: #fafafa;
    border-radius: 10px;
    padding: 50px
}

.form__card form input {
    border-radius: 5px;
    font-size: 16px;
    width: 100%
}

.form__card form input[type=text] {
    border: 1px solid #ebeaea;
    margin: 25px 0 15px;
    min-height: 100px;
    padding: 10px 25px
}

.form__card form input[type=submit] {
    background: transparent;
    border: 1px solid #d41e33;
    color: #d41e33;
    cursor: pointer;
    padding: 15px 0
}

.form__card form input[type=submit]:hover {
    background: #d41e33;
    color: #fff
}

.dropdown {
    position: relative
}

.dropdown .dropdown-menu {
    border-radius: 0 0 8px 8px;
    min-width: 200px;
    opacity: 0;
    overflow: hidden;
    padding-top: 10px;
    position: absolute;
    right: 0;
    top: 200%;
    transition: .3s;
    visibility: hidden;
    z-index: 990
}

.dropdown .dropdown-menu:before {
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 12px;
    top: 0;
    width: 0
}

.dropdown .dropdown-menu a {
    background: #fafafa;
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px
}

.dropdown .dropdown-menu a:hover {
    background: #ebeaea
}

.dropdown .dropdown-menu a.logout {
    color: #d41e33
}

.dropdown .dropdown-menu .upgrade {
    background: #fafafa;
    padding: 10px 20px 20px
}

.dropdown .dropdown-menu .upgrade .divider {
    border: 1px solid #000;
    display: block;
    margin: 0 0 20px
}

.dropdown .dropdown-menu .upgrade a {
    background: #000;
    color: #fff;
    font-size: 16px
}

.dropdown.is-active .dropdown-menu {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.btn-dropdown {
    background: transparent;
    border: 0;
    cursor: pointer
}

.trs-mdl { backface-visibility: hidden; height: auto; left: 50%; max-width: 750px; min-width: 320px; position: fixed; top: 50%; transform: translateX(-50%) translateY(-50%); visibility: hidden; width: 50%; z-index: 2002; }

.trs-mdl-content { background: #fafafa; border-radius: 7px; border-radius: 3px; margin: 0 auto; padding: 75px 100px; position: relative; }
.trs-mdl-like { padding:30px 50px; }
.trs-mdl-content.mdl-saleType { padding: 0; }
.trs-mdl-content.mdl-saleType h3 { color: #000; font-size: 20px; letter-spacing: 6px; padding: 20px 0; }
.trs-mdl-content.mdl-showroom { text-align: center; }
.trs-mdl-content.mdl-showroom h3 { background: #fd9f27; }
.trs-mdl-content.mdl-showroom h3.oh-highlight { background: transparent; letter-spacing: 0; padding: 0; text-transform: none; }
.trs-mdl-content.mdl-showroom p { font-weight: 400; margin: 0; text-transform: none; }
.trs-mdl-content.mdl-promo h3 { background: #d41e33; }
.trs-mdl-content.mdl-bono h3 { background: #000; }
.trs-mdl-content h3 { font-size: 28px; line-height: 28px; }
.trs-mdl-content p { font-size: 18px; margin: 10px 0 15px; }
.trs-mdl-content form select { border: 1px solid #ebeaea; border-radius: 5px; font-size: 20px; margin: 5px 0; padding: 10px; text-align: center; width: 100%;}
.trs-mdl-content form input, .trs-mdl-content form textarea { border: 1px solid #ebeaea; border-radius: 5px; margin: 5px 0; padding: 10px; width: 100%; }
.trs-mdl-content form input::placeholder, .trs-mdl-content form textarea::placeholder { color: #000; font-family: Mulish; font-size: 16px; }
.trs-mdl-content form input { min-height: 50px; }
.trs-mdl-content form input[type=submit] { -webkit-appearance: none; background: #d41e33; color: #fff; font-size: 16px; }
.trs-mdl-content form textarea { height: 110px; resize: none; }
.trs-mdl-content form .star-rating { font-size: 30px; color: #ccc; cursor: pointer; padding: 20px 0; }
.trs-mdl-content form .star-rating .selected { color: #f5eb3b; }

.trs-mdl.mdl-effect-1 .trs-mdl-content {
    opacity: 0;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.trs-mdl.md-show {
    visibility: visible
}

.trs-mdl.md-show.mdl-effect-1 .trs-mdl-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.trs-mdl.md-show ~ .mdl-overlay {
    opacity: 1 !important;
    visibility: visible !important
}


.trs-mdl-close { background: transparent; border: 0; color: #d41e33; cursor: pointer; position: absolute; right: 10px; top: 10px; z-index: 1 }
.trs-mdl-close2 { background: #000000; border: 1px solid #ebeaea; border-radius: 5px; color: #ffffff; cursor: pointer; font-size: 16px; margin: 5px 0; min-height: 36px; padding: 10px; width: 100%; z-index: 1; }
.trs-mdl.modal-video { max-width: 960px; width: 80% }
.trs-mdl.modal-video .trs-mdl-content { padding: 0 }
.trs-mdl.modal-video .trs-mdl-content .trs-mdl-close { color: #fff; right: -35px; top: -35px }
.trs-mdl.modal-video .trs-mdl-content .trs-mdl-close svg { width: 35px }

.trs-mdl.modal-video .trs-mdl-content .embed-responsive {
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.trs-mdl.modal-video .trs-mdl-content .embed-responsive:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.trs-mdl.modal-video .trs-mdl-content .embed-responsive:after {
    clear: both;
    content: "";
    display: block
}

.trs-mdl.modal-video .trs-mdl-content .embed-responsive iframe, .trs-mdl.modal-video .trs-mdl-content .embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.trs-mdl.modal-like { max-width: 550px; width: 80%; }
.trs-mdl .like-form h2 { color: #d41e33; font-size: 20px }
.trs-mdl .like-form p { font-size: 14px; margin: 5px 0; }
.trs-mdl .like-form textarea::placeholder { color: #766e6e }
.trs-mdl .like-form select { font-size: 14px; }
.trs-mdl .like-form input { min-height: 36px; }
.trs-mdl .like-form p.check { text-align: left; margin-left: 15%; }
.trs-mdl .like-form p.check input { min-height: 20px; width: 8%; }



.trs-mdl .like-form input[type=submit] { background: #000 }

.trs-mdl.modal-vote { max-width: 960px; width: 80%; }
.trs-mdl.modal-vote + .mdl-overlay { background: #707070; }

.trs-mdl .vote-form h2 { color: #d41e33; font-size: 28px }
.trs-mdl .vote-form p { font-size: 22px }
.trs-mdl .vote-form textarea::placeholder { color: #766e6e }
.trs-mdl .vote-form input[type=submit] { background: #000 }

.trs-mdl.mdl-videoAsk .trs-mdl-content {
    background: #ff9c1c;
    border-radius: 15px;
    overflow: hidden;
    padding: 0
}

.trs-mdl.mdl-videoAsk .trs-mdl-content .trs-mdl-close {
    color: #000
}

.trs-mdl.mdl-videoAsk .trs-mdl-content .trs-mdl-close svg {
    width: 40px !important
}

.trs-mdl.mdl-videoAsk .trs-mdl-content .flex__wrap {
    background: #fff;
    padding: 75px 85px 50px;
    position: relative;
    width: 100%
}

.trs-mdl.mdl-videoAsk .trs-mdl-content .flex__wrap:before {
    background: #ff9c1c;
    content: "";
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.trs-mdl.mdl-videoAsk .trs-mdl-content img {
    margin-bottom: 35px;
    width: 170px;
    z-index: 1
}

.trs-mdl.mdl-videoAsk .trs-mdl-content h2 {
    color: #d11e33;
    font-size: 34px;
    font-weight: 700;
    line-height: 38px
}

.trs-mdl.mdl-videoAsk .trs-mdl-content p {
    font-size: 30px;
    font-style: italic;
    line-height: 30px
}

.trs-mdl.mdl-videoAsk .trs-mdl-content a {
    background: #000;
    border-radius: 5px;
    color: #41e7d1;
    font-size: 26px;
    line-height: 26px;
    padding: 15px 60px
}

.trs-mdl#modal-block {
    text-align: center
}

.trs-mdl#modal-block p {
    color: #d41e33;
    display: block;
    font-size: 22px;
    margin-bottom: 30px
}

.trs-mdl#modal-block a {
    background: #41ead4;
    border-radius: 5px;
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 35px
}

.mdl-overlay {
    background: rgba(44, 44, 44, .8);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .3s;
    visibility: hidden;
    width: 100%;
    z-index: 2001
}

@media (max-width: 960px) {
    .trs-mdl {
        width: 80%
    }

    .trs-mdl-content {
        padding: 30px 15px 20px
    }
}

@media (max-width: 768px) {
    .trs-mdl {
        width: 90%
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content .flex__wrap {
        padding: 40px 35px
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content .flex__wrap:before {
        height: 115px
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content img {
        width: 120px
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content h2 {
        font-size: 28px;
        line-height: 30px
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content p {
        font-size: 25px
    }
}

@media (max-width: 520px) {
    .trs-mdl.mdl-videoAsk .trs-mdl-content img {
        margin-bottom: 10px
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content h2 {
        font-size: 24px
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content p {
        font-size: 22px
    }

    .trs-mdl.mdl-videoAsk .trs-mdl-content a {
        font-size: 22px;
        padding: 15px 20px
    }
}

.card .card-image {
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.card .card-image img {
    height: 100%;
    margin-bottom: 0;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.card .card-body {
    background: #ebeaea;
    padding: 10px
}

.card .card-body h2 {
    color: #d41e33;
    font-size: 20px;
    margin: 0
}

.card .card-btn button, .card .card-btn p.votos {
    background: #000;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    width: 100%
}

.card .card-btn p.not-allowed {
    cursor: not-allowed;
    opacity: .5
}

.card.is-radius {
    border-radius: 10px;
    overflow: hidden
}

.card.is-shadow {
    box-shadow: 0 8px 9px #00000029
}

.card.golden-agent .card-body, .card.golden-agent .card-body h2 {
    font-size: 16px
}

.card.golden-agent .card-body.list-details {
    background: #fff;
    padding: 15px 20px
}

.card.golden-agent .card-body.list-details h2 {
    font-size: 20px
}

.card.golden-agent .card-body.list-details .list-comm {
    padding: 2px 0
}

.card.golden-agent .card-body.list-details .list-comm .comm-label {
    font-size: 12px
}

.card.golden-agent .card-body.list-details .list-comm .comm-name {
    font-size: 16px
}

.card.golden-agent .card-body.list-details .commision a:first-child {
    margin-right: 20px
}

.card.golden-agent .card-body.list-details .list-currency + p, .card.golden-agent .card-body.list-details .list-currency + p + p {
    font-size: 18px
}

.search__filter-listings .search-by {
    width: 190px
}

.search__filter-listings .btn-moreF {
    position: relative;
    width: 110px !important
}

.search__filter-listings .btn-moreF:after {
    display: none !important
}

.search__filter-listings .input__group.filter-NV button, .search__filter-listings .input__group.filter-NV input[type=text] {
    pointer-events: none
}

.search__filter-listings .input__group.filter-NV button {
    background: #d5d5d5
}

.search__filter-listings .input__group.filter-NV .icon-candado {
    bottom: 25px;
    height: 22px;
    pointer-events: all;
    position: absolute;
    right: -4px;
    width: 22px;
    z-index: 2
}

.search__filter-listings .input__group.filter-NV .icon-candado + span {
    background: #fd9f27;
    border-radius: 5px;
    bottom: 50px;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    padding: 7px 10px;
    position: absolute;
    right: -10px;
    width: 370px;
    z-index: 4
}

.search__filter-listings .input__group.filter-NV .icon-candado + span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fd9f27;
    content: "";
    height: 0;
    position: absolute;
    right: 11px;
    top: 25px;
    width: 0
}

.search__filter-listings .input__group.filter-NV .icon-candado:hover + span {
    display: block
}

.search__filter-listings .input__group-btn .btn {
    border: 0;
    border-radius: 0 5px 5px 0;
    color: #fff;
    height: 100%
}

.search__filter-listings .search__container {
    margin: 0;
    padding: 0
}

.search__filter-listings .search__container .filter-button-container {
    padding: 0 6px;
    width: 20%
}

.search__filter-listings .search__container .filter-button-container:after {
    top: 15px
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options {
    border: 0;
    right: 0;
    width: 380px
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container {
    width: 100%
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container .input-label {
    color: #afa5a5;
    font-size: 12px;
    text-transform: uppercase
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-neigh, .search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-type {
    margin-top: 10px
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-neigh .filter-options, .search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-type .filter-options {
    padding: 0;
    position: relative;
    width: 100%
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-neigh .filter-options .filter-custom, .search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-type .filter-options .filter-custom {
    border-bottom: 0
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-neigh .filter-options .filter-custom label, .search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-type .filter-options .filter-custom label {
    padding: 5px 0
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-price .filter-options {
    padding: 0;
    position: relative;
    width: 100%
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-price .filter-options .filter-custom {
    border: 0
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-price .filter-options .filter-custom label {
    padding: 5px 0 5px 25px
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container.filter-button-price .filter-options .filter-custom span {
    left: 0
}

.search__filter-listings .search__container .filter-button-container.btn-filter .filter-options .filter-button-container:after {
    display: none
}

.search__filter-listings .search__filter-buttons #Zone {
    width: 40%
}

.search__filter-listings .search__filter-buttons #Zone #comboAreaNeighborhood {
    width: 100%
}

.search__filter-listings .search-button {
    border-left: 0;
    margin: 0;
    padding: 0 6px
}

.search__filter-listings .search-button button {
    border-radius: 5px
}

.banner_project { margin-bottom: 15px; }
.banner_project img { width: 100%; }

.listing-detail-fixed { background: #fff; padding: 10px 0; position: fixed; top: 56px; width: 100%; z-index: 4; }
.listing-detail-fixed.filter-NV { top: 86px; }
.listing-detail-fixed .list-result-item { border: solid #d41e33; border-radius: 0; border-width: 0 0 2px; box-shadow: none; margin-bottom: 0; padding-bottom: 15px; }
.listing-detail-fixed .list-thumbnail { border-radius: 5px; overflow: hidden; }
.listing-detail-fixed .list-name { font-size: 18px; margin: 0; }
.listing-detail-fixed .list-name span { display: block; font-size: 14px; font-weight: 300; }
.listing-detail-fixed .list-bed { align-items: center; }
.listing-detail-fixed .list-bed svg { margin: 1px 5px 0; }
.listing-detail-fixed .list-bed svg:first-child { margin-left: 0; }
.listing-detail-fixed .filter-NV .master-broker { filter: blur(2px); }
.listing-detail-fixed .filter-NV .send-comment { color: #afa5a5; }
.listing-detail-fixed .filter-NV .send-comment button { background: #d5d5d5; color: #ebeaea; pointer-events: none; position: relative; }
.listing-detail-fixed .filter-NV .send-comment button:hover { background: #d5d5d5; }
.listing-detail-fixed .filter-NV .send-comment button svg { height: 22px; position: absolute; right: -6px; top: -5px; width: 22px; }
.listing-detail-fixed .filter-NV .C-filterNV svg:hover + span { display: block; }
.listing-detail-fixed .filter-NV .C-filterNV span { background: #fd9f27; border-radius: 5px; color: #212121; display: none; font-size: 10px; padding: 7px 10px; position: absolute; right: -10px; top: -35px; width: 360px; }
.listing-detail-fixed .filter-NV .C-filterNV span:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fd9f27; content: ""; height: 0; position: absolute; right: 11px; top: 25px; width: 0; }
.listing-detail-fixed .col-2 { background: #ebeaea; border-radius: 10px; margin-left: 2%; padding: 10px; }
.listing-detail-fixed .list-desc { margin-top: 10px; }
.listing-detail-fixed .btn-actions { flex-direction: column; }
.listing-detail-fixed .btn-actions a.filter-NV { pointer-events: none; position: relative; }
.listing-detail-fixed .btn-actions a.filter-NV img { filter: grayscale(1); }
.listing-detail-fixed .btn-actions a.filter-NV .icon-candado { height: 22px; pointer-events: all; position: absolute; right: -6px; top: -5px; width: 22px; z-index: 2; }
.listing-detail-fixed .btn-actions a.filter-NV .icon-candado + span { background: #fd9f27; border-radius: 5px; color: #212121; display: none; font-size: 10px; line-height: 11px; padding: 7px 10px; position: absolute; right: -10px; top: -35px; width: 370px; z-index: 4; }
.listing-detail-fixed .btn-actions a.filter-NV .icon-candado + span:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fd9f27; content: ""; height: 0; position: absolute; right: 11px; top: 25px; width: 0; }
.listing-detail-fixed .btn-actions a.filter-NV .icon-candado:hover + span { display: block; }
.listing-detail-fixed .btn-actions button { background: transparent; border: 0; outline: none; }
.listing-detail-fixed .btn-actions button svg { height: 32px; width: 30px; }
.listing-detail-fixed .list-details { padding: 10px 15px 0; }
.listing-detail-fixed .send-comment { font-size: 16px; }
.listing-detail-fixed .send-comment .btn { background: #fd9f27; border: 0; color: #000; font-size: inherit; font-weight: 300; margin-top: 10px; padding: 8px 10px 10px; }
.listing-detail-fixed .master-broker { margin-top: 10px; }
.listing-detail-summary { margin-top: 225px; }
.listing-detail-summary .box-video div { border: 0; margin-bottom: 15px; }
.listing-details { margin-bottom: 15px; }
.listing-details.filter-NV { filter: blur(5px); }
.listing-details.downloadPDF { align-items: center; }
.listing-details.downloadPDF > div { position: relative; }
.listing-details > h3 { font-size: 18px; }
.listing-details .PDF-btn { background: #41ead4; color: #000; font-weight: 700; padding: 10px 25px; }
.listing-details .PDF-btn:hover { opacity: .7; }
.listing-details .PDF-btn:first-child { margin-right: 15px; }
.listing-details .PDF-btn.filter-NV { background: #d5d5d5; color: #ebeaea; pointer-events: none; position: relative; }
.listing-details .PDF-btn.filter-NV + .icon-candado { height: 22px; pointer-events: all; position: absolute; right: -6px; top: -15px; width: 22px; z-index: 2; }
.listing-details .PDF-btn.filter-NV + .icon-candado + span { background: #fd9f27; border-radius: 5px; color: #212121; display: none; font-size: 10px; line-height: 11px; padding: 7px 10px; position: absolute; right: -10px; top: -45px; width: 370px; z-index: 4; }
.listing-details .PDF-btn.filter-NV + .icon-candado + span:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fd9f27; content: ""; height: 0; position: absolute; right: 11px; top: 25px; width: 0; }
.listing-details .PDF-btn.filter-NV + .icon-candado:hover + span { display: block; }
.listing-details .listing__card-header { background: #000; border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; padding: 10px 0; }
.listing-details .listing__card-header2 { background: darkkhaki; border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; padding: 10px 0; }
.listing-details .listing__card-header h3 { font-size: 18px; font-weight: 300; }
.listing-details .listing__card-discounts { background: #000; color: #fff; font-size: 18px; padding: 10px 0 0; display: flex; }
.listing-details .listing__card-discounts2 { background: darkkhaki; border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; padding: 10px 0; }
.listing-details .listing__card-discounts p { border: 1px solid #fff; border-radius: 5px 5px 0 0; padding: 8px 5px 2px 5px; text-align: center; margin: 0 2px; }
.listing-details .listing__card-discounts p.active { background-color: #ebeaea;  color: #000; }
.listing-details .listing__card-discounts p a { text-decoration: none; cursor: pointer; width: 100%; }
.listing-details .fs_box { border: 1px solid #000; border-radius: 7px; margin-top: 20px; }
.listing-details .listing__card-body { background: #fafafa; font-weight: 300; }
.listing-details .listing__card-body h3 { background: #ebeaea; font-weight: 400; }
.listing-details .listing__card-body h3, .listing-details .listing__card-body p { font-size: 16px; padding: 7px 0 9px; }
.listing-details .listing__card-body .units p { padding: 7px 45px 9px; text-align: left; }
.listing-details .listing__card-body .units p span { float: right; }
.listing-details .listing__card-body .units-heading { background: #ebeaea; }
.listing-details .listing__card-body .filter-NV { filter: blur(5px); }
.listing-details .listing__card-body a.filter-NV { filter: blur(0) !important; pointer-events: none; }
.listing-details .listing__card-body a.filter-NV img { filter: grayscale(1); position: relative; z-index: 1; }
.listing-details .listing__card-body a.filter-NV .icon-candado { bottom: 35px; height: 22px; pointer-events: all; position: absolute; right: -4px; width: 22px; z-index: 2; }
.listing-details .listing__card-body a.filter-NV .icon-candado + span { background: #fd9f27; border-radius: 5px; bottom: 60px; color: #212121; display: none; font-size: 10px; font-weight: 400; left: 15px; line-height: 11px; padding: 7px 10px; position: absolute; width: 370px; z-index: 4; }
.listing-details .listing__card-body a.filter-NV .icon-candado + span:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fd9f27; content: ""; height: 0; left: 20px; position: absolute; top: 25px; width: 0; }
.listing-details .listing__card-body a.filter-NV .icon-candado:hover + span { display: block; }
.listing-details .listing__card-body .respuesta { float: right; width: 80%; border: 1px solid grey; border-radius: 5px; padding: 5px; margin: 10px; background-color: #f5f1be; }
.listing-details .listing__card-bonus .listing__card-body, .listing-details .listing__card-promo .listing__card-body, .listing-details .listing__card-showroom .listing__card-body { background: #fafafa; padding: 30px; }
.listing-details .listing__card-bonus .list-thumbnail, .listing-details .listing__card-promo .list-thumbnail, .listing-details .listing__card-showroom .list-thumbnail { border-radius: 5px; height: 100%; overflow: hidden; width: 100%; }
.listing-details .listing__card-bonus .bonus-date, .listing-details .listing__card-bonus .promo-date, .listing-details .listing__card-promo .bonus-date, .listing-details .listing__card-promo .promo-date, .listing-details .listing__card-showroom .bonus-date, .listing-details .listing__card-showroom .promo-date { font-weight: 700; }
.listing-details .listing__card-bonus .col-8 { padding: 0 35px 0 50px; }
.listing-details .listing__card-promo .listing__card-header { background: #d41e33; }
.listing-details .listing__card-promo .col-8 { padding: 25px 35px 25px 50px; }
.listing-details .listing__card-showroom .listing__card-header { background: #d5d5d5; color: #000; }
.listing-details .listing__card-showroom .col-8 { padding: 20px 35px 20px 50px; }
.listing-details .listing__card .items-location ul li { display: block; font-size: 16px; padding: 10px; }
.listing-details .listing__card .items-location ul li span { padding: 0 10px; }
.listing-details .listing__card .items-amenidades p { padding: 7px 30px 9px; }
.listing-details .listing__card .items-amenidades p.box { border: 1px solid gray; border-radius: 5px; margin: 2px; width: 32.333333%; }
.listing-details .listing__card .items-amenidades p span { margin-right: 25px; }
.listing-details .listing__card #map, .listing-details .listing__card .map-location { height: 100%; }
.listing-details .listing__card .map-location { padding-left: 15px; }
.listing-details .bonus_ribbon { background: #000; color: #fff; font-size: 16px; padding: 5px 10px; position: absolute; right: 0; top: 0; }
.listing-bonus { background-color: #fafafa; color: #d41e33; font-size: 12px; margin: 0 2px; }
.listing-bonus div.button { background-color: darkseagreen; border: 1px solid darkgray; float: left; text-align: center; padding: 2px 0; }
.listing-bonus div.one_button { margin: 10px 5%; width: 90%; }
.listing-bonus div.two_buttons { margin: 10px 4%; width: 42%; }
.listing-bonus div.tree_buttons { margin: 10px 2%; width: 29%; }
.listing-bonus div.four_buttons { margin: 10px 1%; width: 23%; }
.tooltip { position: absolute; width: 350px; background-color: #fafafa; color: #d41e33; text-align: center; border: 1px solid #d41e33; min-height: 100px; padding: 15px 15px; z-index: 100; display: none; align-items: center; justify-content: center; overflow: hidden; }
.tooltip h3 { background-color: lightgray; color: #d41e33; display: inline-block; font-size: 18px; margin-bottom: 10px; width: 100%; }
.tooltip p { display: inline-block; font-size: 16px; }

.list-results { color: #000; margin-bottom: 20px; margin-top: 10px; }
.list-results h5 { font-size: 12px; margin-top: 0; }
.list-results div div { margin: 0 10px; }
.list-results div .boxOrden select { width: 75px; }
.list-results div #boxShow select { width: 105px; }
.list-results div select { border: 0; }
.list-results div .btn-map a { background: #fff; border: 1px solid #d41e33; border-radius: 7px; font-size: 16px; font-weight: 700; padding: 10px; }
.list-results div .btn-map a:hover { background: #d41e33; color: #fff; }
.list-results div .btn-map.filter-NV { position: relative; }
.list-results div .btn-map.filter-NV a { border: 0; color: #ebeaea; pointer-events: none; }
.list-results div .btn-map.filter-NV a:hover { background: transparent; color: #ebeaea; }
.list-results div .btn-map.filter-NV .icon-candado { bottom: 15px; height: 22px; pointer-events: all; position: absolute; right: 0; width: 22px; z-index: 2; }
.list-results div .btn-map.filter-NV .icon-candado + span { background: #fd9f27; border-radius: 5px; bottom: 40px; color: #212121; display: none; font-size: 10px; font-weight: 400; line-height: 11px; padding: 7px 10px; position: absolute; right: -5px; width: 370px; z-index: 4; }
.list-results div .btn-map.filter-NV .icon-candado + span:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fd9f27; content: ""; height: 0; position: absolute; right: 11px; top: 25px; width: 0; }
.list-results div .btn-map.filter-NV .icon-candado:hover + span { display: block; }

.list-result-item { border: 2px solid #fafafa; border-radius: 5px; box-shadow: 0 8px 9px #bdc1c48c; margin-bottom: 15px; overflow: hidden; }
.list-result-item.goldenNominee { border: 2px solid #d0ad1d; }
.list-result-item.red-listing { border: 2px solid #fafafa; border-bottom: 4px solid #d41e33 !important; }
.list-result-item.blue-listing { border: 2px solid #fafafa; border-bottom: 4px solid #8d99ae !important; }
.list-result-item.goldenDevelopment { border: 2px solid #fafafa; border-bottom: 4px solid #d0ad1d !important; }
.list-result-item.goldenDevelopment .goldenIcon { position: absolute; right: 10px; top: 5px; width: 35px; z-index: 1; }
.list-result-item.goldenDevelopment .list-verified { bottom: 5px; right: 9px; }
.list-result-item.goldenDevelopment .list-verified img { width: 23px; }
.list-result-item.filter-NV .commission { filter: blur(4px); }


.list-verified {
    bottom: 8px;
    color: #000;
    font-size: 10px;
    position: absolute;
    right: 9px
}

.list-details {
    padding: 10px 15px
}

.list-thumbnail {
    background: #f4f4f4;
    overflow: hidden;
    padding-top: 0;
    position: relative
}

.list-thumbnail .label-saleType {
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    margin: 5px;
    padding: 3px 8px;
    position: relative;
    top: 5px;
    z-index: 2
}

.list-thumbnail .label-input {
    align-content: center;
    bottom: 3px;
    box-sizing: content-box;
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 10px;
    position: absolute;
    right: 0;
    width: 20px;
    z-index: 2
}

.list-thumbnail .label-input .input-checked {
    position: relative
}

.list-thumbnail .label-input.filter-NV {
    z-index: 15
}

.list-thumbnail .label-input.filter-NV input[type=checkbox] {
    pointer-events: none
}

.list-thumbnail .label-input.filter-NV input[type=checkbox]:hover ~ .input-checked {
    background: #d5d5d5
}

.list-thumbnail .label-input.filter-NV .input-checked {
    background: #d5d5d5;
    opacity: .5
}

.list-thumbnail .label-input.filter-NV .icon-candado {
    height: 22px;
    left: -2px;
    pointer-events: all;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 2
}

.list-thumbnail .label-input.filter-NV .icon-candado + span {
    background: #fd9f27;
    border-radius: 5px;
    color: #212121;
    display: none;
    font-size: 10px;
    line-height: 11px;
    padding: 7px 10px;
    position: absolute;
    right: 15px;
    top: -40px;
    width: 275px;
    z-index: 4
}

.list-thumbnail .label-input.filter-NV .icon-candado + span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fd9f27;
    content: "";
    height: 0;
    position: absolute;
    right: 11px;
    top: 35px;
    width: 0
}

.list-thumbnail .label-input.filter-NV .icon-candado:hover + span {
    display: block
}

.list-thumbnail figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.list-thumbnail figure img {
    height: 100%;
    object-fit: cover;
    transition: all .2s ease-in-out;
    width: 100%
}

.list-thumbnail .like-btn {
    bottom: 0;
    position: absolute;
    z-index: 10
}

.list-thumbnail .like-btn button {
    background: transparent;
    border: 0;
    padding: 10px
}

.list-thumbnail .like-btn button .icon {
    fill: transparent;
    stroke-width: 2px;
    stroke: #fff;
    display: inline-block;
    height: 20px;
    width: 22px
}

.list-thumbnail .like-btn button.likeRed, .list-thumbnail .like-btn button:hover {
    cursor: pointer
}

.list-thumbnail .like-btn button.likeRed .icon, .list-thumbnail .like-btn button:hover .icon {
    stroke: #d41e33;
    fill: #d41e33
}

.list-thumbnail .like-btn.filter-NV button {
    pointer-events: none
}

.list-thumbnail .like-btn.filter-NV button .icon-heart {
    stroke: #d5d5d5;
    fill: #d5d5d5
}

.list-thumbnail .like-btn.filter-NV button span {
    background: #fd9f27;
    border-radius: 5px;
    color: #212121;
    display: none;
    font-size: 10px;
    left: 5px;
    line-height: 11px;
    padding: 7px 10px;
    position: absolute;
    top: -37px;
    width: 270px;
    z-index: 3
}

.list-thumbnail .like-btn.filter-NV button span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fd9f27;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    top: 36px;
    width: 0
}

.list-thumbnail .like-btn.filter-NV button .icon-candado {
    fill: inherit;
    stroke: inherit;
    bottom: 20px;
    left: 20px;
    pointer-events: all;
    position: absolute
}

.list-thumbnail .like-btn.filter-NV button .icon-candado:hover + span {
    display: block
}

.list-thumbnail .list-tag {
    background: rgba(0, 0, 0, .9);
    bottom: 0;
    color: #fff;
    font-size: 16px;
    padding: 7px 0;
    position: absolute;
    width: 100%
}

.list-thumbnail .list-tag.pausado {
    background: rgba(0, 0, 0, .9)
}

.list-thumbnail .list-tag.vendido {
    background: rgba(212, 30, 51, .9)
}

.list-thumbnail .list-tag.scale {
    bottom: 17px;
    font-size: 24px;
    left: -5px;
    padding: 13px 0;
    transform: rotate(-7deg);
    width: 103%
}

.list-desc {
    font-size: 14px;
    font-style: italic;
    padding: 0 15px 10px
}

.list-desc.desc-detail {
    background: #ebeaea;
    margin-bottom: 20px;
    padding: 20px
}

.list-id a, .list-id span {
    color: #d41e33;
    font-size: 12px
}

.list-currency {
    font-size: 12px
}

.list-currency span {
    color: #d41e33
}

.list-bed, .list-city {
    font-size: 14px
}

.list-bed {
    margin-bottom: 10px
}

.list-comm {
    padding: 10px 15px
}

.list-comm .comm-label {
    font-size: 12px
}

.list-comm .comm-total {
    color: #d41e33;
    font-size: 20px
}

.list-comm .comm-name {
    font-size: 16px;
    line-height: 16px
}

.list-btns {
    position: relative
}

.list-btns div {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.list-btns .toShare a {
    padding: 7px
}

.list-btns .toShare a img {
    width: 35px
}

.list-btns-contact .col {
    padding: 5px
}

.list-btns-contact .col.filter-NV {
    pointer-events: none;
    position: relative
}

.list-btns-contact .col.filter-NV img {
    filter: grayscale(1)
}

.list-btns-contact .col.filter-NV .icon-candado {
    height: 22px;
    pointer-events: all;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 22px;
    z-index: 2
}

.list-btns-contact .col.filter-NV .icon-candado + span {
    background: #fd9f27;
    border-radius: 5px;
    color: #212121;
    display: none;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    padding: 7px 10px;
    position: absolute;
    right: -10px;
    text-transform: none;
    top: -33px;
    width: 370px;
    z-index: 4
}

.list-btns-contact .col.filter-NV .icon-candado + span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fd9f27;
    content: "";
    height: 0;
    position: absolute;
    right: 11px;
    top: 25px;
    width: 0
}

.list-btns-contact .col.filter-NV .icon-candado:hover + span {
    display: block
}

.list-btns-type { background: #fafafa; }
.list-btns-type svg { height: auto; width: 22px; }
.list-btns-type .col { color: #000; padding: 5px; }
.list-btns .col-27p { width: 27%; }
.list-btns .col-44px { width: 44px; }
.list-btns .promo, .list-btns .promo .tooltip-content .titulo { background: #d41e33;}
.list-btns .openH, .list-btns .openH .tooltip-content .titulo { background: #d5d5d5; color: #d41e33;}
.list-btns .bonus, .list-btns .bonus .tooltip-content .titulo { background: #000; }
.list-btns .tooltip-content { background: #fff; border-radius: 5px; height: 100%; opacity: 0; overflow: hidden; position: absolute; right: 100%; text-transform: none; top: 0; transform: scale(0); transition: all .4s; width: 342% }
.list-btns .tooltip-content .titulo { color: #fff; }
.list-btns .tooltip-content div { color: #000; }
.list-btns > div:hover { cursor: pointer; }
.list-btns > div:hover .tooltip-content { opacity: 1; transform: scale(1) }

.listings-compareBox {
    background: #000;
    color: #fff;
    left: 0;
    padding: 5px 10px;
    position: fixed;
    text-align: center;
    top: 56px;
    width: 100%;
    z-index: 9999
}

.listings-compareBox > div {
    position: relative
}

.listings-compareBox .cancel, .listings-compareBox .seleccionados {
    position: absolute
}

.listings-compareBox .seleccionados {
    color: #fff;
    font-size: 14px;
    left: 0
}

.listings-compareBox .seleccionados input {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    padding: 0 5px;
    text-align: center;
    width: 20px
}

.listings-compareBox .cancel {
    cursor: pointer;
    right: 0
}

.listings-compareBox .see {
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin: 20px 15px 15px;
    padding: 15px;
    width: 200px
}

.listings-compareBox .nota {
    font-size: 14px
}

.listings-disclaimer {
    border: 2px solid #d41e33;
    border-radius: 5px;
    margin: 20px 0 30px;
    padding: 20px 30px
}

.listings-disclaimer p {
    font-weight: 700
}

.list__calif svg {
    fill: transparent
}

.list__calif-content {
    position: relative
}

.list__calif-content span {
    color: #fd9f27;
    font-size: 8px;
    left: 14px;
    position: absolute;
    top: 1px
}

.list__calif-content span:hover {
    color: #fff
}

.list__calif-content span:hover ~ svg {
    fill: #fd9f27
}

.list__calif-content:hover span {
    color: #fff
}

.list__calif-content:hover svg:hover {
    fill: #fd9f27
}

@media (max-width: 960px) {
    .search__filter-listings .col-3 {
        width: 35%
    }

    .search__filter-listings .search__container .filter-button-container.btn-filter {
        width: 25%
    }

    .search__filter-listings .search__container .filter-button-container.btn-filter:after {
        display: none
    }

    .search__filter-listings .search__filter-buttons #Zone {
        width: 50%
    }

    .search__filter-listings .search-button {
        width: 25%
    }

    .search__filter-listings .search-button button {
        padding: 0
    }
}

@media (max-width: 768px) {
    .search__filter-listings .col-3 {
        width: 75%
    }

    .search__filter-listings .search__container .filter-button-container.btn-filter {
        width: 100%
    }

    .list-result-item {
        flex-wrap: wrap
    }

    .list-result-item > div {
        width: 100%
    }

    .list-thumbnail {
        height: 200px
    }

    .list-comm > div {
        width: 50%
    }

    .list-btns-contact {
        display: flex
    }

    .list-btns > div {
        padding: 10px 0;
        width: 50%
    }

    .list-btns .toShare {
        padding: 0
    }

    .list-btns .toShare a img {
        width: 45px
    }

    .list-btns .tooltip-content {
        height: 180px;
        right: 0;
        top: -185px;
        width: 100%
    }

    .list-btns .tooltip-content .col-5 {
        display: none
    }

    .list-btns-contact .col a img {
        width: 45px !important
    }

    .list-btns-contact .col.filter-NV .icon-candado {
        left: 35px;
        right: auto;
        top: 0
    }

    .list-btns-contact .col.filter-NV .icon-candado + span {
        right: -45px;
        top: -30px
    }

    .list-btns-contact .col.filter-NV .icon-candado + span:before {
        left: 17px;
        right: auto
    }

    .listing-detail-fixed {
        position: relative;
        top: auto
    }

    .listing-detail-fixed .list-comm > div {
        width: 100%
    }

    .listing-detail-fixed .send-comment {
        padding-left: 15px;
        text-align: left
    }

    .listing-details {
        margin-bottom: 25px
    }

    .listing-details.downloadPDF {
        flex-direction: column;
        justify-content: normal
    }

    .listing-details > h3 {
        margin-bottom: 15px
    }

    .listing-details .listing__card-header h3 {
        font-weight: 700
    }

    .listing-details .listing__card-bonus .col-8, .listing-details .listing__card-promo .col-8, .listing-details .listing__card-showroom .col-8 {
        padding: 15px 0 0
    }

    .listing-details .listing__card .list-thumbnail {
        height: 250px
    }

    .listing-details .listing__card .items-location ul li span {
        width: 40%
    }

    .listing-details .listing__card .map-location {
        height: 220px;
        padding-left: 0
    }

    .listing-details.inventario .listing__card-body h3 {
        align-items: center;
        display: flex;
        justify-content: center;
        min-height: 56px;
        padding: 7px 10px
    }

    .listing-detail-summary {
        margin-top: 10px !important
    }
}

.search__bg {
    background: url(https://www.theredsearch.com/1-images/searchbackground.png) no-repeat;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh - 60px)
}

.search__buttons {
    margin-top: 10px
}

.search__container {
    background: hsla(0, 0%, 100%, .9);
    border-radius: 5px;
    margin: 0 65px
}

.search__container .search-wrapper {
    padding: 40px 65px 25px
}

.search__container .advance-search {
    border-top: 1px solid #afa5a5;
    display: none;
    margin-top: 20px;
    padding: 0
}

.search__container .advance-search > .flex {
    padding: 10px 40px 40px
}

.search__container .advance-search > .flex > div {
    padding: 20px 0
}

.search__container .advance-search.is-active {
    display: flex
}

.search__container .advance-search .BtnSearchAll {
    background: #d41e33;
    padding: 15px
}

.search__container .advance-search .BtnSearchAll button {
    background: #fff;
    border: 0;
    border-radius: 5px;
    color: #000;
    outline: none;
    padding: 10px 25px
}

.search__container h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px
}

.search__container .filter-button {
    background: #fff;
    border: 1px solid #ebeaea;
    border-radius: 5px;
    cursor: pointer;
    font-family: Mulish;
    font-size: 15px;
    font-weight: 300;
    overflow: hidden;
    padding: 10px 15px 10px 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.search__container .filter-button.is-show {
    background: #d5d5d5
}

.search__container .filter-button.is-inactive {
    background: #d3d3d3
}

.search__container .filter-button-container {
    padding: 3px 6px;
    position: relative;
    width: 25%
}

.search__container .filter-button-container:after {
    border: 1px solid #000;
    border-right: 0;
    border-top: 0;
    content: "";
    display: block;
    height: 7px;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 17px;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 8px;
    z-index: 4
}

.search__container .filter-button-container.btn-advanceSearch:after {
    display: none
}

.search__container .filter-button.advanced-search {
    border: 1px solid #d41e33;
    color: #d41e33;
    font-weight: 700
}

.search__container .filter-button.advanced-search.is-active {
    background: #ebeaea
}

.search__filter-buttons {
    flex-grow: 1
}

.search__filter-buttons .search-byId {
    padding: 3px 6px
}

.search__filter-buttons .search-byId input {
    border: 1px solid #ebeaea;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
    opacity: 1;
    padding: 10px 15px 10px 10px;
    width: 100%
}

.search__filter-buttons .search-byId input::placeholder {
    color: #000;
    font-weight: 300;
    opacity: 1
}

.search__filter-buttons .search-byId input:focus {
    outline: none
}

.search__filter-buttons #Zone {
    width: 75%
}

.search__filter-buttons #Zone .filter-button-container {
    width: 33.333%
}

.search__filter-buttons #Zone #comboShow .filter-button-container {
    width: 100%
}

.search__filter-buttons #Zone #comboAreaNeighborhood {
    width: 66.666%
}

.search__filter-buttons #Zone #comboAreaNeighborhood .filter-button-container {
    width: 50%
}

.search__filter-buttons #comboRange .comboRangeContainer {
    float: left;
    width: 50%
}

.search__filter-buttons #comboRange .currencyContainer {
    float: left;
    width: 100%
}

.search .comboB p {
    color: #afa5a5;
    font-size: 14px
}

.search .comboB .filter-button__check {
    border: 1px solid #e2dfdf;
    display: table-cell;
    float: none;
    height: 42px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    width: auto
}

.search .comboB .filter-button__check:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.search .comboB .filter-button__check:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.search-button {
    border-left: 1px solid #d5d5d5;
    flex-grow: 0;
    margin-left: 10px;
    padding-left: 15px
}

.search-button button {
    background: #000;
    border: 0;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: auto;
    outline: none;
    padding: 0 55px
}

.search-button .btnMap {
    background: transparent;
    border: 1px solid #d41e33;
    color: #d41e33;
    margin-top: 5px
}

.search-button .btnMap:hover {
    background: #d41e33;
    color: #fff
}

.search-button .btnMap.filter-NV {
    background: #d5d5d5;
    border: none;
    color: #ebeaea;
    pointer-events: none;
    position: relative
}

.search-button .btnMap.filter-NV .icon-candado {
    bottom: -5px;
    height: 22px;
    pointer-events: all;
    position: absolute;
    right: -5px;
    width: 22px;
    z-index: 2
}

.search-button .btnMap.filter-NV .icon-candado + span {
    background: #fd9f27;
    border-radius: 5px;
    bottom: 20px;
    color: #212121;
    display: none;
    font-size: 10px;
    line-height: 11px;
    padding: 7px 10px;
    position: absolute;
    right: -10px;
    width: 370px;
    z-index: 4
}

.search-button .btnMap.filter-NV .icon-candado + span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fd9f27;
    content: "";
    height: 0;
    position: absolute;
    right: 11px;
    top: 25px;
    width: 0
}

.search-button .btnMap.filter-NV .icon-candado:hover + span {
    display: block
}

.search .filter-options {
    background: #fff;
    border: 1px solid #ebeaea;
    border-radius: 5px;
    opacity: 0;
    padding: 20px 15px;
    position: absolute;
    transform: scale(0);
    transform-origin: 0 0;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    width: 150%;
    z-index: 100
}

.search .filter-options .filter-custom {
    border-bottom: 1px solid #d5d5d5;
    font-size: 16px;
    position: relative
}

.search .filter-options .filter-custom label {
    display: block;
    font-size: 15px;
    padding: 10px 0
}

.search .filter-options .filter-custom label:hover {
    cursor: pointer
}

.search .filter-options .filter-custom span {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    line-height: 25px;
    position: absolute;
    right: 10px;
    transition: .28s ease;
    user-select: none;
    width: 18px
}

.search .filter-options .filter-custom span:after, .search .filter-options .filter-custom span:before {
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 2px;
    transition: .28s ease;
    width: 14px;
    z-index: 0
}

.search .filter-options .filter-custom span:after {
    background: #d5d5d5;
    transform: scale(.65)
}

.search .filter-options .filter-custom:active, .search .filter-options .filter-custom:hover {
    cursor: pointer
}

.search .filter-options .filter-custom:active span:after, .search .filter-options .filter-custom:active span:before, .search .filter-options .filter-custom:hover span:after, .search .filter-options .filter-custom:hover span:before {
    border: 1px solid #d41e33;
    box-shadow: inset 0 3px 5px 1px rgba(0, 0, 0, .1), 0 1px 0 hsla(0, 0%, 100%, .4), 0 0 10px 2px rgba(210, 0, 0, .5)
}

.search .filter-options .filter-custom:active span:after, .search .filter-options .filter-custom:hover span:after {
    background: #d41e33
}

.search .filter-options .filter-custom input[type=checkbox]:checked ~ span, .search .filter-options .filter-custom input[type=checkbox]:hover ~ span, .search .filter-options .filter-custom input[type=radio]:checked ~ span, .search .filter-options .filter-custom input[type=radio]:hover ~ span {
    background: transparent;
    border-color: none;
    color: #fff
}

.search .filter-options .filter-custom input[type=checkbox]:checked ~ span:after, .search .filter-options .filter-custom input[type=checkbox]:checked ~ span:before, .search .filter-options .filter-custom input[type=checkbox]:hover ~ span:after, .search .filter-options .filter-custom input[type=checkbox]:hover ~ span:before, .search .filter-options .filter-custom input[type=radio]:checked ~ span:after, .search .filter-options .filter-custom input[type=radio]:checked ~ span:before, .search .filter-options .filter-custom input[type=radio]:hover ~ span:after, .search .filter-options .filter-custom input[type=radio]:hover ~ span:before {
    border: 1px solid #d41e33
}

.search .filter-options .filter-custom input[type=checkbox]:checked ~ span:after, .search .filter-options .filter-custom input[type=checkbox]:hover ~ span:after, .search .filter-options .filter-custom input[type=radio]:checked ~ span:after, .search .filter-options .filter-custom input[type=radio]:hover ~ span:after {
    background: #d41e33
}

.search .filter-options .filter-custom:last-child {
    border-bottom: 0
}

.search .filter-options.comboB {
    width: auto
}

.search .filter-options.comboBathsOn, .search .filter-options.comboBedsOn, .search .filter-options.filter-active {
    opacity: 1;
    position: absolute;
    transform: scale(1)
}

.search .filter-options input[type=checkbox], .search .filter-options input[type=radio] {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.search .filter-options input[type=checkbox]:checked ~ span, .search .filter-options input[type=checkbox]:hover ~ span, .search .filter-options input[type=radio]:checked ~ span, .search .filter-options input[type=radio]:hover ~ span {
    background: #d41e33;
    border-color: #d41e33;
    color: #fff
}

.search .comboRange {
    width: 370px
}

.search .comboRange > div > div {
    padding: 0 5px;
    width: 33.33%
}

.search .comboRange > div > div input, .search .comboRange > div > div select {
    width: 100%
}

.search__container .filter-button ~ .popUp-filter {
    background: #fafafa;
    box-shadow: 0 0 18px #0000001a;
    padding: 15px 25px;
    right: 0;
    transition: none;
    width: 390px
}

.search__container .filter-button ~ .popUp-filter > div {
    height: 100%;
    overflow: auto;
    padding: 5px 10px
}

.search__container .filter-button ~ .popUp-filter .filter__header .trigger-close {
    background: transparent;
    border: 0;
    color: #d41e33
}

.search__container .filter-button ~ .popUp-filter .filter__header .trigger-close svg {
    width: 25px
}

.search__container .filter-button ~ .popUp-filter .filter-options {
    background: transparent
}

.search__container .filter-button ~ .popUp-filter .filter-button-container {
    border-bottom: 1px solid #ebeaea;
    margin: 5px 0;
    padding: 5px 0 12px;
    width: 100%
}

.search__container .filter-button ~ .popUp-filter .filter-button-container:last-child {
    border-bottom: 0
}

.search__container .filter-button ~ .popUp-filter .filter-button-area, .search__container .filter-button ~ .popUp-filter .filter-button-city, .search__container .filter-button ~ .popUp-filter .filter-button-neigh {
    display: none
}

.search__container .filter-button ~ .popUp-filter .max-price, .search__container .filter-button ~ .popUp-filter .min-price {
    width: 49%
}

.search__container .filter-button ~ .popUp-filter .btn {
    background: #d41e33;
    border: 0;
    border-radius: 7px;
    color: #fff;
    opacity: .9;
    padding: 10px 0;
    width: 100%
}

.search__container .filter-button ~ .popUp-filter .btn:hover {
    opacity: 1
}

.search__container .filter-button ~ .popUp-filter .min-price {
    margin-right: 2%
}

.search__container .filter-button ~ .popUp-filter .rango {
    font-size: 16px;
    padding: 10px 7px
}

.search__container .filter-button ~ .popUp-filter .filter-custom {
    border-bottom: 0
}

.search__container .filter-button ~ .popUp-filter .filter-custom label {
    color: #2c3037;
    padding: 5px 5px 5px 28px !important
}

.search__container .filter-button ~ .popUp-filter .filter-custom label span {
    left: 0;
    right: auto
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox span {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    height: 20px;
    right: 10px;
    width: 20px
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox span:before {
    display: none
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox span:after {
    background: transparent;
    border-bottom: 1px solid #d41e33;
    border-left: 1px solid #d41e33;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    color: #000;
    content: "";
    display: none;
    height: 5px;
    margin-left: 4px;
    margin-top: 2px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 9px
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox:active span, .search__container .filter-button ~ .popUp-filter .filter-custom.checkbox:hover span {
    border: 1px solid #d5d5d5
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox:active span:before, .search__container .filter-button ~ .popUp-filter .filter-custom.checkbox:hover span:before {
    border: 0;
    box-shadow: none
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox:active span:after, .search__container .filter-button ~ .popUp-filter .filter-custom.checkbox:hover span:after {
    border-right: 0;
    border-top: 0;
    box-shadow: 0 0 0;
    display: block
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox input[type=checkbox]:checked ~ span, .search__container .filter-button ~ .popUp-filter .filter-custom.checkbox input[type=checkbox]:hover ~ span {
    border: 1px solid #d5d5d5
}

.search__container .filter-button ~ .popUp-filter .filter-custom.checkbox input[type=checkbox]:checked ~ span:after, .search__container .filter-button ~ .popUp-filter .filter-custom.checkbox input[type=checkbox]:hover ~ span:after {
    background: transparent;
    border-right: 0;
    border-top: 0;
    display: block
}

.search__container .filter-button ~ .popUp-filter .select select {
    border: 1px solid #ebeaea;
    color: #2c3037;
    font-size: 16px;
    padding: 10px 20px 10px 10px
}

.search__container .filter-button ~ .popUp-filter .select:after {
    top: 15px !important
}

.search__container .filter-button.is-active {
    background: #d5d5d5;
    border: 1px solid #d41e33
}

.search__container .filter-button.is-active ~ .popUp-filter {
    opacity: 1;
    transform: scale(1)
}

.advance-search {
    padding-top: 25px
}

.advance-search > div {
    padding: 20px 0
}

.advance-search .custom-label {
    align-items: center;
    color: #2c3037;
    display: flex;
    font-size: 16px;
    line-height: 30px
}

.advance-search .label-title {
    color: #afa5a5;
    font-size: 12px;
    text-transform: uppercase
}

.advance-search .col-7.flex .custom-label {
    margin-right: 25px
}

.advance-search .select select {
    font-size: 16px
}

.advance-search .custom-select {
    background-color: #fff;
    border-color: #ebeaea;
    border-radius: 5px;
    color: #363636
}

.advance-search input[type=checkbox], .advance-search input[type=radio] {
    appearance: none;
    background-color: #fff;
    border: 1px solid #afa5a5;
    border-radius: 3px;
    color: currentColor;
    display: grid;
    height: 17px;
    margin: 0 7px 0 0;
    width: 17px
}

.advance-search input[type=radio] {
    background-color: #d5d5d5;
    border: 0;
    border-radius: 50%;
    height: 13px;
    margin: 0 10px 0 0;
    outline: 1px solid #d5d5d5;
    outline-offset: 1px;
    width: 13px
}

.advance-search input[type=checkbox]:before {
    background: #d41e33;
    box-shadow: inset 1em 1em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0, 43% 62%);
    content: "";
    height: 9px;
    margin: 3px;
    transform: scale(0);
    transform-origin: bottom left;
    transition: transform .12s ease-in-out;
    width: 9px
}

.advance-search input[type=checkbox]:checked:before, .advance-search input[type=radio]:checked:before {
    transform: scale(1)
}

.advance-search input[type=radio]:checked {
    background: #d41e33;
    outline: 1px solid #d41e33
}

@media (max-width: 960px) {
    .search__buttons {
        flex-wrap: wrap
    }

    .search__filter-buttons, .search__filter-buttons #Zone {
        width: 100%
    }

    .search-button {
        border: 0;
        margin: 10px 0 0;
        padding: 0 6px;
        width: 100%
    }

    .search-button button {
        background: #d41e33;
        color: #fff;
        font-size: 18px;
        padding: 15px 50px;
        width: 100%
    }

    .search .filter-options.comboBathsOff, .search .filter-options.comboBedsOff, .search .filter-options.comboNeighborhoodOff {
        right: 0
    }
}

@media (max-width: 768px) {
    .search__container {
        margin: 0;
        padding: 25px 10px
    }

    .search__container .search-wrapper {
        padding: 0 15px
    }

    .search__container .filter-button-container {
        width: 50%
    }

    .search__container .filter-button-container:after {
        right: 25px
    }

    .search__container .filter-button ~ .popUp-filter {
        border-radius: 0;
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        top: -100%;
        transform: scale(1);
        transition: all .5s;
        width: 100% !important;
        z-index: 2000
    }

    .search__container .filter-button ~ .popUp-filter .filter-button-area, .search__container .filter-button ~ .popUp-filter .filter-button-city, .search__container .filter-button ~ .popUp-filter .filter-button-neigh, .search__container .filter-button ~ .popUp-filter .filter-button-type {
        display: block
    }

    .search__container .filter-button ~ .popUp-filter .filter-button-area .comboCity, .search__container .filter-button ~ .popUp-filter .filter-button-area .comboTypeOff, .search__container .filter-button ~ .popUp-filter .filter-button-city .comboCity, .search__container .filter-button ~ .popUp-filter .filter-button-city .comboTypeOff, .search__container .filter-button ~ .popUp-filter .filter-button-neigh .comboCity, .search__container .filter-button ~ .popUp-filter .filter-button-neigh .comboTypeOff, .search__container .filter-button ~ .popUp-filter .filter-button-type .comboCity, .search__container .filter-button ~ .popUp-filter .filter-button-type .comboTypeOff {
        display: flex;
        flex-wrap: wrap
    }

    .search__container .filter-button ~ .popUp-filter .filter-button-area .comboCity .filter-custom, .search__container .filter-button ~ .popUp-filter .filter-button-area .comboTypeOff .filter-custom, .search__container .filter-button ~ .popUp-filter .filter-button-city .comboCity .filter-custom, .search__container .filter-button ~ .popUp-filter .filter-button-city .comboTypeOff .filter-custom, .search__container .filter-button ~ .popUp-filter .filter-button-neigh .comboCity .filter-custom, .search__container .filter-button ~ .popUp-filter .filter-button-neigh .comboTypeOff .filter-custom, .search__container .filter-button ~ .popUp-filter .filter-button-type .comboCity .filter-custom, .search__container .filter-button ~ .popUp-filter .filter-button-type .comboTypeOff .filter-custom {
        width: 50%
    }

    .search__container .filter-button.is-active ~ .popUp-filter {
        display: block;
        opacity: 1;
        top: 0;
        transition: all .5s;
        width: 100%
    }

    .search .filter-options {
        right: auto;
        width: calc(100% - 12px) !important
    }

    .search .filter-options.comboBathsOff, .search .filter-options.comboBedsOff {
        left: 6px;
        right: 6px
    }

    .search__filter-buttons {
        flex-grow: 1
    }

    .search__filter-buttons #Zone, .search__filter-buttons #Zone #comboAreaNeighborhood, .search__filter-buttons #Zone .filter-button-container {
        width: 100%
    }

    .search__filter-buttons #Zone #comboAreaNeighborhood .filter-button-container {
        width: 50%
    }
}

@media (max-width: 560px) {
    .search .filter-options.comboBathsOff, .search .filter-options.comboBedsOff {
        display: flex;
        flex-wrap: wrap
    }

    .search .filter-options.comboBathsOff > div, .search .filter-options.comboBedsOff > div {
        text-align: center;
        width: 100%
    }
}

p.input {
    border: 0
}

.input {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
    outline: none;
    padding: 6px 7px
}

.input__group {
    position: relative;
    width: 100%
}

.input__group input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    flex: 1 1 auto;
    min-height: 40px;
    position: relative;
    width: 1%
}

.input__group-btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-radius: 5px;
    margin-left: -1px
}

.input__group-btn .icon {
    stroke-width: 2px;
    stroke: #fff;
    fill: #fff;
    display: inline-block;
    height: 20px;
    width: 20px
}

.input__group-btn .btn {
    background: #000;
    padding: 5px 10px
}

.input__label {
    color: #afa5a5
}

.label-input {
    cursor: pointer;
    display: block;
    position: relative;
    user-select: none
}

.label-input .input-checked {
    background-color: rgba(0, 0, 0, .4);
    border: 1px solid #fff;
    border-radius: 5px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.label-input input[type=checkbox], .label-input input[type=radio] {
    -webkit-appearance: none;
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: background-color .4s linear;
    z-index: -1
}

.label-input input[type=checkbox]:checked ~ .input-checked, .label-input input[type=checkbox]:hover ~ .input-checked, .label-input input[type=radio]:checked ~ .input-checked, .label-input input[type=radio]:hover ~ .input-checked {
    background-color: #d41e33
}

.filter-button__check input[type=checkbox], .filter-button__check input[type=radio] {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    z-index: -1
}

.filter-button__check input[type=checkbox]:checked ~ .custom-checkmark, .filter-button__check input[type=checkbox]:hover ~ .custom-checkmark, .filter-button__check input[type=radio]:checked ~ .custom-checkmark, .filter-button__check input[type=radio]:hover ~ .custom-checkmark {
    background: #d41e33;
    border-color: #d41e33;
    color: #fff
}

.filter-button__check input[type=checkbox]:checked ~ .custom-checkmark:after, .filter-button__check input[type=checkbox]:hover ~ .custom-checkmark:after {
    display: block
}

.filter-button__check label {
    color: #31333a;
    cursor: pointer;
    display: block;
    font-size: 15px;
    padding: 0;
    position: relative;
    user-select: none
}

.filter-button__check label .custom-checkmark {
    border: 1px solid #9f9f9f;
    border-radius: 2px;
    height: 15px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 15px
}

.filter-button__check label .custom-checkmark:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: none;
    height: 9px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    width: 5px
}

.filter-button__check span {
    border-radius: 0;
    color: #31333a;
    display: block;
    height: auto;
    order: 0;
    padding: 10px 15px;
    position: relative;
    top: 0;
    width: auto
}

.profile-container {
    margin: 50px 0
}

.profile-main h1 {
    font-size: 28px;
    font-weight: 600
}

.profile-main h3 {
    color: #d41e33;
    font-size: 18px;
    font-weight: 400;
    margin: 15px 0;
}

.profile-main h1 span {
    color: #d41e33;
    font-size: 20px
}

.profile-main .card {
    border-bottom: 1px solid #ebeaea;
    padding: 25px 0
}

.profile-main .card:last-child {
    border-bottom: 0
}

.profile-main .card__title {
    color: #d41e33
}

.profile-main .card__title h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px
}

.profile-main .card__body {
    font-size: 16px
}

.profile-avatar {
    height: 200px;
    margin-top: 15px;
    position: relative
}

.profile-avatar figure {
    height: 180px;
    left: 0;
    position: absolute;
    top: 0;
    width: 180px
}

.profile-avatar figure img {
    height: 100%;
    object-fit: contain;
    transition: all .2s ease-in-out;
    width: 100%
}

.profile-avatar figure .logo {
    height: auto
}

.profile-avatar figure.golden {
    border: 5px solid #d0ad1d
}

.profile-avatar figure.golden .insignia-golden {
    bottom: -75px;
    position: absolute;
    right: -22px;
    width: 100px
}

.profile-avatar.modal-trigger .play-video {
    height: 50px;
    left: 65px;
    position: absolute;
    top: 65px;
    width: 50px
}

.profile-info .profile-opt {
    width: 125px
}

.profile-settings {
    margin: 10px 0
}

.profile-settings.empresa-contact {
    margin-top: 20px
}

.profile-opt {
    color: #afa5a5;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase
}

.profile-rss ul {
    width: 180px
}

.profile-rss li {
    margin: 5px
}

.profile__email-header, .profile__phone-header {
    margin-bottom: 20px
}

.profile__email-body > div, .profile__phone-body > div {
    margin: 6px 0
}

.profile__email .checkout, .profile__phone .checkout {
    text-align: center;
    width: 100px
}

.profile__email .checkout span, .profile__phone .checkout span {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    line-height: 25px;
    position: relative;
    transition: .28s ease;
    user-select: none;
    width: 18px
}

.profile__email .checkout span:after, .profile__email .checkout span:before, .profile__phone .checkout span:after, .profile__phone .checkout span:before {
    border: 2px solid #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 2px;
    transition: .28s ease;
    width: 14px;
    z-index: 0
}

.profile__email .checkout span:after, .profile__phone .checkout span:after {
    background: #fff;
    border-radius: 50%;
    transform: scale(.6)
}

.profile__email .checkout.active span:after, .profile__email .checkout.active span:before, .profile__phone .checkout.active span:after, .profile__phone .checkout.active span:before {
    border: 1px solid #d41e33
}

.profile__email .checkout.active span:after, .profile__phone .checkout.active span:after {
    background: #d41e33
}

.profile__phone {
    margin-top: 30px
}

.profile-contact > span {
    margin: 0 10px
}

.profile-contact > span:first-child {
    margin-left: 0
}

.profile-contact > span:last-child {
    margin-right: 0
}

.profile-wrapper .empresa-nombre {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px
}

.profile-wrapper .empresa-nombre div:last-child {
    font-weight: 300
}

.profile-wrapper .empresa-contact img {
    margin-right: 10px
}

.GA-winners h1 {
    font-size: 36px
}

.GA-winners .GA {
    background: #fafafa;
    border-radius: 5px;
    margin: 20px 0;
    padding: 45px 25px
}

.GA-winners .GA .col-12 {
    margin-bottom: 15px
}

.GA-winners .GA .col-12 h2 {
    font-size: 28px;
    line-height: 38px
}

.GA-winners .GA .col-12 p {
    color: #d41e33;
    font-size: 22px
}

.GA-winners .GA .col-12 a {
    float: right
}

.GA-winners .GA .col-4 {
    padding-right: 25px
}

.GA-winners .GA .col-8 .flex__between p {
    font-weight: 300;
    margin-bottom: 10px
}

.GA-winners .GA .col-8 .flex__between .label {
    font-weight: 700
}

.GA-winners .profile-avatar {
    border: 5px solid #d0ad1d;
    height: 250px;
    margin-top: 0;
    overflow: hidden
}

.GA-winners .profile-avatar figure {
    height: auto;
    position: static;
    width: 100%
}

.GA-winners .profile-avatar figure img {
    height: auto
}

.GA-winners .profile-avatar figure img.play-video {
    left: calc(50% - 25px);
    top: calc(50% - 25px)
}

.GA-winners .label {
    color: #d41e33;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.GA-winners .GA-description {
    line-height: 26px;
    margin-bottom: 25px
}

.GA-winners ul {
    margin-bottom: 20px
}

.GA-winners ul li {
    margin-right: 25px
}

.GA-winners ul li:last-child {
    margin-right: 0
}

.insignias .col-6 {
    margin-bottom: 20px;
    padding: 0 7px;
    position: relative
}

.insignias .col-6 > div {
    border: 1px solid #ebeaea;
    border-radius: 10px;
    height: 78px;
    width: 78px
}

.insignias .col-6 span {
    bottom: 5px;
    color: #d41e33;
    font-size: 18px;
    font-weight: bolder;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.insignias .col-6 .info {
    background: #ebeaea;
    border-radius: 10px;
    color: #000;
    font-size: 10px;
    font-weight: 300;
    height: 100%;
    left: 50%;
    line-height: 12px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    text-indent: 0;
    top: 0;
    transition: all .5s;
    width: 195px;
    z-index: -1
}

.insignias .col-6 .info:after, .insignias .col-6 .info:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    content: "";
    height: 0;
    margin-left: -9px;
    position: absolute;
    right: 15px;
    width: 0
}

.insignias .col-6.nivel .info {
    left: -115px
}

.insignias .col-6.nivel .info:after, .insignias .col-6.nivel .info:before {
    border-top: 10px solid #ebeaea;
    bottom: -10px;
    right: 15px
}

.insignias .col-6.grado .info {
    left: -115px
}

.insignias .col-6.grado .info:after, .insignias .col-6.grado .info:before {
    border-bottom: 10px solid #ebeaea;
    bottom: 37px;
    right: 15px
}

.insignias .col-6.grado:hover .info {
    top: 50px
}

.insignias .col-6.calificacion .info {
    left: -115px
}

.insignias .col-6.calificacion .info:after, .insignias .col-6.calificacion .info:before {
    border-bottom: 10px solid #ebeaea;
    bottom: 45px;
    right: 15px
}

.insignias .col-6.calificacion:hover .info {
    top: 55px
}

.insignias .col-6.matricula .info {
    left: -115px
}

.insignias .col-6.matricula .info:after, .insignias .col-6.matricula .info:before {
    border-bottom: 10px solid #ebeaea;
    bottom: 45px;
    right: 15px
}

.insignias .col-6.matricula:hover .info {
    top: 50px
}

.insignias .col-6:hover .info {
    opacity: 1;
    top: -50px;
    z-index: 3
}

.insignias .grado span {
    bottom: 0;
    font-size: 11px;
    height: 20px;
    top: auto
}

@media (max-width: 768px) {
    .profile-main .web-master-drive {
        align-items: flex-start;
        padding-top: 15px
    }

    .profile-info {
        justify-content: flex-start
    }

    .insignias {
        padding-top: 15px
    }

    .insignias .col-6 {
        width: 25%
    }

    .insignias .col-6.nivel .info {
        left: 55px
    }

    .insignias .col-6.nivel .info:after, .insignias .col-6.nivel .info:before {
        right: 152px
    }

    .insignias .col-6.grado .info {
        left: -10px
    }

    .insignias .col-6.grado .info:after, .insignias .col-6.grado .info:before {
        bottom: 47px;
        right: 85px
    }

    .insignias .col-6.calificacion .info, .insignias .col-6.matricula .info {
        left: -50%
    }
}

@media (max-width: 650px) {
    .profile-picture {
        width: 100%
    }
}

.directory-container {
    margin: 45px 0
}

.directory_icons {
    margin-top: 10px
}

.directory_icons img {
    margin-right: 10px
}

.directory__list {
    border: 0
}

.directory__list .no-results {
    background: #ebeaea;
    border: 3px solid #d41e33;
    border-radius: 5px;
    padding: 75px 25px
}

.directory__list .no-results img {
    margin-bottom: 25px;
    width: 180px
}

.directory__list .no-results h3 {
    background: transparent;
    color: #000;
    display: block;
    font-size: 32px;
    margin-bottom: 15px
}

.directory__list .no-results p {
    font-size: 22px;
    font-weight: 300
}

.directory__list .thumbnail {
    height: 190px;
    overflow: hidden;
    padding-top: 0;
    position: relative
}

.directory__list .thumbnail figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.directory__list .thumbnail figure img {
    height: 100%;
    object-fit: cover;
    transition: all .2s ease-in-out;
    width: 100%
}

.directory__list .card-contact {
    margin: 8px 0;
    padding: 0 6px;
    position: relative
}

.directory__list .card-contact > div {
    border: 1px solid #ebeaea;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    padding-bottom: 10px
}

.directory__list .card-contact.golden > div {
    border: 4px solid #d0ad1d
}

.directory__list .card-contact.golden .thumbnail {
    border-bottom: 4px solid #d0ad1d
}

.directory__list .card-contact img.golden-agent, .directory__list .card-contact img.nivel-insigniaBG {
    position: absolute;
    right: 3px;
    top: 140px;
    z-index: 2
}

.directory__list .card-contact img.nivel-insigniaBG + img {
    position: absolute;
    right: 40px;
    top: 175px;
    width: 27px;
    z-index: 2
}

.directory_details { padding: 10px 20px }
.directory_details .name { font-size: 16px; font-weight: bolder; line-height: 18px }
.directory_details p { font-size: 14px }
.directory_details p.input { padding: 5px 0; }
.directory_details p.input input { width: 100%; }


.directory__contact {
    align-items: center;
    padding: 10px 20px 5px
}

.directory__contact span {
    margin: 0 15px
}

.directory__contact span:first-child {
    margin-left: 0
}

.directory__contact span:last-child {
    margin-right: 0
}

.directory__rrss {
    align-items: center;
    padding: 5px 20px 10px
}

.directory__rrss a {
    margin: 0 15px
}

.directory__rrss a:first-child {
    margin-left: 0
}

.directory__rrss a:last-child {
    margin-right: 0
}

.directory h1 { color: #d41e33; font-size: 20px; line-height: 26px; margin: 25px 0 20px; }
.directory form .col-9 { padding-right: 20px; }
.directory h2 { font-size: 24px; }
.directory h3 { background: #d41e33; color: #fff; font-size: 14px; padding: 10px 0; }
.directory input { border-radius: 5px; font-size: 16px; width: 100%; }
.directory input[type=text] { border: 1px solid #ebeaea; padding: 10px 15px; }
.directory input[type=submit] { background: transparent; border: 1px solid #d41e33; color: #d41e33; cursor: pointer; padding: 10px; }
.directory input[type=submit]:hover { background: #d41e33; color: #fff; }
.directory .opciones { border: 1px solid gray; border-radius: 5px; padding: 0 5px; font-size: small; }
#buttonForm {
    display: flex;
    justify-content: space-around;
}

.toggle-button {
    padding: 10px 20px;
    margin: 5px;
    color: white;
    border: none;
    transition: background-color 0.3s;
}

.toggle-button[data-active="true"] {
    background-color: red;
}

.toggle-button[data-active="false"] {
    background-color: gray;
}
.directory__items {
    padding: 10px 0 10px 15px
}

.directory__items.empresa {
    border: 1px solid #ebeaea;
    border-radius: 10px;
    margin: 10px 0;
    width: 48%
}

.directory__items .thumbnail {
    height: 100%;
    position: relative
}

.directory__items .thumbnail figure {
    border-radius: 5px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.directory__items .thumbnail img {
    border-radius: 5px;
    height: 100%;
    transition: all .2s ease-in-out;
    width: 100%
}

.directory__items .thumbnail img.matricula {
    bottom: -10px;
    height: auto;
    position: absolute;
    right: 0;
    width: 50%
}

.directory__items .thumbnail img.golden-agent {
    bottom: -15px;
    height: auto;
    position: absolute;
    right: -10px;
    width: 50%
}

.directory__items .thumbnail .logo {
    height: auto
}

.directory__items.golden {
    border: 3px solid #d0ad1d;
    border-radius: 4px;
    margin: 10px 0
}

.directory__name {
    padding-left: 20px
}

.directory__name .name {
    font-size: 16px;
    font-weight: 700
}

.directory__mail, .directory__name p {
    font-size: 14px
}

.resales__mosaic { border: 0; }
.resales__mosaic .no-results { background: #ebeaea; border: 3px solid #d41e33; border-radius: 5px; padding: 75px 25px; }
.resales__mosaic .no-results img { margin-bottom: 25px; width: 180px; }
.resales__mosaic .no-results h3 { background: transparent; color: #000; display: block; font-size: 32px; margin-bottom: 15px; }
.resales__mosaic .no-results p { font-size: 22px; font-weight: 300; }
.resales__mosaic .thumbnail { height: 190px; overflow: hidden; padding-top: 0; position: relative; }
.resales__mosaic .thumbnail figure { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.resales__mosaic .thumbnail figure img { height: 100%; object-fit: cover; transition: all .2s ease-in-out; width: 100%; }
.resales__mosaic .card-contact { float: left; margin: 8px 0; padding: 0 6px; position: relative; }
.resales__mosaic .card-contact > div { border: 1px solid #ebeaea; border-radius: 10px; height: 100%; overflow: hidden; padding-bottom: 10px; }
.resales__mosaic .card-contact p.red { border-radius: 5px; padding: 5px; background-color: #ebeaea; border: 1px solid red; color: red; margin-bottom: 5px; }
.resales__mosaic .card-contact .btn { justify-content: center; }
.resales__mosaic .card-contact.golden > div { border: 4px solid #d0ad1d; }
.resales__mosaic .card-contact.golden .thumbnail { border-bottom: 4px solid #d0ad1d; }
.resales__mosaic .card-contact img.golden-agent, .resales__mosaic .card-contact img.nivel-insigniaBG { position: absolute; right: 3px; top: 140px; z-index: 2; }
.resales__mosaic .card-contact img.nivel-insigniaBG + img { position: absolute; right: 40px; top: 175px; width: 27px; z-index: 2; }
.resales__mosaic .card_details { padding: 10px 20px; }
.resales__mosaic .card_details .name { font-size: 16px; font-weight: bolder; height: 38px; line-height: 18px; overflow: hidden; }
.resales__mosaic .card_details p { font-size: 14px; height: 20px; overflow: hidden; }
.resales__mosaic .card_contact { align-items: center; padding: 10px 20px 5px; }
.resales__mosaic .card_contact span { margin: 0 15px; }
.resales__mosaic .card_contact span:first-child { margin-left: 0; }
.resales__mosaic .card_contact span:last-child { margin-right: 0; }
.resales__mosaic  h1 { color: #d41e33; font-size: 20px; line-height: 26px; margin: 25px 0 20px; }
.resales__mosaic  form .col-9 { padding-right: 20px; }
.resales__mosaic  h2 { font-size: 24px; }
.resales__mosaic  h3 { background: #d41e33; color: #fff; font-size: 14px; padding: 10px 0; }
.resales__mosaic  input { border-radius: 5px; font-size: 16px; width: 100%; }
.resales__mosaic  input[type=text] { border: 1px solid #ebeaea; padding: 10px 15px; }
.resales__mosaic  input[type=submit] { background: transparent; border: 1px solid #d41e33; color: #d41e33; cursor: pointer; padding: 10px; }
.resales__mosaic  input[type=submit]:hover { background: #d41e33; color: #fff; }


@media (max-width: 960px) {
    .directory__mail {
        padding-left: 20px
    }
}

@media (max-width: 768px) {
    .directory__items {
        border-bottom: 1px solid #d5d5d5;
        margin-bottom: 15px
    }

    .directory__items.empresa {
        width: 100%
    }

    .directory__items .thumbnail {
        height: 100px;
        width: 25%
    }

    .directory__items > .col-7 {
        width: 75%
    }

    .directory__items > .col-4 {
        justify-content: space-around;
        padding-top: 15px;
        width: 100%
    }

    .directory form .col-9 {
        margin-bottom: 10px;
        padding-right: 0
    }

    .directory input[type=text] {
        min-height: 60px
    }
}

.debug {
    background-color: #edba98;
    border: 1px solid #c06020;
    border-radius: 5px;
    box-shadow: 0 5px 3px #b0b0b5;
    float: left;
    margin: 50px 2.5%;
    padding: 2.5%;
    text-align: left;
    width: 90%
}

.debug h2 {
    border-bottom: 1px solid #c06020;
    color: #c06020;
    margin: 0 5px 1px
}

.debug div {
    color: #525252;
    margin: 0
}

.debug li {
    margin: 0 0 0 205px;
    text-indent: -205px
}

.chat-area {
    bottom: 0;
    direction: ltr;
    position: fixed;
    right: 0;
    z-index: 300
}

.chat-area .group {
    float: left;
    position: relative
}

.chat-area .chat-buddyList {
    background-color: rgba(29, 49, 91, .3);
    border: 1px solid rgba(29, 49, 91, .3);
    border-bottom: 0 rgba(29, 49, 91, .3);
    border-radius: 1px 0 0 1px;
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .5);
    color: #333;
    display: block;
    font-weight: 700;
    padding: 4px 5px;
    position: relative;
    width: 150px;
    z-index: 1
}

.chat-area .chat-buddyList li {
    font-size: 12px;
    font-weight: 400
}

.chat-area .button {
    border-color: #1d315b rgba(29, 49, 91, .3);
    border-radius: 1px 0 0 1px;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    box-shadow: inset 0 1px hsla(0, 0%, 100%, .5);
    color: #333;
    display: block;
    font-weight: 700;
    height: 25px;
    padding: 4px 5px;
    position: relative;
    width: 150px;
    z-index: 1
}

.clear-chat {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0 15px;
    visibility: hidden
}

@media screen and (max-width: 480px) {
    .chat-area {
        display: none
    }
}

.banner-container {
    padding: 0 15px
}

.banner-container > div {
    margin: 10px 0
}

.banner-container > div:first-child {
    margin-top: 0
}

.banner-container .exchange {
    background: #ebeaea;
    border-radius: 5px;
    overflow: hidden;
    text-align: center
}

.banner-container .exchange h2 {
    background: #d41e33;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0
}

.banner-container .exchange h3 {
    font-size: 30px;
    margin: 10px 0;
    padding: 10px 25px 0
}

.banner-container .exchange p {
    font-size: 14px;
    line-height: 16px;
    padding: 0 25px 15px
}

.banner-container .developments {
    border-radius: 5px;
    overflow: hidden
}

.banner-container .developments h2 {
    background: #d41e33;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase
}

.banner-container .developments ul {
    border: 1px solid #ededed;
    padding: 0 10px
}

.banner-container .developments ul li {
    border-bottom: 1px solid #000;
    padding: 10px 0
}

.banner-container .developments ul li:last-child {
    border-bottom: 0
}

.banner-container .developments ul li div {
    background: #f4f4f4;
    border-radius: 7px;
    height: 50px;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    width: 70px
}

.banner-container .developments ul li div.thumbnail {
    margin-bottom: 0
}

.banner-container .developments ul li div figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.banner-container .developments ul li div figure img {
    height: 100%;
    object-fit: cover;
    transition: all .2s ease-in-out;
    width: 100%
}

.banner-container .developments ul li h3 {
    font-size: 18px;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 5px
}

.banner-container .tread a.flex__end {
    color: #d41e33;
    font-size: 14px;
    font-style: italic
}

.banner-container .tread h2 {
    line-height: 20px
}

.banner-container .tread__propiedades h2 {
    background: #fd9f27;
    color: #000;
    font-weight: 700
}

.banner-container .tread__propiedades ul li a > div {
    background: transparent;
    height: auto;
    width: 100%
}

.banner-container .tread__propiedades ul li a > div h3 span {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px
}

.banner-container .tread__propiedades ul li a > div .thumbnail {
    height: 60px;
    margin-right: 10px;
    width: 135px
}

.banner-container .tread__propiedades ul li a > div .tread-comment {
    color: #000;
    font-size: 14px
}

.banner-container .tread__propiedades ul li a > .tread-bottom {
    color: #afa5a5;
    font-size: 12px;
    margin-bottom: 0
}

.banner-container .tread__GD {
    border: 4px solid #d0ad1d
}

.banner-container .tread__GD h2 {
    background: #d0ad1d;
    color: #000;
    font-weight: 700;
    line-height: 16px
}

.banner-container .tread__GD ul {
    padding: 10px
}

.banner-container .tread__GD ul li {
    border-bottom: 0;
    padding: 5px 0;
    width: 48%
}

.banner-container .tread__GD ul li div {
    height: 55px;
    width: 100%
}

.banner-container .tread__GA {
    border: 4px solid #d0ad1d
}

.banner-container .tread__GA h2 {
    background: #d0ad1d;
    color: #000;
    font-weight: 700
}

.banner-container .tread__GA ul li {
    border-bottom: 0;
    width: 32%
}

.banner-container .tread__GA ul li div {
    height: 50px
}

.banner-container .tread__GA ul li a > div h3 {
    font-size: 16px;
    margin-top: 0
}

.banner-container .tread__GA ul li a > div h3 span {
    color: #000;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px
}

.banner-container .tread__GA ul li a > div .tread-comment {
    color: #000;
    font-size: 14px
}

.banner-container .tread__GA ul li a > .tread-bottom {
    color: #afa5a5;
    font-size: 12px;
    margin-bottom: 0
}

.banner-container .tread__eventos {
    border: 1px solid #000
}

.banner-container .tread__eventos h2 {
    background: #000
}

.banner-container .tread__eventos ul {
    background: #fafafa
}

.banner-container .tread__devs h2 {
    background: #d41e33
}

.banner-container .tread h2 {
    font-size: 14px;
    padding: 5px 0
}

.banner-container .tread .thumbnail {
    height: 85px;
    width: 100%
}

.banner-container .tread ul li h3 {
    font-weight: 600;
    margin-left: 0
}

.banner-container .num-developments {
    background: #ebeaea;
    border-radius: 5px;
    overflow: hidden;
    text-align: center
}

.banner-container .num-developments h2 {
    background: #d41e33;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
    padding: 10px 0
}

.banner-container .num-developments h3 {
    font-size: 30px;
    padding: 5px 10px 25px
}

.banner-container .price-content {
    border-radius: 5px;
    overflow: hidden
}

.banner-container .price-content > div {
    margin: 0
}

.banner-container .price-content h2 {
    background: #d41e33;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 10px
}

.banner-container .price-content h3 {
    background: #ebeaea;
    font-size: 28px;
    padding: 25px 10px
}

.banner-container .sold-units {
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    padding: 15px
}

.banner-container .sold-units h2 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px
}

.banner-container .sold-units h3 {
    font-size: 30px
}

.banner-container .num-units {
    background: #ebeaea;
    border-radius: 5px;
    overflow: hidden
}

.banner-container .num-units h2 {
    background: #d41e33;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0
}

.banner-container .num-units ul {
    padding: 0 10px
}

.banner-container .num-units ul li {
    border-bottom: 1px solid #d5d5d5;
    font-size: 24px;
    font-weight: 700;
    padding: 15px 10px
}

.banner-container .inventory {
    background: #ebeaea;
    border-radius: 5px;
    overflow: hidden
}

.banner-container .inventory h2 {
    background: #d41e33;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 10px 0
}

.banner-container .inventory h3 {
    font-size: 28px;
    padding: 25px 10px 15px
}

.banner-container .inventory p {
    font-size: 14px;
    padding: 0 15px 20px
}

.homepage .tools {
    background: #ebeaea;
    padding: 30px 0 75px
}

.homepage .tools h2 {
    display: inline-block;
    font-size: 40px;
    line-height: 48px;
    margin: 50px 0;
    padding: 0 180px
}

.homepage .tools h2 span {
    color: #d41e33
}

.homepage .tools h2.tools-yuc {
    margin: 0
}

.homepage .tools h2.tools-yuc + p {
    font-size: 32px;
    line-height: 40px;
    padding: 0 180px;
    text-align: center
}

.homepage .tools-item {
    border-radius: 5px;
    overflow: hidden;
    padding: 10px
}

.homepage .tools-item > div {
    height: 100%;
    margin: 10px 0;
    padding: 45px 20px;
    text-align: center
}

.homepage .tools-item > div figure {
    margin-right: 25px;
    width: 48px
}

.homepage .tools-item > div img {
    margin-bottom: 15px;
    width: 45px
}

.homepage .tools-item > div .tools-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 5px;
    text-align: left
}

.homepage .tools-item > div .tools-subtitle {
    font-size: 16px;
    font-weight: 300;
    text-align: left
}

.homepage .tools-item > div .tools-subtitle span {
    color: #d41e33
}

.homepage .estadisticas {
    padding: 115px 0 50px
}

.homepage .estadisticas h2 {
    font-size: 42px;
    line-height: 46px;
    margin: 10px 0 25px;
    text-align: center
}

.homepage .estadisticas h2 + p {
    font-size: 20px;
    line-height: 26px;
    text-align: center
}

.homepage .estadisticas span {
    color: #d41e33;
    font-size: 52px;
    font-weight: 700;
    line-height: 56px
}

.homepage .estadisticas .numeros {
    margin-top: 25px;
    text-align: center
}

.homepage .estadisticas .numeros > div {
    padding: 20px 10px
}

.homepage .estadisticas .numeros p {
    font-size: 24px;
    line-height: 26px;
    text-align: center
}

.homepage .estadisticas .numeros p span {
    color: inherit;
    font-size: 20px;
    font-weight: lighter;
    line-height: 20px
}

.homepage .membership {
    background: #d41e33;
    color: #fff;
    overflow: hidden;
    padding: 45px 0 0
}

.homepage .membership .col-5 {
    text-align: right
}

.homepage .membership .col-7 {
    padding-left: 35px
}

.homepage .membership img {
    margin-bottom: -145px
}

.homepage .membership p {
    font-size: 32px;
    line-height: 38px;
    padding-right: 125px
}

.homepage .membership .title {
    font-weight: 700
}

.homepage .membership .subtitle {
    font-size: 28px;
    font-weight: lighter
}

.homepage .membership-cta {
    background: #000;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin-top: 30px;
    padding: 15px 10px;
    width: 300px
}

.homepage .screen {
    padding: 50px 0
}

.homepage .screen p {
    font-size: 30px;
    line-height: 32px
}

.homepage .screen p span {
    color: #d41e33
}

.homepage .screen ul {
    list-style-type: none;
    margin-top: 30px;
    padding-left: 50px
}

.homepage .screen ul li {
    font-size: 22px;
    font-weight: lighter;
    line-height: 28px;
    padding: 15px 0 15px 40px;
    position: relative
}

.homepage .screen ul li span {
    left: 0;
    margin: 0 15px 10px 0;
    position: absolute;
    top: 15px
}

.homepage .screen ul li span .icon {
    fill: #d41e33
}

.homepage .screen img {
    margin: 20px 0 -56px
}

.homepage .trs__developers {
    background: #fafafa
}

.homepage .trs__developers h2 {
    font-size: 40px;
    line-height: 44px
}

.homepage .trs__developers .testimonials-opn {
    margin-bottom: 15px
}

.hero__homepage {
    background: #ebeaea;
    background-size: 100%;
    position: relative
}

.hero__homepage.about-bg {
    background-image: url(https://www.theredsearch.com/1-images/team/backgrund-about-trs.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 450px
}

.hero__homepage.about-bg:before {
    background: rgba(0, 0, 0, .7)
}

.hero__homepage .hero__container {
    line-height: 38px;
    padding: 85px 0;
    position: relative
}

.hero__homepage .hero__container h1 {
    font-size: 30px;
    margin-bottom: 25px;
    padding-right: 125px
}

.hero__homepage .hero__container p {
    font-weight: lighter;
    line-height: 26px
}

.hero__homepage .hero__container a {
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    padding: 5px 10px 7px;
    width: 350px
}

.hero__homepage .hero-BG {
    box-shadow: 0 10px 40px #00000029;
    left: 52%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 45px
}

.hero__homepage .hero-BG > div {
    background: #f4f4f4;
    height: 450px;
    overflow: hidden;
    padding-top: 0;
    position: relative
}

.hero__homepage .hero-BG > div figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero__homepage .hero-BG > div figure img {
    height: 120%;
    object-fit: cover;
    object-position: 5%;
    transition: all .2s ease-in-out;
    width: 110%
}

.hero__corretaje {
    background: url(https://www.theredsearch.com/1-images/hero_corretaje.jpg), rgba(0, 0, 0, .7);
    background-position: 50%;
    position: relative
}

.hero__corretaje, .hero__corretaje.about-bg {
    background-repeat: no-repeat;
    background-size: 100%
}

.hero__corretaje.about-bg {
    background-image: url(https://www.theredsearch.com/1-images/team/backgrund-about-trs.jpg);
    min-height: 450px
}

.hero__corretaje .hero__container {
    color: #fff;
    line-height: 38px;
    padding: 85px 0;
    position: relative
}

.hero__corretaje .hero__container h1 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 25px;
    padding-right: 125px
}

.hero__corretaje .hero__container p {
    font-weight: lighter;
    line-height: 26px
}

.hero__corretaje .hero__container a {
    background: #fd9f27;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    margin-top: 15px;
    padding: 5px 10px 7px;
    width: 350px
}

.hero__corretaje:before {
    background: rgba(0, 0, 0, .7);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0
}

.hero__plans {
    background: url(https://www.theredsearch.com/1-images/plans__hero.jpg), rgba(0, 0, 0, .8);
    background-position: 50%;
    position: relative
}

.hero__plans .container {
    color: #fff;
    line-height: 38px;
    position: relative
}

.hero__plans:before {
    background: rgba(0, 0, 0, .7);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0
}

.plans__container {
    padding: 30px 0 50px
}

.plans__benefits {
    line-height: 36px;
    margin: 0 0 25px
}

.plans__benefits-title {
    align-items: center;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: center;
    min-height: 58px
}

.plans__benefits-subtitle {
    background: transparent;
    font-size: 18px;
    min-height: 36px
}

.plans__benefits-items li {
    font-size: 15px
}

.plans__benefits-items li span {
    display: block;
    text-align: center
}

.plans__benefits-items li span .icon {
    fill: #d41e33
}

.plans__benefits-items li:nth-child(odd) {
    background: #fafafa
}

.plans__item.col-2 .plans__benefits-title {
    margin: 0 5px
}

.plans__item.col-2 button {
    background: transparent;
    border: 0;
    padding: 0 5px;
    width: 100%
}

.plans__item.col-2 button span {
    align-items: center;
    background: #d41e33;
    border-radius: 0 0 5px 5px;
    color: #fff;
    display: flex;
    font-size: 16px;
    justify-content: center;
    min-height: 60px
}

.plans__basic .plans__benefits-title {
    background: #ebeaea
}

.plans__silver .plans__benefits-title {
    background: #d5d5d5
}

.plans__gold .plans__benefits-title {
    background: #afa5a5
}

.plans__diamond .plans__benefits-title {
    background: #000;
    color: #fff
}

.licences {
    font-size: 12px
}

.licences__header {
    background: #000;
    color: #fff
}

.licences__title {
    border-bottom: 1px solid #ebeaea;
    padding: 15px 0
}

.licences__subtitle {
    font-size: 18px;
    margin: 15px 0 10px
}

.licences__subtitle h3 {
    color: #d41e33;
    margin-bottom: 10px
}

.licences > div > div {
    line-height: 16px;
    padding: 10px;
    position: relative
}

.licences > div > div span {
    color: #d41e33;
    display: block
}

.licences__list {
    cursor: pointer
}

.licences__list button {
    background: transparent;
    border: 0;
    color: #d41e33
}

.licences__list:nth-of-type(odd) {
    background: #fafafa
}

.licences__list .button-trigger {
    padding: 0
}

.licences__list .button-trigger button {
    align-items: center;
    font-size: 13px;
    padding: 10px
}

.licences__list .button-trigger button svg {
    margin-left: 10px;
    transition: all .4s;
    width: 25px
}

.licences__list .button-trigger ~ div {
    height: 0;
    overflow: hidden;
    padding: 0;
    transition: all .4s
}

.licences__list .button-trigger ~ div .btn-primary {
    background: #d41e33;
    border: 1px solid #d41e33;
    color: #fff
}

.licences__list .button-trigger.is-active ~ div {
    height: 100%
}

.licences__list .button-trigger.is-active button svg {
    transform: rotate(-180deg)
}

.licences__add {
    font-size: 18px;
    font-weight: 300
}

.licences__add .flex {
    align-items: center;
    padding: 7px 0
}

.licences__add .select, .licences__add input, .licences__add select {
    font-size: 16px;
    font-weight: 300;
    height: 42px;
    width: 100%
}

.licences__add input {
    border: 1px solid #ced4da;
    border-radius: 5px
}

.licences__add .select select, .licences__add input {
    padding: 5px 20px 5px 15px
}

.licences__add .select:after {
    height: 10px;
    top: 14px;
    width: 10px
}

.licences__edit {
    padding: 0
}

.licences__edit > div > div {
    line-height: 16px;
    padding: 10px
}

.licences__edit .licences__list {
    border-bottom: 1px solid #ebeaea
}

.licences__edit select {
    width: 100%
}

.licences__edit h3 {
    background: #d41e33;
    color: #fff;
    font-size: 18px;
    padding: 15px 0
}

.user-membership .card__title h2 {
    font-weight: 700
}

.user-membership .membership__detail {
    border-bottom: 1px solid #ebeaea;
    border-top: 1px solid #ebeaea;
    padding-bottom: 35px;
    padding-top: 20px
}

.user-membership .membership__detail h3 {
    font-size: 16px;
    font-weight: 700
}

.user-membership .membership__detail .border-bottom {
    border-bottom: 1px solid #ebeaea;
    margin-bottom: 15px;
    padding-bottom: 35px
}

.user-membership .membership__detail button {
    background: transparent;
    border: 0;
    color: #d41e33;
    cursor: pointer;
    font-size: 16px
}

.user-membership .membership__plan {
    border-bottom: 1px solid #ebeaea;
    padding: 20px 0 25px
}

.user-membership .membership__plan h3 {
    font-size: 16px;
    font-weight: 700
}

.user-membership .membership__plan p {
    font-size: 28px;
    font-weight: 700
}

.user-membership .membership__plan button {
    background: transparent;
    border: 0;
    color: #d41e33;
    cursor: pointer;
    font-size: 16px
}

.user-membership .membership__cancel {
    background: #ebeaea !important;
    border-radius: 5px;
    color: #000 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    padding: 10px 30px 12px
}

.user-membership .profile__settings .profile__card, .user-membership .profile__settings .profile__date, .user-membership .profile__settings span {
    font-weight: 700
}

.cancel-membership {
    padding: 50px 0
}

.cancel-membership .col-7 {
    padding-right: 75px
}

.cancel-membership .col-7 button {
    border: 0;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    padding: 10px 45px 12px
}

.cancel-membership .col-7 a {
    align-items: center;
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    margin-left: 20px;
    padding: 5px 45px 7px
}

.cancel-membership .membership-actions {
    margin-top: 25px
}

.cancel-membership p {
    font-size: 28px;
    font-weight: 700;
    line-height: 30px
}

.cancel-membership ul {
    margin: 50px 0 25px
}

.cancel-membership ul li {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 25px;
    padding-left: 60px;
    position: relative
}

.cancel-membership ul li .icon {
    left: 0;
    position: absolute;
    top: 5px
}

.cancel-membership .flex.flex__wrap {
    border-bottom: 2px solid #fafafa;
    padding-bottom: 35px
}

.cancel-membership .col-12 {
    background: #fafafa;
    margin-top: 45px;
    padding: 35px 75px
}

.cancel-membership .col-12 .btn {
    font-size: 18px;
    padding: 10px 40px 12px
}

.cancel-membership .col-12 .btn.is-primary {
    margin-left: 15px
}

.cancel-membership .col-12 .p1 {
    font-size: 28px
}

.cancel-membership .col-12 .p2 {
    font-size: 26px;
    font-weight: 300
}

.plans-confirmation {
    height: 75vh
}

.plans-confirmation h3 {
    font-size: 32px;
    line-height: 36px
}

.plans-confirmation h3 a {
    color: #d41e33
}

@media (max-width: 960px) {
    .hero__homepage .hero__container h1 {
        padding-right: 0
    }

    .hero__homepage .hero-BG {
        left: 50%
    }

    .hero__homepage .hero-BG > div {
        height: 500px
    }

    .hero__homepage .hero-BG > div figure img {
        height: 105%
    }
}

@media (max-width: 768px) {
    .hero__homepage .hero-BG {
        display: none
    }

    .homepage .tools h2 {
        font-size: 36px;
        padding: 0 10px
    }

    .homepage .tools h2.tools-yuc {
        padding: 0 10px
    }

    .homepage .tools h2.tools-yuc + p {
        font-size: 28px;
        padding: 0 10px
    }

    .homepage .tools-item {
        min-height: 160px;
        width: 50%
    }

    .homepage .tools-item > div {
        padding: 15px;
        width: 100%
    }

    .homepage .tools-item > div .tools-title {
        line-height: 28px
    }

    .homepage .membership {
        padding-bottom: 45px;
        position: relative
    }

    .homepage .membership p {
        font-size: 28px;
        padding-right: 0
    }

    .homepage .membership .col-5 {
        left: -210px;
        position: absolute;
        text-align: left;
        top: 10px
    }

    .homepage .membership .col-5 img {
        display: none
    }

    .homepage .membership .col-7 {
        padding-bottom: 45px
    }

    .hero__homepage .hero__container h1 {
        padding-right: 0
    }

    .screen .txt-right {
        text-align: center
    }

    .cancel-membership .flex.flex__wrap .col-5 {
        display: none
    }

    .cancel-membership .col-7 {
        padding-right: 0
    }

    .cancel-membership .col-12 {
        padding: 35px 45px
    }

    .licences__header {
        display: none
    }

    .licences__list {
        margin-bottom: 15px
    }

    .licences__list > div {
        padding-left: 43% !important
    }

    .licences__list > div:before {
        align-items: center;
        background: #000;
        bottom: 0;
        color: #fff;
        display: flex;
        justify-content: center;
        left: 0;
        padding-right: 10px;
        position: absolute;
        text-transform: uppercase;
        top: 0;
        white-space: nowrap;
        width: 40%
    }

    .licences__list > div:nth-of-type(odd) {
        background: #fafafa
    }

    .licences__list > div:nth-of-type(odd):before {
        background: #0f0f0f
    }

    .licences__list > div:first-of-type:before {
        content: "#"
    }

    .licences__list > div:nth-of-type(2):before {
        content: "Tipo"
    }

    .licences__list > div:nth-of-type(3):before {
        content: "Cantidad"
    }

    .licences__list > div:nth-of-type(4):before {
        content: "Utilizadas"
    }

    .licences__list > div:nth-of-type(5):before {
        content: "Precio Unitario"
    }

    .licences__list > div:nth-of-type(6):before {
        content: "Precio Total"
    }

    .licences__list > div:nth-of-type(7):before {
        content: "Fecha Inicial"
    }

    .licences__list > div:nth-of-type(8):before, .licences__list > div:nth-of-type(9):before {
        content: "Estatus"
    }

    .licences__list > div:last-child {
        padding-left: 0 !important
    }

    .licences__list > div:last-child:before {
        display: none !important
    }

    .licences__list > div:last-child:first-of-type:before {
        content: "ID"
    }

    .licences__list > div:last-child:nth-of-type(2):before {
        content: "Num"
    }

    .licences__list > div:last-child:nth-of-type(3):before {
        content: "Usuario"
    }

    .licences__list > div:last-child:nth-of-type(4):before {
        content: "Fecha de inicio"
    }

    .licences__list > div:last-child:nth-of-type(5):before, .licences__list > div:last-child:nth-of-type(6):before {
        content: "Estatus"
    }

    .licences__list .button-trigger {
        display: flex;
        justify-content: center
    }

    .licences__edit {
        padding-left: 0
    }

    .licences__edit:before {
        display: none !important
    }

    .licences__edit .licences__list, .licences__edit > div > div {
        position: relative
    }

    .licences__edit .licences__list:before {
        display: none !important
    }

    .licences__edit .licences__list > div:nth-of-type(2n) {
        background: #fafafa !important
    }

    .licences__edit .licences__list > div:nth-of-type(2n):before {
        background: #0f0f0f
    }

    .licences__edit .licences__list > div:first-of-type:before {
        content: "ID"
    }

    .licences__edit .licences__list > div:nth-of-type(2):before {
        content: "Num"
    }

    .licences__edit .licences__list > div:nth-of-type(3):before {
        content: "Usuario"
    }

    .licences__edit .licences__list > div:nth-of-type(4):before {
        content: "Fecha de inicio"
    }

    .licences__edit .licences__list > div:nth-of-type(5):before, .licences__edit .licences__list > div:nth-of-type(6):before {
        content: "Estatus"
    }

    .licences__edit .licences__list > div:last-child {
        display: flex;
        justify-content: center
    }
}

.itinerary {
    padding: 25px 0
}

.itinerary-header {
    margin-bottom: 15px
}

.itinerary-header h2 {
    color: #d41e33;
    font-size: 22px
}

.itinerary-header .add-new {
    display: flex;
    justify-content: flex-end
}

.itinerary-header .new-itinerary {
    align-items: center;
    background: transparent;
    border: 0;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px
}

.itinerary-header .new-itinerary .icon {
    height: 25px;
    margin-right: 10px;
    width: 25px
}

.itinerary-item {
    border-top: 1px solid #ebeaea;
    padding: 15px 10px 15px 0
}

.itinerary-item__thumbnail {
    background: #f4f4f4;
    border-radius: 7px;
    height: 85px;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    width: 185px
}

.itinerary-item__thumbnail figure {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.itinerary-item__thumbnail figure img {
    height: 100%;
    object-fit: cover;
    transition: all .2s ease-in-out;
    width: 100%
}

.itinerary-item__details {
    align-items: center
}

.itinerary-item__title {
    padding-left: 15px
}

.itinerary-item__title h3 {
    font-size: 18px;
    font-style: italic
}

.itinerary-item__title .date {
    color: #d41e33;
    font-size: 16px
}

.itinerary-item__actions button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #d41e33;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    justify-content: center;
    width: 50%
}

.itinerary-item__actions button:focus {
    outline: none
}

.itinerary-item__actions button .icon {
    fill: #d41e33
}

.itinerary-item__actions button.btn-print {
    border: 1px solid;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    padding: 0 10px;
    width: 100%
}

.itinerary-item__actions button.btn-print .icon {
    fill: #000;
    height: 23px;
    width: 22px
}

.itinerary-item__actions button.btn-print span {
    margin-left: 10px
}

@media (max-width: 768px) {
    .itinerary-header .new-itinerary span {
        display: none
    }

    .itinerary-item {
        padding: 15px 0
    }

    .itinerary-item__details {
        flex-wrap: wrap;
        margin-bottom: 15px
    }

    .itinerary-item__title {
        margin-top: 10px;
        padding-left: 0;
        width: 100%
    }

    .itinerary-item__actions button {
        justify-content: start;
        width: 33.3%
    }

    .itinerary-item__actions button.btn-print {
        padding: 10px 20px;
        width: auto
    }
}


/* Concentimiento Section */
.concent-container { padding: 20px 0; }
.concent-container .researches h1 { border-bottom: 3px solid #d41e33; font-size: 32px; padding: 10px 45px 15px; }
.concent-container .researches .research-item { margin-top: 30px; }
.concent-container .researches .research-item h2 { color: #d41e33; font-size: 24px; font-style: italic; }
.concent-container .researches .research-item a { background: #41ead4; border-radius: 5px; display: flex; font-size: 14px; font-weight: 700; margin-bottom: 10px; margin-right: 10px; padding: 10px 20px; text-transform: uppercase; }
.concent-container .researches .research-item > .flex { border: 1px solid #ebeaea; border-radius: 10px; box-shadow: 0 16px 17px #0000001a; margin: 10px 0 40px; padding: 15px 25px; }
.concent-container .researches .research-item > .flex h3 { font-weight: 700; margin-bottom: 10px; }
.concent-container .researches input[type=submit] { border-radius: 5px; font-size: 16px; width: 100%; background: transparent; border: 1px solid #d41e33; color: #d41e33; cursor: pointer; padding: 15px 0; margin: 10px 0; }
.concent-container .researches input[type=submit]:hover { background: #d41e33; color: #fff; }

.concent-container .researches h2 { padding-bottom: 10px; width:100%; }
.concent-container .researches h3 { padding-bottom: 10px; width:100%; }
.concent-container .researches p { padding-bottom: 10px; width: 100%; }
.concent-container p.checkleft { width: 5%; float: left; text-align: center; }
.concent-container div.checkright { width: 93%; float: right; }
.concent-container p.checkButton { width: 100%; text-align: center; }
.concent-container p.checkButton input { background: #d41e33; border: 1px solid #d41e33; color: #fff; }

.concent-container .approval-switch-container { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 20px 0 !important; font-family: Arial, sans-serif !important; }
.concent-container .approval-text { font-weight: bold !important; color: #555 !important; transition: color 0.3s ease !important; user-select: none !important; white-space: nowrap !important; }
.concent-container .approved-label { margin-right: 15px !important; }
.concent-container .rejected-label { margin-left: 15px !important; }

.concent-container .switch { position: relative !important; display: inline-block !important; width: 100px !important; height: 34px !important; overflow: hidden !important; }
.concent-container .switch input { opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-appearance: none !important; appearance: none !important; }
.concent-container .slider { position: absolute !important; cursor: pointer !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-color: #f44336 !important; -webkit-transition: .4s !important; transition: .4s !important; border-radius: 34px !important; }
.concent-container .slider:before { position: absolute !important; content: "" !important; height: 26px !important; width: 26px !important; left: 4px !important; top: 4px; bottom: 4px !important; background-color: white !important; -webkit-transition: .4s !important; transition: .4s !important; border: 0; border-radius: 50% !important; box-shadow: 0 0 2px rgba(0,0,0,0.4) !important; }
.concent-container .slider:after { border:0 !important; top: 4px !important; }
.concent-container .switch input:checked + .slider { background-color: #4CAF50 !important; }
.concent-container .switch input:checked + .slider:before { -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; }
.concent-container .switch input:not(:checked) + .slider:before { -webkit-transform: translateX(66px) !important; -ms-transform: translateX(66px) !important; transform: translateX(66px) !important; }
.concent-container .switch input:checked ~ .approved-label { color: #4CAF50 !important; }
.concent-container .switch input:not(:checked) ~ .rejected-label { color: #f44336 !important; }
.concent-container .switch input:focus + .slider { box-shadow: 0 0 1px #2196F3 !important; }

@media (max-width: 768px) {
    .concent-container .researches .research-item > .flex > .flex {
        flex-direction: column-reverse
    }
}

/* Research Section */
.research-container {
    padding: 20px 0
}

.research-container .researches h1 {
    border-bottom: 3px solid #d41e33;
    font-size: 32px;
    padding: 10px 45px 15px
}

.research-container .researches .research-item {
    margin-top: 30px
}

.research-container .researches .research-item h2 {
    color: #d41e33;
    font-size: 24px;
    font-style: italic
}

.research-container .researches .research-item a {
    background: #41ead4;
    border-radius: 5px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 10px 20px;
    text-transform: uppercase
}

.research-container .researches .research-item > .flex {
    border: 1px solid #ebeaea;
    border-radius: 10px;
    box-shadow: 0 16px 17px #0000001a;
    margin: 10px 0 40px;
    padding: 15px 25px
}

.research-container .researches .research-item > .flex h3 {
    font-weight: 700;
    margin-bottom: 10px
}

.research-container .researches .research-item > .flex span {
    display: flex;
    margin-left: 20px;
    position: relative
}

.research-container .researches .research-item > .flex span:before {
    right: 3px
}

.research-container .researches .research-item > .flex span:after, .research-container .researches .research-item > .flex span:before {
    border-right: 1px solid;
    border-top: 1px solid;
    content: "";
    height: 7px;
    position: absolute;
    top: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px
}

.research-container .researches .research-item > .flex span:after {
    left: -3px
}
.research-container .researches input[type=submit] {
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
    background: transparent;
    border: 1px solid #d41e33;
    color: #d41e33;
    cursor: pointer;
    padding: 15px 0;
    margin: 10px 0;
}

.research-container .researches input[type=submit]:hover {
    background: #d41e33;
    color: #fff
}

@media (max-width: 768px) {
    .research-container .researches .research-item > .flex > .flex {
        flex-direction: column-reverse
    }
}

.map-content {
    flex: 1 0 auto
}

.map-content .list-results {
    margin-bottom: 5px
}

.map-content .list-result-container {
    padding: 10px
}

.map-content .list-comm .col-6 {
    width: 100%
}

.map-content .searchResultContainer {
    flex: 1 1 0%;
    width: 50%
}

.map-content .searchResultContainer .boxOrden {
    display: none
}

.map-content .searchResultMap {
    background: gray;
    border-radius: 7px;
    height: calc(100vh - 150px);
    margin: 0 15px 0 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 134px;
    width: calc(50% - 15px)
}

.map-content .searchResultMap button {
    background: transparent;
    border: 0;
    padding: 0
}

.map-content .searchResultMap button a {
    background: #fff;
    border: 0;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    position: absolute;
    right: 8px;
    top: 10px;
    z-index: 2
}

.map-content .searchResultMap button a:hover {
    background: #d41e33;
    color: #fff;
    cursor: pointer
}

.map-content .searchResultMap button svg {
    margin-right: 10px;
    width: 22px
}

.map-content #map {
    height: 100%
}

.gm-style .gm-style-iw-c {
    padding: 0
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important
}

.gm-style .gm-style-iw-d button img {
    height: 22px;
    width: 22px
}

.infowindow {
    width: 250px
}

.infowindow .list-thumbnail {
    height: 115px
}

.infowindow .list-details {
    padding: 5px 10px
}

.infowindow .list-details .list-id span {
    color: #000;
    display: block;
    font-size: 16px;
    margin-top: 5px
}

.infowindow .list-details .list-currency {
    font-size: 10px;
    margin-top: 5px
}

.infowindow .list-details .price2 {
    font-size: 15px
}

.detalle-color {
    bottom: 10px;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%
}

.detalle-color > div {
    align-items: center;
    background: #fafafa;
    border-radius: 5px;
    padding: 10px 15px
}

.detalle-color span {
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    width: 15px
}

.detalle-color p {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 14px;
    margin: 0 10px
}

.detalle-color p.condo span {
    background: #fd9f27
}

.detalle-color p.casa span {
    background: #8d99ae
}

.detalle-color p.lote span {
    background: #000
}

div.heatMaps {
    padding: 0 20px
}

div.heatMaps h1 {
    border-bottom: 1px solid #ebeaea;
    color: #d41e33;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 10px
}

div.heatMaps p {
    line-height: 22px
}

div.heatMaps ul {
    margin-top: 20px
}

div.heatMaps ul li {
    font-weight: 700
}

div.heatMaps ul li span {
    font-weight: 300
}

div.heatMaps .MapNivel p {
    font-weight: 700;
    text-align: left
}

div.heatMaps .MapNivelVal {
    background: transparent linear-gradient(180deg, #ea3a24, #a8fd4f) 0 0 no-repeat padding-box;
    width: 36px
}

div.heatMaps table {
    border-radius: 5px;
    margin-top: 20px;
    overflow: hidden
}

div.heatMaps table th {
    background: #000;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 15px
}

div.heatMaps table td {
    background: transparent;
    border: 0;
    font-size: 18px;
    font-weight: 300;
    padding: 10px 0;
    text-align: center
}

div.heatMaps table td a {
    color: #000;
    font-weight: 400;
    text-align: center
}

div.heatMaps table tr:nth-child(odd), div.heatMaps table tr:nth-child(odd) td {
    background: #fafafa
}

div.heatMaps table tr:hover {
    background: · #ebeaea
}

div.heatMaps table tr:hover td {
    background: #ebeaea
}

@media (max-width: 1400px) {
    .map-content .list-result-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around
    }

    .map-content .list-result-item {
        flex-wrap: wrap;
        width: 48.5%
    }

    .map-content .list-thumbnail {
        height: 200px
    }

    .map-content .list-btns, .map-content .list-comm, .map-content .list-details, .map-content .list-thumbnail, .map-content .list-thumbnail ~ .col-6 {
        width: 100%
    }

    .map-content .list-comm .col-6 {
        width: 50%
    }
}

@media (max-width: 960px) {
    .map-content .list-result-item {
        width: 100%
    }

    .detalle-color {
        display: none
    }
}

@media (max-width: 590px) {
    .map-content .list-result-container {
        display: none
    }

    .map-content .searchResultContainer {
        width: 95%
    }

    .map-content .searchResultContainer .results.list-results h5.col-6 {
        width: 70%
    }

    .map-content .searchResultContainer .results.list-results div.col-6 {
        width: 30%
    }

    .map-content .searchResultMap {
        height: calc(100vh - 175px);
        top: 160px;
        width: calc(100% - 30px)
    }

    .map-content.map-contentHeat {
        flex-direction: column-reverse
    }

    .map-content.map-contentHeat .searchResultContainer {
        width: 100%
    }

    .map-content.map-contentHeat .searchResultMap {
        height: 500px;
        margin: 0;
        position: relative;
        top: 60px;
        width: 100%
    }

    .map-content.map-contentHeat div.heatMaps {
        margin-top: 30px
    }

    .map-content.map-contentHeat div.heatMaps .MapNivel {
        margin-top: 20px
    }
}

@media (max-width: 760px) {
    .infowindow .list-thumbnail {
        height: 80px
    }
}

.trs__developers .owl-carousel .owl-nav {
    margin-top: 25px;
    text-align: center
}

.trs__developers .owl-carousel .owl-nav button {
    height: 45px;
    position: relative;
    width: 75px
}

.trs__developers .owl-carousel .owl-nav button i {
    background-color: currentColor;
    color: #000;
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px
}

.trs__developers .owl-carousel .owl-nav button i:hover {
    color: #fff
}

.trs__developers .owl-carousel .owl-nav .arrow-prev:before {
    border-right: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 10px;
    left: 1px;
    position: absolute;
    top: -5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 10px
}

.trs__developers .owl-carousel .owl-nav .arrow-right:before {
    border-right: 2px solid;
    border-top: 2px solid;
    content: "";
    height: 10px;
    position: absolute;
    right: 1px;
    top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px
}

.trs__developers .owl-carousel .owl-nav .owl-prev {
    margin-right: 25px
}

.trs__developers .owl-carousel .owl-nav .owl-next {
    margin-left: 25px
}

.trs__developers h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 35px
}

.trs__developers .btn-c2a {
    background: #fd9f27;
    border: 0;
    border-radius: 5px;
    color: #000;
    display: block;
    font-size: 16px;
    outline: none;
    padding: 15px 0
}

.trs__developers .c2a-content {
    margin-top: 75px
}

.trs__developers .block-c2a {
    border-top: 1px solid #fd9f27;
    padding-top: 45px
}

.trs__developers .block-c2a div {
    margin-top: -60px
}

.trs__developers .block-c2a a, .trs__developers .block-c2a button {
    background: #fd9f27;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    padding: 12px 100px
}

.trs__developers .block-c2a button {
    border: 0;
    margin-top: -15px;
    padding: 7px 100px
}

.trs__developers .block-c2a p {
    font-size: 18px;
    line-height: 22px;
    margin-top: 25px
}

.trs__developers .block-c2a p.txt-bold {
    font-size: 26px;
    font-weight: 700;
    margin-top: 30px
}

.trs__developers .block-c2a .block-btn {
    border-top: 2px solid #fd9f27
}

.trs__developers .hero__developer {
    background: #000;
    color: #fff;
    padding: 75px 0 175px
}

.trs__developers .hero__developer a, .trs__developers .hero__developer button {
    background: #fd9f27;
    border: 0;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 16px;
    outline: none;
    padding: 15px 0;
    width: 270px
}

.trs__developers .hero__developer .dev__title {
    font-size: 32px;
    margin-bottom: 30px
}

.trs__developers .hero__developer .dev__subtitle {
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 25px
}

.trs__developers .trsTabs.corretaje {
    background: #212121
}

.trs__developers .trsDiscover {
    background: #ebeaea;
    padding: 85px 0
}

.trs__developers .trsDiscover.corretaje {
    background: #fdfffc
}

.trs__developers .trsDiscover h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 60px
}

.trs__developers .trsDiscover h2 span {
    color: #d41e33
}

.trs__developers .trsDiscover .col-4 {
    padding: 5px 15px
}

.trs__developers .trsDiscover figure {
    text-align: center
}

.trs__developers .trsDiscover figure figcaption {
    font-size: 22px;
    line-height: 26px;
    margin-top: 20px
}

.trs__developers .trsDiscover .community {
    margin-bottom: 20px
}

.trs__developers .tabsContent {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 17px 20px #00000029;
    padding: 45px 0;
    position: relative;
    top: -100px
}

.trs__developers .tabsContent .busquedam, .trs__developers .tabsContent .icon-btn {
    display: none
}

.trs__developers .tabsContent .icon-btn button {
    background: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    height: 45px;
    position: relative
}

.trs__developers .tabsContent .icon-btn button:before {
    content: "";
    height: 20px;
    position: absolute;
    top: 10px;
    width: 20px
}

.trs__developers .tabsContent .icon-btn button.icon-btn-left:before {
    border-left: 1px solid;
    border-top: 1px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.trs__developers .tabsContent .icon-btn button.icon-btn-right:before {
    border-bottom: 1px solid;
    border-right: 1px solid;
    left: 25%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.trs__developers .tabsContent .tabs-list li {
    cursor: pointer
}

.trs__developers .tabsContent .tabs-list li.est-m {
    display: none
}

.trs__developers .tabsContent .tabs-list li a {
    padding: 10px 25px
}

.trs__developers .tabsContent .tabs-list li.active a {
    border-bottom: 4px solid #d41e33;
    font-weight: 700
}

.trs__developers .tabsContent .tabs-list li.accesibilidad span {
    display: none
}

.trs__developers .tabsContent .start-tabs-content {
    padding: 85px 0
}

.trs__developers .tabsContent .start-tabs-content button {
    border: 0;
    width: 100%
}

.trs__developers .tabsContent .start-tabs-content > div {
    display: none;
    opacity: 0;
    transition: all .2s ease-out .2s;
    z-index: 1
}

.trs__developers .tabsContent .start-tabs-content > div.active {
    display: inherit;
    opacity: 1;
    z-index: 100
}

.trs__developers .tabsContent .start-tabs-content.col-10 .flex {
    justify-content: space-between
}

.trs__developers .tabsContent .start-tabs-content.col-10 .flex h3 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 25px;
    padding-right: 35px
}

.trs__developers .tabsContent .start-tabs-content.col-10 .flex p {
    font-weight: 300;
    line-height: 24px;
    margin: 15px 0
}

.trs__developers .tabsContent .start-tabs-content.col-10 .flex p span {
    font-weight: 700
}

.trs__developers .section3 {
    background-size: cover;
    padding: 100px 0 75px;
    position: relative
}

.trs__developers .section3:before {
    background: rgba(0, 0, 0, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.trs__developers .section3.corretaje:before {
    background: hsla(0, 0%, 100%, .5)
}

.trs__developers .section3.corretaje .sec3-info {
    color: #000
}

.trs__developers .section3 .container {
    position: relative
}

.trs__developers .section3 .sec3-info {
    color: #fff;
    padding: 0 15px
}

.trs__developers .section3 .sec3-info h3 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 35px
}

.trs__developers .section3 .sec3-info p {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px
}

.trs__developers .section3 .sec3-info h4 {
    font-size: 26px;
    line-height: 32px;
    margin: 55px 0
}

.trs__developers .section3 .sec3-info .block-c2a {
    border-top: 1px solid #fd9f27;
    padding-top: 45px
}

.trs__developers .section3 .sec3-info .block-c2a div {
    margin-top: -60px
}

.trs__developers .section3 .sec3-info .block-c2a a, .trs__developers .section3 .sec3-info .block-c2a button {
    background: #fd9f27;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    padding: 12px 100px
}

.trs__developers .section3 .sec3-info .block-c2a button {
    border: 0;
    margin-top: -15px;
    padding: 7px 100px
}

.trs__developers .section3 .sec3-info .block-c2a p {
    font-size: 18px;
    line-height: 22px;
    margin-top: 35px
}

.trs__developers .section3 .sec3-info .block-c2a .block-btn {
    border-top: 2px solid #fd9f27
}

.trs__developers .section4 {
    padding: 90px 0
}

.trs__developers .section4 .col-11 {
    background: #41ead4;
    border-radius: 10px;
    box-shadow: 0 17px 20px #00000029;
    position: relative
}

.trs__developers .section4 h2 {
    color: #d41e33;
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 50px
}

.trs__developers .section4 .paragraph {
    font-size: 32px;
    font-weight: 300;
    line-height: 36px;
    padding: 80px 0 80px 80px
}

.trs__developers .section4 figure {
    position: absolute;
    right: -2%;
    top: -10px
}

.trs__developers .section5 h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 35px
}

.trs__developers .section5 h2 span {
    color: #000;
    display: block
}

.trs__developers .section5 p {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    padding-right: 30px
}

.trs__developers .section6 {
    background: #d41e33;
    color: #fff;
    overflow: hidden;
    padding-top: 40px
}

.trs__developers .section6 .paragraph {
    padding-bottom: 35px
}

.trs__developers .section6 h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px
}

.trs__developers .section6 p {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin: 15px 0
}

.trs__developers .section6 img {
    margin-bottom: -5px
}

.trs__developers .section7 {
    padding: 75px 0
}

.trs__developers .section7 h2 {
    margin-bottom: 0
}

.trs__developers .section7 .devs-card {
    border-radius: 10px;
    box-shadow: 0 17px 20px #00000029;
    margin: 25px 20px;
    overflow: hidden
}

.trs__developers .section7 .devs-card img {
    width: 100%
}

.trs__developers .section7 .devs-card figcaption {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    padding: 20px 30px 45px
}

.trs__developers .section7 .devs-card figcaption span {
    display: block;
    font-size: 18px;
    font-style: italic;
    font-weight: 700
}

.trs__developers .section7 h2.red {
    margin-bottom: 25px
}

.trs__developers .section8 {
    background: #8d99ae;
    padding: 45px 0 65px
}

.trs__developers .section8 h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 40px
}

.trs__developers .section8 ul {
    padding-left: 90px
}

.trs__developers .section8 ul li {
    font-size: 22px;
    line-height: 26px;
    margin: 15px 0;
    position: relative
}

.trs__developers .section8 ul li:before {
    border-bottom: 2px solid;
    border-left: 2px solid;
    color: #d41e33;
    content: "";
    height: 6px;
    left: -40px;
    position: absolute;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12px
}

.trs__developers .section9 {
    padding: 75px 0
}

.trs__developers .section9 h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px
}

.trs__developers .section9 ul {
    padding-left: 90px
}

.trs__developers .section9 ul li {
    font-size: 22px;
    font-weight: 300;
    line-height: 26px;
    margin: 15px 0;
    position: relative
}

.trs__developers .section9 ul li:before {
    border-bottom: 2px solid;
    border-left: 2px solid;
    color: #d41e33;
    content: "";
    height: 6px;
    left: -40px;
    position: absolute;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 12px
}

.trs__developers .section10 {
    background: #d5d5d5;
    padding: 75px 0
}

.trs__developers .section10 h2 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 30px
}

.trs__developers .section10 p {
    font-weight: 300;
    line-height: 26px;
    margin: 15px 0
}

.trs__developers .section10 figure {
    border-bottom: 1px solid #707070;
    margin: 20px auto;
    max-width: 370px;
    padding: 10px 0 35px
}

.trs__developers .section10 figure figcaption {
    font-weight: 700;
    margin-top: 10px
}

.trs__developers .section10 .n-border, .trs__developers .section10 .opinion:last-child figure {
    border-bottom: 0
}

.trs__developers .section11 {
    padding: 75px 0
}

.trs__developers .section11 .testimonials {
    background: #8d99ae;
    border-radius: 10px;
    padding: 80px
}

.trs__developers .section11 .testimonials-opt {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    text-align: center
}

.trs__developers .section11 .testimonials-autor {
    margin-top: 25px
}

.trs__developers .section11 .testimonials-autor span {
    display: block;
    font-weight: 300
}

.trs__developers .loginBox {
    padding: 45px 50px
}

.trs__developers .loginBox h2 {
    margin-bottom: 10px
}

.trs__developers .loginBox .input {
    padding: 6px 7px
}

@media (max-width: 768px) {
    .trs__developers .hero__developer .col-6 figure, .trs__developers .hero__developer .col-6 img {
        margin-top: 10px;
        width: 100%
    }

    .trs__developers .block-c2a a {
        padding: 12px 50px
    }

    .trs__developers .tabsContent .busqueda {
        display: none
    }

    .trs__developers .tabsContent .busquedam {
        display: inherit
    }

    .trs__developers .tabsContent .icon-btn {
        cursor: pointer;
        display: inherit
    }

    .trs__developers .tabsContent .start-tabs-content {
        padding: 20px 0 50px
    }

    .trs__developers .tabsContent .start-tabs-content.col-10 .flex {
        flex-direction: column-reverse;
        flex-wrap: wrap
    }

    .trs__developers .tabsContent .tabs-list {
        align-items: baseline
    }

    .trs__developers .tabsContent .tabs-list li.est-m {
        display: inherit
    }

    .trs__developers .tabsContent .tabs-list li.estadistica {
        display: none
    }

    .trs__developers .tabsContent .tabs-list li.accesibilidad a {
        font-size: 0
    }

    .trs__developers .tabsContent .tabs-list li.accesibilidad span {
        display: inherit
    }

    .trs__developers .trsDiscover .col-4 {
        margin-bottom: 45px
    }

    .trs__developers .section3 {
        padding: 25px 0 75px
    }

    .trs__developers .section4 {
        margin-bottom: 210px
    }

    .trs__developers .section4 .col-11 {
        width: 100%
    }

    .trs__developers .section4 .paragraph {
        padding: 25px 25px 60px
    }

    .trs__developers .section4 figure {
        bottom: auto;
        height: 105px;
        left: auto;
        position: relative
    }

    .trs__developers .section4 figure img {
        position: absolute
    }

    .trs__developers .section6 .container > .flex, .trs__developers .section9 .container > .flex {
        flex-direction: column-reverse
    }

    .trs__developers .section11 .testimonials {
        padding: 50px 15px;
        width: 100%
    }

    .trs__developers .section11 .testimonials-opt {
        font-size: 20px
    }
}

.CMBuenFin h1 {
    color: #d41e33;
    font-size: 32px;
    margin-bottom: 45px
}

.CMBuenFin > .container p {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    margin-top: -40px
}

.CMBuenFin > .container p:last-child {
    margin-bottom: 40px;
    margin-top: 0
}

.CMBuenFin .countdown {
    background: #000;
    padding: 50px 0
}

.CMBuenFin .countdown h2 {
    color: #fd9f27;
    font-size: 48px
}

.CMBuenFin .countdown p {
    color: #fff;
    font-size: 28px;
    line-height: 30px
}

.CMBuenFin .countdown #timer {
    margin: 30px 0
}

.CMBuenFin .BF-s2 {
    background: #b70620;
    padding: 0 0 20px
}

.CMBuenFin .BF-s2 p {
    color: #fff;
    font-size: 22px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 35px
}

.CMBuenFin .BF-s2 .BF-thumb {
    position: relative
}

.CMBuenFin .BF-s2 a {
    background: #fd9f27;
    border-radius: 5px;
    color: #000;
    font-weight: 700;
    margin-top: 25px;
    padding: 8px 45px
}

.CMBuenFin .BF-productos {
    padding-top: 50px
}

.CMBuenFin .BF-productos h2 {
    color: #d41e33;
    font-size: 32px;
    margin-bottom: 50px
}

.CMBuenFin .BF-productos h3 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 20px
}

.CMBuenFin .BF-productos p {
    font-size: 22px;
    line-height: 30px
}

.CMBuenFin .BF-productos .BF-producto1 {
    background: #ebeaea
}

.CMBuenFin .BF-productos .BF-producto2 {
    padding: 30px 0
}

.CMBuenFin .BF-productos .BF-producto3 {
    background: #ebeaea;
    padding: 30px 0
}

.CMBuenFin .c2a2 {
    background: #d41e33;
    color: #fff;
    padding: 85px 0
}

.CMBuenFin .c2a2 h3 {
    font-size: 28px;
    line-height: 36px
}

.CMBuenFin .c2a2 h3.f2 {
    font-size: 32px
}

.CMBuenFin .c2a2 a {
    background: #fd9f27;
    border-radius: 5px;
    color: #000;
    display: block;
    font-weight: 700;
    margin-top: 25px;
    padding: 8px 45px
}

.CMBuenFin .policy {
    padding: 45px 0
}

.CMBuenFin .policy p {
    font-weight: 700;
    line-height: 22px
}

@media (max-width: 768px) {
    .dash-section.testimoniales .section11 {
        padding: 25px 15px !important
    }

    .CMBuenFin .BF-productos .BF-producto1, .CMBuenFin .BF-s2 {
        padding: 25px 0
    }

    .CMBuenFin .BF-productos .flex__end {
        justify-content: center
    }

    .CMBuenFin .c2a2 a {
        padding: 8px 15px
    }
}

.overlay-menu {
    background: rgba(0, 0, 0, .8);
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2001
}

#nav-plaheholder {
    height: 56px
}

#nav-plaheholder.filter-NV {
    height: 80px
}

.content-area {
    margin: 45px 0
}

.red {
    color: #d41e33
}

.red.small {
    margin-top: 15px
}

.red.big { font-size: 18px; font-weight: 700; text-decoration: underline }
.small { font-size: 14px; font-weight: lighter }
.flag_lan2 { background-color: white; border-radius: 15px; text-align: center; padding: 2px 5px; }
.homepage .hero__container { min-height: 300px }

.homepage .hero .about-title {
    font-size: 72px;
    padding-right: 0
}

.homepage.Hyucatan .hero__homepage .hero__container h1 {
    font-size: 42px;
    line-height: 48px;
    padding-right: 0
}

.homepage.Hyucatan .hero__homepage .hero__container p {
    font-size: 20px;
    line-height: 26px
}

.homepage.Hyucatan .hero__homepage .hero-BG {
    left: 45%
}

.homepage.Hyucatan .hero__homepage .hero-BG > div {
    height: 575px
}

.header {
    background: #d41e33;
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 100%
}

.header.BF {
    background: transparent;
    padding: 25px 0
}

.header > .container {
    padding: 10px 0
}

.header .logo .logo-m {
    display: none
}

.header .alert.alert-verified {
    background: #fd9f27;
    padding: 5px 0
}

.header .alert.alert-verified p {
    font-size: 12px;
    line-height: 14px
}

.header .alert.alert-verified a, .header .alert.alert-verified span {
    font-weight: 700
}

.header .alert.alert-verified span {
    font-style: italic
}

.header .alert.alert-verified a:hover {
    text-decoration: underline
}

.header.is-fixed {
    position: fixed;
    top: 0;
    z-index: 2000
}

.header.homepage {
    background: #fff
}

.header.homepage .hero__container {
    min-height: 300px
}

.header.homepage .navbar-item, .header.homepage .navbar-item li a {
    color: #fff
}

.header.homepage .navbar-item li.login a {
    border: 1px solid #d41e33;
    border-radius: 5px;
    color: #d41e33;
    margin: 0 5px;
    padding: 5px 20px 8px
}

.header.homepage .navbar-item li.login a:hover {
    background: #d41e33;
    color: #fff
}

.header.homepage .navbar-item li.register a {
    background: #000;
    border: 1px solid #000;
    border-radius: 5px;
    color: #fff;
    margin: 0 5px;
    padding: 5px 20px 8px
}

.header.homepage .navbar-item li.register a:hover {
    background: transparent;
    border: 1px solid #000;
    color: #000
}

.navbar-item {
    color: #fff
}

.navbar-item hr {
    margin: 0
}

.navbar-item li {
    position: relative
}

.navbar-item li a {
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    text-decoration: none
}

.navbar-item li.filter-NV {
    pointer-events: none
}

.navbar-item li.filter-NV a {
    color: #b70620
}

.navbar-item li.filter-NV a span.prospectos {
    display: none
}

.navbar-item li .prospectos {
    right: 5px
}

.navbar-item li .prospectos, .navbar-item li .prospectos2 {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    color: #000;
    display: flex;
    font-size: 10px;
    height: 15px;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: -5px;
    vertical-align: top;
    width: 15px
}

.navbar-item li .prospectos2 {
    left: 1px
}

.navbar-item li .prospectos3 {
    align-items: center;
    background: #000;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 10px;
    height: 15px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 13px;
    vertical-align: top;
    width: 15px
}

.navbar-item li.submenu ul {
    border-radius: 0 0 8px 8px;
    left: 0;
    min-width: 200px;
    opacity: 0;
    overflow: hidden;
    padding-top: 18px;
    position: absolute;
    top: 200%;
    transition: .3s;
    visibility: hidden;
    z-index: 990
}

.navbar-item li.submenu ul:before {
    border-bottom: 10px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    height: 0;
    left: 25px;
    position: absolute;
    top: 8px;
    width: 0
}

.navbar-item li.submenu ul.settings:before {
    left: auto;
    right: 12px
}

.navbar-item li.submenu ul li a {
    background: #fafafa;
    color: #000;
    display: block;
    font-size: 16px;
    padding: 10px 20px 12px
}

.navbar-item li.submenu ul li a:hover {
    background: #ebeaea
}

.navbar-item li.submenu ul li.filter-NV a {
    color: #d5d5d5;
    pointer-events: none
}

.navbar-item li.submenu ul li.filter-NV a:hover {
    background: none
}

.navbar-item li.submenu:hover ul {
    opacity: 1;
    top: 100%;
    visibility: visible
}

.navbar-item li.submenu:last-child ul {
    left: auto;
    right: 0
}

.navbar-item li.close-menu {
    display: none
}

.navbar-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: none
}

.navbar-toggle svg.icon {
    fill: #fff;
    height: 35px;
    width: 35px
}

.navbar-collapse {
    transition: all .5s
}

.navbar-collapse.is-active {
    left: 0
}

.navbar-profile svg.icon {
    fill: #fff;
    height: 30px;
    width: 30px
}

.container {
    margin: 0 auto;
    width: 1200px
}

div.mainDiv {
    max-width: 100%
}

div.mainDiv .video-ask {
    padding: 45px 0
}

.loginDiv {
    background: url(https://www.theredsearch.com/1-images/bakground-index.jpg) no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 75px 0
}

.box-form, .loginBox {
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 75px 100px;
    width: 550px
}

.box-form h2, .loginBox h2 {
    font-size: 20px;
    padding: 10px 0
}

.box-form img, .loginBox img {
    margin-bottom: 15px
}

.box-form .input input, .loginBox .input input {
    border-radius: 7px;
    box-sizing: border-box;
    color: #212121;
    display: block;
    min-height: 40px;
    padding: 7px 10px !important;
    width: 100%
}

.box-form .input input[type=email], .box-form .input input[type=password], .box-form .input input[type=text], .loginBox .input input[type=email], .loginBox .input input[type=password], .loginBox .input input[type=text] {
    border: 1px solid #ebeaea;
    outline: none
}

.box-form p.password, .loginBox p.password {
    position: relative
}

.box-form p.password span, .loginBox p.password span {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

.box-form p.button input.btn, .loginBox p.button input.btn {
    -webkit-appearance: none;
    appearance: none;
    background-color: #d41e33 !important;
    border: 0;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 0 !important;
    width: 100% !important
}

.box-form .pasos, .loginBox .pasos {
    font-size: 16px
}

.box-form .pasos div:first-child, .loginBox .pasos div:first-child {
    border-right: 2px solid gray
}

.box-form .pasos .pasivo, .loginBox .pasos .pasivo {
    color: gray
}

.box-form .pasos .activo, .loginBox .pasos .activo {
    color: #d41e33
}

.box-form .terminos, .loginBox .terminos {
    padding-left: 10px
}

.box-form .terminos label, .loginBox .terminos label {
    font-size: 14px;
    padding-left: 30px;
    text-align: left
}

.box-form .terminos label a, .loginBox .terminos label a {
    color: #d41e33
}

.box-form .terminos label .input-checked, .loginBox .terminos label .input-checked {
    border-radius: 50%;
    left: 0
}

.box-form .fakeButton, .loginBox .fakeButton {
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    cursor: not-allowed;
    font-size: 16px;
    margin: 5px 0;
    opacity: .6;
    padding: 12px 25px 15px
}

.box-form .input input[type=submit], .loginBox .input input[type=submit] {
    background: #d41e33;
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin: 5px 0;
    padding: 10px 25px !important
}

.box-form .st-login, .loginBox .st-login {
    font-size: 14px
}

.box-form .st-login a, .loginBox .st-login a {
    color: #d41e33;
    font-size: 16px;
    font-weight: 700
}

.box-form {
    margin: auto;
    padding: 25px 50px;
    width: 90%
}

.box-form p {
    font-size: 12px;
    line-height: 14px
}

.box-form p.password {
    position: relative
}

.box-form p.password span {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

.box-form .input span {
    color: #afa5a5;
    font-size: 10px;
    line-height: 12px
}

.box-form .input span.red {
    color: #d41e33
}

.box-form .input span.red input {
    border: 1px solid #d41e33
}

.box-form .select select {
    min-height: 42px;
    padding: 7px 10px !important
}

.box-form .select select:disabled {
    color: red
}

.box-form .select:after {
    height: 9px;
    right: 19px;
    top: 13px;
    width: 9px
}

.box-form .col-4 .select {
    margin-top: 5px;
    padding: 0 5px
}

.box-form .col-4 .select select {
    min-height: 40px
}

.box-form .col-12 .input {
    padding-top: 0
}

.box-form.box-confirmation {
    padding: 45px 70px
}

.box-form.box-confirmation .box-check span {
    border-radius: 50%;
    height: 75px;
    width: 75px
}

.box-form.box-confirmation .box-check span svg {
    height: 70px;
    width: 70px
}

.box-form.box-confirmation > a {
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 15px 0;
    padding: 10px
}

.box-form.box-confirmation h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px
}

.box-form.box-confirmation h2 span {
    font-size: 26px
}

.box-form.box-confirmation p {
    font-size: 14px;
    line-height: 18px
}

.box-form.box-confirmation p.note {
    font-weight: 700
}

.box-form.box-confirmation form button {
    background: transparent;
    border: 0;
    color: #d41e33;
    display: inline;
    font-size: 20px;
    line-height: 18px;
    margin-left: 4px;
    padding: 0
}

.box-form.box-confirmation form button:hover {
    text-decoration: underline
}

.box-form.box-verified {
    padding: 40px 85px 70px
}

.box-form.box-verified a {
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700
}

.box-form.box-verified > div {
    border-bottom: 1px solid #d5d5d5;
    margin: 10px 55px 20px;
    padding-bottom: 25px
}

.box-form.box-verified > div a {
    background: #fd9f27;
    color: #000;
    display: inline-block;
    margin-top: 15px;
    padding: 10px 45px
}

.box-form.box-verified > a {
    background: #d41e33;
    color: #fff;
    display: block;
    font-size: 16px;
    margin-top: 15px;
    padding: 10px
}

.box-form.box-verified h2 {
    font-size: 24px;
    line-height: 28px
}

.box-form.box-verified p {
    font-size: 14px;
    line-height: 18px
}

.box-form.box-no-verified {
    padding: 40px 85px 70px
}

.box-form.box-no-verified span svg {
    height: 90px;
    width: 56px
}

.box-form.box-no-verified .txt-center {
    font-size: 22px;
    line-height: 24px;
    padding: 15px
}

.box-form.box-no-verified .st-login {
    border-top: 1px solid #d5d5d5;
    font-size: 14px;
    line-height: 18px;
    margin: 15px 30px;
    padding: 15px 0;
    text-align: center
}

.box-video div {
    border: 10px solid #d41e33;
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.box-video div iframe {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.box-video div:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.dashboardBox {
    color: #000;
    padding-top: 45px
}

.dashboardBox h2 {
    color: #000;
    font-size: 30px;
    line-height: 36px
}

.dashboardBox p {
    font-size: 20px;
    margin: 10px auto 45px
}

.dashboardBox .container > .flex {
    flex-direction: row-reverse
}

.dashboardBox .section {
    border: 1px solid #afa5a5;
    border-radius: 10px;
    box-shadow: 0 16px 17px #0000001a;
    box-sizing: border-box;
    margin: 15px 5px;
    width: 290px
}

.dashboardBox .section a {
    color: #d41e33;
    padding: 55px 0;
    width: 100%
}

.dashboardBox .section img {
    margin-bottom: 15px
}

.dashboardBox .noVerificado {
    position: relative
}

.dashboardBox .noVerificado span {
    border-radius: 9px;
    filter: blur(1px);
    overflow: hidden;
    position: relative
}

.dashboardBox .noVerificado svg {
    height: 27px;
    position: absolute;
    right: 5px;
    top: -7px;
    width: 27px
}

.dashboardBox .noVerificado svg + span {
    background: #fd9f27;
    border-radius: 5px;
    color: #212121;
    display: none;
    filter: blur(0);
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    overflow: inherit;
    padding: 7px 10px;
    position: absolute;
    right: 5px;
    top: -35px;
    width: 370px;
    z-index: 4
}

.dashboardBox .noVerificado svg + span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fd9f27;
    content: "";
    height: 0;
    position: absolute;
    right: 10px;
    top: 25px;
    width: 0
}

.dashboardBox .noVerificado svg:hover + span {
    display: block
}

.dashboardBox .noVerificado img {
    filter: blur(9px)
}

.dashboardBox .menu-items .noVerificado svg {
    right: -5px
}

.dashboardBox .menu-items .noVerificado img {
    filter: blur(0)
}

.dashboardBox .items {
    width: 32%
}

.dashboardBox .items a, .dashboardBox .items span {
    padding: 40px 0
}

.dashboardBox .col-3.flex, .dashboardBox .col-9.flex {
    justify-content: center
}

.dash-section {
    padding: 40px 0
}

.dash-section h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 25px 0 10px
}

.dash-section h2 + p {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 35px
}

.dash-section .p-5 {
    padding: 5px
}

.dash-section .px-10 {
    padding: 5px 10px
}

.dash-section.vote-golden {
    background: #d0ad1d
}

.dash-section.vote-golden a {
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    padding: 7px 100px
}

.dash-section.vote-golden .card.is-radius {
    border-radius: 5px
}

.dash-section.vote-golden .card.is-radius .card-body {
    background: transparent
}

.dash-section.vote-golden .card.is-radius h2 {
    color: #000;
    margin: 0
}

.dash-section.propiedades .list-thumbnail {
    height: 175px
}

.dash-section.propiedades p.info {
    font-weight: 700;
    margin-top: 10px
}

.dash-section.propiedades .see-more-listings .list-result-item {
    background: #ebeaea;
    box-shadow: none;
    padding: 65px 20px 20px
}

.dash-section.propiedades .see-more-listings svg {
    display: block;
    height: 50px;
    width: 50px
}

.dash-section.propiedades .see-more-listings p {
    color: #d41e33;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin: 10px 0
}

.dash-section.propiedades .see-more-listings a {
    background: #41ead4;
    border-radius: 5px;
    font-weight: 700;
    padding: 10px 30px
}

.dash-section.videos {
    background: #fafafa
}

.dash-section.videos h2 + p {
    padding: 0 160px
}

.dash-section.videos .list-thumbnail {
    height: 210px
}

.dash-section.videos .list-details {
    padding: 15px 20px
}

.dash-section.videos .list-details .list-name {
    line-height: 26px
}

.dash-section.videos .col-12.flex__center a {
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    padding: 7px 100px
}

.dash-section.eventos {
    background: #ebeaea
}

.dash-section.eventos .list-thumbnail {
    height: 210px
}

.dash-section.eventos .col-12.flex__center a {
    background: #d41e33;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    padding: 7px 100px
}

.dash-section.estudios-mercado {
    background: #fafafa
}

.dash-section.estudios-mercado figure p {
    font-size: 18px;
    font-weight: 700
}

.dash-section.estudios-mercado figure p.date {
    color: #d41e33;
    font-size: 22px
}

.dash-section.estudios-mercado figure a {
    background: #41ead4;
    border-radius: 5px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0;
    padding: 6px 20px
}

.dash-section.estudios-mercado figure a span {
    display: inline;
    margin-left: 20px;
    position: relative
}

.dash-section.estudios-mercado figure a span:before {
    right: 3px
}

.dash-section.estudios-mercado figure a span:after, .dash-section.estudios-mercado figure a span:before {
    border-right: 1px solid;
    border-top: 1px solid;
    content: "";
    height: 7px;
    position: absolute;
    top: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px
}

.dash-section.estudios-mercado figure a span:after {
    left: -3px
}

.dash-section.centro-ayuda {
    background: #d41e33;
    color: #fff
}

.dash-section.centro-ayuda .col-12.flex__center a {
    background: #ffffff;
    border-radius: 5px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    padding: 7px 100px
}

.dash-section.who-we-are .team .person {
    padding: 10px
}

.dash-section.who-we-are h2 + p {
    padding: 0 150px
}

.dash-section.testimoniales {
    background: #fafafa
}

.dash-section.testimoniales .section11 {
    padding: 25px 0
}

.who-we-are {
    padding: 50px 0
}

.who-we-are h2 {
    color: #d41e33;
    font-size: 28px;
    margin-bottom: 15px
}

.who-we-are p {
    font-size: 22px;
    line-height: 26px
}

.who-we-are .team {
    margin-top: 45px;
    text-transform: uppercase
}

.who-we-are .team h4 {
    color: #d41e33;
    font-size: 24px;
    margin-top: 25px
}

.who-we-are .team p {
    font-size: 16px
}

.who-we-are .team .person {
    cursor: pointer;
    margin-bottom: 25px
}

.who-we-are .team .person figure {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.who-we-are .team .person .img-hv {
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.who-we-are .team .person img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    transition: opacity .5s ease;
    width: 100%;
    z-index: 1
}

.who-we-are .team .person:hover .img-hv {
    opacity: 1;
    z-index: 2
}

.trs-mdl.modal-about {
    max-width: 1100px;
    min-width: 800px;
    width: 80%
}

.trs-mdl.modal-about .trs-mdl-content {
    padding: 50px 75px
}

.trs-mdl.modal-about .col-4 {
    text-align: left;
    text-transform: uppercase
}

.trs-mdl.modal-about .col-4 h3 {
    color: #d41e33;
    font-size: 24px
}

.trs-mdl.modal-about .col-4 p {
    font-size: 16px
}

.trs-mdl.modal-about .col-8 {
    padding-left: 40px
}

.trs-mdl.modal-about .col-8 p {
    font-weight: 300
}

.trs-mdl.modal-about .col-8 p:first-child {
    margin-top: 0
}

.vote-golden h2 {
    font-size: 30px;
    margin: 25px 0
}

.vote-golden .col-2 {
    margin-bottom: 10px;
    padding: 0 5px
}

.vote-golden .col-4.p-x2 {
    margin-bottom: 20px
}

.vote-golden .instrucciones p {
    font-weight: 300;
    margin-bottom: 10px
}

.vote-golden label.votos {
    background: #d41e33;
    border-top-left-radius: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    z-index: 1
}

.footer, footer {
    background: #000;
    color: #fff;
    height: auto;
    margin: 0 !important;
    padding: 50px 0 25px;
    width: 100%
}

.footer span, footer span {
    display: block;
    margin-bottom: 10px
}

.footer *, footer * {
    font-size: 16px
}

.footer .help-support a, footer .help-support a {
    justify-content: left
}

.footer .help-support a img, footer .help-support a img {
    margin: 5px 0 0 5px
}

.footer .rrss li, footer .rrss li {
    display: flex
}

.footer .rrss li a, footer .rrss li a {
    background: url(https://www.theredsearch.com/1-images/icons/rrss.png) no-repeat;
    height: 30px;
    margin: 0 5px;
    width: 20px
}

.footer .rrss li a.twitter, footer .rrss li a.twitter {
    background-position: -35px 0
}

.footer .rrss li a.facebook, footer .rrss li a.facebook {
    background-position: 0 0
}

.footer .rrss li a.youtube, footer .rrss li a.youtube {
    background-position: -70px 0
}

.footer .rrss li a.instagram, footer .rrss li a.instagram {
    background-position: -105px 0
}

@media (max-width: 1200px) {
    .container {
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%
    }

    .trs-mdl.modal-about {
        max-width: 90%;
        min-width: 650px
    }

    .trs-mdl.modal-about .trs-mdl-content {
        padding: 50px
    }

    .hero__homepage.about-bg {
        min-height: 380px
    }
}

@media (max-width: 960px) {
    #nav-plaheholder.filter-NV {
        height: 96px
    }

    .dashboardBox h2 {
        font-size: 26px
    }

    .dash-section.videos h2 + p, .dash-section.who-we-are h2 + p {
        padding: 0
    }

    .trs-mdl.modal-about .col-4 {
        width: 100%
    }

    .trs-mdl.modal-about .col-4 .photo {
        display: none
    }

    .trs-mdl.modal-about .col-8 {
        padding-left: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    .dashboardBox .section img {
        width: 72px
    }
}

@media (max-width: 768px) {
    .header .logo img {
        display: none
    }

    .header .logo .logo-m {
        display: block
    }

    .header .flex.flex__start {
        justify-content: center;
        width: 100%
    }

    .header.homepage .flex.flex__start {
        justify-content: inherit;
        width: auto
    }

    .header.homepage .navbar-item .register {
        display: none
    }

    .header .navbar-item li.close-menu {
        cursor: pointer;
        margin: 15px 0 45px;
        padding-right: 20px;
        text-align: right
    }

    .header .navbar-item li a {
        display: block;
        font-size: 18px;
        padding: 5px 10px 7px
    }

    .header .navbar-item li.submenu ul {
        height: 0;
        padding-top: 0;
        position: relative;
        top: 0
    }

    .header .navbar-item li.submenu ul li:first-child {
        margin-top: 0
    }

    .header .navbar-item li.submenu ul:before {
        display: none
    }

    .header .navbar-item li.submenu:hover ul {
        border-radius: 0 0 0 0;
        height: auto;
        opacity: 1;
        top: 0;
        visibility: visible
    }

    .loginDiv {
        padding: 40px 0
    }

    .homepage .hero .about-title {
        font-size: 48px;
        line-height: 60px
    }

    .homepage .tool-item.person {
        width: 50%
    }

    .hero__homepage.about-bg {
        min-height: 300px
    }

    .navbar-item li.close-menu, .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        align-items: normal;
        background: #000;
        flex-direction: column;
        height: 100%;
        justify-content: normal;
        left: -270px;
        position: fixed;
        top: 0;
        width: 270px;
        z-index: 2002
    }

    .navbar-profile {
        padding: 0 0 0 10px
    }

    .trs-mdl.modal-about {
        max-width: 750px;
        min-width: 600px
    }

    .trs-mdl.modal-about .col-8 {
        height: auto;
        max-height: 300px;
        overflow-y: scroll
    }

    .box-form {
        margin-top: 20px;
        padding: 20px;
        width: 100%
    }

    .footer .help-support, footer .help-support {
        text-align: center
    }

    .footer .help-support span, footer .help-support span {
        margin-bottom: 5px
    }

    .footer .flex__end, .footer .help-support a, footer .flex__end, footer .help-support a {
        justify-content: center
    }

    .footer .rrss, footer .rrss {
        margin: 20px 0
    }

    .footer .rrss li a, footer .rrss li a {
        background-size: 180px;
        height: 40px;
        width: 40px
    }

    .footer .rrss li a.twitter, footer .rrss li a.twitter {
        background-position: -47px 0
    }

    .footer .rrss li a.youtube, footer .rrss li a.youtube {
        background-position: -93px 0
    }

    .footer .rrss li a.instagram, footer .rrss li a.instagram {
        background-position: -140px 0
    }
}

@media (max-width: 520px) {
    div.loginBox {
        background-color: hsla(0, 0%, 100%, .7);
        border-radius: 8px;
        box-sizing: border-box;
        padding: 75px 25px;
        width: 550px
    }

    .trs-mdl.modal-about {
        max-width: 94%;
        min-width: 94%
    }

    .trs-mdl.modal-about .trs-mdl-content {
        padding: 25px 15px
    }

    .homepage .hero .about-title {
        font-size: 42px;
        line-height: 50px
    }

    .who-we-are .team .person {
        width: 100%
    }
}

@media (max-width: 480px) {
    #nav-plaheholder.filter-NV {
        height: 122px
    }
}
/* TOGGLE SWITCH ======================================================================== */
label.toggleswitch { position: relative; display: inline-block; width: 60px; height: 34px; }
label.toggleswitch input { opacity: 0; width: 0; height: 0; }
label.toggleswitch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; width: 60px; }
label.toggleswitch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; }
label.toggleswitch input:checked + .slider { background-color: #2196F3; }
label.toggleswitch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
label.toggleswitch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

.photosL-grid-container {
    height: 400px; margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-gap: 0; align-items: start;
    @media (max-width: 580px) { grid-template-columns: 1fr; height: 800px; }
    .img-box { border: 1px solid #ffffff; height: 200px; position: relative; }
    .img-box:hover .transparent-box { background-color: rgba(0, 0, 0, 0.6); }
    .img-box:hover .caption { transform: translateY(-5px); }
    /*            img { max-width: 100%; display: block; height: auto; } */
    img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .caption { color: white; transition: transform 0.3s ease, opacity 0.3s ease; font-size: 1.5rem; }
    .transparent-box { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; transition: background-color 0.3s ease; display: flex; justify-content: center; align-items: center; }
    /*            .main-photo { grid-row: 1; grid-column: 1; } */
    .main-photo { grid-row: 1; grid-column: 1; position: relative; width: 100%; height: 400px; overflow: hidden; }
    .sub {
        display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 0em;
        &:nth-child(0) { grid-column: 1; grid-row: 1; }
        &:nth-child(1) { grid-column: 2; grid-row: 1; }
        &:nth-child(2) { grid-column: 1; grid-row: 2; }
        &:nth-child(3) { grid-column: 2; grid-row: 2; }
    }
}
/*https://www.nomensa.com/blog/how-improve-web-accessibility-hiding-elements*/
.hide-element { border: 0; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
@media screen and (min-width: 1280px) {
    /*HD Screens*/
    .container { margin: 0 auto; width: 1250px; }
}