:root {
    --fonts-heading: 'Roboto', sans-serif;
    --fonts-paragraph: 'Roboto', sans-serif;
    --color-primary: #1890FF;
    --color-primary-hover: #0d76d8;
    --footer-bg: #808080;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    font-family: var(--fonts-paragraph);
    color: #000
}

html,
body {
    height: 100%;
}

.main-wrapper {
    position: relative;
    overflow: hidden
}

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

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
    color: #000;
}

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

img {
    max-width: 100%;
    display: block
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: var(--fonts-heading);
}

h1,
.h1 {
    font-size: 64px;
    line-height: 1.4;
}

h2,
.h2 {
    font-size: 40px;
    line-height: 1.2;
}

h3,
.h3 {
    font-size: 30px;
    line-height: 40px;
}

h4,
.h4 {
    font-size: 24px;
    line-height: 32px;
}

h5,
.h5 {
    font-size: 18px;
    line-height: 30px;
}

h6,
.h6 {
    font-size: 16px;
    line-height: 24px;
}

p {
    margin-bottom: 35px;
}


p:last-child {
    margin-bottom: 0 !important;
}

button {
    border: none;
    transition: all 0.4s ease 0s;
    background: transparent
}

.section,
section {
    padding: 50px 0
}

.text_white,
.text_white>* {
    color: #fff
}

.container {
    max-width: 1980px;
    padding: 0;
}

.cta-btn {
    padding: 9px 12px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.46px;
}

.cta-btn svg,
.cta-btn img {
    margin-right: 5px
}

.cta-btn svg path {
    fill: var(--color-primary);
}

.btn_default {
    background: transparent;
    border: 1px solid var(--color-primary);
    color: var(--color-primary)
}

.btn_default:hover {
    background: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary)
}

.btn_default:hover svg path {
    fill: #fff;
}

.btn_border {
    border: 1px solid #D9D9D9;
    color: rgba(0, 0, 0, 0.85);
}

.btn_border:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.action-btn {
    margin-top: 30px
}

/*Header CSS*/
.header-area {
    padding: 15px 0
}

.site-logo {
    width: auto;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
}

.site-logo img {
    width: 200px;
}

/* .site-logo::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 70%;
    background: rgba(0, 0, 0, 0.03);
} */

.logo.alt span {
    display: inline-block;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.45);
    font-weight: 300;
}

.logo.alt img {
    width: 14px;
    margin-right: 4px;
}

/*Hero CSS*/
.banner-area {
    background: #000;
    max-height: 220px;
}

.banner-area .h3 {
    font-weight: 700
}

.banner-area .container {
    position: relative;
    z-index: 1;
    padding: 80px 15px
}

.banner-area .container>img {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    height: 100%
}

.search-form {
    position: relative;
    height: 55px;
    width: 43%;
    margin: auto;
    margin-top: 7px
}

/*BOX CSS*/
.count {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    color: #8C8C8C;
    margin-left: 5px;
    font-weight: 400
}

.filter_heading {
    display: inline-flex;
    margin: 0;
    line-height: normal;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0.15px;
}

.filter_heading .count {
    font-size: 12px;
    line-height: 20px
}

.reset_btn {
    font-size: 14px;
    line-height: 22px;
}

.filter_checkbox .accordion {
    border: none;
    border-radius: 0
}

.filter_checkbox .accordion-item {
    border: none;
    border-radius: 0 !important;
    margin-bottom: 13px
}

.filter_checkbox label {
    font-weight: 400;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.17px;
}

.accordion-header.accordion-title span.count {
    display: none;
}

.filter_checkbox label span.count {
    /* display: none; */
}


input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    display: none
}

input[type="checkbox"]+label {
    position: relative;
    cursor: pointer;
    padding: 0;
}

input[type="checkbox"]+label:before {
    content: "";
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-top;
    width: 18px;
    height: 18px;
    background: white;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    line-height: 17px;
    text-align: center;
}

input[type="checkbox"]:checked+label:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" width="32px" height="32px" viewBox="0 0 32 32"><path d="M5 16.577l2.194-2.195 5.486 5.484L24.804 7.743 27 9.937l-14.32 14.32z"/></svg>');
    background-size: cover;
    background-repeat: no-repeat;
}

input[type="checkbox"]:hover+label:before {
    border-color: var(--color-primary);
}

input[type="checkbox"]:checked+label:before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

input[type="checkbox"]:disabled+label {
    color: #b8b8b8;
    cursor: auto;
}

input[type="checkbox"]:disabled+label:before {
    box-shadow: none;
    background: #ddd;
}

.filter-side .accordion-header {
    display: flex;
}

.accordion-header>label {
    display: block;
    position: relative
}

.accordion-header>.checkbox-all {
    flex-grow: 0
}

.accordion-header>.accordion-title {
    flex-grow: 1;
    cursor: pointer
}

.accordion-body {
    padding: 3px 20px
}

.accordion-body label {
    font-weight: 400
}

.accordion-body input[type="checkbox"]+label:before {
    margin-right: 10px
}

.filter-side,
.form-checks {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.filter_checkbox {
    margin-top: 35px
}

.box {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    height: calc(100% - 30px);
}

.box-img {
    background: #F5F5F5;
    position: relative;
}

.box-img video {}

.box .form-checks {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 33;
}

.box-text {
    padding: 15px;
    position: relative;
}

.box .title {
    line-height: 24px;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    letter-spacing: 0.17px;
}

.box .info {
    font-size: 13px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.60);
    letter-spacing: 0.4px;
}

.box-action {
    position: absolute;
    right: 25px;
    top: 14px;
}

.box-action span {
    display: block;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    margin: 3px 0;
}

.box-filters .cta-btn {
    margin-left: 15px;
    position: relative;
}

.box-filters .cta-btn:first-child {
    margin-left: 0px
}

.box-filters {
    margin-bottom: 30px;
}

.box-filters .btns>span {
    height: auto;
    display: inline-block;
    margin: 0;
    line-height: 40px;
    font-size: 14px;
}

.load-more {
    display: inline-block;
    position: relative;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.85);
    padding-right: 20px
}

.load-more::after {
    position: absolute;
    content: "";
    top: 11px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.85);
    border-right: 2px solid rgba(0, 0, 0, 0.85);
    transform: rotate(45deg);
    right: 0;
}

.list-area {
    padding: 0px
}

/*Footer CSS*/
.footer-area {
    background: var(--color-footer-bg);
    padding: 20px 0
}

.footer-logo {
    display: inline-block;
    position: relative;
    top: 7px
}

.footer-logo img {
    width: 100px
}

.backTop {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    position: absolute;
    padding-right: 25px;
    white-space: nowrap;
    right: 0;
    padding: 0 23px 0 0;
    left: 0;
    margin: auto;
    width: auto;
    display: table !important;
}

.backTop:hover {
    color: #fff
}

.backTop::after {
    position: absolute;
    content: "";
    top: 10px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(-45deg);
    right: 0;
}

/*Modal CSS*/
.box-modal .modal-content {
    background: #F5F5F5;
    box-shadow: none;
    border-radius: 16px;
    overflow: hidden;
    border: none;
}

.box-modal .modal-body {
    padding: 0;
    position: relative
}

.box-modal .modal-img {
    background: #F5F5F5;
    padding: 50px 20px;
    height: 555px
}

.box-modal .modal-img>img {
    height: 100%
}

.box-modal .modal-body>.form-checks {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 11
}

.box-modal .modal-body>.form-checks label {
    font-size: 14px;
    line-height: 22px;
}

.box-modal .modal-body>.form-checks input[type="checkbox"]+label:before {
    border-color: rgba(0, 0, 0, 0.60);
    border-width: 2px;
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 3px;
}

.modal-img img {
    margin: auto
}

.assets-details {
    position: relative;
    height: 100%;
    background: #fff;
    padding: 23px 28px;
    height: 555px;
    overflow: none;
}

.assets-details::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px
}

.assets-details::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    border-radius: 10px
}

.assets-details::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px
}

.box-modal .modal-body .close {
    position: absolute;
    top: 15px;
    right: 12px;
    color: rgba(0, 0, 0, 0.25);
    z-index: 55;
}

.assets-details .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000;
}

.assets-details p {
    color: rgba(0, 0, 0, 0.60);
    font-size: 14px;
    line-height: 20px
}

.assets-details table {
    width: 100%;
    margin-top: 30px
}

.assets-details table th {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.45);
}


.assets-details td,
.assets-details th {
    padding: 8px 0
}

.assets-details table tr {
    border-bottom: 1px solid #e0e0e0;
}

.assets-details td {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    width: 50%;
    letter-spacing: 0.17px;
}

.assets-details td:nth-child(2) {
    font-family: var(--fonts-paragraph);
    line-height: 20px;
    color: rgba(0, 0, 0, 0.60);
}

.assets-details .actions a {
    display: inline-block;
    margin-left: 3px
}

.assets-details .actions a:first-child {
    margin-left: 0
}

.close_filter {
    display: none
}

.filter-side .close_filter img {
    margin: auto
}

.status .title {
    font-weight: 700;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.85);
}

.modal-body .status {
    padding: 40px 20px
}

.modal-form label::before {
    display: none
}

.modal-form label::after {
    display: none
}

.modal-form label {
    font-size: 0
}

.box-modal.elements-modal .modal-content {
    background: #fff;
    border-color: #fff
}

.modal-form form {
    position: relative;
    height: 45px;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
}

.modal-form form input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    padding: 10px 20px;
    padding-right: 50px
}

.modal-form form label {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-left: 1px solid #D9D9D9;
}

.elements-modal .modal-dialog {
    max-width: 575px
}

.not-found-box {
    padding-top: 20px;
    padding-bottom: 200px
}

.disabled {
    pointer-events: none;
    background: #FFFFFF;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
    color: rgba(0, 0, 0, 0.45);
}

.box-modal .modal-img.modal-video {
    padding-right: 0;
    position: relative
}

.modal-img video {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.play-video {
    width: 65px;
    height: 65px;
    position: absolute;
    border-radius: 50%;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    ;
    transition: all 0.4s
}

.play-video>.button {
    box-sizing: border-box;
    width: 0;
    height: 22px;
    border-style: solid;
    border-width: 12px 0 12px 21px;
    border-color: transparent transparent transparent #202020;
    cursor: pointer;
    will-change: border-width;
    transition: all 0.2s ease;
    display: block;
}

.play-video.paused>.button {
    border-style: double;
    border-width: 0px 0 0px 21px;
}

.play-video.paused {
    opacity: 0.01
}

.play-video:hover>.button {
    border-color: transparent transparent transparent #404040;
}

.modal-video:hover .play-video.paused {
    opacity: 1
}

.box-filters+.boxes .box-img {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-filters+.boxes .box-img img {
    max-height: 186px;
    width: auto;
    max-width: auto;
    display: block;
    margin: 0 auto;
}

.assets-details td {
    position: relative;
}

.assets-details td .link-copied {
    background: var(--color-primary);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
}

.assets-details td .link-copied:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent var(--color-primary);
    display: block;
    width: 0;
    z-index: 1;
    right: -4px;
    top: 8px;
}

.btn_default.btn_disabled {
    background: #fff;
    color: rgba(0, 0, 0, 0.3);
    border: 1px solid #ddd;
    pointer-events: none;
    box-shadow: none;
}

.btn_default.btn_disabled img {
    filter: invert(1);
    opacity: 0.3;
}



.box {
    z-index: 0;
}

.box-modal .modal-img>img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.box-modal .modal-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-logo,
.footer-logo *,
.site-logo,
.site-logo * {
    pointer-events: none;
}


.footer-area {
    padding: 40px 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.footer-logo {
    top: 0
}

body .copyright-text p:last-child {
    margin: auto !important;
}

body .copyright-text {
    display: flex;
    align-items: center;
    padding-left: 12px;
}

.lease-button {
    margin-left: auto;
}

.download-count {
    font-size: 75%;
    vertical-align: top;
    margin-left: 2px;
    position: relative;
    top: -4px;
}

.accordion-body {
    padding: 3px 10px;
    overflow: auto;
    max-height: 308px
}

.accordion-body::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.accordion-body::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background-color: #F5F5F5;
}

.accordion-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #000;
}

.accordion-body input[type="checkbox"]+label:before {
    position: absolute;
    top: 3px;
    left: 0;
}

.accordion-body label {
    padding-left: 26px !important;
}

.accordion-body label[for*="http"] {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 6px;
}

.accordion-body label[for*="http"]:before {
    content: "";
    top: 4px;
}


label[for*="capacidad"] {
    word-break: break-all;
}

.assets-details tbody tr td a[href*="doubleclick"] {
    text-decoration: underline !important;
}

.assets-details tbody tr td a[href*="doubleclick"]+.link-copied {
    right: 110px;
}

body.modal__open {
    overflow: hidden;
}


.box-modal .modal-iframe {
    display: flex;
    align-items: center;
    justify-content: center;
}

iframe[src*=".pdf"] {
    width: 600px;
    height: 100%;
}

iframe[src*=“1080x1080”] {
    width: 1080px;
    height: 1080px;
}

iframe[src*="300x250"] {
    width: 335px;
    height: 270px;
}

iframe[src*="728x90"] {
    width: 735px;
    height: 120px;
}

iframe[src*="160x600"] {
    width: 168px;
    height: 620px;
}

iframe[src*="120x600"] {
    width: 128px;
    height: 620px;
}

iframe[src*="300x50"] {
    width: 335px;
    height: 70px;
}

iframe[src*="320x50"] {
    width: 335px;
    height: 70px;
}

iframe[src*="300x600"] {
    width: 335px;
    height: 620px;
}

.assets-details {
    min-height: 100%;
}

.assets-details table tr:last-of-type {
    word-break: break-all;
}

.box-modal .modal-iframe .iframe-wrap.iframe-1080-1080 {
    min-width: 1080px;
    min-height: 1080px;
    transform: scale(0.8);
}

.box-modal .modal-iframe .iframe-wrap.iframe-970-250 {
    min-width: 980px;
    min-height: 270px;
    transform: scale(0.92);
}

.box-modal .modal-iframe iframe[src*="970x250"] {
    width: 980px;
    height: 270px;
    max-width: inherit;
}

.box-modal .modal-iframe iframe[src*="1080x1080"] {
    width: 1080px;
    height: 1080px;
    max-width: inherit;
    transform: scale(0.8);
}

.box-modal .modal-iframe .iframe-wrap.iframe-300-600 {
    min-width: 310px;
    min-height: 620px;
    transform: scale(0.75);
}

.box-modal .modal-iframe iframe[src*="300x600"] {
    width: 310px;
    height: 620px;
    max-width: inherit;
}

.box-modal .modal-iframe .iframe-wrap.iframe-720-90 {
    min-width: 730px;
    min-height: 100px;
    transform: scale(0.92);
}

.box-modal .modal-iframe iframe[src*="720x90"] {
    min-width: 730px;
    min-height: 100px;
    max-width: inherit;
}

.loader {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s all;
    opacity: 0;
    visibility: hidden;
}

#root:empty+.loader {
    opacity: 1;
    visibility: visible;
}

.loader span {
    text-align: center;
    display: block;
    font-family: Arial;
    color: var(--color-primary);
}

.loader svg {
    width: 100px;
    height: 100px;
}

.box-img video {
    max-width: 100%;
    min-height: 290px;
}

iframe:not([src*="1200x1200"]):iframe:not([src*="728x90"]):not([src*="160x600"]):not([src*="120x600"]):not([src*="300x50"]):not([src*="320x50"]):not([src*="300x600"]):not([src*="970x250"]):not([src*="300x600"]):not([src*="mp4"]):not([src*="pdf"]) {
    height: 400px;
    width: 600px;
}

.iframe-wrap {
    position: relative;
    overflow: hidden;
}

.iframe-wrap.video-300x250 {
    width: 300px;
    height: 250px;
}

.iframe-wrap.video-160x600 {
    width: 160px;
    height: 600px;
}

.iframe-wrap.video-728x90 {
    width: 728px;
    height: 90px;
}

.iframe-wrap.video-300x600 {
    width: 300px;
    height: 600px;
}

.iframe-wrap.video-120x600 {
    width: 120px;
    height: 600px;
}

iframe[src*="mp4"] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}


.listing-iframe {
    pointer-events: none;
}

body .box-filters+.boxes .box-img.thumb-iframe {
    height: 400px;
    background: #f5f5f5;
}

body .thumb-iframe .listing-iframe {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1000px;
    transform: scale(0.5);
}

body .thumb-iframe .listing-iframe iframe {
    pointer-events: none;
}

body .thumb-iframe iframe[src*="300x250"] {
    width: 335px !important;
    max-height: 270px !important;
    transform: scale(0.8)
}

body .thumb-iframe iframe[src*="728x90"] {
    min-width: 735px !important;
    height: 120px;
    transform: scale(0.4) !important;
}

body .thumb-iframe iframe[src*="160x600"] {
    width: 168px !important;
    max-height: 620px !important;
    transform: scale(0.55);
}

body .thumb-iframe iframe[src*="120x600"] {
    width: 128px !important;
    height: 620px !important;
    transform: scale(0.6);
}

body .thumb-iframe iframe[src*="300x50"] {
    width: 335px !important;
    height: 70px;
    transform: scale(0.6);
}

body .thumb-iframe iframe[src*="320x50"] {
    width: 335px !important;
    height: 70px;
}

body .thumb-iframe iframe[src*="300x600"] {
    width: 335px !important;
    height: 620px !important;
    transform: scale(0.55);
}

.no-sheet-message {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 185px);
    width: 60%;
    padding: 4em;
    margin: auto;
    text-align: center;
    flex-direction: column;
}

.no-sheet-message h1,
.no-sheet-message .h1 {
    font-size: 34px;
    font-family: var(--fonts-heading);
    max-width: 980px;
}

.no-sheet-message>span {
    font-family: var(--fonts-paragraph);
    display: inline-block;
    font-size: 170px;
    font-weight: bold;
    line-height: 1;
    color: white;
    text-shadow:
        -1px -1px 0 var(--color-primary),
        1px -1px 0 var(--color-primary),
        -1px 1px 0 var(--color-primary),
        1px 1px 0 var(--color-primary);
}

.no-sheet-message p {
    color: var(--color-primary);
    padding: 6px 22px;
    border-radius: 5px;
    margin: 8px 0 0;
    font-size: 20px;
}

body .box-filters+.boxes .box-img.thumb-iframe {
    height: 450px;
}

/* body .thumb-iframe .listing-iframe {
    width: 321px;
    transform: scale(0.9);
} */

.site-logo::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 70%;
    background: rgba(0, 0, 0, 0.03);
	display:none;
}

.ml-auto {
    margin-left: auto;
}

.header-area {
    padding: 0 30px;
}

.header-area .site-logo {
    padding: 10px !important;
    margin: -10px 15px -10px 0;
    position: relative;
    z-index: 22;
}

.header-area .site-logo img {
    max-height: 90px;
    width: auto;
}

/* .header-area .cta-btn {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1;
    position: relative;
} */

.header-area .cta-btn img {
    display: none;
}

.header-area .cta-btn:before {
    content: "";
    /* width: 18px; */
    height: 18px;
    background-size: cover;
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.5 12.06C12.93 12.06 12.42 12.285 12.03 12.6375L6.6825 9.525C6.72 9.3525 6.75 9.18 6.75 9C6.75 8.82 6.72 8.6475 6.6825 8.475L11.97 5.3925C12.375 5.7675 12.9075 6 13.5 6C14.745 6 15.75 4.995 15.75 3.75C15.75 2.505 14.745 1.5 13.5 1.5C12.255 1.5 11.25 2.505 11.25 3.75C11.25 3.93 11.28 4.1025 11.3175 4.275L6.03 7.3575C5.625 6.9825 5.0925 6.75 4.5 6.75C3.255 6.75 2.25 7.755 2.25 9C2.25 10.245 3.255 11.25 4.5 11.25C5.0925 11.25 5.625 11.0175 6.03 10.6425L11.37 13.7625C11.3325 13.92 11.31 14.085 11.31 14.25C11.31 15.4575 12.2925 16.44 13.5 16.44C14.7075 16.44 15.69 15.4575 15.69 14.25C15.69 13.0425 14.7075 12.06 13.5 12.06Z' fill='%23507CA5'/%3E%3C/svg%3E"); */
    background-size: cover;
    /* Ensure the SVG covers the container */
    margin: 0 5px 0 0
}

.list-area>.container>.row {
    margin: 0;
}

.list-area .col-lg-3 {
    padding: 20px 30px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    width: 350px;
    max-width: inherit;
}

.list-area .col-lg-9 {
    width: calc(100% - 350px);
    padding: 20px 30px;
    max-width: inherit;
}

.list-area .container {
    max-width: 1980px;
    padding: 0px;
}

.refinements {}

.refinements>ul {
    max-width: calc(100% - 422px);
    overflow: auto;
    gap: 5px !important;
    padding: 7px 0;
    position: relative;
}

.refinements>ul::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    height: 1px;
}

.refinements>ul::-webkit-scrollbar {
    height: 1px;
    background-color: #F5F5F5;
}

.refinements>ul::-webkit-scrollbar-thumb {
    background-color: #000000;
}

.refinements>ul>li button {
    background: #beddf2 !important;
    border: none;
    color: #000 !important;
    border-radius: 25px;
    box-shadow: none !important;
    white-space: nowrap;
    letter-spacing: 0.16px;
    font-size: 14px;
}

.refinements>ul>li button span {
    background: #85a2b3;
    color: #beddf2;
    width: 15px;
    height: 15px;
    display: inline-block;
    line-height: 13px;
    border-radius: 50%;
}

.refinements .reset_btn {
    background: transparent;
    padding: 0;
    border: none;
    color: var(--color-primary);
    font-weight: 500;
    letter-spacing: 0.46px;
}

body .box .tags {
    padding-top: 10px;
    max-height: 70px;
    overflow: hidden;
    margin-bottom: 5px;
}

body .box .tags span {
    background: #ebebeb !important;
    color: #000 !important;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    margin-right: 3px;
    letter-spacing: 0.16px;
}

body .box .tags span:empty {
    display: none;
}


.footer-area * {
    color: #000 !important;
}

.footer-area p {
    font-size: 14px;
}

.box-img video {
    object-fit: cover;
    width: 100%;
}

.search-form ::-webkit-scrollbar-track {
    background-color: #F5F5F5;
    border-radius: 10px;
}

.search-form ::-webkit-scrollbar {
    height: 5px;
    width: 5px;
    background-color: #F5F5F5;
}

.search-form ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #000;
}

.box-img video {
    height: 293px;
    object-fit: contain;
    width: 101%;
    object-position: center;
    max-height: 293px;
    min-height: 293px;
    max-width: 101%;
}

.box-filters+.boxes .box-img img {
    height: 293px;
    max-height: 293px;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.modal-download-links {
    padding: 15px 0 0
}

.modal-download-links a {
    margin-right: 10px;
}


.assets-details table tr {
    border-top: 1px solid #e0e0e0;
}

.web-create {
    background: #f5f5f5;
    padding: 15px;
    margin: 30px 0 10px;
    word-wrap: break-word;
    border-radius: 10px;
}

.web-create .title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
}

.web-create .subtitle {
    font-size: 18px;
    margin-top: 20px;
}

.web-existing {
    background: #f5f5f5;
    padding: 15px;
    margin: 30px 0 10px;
    word-wrap: break-word;
    border-radius: 10px;
}

.table-wrap {
    height: 509px;
    overflow: auto;
    margin-top: 30px;
    overflow-x: hidden;
}

.table-wrap table {
    margin: 0;
}

.table-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.02);
}

.table-wrap::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(0, 0, 0, 0.02);
}

.table-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.08);
}

.box {
    box-shadow: 0 0px 0px 2px rgba(0, 0, 0, 0);
}

.box.act {
    border: 1px solid rgba(0, 0, 0, 3);
    box-shadow: 0 0px 0px 1px #000;
}

.box.act .form-checks {
    opacity: 1;
    visibility: visible;
}

.download-error-text {
    background: #faebea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABGCAIAAAAVe87QAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE9WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuMTRlY2I0MmYyYywgMjAyMy8wMS8xMy0xMjoyNTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjIgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTA0LTAxVDE5OjU4OjI2KzA1OjMwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wNC0wMVQxOTo1ODo1MyswNTozMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wNC0wMVQxOTo1ODo1MyswNTozMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFmNDljMGMtOTllYS00Y2M5LTkxNWItYTc0YWI1NzJmMjViIiB4bXBNTTpEb2N1bWVu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) no-repeat;
    background-size: 18px;
    background-position: 10px 10px;
    color: #4f221e;
    line-height: 1 !important;
    padding: 12px 12px 12px 35px;
    border-radius: 3px;
    position: relative;
    top: 0;
}

.box-filters .btns>span+.download-error-text,
.box-filters .btns>span+a+.download-error-text,
.box-filters .btns>span+a+a+.download-error-text,
.box-filters .btns>span+a+a+a+.download-error-text {
    margin: 0 0 0 10px !important;
}

.download-alert {
    background: #01b01a;
    color: #fff;
    position: fixed !important;
    bottom: 20px;
    right: 20px;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 13px;
    letter-spacing: 1px;
    z-index: 9999;
    top: auto !important;
}


.filter_checkbox label {
    width: 100%;
}

.powered-by-logo {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.powered-by-logo img {
    max-height: 35px;
    margin-left: 10px;
}



.header-area .cta-btn {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    background: transparent;
    margin-right: 10px;
}

.header-area .cta-btn:hover {
    border: 1px solid var(--color-primary);
    color: #fff;
    background: var(--color-primary);
    margin-right: 8px;
}

.header-area .cta-btn:hover svg path {
    fill: #fff;
}

/* POPUP */
body .cpopup-enabled {
    overflow: hidden;
}

body .popup-btn {
    padding: 0px 8px 0px 8px !important;
    cursor: pointer;
    transition: all;
}

body .popup-btn>span {
    padding: 9px 10px 9px 0px;
    display: block;
}

body .popup-btn>svg {
    width: 19px;
    height: 19px;
    /* position: absolute; */
    top: 6px;
    left: 11px;
}

body .popup-btn>svg path[fill="none"] {
    fill: none !important;
}

body .popup-btn>svg path:not([fill="none"]) {
    fill: #002c5f !important;
}

body .popup-btn:hover>svg path:not([fill="none"]) {
    fill: #fff !important;
}

.popup-btn:hover {
    color: inherit;
}

.cpopup {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 70px;
    right: -110%;
    transition: 0.5s all;
    max-width: 650px;
    height: calc(100% - 110px);
    z-index: 222;
    box-shadow: 0 15px 15px #8a8a8a;
    padding: 30px;
    overflow: auto;
    overflow-x: hidden;
    border-radius: 10px;
    margin-right: 10px;
}

.cpopup h3,
.cpopup p {
    color: #000;
}

.cpopup code {
    background: #eff1f2;
    color: #51965f;
    border-radius: 10px;
    padding: 20px;
    min-width: 100%;
    display: block;
    margin-bottom: 70px;
}

.cpopup h3 {
    margin-bottom: 25px;
}

.cpopup p {
    font-size: 18px;
    margin: 0 0 20px;
}

.cpopup.act {
    right: 0;
}

.popup-close {
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    font-size: 34px;
    font-weight: 100;
    cursor: pointer;
    opacity: 0.3;
}

.code-wrap {
    position: relative;
}

.code-wrap button {
    background: #012c5f;
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    padding: 4px 10px !important;
    font-size: 11px;
    font-weight: bold;
    border-radius: 5px;
    height: 20px;
    line-height: 1;
}

.popup-bg {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 220;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

.cpopup.act+.popup-bg {
    opacity: 0.5;
    visibility: visible;
}

.header-area .site-logo {
    position: relative;
    z-index: 100;
}

/* .header-area button.cta-btn {
    background: var(--color-primary);
    color: #fff;
    display: table;
    padding: 15px;
    margin: 10px 0 10px 0;
} */

.weblink {
    margin: 15px 0 30px;
    background: #ffffff;
    padding: 15px;
    word-wrap: break-word;
    border-radius: 10px;
}

.cpopup .table-wrap {
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 100%;
    margin: -20px 0 0;
    height: auto;
    overflow: hidden;
}

.cpopup table {
    border: none;
    width: calc(100% + 2px);
    margin: -1px;
}

.cpopup table th {
    text-align: center;
    background: white;
}

.cpopup table th,
.cpopup table td {
    padding: 10px;
    border: 1px solid #ddd;
}

/*Responsive*/

@media(max-width: 991px) {
    .site-logo {
        margin-right: 10px;
        padding-right: 10px;
    }

    .logo.alt span {
        font-size: 24px;
    }

    .share-btn-text {
        display: none;
    }

    .banner-area p {
        font-size: 14px;
        line-height: 22px
    }

    .banner-area .container {
        padding: 50px 15px;
    }

    .cta-btn {
        padding: 5px 15px;
        border-radius: 2px;
        font-size: 14px;
    }

    .filter_btn img {
        width: 20px
    }

    .filter_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border: 1px solid #D9D9D9;
        color: var(--color-primary);
        box-shadow: 0px 2px 0px rgb(0 0 0 / 4%);
        font-size: 13px
    }

    .filter-side {
        position: fixed;
        left: -100%;
        top: 0;
        background: #fff;
        z-index: 99;
        width: 50%;
        padding: 30px 20px;
        height: 100vh;
        transition: all 0.4s;
        overflow: auto;
    }

    .filter-side.active {
        left: 0
    }

    body.active {
        overflow: hidden
    }

    .close_filter {
        position: absolute;
        right: 6px;
        width: 40px;
        height: 40px;
        background: #fff;
        top: 5px;
        color: rgba(0, 0, 0, 0.47);
        display: block
    }

    .load-more {
        font-size: 18px
    }

    .assets-details table {
        margin-top: 20px;
    }

    .list-area {
        padding-bottom: 70px;
    }

    .box-filters {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .search-form {
        width: 60%;
        margin: 10px auto 0;
    }

    .modal-dialog {
        max-width: 700px;
    }

    .box-modal .modal-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .box-modal .modal-img>img {
        height: auto
    }

    .assets-details table th {
        font-size: 14px
    }

    .assets-details td {
        font-size: 13px
    }

    .box-modal.selectedModal .modal-title {
        font-size: 20px;
        line-height: 28px;
    }

    .box .title {
        font-size: 14px
    }

    .box .info {
        font-size: 12px
    }

    .accordion-header>label>.arrow {
        position: absolute;
        top: 7px;
        right: 0;
        width: 7px;
        height: 7px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.85);
        border-right: 1px solid rgba(0, 0, 0, 0.85);
        transition: all 0.4s;
        transform: rotate(45deg)
    }

    .accordion-header>label.collapsed>.arrow {
        transform: rotate(-45deg)
    }   
}


@media(max-width: 767px) {

    .search-form {
        width: 80%;
    }

    .filter-side {
        width: 70%
    }

    .not-found-box {
        padding-bottom: 40px
    }    

}

@media(max-width: 575px) {

    .logo.alt span {
        font-size: 15px;
    }

    .box-modal .modal-img {
        height: 250px;
        padding-bottom: 20px
    }

    .search-form {
        width: 100%
    }

    .assets-details {
        height: 400px
    }

    .box-modal .modal-img>img {
        height: 100%
    }

    .box-filters {
        margin-bottom: 15px
    }

    .btns-mobile .cta-btn {
        display: flex;
        margin-bottom: 25px
    }

    .cta-btn {
        padding: 5px 10px
    }

    .modal-header {
        display: block;
        text-align: center
    }

    .modal-header .modal-title {
        margin-bottom: 15px;
        display: block
    }

    .box-modal.selectedModal .close {
        position: absolute;
        top: 10px;
        right: 10px;
    }

}


@media(max-width: 420px) {

    h3,
    .h3 {
        font-size: 26px;
        line-height: 32px;
    }
}

@media(max-width: 320px) {
    .cta-btn {
        padding: 5px 10px;
        font-size: 12px;
    }


    .filter-side {
        width: 80%
    }
}

@media (width: 1024px) {
    .box .title {
        font-size: 14px
    }

    .box .info {
        font-size: 12px
    }

    .modal.show .modal-dialog {
        max-width: 90%;
    }

    .search-form {
        width: 50%;
        margin: 10px auto 0;
    }

    .filter_heading {
        font-size: 20px
    }

    .reset_btn {
        padding: 8px 10px
    }
}

@media (max-width: 600px) {

    .box-filters a {
        font-size: 10px;
        margin: 0 0 3px 3px !important;
        padding: 4px 4px;
        position: relative;
        top: 1px;
    }

    .box-filters a:last-child {
        position: relative;
    }

}

@media (min-width: 1000px) {

    .modal.show .modal-dialog {
        --bs-modal-width: 90%;
    }

    .assets-details {
        height: 700px;
    }

    .box-modal .modal-img {
        height: 700px;
    }

}


@media (max-width: 575px) {
    .lease-button a {
        font-size: 11px;
        padding: 5px 8px;
    }

    .footer-area .col-6 {
        width: 100%;
        padding-top: 10px;
    }

    .footer-area .col-6 p {
        font-size: 12px;
        line-height: 1.5;
    }

    .filter-side {
        width: 100%;
        max-width: 320px;
    }

    .filter_checkbox label {
        font-size: 15px;
    }

    .count {
        font-size: 13px;
    }

    .accordion-body {
        padding: 3px 10px;
    }

}

@media (min-width: 576px) and (max-width: 991px) {

    body .copyright-text p:last-child {
        font-size: 13px;
        white-space: nowrap;
    }

    .footer-logo {
        min-width: 45px;
    }

}

@media (max-width: 320px) {

    .logo.alt span {
        font-size: 15x;
    }

    .lease-button a {
        font-size: 9px;
        padding: 5px;
    }

    .footer-area .col-6 p {
        line-height: 18px;
    }

}

@media (max-width: 600px) {

    .box-filters a {
        margin: 0 0 3px 2px !important;
        padding: 4px 3px;
    }

    .cta-btn img {
        margin-right: 2px;
    }

}

@media (min-width: 1600px) {
    .assets-details td:nth-child(2) {
        max-width: 300px;
    }

}

@media (min-width: 1300px) and (max-width: 1599px) {

    .box-modal .col-lg-8 {
        width: 70%;
    }

    .box-modal .col-lg-4 {
        width: 30%;
    }

    .assets-details td:nth-child(2) {
        font-size: 13px;
        max-width: 300px;
        overflow: hidden;
    }


}

@media(min-width: 768px) and (max-width: 991px) {

    iframe {
        position: relative;
        left: 10px;
    }

}

@media(max-width: 991px) {

    iframe {
        margin: 70px auto 0;
        display: table;
        max-width: 335px;
    }

}

@media(max-width: 1600px) and (min-width: 1200px) {
    .box-modal .modal-iframe .iframe-wrap.iframe-970-250 {
        transform: scale(0.6);
    }

    

    .modal-body .row {
        min-height: 700px;
    }
}

@media(max-width: 1600px) {
    .box-modal .modal-iframe iframe[src*="1080x1080"] {
        transform: scale(0.6);
    }
}

@media(max-width: 1200px) {
    .box-modal .modal-iframe .iframe-wrap.iframe-970-250 {
        transform: scale(0.4);
    }
}

@media(max-width: 700px) {
    .box-modal .modal-iframe .iframe-wrap.iframe-970-250 {
        transform: scale(0.29);
    }

    .cpopup {
        margin-right: 0px;
    }
}

@media(min-width: 1601px) {
    .box-modal .modal-iframe .iframe-wrap.iframe-720-90 {
        transform: scale(1);
    }
}

@media(max-width: 1600px) {
    .box-modal .modal-iframe .iframe-wrap.iframe-720-90 {
        transform: scale(0.8);
    }
}

@media(max-width: 1200px) {
    .box-modal .modal-iframe .iframe-wrap.iframe-720-90 {
        transform: scale(0.4);
    }
}

@media(max-width: 991px) {

    .iframe-wrap.video-300x250,
    .iframe-wrap.video-160x600,
    .iframe-wrap.video-728x90,
    .iframe-wrap.video-300x600,
    .iframe-wrap.video-120x600 {
        transform: scale(0.8);
        position: relative;
        top: 25px;
    }

    .iframe-wrap.video-728x90 {
        margin: 0px 0;
    }

}


@media(max-width: 767px) {

    .iframe-wrap.video-728x90 {
        margin: 50px 0;
        width: 322px;
        height: 42px;
    }

}

@media(max-width: 575px) {

    .iframe-wrap.video-300x250 {
        transform: scale(0.7);
        position: relative;
        top: 25px;
    }

}

@media(max-width:585px) {

    .no-sheet-message>span {
        font-size: 110px;
    }

}

@media(max-width:991px) {
    .no-sheet-message {
        width: 100%;
        padding: 20px
    }

    .no-sheet-message h1,
    .no-sheet-message .h1 {
        font-size: 22px
    }
}

@media(min-width: 992px) {

    .box .form-checks {
        opacity: 1;
        visibility: visible;
    }


}

@media(max-width: 991px) {

    .list-area .col-md-4 {
        max-width: 50%;
    }

}

@media(max-width: 585px) {

    .list-area .col-md-4 {
        max-width: 100%;
    }

}

@media(min-width: 992px) {

    .list-area .col-md-4 {
        max-width: 33.33333%;
    }

}

@media(min-width: 1200px) {

    .list-area .col-md-4 {
        max-width: 25%;
    }

}

@media(min-width: 1600px) {

    .list-area .col-md-4 {
        max-width: 20%;
    }

}

@media(max-width: 991px) {

    .list-area .col-lg-3 {
        padding: 20px 20px 0;
        border-right: none;
        width: 100%;
    }

    .list-area .col-lg-9 {
        width: 100%;
        padding: 20px 20px;
    }

    .header-area {
        padding: 0 20px;
    }

    .header-area .site-logo img {
        max-height: 50px;
    }

    .header-area .site-logo {
        padding: 8px !important;
        margin: -5px 10px -5px 0;
    }

}

@media(max-width: 585px) {

    .box-filters {
        gap: 5px;
    }

    .download-error-text {
        font-size: 10px !important;
    }

    .refinements {
        flex-wrap: wrap;
    }

    .search-sorts,
    .search-form {
        min-width: 100% !important;
        width: 100% !important;
    }

    .refinements>ul {
        max-width: 100%;
        margin: 0 !important;
    }

    .refinements .reset_btn {
        background: transparent;
        padding: 0;
        border: none;
        color: #fff;
        font-weight: 500;
        letter-spacing: 0.46px;
        background: var(--color-primary);
        margin: 10px 0 0;
        display: table;
        padding: 0 10px;
        border-radius: 3px;
        margin: 4px 0 0 auto;
        font-size: 12px;
    }

    .box-filters .btns>a+a {
        font-size: 0px;
        min-width: auto;
        width: 32px;
        height: 32px;
    }

    .box-filters .btns>a+a+a {
        position: relative;
        top: 1px
    }

    .box-filters .btns a+a svg {
        position: relative;
        left: 3px;
    }

    .box-filters .btns a svg {
        margin: 0;
        min-width: 17px;
        min-height: 17px;
    }

    .box-filters .btns>span {
        font-size: 12px;
        padding-right: 3px;
        line-height: 32px;
        position: relative;
        top: -3px;
    }

}

@media(min-width: 586px) {

    .box-filters {
        text-align: right;
        display: table;
        width: 100%;
    }

    .box-filters span,
    .box-filters span+a {
        float: left;
    }

}

@media(min-width: 992px) {

    body .accordion-header>label>.arrow {
        position: absolute;
        top: 9px;
        right: auto;
        left: 0;
        width: 12px;
        height: 8px;
        background-size: auto;
        background-repeat: no-repeat;
        transition: all 0.4s;
        transform: none !important;
        border: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M2.1207 0.28957L6.0007 4.16957L9.8807 0.28957C10.2707 -0.10043 10.9007 -0.10043 11.2907 0.28957C11.6807 0.67957 11.6807 1.30957 11.2907 1.69957L6.7007 6.28957C6.3107 6.67957 5.6807 6.67957 5.2907 6.28957L0.700703 1.69957C0.310703 1.30957 0.310703 0.67957 0.700703 0.28957C1.0907 -0.0904297 1.7307 -0.10043 2.1207 0.28957Z' fill='black' fill-opacity='0.56'/%3E%3C/svg%3E");
    }

    .accordion-header>label {
        padding-left: 22px;
    }

    body .collapse:not(.show) {
        display: block !important;
    }

    .accordion-title[aria-expanded="true"]+div {
        display: none !important;
    }

    body .collapse.show {
        border-bottom: 1px solid #efefef;
        max-height: 0px;
        overflow: hidden;
    }

    body .collapse {
        -webkit-transition: none !important;
        transition: none !important;
    }

    body .filter_checkbox .accordion-item {
        margin-bottom: 0;
    }


    .list-area .col-lg-3 {
        padding: 20px 0px;
    }

    .filter_heading {
        padding: 0 25px;
    }

    .filter-side .accordion-header {
        background: rgba(0, 0, 0, 0.02);
        padding: 15px 25px;
    }

    body .accordion-body {
        padding: 10px 20px;
    }

    .filter_checkbox {
        margin-top: 20px;
    }

}

@media(min-width: 992px) and (max-width: 1200px) {

    .list-area .col-lg-3 {
        width: 200px;
    }

    .list-area .col-lg-9 {
        width: calc(100% - 200px);
    }

}

@media (min-width: 1600px) {

    .modal.show .modal-dialog {
        max-width: 90%;
    }

    .modal-content .col-lg-8 {
        width: 70%;
    }

    .modal-content .col-lg-4 {
        width: 30%;
    }

}


@media (min-width: 576px) and (max-width: 991px) {

    .modal-download-links a {
        margin-bottom: 5px;
    }

    .table-wrap {
        height: 351px;
        margin-top: 20px;
    }

    .assets-details {
        padding: 15px 20px 20px;
    }

}


@media (max-width: 575px) {
    .table-wrap {
        height: 236px;
        margin-top: 20px;
    }

    .assets-details {
        height: 400px;
        padding: 20px;
    }

}

@media(max-width: 585px) {

    .box-filters .btns>span+.download-error-text,
    .box-filters .btns>span+a+.download-error-text,
    .box-filters .btns>span+a+a+.download-error-text,
    .box-filters .btns>span+a+a+a+.download-error-text {
        margin: 0px !important;
    }

    .download-error-text {
        line-height: 1 !important;
        border-radius: 5px;
        position: relative;
        top: 2px !important;
        background-size: 13px;
        padding: 10px 10px 10px 22px;
        background-position: 6px;
        text-align: left;
    }

    .box-filters .btns {
        text-align: right;
    }
}

@media(max-width: 991px) {

    .footer-area {
        padding: 15px 30px 50px;
    }

    .backTop {
        bottom: 15px;
    }

}

@media(max-width: 585px) {

    .powered-by-logo {
        justify-content: center;
    }

    .box-modal .modal-img {
        padding: 0px 20px 0px;
        margin: 45px 0 25px;
        height: 200px;
        position: relative;
    }

    .box-modal .modal-img:after {
        content: "<< Swipe Right/Left >>";
        position: absolute;
        top: -38px;
        right: 50px;
        font-size: 12px;
    }

    .box-modal .modal-img.modal-video {
        padding-right: 20px;
    }

    .play-video {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

}

@media(min-width: 900px) and (max-width: 1200px) {

    .boxes .modal .col-lg-8 {
        width: calc(100% - 390px);
    }

    .boxes .modal .col-lg-4 {
        width: 390px;
    }

    .boxes .modal .modal-dialog {
        width: 100%;
        max-width: 95%;
    }

    .boxes .modal .table-wrap {
        height: 400px;
    }

}

@media(max-width: 767px) {
    .header-area .actions-right {
        position: absolute;
        top: 68px;
        right: 0;
    }

    .header-area .actions-right>.cta-btn:not(:hover) {
        background: #fff;
    }

    .cpopup p {
        font-size: 16px;
        line-height: 22px;
    }   

}

@media (max-width: 575px) {
    .logo.alt span {
        font-size: 13px;
        line-height: 20px;
    }

    .logo.alt {
        top: 0;
        right: 0;
        width: calc(100% - 100px);
        height: 56px;
        display: flex;
        align-items: center;
    }
}

.box-img {
    position: relative;
}

.box-img.loading:before {
    content: "";
    width: 35px;
    padding: 7px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #389dff;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
        mask-composite: subtract;
    animation: l1 1s infinite;
    position: absolute;
    z-index: 35;
    opacity: 1;
    pointer-events: none;
}

.box-img.loading:after {
    content: "";
    background: whitesmoke;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 34;
    opacity: 1;
    pointer-events: none;
}

@keyframes l1 {
    to {
        transform: rotate(1turn);
    }
}