.catalog-reader-outer-wrapper .slick-slide {
    position: relative;
}

.catalog-reader-outer-wrapper  .slick-slide map {
    position: static;
}

.catalog-reader-outer-wrapper .slick-slide .pin-icon {
    display: inline-block;
    transform: translate(-50%, -50%);
    position: relative;
    background: url("../../../../_static/images/core/catalog-icon.svg") ;
    background-size: 40px;
    background-repeat: unset;
    width: 40px;
    height: 40px;
}

.catalog-reader-outer-wrapper .slick-slide .pin-icon:hover,
.catalog-reader-outer-wrapper .slick-slide .pin-icon.active {
    background: url("../../../../_static/images/core/catalog-icon-active.svg") ;
    z-index: 9;
}

.area {
    cursor: pointer;
}

div.map {
    position: static;
}

.catalog-reader-outer-wrapper .pin-icon .popup-content {
    width: 250px;
    height: fit-content;
    min-height: 130px;
    position: absolute;
    top: -20px;
    box-shadow: 0px 7px 24px #605F5FC4;
    border-radius: 5px;
    background: #fff;
    padding: 20px 15px 15px;
    opacity: 0;
}

.catalog-reader-outer-wrapper .pin-icon .popup-content.bottom {
    bottom: unset;
    top: 60px;
    transform: translateX(calc(-50% + 20px));
    opacity: 1;
}

.catalog-reader-outer-wrapper .pin-icon .popup-content.top {
    top: -20px;
    transform: translate(calc(-50% + 20px), -100%);
    bottom: 0;
    opacity: 1;
}

.catalog-reader-outer-wrapper  .pin-icon .popup-content.small {
    width: 160px;
    padding: 25px 15px 15px;
}

.catalog-reader-outer-wrapper .popup-content .title {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    margin-bottom: 5px;
}

.catalog-reader-outer-wrapper .popup-content .description {
    font-size: 12px;
}

.catalog-reader-outer-wrapper .popup-content:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    bottom: -20px;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 13px;
}

.catalog-reader-outer-wrapper .popup-content.bottom:before {
    top: -20px;
    border-color: transparent transparent #fff transparent;
}

.catalog-reader-outer-wrapper .popup-content .close-icon {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    content: url("../../../../_static/images/core/close-popup-icon.svg") ;
    width: 12px;
    height: 12px;
}

.modal.lg-modal .modal-dialog {
    width: 800px;
    max-width: 800px;
}

.modal.xl-modal .modal-dialog {
    width: 900px;
    max-width: 900px;
}

#modal_catalog .modal-header {
    background: unset;
    border-bottom: unset;
}

#modal_catalog .close {
    color: #000;
    transform: unset;
    right: 17px;
}

.modal .catalog-ajax-wrapper {
    height: 400px;
}

.pin-icon:has(.loader-wrapper.hidden) .popup-content,
.modal:has(.loader-wrapper.hidden) .catalog-ajax-wrapper {
    height: fit-content;
}

.catalog-reader-outer-wrapper {
    position:relative;
    background:#e2e2e2;
    width:100%;
}

.catalog-reader {
    position:relative;
    width:100%;
    max-width:100%;
    margin: 0 auto;
    /*padding: 30px 80px;*/
    padding-top: 30px;
}

.catalog-reader .zoomer {
    z-index:11;
    background:#808080;
}

.catalog-slider {
    background:#808080;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.catalog-slider .slide {
    text-align: center;
}

.catalog-slider .slide img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
}

.catalog-content {
    padding: 0px;
    position:relative;
    transition: opacity 0.3s;
}

.catalog-content.catalog-loaded {
    opacity:1;
}

.catalog-content.book-view {
    max-width:100%;
    margin:0 auto;
}

.catalog-content.bookalt-view {
    margin:0 auto;
}

.catalog-content.grid-view .heading-wrapper h1,
.catalog-content.grid-view .heading-wrapper h2 {
    padding-bottom:3px;
    color:#fff;
    margin-bottom:20px;
}

.catalog-content.grid-view .heading-wrapper h1 span,
.catalog-content.grid-view .heading-wrapper h2 span {
    border-bottom:1px solid #f4b34d;
    color:#555;
}

.catalog-pagination {
    position:fixed;
    top:250px;
    left:50%;
    width:880px;
    max-width:100%;
    font-size:3em;
    height:0;
    transform: translateX(-50%);
    z-index:0 !important;
}

.catalog-pagination a {
    color: #808080;
    display: table;
    height: 160px;
    width: 90px;
}

.catalog-pagination a i {
    display:table-cell;
    vertical-align:middle;
}

.catalog-pagination a:hover,
.catalog-pagination a:focus,
.catalog-pagination a:active,
.catalog-pagination a:focus:active {
    color:#FF9102;
}

.catalog-pagination .slider-prev i {
    content: url("../../../../_static/images/core/catalog-arrow-prev.svg");
}

.catalog-pagination .slider-next i {
    content: url("../../../../_static/images/core/catalog-arrow-next.svg");
}

.catalog-reader-footer .icon-book {
    content: url("../../../../_static/images/core/catalog-book-icon-default.svg");
}

.catalog-reader-footer .icon-2x {
    content: url("../../../../_static/images/core/catalog-icon-2x.svg");
}

.catalog-pagination .slider-next {
    float: right;
    margin-right: -77px;
}

.catalog-pagination .slider-next,.catalog-pagination .slider-prev {
    cursor: pointer
}

.catalog-pagination .slider-prev {
    float: left;
    margin-left: -77px;
}

.bookalt-pagination {
    position:fixed;
}

.catalog-reader-footer {
    position:sticky;
    bottom:0;
    left:0;
    width:100%;
    height:90px;
    line-height:32px;
    color:#808080;
    background:#fff;
    box-shadow:0px 0px 12px 0px rgba(0, 0, 0, 0.5);
    z-index:1;
    padding: 30px 0;
}

.catalog-reader-footer > .container-fluid {
    max-width: 1920px;
    max-width: 100%;
}

.catalog-reader-footer i {
    margin-top: 0px;
    color:#c4c4c4;
    cursor:pointer;
    float:left;
}

.catalog-reader .catalog-reader-footer .container-fluid > .pull-left {
    display: flex;
    flex-direction: row-reverse;
    max-width: 45%;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    bottom: 15px;
}

.catalog-reader-footer .counter {
    margin-left: 20px;
    font-size: 16px;
}

.catalog-reader-footer .icon-book {
    margin-right: 20px;
}

.catalog-reader .product-image-wrapper {
    margin-bottom:0;
    border-bottom:1px solid #999;
}

.catalog-reader .product-text-wrapper {
    background:#fff;
    padding:10px;
    margin-bottom:0;
}

.catalog-reader .item-expiry {
    margin-right:10px;
    color: #000;
    font-size: 16px;
}

.catalog-reader a.item-expiry:hover{
    color: #737272;
}

.catalog-logo {
    margin-right: 20px;
    position: absolute;
    left: 15px;
}

.catalog-logo img {
    height: 40px;
    padding: 0 10px;
}

.load-more {
    margin-top:20px;
}

.zoomer-controls .zoomer-previous,
.zoomer-controls .zoomer-next {
    display:none !important;
}

.book-view .visible-book,
.bookalt-view .visible-bookalt,
.grid-view .visible-grid {
    display:block;
}

.book-view .visible-grid,
.book-view .visible-bookalt,
.bookalt-view .visible-book,
.bookalt-view .visible-grid,
.grid-view .visible-book,
.grid-view .visible-bookalt {
    display:none;
}

.book-view .visible-book {
    position:relative;
}

.visible-grid {
    padding:10px 20px 20px;
    background:#fff;
}

.visible-grid .product-item-col {
    float:left;
    border:1px solid #ddd;
    padding:10px;
    margin-left: -1px;
    margin-bottom: -1px;
}

.close-catalog {
    position: absolute;
    top: -17px;
    right: -10px;
    height: 41px;
    width: 41px;
}

.close-catalog a {
    position: relative;
    top: -41px;
    display: block;
    height: 41px;
    width: 41px;
}

.close-catalog i {
    line-height: 35px;
}

.catalog-zoomer-buttons {
    position: absolute;
    top: 0;
    left: calc(50% - 100px);
    display: block !important;
}

.catalog-zoomer-buttons .zoom-range {
    width: calc(100% - 85px);
    margin-top:10px;
    cursor: grab;
}

.catalog-zoomer-buttons .zoom-range::-moz-range-track {
    width:100%;
}

.catalog-zoomer-buttons .zoom-range::-webkit-slider-runnable-track {
    width:100%;
}

.catalog-zoomer-buttons .zoom-out,
.catalog-zoomer-buttons .zoom-in {
    line-height: 35px;
}

.catalog-zoomer-buttons .zoom-in,
.catalog-zoomer-buttons .zoom-out,
.catalog-zoomer-buttons .zoom-range {
    float: left;
}

.catalog-zoomer-buttons .zoom-range::-moz-range-thumb {
    border: none;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #7f7f7f;
}

.catalog-zoomer-buttons .zoom-range::-moz-range-track {
    width: 90%;
    height: 2px;
    background: #7f7f7f;
    border: none;
    border-radius: 3px;
}

.catalog-zoomer-buttons .zoom-in, .catalog-zoomer-buttons .zoom-out {
    float: left;
    background: transparent;
    width: 40px;
    border: 0 solid #fff;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.catalog-reader-footer .catalog-download {
    display: none;
}

.catalog-reader .close-icon {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    content: url("../../../../_static/images/core/close-popup-icon.svg");
}

.catalog-download a {
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    padding: 10px;
    background: #F6F6F7;
    text-transform: uppercase;
    border: 1px solid #D1D1D1;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    pointer-events: all;
    width: fit-content;
}

@media screen and (max-width: 991px) {
    .modal.lg-modal .modal-dialog {
        width: 100%;
        max-width: 100%;
    }

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

    #modal_catalog .close {
        top: 0;
        right: 5px;
    }
}

@media screen and (max-width: 767px) {
    .catalog-reader {
        padding: 30px 0 0;
    }

    .catalog-logo{
        display: none;
    }

    .catalog-zoomer-buttons {
        position: absolute;
        top: -35px;
        left: 0;
        background: #fff;
        border: 1px solid #eee;
        width: 100%;
        display: none;
    }

    .catalog-zoomer-buttons .zoom-out, .catalog-zoomer-buttons .zoom-in {
        line-height: 33px;
    }

    .catalog-zoomer-buttons .zoom-range {
        margin-top: 8px;
    }

    .catalog-reader-footer i,
    .catalog-reader-footer i.active {
        display: none;
    }

    .catalog-pagination .slider-prev i, .catalog-pagination .slider-next i {
        width: 40px;
    }

    .close-catalog {
        right: 0;
    }

    .catalog-reader-footer {
        padding: 0;
        height: 35px;
    }

    .catalog-pagination .slider-prev {
        margin-left: 0px;
    }

    .catalog-pagination .slider-next {
        margin-right: 0px;
    }


    .catalog-reader .catalog-reader-footer .container-fluid > .pull-left {
        display: block;
        max-width: unset;
        bottom: unset;
        padding-left: 0 !important;
    }

    .catalog-reader .close-icon {
        right: 10px;
        top: 10px;
        z-index: 9;
    }

}