/* ########## NAVBAR ########## */

.navbar {
    background: #fff;
    border-bottom: 4px solid #ff6464;
}

.navbar-brand img {
    margin-left: -8px;
}

.navbar-brand span {
    float: right;
    margin-top: 20px;
    margin-left: 5px;
    color: #ff6464;
    font-weight: 700 !important;
}

.navbar.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: 700;
}

.dropdown-toggle::after {
    display: none !important;
}

#navbarDropdown {
    margin-top: 8px;
    margin-left: 15px;
}

#navbarCountryDropdown {
    margin-top: 5px;
}

.dropdown-menu {
    margin-left: -107px;
}

@media (max-width: 500px) {
    .navbar-brand {
        margin-right: 0 !important;
    }

    .navbar-brand img {
        margin-left: 2px !important;
    }
}

/* ########## BOOTSTRAP OVERRIDES ########## */

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

.btn-primary {
    color: #fff !important;
    background-color: #ff6464 !important;
    border-color: #ff6464 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #ff5252 !important;
    border-color: #ff5252 !important;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
    color: #fff !important;
    background-color: #ff5252 !important;
    border-color: #ff5252 !important;
}

.btn-orange {
    color: #fff !important;
    background-color: #ff8a00 !important;
    border-color: #ff8a00 !important;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.show > .btn-orange.dropdown-toggle {
    color: #fff !important;
    background-color: #e67c00 !important;
    border-color: #e67c00 !important;
}

.btn-check:checked + .btn-orange,
.btn-check:active + .btn-orange {
    color: #fff !important;
    background-color: #e67c00 !important;
    border-color: #e67c00 !important;
}

/* ########## IMAGE-CROPPIE-AD-FORM ########## */

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

.croppie-container .cr-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    max-width: none;
    max-height: none;
    transform: translateZ(0);
    transform-origin: 0 0;
}

.croppie-container .cr-boundary {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: auto;
    border: 2px solid #fff;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    transform: translateZ(0);
}

.croppie-container .cr-resizer {
    z-index: 2;
    box-shadow: none;
    pointer-events: none;
}

.croppie-container .cr-resizer-horisontal,
.croppie-container .cr-resizer-vertical {
    position: absolute;
    pointer-events: all;
}

.croppie-container .cr-resizer-horisontal::after,
.croppie-container .cr-resizer-vertical::after {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    content: "";
    background: #fff;
    border: 1px solid #000;
}

.croppie-container .cr-resizer-vertical {
    bottom: -5px;
    width: 100%;
    height: 10px;
    cursor: row-resize;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
    right: -5px;
    width: 10px;
    height: 100%;
    cursor: col-resize;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    position: absolute;
    z-index: 1;
    cursor: move;
    touch-action: none;
    transform: translateZ(0);
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.cr-slider {
    width: 300px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-appearance: none;
    background-color: transparent;
}

.cr-slider:focus {
    outline: 0;
}

.cr-slider::-webkit-slider-runnable-track,
.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb,
.cr-slider::-moz-range-thumb,
.cr-slider::-ms-thumb {
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    background: #ddd;
}

.cr-slider::-webkit-slider-thumb {
    margin-top: -6px;
    -webkit-appearance: none;
}

.cr-slider::-moz-range-thumb {
    margin-top: -6px;
}

.cr-slider:-moz-focusring {
    outline: 1px solid #fff;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    color: transparent;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
}

.cr-slider::-ms-fill-lower,
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.cr-slider::-ms-thumb {
    margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower,
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}

.cr-rotate-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 1;
}

.cr-rotate-controls button {
    border: 0;
    background: transparent;
}

.cr-rotate-controls i::before {
    display: inline-block;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
}

.cr-rotate-l i::before {
    content: "↺";
}

.cr-rotate-r i::before {
    content: "↻";
}

/* ########## ESCORT-AD ########## */

.loading-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.loading-overlay.loading-overlay-open {
    display: flex;
}

.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 300px;
    margin: auto;
    padding: 40px;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    transform: translate(-50%, -50%);
}

.descorty-spinner {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
    border: 5px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    animation: spin 1s ease-in-out infinite;
}

.spinner-dark {
    border-color: rgba(33, 37, 41, 0.2);
    border-top-color: #212529;
}

.spinner-warning {
    border-color: rgba(255, 193, 7, 0.3);
    border-top-color: #ffc107;
}

.spinner-primary {
    border-color: rgba(217, 114, 114, 0.3);
    border-top-color: #d97272;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.loading-text {
    margin-top: 15px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.descorty-help-text {
    color: #0004ff !important;
}

/* ########## MODAL-ROOT ########## */

.modal-root {
    background-color: rgba(0, 0, 0, 0.9);
}

.modal-root .modal-content {
    background: linear-gradient(135deg, rgba(20, 20, 20, 0.95), rgba(40, 40, 40, 0.95));
    border: 1px solid rgba(255, 255, 255, 0.1);
    animation: colorShift 4s ease-in-out infinite;
}

.modal-root .modal-header,
.modal-root .modal-footer {
    background: rgba(30, 30, 30, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

.modal-root .modal-title {
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
}

.modal-root .modal-body {
    background: #f5f5f5 url("../img/bg.png") left top repeat !important;
}

@keyframes colorShift {
    0% {
        box-shadow: 0 0 10px rgba(255, 100, 100, 0.5);
    }

    33% {
        box-shadow: 0 0 10px rgba(255, 191, 0, 0.5);
    }

    66% {
        box-shadow: 0 0 10px rgba(25, 135, 84, 0.5);
    }

    100% {
        box-shadow: 0 0 10px rgba(255, 100, 100, 0.5);
    }
}

/* ########## HIDE-MOBILE ########## */

.hide-mobile {
    display: block;
}

@media (max-width: 992px) {
    .hide-mobile {
        display: none;
    }
}

/* ########## HIDE-DESKTOP ########## */

.hide-desktop {
    display: block;
}

@media (min-width: 992px) {
    .hide-desktop {
        display: none;
    }
}

/* ########## HIDE-ADVERTISING-MOBILE-AD ########## */

.hide-advertising-mobile-ad-l {
    position: absolute;
    top: 137px;
    left: 10px;
}

.hide-advertising-mobile-ad-r {
    position: absolute;
    top: 137px;
    right: 10px;
}

@media (max-width: 1200px) {
    .hide-advertising-mobile-ad-l,
    .hide-advertising-mobile-ad-r {
        display: none;
    }
}

/* ########## SECTION-LG ########## */

.section-line {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.16),
            transparent);
    margin: 2rem 0;
}

.section-lg h1 {
    color: #000;
}

.section-lg h2 {
    color: #000;
}

section.section-lg {
    padding-top: 60px;
    padding-bottom: 100px;
    background: #f5f5f5 url("../img/bg.png") left top repeat !important;
}

.section-lg .section-line {
    background: linear-gradient(90deg,
            transparent,
            rgba(108, 117, 125, 0.28),
            transparent);
}

@media (max-width: 575px) {
    .section-line {
        margin: 1.5rem 0;
    }
}

/* ########## DESIGNER-SECTION ########## */

.designer-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.designer-section .text-muted, .site-footer .text-muted {
    color: rgb(156, 156, 156) !important;
}

.designer-section .shadow-sm {
    box-shadow: 0 0 10px #8a8a8a !important;
}

/* ########## BODY ########## */

body {
    font-family: Nunito, sans-serif;
    background: #000 url("../img/bg.png") left top repeat !important;
}

html {
    scroll-behavior: smooth;
}

/* ########## TEXT-JUSTIFY ########## */

.text-justify {
    text-align: justify;
}

/* ########## TEXT-RIGHT ########## */

.text-right {
    text-align: right !important;
}

/* ########## TEXT-UPPER ########## */

.text-upper {
    text-transform: uppercase;
}

/* ########## TEXT-MUTED-ICON ########## */

.text-muted-icon {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px !important;
    color: #868e96;
}

/* ########## TABLE ########## */

caption {
    color: #6c757d;
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    color: #212529;
    border-color: #dee2e6;
}

.table > :not(caption) > * > * {
    background-color: var(--bs-table-bg);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: currentColor;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}

.table-hover > tbody > tr:hover {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}

/* ########## TEXT-SIZE-20 ########## */

.text-size-20 {
    font-size: 20px;
}

/* ########## TEXT-SIZE-30 ########## */

.text-size-30 {
    font-size: 30px;
}

/* ########## TEXT-SIZE-50 ########## */

.text-size-50 {
    font-size: 50px;
}

/* ########## TEXT-SIZE-14 ########## */

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

/* ########## TEXT-SIZE-11 ########## */

.text-size-11 {
    font-size: 11px !important;
}

/* ########## DESCORTY-FORM-DARK ########## */

.descorty-form-dark label:not(.form-check-label) {
    display: block;
    margin-bottom: 6px;
    color: #f4f7ff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.18);
}

.descorty-form-dark .form-select,
.descorty-form-dark .form-control {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.06);
}

.descorty-form-dark .form-select:focus,
.descorty-form-dark .form-control:focus {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.36) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);
}

.descorty-form-dark .form-control::placeholder {
    color: #d8e0ef !important;
    opacity: 1;
}

/* ########## VISITOR-COMMENT ########## */

.visitor-comment-panel,
.visitor-comment-item {
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.visitor-comment-panel {
    padding: 16px;
}

.visitor-comment-item {
    padding: 14px 16px;
}

.visitor-comment-item small {
    color: rgb(156, 156, 156);
}

.visitor-comment-item p {
    margin-bottom: 0.5rem;
    color: #d7deeb;
}

.box-rating .fa {
    margin-right: 3px;
}

.comment-star {
    margin-right: 3px;
    cursor: pointer;
}

.descorty-comment-textarea {
    min-height: 132px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #fff !important;
}

.descorty-form-dark option {
    background-color: #111827;
    color: #edf2ff;
}

.descorty-form-dark .form-check-input {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.descorty-form-dark .form-check-input:checked {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.descorty-form-dark .form-check-input:checked:focus {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.25) !important;
}

.descorty-form-dark .form-check-label {
    color: #cfd7e6 !important;
}

.descorty-form-dark-switches {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.descorty-form-dark-switches .col {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin-right: 20px;
}

@media (max-width: 575px) {
    .descorty-form-dark-switches .col {
        flex: 0 0 145px;
        width: 145px;
        min-width: 145px;
    }
}

/* ########## BTN-GROUP-LEGEND ########## */

.btn-group-legend {
    background: #000;
    border: 1px solid #6c757d;
    border-radius: 5px;
    box-shadow: 0 0 10px #6c757d;
    overflow: hidden;
}

.btn-group-legend .btn {
    border-radius: 0;
    border: 0;
}

.btn-group-legend .btn:not(.btn-warning):not(.btn-danger) {
    background: #000;
    color: #fff;
}

.btn-group-legend .btn.btn-warning {
    background: #ffc107;
    color: #000;
    box-shadow: inset 0 0 0 1px #212529;
}

.btn-group-legend .btn.btn-danger {
    color: #000;
    box-shadow: inset 0 0 0 1px #212529;
}

.btn-group-legend > .btn.btn-warning:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn-group-legend > .btn.btn-warning:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-group-legend .btn:not(.btn-warning):not(.btn-danger):hover,
.btn-group-legend .btn:not(.btn-warning):not(.btn-danger):focus,
.btn-group-legend .btn:not(.btn-warning):not(.btn-danger):active {
    background: #111;
    color: #fff;
    box-shadow: none;
}

.btn-group-legend > .btn + .btn {
    margin-left: 0;
    border-left: 1px solid #000;
}

.btn-group-legend .btn.btn-disabled:not(.btn-warning):not(.btn-danger) {
    opacity: 0.8;
}

.btn-group-legend a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-group-legend span {
    margin: auto;
}

.descorty-find-form-close-button {
    margin-top: -20px;
}

/* ########## FONTS ########## */

@font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v20/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshdTQ3jw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v20/XRXI3I6Li01BKofiOc5wtlZ2di8HDGUmdTQ3jw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v20/XRXI3I6Li01BKofiOc5wtlZ2di8HDFwmdTQ3jw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: fontawesome;
    src: url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.fa,
[class*="fa-"]:before {
    font-family: fontawesome;
}

.fa {
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*="fa-"]:before {
    font-weight: 400;
}

/* ########## FA ########## */

.fa {
    display: inline-block;
}

.fa-2x {
    font-size: 2em;
}

.fa-star-half-o:before {
    content: "\f123";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-star-danger {
    color: #dc3545 !important;
}

.fa-info::before {
    content: "\f129";
}

.fa-comments::before {
    content: "\f086";
}

.fa-map-marker::before {
    content: "\f041";
}

.fa-user::before {
    content: "\f007";
}

.fa-usd::before {
    content: "\f155";
}

.fa-whatsapp::before {
    content: "\f232";
    color: #53d391;
}

.fa-telegram::before {
    content: "\f1d8";
    color: #0088cc;
}

.fa-instagram::before {
    content: "\f16d";
    color: #ff6464;
}

.fa-twitter::before {
    content: "\f099";
    color: #5ca7c3;
}

.fa-play::before {
    content: "\f04b";
}

.fa-leaf::before {
    content: "\f06c";
}

.fa-chevron-down::before {
    content: "\f078";
}

/* ########## FLAG ########## */

.descorty-username {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
}

span.flag {
    display: block;
    margin-top: -1px !important;
    float: left;
    height: 26px;
    width: 28px;
    background: url(../img/pais.png) 0 0/28px no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
    margin-right: 10px;
    padding: 0;
}

span.flag.ar {
    background-position: 0 -1px !important;
}

span.flag.pt {
    background-position: 0 -66px !important;
}

span.flag.cl {
    background-position: 0 -356px !important;
}

span.flag.mx {
    background-position: 0 -130px !important;
}

span.flag.co {
    background-position: 0 -227px !important;
}

span.flag.pe {
    background-position: 0 -260px !important;
}

span.flag.ve {
    background-position: 0 -389px !important;
}

/* ########## BADGE-DARK ########## */

.badge-dark-primary,
.badge-dark-info,
.badge-dark-secondary,
.badge-dark-success,
.badge-dark-danger,
.badge-dark-warning,
.badge-dark-orange,
.badge-dark-dark {
    background: #000;
    color: #fff;
}

.badge-dark-primary {
    border: 1px solid #ff6464;
    box-shadow: 0 0 10px #ff6464;
}

.badge-dark-info {
    border: 1px solid #0dcaf0;
    box-shadow: 0 0 10px #0dcaf0;
}

.badge-dark-secondary {
    border: 1px solid #6c757d;
    box-shadow: 0 0 10px #6c757d;
}

.badge-dark-success {
    border: 1px solid #198754;
    box-shadow: 0 0 10px #198754;
}

.badge-dark-danger {
    border: 1px solid #dc3545;
    box-shadow: 0 0 10px #dc3545;
}

.badge-dark-warning {
    border: 1px solid #ffc107;
    box-shadow: 0 0 10px #ffc107;
}

.badge-dark-orange {
    border: 1px solid #fd7e14;
    box-shadow: 0 0 10px #fd7e14;
}

.badge-dark-dark {
    border: 1px solid #212529;
    box-shadow: 0 0 10px #212529;
}

/* ########## BADGE-OUTLINE ########## */

.badge-outline-light {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.badge-outline-primary {
    color: #ff6464;
    background: rgba(255, 100, 100, 0.08);
    border: 1px solid rgba(255, 100, 100, 0.24);
}

.badge-outline-info {
    color: #0dcaf0;
    background: rgba(13, 202, 240, 0.08);
    border: 1px solid rgba(13, 202, 240, 0.24);
}

.badge-outline-secondary {
    color: #6c757d;
    background: rgba(108, 117, 125, 0.08);
    border: 1px solid rgba(108, 117, 125, 0.24);
}

.badge-outline-success {
    color: #198754;
    background: rgba(25, 135, 84, 0.08);
    border: 1px solid rgba(25, 135, 84, 0.24);
}

.badge-outline-danger {
    color: #dc3545;
    background: rgba(220, 53, 69, 0.08);
    border: 1px solid rgba(220, 53, 69, 0.24);
}

.badge-outline-warning {
    color: #ffc107;
    background: rgba(255, 193, 7, 0.08);
    border: 1px solid rgba(255, 193, 7, 0.24);
}

.badge-outline-orange {
    color: #fd7e14;
    background: rgba(253, 126, 20, 0.08);
    border: 1px solid rgba(253, 126, 20, 0.24);
}

.badge-outline-dark {
    color: #212529;
    background: rgba(33, 37, 41, 0.08);
    border: 1px solid rgba(33, 37, 41, 0.24);
}

/* ########## DESCORTY-HERO-TITLE ########## */

.descorty-hero-title {
    font-size: clamp(2.3rem, 4vw, 4.2rem) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
}

/* ########## ADS-ITEM ########## */

.text-muted-ads {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    color: #868e96;
}

.ads-item {
    position: relative;
}

.ads-item-card {
    background-color: rgba(255, 255, 255, 0.06);
    border-top: 0 solid rgba(255, 255, 255, 0.06);
    position: relative;
    top: -6px;
}

.text-1-line,
.text-3-line {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

.ads-item-img {
    position: relative;
}

.ads-item-title-link {
    color: #fff;
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.ads-item-rating {
    margin-top: -8px;
}

.ads-item-handle {
    color: #93a0b8 !important;
}

.ads-item-panel {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 8px 12px;
}

.badge-status-ad {
    text-align: left !important;
    padding-left: 55px;
}

.text-3-line {
    -webkit-line-clamp: 3;
}

.text-1-line {
    -webkit-line-clamp: 1;
}

@media (max-width: 570px) {
    .descorty-platforms-grid .ads-item {
        padding: 0 !important;
    }
}

.descorty-platforms-grid .ads-item {
    margin-top: 0;
    margin-bottom: 10px;
}

/* ########## DESCORTY-PLATFORMS ########## */

#descorty-platforms .fa-whatsapp,
#descorty-platforms .fa-twitter {
    font-size: 25px;
}

#descorty-platforms .fa-whatsapp {
    color: #198754;
}

.descorty-platforms-whatsapp {
    font-size: 25px;
    color: #198754;
}

#descorty-platforms .fa-telegram {
    font-size: 22px;
    color: #34a4e3;
}

#descorty-platforms .fa-instagram {
    font-size: 24px;
    color: #ff6464;
    margin-right: 2px;
}

#descorty-platforms .fa-twitter {
    color: #7dc7ff;
}

#descorty-platforms img[alt="OnlyFans"] {
    width: 24px;
    margin-left: -2px;
    margin-right: 1px;
}

#descorty-platforms img[alt="Privacy"] {
    width: 28px;
    margin-left: -4px;
}

.descorty-platforms-grid {
    max-width: none;
    width: 100%;
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
    box-sizing: border-box;
}

.descorty-platforms-item {
    background: transparent;
    border: 0;
    color: #fff;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0 !important;
    padding: 0 0 18px;
}

@media (max-width: 575px) {
    #descorty-platforms .box-rating {
        margin-top: -6px;
    }

    .descorty-platforms-item {
        padding: 0 0 18px;
    }
}

.descorty-platforms-line-height-compact {
    line-height: 1;
}

.descorty-platforms-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
}

.descorty-platforms-status {
    float: right;
    margin-right: 20px;
}

.descorty-platforms-status img {
    position: absolute;
    margin-top: -12px;
}

.descorty-platform-card-disabled {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0.4;
    cursor: not-allowed;
}

.descorty-platform-label-disabled {
    color: rgba(255, 255, 255, 0.3);
}

.descorty-platform-image-disabled {
    filter: grayscale(100%);
    opacity: 0.75;
}

#descorty-platforms .line-effect-orange.descorty-platform-card-disabled,
#descorty-platforms .line-effect-info.descorty-platform-card-disabled {
    background: rgba(255, 255, 255, 0.02);
}

/* ########## SOCIAL-MEDIA-LIST-FIND ########## */

.social-media-list-find {
    margin-top: 1.5rem;
    line-height: 1;
}

.social-media-list-find__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
}

.social-media-list-find__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    margin-bottom: 10px;
    vertical-align: middle;
    text-decoration: none;
}

.social-media-list-find__row--tall .social-media-list-find__link {
    margin-right: 17px;
    margin-bottom: 14px;
}

.social-media-list-find__link:hover {
    transform: translateY(-1px);
}

.social-media-list-find__link.is-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.social-media-list-find__link > span {
    width: 66px;
    height: 66px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.social-media-list-find .fa-whatsapp {
    font-size: 60px;
    line-height: 1;
    vertical-align: middle;
}

.social-media-list-find .fa-telegram {
    font-size: 54px;
    line-height: 1;
    vertical-align: middle;
    margin-left: 5px;
}

.social-media-list-find .fa-instagram {
    font-size: 54px;
    line-height: 1;
    vertical-align: middle;
    margin-left: 15px;
}

.social-media-list-find .fa-twitter {
    font-size: 64px;
    line-height: 1;
    vertical-align: middle;
    margin-left: 20px;
}

.social-media-list-find img[alt="Chat Descorty"] {
    display: block;
    width: 60px;
    height: 70px;
    vertical-align: middle;
}

.social-media-list-find img[alt="Privacy"] {
    display: block;
    width: 65px;
    height: 65px;
    vertical-align: middle;
}

.social-media-list-find img[alt="OnlyFans"] {
    display: block;
    width: 56px;
    height: 56px;
    vertical-align: middle;
}

.social-media-list-find__link.is-disabled .fa {
    opacity: 0.45;
}

.social-media-list-find__link.is-disabled img {
    filter: grayscale(100%);
    opacity: 0.75;
}

@media (min-width: 1200px) {
    .social-media-list-find__link {
        margin-right: 6px;
    }

    .social-media-list-find__row--tall .social-media-list-find__link {
        margin-right: 8px;
    }
}

/* ########## DESCORTY-REVENUE ########## */

.descorty-revenue-star {
    color: #ffd700;
    margin-right: 4px;
    font-size: 14px !important;
    font-style: normal !important;
}

.descorty-revenue-code {
    font-family: "Courier New", monospace;
    font-weight: 700;
}

/* ########## DESCORTY-CAROUSEL ########## */

.descorty-card-watermark-logo {
    opacity: 0.2;
    position: absolute;
    z-index: 1;
    margin: auto;
    align-content: center;
    width: 46%;
    top: 32.5%;
    left: 27%;
}

.descorty-carousel-shell {
    background-color: rgba(255, 255, 255, 0.06);
    border: 0 solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
}

.descorty-carousel-shell .img-thumbnail {
    padding: 0px !important;
    border-radius: 0px;
}

.descorty-carousel-image {
    background-color: #0f1727;
    border-color: rgba(255, 255, 255, 0.06);
}

.descorty-carousel-control-muted {
    background-color: rgba(255, 255, 255, 0.1);
}

/* ########## DESCORTY-STATUS ########## */

.img-ad-certificate-list {
    position: absolute;
    display: inline !important;
    left: -12px;
    top: -13px;
    z-index: 1;
}

.descorty-certificate-image-limit {
    max-width: 70px;
}

.descorty-status-badge-full {
    width: 100%;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ########## DESCORTY-PLAY-THUMB-ACCENT ########## */

.descorty-play-thumb-accent {
    color: #ff6464;
}

/* ########## LINE-EFFECT ########## */

.line-effect-primary,
.line-effect-secondary,
.line-effect-success,
.line-effect-danger,
.line-effect-warning,
.line-effect-light,
.line-effect-info,
.line-effect-orange,
.line-effect-dark {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.3rem;
    padding: 0.5rem 1rem 0.55rem;
    min-height: 46px;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
}

.line-effect-primary {
    justify-content: flex-start;
    background: linear-gradient(90deg,
            rgba(230, 119, 119, 0.22) 0%,
            rgba(230, 119, 119, 0.1) 100%);
}

.line-effect-secondary {
    justify-content: flex-start;
    background: linear-gradient(90deg,
            rgba(108, 117, 125, 0.22) 0%,
            rgba(108, 117, 125, 0.1) 100%);
}

.line-effect-success {
    justify-content: flex-start;
    background: linear-gradient(90deg,
            rgba(25, 135, 84, 0.22) 0%,
            rgba(25, 135, 84, 0.1) 100%);
}

.line-effect-danger {
    justify-content: flex-start;
    background: linear-gradient(90deg,
            rgba(220, 53, 69, 0.22) 0%,
            rgba(220, 53, 69, 0.1) 100%);
}

.line-effect-warning {
    justify-content: flex-start;
    background: linear-gradient(90deg,
            rgba(255, 193, 7, 0.22) 0%,
            rgba(255, 193, 7, 0.1) 100%);
}

.line-effect-light {
    justify-content: flex-start;
    background: rgba(255, 255, 255, 0.05);
}

.line-effect-info {
    justify-content: flex-start;
    background: linear-gradient(90deg,
            rgba(13, 202, 240, 0.22) 0%,
            rgba(13, 202, 240, 0.1) 100%);
}

.line-effect-orange {
    justify-content: flex-start;
    background: linear-gradient(90deg,
            rgba(255, 159, 67, 0.22) 0%,
            rgba(255, 159, 67, 0.1) 100%);
}

.line-effect-dark {
    justify-content: flex-start;
    background: #ffffff2b;
}

/* ########## DESCORTY-FEATURE-CARD ########## */

.descorty-feature-card {
    height: 100%;
    padding: 1.5rem;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 12px 28px rgba(0, 0, 0, 0.12);
    text-align: center;
}

.descorty-feature-card-detail {
    text-align: left;
    color: #d7deeb;
    height: auto;
}

.descorty-feature-card-detail .box-rating-ad {
    text-align: center;
}

.descorty-feature-card-detail p,
.descorty-feature-card-detail div:not(.box-rating):not(.box-rating-ad):not(.card-body) {
    text-align: justify;
}

.descorty-feature-card-body {
    margin-top: 1rem;
}

.skins-page-wrap .descorty-feature-card-body {
    margin-top: 0;
}

/* ########## DESCORTY-SOCCER-MARQUEE ########## */

.descorty-soccer-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 4px 0;
    mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}

.descorty-soccer-track {
    display: flex;
    align-items: center;
    gap: 12px;
    width: max-content;
    animation: descortySoccerScroll 44s linear infinite;
}

.descorty-soccer-marquee:hover .descorty-soccer-track {
    animation-play-state: paused;
}

.descorty-soccer-badge {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 50%;
    padding: 4px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.descorty-soccer-badge img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
}

@keyframes descortySoccerScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* ########## DESCORTY-TEAM-MAIN-BADGE ########## */

.descorty-team-main-badge {
    width: 102px;
    height: 102px;
    margin: 0 auto;
    border-radius: 50%;
    padding: 7px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.descorty-team-main-badge img {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

@media (max-width: 575px) {
    .descorty-team-main-badge {
        width: 86px;
        height: 86px;
        padding: 6px;
    }

    .descorty-team-main-badge img {
        width: 74px;
        height: 74px;
    }
}

/* ########## DESCORTY-BREADCRUMB-NAV ########## */

.descorty-breadcrumb-nav {
    margin-top: 20px;
    margin-bottom: -30px;
    font-size: 12px;
}

.descorty-breadcrumb-separator {
    margin: 0 4px;
}

/* ########## DESCORTY-STORY-FRAME ########## */

.descorty-story-frame {
    width: 100%;
    min-height: 84px;
    max-height: 104px;
    border: 0;
    background: transparent;
    display: block;
}

.descorty-story-inline-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 84px;
}

.descorty-story-inline-content {
    width: 100%;
    min-height: 84px;
    overflow: hidden;
}

@media (min-width: 576px) {
    .descorty-story-inline-loader {
        min-height: 102px;
    }

    .descorty-story-inline-content {
        min-height: 84px;
    }
}

/* ########## DESCORTY-LOCATION-SECTION ########## */

.descorty-location-section {
    width: 100%;
}

.descorty-location-title {
    margin-bottom: 1rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700 !important;
}

.descorty-location-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0.5rem 0.75rem;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.descorty-location-link:hover,
.descorty-location-link:focus {
    color: #fff;
    text-decoration: none;
}

/* ########## DESCORTY-EXOCLICK-CARD-MUTED ########## */

.descorty-exoclick-card-muted {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

/* ########## EMBED-RESPONSIVE ########## */

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 100% 0 0;
    overflow: hidden;
}

.embed-responsive .embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.embed-responsive-item div {
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
}

/* ########## EXOCLICK-BANNER-300-AD ########## */

.exoclick-banner-300-ad {
    position: relative;
    padding: 5px;
    border-radius: 5px;
    height: 100%;
}

.exoclick-banner-300-ad .embed-responsive {
    height: 100%;
}

.exoclick-banner-300-ad .play-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -20px;
    font-size: 80px;
    opacity: 0.8;
}

/* ########## PREVIOUS-BUTTON ########## */

/* ########## PAGER ########## */

.pager-primary nav,
.pager-default nav {
    text-align: center;
}

.pager-primary a,
.pager-primary div,
.pager-primary span,
.pager-default a,
.pager-default div,
.pager-default span {
    display: inline-block;
    padding: 10px 15px 10px 15px !important;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700 !important;
    letter-spacing: 0.075em;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17) !important;
    text-decoration: none;
    margin: 10px !important;
}

.pager-primary a {
    color: #fff !important;
    background-color: #ff6464 !important;
}

.pager-primary span {
    color: #aaa !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.pager-primary div {
    color: #ff6464 !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    margin-left: 14px !important;
}

.pager-default a {
    color: #fff !important;
    background-color: #343a40 !important;
}

.pager-default span {
    color: #aaa !important;
    background-color: #e9e9ea !important;
}

.pager-default div {
    color: #343a40 !important;
    background-color: #e9e9ea !important;
    margin-left: 14px !important;
}

.previous-button {
    margin-top: -5px;
    position: fixed;
    width: 100%;
    z-index: 10;
    font-size: 13px;
    background: #ff6464;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.previous-button a {
    text-decoration: none;
    display: block;
    padding-top: 20px;
    padding-bottom: 15px;
}

.text-muted-ad-date {
    font-weight: 700;
    font-size: 11px !important;
    color: #b4bac1;
    position: absolute;
    margin-top: 60px;
    width: 100%;
    text-align: center;
}

.img-ad-certificate-ad {
    position: absolute;
    width: 70px !important;
    height: 70px !important;
    z-index: 5;
    margin-left: -36px;
}

/* ########## SKINS-GRID-BADGE ########## */

.skins-grid-badge {
    width: 66px;
    height: 66px;
    margin: 0 auto 0.85rem;
    border-radius: 50%;
    padding: 5px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.skins-grid-badge img {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

@media (max-width: 575px) {
    .skins-grid-badge {
        width: 58px;
        height: 58px;
        margin-bottom: 0.7rem;
    }

    .skins-grid-badge img {
        width: 48px;
        height: 48px;
    }
}
