/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2942,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '`'
 */
:root {
    --bs-info-rgb: 13,202,240;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #384050;
}

a {
    color: RGB(32, 32, 32);
    text-decoration: none;
}

header .far,
header .fas {
    font-size: 20px !important;
}

.input-group-text {
    padding: 1rem;
}


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

.navbar {
    background: RGBA(95, 95, 95,0.2);
}

    .navbar a:hover {
        color: #414141;
        text-decoration: none;
    }

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
}

hr {
    margin: 4px 0;
    color: #e3e9ef;
    background-color: currentColor;
    border: 0;
    opacity: 1;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
    margin-bottom: .75rem;
    font-weight: 500;
    line-height: 1.2;
    color: #323233;
}

footer h3, footer h6 {
    color: #D0D0D0;
}


.jumbotron {
    padding: 1.5rem 1rem 1rem;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2rem;
}

.btn-outline-dark {
    background-color: #efefef
}

.btn-social {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid transparent;
    transition: border-color 0.25s ease-in-out,background-color 0.25s ease-in-out,color 0.25s ease-in-out,box-shadow 0.25s ease-in-out;
    border-radius: .3125rem;
    background-color: black;
    color: white;
    font-size: .875rem;
    text-align: center;
    text-decoration: none !important;
}

    .btn-social > i {
        line-height: 2.125rem;
        color: white !important;
    }

    .btn-social:hover {
        opacity: .8;
        color: #454545 !important;
    }




.bg-black {
    background-color: #000 !important;
}


.widget-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget-title {
    margin-bottom: 1.125rem;
    font-size: 1.0625rem;
    font-weight: 500;
}


.page-header {
    padding: 2em 0;
    position: relative;
}

    .page-header h2 {
        padding-bottom: 6px;
        position: relative;
    }

    .page-header::after {
        content: ' ';
        background: #585858;
        position: absolute;
        top: 65%;
        display: inline-block;
        width: 70px;
        height: 5px;
    }



#watch-grid {
    min-height: 400px;
}

    #watch-grid .card {
        border: 0;
        background: transparent;
    }


        #watch-grid .card img {
            min-height: 100px;
        }


@media screen and (min-width: 576px) {
    #watch-grid .card img {
        min-height: 166px;
    }
}

#watch-grid .card h3 {
    text-align: center;
    font-size: 1rem;
    transition: all 0.3s ease-in-out;
}

#watch-grid a img {
    transition: all 0.4s ease-in-out;
}

#watch-grid a:hover img {
    transform: scale(1.1,1.1);
}


#collections-grid div {
    position: relative;
}

#collections-grid img {
    transition: all 0.5s ease-in-out;
}

#collections-grid h4 {
    padding: .35rem 1.5rem;
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.45);
    color: white;
    transition: all 0.5s ease-in-out;
}


#collections-grid a:hover h4 {
    background: rgba(0,0,0,.85);
    color: white;
    padding-left: 22%;
}

#collections-grid a:hover img {
    transform: scale(1.3,1.3);
}


.img-hover-zoom {
    overflow: hidden;
}

.img-hover-gs img {
    transition: transform .5s, filter .5s ease-in-out;
    border: solid 2px white;
    opacity: .95;
}

.img-hover-gs:hover img {
    opacity: 1;
    border: solid 2px #454545;
    box-shadow: 5px 2px 12px rgba(0,0,0,0.2);
}

.img-hover-gs:hover h6 {
    color: #506865;
}

.carousel-item {
    max-height: calc(86vh - 1px);
    overflow: hidden
}

    .carousel-item.slide-zoom.active img {
        transition: transform 5s ease-in-out;
        transition-delay: 0.1s;
        transform: scale(1.35);
    }

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

    .carousel-item {
        min-height: 400px;
        max-height: calc(70vh - 1px);
        overflow: hidden;
        transform: scale(1.2)
    }
}


footer {
    background: #424344;
    color: white
}

    footer a {
        color: #efefef !important
    }

    footer .widget-list a {
        font-size: 12px
    }

        footer .widget-list a:hover {
            opacity: 0.5
        }

.bg-footer-2 {
    background: black;
}

footer .bg-footer-2 a {
    color: white !important;
    opacity: .8
}

footer h3 {
    font-size: 1.3rem
}


#copyright {
    font-size: 0.75rem;
    text-align: right
}

.ladies {
    color: #BF60BF;
    text-transform: uppercase;
    border: 2px solid #DFB0DF;
    background-color: #F9F0F9
}

.mens {
    color: #2490BF;
    text-transform: uppercase;
    border: 2px solid #92C8DF;
    background-color: #F2F8FB
}

.youth {
    color: #FFC000;
    text-transform: uppercase;
    border: 2px solid #FFC000;
    background-color: #FFF8E0
}

.bg-lorus {
    background: #585858;
    color: white
}

#filter-form {
    margin-right: 22px;
}

    #filter-form h4 span {
        float: right
    }

.accordion-button {
    outline: none;
    border-bottom: solid 2px #ededed;
    text-transform: uppercase;
    color: #616161;
    padding: .75rem .25rem .75rem 0.5rem;
    font-size: 0.92rem;
    background: #F9F9F9 !important;
}

    .accordion-button.collapsed {
        background: white !important;
    }

    .accordion-button:focus {
        outline: none;
        box-shadow: none;
        border-color: #616161;
        color: black
    }

    .accordion-button:not(.collapsed) {
        color: black
    }

.blur img {
    filter: blur(36px);
}

#search-filter dt {
    text-transform: uppercase;
    font-size: 0.8rem;
}


.accordion-button::after {
    font-family: Courier New, Courier, monospace;
    height: auto;
    position: absolute;
    right: 10px;
    font-weight: bold;
    margin-left: auto;
    font-size: 1.8rem;
    content: "+";
    background-image: none;
    transition: transform .2s ease-in-out;
}


.accordion-button:not(.collapsed)::after {
    content: "-";
    font-family: Courier New, Courier, monospace;
    background-image: none;
}


#filter-form span.badge {
    min-width: 64px;
    font-size: .78rem;
    font-weight: 600
}


header {
    position: sticky !important;
    top: 0;
    z-index: 9000;
    background: rgba(240,240,240,.90) !important
}

.col-text {
    font-size: 0.75rem;
    text-transform: none !important;
    color: black
}

.media {
    display: flex;
    margin-bottom: 1rem;
}

    .media img {
        margin-right: 20px;
        max-width: 120px
    }

.modal-backdrop {
    background: rgba(225, 240, 238,0.95)
}

.modal-header, .modal-footer {
    background: white
}

.is-new {
    background: #BF0000;
    color: white;
    font-size: .7rem;
    border-radius: 5px;
    padding: 4px 8px;
    position: absolute;
    left: 8px;
    top: 2px
}

    .is-new::before {
        content: 'NEW'
    }

dt, #watch-details {
    font-family: 'Roboto', sans-serif;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%
}

    .carousel-control-next:hover, .carousel-control-prev:hover {
        background: rgba(0,0,0,0.25);
    }

.carousel-caption {
    transform: none !important;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: white;
    position: absolute;
    left: 0px;
    z-index: 5;
    width: 100%;
    display: inline-block;
    padding: 60px 0 20px 40px;
    text-align: left;
    bottom: 0px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.75));
    font-weight: 600
}

    .carousel-caption h5 {
        font-size: 3rem;
        color: white;
        opacity: 0.85;
        line-height: 10px;
        font-weight: 600
    }

    .carousel-caption p {
        opacity: 0.65
    }


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

    .carousel-caption {
        padding-left: 50px;
        line-height: 14px
    }

        .carousel-caption h5 {
            font-size: 1.8rem;
            opacity: 0.85
        }

        .carousel-caption p {
            opacity: 0.5
        }

    #copyright {
        text-align: center
    }
}

.navbar-tool .dropdown-menu {
    top: 100%;
    margin-top: .5rem !important
}

    .navbar-tool .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0
    }

.navbar-tool .navbar-tool-label {
    position: absolute;
    top: -.3125rem;
    right: -.3125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background-color: #506865;
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.25rem
}





h1, .h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem
    }
}

h2, .h2 {
    font-size: calc(1.25rem + .7vw)
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 1.8rem
    }
}

h3, .h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.7rem
    }
}

h4, .h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem
    }
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1.0625rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}


.navbar-mega-nav {
    position: relative
}


.mega-dropdown-column {
    width: 100%;
    max-width: 15rem
}

.navbar-mega-nav .dropdown-menu > .mega-dropdown {
    position: static
}

.navbar-mega-nav .dropdown-menu > .dropdown > a {
    padding-top: .75rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e3e9ef
}

.navbar-mega-nav .dropdown-menu > .dropdown:last-child > a {
    border-bottom: 0
}

.navbar-tool {
    position: relative;
    display: flex;
    align-items: center
}

    .navbar-tool.dropdown::before {
        position: absolute;
        bottom: -1rem;
        left: -10%;
        width: 120%;
        height: 1rem;
        content: ''
    }




@media (min-width: 992px) {
    .navbar-tool .navbar-tool-tooltip {
        display: block;
        position: absolute;
        top: -.5rem;
        left: 50%;
        transform: translateX(-50%);
        transition: opacity .2s ease-in-out, top .2s ease-in-out;
        padding: .0625rem .375rem;
        border-radius: .25rem;
        background-color: #2b3445;
        color: #fff;
        font-size: .6875rem;
        white-space: nowrap;
        opacity: 0
    }

    .navbar-tool:hover .navbar-tool-tooltip {
        top: -.75rem;
        opacity: .9
    }
}

.navbar-tool-icon-box {
    position: relative;
    width: 2.875rem;
    height: 2.875rem;
    transition: color 0.25s ease-in-out;
    border-radius: 50%;
    line-height: 2.625rem;
    text-align: center
}

    .navbar-tool-icon-box.dropdown-toggle::after {
        display: none
    }

.navbar-tool-icon {
    font-size: 1.25rem;
    line-height: 2.875rem
}

.navbar-tool-text {
    display: none;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: .875rem;
    transition: color 0.25s ease-in-out;
    font-size: .875rem;
    text-decoration: none !important;
    white-space: nowrap
}

    .navbar-tool-text > small, .navbar-tool-text > .small {
        display: block;
        margin-bottom: -.125rem
    }

.dropdown .navbar-tool-text::after {
    display: inline-block;
    margin-left: .23375rem;
    vertical-align: .23375rem;
    content: "";
    border-top: .275rem solid;
    border-right: .275rem solid transparent;
    border-bottom: 0;
    border-left: .275rem solid transparent
}

.dropdown .navbar-tool-text:empty::after {
    margin-left: 0
}

.nav-item {
    border-radius: 10px 10px 0 0;
    font-size: 0.78rem
}

@media (min-width: 1200px) {
    .nav-item {
        font-size: 1rem
    }
}

@media (min-width: 500px) {
    .navbar-expand-sm.fixed-top {
        position: fixed
    }

    .navbar-expand-sm .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

        .navbar-expand-sm .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item {
            font-weight: normal
        }



    .nav-item.active {
        background-color: white !important;
        border-radius: 10px 10px 0 0 !important;
        opacity: 1;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: normal;
        opacity: 0.5
    }

    .navbar-expand-sm .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-sm .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-sm .navbar-mega-nav .dropdown-menu > .dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-sm .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

        .navbar-expand-sm .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu::before {
            position: absolute;
            top: 0;
            right: 16rem;
            width: 1px;
            height: 100%;
            background-color: #e3e9ef;
            content: ''
        }

    .navbar-expand-sm .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

        .navbar-expand-sm .dropdown-menu.dropdown-menu-dark {
            border: 1px solid rgba(255,255,255,0.12);
            background-color: #373f50
        }

        .navbar-expand-sm .dropdown-menu.dropdown-menu-end {
            left: auto;
            right: 0
        }

        .navbar-expand-sm .dropdown-menu.show {
            display: none
        }

        .navbar-expand-sm .dropdown-menu > .dropdown > .dropdown-toggle {
            position: relative;
            padding-right: 1.95rem
        }

            .navbar-expand-sm .dropdown-menu > .dropdown > .dropdown-toggle::after {
                display: inline-block;
                margin-left: .23375rem;
                vertical-align: .23375rem;
                content: "";
                border-top: .275rem solid transparent;
                border-right: 0;
                border-bottom: .275rem solid transparent;
                border-left: .275rem solid
            }

            .navbar-expand-sm .dropdown-menu > .dropdown > .dropdown-toggle:empty::after {
                margin-left: 0
            }

            .navbar-expand-sm .dropdown-menu > .dropdown > .dropdown-toggle::after {
                position: absolute;
                display: block;
                top: 50%;
                right: 1rem;
                margin-top: -.3em
            }

        .navbar-expand-sm .dropdown-menu > .dropdown .dropdown-menu {
            display: none;
            top: 0;
            right: auto;
            left: 100%;
            width: auto;
            margin-top: -.5rem;
            margin-right: 0;
            margin-left: -.25rem
        }

        .navbar-expand-sm .dropdown-menu > .dropdown:hover > .dropdown-menu {
            -webkit-animation: fade-in .25s ease-in-out;
            animation: fade-in .25s ease-in-out
        }

        .navbar-expand-sm .dropdown-menu:not(.dropdown-menu-dark) {
            border-color: #fff;
            background-color: #fff;
            box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05)
        }

            .navbar-expand-sm .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
                background-color: #fff
            }

    .navbar-expand-sm .dropdown:hover > .dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-sm .navbar-tool-text {
        display: block
    }

    .navbar-expand-sm .mega-dropdown-column {
        width: 15rem
    }
}

@media (min-width: 768px) {
    .navbar-expand-md.fixed-top {
        position: fixed
    }

    .navbar-expand-md .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

        .navbar-expand-md .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item {
            font-weight: normal
        }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: normal
    }

    .navbar-expand-md .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-md .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-md .navbar-mega-nav .dropdown-menu > .dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-md .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

        .navbar-expand-md .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu::before {
            position: absolute;
            top: 0;
            right: 16rem;
            width: 1px;
            height: 100%;
            background-color: #e3e9ef;
            content: ''
        }

    .navbar-expand-md .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

        .navbar-expand-md .dropdown-menu.dropdown-menu-dark {
            border: 1px solid rgba(255,255,255,0.12);
            background-color: #373f50
        }

        .navbar-expand-md .dropdown-menu.dropdown-menu-end {
            left: auto;
            right: 0
        }

        .navbar-expand-md .dropdown-menu.show {
            display: none
        }

        .navbar-expand-md .dropdown-menu > .dropdown > .dropdown-toggle {
            position: relative;
            padding-right: 1.95rem
        }

            .navbar-expand-md .dropdown-menu > .dropdown > .dropdown-toggle::after {
                display: inline-block;
                margin-left: .23375rem;
                vertical-align: .23375rem;
                content: "";
                border-top: .275rem solid transparent;
                border-right: 0;
                border-bottom: .275rem solid transparent;
                border-left: .275rem solid
            }

            .navbar-expand-md .dropdown-menu > .dropdown > .dropdown-toggle:empty::after {
                margin-left: 0
            }

            .navbar-expand-md .dropdown-menu > .dropdown > .dropdown-toggle::after {
                position: absolute;
                display: block;
                top: 50%;
                right: 1rem;
                margin-top: -.3em
            }

        .navbar-expand-md .dropdown-menu > .dropdown .dropdown-menu {
            display: none;
            top: 0;
            right: auto;
            left: 100%;
            width: auto;
            margin-top: -.5rem;
            margin-right: 0;
            margin-left: -.25rem
        }

        .navbar-expand-md .dropdown-menu > .dropdown:hover > .dropdown-menu {
            -webkit-animation: fade-in .25s ease-in-out;
            animation: fade-in .25s ease-in-out
        }

        .navbar-expand-md .dropdown-menu:not(.dropdown-menu-dark) {
            border-color: #fff;
            background-color: #fff;
            box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05)
        }

            .navbar-expand-md .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
                background-color: #fff
            }

    .navbar-expand-md .dropdown:hover > .dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-md .navbar-tool-text {
        display: block
    }

    .navbar-expand-md .mega-dropdown-column {
        width: 15rem
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg.fixed-top {
        position: fixed
    }

    .navbar-expand-lg .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

        .navbar-expand-lg .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item {
            font-weight: normal
        }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-top: 1.1rem;
        padding-bottom: 1rem;
        font-weight: normal
    }

    .navbar-expand-lg .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-lg .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-lg .navbar-mega-nav .dropdown-menu > .dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-lg .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

        .navbar-expand-lg .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu::before {
            position: absolute;
            top: 0;
            right: 16rem;
            width: 1px;
            height: 100%;
            background-color: #e3e9ef;
            content: ''
        }

    .navbar-expand-lg .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

        .navbar-expand-lg .dropdown-menu.dropdown-menu-dark {
            border: 1px solid rgba(255,255,255,0.12);
            background-color: #373f50
        }

        .navbar-expand-lg .dropdown-menu.dropdown-menu-end {
            left: auto;
            right: 0
        }

        .navbar-expand-lg .dropdown-menu.show {
            display: none
        }

        .navbar-expand-lg .dropdown-menu > .dropdown > .dropdown-toggle {
            position: relative;
            padding-right: 1.95rem
        }

            .navbar-expand-lg .dropdown-menu > .dropdown > .dropdown-toggle::after {
                display: inline-block;
                margin-left: .23375rem;
                vertical-align: .23375rem;
                content: "";
                border-top: .275rem solid transparent;
                border-right: 0;
                border-bottom: .275rem solid transparent;
                border-left: .275rem solid
            }

            .navbar-expand-lg .dropdown-menu > .dropdown > .dropdown-toggle:empty::after {
                margin-left: 0
            }

            .navbar-expand-lg .dropdown-menu > .dropdown > .dropdown-toggle::after {
                position: absolute;
                display: block;
                top: 50%;
                right: 1rem;
                margin-top: -.3em
            }

        .navbar-expand-lg .dropdown-menu > .dropdown .dropdown-menu {
            display: none;
            top: 0;
            right: auto;
            left: 100%;
            width: auto;
            margin-top: -.5rem;
            margin-right: 0;
            margin-left: -.25rem
        }

        .navbar-expand-lg .dropdown-menu > .dropdown:hover > .dropdown-menu {
            -webkit-animation: fade-in .25s ease-in-out;
            animation: fade-in .25s ease-in-out
        }

        .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) {
            border-color: #fff;
            padding-top: 10px;
            background-color: #fff;
            box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05)
        }

            .navbar-expand-lg .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
                background-color: #fff
            }

    .navbar-expand-lg .dropdown:hover > .dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-lg .navbar-tool-text {
        display: block
    }

    .navbar-expand-lg .mega-dropdown-column {
        width: 11rem
    }
}

@media (min-width: 1280px) {
    .navbar-expand-xl.fixed-top {
        position: fixed
    }

    .navbar-expand-xl .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

        .navbar-expand-xl .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item {
            font-weight: normal
        }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: normal
    }

    .navbar-expand-xl .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-xl .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-xl .navbar-mega-nav .dropdown-menu > .dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-xl .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

        .navbar-expand-xl .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu::before {
            position: absolute;
            top: 0;
            right: 16rem;
            width: 1px;
            height: 100%;
            background-color: #e3e9ef;
            content: ''
        }

    .navbar-expand-xl .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

        .navbar-expand-xl .dropdown-menu.dropdown-menu-dark {
            border: 1px solid rgba(255,255,255,0.12);
            background-color: #373f50
        }

        .navbar-expand-xl .dropdown-menu.dropdown-menu-end {
            left: auto;
            right: 0
        }

        .navbar-expand-xl .dropdown-menu.show {
            display: none
        }

        .navbar-expand-xl .dropdown-menu > .dropdown > .dropdown-toggle {
            position: relative;
            padding-right: 1.95rem
        }

            .navbar-expand-xl .dropdown-menu > .dropdown > .dropdown-toggle::after {
                display: inline-block;
                margin-left: .23375rem;
                vertical-align: .23375rem;
                content: "";
                border-top: .275rem solid transparent;
                border-right: 0;
                border-bottom: .275rem solid transparent;
                border-left: .275rem solid
            }

            .navbar-expand-xl .dropdown-menu > .dropdown > .dropdown-toggle:empty::after {
                margin-left: 0
            }

            .navbar-expand-xl .dropdown-menu > .dropdown > .dropdown-toggle::after {
                position: absolute;
                display: block;
                top: 50%;
                right: 1rem;
                margin-top: -.3em
            }

        .navbar-expand-xl .dropdown-menu > .dropdown .dropdown-menu {
            display: none;
            top: 0;
            right: auto;
            left: 100%;
            width: auto;
            margin-top: -.5rem;
            margin-right: 0;
            margin-left: -.25rem
        }

        .navbar-expand-xl .dropdown-menu > .dropdown:hover > .dropdown-menu {
            -webkit-animation: fade-in .25s ease-in-out;
            animation: fade-in .25s ease-in-out
        }

        .navbar-expand-xl .dropdown-menu:not(.dropdown-menu-dark) {
            border-color: #fff;
            background-color: #fff;
            box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05)
        }

            .navbar-expand-xl .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
                background-color: #fff
            }

    .navbar-expand-xl .dropdown:hover > .dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-xl .navbar-tool-text {
        display: block
    }

    .navbar-expand-xl .mega-dropdown-column {
        width: 15rem
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl.fixed-top {
        position: fixed
    }

    .navbar-expand-xxl .navbar-collapse {
        width: auto;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-nav .nav-item {
        margin-bottom: 0;
        background-color: transparent
    }

        .navbar-expand-xxl .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item {
            font-weight: normal
        }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-top: 1.125rem;
        padding-bottom: .875rem;
        font-weight: normal
    }

    .navbar-expand-xxl .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar-expand-xxl .navbar-mega-nav::after {
        display: block
    }

    .navbar-expand-xxl .navbar-mega-nav .dropdown-menu > .dropdown .dropdown-menu {
        top: .35rem
    }

    .navbar-expand-xxl .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu {
        top: .375rem;
        min-height: 100%;
        min-height: calc(100% + .25rem);
        -webkit-animation: none !important;
        animation: none !important
    }

        .navbar-expand-xxl .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu::before {
            position: absolute;
            top: 0;
            right: 16rem;
            width: 1px;
            height: 100%;
            background-color: #e3e9ef;
            content: ''
        }

    .navbar-expand-xxl .dropdown-menu {
        margin-top: 0;
        padding-top: .5rem
    }

        .navbar-expand-xxl .dropdown-menu.dropdown-menu-dark {
            border: 1px solid rgba(255,255,255,0.12);
            background-color: #373f50
        }

        .navbar-expand-xxl .dropdown-menu.dropdown-menu-end {
            left: auto;
            right: 0
        }

        .navbar-expand-xxl .dropdown-menu.show {
            display: none
        }

        .navbar-expand-xxl .dropdown-menu > .dropdown > .dropdown-toggle {
            position: relative;
            padding-right: 1.95rem
        }

            .navbar-expand-xxl .dropdown-menu > .dropdown > .dropdown-toggle::after {
                display: inline-block;
                margin-left: .23375rem;
                vertical-align: .23375rem;
                content: "";
                border-top: .275rem solid transparent;
                border-right: 0;
                border-bottom: .275rem solid transparent;
                border-left: .275rem solid
            }

            .navbar-expand-xxl .dropdown-menu > .dropdown > .dropdown-toggle:empty::after {
                margin-left: 0
            }

            .navbar-expand-xxl .dropdown-menu > .dropdown > .dropdown-toggle::after {
                position: absolute;
                display: block;
                top: 50%;
                right: 1rem;
                margin-top: -.3em
            }

        .navbar-expand-xxl .dropdown-menu > .dropdown .dropdown-menu {
            display: none;
            top: 0;
            right: auto;
            left: 100%;
            width: auto;
            margin-top: -.5rem;
            margin-right: 0;
            margin-left: -.25rem
        }

        .navbar-expand-xxl .dropdown-menu > .dropdown:hover > .dropdown-menu {
            -webkit-animation: fade-in .25s ease-in-out;
            animation: fade-in .25s ease-in-out
        }

        .navbar-expand-xxl .dropdown-menu:not(.dropdown-menu-dark) {
            border-color: #fff;
            background-color: #fff;
            box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05)
        }

            .navbar-expand-xxl .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
                background-color: #fff
            }

    .navbar-expand-xxl .dropdown:hover > .dropdown-menu {
        display: block;
        -webkit-animation: slide-up .25s ease-in-out;
        animation: slide-up .25s ease-in-out
    }

    .navbar-expand-xxl .navbar-tool-text {
        display: block
    }

    .navbar-expand-xxl .mega-dropdown-column {
        width: 15rem
    }
}

.navbar-expand.fixed-top {
    position: fixed
}

.navbar-expand .navbar-collapse {
    width: auto;
    flex-basis: auto
}

.navbar-expand .navbar-nav .nav-item {
    margin-bottom: 0;
    background-color: transparent
}

    .navbar-expand .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item {
        font-weight: normal
    }

.navbar-expand .navbar-nav .nav-link {
    padding-top: 1.125rem;
    padding-bottom: .875rem;
    font-weight: normal
}

.navbar-expand .navbar-nav:not(.navbar-mega-nav) .nav-link.dropdown-toggle::after {
    display: none
}

.navbar-expand .navbar-mega-nav::after {
    display: block
}

.navbar-expand .navbar-mega-nav .dropdown-menu > .dropdown .dropdown-menu {
    top: .35rem
}

.navbar-expand .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu {
    top: .375rem;
    min-height: 100%;
    min-height: calc(100% + .25rem);
    -webkit-animation: none !important;
    animation: none !important
}

    .navbar-expand .navbar-mega-nav .dropdown-menu > .mega-dropdown .dropdown-menu::before {
        position: absolute;
        top: 0;
        right: 16rem;
        width: 1px;
        height: 100%;
        background-color: #e3e9ef;
        content: ''
    }

.navbar-expand .dropdown-menu {
    margin-top: 0;
    padding-top: .5rem
}

    .navbar-expand .dropdown-menu.dropdown-menu-dark {
        border: 1px solid rgba(255,255,255,0.12);
        background-color: #373f50
    }

    .navbar-expand .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0
    }

    .navbar-expand .dropdown-menu.show {
        display: none
    }

    .navbar-expand .dropdown-menu > .dropdown > .dropdown-toggle {
        position: relative;
        padding-right: 1.95rem
    }

        .navbar-expand .dropdown-menu > .dropdown > .dropdown-toggle::after {
            display: inline-block;
            margin-left: .23375rem;
            vertical-align: .23375rem;
            content: "";
            border-top: .275rem solid transparent;
            border-right: 0;
            border-bottom: .275rem solid transparent;
            border-left: .275rem solid
        }

        .navbar-expand .dropdown-menu > .dropdown > .dropdown-toggle:empty::after {
            margin-left: 0
        }

        .navbar-expand .dropdown-menu > .dropdown > .dropdown-toggle::after {
            position: absolute;
            display: block;
            top: 50%;
            right: 1rem;
            margin-top: -.3em
        }

    .navbar-expand .dropdown-menu > .dropdown .dropdown-menu {
        display: none;
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: -.5rem;
        margin-right: 0;
        margin-left: -.25rem
    }

    .navbar-expand .dropdown-menu > .dropdown:hover > .dropdown-menu {
        -webkit-animation: fade-in .25s ease-in-out;
        animation: fade-in .25s ease-in-out
    }

    .navbar-expand .dropdown-menu:not(.dropdown-menu-dark) {
        border-color: #fff;
        background-color: #fff;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05)
    }

        .navbar-expand .dropdown-menu:not(.dropdown-menu-dark) .dropdown-menu {
            background-color: #fff
        }

.navbar-expand .dropdown:hover > .dropdown-menu {
    display: block;
    -webkit-animation: slide-up .25s ease-in-out;
    animation: slide-up .25s ease-in-out
}

.navbar-expand .navbar-tool-text {
    display: block
}

.navbar-expand .mega-dropdown-column {
    width: 15rem
}

.navbar-stuck-toggler {
    display: none
}

@media (min-width: 992px) {
    .navbar-sticky.navbar-stuck {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-animation: navbar-show .25s;
        animation: navbar-show .25s;
        box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05);
        z-index: 1030
    }

        .navbar-sticky.navbar-stuck .navbar-stuck-toggler {
            display: flex
        }

        .navbar-sticky.navbar-stuck .navbar-stuck-barnd {
            display: block !important
        }

        .navbar-sticky.navbar-stuck .navbar-stuck-menu {
            display: none
        }

            .navbar-sticky.navbar-stuck .navbar-stuck-menu.show {
                display: block
            }

        .navbar-sticky.navbar-stuck.right-15 {
            right: 15px;
            width: calc(100% - 15px)
        }
}

.fixed-top.right-15, .fixed-bottom.right-15 {
    right: 15px
}

@-webkit-keyframes navbar-show {
    from {
        transform: translateY(-0.625rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes navbar-show {
    from {
        transform: translateY(-0.625rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.navbar-light .nav-item {
    background-color: #f6f9fc
}

    .navbar-light .nav-item:hover .nav-link:not(.disabled), .navbar-light .nav-item:hover .nav-link:not(.disabled) > i {
        color: #fe696a
    }

    .navbar-light .nav-item.active .nav-link:not(.disabled) > i, .navbar-light .nav-item.show .nav-link:not(.disabled) > i, .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) > i, .navbar-light .nav-item.active .nav-link:not(.disabled), .navbar-light .nav-item.show .nav-link:not(.disabled), .navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) {
        color: #fe696a
    }

.navbar-light .navbar-tool-icon-box {
    color: #4b566b
}

    .navbar-light .navbar-tool-icon-box.bg-secondary {
        background-color: #f3f5f9 !important
    }

.navbar-light .navbar-tool:hover .navbar-tool-icon-box {
    color: #2b3445
}

    .navbar-light .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
        background-color: #f3f5f9 !important
    }

.navbar-light.bg-secondary .navbar-tool-icon-box.bg-secondary, .navbar-light[class^='bg-faded'] .navbar-tool-icon-box.bg-secondary, .navbar-light[class*=' bg-faded'] .navbar-tool-icon-box.bg-secondary, .navbar-light[style^='background-color'] .navbar-tool-icon-box.bg-secondary, .navbar-light[style*=' background-color'] .navbar-tool-icon-box.bg-secondary {
    background-color: #e9edf4 !important
}

.navbar-light.bg-secondary .navbar-tool:hover .navbar-tool-icon-box.bg-secondary, .navbar-light[class^='bg-faded'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary, .navbar-light[class*=' bg-faded'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary, .navbar-light[style^='background-color'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary, .navbar-light[style*=' background-color'] .navbar-tool:hover .navbar-tool-icon-box.bg-secondary {
    background-color: #e9edf4 !important
}

.navbar-light .navbar-tool-text {
    color: #4b566b
}

    .navbar-light .navbar-tool-text > small, .navbar-light .navbar-tool-text > .small {
        color: #7d879c
    }

.navbar-light .navbar-tool:hover .navbar-tool-text {
    color: #2b3445
}

.navbar-light .navbar-mega-nav::after {
    background-color: #e3e9ef
}

.navbar-dark .navbar-tool-text > small, .navbar-dark .navbar-tool-text > .small {
    color: rgba(255,255,255,0.5)
}

.navbar-dark .navbar-tool:hover .navbar-tool-text {
    color: #fff
}

.navbar-dark .navbar-mega-nav::after {
    background-color: rgba(255,255,255,0.12)
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem 0;
    font-size: .875rem
}

    .topbar > .container, .topbar > .container-fluid, .topbar > .container-sm, .topbar > .container-md, .topbar > .container-lg, .topbar > .container-xl {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .topbar .topbar-text, .topbar .topbar-link {
        display: inline-block;
        margin-bottom: 0;
        text-decoration: none !important
    }

        .topbar .topbar-text > i, .topbar .topbar-link > i {
            margin-right: .375rem;
            font-size: 1.15em;
            vertical-align: middle
        }

.carousel {
    position: relative;
    margin-top: -68px;
}

.mt-n2 {
    margin-top: -.1rem !important
}



@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 1.3rem;
                padding-left: 1.3rem
            }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-lg .navbar-toggler {
            display: none
        }
}

@media (min-width: 1280px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 1.125rem;
                padding-left: 1.125rem
            }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xl .navbar-toggler {
            display: none
        }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

        .navbar-expand-xxl .navbar-nav {
            flex-direction: row
        }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-right: 1.125rem;
                padding-left: 1.125rem
            }

        .navbar-expand-xxl .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand-xxl .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand-xxl .navbar-toggler {
            display: none
        }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

    .navbar-expand .navbar-nav {
        flex-direction: row
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 1.125rem;
            padding-left: 1.125rem
        }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand .navbar-toggler {
        display: none
    }

.navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: #373f50
}

.navbar-nav .nav-link {
    color: #202020
}

    .nav-link:hover, .navbar-nav .nav-link:focus {
        color: #080808;
        background: rgba(255,255,255,0.5);
    }

.navbar-light .navbar-nav .nav-link.disabled {
    color: #7d879c
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
    color: #506865
}


.navbar-light .navbar-text {
    color: #4b566b
}

    .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
        color: #506865
    }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.65)
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: #fff
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255,255,255,0.35)
    }

    .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active {
        color: #fff
    }

.navbar-dark .navbar-text {
    color: rgba(255,255,255,0.65)
}

    .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
        color: #fff
    }


.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .4rem;
    padding-bottom: .4rem
}

    .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between
    }

.navbar-brand {
    padding-top: .625rem;
    padding-bottom: .725rem;
    margin-left: 1rem;
    white-space: nowrap
}

@media (min-width: 1200px) {
    .navbar {
        padding-top: .75rem;
        padding-bottom: .75rem
    }
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0
    }

    .navbar-nav .dropdown-menu {
        position: static
    }

.navbar-text {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .35rem .75rem;
    color: white;
    font-size: 1rem;
    line-height: 26px;
    background-color: #585858;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: box-shadow 0.15s ease-in-out;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .75rem 1.25rem;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #4b566b;
    text-transform: uppercase;
    transition: color 0.25s ease-in-out,background-color 0.25s ease-in-out,box-shadow 0.25s ease-in-out,border-color 0.25s ease-in-out
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #fe696a;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0,0,0,0.1);
    -webkit-transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}



    .form-range::-webkit-slider-thumb:active {
        background-color: #fe3b3d
    }

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e3e9ef;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px transparent
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #fe696a;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0,0,0,0.1);
    -moz-transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range {
    width: 100%;
    height: 1rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}


    .form-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff,0 0.375rem 0.625rem -0.3125rem rgba(254,105,106,0.15)
    }

    .form-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff,0 0.375rem 0.625rem -0.3125rem rgba(254,105,106,0.15)
    }

    .form-range::-moz-focus-outer {
        border: 0
    }



.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #4b566b;
    text-align: left;
    list-style: none;
    background-color: rgba(255,255,255,0.75) !important;
    backdrop-filter: blur(18px);
    background-clip: padding-box;
    border: 1px solid #e3e9ef;
    border-bottom-left-radius: .35rem;
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05)
}

    .dropdown-menu h6 {
        color: black;
        font-weight: 900;
    }


dt {
    color: #506865;
    margin-bottom: .25rem;
    font-weight: 600
}

dd {
    font-size: .875rem;
    margin-bottom: 1rem
}

.btn {
    display: inline-block;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .625rem 1.375rem;
    font-size: .9375rem;
    border-radius: .3125rem;
    transition: color 0.25s ease-in-out,background-color 0.25s ease-in-out,border-color 0.25s ease-in-out,box-shadow 0.2s ease-in-out
}

/*#watch-grid .btn {
        background: transparent
    }
*/
.btn-sm {
    line-height: 1
}

.btn-info-outline, .btn.btn-outline-info.disabled {
    --bs-btn-disabled-color: #1B6C8F;
    --bs-btn-disabled-border-color: #1B6C8F;
    --bs-btn-disabled-bg: #F0F6F8;
}

.btn.btn-outline-danger.disabled, .btn.btn-outline-danger.notify {
    --bs-btn-disabled-bg: #FCEEF0;
    --bs-btn-bg: #FCEEF0
}

.form-control {
    display: block;
    width: 100%;
    padding: .625rem 1rem;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b566b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dae1e7;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .3125rem;
    box-shadow: inset 0 1px 2px transparent;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}


.shadow {
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05) !important
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 0.75rem -0.0625rem rgba(0,0,0,0.06) !important
}

.shadow-lg {
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0,0,0,0.1) !important
}

.shadow-none {
    box-shadow: none !important
}


.nav-link:hover, .nav-link:focus {
    color: #080808
}



.dropdown-menu {
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05);
    border-color: transparent
}

    .dropdown-menu li:hover > .dropdown-item {
        color: #fe696a
    }

    .dropdown-menu .active > .dropdown-item {
        color: #fe696a
    }

    .dropdown-menu .active > .dropdown-item, .dropdown-menu .dropdown-item.active {
        pointer-events: none
    }

    .dropdown-menu.dropdown-menu-dark {
        border-width: 0
    }

        .dropdown-menu.dropdown-menu-dark li:hover > .dropdown-item {
            color: #fff
        }

        .dropdown-menu.dropdown-menu-dark .active > .dropdown-item {
            color: #fff
        }



.sidebar-toggle {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1025
}


.btn-dark {
    color: #fff;
    background-color: #373f50;
    border-color: #373f50;
    box-shadow: unset
}

    .btn-dark:hover {
        color: #fff;
        background-color: #2f3644;
        border-color: #2c3240
    }




.form-control:focus {
    color: #4b566b;
    background-color: #fff;
    border-color: #ffb4b5;
    outline: 0;
    box-shadow: inset 0 1px 2px transparent,0 0.375rem 0.625rem -0.3125rem rgba(254,105,106,0.15)
}



.dropdown .dropdown-toggle::after, .dropup .dropdown-toggle::after, .dropstart .dropdown-toggle::after, .dropend .dropdown-toggle::after {
    margin-left: .3rem;
    vertical-align: middle
}

.btn.dropdown-toggle::after {
    margin-left: .35rem
}

h1 .dropdown-toggle::after, .h1 .dropdown-toggle::after, h2 .dropdown-toggle::after, .h2 .dropdown-toggle::after, h3 .dropdown-toggle::after, .h3 .dropdown-toggle::after, h4 .dropdown-toggle::after, .h4 .dropdown-toggle::after, h5 .dropdown-toggle::after, .h5 .dropdown-toggle::after, .h1 .dropdown-toggle::after, .h2 .dropdown-toggle::after, .h3 .dropdown-toggle::after, .h4 .dropdown-toggle::after, .h5 .dropdown-toggle::after {
    margin-left: .5rem !important;
    border-top-width: .375rem;
    border-right-width: .375rem;
    border-left-width: .375rem
}

.dropdown-menu {
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0,0,0,0.03),0 0.275rem 1.25rem -0.0625rem rgba(0,0,0,0.05);
    border-color: transparent
}

    .dropdown-menu li:hover > .dropdown-item {
        color: #fe696a
    }

    .dropdown-menu .active > .dropdown-item {
        color: #fe696a
    }

    .dropdown-menu .active > .dropdown-item, .dropdown-menu .dropdown-item.active {
        pointer-events: none
    }

    .dropdown-menu.dropdown-menu-dark {
        border-width: 0
    }

        .dropdown-menu.dropdown-menu-dark li:hover > .dropdown-item {
            color: #fff
        }

        .dropdown-menu.dropdown-menu-dark .active > .dropdown-item {
            color: #fff
        }

.dropdown-header {
    margin-bottom: .25rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #e3e9ef
}

.dropdown-menu-dark .dropdown-header {
    border-bottom-color: rgba(255,255,255,0.12)
}

.dropdown-item {
    position: relative;
    width: 100%;
    transition: all 0.25s ease-in-out;
    font-size: .875rem;
    font-weight: normal
}

    .dropdown-item > i, .dropdown-item .badge {
        margin-top: -.125rem;
        vertical-align: middle
    }

.dropdown-menu.show {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.dropdown-toggle-split::after {
    margin-left: -.0625rem !important
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-up {
    from {
        transform: translateY(0.5rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-up {
    from {
        transform: translateY(0.5rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.navbar-brand {
    display: inline-block;
    font-weight: 500;
    vertical-align: middle
}

    .navbar-brand > img {
        display: block
    }

.navbar-nav .nav-item {
    margin-bottom: .6666666667rem;
    border-radius: .3125rem
}

    .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item {
        font-weight: 500
    }

        .navbar-nav .nav-item > .dropdown-menu > li > .dropdown-item > * {
            font-weight: 400
        }

.navbar-nav .nav-link {
    padding: .6666666667rem 1.125rem;
    font-weight: 500
}

.navbar-nav .dropdown-menu {
    min-width: 8.5rem;
    padding-top: 0;
    box-shadow: none;
    border: none;
    background-color: transparent
}

    .navbar-nav .dropdown-menu .dropdown-menu {
        width: calc(100% - (4rem * 2));
        margin: 0 1rem
    }

        .navbar-nav .dropdown-menu .dropdown-menu:not(.animation-none) {
            display: block;
            opacity: 1
        }

    .navbar-nav .dropdown-menu .dropdown-toggle::after {
        display: none
    }

.navbar.fixed-top {
    position: relative
}



.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .23375rem;
    vertical-align: .23375rem;
    content: "";
    border-top: 0;
    border-right: .275rem solid transparent;
    border-bottom: .275rem solid;
    border-left: .275rem solid transparent
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .23375rem;
    vertical-align: .23375rem;
    content: "";
    border-top: .275rem solid transparent;
    border-right: 0;
    border-bottom: .275rem solid transparent;
    border-left: .275rem solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .23375rem;
    vertical-align: .23375rem;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .23375rem;
    vertical-align: .23375rem;
    content: "";
    border-top: .275rem solid transparent;
    border-right: .275rem solid;
    border-bottom: .275rem solid transparent
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .25rem 0;
    overflow: hidden;
    border-top: 1px solid #e3e9ef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .425rem 1.3rem;
    clear: both;
    font-weight: 400;
    color: #4b566b;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #506865;
        background-color: rgba(0,0,0,0)
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #506865;
        text-decoration: none;
        background-color: rgba(0,0,0,0)
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #aeb4be;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.3rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #373f50;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .425rem 1.3rem;
    color: #4b566b
}

.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
    color: #fff;
    background-color: rgba(0,0,0,0)
}

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: rgba(0,0,0,0)
}

.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
    color: rgba(255,255,255,0.4)
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(255,255,255,0.12)
}

.dropdown-menu-dark .dropdown-item-text {
    color: rgba(255,255,255,0.65)
}

.dropdown-menu-dark .dropdown-header {
    color: #fff
}


img, figure {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}




.form-control-sm {
    min-height: calc(1.5em + .85rem + 2px);
    padding: .425rem .75rem;
    font-size: .8125rem;
    border-radius: .25rem
}

.carousel-indicators [data-bs-target] {
    width: 24px;
    height: 5px;
    border-radius: 10px
}


@media screen and (max-width: 576px) {
    #collections-grid h4 {
        font-size: 1rem;
    }

    .carousel {
        margin-top: 0px
    }

    .modal-body {
        margin: 60px auto;
        padding: 0
    }

    .modal-header h5 {
        font-size: 1.1em
    }
}

.navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}



.btn-outline-primary {
    color: #fe696a;
    border-color: #fe696a
}

    .btn-outline-primary:hover {
        color: #000;
        background-color: #fe696a;
        border-color: #fe696a
    }

    .btn-outline-primary:disabled, .btn-outline-primary.disabled {
        color: #fe696a;
        background-color: transparent
    }


::-moz-selection {
    background: rgba(32, 32, 32,0.5);
    color: white;
}

::selection {
    background: rgba(32, 32, 32,0.5);
    color: white;
}


.btn-secondary, .btn-secondary:hover, .btn-outline-secondary,
.btn-outline-secondary:hover, .btn-light, .btn-light:hover {
    color: black !important;
    border-color: #616161
}

.btn-secondary {
    background: #616161 !important;
    color: white !important;
}


    .btn-secondary:hover, .btn-outline-secondary:hover {
        background: white !important;
        color: black !important;
        border-color: black
    }

.btn-outline-success {
    border-color: rgba(66,214,151,0.35)
}

.list-inline li {
    float: left !important
}

.btn-scroll-top {
    display: block;
    position: fixed;
    right: -4.125rem;
    bottom: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    transition: right 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55),opacity 0.3s,background-color 0.25s ease-in-out;
    border-radius: 50%;
    background-color: rgba(43,52,69,0.25);
    color: #fff;
    text-align: center;
    opacity: 1;
    z-index: 1025
}


    .btn-scroll-top:hover {
        background-color: rgba(43,52,69,0.5);
        color: #fff
    }

        .btn-scroll-top:hover .btn-scroll-top-tooltip {
            visibility: visible;
            opacity: 1
        }

    .btn-scroll-top.show {
        right: 1.25rem;
        opacity: 1
    }

    .btn-scroll-top.right-15 {
        right: 2.1875rem
    }

    .btn-scroll-top > .btn-scroll-top-icon {
        font-size: 1.875rem;
        font-weight: bold;
        line-height: 2.625rem
    }

    .btn-scroll-top .btn-scroll-top-tooltip {
        position: absolute;
        top: 50%;
        right: 100%;
        transform: translateY(-50%);
        transition: opacity .25s ease-in-out, visibility .25s ease-in-out;
        visibility: hidden;
        opacity: 0
    }




@media (max-width: 576px) {
    .btn-scroll-top {
        width: 2.29rem;
        height: 2.29rem;
        bottom: 1.8rem
    }

        .btn-scroll-top > .btn-scroll-top-icon {
            line-height: 2.29rem
        }

        .btn-scroll-top.show {
            right: 1rem
        }

        .btn-scroll-top.right-15 {
            right: 1.9375rem
        }

    .btn-block-sm {
        display: block;
        width: 100%
    }
}

.input-validation-error {
    border: red solid 1px;
}

.req::after {
    content: '*';
    color: #F34770;
    padding-left: 4px;
}

.bg-success {
    background: #CFE7E4 !important
}


.progress {
    margin: 0.5rem 0;
    height: 0.5rem
}

    .progress .bg-success {
        background: #00BF00 !important
    }

.fb:hover, footer .btn-social.fb {
    color: #1877F2
}

.mh-100vh {
    max-height: 100vh
}

.mh-90vh {
    max-height: 90vh
}

.form-check-input:checked {
    /*  border-color: #506865!important;
    background: deeppink*/
}

#after-sales > form > div > div > div > label {
    font-family: 'Roboto', sans-serif;
    color: #202020
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(18px);
    background: rgba(255,255,255,0.3);
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border: 1px solid #e3e9ef;
    border-radius: .4375rem;
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0,0,0,0.1);
    outline: 0
}

.modal {
    z-index: 10060;
}
/*
.modal-backdrop {
    backdrop-filter: blur(16px) !important
}
*/

@media screen and (max-width: 576px) {
    .modal-content {
        backdrop-filter: none !important;
        background: rgba(255,255,255,0.85);
    }
}

#privacy, #terms {
    font-size: .85rem;
    min-height: 250px
}

    #privacy h5, #terms h5 {
        margin-top: 1rem;
        font-size: 1rem;
        color: #414141
    }

    #privacy h6 {
        margin-top: 1rem;
        font-size: .95rem
    }

    #privacy ul {
        margin-bottom: 1rem
    }

#col-img {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    min-height: 370px
}

#col-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    padding: 14px 20px 18px 20px;
    background: linear-gradient(to bottom, transparent,rgba(0,0,0,0.75),rgba(100,100,100,0.95));
    backdrop-filter: blur(26px);
    color: white;
    font-size: 1.1rem
}



@media screen and (max-width: 1024px) {
    #col-img {
        background-attachment: scroll;
        min-height: 340px
    }

    #col-desc {
        padding: 12px 14px 14px 14px;
        font-size: 1rem;
        backdrop-filter: none;
        text-align: center;
        background: linear-gradient(to bottom, rgba(0,0,0,0.15),rgba(0,0,0,0.75),rgba(0,0,0,0.98));
    }

    .carousel-indicators {
        display: none
    }
}

@media screen and (max-width: 376px) {
    .carousel-item {
        `eight: 172px !important;
        max-height: 172px !important;
        background: white !important;
        vertical-align: bottom
    }

    .carousel-caption {
        padding: 32px 0 12px 44px;
    }
}

header, .navbar {
    transition: all 0.25s ease-in-out;
}

    header img {
        transition: all 0.25s ease;
    }

.scrolled .navbar-brand img {
    max-width: 125px;
}

.scrolled .navbar {
    padding: 5px 0 5px 0;
}

.scrolled .navbar-expand-lg .navbar-nav .nav-link {
    padding: 14px 25px 12px
}

.warranty img {
    max-width: 72px;
    opacity: 0.85
}


#watch-details .warranty {
    right: 80px;
    top: 215px;
    width: 55px;
    z-index: 2;
    opacity: 0.75
}


@media screen and (max-width: 1204px) {
    #watch-details .warranty {
        right: 18px;
    }
}

@media screen and (max-width: 576px) {
    #watch-details .warranty {
        right: 18px;
        top: 44px;
    }
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #454545
}

#stores strong {
    color: #506865
}



#offCanvasCart {
    z-index: 9999;
}


.cart-price {
    font-weight: bold;
    font-size: .78em;
}

.cart-total-gst {
    font-size: 0.85em;
}

.cart-total {
    font-size: 1.1em;
}

.grand-total {
    font-weight: bold;
    font-size: 1.2em;
}

.offcanvas {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
}

.offcanvas-header {
    background: #202020 !important;
    color: white !important;
    padding: 25px;
}

    .offcanvas-header h5 i {
        font-size: 1.4rem
    }

    .offcanvas-header button {
        color: black;
        background-color: white;
    }

.offcanvas-title {
    color: white
}

.cart-details {
    background: #E3E3E3;
    border-radius: 5px;
    padding: 10px;
}

#paymentMethod .selected img {
    border: solid 2px black;
}


.form-control-position {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 2;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
}

.has-icon-left {
    padding-left: calc(2.75rem + 2px)
}

.required {
    position: relative
}

    .required::after {
        color: #B00000;
        content: "*";
        font-size: 18px;
        padding: 2px;
        position: absolute;
        margin: -2px 6px 0;
        display: inline-block
    }

.login-form {
    max-width: 320px;
}

@media screen and (min-width: 576px) {
    .login-form {
        max-width: 420px;
    }
}

input.form-control:read-only {
    background-color: #E3E8ED
}

.pac-container {
    z-index: 9999
}

.modal {
    z-index: 9999;
}

.form-floating > label {
    opacity: 0.5
}


.list-inline-item a {
    border: solid 1px #efefef;
    background-color: #e4e4e4;
    padding: 12px;
}

    .list-inline-item a:hover {
        background-color: #414141;
        color: white
    }

#instruct {
    margin-top: 1.8rem
}




.widget-list-item a:hover {
    opacity: 0.8
}

#home-finder {
    background: #efefef;
    padding: 3.5rem;
    background: linear-gradient(to bottom,#F3F3F3, white, #B0B0B0);
}

    #home-finder img {
        max-height: 320px;
    }

@media screen and (min-width: 576px) {
    #home-finder img {
        max-height: 390px;
    }
}

#home-finder h6 {
    display: inline-block;
    color: #080808;
    background: white;
    padding: 6px 14px;
    margin: 0;
    font-size: 1.3REM;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-align: center
}

#home-finder a:hover h6 {
    background: rgba(0,0,0,.85);
    color: white;
    margin: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
    transform: scale(1.28)
}

#home-finder a:hover img {
    transform: scale(0.97);
    border-color: rgba(0,0,0,.8);
}

.finder-link {
    background-color: rgba(1,1,1,0.8);
    padding: 4.5rem 3rem;
    font-size: 1.3rem;
}

    .finder-link h6 {
        color: white !important;
    }

    .finder-link:hover {
        color: #828284;
        background-color: transparent;
    }

        .finder-link:hover h6 {
            color: rgba(1,1,1,0.8) !important;
        }

.custom-control-label {
    padding-left: 8pxl
}


#payment-methods {
    list-style-type: none;
    padding: 0;
    margin: 0 0 1rem 0;
    display: flex;
    align-items: end;
    justify-content: end;
}

.payment-card img {
    max-width: 60px;
    margin-right: 5px;
}


#map {
    width: 100%;

    height: calc(100vh - 320px);
}

#store-list {
        
    width: 100%;
    padding:1rem;
}
#store-finder {
    position:sticky;
    top:78px
}
@media screen and (min-width: 576px) {
    #store-list {
        overflow-y: scroll;
        height: calc(100vh - 344px);
        width: 100%;
    
    }

#map {
    height: calc(100vh - 210px);
}

}

    #map-card {
        transition: all 1s;
        margin-top: 20px
    }

    .store-details {
        padding: 0.55rem;
        border-bottom: solid 1px #efefef;
        font-size:0.88rem
    }

.store-name {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem
}

    #store-finder {
        background-color: #efefef
    }

    .marker-info {
        min-width: 320px;
        font-size: 0.95rem;
        padding: 0.75rem;
        background-color: #F7F7F7
    }


.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 4px 1em 3px 1em;
}

    .ui-menu .ui-menu-item-wrapper.ui-state-active {
        background-color: black;
        color:white; border: solid 1px black
    }


.pswp__top-bar {
    background-color: #58595B !important;
}

.pswp__bg {
    background: rgba(255,255,255,0.95);
}