.wap .preview-gallery .preview-gallery-slick.slick-initialized .slick-slide img {
    height: unset
}

.preview-gallery-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

.preview-gallery-container .preview-gallery {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    z-index: 10005
}

.preview-gallery-container img {
    max-width: 100%;
    max-height: 80vh;
    width: auto;
    height: auto;
    margin: auto
}

.IPad .preview-gallery-container img {
    max-width: calc(100% - 4px)
}

.preview-gallery-container .slick-track {
    display: flex;
    align-items: center
}

.preview-gallery-container .slick-list .slick-slide>div {
    width: 100%
}

.preview-gallery-container .close-image-preview {
    font-size: 28px;
    text-align: right;
    color: #ccc
}

.preview-gallery-container .cross-holder .close-image-preview {
    color: #fff
}

.preview-gallery-container .preview-holder {
    margin: auto
}

.preview-gallery-container .icon-closeLight:before {
    position: relative;
    cursor: pointer
}

.preview-gallery-container .icon-closeLight.mobile {
    display: none
}

.preview-gallery-container .cross-holder {
    position: fixed;
    z-index: 10009;
    background: transparent;
    opacity: 1;
    right: 15px;
    top: 15px
}

.preview-gallery-container .cross-holder:hover {
    cursor: pointer
}

.preview-gallery-container .cross-holder:hover .close-image-preview {
    color: #fff
}

.gallery-preview-next,
.gallery-preview-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.gallery-preview-prev {
    left: -100px
}

.gallery-preview-next {
    right: -100px
}

.gallery-preview-next .arrow-style,
.gallery-preview-prev .arrow-style {
    font-size: 32px;
    position: static;
    color: #fff
}

.gallery-preview-prev.disabled {
    opacity: .45
}

.gallery-preview-footer {
    position: absolute;
    padding-top: 10px;
    background: transparent;
    text-align: center;
    color: #fff;
    font-size: 18px;
    width: 100%
}

@media (max-width:991px) {
    .gallery-preview-footer.mobile {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 10005;
        color: #fff;
        background: #000;
        padding: 0 15px 30px
    }

    .preview-holder {
        width: 100%
    }

    .preview-gallery-container img {
        max-width: calc(100% - 2px)
    }

    .preview-gallery-container .slick-slide {
        width: auto
    }

    .preview-gallery-container .cross-holder {
        display: flex;
        right: 10px;
        top: 10px;
        width: 40px;
        height: 40px
    }

    .preview-gallery-container .cross-holder .close-image-preview {
        margin: auto
    }

    .gallery-preview-footer.web,
    .gallery-preview-next,
    .gallery-preview-prev {
        display: none
    }
}

@media (min-width:992px) {
    .preview-gallery-container .slick-initialized .slick-slide {
        min-height: 468px;
        display: flex;
        align-items: center
    }

    .preview-gallery-container .preview-holder {
        width: 800px;
        min-width: 800px
    }

    .gallery-preview-footer.mobile {
        display: none
    }
}

@media (min-width:1200px) {
    .preview-gallery-container .preview-holder {
        width: 1024px;
        min-width: 1024px
    }
}

@media (min-width:1500px) {
    .preview-gallery-container .preview-holder {
        width: 1366px;
        min-width: 1366px
    }
}

.feature-product-loader,
.gallery-preview-loader {
    position: relative;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-preview-loader {
    width: 100%
}

.wap .gallery-preview-loader {
    width: 100vw
}

.feature-product-loader .circle-loader,
.gallery-preview-loader .circle-loader {
    position: relative
}

.preview-gallery .preview-gallery-slick.slick-initialized .slick-slide {
    height: auto
}

.preview-gallery .preview-gallery-slick.slick-initialized .slick-slide img {
    max-height: 90vh;
    width: auto;
    height: auto
}

.editMarqueeTemplate .no-block-data .cms-add-action-button {
    background: #fff;
    z-index: 1;
    position: relative;
    border: 1px solid #0086ff;
    color: #0086ff;
    min-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 21px;
    height: 36px;
    cursor: pointer;
    font-family: Figtree, sans-serif !important;
    font-size: 14px;
    line-height: 1
}

.editMarqueeTemplate .custom-template {
    background-color: #fff
}

.editMarqueeTemplate .marquee-img-container {
    font-size: 8px;
    border-radius: unset;
    overflow: hidden;
    border: unset
}

.editMarqueeTemplate .marquee-img-container img {
    border-radius: 10px
}

.editMarqueeTemplate .header-subheader {
    padding-left: 15px;
    padding-right: 15px
}

.editMarqueeTemplate .header-subheader .sub-header {
    margin-bottom: 15px !important
}

.editMarqueeTemplate .content.para-1 {
    margin-bottom: 12px
}

.editMarqueeTemplate .custom-template .header-subheader .editable-content-holder:last-child .editable-content {
    margin-bottom: 0
}

.desktop .no-block-data:hover .cms-add-action-button {
    background: #0086ff
}

.desktop .no-block-data:hover .cms-add-action-button,
.desktop .no-block-data:hover .cms-add-action-button i {
    color: #fff
}

.desktop .editMarqueeTemplate .marquee-block:not(.popover) {
    margin-top: 0
}

.desktop .editMarqueeTemplate .marquee-block:not(.popover) .no-block-data {
    min-height: 85px
}

.desktop .editMarqueeTemplate .marquee-block:not(.popover) .no-block-data.no-image-in-marquee {
    margin-top: 15px;
    height: 90px
}

.desktop .editMarqueeTemplate .custom-template {
    padding-left: 0;
    padding-right: 0
}

.desktop .editMarqueeTemplate .custom-template .no-block-data .cms-add-action-button {
    padding: 0 15px
}

.desktop .editMarqueeTemplate .custom-template .no-block-data.no-image-in-marquee {
    padding: 0;
    margin-bottom: 15px
}

.marquee-imgRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.marquee-imgRow img {
    margin: auto;
    display: block
}

.marquee-imgRow .image-in-marquee.no-block-data:hover .cms-add-action-button,
.marquee-imgRow .image-in-marquee.no-block-data:hover .marquee-img-container {
    background: #e5f3ff;
    color: #0086ff
}

.marquee-imgRow .image-in-marquee.no-block-data:hover .cms-add-action-button i {
    color: #0086ff
}

.marquee-imgRow .link-content {
    display: block;
    height: 100%
}

.marquee-imgRow .editable-cms-content {
    cursor: pointer
}

.marquee-imgRow .marquee-img-container {
    height: 90px;
    overflow: hidden;
    position: relative
}

.marquee-imgRow .marquee-img-container img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%
}

.marquee-imgRow .marquee-img-container .icon-cameraNew {
    color: #0086ff;
    font-size: 14px;
    padding-right: 8px;
    padding-bottom: 2px
}

.marquee-scroll-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 35px
}

.marquee-scroll-view .arrow-disabled {
    display: none !important
}

.marquee-scroll-view .web-marquee-class {
    height: 90px;
    padding: 0 10px;
    margin: 1px 0
}

.marquee-scroll-view .mobile-marquee-class {
    height: 74px;
    padding: 0 5px;
    margin: 1px 0
}

.marquee-scroll-view .slick-slide {
    max-height: 92px
}

.marquee-scroll-view .marquee-block .image-in-marquee {
    padding: 0 10px
}

.marquee-scroll-view .slider-arrow-circle.left-circle {
    left: -10px
}

.marquee-scroll-view .slider-arrow-circle.right-circle {
    right: -10px
}

.marquee-scroll-view .slick-list {
    max-height: 92px;
    width: 100%
}

.marquee-scroll-view .slick-slider div:focus,
.marquee-scroll-view .slick-slider img:focus {
    outline: 0 !important;
    border: unset;
    border-radius: unset
}

.marquee-scroll-view .slider-arrow-circle {
    top: calc(50% - 8px) !important
}

.edit-mode .marquee-scroll-view {
    padding-left: 35px;
    padding-right: 40px
}

.edit-mode .marquee-scroll-view.block-without-images {
    padding-right: 0
}

.edit-mode .marquee-scroll-view.block-without-images .marquee-block,
.marquee-grid-view .marquee-block .slick-slide {
    width: 100%
}

.marquee-grid-view .slick-list,
.marquee-grid-view .slick-track {
    min-width: 100%
}

.marquee-overflow .slick-track {
    display: inline-block;
    min-width: 100%
}

.wap .editMarqueeTemplate .sub-header {
    margin-top: 0
}

.wap .editMarqueeTemplate .marquee-overflow::-webkit-scrollbar {
    height: 0
}

.wap .editMarqueeTemplate .content.para-1 {
    margin-bottom: 15px
}

.wap .editMarqueeTemplate .custom-template {
    padding: 30px 0
}

.wap .editMarqueeTemplate .header-subheader {
    margin: 0 12.5px;
    width: calc(100% - 25px)
}

.wap .editMarqueeTemplate .marquee-block {
    display: flex
}

.wap .editMarqueeTemplate .marquee-block img {
    width: auto !important;
    height: 100%;
    border-radius: initial
}

.wap .editMarqueeTemplate .marquee-imgRow {
    width: 100%
}

.wap .editMarqueeTemplate .marquee-overflow {
    overflow-x: auto;
    overflow-y: hidden
}

.wap .marquee-imgRow .marquee-img-container {
    height: 74px;
    overflow: hidden;
    position: relative
}

.wap .marquee-imgRow .marquee-img-container img {
    position: static;
    transform: unset;
    max-height: 100%;
    max-width: 100% !important
}

.wap .main-header.editable-content {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 5px
}

.wap .no-image-in-marquee {
    width: 100%;
    height: 74px;
    margin: 15px 7px 0
}

.wap .marquee-block .image-in-marquee {
    width: 96px;
    flex-basis: 96px;
    padding: 15px 5px 0
}

.wap .image-in-marquee .cms-add-action-button {
    min-width: 94px;
    font-size: 12px;
    padding: 0 9px
}

.wap .image-in-marquee .icon-cameraNew {
    font-size: 17px;
    padding-bottom: 0
}

.wap .editable-marquee .slick-list.draggable {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.wap .marquee-scroll-view {
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 15px
}

.wap .marquee-scroll-view .slick-slide {
    min-width: 90px
}

.wap .marquee-scroll-view .marquee-block {
    padding: 0
}

.wap .marquee-scroll-view .marquee-block .image-in-marquee {
    padding: 0 5px
}

.wap .marquee-scroll-view .slick-list,
.wap .marquee-scroll-view .slick-slider {
    width: 100%
}

.wap .marquee-scroll-view .slick-track {
    display: block;
    height: 76px
}

.custom-template .marquee-overflow {
    padding: 0
}

.IPad .marquee-imgRow .marquee-img-container img {
    pointer-events: none
}

.marquee-block .image-in-marquee {
    width: 123px;
    display: inline-block;
    padding: 25px 10px 0;
    background: transparent
}

.marquee-block .image-in-marquee .cms-add-action-button {
    border: unset;
    height: auto;
    display: block;
    text-align: center
}

.marquee-block .image-in-marquee .cms-add-action-button span {
    display: block;
    width: 100%
}

.marquee-block .image-in-marquee .icon-cameraNew {
    padding-right: 0
}

.editable-marquee {
    position: relative;
    height: 100%
}

.upload-by-drag-drop .for-marquee .drop-area-container {
    background-color: unset
}

.edit-mode .marquee-block .no-block-data {
    border: none;
    flex: unset;
    flex-shrink: 0;
    flex-grow: 0;
    box-sizing: border-box;
    background-color: transparent
}

.edit-mode .marquee-block .no-block-data:hover {
    border: none
}

.edit-mode .marquee-block .no-block-data .add-image-marquee-btn {
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 10px
}

.edit-mode .marquee-block .no-block-data .add-image-marquee-btn .marquee-img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
    border: 1px dashed #0086ff;
    border-radius: 10px;
    position: relative;
    cursor: pointer
}

.edit-mode .marquee-block .image-in-marquee .cms-add-action-button {
    border: unset;
    height: auto;
    display: block;
    text-align: center;
    background: transparent
}

.no-image-in-marquee {
    width: 100%
}

body.IPad .template-main-container.editMarqueeTemplate .slider-arrow-circle {
    padding: 0
}

body.IPad .template-main-container.editMarqueeTemplate .slider-arrow-circle:before {
    margin: auto
}

body.wap.jd-cms.edit-mode .edit-block .editMarqueeTemplate .editable-content.under-edit {
    outline-offset: 0 !important
}

.web-marquee-class {
    width: 123px;
    height: 115px;
    padding: 25px 10px 0;
    display: inline-block;
    margin: 1px 0
}

.mobile-marquee-class {
    padding: 15px 0 0;
    height: 89px;
    display: inline-block;
    margin: 1px 0
}

.image-upload-popup.black-popover {
    width: 200px
}

@media (device-width:320px) and (device-height:568px) {
    .wap.iosIframeApp .editable-marquee .slick-list.draggable {
        max-width: 320px
    }
}

@media (device-width:375px) and (device-height:667px) {
    .wap.iosIframeApp .editable-marquee .slick-list.draggable {
        max-width: 375px
    }
}

@media (device-width:414px) and (device-height:736px) {
    .wap.iosIframeApp .editable-marquee .slick-list.draggable {
        max-width: 414px
    }
}

.edit-mode .marquee-scroll-view {
    padding-left: 30px;
    padding-right: 35px
}

.edit-mode .marquee-scroll-view>.marquee-block {
    width: 9.5%;
    min-width: 9.5%;
    margin-right: 10px
}

.edit-mode .marquee-scroll-view>div {
    min-width: 88%;
    max-width: 88%
}

.marquee-scroll-view {
    padding-left: 40px;
    padding-right: 40px
}

.marquee-scroll-view .marquee-block .image-in-marquee {
    width: 100%;
    padding: 0 5px
}

.marquee-scroll-view .mobile-marquee-class,
.marquee-scroll-view .web-marquee-class {
    width: calc(100% - 11px);
    height: auto;
    padding: 0
}

.marquee-scroll-view .slick-track {
    height: auto
}

.marquee-scroll-view .slick-list {
    max-height: unset
}

.marquee-scroll-view .mobile-marquee-class .marquee-img-container,
.marquee-scroll-view .slick-slide,
.marquee-scroll-view .web-marquee-class .marquee-img-container {
    height: auto;
    max-height: unset
}

.marquee-grid-view {
    padding: 0 40px
}

.marquee-grid-view .marquee-block .image-in-marquee {
    width: 10%;
    padding: 10px 6px 0
}

.marquee-grid-view .mobile-marquee-class,
.marquee-grid-view .web-marquee-class {
    width: 10%;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px
}

.marquee-grid-view .mobile-marquee-class .marquee-img-container,
.marquee-grid-view .web-marquee-class .marquee-img-container {
    height: auto
}

.image-in-marquee .marquee-img-container {
    height: auto;
    padding-top: 29%;
    padding-bottom: calc(50% - 21px)
}

@media (max-width:1289px) {
    .edit-mode .marquee-scroll-view>.marquee-block {
        width: 10.5%;
        min-width: 10.5%
    }

    .marquee-scroll-view .marquee-block .image-in-marquee {
        width: 100%;
        padding: 0 5px
    }

    .marquee-scroll-view .slick-track {
        height: auto
    }

    .marquee-scroll-view .slick-list {
        max-height: unset
    }

    .marquee-scroll-view .mobile-marquee-class .marquee-img-container,
    .marquee-scroll-view .slick-slide,
    .marquee-scroll-view .web-marquee-class .marquee-img-container {
        height: auto;
        max-height: unset
    }

    .marquee-grid-view {
        padding: 0 40px
    }

    .marquee-grid-view .marquee-block .image-in-marquee {
        width: 11%;
        padding: 10px 5px 0
    }

    .marquee-grid-view .mobile-marquee-class,
    .marquee-grid-view .web-marquee-class {
        width: 11%;
        height: auto;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px
    }

    .marquee-grid-view .mobile-marquee-class .marquee-img-container,
    .marquee-grid-view .web-marquee-class .marquee-img-container {
        height: auto
    }

    .image-in-marquee .marquee-img-container {
        height: auto;
        padding-top: 29%;
        padding-bottom: calc(50% - 21px)
    }
}

@media (max-width:1216px) {
    .edit-mode .marquee-scroll-view>.marquee-block {
        width: 11.7%;
        min-width: 11%
    }

    .edit-mode .marquee-scroll-view>div {
        max-width: 84%;
        min-width: 84%
    }

    .mobile-marquee-class,
    .web-marquee-class {
        width: calc(100% - 10px);
        height: auto;
        padding: 0
    }

    .marquee-grid-view .marquee-block .image-in-marquee,
    .marquee-grid-view .mobile-marquee-class,
    .marquee-grid-view .web-marquee-class {
        width: 12.5%
    }
}

@media (max-width:1100px) {
    .edit-mode .marquee-scroll-view>.marquee-block {
        width: 12.5%;
        margin-right: 0
    }

    .edit-mode .marquee-scroll-view>div {
        max-width: 87.5%;
        min-width: 87.5%
    }

    .edit-mode .marquee-scroll-view,
    .marquee-scroll-view {
        padding-left: 20px;
        padding-right: 20px
    }

    .marquee-grid-view {
        padding: 0 20px
    }
}

@media (max-width:768px) {
    .edit-mode .marquee-scroll-view>.marquee-block {
        width: 20%;
        min-width: 20%
    }

    .edit-mode .marquee-scroll-view>div {
        max-width: 80%;
        min-width: 80%
    }

    .marquee-grid-view .marquee-block .image-in-marquee,
    .marquee-grid-view .mobile-marquee-class,
    .marquee-grid-view .web-marquee-class {
        width: 20%
    }

    .image-in-marquee .marquee-img-container {
        height: auto;
        padding-top: 33%;
        padding-bottom: calc(50% - 30px)
    }
}

@media (max-width:500px) {
    .edit-mode .marquee-scroll-view>.marquee-block {
        width: 25%;
        min-width: 25%
    }

    .edit-mode .marquee-scroll-view>div {
        max-width: 75%;
        min-width: 75%
    }

    .marquee-grid-view .marquee-block .image-in-marquee,
    .marquee-grid-view .mobile-marquee-class,
    .marquee-grid-view .web-marquee-class {
        width: 25%
    }

    .image-in-marquee .marquee-img-container {
        height: auto;
        padding-top: 35%;
        padding-bottom: calc(50% - 10px)
    }
}

@media (max-width:410px) {

    .marquee-grid-view .marquee-block .image-in-marquee,
    .marquee-grid-view .mobile-marquee-class,
    .marquee-grid-view .web-marquee-class {
        width: 33.33%
    }

    .edit-mode .marquee-scroll-view>.marquee-block {
        width: 33.33%;
        min-width: 33.33%
    }

    .edit-mode .marquee-scroll-view>div {
        max-width: 66.5%;
        min-width: 66.5%
    }

    .image-in-marquee .marquee-img-container {
        height: auto;
        padding-top: calc(50% - 7px);
        padding-bottom: calc(50% - 7px)
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: slick;
    src: url(../home/mpweb/work/projects/live_build/git_projects/webstore/webstore-target/app/shopfront/css/common/slick/fonts/slick.ced611da.eot);
    src: url(../home/mpweb/work/projects/live_build/git_projects/webstore/webstore-target/app/shopfront/css/common/slick/fonts/slick.ced611da.eot?#iefix) format("embedded-opentype"), url(../home/mpweb/work/projects/live_build/git_projects/webstore/webstore-target/app/shopfront/css/common/slick/fonts/slick.b7c9e1e4.woff) format("woff"), url(../home/mpweb/work/projects/live_build/git_projects/webstore/webstore-target/app/shopfront/css/common/slick/fonts/slick.d41f55a7.ttf) format("truetype"), url(../home/mpweb/work/projects/live_build/git_projects/webstore/webstore-target/app/shopfront/css/common/slick/fonts/slick.f97e3bbf.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.microsite-homepage {
    background: #fff !important
}

.home-page {
    max-width: 1366px;
    margin: auto
}

.content .status-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background-color: #00f
}

.content .vendor-banner {
    text-align: center
}

.content .vendor-initials {
    padding: 10px;
    background-color: #fff;
    color: #000;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    margin: 0 auto 10px
}

.content .vendor-name {
    color: #fff
}

.content .status-content {
    height: calc(100vh - 112px)
}

.content .status-wrap {
    height: 100%;
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center
}

.content .status-wrap.mobile-style {
    width: auto;
    padding: 0 30px
}

.content .icon-container {
    width: 100px;
    height: 100px;
    margin: auto
}

.content .success-image {
    width: 100px;
    height: 100px
}

.content .title {
    font-size: 18px
}

.content .sub-text,
.content .success-text {
    font-size: 14px
}

.content .action-btn {
    background-color: #f67172;
    min-width: 230px;
    color: #fff
}

.content .mb-10 {
    margin-bottom: 10px
}

.content .mb-30 {
    margin-bottom: 30px
}

.content .btn-redirect {
    color: #fff;
    background-color: #f67172;
    height: 40px;
    padding: 0 5.29rem
}